diff --git a/docs-old/CHANGELOG.md b/docs-old/CHANGELOG.md
deleted file mode 100644
index 6cf657df33..0000000000
--- a/docs-old/CHANGELOG.md
+++ /dev/null
@@ -1,1065 +0,0 @@
-# @marigold/docs
-
-## 5.6.0
-
-### Minor Changes
-
-- [#2947](https://github.com/marigold-ui/marigold/pull/2947) [`a35f82a13`](https://github.com/marigold-ui/marigold/commit/a35f82a13cbdf278cca526904ba0baaf87c30442) Thanks [@OsamaAbdellateef](https://github.com/OsamaAbdellateef)! - Releasing DateField component
-
-- [#2951](https://github.com/marigold-ui/marigold/pull/2951) [`fc5411f39`](https://github.com/marigold-ui/marigold/commit/fc5411f39449664f375ea68526ccecc396c4a6ed) Thanks [@aromko](https://github.com/aromko)! - feat: Add tag group component `<Tag/>` + `<Tag.Group/>`
-
-- [#2932](https://github.com/marigold-ui/marigold/pull/2932) [`85039a29c`](https://github.com/marigold-ui/marigold/commit/85039a29c59ba178005bed6e3c8f2b53753feecb) Thanks [@OsamaAbdellateef](https://github.com/OsamaAbdellateef)! - Introducing Calendar component
-
-### Patch Changes
-
-- Updated dependencies [[`a35f82a13`](https://github.com/marigold-ui/marigold/commit/a35f82a13cbdf278cca526904ba0baaf87c30442), [`992d76d1b`](https://github.com/marigold-ui/marigold/commit/992d76d1b343bf8bb0be4919b0a26f9f71d0307b), [`dc791efab`](https://github.com/marigold-ui/marigold/commit/dc791efabc696c7fdf1e3cd336860962b150c0df), [`3fbeb7b17`](https://github.com/marigold-ui/marigold/commit/3fbeb7b17b704813bb1218b04d781773e1d1dc92), [`fc5411f39`](https://github.com/marigold-ui/marigold/commit/fc5411f39449664f375ea68526ccecc396c4a6ed), [`85039a29c`](https://github.com/marigold-ui/marigold/commit/85039a29c59ba178005bed6e3c8f2b53753feecb), [`e285e0c94`](https://github.com/marigold-ui/marigold/commit/e285e0c942622b34d58c32799647ec2707c712d5)]:
-  - @marigold/components@5.6.0
-  - @marigold/theme-b2b@24.0.0
-  - @marigold/system@5.6.0
-  - @marigold/icons@1.2.5
-
-## 5.5.0
-
-### Minor Changes
-
-- [#2915](https://github.com/marigold-ui/marigold/pull/2915) [`4c2cd1b45`](https://github.com/marigold-ui/marigold/commit/4c2cd1b451a7987813e8e65ad6fa118a73359285) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: new Accordion Component
-
-### Patch Changes
-
-- [#2877](https://github.com/marigold-ui/marigold/pull/2877) [`862963f54`](https://github.com/marigold-ui/marigold/commit/862963f541fd57d2eaab03b1e9111c59241ffda6) Thanks [@OsamaAbdellateef](https://github.com/OsamaAbdellateef)! - feat: added menu section
-
-- Updated dependencies [[`4c2cd1b45`](https://github.com/marigold-ui/marigold/commit/4c2cd1b451a7987813e8e65ad6fa118a73359285), [`b07dab50c`](https://github.com/marigold-ui/marigold/commit/b07dab50c134a612061ccf8ef51f9aa332437e53), [`862963f54`](https://github.com/marigold-ui/marigold/commit/862963f541fd57d2eaab03b1e9111c59241ffda6), [`a56d83788`](https://github.com/marigold-ui/marigold/commit/a56d8378858cd75b42babc280ba19a446acfa2c0)]:
-  - @marigold/components@5.5.0
-  - @marigold/theme-b2b@23.0.0
-  - @marigold/system@5.5.0
-  - @marigold/icons@1.2.4
-
-## 5.4.0
-
-### Minor Changes
-
-- [#2892](https://github.com/marigold-ui/marigold/pull/2892) [`aaff48559`](https://github.com/marigold-ui/marigold/commit/aaff485594d34f878217f5906f7ee69e7f66c8f2) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: add fontStyle to <Text> component
-
-### Patch Changes
-
-- [#2894](https://github.com/marigold-ui/marigold/pull/2894) [`b3d577339`](https://github.com/marigold-ui/marigold/commit/b3d577339e16e73185d2fb80707479ce689e7f7f) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency @types/react to v18.0.29
-
-- Updated dependencies [[`b3d577339`](https://github.com/marigold-ui/marigold/commit/b3d577339e16e73185d2fb80707479ce689e7f7f), [`aaff48559`](https://github.com/marigold-ui/marigold/commit/aaff485594d34f878217f5906f7ee69e7f66c8f2), [`8972cbaca`](https://github.com/marigold-ui/marigold/commit/8972cbaca29ccce9c17a15b772ab0c7a3e921d20), [`4a8948d41`](https://github.com/marigold-ui/marigold/commit/4a8948d4191ec382f7c387ae04d770bdbdb5fcac)]:
-  - @marigold/components@5.4.0
-  - @marigold/types@1.0.1
-  - @marigold/theme-b2b@22.0.0
-  - @marigold/system@5.4.0
-  - @marigold/icons@1.2.3
-
-## 5.3.0
-
-### Minor Changes
-
-- [#2826](https://github.com/marigold-ui/marigold/pull/2826) [`aaf6b55c6`](https://github.com/marigold-ui/marigold/commit/aaf6b55c6c2b07f7baea9e7af1cab69e70c333e8) Thanks [@sarahgm](https://github.com/sarahgm)! - refa: Improved `<Input>` with icons/actions
-
-- [#2851](https://github.com/marigold-ui/marigold/pull/2851) [`fc36e8af4`](https://github.com/marigold-ui/marigold/commit/fc36e8af415e12ecd5a71c65e3eb34494ce2e423) Thanks [@sebald](https://github.com/sebald)! - docs: Introduce "Styling" docs. Some addition text that is not necessary...
-
-### Patch Changes
-
-- [#2833](https://github.com/marigold-ui/marigold/pull/2833) [`650a8b2fe`](https://github.com/marigold-ui/marigold/commit/650a8b2fed9c8783a8e2b427c1117236c8982356) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency @next/mdx to v13.2.1
-
-- Updated dependencies [[`aaf6b55c6`](https://github.com/marigold-ui/marigold/commit/aaf6b55c6c2b07f7baea9e7af1cab69e70c333e8), [`80cdbe062`](https://github.com/marigold-ui/marigold/commit/80cdbe062445b6c4b8073cb72976ce9ce4bcefb1), [`3a766be9d`](https://github.com/marigold-ui/marigold/commit/3a766be9d83219e3295962cfc08d43c0e2556101), [`cda6ac809`](https://github.com/marigold-ui/marigold/commit/cda6ac80984059035ec315481685dce1dbc6cc79)]:
-  - @marigold/components@5.3.0
-  - @marigold/system@5.3.0
-  - @marigold/theme-b2b@21.0.0
-  - @marigold/icons@1.2.2
-
-## 5.2.0
-
-### Minor Changes
-
-- [#2805](https://github.com/marigold-ui/marigold/pull/2805) [`c0609c0b3`](https://github.com/marigold-ui/marigold/commit/c0609c0b32bb8075fdeacf88f9c6ce5d8fdf781e) Thanks [@sebald](https://github.com/sebald)! - feat: introduce `<Inset>` component
-
-### Patch Changes
-
-- [#2824](https://github.com/marigold-ui/marigold/pull/2824) [`33329ace2`](https://github.com/marigold-ui/marigold/commit/33329ace2711b139938af05006ed6f00a65f6b99) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: refa <Input> and <Input.Field> components and support icons
-
-- Updated dependencies [[`f9175829d`](https://github.com/marigold-ui/marigold/commit/f9175829db6ab268a6c9620430a99a69d0d57c7c), [`33329ace2`](https://github.com/marigold-ui/marigold/commit/33329ace2711b139938af05006ed6f00a65f6b99), [`f11e2d7db`](https://github.com/marigold-ui/marigold/commit/f11e2d7dbb3d6b4ee4b8651f48b52736f64fd778), [`c0609c0b3`](https://github.com/marigold-ui/marigold/commit/c0609c0b32bb8075fdeacf88f9c6ce5d8fdf781e)]:
-  - @marigold/components@5.2.0
-  - @marigold/system@5.2.0
-  - @marigold/theme-b2b@20.0.0
-  - @marigold/icons@1.2.1
-
-## 5.1.0
-
-### Minor Changes
-
-- [#2788](https://github.com/marigold-ui/marigold/pull/2788) [`f5ec10d93`](https://github.com/marigold-ui/marigold/commit/f5ec10d93112677b9a5b1c6f41a4b334591f8544) Thanks [@sebald](https://github.com/sebald)! - feat: add new icons for battery status and wifi/mobile signal
-
-### Patch Changes
-
-- Updated dependencies [[`f5ec10d93`](https://github.com/marigold-ui/marigold/commit/f5ec10d93112677b9a5b1c6f41a4b334591f8544), [`6d7d6f621`](https://github.com/marigold-ui/marigold/commit/6d7d6f621788dc42aadd2f38aa90abfdb9438364)]:
-  - @marigold/icons@1.2.0
-  - @marigold/system@5.1.0
-  - @marigold/components@5.1.0
-  - @marigold/theme-b2b@19.0.0
-
-## 5.0.0
-
-### Minor Changes
-
-- [#2760](https://github.com/marigold-ui/marigold/pull/2760) [`fafc52cbb`](https://github.com/marigold-ui/marigold/commit/fafc52cbbbc48613a7bec52727664414c3f6b9d1) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: Allow `<Dialog>` to be controlled via `<Dialog.Controller‚>`
-
-- [#2759](https://github.com/marigold-ui/marigold/pull/2759) [`596b7b901`](https://github.com/marigold-ui/marigold/commit/596b7b9015dd32cd19a78ef2bc5e39fefa3e26ff) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: update Menu.Trigger with open and onOpenChange property
-
-### Patch Changes
-
-- [#2740](https://github.com/marigold-ui/marigold/pull/2740) [`7a61d39f4`](https://github.com/marigold-ui/marigold/commit/7a61d39f4c34981cc57b13fdaef2bc73f201dc5c) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: rename onSelect to onAction in Menu component
-
-- [#2741](https://github.com/marigold-ui/marigold/pull/2741) [`f65487486`](https://github.com/marigold-ui/marigold/commit/f65487486ef6849bc9850f5c13bc56ae7fe02b1f) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: add <ActionMenu> Component with dots
-
-- [#2733](https://github.com/marigold-ui/marigold/pull/2733) [`9cb030c11`](https://github.com/marigold-ui/marigold/commit/9cb030c111f05f4dadc339f4f9fafe6591d2cd0b) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: change prop onSelectionChange to onChange for select component
-
-- [#2756](https://github.com/marigold-ui/marigold/pull/2756) [`f9f71ed9d`](https://github.com/marigold-ui/marigold/commit/f9f71ed9d252f046e2c54d2614c683f62eb83afc) Thanks [@sebald](https://github.com/sebald)! - fix: <Link> whitespace
-
-- [#2726](https://github.com/marigold-ui/marigold/pull/2726) [`0f539b788`](https://github.com/marigold-ui/marigold/commit/0f539b788a72654e834c374810ef677c307fdadb) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency @types/react to v18.0.27
-
-- Updated dependencies [[`1ff29cc0c`](https://github.com/marigold-ui/marigold/commit/1ff29cc0ca5416eed14b54d0dda8ec1aad762cda), [`6d9b36b6a`](https://github.com/marigold-ui/marigold/commit/6d9b36b6af7f8a82072485216612a9500da3ba33), [`fafc52cbb`](https://github.com/marigold-ui/marigold/commit/fafc52cbbbc48613a7bec52727664414c3f6b9d1), [`7a61d39f4`](https://github.com/marigold-ui/marigold/commit/7a61d39f4c34981cc57b13fdaef2bc73f201dc5c), [`f65487486`](https://github.com/marigold-ui/marigold/commit/f65487486ef6849bc9850f5c13bc56ae7fe02b1f), [`e0045a5ef`](https://github.com/marigold-ui/marigold/commit/e0045a5efaa0b95091d7eb2e2bc1891a5141dbda), [`9cb030c11`](https://github.com/marigold-ui/marigold/commit/9cb030c111f05f4dadc339f4f9fafe6591d2cd0b), [`f9f71ed9d`](https://github.com/marigold-ui/marigold/commit/f9f71ed9d252f046e2c54d2614c683f62eb83afc), [`0f539b788`](https://github.com/marigold-ui/marigold/commit/0f539b788a72654e834c374810ef677c307fdadb), [`596b7b901`](https://github.com/marigold-ui/marigold/commit/596b7b9015dd32cd19a78ef2bc5e39fefa3e26ff), [`63f57ec10`](https://github.com/marigold-ui/marigold/commit/63f57ec10a5a1d8093854e548a52d2579c8d7a4b)]:
-  - @marigold/components@5.0.0
-  - @marigold/system@5.0.0
-  - @marigold/types@1.0.0
-  - @marigold/theme-b2b@18.0.0
-  - @marigold/icons@1.1.17
-
-## 4.2.2
-
-### Patch Changes
-
-- Updated dependencies [[`55c7cd7e`](https://github.com/marigold-ui/marigold/commit/55c7cd7e3a5397f8845f9928c15d85e1bc418d10), [`c9725e77`](https://github.com/marigold-ui/marigold/commit/c9725e77025f8b2d750f0ecd71b4088e5db98691)]:
-  - @marigold/components@4.2.2
-  - @marigold/theme-b2b@17.0.2
-  - @marigold/icons@1.1.16
-  - @marigold/system@4.2.2
-  - @marigold/tokens@3.1.0
-
-## 4.2.1
-
-### Patch Changes
-
-- Updated dependencies [[`c7b919a3`](https://github.com/marigold-ui/marigold/commit/c7b919a334f6f5b0240361a7e6ce805650ca8d01)]:
-  - @marigold/components@4.2.1
-  - @marigold/theme-b2b@17.0.1
-  - @marigold/system@4.2.1
-  - @marigold/icons@1.1.15
-
-## 4.2.0
-
-### Minor Changes
-
-- [#2688](https://github.com/marigold-ui/marigold/pull/2688) [`1bfe10cf`](https://github.com/marigold-ui/marigold/commit/1bfe10cf7ec08136ca67e23a2dc2e97f9c027e59) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: add <Fieldbase> to <RadioGroup> and <CheckboxGroup> to support errorMessage and helptext
-
-- [#2690](https://github.com/marigold-ui/marigold/pull/2690) [`258d939f`](https://github.com/marigold-ui/marigold/commit/258d939f39e110d140571ca3766acf281cb8a787) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: add <Badge> variant dark.
-
-### Patch Changes
-
-- [#2683](https://github.com/marigold-ui/marigold/pull/2683) [`7be11c1a`](https://github.com/marigold-ui/marigold/commit/7be11c1a8ba6bca9ac651da75569234b443fcae5) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: add <Tray> for responsiveness in <Menu> and <Select>
-
-- Updated dependencies [[`8675c5f2`](https://github.com/marigold-ui/marigold/commit/8675c5f2d609cddceff7661c2e6d173655adc813), [`7be11c1a`](https://github.com/marigold-ui/marigold/commit/7be11c1a8ba6bca9ac651da75569234b443fcae5), [`14463546`](https://github.com/marigold-ui/marigold/commit/144635460ee4c0eb44e1ce9d2cf12709262dc6e6), [`bb0dea93`](https://github.com/marigold-ui/marigold/commit/bb0dea93c6c24e5271f18ceddc3699d07a53b56a), [`7954ba24`](https://github.com/marigold-ui/marigold/commit/7954ba241a8ca3bc048177aa32c1fb0f3dd77a9c), [`1bfe10cf`](https://github.com/marigold-ui/marigold/commit/1bfe10cf7ec08136ca67e23a2dc2e97f9c027e59), [`258d939f`](https://github.com/marigold-ui/marigold/commit/258d939f39e110d140571ca3766acf281cb8a787)]:
-  - @marigold/components@4.2.0
-  - @marigold/theme-b2b@17.0.0
-  - @marigold/system@4.2.0
-  - @marigold/icons@1.1.14
-
-## 4.1.5
-
-### Patch Changes
-
-- Updated dependencies [[`098c0019`](https://github.com/marigold-ui/marigold/commit/098c00192d5fcad27a8b73670e1be5e494612a8e), [`098c0019`](https://github.com/marigold-ui/marigold/commit/098c00192d5fcad27a8b73670e1be5e494612a8e), [`832da2a6`](https://github.com/marigold-ui/marigold/commit/832da2a69f9bad5adcbcc57cba3cb215dfaa51e2)]:
-  - @marigold/theme-b2b@16.0.5
-  - @marigold/components@4.1.5
-  - @marigold/types@0.5.7
-  - @marigold/icons@1.1.13
-  - @marigold/system@4.1.5
-  - @marigold/tokens@3.1.0
-
-## 4.1.4
-
-### Patch Changes
-
-- Updated dependencies [[`1399a66b`](https://github.com/marigold-ui/marigold/commit/1399a66ba8cacb00fca6209d380a7b739ed94e7d)]:
-  - @marigold/theme-b2b@16.0.4
-  - @marigold/system@4.1.4
-  - @marigold/components@4.1.4
-  - @marigold/icons@1.1.12
-
-## 4.1.3
-
-### Patch Changes
-
-- Updated dependencies [[`9f12ffec`](https://github.com/marigold-ui/marigold/commit/9f12ffecb4e7fdf0bcc407a9a7867ff4c1263a99)]:
-  - @marigold/theme-b2b@16.0.3
-  - @marigold/system@4.1.3
-  - @marigold/components@4.1.3
-  - @marigold/icons@1.1.11
-
-## 4.1.2
-
-### Patch Changes
-
-- [#2657](https://github.com/marigold-ui/marigold/pull/2657) [`fcc320db`](https://github.com/marigold-ui/marigold/commit/fcc320dba298105f5afa11fba624ee7eb50a78c1) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: add restart icon
-
-- Updated dependencies [[`fcc320db`](https://github.com/marigold-ui/marigold/commit/fcc320dba298105f5afa11fba624ee7eb50a78c1), [`de5df9b6`](https://github.com/marigold-ui/marigold/commit/de5df9b649d2b8ddc840846e83efa7a33d1d8a5e)]:
-  - @marigold/icons@1.1.10
-  - @marigold/system@4.1.2
-  - @marigold/components@4.1.2
-  - @marigold/theme-b2b@16.0.2
-
-## 4.1.1
-
-### Patch Changes
-
-- Updated dependencies [[`0208fb01`](https://github.com/marigold-ui/marigold/commit/0208fb0111f44ed2de78098c1cf4757a55302048), [`9673ba62`](https://github.com/marigold-ui/marigold/commit/9673ba622011cb3cc748dba14f3c533160c95eee)]:
-  - @marigold/components@4.1.1
-  - @marigold/theme-b2b@16.0.1
-  - @marigold/system@4.1.1
-  - @marigold/icons@1.1.9
-
-## 4.1.0
-
-### Minor Changes
-
-- [#2576](https://github.com/marigold-ui/marigold/pull/2576) [`7a9129c1`](https://github.com/marigold-ui/marigold/commit/7a9129c1c2d2ada75fa5cd793874ab0b7db8d48b) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: add side property to label
-
-### Patch Changes
-
-- [#2621](https://github.com/marigold-ui/marigold/pull/2621) [`080b1fed`](https://github.com/marigold-ui/marigold/commit/080b1fedc582511e0155a9199aa3b2b995cfb609) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency @types/react to v18.0.25
-
-- Updated dependencies [[`40aeefd7`](https://github.com/marigold-ui/marigold/commit/40aeefd704e4ac23b36cb83ade928b19bdaf68c0), [`2e98753d`](https://github.com/marigold-ui/marigold/commit/2e98753d80af8a00a2b8c9adb0d3e08ee631ea4b), [`f764d3a0`](https://github.com/marigold-ui/marigold/commit/f764d3a080f075fe4e9b0cea30ded53a460689b4), [`473ae72b`](https://github.com/marigold-ui/marigold/commit/473ae72bc5ea11c8092a613b76500140f78cd12f), [`312a23cf`](https://github.com/marigold-ui/marigold/commit/312a23cf95352beba4b2798a479fa9e0cdbfa20a), [`080b1fed`](https://github.com/marigold-ui/marigold/commit/080b1fedc582511e0155a9199aa3b2b995cfb609), [`7a9129c1`](https://github.com/marigold-ui/marigold/commit/7a9129c1c2d2ada75fa5cd793874ab0b7db8d48b), [`727460fc`](https://github.com/marigold-ui/marigold/commit/727460fcd2dce035b18a539512ecf89f1ab7a11b), [`d250fc00`](https://github.com/marigold-ui/marigold/commit/d250fc0041f2beca498107d3e60e2d50e9ffb293)]:
-  - @marigold/components@4.1.0
-  - @marigold/theme-b2b@16.0.0
-  - @marigold/system@4.1.0
-  - @marigold/types@0.5.6
-  - @marigold/icons@1.1.8
-
-## 4.0.0
-
-### Major Changes
-
-- [#2610](https://github.com/marigold-ui/marigold/pull/2610) [`eb35da96`](https://github.com/marigold-ui/marigold/commit/eb35da96a52dc4b2b47d57ea115897bd7ee3bc69) Thanks [@sebald](https://github.com/sebald)! - feat: `<Tiles>` can now be used as a grid with fixed widths or fully respsonsive.
-
-  BREAKING CHANGE: Renamed the whole API. Please checkout the documentation at https://marigold-ui.io/components/tiles/#props
-
-### Patch Changes
-
-- [#2598](https://github.com/marigold-ui/marigold/pull/2598) [`f38ae20a`](https://github.com/marigold-ui/marigold/commit/f38ae20a23badf8cf141f582f0c20d85fdd6534b) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency @types/react to v18.0.24
-
-- Updated dependencies [[`02bd8efe`](https://github.com/marigold-ui/marigold/commit/02bd8efe1a5660910338a9f2cba39cc061588793), [`be3f2060`](https://github.com/marigold-ui/marigold/commit/be3f20600b195f62d8d5bc1b784329d7bf152d9a), [`f38ae20a`](https://github.com/marigold-ui/marigold/commit/f38ae20a23badf8cf141f582f0c20d85fdd6534b), [`4554b26e`](https://github.com/marigold-ui/marigold/commit/4554b26ef49986d2ebf457cc000284db5d8d85e8), [`41f60e3d`](https://github.com/marigold-ui/marigold/commit/41f60e3d3c95a21e4a3a1a167905270d6f5dc966), [`31e1219d`](https://github.com/marigold-ui/marigold/commit/31e1219dd684fde238aac17ef00c68cf7e458519), [`eb35da96`](https://github.com/marigold-ui/marigold/commit/eb35da96a52dc4b2b47d57ea115897bd7ee3bc69)]:
-  - @marigold/icons@1.1.7
-  - @marigold/system@4.0.0
-  - @marigold/types@0.5.5
-  - @marigold/components@4.0.0
-  - @marigold/theme-b2b@15.0.0
-
-## 3.0.6
-
-### Patch Changes
-
-- Updated dependencies [[`d8fc387d`](https://github.com/marigold-ui/marigold/commit/d8fc387df8ce1afef229bc421ed5cee114e24190)]:
-  - @marigold/system@3.0.6
-  - @marigold/components@3.0.6
-  - @marigold/icons@1.1.6
-  - @marigold/theme-b2b@14.0.6
-
-## 3.0.5
-
-### Patch Changes
-
-- [#2575](https://github.com/marigold-ui/marigold/pull/2575) [`0441cd20`](https://github.com/marigold-ui/marigold/commit/0441cd20fcdfc1964b8854ae8910e52586b85a4a) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: <XLoader> component for loading states
-
-- Updated dependencies [[`0441cd20`](https://github.com/marigold-ui/marigold/commit/0441cd20fcdfc1964b8854ae8910e52586b85a4a), [`e73554ed`](https://github.com/marigold-ui/marigold/commit/e73554ed7a4d434335cc2fac5375686d0916658b)]:
-  - @marigold/components@3.0.5
-  - @marigold/theme-b2b@14.0.5
-  - @marigold/system@3.0.5
-  - @marigold/icons@1.1.5
-
-## 3.0.4
-
-### Patch Changes
-
-- [#2569](https://github.com/marigold-ui/marigold/pull/2569) [`b20b0111`](https://github.com/marigold-ui/marigold/commit/b20b0111d645939b6210fad8b43690964186cd9c) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: add gridAutoRows to <Tiles>
-
-- [#2568](https://github.com/marigold-ui/marigold/pull/2568) [`51a95328`](https://github.com/marigold-ui/marigold/commit/51a95328331aa5d3f6d334ef3b205d6b70bf8f0f) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: improve headline with align and color property
-
-- Updated dependencies [[`09745fca`](https://github.com/marigold-ui/marigold/commit/09745fca3b285b88c11e129a4a34d5efef71a703), [`b20b0111`](https://github.com/marigold-ui/marigold/commit/b20b0111d645939b6210fad8b43690964186cd9c), [`51a95328`](https://github.com/marigold-ui/marigold/commit/51a95328331aa5d3f6d334ef3b205d6b70bf8f0f)]:
-  - @marigold/components@3.0.4
-  - @marigold/theme-b2b@14.0.4
-  - @marigold/system@3.0.4
-  - @marigold/icons@1.1.4
-
-## 3.0.3
-
-### Patch Changes
-
-- [#2561](https://github.com/marigold-ui/marigold/pull/2561) [`04c7f2eb`](https://github.com/marigold-ui/marigold/commit/04c7f2eb3d52b3eebf755a58f6df2559c0acb3cd) Thanks [@sebald](https://github.com/sebald)! - fix: `<Table>` stretch works as expected
-
-- Updated dependencies [[`04c7f2eb`](https://github.com/marigold-ui/marigold/commit/04c7f2eb3d52b3eebf755a58f6df2559c0acb3cd), [`74d47ba2`](https://github.com/marigold-ui/marigold/commit/74d47ba2ac4d28147c5052ffff9c7a287c001f2c)]:
-  - @marigold/components@3.0.3
-  - @marigold/theme-b2b@14.0.3
-  - @marigold/system@3.0.3
-  - @marigold/icons@1.1.3
-
-## 3.0.2
-
-### Patch Changes
-
-- [#2551](https://github.com/marigold-ui/marigold/pull/2551) [`d9974f91`](https://github.com/marigold-ui/marigold/commit/d9974f91b03531ac46715a4cf85965141ee64dfd) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: improve core theme
-
-- Updated dependencies [[`7368d457`](https://github.com/marigold-ui/marigold/commit/7368d457bf62dcd3fd99a95123fb4229a078982a), [`e65171c6`](https://github.com/marigold-ui/marigold/commit/e65171c6b30f0091491a7e0394e5ddafc0d72bf4), [`d9974f91`](https://github.com/marigold-ui/marigold/commit/d9974f91b03531ac46715a4cf85965141ee64dfd)]:
-  - @marigold/components@3.0.2
-  - @marigold/system@3.0.2
-  - @marigold/theme-b2b@14.0.2
-  - @marigold/icons@1.1.2
-
-## 3.0.1
-
-### Patch Changes
-
-- [#2510](https://github.com/marigold-ui/marigold/pull/2510) [`690191b2`](https://github.com/marigold-ui/marigold/commit/690191b2cd8cbc980f5ff54a2dbc82a726782f36) Thanks [@sebald](https://github.com/sebald)! - update: @react-aria/focus
-
-- [#2544](https://github.com/marigold-ui/marigold/pull/2544) [`db4cb323`](https://github.com/marigold-ui/marigold/commit/db4cb323ed6b58fac1ba424ca50349bdb981bc6b) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency typescript to v4.8.4
-
-- [#2509](https://github.com/marigold-ui/marigold/pull/2509) [`fb7b1b9f`](https://github.com/marigold-ui/marigold/commit/fb7b1b9fb083f48b744c3873823865d63bf3dbd5) Thanks [@benediktgrether](https://github.com/benediktgrether)! - refa: improve usage of `fit` prop
-
-- [#2543](https://github.com/marigold-ui/marigold/pull/2543) [`eb7e453c`](https://github.com/marigold-ui/marigold/commit/eb7e453c23f310d70d58514c24e8fe0d0cd375d4) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency @types/react to v18.0.21
-
-- Updated dependencies [[`690191b2`](https://github.com/marigold-ui/marigold/commit/690191b2cd8cbc980f5ff54a2dbc82a726782f36), [`4af6c016`](https://github.com/marigold-ui/marigold/commit/4af6c01618922473fa126786550fba74475bf7da), [`fb7b1b9f`](https://github.com/marigold-ui/marigold/commit/fb7b1b9fb083f48b744c3873823865d63bf3dbd5), [`93cfb764`](https://github.com/marigold-ui/marigold/commit/93cfb764bc3d184fd3314b335af8f4877251357e), [`eb7e453c`](https://github.com/marigold-ui/marigold/commit/eb7e453c23f310d70d58514c24e8fe0d0cd375d4)]:
-  - @marigold/components@3.0.1
-  - @marigold/types@0.5.4
-  - @marigold/theme-b2b@14.0.1
-  - @marigold/system@3.0.1
-  - @marigold/icons@1.1.1
-
-## 3.0.0
-
-### Patch Changes
-
-- [#2460](https://github.com/marigold-ui/marigold/pull/2460) [`4495fcb1`](https://github.com/marigold-ui/marigold/commit/4495fcb12723261c61846d30ff09597e2da56f1f) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: add height prop to Breakout and refactor docs page
-
-- [#2490](https://github.com/marigold-ui/marigold/pull/2490) [`baf5bb57`](https://github.com/marigold-ui/marigold/commit/baf5bb573b5e2f4ff273f9436657a5e38ee866ea) Thanks [@sebald](https://github.com/sebald)! - feat: `Columns` can stretch to available height via `stretch` prop + don't collapse by default
-
-- [#2463](https://github.com/marigold-ui/marigold/pull/2463) [`fcb15230`](https://github.com/marigold-ui/marigold/commit/fcb15230d4565eba65c7164ffaa042d59ad02e7a) Thanks [@sebald](https://github.com/sebald)! - refa: Improve behavior of `<Stack>` and remove option to render it as a list (use `<List>` instead)
-
-  - `<Stack>` will no longer align items by default, since this will cause children to not take all the available space
-  - `<Stack as="ul|ol">` will no longer work, we have a `<List>` comopnent for that
-
-- [#2496](https://github.com/marigold-ui/marigold/pull/2496) [`d10bb310`](https://github.com/marigold-ui/marigold/commit/d10bb310914deaa4a5b01ade1e783ad956483021) Thanks [@benediktgrether](https://github.com/benediktgrether)! - chore: change property names in breakout to alignX and AlignY
-
-- [#2439](https://github.com/marigold-ui/marigold/pull/2439) [`abd1c2c3`](https://github.com/marigold-ui/marigold/commit/abd1c2c304981b6cce63a1e798e01643636d899e) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: add links to github, figma to docs
-
-- Updated dependencies [[`20aeba63`](https://github.com/marigold-ui/marigold/commit/20aeba63b2bd7dceff3cb7324764dca2c4d8842b), [`a6fbc295`](https://github.com/marigold-ui/marigold/commit/a6fbc2954c4022e18dfecc8c85946b0ae1af5467), [`4495fcb1`](https://github.com/marigold-ui/marigold/commit/4495fcb12723261c61846d30ff09597e2da56f1f), [`87600058`](https://github.com/marigold-ui/marigold/commit/87600058a47831759fb5a55048ce07a33c173f1b), [`885e3ca4`](https://github.com/marigold-ui/marigold/commit/885e3ca477a6524855f7a62cb3568fec2b561cd4), [`ea7f5d0c`](https://github.com/marigold-ui/marigold/commit/ea7f5d0c0d94be2e9d1df14f212d75c82f311d18), [`baf5bb57`](https://github.com/marigold-ui/marigold/commit/baf5bb573b5e2f4ff273f9436657a5e38ee866ea), [`a795f29a`](https://github.com/marigold-ui/marigold/commit/a795f29ae0977ab5d386cba0e12be29457f748ff), [`7f1a9951`](https://github.com/marigold-ui/marigold/commit/7f1a9951dcb7647e40a98f22789da38b17a287da), [`fcb15230`](https://github.com/marigold-ui/marigold/commit/fcb15230d4565eba65c7164ffaa042d59ad02e7a), [`7b9c90ec`](https://github.com/marigold-ui/marigold/commit/7b9c90ecff94431a807d300015940e64fe240353), [`d10bb310`](https://github.com/marigold-ui/marigold/commit/d10bb310914deaa4a5b01ade1e783ad956483021)]:
-  - @marigold/components@3.0.0
-  - @marigold/theme-b2b@14.0.0
-  - @marigold/icons@1.1.0
-  - @marigold/system@3.0.0
-
-## 2.2.0
-
-### Minor Changes
-
-- [#2415](https://github.com/marigold-ui/marigold/pull/2415) [`d5116b5d`](https://github.com/marigold-ui/marigold/commit/d5116b5d452f337fd2873e1a514da1cd571dc72e) Thanks [@sebald](https://github.com/sebald)! - refa: Improve `<Container>` API and make it reponsive
-
-### Patch Changes
-
-- [#2313](https://github.com/marigold-ui/marigold/pull/2313) [`75128374`](https://github.com/marigold-ui/marigold/commit/75128374e5209a24bd2b0914c1d9455c02fcfc92) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency @types/react to v18.0.19
-
-- [#2423](https://github.com/marigold-ui/marigold/pull/2423) [`7b46298f`](https://github.com/marigold-ui/marigold/commit/7b46298f0461fa07947768fe6caba0f9645a9ea9) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency typescript to v4.8.3
-
-- [#2412](https://github.com/marigold-ui/marigold/pull/2412) [`44723f1c`](https://github.com/marigold-ui/marigold/commit/44723f1c6123fcac429a485804b610108ce7b846) Thanks [@sarahgm](https://github.com/sarahgm)! - refa: table scrollable
-
-- [#2406](https://github.com/marigold-ui/marigold/pull/2406) [`32fb8417`](https://github.com/marigold-ui/marigold/commit/32fb8417c411166fece7d779b226ae5c536ea5f7) Thanks [@sebald](https://github.com/sebald)! - feat: eslint-config can handle import assertions
-
-- [#2411](https://github.com/marigold-ui/marigold/pull/2411) [`a4ccb92f`](https://github.com/marigold-ui/marigold/commit/a4ccb92f294129dce1dd050513044dbd7bd96e28) Thanks [@sebald](https://github.com/sebald)! - feat: `css` props supports array (again) + padding props for `<Card>`
-
-- Updated dependencies [[`75128374`](https://github.com/marigold-ui/marigold/commit/75128374e5209a24bd2b0914c1d9455c02fcfc92), [`fb76bbbe`](https://github.com/marigold-ui/marigold/commit/fb76bbbe5a7bdb2d124aac6c01be0db5434d589b), [`515ea633`](https://github.com/marigold-ui/marigold/commit/515ea633312bf82a2f8446dd569d2765fcadaadd), [`f76f4870`](https://github.com/marigold-ui/marigold/commit/f76f48703fc03f6ceae09ff5c0b8bd60ea811564), [`23a78264`](https://github.com/marigold-ui/marigold/commit/23a78264cf713ebf439c264a45ff946fd58472de), [`44723f1c`](https://github.com/marigold-ui/marigold/commit/44723f1c6123fcac429a485804b610108ce7b846), [`a4ccb92f`](https://github.com/marigold-ui/marigold/commit/a4ccb92f294129dce1dd050513044dbd7bd96e28), [`d5116b5d`](https://github.com/marigold-ui/marigold/commit/d5116b5d452f337fd2873e1a514da1cd571dc72e), [`535f80da`](https://github.com/marigold-ui/marigold/commit/535f80daf738c60e92855310bb96ba6ca054c19b)]:
-  - @marigold/components@2.2.0
-  - @marigold/types@0.5.3
-  - @marigold/system@2.2.0
-  - @marigold/theme-b2b@13.0.0
-  - @marigold/icons@1.0.5
-
-## 2.1.3
-
-### Patch Changes
-
-- [#2382](https://github.com/marigold-ui/marigold/pull/2382) [`bf5fccda`](https://github.com/marigold-ui/marigold/commit/bf5fccdaaa4a80bcf80336541abc1cdd9c90db4f) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: add title to logo for accessibility
-
-- [#2396](https://github.com/marigold-ui/marigold/pull/2396) [`99401897`](https://github.com/marigold-ui/marigold/commit/99401897e63428f9066b3c2e4101b729967195a3) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: navigation resets when clicked and active state
-
-- [#2376](https://github.com/marigold-ui/marigold/pull/2376) [`cbd29060`](https://github.com/marigold-ui/marigold/commit/cbd290606406089994ba20f697e934ce0e221a53) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: add Figma links to docs
-
-- [#2389](https://github.com/marigold-ui/marigold/pull/2389) [`5ed76827`](https://github.com/marigold-ui/marigold/commit/5ed76827faa91d0c4eef29f174e9295a320a43f0) Thanks [@benediktgrether](https://github.com/benediktgrether)! - feat: Add scroll to top button
-
-- [#2378](https://github.com/marigold-ui/marigold/pull/2378) [`d5fd75cb`](https://github.com/marigold-ui/marigold/commit/d5fd75cb0b83d76fece43f959fa4aa5bcdf3f4c1) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: fix responsive layout and responsive table
-
-- Updated dependencies [[`d3143f65`](https://github.com/marigold-ui/marigold/commit/d3143f65fd4dc207d21006f21078b03c6123ff62), [`7bb83042`](https://github.com/marigold-ui/marigold/commit/7bb83042e608fbff1f58498e76172174d54f8960), [`f6b49c37`](https://github.com/marigold-ui/marigold/commit/f6b49c37a0293e4d060db292d22a085fcf0bbc65), [`beea5b0b`](https://github.com/marigold-ui/marigold/commit/beea5b0bc67fe4a4c43e5d900d1cf59095b9c2fd), [`d5fd75cb`](https://github.com/marigold-ui/marigold/commit/d5fd75cb0b83d76fece43f959fa4aa5bcdf3f4c1)]:
-  - @marigold/icons@1.0.4
-  - @marigold/system@2.1.3
-  - @marigold/components@2.1.3
-  - @marigold/theme-b2b@12.0.3
-
-## 2.1.2
-
-### Patch Changes
-
-- [#2359](https://github.com/marigold-ui/marigold/pull/2359) [`f03051d6`](https://github.com/marigold-ui/marigold/commit/f03051d681f78b3b8c507bd93fecd58ebd98a294) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: table of contents supports h3
-
-* [#2370](https://github.com/marigold-ui/marigold/pull/2370) [`630d8026`](https://github.com/marigold-ui/marigold/commit/630d80269e8bdff5c2900d6366c9fe5cbdaebe5d) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: add eye icon
-
-- [#2354](https://github.com/marigold-ui/marigold/pull/2354) [`d3ab22bb`](https://github.com/marigold-ui/marigold/commit/d3ab22bb6594191ad86e08bef2aca53810c96063) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: add roles to navigation for accessibility
-
-* [#2362](https://github.com/marigold-ui/marigold/pull/2362) [`294e31e3`](https://github.com/marigold-ui/marigold/commit/294e31e3c023cebd64f17a6e8cca97d78151f674) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: new icon for logout
-
-- [#2361](https://github.com/marigold-ui/marigold/pull/2361) [`b84e6ff5`](https://github.com/marigold-ui/marigold/commit/b84e6ff56e124e2215278b11971269dba9a49bbe) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: update table with compact and expanded
-
-- Updated dependencies [[`630d8026`](https://github.com/marigold-ui/marigold/commit/630d80269e8bdff5c2900d6366c9fe5cbdaebe5d), [`294e31e3`](https://github.com/marigold-ui/marigold/commit/294e31e3c023cebd64f17a6e8cca97d78151f674), [`b84e6ff5`](https://github.com/marigold-ui/marigold/commit/b84e6ff56e124e2215278b11971269dba9a49bbe)]:
-  - @marigold/icons@1.0.3
-  - @marigold/components@2.1.2
-  - @marigold/theme-b2b@12.0.2
-  - @marigold/system@2.1.2
-
-## 2.1.1
-
-### Patch Changes
-
-- [#2351](https://github.com/marigold-ui/marigold/pull/2351) [`ebfc0e6c`](https://github.com/marigold-ui/marigold/commit/ebfc0e6ccf9d4524637bde3e8164ad496e651955) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: content for landingpage
-
-* [#2349](https://github.com/marigold-ui/marigold/pull/2349) [`69e3260e`](https://github.com/marigold-ui/marigold/commit/69e3260e45a9223016aac3f38d3574631c1aeed9) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: add message style to docs and yellow color
-
-* Updated dependencies []:
-  - @marigold/system@2.1.1
-  - @marigold/components@2.1.1
-  - @marigold/icons@1.0.2
-  - @marigold/theme-b2b@12.0.1
-
-## 2.1.0
-
-### Minor Changes
-
-- [#2328](https://github.com/marigold-ui/marigold/pull/2328) [`22350f02`](https://github.com/marigold-ui/marigold/commit/22350f025932c871028ea1292cb13fbb5492865e) Thanks [@sebald](https://github.com/sebald)! - feat: add `fit` and `potision` props to `<Image>`
-
-### Patch Changes
-
-- Updated dependencies [[`92feeafe`](https://github.com/marigold-ui/marigold/commit/92feeafe7e9de8c4b685c9ed474f193cff747bf6), [`22350f02`](https://github.com/marigold-ui/marigold/commit/22350f025932c871028ea1292cb13fbb5492865e), [`6e236e78`](https://github.com/marigold-ui/marigold/commit/6e236e782b33a22c1fd1a8124ea8b6eb9be9ee6e), [`1be70499`](https://github.com/marigold-ui/marigold/commit/1be704993ec6597c40099217e9c682b231cf4312)]:
-  - @marigold/components@2.1.0
-  - @marigold/theme-b2b@12.0.0
-  - @marigold/system@2.1.0
-  - @marigold/icons@1.0.1
-
-## 2.0.0
-
-### Major Changes
-
-- [#2280](https://github.com/marigold-ui/marigold/pull/2280) [`997ccfc1`](https://github.com/marigold-ui/marigold/commit/997ccfc1814a87b9f6b8b4f3716c88ec47554da2) Thanks [@sebald](https://github.com/sebald)! - feat: Improve naming of Arrow icons
-
-  BREAKING: Arrows are now correctly named "chevron" and we removed the trailing A from the Arrows. e.g. `ArrowDownA` -> `ArrowDown` and `ArrowUp` -> `ChevronUp`
-
-### Patch Changes
-
-- [#2275](https://github.com/marigold-ui/marigold/pull/2275) [`fbcbda63`](https://github.com/marigold-ui/marigold/commit/fbcbda63ba4ea240ea1b911ea25237d125a229d1) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update eslint
-
-* [#2256](https://github.com/marigold-ui/marigold/pull/2256) [`b2a1f152`](https://github.com/marigold-ui/marigold/commit/b2a1f152f135251eec6342a2756a4cf7227bb9e7) Thanks [@sarahgm](https://github.com/sarahgm)! - Chore: add a table of contents to docs
-
-- [#2253](https://github.com/marigold-ui/marigold/pull/2253) [`90ca9ced`](https://github.com/marigold-ui/marigold/commit/90ca9cede64b3ca41bca741c26ca6578c304c930) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: responsive navigation
-
-* [#2235](https://github.com/marigold-ui/marigold/pull/2235) [`0ad36ada`](https://github.com/marigold-ui/marigold/commit/0ad36ada149009c3eda9a9d6f26dfc749ac4c734) Thanks [@sarahgm](https://github.com/sarahgm)! - Chore: Table for Props
-
-- [#2290](https://github.com/marigold-ui/marigold/pull/2290) [`67ea1671`](https://github.com/marigold-ui/marigold/commit/67ea1671093e9b06a8800c574fa058e59cf691d6) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: Themeswitch on component mdx page
-
-* [#2279](https://github.com/marigold-ui/marigold/pull/2279) [`7b00179b`](https://github.com/marigold-ui/marigold/commit/7b00179b5433489777108bcff61a5b7d76aeb66e) Thanks [@sebald](https://github.com/sebald)! - feat: fix lang settings in nextjs
-
-- [#2265](https://github.com/marigold-ui/marigold/pull/2265) [`88a3d4b0`](https://github.com/marigold-ui/marigold/commit/88a3d4b030e67e46a4af429b01a884195601b7a2) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency @babel/core to v7.18.10
-
-* [#2294](https://github.com/marigold-ui/marigold/pull/2294) [`6cfd4271`](https://github.com/marigold-ui/marigold/commit/6cfd4271ec7296b00cdbcb8688d728fb1c1ac813) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: add favicon to documentation
-
-* Updated dependencies [[`6656342b`](https://github.com/marigold-ui/marigold/commit/6656342b3622e4ad7fda47d11d38035228c779bf), [`13695db8`](https://github.com/marigold-ui/marigold/commit/13695db8db0d057afa68e1f93ad499c1096d969a), [`32353f56`](https://github.com/marigold-ui/marigold/commit/32353f56728ddc02e8b4ec848184b7dc5e5f9d19), [`4c63400f`](https://github.com/marigold-ui/marigold/commit/4c63400fef291181f29f994c7f8a8b020772cbee), [`e6d18a82`](https://github.com/marigold-ui/marigold/commit/e6d18a82bc55a051b53108e5856d00a18002953d), [`f4f308e4`](https://github.com/marigold-ui/marigold/commit/f4f308e4ce390cf1a4f055042498fe6787dd6879), [`8e9ea3da`](https://github.com/marigold-ui/marigold/commit/8e9ea3daaa0b3ea666394badabcfc3e76eba5512), [`406f186c`](https://github.com/marigold-ui/marigold/commit/406f186c7f91cebbf3d17795361807e902a4dfab), [`7a43970e`](https://github.com/marigold-ui/marigold/commit/7a43970e4c32d74754722b8a8c24117ef4888a0e), [`88a3d4b0`](https://github.com/marigold-ui/marigold/commit/88a3d4b030e67e46a4af429b01a884195601b7a2), [`6f3b6949`](https://github.com/marigold-ui/marigold/commit/6f3b69498f6c09506867b1f20ee3a2a77112efdc), [`fb9df312`](https://github.com/marigold-ui/marigold/commit/fb9df312e50a5d4be27a528e339f0d2c5768324d), [`997ccfc1`](https://github.com/marigold-ui/marigold/commit/997ccfc1814a87b9f6b8b4f3716c88ec47554da2)]:
-  - @marigold/components@2.0.0
-  - @marigold/icons@1.0.0
-  - @marigold/tokens@3.1.0
-  - @marigold/system@2.0.0
-  - @marigold/theme-b2b@11.0.0
-
-## 1.3.0
-
-### Patch Changes
-
-- [#2213](https://github.com/marigold-ui/marigold/pull/2213) [`a5088e04`](https://github.com/marigold-ui/marigold/commit/a5088e042b42210ea20850b208fb31ff6e525026) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update eslint
-
-* [#2211](https://github.com/marigold-ui/marigold/pull/2211) [`527b222f`](https://github.com/marigold-ui/marigold/commit/527b222f1776c30ffb887c72cef2c58b2392309c) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: next link component
-
-- [#2221](https://github.com/marigold-ui/marigold/pull/2221) [`c60f8527`](https://github.com/marigold-ui/marigold/commit/c60f8527cc4d61c3b7d8eeb2ec29a0cd7679e8dc) Thanks [@renovate](https://github.com/apps/renovate)! - chore(deps): update dependency @babel/core to v7.18.9
-
-* [#2205](https://github.com/marigold-ui/marigold/pull/2205) [`6194d69e`](https://github.com/marigold-ui/marigold/commit/6194d69e6b11f78b4818c1a9df2cf154bbe1211c) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: nextjs setup
-
-* Updated dependencies [[`527b222f`](https://github.com/marigold-ui/marigold/commit/527b222f1776c30ffb887c72cef2c58b2392309c), [`ec4c8362`](https://github.com/marigold-ui/marigold/commit/ec4c836256b86a311ad9e3f6ec55b56f9e1038f0), [`a5b7e876`](https://github.com/marigold-ui/marigold/commit/a5b7e876c3a70351fc7fac889af9f89a1ab25f8c), [`c60f8527`](https://github.com/marigold-ui/marigold/commit/c60f8527cc4d61c3b7d8eeb2ec29a0cd7679e8dc), [`c346ef60`](https://github.com/marigold-ui/marigold/commit/c346ef60aa4d64e66645ef5966fdf327a1d8337e), [`3adfdeea`](https://github.com/marigold-ui/marigold/commit/3adfdeea7bb962b1d4241b4d05b8ff51fa65b584)]:
-  - @marigold/components@1.3.0
-  - @marigold/theme-b2b@10.0.0
-  - @marigold/system@1.3.0
-  - @marigold/icons@0.7.7
-
-## 1.2.2
-
-### Patch Changes
-
-- Updated dependencies [[`51132dd8`](https://github.com/marigold-ui/marigold/commit/51132dd83ead1b5b5a89b1281ba1a2c2d4e17f04), [`7fc2e498`](https://github.com/marigold-ui/marigold/commit/7fc2e4981ccdcee59a04328927d71cb5a02f25a9)]:
-  - @marigold/components@1.2.2
-  - @marigold/theme-b2b@9.1.0
-  - @marigold/system@1.2.2
-  - @marigold/icons@0.7.6
-
-## 1.2.1
-
-### Patch Changes
-
-- [#2164](https://github.com/marigold-ui/marigold/pull/2164) [`b43464fc`](https://github.com/marigold-ui/marigold/commit/b43464fce6f7e2662b27313c6f74190e8c0f540f) Thanks [@sarahgm](https://github.com/sarahgm)! - refa: update to React 18
-
-- Updated dependencies [[`b43464fc`](https://github.com/marigold-ui/marigold/commit/b43464fce6f7e2662b27313c6f74190e8c0f540f)]:
-  - @marigold/components@1.2.1
-  - @marigold/icons@0.7.5
-  - @marigold/system@1.2.1
-  - @marigold/types@0.5.2
-  - @marigold/theme-b2b@9.0.1
-
-## 1.2.0
-
-### Minor Changes
-
-- [#2144](https://github.com/marigold-ui/marigold/pull/2144) [`82c376a9`](https://github.com/marigold-ui/marigold/commit/82c376a9c34c69104456e6e356231132f53c3efe) Thanks [@sebald](https://github.com/sebald)! - feat: Improve usage of Marigold when not used as a full page app
-
-### Patch Changes
-
-- Updated dependencies [[`2e688960`](https://github.com/marigold-ui/marigold/commit/2e6889600f9c2e50e58e928e09dadd61c5488fd8), [`1e512a48`](https://github.com/marigold-ui/marigold/commit/1e512a480bd9784525241fef7874c9e37c67d3e8), [`8980b645`](https://github.com/marigold-ui/marigold/commit/8980b64518f792c837776aea817e422ea0e3d658), [`82c376a9`](https://github.com/marigold-ui/marigold/commit/82c376a9c34c69104456e6e356231132f53c3efe), [`1a0070a4`](https://github.com/marigold-ui/marigold/commit/1a0070a437304cb0ebc9a2a0e30082ba8deee821), [`33c54b37`](https://github.com/marigold-ui/marigold/commit/33c54b37cd96b232c2f81a38af64143be4b02283), [`8f3c3e1b`](https://github.com/marigold-ui/marigold/commit/8f3c3e1b92eed5e432667ae8dae0a5f26a6dea3f), [`9e6e0671`](https://github.com/marigold-ui/marigold/commit/9e6e0671908491566ac9d5a2f1f316145e7c2d6a)]:
-  - @marigold/components@1.2.0
-  - @marigold/system@1.2.0
-  - @marigold/theme-b2b@9.0.0
-  - @marigold/icons@0.7.4
-
-## 1.1.1
-
-### Patch Changes
-
-- [#2123](https://github.com/marigold-ui/marigold/pull/2123) [`ca4433f2`](https://github.com/marigold-ui/marigold/commit/ca4433f24e65b5d9c438f12708e71eb3d2489d75) Thanks [@renovate](https://github.com/apps/renovate)! - fix(deps): update eslint
-
-- Updated dependencies []:
-  - @marigold/system@1.1.1
-  - @marigold/components@1.1.1
-  - @marigold/icons@0.7.3
-  - @marigold/theme-b2b@8.0.1
-
-## 1.1.0
-
-### Minor Changes
-
-- [#2106](https://github.com/marigold-ui/marigold/pull/2106) [`d0b3abfe`](https://github.com/marigold-ui/marigold/commit/d0b3abfe218e7b6d8b0d943836b4b17c0551a785) Thanks [@sebald](https://github.com/sebald)! - feat: Introduce `<Split>` component for `<Inline>` and `<Stack>`
-
-* [#2116](https://github.com/marigold-ui/marigold/pull/2116) [`16f1459c`](https://github.com/marigold-ui/marigold/commit/16f1459c9bc19402b960fe8edb8662b632b1e583) Thanks [@sebald](https://github.com/sebald)! - feat: Add option to stretch `<Table>`
-
-### Patch Changes
-
-- Updated dependencies [[`d0b3abfe`](https://github.com/marigold-ui/marigold/commit/d0b3abfe218e7b6d8b0d943836b4b17c0551a785), [`5a32c4b4`](https://github.com/marigold-ui/marigold/commit/5a32c4b49482c961f93f0db74cfbdf083329ba1e), [`16f1459c`](https://github.com/marigold-ui/marigold/commit/16f1459c9bc19402b960fe8edb8662b632b1e583)]:
-  - @marigold/components@1.1.0
-  - @marigold/theme-b2b@8.0.0
-  - @marigold/system@1.1.0
-  - @marigold/icons@0.7.2
-
-## 1.0.1
-
-### Patch Changes
-
-- [#2102](https://github.com/marigold-ui/marigold/pull/2102) [`23c1a5ce`](https://github.com/marigold-ui/marigold/commit/23c1a5cece356465f07b7206a0fe0f65512f3350) Thanks [@sebald](https://github.com/sebald)! - feat: Remove all occurances of `React.FC`
-
-- Updated dependencies [[`68921616`](https://github.com/marigold-ui/marigold/commit/6892161681c8673dd94af8bbd4312f73a125cc68), [`52fdb7d2`](https://github.com/marigold-ui/marigold/commit/52fdb7d2d5ebf220b1800e639693276af62eb70e), [`23c1a5ce`](https://github.com/marigold-ui/marigold/commit/23c1a5cece356465f07b7206a0fe0f65512f3350), [`bfa0caea`](https://github.com/marigold-ui/marigold/commit/bfa0caeac9fdb817ceed7ee30dbcce0819460f30)]:
-  - @marigold/components@1.0.1
-  - @marigold/system@1.0.1
-  - @marigold/types@0.5.1
-  - @marigold/theme-b2b@7.0.1
-  - @marigold/icons@0.7.1
-
-## 1.0.0
-
-### Major Changes
-
-- [#2096](https://github.com/marigold-ui/marigold/pull/2096) [`a41bb8a3`](https://github.com/marigold-ui/marigold/commit/a41bb8a39ace6006bfc2351f6d4649305bc1d286) Thanks [@sebald](https://github.com/sebald)! - feat: <Stack> can align on x and y axis
-
-* [#2053](https://github.com/marigold-ui/marigold/pull/2053) [`759abe94`](https://github.com/marigold-ui/marigold/commit/759abe94648f7935723cfb47e2097ba918ce1255) Thanks [@sebald](https://github.com/sebald)! - refa: <Dialog>
-
-- [#2054](https://github.com/marigold-ui/marigold/pull/2054) [`3c86c3b7`](https://github.com/marigold-ui/marigold/commit/3c86c3b7399a525c2743a1a42b806f862b050cd3) Thanks [@sebald](https://github.com/sebald)! - refa: Move &lt;Label&gt; and &lt;HelpText&gt; to components root
-
-* [#2069](https://github.com/marigold-ui/marigold/pull/2069) [`c35afcf2`](https://github.com/marigold-ui/marigold/commit/c35afcf21c10bb043041e56e91f954efc2083eff) Thanks [@sebald](https://github.com/sebald)! - refa: `<Tooltip>`
-
-  - with arrow pointer yay!
-  - allows to change placement
-  - uses `useComponentStyles`
-
-- [#2092](https://github.com/marigold-ui/marigold/pull/2092) [`4d6da0bb`](https://github.com/marigold-ui/marigold/commit/4d6da0bb8171be6a2cacaa5caea4fc1e11043345) Thanks [@sebald](https://github.com/sebald)! - feat: <Inline> can align on x and y axis
-
-### Minor Changes
-
-- [#2029](https://github.com/marigold-ui/marigold/pull/2029) [`bbe8ad99`](https://github.com/marigold-ui/marigold/commit/bbe8ad99f64cea5cc25fa19bb7705c3f9f1b7104) Thanks [@sebald](https://github.com/sebald)! - feat: Accessible <Radio> and <RadioGroup>
-
-* [#2036](https://github.com/marigold-ui/marigold/pull/2036) [`819dab0b`](https://github.com/marigold-ui/marigold/commit/819dab0bfe549f7fb6156cdb9938595ccbe32439) Thanks [@ti10le](https://github.com/ti10le)! - refa: remove align prop from Table
-
-- [#2048](https://github.com/marigold-ui/marigold/pull/2048) [`2ab80ae6`](https://github.com/marigold-ui/marigold/commit/2ab80ae677be0785cfa6e2bdf9f7ff2f3d38baec) Thanks [@sebald](https://github.com/sebald)! - refa: <Select>
-
-* [#2052](https://github.com/marigold-ui/marigold/pull/2052) [`bf12129c`](https://github.com/marigold-ui/marigold/commit/bf12129c6d5d21bf372fd6ee7e3a28f6a03326c9) Thanks [@sebald](https://github.com/sebald)! - refa: Remove <ValidationMessage>
-
-- [#2056](https://github.com/marigold-ui/marigold/pull/2056) [`3abbc813`](https://github.com/marigold-ui/marigold/commit/3abbc8130c8b5156f3ca62f237dd59278354eb7c) Thanks [@sebald](https://github.com/sebald)! - feat: Introduce <NumberFields>
-
-* [#2025](https://github.com/marigold-ui/marigold/pull/2025) [`2b5a0967`](https://github.com/marigold-ui/marigold/commit/2b5a0967707534a1650f1258bebdd176c934dedc) Thanks [@sebald](https://github.com/sebald)! - fix: <TextField>/<TextArea> support variant/size
-
-### Patch Changes
-
-- [#2043](https://github.com/marigold-ui/marigold/pull/2043) [`6a369f5f`](https://github.com/marigold-ui/marigold/commit/6a369f5f8e9f637e8aa9a560e63443e3d821c075) Thanks [@sarahgm](https://github.com/sarahgm)! - refa: Message new styling
-
-* [#2049](https://github.com/marigold-ui/marigold/pull/2049) [`5f64c882`](https://github.com/marigold-ui/marigold/commit/5f64c88286c7248e881a7f5548aba2afbe82f728) Thanks [@sarahgm](https://github.com/sarahgm)! - refa: switch with new styling
-
-- [#2033](https://github.com/marigold-ui/marigold/pull/2033) [`165f34fc`](https://github.com/marigold-ui/marigold/commit/165f34fc8fdde04bc4c7a0f0058ba3a400f95f06) Thanks [@sebald](https://github.com/sebald)! - fix: Typo in Do/Don't
-
-* [#2034](https://github.com/marigold-ui/marigold/pull/2034) [`f761f1ef`](https://github.com/marigold-ui/marigold/commit/f761f1ef65a826eb8c70da2fa03e5caf3393c3b9) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Slider rewrite with react-aria and new styling
-
-* Updated dependencies [[`bbe8ad99`](https://github.com/marigold-ui/marigold/commit/bbe8ad99f64cea5cc25fa19bb7705c3f9f1b7104), [`a41bb8a3`](https://github.com/marigold-ui/marigold/commit/a41bb8a39ace6006bfc2351f6d4649305bc1d286), [`93429e12`](https://github.com/marigold-ui/marigold/commit/93429e12e1f31c85fec0d92efd2a7b0013809b41), [`02d13e84`](https://github.com/marigold-ui/marigold/commit/02d13e84a27ac075587f7278c8c858aeee884f64), [`819dab0b`](https://github.com/marigold-ui/marigold/commit/819dab0bfe549f7fb6156cdb9938595ccbe32439), [`6a369f5f`](https://github.com/marigold-ui/marigold/commit/6a369f5f8e9f637e8aa9a560e63443e3d821c075), [`04db9229`](https://github.com/marigold-ui/marigold/commit/04db922957c8731ea952ce123e6d63a15ec02a93), [`0db2b687`](https://github.com/marigold-ui/marigold/commit/0db2b687a6f4cc35981e1e35a82873e61e1589e5), [`2ab80ae6`](https://github.com/marigold-ui/marigold/commit/2ab80ae677be0785cfa6e2bdf9f7ff2f3d38baec), [`bf12129c`](https://github.com/marigold-ui/marigold/commit/bf12129c6d5d21bf372fd6ee7e3a28f6a03326c9), [`5f64c882`](https://github.com/marigold-ui/marigold/commit/5f64c88286c7248e881a7f5548aba2afbe82f728), [`f761f1ef`](https://github.com/marigold-ui/marigold/commit/f761f1ef65a826eb8c70da2fa03e5caf3393c3b9), [`f5128944`](https://github.com/marigold-ui/marigold/commit/f512894439dff2b5769fe2e5aa23f61a28b3d14e), [`759abe94`](https://github.com/marigold-ui/marigold/commit/759abe94648f7935723cfb47e2097ba918ce1255), [`3abbc813`](https://github.com/marigold-ui/marigold/commit/3abbc8130c8b5156f3ca62f237dd59278354eb7c), [`3c86c3b7`](https://github.com/marigold-ui/marigold/commit/3c86c3b7399a525c2743a1a42b806f862b050cd3), [`c35afcf2`](https://github.com/marigold-ui/marigold/commit/c35afcf21c10bb043041e56e91f954efc2083eff), [`4d6da0bb`](https://github.com/marigold-ui/marigold/commit/4d6da0bb8171be6a2cacaa5caea4fc1e11043345), [`2b5a0967`](https://github.com/marigold-ui/marigold/commit/2b5a0967707534a1650f1258bebdd176c934dedc), [`a4117230`](https://github.com/marigold-ui/marigold/commit/a4117230928f640938f4ce69098bb665b90fe194), [`3aa2c100`](https://github.com/marigold-ui/marigold/commit/3aa2c100fce8884cf0e1ae8e848516923f0d8456)]:
-  - @marigold/components@1.0.0
-  - @marigold/theme-b2b@7.0.0
-  - @marigold/system@1.0.0
-  - @marigold/types@0.5.0
-  - @marigold/icons@0.7.0
-
-## 1.0.0-beta.0
-
-### Major Changes
-
-- [#2053](https://github.com/marigold-ui/marigold/pull/2053) [`759abe94`](https://github.com/marigold-ui/marigold/commit/759abe94648f7935723cfb47e2097ba918ce1255) Thanks [@sebald](https://github.com/sebald)! - refa: <Dialog>
-
-* [#2054](https://github.com/marigold-ui/marigold/pull/2054) [`3c86c3b7`](https://github.com/marigold-ui/marigold/commit/3c86c3b7399a525c2743a1a42b806f862b050cd3) Thanks [@sebald](https://github.com/sebald)! - refa: Move &lt;Label&gt; and &lt;HelpText&gt; to components root
-
-### Minor Changes
-
-- [#2029](https://github.com/marigold-ui/marigold/pull/2029) [`bbe8ad99`](https://github.com/marigold-ui/marigold/commit/bbe8ad99f64cea5cc25fa19bb7705c3f9f1b7104) Thanks [@sebald](https://github.com/sebald)! - feat: Accessible <Radio> and <RadioGroup>
-
-* [#2036](https://github.com/marigold-ui/marigold/pull/2036) [`819dab0b`](https://github.com/marigold-ui/marigold/commit/819dab0bfe549f7fb6156cdb9938595ccbe32439) Thanks [@ti10le](https://github.com/ti10le)! - refa: remove align prop from Table
-
-- [#2048](https://github.com/marigold-ui/marigold/pull/2048) [`2ab80ae6`](https://github.com/marigold-ui/marigold/commit/2ab80ae677be0785cfa6e2bdf9f7ff2f3d38baec) Thanks [@sebald](https://github.com/sebald)! - refa: <Select>
-
-* [#2052](https://github.com/marigold-ui/marigold/pull/2052) [`bf12129c`](https://github.com/marigold-ui/marigold/commit/bf12129c6d5d21bf372fd6ee7e3a28f6a03326c9) Thanks [@sebald](https://github.com/sebald)! - refa: Remove <ValidationMessage>
-
-- [#2056](https://github.com/marigold-ui/marigold/pull/2056) [`3abbc813`](https://github.com/marigold-ui/marigold/commit/3abbc8130c8b5156f3ca62f237dd59278354eb7c) Thanks [@sebald](https://github.com/sebald)! - feat: Introduce <NumberFields>
-
-* [#2025](https://github.com/marigold-ui/marigold/pull/2025) [`2b5a0967`](https://github.com/marigold-ui/marigold/commit/2b5a0967707534a1650f1258bebdd176c934dedc) Thanks [@sebald](https://github.com/sebald)! - fix: <TextField>/<TextArea> support variant/size
-
-### Patch Changes
-
-- [#2043](https://github.com/marigold-ui/marigold/pull/2043) [`6a369f5f`](https://github.com/marigold-ui/marigold/commit/6a369f5f8e9f637e8aa9a560e63443e3d821c075) Thanks [@sarahgm](https://github.com/sarahgm)! - refa: Message new styling
-
-* [#2049](https://github.com/marigold-ui/marigold/pull/2049) [`5f64c882`](https://github.com/marigold-ui/marigold/commit/5f64c88286c7248e881a7f5548aba2afbe82f728) Thanks [@sarahgm](https://github.com/sarahgm)! - refa: switch with new styling
-
-- [#2033](https://github.com/marigold-ui/marigold/pull/2033) [`165f34fc`](https://github.com/marigold-ui/marigold/commit/165f34fc8fdde04bc4c7a0f0058ba3a400f95f06) Thanks [@sebald](https://github.com/sebald)! - fix: Typo in Do/Don't
-
-* [#2034](https://github.com/marigold-ui/marigold/pull/2034) [`f761f1ef`](https://github.com/marigold-ui/marigold/commit/f761f1ef65a826eb8c70da2fa03e5caf3393c3b9) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Slider rewrite with react-aria and new styling
-
-* Updated dependencies [[`bbe8ad99`](https://github.com/marigold-ui/marigold/commit/bbe8ad99f64cea5cc25fa19bb7705c3f9f1b7104), [`02d13e84`](https://github.com/marigold-ui/marigold/commit/02d13e84a27ac075587f7278c8c858aeee884f64), [`819dab0b`](https://github.com/marigold-ui/marigold/commit/819dab0bfe549f7fb6156cdb9938595ccbe32439), [`6a369f5f`](https://github.com/marigold-ui/marigold/commit/6a369f5f8e9f637e8aa9a560e63443e3d821c075), [`0db2b687`](https://github.com/marigold-ui/marigold/commit/0db2b687a6f4cc35981e1e35a82873e61e1589e5), [`2ab80ae6`](https://github.com/marigold-ui/marigold/commit/2ab80ae677be0785cfa6e2bdf9f7ff2f3d38baec), [`bf12129c`](https://github.com/marigold-ui/marigold/commit/bf12129c6d5d21bf372fd6ee7e3a28f6a03326c9), [`5f64c882`](https://github.com/marigold-ui/marigold/commit/5f64c88286c7248e881a7f5548aba2afbe82f728), [`f761f1ef`](https://github.com/marigold-ui/marigold/commit/f761f1ef65a826eb8c70da2fa03e5caf3393c3b9), [`f5128944`](https://github.com/marigold-ui/marigold/commit/f512894439dff2b5769fe2e5aa23f61a28b3d14e), [`759abe94`](https://github.com/marigold-ui/marigold/commit/759abe94648f7935723cfb47e2097ba918ce1255), [`3abbc813`](https://github.com/marigold-ui/marigold/commit/3abbc8130c8b5156f3ca62f237dd59278354eb7c), [`3c86c3b7`](https://github.com/marigold-ui/marigold/commit/3c86c3b7399a525c2743a1a42b806f862b050cd3), [`2b5a0967`](https://github.com/marigold-ui/marigold/commit/2b5a0967707534a1650f1258bebdd176c934dedc)]:
-  - @marigold/components@1.0.0-beta.0
-  - @marigold/theme-b2b@7.0.0-beta.0
-  - @marigold/system@1.0.0-beta.0
-  - @marigold/types@0.5.0-beta.0
-  - @marigold/icons@0.7.0-beta.0
-
-## 0.9.0
-
-### Minor Changes
-
-- [#2016](https://github.com/marigold-ui/marigold/pull/2016) [`d79a590a`](https://github.com/marigold-ui/marigold/commit/d79a590aeb7dcbda23ddb40e3f712385c2b11da0) Thanks [@sebald](https://github.com/sebald)! - refa: <Checkbox> and <CheckboxGroup>
-
-* [#1987](https://github.com/marigold-ui/marigold/pull/1987) [`cc149c9a`](https://github.com/marigold-ui/marigold/commit/cc149c9aaaf11f78a58f0c6d51bc9f12720f18a4) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): introduce Table component v1
-
-- [#1963](https://github.com/marigold-ui/marigold/pull/1963) [`872c7413`](https://github.com/marigold-ui/marigold/commit/872c7413f7dca317fc048437634c78d909cefd15) Thanks [@sebald](https://github.com/sebald)! - feat: Introduce a new input for text `<TextField>`
-
-* [#1964](https://github.com/marigold-ui/marigold/pull/1964) [`08ee4bf5`](https://github.com/marigold-ui/marigold/commit/08ee4bf520779e1696b18d2959bed89e0bac2d39) Thanks [@sebald](https://github.com/sebald)! - refa: Use `<Field>` in `<TextArea>`
-
-- [#1997](https://github.com/marigold-ui/marigold/pull/1997) [`37d2fd69`](https://github.com/marigold-ui/marigold/commit/37d2fd69aafedd288490410dc56be1ede43bd41d) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: New component <Content>
-
-### Patch Changes
-
-- [#2017](https://github.com/marigold-ui/marigold/pull/2017) [`5dfe5f88`](https://github.com/marigold-ui/marigold/commit/5dfe5f8869c7cd9f5ca912575990b211ee9d3a69) Thanks [@sarahgm](https://github.com/sarahgm)! - Button restructure
-
-* [#1968](https://github.com/marigold-ui/marigold/pull/1968) [`3476f21f`](https://github.com/marigold-ui/marigold/commit/3476f21fdf5e2213196cff3ec5ef13a75577b3c5) Thanks [@ti10le](https://github.com/ti10le)! - refa(docs): headings fix and use template comps d-p
-
-- [#2018](https://github.com/marigold-ui/marigold/pull/2018) [`6e4f52cf`](https://github.com/marigold-ui/marigold/commit/6e4f52cf1f6d74d5c6464feab642187e5c9c2720) Thanks [@sarahgm](https://github.com/sarahgm)! - Menu component restructure
-
-* [#1939](https://github.com/marigold-ui/marigold/pull/1939) [`870718c0`](https://github.com/marigold-ui/marigold/commit/870718c0886979249f85467e9f2350442832173c) Thanks [@ti10le](https://github.com/ti10le)! - refa(docs): use component page template for components name a-c
-
-- [#1995](https://github.com/marigold-ui/marigold/pull/1995) [`6b693a0c`](https://github.com/marigold-ui/marigold/commit/6b693a0cfbe1c543f0e20bd6493bbe48c7b5c05d) Thanks [@sarahgm](https://github.com/sarahgm)! - fix docu links and card
-
-* [#2013](https://github.com/marigold-ui/marigold/pull/2013) [`f6c3263f`](https://github.com/marigold-ui/marigold/commit/f6c3263fc327478372069b7a3d6352e151af930c) Thanks [@sarahgm](https://github.com/sarahgm)! - feat:Footer component
-
-- [#2015](https://github.com/marigold-ui/marigold/pull/2015) [`724b65ce`](https://github.com/marigold-ui/marigold/commit/724b65ced57cd40971b8fe43cf622f793df88829) Thanks [@sebald](https://github.com/sebald)! - docs: remove theme section
-
-* [#1994](https://github.com/marigold-ui/marigold/pull/1994) [`3dff2282`](https://github.com/marigold-ui/marigold/commit/3dff2282b75ca91547f478f3305b138d1d409670) Thanks [@sarahgm](https://github.com/sarahgm)! - Refa: card-styles-structur
-
-- [#1982](https://github.com/marigold-ui/marigold/pull/1982) [`7fc15cb7`](https://github.com/marigold-ui/marigold/commit/7fc15cb7624b5ccb8c282f238fa6954947789731) Thanks [@sebald](https://github.com/sebald)! - refa: Badge uses new styling solution
-
-* [#2001](https://github.com/marigold-ui/marigold/pull/2001) [`b3246070`](https://github.com/marigold-ui/marigold/commit/b3246070c7bd3dcadb28e30140aead330a6b9ff1) Thanks [@sebald](https://github.com/sebald)! - refa: Use <Headline> instead of <Text>
-
-- [#1967](https://github.com/marigold-ui/marigold/pull/1967) [`93d54845`](https://github.com/marigold-ui/marigold/commit/93d548453bea63d4037519ca9a6d47933b5a821d) Thanks [@ti10le](https://github.com/ti10le)! - refa(docs): update mdx pages with name r-v
-
-* [#2014](https://github.com/marigold-ui/marigold/pull/2014) [`cc01f7dc`](https://github.com/marigold-ui/marigold/commit/cc01f7dc5e9aae665511374b1352efa9f2c942bf) Thanks [@sarahgm](https://github.com/sarahgm)! - Text component restructure
-
-- [#2012](https://github.com/marigold-ui/marigold/pull/2012) [`f0ec4333`](https://github.com/marigold-ui/marigold/commit/f0ec433306319e6ed948bfa573a18aad6c41906c) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: Header component
-
-* [#1998](https://github.com/marigold-ui/marigold/pull/1998) [`6dd92ad6`](https://github.com/marigold-ui/marigold/commit/6dd92ad6e8ecc8bbf3d578413bd2b2c5fbe5a6f8) Thanks [@sarahgm](https://github.com/sarahgm)! - feat(comp): headline component
-
-- [#1966](https://github.com/marigold-ui/marigold/pull/1966) [`ff1d083a`](https://github.com/marigold-ui/marigold/commit/ff1d083a196f4093bc4043b9510da76b390c1b17) Thanks [@ti10le](https://github.com/ti10le)! - refa(docs): update mdx pages with name d-p
-
-* [#1986](https://github.com/marigold-ui/marigold/pull/1986) [`6e5b193f`](https://github.com/marigold-ui/marigold/commit/6e5b193f1ec87dcdc1040fda2ed0f2e4c39cee63) Thanks [@sarahgm](https://github.com/sarahgm)! - docs: delete default variant in docs
-
-* Updated dependencies [[`121e2b3a`](https://github.com/marigold-ui/marigold/commit/121e2b3aa2fd1d87c534c92a9665678abe031d20), [`d79a590a`](https://github.com/marigold-ui/marigold/commit/d79a590aeb7dcbda23ddb40e3f712385c2b11da0), [`5dfe5f88`](https://github.com/marigold-ui/marigold/commit/5dfe5f8869c7cd9f5ca912575990b211ee9d3a69), [`37b3b0e9`](https://github.com/marigold-ui/marigold/commit/37b3b0e93bc12ff93946a314d6128b2c50089157), [`6e4f52cf`](https://github.com/marigold-ui/marigold/commit/6e4f52cf1f6d74d5c6464feab642187e5c9c2720), [`cc149c9a`](https://github.com/marigold-ui/marigold/commit/cc149c9aaaf11f78a58f0c6d51bc9f12720f18a4), [`424f1705`](https://github.com/marigold-ui/marigold/commit/424f1705159d7a03dce368adadbae152acc80687), [`dbc55934`](https://github.com/marigold-ui/marigold/commit/dbc55934775a6c2362525f0078ecf1595475ddc8), [`6b693a0c`](https://github.com/marigold-ui/marigold/commit/6b693a0cfbe1c543f0e20bd6493bbe48c7b5c05d), [`f6c3263f`](https://github.com/marigold-ui/marigold/commit/f6c3263fc327478372069b7a3d6352e151af930c), [`413df088`](https://github.com/marigold-ui/marigold/commit/413df088ed497a3dfb4221c31a1b68245f43e984), [`4ff1e2b6`](https://github.com/marigold-ui/marigold/commit/4ff1e2b6e668db90cfb7e2d04d9365c80dbf4cc2), [`872c7413`](https://github.com/marigold-ui/marigold/commit/872c7413f7dca317fc048437634c78d909cefd15), [`59f3e6f3`](https://github.com/marigold-ui/marigold/commit/59f3e6f31c00c422bc95b25fb0faf1b77bc9a273), [`a98ddc11`](https://github.com/marigold-ui/marigold/commit/a98ddc11076150886d4384cc7a7e7cc12f4c2494), [`3dff2282`](https://github.com/marigold-ui/marigold/commit/3dff2282b75ca91547f478f3305b138d1d409670), [`7fc15cb7`](https://github.com/marigold-ui/marigold/commit/7fc15cb7624b5ccb8c282f238fa6954947789731), [`08ee4bf5`](https://github.com/marigold-ui/marigold/commit/08ee4bf520779e1696b18d2959bed89e0bac2d39), [`37d2fd69`](https://github.com/marigold-ui/marigold/commit/37d2fd69aafedd288490410dc56be1ede43bd41d), [`7c1129dc`](https://github.com/marigold-ui/marigold/commit/7c1129dc140d435e5312f80a57fd48f8498c33ee), [`b3246070`](https://github.com/marigold-ui/marigold/commit/b3246070c7bd3dcadb28e30140aead330a6b9ff1), [`cc01f7dc`](https://github.com/marigold-ui/marigold/commit/cc01f7dc5e9aae665511374b1352efa9f2c942bf), [`f0ec4333`](https://github.com/marigold-ui/marigold/commit/f0ec433306319e6ed948bfa573a18aad6c41906c), [`6dd92ad6`](https://github.com/marigold-ui/marigold/commit/6dd92ad6e8ecc8bbf3d578413bd2b2c5fbe5a6f8), [`733f5488`](https://github.com/marigold-ui/marigold/commit/733f54887393503fbdeb4fb6803d3bd267ec6138), [`4d220862`](https://github.com/marigold-ui/marigold/commit/4d2208627bc3716ea2fbe0a5ce2dcd8577f5f550)]:
-  - @marigold/components@0.9.0
-  - @marigold/theme-b2b@6.0.0
-  - @marigold/system@0.9.0
-  - @marigold/types@0.4.1
-  - @marigold/icons@0.6.1
-
-## 0.8.0
-
-### Minor Changes
-
-- [#1928](https://github.com/marigold-ui/marigold/pull/1928) [`059e9324`](https://github.com/marigold-ui/marigold/commit/059e9324375b0dc67fef6ac84b65f997a930a345) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): improve Container component
-
-* [#1892](https://github.com/marigold-ui/marigold/pull/1892) [`a91171f9`](https://github.com/marigold-ui/marigold/commit/a91171f96d0eed696f988e4fc45c13757ea1971e) Thanks [@sebald](https://github.com/sebald)! - feat(components): Normalize link variant
-
-- [#1930](https://github.com/marigold-ui/marigold/pull/1930) [`249b0c81`](https://github.com/marigold-ui/marigold/commit/249b0c81a5889e558d85e8f9214afa0897368dd8) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Introduce Breakout component
-
-* [#1890](https://github.com/marigold-ui/marigold/pull/1890) [`140c0517`](https://github.com/marigold-ui/marigold/commit/140c051745416cc05a5ae2775650352c92eb468a) Thanks [@sebald](https://github.com/sebald)! - feat: add font urls to themes + docs
-
-  See https://marigold-ui.io/introduction/03-theming for more infos!
-
-- [#1925](https://github.com/marigold-ui/marigold/pull/1925) [`e3d62a22`](https://github.com/marigold-ui/marigold/commit/e3d62a22fdc42c394516d477ad8d477ae02bff1e) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Rewrite Columns and remove Column
-
-* [#1870](https://github.com/marigold-ui/marigold/pull/1870) [`e94a08d7`](https://github.com/marigold-ui/marigold/commit/e94a08d76d036754aa9237ee5b1ef52fb93aadab) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Center component
-
-### Patch Changes
-
-- [#1933](https://github.com/marigold-ui/marigold/pull/1933) [`74c53684`](https://github.com/marigold-ui/marigold/commit/74c5368411866876974a80c35ed48377c366da3c) Thanks [@sebald](https://github.com/sebald)! - docs: fix outline links styles
-
-* [#1926](https://github.com/marigold-ui/marigold/pull/1926) [`5e5e0fcc`](https://github.com/marigold-ui/marigold/commit/5e5e0fcc45aadf62f8c3b33e722e9132a7267cbc) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Container with grid
-
-- [#1934](https://github.com/marigold-ui/marigold/pull/1934) [`039c6c1d`](https://github.com/marigold-ui/marigold/commit/039c6c1d8e0e8f733645e80dba6ab1bd7749a4b1) Thanks [@ti10le](https://github.com/ti10le)! - refa(docs): improve mdx pages
-
-- Updated dependencies [[`382ac6cc`](https://github.com/marigold-ui/marigold/commit/382ac6cca1865d033ba601ad269247f26ee0a13e), [`059e9324`](https://github.com/marigold-ui/marigold/commit/059e9324375b0dc67fef6ac84b65f997a930a345), [`2f45aa5d`](https://github.com/marigold-ui/marigold/commit/2f45aa5d236f861ab8187a4a574a7113d6c1f1b8), [`a91171f9`](https://github.com/marigold-ui/marigold/commit/a91171f96d0eed696f988e4fc45c13757ea1971e), [`a1f4796f`](https://github.com/marigold-ui/marigold/commit/a1f4796fafe476154e8e03cd4a336e5266a8950d), [`5319745c`](https://github.com/marigold-ui/marigold/commit/5319745cbc20919a423dda49f4fb8ac4608009e1), [`249b0c81`](https://github.com/marigold-ui/marigold/commit/249b0c81a5889e558d85e8f9214afa0897368dd8), [`3cf378e9`](https://github.com/marigold-ui/marigold/commit/3cf378e9c80f700e78eaafcfc0701a20e29e37d0), [`140c0517`](https://github.com/marigold-ui/marigold/commit/140c051745416cc05a5ae2775650352c92eb468a), [`5e5e0fcc`](https://github.com/marigold-ui/marigold/commit/5e5e0fcc45aadf62f8c3b33e722e9132a7267cbc), [`e3d62a22`](https://github.com/marigold-ui/marigold/commit/e3d62a22fdc42c394516d477ad8d477ae02bff1e), [`e94a08d7`](https://github.com/marigold-ui/marigold/commit/e94a08d76d036754aa9237ee5b1ef52fb93aadab)]:
-  - @marigold/system@0.8.0
-  - @marigold/components@0.8.0
-  - @marigold/theme-b2b@5.0.0
-  - @marigold/icons@0.6.0
-
-## 0.7.0
-
-### Minor Changes
-
-- [#1882](https://github.com/marigold-ui/marigold/pull/1882) [`d436930f`](https://github.com/marigold-ui/marigold/commit/d436930f7d88b572c4365a442a0914bba1147657) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): introduce Tiles component
-
-* [#1881](https://github.com/marigold-ui/marigold/pull/1881) [`d2c3eb50`](https://github.com/marigold-ui/marigold/commit/d2c3eb50ceb9941926e7e658dcba7a74cb87e6d7) Thanks [@ti10le](https://github.com/ti10le)! - Component: Aspect
-
-- [#1868](https://github.com/marigold-ui/marigold/pull/1868) [`ec4f8f22`](https://github.com/marigold-ui/marigold/commit/ec4f8f228f05e88f2b9f17784b59f3cfc8ceabe7) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): renew Container component
-
-### Patch Changes
-
-- [#1854](https://github.com/marigold-ui/marigold/pull/1854) [`081e6252`](https://github.com/marigold-ui/marigold/commit/081e62529e61773a58b1dfbcf41cdf7b913d88c5) Thanks [@sarahgm](https://github.com/sarahgm)! - 1739 add links to docs
-
-- Updated dependencies [[`d436930f`](https://github.com/marigold-ui/marigold/commit/d436930f7d88b572c4365a442a0914bba1147657), [`274a370a`](https://github.com/marigold-ui/marigold/commit/274a370a8a1f740df135ac73baae5903e90b6d44), [`d2c3eb50`](https://github.com/marigold-ui/marigold/commit/d2c3eb50ceb9941926e7e658dcba7a74cb87e6d7), [`ec4f8f22`](https://github.com/marigold-ui/marigold/commit/ec4f8f228f05e88f2b9f17784b59f3cfc8ceabe7)]:
-  - @marigold/components@0.7.0
-  - @marigold/theme-b2b@4.0.0
-  - @marigold/system@0.7.0
-  - @marigold/icons@0.5.1
-
-## 0.6.0
-
-### Minor Changes
-
-- [#1819](https://github.com/marigold-ui/marigold/pull/1819) [`d162a6a8`](https://github.com/marigold-ui/marigold/commit/d162a6a8d1f9d99bfc08d59f6dae294a6fa95310) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): add new Component Switch
-
-* [#1822](https://github.com/marigold-ui/marigold/pull/1822) [`527ba94f`](https://github.com/marigold-ui/marigold/commit/527ba94fa1a3255dc6f846fcc9def978ec906bf3) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp/docs): Alert update variant + docs
-
-- [#1807](https://github.com/marigold-ui/marigold/pull/1807) [`b55e10bc`](https://github.com/marigold-ui/marigold/commit/b55e10bc7119554373d43f9d8872346c1e6d6c39) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): add Tooltip component v1
-
-* [#1820](https://github.com/marigold-ui/marigold/pull/1820) [`f62033b6`](https://github.com/marigold-ui/marigold/commit/f62033b642a623a75f311af701febc4b54f77120) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Checkbox add indeterminated state + doc update
-
-### Patch Changes
-
-- [#1853](https://github.com/marigold-ui/marigold/pull/1853) [`4d04f68a`](https://github.com/marigold-ui/marigold/commit/4d04f68a42f1d7c315a538cfaef661cf8c7e774d) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: check docs link external or internal
-
-* [#1815](https://github.com/marigold-ui/marigold/pull/1815) [`d95ef669`](https://github.com/marigold-ui/marigold/commit/d95ef6698c1a90f64878862af25cff4d6e47e40d) Thanks [@sarahgm](https://github.com/sarahgm)! - 1806 develop mode
-
-- [#1847](https://github.com/marigold-ui/marigold/pull/1847) [`a05b9f49`](https://github.com/marigold-ui/marigold/commit/a05b9f490ef8eb0376f247312ffdbe9a00449526) Thanks [@ti10le](https://github.com/ti10le)! - fix(docs): remove ref from Preview.tsx
-
-* [#1821](https://github.com/marigold-ui/marigold/pull/1821) [`ca08009c`](https://github.com/marigold-ui/marigold/commit/ca08009c5c5bacde18abd2eee74cad3a3c2148f2) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): update button + card
-
-- [#1843](https://github.com/marigold-ui/marigold/pull/1843) [`97e5396a`](https://github.com/marigold-ui/marigold/commit/97e5396a14547d5c0e99324b72dba61a29d86911) Thanks [@sarahgm](https://github.com/sarahgm)! - feat: landingpage
-
-* [#1849](https://github.com/marigold-ui/marigold/pull/1849) [`21f72b34`](https://github.com/marigold-ui/marigold/commit/21f72b3499c7ed2f88a0b96315f0374140e98e85) Thanks [@sarahgm](https://github.com/sarahgm)! - chore: remove Alert
-
-* Updated dependencies [[`4cc0ad3b`](https://github.com/marigold-ui/marigold/commit/4cc0ad3b85b993e01b4d85b6f30b1a81cdee2351), [`d162a6a8`](https://github.com/marigold-ui/marigold/commit/d162a6a8d1f9d99bfc08d59f6dae294a6fa95310), [`64b9089e`](https://github.com/marigold-ui/marigold/commit/64b9089ed2e1e35975472e342b02cda40f5de66f), [`539d4198`](https://github.com/marigold-ui/marigold/commit/539d41987118db125ee37a4a83231335ea15830a), [`e053b7b9`](https://github.com/marigold-ui/marigold/commit/e053b7b903f02c56cf10e6b9aecbedd29399895d), [`527ba94f`](https://github.com/marigold-ui/marigold/commit/527ba94fa1a3255dc6f846fcc9def978ec906bf3), [`b55e10bc`](https://github.com/marigold-ui/marigold/commit/b55e10bc7119554373d43f9d8872346c1e6d6c39), [`9a95a6f5`](https://github.com/marigold-ui/marigold/commit/9a95a6f541dec34e27eac8557186f929e811c07c), [`f62033b6`](https://github.com/marigold-ui/marigold/commit/f62033b642a623a75f311af701febc4b54f77120), [`21f72b34`](https://github.com/marigold-ui/marigold/commit/21f72b3499c7ed2f88a0b96315f0374140e98e85), [`25c8675e`](https://github.com/marigold-ui/marigold/commit/25c8675ed470cc71f8f968a83b9781b66412c493)]:
-  - @marigold/system@0.6.0
-  - @marigold/components@0.6.0
-  - @marigold/theme-b2b@3.0.0
-  - @marigold/icons@0.5.0
-
-## 0.5.1
-
-### Patch Changes
-
-- [#1794](https://github.com/marigold-ui/marigold/pull/1794) [`01bd6196`](https://github.com/marigold-ui/marigold/commit/01bd61960582487ea46910c6766c2b6b220e0dd6) Thanks [@ti10le](https://github.com/ti10le)! - fix:(docs): icons page remove text because of mb
-
-- Updated dependencies [[`a178eafe`](https://github.com/marigold-ui/marigold/commit/a178eafe8c8380ee23b4587d953ee52b231414ff), [`9939b743`](https://github.com/marigold-ui/marigold/commit/9939b743df4dfe40bfd5dd61a1a4b88641ef9559)]:
-  - @marigold/components@0.5.1
-  - @marigold/system@0.5.1
-  - @marigold/theme-b2b@2.0.1
-  - @marigold/icons@0.4.2
-
-## 0.5.0
-
-### Minor Changes
-
-- [#1726](https://github.com/marigold-ui/marigold/pull/1726) [`ff4a992d`](https://github.com/marigold-ui/marigold/commit/ff4a992db9e8916c87aa9934aa903263a05c01d9) Thanks [@sebald](https://github.com/sebald)! - feat(docs): Add version and short hash
-
-* [#1785](https://github.com/marigold-ui/marigold/pull/1785) [`5584cd71`](https://github.com/marigold-ui/marigold/commit/5584cd716aa8aee2217666948be9e98c87642c4d) Thanks [@ti10le](https://github.com/ti10le)! - refa(docs): use interface instead of type
-
-### Patch Changes
-
-- [#1774](https://github.com/marigold-ui/marigold/pull/1774) [`93480b63`](https://github.com/marigold-ui/marigold/commit/93480b6333a4d6231db35dbf12de5726533ebfc8) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove label prop and add children + refa
-
-* [#1771](https://github.com/marigold-ui/marigold/pull/1771) [`3362da23`](https://github.com/marigold-ui/marigold/commit/3362da239085f6de111edc94780a6ef75b85702e) Thanks [@eltociear](https://github.com/eltociear)! - feat(docs): fix typo in icon.mdx
-
-- [#1775](https://github.com/marigold-ui/marigold/pull/1775) [`6da8eba2`](https://github.com/marigold-ui/marigold/commit/6da8eba28c518c75758180697e5f0f5e5989c1f4) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Checkbox remove label prop and add children + refa
-
-- Updated dependencies [[`93480b63`](https://github.com/marigold-ui/marigold/commit/93480b6333a4d6231db35dbf12de5726533ebfc8), [`99af3b37`](https://github.com/marigold-ui/marigold/commit/99af3b37de24599138777ed90de0445571c3095e), [`026300b1`](https://github.com/marigold-ui/marigold/commit/026300b1b539b57785c0eb0282a3d3fd763194bc), [`5936de75`](https://github.com/marigold-ui/marigold/commit/5936de75e5a0134584438117c53c5edfe15c6c5d), [`6da8eba2`](https://github.com/marigold-ui/marigold/commit/6da8eba28c518c75758180697e5f0f5e5989c1f4)]:
-  - @marigold/components@0.5.0
-  - @marigold/system@0.5.0
-  - @marigold/theme-b2b@2.0.0
-  - @marigold/icons@0.4.1
-
-## 0.4.0
-
-### Minor Changes
-
-- [#1752](https://github.com/marigold-ui/marigold/pull/1752) [`4e28d056`](https://github.com/marigold-ui/marigold/commit/4e28d056292c56ca2fdbd2f223af3928db84f4c6) Thanks [@sebald](https://github.com/sebald)! - feat(docs): Initial about page
-
-* [`f9526234`](https://github.com/marigold-ui/marigold/commit/f9526234257a149b12c14191a524691470da3942) Thanks [@sebald](https://github.com/sebald)! - feat(docs): Update "Getting Started"
-
-- [#1753](https://github.com/marigold-ui/marigold/pull/1753) [`306887b6`](https://github.com/marigold-ui/marigold/commit/306887b6e931c0e6c1d9b8a73dba0b464137f76a) Thanks [@sebald](https://github.com/sebald)! - feat(docs): add padding to paragraphs
-
-* [`f9526234`](https://github.com/marigold-ui/marigold/commit/f9526234257a149b12c14191a524691470da3942) Thanks [@sebald](https://github.com/sebald)! - feat(docs): Update release + scripts documentation
-
-### Patch Changes
-
-- [`f9526234`](https://github.com/marigold-ui/marigold/commit/f9526234257a149b12c14191a524691470da3942) Thanks [@sebald](https://github.com/sebald)! - feat(comp): Rewrite Textarea with react-aria
-
-* [`f9526234`](https://github.com/marigold-ui/marigold/commit/f9526234257a149b12c14191a524691470da3942) Thanks [@sebald](https://github.com/sebald)! - feat(comp): rewrite Field component with react-aria
-
-* Updated dependencies [[`f9526234`](https://github.com/marigold-ui/marigold/commit/f9526234257a149b12c14191a524691470da3942), [`f9526234`](https://github.com/marigold-ui/marigold/commit/f9526234257a149b12c14191a524691470da3942), [`f9526234`](https://github.com/marigold-ui/marigold/commit/f9526234257a149b12c14191a524691470da3942), [`f9526234`](https://github.com/marigold-ui/marigold/commit/f9526234257a149b12c14191a524691470da3942)]:
-  - @marigold/components@0.4.0
-  - @marigold/icons@0.4.0
-  - @marigold/system@0.4.0
-  - @marigold/theme-b2b@1.0.0
-  - @marigold/types@0.4.0
-
-## 0.3.2
-
-### Patch Changes
-
-- [#1701](https://github.com/marigold-ui/marigold/pull/1701) [`45b05af2`](https://github.com/marigold-ui/marigold/commit/45b05af2d93eb21d50ed21363d7177d9161865be) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): rewrite Divider and add react-aria
-
-* [#1706](https://github.com/marigold-ui/marigold/pull/1706) [`73757fb0`](https://github.com/marigold-ui/marigold/commit/73757fb0cd73d7fa799e3e320f5c897df2e1c87f) Thanks [@sebald](https://github.com/sebald)! - feat(docs): awesome 404!
-
-* Updated dependencies [[`45b05af2`](https://github.com/marigold-ui/marigold/commit/45b05af2d93eb21d50ed21363d7177d9161865be)]:
-  - @marigold/components@0.3.2
-  - @marigold/theme-b2b@0.3.2
-
-## 0.3.1
-
-### Patch Changes
-
-- [#1685](https://github.com/marigold-ui/marigold/pull/1685) [`8401fadc`](https://github.com/marigold-ui/marigold/commit/8401fadce0c95e6b741afc3dd7d2e5b365e67ef6) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): navigate to installation to fix bug
-
-* [#1634](https://github.com/marigold-ui/marigold/pull/1634) [`26ff3618`](https://github.com/marigold-ui/marigold/commit/26ff361822fe31d466bfeae988b0193ac5999f3b) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Radio component rewrite
-
-* Updated dependencies [[`26ff3618`](https://github.com/marigold-ui/marigold/commit/26ff361822fe31d466bfeae988b0193ac5999f3b), [`379041bc`](https://github.com/marigold-ui/marigold/commit/379041bc7d4502bca98029a95afe43ce693222cd)]:
-  - @marigold/components@0.3.1
-  - @marigold/theme-b2b@0.3.1
-  - @marigold/icons@0.3.1
-  - @marigold/system@0.3.1
-
-## 0.3.0
-
-### Minor Changes
-
-- [#1134](https://github.com/marigold-ui/marigold/pull/1134) [`a4bad6e1`](https://github.com/marigold-ui/marigold/commit/a4bad6e18055b699cb1abe989668b07a310a239e) Thanks [@viktoria-schwarz](https://github.com/viktoria-schwarz)! - feat(docs): have a properly linked landing page
-
-### Patch Changes
-
-- [#1269](https://github.com/marigold-ui/marigold/pull/1269) [`ebb704dd`](https://github.com/marigold-ui/marigold/commit/ebb704dd5fe1697482220face07bd4390ab34293) Thanks [@ti10le](https://github.com/ti10le)! - feature: section to select component
-
-* [#1411](https://github.com/marigold-ui/marigold/pull/1411) [`a78b8ee4`](https://github.com/marigold-ui/marigold/commit/a78b8ee43b8f6de135da5d1aff58adcbe7e82b16) Thanks [@ti10le](https://github.com/ti10le)! - docs: fix bad action group example
-
-- [#1378](https://github.com/marigold-ui/marigold/pull/1378) [`b0c967de`](https://github.com/marigold-ui/marigold/commit/b0c967de1097de50ff4de4c3b14a5bd6e236319b) Thanks [@ti10le](https://github.com/ti10le)! - feature: Textarea - make error boolean and add errorMessage
-
-* [#1510](https://github.com/marigold-ui/marigold/pull/1510) [`a9b8b083`](https://github.com/marigold-ui/marigold/commit/a9b8b08316c0e9bf1308e64c78eb1ecc81f8febf) Thanks [@ti10le](https://github.com/ti10le)! - refa(comp): Stack
-
-- [#1383](https://github.com/marigold-ui/marigold/pull/1383) [`6af3ea0f`](https://github.com/marigold-ui/marigold/commit/6af3ea0f2afa8ef73b89be6222dd6718e6a10df2) Thanks [@ti10le](https://github.com/ti10le)! - refactoring: docs component - copy button
-
-* [#1626](https://github.com/marigold-ui/marigold/pull/1626) [`631581f1`](https://github.com/marigold-ui/marigold/commit/631581f10a8a0de1b0547b3ed6d4095830b0d3a8) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): add doAndDont example to Card
-
-- [#1564](https://github.com/marigold-ui/marigold/pull/1564) [`49966d62`](https://github.com/marigold-ui/marigold/commit/49966d6225657d755838718af0638b2ed626772f) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): copy SVG icon to clipboard
-
-* [#1161](https://github.com/marigold-ui/marigold/pull/1161) [`c21b0926`](https://github.com/marigold-ui/marigold/commit/c21b09266db4ebdca5e793474cc215c28a54d27d) Thanks [@viktoria-schwarz](https://github.com/viktoria-schwarz)! - feat(docs): add documentation for Box primitive
-
-- [#1651](https://github.com/marigold-ui/marigold/pull/1651) [`4452b39c`](https://github.com/marigold-ui/marigold/commit/4452b39c822fa82671530e4c475c0cf1df967c60) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Checkbox component rewrite
-
-* [#1507](https://github.com/marigold-ui/marigold/pull/1507) [`d9626039`](https://github.com/marigold-ui/marigold/commit/d96260394a77a60444341e2b0c1496b68ed2c6d5) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): improve icons page
-
-- [#1658](https://github.com/marigold-ui/marigold/pull/1658) [`af485505`](https://github.com/marigold-ui/marigold/commit/af4855058358e75a6ae9f8594f1b4d3d4d383f3c) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): refa + react-aria Hidden component
-
-* [#1228](https://github.com/marigold-ui/marigold/pull/1228) [`ccebc98e`](https://github.com/marigold-ui/marigold/commit/ccebc98e4c27a597557e06ad32521249afd7c401) Thanks [@ti10le](https://github.com/ti10le)! - docs: Use Select component in ThemeSelect
-
-- [#1296](https://github.com/marigold-ui/marigold/pull/1296) [`796e901f`](https://github.com/marigold-ui/marigold/commit/796e901f185dae7d063f18d61663b000d6361861) Thanks [@ti10le](https://github.com/ti10le)! - docs: initial core-theme
-
-* [#1538](https://github.com/marigold-ui/marigold/pull/1538) [`6ea552ec`](https://github.com/marigold-ui/marigold/commit/6ea552ecbc48716809cb044fd24c5536f897501f) Thanks [@ti10le](https://github.com/ti10le)! - fix(docs): theme had old button variant structure
-
-- [#1235](https://github.com/marigold-ui/marigold/pull/1235) [`657d508b`](https://github.com/marigold-ui/marigold/commit/657d508b00f13df6269228af396fd5ccebe2d0a4) Thanks [@ti10le](https://github.com/ti10le)! - feature: ActionGroup component
-
-* [#1618](https://github.com/marigold-ui/marigold/pull/1618) [`bd51a81b`](https://github.com/marigold-ui/marigold/commit/bd51a81b4d961f3366c28f34732e13840e78b346) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Input default variant
-
-- [#1313](https://github.com/marigold-ui/marigold/pull/1313) [`2203155c`](https://github.com/marigold-ui/marigold/commit/2203155c406c91289e36f2a82c24bc6474b687bf) Thanks [@ti10le](https://github.com/ti10le)! - Slider component - design update
-
-* [#1447](https://github.com/marigold-ui/marigold/pull/1447) [`29e4dcc5`](https://github.com/marigold-ui/marigold/commit/29e4dcc589f9bc97db56e554804b4cd78c0d2ec8) Thanks [@ti10le](https://github.com/ti10le)! - feature: Card component
-
-- [#1205](https://github.com/marigold-ui/marigold/pull/1205) [`27a3864b`](https://github.com/marigold-ui/marigold/commit/27a3864b0f74108eb8f3acf56ed306c95eafe677) Thanks [@viktoria-schwarz](https://github.com/viktoria-schwarz)! - fix(docs): remove pathPrefix
-
-* [#1470](https://github.com/marigold-ui/marigold/pull/1470) [`5033c002`](https://github.com/marigold-ui/marigold/commit/5033c002ada65d5a06c0da24a3b0addd97dbc044) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): rename CodeBlock + create MarigoldTheme wrapper + use in button.mdx
-
-- [#1558](https://github.com/marigold-ui/marigold/pull/1558) [`4d6e823b`](https://github.com/marigold-ui/marigold/commit/4d6e823b73eec25af8b3afcaa69827cb07b1797e) Thanks [@ti10le](https://github.com/ti10le)! - design(docs): DoAndDont comp padding change
-
-* [#1521](https://github.com/marigold-ui/marigold/pull/1521) [`00588fef`](https://github.com/marigold-ui/marigold/commit/00588fef28270bdd0483701ffa8ec1f6bdbc3f01) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp/docs): change Inline component default align + use it in DoAndDont
-
-- [#1616](https://github.com/marigold-ui/marigold/pull/1616) [`ac186e8c`](https://github.com/marigold-ui/marigold/commit/ac186e8c6658bcd6a2892bbe4717c0d60c67e0b4) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove hardcoded variants in <Dialog>
-
-* [#1137](https://github.com/marigold-ui/marigold/pull/1137) [`6072efc5`](https://github.com/marigold-ui/marigold/commit/6072efc5e2b85fd3e306c751182db45f8336086c) Thanks [@sebald](https://github.com/sebald)! - feat(docs): Inital theme for docs
-
-- [#1639](https://github.com/marigold-ui/marigold/pull/1639) [`71551547`](https://github.com/marigold-ui/marigold/commit/71551547e8da4a65ccb69cd785f1be19256aac3c) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove hard coded label from Select
-
-* [#1236](https://github.com/marigold-ui/marigold/pull/1236) [`69bf2581`](https://github.com/marigold-ui/marigold/commit/69bf2581df98d55195db07aad125e181fc8e174d) Thanks [@ti10le](https://github.com/ti10le)! - Image component to gatsby docs
-
-- [#1451](https://github.com/marigold-ui/marigold/pull/1451) [`6f24c585`](https://github.com/marigold-ui/marigold/commit/6f24c585d0f78fac0bf4037e13c53dfdb6138037) Thanks [@ti10le](https://github.com/ti10le)! - bugfix: change Stack that pt has higher priority than base
-
-* [#1374](https://github.com/marigold-ui/marigold/pull/1374) [`90dd906c`](https://github.com/marigold-ui/marigold/commit/90dd906c0ba660ba695efbd39ff52ecc69f9a98f) Thanks [@ti10le](https://github.com/ti10le)! - feature: Field - make error boolean and add errorMessage
-
-- [#1230](https://github.com/marigold-ui/marigold/pull/1230) [`ebd6e26f`](https://github.com/marigold-ui/marigold/commit/ebd6e26f71f675b98b663bc45c6a2d5badddcd47) Thanks [@viktoria-schwarz](https://github.com/viktoria-schwarz)! - feat: add GlobalStyles via theme
-
-* [#1148](https://github.com/marigold-ui/marigold/pull/1148) [`12ac3b2e`](https://github.com/marigold-ui/marigold/commit/12ac3b2eb3955236da756f9f9a1885658bb9fbc5) Thanks [@viktoria-schwarz](https://github.com/viktoria-schwarz)! - feat(docs): add guides for installation and useStyles
-
-- [#1196](https://github.com/marigold-ui/marigold/pull/1196) [`d3a0698f`](https://github.com/marigold-ui/marigold/commit/d3a0698fc6503c208298537c1385a981af93d1d4) Thanks [@ti10le](https://github.com/ti10le)! - Add error and required prop to <Select>
-
-* [#1513](https://github.com/marigold-ui/marigold/pull/1513) [`686c4572`](https://github.com/marigold-ui/marigold/commit/686c4572bc75a3e2016a1ecc49cba9f4307719af) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): inline Component
-
-- [#1498](https://github.com/marigold-ui/marigold/pull/1498) [`9e46b437`](https://github.com/marigold-ui/marigold/commit/9e46b4376497b45445aefed138a14e9a82cff705) Thanks [@ti10le](https://github.com/ti10le)! - feat: add GlobalStyles
-
-* [#1519](https://github.com/marigold-ui/marigold/pull/1519) [`ba4de167`](https://github.com/marigold-ui/marigold/commit/ba4de167005d29afab1f4f65449367811505bde8) Thanks [@ti10le](https://github.com/ti10le)! - refa(docs): inline component props table
-
-- [#1563](https://github.com/marigold-ui/marigold/pull/1563) [`6e485f5a`](https://github.com/marigold-ui/marigold/commit/6e485f5a8800094fe54c075a2b21f8abe726b3cd) Thanks [@sebald](https://github.com/sebald)! - feat: Introduce a `Theme` with all available scales
-
-* [#1441](https://github.com/marigold-ui/marigold/pull/1441) [`858417c0`](https://github.com/marigold-ui/marigold/commit/858417c0b45903e8243219091d89c681163ce7ad) Thanks [@ti10le](https://github.com/ti10le)! - feature: replace useStyles usages in docs package
-
-- [#1232](https://github.com/marigold-ui/marigold/pull/1232) [`4c32db13`](https://github.com/marigold-ui/marigold/commit/4c32db13dfc9d76e05e2c015fa99872a49bf920b) Thanks [@ti10le](https://github.com/ti10le)! - Field component redesign
-
-* [#1579](https://github.com/marigold-ui/marigold/pull/1579) [`e13e3cc1`](https://github.com/marigold-ui/marigold/commit/e13e3cc1fc66b261209973b1fc90eb48117076e9) Thanks [@ti10le](https://github.com/ti10le)! - feat: remove Heading from marigold
-
-- [#1234](https://github.com/marigold-ui/marigold/pull/1234) [`cf2a345d`](https://github.com/marigold-ui/marigold/commit/cf2a345d49aedfcea82f8030ba840bbcbf523ee8) Thanks [@ti10le](https://github.com/ti10le)! - fix Dialog component example + styles
-
-* [#1622](https://github.com/marigold-ui/marigold/pull/1622) [`1829cf17`](https://github.com/marigold-ui/marigold/commit/1829cf17e16c574e5577b3e1709c34dc7ed4faaf) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Card default variant
-
-- [#1623](https://github.com/marigold-ui/marigold/pull/1623) [`d932bb58`](https://github.com/marigold-ui/marigold/commit/d932bb58683761d257fa11fa7d1ed87021e52aa6) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): cleanup theme + make more consistent
-
-* [#1565](https://github.com/marigold-ui/marigold/pull/1565) [`36d4e77b`](https://github.com/marigold-ui/marigold/commit/36d4e77bb662567933e68b7dbbaca91c6f1c0e27) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): add marigold style + bounce animation to svg copy
-
-- [#1619](https://github.com/marigold-ui/marigold/pull/1619) [`57d955ee`](https://github.com/marigold-ui/marigold/commit/57d955ee7c04350a4cdabc582f7d1a1937cb4802) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Textarea default variant
-
-* [#1170](https://github.com/marigold-ui/marigold/pull/1170) [`aad8f343`](https://github.com/marigold-ui/marigold/commit/aad8f3435e1f4d34cdf76028452cff4f4430f39b) Thanks [@viktoria-schwarz](https://github.com/viktoria-schwarz)! - chore(deploy): add deploy script and index
-
-- [#1502](https://github.com/marigold-ui/marigold/pull/1502) [`91d66d66`](https://github.com/marigold-ui/marigold/commit/91d66d6633a806e3ce8039646ba0ae36d3c3bed0) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): remove useStyles from docs mdx files
-
-* [#1160](https://github.com/marigold-ui/marigold/pull/1160) [`57c006c2`](https://github.com/marigold-ui/marigold/commit/57c006c24a06b6f76181589fd5867eea3a4fc107) Thanks [@ti10le](https://github.com/ti10le)! - docs: complete icons mdx file
-
-- [#1350](https://github.com/marigold-ui/marigold/pull/1350) [`3bb2dea7`](https://github.com/marigold-ui/marigold/commit/3bb2dea761cda77100389057364efdde2e3fe78e) Thanks [@ti10le](https://github.com/ti10le)! - docs: guide why css in js
-
-* [#1366](https://github.com/marigold-ui/marigold/pull/1366) [`78a8e5c8`](https://github.com/marigold-ui/marigold/commit/78a8e5c879760ba666be4566935dd773996159cf) Thanks [@ti10le](https://github.com/ti10le)! - feature: renew radio component
-
-- [#1630](https://github.com/marigold-ui/marigold/pull/1630) [`918c2c5b`](https://github.com/marigold-ui/marigold/commit/918c2c5b77f91dc2b1bcebfe19ba7f1dd47338b3) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): Update Box documentation
-
-* [#1475](https://github.com/marigold-ui/marigold/pull/1475) [`328b4087`](https://github.com/marigold-ui/marigold/commit/328b408724c13342ba3681930f5d483abdcc7d79) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): change navi, logo size and content width
-
-- [#1365](https://github.com/marigold-ui/marigold/pull/1365) [`6d1e47c1`](https://github.com/marigold-ui/marigold/commit/6d1e47c190c527f3a1ae014f87523c7fcc70c8c8) Thanks [@ti10le](https://github.com/ti10le)! - feature: redesign dialog component
-
-* [#1264](https://github.com/marigold-ui/marigold/pull/1264) [`c6c8f986`](https://github.com/marigold-ui/marigold/commit/c6c8f9860633570177a978719d5fbe4159415cf0) Thanks [@ti10le](https://github.com/ti10le)! - bugfix/feature: link + menu component
-
-- [#1651](https://github.com/marigold-ui/marigold/pull/1651) [`4452b39c`](https://github.com/marigold-ui/marigold/commit/4452b39c822fa82671530e4c475c0cf1df967c60) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): refa + react-aria Hidden component
-
-* [#1367](https://github.com/marigold-ui/marigold/pull/1367) [`902be38c`](https://github.com/marigold-ui/marigold/commit/902be38ca9efb3018a0f6c0cf981229c7ae2bf7f) Thanks [@ti10le](https://github.com/ti10le)! - feature: renew checkbox component
-
-- [#1499](https://github.com/marigold-ui/marigold/pull/1499) [`ec5baf85`](https://github.com/marigold-ui/marigold/commit/ec5baf85a9a0f82a4fca5bbd1e1680316c186593) Thanks [@sebald](https://github.com/sebald)! - feat: Update and simplify normalization
-
-* [#1375](https://github.com/marigold-ui/marigold/pull/1375) [`dd237e6d`](https://github.com/marigold-ui/marigold/commit/dd237e6d904826e8b3701f4a8470f75c88b0bd78) Thanks [@ti10le](https://github.com/ti10le)! - feature: Select - make error boolean and add errorMessage
-
-- [#1466](https://github.com/marigold-ui/marigold/pull/1466) [`80984f41`](https://github.com/marigold-ui/marigold/commit/80984f41391f42cc17928a8127190ea6fd9abe53) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): doAndDont + CodePreview component - e.g. button
-
-* [#1633](https://github.com/marigold-ui/marigold/pull/1633) [`ab786e92`](https://github.com/marigold-ui/marigold/commit/ab786e927ab1069a83aeed7bb3b223d0c0d1bd50) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove hard coded label variant in radio
-
-- [#1472](https://github.com/marigold-ui/marigold/pull/1472) [`3c6efcd6`](https://github.com/marigold-ui/marigold/commit/3c6efcd6def4a7960d196de36e5eed073c42236e) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): change copy and show/hide buttons + text color
-
-* [#1617](https://github.com/marigold-ui/marigold/pull/1617) [`e5aed4bf`](https://github.com/marigold-ui/marigold/commit/e5aed4bffc4cb81ab531bb1ed8b5da871c9b8b00) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Slider default variant
-
-- [#1621](https://github.com/marigold-ui/marigold/pull/1621) [`2f7b936f`](https://github.com/marigold-ui/marigold/commit/2f7b936f5b07eade00a51cb138c3c492f1e08c9d) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): change Badge default variant
-
-* [#1589](https://github.com/marigold-ui/marigold/pull/1589) [`8cbcb91a`](https://github.com/marigold-ui/marigold/commit/8cbcb91a7b63ce8f10ee79ed76121e5022cbe07b) Thanks [@sebald](https://github.com/sebald)! - feat: normalize <SVG> and move to system package
-
-  BREAKING: <SVG> moved from `@marigold/icons` to `@marigold/system`
-
-- [#1467](https://github.com/marigold-ui/marigold/pull/1467) [`26ebde6f`](https://github.com/marigold-ui/marigold/commit/26ebde6f95d6987e86e65fa581cfe71ddcbc736a) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): refactor CodeBlock and add better ActionType namings
-
-* [#1641](https://github.com/marigold-ui/marigold/pull/1641) [`c49e5049`](https://github.com/marigold-ui/marigold/commit/c49e5049b1cb9621957ad14fa1e8b7bc8df9505d) Thanks [@sebald](https://github.com/sebald)! - chore(config): Update storyboook configuration and used CSF again
-
-- [#1149](https://github.com/marigold-ui/marigold/pull/1149) [`8894212a`](https://github.com/marigold-ui/marigold/commit/8894212a85a1f3d92183a6b1b094c67824183acb) Thanks [@sebald](https://github.com/sebald)! - feat(docs): Add dynamic navigation (based on mdx content)
-
-* [#1636](https://github.com/marigold-ui/marigold/pull/1636) [`4aeac33f`](https://github.com/marigold-ui/marigold/commit/4aeac33f619e6f9caee36a71223b312cfe1b9401) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): Field fix default variant + remove hardcoded variants
-
-- [#1550](https://github.com/marigold-ui/marigold/pull/1550) [`846eb640`](https://github.com/marigold-ui/marigold/commit/846eb640ad035c7f3410b4a8a451f8de56e62339) Thanks [@sebald](https://github.com/sebald)! - feat: Merge <Box> and <Element>
-
-* [#1382](https://github.com/marigold-ui/marigold/pull/1382) [`4c684e4a`](https://github.com/marigold-ui/marigold/commit/4c684e4a0755dc4540e8fb88d428d57483f3b486) Thanks [@ti10le](https://github.com/ti10le)! - docs: better texting and naming
-
-- [#1509](https://github.com/marigold-ui/marigold/pull/1509) [`12b74338`](https://github.com/marigold-ui/marigold/commit/12b7433843c477ab722e464fde3aa1e1f058ee46) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): improve Column + Columns component
-
-* [#1471](https://github.com/marigold-ui/marigold/pull/1471) [`1eeda4f3`](https://github.com/marigold-ui/marigold/commit/1eeda4f30479aff0a5830c54419006e4f1003cb2) Thanks [@ti10le](https://github.com/ti10le)! - bugfix(docs): add MarigoldTheme wrapper to button.mdx
-
-- [#1133](https://github.com/marigold-ui/marigold/pull/1133) [`1aabd9d8`](https://github.com/marigold-ui/marigold/commit/1aabd9d8e68fbb3a5ee9c05744449a973a84c99a) Thanks [@ti10le](https://github.com/ti10le)! - feat(docs): switch themes functionality - Select a theme in the right top corner. First version which should be more improved.
-
-* [#1572](https://github.com/marigold-ui/marigold/pull/1572) [`4add22cc`](https://github.com/marigold-ui/marigold/commit/4add22ccf06313b79802919205643a859665c7f3) Thanks [@sebald](https://github.com/sebald)! - feat(components): Harden types in theme
-
-- [#1632](https://github.com/marigold-ui/marigold/pull/1632) [`c96d54a2`](https://github.com/marigold-ui/marigold/commit/c96d54a21901a72aeb6af71837c9642ace394c78) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): remove hard coded label variant in checkbox
-
-* [#1512](https://github.com/marigold-ui/marigold/pull/1512) [`ce383e58`](https://github.com/marigold-ui/marigold/commit/ce383e583979dfa634a0ff7ccb4c891adc49bf56) Thanks [@ti10le](https://github.com/ti10le)! - fix(docs): DoAndDont component
-
-- [#1342](https://github.com/marigold-ui/marigold/pull/1342) [`ccc619b1`](https://github.com/marigold-ui/marigold/commit/ccc619b1562597e22f0f6cc5584dc372a3066cae) Thanks [@ti10le](https://github.com/ti10le)! - docs: fix theme color alignment
-
-* [#1229](https://github.com/marigold-ui/marigold/pull/1229) [`bd00c6da`](https://github.com/marigold-ui/marigold/commit/bd00c6da6515a320c37ee48946f2ac9a505e6d36) Thanks [@ti10le](https://github.com/ti10le)! - Label component redesign
-
-- [#1505](https://github.com/marigold-ui/marigold/pull/1505) [`038b26f2`](https://github.com/marigold-ui/marigold/commit/038b26f281adbd7bc2fbb5c9a49d0ba80d183778) Thanks [@ti10le](https://github.com/ti10le)! - bugfix(docs): set root margin to fix ThemeSelect
-
-* [#1522](https://github.com/marigold-ui/marigold/pull/1522) [`6a82a490`](https://github.com/marigold-ui/marigold/commit/6a82a490865c709a354141f68d65b9af38184f24) Thanks [@ti10le](https://github.com/ti10le)! - feat(comp): use Inline in ActionGroup
-
-* Updated dependencies [[`c030aa85`](https://github.com/marigold-ui/marigold/commit/c030aa85156356c294bafe9831024f6b6f2ce4db), [`ebb704dd`](https://github.com/marigold-ui/marigold/commit/ebb704dd5fe1697482220face07bd4390ab34293), [`be8dc989`](https://github.com/marigold-ui/marigold/commit/be8dc989a418884fe12b0c772db71d10657a661d), [`b0c967de`](https://github.com/marigold-ui/marigold/commit/b0c967de1097de50ff4de4c3b14a5bd6e236319b), [`a9b8b083`](https://github.com/marigold-ui/marigold/commit/a9b8b08316c0e9bf1308e64c78eb1ecc81f8febf), [`40ac868c`](https://github.com/marigold-ui/marigold/commit/40ac868c15dcd5cde11a6a984900fab0119fcc93), [`8eda245f`](https://github.com/marigold-ui/marigold/commit/8eda245f01a918fcdaa9f0ac211889ed869aa375), [`5a04de11`](https://github.com/marigold-ui/marigold/commit/5a04de110637d004f5824679697ee4d6a90eaf34), [`4452b39c`](https://github.com/marigold-ui/marigold/commit/4452b39c822fa82671530e4c475c0cf1df967c60), [`edfec8d9`](https://github.com/marigold-ui/marigold/commit/edfec8d9a7a4e4a0e45cc912838789804c0cace1), [`c1da52c0`](https://github.com/marigold-ui/marigold/commit/c1da52c0f035b141608fd606e6ba3bc2b5482dc1), [`1448ddca`](https://github.com/marigold-ui/marigold/commit/1448ddcaa0f647f48b018fa74a8686af30eccc53), [`af485505`](https://github.com/marigold-ui/marigold/commit/af4855058358e75a6ae9f8594f1b4d3d4d383f3c), [`ccebc98e`](https://github.com/marigold-ui/marigold/commit/ccebc98e4c27a597557e06ad32521249afd7c401), [`5107b943`](https://github.com/marigold-ui/marigold/commit/5107b943cb3085eb3137d84e79966acad6173a26), [`9d0e0b96`](https://github.com/marigold-ui/marigold/commit/9d0e0b961afc21ef7a649e8d4dbf584ece6f0e57), [`5ea6ac42`](https://github.com/marigold-ui/marigold/commit/5ea6ac428b67e6802a640ac65ccaf79b07327d45), [`657d508b`](https://github.com/marigold-ui/marigold/commit/657d508b00f13df6269228af396fd5ccebe2d0a4), [`cd3a0d3e`](https://github.com/marigold-ui/marigold/commit/cd3a0d3edb3f2ddc1f561e8007e1c20000f7855a), [`bd51a81b`](https://github.com/marigold-ui/marigold/commit/bd51a81b4d961f3366c28f34732e13840e78b346), [`6f9a9d61`](https://github.com/marigold-ui/marigold/commit/6f9a9d61473b715cd492ef765815251c14575768), [`2203155c`](https://github.com/marigold-ui/marigold/commit/2203155c406c91289e36f2a82c24bc6474b687bf), [`29e4dcc5`](https://github.com/marigold-ui/marigold/commit/29e4dcc589f9bc97db56e554804b4cd78c0d2ec8), [`470f6e8d`](https://github.com/marigold-ui/marigold/commit/470f6e8d9a4c71f504a05f67b3b83d0554d7b480), [`00588fef`](https://github.com/marigold-ui/marigold/commit/00588fef28270bdd0483701ffa8ec1f6bdbc3f01), [`ac186e8c`](https://github.com/marigold-ui/marigold/commit/ac186e8c6658bcd6a2892bbe4717c0d60c67e0b4), [`71551547`](https://github.com/marigold-ui/marigold/commit/71551547e8da4a65ccb69cd785f1be19256aac3c), [`6f24c585`](https://github.com/marigold-ui/marigold/commit/6f24c585d0f78fac0bf4037e13c53dfdb6138037), [`90dd906c`](https://github.com/marigold-ui/marigold/commit/90dd906c0ba660ba695efbd39ff52ecc69f9a98f), [`ebd6e26f`](https://github.com/marigold-ui/marigold/commit/ebd6e26f71f675b98b663bc45c6a2d5badddcd47), [`d3a0698f`](https://github.com/marigold-ui/marigold/commit/d3a0698fc6503c208298537c1385a981af93d1d4), [`686c4572`](https://github.com/marigold-ui/marigold/commit/686c4572bc75a3e2016a1ecc49cba9f4307719af), [`d4aefd57`](https://github.com/marigold-ui/marigold/commit/d4aefd5752197a79d5235f83294ba4c73404c894), [`45d022dc`](https://github.com/marigold-ui/marigold/commit/45d022dc2459f6e0053e8ba760dc7a6502cd52f1), [`9e46b437`](https://github.com/marigold-ui/marigold/commit/9e46b4376497b45445aefed138a14e9a82cff705), [`6e485f5a`](https://github.com/marigold-ui/marigold/commit/6e485f5a8800094fe54c075a2b21f8abe726b3cd), [`bf19214e`](https://github.com/marigold-ui/marigold/commit/bf19214e3c1c75d7ba9fbd31bb7e02fb491f2af7), [`ab879e66`](https://github.com/marigold-ui/marigold/commit/ab879e6645ccaf8f9671a8b0231ed4cdf3081753), [`4c32db13`](https://github.com/marigold-ui/marigold/commit/4c32db13dfc9d76e05e2c015fa99872a49bf920b), [`80a2abe5`](https://github.com/marigold-ui/marigold/commit/80a2abe5804ba2c5a48cc6b05211245c37baf266), [`e13e3cc1`](https://github.com/marigold-ui/marigold/commit/e13e3cc1fc66b261209973b1fc90eb48117076e9), [`cf2a345d`](https://github.com/marigold-ui/marigold/commit/cf2a345d49aedfcea82f8030ba840bbcbf523ee8), [`1829cf17`](https://github.com/marigold-ui/marigold/commit/1829cf17e16c574e5577b3e1709c34dc7ed4faaf), [`f9b80061`](https://github.com/marigold-ui/marigold/commit/f9b80061dda5a78a81099fd5458a01486e947039), [`57d955ee`](https://github.com/marigold-ui/marigold/commit/57d955ee7c04350a4cdabc582f7d1a1937cb4802), [`1c1f8648`](https://github.com/marigold-ui/marigold/commit/1c1f864820a060214406ef711f4ed873746c16c4), [`78a8e5c8`](https://github.com/marigold-ui/marigold/commit/78a8e5c879760ba666be4566935dd773996159cf), [`51af6693`](https://github.com/marigold-ui/marigold/commit/51af669330fd52e4e31fe5ad71d2b202ab8d2231), [`f725277b`](https://github.com/marigold-ui/marigold/commit/f725277bf66a6e2d51b69608d1b2ebb55330a46e), [`6d1e47c1`](https://github.com/marigold-ui/marigold/commit/6d1e47c190c527f3a1ae014f87523c7fcc70c8c8), [`57a6d470`](https://github.com/marigold-ui/marigold/commit/57a6d47058eb1a5fc46b3ccaa831513b8806e257), [`c6c8f986`](https://github.com/marigold-ui/marigold/commit/c6c8f9860633570177a978719d5fbe4159415cf0), [`a00b7eb9`](https://github.com/marigold-ui/marigold/commit/a00b7eb971131634414d3912d059fb505bb7a370), [`4452b39c`](https://github.com/marigold-ui/marigold/commit/4452b39c822fa82671530e4c475c0cf1df967c60), [`7b2a0374`](https://github.com/marigold-ui/marigold/commit/7b2a0374b2ca4546a7e616d99313028da3ef412e), [`902be38c`](https://github.com/marigold-ui/marigold/commit/902be38ca9efb3018a0f6c0cf981229c7ae2bf7f), [`ec5baf85`](https://github.com/marigold-ui/marigold/commit/ec5baf85a9a0f82a4fca5bbd1e1680316c186593), [`0bb8f19e`](https://github.com/marigold-ui/marigold/commit/0bb8f19ebdec0e2f9dc3f6164f4373cac5c10880), [`dd237e6d`](https://github.com/marigold-ui/marigold/commit/dd237e6d904826e8b3701f4a8470f75c88b0bd78), [`3885f64c`](https://github.com/marigold-ui/marigold/commit/3885f64c353a056ccb9a5368ac4f105b4b9efb62), [`1bb6f32e`](https://github.com/marigold-ui/marigold/commit/1bb6f32e69b5eac37d67357e46c868a87855bd6f), [`c4ae5c5c`](https://github.com/marigold-ui/marigold/commit/c4ae5c5ca442f93034ff8f4c70adc295547951d4), [`a1ef2108`](https://github.com/marigold-ui/marigold/commit/a1ef2108dd6c8e6838b517dd58c82d38e71dae2b), [`80984f41`](https://github.com/marigold-ui/marigold/commit/80984f41391f42cc17928a8127190ea6fd9abe53), [`0ccc10de`](https://github.com/marigold-ui/marigold/commit/0ccc10dec290ed3e5ce042277a6c6e51c40ae4c3), [`ab786e92`](https://github.com/marigold-ui/marigold/commit/ab786e927ab1069a83aeed7bb3b223d0c0d1bd50), [`e5aed4bf`](https://github.com/marigold-ui/marigold/commit/e5aed4bffc4cb81ab531bb1ed8b5da871c9b8b00), [`2f7b936f`](https://github.com/marigold-ui/marigold/commit/2f7b936f5b07eade00a51cb138c3c492f1e08c9d), [`8cbcb91a`](https://github.com/marigold-ui/marigold/commit/8cbcb91a7b63ce8f10ee79ed76121e5022cbe07b), [`c49e5049`](https://github.com/marigold-ui/marigold/commit/c49e5049b1cb9621957ad14fa1e8b7bc8df9505d), [`4aeac33f`](https://github.com/marigold-ui/marigold/commit/4aeac33f619e6f9caee36a71223b312cfe1b9401), [`846eb640`](https://github.com/marigold-ui/marigold/commit/846eb640ad035c7f3410b4a8a451f8de56e62339), [`5d63cd9c`](https://github.com/marigold-ui/marigold/commit/5d63cd9c14578787083c82c85d93bbd2ff0efac6), [`12b74338`](https://github.com/marigold-ui/marigold/commit/12b7433843c477ab722e464fde3aa1e1f058ee46), [`a89bd85c`](https://github.com/marigold-ui/marigold/commit/a89bd85c349ef9d8098ccaeb0261bf09cefd22e1), [`f3f61456`](https://github.com/marigold-ui/marigold/commit/f3f61456afa65ddeec8c9f1346c439bd91f3aa12), [`b6614f1f`](https://github.com/marigold-ui/marigold/commit/b6614f1f54165bc295709fa2e7f1c50892163fc3), [`4add22cc`](https://github.com/marigold-ui/marigold/commit/4add22ccf06313b79802919205643a859665c7f3), [`46aede50`](https://github.com/marigold-ui/marigold/commit/46aede50c43e2dce0cacdc8f4c7da55fa18962b9), [`abdde032`](https://github.com/marigold-ui/marigold/commit/abdde0326428a1fa5db340197e71ca0190e7780e), [`dd0056f9`](https://github.com/marigold-ui/marigold/commit/dd0056f955b987a0383f71e4d77182024bfd4936), [`24367e63`](https://github.com/marigold-ui/marigold/commit/24367e63477a2345b856302115bb59d931da1ba4), [`c96d54a2`](https://github.com/marigold-ui/marigold/commit/c96d54a21901a72aeb6af71837c9642ace394c78), [`bd00c6da`](https://github.com/marigold-ui/marigold/commit/bd00c6da6515a320c37ee48946f2ac9a505e6d36), [`6a82a490`](https://github.com/marigold-ui/marigold/commit/6a82a490865c709a354141f68d65b9af38184f24)]:
-  - @marigold/system@0.3.0
-  - @marigold/components@0.3.0
-  - @marigold/theme-b2b@0.3.0
-  - @marigold/icons@0.3.0
-  - @marigold/types@0.3.0
diff --git a/docs-old/README.md b/docs-old/README.md
deleted file mode 100644
index e562a95b9f..0000000000
--- a/docs-old/README.md
+++ /dev/null
@@ -1,36 +0,0 @@
-# `@marigold/docs`
-
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/docs-old/_templates_/component.mdx b/docs-old/_templates_/component.mdx
deleted file mode 100644
index 71c5a7b50b..0000000000
--- a/docs-old/_templates_/component.mdx
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: <component name>
-group: <component category>
-caption: <short purpose of component>
-figma: <link to figma> (optional)
-github: <link to github component>
-edit: <link to github mdx file>
-switchTheme: <should the themeswitcher appear - for components with different styles> (boolean, optional)
----
-
-<!-- longer description about capabilities and usage of the component -->
-
-<Preview>{/* some component example */}</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import {} from '@marigold/';
-```
-
-### Appearance
-
-<!-- optional - lists variants and sizes if existing -->
-
-<AppearanceTable component={title} />
-
-### Props
-
-<!-- list all props with values and description -->
-
-<PropsTable
-  props={[
-    {
-      property: 'property',
-      type: 'type',
-      description: 'description',
-      default: 'default',
-    },
-  ]}
-/>
-
-## Examples
-
-<!-- show some cases and scenarios how the component can be used -->
-
-### Use case name
-
-<!-- describe the use case -->
-
-```tsx preview file=components/path-to-demo.tsx
-
-```
-
-## Dos & Don'ts
-
-<!-- rules of behaviour -->
diff --git a/docs-old/next.config.mjs b/docs-old/next.config.mjs
deleted file mode 100644
index 0cc4c837d1..0000000000
--- a/docs-old/next.config.mjs
+++ /dev/null
@@ -1,133 +0,0 @@
-// @ts-check
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import mdx from '@next/mdx';
-
-import createNavigationTree from './plugins/navigation.mjs';
-
-import pkg from './package.json' assert { type: 'json' };
-import recmaNextjsStaticProps from 'recma-nextjs-static-props';
-import remarkGfm from 'remark-gfm';
-import rehypeSlug from 'rehype-slug';
-import remarkFrontmatter from 'remark-frontmatter';
-import remarkMdxFrontmatter from 'remark-mdx-frontmatter';
-import { remarkCodeDemo } from './plugins/remark-code-demo.js';
-import { rehypeTableOfContents } from './plugins/rehype-toc.js';
-import rehypeAutolinkHeadings from 'rehype-autolink-headings';
-
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-
-const isProduction = process.env.NODE_ENV === 'production';
-
-const withMdx = mdx({
-  extension: /\.mdx?$/,
-  options: {
-    remarkPlugins: [
-      remarkFrontmatter,
-      remarkMdxFrontmatter,
-      remarkGfm,
-      [
-        remarkCodeDemo,
-        {
-          demoPath: path.join(__dirname, 'src', 'demos'),
-          wrapperComponent: 'Preview',
-        },
-      ],
-    ],
-    rehypePlugins: [
-      rehypeSlug,
-      [rehypeAutolinkHeadings, { behavior: 'wrap' }],
-      [rehypeTableOfContents, { tocSelector: '#toc' }],
-    ],
-    recmaPlugins: [recmaNextjsStaticProps],
-    providerImportSource: '@mdx-js/react',
-  },
-});
-
-export default async function configuration() {
-  /**
-   * Configure navigation
-   */
-  const tree = await createNavigationTree({
-    pages: path.resolve(__dirname, 'src', 'pages'),
-    order: [
-      { name: 'introduction' },
-      { name: 'concepts' },
-      {
-        name: 'components',
-        groups: [
-          'Application',
-          'Layout',
-          'Forms',
-          'Collections',
-          'Overlay',
-          'Content',
-        ],
-      },
-      { name: 'hooks' },
-      { name: 'develop' },
-      { name: 'recipes' },
-    ],
-  });
-
-  /**
-   * Configure additional links
-   */
-  const links = [
-    {
-      title: 'Github',
-      url: 'https://github.com/marigold-ui/marigold/',
-    },
-    {
-      title: 'Issues',
-      url: 'https://github.com/marigold-ui/marigold/issues',
-    },
-    {
-      title: 'Changelog',
-      url: 'https://github.com/marigold-ui/marigold/blob/main/packages/components/CHANGELOG.md',
-    },
-    {
-      title: 'Slack Channel',
-      url: 'https://reservix.slack.com/archives/C02727BNZ3J',
-    },
-  ];
-
-  /** @type {import('next').NextConfig} */
-  const config = {
-    env: {
-      version: pkg.version,
-      // @ts-ignore
-      navigation: {
-        tree,
-        links,
-      },
-    },
-    reactStrictMode: false,
-    optimizeFonts: true,
-    trailingSlash: true,
-    typescript: {
-      /** Do not run TypeScript during production builds (`next build`). */
-      ignoreBuildErrors: isProduction,
-      tsconfigPath: './tsconfig.json',
-    },
-    pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
-    webpack: (config, { defaultLoaders: { babel } }) => {
-      config.module.rules.unshift({
-        include: [
-          path.resolve(__dirname, '..', 'packages'),
-          path.resolve(__dirname, '..', 'themes'),
-        ],
-        test: /\.(jsx?|tsx?)$/,
-
-        use: [babel],
-      });
-
-      config.resolve.alias.root = path.resolve(__dirname, '..');
-
-      return config;
-    },
-  };
-
-  return withMdx(config);
-}
diff --git a/docs-old/package.json b/docs-old/package.json
deleted file mode 100644
index d9f1ec4ff2..0000000000
--- a/docs-old/package.json
+++ /dev/null
@@ -1,59 +0,0 @@
-{
-  "name": "@marigold/docs-old",
-  "version": "5.6.0",
-  "private": true,
-  "type": "module",
-  "browser": {
-    "fs": false
-  },
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build && next export",
-    "start": "next start"
-  },
-  "dependencies": {
-    "@marigold/components": "workspace:*",
-    "@marigold/icons": "workspace:*",
-    "@marigold/system": "workspace:*",
-    "@marigold/theme-b2b": "workspace:*",
-    "@marigold/tokens": "workspace:*",
-    "@marigold/tsconfig": "workspace:*",
-    "@marigold/types": "workspace:*",
-    "@mdx-js/loader": "2.3.0",
-    "@mdx-js/react": "2.3.0",
-    "@next/mdx": "13.4.8",
-    "estree-util-visit": "1.2.1",
-    "fs-extra": "11.1.1",
-    "globby": "13.1.4",
-    "mdast-util-from-markdown": "1.3.1",
-    "mdast-util-mdx": "2.0.1",
-    "mdast-util-toc": "6.1.1",
-    "micromark-extension-mdxjs": "1.0.1",
-    "next": "12.3.4",
-    "prism-react-renderer": "1.3.5",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-hook-form": "7.43.9",
-    "react-use": "17.4.0",
-    "recma-nextjs-static-props": "1.0.0",
-    "rehype-autolink-headings": "6.1.1",
-    "rehype-slug": "5.1.0",
-    "remark-frontmatter": "4.0.1",
-    "remark-gfm": "3.0.1",
-    "remark-mdx-code-meta": "2.0.0",
-    "remark-mdx-frontmatter": "2.1.1",
-    "to-vfile": "7.2.4",
-    "unified": "10.1.2",
-    "unist-util-visit": "4.1.2",
-    "vfile-matter": "4.0.1",
-    "zod": "3.21.4",
-    "zod-form-data": "2.0.1"
-  },
-  "devDependencies": {
-    "@hookform/devtools": "4.3.1",
-    "@types/mdx-js__react": "1.5.5",
-    "@types/node": "18.16.19",
-    "@types/react": "18.2.14",
-    "typescript": "5.0.3"
-  }
-}
diff --git a/docs-old/plugins/navigation.mjs b/docs-old/plugins/navigation.mjs
deleted file mode 100644
index 3e10ea9c20..0000000000
--- a/docs-old/plugins/navigation.mjs
+++ /dev/null
@@ -1,138 +0,0 @@
-// @ts-check
-import path from 'node:path';
-import { globby } from 'globby';
-import { read } from 'to-vfile';
-import { matter } from 'vfile-matter';
-
-const toSlug = (file, from) => path.relative(from, file.replace(/\.mdx?$/, ''));
-
-/**
- * @typedef {object} Frontmatter
- * @prop [title] string
- * @prop [group] string
- */
-
-/**
- * @param {string} filePath
- * @return {Promise<Frontmatter>} frontmatter
- */
-const getFrontmatter = async filePath => {
-  const file = await read(filePath);
-  matter(file);
-  return file.data.matter || {};
-};
-
-const sortByOrder = items => {
-  items.sort((a, b) => (a.order || 9999999999) - (b.order || 9999999999));
-};
-
-/**
- * @typedef {object} NavigationOptions
- * @prop {string} pages directory to look for MDX pages (should usually point to next's pages directory)
- * @prop {{ name: string, groups?: string[] }[]} order ordering of the navigation
- */
-
-/**
- *
- * @param {NavigationOptions} options
- */
-const createNavigationTree = async ({ pages, order }) => {
-  // Get all information for MDX pages (their frontmatter)
-  const files = await globby([`${pages}/**/*.mdx`]);
-  const items = await Promise.all(
-    files.map(async filePath => {
-      const frontmatter = await getFrontmatter(filePath);
-      return {
-        ...frontmatter,
-        slug: toSlug(filePath, pages),
-      };
-    })
-  );
-
-  const categories = [];
-  const topItems = [];
-
-  items.forEach(item => {
-    const { slug, group } = item;
-    const hasCategory = slug.includes('/');
-
-    if (!hasCategory) {
-      topItems.push({
-        title: item.title,
-        slug,
-      });
-      return;
-    }
-
-    // Assign to a navigation category
-    const [categoryName] = slug.split('/');
-    let itemCategory = categories.find(
-      item => 'name' in item && item.name === categoryName
-    );
-
-    if (!itemCategory) {
-      categories.push({
-        name: categoryName,
-        items: [],
-        groups: [],
-      });
-      itemCategory = categories[categories.length - 1];
-    }
-    if (!group) {
-      itemCategory.items.push(item);
-      return;
-    }
-
-    // Assign to a navigation category group
-    let itemGroup = itemCategory.groups.find(({ name }) => name === group);
-    if (!itemGroup) {
-      itemCategory.groups.push({
-        name: group,
-        items: [],
-      });
-      itemGroup = itemCategory.groups[itemCategory.groups.length - 1];
-    }
-    itemGroup.items.push(item);
-  });
-
-  // Sort categories based on config
-  categories.sort((a, b) => {
-    const aIndex = order.findIndex(item => item.name === a.name);
-    const bIndex = order.findIndex(item => item.name === b.name);
-    return aIndex - bIndex;
-  });
-
-  categories.forEach(category => {
-    // Sort items (without group) by order
-    sortByOrder(category.items);
-
-    const groups = category.groups;
-
-    // Sort items (within group) by order
-    groups.forEach(group => {
-      sortByOrder(group.items);
-    });
-
-    // Sort groups based on config
-    const config = order.find(c => c.name === category.name);
-
-    if (!config?.groups) {
-      return;
-    }
-
-    groups.sort((a, b) => {
-      // @ts-ignore
-      const aIndex = config.groups.indexOf(a.name);
-      // @ts-ignore
-      const bIndex = config.groups.indexOf(b.name);
-
-      return aIndex - bIndex;
-    });
-  });
-
-  sortByOrder(topItems);
-
-  return [...topItems, ...categories];
-};
-
-export default createNavigationTree;
diff --git a/docs-old/plugins/rehype-toc.js b/docs-old/plugins/rehype-toc.js
deleted file mode 100644
index b36c1055a6..0000000000
--- a/docs-old/plugins/rehype-toc.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import { visit } from 'unist-util-visit';
-
-export const rehypeTableOfContents = options => {
-  return tree => {
-    const links = [];
-
-    visit(tree, 'element', node => {
-      if (node.tagName !== 'h2' && node.tagName !== 'h3') {
-        return;
-      }
-
-      const link = node.children.find(child => child.tagName === 'a');
-      if (link) {
-        links.push(link);
-      }
-    });
-    const data = links.map(link => {
-      return {
-        anchor: link?.properties?.href,
-        title: link?.children[0]?.value,
-      };
-    });
-
-    tree.children.unshift({
-      type: 'mdxJsxFlowElement',
-      name: 'Toc',
-      attributes: [
-        {
-          type: 'mdxJsxAttribute',
-          name: 'selector',
-          value: options.tocSelector,
-        },
-        // this is how the data should be passed but it's not working
-        //
-        // const value = {
-        //   type: 'mdxJsxAttribute',
-        //   name: 'props',
-        //   value: {
-        //     type: 'mdxJsxAttributeValueExpression',
-        //     value: '<json>',
-        //   },
-        // };
-        {
-          type: 'mdxJsxAttribute',
-          name: 'items',
-          value: JSON.stringify(data),
-        },
-      ],
-      children: [],
-    });
-  };
-};
diff --git a/docs-old/plugins/remark-code-demo.js b/docs-old/plugins/remark-code-demo.js
deleted file mode 100644
index 0a9a2a3dad..0000000000
--- a/docs-old/plugins/remark-code-demo.js
+++ /dev/null
@@ -1,66 +0,0 @@
-import path from 'node:path';
-import fs from 'fs-extra';
-
-import { flatMap, getExportedComponent, parseToMdAst } from './utils/ast.js';
-
-/**
- * Very simple argument parser. Converts key=value pairs into
- * an object. `value` will be a string, if only a key is given its
- * value will be set to `true`.
- */
-const parseMeta = val =>
-  Object.fromEntries(
-    val.split(/\s+/).map(part => {
-      const [key, val] = part.split('=');
-      return [key, val === undefined ? true : val];
-    })
-  );
-
-/**
- * Test if a node has all information that we need:
- * - is a <code>
- * - has a lang attribute with js, jsx, ts or tsx
- * - has a meta attribute that includes "preview"
- */
-const isCodePreview = node =>
-  node.type === 'code' &&
-  /[jt]sx?/.test(node.lang) &&
-  node.meta &&
-  node.meta?.includes('preview');
-
-/**
- * Render a preview from `<pre>` blocks for React components.
- * Complex code can be loaded from file.
- */
-export const remarkCodeDemo = ({ demoPath, wrapperComponent }) => {
-  return tree => {
-    flatMap(tree, node => {
-      if (!isCodePreview(node)) {
-        return [node];
-      }
-
-      const meta = parseMeta(node.meta);
-
-      if (meta.file) {
-        node.value = fs
-          .readFileSync(path.join(demoPath, meta.file), 'utf8')
-          .trim();
-      }
-
-      const tree = meta.file
-        ? getExportedComponent(node.value, node.lang)
-        : parseToMdAst(node.value);
-
-      const preview = {
-        type: 'mdxJsxFlowElement',
-        name: wrapperComponent,
-        attributes: [],
-        children: tree,
-      };
-
-      return [preview, node];
-    });
-
-    return tree;
-  };
-};
diff --git a/docs-old/plugins/utils/ast.js b/docs-old/plugins/utils/ast.js
deleted file mode 100644
index fe477d730a..0000000000
--- a/docs-old/plugins/utils/ast.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import { visit } from 'estree-util-visit';
-import { fromMarkdown } from 'mdast-util-from-markdown';
-import { mdxFromMarkdown } from 'mdast-util-mdx';
-import { mdxjs } from 'micromark-extension-mdxjs';
-// import { JsxEmit, ModuleKind, ScriptTarget, transpileModule } from 'typescript';
-import pkg from 'typescript';
-const { JsxEmit, ModuleKind, ScriptTarget, transpileModule } = pkg;
-
-// mdast
-// ---------------
-
-/**
- * Create the `mdast` from the code using the mdx extensions.
- */
-export const parseToMdAst = md => {
-  return fromMarkdown(md, {
-    extensions: [mdxjs()],
-    mdastExtensions: [mdxFromMarkdown()],
-  }).children;
-};
-
-/**
- * Try to find the preview to render based on an exported component.
- * Note that the component has to exist in the MDX scope to make this work,
- * it has to be added to the `<MDXProvider>`.
- */
-export const getExportedComponent = (input, lang) => {
-  let component;
-
-  // compile to js if necessary
-  const code = /tsx?/.test(lang)
-    ? transpileModule(input, {
-        compilerOptions: {
-          module: ModuleKind.ESNext,
-          jsx: JsxEmit.Preserve,
-          target: ScriptTarget.ESNext,
-        },
-      }).outputText
-    : input;
-
-  const tree = parseToMdAst(code)[0].data?.estree;
-
-  visit(tree, node => {
-    if (component) {
-      return;
-    }
-    if (node.type === 'ExportNamedDeclaration') {
-      const declaration = node.declaration;
-      const variable = declaration.declarations.find(
-        child => child.type === 'VariableDeclarator'
-      );
-      component = variable?.id?.name;
-    }
-  });
-
-  if (!component) {
-    throw Error(
-      'No component for demo found. Please make sure to export a component from your demo file.'
-    );
-  }
-
-  return [
-    {
-      type: 'mdxJsxFlowElement',
-      name: component,
-      attributes: [],
-      children: [],
-    },
-  ];
-};
-
-const hasChildren = node => 'children' in node;
-
-/**
- * Create a new Unist tree by mapping (to an array) with the provided function and then flattening.
- * Adopted from: https://www.npmjs.com/package/unist-util-flatmap
- */
-export const flatMap = (tree, mapper) => {
-  return walk(tree, 0, null)[0];
-
-  // Recursivly walk tree
-  function walk(node, index, parent) {
-    if (hasChildren(node)) {
-      let out = [];
-
-      for (let i = 0, n = node.children.length; i < n; i++) {
-        const subtree = walk(node.children[i], i, node);
-        if (subtree) {
-          for (let j = 0, m = subtree.length; j < m; j++) {
-            out.push(subtree[j]);
-          }
-        }
-      }
-
-      node.children = out;
-    }
-
-    return mapper(node, index, parent);
-  }
-};
diff --git a/docs-old/public/.nojekyll b/docs-old/public/.nojekyll
deleted file mode 100644
index e69de29bb2..0000000000
diff --git a/docs-old/public/CNAME b/docs-old/public/CNAME
deleted file mode 100644
index b23014feda..0000000000
--- a/docs-old/public/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-marigold-ui.io
\ No newline at end of file
diff --git a/docs-old/public/favicon.png b/docs-old/public/favicon.png
deleted file mode 100644
index ff04abd0e4..0000000000
Binary files a/docs-old/public/favicon.png and /dev/null differ
diff --git a/docs-old/public/favicon.svg b/docs-old/public/favicon.svg
deleted file mode 100644
index 5618edf7c3..0000000000
--- a/docs-old/public/favicon.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="139.593" height="139.762"><svg width="139.593" height="139.762" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
- <g class="layer">
-  <title>Layer 1</title>
-  <circle cx="69.08" cy="70.14" fill="#ffd170" id="SvgjsCircle1018" r="64.58" stroke="#ffb136" stroke-width="4"></circle>
-  <circle cx="69.08" cy="70.14" fill="#fa7475" id="SvgjsCircle1017" r="39.13" stroke="#fa8888" stroke-width="4"></circle>
-  <g fill="#ffd170" id="SvgjsG1016" stroke="#ffb136" stroke-opacity="0.75">
-   <path d="m69.03,11.44l0.09,14.24" id="SvgjsPath1015"></path>
-   <path d="m69.03,115.02l0.09,14.24" id="SvgjsPath1014"></path>
-   <path d="m121.81,424.02l0.09,14.24" id="SvgjsPath1013" transform="matrix(0 1 -1 0 551.99 -51.7135)"></path>
-   <path d="m17.2,424.02l0.1,14.24" id="SvgjsPath1012" transform="matrix(0 1 -1 0 447.388 52.8875)"></path>
-   <path d="m26.37,29.83l10.68,9.37" id="SvgjsPath1011"></path>
-   <path d="m101.02,101.14l10.68,9.37" id="SvgjsPath1010"></path>
-   <path d="m464.56,400.01l10.69,-9.37" id="SvgjsPath1009" transform="matrix(-1 0 0 -1 577.812 430.645)"></path>
-   <path d="m389.39,472.81l10.68,-9.37" id="SvgjsPath1008" transform="matrix(-1 0 0 -1 427.462 576.243)"></path>
-   <path d="m406.88,483.4l5.52,-10.96" id="SvgjsPath1007" transform="matrix(-1 0 0 -1 457.276 595.839)"></path>
-   <path d="m449.86,388.81l5.52,-10.96" id="SvgjsPath1006" transform="matrix(-1 0 0 -1 543.23 406.661)"></path>
-   <path d="m44.35,17.8l5.52,10.96" id="SvgjsPath1005"></path>
-   <path d="m86.62,111.81l5.52,10.97" id="SvgjsPath1004"></path>
-   <path d="m18.98,417.55l5.52,-10.97" id="SvgjsPath1003" transform="matrix(0 1 -1 0 432.803 29.3275)"></path>
-   <path d="m113.78,457.59l5.52,-10.96" id="SvgjsPath1002" transform="matrix(0 1 -1 0 567.651 -25.4275)"></path>
-   <path d="m475.24,46.46l5.52,10.96" id="SvgjsPath1001" transform="matrix(0 -1 1 0 65.0615 530.943)"></path>
-   <path d="m379.4,84.81l5.52,10.97" id="SvgjsPath1000" transform="matrix(0 -1 1 0 -69.1305 473.458)"></path>
-  </g>
- </g>
-</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
-</style></svg>
\ No newline at end of file
diff --git a/docs-old/public/fight-club.gif b/docs-old/public/fight-club.gif
deleted file mode 100644
index 56d63bb72c..0000000000
Binary files a/docs-old/public/fight-club.gif and /dev/null differ
diff --git a/docs-old/public/rx-logo.png b/docs-old/public/rx-logo.png
deleted file mode 100644
index f57380f788..0000000000
Binary files a/docs-old/public/rx-logo.png and /dev/null differ
diff --git a/docs-old/src/components/AppearanceTable.tsx b/docs-old/src/components/AppearanceTable.tsx
deleted file mode 100644
index 19ce1f2ad0..0000000000
--- a/docs-old/src/components/AppearanceTable.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import {
-  Box,
-  Card,
-  Inline,
-  Table,
-  Text,
-  type Theme,
-} from '@marigold/components';
-import { BlankCanvas } from './Icons';
-import { useThemeSwitch } from './ThemeSwitch';
-
-export interface AppearanceTableProps {
-  component: keyof Theme['components'];
-}
-
-export const AppearanceTable = ({ component }: AppearanceTableProps) => {
-  const { current, themes } = useThemeSwitch();
-
-  if (!current) {
-    return null;
-  }
-
-  const styles = themes[current].components[component];
-  const variants = styles?.variant ? Object.keys(styles.variant) : null;
-  const sizes = styles?.size ? Object.keys(styles.size) : null;
-
-  return (
-    <Box css={{ mb: 'medium-2' }}>
-      <Card px="medium-1" py="medium-2">
-        {!variants && !sizes ? (
-          <Inline>
-            <BlankCanvas />
-            <Text variant="content">
-              Sorry! There are currently no variants and sizes available.
-            </Text>
-          </Inline>
-        ) : (
-          <Table aria-labelledby="appearance table" variant="propsTable">
-            <Table.Header>
-              <Table.Column key={'property'}>Property</Table.Column>
-              <Table.Column key={'type'}>Type</Table.Column>
-              <Table.Column key={'description'}>Description</Table.Column>
-            </Table.Header>
-
-            <Table.Body>
-              <Table.Row>
-                <Table.Cell>
-                  <code>variant</code>
-                </Table.Cell>
-                <Table.Cell>
-                  <code>{variants ? variants.join(' | ') : '-'}</code>
-                </Table.Cell>
-                <Table.Cell>
-                  The available variants of this component.
-                </Table.Cell>
-              </Table.Row>
-              <Table.Row>
-                <Table.Cell>
-                  <code>size</code>
-                </Table.Cell>
-                <Table.Cell>
-                  <code>{sizes ? sizes.join(' | ') : '-'}</code>
-                </Table.Cell>
-                <Table.Cell>The available sizes of this component.</Table.Cell>
-              </Table.Row>
-            </Table.Body>
-          </Table>
-        )}
-      </Card>
-    </Box>
-  );
-};
-
-<Card></Card>;
diff --git a/docs-old/src/components/Block.tsx b/docs-old/src/components/Block.tsx
deleted file mode 100644
index 6c807f7c37..0000000000
--- a/docs-old/src/components/Block.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { ReactNode } from 'react';
-import { Box } from '@marigold/system';
-
-export interface BlockProps {
-  children: ReactNode;
-  height?: number | string;
-}
-
-export const Block = ({ children, height }: BlockProps) => (
-  <Box
-    css={{
-      height,
-      background: 'hsla(218 16% 77% / 50%)',
-      border: '1px solid hsla(218 16% 70% / 50%)',
-      borderRadius: 12,
-      p: 12,
-    }}
-  >
-    {children}
-  </Box>
-);
diff --git a/docs-old/src/components/CopyButton.tsx b/docs-old/src/components/CopyButton.tsx
deleted file mode 100644
index 889b6fb9c1..0000000000
--- a/docs-old/src/components/CopyButton.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import React from 'react';
-import { Box, Button } from '@marigold/components';
-import { SVG } from '@marigold/system';
-
-interface CopyProps {
-  codeString: string;
-}
-
-export const CopyButton = ({ codeString }: CopyProps) => {
-  const [isCopied, setIsCopied] = React.useState(false);
-  return (
-    <Button
-      variant="copy"
-      onPress={() => {
-        copyToClipboard(codeString);
-        setIsCopied(true);
-        setTimeout(() => setIsCopied(false), 3000);
-      }}
-    >
-      <Box
-        as={SVG}
-        size={16}
-        viewBox="0 0 16 16"
-        fill="text.regular"
-        css={{
-          mr: 'xxsmall',
-        }}
-      >
-        <path
-          d="M8.8421 0H1.26316C0.568421 0 0 0.568421 0 1.26316V10.1053H1.26316V1.26316H8.8421V0ZM10.7368 2.52632H3.78947C3.09474 2.52632 2.52632 3.09474 2.52632 3.78947V12.6316C2.52632 13.3263 3.09474 13.8947 3.78947 13.8947H10.7368C11.4316 13.8947 12 13.3263 12 12.6316V3.78947C12 3.09474 11.4316 2.52632 10.7368 2.52632ZM10.7368 12.6316H3.78947V3.78947H10.7368V12.6316Z"
-          fill="text.regular"
-        />
-      </Box>
-      {isCopied ? 'Copied 🎉' : 'Copy'}
-    </Button>
-  );
-};
-
-export const copyToClipboard = (codeString: string) => {
-  navigator.clipboard.writeText(codeString);
-};
diff --git a/docs-old/src/components/GradientHeadline.tsx b/docs-old/src/components/GradientHeadline.tsx
deleted file mode 100644
index 6b52eeaf2a..0000000000
--- a/docs-old/src/components/GradientHeadline.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import type { ReactNode } from 'react';
-import { Headline } from '@marigold/components';
-
-export interface GradientHeadlineProps {
-  children: ReactNode;
-}
-
-export const GradientHeadline = ({ children }: GradientHeadlineProps) => (
-  <Headline level="1" variant="gradient">
-    <span>{children}</span>
-  </Headline>
-);
diff --git a/docs-old/src/components/IconLinks.tsx b/docs-old/src/components/IconLinks.tsx
deleted file mode 100644
index 9d240a7224..0000000000
--- a/docs-old/src/components/IconLinks.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Inline } from '@marigold/components';
-import { Edit } from '@marigold/icons';
-import { FigmaIcon, GithubIcon } from './Icons';
-import { Link } from './Link';
-
-interface IconLinksListProps {
-  figma?: string;
-  github?: string;
-  edit?: string;
-}
-
-export const IconLinksList = ({ figma, github, edit }: IconLinksListProps) => {
-  return (
-    <Inline space="medium-1">
-      {figma && (
-        <Link variant="icon" target="blank" href={figma}>
-          <FigmaIcon />
-        </Link>
-      )}
-      {github && (
-        <Link variant="icon" target="blank" href={github}>
-          <GithubIcon />
-        </Link>
-      )}
-      {edit && (
-        <Link variant="icon" target="blank" href={edit}>
-          <Edit />
-        </Link>
-      )}
-    </Inline>
-  );
-};
diff --git a/docs-old/src/components/IconList/IconList.tsx b/docs-old/src/components/IconList/IconList.tsx
deleted file mode 100644
index 7029110e48..0000000000
--- a/docs-old/src/components/IconList/IconList.tsx
+++ /dev/null
@@ -1,96 +0,0 @@
-import { useState, useRef } from 'react';
-import { useCopyToClipboard, useDebounce } from 'react-use';
-
-import { Box, Card, Text, Tiles } from '@marigold/components';
-import * as Icons from '@marigold/icons';
-
-export interface IconListProps {
-  icons: (keyof typeof Icons)[];
-}
-
-export interface IconListItemProps {
-  icon: keyof typeof Icons;
-}
-
-const IconListItem = ({ icon }: IconListItemProps) => {
-  const Component = Icons[icon];
-
-  const svgRef = useRef<SVGElement>();
-  const [isHovered, setHovered] = useState(false);
-  const [isCopied, setCopied] = useState(false);
-  const [, copyToClipboard] = useCopyToClipboard();
-  const [isReady, cancel] = useDebounce(() => setCopied(false), 2000, [
-    isCopied,
-  ]);
-
-  if (!Component) {
-    console.warn(`${icon} is not a valid icon!`);
-    return null;
-  }
-
-  const handleClick = () => {
-    if (isReady()) {
-      cancel();
-    }
-
-    // Get SVG HTML and remove class attribute
-    const svg = svgRef.current!.outerHTML.replace(
-      / class="[a-zA-Z0-9:;.\s()\-,]*"/,
-      ''
-    );
-    copyToClipboard(svg);
-    setCopied(true);
-  };
-
-  return (
-    <div>
-      <Card
-        variant="hovering"
-        onClick={handleClick}
-        onMouseEnter={() => setHovered(true)}
-        onMouseLeave={() => setHovered(false)}
-      >
-        <Box
-          css={{
-            display: 'grid',
-            placeItems: 'center',
-            height: 'large-1',
-          }}
-        >
-          <Box
-            css={{
-              display: isCopied || isHovered ? 'block' : 'none',
-              fontFamily: 'headline',
-              fontWeight: 'medium',
-              letterSpacing: '0.5px',
-              userSelect: 'none',
-            }}
-          >
-            {isCopied ? 'COPIED!' : 'COPY SVG'}
-          </Box>
-          <Component
-            width={48}
-            height={48}
-            ref={svgRef as any}
-            css={{ display: isHovered || isCopied ? 'none' : 'block' }}
-          />
-        </Box>
-      </Card>
-      <Text variant="caption" size="small" align="center">
-        {icon}
-      </Text>
-    </div>
-  );
-};
-
-export const IconList = ({ icons }: IconListProps) => {
-  return (
-    <Box css={{ width: '100%' }}>
-      <Tiles space="medium-1" tilesWidth="7.5rem">
-        {icons.map(icon => (
-          <IconListItem key={icon} icon={icon} />
-        ))}
-      </Tiles>
-    </Box>
-  );
-};
diff --git a/docs-old/src/components/IconList/index.ts b/docs-old/src/components/IconList/index.ts
deleted file mode 100644
index 77f1e04d06..0000000000
--- a/docs-old/src/components/IconList/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './IconList';
diff --git a/docs-old/src/components/Icons/BlankCanvas.tsx b/docs-old/src/components/Icons/BlankCanvas.tsx
deleted file mode 100644
index 599c059339..0000000000
--- a/docs-old/src/components/Icons/BlankCanvas.tsx
+++ /dev/null
@@ -1,286 +0,0 @@
-import { SVG, SVGProps } from '@marigold/system';
-import { forwardRef } from 'react';
-
-export const BlankCanvas = forwardRef<SVGElement, SVGProps>((props, ref) => (
-  <SVG
-    xmlns="http://www.w3.org/2000/svg"
-    size={100}
-    viewBox="0 0 500 500"
-    ref={ref}
-    {...props}
-  >
-    <path
-      d="M95.46 214.74Zm364.41 138.32 1.55.19a1.22 1.22 0 0 0-1-.4 1.27 1.27 0 0 0-.55.21Zm-45.13-57.67a1.07 1.07 0 0 0 .36-.1l-.4-.5-.48-.6-.58-.73a1.29 1.29 0 0 0-.23.79 1.24 1.24 0 0 0 1.33 1.14Zm4.61 10.86a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.34 1.14Zm7 40.59a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.3 1.15Zm-5.79-25.73a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.29 1.14ZM421.7 336a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.5 12.54 1.4.17a1.18 1.18 0 0 0-.92-.32 1 1 0 0 0-.48.13Zm-2.26-34.84a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.12Zm1.17 14.87a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm1.18 14.86a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47ZM432 324a1.25 1.25 0 1 0-1.33-1.14A1.25 1.25 0 0 0 432 324Zm9.21 21.71a1.24 1.24 0 1 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.3 1.1Zm-.59-7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm-3.42 4a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm-4.61-10.86a1.23 1.23 0 0 0 1.11-1.41 1.24 1.24 0 1 0-1.15 1.33Zm4 3.43a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.32 1.1Zm-.59-7.43a1.24 1.24 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.34 1.11Zm1.76 22.29a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm-3.6-30.58a1.22 1.22 0 0 0 .52.66Zm-1 19.73a1.24 1.24 0 1 0-.19-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.31 1.1Zm15.47 6.26a1.25 1.25 0 0 0 1.13-1.35 1.24 1.24 0 0 0-2.48.2 1.26 1.26 0 0 0 1.33 1.11Zm.53 6.7 1 .12a1.29 1.29 0 0 0 .19-.73A1.24 1.24 0 0 0 449 350a1.26 1.26 0 0 0-1.15 1.34 1.12 1.12 0 0 0 .08.26Zm-21.77-38.68a1.24 1.24 0 0 0 1.11-1.09l-1.1-1.36a1.38 1.38 0 0 0-.2 0A1.25 1.25 0 0 0 426 312a1.24 1.24 0 0 0 1.37 1.09Zm6.36 33.16a1.25 1.25 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.31 1.11Zm11.45 2.82a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.31 1.1Zm11.44 2.84a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.1ZM444 334.21a1.24 1.24 0 0 0 1.14-1.34s0 0 0-.06l-.81-1a1.09 1.09 0 0 0-.51-.07 1.22 1.22 0 0 0-1.14 1.33 1.23 1.23 0 0 0 1.32 1.14Zm4 3.42a1.12 1.12 0 0 0 .7-.33l-.73-.91-.08-.1-.71-.88a1.24 1.24 0 0 0-.53 1.08 1.25 1.25 0 0 0 1.35 1.14Zm-16.64-21.12a1.25 1.25 0 0 0 .54-.19l-.62-.78-.2-.25-.69-.88a1.23 1.23 0 0 0 1 2.1Zm-3.42 4a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.4 1.14Zm1.18 14.87a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.15Zm-.59-7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm1.18 14.86a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm1.55 6.79a1.27 1.27 0 0 0 .18-.69 1.25 1.25 0 0 0-2.49.19c0 .08.06.15.07.23ZM424 317.1a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.34 1.14Zm28.66 31.38a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.14 1.24 1.24 0 1 0 .2 2.47Zm-29.25-38.81a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.29 1.15Zm1.18 14.87a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.29 1.14ZM451.68 341l-1-1.22v.13a1.23 1.23 0 0 0 1 1.09ZM441 350.78l.55.07.93.12a1.22 1.22 0 0 0-.95-.36 1.38 1.38 0 0 0-.53.17ZM425.13 332a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.1Zm18.87 2.24a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.09Zm-4.59-10.9a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.22 1.22 0 0 0 1.33 1.13Zm-24.66-27.95a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.32 1.15Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm-2.24 18.87a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm-1.77-22.3a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm-1.18-14.86a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.32 1.14Zm7 40.59a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.29 1.15Zm-4-3.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm-4.13-52a1.19 1.19 0 0 0 1.06-.8l-1.31-1.65a1.23 1.23 0 0 0 .25 2.45Zm6.37 33.17a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.27 1.1Zm-5.19-18.29a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm1.18 14.86a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.28 1.1Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.28 1.11Zm4 3.41a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.28 1.1Zm-34.44-57.11a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.22 1.22 0 0 0 1.29 1.09Zm-.59-7.42a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm12.73 66.3a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.28 1.1Zm-3.42 4a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47ZM386.07 264a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .19 2.48Zm4 3.42a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.36 1.15Zm2.93 37.17a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm-4-3.42a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm-6.95-40.59a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.14Zm-.7-7.45-.92-1.15-.26-.33a1.12 1.12 0 0 0-.05.36 1.22 1.22 0 0 0 1.25 1.12ZM396 341.76a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.14Zm-1.18-14.87a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.31 1.14Zm-.59-7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.14Zm-.59-7.43a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm-1.18-14.87a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.31 1.14Zm-.58-7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.32 1.14Zm-3.43 4a1.24 1.24 0 0 0 1.15-1.33 1.24 1.24 0 0 0-2.48.19 1.23 1.23 0 0 0 1.31 1.14Zm-.59-7.42A1.26 1.26 0 0 0 389 285a1.24 1.24 0 1 0-1.15 1.34Zm-.59-7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.14Zm-.59-7.43a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.31 1.15Zm4.72 59.47a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.32 1.15Zm-.59-7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.32 1.14Zm2.77 21.59a1.17 1.17 0 0 0 .14-.63 1.24 1.24 0 0 0-2.48.2.83.83 0 0 1 0 .15Zm-3.36-29a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.14 1.24 1.24 0 1 0 .2 2.47Zm-.59-7.42a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.11Zm1.66-26.32a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm-.59-7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm7.54 48a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.31 1.13Zm10.86-4.6a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.32 1.13Zm.58 7.43a1.24 1.24 0 1 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.35 1.24 1.24 0 0 0 1.31 1.12Zm-2.94-37.16a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.13Zm3.53 44.59a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.13Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.53 6.63 1.05.12a1.12 1.12 0 0 0 .16-.66 1.24 1.24 0 1 0-2.48.2 1 1 0 0 0 0 .18Zm-8.07-54.66a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.31 1.12Zm-.58-7.42a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.32 1.13Zm4.57 10.86a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm-2.24 18.87a1.24 1.24 0 1 0-1.33-1.13 1.22 1.22 0 0 0 1.33 1.11Zm-.59-7.42a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.12Zm1.77 22.3a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49Zm-.59-7.44a1.25 1.25 0 0 0 1.14-1.31 1.24 1.24 0 1 0-1.14 1.33Zm1.77 22.3a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.12Zm-.59-7.44a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 0 0-1.13 1.34 1.22 1.22 0 0 0 1.33 1.11Zm-6.85 8a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm-5.89-74.33a1.25 1.25 0 0 0 1-.61l-1.43-1.79a1.22 1.22 0 0 0-.86 1.25 1.23 1.23 0 0 0 1.29 1.16Zm4.71 59.47a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.16Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm1.07-33.73a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm-3.42 4a1.25 1.25 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.42a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm-1.77-22.3a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.34 1.16Zm6.94 45.66.42.05.85.1a1.28 1.28 0 0 0-.86-.27 1.09 1.09 0 0 0-.41.14Zm0-5.07a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.36 1.16Zm-8.14-55.45a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.36 1.16Zm-.59-7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.16Zm8.14 55.45a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.36 1.16Zm-1.77-22.29a1.24 1.24 0 0 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.36 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.36 1.16Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.36 1.15Zm6.25-15.45a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.36 1.17Zm-.59-7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm-4-3.42a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.34 1.17Zm-5.78-25.72a.7.7 0 0 1 .14 0l-.16-.2-.75-1-.45-.54a1.29 1.29 0 0 0-.11.59 1.23 1.23 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.34 1.15Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.34 1.16Zm-26.42-50.26a1.24 1.24 0 0 0 1.13-1.34 1.1 1.1 0 0 0-.13-.47l-.3-.37a1.16 1.16 0 0 0-.9-.29 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.35 1.16Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.32-1.15 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.42a1.22 1.22 0 0 0 1.2-1.31 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.28 1.1Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.22 1.22 0 0 0 1.34 1.15Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.35 1.17Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.35 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.35 1.16Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm-11.67-100.03a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.3 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14ZM364.45 232l-.88-1.09-.05-.07a.19.19 0 0 0 0 .08 1.22 1.22 0 0 0 .93 1.08Zm1 7.48a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.12Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.25 1.25 0 0 0 1.15-1.34 1.25 1.25 0 1 0-1.15 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.32 1.12Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.32 1.12Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.35 1.12Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.12Zm.58 7.42a1.23 1.23 0 0 0 1.15-1.33 1.24 1.24 0 1 0-1.15 1.33Zm.59 7.44a1.24 1.24 0 1 0-.19-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.31 1.12Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.26 1.26 0 0 0 1.31 1.13Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.31 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.31 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.31 1.12Zm.52 6.56 1.09.13a1.21 1.21 0 0 0 .13-.59 1.25 1.25 0 0 0-2.49.2s0 .06 0 .1Zm-12.18-106.6a1.25 1.25 0 1 0-1.35-1.15 1.26 1.26 0 0 0 1.33 1.13Zm.59 7.42a1.24 1.24 0 1 0-1.35-1.13 1.24 1.24 0 0 0 1.31 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.33 1.12Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.32 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.32 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.32 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.32 1.12Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.32 1.12Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.32 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.33 1.12Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.33 1.12Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.33 1.12Zm-8.84-111.49a1.24 1.24 0 0 0 .67-.29l-1.53-1.93a1.22 1.22 0 0 0 .86 2.2ZM388 334.91a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14ZM386.78 320a1.24 1.24 0 0 0-.19-2.47 1.25 1.25 0 0 0-1.15 1.34 1.23 1.23 0 0 0 1.34 1.13ZM384 331.49a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.66 12.48 1.1.13a1.17 1.17 0 0 0-.78-.21 1.16 1.16 0 0 0-.37.11Zm-2.43-34.78a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.28 1.13Zm6.37 33.15a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.29 1.13Zm-1.18-14.86a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 1 0 .19 2.48ZM385 297.74a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-2.49.2 1.24 1.24 0 0 0 1.35 1.13Zm-.48 41.18a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm-.11-48.6a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.37 1.14ZM379.24 272a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.15Zm3.53 44.59a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.33 1.17ZM381 294.32a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm-2.94-37.16a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm2.36 29.73a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.34 1.13Zm-1.77-22.3a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.13Zm-1.18-14.86a1.25 1.25 0 0 0 .84-.43l-1.53-1.9a1.24 1.24 0 0 0 .69 2.33Zm4.12 52a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm-1.76-22.3a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm4 3.42a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.35 1.17Zm-.48 41.18a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.33-1.13 1.22 1.22 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.34 1.17Zm2.25-18.88a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.36 1.17Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.35 1.24 1.24 0 0 0-2.48.2 1.26 1.26 0 0 0 1.36 1.18Zm-20.36 29.11h.23l.69.09a1.1 1.1 0 0 0-.69-.18 1.55 1.55 0 0 0-.23.09Zm-9-116.51a1.25 1.25 0 0 0 1.13-1.31l-.87-1.08a1.09 1.09 0 0 0-.44-.06 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.34 1.19Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.15Zm.58 7.42a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm-12.85-114.92a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.22 1.22 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.17-2.5 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47ZM347 210.17a1.12 1.12 0 0 0 .4.49Zm1.81 8.17a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.32 1.14Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.32 1.13Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 0 0 1.14-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.33 1.23 1.23 0 0 0-1.33-1.14 1.25 1.25 0 0 0-1.14 1.33 1.23 1.23 0 0 0 1.32 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.32 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.32 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.43.23 1.23 1.23 0 0 0 1.28 1.1Zm.59 7.44a1.25 1.25 0 0 0 1.12-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.33 1.17Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm-13.45-122.35a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.37 1.14Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.19Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48ZM353 319a1.24 1.24 0 1 0-1.34-1.14A1.25 1.25 0 0 0 353 319Zm.58 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm-10-126.36a1.5 1.5 0 0 0 .52-.16l-1.53-1.91a1.23 1.23 0 0 0 1 2.07Zm11.65 133a1.1 1.1 0 0 0 .09-.55 1.24 1.24 0 0 0-2.47.2s0 .05 0 .07Zm-15.63-136.45a1.22 1.22 0 0 0 1.1-1l-.24-.29-.91-1.14H340a1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.09Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .19 2.47Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0-1.15 1.34 1.23 1.23 0 0 0 1.38 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.25 1.25 0 0 0 1.14-1.34 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44A1.24 1.24 0 1 0 343 255a1.25 1.25 0 0 0 1.32 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.24 1.24 0 0 0 1.35 1.17Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.26 1.26 0 0 0-1.15 1.35 1.25 1.25 0 0 0 1.35 1.13Zm.58 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.13 1.25 1.25 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.23 1.23 0 0 0 1.34 1.13Zm-3.8 1.59.75.09a1.17 1.17 0 0 0-.61-.14Zm-10.86-138.8a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.37 1.13Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.38 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.38 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.38 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.58 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.24 1.24 0 0 0 1.37 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.37 1.17Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.22 1.22 0 0 0 1.37 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 0 0-1.13 1.34 1.22 1.22 0 0 0 1.37 1.13Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.38 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.38 1.15Zm-14.58-137.21a1.25 1.25 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.34 1.15Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47A1.23 1.23 0 0 0 332 211a1.25 1.25 0 0 0 1.35 1.09Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.12Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.13Zm-15.2-144.64a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.58 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.37Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49Zm.59 7.42a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.12Zm-11.78-148.66a1.21 1.21 0 0 0 .31-.09l-1.45-1.8a1.28 1.28 0 0 0-.2.75 1.25 1.25 0 0 0 1.34 1.14Zm-4-3.43a1.25 1.25 0 0 0 1.05-.76l-.43-.53-.8-1-.12-.16a1.23 1.23 0 0 0 .3 2.44Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.25 1.25 0 0 0 1.31 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.31 1.15Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.23 1.23 0 0 0 1.31 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.14Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.32 1.15Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.31 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.16 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.32 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.14Zm.51 6.48 1.15.13a1.26 1.26 0 0 0 .06-.52 1.24 1.24 0 0 0-2.47.19Zm-16.33-158.56a1.26 1.26 0 0 0 1.15-1.35 1.25 1.25 0 0 0-1.35-1.13 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.15 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 1 0-1.15 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.26 1.26 0 0 0 1.33 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.24 1.24 0 0 0-2.48.19 1.23 1.23 0 0 0 1.31 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 0 0-1.34-1.13 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43A1.24 1.24 0 1 0 330 327a1.24 1.24 0 0 0 1.32 1.18Zm.59 7.44a1.25 1.25 0 0 0 1.15-1.35 1.24 1.24 0 1 0-1.15 1.35Zm-3.66 1.54h.06l.52.07a1 1 0 0 0-.53-.09ZM315.54 176.1a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14ZM230.13 89.37a1.24 1.24 0 0 0 1.14-1.37 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.34 1.14Zm.58 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.38-1.14 1.24 1.24 0 0 0 1.38 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.37 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.14Zm-25.22-271-.05-.07-.88-1.09-.38-.47a1.35 1.35 0 0 0-.07.5 1.24 1.24 0 0 0 1.38 1.12Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.23 1.23 0 0 0-1.15 1.32 1.25 1.25 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.1 1.24 1.24 0 0 0 1.34 1.09Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.34 1.17Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.29-1.15 1.23 1.23 0 0 0 1.29 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0-1.14 1.34 1.26 1.26 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.34 1.13Zm.58 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.13Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.33 1.12Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.33 1.13Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43A1.24 1.24 0 1 0 236 226a1.23 1.23 0 0 0 1.31 1.18Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0-1.14 1.34 1.25 1.25 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.35 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.13Zm-.34-145.82a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.35 1.23 1.23 0 0 0 1.33 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.13Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.12Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.13Zm.59 7.44a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.33 1.12Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.13Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.12Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.12Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.13Zm-20-252.72a1.22 1.22 0 0 0 1-.72L236 71.49a1.23 1.23 0 0 0-1 1.29 1.25 1.25 0 0 0 1.38 1.14Zm-4-3.42a1.24 1.24 0 1 0-1.41-1.15 1.24 1.24 0 0 0 1.36 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.28 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.13Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 1 0-1.15 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.13Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.28 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.26 1.13Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.28 1.13Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.14 1.24 1.24 0 0 0-1.13 1.34 1.23 1.23 0 0 0 1.28 1.12Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.28 1.13Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.32 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 0 0-2.49.2 1.24 1.24 0 0 0 1.29 1.12Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.29 1.13Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.28 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.28 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.28 1.12Zm.59 7.44a1.24 1.24 0 1 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.28 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.28 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.25 1.13Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 1 0-1.15 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.13Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm-24-256.14a1.24 1.24 0 1 0-1.45-1.16 1.23 1.23 0 0 0 1.36 1.15Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm21.34 80.58a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.24 1.13Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.24 1.12Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.15 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.25 1.13Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.24 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.25 1.25 0 0 0 1.25 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.25 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.25 1.13Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.24 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.29 1.13Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.22 1.22 0 0 0 1.24 1.12Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0-1.13 1.34 1.22 1.22 0 0 0 1.24 1.12Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.25 1.13Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.24 1.13Zm-3.61 1.54a1.23 1.23 0 0 0-1.13 1.22l.56.07.67.08 1.19.14a1.14 1.14 0 0 0 0-.37 1.23 1.23 0 0 0-1.38-1.15ZM240.39 77.34a.71.71 0 0 0 .26-.07l-.3-.37-.6-.75-.51-.65a1.21 1.21 0 0 0 1.15 1.84Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.35 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.35 1.23 1.23 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.15Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.35 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14ZM237 81.36a1.24 1.24 0 0 0 1.1-1.36 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .2 2.48Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.3 1.14Zm.59 7.44a1.25 1.25 0 0 0-.19-2.49 1.26 1.26 0 0 0-1.14 1.35 1.25 1.25 0 0 0 1.3 1.14Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.3 1.13Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.24 1.24 0 0 0 1.3 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.3 1.19Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.3 1.13Zm14.28-8.6a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.31 1.15Zm.59 7.42a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0-1.15 1.34 1.23 1.23 0 0 0 1.35 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.31 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.32 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.24 1.24 0 0 0 1.32 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.15 1.24 1.24 0 0 0 1.32 1.15Zm.59 7.43a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.32 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.26 1.26 0 0 0-1.15 1.35 1.25 1.25 0 0 0 1.32 1.13Zm.58 7.43a1.23 1.23 0 0 0 1.12-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.31 1.17Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.28 1.13Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.23 1.23 0 0 0 1.31 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-2.49.2 1.24 1.24 0 0 0 1.32 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.32 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.35 1.24 1.24 0 0 0-2.48.2 1.26 1.26 0 0 0 1.32 1.15Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.32 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.32 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0-1.15 1.34 1.23 1.23 0 0 0 1.31 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.11Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47ZM249 91.62a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44A1.24 1.24 0 0 0 250 104a1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.58 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.22 1.22 0 0 0 1.33 1.13ZM259 218a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.24 1.24 0 0 0 1.36 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.36 1.12Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.39 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.36 1.13Zm.58 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.35 1.11Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.35 1.11Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.35 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.08Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47ZM245 88.19a1.24 1.24 0 1 0-1.33-1.13 1.22 1.22 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0-1.13 1.34 1.22 1.22 0 0 0 1.32 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.42a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.32 1.14Zm.59 7.43A1.24 1.24 0 1 0 249 154a1.23 1.23 0 0 0 1.29 1.09ZM281 306a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.25 1.25 0 0 0-1.14 1.34A1.23 1.23 0 0 0 281 306Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.13Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.28 1.14Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.28 1.12Zm-21.1-219a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.28 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.16Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.28 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.3 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.29 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.29 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.16Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.16Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.28 1.16Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.28 1.16Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.28 1.16Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.28 1.16Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.28 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.16Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.29 1.17Zm.59 7.42a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.29 1.18Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.28 1.17Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.28 1.16Zm.59 7.43A1.24 1.24 0 1 0 275 294a1.23 1.23 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.28 1.15Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.15 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.16Zm.39 5a1.23 1.23 0 0 0-1.12 1.26l2.41.3a1.21 1.21 0 0 0 .05-.42 1.24 1.24 0 0 0-1.39-1.16ZM257 98.47a1.42 1.42 0 0 0 .48-.14l-.54-.68-.32-.4-.66-.83a1.25 1.25 0 0 0 1 2Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-2.47.19 1.24 1.24 0 0 0 1.35 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.36 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.39 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.36 1.15Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.35 1.15Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.14Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.36 1.15Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.36 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.14Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48ZM270 262a1.24 1.24 0 1 0-1.33-1.15A1.24 1.24 0 0 0 270 262Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.31 1.13Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.31 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.13Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.13Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.33 1.22 1.22 0 0 0-1.33-1.14 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.32 1.11Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.32 1.14Zm.58 7.42a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47ZM253 95a1.22 1.22 0 0 0 1.09-1l-1.21-1.5h-.08a1.24 1.24 0 1 0 .2 2.5Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.25 1.25 0 1 0-1.14 1.34Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.37 1.18Zm27.73 113.78a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.38 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.31 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.23 1.23 0 0 0 1.34 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.16Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.23 1.23 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.35-1.15 1.26 1.26 0 0 0 1.35 1.15Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 1 0-1.14 1.33Zm-20.51-211.54a1.22 1.22 0 0 0 1.12-1.24l-.94-1.19a1.21 1.21 0 0 0-1.52 1.29 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.38 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.58 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.31 1.13Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm-21.09-219a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.16Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.16Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.24 1.24 0 0 0 1.33 1.12Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.22 1.22 0 0 0 1.33 1.16Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.16Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.17Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.16Zm.59 7.42a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.25 1.25 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.16Zm.58 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.16Zm1.91-164.71a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.16Zm.59 7.44A1.25 1.25 0 0 0 284 140a1.23 1.23 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.33 1.1Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.44a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.33 1.17Zm.59 7.42a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.35 1.15Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.16Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.35 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.14 1.33 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.33 1.16Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.17Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.35 1.23 1.23 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.17Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm-19.33-196.66a1.24 1.24 0 0 0 1.15-1.34 1.24 1.24 0 0 0-2.48.2 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 0 0-1.34-1.13 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.24 1.24 0 1 0-2.48.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.1Zm.59 7.43a1.25 1.25 0 0 0 1.15-1.34 1.25 1.25 0 1 0-1.15 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.37 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.58 7.42a1.23 1.23 0 0 0 1.15-1.33 1.24 1.24 0 1 0-1.15 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.32-1.14 1.25 1.25 0 0 0 1.32 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.15-1.33 1.24 1.24 0 0 0-2.48.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.24 1.24 0 1 0-2.48.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.1 1.25 1.25 0 0 0 1.3 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.35 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 0 0-1.34-1.13 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.33 1.14ZM277.21 123l-.88-1.09a1.25 1.25 0 0 0 .88 1.09Zm-3.55-3.36a1.19 1.19 0 0 0 .63-.27l-.72-.92-.05-.05-.74-.94a1.21 1.21 0 0 0-.46 1 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.23 1.23 0 0 0 1.34 1.07Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.34 1.09Zm.59 7.44a1.25 1.25 0 1 0-1.35-1.15 1.26 1.26 0 0 0 1.35 1.1Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.09Zm.59 7.44a1.25 1.25 0 1 0-1.35-1.15 1.25 1.25 0 0 0 1.35 1.1Zm.59 7.42a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.09Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.38 1.09Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.34 1.08Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 1 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.09Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.08Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.09Zm8.38-82.93a1.2 1.2 0 0 0 .8-.41l-.69-.85-.23-.3-.6-.74a1.22 1.22 0 0 0-.61 1.15 1.24 1.24 0 0 0 1.33 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.09Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.09Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.15 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.34 1.09Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.33 1.1Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.09Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.22 1.22 0 0 0 1.33 1.09Zm.59 7.44a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.38 1.09Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.09Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.34 1.1Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.09Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.09Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.09Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.09Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.09Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.09Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.15 1.24 1.24 0 0 0 .2 2.48Zm-19.33-196.73a1.23 1.23 0 0 0 1.14-1.33 1.36 1.36 0 0 0-.1-.36l-.45-.55a1.19 1.19 0 0 0-.79-.23 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.34 1.14Zm.58 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.29-1.14 1.24 1.24 0 0 0 1.29 1.14Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.22 1.22 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.34 1.14Zm-3.6 1.53a1.23 1.23 0 0 0-1.13 1.3h.19l1 .13 1.17.13a1.09 1.09 0 0 0 .05-.44 1.24 1.24 0 0 0-1.28-1.12Zm7.29-143.94a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.32 1.14Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.31 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.31 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.31 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.32 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.32 1.14Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.31 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.31 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.31 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.14Zm1.73 6.09a1.24 1.24 0 0 0-2.47.2l2.42.29a1.57 1.57 0 0 0 .03-.49ZM298.9 155a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.12Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.12Zm.59 7.44a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.12Zm.57 7.4a1.24 1.24 0 1 0-1.33-1.14A1.24 1.24 0 0 0 303 207Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.13 1.34 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.15Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.36 1.15Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 0 0-2.49.2 1.24 1.24 0 0 0 1.39 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.36 1.15Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.36 1.16Zm.58 7.42a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.35 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.35 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.35 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.35 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.35 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.36 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.36 1.15Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 1 0-1.15 1.33Zm-18.13-181.8a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.24 1.24 0 0 0 1.35 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.25 1.25 0 0 0 1.35 1.13Zm.58 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.38 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.58 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33ZM309 330a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19A1.25 1.25 0 0 0 309 330Zm-14.9-185.84-1.1-1.47a1.55 1.55 0 0 0 0 .29 1.24 1.24 0 0 0 1.13 1.13Zm10.55 36.6a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.37 1.1Zm2.24-18.88a1.27 1.27 0 0 0 .93-.57l-.56-.71-.52-.64-.37-.47a1.23 1.23 0 0 0 .52 2.39Zm-2.83 11.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.37 1.09ZM317.42 247a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.34 1.14Zm1.06-33.74a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.33 1.15Zm-6.84 8a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.25 1.25 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.34 1.15Zm4 3.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47ZM309.87 199a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm1.18 14.87a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.34 1.13Zm-.59-7.44a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.13ZM321.54 299a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.22 1.22 0 0 0 1.33 1.13Zm-12.26-107.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.14Zm5.89 74.32a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm-2.47-78.34a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13ZM314 251a1.24 1.24 0 1 0-1.33-1.14A1.23 1.23 0 0 0 314 251Zm-1.17-14.86a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.24 1.24 0 0 0 1.33 1.16Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.32 1.15Zm7.07 89.2a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.35 1.23 1.23 0 0 0 1.32 1.15Zm-2.35-29.73a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.33 1.16Zm-1.88-70.91a1.24 1.24 0 1 0-1.35-1.12 1.24 1.24 0 0 0 1.34 1.14Zm1.29 63.48a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.33 1.16Zm-.59-7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm2.36 29.74a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.33 1.17Zm5.19 18.29a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.33 1.17Zm-13.55-171h.08l-1.32-1.66a1.11 1.11 0 0 0-.1.55 1.24 1.24 0 0 0 1.33 1.16Zm12.37 156.09a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.24 1.24 0 0 0 1.33 1.18Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm-1.77-22.3a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm-2.36-29.74a1.23 1.23 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm-1.77-22.3a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.32 1.19Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.32 1.19ZM318 254.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.34 1.14Zm-15.09-96a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.34 1.09Zm16.38 159.52A1.24 1.24 0 0 0 321 324a1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.35 1.15Zm-3.05-85.77a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm8.72 62.88a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.34 1.1ZM308.1 176.69a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.33 1.14Zm-5.78-25.71a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.14Zm12.15 58.87a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm-1.18-14.87a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm-1.65 26.31a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm2.35 29.74a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm5.08-30.33a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm-.59-7.44a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.13Zm-4.6-10.85a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13ZM313.29 195a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm2.47 78.34a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm-4.82-108.07a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.12Zm.58 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm15.8 152.07a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.11Zm-9.2-21.71a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm2.13-67.5a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0-1.13 1.34 1.22 1.22 0 0 0 1.33 1.13Zm-13.33-73.73a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.13Zm19.81 155.5a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm-.59-7.43a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.14Zm-.59-7.44a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.12Zm-5.89-74.32a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34ZM325 295a1.24 1.24 0 1 0-1.34-1.14A1.23 1.23 0 0 0 325 295Zm-.59-7.44a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.31 1.16Zm-.59-7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.17Zm-.59-7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.17Zm-.59-7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.24 1.24 0 0 0 1.31 1.16Zm-.59-7.42a1.24 1.24 0 1 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.29 1.18Zm-.59-7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm-78.82 43.65a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.3 1.17Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.18ZM220.34 60.23a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.1 1.24 1.24 0 0 0 1.33 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.34 1.13Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.11Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.15 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.42A1.23 1.23 0 0 0 238 267a1.24 1.24 0 1 0-2.47.19 1.22 1.22 0 0 0 1.3 1.16Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.32 1.15Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.38 1.14ZM219.75 52.8a1.23 1.23 0 0 0 .9-.53l-1.47-1.83a1.2 1.2 0 0 0-.77 1.22 1.24 1.24 0 0 0 1.34 1.14Zm21.6 272.54a1.22 1.22 0 0 0-1.12 1.2l2.41.29a1 1 0 0 0 0-.35 1.24 1.24 0 0 0-1.29-1.14Zm-25.62-276a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.32-1.1 1.23 1.23 0 0 0 1.32 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.33 1.18Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.07 1.24 1.24 0 0 0 1.33 1.11Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.4Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.18Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.35 1.23 1.23 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.19Zm.59 7.42a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.35 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.19Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.18Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.14 1.33 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 1 0 .19 2.47Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.19Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.18Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.23 1.23 0 0 0-1.33-1.14 1.25 1.25 0 0 0-1.14 1.34 1.26 1.26 0 0 0 1.34 1.18Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.18Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.33 1.21Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.19ZM211.72 46a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.31-1.18 1.25 1.25 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.09Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.11Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.34 1.1Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.1Zm.59 7.44a1.24 1.24 0 0 0 1.16-1.38 1.24 1.24 0 0 0-2.48.2 1.24 1.24 0 0 0 1.32 1.15Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.24 1.24 0 1 0-1.15 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.31 1.1Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.43a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 1 0-2.48.2 1.23 1.23 0 0 0 1.33 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.1Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34ZM220 150a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 0 0-2.49.2A1.24 1.24 0 0 0 220 150Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.31 1.15Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.25 1.25 0 1 0-1.15 1.34Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.15Zm.58 7.44a1.25 1.25 0 0 0 1.15-1.35 1.24 1.24 0 1 0-1.15 1.35Zm.59 7.42a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.3 1.15Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.3 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.3 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.31 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.27 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.31 1.16Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.31 1.15Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.3 1.15Zm.59 7.44a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.32 1.15Zm.59 7.43a1.24 1.24 0 1 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.3 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.3 1.15Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.24 1.24 0 1 0-2.48.2 1.23 1.23 0 0 0 1.3 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.3 1.15Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48ZM207.72 42.54a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.58 7.44a1.25 1.25 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .19 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.42a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.15 1.34 1.23 1.23 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.32 1.15Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.15 1.26 1.26 0 0 0 1.38 1.15Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.11Zm.59 7.43A1.24 1.24 0 1 0 217 159a1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.31 1.14Zm.58 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35ZM226 273a1.24 1.24 0 1 0-1.34-1.13A1.24 1.24 0 0 0 226 273Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.25 1.25 0 0 0 1.14-1.34 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.24 1.24 0 0 0 1.33 1.08Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.33 1.09Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.15 1.24 1.24 0 0 0 1.33 1.11ZM204.88 54a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.12Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.16 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.12Zm.58 7.4a1.24 1.24 0 1 0-1.34-1.14A1.25 1.25 0 0 0 209 106Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.35 1.15Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 1 0-1.13 1.34Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.22 1.22 0 0 0-1.16 1.34 1.23 1.23 0 0 0 1.36 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.22 1.22 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.34 1.11Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.35 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.35 1.15Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.35 1.16Zm.59 7.42a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.35 1.15Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.32 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.15 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.38 1.15Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.35 1.15Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 1 0-1.13 1.34Zm.58 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.19-2.47 1.22 1.22 0 0 0-1.14 1.33 1.23 1.23 0 0 0 1.34 1.15Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.34 1.15Zm-21.8-275a1.24 1.24 0 0 0-.19-2.48 1.22 1.22 0 0 0-.69.31l-.4.61a1.22 1.22 0 0 0 1.29 1.53Zm18.19 276.54a1.22 1.22 0 0 0-1.11 1.15l.91.11h.31l1.19.14a1 1 0 0 0 0-.3 1.24 1.24 0 0 0-1.3-1.1Zm-21.6-272.54a1.23 1.23 0 0 0 .16-2.44l-.31.51-.47.73-.44.7a1.17 1.17 0 0 0 1.06.5Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.29 1.24 1.24 0 1 0-2.47.19 1.25 1.25 0 0 0 1.34 1.1Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.12Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.22 1.22 0 0 0 1.32 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.38 1.15Zm.58 7.42a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13ZM198 62a1.24 1.24 0 0 0-.2-2.47A1.24 1.24 0 1 0 198 62Zm.58 7.44a1.25 1.25 0 0 0 1.14-1.35 1.23 1.23 0 0 0-1.29-1.09 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.37 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.29-1.17 1.24 1.24 0 0 0 1.35 1.17Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.38 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.14Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .2 2.48Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.22 1.22 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.25 1.25 0 0 0-.19-2.49 1.26 1.26 0 0 0-1.14 1.35 1.25 1.25 0 0 0 1.37 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.37 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.24 1.24 0 0 0 1.37 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.37 1.15Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.37 1.14Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.29-1.12 1.23 1.23 0 0 0 1.33 1.12Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-2.47.19 1.24 1.24 0 0 0 1.37 1.16Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.14Zm.59 7.44a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49ZM198.58 53.23a1.17 1.17 0 0 0-.32-.71l-1.28 2a1.22 1.22 0 0 0 1.6-1.28Zm-3.44 4.19-.65 1a1.2 1.2 0 0 0 .65-1Zm-.53 8.6a1.24 1.24 0 1 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33A1.26 1.26 0 0 0 195 71a1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.25 1.25 0 1 0-1.15 1.34Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.42a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.35 1.24 1.24 0 1 0-1.15 1.35Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 1 0-1.15 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.15Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.15-1.33 1.24 1.24 0 0 0-2.48.19 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.34 1.15Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 1 0-1.15 1.33Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.58 7.44a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14ZM191.2 70a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0-1.15 1.33A1.26 1.26 0 0 0 191.2 70Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.09 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.38-1.11 1.25 1.25 0 0 0 1.38 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.38 1.17Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.18Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 1 0-1.14 1.33Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.25 1.25 0 0 0-2.49.2 1.26 1.26 0 0 0 1.35 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.25 1.25 0 0 0 1.35 1.16Zm.59 7.43a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.58 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.31 1.17Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.22Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.17Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.15 1.34 1.22 1.22 0 0 0 1.34 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.17Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-2.49.2 1.24 1.24 0 0 0 1.35 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.19Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0-1.15 1.33 1.26 1.26 0 0 0 1.35 1.18Zm.59 7.42a1.24 1.24 0 0 0-.2-2.47 1.25 1.25 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.35 1.16Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.25 1.25 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.18Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.17ZM187.77 74a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.64 7.46a1.24 1.24 0 1 0-1.33-1.13A1.23 1.23 0 0 0 189 88.9Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.28 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0-1.14 1.34 1.25 1.25 0 0 0 1.29 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.29 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.08-1.37 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.34 1.17Zm.58 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.28 1.13Zm.59 7.44a1.24 1.24 0 0 0 1.11-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.22 1.22 0 0 0 1.26 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.28 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.29 1.15Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.29 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.29 1.14Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.29 1.14Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.35 1.23 1.23 0 0 0 1.28 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.28 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.28 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0-1.13 1.34 1.22 1.22 0 0 0 1.28 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.29 1.12Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0-1.14 1.34 1.25 1.25 0 0 0 1.25 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.29 1.14ZM184.94 85.48a1.24 1.24 0 1 0-.2-2.47 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.17Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.34 1.14Zm.58 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.38 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.22 1.22 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.22 1.22 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.56 7.4a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0-1.14 1.33 1.23 1.23 0 0 0 1.36 1.17Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.23 1.23 0 0 0 1.36 1.17Zm.4 5a1.24 1.24 0 0 0-1.12 1.12l2.42.29a1.15 1.15 0 0 0 0-.26 1.24 1.24 0 0 0-1.27-1.17ZM184.35 78a1.23 1.23 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.11 1.11 0 0 0-.72.34l-.37.57a1 1 0 0 0 0 .43 1.22 1.22 0 0 0 1.29 1.13Zm-3.42 4a1.24 1.24 0 0 0 1.13-1.34 1.19 1.19 0 0 0-1-1.09l-.3.46-.48.77-.44.69a1.25 1.25 0 0 0 1.09.57Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.2Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.2Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.2Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.19Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.2Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.25Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.2Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.21Zm.59 7.42a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.2Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.33 1.2Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.21Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.21Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.2Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.19Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.2Zm.59 7.44A1.24 1.24 0 1 0 192 237a1.24 1.24 0 0 0 1.3 1.15Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.2Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.2Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0 .19 2.47Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.19Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.24 1.24 0 0 0 1.32 1.2Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.19Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.2ZM178.09 93.5a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.26 1.26 0 0 0-1.14 1.34 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.25 1.25 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.3 1.15Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.42a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.58 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.42a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48ZM178.64 84.74a1.19 1.19 0 0 0-.34-.74l-1.3 2a1.19 1.19 0 0 0 .47.06 1.24 1.24 0 0 0 1.17-1.32Zm-3.43 4.14-.68 1.12a1.26 1.26 0 0 0 .68-1.12Zm-.53 8.63a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.25 1.25 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.15 1.25 1.25 0 0 0 1.35 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.58 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.31 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.23 1.23 0 0 0 1.34 1.16Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.36 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.25 1.25 0 0 0 1.35 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.15 1.26 1.26 0 0 0 1.35 1.14Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43A1.24 1.24 0 1 0 188 266a1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.58 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm-21.1-219a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.16ZM176 161a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.31 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.13Zm.58 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.3 1.14Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.22 1.22 0 0 0-1.14 1.33 1.23 1.23 0 0 0 1.3 1.13Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.3 1.13Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.3 1.12Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.3 1.13Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.3 1.13Zm.59 7.42A1.24 1.24 0 0 0 183 234a1.24 1.24 0 0 0-2.48.19 1.24 1.24 0 0 0 1.34 1.12Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.31 1.13Zm.59 7.44a1.25 1.25 0 1 0-1.37-1.2 1.26 1.26 0 0 0 1.3 1.19Zm.59 7.42a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.31 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.13Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.3 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.3 1.13Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.32 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.3 1.13Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm-3.62 1.54a1.21 1.21 0 0 0-1.11 1.07l1.21.14h.06l1.09.16a.66.66 0 0 0 0-.24 1.23 1.23 0 0 0-1.28-1.14Zm-16.92-213.09a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44A1.25 1.25 0 1 0 170 149a1.25 1.25 0 0 0 1.37 1.14Zm.58 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.23 1.23 0 0 0 1.38 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.33 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.35 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33ZM165 117a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.14 1.34A1.24 1.24 0 0 0 165 117Zm.59 7.44a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.25 1.25 0 0 0 1.14-1.35 1.23 1.23 0 0 0-1.33-1.13 1.24 1.24 0 0 0 .19 2.48Zm.59 7.42a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.1Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.12Zm.59 7.43a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.11Zm.59 7.44a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49Zm.58 7.42a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.11Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.23 1.23 0 0 0 1.33 1.11Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.32 1.11Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.12Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.33 1.11Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.11Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.35 1.23 1.23 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.12Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.11Zm-16.49-208.15a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.14 1.2 1.2 0 0 0-.76.37l-.32.5a1.22 1.22 0 0 0-.06.47 1.26 1.26 0 0 0 1.34 1.14Zm-3.43 4a1.24 1.24 0 0 0 1.14-1.34 1.21 1.21 0 0 0-1-1.1l-.28.45-.5.79-.43.68a1.2 1.2 0 0 0 1.09.53Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.26 1.26 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.3 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.33 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.23 1.23 0 0 0-1.33-1.14 1.25 1.25 0 0 0-1.14 1.34 1.26 1.26 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 0 0 1.14-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 1 0 .19 2.47Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.43a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.33 1.15ZM158.15 125a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.35 1.25 1.25 0 1 0-1.15 1.35Zm.59 7.42a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.15 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.25 1.25 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.24 1.24 0 0 0-2.48.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 0 0-2.49.2 1.24 1.24 0 0 0 1.34 1.18Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm-14.76-202a1.21 1.21 0 0 0-.36-.74l-1.29 2a1.08 1.08 0 0 0 .5.06 1.24 1.24 0 0 0 1.15-1.34Zm-3.44 4.11-.71 1.12a1.22 1.22 0 0 0 .71-1.14Zm-.54 8.67a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.15 1.35 1.24 1.24 0 0 0 1.34 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.32-1.16 1.23 1.23 0 0 0 1.32 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.12Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.08Zm.59 7.44a1.25 1.25 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.12Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.12Zm.59 7.44a1.25 1.25 0 1 0-1.35-1.15 1.25 1.25 0 0 0 1.35 1.13Zm.58 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.11Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.25 1.25 0 0 0 1.34 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.15 1.25 1.25 0 0 0 1.35 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.12Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.25 1.25 0 0 0 1.35 1.11Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.15Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.15 1.35 1.24 1.24 0 0 0 1.34 1.11Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47ZM151.31 133a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.09 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.31 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.36 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.44A1.24 1.24 0 0 0 160 242a1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.22Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.17Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.17Zm.58 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.18Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.22 1.22 0 0 0 1.33 1.16Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.39 5a1.23 1.23 0 0 0-1.1 1l2.41.29a1.08 1.08 0 0 0 0-.19 1.25 1.25 0 0 0-1.31-1.11ZM147.89 137a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.32 1.17Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.22 1.22 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.18Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.38 1.17Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.33 1.21Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.17Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.17Zm-17-166.94a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.24 1.24 0 0 0 1.35 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.35 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.35 1.17Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.36 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.36 1.18Zm.59 7.43A1.24 1.24 0 0 0 149 198a1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.17Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.35 1.17Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-2.47.19 1.24 1.24 0 0 0 1.35 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.2Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.35 1.17Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.36 1.17Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.36 1.18Zm.59 7.42a1.22 1.22 0 0 0 1.18-1.3 1.24 1.24 0 1 0-1.13 1.33Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.35 1.17Zm.6 7.46a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34A1.24 1.24 0 0 0 158 312Zm-13.54-171a1.22 1.22 0 0 0 1.14-1.33 1.23 1.23 0 0 0-1.33-1.14 1.27 1.27 0 0 0-.8.39l-.24.37a1.22 1.22 0 0 0 1.23 1.71Zm-3.42 4a1.26 1.26 0 0 0 1.15-1.34 1.23 1.23 0 0 0-1-1.1l-.28.42-.52.83-.42.65a1.27 1.27 0 0 0 1.03.6Zm.59 7.43a1.25 1.25 0 0 0 1.15-1.34 1.26 1.26 0 0 0-1.35-1.14 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.2Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.21Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.35 1.2Zm.58 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.33 1.2Zm.59 7.42a1.23 1.23 0 0 0 1.15-1.33 1.24 1.24 0 1 0-1.15 1.33Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.25Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 0 0-1.35-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.2Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.2Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 1 0-1.15 1.33Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.22Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 0 0-2.48.2 1.26 1.26 0 0 0 1.34 1.21Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.2Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.2Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.26 1.26 0 0 0 1.15-1.34 1.24 1.24 0 1 0-1.15 1.34Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.15 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm-16.38-159.46a1.23 1.23 0 0 0 1.14-1.33A1.24 1.24 0 0 0 138 154a1.26 1.26 0 0 0-1.15 1.34 1.23 1.23 0 0 0 1.36 1.15Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.24 1.24 0 0 0-.19-2.47 1.25 1.25 0 0 0-1.15 1.34 1.22 1.22 0 0 0 1.36 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.22 1.22 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.15 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.24 1.24 0 0 0 1.35 1.13Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.14Zm.58 7.43a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.23 1.23 0 0 0-1.15 1.33 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 1 0-1.14 1.33Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.25 1.25 0 0 0-2.49.2 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-2.49.2 1.24 1.24 0 0 0 1.35 1.13Zm-11.83-164.85a1.13 1.13 0 0 0-.37-.76l-1.28 2a1.29 1.29 0 0 0 .52.07 1.25 1.25 0 0 0 1.13-1.31Zm-3.42 4.08-.75 1.15a1.22 1.22 0 0 0 .75-1.15ZM147 314.13a1.23 1.23 0 0 0-1.11 1l1.2.13.43.06.79.1v-.17a1.23 1.23 0 0 0-1.31-1.12Zm-12.21-153.62a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.37 1.15Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.22 1.22 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0-1.13 1.34 1.22 1.22 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.35 1.13Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm-15.2-144.65a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14ZM132 172a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2A1.25 1.25 0 0 0 132 172Zm.59 7.42a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.25 1.25 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.3 1.09Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.29 1.1Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.29 1.11Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.29 1.1Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.29 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.29 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.3 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.3 1.09Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.3 1.11Zm.59 7.43a1.24 1.24 0 0 0 1.13-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.27 1.1Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.29 1.09Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.29 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.29 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.32 1.1Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.22 1.22 0 0 0 1.29 1.09Zm-15.25-144.68a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14Zm.59 7.42a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.58 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.32 1.13Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.35 1.24 1.24 0 1 0-1.14 1.35Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.23 1.23 0 0 0 1.33 1.11Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.38 1.14Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.14ZM125.11 180a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 0 0-2.49.2 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.34 1.11Zm.59 7.44a1.25 1.25 0 1 0-1.29-1.18 1.26 1.26 0 0 0 1.29 1.15Zm.59 7.42a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.34 1.11Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.11Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.33 1.1Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.11Zm.59 7.43a1.24 1.24 0 0 0 1.15-1.33 1.26 1.26 0 0 0-1.35-1.15 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.11Zm.59 7.44a1.24 1.24 0 1 0-1.36-1.17 1.26 1.26 0 0 0 1.36 1.1Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.11Zm.58 7.44a1.25 1.25 0 0 0 1.15-1.34 1.24 1.24 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.15-1.33 1.24 1.24 0 1 0-1.15 1.33Zm-11.19-141.24a1.25 1.25 0 1 0-.2-2.49 1.23 1.23 0 0 0-.83.43v.08a1.18 1.18 0 0 0-.26.84 1.24 1.24 0 0 0 1.29 1.14Zm-3.41 4a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1-1.11l-.25.41-.54.84-.4.64a1.21 1.21 0 0 0 1.06.57Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.16Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 1 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.15Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.28 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.15Zm.59 7.44a1.25 1.25 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.15Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.15Zm.59 7.44a1.25 1.25 0 1 0-1.35-1.15 1.25 1.25 0 0 0 1.35 1.16Zm.58 7.42a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.19 1.25 1.25 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.15ZM118.27 188a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.44a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0-1.14 1.34 1.25 1.25 0 0 0 1.3 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.11Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.35 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm-8.88-127.7a1.25 1.25 0 0 0-.37-.77l-1.3 2a1.06 1.06 0 0 0 .53.08 1.24 1.24 0 0 0 1.14-1.31Zm9.27 132.65a1.23 1.23 0 0 0-1.1 1l2.41.29a.42.42 0 0 0 0-.12 1.26 1.26 0 0 0-1.31-1.17ZM115.4 183.27l-.77 1.2a1.24 1.24 0 0 0 .77-1.2Zm-.55 8.74a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.15 1.24 1.24 0 1 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.34 1.24 1.24 0 1 0-2.47.2 1.25 1.25 0 0 0 1.31 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.15Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.33 1.14Zm.62 7.4a1.24 1.24 0 1 0-.19-2.47A1.24 1.24 0 1 0 119 244Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.3 1.18Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.3 1.18Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.31 1.19Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-1.34-1.13 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.31 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.31 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.31 1.18Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.3 1.18ZM111.42 196a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.42a1.22 1.22 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.34 1.18Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 1 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.15 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34ZM108 200a1.24 1.24 0 1 0-1.33-1.14A1.24 1.24 0 0 0 108 200Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.16Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.17Zm.58 7.44a1.25 1.25 0 0 0-.19-2.49 1.25 1.25 0 0 0 .19 2.49Zm.59 7.42a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.14 1.33 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.17Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.17ZM104.59 204a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.18Zm.58 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-1.33-1.14 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.44a1.24 1.24 0 0 0 1.14-1.33 1.23 1.23 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.18Zm.59 7.42a1.24 1.24 0 1 0-.19-2.47 1.25 1.25 0 0 0-1.15 1.34 1.23 1.23 0 0 0 1.34 1.17Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.19Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.23 1.23 0 0 0 1.34 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.13 1.24 1.24 0 0 0 1.35 1.17Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.15 1.24 1.24 0 0 0 1.35 1.19Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.18Zm.58 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 1 0 .19 2.47Zm-3.62 1.53a1.23 1.23 0 0 0-1.08.94l1.17.14.81.11h.43v-.08a1.26 1.26 0 0 0-1.33-1.07Zm-8-101.58a1.23 1.23 0 0 0 .08-2.44l-.29.43-.56.88-.4.62a1.22 1.22 0 0 0 1.12.55Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.28 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.29 1.18Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.18Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.29 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.29 1.18Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.29 1.18Zm.59 7.43a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.28 1.18Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.28 1.18Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.22 1.22 0 0 0 1.28 1.17Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm-10.54-85.15a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm.58 7.44a1.24 1.24 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.47.19 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.15 1.25 1.25 0 0 0 1.33 1.15Zm.59 7.42a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48ZM103 279a1.24 1.24 0 1 0-1.33-1.14A1.23 1.23 0 0 0 103 279Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.37 1.09Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.1Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.38 1.09Zm-6.52-98a1.25 1.25 0 0 0-.39-.79l-1.29 2a1.23 1.23 0 0 0 .54.09 1.26 1.26 0 0 0 1.18-1.3Zm-3.43 4-.74 1.27a1.21 1.21 0 0 0 .78-1.26Zm-.55 8.77a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.37 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.37 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.37 1.15Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.37 1.15Zm.59 7.43a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.37 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.37 1.15Zm.59 7.44a1.24 1.24 0 1 0-1.29-1.1 1.25 1.25 0 0 0 1.33 1.11Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.13 1.35Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.18Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.26 1.26 0 0 0 1.38 1.15Zm.59 7.42a1.22 1.22 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.15Zm-9.91-77.75a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.37 1.15Zm.59 7.44a1.25 1.25 0 1 0-1.33-1.14 1.25 1.25 0 0 0 1.37 1.19Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-1.14 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.26 1.26 0 0 0 1.38 1.15Zm.59 7.44a1.25 1.25 0 0 0-.2-2.49 1.25 1.25 0 0 0 .2 2.49Zm.59 7.42a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.3-1.11 1.26 1.26 0 0 0 1.32 1.12Zm.58 7.43a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.14 1.34 1.24 1.24 0 0 0 1.37 1.15Zm.59 7.43a1.24 1.24 0 0 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.15 1.24 1.24 0 0 0 1.37 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.24 1.24 0 0 0 1.37 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.41 1.15Zm-9.9-77.75a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.38 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.38 1.19Zm.58 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.37 1.15Zm.59 7.43a1.24 1.24 0 1 0-.19-2.48 1.24 1.24 0 0 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.37 1.15Zm.63 7.45a1.26 1.26 0 0 0 1.15-1.34A1.24 1.24 0 1 0 91 268.7Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.25 1.25 0 0 0 1.33 1.13Zm.59 7.43a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.25 1.25 0 0 0-2.49.19 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0-1.14 1.33 1.26 1.26 0 0 0 1.39 1.14Zm-9.31-70.32a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.44a1.26 1.26 0 0 0 1.18-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.23 1.23 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.14-1.33 1.25 1.25 0 0 0-2.49.2 1.24 1.24 0 0 0 1.35 1.13Zm.59 7.44a1.24 1.24 0 1 0-1.35-1.14 1.25 1.25 0 0 0 1.35 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.35 1.24 1.24 0 0 0-2.48.2 1.26 1.26 0 0 0 1.35 1.14Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 0 0-1.33-1.1 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.4 1.09Zm.39 5a1.22 1.22 0 0 0-1.09.9l2.42.29a1.23 1.23 0 0 0-1.33-1.22Zm-9.12-67.85a1.25 1.25 0 0 0 1.14-1.34 1.23 1.23 0 0 0-1.08-1.1l-.23.35-.57.9-.39.62a1.22 1.22 0 0 0 1.13.54Zm.59 7.43a1.24 1.24 0 0 0 1.19-1.36 1.24 1.24 0 1 0-2.48.2 1.24 1.24 0 0 0 1.29 1.15Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.35 1.11Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.23 1.23 0 0 0 1.34 1.1Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.24 1.24 0 0 0 1.34 1.12Zm.58 7.43a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.16 1.23 1.23 0 0 0 1.34 1.13Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.22 1.22 0 0 0 1.33 1.1Zm.59 7.44a1.26 1.26 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.14 1.34ZM78.38 251a1.24 1.24 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.47.2 1.24 1.24 0 0 0 1.33 1.14Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.25 1.25 0 0 0-1.14 1.34 1.23 1.23 0 0 0 1.36 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.33 1.14Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.3 1.24 1.24 0 1 0-1.14 1.34Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.2 1.22 1.22 0 0 0 1.33 1.13Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm.59 7.42a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 0 0-2.48.2 1.24 1.24 0 0 0 1.34 1.11Zm-3.58-60.79a1.18 1.18 0 0 0-.39-.8l-1.29 2a1.1 1.1 0 0 0 .55.09 1.23 1.23 0 0 0 1.13-1.29Zm-3.42 4-.78 1.24a1.22 1.22 0 0 0 .78-1.23ZM75 255a1.24 1.24 0 1 0-1.33-1.14A1.24 1.24 0 0 0 75 255Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.29 1.15Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.13 1.23 1.23 0 0 0 1.29 1.14Zm.59 7.44a1.24 1.24 0 1 0-1.34-1.15 1.26 1.26 0 0 0 1.3 1.16Zm.59 7.43A1.24 1.24 0 1 0 76 283.6a1.24 1.24 0 0 0 1.32 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.38-1.16 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 0 0-.2-2.47 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 0 0 1.13-1.34 1.22 1.22 0 0 0-1.33-1.13 1.24 1.24 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.3 1.11Zm-7.55-48a1.23 1.23 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.18 1.31Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.3 1.13Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.3 1.13Zm.58 7.42a1.23 1.23 0 0 0 1.11-1.32 1.24 1.24 0 1 0-1.15 1.33Zm.59 7.44a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.29 1.13Zm.59 7.44a1.25 1.25 0 1 0-1.37-1.2 1.25 1.25 0 0 0 1.33 1.19Zm.59 7.42a1.24 1.24 0 0 0 1.15-1.33 1.24 1.24 0 0 0-2.48.2 1.23 1.23 0 0 0 1.29 1.12Zm-3.61 1.54a1.23 1.23 0 0 0-1.08.86l1.16.14 1.18.15h.08a1.25 1.25 0 0 0-1.38-1.16ZM68.12 263a1.24 1.24 0 0 0-.19-2.48 1.26 1.26 0 0 0-1.15 1.34 1.24 1.24 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.44a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 1 0 .19 2.48Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.34 1.17Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.13 1.24 1.24 0 0 0 1.34 1.16Zm.59 7.43a1.24 1.24 0 1 0-1.35-1.14 1.24 1.24 0 0 0 1.35 1.17ZM64.7 267a1.24 1.24 0 1 0-.2-2.47 1.24 1.24 0 0 0 .2 2.47Zm.59 7.44a1.25 1.25 0 1 0-1.29-1.1 1.26 1.26 0 0 0 1.29 1.14Zm.59 7.42a1.24 1.24 0 0 0 1.12-1.29 1.26 1.26 0 0 0-1.34-1.14 1.24 1.24 0 1 0 .2 2.47Zm.59 7.44a1.24 1.24 0 1 0-.2-2.47 1.23 1.23 0 0 0-1.14 1.33 1.25 1.25 0 0 0 1.34 1.18Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.19Zm.59 7.42a1.23 1.23 0 0 0 1.13-1.33 1.24 1.24 0 1 0-1.13 1.33Zm-6.37-33.15a1.23 1.23 0 0 0 0-2.45l-.2.34-.59.93-.38.6a1.24 1.24 0 0 0 1.17.62Zm.59 7.44a1.25 1.25 0 0 0 1.13-1.31 1.24 1.24 0 0 0-2.47.2 1.25 1.25 0 0 0 1.34 1.15Zm.58 7.43a1.24 1.24 0 1 0-1.33-1.14 1.24 1.24 0 0 0 1.33 1.18Zm.59 7.43a1.24 1.24 0 1 0-1.33-1.14 1.23 1.23 0 0 0 1.29 1.18Zm.59 7.43a1.24 1.24 0 1 0-.19-2.47 1.24 1.24 0 0 0 .19 2.47Zm-5.19-18.29a1.23 1.23 0 0 0 1.14-1.33 1.24 1.24 0 1 0-2.47.19 1.23 1.23 0 0 0 1.33 1.18Zm.59 7.44a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 1 0-1.17 1.38Zm.59 7.44a1.25 1.25 0 1 0-1.34-1.15 1.25 1.25 0 0 0 1.34 1.19Zm-.62-23.6a1.23 1.23 0 0 0-.41-.82l-1.29 2a1.2 1.2 0 0 0 .56.11 1.25 1.25 0 0 0 1.14-1.29Zm.71 31 .53.07a1.23 1.23 0 0 0 1.12-1.33 1.24 1.24 0 1 0-1.65 1.26Zm-4.12-27v.05l-.85 1.22a1.23 1.23 0 0 0 .84-1.27Zm-.59 8.78a1.24 1.24 0 1 0-1.34-1.14 1.25 1.25 0 0 0 1.34 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.14Zm.59 7.43a1.24 1.24 0 1 0-1.34-1.14 1.24 1.24 0 0 0 1.36 1.14Zm-4.6-10.85a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.25 1.25 0 0 0 1.36 1.14Zm.59 7.43a1.24 1.24 0 0 0-.19-2.48 1.24 1.24 0 1 0 .19 2.48Zm.4 5a1.23 1.23 0 0 0-1.08.83l2.4.29a1.24 1.24 0 0 0-1.3-1.16Zm-4.41-8.38a1.24 1.24 0 1 0-.2-2.47 1.22 1.22 0 0 0-1.13 1.33 1.24 1.24 0 0 0 1.35 1.1Zm.59 7.43a1.25 1.25 0 0 0 1.14-1.34 1.24 1.24 0 0 0-2.48.2 1.24 1.24 0 0 0 1.36 1.14Zm-4-3.42a1.24 1.24 0 0 0-.2-2.48 1.24 1.24 0 0 0 .2 2.48Zm-4 3.89.59.08h.11a1.24 1.24 0 0 0 1-1.31 1.19 1.19 0 0 0-1.11-1.1l-.2.3-.6.95-.38.6a1.28 1.28 0 0 0 .58.44Z"
-      style={{
-        fill: '#dbdbdb',
-      }}
-    />
-    <path
-      style={{
-        fill: '#263238',
-      }}
-      d="m40.39 430.06 52.41-.24 52.4-.09 104.8-.17 104.8.17 52.4.09 52.41.24-52.41.25-52.4.09-104.8.16-104.8-.17-52.4-.08-52.41-.25z"
-    />
-    <ellipse
-      cx={218.52}
-      cy={455.11}
-      rx={153.48}
-      ry={10.65}
-      style={{
-        fill: '#ebebeb',
-      }}
-    />
-    <path
-      d="M235.94 245.07s-26-3.64-19.89-35c0 .02 29.01 6.53 19.89 35Z"
-      style={{
-        fill: '#be7637',
-      }}
-    />
-    <path
-      d="M235.94 245.07s-26-3.64-19.89-35c0 .02 29.01 6.53 19.89 35Z"
-      style={{
-        opacity: 0.1,
-      }}
-    />
-    <path
-      d="M234.63 238.52a47.09 47.09 0 0 0-1.77-4.67c0-.2-.05-.4-.06-.59 0-.43-.08-.86-.11-1.29-.07-.94-.13-1.88-.19-2.81-.11-1.87-.23-3.75-.26-5.62a.08.08 0 1 0-.15 0c0 1.88-.05 3.75 0 5.63 0 .93.09 1.87.16 2.81v.62a55.39 55.39 0 0 0-5.21-8.9 44.91 44.91 0 0 0-2.84-3.6c-1-1.19-2.12-2.32-3.17-3.49-.07-.08-.18 0-.11.12a45.7 45.7 0 0 1 5 6.65c.79 1.19 1.54 2.42 2.25 3.66L228 227c-.31-.13-.62-.26-.93-.37l-2.12-.81c-1.39-.51-2.79-1-4.18-1.55-.08 0-.14.11 0 .15 1.38.55 2.74 1.13 4.11 1.72l2 .86c.33.15.67.28 1 .42a3 3 0 0 0 .69.24c.52.94 1 1.89 1.52 2.85a67.35 67.35 0 0 1 3.17 7.48c.07.18.13.36.19.54a15.43 15.43 0 0 0-2.13-1l-2.68-1.22c-1.82-.84-3.63-1.69-5.38-2.67a.08.08 0 0 0-.08.14c1.79 1 3.54 2 5.32 3 .9.48 1.8.95 2.71 1.4a8.41 8.41 0 0 0 2.44 1 31.07 31.07 0 0 1 1.7 7.37c.29 3.54.26 7.12.34 10.67 0 .06.09.06.1 0 .25-3.22.4-6.48.41-9.71a27.87 27.87 0 0 0-1.57-8.99Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M230.63 220.09a31 31 0 0 0-.25 5.53h.07c.11-1.84.13-3.66.34-5.49.01-.13-.14-.13-.16-.04ZM223.21 221.66a20.68 20.68 0 0 1-3.34-1.64c-.08-.06-.16.08-.08.14a12.81 12.81 0 0 0 3.38 1.61c.06.02.1-.08.04-.11ZM236.77 294.83c0-2.87-.07-5.73-.1-8.6-.06-9.53-.14-19.06-.31-28.59q-.2-11.35-.53-22.69a.12.12 0 0 0-.06-.1v-6.2c0-.05-.06-.08-.12-.08s-.12 0-.12.09v6.2s-.06 0-.06.09c-.38 13.47-.72 26.93-.8 40.4v8.21q-.13 13.17-.1 26.34v4.2c0 8 .08 16.06.08 24.1 0 .43.48.64 1 .66s1.21-.21 1.21-.7c0-8.86.06-17.72.06-26.57-.12-5.59-.1-11.17-.15-16.76Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M225.93 286.12s-12.49-9.26-24.34-3-13.72 30.35-13.72 30.35 17.41 2.49 28.37-7.94c10.56-10.06 9.69-19.41 9.69-19.41Z"
-      style={{
-        fill: '#be7637',
-      }}
-    />
-    <path
-      d="M229.33 286.69a14.92 14.92 0 0 0-7.23-.95 11.32 11.32 0 0 0-1.53-.15l-1.76-.13c-1.22-.09-2.43-.16-3.64-.26-2.47-.18-4.94-.33-7.4-.58-.09 0-.1.15 0 .16 2.44.31 4.86.66 7.3.9 1.26.13 2.51.26 3.77.35l.92.09q-.57.12-1.11.27a29.86 29.86 0 0 0-5.66 2.3c-1 .18-2 .45-2.93.68-1.55.37-3.08.76-4.62 1.17-3 .79-6 1.69-9 2.56a.08.08 0 1 0 0 .15c3-.73 6-1.41 9.05-2.13 1.46-.35 2.93-.69 4.39-1.05l1.15-.27a36.74 36.74 0 0 0-8.88 7.72 48.49 48.49 0 0 0-6.17 9.73c0 .09.08.18.13.09a47.17 47.17 0 0 1 7.47-9.8c-.05.17-.11.33-.16.5-.24.73-.47 1.47-.7 2.2-.46 1.48-.93 2.94-1.37 4.42 0 .1.12.13.16 0 .52-1.42 1-2.86 1.53-4.29.24-.71.49-1.41.74-2.11.13-.37.25-.73.37-1.1l.12-.33a45.15 45.15 0 0 1 4.43-3.78 33.79 33.79 0 0 1 6.63-3.8l-.12.64c-.13.57-.25 1.14-.37 1.71-.25 1.18-.48 2.37-.71 3.55-.47 2.42-.76 4.87-1.21 7.28 0 .1.13.14.15 0 .56-2.43 1.28-4.82 1.83-7.26.27-1.22.54-2.43.79-3.65.12-.58.24-1.15.35-1.72.07-.32.14-.63.18-.95.22-.09.45-.2.68-.28 3.27-1.22 6.89-2.1 10.39-1.43a10.21 10.21 0 0 1 7.51 6c.12.27.55.1.48-.18-.7-2.89-3.2-5.12-5.95-6.27Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="m210.21 297-1.05 4.75a34.5 34.5 0 0 0-.87 4.62c0 .06.08.06.1 0a35.17 35.17 0 0 0 1.06-4.65c.31-1.57.61-3.13.92-4.69a.08.08 0 0 0-.16-.03ZM198.13 301c-1.59.81-3.13 1.73-4.79 2.39a.08.08 0 1 0 .07.14 49.87 49.87 0 0 0 4.76-2.47s0-.06-.04-.06Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M228.74 269.12s-15.27 1-22.37-9.09-5.51-24.44-5.51-24.44 16 1.95 22.41 9.18 5.47 24.35 5.47 24.35Z"
-      style={{
-        fill: '#be7637',
-      }}
-    />
-    <path
-      d="M235.9 284.18c-.53-1.63-1.18-3.24-1.8-4.85s-1.23-3.06-1.9-4.57a93.64 93.64 0 0 0-4.57-9 97.353 97.353 0 0 0-3.42-5.43c0-.27-.08-.54-.12-.82-.07-.47-.14-.94-.22-1.41-.15-1-.32-1.93-.48-2.9-.35-2.11-.78-4.2-1.12-6.31 0-.1-.17-.1-.16 0 .31 2.09.52 4.18.81 6.27.15 1 .28 2.05.44 3.07 0 .37.11.74.17 1.11a109.61 109.61 0 0 0-7.55-9.8l-1.12-1.25a3.19 3.19 0 0 0-.14-.35l-.33-.87-.66-1.82c-.43-1.2-.81-2.4-1.14-3.63 0-.1-.17 0-.15.05.31 1.25.63 2.5 1 3.74.18.59.37 1.18.58 1.77 0 .1.08.2.11.3-1.95-2.13-4-4.18-6-6.21-.07-.07-.18.05-.11.12a108.4 108.4 0 0 1 10.82 13.25 9.88 9.88 0 0 0-1.13-.29c-1.18-.23-2.36-.39-3.55-.54-2.49-.32-5-.63-7.44-1-.1 0-.14.14 0 .16 2.36.46 4.71 1 7.06 1.54 1.1.25 2.22.47 3.33.69a22.18 22.18 0 0 1 2.68.76l.75 1.06c1.12 1.63 2.19 3.29 3.25 5l-1.56-.3c-1.18-.23-2.36-.45-3.55-.64-2.33-.39-4.66-.79-7-1.31a.08.08 0 0 0 0 .15c2.34.55 4.65 1.19 7 1.8 1.11.3 2.24.58 3.37.82l1.7.37a3.57 3.57 0 0 0 .69.12c2.22 3.61 4.32 7.32 6.26 11.09q1.28 2.49 2.46 5c.82 1.73 1.52 3.5 2.27 5.26.04.33.57.19.47-.2Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M220.28 249.1c-.29-1.45-.6-2.91-.92-4.36 0-.1-.17-.05-.15 0 .28 1.43.56 2.86.82 4.3a42.14 42.14 0 0 0 .87 4.28 29.24 29.24 0 0 0-.62-4.22ZM211.37 248.68a23.58 23.58 0 0 0-2.19-.93l-1.18-.45-.59-.24a2.44 2.44 0 0 1-.64-.28c-.12-.09-.19.12-.08.14a2.67 2.67 0 0 1 .66.26l.57.26 1.12.5a21.92 21.92 0 0 0 2.25.89.08.08 0 0 0 .08-.15Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M244.36 257.12s9.24-17.26 23.3-19.93S290.31 249 290.31 249s-10.25 13.09-23.15 15.38-22.8-7.26-22.8-7.26Z"
-      style={{
-        fill: '#be7637',
-      }}
-    />
-    <path
-      d="M277.08 244.92a37.77 37.77 0 0 0-11 .14c.21-.12.42-.24.63-.34l3.12-1.61c2.16-1.12 4.34-2.32 6.6-3.22a.08.08 0 1 0-.07-.14c-2.2 1-4.47 1.88-6.68 2.89-1.1.51-2.19 1-3.26 1.61-.69.37-1.46.71-2.14 1.15a39.28 39.28 0 0 0-8.94 3c.59-.64 1.18-1.27 1.76-1.91 1.31-1.44 2.6-2.94 4-4.25.07-.07 0-.18-.12-.11-1.47 1.34-3 2.57-4.45 4-.69.68-1.35 1.37-2 2.09-.32.36-.64.73-.95 1.11a37 37 0 0 0-18.84 25.45c0 .1.12.15.15.05a42.37 42.37 0 0 1 10.33-17.48 40.72 40.72 0 0 1 18.83-10.9 41.24 41.24 0 0 1 13-1.18.14.14 0 0 0 .03-.35Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M290.32 249s-10.26 13.09-23.16 15.38c-9.84 1.74-17.93-3.39-21.22-5.92l-.71-1.16s6.66-5.61 19.24-8.85 25.85.55 25.85.55Z"
-      style={{
-        opacity: 0.1,
-      }}
-    />
-    <path
-      d="M268.91 238.77a37.34 37.34 0 0 0-3.12 2.06 20.55 20.55 0 0 0-2.71 2.48.09.09 0 0 0 .12.12c.93-.81 1.87-1.62 2.84-2.39a28.07 28.07 0 0 1 3-2.13.08.08 0 0 0-.13-.14ZM276.63 241.69c-.52.22-1.06.41-1.58.62l-1.56.65c-.11 0-.06.23.05.19l1.57-.64c.53-.21 1-.45 1.56-.67.1-.03.05-.19-.04-.15Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M242.52 278.84s2.48 17.16 15.34 23.1 28.57 0 28.57 0-6.18-37.03-43.91-23.1Z"
-      style={{
-        fill: '#be7637',
-      }}
-    />
-    <path
-      d="M277.56 290.81c-1.19-.14-2.37-.34-3.55-.55l-1.73-.33c-.29-.06-.59-.13-.9-.18l-1-1a52.39 52.39 0 0 0-7.87-5.7 44.75 44.75 0 0 0-4.72-2.43h.21l4.24.19c2.82.13 5.65.19 8.47.37.1 0 .1-.15 0-.16-2.84-.19-5.66-.5-8.49-.74l-4.12-.28-2.12-.18-.55-.06c-.73-.28-1.47-.53-2.22-.77a20.12 20.12 0 0 0-10.9-.6c-3.24.83-6.47 3-7.31 6.37 0 .12.15.2.2.08 1.21-2.86 4.38-4.29 7.24-4.88a17.29 17.29 0 0 1 5.83-.12 13.1 13.1 0 0 0 .65 2.59c.35 1.2.7 2.41 1.07 3.61.73 2.41 1.53 4.79 2.24 7.2a.08.08 0 0 0 .15-.05c-.59-2.4-1.1-4.83-1.68-7.23-.28-1.19-.58-2.36-.87-3.54a21.57 21.57 0 0 0-.65-2.44 31.19 31.19 0 0 1 3.34.79 47.38 47.38 0 0 1 5.83 2.14c.19 1.22.47 2.43.75 3.63.35 1.51.74 3 1.22 4.49a.07.07 0 0 0 .14-.05 2.33 2.33 0 0 1 0-.28c-.29-1.4-.59-2.8-.89-4.2-.24-1.12-.46-2.26-.7-3.38a51.58 51.58 0 0 1 4.69 2.38c0 .34.12.7.17 1 .09.59.2 1.17.3 1.76.25 1.32.51 2.63.83 3.94a60.47 60.47 0 0 0 2.21 7.44.08.08 0 0 0 0 .1l.07.09a.08.08 0 0 0 .13-.08c-.59-2.54-1.27-5.06-1.83-7.6-.28-1.27-.56-2.54-.81-3.82-.13-.64-.25-1.28-.37-1.92q0-.27-.09-.57a55.36 55.36 0 0 1 5 3.34 54.77 54.77 0 0 1 7.67 7c.09.1.27 0 .19-.16-1-1.29-2-2.55-3.07-3.74a47.15 47.15 0 0 0-2-2h.22c.6.1 1.2.19 1.81.27 1.19.16 2.39.28 3.58.41.05.04.09-.14-.01-.15Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M268.51 296.61c0-.15 0-.29-.07-.44s-.13-.37-.16-.56c-.27-1.14-.49-2.29-.7-3.45 0-.08-.14-.06-.14 0a14.27 14.27 0 0 0 1 4.47c0 .05.1 0 .09 0ZM257.74 296.34a.08.08 0 0 0-.08-.07c-.36-1.52-.71-3-1-4.56-.17-.81-.33-1.61-.49-2.41l-.24-1.3a3.83 3.83 0 0 0-.27-1.12.09.09 0 0 0-.15 0 7.46 7.46 0 0 0 .32 2.29c.16.84.32 1.67.51 2.5.37 1.69.79 3.38 1.27 5 0 .09.18.07.17 0s-.03-.21-.04-.33ZM276.38 285.88c-2.35-.32-4.7-.66-7.05-.95-.1 0-.14.14 0 .15 2.35.35 4.7.64 7.06.95.05-.03.09-.14-.01-.15Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M235.92 238.69s-7.87-34.56 29.26-48.54c0 0 10.29 45.49-29.26 48.54Z"
-      style={{
-        fill: '#be7637',
-      }}
-    />
-    <path
-      d="m243.94 219.09.4-.24 2.1-1.17 4.3-2.41c2.84-1.59 5.63-3.24 8.49-4.79.09 0 0-.18-.09-.13-2.85 1.55-5.76 3-8.64 4.53l-4.25 2.25-1.74.91c1.24-2.34 2.56-4.65 4-6.87 1.94-3 4.07-5.78 6.28-8.53a.13.13 0 0 0-.18-.18A58.78 58.78 0 0 0 246 213v-.36c0-.86.06-1.72.07-2.58 0-1.69-.05-3.38 0-5.06a.08.08 0 0 0-.16 0c-.07 1.66-.27 3.31-.36 5 0 .83-.09 1.66-.11 2.49 0 .45-.06 1 0 1.45-.77 1.21-1.5 2.45-2.19 3.7a63.47 63.47 0 0 0-3.32 7c0-.86-.09-1.72-.14-2.58-.11-1.89-.34-3.78-.42-5.67 0-.1-.16-.1-.16 0 0 1.9-.05 3.79 0 5.68 0 .95.06 1.89.12 2.84l.06 1a63.63 63.63 0 0 0-2.8 9.5 101.78 101.78 0 0 0-1.38 10.44 54.88 54.88 0 0 1 2-9.31c.46-1.63.94-3.25 1.46-4.86 1.55-.73 3-1.64 4.52-2.47l4.66-2.54c3.09-1.7 6.19-3.43 9.38-4.93.1-.05 0-.18-.08-.14-3.24 1.47-6.5 2.86-9.68 4.46-1.58.79-3.14 1.64-4.68 2.51-1.29.73-2.61 1.46-3.84 2.29.36-1.07.73-2.15 1.14-3.2a91.86 91.86 0 0 1 3.85-8.57Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      d="M240.81 211.19c0-.1-.17-.1-.16 0 .13 2 .2 3.95.41 5.91 0 .11.18.11.17 0-.06-1.98-.23-3.94-.42-5.91ZM258.61 217.79c-2.32.93-4.67 1.82-7 2.79-.06 0 0 .13 0 .11 2.35-.88 4.66-1.84 7-2.75.14-.04.1-.19 0-.15ZM262.14 201.85a60.6 60.6 0 0 0-6.6 3.54c-.11.07 0 .24.1.17 2.15-1.26 4.35-2.47 6.58-3.57.1-.05.01-.18-.08-.14Z"
-      style={{
-        fill: '#263238',
-      }}
-    />
-    <path
-      style={{
-        fill: '#37474f',
-      }}
-      d="M208.03 313.42h53.55v56.44h-53.55z"
-    />
-    <path
-      style={{
-        fill: '#263238',
-      }}
-      d="M204.35 333.39h2.74v96.68h-2.74zM262.24 333.39h2.74v96.68h-2.74zM234.75 333.39h2.74v96.68h-2.74z"
-    />
-    <path
-      style={{
-        fill: '#263238',
-      }}
-      d="M205.72 366.24h57.89v7.81h-57.89z"
-    />
-    <path
-      style={{
-        fill: '#be7637',
-      }}
-      d="M262.45 354.6h83.75v3.96h-83.75z"
-    />
-    <path
-      style={{
-        opacity: 0.30000000000000004,
-      }}
-      d="M262.45 354.6h83.75v3.96h-83.75z"
-    />
-    <path
-      style={{
-        fill: '#be7637',
-      }}
-      d="M244.19 449.42h17.51l52.51-382.29-6.11.6-63.91 381.69z"
-    />
-    <path
-      style={{
-        opacity: 0.30000000000000004,
-      }}
-      d="M244.19 449.42h17.51l52.51-382.29-6.11.6-63.91 381.69z"
-    />
-    <path
-      style={{
-        fill: '#be7637',
-      }}
-      d="M301.92 289.26h14.29l17.17-249.73-5.11.55-26.35 249.18z"
-    />
-    <path
-      style={{
-        opacity: 0.30000000000000004,
-      }}
-      d="M301.92 289.26h14.29l17.17-249.73-5.11.55-26.35 249.18z"
-    />
-    <path
-      style={{
-        fill: '#be7637',
-      }}
-      d="M340.86 449.42h17.11l-9.54-386.08-6 .6-1.57 385.48z"
-    />
-    <path
-      d="M340.86 449.42h17.11l-9.54-386.08-6 .6-1.57 385.48zM285.29 277.67l-.82 6h-12.53l1.01-6h12.34zM317.01 277.67l-.39 6h-14.11l.64-6h13.86z"
-      style={{
-        opacity: 0.30000000000000004,
-      }}
-    />
-    <path
-      style={{
-        opacity: 0.30000000000000004,
-      }}
-      d="M353.88 283.67h-12.34l.02-6h12.17l.15 6z"
-    />
-    <path
-      style={{
-        fill: '#be7637',
-      }}
-      d="M370.46 150.39v30.21l48.2 239.46h13.8l-62-269.67z"
-    />
-    <path
-      d="M370.46 150.39v30.21l48.2 239.46h13.8l-62-269.67z"
-      style={{
-        opacity: 0.30000000000000004,
-      }}
-    />
-    <path
-      style={{
-        opacity: 0.30000000000000004,
-      }}
-      d="m391.75 242.95-2.9 29-18.39-91.35v-30.21l21.29 92.56z"
-    />
-    <path
-      style={{
-        fill: '#fff',
-      }}
-      d="M380.42 270.5H247.54l20.01-175.84h117.4l-4.53 175.84z"
-    />
-    <path
-      d="M380.91 271H247l20.11-176.84h118.35v.52Zm-132.81-1h131.83l4.5-174.84H268Z"
-      style={{
-        fill: '#e9e9e9',
-      }}
-    />
-    <path
-      style={{
-        fill: '#dbdbdb',
-      }}
-      d="m385.56 94.09 4.82 8.4-3.3 168.01h-6.25l4.73-176.41z"
-    />
-    <path
-      style={{
-        fill: '#be7637',
-      }}
-      d="M240.63 278.42H393.4l-1-7.92H241.63l-1 7.92z"
-    />
-    <path
-      style={{
-        opacity: 0.30000000000000004,
-      }}
-      d="M240.63 278.42H393.4l-1-7.92H241.63l-1 7.92z"
-    />
-    <path
-      style={{
-        fill: '#be7637',
-      }}
-      d="M288.61 95.68h78.77l-1-7.92h-76.77l-1 7.92z"
-    />
-    <path
-      style={{
-        opacity: 0.30000000000000004,
-      }}
-      d="M288.61 95.68h78.77l-1-7.92h-76.77l-1 7.92z"
-    />
-  </SVG>
-));
diff --git a/docs-old/src/components/Icons/FigmaIcon.tsx b/docs-old/src/components/Icons/FigmaIcon.tsx
deleted file mode 100644
index 246334debb..0000000000
--- a/docs-old/src/components/Icons/FigmaIcon.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { SVG, SVGProps } from '@marigold/system';
-import { forwardRef } from 'react';
-
-export const FigmaIcon = forwardRef<SVGElement, SVGProps>((props, ref) => (
-  <SVG
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 256 256"
-    ref={ref}
-    {...props}
-  >
-    <path d="M192.951 94A45.979 45.979 0 0 0 162 14.001H94a45.979 45.979 0 0 0-30.951 80 45.932 45.932 0 0 0 0 67.999A45.99 45.99 0 1 0 140 196v-27.613a45.98 45.98 0 0 0 52.951-74.386ZM184 60.001a22.024 22.024 0 0 1-21.98 22L162 82l-.039.001H140V38h22a22.025 22.025 0 0 1 22 22Zm-112 0a22.025 22.025 0 0 1 22-22h22V82H93.981A22.025 22.025 0 0 1 72 60.001ZM72 128a22.025 22.025 0 0 1 21.981-22l.019.001h22v43.998L94 150a22.025 22.025 0 0 1-22-22Zm44 68a22 22 0 1 1-22-22h22Zm46-46a22 22 0 0 1-.039-43.999H162.02A22 22 0 0 1 162 150Z" />
-  </SVG>
-));
diff --git a/docs-old/src/components/Icons/GithubIcon.tsx b/docs-old/src/components/Icons/GithubIcon.tsx
deleted file mode 100644
index 9dd73ac201..0000000000
--- a/docs-old/src/components/Icons/GithubIcon.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { SVG, SVGProps } from '@marigold/system';
-import { forwardRef } from 'react';
-
-export const GithubIcon = forwardRef<SVGElement, SVGProps>((props, ref) => (
-  <SVG
-    viewBox="0 0 1024 1024"
-    ref={ref}
-    xmlns="http://www.w3.org/2000/svg"
-    {...props}
-  >
-    <path d="M512 0C229.12 0 0 229.12 0 512c0 226.56 146.56 417.92 350.08 485.76 25.6 4.48 35.2-10.88 35.2-24.32 0-12.16-.64-52.48-.64-95.36-128.64 23.68-161.92-31.36-172.16-60.16-5.76-14.72-30.72-60.16-52.48-72.32-17.92-9.6-43.52-33.28-.64-33.92 40.32-.64 69.12 37.12 78.72 52.48 46.08 77.44 119.68 55.68 149.12 42.24 4.48-33.28 17.92-55.68 32.64-68.48-113.92-12.8-232.96-56.96-232.96-252.8 0-55.68 19.84-101.76 52.48-137.6-5.12-12.8-23.04-65.28 5.12-135.68 0 0 42.88-13.44 140.8 52.48 40.96-11.52 84.48-17.28 128-17.28 43.52 0 87.04 5.76 128 17.28 97.92-66.56 140.8-52.48 140.8-52.48 28.16 70.4 10.24 122.88 5.12 135.68 32.64 35.84 52.48 81.28 52.48 137.6 0 196.48-119.68 240-233.6 252.8 18.56 16 34.56 46.72 34.56 94.72 0 68.48-.64 123.52-.64 140.8 0 13.44 9.6 29.44 35.2 24.32C877.44 929.92 1024 737.92 1024 512 1024 229.12 794.88 0 512 0Z" />
-  </SVG>
-));
diff --git a/docs-old/src/components/Icons/index.ts b/docs-old/src/components/Icons/index.ts
deleted file mode 100644
index 15f7327a3a..0000000000
--- a/docs-old/src/components/Icons/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './BlankCanvas';
-export * from './FigmaIcon';
-export * from './GithubIcon';
diff --git a/docs-old/src/components/Layout.tsx b/docs-old/src/components/Layout.tsx
deleted file mode 100644
index e6644060fb..0000000000
--- a/docs-old/src/components/Layout.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React, { ReactNode } from 'react';
-import { Box } from '@marigold/components';
-
-import {
-  NavigationLayout,
-  NavigationLinks,
-  NavigationTree,
-  Version,
-} from '~/components';
-import { useRouter } from 'next/router';
-
-export interface LayoutProps {
-  children: ReactNode;
-  navigation: { tree: NavigationTree; links: NavigationLinks };
-}
-
-export const Layout = ({ navigation, children }: LayoutProps) => {
-  const { asPath } = useRouter();
-  return (
-    <>
-      <Box
-        css={{
-          display: 'flex',
-          flexDirection: ['column', 'row'],
-          gap: ['medium-1', 'large-1', 'large-2'],
-          p: ['medium-1', 'none'],
-        }}
-      >
-        <NavigationLayout {...navigation} key={asPath} />
-        <Box as="main" css={{ width: ['100%', '70vw'] }}>
-          {children}
-        </Box>
-      </Box>
-      <Version />
-    </>
-  );
-};
diff --git a/docs-old/src/components/Link.tsx b/docs-old/src/components/Link.tsx
deleted file mode 100644
index bed03cd099..0000000000
--- a/docs-old/src/components/Link.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { forwardRef } from 'react';
-import NextLink, { LinkProps as NextLinkProps } from 'next/link';
-import { useRouter } from 'next/router';
-
-import {
-  Link as MarigoldLink,
-  LinkProps as MarigoldLinkProps,
-} from '@marigold/components';
-
-export interface LinkProps
-  extends NextLinkProps,
-    Pick<MarigoldLinkProps, 'variant' | 'target' | 'children'> {}
-
-// why the onPress not works: https://github.com/adobe/react-spectrum/issues/2525
-const InnerLink = forwardRef<HTMLAnchorElement, Omit<LinkProps, 'href' | 'as'>>(
-  ({ onClick, ...props }, ref) => {
-    return (
-      <MarigoldLink onClick={onClick} {...props} ref={ref}>
-        {props.children}
-      </MarigoldLink>
-    );
-  }
-);
-
-export const Link = ({ variant, href, children, target }: LinkProps) => {
-  const { asPath } = useRouter();
-  const link = href + '/';
-
-  const active = link === asPath ? 'active' : undefined;
-
-  return (
-    <NextLink href={href} passHref>
-      <InnerLink variant={variant} target={target} data-active={active}>
-        {children}
-      </InnerLink>
-    </NextLink>
-  );
-};
diff --git a/docs-old/src/components/Logo/Logo.tsx b/docs-old/src/components/Logo/Logo.tsx
deleted file mode 100644
index e2c204131a..0000000000
--- a/docs-old/src/components/Logo/Logo.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { SVG, SVGProps } from '@marigold/system';
-import { forwardRef } from 'react';
-
-export const Logo = forwardRef<SVGElement, SVGProps>((props, ref) => (
-  <SVG
-    xmlns="http://www.w3.org/2000/svg"
-    size={60}
-    viewBox="0 0 139 139"
-    {...props}
-    ref={ref}
-  >
-    <title>Marigold Logo</title>
-    <circle
-      cx="69.08"
-      cy="70.14"
-      r="64.58"
-      fill="#ffd170"
-      stroke="#ffb136"
-      strokeWidth="4"
-    />
-    <circle
-      cx="69.08"
-      cy="70.14"
-      r="39.13"
-      fill="#fa7475"
-      stroke="#fa8888"
-      strokeWidth="4"
-    />
-    <path
-      fill="#ffd170"
-      stroke="#ffb136"
-      strokeOpacity=".75"
-      d="m69.03 11.44.09 14.24m-.09 89.34.09 14.24m58.85-59.164-14.24.09m-90.362-.098-14.24.1M26.37 29.83l10.68 9.37m63.97 61.94 10.68 9.37m1.552-79.875-10.69 9.37m-64.49 63.428-10.68 9.37m23.004-.364-5.52 10.96M93.37 17.851l-5.52 10.96M44.35 17.8l5.52 10.96m36.75 83.05 5.52 10.97M15.253 48.308l10.97 5.52m83.838 34.525 10.96 5.52m-9.499-38.17 10.96-5.52M15.68 94.058l10.97-5.52"
-    />
-  </SVG>
-));
diff --git a/docs-old/src/components/Logo/index.ts b/docs-old/src/components/Logo/index.ts
deleted file mode 100644
index d97c6951e2..0000000000
--- a/docs-old/src/components/Logo/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './Logo';
diff --git a/docs-old/src/components/MarigoldTheme.tsx b/docs-old/src/components/MarigoldTheme.tsx
deleted file mode 100644
index b48d0a1a8d..0000000000
--- a/docs-old/src/components/MarigoldTheme.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ThemeProvider, __defaultTheme } from '@marigold/system';
-import { useThemeSwitch } from './ThemeSwitch';
-
-export interface MarigoldThemeProps {
-  children: ReactNode;
-}
-
-/**
- * Component to wrap children in the current marigold theme
- */
-export const MarigoldTheme = ({ children }: MarigoldThemeProps) => {
-  const { current, themes } = useThemeSwitch();
-
-  return (
-    <ThemeProvider theme={(current && themes[current]) || __defaultTheme}>
-      {children}
-    </ThemeProvider>
-  );
-};
diff --git a/docs-old/src/components/Navigation/Navigation.tsx b/docs-old/src/components/Navigation/Navigation.tsx
deleted file mode 100644
index 3c771d12c8..0000000000
--- a/docs-old/src/components/Navigation/Navigation.tsx
+++ /dev/null
@@ -1,187 +0,0 @@
-import { Badge } from '@marigold/components';
-import { Box, CSSObject, useComponentStyles } from '@marigold/system';
-import { Link, LinkProps } from '~/components/Link';
-
-// Props
-// ---------------
-export type NavigationTree = (NavigationMenuCategory | NavigationMenuItem)[];
-
-export type NavigationLinks = { title: string; url: string }[];
-
-export interface NavigationMenuGroup {
-  name: string;
-  items: NavigationMenuItem[];
-}
-
-export interface NavigationMenuCategory {
-  name: string;
-  items: NavigationMenuItem[];
-  groups: NavigationMenuGroup[];
-}
-export interface NavigationMenuItem {
-  title: string;
-  slug: string;
-  group?: string;
-  order?: number;
-  badge?: string;
-}
-
-export interface NavigationProps {
-  tree: NavigationTree;
-  links: NavigationLinks;
-  css?: CSSObject;
-}
-
-interface NavigationItemProps extends LinkProps, NavigationStyles {
-  title: string;
-  badge?: string;
-}
-
-interface NavigationMenuGroupProps
-  extends NavigationMenuGroup,
-    NavigationStyles {}
-interface NavigationCategoryProps
-  extends NavigationMenuCategory,
-    NavigationStyles {}
-
-interface NavigationLinksProps extends NavigationStyles {
-  links: NavigationLinks;
-}
-
-interface NavigationStyles {
-  css: {
-    category: CSSObject;
-    item: CSSObject;
-    list: CSSObject;
-    group: CSSObject;
-  };
-}
-
-// Components
-// ---------------
-const NavigationLinks = ({ css, links }: NavigationLinksProps) => {
-  return (
-    <Box as="li" role="menuitem" __baseCSS={{ listStyle: 'none' }}>
-      <Box as="ul" role="menubar" css={css?.list}>
-        <Box as="li" role="menuitem" __baseCSS={{ listStyle: 'none' }}>
-          <Box as="h2" css={css?.category}>
-            external links
-          </Box>
-          <Box as="ul" role="menubar" css={css?.list}>
-            {links.map(({ title, url }) => (
-              <NavigationItem
-                key={url}
-                css={css}
-                title={title}
-                href={url}
-                target="_blank"
-              ></NavigationItem>
-            ))}
-          </Box>
-        </Box>
-      </Box>
-    </Box>
-  );
-};
-
-const NavigationItem = ({
-  title,
-  css,
-  variant,
-  badge,
-  ...props
-}: NavigationItemProps) => (
-  <Box
-    as="li"
-    role="menuitem"
-    css={[
-      css?.item,
-      {
-        display: 'flex',
-        alignItems: 'center',
-        gap: 'small-1',
-      },
-    ]}
-  >
-    <Link variant="navigation" {...props}>
-      {title}
-    </Link>
-    {badge && <Badge variant={badge.toLowerCase()}>{badge}</Badge>}
-  </Box>
-);
-
-const NavigationGroup = ({ name, items, css }: NavigationMenuGroupProps) => (
-  <Box as="li" role="menuitem" __baseCSS={{ listStyle: 'none' }}>
-    <Box as="ul" role="menubar" css={css?.list}>
-      <Box as="h3" css={css?.group}>
-        {name}
-      </Box>
-      {items.map(item => (
-        <NavigationItem
-          key={item.slug}
-          css={css}
-          title={item.title}
-          href={`/${item.slug}`}
-          badge={item.badge}
-        />
-      ))}
-    </Box>
-  </Box>
-);
-
-const NavigationCategory = ({
-  name,
-  items,
-  groups,
-  css,
-}: NavigationCategoryProps) => {
-  return (
-    <Box as="li" role="menuitem" __baseCSS={{ listStyle: 'none' }}>
-      <Box as="ul" role="menubar" css={css?.list}>
-        <Box as="li" role="menuitem" __baseCSS={{ listStyle: 'none' }}>
-          <Box as="h2" css={css?.category}>
-            {name}
-          </Box>
-          <Box as="ul" role="menubar" css={css?.list}>
-            {groups.map(group => (
-              <NavigationGroup css={css} key={group.name} {...group} />
-            ))}
-            {items.map(i => (
-              <NavigationItem
-                css={css}
-                key={i.slug}
-                title={i.title}
-                href={`/${i.slug}`}
-                badge={i.badge}
-              />
-            ))}
-          </Box>
-        </Box>
-      </Box>
-    </Box>
-  );
-};
-
-export const Navigation = ({ tree, links }: NavigationProps) => {
-  const styles = useComponentStyles(
-    'Navigation',
-    {},
-    { parts: ['container', 'category', 'item', 'list', 'group'] }
-  );
-  return (
-    <Box
-      role="navigation"
-      css={styles.container}
-      aria-labelledby="marigold-navigation"
-    >
-      <Box as="ul" role="menubar">
-        {tree.map(item =>
-          'name' in item ? (
-            <NavigationCategory key={item.name} css={styles} {...item} />
-          ) : null
-        )}
-        <NavigationLinks links={links} css={styles} />
-      </Box>
-    </Box>
-  );
-};
diff --git a/docs-old/src/components/Navigation/NavigationLayout.tsx b/docs-old/src/components/Navigation/NavigationLayout.tsx
deleted file mode 100644
index 3c81abccc5..0000000000
--- a/docs-old/src/components/Navigation/NavigationLayout.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import { Box, Center, Button, Columns } from '@marigold/components';
-import { useResponsiveValue } from '@marigold/system';
-
-import { Link, Logo, NavigationTree } from '~/components';
-
-import { Navigation, NavigationLinks } from './Navigation';
-const useIsSmallScreen = () => useResponsiveValue([true, false, false], 2);
-
-export interface NavigationLayoutProps {
-  tree: NavigationTree;
-  links: NavigationLinks;
-}
-
-export const NavigationLayout = ({ tree, links }: NavigationLayoutProps) => {
-  const isSmallScreen = useIsSmallScreen();
-  const [showNavigation, setShowNavigation] = React.useState(false);
-  const show = isSmallScreen ? showNavigation : true;
-
-  return (
-    <Box css={{ py: ['none', 'medium-1'] }}>
-      {isSmallScreen && (
-        <Columns space="small-1" columns={[2, 8, 2]} collapseAt="0px">
-          <Box css={{ m: 'auto' }}>
-            <Button
-              variant="navigationSmall"
-              onPress={() => setShowNavigation(!showNavigation)}
-              aria-label="Open the navigation"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                stroke="currentColor"
-                strokeWidth={2}
-                height={24}
-                width={24}
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  d="M4 6h16M4 12h16M4 18h16"
-                />
-              </svg>
-            </Button>
-          </Box>
-          <Box />
-          <Box>
-            <Link href="/">
-              <Center>
-                <Logo />
-              </Center>
-            </Link>
-          </Box>
-        </Columns>
-      )}
-      <Box
-        css={
-          show
-            ? {
-                position: ['absolute', 'static'],
-                bg: 'background.page',
-                width: ['100%', 'auto'],
-                ml: '-1rem',
-                whiteSpace: 'nowrap',
-                zIndex: 1,
-              }
-            : {}
-        }
-      >
-        {!isSmallScreen && (
-          <Link href="/">
-            <Center>
-              <Logo />
-            </Center>
-          </Link>
-        )}
-        {show && <Navigation tree={tree} links={links} />}
-      </Box>
-    </Box>
-  );
-};
diff --git a/docs-old/src/components/Navigation/index.ts b/docs-old/src/components/Navigation/index.ts
deleted file mode 100644
index cb8346313c..0000000000
--- a/docs-old/src/components/Navigation/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './Navigation';
-export * from './NavigationLayout';
diff --git a/docs-old/src/components/Placeholder/Rectangle.tsx b/docs-old/src/components/Placeholder/Rectangle.tsx
deleted file mode 100644
index 17f29910d9..0000000000
--- a/docs-old/src/components/Placeholder/Rectangle.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { ReactNode } from 'react';
-import { Box } from '@marigold/system';
-
-import { border, fill, defaultSize } from './styles';
-
-export interface RectangleProps {
-  height?: string;
-  children?: ReactNode;
-}
-
-export const Rectangle = ({ children, height }: RectangleProps) => (
-  <Box
-    css={{
-      height: height || defaultSize,
-      width: '100%',
-      background: `linear-gradient(135deg, ${fill.light}, ${fill.dark}) 0 0 / 100% `,
-      boxShadow: 'medium-1',
-      ...border,
-    }}
-  >
-    {children}
-  </Box>
-);
diff --git a/docs-old/src/components/Placeholder/Squircle.tsx b/docs-old/src/components/Placeholder/Squircle.tsx
deleted file mode 100644
index ddbe7382e2..0000000000
--- a/docs-old/src/components/Placeholder/Squircle.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { SVG, type SVGProps } from '@marigold/system';
-import { defaultSize, fill } from './styles';
-
-export interface SquirecleProps extends SVGProps {}
-
-export const Squirecle = ({ size, ...props }: SquirecleProps) => (
-  <SVG viewBox="0 0 150 150" {...props} size={size || defaultSize}>
-    <path
-      fill="url(#a)"
-      d="M.75 74.74C.75 19.8 19.31 1.48 75 1.48s74.25 18.31 74.25 73.26S130.69 148 75 148 .75 129.69.75 74.74"
-    />
-    <defs>
-      <linearGradient
-        id="a"
-        x1="0"
-        x2="1"
-        y1="0"
-        y2="0"
-        spreadMethod="pad"
-        gradientTransform="rotate(65)"
-      >
-        <stop offset=".01" stopColor={fill.light} />
-        <stop offset="1" stopColor={fill.dark} />
-      </linearGradient>
-    </defs>
-  </SVG>
-);
diff --git a/docs-old/src/components/Placeholder/index.ts b/docs-old/src/components/Placeholder/index.ts
deleted file mode 100644
index 6c610a272a..0000000000
--- a/docs-old/src/components/Placeholder/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './Rectangle';
-export * from './Squircle';
diff --git a/docs-old/src/components/Placeholder/styles.ts b/docs-old/src/components/Placeholder/styles.ts
deleted file mode 100644
index ee952154d7..0000000000
--- a/docs-old/src/components/Placeholder/styles.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-/** default size for placeholder */
-export const defaultSize = 'medium-1';
-
-export const fill = {
-  light: 'hsl(29, 37%, 70%)',
-  dark: 'hsl(29, 37%, 40%)',
-};
-
-export const border = {
-  // borderWidth: '1px',
-  // borderStyle: 'solid',
-  // borderColor: 'hsl(29, 37%, 40%)',
-  borderRadius: 'small-2',
-};
diff --git a/docs-old/src/components/Preview.tsx b/docs-old/src/components/Preview.tsx
deleted file mode 100644
index b70245f108..0000000000
--- a/docs-old/src/components/Preview.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { ReactNode } from 'react';
-import { Box, Card, MarigoldProvider } from '@marigold/components';
-import { useThemeSwitch } from './ThemeSwitch';
-import { useComponentStyles } from '@marigold/system';
-
-export interface Preview {
-  code: boolean;
-  children: ReactNode;
-}
-
-export const Preview = ({ children }: Preview) => {
-  const { current, themes } = useThemeSwitch();
-  const theme = (current && themes[current]) || themes.b2b2;
-  const styles = useComponentStyles('Preview');
-  return (
-    <Box css={styles}>
-      <Card>
-        <MarigoldProvider
-          theme={theme}
-          normalizeDocument
-          selector="[data-preview]"
-        >
-          <Box
-            css={{
-              ...theme.root?.body,
-              width: '100%',
-              borderRadius: '1rem',
-              p: 20,
-            }}
-            data-preview
-          >
-            {children}
-          </Box>
-        </MarigoldProvider>
-      </Card>
-    </Box>
-  );
-};
diff --git a/docs-old/src/components/PropsTable.tsx b/docs-old/src/components/PropsTable.tsx
deleted file mode 100644
index 7860ae7fad..0000000000
--- a/docs-old/src/components/PropsTable.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import { Box, Card, Inline, Table, Text } from '@marigold/components';
-import { BlankCanvas } from './Icons';
-
-export interface PropsTableProps {
-  props?: { [key: string]: string }[];
-}
-
-export const PropsTable = ({ props }: PropsTableProps) => {
-  return (
-    <Box css={{ mb: 'medium-2' }}>
-      <Card px="medium-1" py="medium-2">
-        {props ? (
-          <Table aria-label="Table with component props" variant="propsTable">
-            <Table.Header>
-              <Table.Column key="property">Property</Table.Column>
-              <Table.Column key="type">Type</Table.Column>
-              <Table.Column key="default">Default</Table.Column>
-              <Table.Column key="description">Description</Table.Column>
-            </Table.Header>
-            <Table.Body items={props}>
-              {item => (
-                <Table.Row key={item.property}>
-                  <Table.Cell>
-                    <code>{item.property}</code>
-                  </Table.Cell>
-                  <Table.Cell>
-                    <code>{item.type}</code>
-                  </Table.Cell>
-                  <Table.Cell>
-                    <code>{item.default}</code>
-                  </Table.Cell>
-                  <Table.Cell>{item.description}</Table.Cell>
-                </Table.Row>
-              )}
-            </Table.Body>
-          </Table>
-        ) : (
-          <Inline>
-            <BlankCanvas />
-            <Text variant="content">
-              Sorry! There are currently no props available.
-            </Text>
-          </Inline>
-        )}
-      </Card>
-    </Box>
-  );
-};
diff --git a/docs-old/src/components/ScrollToTop.tsx b/docs-old/src/components/ScrollToTop.tsx
deleted file mode 100644
index c3a4cd24a3..0000000000
--- a/docs-old/src/components/ScrollToTop.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Box, Button } from '@marigold/components';
-import { ChevronUp } from '@marigold/icons';
-import { useComponentStyles } from '@marigold/system';
-import { colors } from '~/theme/colors';
-
-export const ScrollToTop = () => {
-  const [visible, setVisible] = useState(false);
-
-  const toggleVisible = () => {
-    const scrolled = document.documentElement.scrollTop;
-    if (scrolled > 300) {
-      setVisible(true);
-    } else if (scrolled <= 300) {
-      setVisible(false);
-    }
-  };
-
-  const scrollToTop = () => {
-    window.scrollTo({
-      top: 0,
-      behavior: 'smooth',
-    });
-  };
-
-  useEffect(() => {
-    if (typeof window !== 'undefined') {
-      window.addEventListener('scroll', toggleVisible);
-    }
-  });
-
-  const styles = useComponentStyles('ScrollToTop');
-
-  return (
-    <Box css={styles} style={{ display: visible ? 'inline' : 'none' }}>
-      <Button variant="scrollToTop" onClick={scrollToTop}>
-        <ChevronUp fill={`${colors.brand.primary}`} />
-      </Button>
-    </Box>
-  );
-};
diff --git a/docs-old/src/components/ThemeMenu.tsx b/docs-old/src/components/ThemeMenu.tsx
deleted file mode 100644
index 3da569c15b..0000000000
--- a/docs-old/src/components/ThemeMenu.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Button, Menu } from '@marigold/components';
-import { ChevronDown } from '@marigold/icons';
-import { useThemeSwitch } from './ThemeSwitch';
-
-export const ThemeMenu = () => {
-  const { current, themes, setTheme } = useThemeSwitch();
-  return (
-    <Menu.Trigger>
-      <Button variant="outline">
-        {current} <ChevronDown />
-      </Button>
-      <Menu onAction={current => setTheme(current)}>
-        {Object.keys(themes).map(name => (
-          <Menu.Item key={name}>{name}</Menu.Item>
-        ))}
-      </Menu>
-    </Menu.Trigger>
-  );
-};
diff --git a/docs-old/src/components/ThemeSwitch.tsx b/docs-old/src/components/ThemeSwitch.tsx
deleted file mode 100644
index 6be738b7b1..0000000000
--- a/docs-old/src/components/ThemeSwitch.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React, { useState, useContext, ReactNode } from 'react';
-import { type Theme } from '@marigold/components';
-
-// Context
-// ---------------
-export interface ThemeSwitchContextType {
-  current: string | undefined;
-  themes: { [name: string]: Theme };
-  setTheme: Function;
-}
-
-export const Context = React.createContext({
-  current: undefined,
-  themes: {},
-} as ThemeSwitchContextType);
-
-// Hook
-// ---------------
-export const useThemeSwitch = () => useContext(Context);
-
-// Component
-// ---------------
-export interface MarigoldThemeSwitchProps {
-  children?: ReactNode;
-  themes: { [name: string]: Theme };
-  initial?: string;
-}
-
-export const MarigoldThemeSwitch = ({
-  themes,
-  initial,
-  children,
-}: MarigoldThemeSwitchProps) => {
-  const [theme, setTheme] = useState(initial);
-  return (
-    <Context.Provider value={{ current: theme, themes, setTheme }}>
-      {children}
-    </Context.Provider>
-  );
-};
diff --git a/docs-old/src/components/Title.tsx b/docs-old/src/components/Title.tsx
deleted file mode 100644
index 58ec0978f9..0000000000
--- a/docs-old/src/components/Title.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import Head from 'next/head';
-
-export interface TitleProps {
-  title?: string;
-}
-
-export const Title = ({ title }: TitleProps) => {
-  const pageTitle = `Marigold Docs${title ? ` | ${title}` : ''}`;
-  return (
-    <Head>
-      <title key="page-title">{pageTitle}</title>
-    </Head>
-  );
-};
diff --git a/docs-old/src/components/Toc.tsx b/docs-old/src/components/Toc.tsx
deleted file mode 100644
index 3b75f20b11..0000000000
--- a/docs-old/src/components/Toc.tsx
+++ /dev/null
@@ -1,145 +0,0 @@
-import { useEffect, useRef, useState } from 'react';
-import { createPortal } from 'react-dom';
-
-import { Box, Headline, Link, List } from '@marigold/components';
-import React from 'react';
-import { useComponentStyles } from '@marigold/system';
-
-export interface TocProps {
-  selector: string;
-  items: string;
-}
-
-function getId(children: string) {
-  return children
-    ?.split(' ')
-    .map(word => word.toLowerCase())
-    .join('-')
-    .replace(/[?']/g, '');
-}
-
-/**
- * To Do
- * Inital toc -> Did we need a Overview because we almost started with the first component with props.
- * Or should we take the Title as first element of the toc?
- * Add active-state to the element and styling everything in a own styling file
- */
-
-function useScrollSpy(ids: string[], options: IntersectionObserverInit) {
-  const [activeId, setActiveId] = React.useState<string>();
-  const observer = React.useRef<IntersectionObserver>();
-  React.useEffect(() => {
-    const elements = ids.map(id => document.getElementById(id));
-    observer.current?.disconnect();
-    observer.current = new IntersectionObserver(entries => {
-      entries.forEach(entry => {
-        if (entry?.isIntersecting) {
-          setActiveId(entry.target.id);
-        }
-      });
-    }, options);
-    elements.forEach(el => {
-      if (el) {
-        observer.current?.observe(el);
-      }
-    });
-    return () => observer.current?.disconnect();
-  }, [ids, options]);
-  React.useEffect(() => {
-    if (!activeId) {
-      const toc = document.querySelector('#toc');
-      toc?.querySelector(`#${ids[0]}`)?.setAttribute('data-active', 'true');
-    }
-  });
-  return activeId;
-}
-
-export const Toc = ({ items, selector }: TocProps) => {
-  const elements = JSON.parse(items) as { anchor: string; title: string }[];
-  const [, setMounted] = useState(false);
-  const isBottom = useRef(false);
-
-  const ref = useRef<Element>();
-
-  const styles = useComponentStyles(
-    'Toc',
-    {},
-    {
-      parts: ['toc', 'item'],
-    }
-  );
-
-  const activeId = useScrollSpy(
-    elements.map((i: { title: string }) => getId(i.title)),
-    { rootMargin: '-10% -35% -80% -15%', threshold: 0 }
-  );
-
-  useEffect(() => {
-    if (typeof window !== 'undefined') {
-      ref.current = document.querySelector(selector) || undefined;
-      setMounted(true);
-    }
-  }, [selector]);
-
-  useEffect(() => {
-    window.addEventListener('scroll', function () {
-      const elements = document.querySelectorAll(
-        '[data-intersection-active]'
-      ) as any;
-      const elementsLength = elements.length;
-      const activeElement =
-        elements[elementsLength - 2]?.dataset.intersectionActive;
-      if (
-        window.innerHeight + window.scrollY >= document.body.scrollHeight &&
-        activeElement === 'true' &&
-        isBottom.current === false
-      ) {
-        elements[elementsLength - 2].setAttribute('data-active', 'false');
-        elements[elementsLength - 1].setAttribute('data-active', 'true');
-        isBottom.current = true;
-      } else if (
-        activeElement === 'true' &&
-        isBottom.current === true &&
-        window.innerHeight + window.scrollY <= document.body.scrollHeight - 100
-      ) {
-        elements[elementsLength - 1].setAttribute('data-active', 'false');
-        elements[elementsLength - 2].setAttribute('data-active', 'true');
-        isBottom.current = false;
-      }
-    });
-  });
-
-  if (!ref.current || elements.length === 0) {
-    return null;
-  }
-
-  const TocPortal = () => (
-    <Box css={styles.toc}>
-      <Headline level="3">Table of Contents</Headline>
-      {elements.map((i: { title: string; anchor: string }) => (
-        <List key={i.title} variant="toc">
-          <List.Item>
-            <Link
-              id={getId(i.title)}
-              variant="toc"
-              href={i.anchor}
-              css={styles.item}
-              data-active={activeId === getId(i.title) ? 'true' : 'false'}
-              data-intersection-active={
-                activeId === getId(i.title) ? 'true' : 'false'
-              }
-            >
-              {i.title}
-            </Link>
-          </List.Item>
-        </List>
-      ))}
-    </Box>
-  );
-
-  return createPortal(<TocPortal />, ref.current);
-};
-
-export const TocContainer = () => {
-  return <Box id="toc" css={{ display: ['none', 'none', 'block'] }}></Box>;
-};
diff --git a/docs-old/src/components/Version.tsx b/docs-old/src/components/Version.tsx
deleted file mode 100644
index c597326e61..0000000000
--- a/docs-old/src/components/Version.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-import { Text } from '@marigold/components';
-
-export const Version = () => {
-  const version = process.env.version;
-  return (
-    <Text variant="muted" align="right">
-      v{version}
-    </Text>
-  );
-};
diff --git a/docs-old/src/components/index.ts b/docs-old/src/components/index.ts
deleted file mode 100644
index b26e5a344d..0000000000
--- a/docs-old/src/components/index.ts
+++ /dev/null
@@ -1,21 +0,0 @@
-export * from './AppearanceTable';
-export * from './Block';
-export * from './CopyButton';
-export * from './IconLinks';
-export * from './GradientHeadline';
-export * from './Icons';
-export * from './IconList';
-export * from './Layout';
-export * from './Link';
-export * from './Logo';
-export * from './MarigoldTheme';
-export * from './Navigation';
-export * from './Placeholder';
-export * from './Preview';
-export * from './PropsTable';
-export * from './ScrollToTop';
-export * from './Toc';
-export * from './ThemeMenu';
-export * from './ThemeSwitch';
-export * from './Title';
-export * from './Version';
diff --git a/docs-old/src/demos/components/Accordion/basic-accordion.tsx b/docs-old/src/demos/components/Accordion/basic-accordion.tsx
deleted file mode 100644
index f33a07cf8d..0000000000
--- a/docs-old/src/demos/components/Accordion/basic-accordion.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Accordion, Text } from '@marigold/components';
-
-export const BasicAccordion = () => {
-  return (
-    <Accordion defaultExpandedKeys={[1]}>
-      <Accordion.Item key={1} title="Harry Potter and the Philosopher's Stone">
-        <Text>
-          Harry Potter and the Philosopher's Stone is a 1997 fantasy novel
-          written by British author J. K. Rowling. The first novel in the Harry
-          Potter series and Rowling's debut novel, it follows Harry Potter, a
-          young wizard who discovers his magical heritage on his eleventh
-          birthday, when he receives a letter of acceptance to Hogwarts School
-          of Witchcraft and Wizardry. Harry makes close friends and a few
-          enemies during his first year at the school and with the help of his
-          friends, Ron Weasley and Hermione Granger, he faces an attempted
-          comeback by the dark wizard Lord Voldemort, who killed Harry's
-          parents, but failed to kill Harry when he was just 15 months old.
-        </Text>
-      </Accordion.Item>
-      <Accordion.Item key={2} title="Harry Potter and the Chamber of Secrets">
-        <Text>
-          Harry Potter and the Chamber of Secrets is a fantasy novel written by
-          British author J. K. Rowling and the second novel in the Harry Potter
-          series. The plot follows Harry's second year at Hogwarts School of
-          Witchcraft and Wizardry, during which a series of messages on the
-          walls of the school's corridors warn that the "Chamber of Secrets" has
-          been opened and that the "heir of Slytherin" would kill all pupils who
-          do not come from all-magical families. These threats are found after
-          attacks that leave residents of the school petrified. Throughout the
-          year, Harry and his friends Ron and Hermione investigate the attacks.
-        </Text>
-      </Accordion.Item>
-      <Accordion.Item key={3} title="Harry Potter and the Prisoner of Azkaban">
-        <Text>
-          Harry Potter and the Prisoner of Azkaban is a fantasy novel written by
-          British author J. K. Rowling and is the third in the Harry Potter
-          series. The book follows Harry Potter, a young wizard, in his third
-          year at Hogwarts School of Witchcraft and Wizardry. Along with friends
-          Ronald Weasley and Hermione Granger, Harry investigates Sirius Black,
-          an escaped prisoner from Azkaban, the wizard prison, believed to be
-          one of Lord Voldemort's old allies.
-        </Text>
-      </Accordion.Item>
-    </Accordion>
-  );
-};
diff --git a/docs-old/src/demos/components/Accordion/index.ts b/docs-old/src/demos/components/Accordion/index.ts
deleted file mode 100644
index 10dc56c8ce..0000000000
--- a/docs-old/src/demos/components/Accordion/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './multi-select-accordion.demo';
-export * from './single-select-accordion.demo';
-export * from './basic-accordion';
diff --git a/docs-old/src/demos/components/Accordion/multi-select-accordion.demo.tsx b/docs-old/src/demos/components/Accordion/multi-select-accordion.demo.tsx
deleted file mode 100644
index 29183cd20d..0000000000
--- a/docs-old/src/demos/components/Accordion/multi-select-accordion.demo.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import {
-  Accordion,
-  Inline,
-  Text,
-  TextField,
-  NumberField,
-  Stack,
-} from '@marigold/components';
-import { Parking, SettingDots, Accessible } from '@marigold/icons';
-
-export const MultiSelect = () => {
-  const items = [
-    {
-      key: 'one',
-      textValue: 'Parking passes',
-      title: (
-        <Inline space="medium">
-          <Parking />
-          <Text fontStyle="bold">Parking passes</Text>
-        </Inline>
-      ),
-      children: (
-        <Stack space="medium">
-          <TextField
-            label="Parking Slots"
-            description="Available parking passes"
-          />
-          <NumberField
-            label="Costs"
-            description="Amount in euros"
-            defaultValue={5}
-            formatOptions={{
-              style: 'currency',
-              currency: 'EUR',
-            }}
-          />
-        </Stack>
-      ),
-    },
-    {
-      key: 'two',
-      textValue: 'Handicapped parking spaces',
-      title: (
-        <Inline space="medium">
-          <Accessible />
-          <Text fontStyle="bold">Handicapped parking spaces</Text>
-        </Inline>
-      ),
-      children: (
-        <Stack space="medium">
-          <TextField
-            label="Parking Slots"
-            description="Available parking passes"
-          />
-          <NumberField
-            label="Costs"
-            description="Amount in euros"
-            defaultValue={5}
-            formatOptions={{
-              style: 'currency',
-              currency: 'EUR',
-            }}
-          />
-        </Stack>
-      ),
-    },
-    {
-      key: 'tree',
-      textValue: 'Settings',
-      title: (
-        <Inline space="medium">
-          <SettingDots />
-          <Text fontStyle="bold">Settings</Text>
-        </Inline>
-      ),
-      children: (
-        <TextField
-          label="Parking Stations"
-          description="Available parking stations"
-        />
-      ),
-    },
-  ];
-
-  return (
-    <Accordion selectionMode="multiple" defaultExpandedKeys={['two']}>
-      {items.map(item => (
-        <Accordion.Item
-          key={item.key}
-          title={item.title}
-          textValue={item.textValue}
-        >
-          {item.children}
-        </Accordion.Item>
-      ))}
-    </Accordion>
-  );
-};
diff --git a/docs-old/src/demos/components/Accordion/single-select-accordion.demo.tsx b/docs-old/src/demos/components/Accordion/single-select-accordion.demo.tsx
deleted file mode 100644
index 4eaf4b34bd..0000000000
--- a/docs-old/src/demos/components/Accordion/single-select-accordion.demo.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Accordion, Text, TextField } from '@marigold/components';
-
-export const ComplexSingleSelect = () => {
-  return (
-    <Accordion defaultExpandedKeys={[1]}>
-      <Accordion.Item key={1} title="Some Imformations">
-        <TextField label="Name" />
-      </Accordion.Item>
-      <Accordion.Item key={2} title="Personal Settings">
-        <Text>Here is some useful text with some settings to choose</Text>
-      </Accordion.Item>
-      <Accordion.Item key={3} title="Billing Adress">
-        <Text>Some more informations</Text>
-      </Accordion.Item>
-    </Accordion>
-  );
-};
diff --git a/docs-old/src/demos/components/Aside/index.ts b/docs-old/src/demos/components/Aside/index.ts
deleted file mode 100644
index 98f4e3bf77..0000000000
--- a/docs-old/src/demos/components/Aside/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './rightside.demo';
-export * from './simple-aside.demo';
-export * from './space.demo';
diff --git a/docs-old/src/demos/components/Aside/rightside.demo.tsx b/docs-old/src/demos/components/Aside/rightside.demo.tsx
deleted file mode 100644
index 5ff5b29e64..0000000000
--- a/docs-old/src/demos/components/Aside/rightside.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Aside, Box } from '@marigold/components';
-
-export const RightSide = () => (
-  <Aside space="medium" side="right">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-        width: '50px',
-      }}
-    />
-  </Aside>
-);
diff --git a/docs-old/src/demos/components/Aside/simple-aside.demo.tsx b/docs-old/src/demos/components/Aside/simple-aside.demo.tsx
deleted file mode 100644
index 3347e03f53..0000000000
--- a/docs-old/src/demos/components/Aside/simple-aside.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Aside, Box } from '@marigold/components';
-
-export const BasicAside = () => (
-  <Aside space="medium" side="left">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-        width: '50px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-      }}
-    />
-  </Aside>
-);
diff --git a/docs-old/src/demos/components/Aside/space.demo.tsx b/docs-old/src/demos/components/Aside/space.demo.tsx
deleted file mode 100644
index 6878ab3b90..0000000000
--- a/docs-old/src/demos/components/Aside/space.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Aside, Box } from '@marigold/components';
-
-export const SpaceBetween = () => (
-  <Aside space="large">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-        width: '50px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-      }}
-    />
-  </Aside>
-);
diff --git a/docs-old/src/demos/components/Aspect/golden-aspect.demo.tsx b/docs-old/src/demos/components/Aspect/golden-aspect.demo.tsx
deleted file mode 100644
index 7eedb51150..0000000000
--- a/docs-old/src/demos/components/Aspect/golden-aspect.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Aspect, Image } from '@marigold/components';
-
-export const GoldenAspect = () => (
-  <Aspect ratio="golden">
-    <Image
-      src="https://images.unsplash.com/photo-1603910234616-3b5f4a6be2b4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"
-      alt="event_image"
-    />
-  </Aspect>
-);
diff --git a/docs-old/src/demos/components/Aspect/index.ts b/docs-old/src/demos/components/Aspect/index.ts
deleted file mode 100644
index c4ce11d0c9..0000000000
--- a/docs-old/src/demos/components/Aspect/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './simple-aspect.demo';
-export * from './golden-aspect.demo';
-export * from './ratio-square.demo';
-export * from './map.demo';
-export * from './video.demo';
diff --git a/docs-old/src/demos/components/Aspect/map.demo.tsx b/docs-old/src/demos/components/Aspect/map.demo.tsx
deleted file mode 100644
index a68c89be93..0000000000
--- a/docs-old/src/demos/components/Aspect/map.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Aspect } from '@marigold/components';
-
-export const AspectMap = () => (
-  <Aspect ratio="landscape">
-    <iframe
-      src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4820.000043444012!2d7.826018541821473!3d48.020383262446884!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47911b1e29425703%3A0xbe342117a976e59!2sEuropa-Park%20Stadion!5e1!3m2!1sde!2sde!4v1647595604899!5m2!1sde!2sde"
-      title="sc_map"
-      width="100%"
-      height="100%"
-    />
-  </Aspect>
-);
diff --git a/docs-old/src/demos/components/Aspect/ratio-square.demo.tsx b/docs-old/src/demos/components/Aspect/ratio-square.demo.tsx
deleted file mode 100644
index 4415fe36d5..0000000000
--- a/docs-old/src/demos/components/Aspect/ratio-square.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Aspect, Image } from '@marigold/components';
-
-export const RatioSquare = () => (
-  <Aspect maxWidth="25vw">
-    <Image
-      src="https://images.unsplash.com/photo-1603910234616-3b5f4a6be2b4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"
-      alt="event_image"
-    />
-  </Aspect>
-);
diff --git a/docs-old/src/demos/components/Aspect/simple-aspect.demo.tsx b/docs-old/src/demos/components/Aspect/simple-aspect.demo.tsx
deleted file mode 100644
index 49e1d2e87f..0000000000
--- a/docs-old/src/demos/components/Aspect/simple-aspect.demo.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Aspect, Box } from '@marigold/components';
-
-export const BasicAspect = () => (
-  <Aspect maxWidth="25%">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100%',
-      }}
-    />
-  </Aspect>
-);
diff --git a/docs-old/src/demos/components/Aspect/video.demo.tsx b/docs-old/src/demos/components/Aspect/video.demo.tsx
deleted file mode 100644
index 7f750fa727..0000000000
--- a/docs-old/src/demos/components/Aspect/video.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Aspect } from '@marigold/components';
-
-export const AspectVideo = () => (
-  <Aspect ratio="widescreen">
-    <iframe
-      title="rx_video"
-      src="https://www.youtube.com/embed/_ZKugGhbjLY"
-      width="100%"
-      height="100%"
-      frameBorder="0"
-      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-      allowFullScreen
-    />
-  </Aspect>
-);
diff --git a/docs-old/src/demos/components/Autocomplete/autocomplete-async.demo.tsx b/docs-old/src/demos/components/Autocomplete/autocomplete-async.demo.tsx
deleted file mode 100644
index 3a432217d7..0000000000
--- a/docs-old/src/demos/components/Autocomplete/autocomplete-async.demo.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import { useState, Key } from 'react';
-import {
-  useAsyncList,
-  Autocomplete,
-  Message,
-  Stack,
-  Table,
-} from '@marigold/components';
-
-export const AutocompleteAsyncDemo = () => {
-  const columns = [
-    { name: 'Name', key: 'name' },
-    { name: 'Gender', key: 'gender' },
-    { name: 'Skin Color', key: 'skin_color' },
-    { name: 'height', key: 'height' },
-    { name: 'Weight', key: 'mass' },
-  ];
-
-  const [result, setResult] = useState<{ [key: string]: string }[] | null>(
-    null
-  );
-  const list = useAsyncList<{ [key: string]: string }>({
-    async load({ signal, filterText }) {
-      const res = await fetch(
-        `https://swapi.py4e.com/api/people/?search=${filterText}`,
-        { signal }
-      );
-      const json = await res.json();
-
-      return {
-        items: json.results,
-      };
-    },
-  });
-  const handleSubmit = (key: Key | null, value: string | null) => {
-    if (key) {
-      const result = list.items.find(c => c.name === key);
-      setResult(result ? [result] : null);
-    }
-    if (value) {
-      setResult(list.items);
-    }
-  };
-
-  return (
-    <Stack space="large">
-      <Autocomplete
-        label="Star Wars Character"
-        menuTrigger="focus"
-        items={list.items}
-        value={list.filterText}
-        onChange={list.setFilterText}
-        onSubmit={handleSubmit}
-      >
-        {(item: any) => (
-          <Autocomplete.Item key={item.name}>{item.name}</Autocomplete.Item>
-        )}
-      </Autocomplete>
-      {result === null ? null : result.length > 0 ? (
-        <Table aria-label="Character results" selectionMode="none" stretch>
-          <Table.Header columns={columns}>
-            {column => <Table.Column>{column.name}</Table.Column>}
-          </Table.Header>
-          <Table.Body items={result}>
-            {item => (
-              <Table.Row key={item.name}>
-                {columnKey => <Table.Cell>{item[columnKey]}</Table.Cell>}
-              </Table.Row>
-            )}
-          </Table.Body>
-        </Table>
-      ) : (
-        <Message messageTitle="Empty Result">
-          No Character matched your query, sorry! 😭
-        </Message>
-      )}
-    </Stack>
-  );
-};
diff --git a/docs-old/src/demos/components/Autocomplete/autocomplete-basic.demo.tsx b/docs-old/src/demos/components/Autocomplete/autocomplete-basic.demo.tsx
deleted file mode 100644
index b898d76b3e..0000000000
--- a/docs-old/src/demos/components/Autocomplete/autocomplete-basic.demo.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Autocomplete } from '@marigold/components';
-
-export const BasicAutocomplete = () => (
-  <Autocomplete label="Favorite franchise:">
-    <Autocomplete.Item key="Harry Potter">Harry Potter</Autocomplete.Item>
-    <Autocomplete.Item key="Lord of the Rings">
-      Lord of the Rings
-    </Autocomplete.Item>
-    <Autocomplete.Item key="Star Wars">Star Wars</Autocomplete.Item>
-    <Autocomplete.Item key="Star Trek">Star Trek</Autocomplete.Item>
-    <Autocomplete.Item key="Firefly">Firefly</Autocomplete.Item>
-  </Autocomplete>
-);
diff --git a/docs-old/src/demos/components/Autocomplete/autocomplete-controlled.demo.tsx b/docs-old/src/demos/components/Autocomplete/autocomplete-controlled.demo.tsx
deleted file mode 100644
index 509f2593eb..0000000000
--- a/docs-old/src/demos/components/Autocomplete/autocomplete-controlled.demo.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { Key, useMemo, useState } from 'react';
-import { Autocomplete, Stack, Text } from '@marigold/components';
-
-export const AutocompleteControlledDemo = () => {
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  const vegetables = [
-    { id: 'spinach', name: 'Spinach' },
-    { id: 'carrots', name: 'Carrots' },
-    { id: 'broccoli', name: 'Broccoli' },
-    { id: 'garlic', name: 'Garlic' },
-    { id: 'brussels-sprouts', name: 'Brussels Sprouts' },
-    { id: 'kale', name: 'Kale' },
-    { id: 'peas', name: 'Peas' },
-    { id: 'beets', name: 'Beets' },
-  ];
-
-  const [input, setInput] = useState('');
-  const [submitted, setSubmitted] = useState<[Key | null, string | null]>([
-    '',
-    '',
-  ]);
-  const filteredVeggies = useMemo(
-    () =>
-      vegetables.filter(item =>
-        item.name
-          .toLocaleLowerCase()
-          .replace(/\s/g, '')
-          .includes(input.toLocaleLowerCase().replace(/\s/g, ''))
-      ),
-    [vegetables, input]
-  );
-
-  return (
-    <Stack space="large">
-      <Autocomplete
-        label="Favorite vegetable:"
-        items={filteredVeggies}
-        value={input}
-        onChange={setInput}
-        onSubmit={(key, val) => setSubmitted([key, val])}
-      >
-        {(item: (typeof vegetables)[number]) => (
-          <Autocomplete.Item>{item.name}</Autocomplete.Item>
-        )}
-      </Autocomplete>
-      <Stack>
-        <Text fontWeight="900">User input: "{input}"</Text>
-        <Text fontWeight="900">User subbmitted: "{submitted}"</Text>
-      </Stack>
-    </Stack>
-  );
-};
diff --git a/docs-old/src/demos/components/Autocomplete/autocomplete-uncontrolled.demo.tsx b/docs-old/src/demos/components/Autocomplete/autocomplete-uncontrolled.demo.tsx
deleted file mode 100644
index 12c14d5785..0000000000
--- a/docs-old/src/demos/components/Autocomplete/autocomplete-uncontrolled.demo.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Key, useState } from 'react';
-import { Autocomplete, Stack, Text } from '@marigold/components';
-
-export const AutocompleteUncontrolledDemo = () => {
-  const [submitted, setSubmitted] = useState<[Key | null, string | null]>([
-    '',
-    '',
-  ]);
-
-  return (
-    <Stack space="medium">
-      <Autocomplete
-        label="Favorite vegetable:"
-        onSubmit={(key, val) => setSubmitted([key, val])}
-      >
-        <Autocomplete.Item key="spinach">Spinach</Autocomplete.Item>
-        <Autocomplete.Item key="carrots">Carrots</Autocomplete.Item>
-        <Autocomplete.Item key="broccoli">Broccoli</Autocomplete.Item>
-        <Autocomplete.Item key="garlic">Garlic</Autocomplete.Item>
-        <Autocomplete.Item key="brussels-sprouts">
-          Brussels Sprouts
-        </Autocomplete.Item>
-        <Autocomplete.Item key="kale">Kale</Autocomplete.Item>
-        <Autocomplete.Item key="peas">Peas</Autocomplete.Item>
-        <Autocomplete.Item key="beets">Beets</Autocomplete.Item>
-      </Autocomplete>
-      <Text fontWeight="900">User subbmitted: "{submitted}"</Text>
-    </Stack>
-  );
-};
diff --git a/docs-old/src/demos/components/Autocomplete/index.ts b/docs-old/src/demos/components/Autocomplete/index.ts
deleted file mode 100644
index 76d175d77d..0000000000
--- a/docs-old/src/demos/components/Autocomplete/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './autocomplete-async.demo';
-export * from './autocomplete-basic.demo';
-export * from './autocomplete-controlled.demo';
-export * from './autocomplete-uncontrolled.demo';
diff --git a/docs-old/src/demos/components/Badge/badge-dark.demo.tsx b/docs-old/src/demos/components/Badge/badge-dark.demo.tsx
deleted file mode 100644
index 6dc6a2f7ec..0000000000
--- a/docs-old/src/demos/components/Badge/badge-dark.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Badge } from '@marigold/components';
-
-export const DarkBadge = () => (
-  <Badge variant="dark">vor kurzem aktualisiert</Badge>
-);
diff --git a/docs-old/src/demos/components/Badge/basic-badge.demo.tsx b/docs-old/src/demos/components/Badge/basic-badge.demo.tsx
deleted file mode 100644
index 4aa28446d1..0000000000
--- a/docs-old/src/demos/components/Badge/basic-badge.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Badge } from '@marigold/components';
-
-export const BasicBadgeDemo = () => <Badge variant="info">new</Badge>;
diff --git a/docs-old/src/demos/components/Badge/icon-badge.demo.tsx b/docs-old/src/demos/components/Badge/icon-badge.demo.tsx
deleted file mode 100644
index e147c03d39..0000000000
--- a/docs-old/src/demos/components/Badge/icon-badge.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Badge } from '@marigold/components';
-import { Info } from '@marigold/icons';
-
-export const IconBadgeDemo = () => (
-  <Badge variant="info">
-    <Info />
-  </Badge>
-);
diff --git a/docs-old/src/demos/components/Badge/index.ts b/docs-old/src/demos/components/Badge/index.ts
deleted file mode 100644
index b8300f3e65..0000000000
--- a/docs-old/src/demos/components/Badge/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-badge.demo';
-export * from './icon-badge.demo';
-export * from './badge-dark.demo';
diff --git a/docs-old/src/demos/components/Body/index.ts b/docs-old/src/demos/components/Body/index.ts
deleted file mode 100644
index 3c86fe364f..0000000000
--- a/docs-old/src/demos/components/Body/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './simple-body.demo';
diff --git a/docs-old/src/demos/components/Body/simple-body.demo.tsx b/docs-old/src/demos/components/Body/simple-body.demo.tsx
deleted file mode 100644
index 167e56badf..0000000000
--- a/docs-old/src/demos/components/Body/simple-body.demo.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import {
-  Card,
-  Header,
-  Headline,
-  Body,
-  Footer,
-  Text,
-} from '@marigold/components';
-
-export const BasicBody = () => (
-  <>
-    <Card>
-      <Header>
-        <Headline level="2">A really good header!</Headline>
-      </Header>
-      <Body>
-        <Text>In this body fits really great content.</Text>
-      </Body>
-      <Footer>
-        <Text>And awesome footer!</Text>
-      </Footer>
-    </Card>
-  </>
-);
diff --git a/docs-old/src/demos/components/Box/box-as-button.demo.tsx b/docs-old/src/demos/components/Box/box-as-button.demo.tsx
deleted file mode 100644
index e677233421..0000000000
--- a/docs-old/src/demos/components/Box/box-as-button.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Center } from '@marigold/components';
-import { Box } from '@marigold/system';
-
-export const ButtonAsBoxDemo = () => (
-  <Center>
-    <Box as="button">I am a button!</Box>
-  </Center>
-);
diff --git a/docs-old/src/demos/components/Box/box-as-component.demo.tsx b/docs-old/src/demos/components/Box/box-as-component.demo.tsx
deleted file mode 100644
index b3bbad2d1d..0000000000
--- a/docs-old/src/demos/components/Box/box-as-component.demo.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { ReactNode } from 'react';
-import { Box } from '@marigold/system';
-import { Center } from '@marigold/components';
-
-export const BoxAsComponentDemo = () => {
-  /**
-   * Image this is the <Link> component from a lib
-   * like `react-router`.
-   */
-  const RouterLink = ({
-    to,
-    children,
-    ...props
-  }: {
-    to: string;
-    children: ReactNode;
-    className?: string;
-  }) => (
-    <a href={to} {...props}>
-      {children}
-    </a>
-  );
-
-  return (
-    <Center>
-      <Box
-        css={{ '&:hover': { color: '#fa8005' } }}
-        as={RouterLink}
-        to="https://karriere.reservix.net/"
-      >
-        Reservix
-      </Box>
-    </Center>
-  );
-};
diff --git a/docs-old/src/demos/components/Box/box-basic.demo.tsx b/docs-old/src/demos/components/Box/box-basic.demo.tsx
deleted file mode 100644
index f5999c8e27..0000000000
--- a/docs-old/src/demos/components/Box/box-basic.demo.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { Box, Center, Stack } from '@marigold/components';
-import { keyframes } from '@marigold/system';
-
-export const BasicBoxDemo = () => {
-  const borderWidth = 5;
-  const animateGradient = keyframes({
-    '0%': {
-      backgroundPosition: '0% 50%',
-    },
-    '50%': {
-      backgroundPosition: '100% 50%',
-    },
-    '100%': {
-      backgrounPposition: '0% 50%',
-    },
-  });
-
-  return (
-    <Stack space="medium">
-      <Center>
-        <Box
-          css={{
-            display: 'grid',
-            placeItems: 'center',
-            py: 12,
-            px: 40,
-
-            background: '#f1f3f5',
-            borderRadius: borderWidth,
-          }}
-        >
-          I am just a simple Box.
-        </Box>
-      </Center>
-      <Center>
-        <Box
-          css={{
-            display: 'grid',
-            placeItems: 'center',
-            py: 12,
-            px: 40,
-
-            color: '#fff',
-            fontWeight: 700,
-            fontSize: '1.25rem',
-
-            borderRadius: borderWidth,
-            background:
-              'linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82)',
-            animation: `${animateGradient} 3s ease alternate infinite`,
-            backgroundSize: '300% 300%',
-          }}
-        >
-          But I am funky fresh!
-        </Box>
-      </Center>
-    </Stack>
-  );
-};
diff --git a/docs-old/src/demos/components/Box/box-css-prop.demo.tsx b/docs-old/src/demos/components/Box/box-css-prop.demo.tsx
deleted file mode 100644
index 9521148db9..0000000000
--- a/docs-old/src/demos/components/Box/box-css-prop.demo.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import { Box, Center } from '@marigold/components';
-import { keyframes } from '@marigold/system';
-
-export const CssPropBoxDemo = () => {
-  const shiny = keyframes({
-    '0%': { WebkitTransform: 'scale(0) rotate(45deg)', opacity: 0 },
-    '80%': { WebkitTransform: 'scale(0) rotate(45deg)', opacity: 0.5 },
-    '81%': { WebkitTransform: 'scale(4) rotate(45deg)', opacity: 1 },
-    '100%': { WebkitTransform: 'scale(50) rotate(45deg)', opacity: 0 },
-  });
-  return (
-    <Center>
-      <Box
-        as="button"
-        css={{
-          display: 'inline-block',
-          position: 'relative',
-          px: 24,
-          py: 12,
-          color: '#fff',
-          borderRadius: 5,
-          fontSize: 16,
-          fontWeight: 700,
-          cursor: 'pointer',
-          transition: 'all 0.3s ease',
-          boxShadow:
-            'inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1)',
-          outline: 'none',
-
-          border: 'none',
-          background:
-            'linear-gradient(0deg, rgba(251,33,117,1) 0%, rgba(234,76,137,1) 100%)',
-          overflow: 'hidden',
-
-          '&:before': {
-            position: 'absolute',
-            content: "''",
-            display: 'inline-block',
-            top: '-180px',
-            left: '0',
-            width: '30px',
-            height: '100%',
-            backgroundColor: '#fff',
-            animation: `${shiny} 3s ease-in-out infinite`,
-          },
-
-          '&:hover': { color: '#fff', opacity: 0.7 },
-          '&:active': {
-            boxShadow:
-              '4px 4px 6px 0 rgba(255,255,255,.3), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .2)',
-          },
-        }}
-      >
-        Hover Me
-      </Box>
-    </Center>
-  );
-};
diff --git a/docs-old/src/demos/components/Box/index.ts b/docs-old/src/demos/components/Box/index.ts
deleted file mode 100644
index 1914f4f38f..0000000000
--- a/docs-old/src/demos/components/Box/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './box-as-button.demo';
-export * from './box-as-component.demo';
-export * from './box-basic.demo';
-export * from './box-css-prop.demo';
diff --git a/docs-old/src/demos/components/Breakout/basic-breakout.demo.tsx b/docs-old/src/demos/components/Breakout/basic-breakout.demo.tsx
deleted file mode 100644
index ec9357b963..0000000000
--- a/docs-old/src/demos/components/Breakout/basic-breakout.demo.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Container, Breakout, Box } from '@marigold/components';
-
-export const BasicBreakout = () => (
-  <Container align="center">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '80px',
-        width: '100%',
-      }}
-    />
-    <Breakout alignY="center">
-      <Box
-        css={{
-          bg: '#e9ecef',
-          border: '1px solid #ced4da',
-          textAlign: 'center',
-        }}
-      >
-        BREAKOUT
-      </Box>
-    </Breakout>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '80px',
-        width: '100%',
-      }}
-    />
-  </Container>
-);
diff --git a/docs-old/src/demos/components/Breakout/horizontal-breakout.demo.tsx b/docs-old/src/demos/components/Breakout/horizontal-breakout.demo.tsx
deleted file mode 100644
index 32db1fa4d3..0000000000
--- a/docs-old/src/demos/components/Breakout/horizontal-breakout.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Breakout, Container } from '@marigold/components';
-
-export const HorizontalBreakout = () => (
-  <Container align="center">
-    <div className="h-20 w-full border border-slate-300 bg-slate-200" />
-    <Breakout alignX="right">
-      <div>BREAKOUT with right aligned content</div>
-    </Breakout>
-    <div className="h-20 w-full border border-slate-300 bg-slate-200" />
-  </Container>
-);
diff --git a/docs-old/src/demos/components/Breakout/iframe-breakout.demo.tsx b/docs-old/src/demos/components/Breakout/iframe-breakout.demo.tsx
deleted file mode 100644
index fe7c8fb8e7..0000000000
--- a/docs-old/src/demos/components/Breakout/iframe-breakout.demo.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Aspect, Box, Breakout, Container, Text } from '@marigold/components';
-
-export const iframeBreakout = () => (
-  <Container align="center">
-    <Box
-      as={Text}
-      css={{
-        pb: 'medium',
-      }}
-    >
-      Lorem Ipsum is simply dummy text of the printing and typesetting industry.
-      Lorem Ipsum has been the industry's standard dummy text ever since the
-      1500s, when an unknown printer took a galley of type and scrambled it to
-      make a type specimen book.
-    </Box>
-    <Breakout>
-      <Aspect ratio="ultrawide">
-        <iframe
-          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4820.000043444012!2d7.826018541821473!3d48.020383262446884!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47911b1e29425703%3A0xbe342117a976e59!2sEuropa-Park%20Stadion!5e1!3m2!1sde!2sde!4v1647595604899!5m2!1sde!2sde"
-          title="sc_map"
-          width="100%"
-          height="100%"
-        />
-      </Aspect>
-    </Breakout>
-    <Box as={Text} css={{ pt: 'medium' }}>
-      It has survived not only five centuries, but also the leap into electronic
-      typesetting, remaining essentially unchanged. It was popularised in the
-      1960s with the release of Letraset sheets containing Lorem Ipsum passages,
-      and more recently with desktop publishing software like Aldus PageMaker
-      including versions of Lorem Ipsum.
-    </Box>
-  </Container>
-);
diff --git a/docs-old/src/demos/components/Breakout/index.ts b/docs-old/src/demos/components/Breakout/index.ts
deleted file mode 100644
index 6943af598d..0000000000
--- a/docs-old/src/demos/components/Breakout/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './basic-breakout.demo';
-export * from './vertical-breakout.demo';
-export * from './horizontal-breakout.demo';
-export * from './iframe-breakout.demo';
diff --git a/docs-old/src/demos/components/Breakout/vertical-breakout.demo.tsx b/docs-old/src/demos/components/Breakout/vertical-breakout.demo.tsx
deleted file mode 100644
index 2df272c498..0000000000
--- a/docs-old/src/demos/components/Breakout/vertical-breakout.demo.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Box, Breakout, Container } from '@marigold/components';
-
-export const VerticalAlignment = () => (
-  <Container align="center">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '80px',
-        width: '100%',
-      }}
-    />
-    <Breakout height="100px" alignY="bottom">
-      <Box
-        css={{
-          bg: '#e9ecef',
-          border: '1px solid #ced4da',
-        }}
-      >
-        BREAKOUT with bottom alignment
-      </Box>
-    </Breakout>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '80px',
-        width: '100%',
-      }}
-    />
-  </Container>
-);
diff --git a/docs-old/src/demos/components/Button/button-ghost.demo.tsx b/docs-old/src/demos/components/Button/button-ghost.demo.tsx
deleted file mode 100644
index 76b0a31587..0000000000
--- a/docs-old/src/demos/components/Button/button-ghost.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const GhostButtons = () => (
-  <Inline space="small">
-    <Button variant="ghost">Ghost</Button>
-    <Button variant="ghost" disabled>
-      Ghost
-    </Button>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Button/button-icon.demo.tsx b/docs-old/src/demos/components/Button/button-icon.demo.tsx
deleted file mode 100644
index 69676f1a87..0000000000
--- a/docs-old/src/demos/components/Button/button-icon.demo.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-import { Ticket } from '@marigold/icons';
-
-export const ButtonIconDemo = () => (
-  <Inline space="small">
-    <Button variant="primary">
-      <Ticket /> Icon Primary
-    </Button>
-    <Button variant="primary" disabled>
-      <Ticket /> Icon Primary
-    </Button>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Button/button-link.demo.tsx b/docs-old/src/demos/components/Button/button-link.demo.tsx
deleted file mode 100644
index 15e3ee0150..0000000000
--- a/docs-old/src/demos/components/Button/button-link.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Button } from '@marigold/components';
-
-export const ButtonLinkDemo = () => (
-  <Button as="a" variant="primary" href="/rx-logo.png" download>
-    Download Logo
-  </Button>
-);
diff --git a/docs-old/src/demos/components/Button/button-primary.demo.tsx b/docs-old/src/demos/components/Button/button-primary.demo.tsx
deleted file mode 100644
index 170bba8d99..0000000000
--- a/docs-old/src/demos/components/Button/button-primary.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const PrimaryButtons = () => (
-  <Inline space="small">
-    <Button variant="primary">Primary</Button>
-    <Button variant="primary" disabled>
-      Primary
-    </Button>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Button/button-secondary.demo.tsx b/docs-old/src/demos/components/Button/button-secondary.demo.tsx
deleted file mode 100644
index 82c4d32b2d..0000000000
--- a/docs-old/src/demos/components/Button/button-secondary.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const SecondaryButtons = () => (
-  <Inline space="small">
-    <Button variant="secondary">Secondary</Button>
-    <Button variant="secondary" disabled>
-      Secondary
-    </Button>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Button/button-size.demo.tsx b/docs-old/src/demos/components/Button/button-size.demo.tsx
deleted file mode 100644
index a6593b693c..0000000000
--- a/docs-old/src/demos/components/Button/button-size.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const ButtonSizeDemo = () => (
-  <Inline space="small">
-    <Button variant="primary" size="small">
-      small
-    </Button>
-    <Button variant="primary" size="small" fullWidth>
-      small
-    </Button>
-    <Button variant="primary" size="small" disabled>
-      small
-    </Button>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Button/button-text.demo.tsx b/docs-old/src/demos/components/Button/button-text.demo.tsx
deleted file mode 100644
index f88447219a..0000000000
--- a/docs-old/src/demos/components/Button/button-text.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const TextOnlyButtons = () => (
-  <Inline space="small">
-    <Button variant="text">Text Only</Button>
-    <Button variant="text" disabled>
-      Text Only
-    </Button>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Button/button-variant.demo.tsx b/docs-old/src/demos/components/Button/button-variant.demo.tsx
deleted file mode 100644
index 09f92c374d..0000000000
--- a/docs-old/src/demos/components/Button/button-variant.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Button } from '@marigold/components';
-
-export const ButtonVariantDemo = () => (
-  <Inline space="small">
-    <Button variant="primary">Primary</Button>
-    <Button variant="secondary">Secondary</Button>
-    <Button variant="ghost">Ghost</Button>
-    <Button variant="text">Text Only</Button>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Button/index.ts b/docs-old/src/demos/components/Button/index.ts
deleted file mode 100644
index 2e01f24c91..0000000000
--- a/docs-old/src/demos/components/Button/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export * from './button-ghost.demo';
-export * from './button-icon.demo';
-export * from './button-link.demo';
-export * from './button-primary.demo';
-export * from './button-secondary.demo';
-export * from './button-size.demo';
-export * from './button-text.demo';
-export * from './button-variant.demo';
diff --git a/docs-old/src/demos/components/Calendar/basic-calendar.demo.tsx b/docs-old/src/demos/components/Calendar/basic-calendar.demo.tsx
deleted file mode 100644
index edb7f35aa0..0000000000
--- a/docs-old/src/demos/components/Calendar/basic-calendar.demo.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { getLocalTimeZone, today } from '@internationalized/date';
-import { Calendar } from '@marigold/components';
-
-export const BasicCalendar = () => (
-  <Calendar defaultValue={today(getLocalTimeZone())} />
-);
diff --git a/docs-old/src/demos/components/Calendar/disabled-calendar.demo.tsx b/docs-old/src/demos/components/Calendar/disabled-calendar.demo.tsx
deleted file mode 100644
index 1981e4e639..0000000000
--- a/docs-old/src/demos/components/Calendar/disabled-calendar.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Calendar } from '@marigold/components';
-
-export const DisabledCalendar = () => <Calendar disabled />;
diff --git a/docs-old/src/demos/components/Calendar/index.ts b/docs-old/src/demos/components/Calendar/index.ts
deleted file mode 100644
index 0a8159b98d..0000000000
--- a/docs-old/src/demos/components/Calendar/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './basic-calendar.demo';
-export * from './disabled-calendar.demo';
-export * from './readOnly-calendar.demo';
-export * from './range-calendar.demo';
diff --git a/docs-old/src/demos/components/Calendar/range-calendar.demo.tsx b/docs-old/src/demos/components/Calendar/range-calendar.demo.tsx
deleted file mode 100644
index b35d8dd0fa..0000000000
--- a/docs-old/src/demos/components/Calendar/range-calendar.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { Calendar } from '@marigold/components';
-
-export const RangedCalendar = () => (
-  <Calendar
-    minValue={new CalendarDate(2019, 6, 5)}
-    maxValue={new CalendarDate(2019, 6, 20)}
-  />
-);
diff --git a/docs-old/src/demos/components/Calendar/readOnly-calendar.demo.tsx b/docs-old/src/demos/components/Calendar/readOnly-calendar.demo.tsx
deleted file mode 100644
index dacbeed094..0000000000
--- a/docs-old/src/demos/components/Calendar/readOnly-calendar.demo.tsx
+++ /dev/null
@@ -1,6 +0,0 @@
-import { getLocalTimeZone, today } from '@internationalized/date';
-import { Calendar } from '@marigold/components';
-
-export const ReadOnlyCalendar = () => (
-  <Calendar defaultValue={today(getLocalTimeZone())} readOnly />
-);
diff --git a/docs-old/src/demos/components/Card/card-form.demo.tsx b/docs-old/src/demos/components/Card/card-form.demo.tsx
deleted file mode 100644
index 1fcca21978..0000000000
--- a/docs-old/src/demos/components/Card/card-form.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import {
-  Button,
-  Card,
-  Headline,
-  Stack,
-  Split,
-  TextField,
-} from '@marigold/components';
-
-export const CardFieldDemo = () => (
-  <Card>
-    <Stack space="medium">
-      <Headline level="3">Personal Settings</Headline>
-      <TextField label="Firstname" />
-      <TextField label="Lastname" />
-      <Split />
-      <Button variant="primary">Save</Button>
-    </Stack>
-  </Card>
-);
diff --git a/docs-old/src/demos/components/Card/card-infos.demo.tsx b/docs-old/src/demos/components/Card/card-infos.demo.tsx
deleted file mode 100644
index 743ea1af09..0000000000
--- a/docs-old/src/demos/components/Card/card-infos.demo.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Card, Link, Headline, Stack, Text } from '@marigold/components';
-
-export const CardInformations = () => (
-  <Card p="large">
-    <Stack space="small">
-      <Headline level="3">Professor Severus Snape</Headline>
-      <Text>
-        <strong>Professor Severus Snape</strong> (9 January, 1960[1] - 2 May,
-        1998)[2] was an English half-blood[3] wizard serving as Potions Master
-        (1981-1996), Head of Slytherin House (1981-1997), Defence Against the
-        Dark Arts professor (1996-1997), and Headmaster (1997-1998) of the
-        Hogwarts School of Witchcraft and Wizardry as well as a member of the
-        Order of the Phoenix and a Death Eater. His double life played an
-        extremely important role in both of the Wizarding Wars against
-        Voldemort.
-      </Text>
-      <Link
-        href="https://harrypotter.fandom.com/wiki/Severus_Snape"
-        target="blank"
-      >
-        Source
-      </Link>
-    </Stack>
-  </Card>
-);
diff --git a/docs-old/src/demos/components/Card/card.demo.tsx b/docs-old/src/demos/components/Card/card.demo.tsx
deleted file mode 100644
index 46925b348f..0000000000
--- a/docs-old/src/demos/components/Card/card.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Card, Headline, Text } from '@marigold/components';
-
-export const CardDemo = () => (
-  <Card>
-    <Headline>Hello there!</Headline>
-    <Text>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
-      dignissim dapibus elit, vel.
-    </Text>
-    <Text>Read more...</Text>
-  </Card>
-);
diff --git a/docs-old/src/demos/components/Card/index.ts b/docs-old/src/demos/components/Card/index.ts
deleted file mode 100644
index 2fc9b5052a..0000000000
--- a/docs-old/src/demos/components/Card/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './card.demo';
-export * from './card-form.demo';
-export * from './card-infos.demo';
diff --git a/docs-old/src/demos/components/Center/basic-center.demo.tsx b/docs-old/src/demos/components/Center/basic-center.demo.tsx
deleted file mode 100644
index 5d9b65d59e..0000000000
--- a/docs-old/src/demos/components/Center/basic-center.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Box, Center } from '@marigold/components';
-
-export const BasicCenter = () => (
-  <Center maxWidth="min(350px, 50vw)">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-        width: '100%',
-      }}
-    />
-  </Center>
-);
diff --git a/docs-old/src/demos/components/Center/box-center.demo.tsx b/docs-old/src/demos/components/Center/box-center.demo.tsx
deleted file mode 100644
index e2855d44f8..0000000000
--- a/docs-old/src/demos/components/Center/box-center.demo.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import { Box, Center, Inline, Text } from '@marigold/components';
-import { Stop, Play, Pause } from '@marigold/icons';
-
-export const BoxCenter = () => (
-  <Inline space="xsmall">
-    <Box
-      as={Center}
-      css={{
-        border: '2px solid #ced4da',
-        width: '80px',
-        height: '40px',
-      }}
-    >
-      <Text color="secondary">Song 1</Text>
-    </Box>
-    <Box
-      as={Center}
-      css={{
-        bg: 'secondary',
-        width: '40px',
-        height: '40px',
-      }}
-    >
-      <Play fill="white" />
-    </Box>
-    <Box
-      as={Center}
-      css={{
-        bg: 'secondary',
-        width: '40px',
-        height: '40px',
-      }}
-    >
-      <Pause fill="white" />
-    </Box>
-    <Box
-      as={Center}
-      css={{
-        bg: 'secondary',
-        width: '40px',
-        height: '40px',
-      }}
-    >
-      <Stop fill="white" />
-    </Box>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Center/index.ts b/docs-old/src/demos/components/Center/index.ts
deleted file mode 100644
index 3667650fff..0000000000
--- a/docs-old/src/demos/components/Center/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './basic-center.demo';
-export * from './box-center.demo';
-export * from './space-center.demo';
-export * from './text-center.demo';
-export * from './width-center.demo';
diff --git a/docs-old/src/demos/components/Center/space-center.demo.tsx b/docs-old/src/demos/components/Center/space-center.demo.tsx
deleted file mode 100644
index 50a3203c28..0000000000
--- a/docs-old/src/demos/components/Center/space-center.demo.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Box, Center } from '@marigold/components';
-
-export const SpaceCenter = () => (
-  <Center maxWidth="xxlarge" space="xsmall">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-        width: '100%',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-        width: '100%',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-        width: '100%',
-      }}
-    />
-  </Center>
-);
diff --git a/docs-old/src/demos/components/Center/text-center.demo.tsx b/docs-old/src/demos/components/Center/text-center.demo.tsx
deleted file mode 100644
index 7c80bdf2f5..0000000000
--- a/docs-old/src/demos/components/Center/text-center.demo.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Button, Center, Headline, Stack, Text } from '@marigold/components';
-
-export const TextCenter = () => (
-  <Stack space="medium">
-    <Headline level="2">Star Wars - The Empire Strikes Back</Headline>
-    <Text>
-      It is a dark time for the Rebellion. Although the Death Star has been
-      destroyed, Imperial troops have driven the Rebel forces from their hidden
-      base and pursued them across the galaxy.
-    </Text>
-    <Center>
-      <Button variant="secondary">Watch now</Button>
-    </Center>
-    <Text>
-      Evading the dreaded Imperial Starfleet, a group of freedom fighters led by
-      Luke Skywalker has established a new secret base on the remote ice world
-      of Hoth. The evil lord Darth Vader, obsessed with finding young Skywalker,
-      has dispatched thousands of remote probes into the far reaches of
-      space....
-    </Text>
-  </Stack>
-);
diff --git a/docs-old/src/demos/components/Center/width-center.demo.tsx b/docs-old/src/demos/components/Center/width-center.demo.tsx
deleted file mode 100644
index f7f8fb3158..0000000000
--- a/docs-old/src/demos/components/Center/width-center.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Box, Center } from '@marigold/components';
-
-export const WidthCenter = () => (
-  <Center maxWidth="xxlarge">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-        width: '100%',
-      }}
-    />
-  </Center>
-);
diff --git a/docs-old/src/demos/components/Checkbox/checkbox-disabled.demo.tsx b/docs-old/src/demos/components/Checkbox/checkbox-disabled.demo.tsx
deleted file mode 100644
index a0c22e26bc..0000000000
--- a/docs-old/src/demos/components/Checkbox/checkbox-disabled.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Checkbox, Stack } from '@marigold/components';
-
-export const CheckboxDisabledDemo = () => (
-  <Stack space="small">
-    <Checkbox disabled>Disabled</Checkbox>
-    <Checkbox checked disabled>
-      Checked and disabled
-    </Checkbox>
-  </Stack>
-);
diff --git a/docs-old/src/demos/components/Checkbox/checkbox-group.demo.tsx b/docs-old/src/demos/components/Checkbox/checkbox-group.demo.tsx
deleted file mode 100644
index 6c23d22331..0000000000
--- a/docs-old/src/demos/components/Checkbox/checkbox-group.demo.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useState } from 'react';
-import { Checkbox, CheckboxGroup } from '@marigold/components';
-
-export const CheckboxGroupoDemo = () => {
-  const [selected, setSelected] = useState<string[]>([]);
-  return (
-    <>
-      <CheckboxGroup
-        label="Choose your toppings:"
-        onChange={setSelected}
-        description="Just click on the options"
-      >
-        <Checkbox value="ham">🐖 Ham</Checkbox>
-        <Checkbox value="beef" disabled>
-          🐄 Beef (out of stock)
-        </Checkbox>
-        <Checkbox value="tuna">🐟 Tuna</Checkbox>
-        <Checkbox value="tomatos">🍅 Tomatos</Checkbox>
-        <Checkbox value="onions">🧅 Onions</Checkbox>
-        <Checkbox value="pineapple">🍍 Pineapple</Checkbox>
-      </CheckboxGroup>
-      <hr />
-      <pre>Selected values: {selected.join(', ')}</pre>
-    </>
-  );
-};
diff --git a/docs-old/src/demos/components/Checkbox/checkbox-indeterminate.demo.tsx b/docs-old/src/demos/components/Checkbox/checkbox-indeterminate.demo.tsx
deleted file mode 100644
index 1d4763e4e9..0000000000
--- a/docs-old/src/demos/components/Checkbox/checkbox-indeterminate.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Checkbox } from '@marigold/components';
-
-export const IndeterminateCheckbox = () => (
-  <Checkbox defaultChecked indeterminate>
-    Select all
-  </Checkbox>
-);
diff --git a/docs-old/src/demos/components/Checkbox/checkbox.demo.tsx b/docs-old/src/demos/components/Checkbox/checkbox.demo.tsx
deleted file mode 100644
index 16484ee0b5..0000000000
--- a/docs-old/src/demos/components/Checkbox/checkbox.demo.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import {
-  Button,
-  Center,
-  Checkbox,
-  Dialog,
-  Image,
-  Stack,
-} from '@marigold/components';
-
-export const CheckboxDemo = () => (
-  <Dialog.Trigger dismissable={false} keyboardDismissable={false}>
-    <Checkbox defaultChecked readOnly>
-      I will not talk about Fight Club
-    </Checkbox>
-    <Dialog>
-      {({ close }) => (
-        <Center>
-          <Stack space="medium">
-            <Image
-              alt="you will not talk about fight club"
-              src="/fight-club.gif"
-            />
-            <Button variant="primary" onClick={close}>
-              Fine! Calm down!
-            </Button>
-          </Stack>
-        </Center>
-      )}
-    </Dialog>
-  </Dialog.Trigger>
-);
diff --git a/docs-old/src/demos/components/Checkbox/index.ts b/docs-old/src/demos/components/Checkbox/index.ts
deleted file mode 100644
index 9b54538e59..0000000000
--- a/docs-old/src/demos/components/Checkbox/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './checkbox.demo';
-export * from './checkbox-disabled.demo';
-export * from './checkbox-group.demo';
-export * from './checkbox-indeterminate.demo';
diff --git a/docs-old/src/demos/components/Columns/basic-columns.demo.tsx b/docs-old/src/demos/components/Columns/basic-columns.demo.tsx
deleted file mode 100644
index 130a15e283..0000000000
--- a/docs-old/src/demos/components/Columns/basic-columns.demo.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Columns, Box } from '@marigold/components';
-
-export const BasicColumns = () => (
-  <Columns space="xsmall" columns={[2, 8, 2]} collapseAt="120px">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-  </Columns>
-);
diff --git a/docs-old/src/demos/components/Columns/collapse-columns.demo.tsx b/docs-old/src/demos/components/Columns/collapse-columns.demo.tsx
deleted file mode 100644
index 8e615347ea..0000000000
--- a/docs-old/src/demos/components/Columns/collapse-columns.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Box, Columns } from '@marigold/components';
-
-export const CollapseColumns = () => (
-  <Columns collapseAt="25em" space="xsmall" columns={[2, 10]}>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-  </Columns>
-);
diff --git a/docs-old/src/demos/components/Columns/index.ts b/docs-old/src/demos/components/Columns/index.ts
deleted file mode 100644
index 9cbd184a6a..0000000000
--- a/docs-old/src/demos/components/Columns/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './basic-columns.demo';
-export * from './collapse-columns.demo';
-export * from './layout-columns.demo';
-export * from './space-columns.demo';
-export * from './stretch-columns.demo';
-export * from './stretch-columns-switch.demo';
diff --git a/docs-old/src/demos/components/Columns/layout-columns.demo.tsx b/docs-old/src/demos/components/Columns/layout-columns.demo.tsx
deleted file mode 100644
index 249258c044..0000000000
--- a/docs-old/src/demos/components/Columns/layout-columns.demo.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Box, Columns } from '@marigold/components';
-
-export const PageLayoutColumns = () => (
-  <Columns space="xsmall" columns={[2, 8, 2]} collapseAt="25em">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '250px',
-        p: 'xsmall',
-      }}
-    >
-      Left Sidebar
-    </Box>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '250px',
-        p: 'xsmall',
-      }}
-    >
-      Main Content
-    </Box>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '250px',
-        p: 'xsmall',
-      }}
-    >
-      Right Sidebar
-    </Box>
-  </Columns>
-);
diff --git a/docs-old/src/demos/components/Columns/space-columns.demo.tsx b/docs-old/src/demos/components/Columns/space-columns.demo.tsx
deleted file mode 100644
index fb1c3db6cb..0000000000
--- a/docs-old/src/demos/components/Columns/space-columns.demo.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Box, Columns } from '@marigold/components';
-
-export const SpaceColumns = () => (
-  <Columns space="xsmall" columns={[2, 8, 2]} collapseAt="25em">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-  </Columns>
-);
diff --git a/docs-old/src/demos/components/Columns/stretch-columns-switch.demo.tsx b/docs-old/src/demos/components/Columns/stretch-columns-switch.demo.tsx
deleted file mode 100644
index a2d1b3191e..0000000000
--- a/docs-old/src/demos/components/Columns/stretch-columns-switch.demo.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { useState } from 'react';
-import { Box, Columns, Stack, Switch } from '@marigold/components';
-
-export const StretchColumnsSwitch = () => {
-  const [stretch, setStretch] = useState(false);
-
-  return (
-    <Stack space="medium">
-      <Box css={{ p: 8, borderRadius: 12, bg: '#e9ecef' }}>
-        <Switch onChange={() => setStretch(!stretch)}>Toggle stretch</Switch>
-      </Box>
-      <Box css={{ height: 300, bg: '#adb5bd' }}>
-        <Columns columns={[1, 1, 1]} stretch={stretch}>
-          <Box
-            css={{
-              border: '1px solid #495057',
-              bg: '#e9ecef',
-              height: '150px',
-            }}
-          />
-          <Box
-            css={{
-              border: '1px solid #495057',
-              bg: '#e9ecef',
-              height: '150px',
-            }}
-          />
-          <Box
-            css={{
-              border: '1px solid #495057',
-              bg: '#e9ecef',
-              height: '100%',
-              p: 8,
-            }}
-          >
-            I will grow, if you set <code>stretch</code> prop on the{' '}
-            <code>Columns</code>!
-          </Box>
-        </Columns>
-      </Box>
-    </Stack>
-  );
-};
diff --git a/docs-old/src/demos/components/Columns/stretch-columns.demo.tsx b/docs-old/src/demos/components/Columns/stretch-columns.demo.tsx
deleted file mode 100644
index 3c9a4abd29..0000000000
--- a/docs-old/src/demos/components/Columns/stretch-columns.demo.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Columns, Stack } from '@marigold/components';
-import { Block } from '~/components';
-
-export const StretchColumns = () => (
-  <Block>
-    <Stack space="medium">
-      <Block height={500}>
-        <Columns columns={[4, 4, 4]} space="small" stretch>
-          <Block height="100%">I have a height set to 100%!</Block>
-          <Block>I space myself</Block>
-          <Block height={200}>I have a height set to 200px.</Block>
-        </Columns>
-      </Block>
-      <Columns columns={[2, 1]} space="small">
-        <Block>
-          Columns will stretch if they get longer, like a regular CSS element.
-        </Block>
-        <Block>I am here too!</Block>
-      </Columns>
-    </Stack>
-  </Block>
-);
diff --git a/docs-old/src/demos/components/ComboBox/combobox-async.demo.tsx b/docs-old/src/demos/components/ComboBox/combobox-async.demo.tsx
deleted file mode 100644
index 2477fed04e..0000000000
--- a/docs-old/src/demos/components/ComboBox/combobox-async.demo.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { ComboBox, useAsyncList } from '@marigold/components';
-
-export const ComboBoxAsyncDemo = () => {
-  const list = useAsyncList<{ name: string }>({
-    async load({ signal, filterText }) {
-      const res = await fetch(
-        `https://swapi.py4e.com/api/people/?search=${filterText}`,
-        { signal }
-      );
-      const json = await res.json();
-
-      return {
-        items: json.results,
-      };
-    },
-  });
-  return (
-    <ComboBox
-      label="Star Wars Character Lookup"
-      value={list.filterText}
-      onChange={list.setFilterText}
-      items={list.items}
-    >
-      {(item: { name: string }) => (
-        <ComboBox.Item key={item.name}>{item.name}</ComboBox.Item>
-      )}
-    </ComboBox>
-  );
-};
diff --git a/docs-old/src/demos/components/ComboBox/combobox-basic.demo.tsx b/docs-old/src/demos/components/ComboBox/combobox-basic.demo.tsx
deleted file mode 100644
index 510ad50bd0..0000000000
--- a/docs-old/src/demos/components/ComboBox/combobox-basic.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { ComboBox } from '@marigold/components';
-
-export const BasicComboBox = () => (
-  <ComboBox defaultSelectedKey={'dog'} label="Animals">
-    <ComboBox.Item key="red panda">Red Panda</ComboBox.Item>
-    <ComboBox.Item key="cat">Cat</ComboBox.Item>
-    <ComboBox.Item key="dog">Dog</ComboBox.Item>
-    <ComboBox.Item key="aardvark">Aardvark</ComboBox.Item>
-    <ComboBox.Item key="kangaroo">Kangaroo</ComboBox.Item>
-    <ComboBox.Item key="snake">Snake</ComboBox.Item>
-    <ComboBox.Item key="vegan">Vegan</ComboBox.Item>
-    <ComboBox.Item key="mar">Margrita</ComboBox.Item>
-  </ComboBox>
-);
diff --git a/docs-old/src/demos/components/ComboBox/combobox-controlled.demo.tsx b/docs-old/src/demos/components/ComboBox/combobox-controlled.demo.tsx
deleted file mode 100644
index adfad4f857..0000000000
--- a/docs-old/src/demos/components/ComboBox/combobox-controlled.demo.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ComboBox, Stack, Text } from '@marigold/components';
-import { useState } from 'react';
-
-export const ControlledComboBox = () => {
-  const [currentValue, setCurrentValue] = useState<string | undefined>();
-  return (
-    <Stack>
-      <ComboBox
-        value={currentValue}
-        onChange={setCurrentValue}
-        defaultSelectedKey={3}
-        label="Animals"
-      >
-        <ComboBox.Item key="red panda">Red Panda</ComboBox.Item>
-        <ComboBox.Item key="cat">Cat</ComboBox.Item>
-        <ComboBox.Item key="dog">Dog</ComboBox.Item>
-        <ComboBox.Item key="aardvark">Aardvark</ComboBox.Item>
-        <ComboBox.Item key="kangaroo">Kangaroo</ComboBox.Item>
-      </ComboBox>
-      <Text fontWeight="900">currentValue: "{currentValue}"</Text>
-    </Stack>
-  );
-};
diff --git a/docs-old/src/demos/components/ComboBox/index.ts b/docs-old/src/demos/components/ComboBox/index.ts
deleted file mode 100644
index 4306cd0e59..0000000000
--- a/docs-old/src/demos/components/ComboBox/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './combobox-basic.demo';
-export * from './combobox-controlled.demo';
-export * from './combobox-async.demo';
diff --git a/docs-old/src/demos/components/Container/basic-container.demo.tsx b/docs-old/src/demos/components/Container/basic-container.demo.tsx
deleted file mode 100644
index 6b9161bfd2..0000000000
--- a/docs-old/src/demos/components/Container/basic-container.demo.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Box, Container, Headline, Text } from '@marigold/components';
-
-export const BasicContainer = () => (
-  <Box
-    css={{
-      border: '1px solid #ced4da',
-      bg: '#e9ecef',
-      p: 'xsmall',
-    }}
-  >
-    <Container contentType="header" align="center" alignItems="center">
-      <Headline level="2">Container header</Headline>
-    </Container>
-    <Container align="center" alignItems="center">
-      <Text>
-        The container content is for example a long text to present information.
-        In this case it is an unnecessary text that is only used to fill the
-        width of the container content. Thank you for reading this.
-      </Text>
-    </Container>
-  </Box>
-);
diff --git a/docs-old/src/demos/components/Container/full-container.demo.tsx b/docs-old/src/demos/components/Container/full-container.demo.tsx
deleted file mode 100644
index 25f511e6e9..0000000000
--- a/docs-old/src/demos/components/Container/full-container.demo.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Container, Headline, List, Text } from '@marigold/components';
-
-export const TextBlockContainer = () => (
-  <Container size="large" alignItems="left" align="center">
-    <Headline level="2">Star Wars - The Empire Strikes Back</Headline>
-    <Text>
-      It is a dark time for the Rebellion. Although the Death Star has been
-      destroyed, Imperial troops have driven the Rebel forces from their hidden
-      base and pursued them across the galaxy. Evading the dreaded Imperial
-      Starfleet, a group of freedom fighters led by Luke Skywalker has
-      established a new secret base on the remote ice world of Hoth. The evil
-      lord Darth Vader, obsessed with finding young Skywalker, has dispatched
-      thousands of remote probes into the far reaches of space....
-    </Text>
-    <List>
-      <List.Item>Luke</List.Item>
-      <List.Item>Leia</List.Item>
-      <List.Item>Han Solo</List.Item>
-      <List.Item>Chewbacca</List.Item>
-      <List.Item>R2D2</List.Item>
-      <List.Item>C3PO</List.Item>
-      <List.Item>Darth Vader</List.Item>
-    </List>
-  </Container>
-);
diff --git a/docs-old/src/demos/components/Container/index.ts b/docs-old/src/demos/components/Container/index.ts
deleted file mode 100644
index 51b5ac0d4b..0000000000
--- a/docs-old/src/demos/components/Container/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-container.demo';
-export * from './small-container.demo';
-export * from './full-container.demo';
diff --git a/docs-old/src/demos/components/Container/small-container.demo.tsx b/docs-old/src/demos/components/Container/small-container.demo.tsx
deleted file mode 100644
index fa6a2ed3f9..0000000000
--- a/docs-old/src/demos/components/Container/small-container.demo.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Container, Headline, Text } from '@marigold/components';
-
-export const SmallSizesContainer = () => (
-  <>
-    <Container contentType="header" size="small" align="center">
-      <Headline level="2">Star Wars - The Empire Strikes Back</Headline>
-    </Container>
-    <Container size="small" align="center">
-      <Text>
-        It is a dark time for the Rebellion. Although the Death Star has been
-        destroyed, Imperial troops have driven the Rebel forces from their
-        hidden base and pursued them across the galaxy.
-      </Text>
-    </Container>
-  </>
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-basic.demo.tsx b/docs-old/src/demos/components/DateField/date-field-basic.demo.tsx
deleted file mode 100644
index beba3bc0c8..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-basic.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { DateField } from '@marigold/components';
-
-export const BasicDateField = () => (
-  <DateField
-    label="Date field"
-    defaultValue={new CalendarDate(2020, 2, 3)}
-    description="This is description"
-  />
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-disabled.demo.tsx b/docs-old/src/demos/components/DateField/date-field-disabled.demo.tsx
deleted file mode 100644
index db3c4714ae..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-disabled.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { DateField } from '@marigold/components';
-
-export const DisabledDateField = () => (
-  <DateField
-    label="Field Disabled"
-    disabled
-    description="This field is disabled"
-  />
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-error.demo.tsx b/docs-old/src/demos/components/DateField/date-field-error.demo.tsx
deleted file mode 100644
index bbef51a208..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-error.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateField } from '@marigold/components';
-
-export const ErrorDateField = () => (
-  <DateField label="Date field" error errorMessage="Something went wrong !" />
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-icons.demo.tsx b/docs-old/src/demos/components/DateField/date-field-icons.demo.tsx
deleted file mode 100644
index 1803de9e5a..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-icons.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Button, DateField } from '@marigold/components';
-import { Calendar, SmilieSatisfied } from '@marigold/icons';
-
-export const DateFieldWithIcons = () => (
-  <DateField
-    label="Date field"
-    icon={<SmilieSatisfied />}
-    action={
-      <Button style={{ padding: '8px' }} variant="text">
-        <Calendar />
-      </Button>
-    }
-  />
-);
diff --git a/docs-old/src/demos/components/DateField/date-field-required.demo.tsx b/docs-old/src/demos/components/DateField/date-field-required.demo.tsx
deleted file mode 100644
index 56b597f6ed..0000000000
--- a/docs-old/src/demos/components/DateField/date-field-required.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DateField } from '@marigold/components';
-
-export const RequiredDateField = () => (
-  <DateField label="Date" required description="required field" />
-);
diff --git a/docs-old/src/demos/components/DateField/index.ts b/docs-old/src/demos/components/DateField/index.ts
deleted file mode 100644
index cc8885f6ee..0000000000
--- a/docs-old/src/demos/components/DateField/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './date-field-basic.demo';
-export * from './date-field-disabled.demo';
-export * from './date-field-required.demo';
-export * from './date-field-error.demo';
-export * from './date-field-icons.demo';
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-basic.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-basic.demo.tsx
deleted file mode 100644
index 047ccad731..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-basic.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { DatePicker } from '@marigold/components';
-
-export const BasicDatePicker = () => (
-  <DatePicker
-    label="Birth Picker"
-    description="Determine min and max value for date picker"
-  />
-);
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-disabled.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-disabled.demo.tsx
deleted file mode 100644
index 5dbf2bad0c..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-disabled.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from '@marigold/components';
-
-export const DisabledDatePicker = () => (
-  <DatePicker label="Birth Date" description="disabled date picker" disabled />
-);
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-error.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-error.demo.tsx
deleted file mode 100644
index 1d38ff1af5..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-error.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from '@marigold/components';
-
-export const ErrorDatePicker = () => (
-  <DatePicker label="Birth Date" error errorMessage="Something went wrong!" />
-);
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-min-max.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-min-max.demo.tsx
deleted file mode 100644
index 3ec0277b9f..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-min-max.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { DatePicker } from '@marigold/components';
-
-export const MinMaxDatePicker = () => (
-  <DatePicker
-    label="Date Picker"
-    description="Determine min and max value for date picker"
-    minValue={new CalendarDate(2019, 6, 5)}
-    maxValue={new CalendarDate(2019, 6, 20)}
-  />
-);
diff --git a/docs-old/src/demos/components/DatePicker/date-picker-required.demo.tsx b/docs-old/src/demos/components/DatePicker/date-picker-required.demo.tsx
deleted file mode 100644
index 6c557c5711..0000000000
--- a/docs-old/src/demos/components/DatePicker/date-picker-required.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { DatePicker } from '@marigold/components';
-
-export const RequiredDatePicker = () => (
-  <DatePicker required label="Birth Date" />
-);
diff --git a/docs-old/src/demos/components/DatePicker/index.ts b/docs-old/src/demos/components/DatePicker/index.ts
deleted file mode 100644
index b3c8222a86..0000000000
--- a/docs-old/src/demos/components/DatePicker/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './date-picker-basic.demo';
-export * from './date-picker-disabled.demo';
-export * from './date-picker-required.demo';
-export * from './date-picker-error.demo';
-export * from './date-picker-min-max.demo';
diff --git a/docs-old/src/demos/components/Dialog/dialog-dismiss.demo.tsx b/docs-old/src/demos/components/Dialog/dialog-dismiss.demo.tsx
deleted file mode 100644
index b2f759b235..0000000000
--- a/docs-old/src/demos/components/Dialog/dialog-dismiss.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button, Dialog, Headline, Text } from '@marigold/components';
-
-export const DialogDismiss = () => (
-  <Dialog.Trigger dismissable={false}>
-    <Button variant="primary">Open me</Button>
-    <Dialog closeButton>
-      <Headline level="3">Information!</Headline>
-      <Text>This is a simple info Dialog.</Text>
-    </Dialog>
-  </Dialog.Trigger>
-);
diff --git a/docs-old/src/demos/components/Dialog/dialog-form.demo.tsx b/docs-old/src/demos/components/Dialog/dialog-form.demo.tsx
deleted file mode 100644
index e2911bc594..0000000000
--- a/docs-old/src/demos/components/Dialog/dialog-form.demo.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import {
-  Dialog,
-  Button,
-  Headline,
-  Stack,
-  TextField,
-  Inline,
-} from '@marigold/components';
-
-export const DialogFormDemo = () => (
-  <Dialog.Trigger>
-    <Button variant="primary">Login</Button>
-    <Dialog>
-      {({ close }) => (
-        <>
-          <Headline level="2">Please log into account</Headline>
-          <Stack space="small">
-            <TextField label="Username" />
-            <TextField label="Password" type="password" />
-            <Inline space="medium">
-              <Button variant="ghost" onPress={close}>
-                Cancel
-              </Button>
-              <Button variant="primary">Login</Button>
-            </Inline>
-          </Stack>
-        </>
-      )}
-    </Dialog>
-  </Dialog.Trigger>
-);
diff --git a/docs-old/src/demos/components/Dialog/dialog.demo.tsx b/docs-old/src/demos/components/Dialog/dialog.demo.tsx
deleted file mode 100644
index b62d6af507..0000000000
--- a/docs-old/src/demos/components/Dialog/dialog.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button, Dialog, Headline, Text } from '@marigold/components';
-
-export const DialogDemo = () => (
-  <Dialog.Trigger>
-    <Button variant="primary">Open me</Button>
-    <Dialog closeButton>
-      <Headline level="3">Information!</Headline>
-      <Text>This is a simple info Dialog.</Text>
-    </Dialog>
-  </Dialog.Trigger>
-);
diff --git a/docs-old/src/demos/components/Dialog/index.ts b/docs-old/src/demos/components/Dialog/index.ts
deleted file mode 100644
index b6a25323fa..0000000000
--- a/docs-old/src/demos/components/Dialog/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './dialog.demo';
-export * from './dialog-form.demo';
-export * from './dialog-dismiss.demo';
diff --git a/docs-old/src/demos/components/Divider/divider-bold.demo.tsx b/docs-old/src/demos/components/Divider/divider-bold.demo.tsx
deleted file mode 100644
index 3d154b797a..0000000000
--- a/docs-old/src/demos/components/Divider/divider-bold.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Box, Divider } from '@marigold/components';
-
-export const DividerBold = () => (
-  <>
-    <Box>Up</Box>
-    <Divider variant="bold" />
-    <Box>Down</Box>
-  </>
-);
diff --git a/docs-old/src/demos/components/Divider/divider-section.demo.tsx b/docs-old/src/demos/components/Divider/divider-section.demo.tsx
deleted file mode 100644
index a4a6fa4824..0000000000
--- a/docs-old/src/demos/components/Divider/divider-section.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Divider, Menu } from '@marigold/components';
-
-export const DividerSection = () => (
-  <Menu aria-label="Only a Menu">
-    <Menu.Item key={1}>
-      Item 1
-      <Divider variant="section" />
-    </Menu.Item>
-    <Menu.Item key={2}>
-      Item 2
-      <Divider variant="section" />
-    </Menu.Item>
-    <Menu.Item key={3}>Item 3</Menu.Item>
-  </Menu>
-);
diff --git a/docs-old/src/demos/components/Divider/divider-text.demo.tsx b/docs-old/src/demos/components/Divider/divider-text.demo.tsx
deleted file mode 100644
index 32e62a4db9..0000000000
--- a/docs-old/src/demos/components/Divider/divider-text.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Divider, Text } from '@marigold/components';
-
-export const DividerText = () => (
-  <>
-    <Text>Dark Side</Text>
-    <Divider />
-    <Text>Bright Side</Text>
-  </>
-);
diff --git a/docs-old/src/demos/components/Divider/divider.demo.tsx b/docs-old/src/demos/components/Divider/divider.demo.tsx
deleted file mode 100644
index f2e3c702d2..0000000000
--- a/docs-old/src/demos/components/Divider/divider.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Divider, Box } from '@marigold/components';
-
-export const DividerBasic = () => (
-  <>
-    <Box>Content above</Box>
-    <Divider />
-    <Box>Content below</Box>
-  </>
-);
diff --git a/docs-old/src/demos/components/Divider/index.ts b/docs-old/src/demos/components/Divider/index.ts
deleted file mode 100644
index 8fb1dd49f8..0000000000
--- a/docs-old/src/demos/components/Divider/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './divider.demo';
-export * from './divider-section.demo';
-export * from './divider-bold.demo';
-export * from './divider-text.demo';
diff --git a/docs-old/src/demos/components/FieldGroup/bookings-form.demo.tsx b/docs-old/src/demos/components/FieldGroup/bookings-form.demo.tsx
deleted file mode 100644
index ec6fe03703..0000000000
--- a/docs-old/src/demos/components/FieldGroup/bookings-form.demo.tsx
+++ /dev/null
@@ -1,82 +0,0 @@
-import {
-  Button,
-  FieldGroup,
-  Inline,
-  Radio,
-  TextField,
-  ThemeProvider,
-  Stack,
-  FieldBase,
-  Select,
-  TextArea,
-} from '@marigold/components';
-
-import coreTheme from '@marigold/theme-core';
-
-export const BookingForm = () => (
-  <ThemeProvider theme={coreTheme}>
-    <Stack space="large">
-      <FieldGroup labelWidth="250px">
-        <Stack space="xsmall">
-          <Radio.Group label="Anrede" defaultValue="3" orientation="horizontal">
-            <Radio value="1">Herr</Radio>
-            <Radio value="2">Frau</Radio>
-            <Radio value="3">keine</Radio>
-          </Radio.Group>
-          <TextField label="Titel" />
-          <TextField label="Vorname" />
-          <TextField label="Nachname" />
-          <TextField label="Firma" />
-        </Stack>
-        <Stack space="xsmall">
-          <TextField label="Straße" />
-          <FieldBase label="PLZ / Ort">
-            <Inline space="xsmall">
-              <TextField arial-label="PLZ" width="50px" />
-              <TextField arial-label="Ort" width="100px" />
-            </Inline>
-          </FieldBase>
-          <TextField label="Adresszusatz" />
-          <Select label="Land">
-            <Select.Option key={1}>Deutschland</Select.Option>
-            <Select.Option key={2}>Schweiz</Select.Option>
-            <Select.Option key={3}>Österreich</Select.Option>
-          </Select>
-        </Stack>
-        <Stack space="xsmall">
-          <TextField type="tel" label="Telefon" />
-          <TextField label="Fax" />
-          <TextField type="email" label="E-Mail" />
-        </Stack>
-        <Stack space="xsmall">
-          {/* This shouldn't be used, we need to fix it */}
-          <FieldBase label="nach Kundennummern suchen">
-            <Inline space="xsmall">
-              <TextField arial-label="Search" type="search" width="150px" />
-              <Button variant="secondary" size="small">
-                Suchen
-              </Button>
-              <Button variant="secondary" size="small">
-                Felder leeren
-              </Button>
-            </Inline>
-          </FieldBase>
-          <TextArea
-            label="Interne Info zum Kunden"
-            description="noch 1000 Zeichen"
-          />
-        </Stack>
-        <Stack space="xsmall">
-          <TextField label="Buchungszeichen" />
-          <TextArea label="Bestellbemerkung" description="noch 1000 Zeichen" />
-        </Stack>
-        <Inline space="small" alignX="center">
-          <Button variant="primary" type="submit">
-            Speichern
-          </Button>
-          <Button variant="link">| Zurück</Button>
-        </Inline>
-      </FieldGroup>
-    </Stack>
-  </ThemeProvider>
-);
diff --git a/docs-old/src/demos/components/FieldGroup/index.ts b/docs-old/src/demos/components/FieldGroup/index.ts
deleted file mode 100644
index 9cba101961..0000000000
--- a/docs-old/src/demos/components/FieldGroup/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './organization-search.demo';
-export * from './bookings-form.demo';
diff --git a/docs-old/src/demos/components/FieldGroup/organization-search.demo.tsx b/docs-old/src/demos/components/FieldGroup/organization-search.demo.tsx
deleted file mode 100644
index 7ac9045188..0000000000
--- a/docs-old/src/demos/components/FieldGroup/organization-search.demo.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import {
-  Checkbox,
-  FieldGroup,
-  Stack,
-  Select,
-  TextField,
-  ThemeProvider,
-  CheckboxGroup,
-  Button,
-} from '@marigold/components';
-
-import coreTheme from '@marigold/theme-core';
-
-export const OrganizationSearch = () => {
-  return (
-    <ThemeProvider theme={coreTheme}>
-      <Stack space="large" alignX="center">
-        <Stack space="xsmall">
-          <FieldGroup labelWidth="300px">
-            <TextField label="Suche in Veranstaltername / Kontaktadresse" />
-            <TextField type="tel" label="Telefon" />
-            <TextField label="PLZ" />
-            <Select label="Status">
-              <Select.Option key={1}>alle</Select.Option>
-              <Select.Option key={2}>produktiv</Select.Option>
-              <Select.Option key={3}>freigeschaltet</Select.Option>
-              <Select.Option key={4}>inaktiv</Select.Option>
-              <Select.Option key={5}>gesperrt</Select.Option>
-            </Select>
-            <Select label="Zahlart">
-              <Select.Option key={1}>alle</Select.Option>
-              <Select.Option key={2}>Lastschrift</Select.Option>
-              <Select.Option key={3}>Auszahlung gesperrt</Select.Option>
-              <Select.Option key={4}>
-                produktiv / Bankverbindung fehlt
-              </Select.Option>
-            </Select>
-            <CheckboxGroup label>
-              <Checkbox value="1">nur Eigene anzeigen</Checkbox>
-              <Checkbox value="2">bilateral anzeigen</Checkbox>
-            </CheckboxGroup>
-          </FieldGroup>
-        </Stack>
-        <Button variant="primary" type="submit">
-          Suchen
-        </Button>
-      </Stack>
-    </ThemeProvider>
-  );
-};
diff --git a/docs-old/src/demos/components/Footer/basic-footer.demo.tsx b/docs-old/src/demos/components/Footer/basic-footer.demo.tsx
deleted file mode 100644
index b66772954e..0000000000
--- a/docs-old/src/demos/components/Footer/basic-footer.demo.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Box } from '@marigold/components';
-
-export const BasicFooter = () => (
-  <>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '300px',
-        width: '100%',
-      }}
-    ></Box>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '80px',
-        width: '100%',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}
-    >
-      FOOTER
-    </Box>
-  </>
-);
diff --git a/docs-old/src/demos/components/Footer/copyright-footer.demo.tsx b/docs-old/src/demos/components/Footer/copyright-footer.demo.tsx
deleted file mode 100644
index c2e7ed404e..0000000000
--- a/docs-old/src/demos/components/Footer/copyright-footer.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Footer, Text } from '@marigold/components';
-
-export const CopyrightFooter = () => (
-  <Footer>
-    <Text>&copy; Reservix</Text>
-  </Footer>
-);
diff --git a/docs-old/src/demos/components/Footer/index.ts b/docs-old/src/demos/components/Footer/index.ts
deleted file mode 100644
index c132b22c0c..0000000000
--- a/docs-old/src/demos/components/Footer/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-footer.demo';
-export * from './list-footer.demo';
-export * from './copyright-footer.demo';
diff --git a/docs-old/src/demos/components/Footer/list-footer.demo.tsx b/docs-old/src/demos/components/Footer/list-footer.demo.tsx
deleted file mode 100644
index bd5be9bc16..0000000000
--- a/docs-old/src/demos/components/Footer/list-footer.demo.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { Footer, List, Link } from '@marigold/components';
-
-export const ListFooter = () => (
-  <Footer>
-    <List>
-      <List.Item>
-        <Link href="https://github.com/marigold-ui/marigold/" target="_blank">
-          Github
-        </Link>
-      </List.Item>
-      <List.Item>
-        <Link
-          href="https://github.com/marigold-ui/marigold/issues"
-          target="_blank"
-        >
-          Issues
-        </Link>
-      </List.Item>
-    </List>
-  </Footer>
-);
diff --git a/docs-old/src/demos/components/Header/basic-header.demo.tsx b/docs-old/src/demos/components/Header/basic-header.demo.tsx
deleted file mode 100644
index 6629db40e3..0000000000
--- a/docs-old/src/demos/components/Header/basic-header.demo.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import { Box } from '@marigold/components';
-
-export const BasicHeader = () => (
-  <>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '120px',
-        width: '100%',
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-      }}
-    >
-      HEADER
-    </Box>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '300px',
-        width: '100%',
-      }}
-    ></Box>
-  </>
-);
diff --git a/docs-old/src/demos/components/Header/index.ts b/docs-old/src/demos/components/Header/index.ts
deleted file mode 100644
index e4070a94d0..0000000000
--- a/docs-old/src/demos/components/Header/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './basic-header.demo';
-export * from './simple-header.demo';
diff --git a/docs-old/src/demos/components/Header/simple-header.demo.tsx b/docs-old/src/demos/components/Header/simple-header.demo.tsx
deleted file mode 100644
index 0ed6c7076a..0000000000
--- a/docs-old/src/demos/components/Header/simple-header.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Header, Headline, Text } from '@marigold/components';
-
-export const SimpleHeader = () => (
-  <Header>
-    <Headline level="3">Header!</Headline>
-    <Text>awesome</Text>
-  </Header>
-);
diff --git a/docs-old/src/demos/components/Headline/headline.demo.tsx b/docs-old/src/demos/components/Headline/headline.demo.tsx
deleted file mode 100644
index 2ca9bcf347..0000000000
--- a/docs-old/src/demos/components/Headline/headline.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Body, Headline, Text } from '@marigold/components';
-
-export const BasicHeadline = () => (
-  <Body>
-    <Headline level="3">Awesome Headline!</Headline>
-    <Text>
-      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
-      eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
-      voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
-    </Text>
-  </Body>
-);
diff --git a/docs-old/src/demos/components/Headline/index.ts b/docs-old/src/demos/components/Headline/index.ts
deleted file mode 100644
index bda3e833ef..0000000000
--- a/docs-old/src/demos/components/Headline/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './headline.demo';
diff --git a/docs-old/src/demos/components/Icon/icon-fill.demo.tsx b/docs-old/src/demos/components/Icon/icon-fill.demo.tsx
deleted file mode 100644
index fea5d28012..0000000000
--- a/docs-old/src/demos/components/Icon/icon-fill.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DesignTicket } from '@marigold/icons';
-
-export const IconFill = () => <DesignTicket fill="red" />;
diff --git a/docs-old/src/demos/components/Icon/icon-list.demo.tsx b/docs-old/src/demos/components/Icon/icon-list.demo.tsx
deleted file mode 100644
index 377ec51264..0000000000
--- a/docs-old/src/demos/components/Icon/icon-list.demo.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Inline } from '@marigold/components';
-import {
-  DesignTicket,
-  Ticket,
-  TicketInsurance,
-  Resale,
-  ExternalLink,
-  Food,
-  Save,
-  Eye,
-  AutoRenew,
-  EventDate,
-  GiftCard,
-} from '@marigold/icons';
-
-export const SomeIcons = () => (
-  <Inline space="small">
-    <DesignTicket />
-    <Ticket />
-    <TicketInsurance />
-    <Resale />
-    <ExternalLink />
-    <Food />
-    <Save />
-    <AutoRenew />
-    <Eye />
-    <EventDate />
-    <GiftCard />
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Icon/icon-size.demo.tsx b/docs-old/src/demos/components/Icon/icon-size.demo.tsx
deleted file mode 100644
index 7d67aa7e92..0000000000
--- a/docs-old/src/demos/components/Icon/icon-size.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DesignTicket } from '@marigold/icons';
-
-export const IconSize = () => <DesignTicket size={40} />;
diff --git a/docs-old/src/demos/components/Icon/icon-ticket.demo.tsx b/docs-old/src/demos/components/Icon/icon-ticket.demo.tsx
deleted file mode 100644
index 5303dbcdb4..0000000000
--- a/docs-old/src/demos/components/Icon/icon-ticket.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { DesignTicket } from '@marigold/icons';
-
-export const DesignTicketIcon = () => <DesignTicket />;
diff --git a/docs-old/src/demos/components/Icon/index.ts b/docs-old/src/demos/components/Icon/index.ts
deleted file mode 100644
index 93878d53b7..0000000000
--- a/docs-old/src/demos/components/Icon/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './icon-list.demo';
-export * from './icon-ticket.demo';
-export * from './icon-fill.demo';
-export * from './icon-size.demo';
diff --git a/docs-old/src/demos/components/Image/basic-image.demo.tsx b/docs-old/src/demos/components/Image/basic-image.demo.tsx
deleted file mode 100644
index 04ba8a74bd..0000000000
--- a/docs-old/src/demos/components/Image/basic-image.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Aspect, Image } from '@marigold/components';
-
-export const BasicImage = () => (
-  <Aspect maxWidth="100%" ratio="widescreen">
-    <Image
-      fit="cover"
-      position="center"
-      src="https://images.unsplash.com/photo-1603910234616-3b5f4a6be2b4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"
-      alt="event_image"
-    />
-  </Aspect>
-);
diff --git a/docs-old/src/demos/components/Image/image-fit-position.demo.tsx b/docs-old/src/demos/components/Image/image-fit-position.demo.tsx
deleted file mode 100644
index d74ea14f4b..0000000000
--- a/docs-old/src/demos/components/Image/image-fit-position.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Aspect, Image } from '@marigold/components';
-
-export const ImageFitPosition = () => (
-  <Aspect ratio="landscape">
-    <Image
-      fit="cover"
-      position="bottom"
-      src="https://images.unsplash.com/photo-1603910234616-3b5f4a6be2b4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"
-      alt="event_image"
-    />
-  </Aspect>
-);
diff --git a/docs-old/src/demos/components/Image/image.demo.tsx b/docs-old/src/demos/components/Image/image.demo.tsx
deleted file mode 100644
index f874c5c4dc..0000000000
--- a/docs-old/src/demos/components/Image/image.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Image } from '@marigold/components';
-
-export const SimpleImage = () => (
-  <Image
-    src="https://images.unsplash.com/photo-1603910234616-3b5f4a6be2b4?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"
-    alt="event_image"
-  />
-);
diff --git a/docs-old/src/demos/components/Image/index.ts b/docs-old/src/demos/components/Image/index.ts
deleted file mode 100644
index 5e5c753ed8..0000000000
--- a/docs-old/src/demos/components/Image/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-image.demo';
-export * from './image.demo';
-export * from './image-fit-position.demo';
diff --git a/docs-old/src/demos/components/Inline/index.ts b/docs-old/src/demos/components/Inline/index.ts
deleted file mode 100644
index 286c61e89a..0000000000
--- a/docs-old/src/demos/components/Inline/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './inline.demo';
-export * from './inline-elements.demo';
-export * from './inline-spacing.demo';
-export * from './inline-nested.demo';
-export * from './inline-alignments.demo';
diff --git a/docs-old/src/demos/components/Inline/inline-alignments.demo.tsx b/docs-old/src/demos/components/Inline/inline-alignments.demo.tsx
deleted file mode 100644
index 334abfbff2..0000000000
--- a/docs-old/src/demos/components/Inline/inline-alignments.demo.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Inline, Headline, Text } from '@marigold/components';
-
-export const InlineAlignments = () => (
-  <>
-    <Inline space="medium" alignY="top">
-      <Headline level="2">Top</Headline>
-      <Text>Lorem ipsum dolor sit amet.</Text>
-    </Inline>
-    <Inline space="medium">
-      <Headline level="2">Center</Headline>
-      <Text>Lorem ipsum dolor sit amet.</Text>
-    </Inline>
-    <Inline space="medium" alignY="bottom">
-      <Headline level="2">Bottom</Headline>
-      <Text>Lorem ipsum dolor sit amet.</Text>
-    </Inline>
-  </>
-);
diff --git a/docs-old/src/demos/components/Inline/inline-elements.demo.tsx b/docs-old/src/demos/components/Inline/inline-elements.demo.tsx
deleted file mode 100644
index 111c7b486e..0000000000
--- a/docs-old/src/demos/components/Inline/inline-elements.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Inline, Text } from '@marigold/components';
-import { Check } from '@marigold/icons';
-
-export const InlineElements = () => (
-  <Inline space="small">
-    <Check />
-    <Text>Check</Text>
-    <Text>this</Text>
-    <Text>out</Text>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Inline/inline-nested.demo.tsx b/docs-old/src/demos/components/Inline/inline-nested.demo.tsx
deleted file mode 100644
index 4726892782..0000000000
--- a/docs-old/src/demos/components/Inline/inline-nested.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Inline, Headline, Text } from '@marigold/components';
-
-export const InlineNested = () => (
-  <Inline space="large">
-    <Inline space="xsmall">
-      <Headline level="2">Block #1</Headline>
-      <Text>Lorem ipsum dolor sit amet.</Text>
-    </Inline>
-    <Inline space="xsmall">
-      <Headline level="2">Bock #2</Headline>
-      <Text>Lorem ipsum dolor sit amet.</Text>
-    </Inline>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Inline/inline-spacing.demo.tsx b/docs-old/src/demos/components/Inline/inline-spacing.demo.tsx
deleted file mode 100644
index 120c55a6ee..0000000000
--- a/docs-old/src/demos/components/Inline/inline-spacing.demo.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Inline, Text } from '@marigold/components';
-
-export const InlineSpacing = () => (
-  <Inline space="large">
-    <Text>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
-      dignissim dapibus elit, vel egestas felis pharetra non. Cras malesuada,
-      massa nec ultricies efficitur, lectus ante consequat magna, a porttitor
-      massa ex ut quam.
-    </Text>
-    <Text>
-      Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
-      Vestibulum malesuada ante eu velit malesuada, nec ultricies sapien
-      finibus. Aenean rutrum in sem a ullamcorper. Integer ut euismod urna.
-      Interdum et malesuada fames ac ante ipsum primis in faucibus.
-    </Text>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Inline/inline.demo.tsx b/docs-old/src/demos/components/Inline/inline.demo.tsx
deleted file mode 100644
index 578d89fb01..0000000000
--- a/docs-old/src/demos/components/Inline/inline.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Inline, Text } from '@marigold/components';
-import { Check } from '@marigold/icons';
-
-export const BasicInline = () => (
-  <Inline space="small">
-    <Check />
-    <Text>Check</Text>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Inset/index.ts b/docs-old/src/demos/components/Inset/index.ts
deleted file mode 100644
index ebec924232..0000000000
--- a/docs-old/src/demos/components/Inset/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './inset-basic.demo';
-export * from './inset-equal.demo';
-export * from './inset-hv.demo';
diff --git a/docs-old/src/demos/components/Inset/inset-basic.demo.tsx b/docs-old/src/demos/components/Inset/inset-basic.demo.tsx
deleted file mode 100644
index 51c0c002ee..0000000000
--- a/docs-old/src/demos/components/Inset/inset-basic.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Headline, Inset, Stack, Text } from '@marigold/components';
-
-export const BasicInset = () => (
-  <Inset space="medium">
-    <Stack space="small">
-      <Headline level="2">Interesting facts about Marigolds</Headline>
-      <Text>
-        Marigolds are flowering plants of the genus Tagetes of the sunflower
-        family Asteraceae.
-      </Text>
-      <Text>There are 56 species of marigolds.</Text>
-      <Text>
-        Their habitats are shores, ponds, springs, quiet waters in streams,
-        ditches, wetlands, wet meadows, waterside swamps and meadows which are
-        prone to flooding, damp hollows in broad-leaved forests, snow-bed sites,
-        sometimes underwater.
-      </Text>
-    </Stack>
-  </Inset>
-);
diff --git a/docs-old/src/demos/components/Inset/inset-equal.demo.tsx b/docs-old/src/demos/components/Inset/inset-equal.demo.tsx
deleted file mode 100644
index 5d6dbe9754..0000000000
--- a/docs-old/src/demos/components/Inset/inset-equal.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Inset } from '@marigold/components';
-
-export const InsetEqualSpaceDemo = () => (
-  <Inset space="large">
-    Marigold has oblong and lanceolate leaves with whole margins. Some varieties
-    of marigold have leaves with toothed edges. Leaves are spirally arranged on
-    the branches.
-  </Inset>
-);
diff --git a/docs-old/src/demos/components/Inset/inset-hv.demo.tsx b/docs-old/src/demos/components/Inset/inset-hv.demo.tsx
deleted file mode 100644
index 4a7179a1eb..0000000000
--- a/docs-old/src/demos/components/Inset/inset-hv.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inset } from '@marigold/components';
-
-export const InsetDifferentSpaceDemo = () => (
-  <Inset spaceY="small" spaceX="large">
-    Marigold is usually yellow, orange, red and maroon in color. Each flower
-    consists of large number of petals that overlap. Biggest petals are located
-    on a periphery and smallest in a center of a flower. Flowers contain both
-    male (stamen) and female (pistil) reproductive organs.
-  </Inset>
-);
diff --git a/docs-old/src/demos/components/Label/index.ts b/docs-old/src/demos/components/Label/index.ts
deleted file mode 100644
index 181f12cbde..0000000000
--- a/docs-old/src/demos/components/Label/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './label-req.demo';
-export * from './label-input.demo';
diff --git a/docs-old/src/demos/components/Label/label-input.demo.tsx b/docs-old/src/demos/components/Label/label-input.demo.tsx
deleted file mode 100644
index 801a33e2cb..0000000000
--- a/docs-old/src/demos/components/Label/label-input.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Label, Input } from '@marigold/components';
-
-export const LabelInput = () => (
-  <Label htmlFor="input">
-    Type in your Firstname
-    <Input type="text" placeholder="Firstname" />
-  </Label>
-);
diff --git a/docs-old/src/demos/components/Label/label-req.demo.tsx b/docs-old/src/demos/components/Label/label-req.demo.tsx
deleted file mode 100644
index 475348eb40..0000000000
--- a/docs-old/src/demos/components/Label/label-req.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Label } from '@marigold/components';
-
-export const RequiredLabel = () => (
-  <Label required>I am a required Label!</Label>
-);
diff --git a/docs-old/src/demos/components/Link/index.ts b/docs-old/src/demos/components/Link/index.ts
deleted file mode 100644
index 23c961a99d..0000000000
--- a/docs-old/src/demos/components/Link/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './link-standard.demo';
-export * from './link-disabled.demo';
-export * from './link-anchor.demo';
-export * from './link-target.demo';
diff --git a/docs-old/src/demos/components/Link/link-anchor.demo.tsx b/docs-old/src/demos/components/Link/link-anchor.demo.tsx
deleted file mode 100644
index f35facba83..0000000000
--- a/docs-old/src/demos/components/Link/link-anchor.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Link, Text } from '@marigold/components';
-
-export const AnchorLink = () => (
-  <Text>
-    Jump to
-    <Link href="#import">Import</Link>
-  </Text>
-);
diff --git a/docs-old/src/demos/components/Link/link-disabled.demo.tsx b/docs-old/src/demos/components/Link/link-disabled.demo.tsx
deleted file mode 100644
index 62b3516f19..0000000000
--- a/docs-old/src/demos/components/Link/link-disabled.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Link, Text } from '@marigold/components';
-
-export const DisabledLink = () => (
-  <Text>
-    You can jump to
-    <Link href="http://www.reservix.de" target="_blank" disabled>
-      reservix.de
-    </Link>
-  </Text>
-);
diff --git a/docs-old/src/demos/components/Link/link-standard.demo.tsx b/docs-old/src/demos/components/Link/link-standard.demo.tsx
deleted file mode 100644
index e06184f0e9..0000000000
--- a/docs-old/src/demos/components/Link/link-standard.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Link, Text } from '@marigold/components';
-
-export const StandardLink = () => (
-  <Text>
-    Link something nice like{' '}
-    <Link href="#!" target="_blank">
-      Marigold
-    </Link>
-  </Text>
-);
diff --git a/docs-old/src/demos/components/Link/link-target.demo.tsx b/docs-old/src/demos/components/Link/link-target.demo.tsx
deleted file mode 100644
index 3f03f1d0ac..0000000000
--- a/docs-old/src/demos/components/Link/link-target.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Link, Text } from '@marigold/components';
-
-export const LinkTarget = () => (
-  <Text>
-    Link something nice like{' '}
-    <Link href="https://github.com/marigold-ui/marigold" target="_blank">
-      Marigold
-    </Link>{' '}
-    github repositories
-  </Text>
-);
diff --git a/docs-old/src/demos/components/List/index.ts b/docs-old/src/demos/components/List/index.ts
deleted file mode 100644
index 29e96b4e77..0000000000
--- a/docs-old/src/demos/components/List/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './simple-list.demo';
-export * from './list-ordered.demo';
-export * from './list-unorded-stacked.demo';
diff --git a/docs-old/src/demos/components/List/list-ordered.demo.tsx b/docs-old/src/demos/components/List/list-ordered.demo.tsx
deleted file mode 100644
index 584a3ec8b9..0000000000
--- a/docs-old/src/demos/components/List/list-ordered.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { List } from '@marigold/components';
-
-export const SimpleOrderedList = () => (
-  <List as="ol">
-    <List.Item>Black Tea</List.Item>
-    <List.Item>Green Tea</List.Item>
-    <List.Item>Chai Tea</List.Item>
-  </List>
-);
diff --git a/docs-old/src/demos/components/List/list-unorded-stacked.demo.tsx b/docs-old/src/demos/components/List/list-unorded-stacked.demo.tsx
deleted file mode 100644
index 63c822ccd8..0000000000
--- a/docs-old/src/demos/components/List/list-unorded-stacked.demo.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { List } from '@marigold/components';
-
-export const UnordedStackedList = () => (
-  <List>
-    <List.Item>
-      Crispy Chicken Burger
-      <List>
-        <List.Item>Hähnchen Filet im Crunchy Cornflakes Mantel</List.Item>
-      </List>
-    </List.Item>
-    <List.Item>
-      Cream Cheese Chicken Burger
-      <List>
-        <List.Item>Hähnchen Filet im Crunchy Cornflakes Mantel</List.Item>
-        <List.Item>Rucola</List.Item>
-        <List.Item>Frischkäse</List.Item>
-      </List>
-    </List.Item>
-    <List.Item>
-      Farmer
-      <List>
-        <List.Item>Rindfleisch</List.Item>
-        <List.Item>Bacon</List.Item>
-        <List.Item>Spiegelei</List.Item>
-      </List>
-    </List.Item>
-  </List>
-);
diff --git a/docs-old/src/demos/components/List/simple-list.demo.tsx b/docs-old/src/demos/components/List/simple-list.demo.tsx
deleted file mode 100644
index f29615a7bb..0000000000
--- a/docs-old/src/demos/components/List/simple-list.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { List } from '@marigold/components';
-
-export const SimpleList = () => (
-  <List>
-    <List.Item>Cheese</List.Item>
-    <List.Item>Milk</List.Item>
-    <List.Item>Bread</List.Item>
-  </List>
-);
diff --git a/docs-old/src/demos/components/Menu/index.ts b/docs-old/src/demos/components/Menu/index.ts
deleted file mode 100644
index c93b327ff9..0000000000
--- a/docs-old/src/demos/components/Menu/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './menu-action.demo';
-export * from './menu-disabled.demo';
-export * from './kebab-menu.demo';
-export * from './menu-open.demo';
-export * from './menu-open-dialog.demo';
-export * from './menu-section.demo';
diff --git a/docs-old/src/demos/components/Menu/kebab-menu.demo.tsx b/docs-old/src/demos/components/Menu/kebab-menu.demo.tsx
deleted file mode 100644
index 9266fb9945..0000000000
--- a/docs-old/src/demos/components/Menu/kebab-menu.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ActionMenu, Menu } from '@marigold/components';
-import React from 'react';
-
-export const KebabMenu = () => {
-  return (
-    <ActionMenu onAction={action => alert(`Action: ${action}`)}>
-      <Menu.Item key="edit">Open in editor</Menu.Item>
-      <Menu.Item key="settings">Settings</Menu.Item>
-      <Menu.Item key="delete">Delete</Menu.Item>
-    </ActionMenu>
-  );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-action.demo.tsx b/docs-old/src/demos/components/Menu/menu-action.demo.tsx
deleted file mode 100644
index 8924c6fcae..0000000000
--- a/docs-old/src/demos/components/Menu/menu-action.demo.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import { Button, Menu } from '@marigold/components';
-
-export const BasicActionMenu = () => {
-  return (
-    <Menu.Trigger>
-      <Button variant="menu" size="small">
-        Menu
-      </Button>
-      <Menu onAction={action => alert(`Your action: ${action}`)}>
-        <Menu.Item key="edit">Open in editor</Menu.Item>
-        <Menu.Item key="settings">Settings</Menu.Item>
-        <Menu.Item key="delete">Delete</Menu.Item>
-      </Menu>
-    </Menu.Trigger>
-  );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-disabled.demo.tsx b/docs-old/src/demos/components/Menu/menu-disabled.demo.tsx
deleted file mode 100644
index 3e17a5a7f2..0000000000
--- a/docs-old/src/demos/components/Menu/menu-disabled.demo.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import { Button, Menu } from '@marigold/components';
-
-export const MenuDisabled = () => {
-  return (
-    <Menu.Trigger disabled>
-      <Button variant="menu" size="small">
-        Choose Menu
-      </Button>
-      <Menu>
-        <Menu.Item key="burger">🍔 Burger</Menu.Item>
-        <Menu.Item key="pizza">🍕 Pizza</Menu.Item>
-        <Menu.Item key="salad">🥗 Salad</Menu.Item>
-        <Menu.Item key="fries">🍟 Fries</Menu.Item>
-      </Menu>
-    </Menu.Trigger>
-  );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-open-dialog.demo.tsx b/docs-old/src/demos/components/Menu/menu-open-dialog.demo.tsx
deleted file mode 100644
index a1dcc905b4..0000000000
--- a/docs-old/src/demos/components/Menu/menu-open-dialog.demo.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { useState } from 'react';
-import {
-  Body,
-  Button,
-  Dialog,
-  Footer,
-  Header,
-  Headline,
-  Inline,
-  Menu,
-  Stack,
-  Text,
-} from '@marigold/components';
-
-export const OpenDialogFromMenu = () => {
-  const [open, setDialogOpen] = useState(false);
-  const handleAction = (action: 'save' | 'delete') => {
-    switch (action) {
-      case 'save':
-        alert('saved!');
-        break;
-      case 'delete':
-        setDialogOpen(true);
-        break;
-      default:
-        throw new Error(`Unhandled action "${action}"!`);
-    }
-  };
-
-  return (
-    <>
-      <Menu.Trigger>
-        <Button variant="menu" size="small">
-          Settings
-        </Button>
-        <Menu onAction={handleAction}>
-          <Menu.Item key="save">Save</Menu.Item>
-          <Menu.Item key="delete">Delete</Menu.Item>
-        </Menu>
-      </Menu.Trigger>
-      <Dialog.Controller open={open} onOpenChange={setDialogOpen}>
-        <Dialog closeButton>
-          {({ close, titleProps }) => (
-            <Stack space="medium">
-              <Header>
-                <Headline {...titleProps}>Confirm delete</Headline>
-              </Header>
-              <Body>
-                <Text>Do you really wanna delete this?</Text>
-              </Body>
-              <Footer>
-                <Inline space="medium">
-                  <Button size="small" variant="ghost" onPress={close}>
-                    Cancel
-                  </Button>
-                  <Button size="small" variant="primary" onPress={close}>
-                    Delete
-                  </Button>
-                </Inline>
-              </Footer>
-            </Stack>
-          )}
-        </Dialog>
-      </Dialog.Controller>
-    </>
-  );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-open.demo.tsx b/docs-old/src/demos/components/Menu/menu-open.demo.tsx
deleted file mode 100644
index e0f53fa300..0000000000
--- a/docs-old/src/demos/components/Menu/menu-open.demo.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Menu, Button, Stack } from '@marigold/components';
-import { useState } from 'react';
-
-export const OpenMenuRemotely = () => {
-  const [open, setOpen] = useState(false);
-  const handleAction = () => {
-    setOpen(!open);
-  };
-
-  return (
-    <Stack space="medium">
-      <Button variant="primary" onPress={() => setOpen(!open)}>
-        Open Menu with me
-      </Button>
-      <hr />
-      <Menu.Trigger open={open}>
-        <Button variant="menu" size="small">
-          Menu
-        </Button>
-        <Menu onAction={handleAction}>
-          <Menu.Item key="one">Settings</Menu.Item>
-          <Menu.Item key="two">Preferences</Menu.Item>
-          <Menu.Item key="three">Save</Menu.Item>
-        </Menu>
-      </Menu.Trigger>
-    </Stack>
-  );
-};
diff --git a/docs-old/src/demos/components/Menu/menu-section.demo.tsx b/docs-old/src/demos/components/Menu/menu-section.demo.tsx
deleted file mode 100644
index 933c69f015..0000000000
--- a/docs-old/src/demos/components/Menu/menu-section.demo.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-import { Button, Menu } from '@marigold/components';
-
-export const MenuWithSections = () => {
-  return (
-    <Menu.Trigger>
-      <Button variant="menu" size="small">
-        Open Menu
-      </Button>
-      <Menu aria-label="Menu with sections">
-        <Menu.Section title="Food">
-          <Menu.Item key="burger">🍔 Burger</Menu.Item>
-          <Menu.Item key="pizza">🍕 Pizza</Menu.Item>
-          <Menu.Item key="fries">🍟 Fries</Menu.Item>
-        </Menu.Section>
-        <Menu.Section title="Fruits">
-          <Menu.Item key="apple">🍎 Apple</Menu.Item>
-          <Menu.Item key="banana">🍌 Banana</Menu.Item>
-          <Menu.Item key="strawberry">🍓 Strawberry</Menu.Item>
-        </Menu.Section>
-      </Menu>
-    </Menu.Trigger>
-  );
-};
diff --git a/docs-old/src/demos/components/Message/index.ts b/docs-old/src/demos/components/Message/index.ts
deleted file mode 100644
index 3684a849fe..0000000000
--- a/docs-old/src/demos/components/Message/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './message-info.demo';
-export * from './message-warn.demo';
-export * from './message-error.demo';
diff --git a/docs-old/src/demos/components/Message/message-error.demo.tsx b/docs-old/src/demos/components/Message/message-error.demo.tsx
deleted file mode 100644
index e89458c920..0000000000
--- a/docs-old/src/demos/components/Message/message-error.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Message, Text } from '@marigold/components';
-
-export const ErrorMessage = () => (
-  <Message variant="error" messageTitle="Wrong here.">
-    <Text>Hello, I am a simple error message.</Text>
-  </Message>
-);
diff --git a/docs-old/src/demos/components/Message/message-info.demo.tsx b/docs-old/src/demos/components/Message/message-info.demo.tsx
deleted file mode 100644
index c208737175..0000000000
--- a/docs-old/src/demos/components/Message/message-info.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Message, Text } from '@marigold/components';
-
-export const InfoMessage = () => (
-  <Message messageTitle="There is an update available.">
-    <Text>Hello, I am a simple info message.</Text>
-  </Message>
-);
diff --git a/docs-old/src/demos/components/Message/message-warn.demo.tsx b/docs-old/src/demos/components/Message/message-warn.demo.tsx
deleted file mode 100644
index 3b24fa80c4..0000000000
--- a/docs-old/src/demos/components/Message/message-warn.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Message, Text } from '@marigold/components';
-
-export const WarnMessage = () => (
-  <Message variant="warning" messageTitle="Danger Zone!">
-    <Text>Hello, I am a simple warning message.</Text>
-  </Message>
-);
diff --git a/docs-old/src/demos/components/NumberField/index.ts b/docs-old/src/demos/components/NumberField/index.ts
deleted file mode 100644
index 262d4e40bd..0000000000
--- a/docs-old/src/demos/components/NumberField/index.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export * from './number-field-simple.demo';
-export * from './number-field-disabled.demo';
-export * from './number-field-required.demo';
-export * from './number-field-error.demo';
-export * from './number-field-values.demo';
-export * from './number-field-amount.demo';
-export * from './number-field-hide.demo';
-export * from './number-field-format.demo';
diff --git a/docs-old/src/demos/components/NumberField/number-field-amount.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-amount.demo.tsx
deleted file mode 100644
index 86dba09e8e..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-amount.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const AmountNumberField = () => (
-  <NumberField label="Length" defaultValue={10} step={10} />
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-disabled.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-disabled.demo.tsx
deleted file mode 100644
index f626edfa35..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-disabled.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const DisabledNumberField = () => (
-  <NumberField label="Field disabled" disabled />
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-error.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-error.demo.tsx
deleted file mode 100644
index 20515cc09e..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-error.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const ErrorNumberField = () => (
-  <NumberField label="Amount" error errorMessage="Something went wrong!" />
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-format.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-format.demo.tsx
deleted file mode 100644
index 80213656aa..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-format.demo.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { NumberField, Stack } from '@marigold/components';
-
-export const FormatNumberField = () => (
-  <Stack space="medium">
-    <NumberField
-      label="Amount"
-      defaultValue={19.99}
-      formatOptions={{
-        style: 'currency',
-        currency: 'USD',
-      }}
-    />
-    <NumberField
-      label="Decimals"
-      formatOptions={{
-        signDisplay: 'exceptZero',
-        minimumFractionDigits: 1,
-        maximumFractionDigits: 2,
-      }}
-      defaultValue={0}
-    />
-    <NumberField
-      label="Length"
-      defaultValue={150}
-      minValue={0}
-      formatOptions={{
-        style: 'unit',
-        unit: 'centimeter',
-        unitDisplay: 'short',
-      }}
-    />
-    <NumberField
-      label="Percentage"
-      defaultValue={0.42}
-      formatOptions={{
-        style: 'percent',
-      }}
-    />
-  </Stack>
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-hide.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-hide.demo.tsx
deleted file mode 100644
index e19b432e4a..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-hide.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const HideNumberField = () => (
-  <NumberField label="Numbers" hideStepper />
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-required.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-required.demo.tsx
deleted file mode 100644
index c814ce4a58..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-required.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const RequiredNumberField = () => (
-  <NumberField label="Numbers" required />
-);
diff --git a/docs-old/src/demos/components/NumberField/number-field-simple.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-simple.demo.tsx
deleted file mode 100644
index 284ad8af6d..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-simple.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const BasicNumberField = () => <NumberField label="Numbers" />;
diff --git a/docs-old/src/demos/components/NumberField/number-field-values.demo.tsx b/docs-old/src/demos/components/NumberField/number-field-values.demo.tsx
deleted file mode 100644
index 08ce6c4165..0000000000
--- a/docs-old/src/demos/components/NumberField/number-field-values.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { NumberField } from '@marigold/components';
-
-export const ValuesNumberField = () => (
-  <NumberField label="Length" defaultValue={55} minValue={0} maxValue={100} />
-);
diff --git a/docs-old/src/demos/components/Radio/index.ts b/docs-old/src/demos/components/Radio/index.ts
deleted file mode 100644
index dc1438c931..0000000000
--- a/docs-old/src/demos/components/Radio/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './radio.demo';
-export * from './radio-disabled.demo';
-export * from './radio-required.demo';
-export * from './radio-error.demo';
diff --git a/docs-old/src/demos/components/Radio/radio-disabled.demo.tsx b/docs-old/src/demos/components/Radio/radio-disabled.demo.tsx
deleted file mode 100644
index 8255a6d802..0000000000
--- a/docs-old/src/demos/components/Radio/radio-disabled.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Radio } from '@marigold/components';
-
-export const DisabledRadio = () => (
-  <Radio.Group label="Radio Group" disabled>
-    <Radio value="1">Option 1</Radio>
-    <Radio value="2">Option 2</Radio>
-    <Radio value="3" disabled>
-      Option 3
-    </Radio>
-    <Radio value="4">Option 4</Radio>
-  </Radio.Group>
-);
diff --git a/docs-old/src/demos/components/Radio/radio-error.demo.tsx b/docs-old/src/demos/components/Radio/radio-error.demo.tsx
deleted file mode 100644
index 283813130a..0000000000
--- a/docs-old/src/demos/components/Radio/radio-error.demo.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { Radio } from '@marigold/components';
-
-export const ErrorRadio = () => (
-  <Radio.Group
-    label="Radio Group"
-    error
-    errorMessage="Oh no! An error occured."
-  >
-    <Radio value="1">Option 1</Radio>
-    <Radio value="2">Option 2</Radio>
-    <Radio value="3" disabled>
-      Option 3
-    </Radio>
-    <Radio value="4">Option 4</Radio>
-  </Radio.Group>
-);
diff --git a/docs-old/src/demos/components/Radio/radio-required.demo.tsx b/docs-old/src/demos/components/Radio/radio-required.demo.tsx
deleted file mode 100644
index 9b1fd1d216..0000000000
--- a/docs-old/src/demos/components/Radio/radio-required.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Radio } from '@marigold/components';
-
-export const RequiredRadio = () => (
-  <Radio.Group label="Radio Group" required orientation="horizontal">
-    <Radio value="1">Option 1</Radio>
-    <Radio value="2">Option 2</Radio>
-    <Radio value="3" disabled>
-      Option 3
-    </Radio>
-    <Radio value="4">Option 4</Radio>
-  </Radio.Group>
-);
diff --git a/docs-old/src/demos/components/Radio/radio.demo.tsx b/docs-old/src/demos/components/Radio/radio.demo.tsx
deleted file mode 100644
index db736d9026..0000000000
--- a/docs-old/src/demos/components/Radio/radio.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Radio } from '@marigold/components';
-
-export const SimpleRadio = () => (
-  <Radio.Group label="Choose dessert" defaultValue="apple">
-    <Radio value="cupcake">🧁 Cupcake</Radio>
-    <Radio value="ice cream">🍨 Ice Cream</Radio>
-    <Radio value="cookie" disabled>
-      🍪 Cookie (sold out)
-    </Radio>
-    <Radio value="apple">🍎 Apple</Radio>
-  </Radio.Group>
-);
diff --git a/docs-old/src/demos/components/SVG/index.ts b/docs-old/src/demos/components/SVG/index.ts
deleted file mode 100644
index 93573857a2..0000000000
--- a/docs-old/src/demos/components/SVG/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './svg.demo';
diff --git a/docs-old/src/demos/components/SVG/svg.demo.tsx b/docs-old/src/demos/components/SVG/svg.demo.tsx
deleted file mode 100644
index 327eaa823e..0000000000
--- a/docs-old/src/demos/components/SVG/svg.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { SVG } from '@marigold/system';
-
-export const BasicSVG = () => (
-  <SVG>
-    <path d="M9.9 20.113V13.8415H14.1V20.113H19.35V11.751H22.5L12 2.34375L1.5 11.751H4.65V20.113H9.9Z" />
-  </SVG>
-);
diff --git a/docs-old/src/demos/components/Select/index.ts b/docs-old/src/demos/components/Select/index.ts
deleted file mode 100644
index 9d50836898..0000000000
--- a/docs-old/src/demos/components/Select/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './select-basic.demo';
-export * from './select-disabled.demo';
-export * from './select-default-selected.demo';
-export * from './select-diabled-keys.demo';
-export * from './select-section.demo';
diff --git a/docs-old/src/demos/components/Select/select-basic.demo.tsx b/docs-old/src/demos/components/Select/select-basic.demo.tsx
deleted file mode 100644
index f516a4b2fe..0000000000
--- a/docs-old/src/demos/components/Select/select-basic.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const BasicSelect = () => (
-  <Select label="Favorite character" placeholder="Select your character">
-    <Select.Option>Mario</Select.Option>
-    <Select.Option>Luigi</Select.Option>
-    <Select.Option>Toad</Select.Option>
-    <Select.Option>Yoshi</Select.Option>
-    <Select.Option>Bowser</Select.Option>
-    <Select.Option>Peach</Select.Option>
-  </Select>
-);
diff --git a/docs-old/src/demos/components/Select/select-default-selected.demo.tsx b/docs-old/src/demos/components/Select/select-default-selected.demo.tsx
deleted file mode 100644
index ba2a95ada9..0000000000
--- a/docs-old/src/demos/components/Select/select-default-selected.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const DefaultSelected = () => (
-  <Select label="Choose Color (uncontrolled)" defaultSelectedKey="Yellow">
-    <Select.Option key="Red">Red</Select.Option>
-    <Select.Option key="Orange">Orange</Select.Option>
-    <Select.Option key="Yellow">Yellow</Select.Option>
-    <Select.Option key="Green">Green</Select.Option>
-    <Select.Option key="Blue">Blue</Select.Option>
-    <Select.Option key="Purple">Purple</Select.Option>
-  </Select>
-);
diff --git a/docs-old/src/demos/components/Select/select-diabled-keys.demo.tsx b/docs-old/src/demos/components/Select/select-diabled-keys.demo.tsx
deleted file mode 100644
index 9df8058eb3..0000000000
--- a/docs-old/src/demos/components/Select/select-diabled-keys.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const DisabledKeysSelect = () => (
-  <Select label="Favorite Color" disabledKeys={['Orange', 'Yellow']}>
-    <Select.Option key="Red">Red</Select.Option>
-    <Select.Option key="Orange">Orange</Select.Option>
-    <Select.Option key="Yellow">Yellow</Select.Option>
-    <Select.Option key="Green">Green</Select.Option>
-    <Select.Option key="Blue">Blue</Select.Option>
-    <Select.Option key="Purple">Purple</Select.Option>
-  </Select>
-);
diff --git a/docs-old/src/demos/components/Select/select-disabled.demo.tsx b/docs-old/src/demos/components/Select/select-disabled.demo.tsx
deleted file mode 100644
index c801f8cd5a..0000000000
--- a/docs-old/src/demos/components/Select/select-disabled.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const DisabledSelect = () => (
-  <Select label="Disabled Select:" disabled placeholder="disabled Select">
-    <Select.Option>disabled Select.Option</Select.Option>
-  </Select>
-);
diff --git a/docs-old/src/demos/components/Select/select-section.demo.tsx b/docs-old/src/demos/components/Select/select-section.demo.tsx
deleted file mode 100644
index 9b3f323815..0000000000
--- a/docs-old/src/demos/components/Select/select-section.demo.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Select } from '@marigold/components';
-
-export const SelectSection = () => (
-  <Select label="Choose your Fandom">
-    <Select.Section title="Fantasy">
-      <Select.Option>Harry Potter</Select.Option>
-      <Select.Option>Lord of the Rings</Select.Option>
-    </Select.Section>
-    <Select.Section title="Sci-Fi">
-      <Select.Option>Star Wars</Select.Option>
-      <Select.Option>Star Trek</Select.Option>
-    </Select.Section>
-  </Select>
-);
diff --git a/docs-old/src/demos/components/Slider/index.ts b/docs-old/src/demos/components/Slider/index.ts
deleted file mode 100644
index 7ef7b0b201..0000000000
--- a/docs-old/src/demos/components/Slider/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export * from './slider-width.demo';
-export * from './slider-disabled.demo';
-export * from './slider-max.demo';
-export * from './slider-steps.demo';
-export * from './slider-controlled.demo';
-export * from './slider-format.demo';
-export * from './slider-uncontrolled.demo';
diff --git a/docs-old/src/demos/components/Slider/slider-controlled.demo.tsx b/docs-old/src/demos/components/Slider/slider-controlled.demo.tsx
deleted file mode 100644
index e8219bd41f..0000000000
--- a/docs-old/src/demos/components/Slider/slider-controlled.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React, { useState } from 'react';
-import { Slider } from '@marigold/components';
-
-export const ControlledSlider = () => {
-  const [value, setValue] = useState<number[] | number>(75);
-  return (
-    <Slider value={value} onChange={setValue}>
-      Example
-    </Slider>
-  );
-};
diff --git a/docs-old/src/demos/components/Slider/slider-disabled.demo.tsx b/docs-old/src/demos/components/Slider/slider-disabled.demo.tsx
deleted file mode 100644
index f7b397f556..0000000000
--- a/docs-old/src/demos/components/Slider/slider-disabled.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const DisabledSlider = () => <Slider disabled>Example</Slider>;
diff --git a/docs-old/src/demos/components/Slider/slider-format.demo.tsx b/docs-old/src/demos/components/Slider/slider-format.demo.tsx
deleted file mode 100644
index 4d14ae2745..0000000000
--- a/docs-old/src/demos/components/Slider/slider-format.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const CurrencySlider = () => (
-  <>
-    <Slider formatOptions={{ style: 'currency', currency: 'EUR' }}>
-      Price
-    </Slider>
-    <Slider formatOptions={{ style: 'percent' }} step={0.01} maxValue={1}>
-      Percent
-    </Slider>
-  </>
-);
diff --git a/docs-old/src/demos/components/Slider/slider-max.demo.tsx b/docs-old/src/demos/components/Slider/slider-max.demo.tsx
deleted file mode 100644
index 5e17e6cdd0..0000000000
--- a/docs-old/src/demos/components/Slider/slider-max.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const MaxValueSlider = () => (
-  <Slider aria-label="maxValue" maxValue={50}>
-    Example
-  </Slider>
-);
diff --git a/docs-old/src/demos/components/Slider/slider-steps.demo.tsx b/docs-old/src/demos/components/Slider/slider-steps.demo.tsx
deleted file mode 100644
index 952ce3523e..0000000000
--- a/docs-old/src/demos/components/Slider/slider-steps.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const StepSlider = () => <Slider step={10}>Example</Slider>;
diff --git a/docs-old/src/demos/components/Slider/slider-uncontrolled.demo.tsx b/docs-old/src/demos/components/Slider/slider-uncontrolled.demo.tsx
deleted file mode 100644
index 83eb58faf7..0000000000
--- a/docs-old/src/demos/components/Slider/slider-uncontrolled.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const UncontrolledSlider = () => (
-  <Slider defaultValue={[25]}>Example</Slider>
-);
diff --git a/docs-old/src/demos/components/Slider/slider-width.demo.tsx b/docs-old/src/demos/components/Slider/slider-width.demo.tsx
deleted file mode 100644
index ab76188fc5..0000000000
--- a/docs-old/src/demos/components/Slider/slider-width.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Slider } from '@marigold/components';
-
-export const WidthSlider = () => (
-  <Slider width="180px" aria-label="width">
-    Example
-  </Slider>
-);
diff --git a/docs-old/src/demos/components/Split/index.ts b/docs-old/src/demos/components/Split/index.ts
deleted file mode 100644
index 868ee21f4e..0000000000
--- a/docs-old/src/demos/components/Split/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './split-inline.demo';
-export * from './split-stack.demo';
diff --git a/docs-old/src/demos/components/Split/split-inline.demo.tsx b/docs-old/src/demos/components/Split/split-inline.demo.tsx
deleted file mode 100644
index b396cefa29..0000000000
--- a/docs-old/src/demos/components/Split/split-inline.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Inline, Split, Text } from '@marigold/components';
-
-export const SplitWithInline = () => (
-  <Inline space="small">
-    <Text>Blog</Text>
-    <Text>About</Text>
-    <Split />
-    <Text>Login</Text>
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/Split/split-stack.demo.tsx b/docs-old/src/demos/components/Split/split-stack.demo.tsx
deleted file mode 100644
index 4b4c8e7108..0000000000
--- a/docs-old/src/demos/components/Split/split-stack.demo.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Box, Stack, Split, Text } from '@marigold/components';
-
-export const SplitWithStack = () => (
-  <Box css={{ height: 200 }}>
-    <Stack space="xxsmall" stretch>
-      <Text>It's gonna be ...</Text>
-      <Text>wait for it!</Text>
-      <Split />
-      <Text>... legendary!</Text>
-    </Stack>
-  </Box>
-);
diff --git a/docs-old/src/demos/components/Stack/index.ts b/docs-old/src/demos/components/Stack/index.ts
deleted file mode 100644
index c57144a604..0000000000
--- a/docs-old/src/demos/components/Stack/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './stack-spacing.demo';
-export * from './stack-horizontal.demo';
-export * from './stack-nested.demo';
-export * from './stack-vertical.demo';
-export * from './stack-basic.demo';
diff --git a/docs-old/src/demos/components/Stack/stack-basic.demo.tsx b/docs-old/src/demos/components/Stack/stack-basic.demo.tsx
deleted file mode 100644
index 44f68a0ff5..0000000000
--- a/docs-old/src/demos/components/Stack/stack-basic.demo.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Box, Headline, Stack, Text } from '@marigold/components';
-
-export const BasicStack = () => (
-  <Box
-    css={{
-      border: '1px solid #ced4da',
-      bg: '#e9ecef',
-      p: 'small',
-    }}
-  >
-    <Stack space="small">
-      <Headline level="2">Header</Headline>
-      <Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
-      <Text>
-        Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
-      </Text>
-    </Stack>
-  </Box>
-);
diff --git a/docs-old/src/demos/components/Stack/stack-horizontal.demo.tsx b/docs-old/src/demos/components/Stack/stack-horizontal.demo.tsx
deleted file mode 100644
index 490e4e9edc..0000000000
--- a/docs-old/src/demos/components/Stack/stack-horizontal.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Stack, Text } from '@marigold/components';
-
-export const HorizontalStack = () => (
-  <>
-    <Stack space="medium">
-      <Text>Left</Text>
-    </Stack>
-    <Stack space="medium" alignX="center">
-      <Text>Center</Text>
-    </Stack>
-    <Stack space="medium" alignX="right">
-      <Text>Right</Text>
-    </Stack>
-  </>
-);
diff --git a/docs-old/src/demos/components/Stack/stack-nested.demo.tsx b/docs-old/src/demos/components/Stack/stack-nested.demo.tsx
deleted file mode 100644
index df157bd7a6..0000000000
--- a/docs-old/src/demos/components/Stack/stack-nested.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Headline, Stack, Text } from '@marigold/components';
-
-export const NestedStack = () => (
-  <Stack space="large">
-    <Stack space="medium">
-      <Headline level="2">Stack Content #1</Headline>
-      <Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
-      <Text>
-        Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
-      </Text>
-    </Stack>
-    <Stack space="medium">
-      <Headline level="2">Stack Content #2</Headline>
-      <Text>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</Text>
-      <Text>
-        Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
-      </Text>
-    </Stack>
-  </Stack>
-);
diff --git a/docs-old/src/demos/components/Stack/stack-spacing.demo.tsx b/docs-old/src/demos/components/Stack/stack-spacing.demo.tsx
deleted file mode 100644
index 9c416add9e..0000000000
--- a/docs-old/src/demos/components/Stack/stack-spacing.demo.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Headline, Stack, Text } from '@marigold/components';
-
-export const StackSpacing = () => (
-  <Stack space="large">
-    <Headline level="2">Header</Headline>
-    <Text>
-      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
-      dignissim dapibus elit, vel egestas felis pharetra non. Cras malesuada,
-      massa nec ultricies efficitur, lectus ante consequat magna, a porttitor
-      massa ex ut quam.
-    </Text>
-    <Text>
-      Phasellus ipsum tortor, aliquet dapibus fermentum in, mollis vel metus.
-      Vestibulum malesuada ante eu velit malesuada, nec ultricies sapien
-      finibus. Aenean rutrum in sem a ullamcorper. Integer ut euismod urna.
-      Interdum et malesuada fames ac ante ipsum primis in faucibus.
-    </Text>
-  </Stack>
-);
diff --git a/docs-old/src/demos/components/Stack/stack-vertical.demo.tsx b/docs-old/src/demos/components/Stack/stack-vertical.demo.tsx
deleted file mode 100644
index 527ceb6050..0000000000
--- a/docs-old/src/demos/components/Stack/stack-vertical.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Box, Stack, Text } from '@marigold/components';
-
-export const VerticalStack = () => (
-  <Box css={{ height: 200, bg: '#f1f3f5', p: 8 }}>
-    <Stack space="medium" stretch alignY="bottom">
-      <Text>Lirum</Text>
-      <Text>Larum</Text>
-      <Text>Löffelstiel!</Text>
-    </Stack>
-  </Box>
-);
diff --git a/docs-old/src/demos/components/Switch/index.ts b/docs-old/src/demos/components/Switch/index.ts
deleted file mode 100644
index 548161af3e..0000000000
--- a/docs-old/src/demos/components/Switch/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './switch-basic.demo';
-export * from './switch-active.demo';
-export * from './switch-disabled.demo';
-export * from './switch-active-disabled.demo';
diff --git a/docs-old/src/demos/components/Switch/switch-active-disabled.demo.tsx b/docs-old/src/demos/components/Switch/switch-active-disabled.demo.tsx
deleted file mode 100644
index afca5f159f..0000000000
--- a/docs-old/src/demos/components/Switch/switch-active-disabled.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Container, Switch } from '@marigold/components';
-
-export const ActiveDisabledSwitch = () => (
-  <Container>
-    <Switch defaultSelected disabled>
-      Disabled active Switch
-    </Switch>
-  </Container>
-);
diff --git a/docs-old/src/demos/components/Switch/switch-active.demo.tsx b/docs-old/src/demos/components/Switch/switch-active.demo.tsx
deleted file mode 100644
index 6c6a59cc54..0000000000
--- a/docs-old/src/demos/components/Switch/switch-active.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Container, Switch } from '@marigold/components';
-
-export const ActiveSwitch = () => (
-  <Container>
-    <Switch defaultSelected>Active Switch</Switch>
-  </Container>
-);
diff --git a/docs-old/src/demos/components/Switch/switch-basic.demo.tsx b/docs-old/src/demos/components/Switch/switch-basic.demo.tsx
deleted file mode 100644
index 4da77afb90..0000000000
--- a/docs-old/src/demos/components/Switch/switch-basic.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Container, Switch } from '@marigold/components';
-
-export const BasicSwitch = () => (
-  <Container>
-    <Switch>Default Switch</Switch>
-  </Container>
-);
diff --git a/docs-old/src/demos/components/Switch/switch-disabled.demo.tsx b/docs-old/src/demos/components/Switch/switch-disabled.demo.tsx
deleted file mode 100644
index 3b6661f920..0000000000
--- a/docs-old/src/demos/components/Switch/switch-disabled.demo.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Container, Switch } from '@marigold/components';
-
-export const DisabledSwitch = () => (
-  <Container>
-    <Switch disabled>Disabled Switch</Switch>
-  </Container>
-);
diff --git a/docs-old/src/demos/components/Table/core-table-print.demo.tsx b/docs-old/src/demos/components/Table/core-table-print.demo.tsx
deleted file mode 100644
index 54d918cbfd..0000000000
--- a/docs-old/src/demos/components/Table/core-table-print.demo.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import {
-  Button,
-  Headline,
-  Inline,
-  Select,
-  Split,
-  Stack,
-  Table,
-  Text,
-  ThemeProvider,
-} from '@marigold/components';
-import React from 'react';
-
-import coreTheme from '@marigold/theme-core';
-import { ResaleLogbook, AutoRenew, ExternalLink, Lock } from '@marigold/icons';
-
-const columns = [
-  { name: 'Veranstaltung', key: 'event' },
-  { name: 'Platz', key: 'seat' },
-  { name: 'Platzcode', key: 'code' },
-  { name: 'Ticketcode', key: 'ticketcode' },
-  { name: 'Gedruckt', key: 'print' },
-  { name: 'Aktueller Tickettyp', key: 'type' },
-  { name: 'Aktionen', key: 'actions' },
-];
-
-const rows: { [key: string]: any }[] = [
-  {
-    id: '0-header',
-    event: '01.01.2022, 20:00 Uhr - Test Veranstaltung',
-    seat: '',
-    code: '',
-    ticketcode: '',
-    print: '',
-    type: '',
-    actions: 'Gruppenticket drucken',
-  },
-  {
-    id: '1',
-    event: 'Test Veranstaltung 1',
-    seat: 'Mitte - Reihe 12 - Platz 36',
-    code: '1234',
-    ticketcode: '1234567890',
-    print: '1x',
-    type: 'print@home',
-    actions: 'Einzelticket drucken',
-  },
-  {
-    id: '2',
-    event: 'Test Veranstaltung 1',
-    seat: 'Mitte - Reihe 12 - Platz 37',
-    code: '4321',
-    ticketcode: '1234567890',
-    print: '1x',
-    type: 'print@home',
-    actions: 'Einzelticket drucken',
-  },
-  {
-    id: '1-header',
-    event: '07.01.2022, 20:00 Uhr - Test Veranstaltung',
-    seat: '',
-    code: '',
-    ticketcode: '',
-    print: '',
-    type: '',
-    actions: 'Gruppenticket drucken',
-  },
-  {
-    id: '3',
-    event: 'Test Veranstaltung 2',
-    seat: 'Mitte - Reihe 10 - Platz 7',
-    code: '4321',
-    ticketcode: '1234567890',
-    print: '1x',
-    type: 'print@home',
-    actions: 'Einzelticket drucken',
-    locked: true,
-  },
-];
-export const CorePrintTable = () => {
-  const [, setSelectedKeys] = React.useState(new Set());
-  const [state, setState] = React.useState(true);
-  const handleSelect = (key: string) => {
-    if (key === 'ticketprint') {
-      setState(false);
-    } else {
-      setState(true);
-    }
-    return state;
-  };
-  return (
-    <ThemeProvider theme={coreTheme}>
-      <Stack space="xsmall">
-        <Inline space="small">
-          <Headline level="4">Veranstaltungen</Headline>
-          <Split />
-          <Stack alignX="center">
-            <ResaleLogbook />
-            <Text>Logbuch</Text>
-          </Stack>
-          <Stack alignX="center">
-            <AutoRenew />
-            <Text>Refresh</Text>
-          </Stack>
-        </Inline>
-        <Table
-          aria-label="Example dynamic collection table"
-          selectionMode="multiple"
-          onSelectionChange={key => setSelectedKeys(new Set(key))}
-        >
-          <Table.Header columns={columns}>
-            {column => <Table.Column>{column.name}</Table.Column>}
-          </Table.Header>
-          <Table.Body items={rows}>
-            {rows.map(item => (
-              <Table.Row
-                key={item.id}
-                variant={item.id.includes('header') ? 'rowSection' : undefined}
-              >
-                <Table.Cell>
-                  {item.id.includes('header') ? (
-                    <strong>{item.event}</strong>
-                  ) : (
-                    <>
-                      {item.locked === true ? (
-                        <Inline>
-                          <Lock size={14} />
-                          {item.event}
-                        </Inline>
-                      ) : (
-                        <Text>{item.event}</Text>
-                      )}
-                    </>
-                  )}
-                </Table.Cell>
-                <Table.Cell>{item.seat}</Table.Cell>
-                <Table.Cell>{item.code}</Table.Cell>
-                <Table.Cell>
-                  {item.ticketcode && (
-                    <>
-                      {item.locked === true ? (
-                        <Inline>
-                          <Button variant="link">
-                            <Lock size={14} />
-                            {item.ticketcode}
-                            <ExternalLink size={14} />
-                          </Button>
-                        </Inline>
-                      ) : (
-                        <Button variant="link">
-                          {item.ticketcode}
-                          <ExternalLink size={14} />
-                        </Button>
-                      )}
-                    </>
-                  )}
-                </Table.Cell>
-                <Table.Cell>
-                  <Button variant="link">{item.print}</Button>
-                </Table.Cell>
-                <Table.Cell>
-                  <Button variant="link">{item.type}</Button>
-                </Table.Cell>
-                <Table.Cell>
-                  <Button variant="link">
-                    {item.locked === true
-                      ? 'Ticketsperre bearbeiten'
-                      : 'Einzelticket drucken'}
-                  </Button>
-                </Table.Cell>
-              </Table.Row>
-            ))}
-          </Table.Body>
-        </Table>
-        <Inline space="xsmall">
-          <Select
-            label="Sammelaktion"
-            placeholder="Bitte wählen"
-            width="unset"
-            onChange={handleSelect}
-          >
-            <Select.Option key="choose">Bitte wählen</Select.Option>
-            <Select.Option key="ticketprint">Ticket drucken</Select.Option>
-          </Select>
-          <Button variant="secondary" disabled={state}>
-            Ausführen
-          </Button>
-        </Inline>
-      </Stack>
-    </ThemeProvider>
-  );
-};
diff --git a/docs-old/src/demos/components/Table/index.ts b/docs-old/src/demos/components/Table/index.ts
deleted file mode 100644
index 9dddedc703..0000000000
--- a/docs-old/src/demos/components/Table/index.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export * from './table-basic.demo';
-export * from './table-single-mode.demo';
-export * from './table-multi-mode.demo';
-export * from './table-dynamic.demo';
-export * from './table-disabled.demo';
-export * from './table-sorting.demo';
-export * from './table-nested.demo';
-export * from './table-compact.demo';
-export * from './table-async.demo';
-export * from './core-table-print.demo';
diff --git a/docs-old/src/demos/components/Table/table-async.demo.tsx b/docs-old/src/demos/components/Table/table-async.demo.tsx
deleted file mode 100644
index 4409e45222..0000000000
--- a/docs-old/src/demos/components/Table/table-async.demo.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { Table, useAsyncList } from '@marigold/components';
-
-export interface asyncData {
-  name: string;
-  height: string;
-  mass: string;
-  birth_year: string;
-}
-
-export const AsyncTable = () => {
-  let list = useAsyncList<asyncData>({
-    async load({ signal }) {
-      let res = await fetch(`https://swapi.py4e.com/api/people/?search`, {
-        signal,
-      });
-      let json = await res.json();
-      return {
-        items: json.results,
-      };
-    },
-    async sort({ items, sortDescriptor }) {
-      return {
-        items: items.sort((a, b) => {
-          let first = a[sortDescriptor.column as keyof asyncData];
-          let second = b[sortDescriptor.column as keyof asyncData];
-          let cmp =
-            (parseInt(first) || first) < (parseInt(second) || second) ? -1 : 1;
-          if (sortDescriptor.direction === 'descending') {
-            cmp *= -1;
-          }
-          return cmp;
-        }),
-      };
-    },
-  });
-
-  return (
-    <Table
-      aria-label="Example table with client side sorting"
-      sortDescriptor={list.sortDescriptor}
-      onSortChange={list.sort}
-    >
-      <Table.Header>
-        <Table.Column key="name" allowsSorting>
-          Name
-        </Table.Column>
-        <Table.Column key="height" allowsSorting>
-          Height
-        </Table.Column>
-        <Table.Column key="mass" allowsSorting>
-          Mass
-        </Table.Column>
-        <Table.Column key="birth_year" allowsSorting>
-          Birth Year
-        </Table.Column>
-      </Table.Header>
-      <Table.Body items={list.items}>
-        {item => (
-          <Table.Row key={(item as any).name}>
-            {columnKey => <Table.Cell>{(item as any)[columnKey]}</Table.Cell>}
-          </Table.Row>
-        )}
-      </Table.Body>
-    </Table>
-  );
-};
diff --git a/docs-old/src/demos/components/Table/table-basic.demo.tsx b/docs-old/src/demos/components/Table/table-basic.demo.tsx
deleted file mode 100644
index c05d5630ca..0000000000
--- a/docs-old/src/demos/components/Table/table-basic.demo.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const BasicTable = () => (
-  <Table
-    aria-label="Table with multiple selection"
-    selectionMode="multiple"
-    stretch
-  >
-    <Table.Header>
-      <Table.Column>Name</Table.Column>
-      <Table.Column>Firstname</Table.Column>
-      <Table.Column>House</Table.Column>
-      <Table.Column>Year of birth</Table.Column>
-    </Table.Header>
-    <Table.Body>
-      <Table.Row key={1}>
-        <Table.Cell>Potter</Table.Cell>
-        <Table.Cell>Harry</Table.Cell>
-        <Table.Cell>Gryffindor</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row key={2}>
-        <Table.Cell>Malfoy</Table.Cell>
-        <Table.Cell>Draco</Table.Cell>
-        <Table.Cell>Slytherin</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row key={3}>
-        <Table.Cell>Diggory</Table.Cell>
-        <Table.Cell>Cedric</Table.Cell>
-        <Table.Cell>Hufflepuff</Table.Cell>
-        <Table.Cell>1977</Table.Cell>
-      </Table.Row>
-      <Table.Row key={4}>
-        <Table.Cell>Lovegood</Table.Cell>
-        <Table.Cell>Luna</Table.Cell>
-        <Table.Cell>Ravenclaw</Table.Cell>
-        <Table.Cell>1981</Table.Cell>
-      </Table.Row>
-    </Table.Body>
-  </Table>
-);
diff --git a/docs-old/src/demos/components/Table/table-compact.demo.tsx b/docs-old/src/demos/components/Table/table-compact.demo.tsx
deleted file mode 100644
index 62c35715b9..0000000000
--- a/docs-old/src/demos/components/Table/table-compact.demo.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const SimpleCompactTable = () => (
-  <Table
-    aria-label="Table with multiple selection"
-    selectionMode="multiple"
-    variant="compact"
-  >
-    <Table.Header>
-      <Table.Column>Name</Table.Column>
-      <Table.Column>Firstname</Table.Column>
-      <Table.Column>House</Table.Column>
-      <Table.Column>Year of birth</Table.Column>
-    </Table.Header>
-    <Table.Body>
-      <Table.Row key={1}>
-        <Table.Cell>Potter</Table.Cell>
-        <Table.Cell>Harry</Table.Cell>
-        <Table.Cell>Gryffindor</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row key={2}>
-        <Table.Cell>Malfoy</Table.Cell>
-        <Table.Cell>Draco</Table.Cell>
-        <Table.Cell>Slytherin</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row key={3}>
-        <Table.Cell>Diggory</Table.Cell>
-        <Table.Cell>Cedric</Table.Cell>
-        <Table.Cell>Hufflepuff</Table.Cell>
-        <Table.Cell>1977</Table.Cell>
-      </Table.Row>
-      <Table.Row key={4}>
-        <Table.Cell>Lovegood</Table.Cell>
-        <Table.Cell>Luna</Table.Cell>
-        <Table.Cell>Ravenclaw</Table.Cell>
-        <Table.Cell>1981</Table.Cell>
-      </Table.Row>
-    </Table.Body>
-  </Table>
-);
diff --git a/docs-old/src/demos/components/Table/table-disabled.demo.tsx b/docs-old/src/demos/components/Table/table-disabled.demo.tsx
deleted file mode 100644
index 0f6af2ab74..0000000000
--- a/docs-old/src/demos/components/Table/table-disabled.demo.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const DisabledTable = () => (
-  <Table
-    aria-label="Table with multiple selection"
-    selectionMode="multiple"
-    disabledKeys={['Malfoy']}
-  >
-    <Table.Header>
-      <Table.Column>Name</Table.Column>
-      <Table.Column>Firstname</Table.Column>
-      <Table.Column>House</Table.Column>
-      <Table.Column>Year of birth</Table.Column>
-    </Table.Header>
-    <Table.Body>
-      <Table.Row key="Potter">
-        <Table.Cell>Potter</Table.Cell>
-        <Table.Cell>Harry</Table.Cell>
-        <Table.Cell>Gryffindor</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row key="Malfoy">
-        <Table.Cell>Malfoy</Table.Cell>
-        <Table.Cell>Draco</Table.Cell>
-        <Table.Cell>Slytherin</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row key="Diggory">
-        <Table.Cell>Diggory</Table.Cell>
-        <Table.Cell>Cedric</Table.Cell>
-        <Table.Cell>Hufflepuff</Table.Cell>
-        <Table.Cell>1977</Table.Cell>
-      </Table.Row>
-      <Table.Row key="Lovegood">
-        <Table.Cell>Lovegood</Table.Cell>
-        <Table.Cell>Luna</Table.Cell>
-        <Table.Cell>Ravenclaw</Table.Cell>
-        <Table.Cell>1981</Table.Cell>
-      </Table.Row>
-    </Table.Body>
-  </Table>
-);
diff --git a/docs-old/src/demos/components/Table/table-dynamic.demo.tsx b/docs-old/src/demos/components/Table/table-dynamic.demo.tsx
deleted file mode 100644
index ef36ef92eb..0000000000
--- a/docs-old/src/demos/components/Table/table-dynamic.demo.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Table } from '@marigold/components';
-import React from 'react';
-
-export const DynamicTable = () => {
-  const columns = [
-    { name: 'Name', key: 'name' },
-    { name: 'Firstname', key: 'firstname' },
-    { name: 'House', key: 'house' },
-    { name: 'Year of birth', key: 'year' },
-  ];
-
-  const rows: { [key: string]: string }[] = [
-    {
-      id: '1',
-      name: 'Potter',
-      firstname: 'Harry',
-      house: 'Gryffindor',
-      year: '1980',
-    },
-    {
-      id: '2',
-      name: 'Malfoy',
-      firstname: 'Draco',
-      house: 'Slytherin',
-      year: '1980',
-    },
-    {
-      id: '3',
-      name: 'Diggory',
-      firstname: 'Cedric',
-      house: 'Hufflepuff',
-      year: '1977',
-    },
-    {
-      id: '4',
-      name: 'Lovegood',
-      firstname: 'Luna',
-      house: 'Ravenclaw',
-      year: '1981',
-    },
-  ];
-  const [selectedKeys, setSelectedKeys] = React.useState(new Set());
-  const selected = Array.from(selectedKeys);
-  return (
-    <>
-      <Table
-        aria-label="Example dynamic collection table"
-        selectionMode="multiple"
-        onSelectionChange={key => setSelectedKeys(new Set(key))}
-      >
-        <Table.Header columns={columns}>
-          {column => <Table.Column>{column.name}</Table.Column>}
-        </Table.Header>
-        <Table.Body items={rows}>
-          {item => (
-            <Table.Row>
-              {columnKey => <Table.Cell>{item[columnKey]}</Table.Cell>}
-            </Table.Row>
-          )}
-        </Table.Body>
-      </Table>
-      <div>Selected rows: {selected.join(', ')}</div>
-    </>
-  );
-};
diff --git a/docs-old/src/demos/components/Table/table-multi-mode.demo.tsx b/docs-old/src/demos/components/Table/table-multi-mode.demo.tsx
deleted file mode 100644
index c6cf28714b..0000000000
--- a/docs-old/src/demos/components/Table/table-multi-mode.demo.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const MultiModeTable = () => (
-  <Table aria-label="Table with multiple selection" selectionMode="multiple">
-    <Table.Header>
-      <Table.Column>Name</Table.Column>
-      <Table.Column>Firstname</Table.Column>
-      <Table.Column>House</Table.Column>
-      <Table.Column>Year of birth</Table.Column>
-    </Table.Header>
-    <Table.Body>
-      <Table.Row>
-        <Table.Cell>Potter</Table.Cell>
-        <Table.Cell>Harry</Table.Cell>
-        <Table.Cell>Gryffindor</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row>
-        <Table.Cell>Malfoy</Table.Cell>
-        <Table.Cell>Draco</Table.Cell>
-        <Table.Cell>Slytherin</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row>
-        <Table.Cell>Diggory</Table.Cell>
-        <Table.Cell>Cedric</Table.Cell>
-        <Table.Cell>Hufflepuff</Table.Cell>
-        <Table.Cell>1977</Table.Cell>
-      </Table.Row>
-      <Table.Row>
-        <Table.Cell>Lovegood</Table.Cell>
-        <Table.Cell>Luna</Table.Cell>
-        <Table.Cell>Ravenclaw</Table.Cell>
-        <Table.Cell>1981</Table.Cell>
-      </Table.Row>
-    </Table.Body>
-  </Table>
-);
diff --git a/docs-old/src/demos/components/Table/table-nested.demo.tsx b/docs-old/src/demos/components/Table/table-nested.demo.tsx
deleted file mode 100644
index 6372a78555..0000000000
--- a/docs-old/src/demos/components/Table/table-nested.demo.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const NestedTable = () => (
-  <Table aria-label="Example table for nested columns">
-    <Table.Header>
-      <Table.Column title="Name">
-        <Table.Column isRowHeader>First Name</Table.Column>
-        <Table.Column isRowHeader>Last Name</Table.Column>
-      </Table.Column>
-      <Table.Column title="Information">
-        <Table.Column>Age</Table.Column>
-        <Table.Column>Birthday</Table.Column>
-      </Table.Column>
-    </Table.Header>
-    <Table.Body>
-      <Table.Row>
-        <Table.Cell>Sam</Table.Cell>
-        <Table.Cell>Smith</Table.Cell>
-        <Table.Cell>36</Table.Cell>
-        <Table.Cell>May 3</Table.Cell>
-      </Table.Row>
-      <Table.Row>
-        <Table.Cell>Julia</Table.Cell>
-        <Table.Cell>Jones</Table.Cell>
-        <Table.Cell>24</Table.Cell>
-        <Table.Cell>February 10</Table.Cell>
-      </Table.Row>
-      <Table.Row>
-        <Table.Cell>Peter</Table.Cell>
-        <Table.Cell>Parker</Table.Cell>
-        <Table.Cell>28</Table.Cell>
-        <Table.Cell>September 7</Table.Cell>
-      </Table.Row>
-      <Table.Row>
-        <Table.Cell>Bruce</Table.Cell>
-        <Table.Cell>Wayne</Table.Cell>
-        <Table.Cell>32</Table.Cell>
-        <Table.Cell>December 18</Table.Cell>
-      </Table.Row>
-    </Table.Body>
-  </Table>
-);
diff --git a/docs-old/src/demos/components/Table/table-single-mode.demo.tsx b/docs-old/src/demos/components/Table/table-single-mode.demo.tsx
deleted file mode 100644
index 30f3b7e669..0000000000
--- a/docs-old/src/demos/components/Table/table-single-mode.demo.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Table } from '@marigold/components';
-
-export const SingleModeTable = () => (
-  <Table aria-label="Table with multiple selection" selectionMode="single">
-    <Table.Header>
-      <Table.Column>Name</Table.Column>
-      <Table.Column>Firstname</Table.Column>
-      <Table.Column>House</Table.Column>
-      <Table.Column>Year of birth</Table.Column>
-    </Table.Header>
-    <Table.Body>
-      <Table.Row key={1}>
-        <Table.Cell>Potter</Table.Cell>
-        <Table.Cell>Harry</Table.Cell>
-        <Table.Cell>Gryffindor</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row key={2}>
-        <Table.Cell>Malfoy</Table.Cell>
-        <Table.Cell>Draco</Table.Cell>
-        <Table.Cell>Slytherin</Table.Cell>
-        <Table.Cell>1980</Table.Cell>
-      </Table.Row>
-      <Table.Row key={3}>
-        <Table.Cell>Diggory</Table.Cell>
-        <Table.Cell>Cedric</Table.Cell>
-        <Table.Cell>Hufflepuff</Table.Cell>
-        <Table.Cell>1977</Table.Cell>
-      </Table.Row>
-      <Table.Row key={4}>
-        <Table.Cell>Lovegood</Table.Cell>
-        <Table.Cell>Luna</Table.Cell>
-        <Table.Cell>Ravenclaw</Table.Cell>
-        <Table.Cell>1981</Table.Cell>
-      </Table.Row>
-    </Table.Body>
-  </Table>
-);
diff --git a/docs-old/src/demos/components/Table/table-sorting.demo.tsx b/docs-old/src/demos/components/Table/table-sorting.demo.tsx
deleted file mode 100644
index 14cfe04296..0000000000
--- a/docs-old/src/demos/components/Table/table-sorting.demo.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import React, { useState } from 'react';
-import { SortDescriptor } from '@react-types/shared';
-import { Table } from '@marigold/components';
-
-export interface Data {
-  name: string;
-  height: string;
-  mass: string;
-  birth_year: string;
-}
-
-export const SortedTable = () => {
-  const data: Data[] = [
-    {
-      name: 'Luke Skywalker',
-      height: '172',
-      mass: '77',
-      birth_year: '19BBY',
-    },
-    {
-      name: 'C-3PO',
-      height: '167',
-      mass: '75',
-      birth_year: '112BBY',
-    },
-    {
-      name: 'R2-D2',
-      height: '96',
-      mass: '32',
-      birth_year: '33BBY',
-    },
-    {
-      name: 'Darth Vader',
-      height: '202',
-      mass: '136',
-      birth_year: '41.9BBY',
-    },
-    {
-      name: 'Leia Organa',
-      height: '150',
-      mass: '49',
-      birth_year: '19BBY',
-    },
-    {
-      name: 'Owen Lars',
-      height: '178',
-      mass: '120',
-      birth_year: '52BBY',
-    },
-    {
-      name: 'Beru Whitesun lars',
-      height: '165',
-      mass: '75',
-      birth_year: '47BBY',
-    },
-    {
-      name: 'R5-D4',
-      height: '97',
-      mass: '32',
-      birth_year: 'unknown',
-    },
-    {
-      name: 'Biggs Darklighter',
-      height: '183',
-      mass: '84',
-      birth_year: '24BBY',
-    },
-    {
-      name: 'Obi-Wan Kenobi',
-      height: '182',
-      mass: '77',
-      birth_year: '57BBY',
-    },
-  ];
-  const [list, setList] = useState(data);
-  const [descriptor, setDescriptor] = useState<SortDescriptor>({});
-  const sort = ({ column, direction }: SortDescriptor) => {
-    const result = list.sort((a, b) => {
-      const first = a[column as keyof Data];
-      const second = b[column as keyof Data];
-      let cmp =
-        (parseInt(first) || first) < (parseInt(second) || second) ? -1 : 1;
-      if (direction === 'descending') {
-        cmp *= -1;
-      }
-      return cmp;
-    });
-    setDescriptor({ column, direction });
-    setList(result);
-  };
-
-  return (
-    <>
-      <Table
-        aria-label="Example table with client side sorting"
-        sortDescriptor={descriptor}
-        onSortChange={sort}
-        selectionMode="multiple"
-      >
-        <Table.Header>
-          <Table.Column key="name" allowsSorting>
-            Name
-          </Table.Column>
-          <Table.Column key="height" allowsSorting>
-            Height
-          </Table.Column>
-          <Table.Column key="mass" allowsSorting>
-            Mass
-          </Table.Column>
-          <Table.Column key="birth_year" allowsSorting>
-            Birth Year
-          </Table.Column>
-        </Table.Header>
-        <Table.Body items={list}>
-          {item => (
-            <Table.Row key={item.name}>
-              {columnKey => <Table.Cell>{(item as any)[columnKey]}</Table.Cell>}
-            </Table.Row>
-          )}
-        </Table.Body>
-      </Table>
-      <br />
-      <pre>
-        Sort: {descriptor.column} / {descriptor.direction}
-      </pre>
-    </>
-  );
-};
diff --git a/docs-old/src/demos/components/Tabs/index.ts b/docs-old/src/demos/components/Tabs/index.ts
deleted file mode 100644
index b098830f0e..0000000000
--- a/docs-old/src/demos/components/Tabs/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './tabs-basic.demo';
-export * from './tabs-disabled.demo';
-export * from './tabs-selectedKey.demo';
-export * from './tabs-large.demo';
diff --git a/docs-old/src/demos/components/Tabs/tabs-basic.demo.tsx b/docs-old/src/demos/components/Tabs/tabs-basic.demo.tsx
deleted file mode 100644
index dff9da8af2..0000000000
--- a/docs-old/src/demos/components/Tabs/tabs-basic.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Tabs } from '@marigold/components';
-
-export const BasicTabs = () => (
-  <Tabs>
-    <Tabs.Item title="tab1">tab-1 content</Tabs.Item>
-    <Tabs.Item title="tab2">tab-2 content</Tabs.Item>
-    <Tabs.Item title="tab3">tab-3 content</Tabs.Item>
-  </Tabs>
-);
diff --git a/docs-old/src/demos/components/Tabs/tabs-disabled.demo.tsx b/docs-old/src/demos/components/Tabs/tabs-disabled.demo.tsx
deleted file mode 100644
index 082a7bb0f7..0000000000
--- a/docs-old/src/demos/components/Tabs/tabs-disabled.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Tabs } from '@marigold/components';
-
-export const DisabledTabs = () => (
-  <Tabs disabledKeys={'3'}>
-    <Tabs.Item key={'1'} title="tab1">
-      tab-1 content
-    </Tabs.Item>
-    <Tabs.Item key={'2'} title="tab2">
-      tab-2 content
-    </Tabs.Item>
-    <Tabs.Item key={'3'} title="disabled">
-      tab-3 content
-    </Tabs.Item>
-  </Tabs>
-);
diff --git a/docs-old/src/demos/components/Tabs/tabs-large.demo.tsx b/docs-old/src/demos/components/Tabs/tabs-large.demo.tsx
deleted file mode 100644
index 3089e089c9..0000000000
--- a/docs-old/src/demos/components/Tabs/tabs-large.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Tabs } from '@marigold/components';
-
-export const TabsWithLargeSize = () => (
-  <Tabs size="large">
-    <Tabs.Item key={'1'} title="tab1">
-      tab-1 content
-    </Tabs.Item>
-    <Tabs.Item key={'2'} title="tab2">
-      tab-2 content
-    </Tabs.Item>
-    <Tabs.Item key={'3'} title="tab3">
-      tab-3 content
-    </Tabs.Item>
-  </Tabs>
-);
diff --git a/docs-old/src/demos/components/Tabs/tabs-selectedKey.demo.tsx b/docs-old/src/demos/components/Tabs/tabs-selectedKey.demo.tsx
deleted file mode 100644
index 9ca5e7f281..0000000000
--- a/docs-old/src/demos/components/Tabs/tabs-selectedKey.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Tabs } from '@marigold/components';
-
-export const TabsWithSelectedKey = () => (
-  <Tabs defaultSelectedKey={'2'}>
-    <Tabs.Item key={'1'} title="tab1">
-      tab-1 content
-    </Tabs.Item>
-    <Tabs.Item key={'2'} title="tab2">
-      tab-2 content
-    </Tabs.Item>
-    <Tabs.Item key={'3'} title="tab3">
-      tab-3 content
-    </Tabs.Item>
-  </Tabs>
-);
diff --git a/docs-old/src/demos/components/Tag/basic-tag.demo.tsx b/docs-old/src/demos/components/Tag/basic-tag.demo.tsx
deleted file mode 100644
index b1978ae620..0000000000
--- a/docs-old/src/demos/components/Tag/basic-tag.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Tag } from '@marigold/components';
-
-export const BasicTagDemo = () => (
-  <Tag.Group>
-    <Tag key="news">News</Tag>
-    <Tag key="travel">Travel</Tag>
-    <Tag key="gaming">Gaming</Tag>
-    <Tag key="shopping">Shopping</Tag>
-  </Tag.Group>
-);
diff --git a/docs-old/src/demos/components/Tag/index.ts b/docs-old/src/demos/components/Tag/index.ts
deleted file mode 100644
index 5c039c894d..0000000000
--- a/docs-old/src/demos/components/Tag/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './basic-tag.demo';
-export * from './label-tag.demo';
-export * from './remove-tag.demo';
diff --git a/docs-old/src/demos/components/Tag/label-tag.demo.tsx b/docs-old/src/demos/components/Tag/label-tag.demo.tsx
deleted file mode 100644
index f23409298d..0000000000
--- a/docs-old/src/demos/components/Tag/label-tag.demo.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import { Tag } from '@marigold/components';
-
-export const LabelTagDemo = () => (
-  <Tag.Group label="Categories">
-    <Tag key="news">News</Tag>
-    <Tag key="travel">Travel</Tag>
-    <Tag key="gaming">Gaming</Tag>
-    <Tag key="shopping">Shopping</Tag>
-  </Tag.Group>
-);
diff --git a/docs-old/src/demos/components/Tag/remove-tag.demo.tsx b/docs-old/src/demos/components/Tag/remove-tag.demo.tsx
deleted file mode 100644
index 3db7622fe2..0000000000
--- a/docs-old/src/demos/components/Tag/remove-tag.demo.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { useState } from 'react';
-import { Tag } from '@marigold/components';
-
-export const RemoveTagDemo = () => {
-  const defaultTags = [
-    { id: 1, name: 'Thor' },
-    { id: 2, name: 'Iron Man' },
-    { id: 3, name: 'Black Panther' },
-    { id: 4, name: 'Groot' },
-  ];
-
-  const [tags, setTags] = useState(defaultTags);
-
-  let removeItem = (key: number) => {
-    setTags(prevItems => prevItems.filter(tag => key !== tag.id));
-  };
-
-  return (
-    <Tag.Group
-      items={tags}
-      aria-label="TagGrooup removing example"
-      allowsRemoving
-      onRemove={removeItem}
-    >
-      {(tag: { id: number; name: string }) => <Tag>{tag.name}</Tag>}
-    </Tag.Group>
-  );
-};
diff --git a/docs-old/src/demos/components/Text/index.ts b/docs-old/src/demos/components/Text/index.ts
deleted file mode 100644
index b87bd7bf2e..0000000000
--- a/docs-old/src/demos/components/Text/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export * from './text-default.demo';
-export * from './text-color.demo';
-export * from './text-simple.demo';
diff --git a/docs-old/src/demos/components/Text/text-color.demo.tsx b/docs-old/src/demos/components/Text/text-color.demo.tsx
deleted file mode 100644
index c518d852c3..0000000000
--- a/docs-old/src/demos/components/Text/text-color.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Text } from '@marigold/components';
-
-export const ColoredText = () => <Text color="hotpink">Pink is awesome!</Text>;
diff --git a/docs-old/src/demos/components/Text/text-default.demo.tsx b/docs-old/src/demos/components/Text/text-default.demo.tsx
deleted file mode 100644
index 9a3ad5d6ce..0000000000
--- a/docs-old/src/demos/components/Text/text-default.demo.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { Text } from '@marigold/components';
-
-export const DefaultText = () => (
-  <Text>
-    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy
-    eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
-    voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
-    amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
-    nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed
-    diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-    clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit
-    amet.
-  </Text>
-);
diff --git a/docs-old/src/demos/components/Text/text-simple.demo.tsx b/docs-old/src/demos/components/Text/text-simple.demo.tsx
deleted file mode 100644
index 53609df2bf..0000000000
--- a/docs-old/src/demos/components/Text/text-simple.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { Text } from '@marigold/components';
-
-export const BasicText = () => <Text>I am text!</Text>;
diff --git a/docs-old/src/demos/components/TextArea/index.ts b/docs-old/src/demos/components/TextArea/index.ts
deleted file mode 100644
index c7cbc7d02e..0000000000
--- a/docs-old/src/demos/components/TextArea/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './text-area-basic.demo';
-export * from './text-area-disabled.demo';
-export * from './text-area-req.demo';
-export * from './text-area-error.demo';
diff --git a/docs-old/src/demos/components/TextArea/text-area-basic.demo.tsx b/docs-old/src/demos/components/TextArea/text-area-basic.demo.tsx
deleted file mode 100644
index 39cb5f9f1c..0000000000
--- a/docs-old/src/demos/components/TextArea/text-area-basic.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextArea } from '@marigold/components';
-
-export const BasicTextArea = () => (
-  <TextArea label="Simple" placeholder="Placeholder" />
-);
diff --git a/docs-old/src/demos/components/TextArea/text-area-disabled.demo.tsx b/docs-old/src/demos/components/TextArea/text-area-disabled.demo.tsx
deleted file mode 100644
index d775bb2ac6..0000000000
--- a/docs-old/src/demos/components/TextArea/text-area-disabled.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { TextArea } from '@marigold/components';
-
-export const DisabledTextArea = () => (
-  <TextArea
-    label="Can't touch this"
-    placeholder="Placeholder disabled"
-    disabled
-  />
-);
diff --git a/docs-old/src/demos/components/TextArea/text-area-error.demo.tsx b/docs-old/src/demos/components/TextArea/text-area-error.demo.tsx
deleted file mode 100644
index 47bf290521..0000000000
--- a/docs-old/src/demos/components/TextArea/text-area-error.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { TextArea } from '@marigold/components';
-
-export const ErrorTextArea = () => (
-  <TextArea
-    label="Required Textarea with error"
-    error
-    errorMessage="Oh no, we have an error!"
-  />
-);
diff --git a/docs-old/src/demos/components/TextArea/text-area-req.demo.tsx b/docs-old/src/demos/components/TextArea/text-area-req.demo.tsx
deleted file mode 100644
index c8528f2a59..0000000000
--- a/docs-old/src/demos/components/TextArea/text-area-req.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextArea } from '@marigold/components';
-
-export const RequiredTextArea = () => (
-  <TextArea label="Required Textarea" required rows={6} />
-);
diff --git a/docs-old/src/demos/components/TextField/index.ts b/docs-old/src/demos/components/TextField/index.ts
deleted file mode 100644
index 5242df82bd..0000000000
--- a/docs-old/src/demos/components/TextField/index.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export * from './textfield-basic.demo';
-export * from './textfield-disabled.demo';
-export * from './textfield-req.demo';
-export * from './textfield-error.demo';
-export * from './textfield-number.demo';
-export * from './textfield-types.demo';
-export * from './textfield-group.demo';
diff --git a/docs-old/src/demos/components/TextField/textfield-basic.demo.tsx b/docs-old/src/demos/components/TextField/textfield-basic.demo.tsx
deleted file mode 100644
index 81cfa46e9b..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-basic.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TextField } from '@marigold/components';
-
-export const BasicTextField = () => <TextField label="Firstname" />;
diff --git a/docs-old/src/demos/components/TextField/textfield-disabled.demo.tsx b/docs-old/src/demos/components/TextField/textfield-disabled.demo.tsx
deleted file mode 100644
index 470c1cc18c..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-disabled.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextField } from '@marigold/components';
-
-export const DisabledTextField = () => (
-  <TextField label="Field disabled" disabled />
-);
diff --git a/docs-old/src/demos/components/TextField/textfield-error.demo.tsx b/docs-old/src/demos/components/TextField/textfield-error.demo.tsx
deleted file mode 100644
index 92a20b3e54..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-error.demo.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import { TextField } from '@marigold/components';
-
-export const ErrorTextField = () => (
-  <TextField label="Name" error errorMessage="Something went wrong!" />
-);
diff --git a/docs-old/src/demos/components/TextField/textfield-group.demo.tsx b/docs-old/src/demos/components/TextField/textfield-group.demo.tsx
deleted file mode 100644
index 9e0d94c8b0..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-group.demo.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { useState } from 'react';
-import { Stack, TextField, FieldGroup, Radio } from '@marigold/components';
-
-export const GroupTextField = () => {
-  const [value, setValue] = useState<string>('');
-  const error = value.length > 0 && !/^\d+$/.test(value);
-
-  return (
-    <FieldGroup labelWidth="20%">
-      <Stack space="small">
-        <TextField label="Name" />
-        <TextField
-          label="Promo Code"
-          description="You'll find your promo code on the back of your ticket."
-          errorMessage="Your promo code is not valid! Please review your input."
-          value={value}
-          onChange={setValue}
-          error={error}
-          inputMode="numeric"
-          pattern="[0-9]*"
-        />
-        <Radio.Group label="Choose">
-          <Radio value="1">One</Radio>
-          <Radio value="2">Two</Radio>
-          <Radio value="3">Three</Radio>
-          <Radio value="4">Four</Radio>
-        </Radio.Group>
-      </Stack>
-    </FieldGroup>
-  );
-};
diff --git a/docs-old/src/demos/components/TextField/textfield-number.demo.tsx b/docs-old/src/demos/components/TextField/textfield-number.demo.tsx
deleted file mode 100644
index 9c338f3931..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-number.demo.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { TextField } from '@marigold/components';
-import { useState } from 'react';
-
-export const FieldTextErrorNumberImput = () => {
-  const [value, setValue] = useState<string>('');
-  const error = value.length > 0 && !/^\d+$/.test(value);
-
-  return (
-    <TextField
-      label="Promo Code"
-      description="You'll find your promo code on the back of your ticket."
-      errorMessage="Your promo code is not valid! Please review your input."
-      value={value}
-      onChange={setValue}
-      error={error}
-      inputMode="numeric"
-      pattern="[0-9]*"
-    />
-  );
-};
diff --git a/docs-old/src/demos/components/TextField/textfield-req.demo.tsx b/docs-old/src/demos/components/TextField/textfield-req.demo.tsx
deleted file mode 100644
index 1b1feed37b..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-req.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { TextField } from '@marigold/components';
-
-export const RequiredTextField = () => <TextField label="Name" required />;
diff --git a/docs-old/src/demos/components/TextField/textfield-types.demo.tsx b/docs-old/src/demos/components/TextField/textfield-types.demo.tsx
deleted file mode 100644
index 570533104a..0000000000
--- a/docs-old/src/demos/components/TextField/textfield-types.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Stack, TextField } from '@marigold/components';
-
-export const TypesTextField = () => (
-  <Stack space="small">
-    <TextField label="EMail" type="email" />
-    <TextField label="Date" type="date" />
-    <TextField label="Phone Number" type="tel" />
-  </Stack>
-);
diff --git a/docs-old/src/demos/components/Tiles/index.ts b/docs-old/src/demos/components/Tiles/index.ts
deleted file mode 100644
index e1f6e3dcbb..0000000000
--- a/docs-old/src/demos/components/Tiles/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-export * from './tiles-spacing.demo';
-export * from './tiles-stretch.demo';
-export * from './tiles-itemwidth.demo';
-export * from './tiles-complex.demo';
-export * from './tiles-autoRows.demo';
diff --git a/docs-old/src/demos/components/Tiles/tiles-autoRows.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-autoRows.demo.tsx
deleted file mode 100644
index f42dd26bc3..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-autoRows.demo.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { Box, Card, Image, Tiles, Text } from '@marigold/components';
-
-export const AutoRows = () => (
-  <Tiles space="xsmall" tilesWidth="250px" equalHeight>
-    <Box as={Card}>
-      <Image
-        src="https://www.pokewiki.de/images/6/63/Sugimori_004.png"
-        alt="glumanda"
-        width={100}
-        height={100}
-      />
-    </Box>
-    <Box as={Card}>
-      <Image
-        src="https://www.pokewiki.de/images/9/96/Sugimori_001.png"
-        alt="bisasam"
-        width={100}
-        height={100}
-      />
-    </Box>
-    <Box as={Card}>
-      <Image
-        src="https://www.pokewiki.de/images/6/6c/Sugimori_025.png"
-        alt="pikachu"
-        width={100}
-        height={100}
-      />
-      <Text>
-        Pikachu ist ein Pokémon mit dem Typ Elektro und existiert seit der
-        ersten Spielgeneration. Es ist die erste Entwicklung von Pichu und kann
-        sich selbst zu Raichu weiterentwickeln.
-      </Text>
-    </Box>
-    <Box as={Card}>
-      <Image
-        src="https://www.pokewiki.de/images/2/26/Sugimori_037.png"
-        alt="vulpix"
-        width={100}
-        height={100}
-      />
-    </Box>
-  </Tiles>
-);
diff --git a/docs-old/src/demos/components/Tiles/tiles-complex.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-complex.demo.tsx
deleted file mode 100644
index 29ecd39cdc..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-complex.demo.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import {
-  Image,
-  Headline,
-  Stack,
-  Text,
-  Tiles,
-  Card,
-} from '@marigold/components';
-
-export const ComplexTiles = () => (
-  <Tiles tilesWidth="300px" space="small">
-    <Card p="small">
-      <Stack space="medium" alignX="center">
-        <Image
-          src="https://www.pokewiki.de/images/6/63/Sugimori_004.png"
-          alt="glumanda"
-          width={200}
-          height={200}
-        />
-        <Headline level="4">Glumanda</Headline>
-        <Text>
-          Glumanda ist ein Pokémon mit dem Typ Feuer und existiert seit der
-          ersten Spielgeneration. Es ist neben Bisasam und Schiggy eines der
-          Starter-Pokémon in Pokémon Rot, Blau, Feuerrot und Blattgrün.
-        </Text>
-      </Stack>
-    </Card>
-    <Card p="small">
-      <Stack space="medium" alignX="center">
-        <Image
-          src="https://www.pokewiki.de/images/7/7a/Sugimori_005.png"
-          alt="glutexo"
-          width={200}
-          height={200}
-        />
-        <Headline level="4">Glutexo</Headline>
-        <Text>
-          Glutexo ist ein Pokémon mit dem Typ Feuer und existiert seit der
-          ersten Spielgeneration. Als erste Weiterentwicklung von Glumanda
-          spielt es eine wichtige Rolle als Starter-Pokémon in Pokémon Rot,
-          Blau, Feuerrot, Blattgrün.
-        </Text>
-      </Stack>
-    </Card>
-    <Card p="small">
-      <Stack space="medium" alignX="center">
-        <Image
-          src="https://www.pokewiki.de/images/9/96/Sugimori_006.png"
-          alt="glurak"
-          width={250}
-          height={200}
-        />
-        <Headline level="4">Glurak</Headline>
-        <Text>
-          Glurak ist ein Pokémon mit den Typen Feuer und Flug und existiert seit
-          der ersten Spielgeneration. Es stellt die zweite Entwicklungsstufe von
-          Glumanda und Glutexo dar und ist somit neben Bisaflor und Turtok eine
-          der Endentwicklungen der Starter-Pokémon aus Kanto.
-        </Text>
-      </Stack>
-    </Card>
-  </Tiles>
-);
diff --git a/docs-old/src/demos/components/Tiles/tiles-itemwidth.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-itemwidth.demo.tsx
deleted file mode 100644
index 2fe003bf31..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-itemwidth.demo.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Card, Image, Tiles } from '@marigold/components';
-
-export const ItemWidthTiles = () => (
-  <Tiles space="xsmall" tilesWidth="200px" stretch>
-    <Card>
-      <Image
-        src="https://www.pokewiki.de/images/6/63/Sugimori_004.png"
-        alt="glumanda"
-        width={100}
-        height={100}
-      />
-    </Card>
-    <Card>
-      <Image
-        src="https://www.pokewiki.de/images/9/96/Sugimori_001.png"
-        alt="bisasam"
-        width={100}
-        height={100}
-      />
-    </Card>
-    <Card>
-      <Image
-        src="https://www.pokewiki.de/images/6/6c/Sugimori_025.png"
-        alt="pikachu"
-        width={100}
-        height={100}
-      />
-    </Card>
-    <Card>
-      <Image
-        src="https://www.pokewiki.de/images/2/26/Sugimori_037.png"
-        alt="vulpix"
-        width={100}
-        height={100}
-      />
-    </Card>
-  </Tiles>
-);
diff --git a/docs-old/src/demos/components/Tiles/tiles-spacing.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-spacing.demo.tsx
deleted file mode 100644
index 7dcc402982..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-spacing.demo.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { Box, Tiles } from '@marigold/components';
-
-export const SpacingTiles = () => (
-  <Tiles tilesWidth="large" space="large">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-      }}
-    />
-  </Tiles>
-);
diff --git a/docs-old/src/demos/components/Tiles/tiles-stretch.demo.tsx b/docs-old/src/demos/components/Tiles/tiles-stretch.demo.tsx
deleted file mode 100644
index cf5bfe2348..0000000000
--- a/docs-old/src/demos/components/Tiles/tiles-stretch.demo.tsx
+++ /dev/null
@@ -1,116 +0,0 @@
-import { Box, Divider, Headline, Stack, Tiles } from '@marigold/components';
-
-export const StretchTiles = () => (
-  <Stack space="large">
-    <Headline>Without stretch:</Headline>
-    <Tiles tilesWidth="150px" space="large">
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-    </Tiles>
-    <Divider />
-    <Tiles tilesWidth="150px" space="large">
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-    </Tiles>
-    <Headline>With stretch:</Headline>
-    <Tiles tilesWidth="150px" space="large" stretch>
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-    </Tiles>
-    <Divider />
-    <Tiles tilesWidth="150px" space="large" stretch>
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-      <Box
-        css={{
-          border: '1px solid #ced4da',
-          bg: '#e9ecef',
-          height: '100px',
-        }}
-      />
-    </Tiles>
-  </Stack>
-);
diff --git a/docs-old/src/demos/components/Tooltip/index.ts b/docs-old/src/demos/components/Tooltip/index.ts
deleted file mode 100644
index f34595c8b2..0000000000
--- a/docs-old/src/demos/components/Tooltip/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './tooltip-basic.demo';
-export * from './tooltip-custom.demo';
-export * from './tooltip-focus.demo';
-export * from './tooltip-pressed.demo';
diff --git a/docs-old/src/demos/components/Tooltip/tooltip-basic.demo.tsx b/docs-old/src/demos/components/Tooltip/tooltip-basic.demo.tsx
deleted file mode 100644
index fe58afd4ea..0000000000
--- a/docs-old/src/demos/components/Tooltip/tooltip-basic.demo.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Button, Tooltip } from '@marigold/components';
-import { Info } from '@marigold/icons';
-
-export const BasicTooltip = () => (
-  <Tooltip.Trigger>
-    <Button>
-      <Info fill="info" />
-    </Button>
-    <Tooltip>Tooltip</Tooltip>
-  </Tooltip.Trigger>
-);
diff --git a/docs-old/src/demos/components/Tooltip/tooltip-custom.demo.tsx b/docs-old/src/demos/components/Tooltip/tooltip-custom.demo.tsx
deleted file mode 100644
index 80c21cae24..0000000000
--- a/docs-old/src/demos/components/Tooltip/tooltip-custom.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Button, Tooltip } from '@marigold/components';
-
-export const CustomTooltip = () => (
-  <Tooltip.Trigger placement="right">
-    <Button>Hover me!</Button>
-    <Tooltip>Tooltip</Tooltip>
-  </Tooltip.Trigger>
-);
diff --git a/docs-old/src/demos/components/Tooltip/tooltip-focus.demo.tsx b/docs-old/src/demos/components/Tooltip/tooltip-focus.demo.tsx
deleted file mode 100644
index f109e1ece9..0000000000
--- a/docs-old/src/demos/components/Tooltip/tooltip-focus.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Button, Tooltip } from '@marigold/components';
-
-export const FocusTooltip = () => (
-  <Tooltip.Trigger trigger="focus">
-    <Button>Hover me!</Button>
-    <Tooltip>Tooltip</Tooltip>
-  </Tooltip.Trigger>
-);
diff --git a/docs-old/src/demos/components/Tooltip/tooltip-pressed.demo.tsx b/docs-old/src/demos/components/Tooltip/tooltip-pressed.demo.tsx
deleted file mode 100644
index c7132647df..0000000000
--- a/docs-old/src/demos/components/Tooltip/tooltip-pressed.demo.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { Button, Tooltip } from '@marigold/components';
-import { useState } from 'react';
-
-export const PressedTooltip = () => {
-  const [open, setOpen] = useState(false);
-
-  return (
-    <Tooltip.Trigger open={open}>
-      <Button
-        variant="primary"
-        onPressStart={() => setOpen(true)}
-        onPressEnd={() => setOpen(false)}
-      >
-        Press and hold me!
-      </Button>
-      <Tooltip>I am a tooltip!</Tooltip>
-    </Tooltip.Trigger>
-  );
-};
diff --git a/docs-old/src/demos/components/VisuallyHidden/index.ts b/docs-old/src/demos/components/VisuallyHidden/index.ts
deleted file mode 100644
index 9123d51aed..0000000000
--- a/docs-old/src/demos/components/VisuallyHidden/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './visually-hidden.demo';
diff --git a/docs-old/src/demos/components/VisuallyHidden/visually-hidden.demo.tsx b/docs-old/src/demos/components/VisuallyHidden/visually-hidden.demo.tsx
deleted file mode 100644
index 304338f2cc..0000000000
--- a/docs-old/src/demos/components/VisuallyHidden/visually-hidden.demo.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Text, VisuallyHidden } from '@marigold/components';
-
-export const BasicVisuallyHidden = () => (
-  <>
-    <Text>The Text below is visually hidden</Text>
-    <VisuallyHidden>I am invisible</VisuallyHidden>
-  </>
-);
diff --git a/docs-old/src/demos/components/XLoader/XLoader-props.demo.tsx b/docs-old/src/demos/components/XLoader/XLoader-props.demo.tsx
deleted file mode 100644
index 69f559580c..0000000000
--- a/docs-old/src/demos/components/XLoader/XLoader-props.demo.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { Inline, XLoader } from '@marigold/components';
-
-export const XLoaderWithProps = () => (
-  <Inline space="medium">
-    <XLoader fill="primary" size={100} />
-    <XLoader fill="secondary" size={100} />
-    <XLoader fill="black" size={100} />
-  </Inline>
-);
diff --git a/docs-old/src/demos/components/XLoader/XLoader.demo.tsx b/docs-old/src/demos/components/XLoader/XLoader.demo.tsx
deleted file mode 100644
index 6beed44068..0000000000
--- a/docs-old/src/demos/components/XLoader/XLoader.demo.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-import { XLoader } from '@marigold/components';
-
-export const BasicXLoader = () => <XLoader />;
diff --git a/docs-old/src/demos/components/XLoader/index.ts b/docs-old/src/demos/components/XLoader/index.ts
deleted file mode 100644
index 03335cd723..0000000000
--- a/docs-old/src/demos/components/XLoader/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './XLoader-props.demo';
-export * from './XLoader.demo';
diff --git a/docs-old/src/demos/components/_test_.tsx b/docs-old/src/demos/components/_test_.tsx
deleted file mode 100644
index ce380cf413..0000000000
--- a/docs-old/src/demos/components/_test_.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Aside, Box } from '@marigold/components';
-
-export const DemoTest = () => (
-  <Aside space="medium" side="left">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '100px',
-        width: '50px',
-      }}
-    />
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-      }}
-    />
-  </Aside>
-);
diff --git a/docs-old/src/demos/components/_test_hook_.tsx b/docs-old/src/demos/components/_test_hook_.tsx
deleted file mode 100644
index c86a9a48cd..0000000000
--- a/docs-old/src/demos/components/_test_hook_.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { useState } from 'react';
-
-export const TestHook = () => {
-  const [count, setCount] = useState(0);
-
-  return <button onClick={() => setCount(count + 1)}>Counter: {count}</button>;
-};
diff --git a/docs-old/src/demos/components/index.ts b/docs-old/src/demos/components/index.ts
deleted file mode 100644
index 6de3656115..0000000000
--- a/docs-old/src/demos/components/index.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-export * from './Table/table-basic.demo';
-
-// test files
-export * from './_test_';
-export * from './_test_hook_';
-
-// component previews
-export * from './Accordion';
-export * from './Aside';
-export * from './Aspect';
-export * from './Autocomplete';
-export * from './ComboBox';
-export * from './Badge';
-export * from './Body';
-export * from './Box';
-export * from './Breakout';
-export * from './Button';
-export * from './Card';
-export * from './Checkbox';
-export * from './Center';
-export * from './Columns';
-export * from './Container';
-export * from './Dialog';
-export * from './Divider';
-export * from './Footer';
-export * from './FieldGroup';
-export * from './Header';
-export * from './Headline';
-export * from './Icon';
-export * from './Image';
-export * from './Inline';
-export * from './Inset';
-export * from './Label';
-export * from './Link';
-export * from './List';
-export * from './Menu';
-export * from './Message';
-export * from './NumberField';
-export * from './DateField';
-export * from './DatePicker';
-export * from './Radio';
-export * from './Stack';
-export * from './Select';
-export * from './Slider';
-export * from './Split';
-export * from './Switch';
-export * from './SVG';
-export * from './Table';
-export * from './Tiles';
-export * from './Text';
-export * from './TextArea';
-export * from './TextField';
-export * from './Tooltip';
-export * from './VisuallyHidden';
-export * from './XLoader';
-export * from './Calendar';
-export * from './Tag';
-export * from './DateField';
-export * from './Tabs';
diff --git a/docs-old/src/demos/concepts/building-forms-hook-form.demo.tsx b/docs-old/src/demos/concepts/building-forms-hook-form.demo.tsx
deleted file mode 100644
index afecaf6b9a..0000000000
--- a/docs-old/src/demos/concepts/building-forms-hook-form.demo.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import { useForm, SubmitHandler, Controller } from 'react-hook-form';
-
-import {
-  Button,
-  FieldGroup,
-  Select,
-  Stack,
-  TextField,
-  Headline,
-  Columns,
-  Checkbox,
-} from '@marigold/components';
-
-interface IFormInputs {
-  firstName: string;
-  name: string;
-  phone: string;
-  mail: string;
-  country: string | number;
-  terms: boolean;
-}
-export const SubmitFormWithReactHookForm = () => {
-  const {
-    control,
-    handleSubmit,
-    formState: { isValid },
-  } = useForm({
-    mode: 'onChange',
-    defaultValues: {
-      firstName: '',
-      name: '',
-      phone: '',
-      mail: '',
-      country: '',
-      terms: false,
-    },
-  });
-
-  const onSubmit: SubmitHandler<IFormInputs> = data => {
-    alert(JSON.stringify(data));
-  };
-
-  return (
-    <FieldGroup labelWidth="medium">
-      <Headline level="2">Account Registration</Headline>
-      <form onSubmit={handleSubmit(onSubmit)}>
-        <Stack space="medium">
-          <Columns columns={[2, 2]} space="medium">
-            <Controller
-              name="firstName"
-              control={control}
-              rules={{ required: true }}
-              render={({ field }) => (
-                <TextField
-                  {...field}
-                  label="Firstname:"
-                  required
-                  description="Please enter your first name."
-                  placeholder="Firstname"
-                  error={field.value.length < 0 ? true : false}
-                  errorMessage="The field is required. Please enter your firstname."
-                />
-              )}
-            />
-            <Controller
-              name="name"
-              control={control}
-              rules={{ required: true }}
-              render={({ field }) => (
-                <TextField
-                  {...field}
-                  label="Name:"
-                  required
-                  description="Please enter your name."
-                  placeholder="Name"
-                  error={field.value.length < 0 ? true : false}
-                  errorMessage="The field is required. Please enter your name."
-                />
-              )}
-            />
-          </Columns>
-          <Stack space="medium">
-            <Controller
-              name="phone"
-              control={control}
-              rules={{
-                required: true,
-                min: 6,
-              }}
-              render={({ field }) => (
-                <TextField
-                  {...field}
-                  label="Phone:"
-                  required
-                  placeholder="Phone"
-                  type="tel"
-                  description="Please enter your phone number."
-                  error={!/^[0-9]*$/.test(field.value) ? true : false}
-                  errorMessage="The field is required. Please enter a valid phone number."
-                />
-              )}
-            />
-            <Controller
-              name="mail"
-              control={control}
-              rules={{ required: true }}
-              render={({ field }) => (
-                <TextField
-                  {...field}
-                  label="E-Mail:"
-                  description="Please enter your E-Mail adress."
-                  placeholder="E-Mail"
-                  required
-                  error={
-                    field.value.length > 0 &&
-                    !/^\S+@\S+\.\S+$/.test(field.value)
-                      ? true
-                      : false
-                  }
-                  errorMessage="The field is required. Please enter a valid E-Mail adress."
-                />
-              )}
-            />
-            <Controller
-              name="country"
-              control={control}
-              render={({ field }) => (
-                <Select
-                  {...field}
-                  label="Country:"
-                  description="Please select your country."
-                >
-                  <Select.Option key={'none'}>
-                    Select an option...
-                  </Select.Option>
-                  <Select.Option key={'germany'}>Germany</Select.Option>
-                  <Select.Option key={'austria'}>Austria</Select.Option>
-                  <Select.Option key={'switzerland'}>Switzerland</Select.Option>
-                </Select>
-              )}
-            />
-            <Controller
-              name="terms"
-              control={control}
-              render={({ field }) => (
-                <Checkbox defaultChecked={field.value}>
-                  Agree to the terms
-                </Checkbox>
-              )}
-            />
-          </Stack>
-        </Stack>
-        <Stack alignX="right">
-          <Button
-            variant="primary"
-            size="small"
-            type="submit"
-            disabled={!isValid}
-          >
-            Submit
-          </Button>
-        </Stack>
-      </form>
-    </FieldGroup>
-  );
-};
diff --git a/docs-old/src/demos/concepts/building-forms-zod.demo.tsx b/docs-old/src/demos/concepts/building-forms-zod.demo.tsx
deleted file mode 100644
index 7d3e35872b..0000000000
--- a/docs-old/src/demos/concepts/building-forms-zod.demo.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-import { FormEventHandler, useState } from 'react';
-import { z } from 'zod';
-import { zfd } from 'zod-form-data';
-import {
-  Button,
-  Checkbox,
-  Columns,
-  FieldGroup,
-  Headline,
-  Select,
-  Stack,
-  TextField,
-} from '@marigold/components';
-
-export const SubmitForm = () => {
-  const schemaData = z.object({
-    firstname: z.string().min(1),
-    name: z.string().min(1),
-    phone: z.string().min(6),
-    mail: z.string().email(),
-    country: z.string(),
-    terms: zfd.checkbox(),
-  });
-
-  const [error, setError] = useState<string[]>([]);
-  const handleSubmit: FormEventHandler<HTMLFormElement> = e => {
-    e.preventDefault();
-    const errorList: Array<any> = [];
-    const formData = new FormData(e.target as HTMLFormElement);
-    const data = Object.fromEntries(formData);
-    const validatedForm = schemaData.safeParse(data);
-
-    if (!validatedForm.success) {
-      validatedForm.error.issues.map(e => {
-        return errorList.push(e.path.toString());
-      });
-      setError(errorList);
-    } else {
-      alert(JSON.stringify(data));
-    }
-  };
-
-  return (
-    <FieldGroup labelWidth="medium">
-      <Headline level="2">Account Registration</Headline>
-      <form onSubmit={handleSubmit}>
-        <Stack space="medium">
-          <Columns columns={[2, 2]} space="medium">
-            <TextField
-              name="firstname"
-              label="Firstname:"
-              required
-              description="Please enter your first name."
-              placeholder="Firstname"
-              error={error.includes('firstname')}
-              errorMessage="The field is required. Please enter your firstname."
-            />
-            <TextField
-              name="name"
-              label="Name:"
-              required
-              description="Please enter your name."
-              placeholder="Name"
-              error={error.includes('name')}
-              errorMessage="The field is required. Please enter your name."
-            />
-          </Columns>
-          <Stack space="medium">
-            <TextField
-              name="phone"
-              label="Phone:"
-              required
-              placeholder="Phone"
-              type="tel"
-              description="Please enter your phone number."
-              error={error.includes('phone')}
-              errorMessage="The field is required. Please enter a valid phone number."
-            />
-            <TextField
-              label="E-Mail:"
-              description="Please enter your E-Mail adress"
-              placeholder="E-Mail"
-              name="mail"
-              required
-              error={error.includes('mail')}
-              errorMessage="The field is required. Please enter a valid E-Mail adress."
-            />
-            <Select
-              name="country"
-              label="Country:"
-              description="Please select your country."
-            >
-              <Select.Option key={'none'}>Select an option...</Select.Option>
-              <Select.Option key={'germany'}>Germany</Select.Option>
-              <Select.Option key={'austria'}>Austria</Select.Option>
-              <Select.Option key={'switzerland'}>Switzerland</Select.Option>
-            </Select>
-            <Checkbox name="terms">Agree to the terms</Checkbox>
-          </Stack>
-        </Stack>
-        <Stack alignX="right">
-          <Button variant="primary" size="small" type="submit">
-            Submit
-          </Button>
-        </Stack>
-      </form>
-    </FieldGroup>
-  );
-};
diff --git a/docs-old/src/demos/concepts/concepts-layouts.demo.tsx b/docs-old/src/demos/concepts/concepts-layouts.demo.tsx
deleted file mode 100644
index 29b9f3b1dc..0000000000
--- a/docs-old/src/demos/concepts/concepts-layouts.demo.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import type { ReactNode } from 'react';
-import { Card, Columns, Stack, Text, Tiles } from '@marigold/components';
-import { Rectangle, Squirecle } from '~/components';
-
-const Annotation = ({ children }: { children: ReactNode }) => (
-  <Text variant="caption" align="center">
-    {children}
-  </Text>
-);
-
-export const LayoutsDemo = () => (
-  <Card variant="paragraph" p="small-1">
-    <Columns columns={[1, 1, 1]} space="medium-2" collapseAt="0em">
-      <>
-        <Stack space="small-1">
-          <Rectangle />
-          <Rectangle />
-          <Rectangle />
-        </Stack>
-        <Annotation>Stack</Annotation>
-      </>
-      <>
-        <Columns columns={[3, 1, 2]} space="small-1" collapseAt="0em">
-          <Rectangle height="126px" />
-          <Rectangle height="126px" />
-          <Rectangle height="126px" />
-        </Columns>
-        <Annotation>Columns</Annotation>
-      </>
-      <>
-        <Tiles space="small-1" tilesWidth="32px">
-          <Squirecle />
-          <Squirecle />
-          <Squirecle />
-          <Squirecle />
-          <Squirecle />
-          <Squirecle />
-          <Squirecle />
-          <Squirecle />
-          <Squirecle />
-        </Tiles>
-        <Annotation>Tiles</Annotation>
-      </>
-    </Columns>
-  </Card>
-);
diff --git a/docs-old/src/demos/concepts/error-handling.demo.tsx b/docs-old/src/demos/concepts/error-handling.demo.tsx
deleted file mode 100644
index 746db64b35..0000000000
--- a/docs-old/src/demos/concepts/error-handling.demo.tsx
+++ /dev/null
@@ -1,80 +0,0 @@
-import { useState } from 'react';
-import {
-  Button,
-  Checkbox,
-  Columns,
-  FieldGroup,
-  Headline,
-  Select,
-  Stack,
-  TextField,
-} from '@marigold/components';
-
-export const ErrorValidation = () => {
-  const [value, setValue] = useState('');
-  return (
-    <FieldGroup labelWidth="medium">
-      <Headline level="2">Account Registration</Headline>
-      <Stack space="medium">
-        <Columns columns={[2, 2]} space="medium">
-          <TextField
-            label="Firstname:"
-            required
-            description="Please enter your first name."
-            placeholder="Firstname"
-            disabled
-          />
-          <TextField
-            label="Name:"
-            required
-            description="Please enter your name."
-            placeholder="Name"
-            disabled
-          />
-        </Columns>
-        <Stack space="medium">
-          <TextField
-            label="Phone:"
-            required
-            disabled
-            placeholder="Phone"
-            type="tel"
-            description="Please enter your phone number."
-          />
-          <TextField
-            label="E-Mail:"
-            description="Please enter your E-Mail adress."
-            placeholder="E-Mail"
-            required
-            onChange={e => setValue(e)}
-            error={
-              value.length > 0 && !/^\S+@\S+\.\S+$/.test(value) ? true : false
-            }
-            errorMessage="The field is required. Please enter a valid E-Mail adress."
-          />
-          <Select
-            label="Country:"
-            disabled
-            description="Please select your country."
-          >
-            <Select.Option key={'germany'} textValue={'germany'}>
-              Germany
-            </Select.Option>
-            <Select.Option key={'austria'} textValue={'austria'}>
-              Austria
-            </Select.Option>
-            <Select.Option key={'switzerland'} textValue={'switzerland'}>
-              Switzerland
-            </Select.Option>
-          </Select>
-          <Checkbox disabled>Agree to the terms</Checkbox>
-        </Stack>
-      </Stack>
-      <Stack alignX="right">
-        <Button variant="primary" size="small" type="submit" disabled>
-          Submit
-        </Button>
-      </Stack>
-    </FieldGroup>
-  );
-};
diff --git a/docs-old/src/demos/concepts/index.ts b/docs-old/src/demos/concepts/index.ts
deleted file mode 100644
index d3775665f2..0000000000
--- a/docs-old/src/demos/concepts/index.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export * from './building-forms-hook-form.demo';
-export * from './concepts-layouts.demo';
-export * from './layout-forms.demo';
-export * from './error-handling.demo';
-export * from './logical-interaction.demo';
-export * from './building-forms-zod.demo';
-
-export * from './tokens.demo';
-export * from './simple-styling.demo';
diff --git a/docs-old/src/demos/concepts/layout-forms.demo.tsx b/docs-old/src/demos/concepts/layout-forms.demo.tsx
deleted file mode 100644
index f10f6fb710..0000000000
--- a/docs-old/src/demos/concepts/layout-forms.demo.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import {
-  Button,
-  Checkbox,
-  Columns,
-  FieldGroup,
-  Headline,
-  Select,
-  Stack,
-  TextField,
-} from '@marigold/components';
-
-export const LayoutForms = () => (
-  <FieldGroup labelWidth="medium">
-    <Headline level="2">Account Registration</Headline>
-    <Stack space="medium">
-      <Columns columns={[2, 2]} space="medium">
-        <TextField
-          label="Firstname:"
-          required
-          description="Please enter your first name."
-          placeholder="Firstname"
-        />
-        <TextField
-          label="Name:"
-          required
-          description="Please enter your name."
-          placeholder="Name"
-        />
-      </Columns>
-      <Stack space="medium">
-        <TextField
-          label="Phone:"
-          required
-          placeholder="Phone"
-          type="tel"
-          description="Please enter your phone number."
-        />
-        <TextField
-          label="E-Mail:"
-          description="Please enter your E-Mail adress."
-          placeholder="E-Mail"
-          required
-        />
-        <Select label="Country:" description="Please select your country.">
-          <Select.Option key={'germany'}>Germany</Select.Option>
-          <Select.Option key={'austria'}>Austria</Select.Option>
-          <Select.Option key={'switzerland'}>Switzerland</Select.Option>
-        </Select>
-        <Checkbox>Agree to the terms</Checkbox>
-      </Stack>
-    </Stack>
-    <Stack alignX="right">
-      <Button variant="primary" size="small" type="submit">
-        Submit
-      </Button>
-    </Stack>
-  </FieldGroup>
-);
diff --git a/docs-old/src/demos/concepts/logical-interaction.demo.tsx b/docs-old/src/demos/concepts/logical-interaction.demo.tsx
deleted file mode 100644
index 38ee8e6614..0000000000
--- a/docs-old/src/demos/concepts/logical-interaction.demo.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { useState } from 'react';
-import {
-  Button,
-  Checkbox,
-  Columns,
-  FieldGroup,
-  Headline,
-  Select,
-  Stack,
-  TextField,
-} from '@marigold/components';
-
-export const InteractionDemo = () => {
-  const [value] = useState('');
-  const [selected, setSelected] = useState<string | number>('');
-  return (
-    <FieldGroup labelWidth="medium">
-      <Headline level="2">Account Registration</Headline>
-      <Stack space="medium">
-        <Columns columns={[2, 2]} space="medium">
-          <TextField
-            label="Firstname:"
-            required
-            description="Please enter your first name."
-            placeholder="Firstname"
-            disabled
-          />
-          <TextField
-            label="Name:"
-            required
-            description="Please enter your name."
-            placeholder="Name"
-            disabled
-          />
-        </Columns>
-        <Stack space="medium">
-          <TextField
-            label="Phone:"
-            required
-            disabled
-            placeholder="Phone"
-            description="Please enter your phone number."
-            type="tel"
-          />
-          <TextField
-            label="E-Mail:"
-            description="Please enter your E-Mail adress."
-            placeholder="E-Mail"
-            required
-            disabled
-            error={
-              value.length > 0 && !/^\S+@\S+\.\S+$/.test(value) ? true : false
-            }
-            errorMessage="The field is required. Please enter a valid E-Mail adress."
-          />
-          <Select
-            label="Country:"
-            description="Please select your country."
-            onChange={setSelected}
-          >
-            <Select.Option key={'none'}>Select an option...</Select.Option>
-            <Select.Option key={'germany'}>Germany</Select.Option>
-            <Select.Option key={'austria'}>Austria</Select.Option>
-            <Select.Option key={'switzerland'}>Switzerland</Select.Option>
-          </Select>
-          {selected !== '' && selected !== 'none' && (
-            <Checkbox>Agree to the terms</Checkbox>
-          )}
-        </Stack>
-      </Stack>
-      <Stack alignX="right">
-        <Button variant="primary" size="small" type="submit" disabled>
-          Submit
-        </Button>
-      </Stack>
-    </FieldGroup>
-  );
-};
diff --git a/docs-old/src/demos/concepts/simple-styling.demo.tsx b/docs-old/src/demos/concepts/simple-styling.demo.tsx
deleted file mode 100644
index 848caaa7b4..0000000000
--- a/docs-old/src/demos/concepts/simple-styling.demo.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { useState } from 'react';
-import {
-  Button,
-  Center,
-  Columns,
-  MarigoldProvider,
-  Radio,
-  Stack,
-} from '@marigold/components';
-
-export const SimpleStyling = () => {
-  const theme = {
-    colors: {
-      primary: '#93c5fd',
-      secondary: '#bfdbfe',
-      ghost: '#e2e8f0',
-      text: '#1c1917',
-    },
-    space: {
-      none: 0,
-      small: 8,
-      medium: 16,
-      large: 32,
-    },
-    radii: {
-      none: 0,
-      button: 20,
-    },
-    components: {
-      Button: {
-        base: {
-          color: 'text',
-          bg: 'ghost', // <-- bg is a shorthand for background
-          borderRadius: 'button',
-          // These values should usually also use tokens!
-          fontSize: 14,
-          fontWeight: 'bold',
-          textTransform: 'uppercase',
-          border: 'none',
-        },
-        variant: {
-          primary: {
-            bg: 'primary',
-          },
-          secondary: {
-            bg: 'secondary',
-          },
-        },
-        size: {
-          regular: {
-            py: 'small', // <-- py is a shorthand for paddingTop + paddintBottom
-            px: 'medium', // <-- px is a shorthand for paddingLeft + paddintRight
-          },
-          large: {
-            py: 'medium', // <-- py is a shorthand for paddingTop + paddintBottom
-            px: 'large', // <-- px is a shorthand for paddingLeft + paddintRight
-          },
-        },
-      },
-    },
-  };
-
-  const [variant, setVariant] = useState('');
-  const [size, setSize] = useState('regular');
-
-  return (
-    <Columns columns={[1, 1, 1]} collapseAt="25em">
-      <Radio.Group
-        label="Select Variant:"
-        value={variant}
-        onChange={setVariant}
-      >
-        <Radio value="">none</Radio>
-        <Radio value="primary">primary</Radio>
-        <Radio value="secondary">secondary</Radio>
-      </Radio.Group>
-      <Radio.Group label="Select Size:" value={size} onChange={setSize}>
-        <Radio value="regular">regular</Radio>
-        <Radio value="large">large</Radio>
-      </Radio.Group>
-      <Stack alignY="center" stretch>
-        <Center>
-          <MarigoldProvider theme={theme} selector="#simple-styling-demo">
-            <Button variant={variant} size={size}>
-              Submit
-            </Button>
-          </MarigoldProvider>
-        </Center>
-      </Stack>
-    </Columns>
-  );
-};
diff --git a/docs-old/src/demos/concepts/tokens.demo.tsx b/docs-old/src/demos/concepts/tokens.demo.tsx
deleted file mode 100644
index 6a34b5bbb0..0000000000
--- a/docs-old/src/demos/concepts/tokens.demo.tsx
+++ /dev/null
@@ -1,62 +0,0 @@
-import { useState } from 'react';
-import {
-  Aside,
-  Box,
-  Inset,
-  MarigoldProvider,
-  Radio,
-} from '@marigold/components';
-
-export const TokensDemo = () => {
-  const theme = {
-    colors: {
-      red: '#f87171',
-      blue: '#93c5fd',
-      green: '#86efac',
-    },
-    space: {
-      none: 0,
-      small: 8,
-      large: 32,
-    },
-    sizes: {
-      none: 0,
-      medium: 120,
-      large: 240,
-    },
-    radii: {
-      none: 0,
-      medium: 20,
-    },
-  };
-
-  const [currentColor, setColor] = useState(theme.colors.blue);
-
-  return (
-    <Aside space="small" sideWidth="10em">
-      <Radio.Group
-        label="Select Background:"
-        value={currentColor}
-        onChange={setColor}
-      >
-        {Object.entries(theme.colors).map(([color, value]) => (
-          <Radio key={value} value={value}>
-            {color}
-          </Radio>
-        ))}
-      </Radio.Group>
-      <Inset space="none">
-        <MarigoldProvider theme={theme} selector="#token-demo">
-          <Box
-            css={{
-              background: currentColor,
-              width: 'large',
-              height: 'medium',
-              borderRadius: 'medium',
-            }}
-          />
-        </MarigoldProvider>
-      </Inset>
-    </Aside>
-  );
-};
diff --git a/docs-old/src/demos/hooks/index.ts b/docs-old/src/demos/hooks/index.ts
deleted file mode 100644
index ff2f86143d..0000000000
--- a/docs-old/src/demos/hooks/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export * from './useResponsiveValue.demo';
-export * from './useTheme.demo';
diff --git a/docs-old/src/demos/hooks/useResponsiveValue.demo.tsx b/docs-old/src/demos/hooks/useResponsiveValue.demo.tsx
deleted file mode 100644
index e66a709be7..0000000000
--- a/docs-old/src/demos/hooks/useResponsiveValue.demo.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { Box, ThemeProvider, useResponsiveValue } from '@marigold/system';
-
-export const ResponsiveValue = () => {
-  const theme = {
-    breakpoints: ['40em', '50em', '60em', '70em'],
-  };
-  const SomeComponent = () => {
-    const value = useResponsiveValue(
-      [
-        'no breakpoint',
-        'larger than 40em',
-        'larger than 50em',
-        'larger than 60em',
-        'larger than 70em',
-      ],
-      2
-    );
-    return <strong>{value}</strong>;
-  };
-
-  return (
-    <ThemeProvider theme={theme}>
-      <Box css={{ bg: ['red', 'blue', 'green', 'yellow', 'hotpink'] }}>
-        <SomeComponent />
-      </Box>
-    </ThemeProvider>
-  );
-};
diff --git a/docs-old/src/demos/hooks/useTheme.demo.tsx b/docs-old/src/demos/hooks/useTheme.demo.tsx
deleted file mode 100644
index 6e9ff624d6..0000000000
--- a/docs-old/src/demos/hooks/useTheme.demo.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { List } from '@marigold/components';
-import { Box, ThemeProvider, useTheme } from '@marigold/system';
-
-export const useCurrentTheme = () => {
-  const { theme } = useTheme();
-
-  return (
-    <ThemeProvider theme={theme}>
-      <Box
-        css={{
-          overflow: 'scroll',
-          width: '100%',
-        }}
-      >
-        {Object.entries(theme).map(([key, value]) => (
-          <List key={key}>
-            <strong>{key}</strong>
-            <List.Item>{Object.keys(value) + ','}</List.Item>
-          </List>
-        ))}
-      </Box>
-    </ThemeProvider>
-  );
-};
diff --git a/docs-old/src/demos/index.ts b/docs-old/src/demos/index.ts
deleted file mode 100644
index e442fa3f62..0000000000
--- a/docs-old/src/demos/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export * from './components';
-export * from './hooks';
-export * from './theming-extend.demo';
-export * from './concepts';
diff --git a/docs-old/src/demos/theming-extend.demo.tsx b/docs-old/src/demos/theming-extend.demo.tsx
deleted file mode 100644
index 2eafe82898..0000000000
--- a/docs-old/src/demos/theming-extend.demo.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-import React from 'react';
-import {
-  extendTheme,
-  Button,
-  Center,
-  MarigoldProvider,
-} from '@marigold/components';
-import theme from '@marigold/theme-b2b';
-
-const customTheme = extendTheme(theme, {
-  fonts: {
-    system: 'system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
-  },
-  components: {
-    Button: {
-      variant: {
-        cta: {
-          // You can still use all the tokens from the theme extended theme
-          color: 'gray00',
-          fontSize: 'xsmall',
-          borderRadius: 'large',
-          // You can also use tokens defined in the theme extension
-          fontFamily: 'system',
-          // And if you really want to, even use hard coded values
-          background:
-            'linear-gradient(319deg, #663dff 0%, #aa00ff 37%, #cc4499 100%)',
-          textTransform: 'uppercase',
-          fontWeight: 600,
-          transition: 'transform 0.25s cubic-bezier(.5, -.1, .1, 1.5)',
-
-          '&:hover': {
-            transform: 'scale(1.5)',
-          },
-
-          '&:active': {
-            transform: 'scale(1.6)',
-          },
-        },
-      },
-    },
-  },
-});
-
-export const App = () => (
-  <MarigoldProvider theme={customTheme} selector="#key">
-    <Center>
-      <Button variant="cta">Buy now</Button>
-    </Center>
-  </MarigoldProvider>
-);
diff --git a/docs-old/src/globals.d.ts b/docs-old/src/globals.d.ts
deleted file mode 100644
index 83d08bc21c..0000000000
--- a/docs-old/src/globals.d.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { NavigationTree, NavigationLinks } from '~/components';
-
-declare global {
-  namespace NodeJS {
-    interface ProcessEnv {
-      NODE_ENV: 'development' | 'production';
-      version: string;
-      navigation: {
-        tree: NavigationTree;
-        links: NavigationLinks;
-      };
-    }
-  }
-}
diff --git a/docs-old/src/images/icon.png b/docs-old/src/images/icon.png
deleted file mode 100644
index c1c9c885f0..0000000000
Binary files a/docs-old/src/images/icon.png and /dev/null differ
diff --git a/docs-old/src/mdx/components.tsx b/docs-old/src/mdx/components.tsx
deleted file mode 100644
index a19e7e1692..0000000000
--- a/docs-old/src/mdx/components.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { Box, Headline, List, Text } from '@marigold/components';
-import type { HtmlProps } from '@marigold/types';
-import Highlight, { defaultProps, Language } from 'prism-react-renderer';
-import theme from 'prism-react-renderer/themes/nightOwl';
-
-import { CopyButton, Link } from '~/components';
-
-// Typography
-// ---------------
-export const h1 = ({ children, ...props }: HtmlProps<'h1'>) => (
-  <Headline level="1" {...props}>
-    {children}
-  </Headline>
-);
-
-export const h2 = ({ children, ...props }: HtmlProps<'h2'>) => (
-  <Headline level="2" {...props}>
-    {children}
-  </Headline>
-);
-
-export const h3 = ({ children, ...props }: HtmlProps<'h3'>) => (
-  <Headline level="3" {...props}>
-    {children}
-  </Headline>
-);
-
-export const h4 = ({ children, ...props }: HtmlProps<'h4'>) => (
-  <Headline level="4" {...props}>
-    {children}
-  </Headline>
-);
-
-export const h5 = ({ children, ...props }: HtmlProps<'h5'>) => (
-  <Headline level="5" {...props}>
-    {children}
-  </Headline>
-);
-
-export const h6 = ({ children, ...props }: HtmlProps<'h6'>) => (
-  <Headline level="6" {...props}>
-    {children}
-  </Headline>
-);
-
-export const p = Text;
-
-export const a = ({ children, href = '#', ...props }: HtmlProps<'a'>) => (
-  <Link href={href} {...props}>
-    {children}
-  </Link>
-);
-
-export const ul = ({ children, ...props }: HtmlProps<'ul'>) => (
-  <List {...props}>{children}</List>
-);
-
-export const ol = ({ children, ...props }: HtmlProps<'ol'>) => (
-  <List as="ol" {...props}>
-    {children}
-  </List>
-);
-export const li = ({ children, ...props }: HtmlProps<'li'>) => (
-  <List.Item {...props}>{children}</List.Item>
-);
-
-export interface PreProps {
-  type: 'code';
-  children: {
-    props: {
-      children: string;
-      className: string;
-    };
-  };
-  preview: boolean;
-}
-
-export const pre = ({ children, ...props }: PreProps) => {
-  const codeProps = children.props;
-
-  const code = (codeProps.children || '').replace(/\n$/, '');
-  const language = codeProps.className.replace('language-', '') as Language;
-
-  return (
-    <Highlight {...defaultProps} theme={theme} code={code} language={language}>
-      {({ className, style, tokens, getLineProps, getTokenProps }) => (
-        <>
-          <pre className={className} style={style}>
-            {tokens.map((line, i) => (
-              <div key={i} {...getLineProps({ line, key: i })}>
-                {line.map((token, key) => (
-                  <span key={key} {...getTokenProps({ token, key })} />
-                ))}
-              </div>
-            ))}
-          </pre>
-          <CopyButton codeString={code} />
-        </>
-      )}
-    </Highlight>
-  );
-};
-
-export const code = ({ children, ...props }: HtmlProps<'code'>) => (
-  <Box
-    as="code"
-    {...props}
-    css={{
-      fontFamily: 'mono',
-    }}
-  >
-    {children}
-  </Box>
-);
diff --git a/docs-old/src/pages/404.tsx b/docs-old/src/pages/404.tsx
deleted file mode 100644
index 144a306f3b..0000000000
--- a/docs-old/src/pages/404.tsx
+++ /dev/null
@@ -1,368 +0,0 @@
-import React from 'react';
-import { Link } from '../components/Link';
-
-export default function NotFoundPage() {
-  return (
-    <>
-      <svg
-        xmlns="http://www.w3.org/2000/svg"
-        height="750px"
-        viewBox="0 0 500 500"
-      >
-        <path
-          style={{
-            fill: '#ebebeb',
-          }}
-          d="M0 382.4h500v.25H0zM428.22 398.49h21.68v.25h-21.68zM310.56 393.31h34.11v.25h-34.11zM396.59 389.21h44.53v.25h-44.53zM161.88 394.25h11.14v.25h-11.14zM114.58 394.25h38.39v.25h-38.39zM66.31 390.03h27.7v.25h-27.7zM237 337.8H43.91a5.71 5.71 0 0 1-5.7-5.71V60.66a5.71 5.71 0 0 1 5.7-5.66H237a5.71 5.71 0 0 1 5.71 5.71v271.38a5.71 5.71 0 0 1-5.71 5.71ZM43.91 55.2a5.46 5.46 0 0 0-5.45 5.46v271.43a5.46 5.46 0 0 0 5.45 5.46H237a5.47 5.47 0 0 0 5.46-5.46V60.66A5.47 5.47 0 0 0 237 55.2ZM453.31 337.8h-193.1a5.72 5.72 0 0 1-5.71-5.71V60.66a5.72 5.72 0 0 1 5.71-5.66h193.1a5.71 5.71 0 0 1 5.69 5.66v271.43a5.71 5.71 0 0 1-5.69 5.71ZM260.21 55.2a5.47 5.47 0 0 0-5.46 5.46v271.43a5.47 5.47 0 0 0 5.46 5.46h193.1a5.47 5.47 0 0 0 5.46-5.46V60.66a5.47 5.47 0 0 0-5.46-5.46Z"
-        />
-        <path
-          d="m216.07 200.88.45-13.14-8.06-2.64a79.2 79.2 0 0 0-2.16-13.2l6.84-5-4.64-12.34-8.46.68a78.17 78.17 0 0 0-7-11.35l4.38-7.31-9-9.61-7.56 3.87A81.78 81.78 0 0 0 170 123l1.22-8.4-12-5.44-5.5 6.44a80.66 80.66 0 0 0-13-3l-2-8.23-13.18-.45-2.6 8.07a80.48 80.48 0 0 0-13.19 2.15l-5.08-6.8-12.34 4.61.68 8.46a80.13 80.13 0 0 0-11.35 7.07L74.3 123l-9.65 9 3.87 7.6a77.61 77.61 0 0 0-7.8 10.84l-8.39-1.26-5.48 12 6.48 5.49a78.54 78.54 0 0 0-3 13L42 181.76l-.45 13.14 8.1 2.64a77.4 77.4 0 0 0 2.15 13.19l-6.84 5 4.65 12.35 8.46-.68a77 77 0 0 0 7 11.35l-4.39 7.31 9 9.61 7.56-3.87a80.74 80.74 0 0 0 10.84 7.83l-1.26 8.39 12 5.45 5.53-6.44a81.73 81.73 0 0 0 13 3.05l2 8.23 13.18.45 2.6-8.07a81.5 81.5 0 0 0 13.2-2.15l5 6.8 12.34-4.61-.64-8.46a83.44 83.44 0 0 0 11.35-7.07l7.27 4.38 9.65-9-3.87-7.6a77.38 77.38 0 0 0 7.8-10.84l8.39 1.26 5.48-12-6.48-5.5a77.26 77.26 0 0 0 3.05-13Zm-88.79 42.57a52.16 52.16 0 1 1 53.89-50.33 52.15 52.15 0 0 1-53.89 50.33ZM441 157.42l3.31-3.09-1.31-2.61a27.6 27.6 0 0 0 2.69-3.74l2.9.43 1.87-4.14-2.22-1.89a26.84 26.84 0 0 0 1.05-4.49l2.85-.71.14-4.54-2.78-.9a28.32 28.32 0 0 0-.74-4.56l2.35-1.75-1.6-4.25-2.91.23a28.25 28.25 0 0 0-2.43-3.92l1.51-2.5-3.11-3.32-2.6 1.33a28.24 28.24 0 0 0-3.74-2.69l.42-2.9-4.13-1.89-1.9 2.23a27.83 27.83 0 0 0-4.49-1l-.71-2.84-4.54-.17-.91 2.8a27 27 0 0 0-4.54.74l-1.74-2.35-4.26 1.59.24 2.92a26.58 26.58 0 0 0-3.92 2.43l-2.52-1.51-3.32 3.09 1.29 2.55a26.6 26.6 0 0 0-2.7 3.74l-2.89-.43-1.88 4.14 2.23 1.9a26.5 26.5 0 0 0-1 4.48l-2.86.71-.14 4.54 2.79.9a27.24 27.24 0 0 0 .73 4.56l-2.36 1.74 1.6 4.25 2.92-.22a28.25 28.25 0 0 0 2.43 3.92l-1.51 2.5 3.11 3.32 2.6-1.33a27.35 27.35 0 0 0 3.74 2.69l-.43 2.89 4.14 1.89 1.9-2.22a28.94 28.94 0 0 0 4.49 1l.71 2.84 4.54.17.91-2.8a26.86 26.86 0 0 0 4.54-.74l1.74 2.35 4.26-1.59-.23-2.92a26.69 26.69 0 0 0 3.91-2.43Zm-23.62-19.13a6.47 6.47 0 1 1 9.14.32 6.46 6.46 0 0 1-9.18-.32ZM320 292.34l-10.34-7.15a56.25 56.25 0 0 0-4.16-10.77l2.65-10.4-15-16.06-10.56 1.93a56.3 56.3 0 0 0-10.47-4.89l-6.42-10.81-22-.75-7.14 10.34a56.53 56.53 0 0 0-10.76 4.15l-10.4-2.65-16.06 15 1.93 10.54a56.23 56.23 0 0 0-4.88 10.49l-10.81 6.42-.75 22 10.35 7.14a54.75 54.75 0 0 0 4.15 10.82L196.65 338l15 16.06 10.49-1.92a57.19 57.19 0 0 0 10.54 4.9l6.41 10.79 22 .76 7.13-10.34a57.08 57.08 0 0 0 10.86-4.16l10.34 2.64 16.07-15-1.93-10.54a55.4 55.4 0 0 0 4.88-10.5l10.81-6.42Zm-68.45 33.39a24.71 24.71 0 1 1 25.54-23.86 24.74 24.74 0 0 1-25.55 23.86ZM343.55 230h-.07l-17.32-.59a2.08 2.08 0 0 1-1.74-1l-4.67-7.85a47.84 47.84 0 0 1-7.28-3.38l-7.47 1.29a2.1 2.1 0 0 1-1.92-.64l-11.83-12.66a2.1 2.1 0 0 1-.5-2l1.89-7.41a45.45 45.45 0 0 1-2.86-7.47l-7.53-5.2a2.1 2.1 0 0 1-.91-1.81l.59-17.32a2.14 2.14 0 0 1 1-1.74l7.87-4.67a45.32 45.32 0 0 1 3.37-7.25l-1.38-7.53a2.11 2.11 0 0 1 .64-1.93l12.66-11.82a2.11 2.11 0 0 1 2-.51l7.44 1.9a45.83 45.83 0 0 1 7.45-2.87l5.2-7.53a2 2 0 0 1 1.81-.91l17.31.6a2.11 2.11 0 0 1 1.75 1l4.67 7.86a46.41 46.41 0 0 1 7.22 3.38l7.56-1.39a2.09 2.09 0 0 1 1.92.64l11.83 12.66a2.12 2.12 0 0 1 .5 2l-1.9 7.43a46.59 46.59 0 0 1 2.88 7.45l7.52 5.2a2.1 2.1 0 0 1 .91 1.81l-.59 17.31a2.16 2.16 0 0 1-1 1.75l-7.87 4.67a46.51 46.51 0 0 1-3.37 7.24l1.38 7.54a2.09 2.09 0 0 1-.64 1.92L367.33 220a2.1 2.1 0 0 1-2 .5l-7.4-1.89a47.49 47.49 0 0 1-7.49 2.87l-5.15 7.52a2.13 2.13 0 0 1-1.74 1Zm-16.09-4.77 15 .51 5-7.19a2 2 0 0 1 1.19-.84 43.84 43.84 0 0 0 8.15-3.13 2.16 2.16 0 0 1 1.46-.15l7 1.79 11-10.25-1.26-7.23a2.09 2.09 0 0 1 .26-1.47 41.58 41.58 0 0 0 3.65-7.83 2.13 2.13 0 0 1 .94-1.18l7.53-4.46.51-15-7.2-5a2.11 2.11 0 0 1-.81-1.07v-.17a43 43 0 0 0-3.12-8 2.11 2.11 0 0 1-.16-1.48l1.8-7.08-10.25-11-7.19 1.32a2.13 2.13 0 0 1-1.46-.26 42.3 42.3 0 0 0-7.84-3.67 2.28 2.28 0 0 1-.45-.2 2.1 2.1 0 0 1-.7-.72l-4.51-7.55-15-.52-5 7.21a2.16 2.16 0 0 1-1.24.85 42.63 42.63 0 0 0-8.06 3.11 2.08 2.08 0 0 1-1.47.16l-7.08-1.8-11 10.25 1.32 7.17a2.18 2.18 0 0 1-.19 1.33l-.1.17a41.56 41.56 0 0 0-3.65 7.86 2.12 2.12 0 0 1-.92 1.12l-7.53 4.47-.51 15 7.21 5a2.1 2.1 0 0 1 .84 1.18 41.52 41.52 0 0 0 3.11 8.12 2.54 2.54 0 0 1 .17.46 2.24 2.24 0 0 1 0 1l-1.8 7 10.25 11 7.14-1.31a2.1 2.1 0 0 1 1.45.26 43.26 43.26 0 0 0 7.89 3.67 2 2 0 0 1 1.17.93Zm24.78-94.81Zm-15.51 75.84h-1.11a31.53 31.53 0 1 1 1.11 0Zm0-59.09a27.55 27.55 0 1 0 .95 0Z"
-          style={{
-            fill: '#ebebeb',
-          }}
-        />
-        <path
-          style={{
-            fill: '#e0e0e0',
-          }}
-          d="m383.44 105.32-7.18-1.92-1.92-7.18 2.81-2.8 2.96 6.13 6.14 2.97-2.81 2.8z"
-        />
-        <path
-          d="M383.88 100.52a3.34 3.34 0 1 0-4.73-4.73l3.57-5.36 4.78 2.42 1.05 5Z"
-          style={{
-            fill: '#e0e0e0',
-          }}
-        />
-        <path
-          d="m376.58 94 5.26-5.26 7.16 1.91 1.93 7.17-5.26 5.26-7.17-1.93Zm9.55 4.3a3.35 3.35 0 1 0-4.74 0 3.37 3.37 0 0 0 4.74-.02Z"
-          style={{
-            fill: '#f0f0f0',
-          }}
-        />
-        <path
-          style={{
-            fill: '#e0e0e0',
-          }}
-          d="m90.22 296.71 3.85-1.04 1.03-3.85-1.5-1.5-1.59 3.29-3.3 1.59 1.51 1.51z"
-        />
-        <path
-          d="M90 294.13a1.8 1.8 0 0 1 2.54-2.54l-1.91-2.87L88 290l-.56 2.7Z"
-          style={{
-            fill: '#e0e0e0',
-          }}
-        />
-        <path
-          d="m93.9 290.62-2.82-2.82-3.85 1-1 3.85L89 295.5l3.85-1Zm-5.12 2.31a1.8 1.8 0 1 1 2.54-2.54 1.8 1.8 0 0 1-2.54 2.54ZM76.36 85.66l3.2 3.2a2.14 2.14 0 0 0 3 0 2.15 2.15 0 0 0 0-3l-3.19-3.19a2.15 2.15 0 0 0-3 0 2.14 2.14 0 0 0-.01 2.99Z"
-          style={{
-            fill: '#f0f0f0',
-          }}
-        />
-        <path
-          d="M74.11 77.71a4.45 4.45 0 1 1-3 5.78 4.59 4.59 0 0 1 3-5.78Z"
-          style={{
-            fill: '#e0e0e0',
-          }}
-        />
-        <path
-          transform="rotate(-109.76 75.615 81.891)"
-          style={{
-            fill: '#f0f0f0',
-          }}
-          d="M74.93 76.84h1.37v10.1h-1.37z"
-        />
-        <ellipse
-          cx={250}
-          cy={416.24}
-          rx={193.89}
-          ry={11.32}
-          style={{
-            fill: '#f5f5f5',
-          }}
-        />
-        <path
-          d="M86.72 120.65c-1-4.41-.56-8.11 1.34-11.13s5-5 9.41-6 8.22-.6 11.2 1.26 5 5 6 9.3a17.15 17.15 0 0 1 .17 8.12 11.64 11.64 0 0 1-3.53 5.76 15.53 15.53 0 0 1-7.12 3.38 17.65 17.65 0 0 1-7.88.27 11.72 11.72 0 0 1-5.9-3.5 15.67 15.67 0 0 1-3.69-7.46Zm8.34-1.86q.93 4.08 2.85 5.52a5.89 5.89 0 0 0 8.3-1.84c.72-1.39.73-3.6.05-6.61q-.87-3.81-2.81-5.22a5.36 5.36 0 0 0-4.56-.81 5.2 5.2 0 0 0-3.65 2.7c-.74 1.47-.81 3.47-.18 6.26ZM118.59 117.35a10 10 0 0 1 1.35-8.06 11.56 11.56 0 0 1 7.49-4.75q5.87-1.33 9.64 1.39a10.9 10.9 0 0 1 2.64 14.27q-2.34 3.57-7.62 4.76a11.83 11.83 0 0 1-8.16-.66 9.85 9.85 0 0 1-5.34-6.95Zm7.51-1.73a6.08 6.08 0 0 0 1.93 3.63 3.58 3.58 0 0 0 5.33-1.19 6.33 6.33 0 0 0 .14-4.2 6 6 0 0 0-1.91-3.54 3.33 3.33 0 0 0-2.88-.65 3.49 3.49 0 0 0-2.42 1.87 6 6 0 0 0-.19 4.08ZM148.58 128.57l-6.13-27 7-1.6.66 2.89a9.5 9.5 0 0 1 2.11-3.07 7.85 7.85 0 0 1 3.43-1.69 7.21 7.21 0 0 1 6.74 1.62 12.81 12.81 0 0 1 3.83 6.93c.74 3.25.52 5.91-.64 8a7.87 7.87 0 0 1-5.33 3.91 8.57 8.57 0 0 1-3.29.13 7.76 7.76 0 0 1-2.94-1.17l2.12 9.33Zm3.61-18.86a5.29 5.29 0 0 0 1.76 3.22 3.19 3.19 0 0 0 2.72.56 2.82 2.82 0 0 0 2-1.57 6 6 0 0 0 0-3.86 5.61 5.61 0 0 0-1.71-3.28 2.91 2.91 0 0 0-2.5-.6 3.12 3.12 0 0 0-2.14 1.67 5.72 5.72 0 0 0-.13 3.86ZM169.43 110.3l7.28-2.39a3.75 3.75 0 0 0 1.72 1.6 4.69 4.69 0 0 0 4.53-1.1 1.49 1.49 0 0 0 .37-1.34 1.39 1.39 0 0 0-1.13-1.07 15.58 15.58 0 0 0-3.4 0 33.63 33.63 0 0 1-5.7 0 5.88 5.88 0 0 1-3-1.37 5.51 5.51 0 0 1-1.39-6.49 6.75 6.75 0 0 1 2.61-2.79 16.78 16.78 0 0 1 5.13-1.89 18.48 18.48 0 0 1 5.28-.64 6.91 6.91 0 0 1 3.16 1 8.86 8.86 0 0 1 2.54 2.62l-7 2.31a2.51 2.51 0 0 0-1.23-1.17 3.85 3.85 0 0 0-2.27-.1 3.08 3.08 0 0 0-1.75.87 1.35 1.35 0 0 0-.33 1.22 1.2 1.2 0 0 0 1 .92 12.36 12.36 0 0 0 3.36-.07 22.42 22.42 0 0 1 5.82-.08 6.29 6.29 0 0 1 3.28 1.51 5.46 5.46 0 0 1 1.66 2.85 6.18 6.18 0 0 1-.27 3.53 7.08 7.08 0 0 1-2.64 3.27 15.76 15.76 0 0 1-5.78 2.31q-5.35 1.22-8 .21a7.07 7.07 0 0 1-3.85-3.72ZM193.85 85.57h8.21v6.3l-1.51 12.67h-5.08l-1.62-12.65Zm.4 20.88h7.66v6.78h-7.66ZM128.68 171.58h-.18c-4.5-1.75-7.19-3.45-8.59-5.5a5.14 5.14 0 0 1-3.23-.44 6.5 6.5 0 0 1-2.79-2.62 2.54 2.54 0 0 1-2.42.37 6.14 6.14 0 0 1-3-2.41 2.23 2.23 0 0 1-1.56.43c-3-.24-7-6.16-7.29-12.46a.52.52 0 0 1 .48-.53.5.5 0 0 1 .52.48c.28 6 4.11 11.33 6.38 11.51a1.26 1.26 0 0 0 .93-.27 12.28 12.28 0 0 1-1-9.42c.86-3 1.62-4.18 2.54-4 1.72.43 1.49 7 .58 11.29a6.14 6.14 0 0 1-.84 2.18 5.4 5.4 0 0 0 2.54 2.21 1.58 1.58 0 0 0 1.67-.35c-.78-1.93-1-4.57.12-7.93 1.4-4.43 2-4.55 2.31-4.63a.66.66 0 0 1 .64.22c.93 1.05-.18 7.93-1.34 11.33a5 5 0 0 1-.56 1.16 5.56 5.56 0 0 0 2.49 2.5 4.41 4.41 0 0 0 2.28.43c-.09-.19-.17-.38-.25-.58-.79-2.15-.4-4.62 1.19-7.58 1.05-1.95 1.91-2.87 2.71-2.87a1.11 1.11 0 0 1 1 .66c.87 1.61.24 6.92-1.48 9.56a4 4 0 0 1-1.62 1.4c1.34 1.76 3.89 3.31 8 4.89a.49.49 0 0 1 .29.64.51.51 0 0 1-.52.33ZM123 155.11s-.57 0-1.83 2.35c-1.45 2.68-1.82 4.89-1.13 6.75a5.06 5.06 0 0 0 .3.67 2.88 2.88 0 0 0 1.32-1.1c1.4-2.14 2.07-6.54 1.55-8.26-.07-.35-.21-.41-.21-.41Zm-7.18-4.21a23.33 23.33 0 0 0-1.34 3.53 11.38 11.38 0 0 0-.38 6.55l.09-.26a32.79 32.79 0 0 0 1.66-9.82Zm-6.58-3.15c-.17.15-.66.78-1.35 3.22a11.24 11.24 0 0 0 .72 8.24 6.18 6.18 0 0 0 .45-1.4c1.07-4.91.77-9.35.21-10.06ZM166.7 224a9 9 0 0 1-4.56-1.19.51.51 0 0 1-.18-.69.49.49 0 0 1 .68-.17c3.57 2.09 8.18.63 9.13-.9a.88.88 0 0 0 .15-.67 8.12 8.12 0 0 1-5.13-1.46c-2.55-1.59-2.75-2.07-2.73-2.45a.61.61 0 0 1 .34-.52c1-.5 5.51 1.57 7.39 2.81a3.63 3.63 0 0 1 .62.52 3.55 3.55 0 0 0 1.9-1.14 2.87 2.87 0 0 0 .59-1.13h-.2c-1.6.16-3.2-.53-4.91-2.11-1.18-1.08-1.63-1.83-1.48-2.42a.9.9 0 0 1 .72-.65c1.38-.35 4.8 1.11 6.19 2.64a2.68 2.68 0 0 1 .64 1.18c1.31-.61 2.69-2 4.32-4.27a.5.5 0 0 1 .7-.12.51.51 0 0 1 .12.7c-1.89 2.64-3.47 4.14-5.05 4.75a3.69 3.69 0 0 1-.87 2 4.6 4.6 0 0 1-2.18 1.41 1.84 1.84 0 0 1-.28 1.39c-.84 1.43-3.26 2.49-5.92 2.49Zm-.89-6.94c.34.25.82.58 1.51 1a8 8 0 0 0 3.6 1.32 24.67 24.67 0 0 0-5.11-2.32Zm3.49-4.25a4.33 4.33 0 0 0 1.17 1.39c1.48 1.37 2.83 2 4.13 1.84h.32a1.81 1.81 0 0 0-.44-.83c-1.4-1.58-4.48-2.56-5.18-2.4Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="m179.94 222.63-15.58 2.83-14.15-77.22-30.06 5.46-49 87 5.26 28.71L139.26 258l4.3 23.48 30.06-5.48-4.3-23.48 15.58-2.83ZM101.09 237l26-45.57 7.25 39.54ZM305.43 143a58.84 58.84 0 0 0-3.2-14.22 46.31 46.31 0 0 0-7-12.19 40.37 40.37 0 0 0-12.7-10.36q-8-4.39-21.22-6.11-27.45-3.58-42.78 9.74t-20.2 51a139.33 139.33 0 0 0-1 28.34q1 13 4.78 20.93a43.74 43.74 0 0 0 14.65 17.78q9.47 6.65 26 8.79 29.38 3.83 43.57-11.29t18.8-51.1a129.48 129.48 0 0 0 .3-31.31Z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          d="M251.77 226.43c-2.41-.08-5-.3-7.61-.64-9.16-1.19-16.24-3.51-21.06-6.89a32.66 32.66 0 0 1-11-13.4l-.05-.11c-1.92-4-3.18-9.75-3.73-17a128.2 128.2 0 0 1 .92-26.1c3.57-27.72 10.94-39.29 16.49-44.11 6.48-5.62 15.23-8.16 26.73-7.76 2.36.08 4.86.29 7.43.62 7.38 1 13.23 2.6 17.37 4.86a29.79 29.79 0 0 1 9.31 7.49 35.25 35.25 0 0 1 5.35 9.27 47.78 47.78 0 0 1 2.56 11.55 118.67 118.67 0 0 1-.29 28.72c-2.77 21.54-8.13 36.68-15.92 45-5.78 6.16-14.45 9-26.51 8.54Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="m271.34 143.29.13-3.79-2.33-.76a22.82 22.82 0 0 0-.62-3.8l2-1.46-1.34-3.56-2.44.2a22.82 22.82 0 0 0-2-3.27l1.26-2.11-2.6-2.77-2.18 1.12a23.17 23.17 0 0 0-3.12-2.26l.35-2.42-3.46-1.57-1.58 1.86a23.26 23.26 0 0 0-3.75-.88l-.59-2.37-3.8-.13-.75 2.32a23.54 23.54 0 0 0-3.8.62l-1.47-2-3.56 1.33.2 2.44a22.94 22.94 0 0 0-3.27 2l-2.1-1.27-2.78 2.59 1.12 2.19a21.78 21.78 0 0 0-2.25 3.13l-2.42-.37-1.58 3.46 1.87 1.58a21.43 21.43 0 0 0-.88 3.76l-2.38.6-.13 3.78 2.33.76a22.6 22.6 0 0 0 .62 3.81l-2 1.45 1.34 3.56 2.44-.2a21.51 21.51 0 0 0 2 3.27l-1.27 2.11 2.6 2.77 2.18-1.11a23.1 23.1 0 0 0 3.12 2.25l-.36 2.42 3.46 1.57 1.59-1.85a23.12 23.12 0 0 0 3.76.87l.59 2.38 3.79.13.75-2.33a22.6 22.6 0 0 0 3.81-.62l1.45 2 3.56-1.33-.19-2.43a24.89 24.89 0 0 0 3.27-2l2.1 1.26 2.78-2.59-1.11-2.19a21.62 21.62 0 0 0 2.24-3.12l2.42.36 1.58-3.46-1.86-1.58a22.23 22.23 0 0 0 .87-3.75Zm-25.6 12.27a15 15 0 1 1 15.54-14.51 15 15 0 0 1-15.54 14.51Z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          d="m287.12 212.87.28-2.56-1.54-.62a16 16 0 0 0-.22-2.6l1.39-.89-.71-2.47h-1.66a14.82 14.82 0 0 0-1.19-2.31l.94-1.36-1.6-2-1.53.64a16.07 16.07 0 0 0-2-1.68l.37-1.62-2.25-1.24-1.18 1.19a15.87 15.87 0 0 0-2.48-.79l-.28-1.63-2.55-.29-.63 1.54a14.85 14.85 0 0 0-2.59.24l-.89-1.42-2.47.73v1.66a14.9 14.9 0 0 0-2.31 1.2l-1.36-1-2 1.6.64 1.53a16.13 16.13 0 0 0-1.67 2l-1.62-.36-1.23 2.25 1.18 1.17a15 15 0 0 0-.79 2.49l-1.64.27-.27 2.55 1.53.64a14.73 14.73 0 0 0 .23 2.58l-1.41.89.72 2.47H256a15.22 15.22 0 0 0 1.2 2.3l-1 1.36 1.6 2 1.55-.65a14.55 14.55 0 0 0 2 1.67L261 224l2.25 1.23 1.17-1.17a16.12 16.12 0 0 0 2.48.77l.29 1.64 2.55.28.62-1.53A16.22 16.22 0 0 0 273 225l.89 1.41 2.46-.72v-1.66a16.45 16.45 0 0 0 2.32-1.2l1.34 1 2-1.61-.65-1.53a16.28 16.28 0 0 0 1.69-2l1.61.36 1.24-2.25-1.18-1.16a16.47 16.47 0 0 0 .77-2.48Zm-12.87-1a4.46 4.46 0 1 1-1.77-6.05 4.47 4.47 0 0 1 1.77 6.05Z"
-          style={{
-            fill: '#efc078',
-            opacity: 0.30000000000000004,
-          }}
-        />
-        <path
-          d="m301.29 169.65-3-2.06a16.59 16.59 0 0 0-1.2-3.1l.76-3-4.32-4.63-3 .56a17 17 0 0 0-3-1.41l-1.85-3.12-6.33-.21-2.06 3a15.92 15.92 0 0 0-3.1 1.2l-3-.77-4.63 4.33.56 3a15.68 15.68 0 0 0-1.41 3l-3.11 1.85-.22 6.33 3 2.06a16.11 16.11 0 0 0 1.2 3.12l-.76 3 4.32 4.63 3-.55a17.16 17.16 0 0 0 3 1.41l1.84 3.11 6.34.22 2.05-3a16.61 16.61 0 0 0 3.13-1.2l3 .76 4.63-4.32-.55-3a16.7 16.7 0 0 0 1.41-3l3.11-1.85Zm-19.73 9.62a7.12 7.12 0 1 1 7.36-6.87 7.13 7.13 0 0 1-7.36 6.87Z"
-          style={{
-            fill: '#fff',
-          }}
-        />
-        <path
-          d="m323 119.12.52-1.25a6.7 6.7 0 0 0 1-.69h1.16l1.36-2-.44-1.07a6.18 6.18 0 0 0 .4-1.11l1-.92-.42-2.35-1.26-.52a6.35 6.35 0 0 0-.69-1v-1.16l-1.95-1.36-1.08.45a5.55 5.55 0 0 0-1.22-.28l-.92-1-2.34.42-.53 1.26a6.5 6.5 0 0 0-1.05.68h-1.15l-1.36 2 .44 1.07a6.18 6.18 0 0 0-.28 1.22l-1 .93.42 2.34 1.26.52a5.73 5.73 0 0 0 .68 1v1.15l2 1.36 1.07-.44a6.43 6.43 0 0 0 1.23.27l.92 1Zm-5-6.48a2.68 2.68 0 1 1 3.11 2.16 2.69 2.69 0 0 1-3.11-2.16ZM295.61 112.49l-.77-.65a19.9 19.9 0 0 1 6-5l.47.88a18.87 18.87 0 0 0-5.7 4.77ZM303.59 106.8l-.39-.92a23.92 23.92 0 0 1 11.74-1.88l-.1 1a22.79 22.79 0 0 0-11.25 1.8ZM301.7 113.72l-.82-.56a16.74 16.74 0 0 1 9.87-6.39l.19 1a15.72 15.72 0 0 0-9.24 5.95Z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          d="M235.34 210a.52.52 0 0 1-.36-.16l-2.09-2.16a17.49 17.49 0 0 1-3.15-.58l-3.27 1.44a.49.49 0 0 1-.47 0l-5.48-3.63a.49.49 0 0 1-.22-.43v-3.56a17.2 17.2 0 0 1-1.76-2.68l-2.81-1.08a.5.5 0 0 1-.31-.37l-1.3-6.44a.5.5 0 0 1 .14-.46l2.16-2.09a18.78 18.78 0 0 1 .58-3.15l-1.44-3.27a.49.49 0 0 1 0-.47l3.63-5.48a.47.47 0 0 1 .43-.22l3.56.05a16.52 16.52 0 0 1 2.68-1.76l1.09-2.81a.49.49 0 0 1 .36-.31l6.44-1.3a.49.49 0 0 1 .46.14l2.09 2.16a17.76 17.76 0 0 1 3.16.58l3.26-1.44a.51.51 0 0 1 .48 0l5.47 3.63a.54.54 0 0 1 .23.43l-.06 3.56a17.26 17.26 0 0 1 1.77 2.68l2.8 1.09a.49.49 0 0 1 .31.36l1.31 6.44a.52.52 0 0 1-.14.46l-2.17 2.1a18 18 0 0 1-.58 3.14l1.44 3.27a.51.51 0 0 1 0 .48l-3.58 5.43a.51.51 0 0 1-.42.22l-3.57-.05a18.38 18.38 0 0 1-2.67 1.76l-1.09 2.81a.49.49 0 0 1-.37.31l-6.44 1.36Zm-5.63-4a.36.36 0 0 1 .14 0 16.66 16.66 0 0 0 3.31.61.56.56 0 0 1 .32.15l2 2.1 5.9-1.19 1.06-2.74a.55.55 0 0 1 .24-.26 16.05 16.05 0 0 0 2.81-1.85.47.47 0 0 1 .33-.11l3.47.05 3.32-5-1.4-3.18a.5.5 0 0 1 0-.34 17.49 17.49 0 0 0 .61-3.31.51.51 0 0 1 .15-.32l2.1-2-1.19-5.9-2.73-1.06a.49.49 0 0 1-.27-.24 16.43 16.43 0 0 0-1.85-2.81.52.52 0 0 1-.11-.32v-3.48l-5-3.32-3.17 1.4a.52.52 0 0 1-.35 0 17 17 0 0 0-3.32-.61.56.56 0 0 1-.32-.15l-2-2.1-5.9 1.2-1.05 2.78a.51.51 0 0 1-.23.27 15.94 15.94 0 0 0-2.82 1.85.43.43 0 0 1-.32.11l-3.47-.05-3.33 5 1.4 3.18a.5.5 0 0 1 0 .43 17.13 17.13 0 0 0-.58 3.23.5.5 0 0 1-.15.32l-2.1 2 1.2 5.9 2.72 1.06a.55.55 0 0 1 .28.26 16.22 16.22 0 0 0 1.84 2.79.48.48 0 0 1 .11.32v3.48l5 3.32 3.18-1.4a.52.52 0 0 1 .17-.07Zm4.91-3.24a13.32 13.32 0 0 1-11.09-20.68 13.33 13.33 0 1 1 11.09 20.68Zm-10.25-20.13a12.32 12.32 0 1 0 17.08-3.46 12.27 12.27 0 0 0-17.08 3.46Z"
-          style={{
-            fill: '#fff',
-          }}
-        />
-        <path
-          d="m425.83 231.65-15.7-2.12 10.38-77.81-30.28-4.08-73.45 67.62-3.86 28.93 63.29 8.54-3.16 23.67 30.28 4.08 3.16-23.66 15.7 2.12Zm-79.42-10.72 38.76-35.33-5.32 39.84Z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          d="M394.13 279.74H394a.5.5 0 0 1-.4-.58L417 151.22a.51.51 0 0 1 .58-.4.5.5 0 0 1 .4.58l-23.35 127.93a.51.51 0 0 1-.5.41ZM414.83 153.37a.82.82 0 0 1-1.64-.06.82.82 0 0 1 1.64.06ZM411.5 170.67a.82.82 0 1 1-.79-.85.82.82 0 0 1 .79.85ZM408.17 188a.82.82 0 0 1-.85.79.81.81 0 0 1-.79-.84.82.82 0 0 1 .85-.8.83.83 0 0 1 .79.85ZM401.61 206a.82.82 0 0 1-1.63 0 .82.82 0 1 1 1.63 0ZM401.5 222.57a.81.81 0 0 1-.85.79.82.82 0 1 1 .85-.79ZM398.17 239.87a.82.82 0 1 1-.79-.84.82.82 0 0 1 .79.84ZM394.84 257.17a.83.83 0 0 1-.85.8.82.82 0 0 1-.79-.85.82.82 0 0 1 1.64.05ZM391.5 274.48a.82.82 0 1 1-.79-.85.81.81 0 0 1 .79.85Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M400.79 206.45a.49.49 0 0 1-.48-.39.5.5 0 0 1 .38-.6l2.48-.53a.5.5 0 0 1 .6.39.5.5 0 0 1-.39.59l-2.48.53ZM409.08 197.24a85.06 85.06 0 0 0-3 9.36c-.75 3.53-.79 11.43-.79 11.43"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M405.29 218.53a.52.52 0 0 1-.5-.51c0-.32.06-8 .81-11.52a84.22 84.22 0 0 1 3-9.44.5.5 0 1 1 .93.36 84.37 84.37 0 0 0-3 9.29c-.73 3.44-.78 11.24-.79 11.32a.5.5 0 0 1-.45.5ZM222.45 304.84c1.39-22.4-1.16-63.13 40.95-57.73 45.13 5.77 32.22 58.55 32.22 58.55Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <circle
-          cx={251.51}
-          cy={273}
-          r={18.38}
-          style={{
-            fill: '#fff',
-          }}
-        />
-        <path
-          d="M253.93 254.65c-8.71-1.48-18 4.93-18.93 11.43l34.51 3.18c-1.22-7.41-8.68-13.43-15.58-14.61Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M265.58 272.54c-.25 4.81-2.87 8.58-5.85 8.42s-5.2-4.17-5-9 2.87-8.58 5.85-8.42 5.24 4.2 5 9Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M251.51 292.38A19.38 19.38 0 1 1 270.89 273a19.4 19.4 0 0 1-19.38 19.38Zm0-36.75A17.38 17.38 0 1 0 268.89 273a17.39 17.39 0 0 0-17.38-17.37Z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          d="M290.49 304.28h-.12a.49.49 0 0 1-.37-.6c0-.13 3.22-13.69-.09-27.4a.5.5 0 1 1 1-.24c3.37 14 .12 27.74.09 27.87a.5.5 0 0 1-.51.37ZM287.7 268.76a.52.52 0 0 1-.46-.29 34.93 34.93 0 0 0-4.74-7.66.5.5 0 0 1 .07-.7.5.5 0 0 1 .71.07 36.47 36.47 0 0 1 4.87 7.87.49.49 0 0 1-.24.66.54.54 0 0 1-.21.05Z"
-          style={{
-            fill: '#fff',
-            opacity: 0.30000000000000004,
-          }}
-        />
-        <path
-          d="M128.73 409.92h-.37a5 5 0 1 1 .28-10h.09c2.89 0 9.84-3.51 24.38-26.43a5 5 0 0 1 7.51-1.09 207.46 207.46 0 0 0 37.14 25.48 5 5 0 1 1-4.52 8.91 212.75 212.75 0 0 1-34.8-23.14c-12.19 18.35-21.23 26.27-29.71 26.27Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M159.67 371.5h-.43a3 3 0 0 1-2.54-3.39c.71-5-.17-23.63-6.48-38.13a3 3 0 0 1 1.06-3.68c13.7-9.33 42.88-10.45 44.12-10.49a3 3 0 1 1 .2 6c-.27 0-25.78 1-38.88 8.2 5.58 14.44 6.85 32.43 5.92 38.94a3 3 0 0 1-2.97 2.55Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M164.71 367.62c-2-4.71-11-4.18-16.27-.14-2.82 2.15-6.64 8.64-7 11a3.54 3.54 0 0 0 4 4.24c3.45-.3 8.18-5.31 8.18-5.31-3.15 3.09.92 5.27 7 .8 3.32-2.49 6.32-5.32 4.09-10.59Z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          d="M336.71 306.16a.32.32 0 0 1-.14 0 .49.49 0 0 1-.34-.62c1.33-4.64 2.78-7.47 4.69-9a5.18 5.18 0 0 1 .16-3.26 6.45 6.45 0 0 1 2.36-3 2.54 2.54 0 0 1-.59-2.38 6.18 6.18 0 0 1 2.14-3.16 2.24 2.24 0 0 1-.57-1.51c0-3 5.51-7.52 11.76-8.38a.5.5 0 0 1 .14 1c-5.94.81-10.92 5.11-10.9 7.38a1.31 1.31 0 0 0 .36.91 12.24 12.24 0 0 1 9.28-1.87c3.07.59 4.32 1.24 4.18 2.17-.28 1.75-6.81 2.12-11.19 1.6a6.18 6.18 0 0 1-2.25-.65 5.38 5.38 0 0 0-2 2.73 1.57 1.57 0 0 0 .49 1.64c1.86-1 4.47-1.36 7.92-.6 4.53 1 4.7 1.55 4.81 1.88a.67.67 0 0 1-.17.67c-.95 1-7.9.53-11.39-.33a4.91 4.91 0 0 1-1.21-.45 5.45 5.45 0 0 0-2.26 2.71 4.23 4.23 0 0 0-.23 2.3 5.77 5.77 0 0 1 .55-.29c2.07-1 4.57-.82 7.66.5 2 .87 3 1.65 3.1 2.44a1.12 1.12 0 0 1-.57 1c-1.53 1-6.87.86-9.65-.62a4 4 0 0 1-1.54-1.49c-1.63 1.5-2.95 4.17-4.15 8.36a.51.51 0 0 1-.45.32Zm5.42-9.33a3 3 0 0 0 1.22 1.22c2.26 1.2 6.7 1.47 8.36.8.34-.14.39-.25.39-.25s-.05-.56-2.5-1.61c-2.8-1.2-5-1.37-6.83-.52a5.79 5.79 0 0 0-.64.36Zm3.34-6.57.25.07a33.09 33.09 0 0 0 9.94.75 21.7 21.7 0 0 0-3.64-1 11.38 11.38 0 0 0-6.55.18Zm1.26-5.62a5.92 5.92 0 0 0 1.43.32c5 .59 9.39-.1 10-.73-.17-.15-.84-.58-3.32-1.05a11.25 11.25 0 0 0-8.11 1.46ZM206.53 408.25c.66-.21.44-.85-.3-.85h-13.54c-25.78-2.73-43.79.93-32.44 1.79s-.8.68-9.09 3.82 61.65 3.93 68 0c5.84-3.62-21.77-1.83-12.63-4.76Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          style={{
-            fill: '#efc078',
-          }}
-          d="m303.47 412.24-117.8-3.91-4.89-114.22 139.11 3.11-16.42 115.02z"
-        />
-        <path
-          d="M222.45 410.05a.5.5 0 0 1-.5-.46l-9.44-114.72a.51.51 0 0 1 .46-.54.52.52 0 0 1 .54.46L223 409.51a.5.5 0 0 1-.46.54Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          style={{
-            fill: '#efc078',
-          }}
-          d="m303.47 412.24 31.66-4.82 9.97-106.21-25.21-3.99-16.42 115.02z"
-        />
-        <path
-          style={{
-            opacity: 0.2,
-          }}
-          d="m303.47 412.24 31.66-4.82 9.97-106.21-25.21-3.99-16.42 115.02z"
-        />
-        <path
-          d="m195.73 386.32-2.9-67.87a12.27 12.27 0 0 1 12.53-12.79l88.06 2a12.27 12.27 0 0 1 11.87 14L295.53 390A12.27 12.27 0 0 1 283 400.55l-75.39-2.5a12.27 12.27 0 0 1-11.88-11.73Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="m205.25 326.49 13.62.43-.11 3.51-8.53-.27-.08 2.62 7.91.25-.11 3.36-7.91-.26-.1 3.25 8.77.28-.12 3.72-13.87-.44ZM221.4 343.47l.52-16.45 8.48.27a12.22 12.22 0 0 1 3.59.52 3.81 3.81 0 0 1 2 1.56 4.64 4.64 0 0 1-1.64 6.59 6.16 6.16 0 0 1-1.81.6 5.12 5.12 0 0 1 1.31.64 5.51 5.51 0 0 1 .78.9 6.43 6.43 0 0 1 .68 1l2.31 4.85-5.74-.19-2.56-5.11a3.94 3.94 0 0 0-.88-1.3 2.22 2.22 0 0 0-1.23-.42h-.45l-.21 6.67Zm5.42-9.62 2.14.07a8.63 8.63 0 0 0 1.35-.19 1.35 1.35 0 0 0 .85-.49 1.57 1.57 0 0 0 .35-.94 1.54 1.54 0 0 0-.47-1.24 3.1 3.1 0 0 0-1.88-.49l-2.24-.07ZM239.28 344l.52-16.45 8.47.27a12.16 12.16 0 0 1 3.59.52 3.77 3.77 0 0 1 2 1.56 4.45 4.45 0 0 1 .68 2.69 4.42 4.42 0 0 1-2.31 3.9 6.27 6.27 0 0 1-1.81.6 5 5 0 0 1 1.3.64 4.84 4.84 0 0 1 .79.89 6.87 6.87 0 0 1 .68 1l2.31 4.84-5.74-.18-2.56-5.11a4 4 0 0 0-.88-1.3 2.08 2.08 0 0 0-1.24-.42h-.44l-.22 6.68Zm5.41-9.62 2.15.06a7.21 7.21 0 0 0 1.35-.18 1.31 1.31 0 0 0 .84-.49 1.46 1.46 0 0 0 .35-.94 1.52 1.52 0 0 0-.46-1.24 3 3 0 0 0-1.89-.49l-2.23-.07ZM256.32 336.36a7.79 7.79 0 0 1 8.76-8.25 8.6 8.6 0 0 1 6.26 2.41 8.32 8.32 0 0 1 2 6.25 10.21 10.21 0 0 1-1.12 4.7 7 7 0 0 1-2.9 2.78 9.22 9.22 0 0 1-4.61.88 10.58 10.58 0 0 1-4.58-1 7 7 0 0 1-2.86-2.9 9.21 9.21 0 0 1-.95-4.87Zm5.08.18a5.56 5.56 0 0 0 .81 3.61 3.52 3.52 0 0 0 5.06.19 6.13 6.13 0 0 0 1-3.8 5.17 5.17 0 0 0-.83-3.43A3.22 3.22 0 0 0 265 332a3.1 3.1 0 0 0-2.51 1 5.56 5.56 0 0 0-1.09 3.54ZM275.91 345.21l.52-16.46 8.47.27a12.51 12.51 0 0 1 3.59.52 3.87 3.87 0 0 1 2 1.56 4.49 4.49 0 0 1 .68 2.69 4.42 4.42 0 0 1-2.31 3.91 6.61 6.61 0 0 1-1.81.59 5 5 0 0 1 1.3.65 4.84 4.84 0 0 1 .79.89 6.43 6.43 0 0 1 .68 1l2.31 4.85-5.74-.18-2.56-5.12a3.91 3.91 0 0 0-.88-1.29 2.16 2.16 0 0 0-1.24-.43h-.44l-.22 6.68Zm5.41-9.63 2.15.07a7.21 7.21 0 0 0 1.35-.18 1.35 1.35 0 0 0 .84-.49 1.48 1.48 0 0 0 .35-1 1.5 1.5 0 0 0-.46-1.23 3 3 0 0 0-1.89-.49l-2.23-.07ZM284 373.16a1.32 1.32 0 0 1-1-.43l-8.56-9.37-9.24 8.44a1.31 1.31 0 0 1-1.85-.08l-8.56-9.37-9.24 8.44a1.31 1.31 0 0 1-1.85-.08l-8.57-9.37-9.23 8.44a1.33 1.33 0 0 1-1 .34 1.35 1.35 0 0 1-.91-.43l-8.56-9.36-9.23 8.43a1.32 1.32 0 0 1-1.86-.08 1.3 1.3 0 0 1 .09-1.85l10.2-9.33a1.32 1.32 0 0 1 1.86.08l8.56 9.37 9.23-8.44a1.37 1.37 0 0 1 .95-.34 1.33 1.33 0 0 1 .91.43l8.56 9.37 9.24-8.44a1.3 1.3 0 0 1 1.85.08l8.56 9.37 9.24-8.44a1.31 1.31 0 0 1 1.85.08L285 371a1.32 1.32 0 0 1-1 2.2Z"
-          style={{
-            fill: '#fff',
-          }}
-        />
-        <path
-          style={{
-            fill: '#efc078',
-          }}
-          d="m125.75 414.67-6.26-2.99-5.58-27.17 3.03-3.33 8.81 33.49z"
-        />
-        <path
-          style={{
-            fill: '#efc078',
-          }}
-          d="m125.75 414.67 8.31-4.86-7.12-22.38-10-6.25 8.81 33.49z"
-        />
-        <path
-          style={{
-            opacity: 0.2,
-          }}
-          d="m125.75 414.67 8.31-4.86-7.12-22.38-10-6.25 8.81 33.49z"
-        />
-        <path
-          d="M262 419.61h-.69a5 5 0 0 1 .27-10c7.7.25 24-4.48 33.32-13.52a5 5 0 0 1 2-1.2c15.79-4.74 21.66 4.83 21.9 5.24l-8.6 5.09a1 1 0 0 0 .11.18c-.09-.13-2.33-3-9.45-1.24-11.69 10.66-29.63 15.45-38.86 15.45Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          style={{
-            fill: '#efc078',
-          }}
-          d="m261.39 426.25-18.21-1.14-1.43-33.58 24.47.91-4.83 33.81z"
-        />
-        <path
-          style={{
-            fill: '#efc078',
-          }}
-          d="m261.39 426.25 4.26-4.24 2.64-20.93-2.07-8.64-4.83 33.81z"
-        />
-        <path
-          style={{
-            opacity: 0.2,
-          }}
-          d="m261.39 426.25 4.26-4.24 2.64-20.93-2.07-8.64-4.83 33.81z"
-        />
-        <path
-          d="M366.91 413.54a3 3 0 0 1-1.81-.61c-10.4-7.9-24.45-21.93-29.84-35.46a2.64 2.64 0 0 1-.17-.61c-2.63-15.64-5.14-48.55-5.25-49.94a3 3 0 1 1 6-.45c0 .33 2.57 33.56 5.13 49.07 5.38 13.16 20 26.67 27.78 32.61a3 3 0 0 1-1.82 5.39ZM380.78 415.05c-2.32 0-4.95-1.05-7.82-3.12a3 3 0 0 1 3.52-4.86c2.48 1.79 3.83 2 4.3 2a3 3 0 0 1 0 6Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M373.8 411.84c3.21-9.53 16.37-7.65 20.91-6.23a47.77 47.77 0 0 1 11.07 4.8c2.45 1.6 2.49 4.29-.78 5.82-4 1.88-14.16.21-14.16.21 5.24 2.29 0 6-9.21 2.36-2.99-1.18-8.96-3.46-7.83-6.96Z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          d="M341.86 331c-1.19 8.1-7.9 14.07-13.36 13.27s-5.68-8-4.49-16.14 3.35-14 8.81-13.2 10.23 8 9.04 16.07Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <circle
-          cx={209.88}
-          cy={297.88}
-          r={0.82}
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M218.21 303.78a.82.82 0 1 1-.82-.82.82.82 0 0 1 .82.82ZM219.13 400.68a.82.82 0 1 1-.82-.82.82.82 0 0 1 .82.82ZM226.64 406.59a.82.82 0 1 1-.82-.82.82.82 0 0 1 .82.82ZM82.51 416.42a9.62 9.62 0 0 1-7.33-3.95.5.5 0 1 1 .82-.57c1.87 2.7 6 4.13 7.8 3.28a1.3 1.3 0 0 0 .47-.34 6.05 6.05 0 0 1-3.52-4.48c-.23-1.27-.41-3 .63-3.22 1.44-.32 3.32 3.15 4 5.78a3.78 3.78 0 0 1 .13 1.34 4.26 4.26 0 0 0 1.78.14 1.94 1.94 0 0 0 1.38-.74 5.86 5.86 0 0 1-2.31-4.19c-.38-2.74-.09-3.21.21-3.45a.66.66 0 0 1 .69-.07c1.07.45 2.36 4.33 2.61 6.53a2.66 2.66 0 0 1 0 .69 3.91 3.91 0 0 0 1.35.26 4.29 4.29 0 0 0 2.41-.63c-.14-.09-.27-.19-.4-.29-1-.89-1.46-2.31-1.28-4.33.14-1.57.49-2.43 1.12-2.7a1.13 1.13 0 0 1 1.21.24 6.92 6.92 0 0 1 1.73 5.56 3 3 0 0 1-.51 1.15c1.84.32 4.42-.2 6.65-.75a.5.5 0 0 1 .24 1c-2.71.67-5.63 1.22-7.69.62a5.69 5.69 0 0 1-3.5 1.16 4.83 4.83 0 0 1-1.64-.31 2.8 2.8 0 0 1-2.12 1.27 5.33 5.33 0 0 1-2.24-.19 2.21 2.21 0 0 1-1 .89 4.16 4.16 0 0 1-1.69.3Zm-.86-8.28a4.32 4.32 0 0 0 .08 2.05 5.05 5.05 0 0 0 2.84 3.7 3.21 3.21 0 0 0-.12-.7c-.78-2.86-2.28-4.83-2.8-5.05Zm5.57-.87a14.19 14.19 0 0 0 .17 2.06 5.18 5.18 0 0 0 1.52 3.22 15.72 15.72 0 0 0-1.69-5.28Zm6.29-.87s-.38.19-.52 1.86.15 2.82.93 3.49a3.06 3.06 0 0 0 .6.38 2.24 2.24 0 0 0 .54-1 6.26 6.26 0 0 0-1.19-4.43c-.21-.26-.33-.3-.36-.3ZM228.87 423.98l2.71-4.7-2.71-4.7h-2.9l1.64 4.7-1.64 4.7h2.9z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M226.16 421.73a2.45 2.45 0 1 1 0-4.89l-4.6-.92-1.23 3.72 2.06 3.14Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M226.56 414.58h-5.43l-2.71 4.7 2.71 4.7h5.43l2.71-4.7Zm-2.71 7.15a2.45 2.45 0 1 1 2.44-2.45 2.45 2.45 0 0 1-2.44 2.45ZM417.89 414.26l-2.01-3.49 2.01-3.49h2.15l-1.21 3.49 1.21 3.49h-2.15z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          d="M419.9 412.59a1.82 1.82 0 1 0 0-3.63l3.42-.68.91 2.76-1.52 2.33Z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          d="M419.61 407.28h4l2 3.49-2 3.49h-4l-2-3.49Zm2 5.31a1.82 1.82 0 1 0-1.81-1.82 1.81 1.81 0 0 0 1.82 1.82ZM343 418.9h4.52a2.14 2.14 0 0 0 2.13-2.14 2.14 2.14 0 0 0-2.13-2.14H343a2.14 2.14 0 0 0-2.14 2.14 2.14 2.14 0 0 0 2.14 2.14Z"
-          style={{
-            fill: '#263238',
-          }}
-        />
-        <path
-          d="M335.73 414.86a4.46 4.46 0 1 1 2 6.18 4.61 4.61 0 0 1-2-6.18Z"
-          style={{
-            fill: '#efc078',
-          }}
-        />
-        <path
-          transform="rotate(-154.76 339.74 416.765)"
-          style={{
-            fill: '#263238',
-          }}
-          d="M339.07 411.71h1.37v10.1h-1.37z"
-        />
-      </svg>
-
-      <small>
-        <Link href="https://storyset.com/web">
-          Web illustrations by Storyset
-        </Link>
-      </small>
-    </>
-  );
-}
diff --git a/docs-old/src/pages/_app.tsx b/docs-old/src/pages/_app.tsx
deleted file mode 100644
index 11cda655cb..0000000000
--- a/docs-old/src/pages/_app.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import type { AppProps } from 'next/app';
-import Head from 'next/head';
-import { MDXProvider } from '@mdx-js/react';
-
-import { MarigoldProvider, SSRProvider } from '@marigold/components';
-import * as MarigoldComponents from '@marigold/components';
-import * as MarigoldIcons from '@marigold/icons';
-import unicornTheme from '@marigold/theme-unicorn';
-import b2bTheme from '@marigold/theme-b2b';
-import coreTheme from '@marigold/theme-core';
-
-import * as DocsComponents from '~/components';
-import * as MdxComponents from '~/mdx/components';
-import * as DemoComponents from '~/demos';
-
-import { Layout, MarigoldThemeSwitch } from '~/components';
-import { theme } from '~/theme';
-
-import {
-  Box,
-  Container,
-  Header,
-  Inline,
-  Split,
-  Text,
-} from '@marigold/components';
-
-import {
-  IconLinksList,
-  GradientHeadline,
-  ThemeMenu,
-  Title,
-  TocContainer,
-  ScrollToTop,
-} from '~/components';
-
-const themes = {
-  unicornTheme,
-  b2bTheme,
-  coreTheme,
-};
-
-const DevMode = () => {
-  const devMode = process.env.NODE_ENV === 'development';
-  if (devMode) {
-    return (
-      <Box
-        css={{
-          textAlign: 'center',
-          textTransform: 'uppercase',
-          fontFamily: 'headline',
-          bg: '#f3f3f3',
-        }}
-      >
-        <Box as="span" color="#1d67b6">
-          localhost
-        </Box>
-      </Box>
-    );
-  }
-  return null;
-};
-
-const components = {
-  Head,
-  ...DocsComponents,
-  ...MdxComponents,
-  ...DemoComponents,
-  ...MarigoldComponents,
-  ...MarigoldIcons,
-};
-
-export interface PageProps {
-  title?: string;
-  caption?: string;
-  switchTheme?: boolean;
-  figma?: string;
-  github?: string;
-  edit?: string;
-  badge?: string;
-}
-
-const MyApp = ({ Component, pageProps }: AppProps<PageProps>) => {
-  return (
-    <SSRProvider>
-      <MarigoldProvider theme={theme}>
-        <MarigoldThemeSwitch themes={themes} initial="b2bTheme">
-          <MDXProvider components={components as any}>
-            <DevMode />
-            <Layout navigation={process.env.navigation}>
-              <Title title={pageProps?.title} />
-              {pageProps?.title && (
-                <Header>
-                  <GradientHeadline>{pageProps.title}</GradientHeadline>
-                  {pageProps.caption && (
-                    <Text variant="page-caption">{pageProps.caption}</Text>
-                  )}
-                </Header>
-              )}
-              <Box css={{ display: 'flex', gap: 'large-2' }}>
-                <Container contentType="content" size="large">
-                  <Box as={Inline} css={{ mb: 'small-1' }}>
-                    {pageProps?.switchTheme && <ThemeMenu />}
-                    <Split />
-                    {(pageProps?.figma ||
-                      pageProps?.github ||
-                      pageProps?.edit) && (
-                      <IconLinksList
-                        figma={pageProps?.figma ? pageProps?.figma : undefined}
-                        github={
-                          pageProps?.github ? pageProps?.github : undefined
-                        }
-                        edit={pageProps?.edit ? pageProps?.edit : undefined}
-                      />
-                    )}
-                  </Box>
-                  <Component {...pageProps} />
-                </Container>
-                <TocContainer />
-              </Box>
-              <ScrollToTop />
-            </Layout>
-          </MDXProvider>
-        </MarigoldThemeSwitch>
-      </MarigoldProvider>
-    </SSRProvider>
-  );
-};
-
-export default MyApp;
diff --git a/docs-old/src/pages/_document.tsx b/docs-old/src/pages/_document.tsx
deleted file mode 100644
index f7b89fa48d..0000000000
--- a/docs-old/src/pages/_document.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import Document, { Html, Head, Main, NextScript } from 'next/document';
-import { webFontUrl as docFonts } from '~/theme';
-import { webFontUrl as b2bFonts } from '@marigold/theme-b2b';
-
-const urls = [...docFonts, ...b2bFonts];
-
-class MyDocument extends Document {
-  render() {
-    return (
-      <Html lang="en">
-        <Head>
-          <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-          <link rel="icon" type="image/png" href="/favicon.png" />
-          <link rel="preconnect" href="https://fonts.bunny.net" />
-          {urls.map(url => (
-            <link key={url} href={url} rel="stylesheet" />
-          ))}
-        </Head>
-        <body>
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}
-
-export default MyDocument;
diff --git a/docs-old/src/pages/components/accordion.mdx b/docs-old/src/pages/components/accordion.mdx
deleted file mode 100644
index 9d6e330deb..0000000000
--- a/docs-old/src/pages/components/accordion.mdx
+++ /dev/null
@@ -1,109 +0,0 @@
----
-title: Accordion
-group: Collections
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Accordion/Accordion.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/accordion.mdx
-caption: Component to show and hide related content from the main page.
-switchTheme: true
-badge: 'new'
----
-
-An `<Accordion>` is a component that allows you to organizing content into collapsible sections. It consists of a series of vertically stacked items. Accordions are commonly used in website and application designs to present information in a compact and organized way, allowing users to focus on the specific information they are interested in without being overwhelmed by excessive content.
-
-The `<Accordion.Item>` can be expanded by default using the `defaultExpandedKeys` property or collapsed.
-You can also switch the `selectionMode` for `<Accordion>` by passing its property. The default behavior is set to single mode.
-
-<Preview>
-  <BasicAccordion />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import { Accordion } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props Accordion
-
-<PropsTable
-  props={[
-    {
-      property: 'defaultExpandedKeys',
-      type: 'Iterable<Key>',
-      description:
-        'The initial expanded keys in the collection (uncontrolled).',
-      default: 'none',
-    },
-    {
-      property: 'selectionMode',
-      type: 'none, single, multiple',
-      description: 'Sets the mode of items open at the same time. ',
-      default: 'single',
-    },{
-      property: 'children',
-      type: 'ItemElement<object>[] | ItemElement<object>',
-      description: 'Children of the Accordion.',
-      default: 'none',
-    },
-    {
-      property: 'items',
-      type: 'Iterable<object>',
-      description: 'Item objects in the collection.',
-      default: 'none',
-    },
-
-]}
-/>
-
-### Props Accordion.Item
-
-<PropsTable
-  props={[
-    {
-      property: 'key',
-      type: 'React.Key',
-      description: 'The key of the item.',
-      default: 'none',
-    },
-    {
-      property: 'title',
-      type: 'string | ReactElement',
-      description:
-        'Sets title of the accordion item which will be displayed to the button. ',
-      default: 'none',
-    },
-    {
-      property: 'textValue',
-      type: 'string',
-      description:
-        'Add a textValue if you use JSX-Elements for the title to supported accessibility.',
-      default: 'true',
-    },
-  ]}
-/>
-
-## Examples
-
-### Singleselect Accordion
-
-This component shows how a single selection `<Accordion>` is working. It is possible to have just one item open and the other ones hidden. You can also see that the items are fullwidth, which is true by default. Notice that you can't expand two or more items per default.
-
-```tsx preview file=components/Accordion/single-select-accordion.demo.tsx
-
-```
-
-### Multiselect Accordion
-
-With the multiselection mode you can collapse and hide the items as you want. For sure you can set one or more defaultExpandedKeys.
-
-```tsx preview file=components/Accordion/multi-select-accordion.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/aside.mdx b/docs-old/src/pages/components/aside.mdx
deleted file mode 100644
index 423b310a52..0000000000
--- a/docs-old/src/pages/components/aside.mdx
+++ /dev/null
@@ -1,82 +0,0 @@
----
-title: Aside
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Aside/Aside.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/aside.mdx
-caption: Component to seperate content from the main content.
----
-
-The `<Aside>` is a responsive layout component. It should be used if you want to layout side content next to the main content. The side has a fixed width and the other one(the main content) can have a dynamic width.
-
-If the screen becomes too small for the `<Aside>`, the content will automatically wrap.
-
-It is important to note that the `<Aside>` must have exactly two children, where none is a `<Fragment>`.
-
-<Preview>
-  <BasicAside />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Aside } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'space',
-      type: 'ResponsiveStyleValue<string>',
-      description: 'The space between the content and the aside.',
-      default: 'none',
-    },
-    {
-      property: 'side',
-      type: '"left" | "right"',
-      description: 'The side of the aside content.',
-      default: 'left',
-    },
-    {
-      property: 'sideWidth',
-      type: 'ResponsiveStyleValue<string>',
-      description: 'The side width of the aside content.',
-      default: 'none',
-    },
-    {
-      property: 'wrap',
-      type: 'Non-zero Percentage',
-      description: 'At which percent the content should wrap.',
-      default: '50%',
-    },
-    {
-      property: 'stretch',
-      type: 'boolean',
-      description: 'Stretches the aside.',
-      default: 'true',
-    },
-  ]}
-/>
-
-## Examples
-
-### Space between elements
-
-The example shows how the `space` prop is to use. It defines the gap between the contents.
-
-```tsx preview file=components/Aside/space.demo.tsx
-
-```
-
-### Aside on the right
-
-A simple example on how to set the `side` prop.
-
-```tsx preview file=components/Aside/rightside.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/aspect.mdx b/docs-old/src/pages/components/aspect.mdx
deleted file mode 100644
index 5dad9645e8..0000000000
--- a/docs-old/src/pages/components/aspect.mdx
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: Aspect
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Aspect/Aspect.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/aspect.mdx
-caption: Component to set responsive images, videos, maps
----
-
-The `<Aspect>` layout component dynamically modifies the height of an element based on its current width to match a width-to-height ratio. For example, a 4:3 ratio would make an element with a width of `400px` have a height of `300px`. This updates in real time when you resize the screen.
-
-<Preview>
-  <BasicAspect />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Aspect } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'ratio',
-      type: 'square, landscape, portrait, widescreen, ultrawide, golden',
-      description: 'The aspect ratio of the image.',
-      default: 'square',
-    },
-    {
-      property: 'maxWidth',
-      type: 'string',
-      description: 'The maximum width of the image.',
-      default: '100%',
-    },
-  ]}
-></PropsTable>
-
-## Examples
-
-### Ratio Square and maximum width
-
-The example shows how the `ratio` and the `maxWidth` props with a image component inside is to use. The `ratio` has his default value `square`.
-
-```tsx preview file=components/Aspect/ratio-square.demo.tsx
-
-```
-
-### Ratio Golden
-
-An Example that shows the `ratio` prop set to `"golden"`.
-
-```tsx preview file=components/Aspect/golden-aspect.demo.tsx
-
-```
-
-### Map
-
-This Example use a Iframe inside the Aspect Component. The `ratio` prop is set to `"landscape"`.
-
-```tsx preview file=components/Aspect/map.demo.tsx
-
-```
-
-### Video
-
-An `<Iframe>` with a video inside the Aspect Component. The `ratio` prop is set to `"widescreen"`.
-
-```tsx preview file=components/Aspect/video.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/autocomplete.mdx b/docs-old/src/pages/components/autocomplete.mdx
deleted file mode 100644
index 8b4eec462a..0000000000
--- a/docs-old/src/pages/components/autocomplete.mdx
+++ /dev/null
@@ -1,187 +0,0 @@
----
-title: Autocomplete
-group: Forms
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Autocomplete/Autocomplete.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/autocomplete.mdx
-caption: A searchfield that displays a dynamic list of suggestions.
-switchTheme: true
-badge: 'new'
----
-
-The `<Autocomplete>` component is a form element with an associated popup that enables users to select a value from a collection of suggested values. Uusers may either select one of the suggestions from the popup or type a value.
-
-Suggestions are represented by the `<Autocomplete.Item>` component that must be used as children of the `<Autocomplete>` component.
-
-<Preview>
-  <BasicAutocomplete />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Autocomplete } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'ReactNode',
-      description:
-        "The label text. If you don't want to visually display a label, provide an `aria-label` or `aria-labelledby` attribute for accessibility.",
-    },
-    {
-      property: 'defaultValue',
-      type: 'string',
-      description: 'The value of the input (uncontrolled).',
-    },
-    {
-      property: 'value',
-      type: 'string',
-      description: 'The value of the input (controlled).',
-    },
-    {
-      property: 'defaultItems',
-      type: 'Iterable<object>',
-      description: 'The list of suggestions (uncontrolled).',
-    },
-    {
-      property: 'items',
-      type: 'Iterable<object>',
-      description: 'The list of suggestions (controlled).',
-    },
-    {
-      property: 'description',
-      type: 'ReactNode',
-      description: 'A helpful text.',
-    },
-    {
-      property: 'errorMessage',
-      type: 'ReactNode',
-      description: 'An error message.',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.',
-      default: 'false',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'If `true`, the input is disabled.',
-      default: 'false',
-    },
-    {
-      property: 'disabledKeys',
-      type: 'Iterable<Key>',
-      description:
-        'Suggestions that are disabled. Items cannot be selected, focused, or otherwise interacted with.',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'If `true`, the input is required',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'If `true`, the input is readOnly.',
-      default: 'false',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the `width` of the field.',
-      default: '100%',
-    },
-    {
-      property: 'menuTrigger',
-      type: '"focus"| "input" | "manual"',
-      description: 'Set which interaction shows the menu.',
-      default: 'input',
-    },
-    {
-      property: 'autoFocus',
-      type: 'boolean',
-      description: 'Whether the element should receive focus on render.',
-    },
-    {
-      property: 'onOpenChange',
-      type: '(isOpen: boolean, menuTrigger?: "focus"| "input" | "manual") => void',
-      description:
-        'Called when the open state of the menu changes. Returns the new open state and the action that caused the opening of the menu.',
-    },
-    {
-      property: 'onChange',
-      type: '(value: string) => void',
-      description: 'Called when the input value changes.',
-    },
-    {
-      property: 'onSubmit',
-      type: '(key: Key | null, value: string | null) => void',
-      description: `Handler that is called when the SearchAutocomplete is submitted.
-        
-      A "key" will be passed if the submission is a selected item (e.g. a user clicks or presses enter on an option). If the input is a custom "value", "key" will be "null".
-        
-      A "value" will be passed if the submission is a custom value (e.g. a user types then presses enter). If the input is a selected item, "value" will be "null".`,
-    },
-    {
-      property: 'onClear',
-      type: '() => void',
-      description: 'Called when the clear button is pressed.',
-    },
-  ]}
-/>
-
-### Item props
-
-<PropsTable
-  props={[
-    {
-      property: 'key',
-      type: 'string',
-      description: 'The idenfitier of the item. Must be unique.',
-    },
-  ]}
-/>
-
-## Examples
-
-### Uncontrolled Usage
-
-The following example shows how to use the `Autocomplete` component in an uncontrolled manner. States, such as the user typing into the input or updating the suggestions, are automatically handled by the component. The `onSubmit` handler will be called when the user chooses a suggestion or submits their custom value.
-
-```tsx preview file=components/Autocomplete/autocomplete-uncontrolled.demo.tsx
-
-```
-
-### Controlled Usage with custom Filter
-
-If you want to listen or act while the user is typing into the `Autocomplete` field, you can switch to controlled mode by adding an `onChange` handler and setting the `value` manually.
-
-This is especially helpful if you need to customize the filtering. For example, you may only want to show suggestions when the user has typed at least two characters. Furthermore, you can improve the matching, as shown in the example below. In the demo, the user would not receive a suggestion if they typed "ssp" without the custom filter.
-
-```tsx preview file=components/Autocomplete/autocomplete-controlled.demo.tsx
-
-```
-
-### Working with asynchronous Data
-
-The Autocomplete component supports working with asynchronous data. In the example below, the [`useAsyncList`](/hooks/useAsyncList) hook is used to handle the loading and filtering of data from the server.
-
-```tsx preview file=components/Autocomplete/autocomplete-async.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/badge.mdx b/docs-old/src/pages/components/badge.mdx
deleted file mode 100644
index 98ec1c8b28..0000000000
--- a/docs-old/src/pages/components/badge.mdx
+++ /dev/null
@@ -1,58 +0,0 @@
----
-title: Badge
-group: Content
-switchTheme: true
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Badge/Badge.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/badge.mdx
-caption: Component for short notes with one color as status messages
----
-
-A `<Badge>` is a content component. This component can be used to reflect status messages via a short note and a color. The content of a badge can be arbitrary, but it is preferred to use a string and/or a icon.
-
-<Preview>
-  <BasicBadgeDemo />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Badge } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable />
-
-## Examples
-
-### Info Badge
-
-In this example we have the `<Badge>` component that has been given the `variant` info and a string.
-
-```tsx preview file=components/Badge/basic-badge.demo.tsx
-
-```
-
-### Badge with an Icon
-
-In this example, the `<Badge>` component gets an icon component.
-
-```tsx preview file=components/Badge/icon-badge.demo.tsx
-
-```
-
-### Badge with variant
-
-Here you can see the `<Badge>` component with variant dark.
-
-```tsx preview file=components/Badge/badge-dark.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/body.mdx b/docs-old/src/pages/components/body.mdx
deleted file mode 100644
index 67f7ce6ce1..0000000000
--- a/docs-old/src/pages/components/body.mdx
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: Body
-group: Content
-switchTheme: true
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Body/Body.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/body.mdx
-caption: Structure for contents in a content context.
----
-
-The `<Body>` is a content component, like the [`<Header>`](/components/header) and [`<Footer>`](/components/footer/) and is used to help structure the contents of components such as a [`<Card>`](/components/card) or [`<Dialog>`](/components/dialog).
-
-It behaves similar to its related components [`<Header>`](/components/header) and [`<Footer>`](/components/footer/). So the component has no properties, but that is not its task. It should wrap other components and structure its contents for a better code base.
-
-You can set `variant` and `size` props to style your `<Body>` element.
-
-<Preview>
-  <Body>This is a body!</Body>
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import { Body } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable />
-
-## Examples
-
-### Body used in context
-
-In this example you can see a `<Body>` element within a `<Card>`. This is a context in which the `<Body>` should be used.
-
-```tsx preview file=components/Body/simple-body.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/box.mdx b/docs-old/src/pages/components/box.mdx
deleted file mode 100644
index d600c5eb54..0000000000
--- a/docs-old/src/pages/components/box.mdx
+++ /dev/null
@@ -1,78 +0,0 @@
----
-title: Box
-group: Layout
-switchTheme: true
-github: https://github.com/marigold-ui/marigold/blob/main/packages/system/src/components/Box/Box.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/box.mdx
-caption: Learn about the foundation component of Marigold.
----
-
-The `<Box>` component serves as the foundation of Marigold, acting as the bridge that connects the logic of components with their visual design. Through the use of `<Box>`, theme-based values can be bound to components and utilized for styling. Every component in Marigold is composed of `<Box>` components.
-
-Ideally, you should not need this component frequently, unless you are building a design system component or a custom component that is specific to your app and you want to use the design tokens.
-
-<Preview>
-  <BasicBoxDemo />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Box } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'as',
-      type: 'HTMLElement | MarigoldComponent',
-      description:
-        'Behaves like a HTMLElement or a Marigold component if used.',
-      default: 'div',
-    },
-    {
-      property: 'css',
-      type: 'CSSObject | CSSObject',
-      description: 'Set CSS for the component.',
-      default: '',
-    },
-    {
-      property: '...',
-      type: '',
-      description: 'HTML attributes based on the rendered element.',
-      default: '',
-    },
-  ]}
-/>
-
-## Examples
-
-### Polymorphic Component
-
-When using the `<Box>` component, it will render a div element by default. However, you have the option to customize this by using the `as` prop. All regular HTML props will be forwarded to the underlying element. Typescript will ensure that only correct HTML attributes are used by limiting the props based on the `as` prop. This polymorphic type inference will work not only with HTML elements, but also with any React component.
-
-Using the `<Box>` element to render an element will also apply CSS normalization, ensuring that the element is displayed consistently across all browsers.
-
-```tsx preview file=components/Box/box-as-button.demo.tsx
-
-```
-
-Passing another React component to the `<Box>` component can help with styling and integrating third-party components seamlessly into the design system. To achieve this, you can pass the third-party component into the `as` prop (ensure that it forwards the `className`). By defining styles in the css prop, these styles will apply to the third-party component. The `<Box>` component will inherit props from the third-party component in addition to its own props.
-
-```tsx preview file=components/Box/box-as-component.demo.tsx
-
-```
-
-### The CSS Prop
-
-Arbitrary styles can be applied to the underlying element via the css prop. All CSS rules are supported. Values for the rules are extended with the design tokens from the theme. When a design token is used the corresponding value will be applied.
-
-```tsx preview file=components/Box/box-css-prop.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/breakout.mdx b/docs-old/src/pages/components/breakout.mdx
deleted file mode 100644
index 8df2b6ed59..0000000000
--- a/docs-old/src/pages/components/breakout.mdx
+++ /dev/null
@@ -1,108 +0,0 @@
----
-title: Breakout
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Breakout/Breakout.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/breakout.mdx
-caption: Component that breaks out of a grid layout context.
----
-
-`<Breakout>` is a layout component which lets you span the full row in a CSS grid context e.g. our [`<Container>`](container/) component.
-
-You need this component if you want to display something out of the context. It is also possible to put several components into the `<Breakout>`.
-
-You can use `alignX` or `alignY` to place the items inside the `<Breakout>` element.
-
-<Preview>
-  <Container align="center">
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '80px',
-        width: '100%',
-      }}
-    />
-    <Breakout alignX="center" height="150px" alignY="center">
-      <Box
-        css={{
-          bg: '#e9ecef',
-          border: '1px solid #ced4da',
-          p: 'small',
-        }}
-      >
-        BREAKOUT
-      </Box>
-    </Breakout>
-    <Box
-      css={{
-        border: '1px solid #ced4da',
-        bg: '#e9ecef',
-        height: '80px',
-        width: '100%',
-      }}
-    />
-  </Container>
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Breakout } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'alignX',
-      type: '"left" | "right" | "center"',
-      description:
-        'Horizontal alignment of the items inside the breakout element.',
-      default: 'left',
-    },
-    {
-      property: 'alignY',
-      type: '"top" | "bottom" | "center"',
-      description:
-        'Vertical alignment of the items inside the breakout element.',
-      default: 'top',
-    },
-    {
-      property: 'height',
-      type: 'string',
-      description: 'Set the height of the breakout element.',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Vertical alignment
-
-In this case the `height` prop is necessary, if you haven't set it, the `alignY` has no impact.
-
-```tsx preview file=components/Breakout/vertical-breakout.demo.tsx
-
-```
-
-### Horizontal alignment
-
-Example to show how the `alignX` prop is to set. Options are `"left" | "center" | "right"`. The default value is `left`.
-
-```tsx preview file=components/Breakout/horizontal-breakout.demo.tsx
-
-```
-
-### Breakout iframe
-
-This example shows how to use an `<iframe>` within a `<Breakout>`.
-
-```tsx preview file=components/Breakout/iframe-breakout.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/button.mdx b/docs-old/src/pages/components/button.mdx
deleted file mode 100644
index db37ff9fc7..0000000000
--- a/docs-old/src/pages/components/button.mdx
+++ /dev/null
@@ -1,131 +0,0 @@
----
-title: Button
-group: Forms
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=11%3A269
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Button/Button.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/button.mdx
-switchTheme: true
-caption: Component for button elements.
----
-
-The `<Button>` is a common form component, that renders a button element, which allows users to perform an action.
-They have multiple styles for various needs, and are ideal for calling attention to where a user needs to do something in order to move forward in a flow.
-
-The variant and size of the `<Button>` can be added with the `variant` prop. Variants are `primary`, `secondary`, `ghost` and `text`. You can also set the `size`, currently there is just one size available.
-
-<Preview>
-  <ButtonVariantDemo />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import { Button } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'space',
-      type: 'ResponsiveStyleValue<string>',
-      description: 'Spacing between child element.',
-      default: 'none',
-    },
-    {
-      property: 'onPress',
-      type: '(e: PressEvent) => void',
-      description:
-        'Handler that is called when the press is released over the target.',
-      default: 'none',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'Disables the button.',
-      default: 'false',
-    },
-    {
-      property: 'fullWidth',
-      type: 'boolean',
-      description: 'Stretches the button width with full available space.',
-      default: 'false',
-    },
-    {
-      property: '...',
-      type: '',
-      description: 'Yes you can use all regular attributes of button!',
-      default: '',
-    },
-  ]}
-/>
-
-## Examples
-
-### Primary Button
-
-The function of the primary `<Button>` is to achieve the most common or most important goal of the user, it has more visual weight than the secondary `<Button>`. There should not be more than one primary `<Button>` in a screen at the time.
-
-```tsx preview file=components/Button/button-primary.demo.tsx
-
-```
-
-### Secondary Button
-
-The Secondary `<Button>` is an alternative to the user to the primary `<Button>`. They are used for actions like canceling, skipping, resetting, declining an offer etc.
-
-```tsx preview file=components/Button/button-secondary.demo.tsx
-
-```
-
-### Ghost Button
-
-Ghost `<Button>` are used for miscellaneous actions, they are important but is not the ones where it is desired that the user focus at the moment.
-
-```tsx preview file=components/Button/button-ghost.demo.tsx
-
-```
-
-### Suplementary Text Button
-
-The only text `<Button>` can be used in a similar way of a secondary `<Button>`, but they are meant to be less relevant to the user. It is also a good way if you want a `<Button>` that don't really look like one.
-
-```tsx preview file=components/Button/button-text.demo.tsx
-
-```
-
-### Button with Icon
-
-[Icons](/components/icon/) can be added in order to make clear, what a `<Button>` does. Buttons should not be made only with icons, because every user may understand them on a different way. If you want to have simple icon with a [`<Tooltip>`](/components/tooltip/) you can choose a `<Button>` with an icon.
-
-```tsx preview file=components/Button/button-icon.demo.tsx
-
-```
-
-### Button Sizes
-
-If there are many actions in one page, is it possible to use small buttons instead of big ones. As well if the page is required to be open on mobile devices.
-Also there is the `fullWidth` property, with that one you can stretch the width of the `<Button>`.
-
-```tsx preview file=components/Button/button-size.demo.tsx
-
-```
-
-### Button as a Link
-
-Sometimes you want to use an `<a>` tag, instead of a `<button>`, but you still want it to look and behave like a button. This might be the case when you want the user to enable to download a file that is already available via URL. Instead of loading the file on click, you can make use of the [`[download]` attribute](https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/download).
-
-To make this possible, Marigold's `<Button>` component allows to change the rendered element by using the `as` prop, similiar to the [`<Box>`](/components/box/#polymorphic-component) component.
-
-```tsx preview file=components/Button/button-link.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/calendar.mdx b/docs-old/src/pages/components/calendar.mdx
deleted file mode 100644
index 6898e334bb..0000000000
--- a/docs-old/src/pages/components/calendar.mdx
+++ /dev/null
@@ -1,136 +0,0 @@
----
-title: Calendar
-group: Forms
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=7509-13881&t=uT9a565aziVFBuWw-4
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Calendar/Calendar.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/calendar.mdx
-switchTheme: true
-badge: 'new'
-caption: Component for displaying and selecting date .
----
-
-The `<Calendar>` is a date selection interface that allows you to choose date using calendar view .
-
-A `<Calendar>` consists of a grouping element containing one or more date grids (e.g. months), and a previous and next button for navigating between date ranges. Each calendar grid consists of cells containing button elements that can be pressed and navigated to using the arrow keys to select a date.
-
-<Preview>
-  <BasicCalendar />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import { Calendar } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'value',
-      type: 'DateValue',
-      description: 'The current calendar value.',
-      default: 'none',
-    },
-    {
-      property: 'defaultValue',
-      type: 'DateValue',
-      description: 'The default value of calendar.',
-      default: 'none',
-    },
-    {
-      property: 'focusedValue',
-      type: 'DateValue',
-      description: 'Controls the currently focused date within the calendar.',
-      default: 'none',
-    },
-    {
-      property: 'maxValue',
-      type: 'DateValue',
-      description: 'The maximum allowed date that a user may select.',
-      default: 'none',
-    },
-    {
-      property: 'minValue',
-      type: 'DateValue',
-      description: 'The minimum allowed date that a user may select.',
-      default: 'none',
-    },
-    {
-      property: 'validationState',
-      type: 'ValidationState `valid | invalid`',
-      description:
-        'Whether the current selection is valid or invalid according to application logic.',
-      default: 'none',
-    },
-    {
-      property: 'onChange',
-      type: 'function',
-      description:
-        'a callback function that is called when the the date field value changes.',
-      default: 'none',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'Disables the Calendar.',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'Whether the calendar value is immutable.',
-      default: 'false',
-    },
-    {
-      property: 'autoFocus',
-      type: 'boolean',
-      description:
-        'Whether to automatically focus the calendar when it mounts.',
-      default: 'false',
-    },
-  ]}
-/>
-
-## Examples
-
-### Simple Calendar
-
-In this example you can see a simple `<Calendar> component and you can select the date`.
-
-```tsx preview file=components/Calendar/basic-calendar.demo.tsx
-
-```
-
-### Disabled Calendar
-
-In this example the `<Calendar>` has its prop `disabled`. So you can't interact with the `<Calendar>`.
-
-```tsx preview file=components/Calendar/disabled-calendar.demo.tsx
-
-```
-
-### Read Only Calendar
-
-In this example the `<Calendar>` has its prop `readOnly`. So you can't mutate value of `<Calendar>`.
-
-```tsx preview file=components/Calendar/readOnly-calendar.demo.tsx
-
-```
-
-### Determine the max and min value for Calendar
-
-You can set the range for `<Calendar>` by setting `minValue` and `maxValue` properties
-
-```tsx preview file=components/Calendar/range-calendar.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/card.mdx b/docs-old/src/pages/components/card.mdx
deleted file mode 100644
index 6a8794190f..0000000000
--- a/docs-old/src/pages/components/card.mdx
+++ /dev/null
@@ -1,100 +0,0 @@
----
-title: Card
-group: Content
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=3547%3A4992
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Card/Card.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/card.mdx
-switchTheme: true
-caption: Component to support the structuring of information.
----
-
-The `<Card>` is a content component to group informations inside the UI, as well it provides a better readability and helps the user to find relevant informations in an easy way.
-
-`<Card>` components usually contain images, text, links or action components like buttons.
-
-If you want, you can style the `<Card>` and create custom variants and sizes.
-
-<Preview>
-  <CardDemo />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Card } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'p',
-      type: 'ResponsiveStyleValue<number⎮string>',
-      description: 'Padding of the component.',
-      default: 'none',
-    },
-    {
-      property: 'px',
-      type: 'ResponsiveStyleValue<number⎮string>',
-      description: 'Padding horizontal (left and right) of the component.',
-      default: 'none',
-    },
-    {
-      property: 'py',
-      type: 'ResponsiveStyleValue<number⎮string>',
-      description: 'Padding vertical (top and bottom) of the component.',
-      default: 'none',
-    },
-    {
-      property: 'pt',
-      type: 'ResponsiveStyleValue<number⎮string>',
-      description: 'Padding top of the component.',
-      default: 'none',
-    },
-    {
-      property: 'pr',
-      type: 'ResponsiveStyleValue<number⎮string>',
-      description: 'Padding right of the component.',
-      default: 'none',
-    },
-    {
-      property: 'pl',
-      type: 'ResponsiveStyleValue<number⎮string>',
-      description: 'Padding left of the component.',
-      default: 'none',
-    },
-    {
-      property: 'pb',
-      type: 'ResponsiveStyleValue<number⎮string>',
-      description: 'Padding bottom of the component.',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Card with form fields
-
-The Example shows how to use the `<Card>` in a common use case with form fields.
-
-```tsx preview file=components/Card/card-form.demo.tsx
-
-```
-
-### Card with some Text
-
-On this example you can see an imformation card with used prop `p`.
-
-```tsx preview file=components/Card/card-infos.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/center.mdx b/docs-old/src/pages/components/center.mdx
deleted file mode 100644
index e4f586ea9e..0000000000
--- a/docs-old/src/pages/components/center.mdx
+++ /dev/null
@@ -1,81 +0,0 @@
----
-title: Center
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Center/Center.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/center.mdx
-caption: Component to center its children horizontally.
----
-
-The `<Center>` is a layout component that centers its children horizontally.
-You can use it to center a single child or a list of children. The `<Center>` component has also the property maxWidth.
-
-The `<Center>` component can also be a child from the [`<Stack>`](/components/stack/) or [`<Inline>`](/components/inline/) component.
-
-<Preview>
-  <BasicCenter />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Center } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'space',
-      description: 'The space between the children',
-      type: 'ResponsiveStyleValue<string>',
-      default: 'none',
-    },
-    {
-      property: 'maxWidth',
-      description: 'The maximum width of the container.',
-      type: 'string',
-      default: '',
-    },
-  ]}
-/>
-
-## Examples
-
-### Center element with maximum width
-
-To center an element you must give the element a `maxWidth` prop.
-
-```tsx preview file=components/Center/width-center.demo.tsx
-
-```
-
-### Center more than one element with space
-
-To add spaces between each child you can use the prop `space`.
-
-```tsx preview file=components/Center/space-center.demo.tsx
-
-```
-
-### Center inside Text Block
-
-If you want to center something like a `<Button>` you must only wrap your component with a `<Center>` component.
-
-```tsx preview file=components/Center/text-center.demo.tsx
-
-```
-
-### Center something inside a box
-
-If you want to center an Element inside a `<Box>` Component. You must give the `<Box>` component the prop `as={Center}`.
-
-For additional Information please check the [Box Primitive](/foundation/box-primitive/) Page.
-
-```tsx preview file=components/Center/box-center.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/checkbox.mdx b/docs-old/src/pages/components/checkbox.mdx
deleted file mode 100644
index d83df8fd5a..0000000000
--- a/docs-old/src/pages/components/checkbox.mdx
+++ /dev/null
@@ -1,194 +0,0 @@
----
-title: Checkbox
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=467%3A159
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Checkbox/Checkbox.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/checkbox.mdx
-group: Forms
-switchTheme: true
-caption: Component to select one or more options.
----
-
-The `<Checkbox>` component allows users to select one or more options from a set of options. In order to group multiple checkboxes, use the `<CheckboxGroup>` component.
-
-There are several props for the `<Checkbox>` and the `<CheckboxGroup>`.
-
-You don't have to click on the `<Checkbox>` itself, you can also just click on the label next to the box.
-
-<Preview>
-  <CheckboxDemo />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import { Checkbox, CheckboxGroup } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.',
-      default: 'false',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the width of the field.',
-      default: '100%',
-    },
-    {
-      property: 'defaultChecked',
-      type: 'boolean',
-      description: 'Select the checkbox by default',
-      default: 'false',
-    },
-    {
-      property: 'checked',
-      type: 'boolean',
-      description: 'Select the checkbox.',
-      default: 'false',
-    },
-    {
-      property: 'indeterminate',
-      type: 'boolean',
-      description:
-        'Use when it represents both selected and not selected values.',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'Sets the checkbox on read only.',
-      default: 'false',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'Sets the checkbox as required.',
-      default: 'false',
-    },
-    {
-      property: '...',
-      type: '',
-      description: 'You can use all native attributes of `input`',
-      default: '',
-    },
-  ]}
-/>
-
-### Group Props
-
-<PropsTable
-  props={[
-     {
-      property: 'label',
-      type: 'string',
-      description: 'Set the label for the checkbox group.',
-      default: 'none',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the checkbox is considered invalid and if set the `errorMessage` is shown instead of the `description`.',
-      default: 'false',
-    },
-
-    {
-      property: 'defaultChecked',
-      type: 'boolean',
-      description: 'Select the checkbox by default',
-      default: 'false',
-    },
-    {
-      property: 'checked',
-      type: 'boolean',
-      description: 'Select the checkbox.',
-      default: 'false',
-    },
-
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'Sets the checkbox on read only.',
-      default: 'false',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'Sets the checkbox as required.',
-      default: 'false',
-    },
-    {
-      property: 'value',
-      type: 'string[]',
-      description: 'Set the values of the group.',
-      default: 'none',
-    },
-    {
-
-      property: 'defaultValue',
-      type: 'string[]',
-      description: 'Set the default values of the group.',
-      default: 'none',
-    },
-     {
-      property: 'onChange',
-      type: '(value: string[]) => void',
-      description: 'Handler that is called when the checkbox value changes.',
-      default: 'none',
-    },
-    {
-      property: 'description',
-      type: 'string',
-      description: 'Sets a helptext for the group.',
-      default: 'none',
-    },
-    {
-      property: 'errorMessage',
-      type: 'string',
-      description: 'Sets a error message for the group if a error occured.',
-      default: 'none',
-    }
-
-]}
-/>
-
-## Examples
-
-### Checkbox disabled
-
-Here you can see how the `disabled` property is to use.
-
-```tsx preview file=components/Checkbox/checkbox-disabled.demo.tsx
-
-```
-
-### Indeterminate Checkbox
-
-Use indeterminate state when it represents both selected and not selected values.
-
-```tsx preview file=components/Checkbox/checkbox-indeterminate.demo.tsx
-
-```
-
-### Group checkboxes
-
-In this example the `<Checkbox>` are wrapped within the `<CheckboxGroup>`. You see that the `onChange` property is also set. It has also a helptext within which you can set with the `description` property for the `<CheckboxGroup>`.
-
-```tsx preview file=components/Checkbox/checkbox-group.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/columns.mdx b/docs-old/src/pages/components/columns.mdx
deleted file mode 100644
index 6cbe813823..0000000000
--- a/docs-old/src/pages/components/columns.mdx
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: Columns
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Columns/Columns.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/columns.mdx
-caption: Component with sized columns in one row.
----
-
-The `<Columns>` is a responsive layout component, with sized columns in one row.
-With the `<Columns>` component you can set an array of numbers the size of the children. The columns array length and the count of children must be the same. You can add space between the columns und set a `collapseAt` prop to collapse the columns at a certain width.
-
-<Preview>
-  <BasicColumns />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Columns } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'columns (required)',
-      description:
-        'An array of numbers to set the size of the children. The columns array length and the count of children must be the same.',
-      type: 'number[]',
-      default: '',
-    },
-    {
-      property: 'space',
-      description: 'Space between the columns.',
-      type: 'ResponsiveStyleValue<string>',
-      default: 'none',
-    },
-    {
-      property: 'collapseAt',
-      description:
-        'Collapse children into a vertical layout at given width. Note that `collapseAt` is based on the total element width, and not the window width. With a default value of "0em" columns will not collapse by default.',
-      type: 'string | number',
-      default: '0em',
-    },
-    {
-      property: 'stretch',
-      description: 'Stretch to height of parent container.',
-      type: 'boolean',
-      default: 'false',
-    },
-  ]}
-/>
-
-## Examples
-
-### Columns and a space between them
-
-The example shows how to use the `space` prop. It defines the gap between the contents.
-
-```tsx preview file=components/Columns/space-columns.demo.tsx
-
-```
-
-### Columns collapsing at a certain width
-
-The example show how the `collapseAt` prop is to use. If you resize the window of your browser you can see that the columns are collapsing or expanding. Please note that the collapsing or expanding starting in a small range of the `collapseAt` value.
-
-```tsx preview file=components/Columns/collapse-columns.demo.tsx
-
-```
-
-### Page layout
-
-Create a page layout with three columns and collapse or expanding at `25em`
-
-```tsx preview file=components/Columns/layout-columns.demo.tsx
-
-```
-
-### Stretch to Height of Parent
-
-By using the `stretch` prop you can make the container to take full width. Note that this is usually not necessary since the columns will expand with their children anyway.
-
-```tsx preview file=components/Columns/stretch-columns.demo.tsx
-
-```
-
-Here is another interactive example on how to use the `stretch` prop. Note that there has to be a parent of the columns that sets a `height`. Otherwhise setting the height in a column to `100%` will not have any effect.
-
-```tsx preview file=components/Columns/stretch-columns-switch.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/combo-box.mdx b/docs-old/src/pages/components/combo-box.mdx
deleted file mode 100644
index 9910a82d5e..0000000000
--- a/docs-old/src/pages/components/combo-box.mdx
+++ /dev/null
@@ -1,165 +0,0 @@
----
-title: ComboBox
-group: Forms
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/ComboBox/ComboBox.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/combo-box.mdx
-caption: A text-field that allows the user to select values from a provided items array.
-switchTheme: true
-badge: 'new'
----
-
-The `<ComboBox>` component combines a text input with a listbox, allowing users to filter a list of options to items matching a query or adding a new value.
-
-Its purpose is to make interaction with software more intuitive by presenting options in a concise, readable manner instead of requiring users to remember cryptic commands or navigate through complex hierarchies
-
-<Preview>
-  <BasicComboBox />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { ComboBox } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'ReactNode',
-      description:
-        "The label text. If you don't want to visually display a label, provide an `aria-label` or `aria-labelledby` attribute for accessibility.",
-    },
-    {
-      property: 'defaultValue',
-      type: 'string',
-      description: 'The value of the input (uncontrolled).',
-    },
-    {
-      property: 'value',
-      type: 'string',
-      description: 'The value of the input (controlled).',
-    },
-    {
-      property: 'defaultItems',
-      type: 'Iterable<object>',
-      description: 'The list of suggestions (uncontrolled).',
-    },
-    {
-      property: 'items',
-      type: 'Iterable<object>',
-      description: 'The list of suggestions (controlled).',
-    },
-    {
-      property: 'description',
-      type: 'ReactNode',
-      description: 'A helpful text.',
-    },
-    {
-      property: 'errorMessage',
-      type: 'ReactNode',
-      description: 'An error message.',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.',
-      default: 'false',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'If `true`, the input is disabled.',
-      default: 'false',
-    },
-    {
-      property: 'disabledKeys',
-      type: 'Iterable<Key>',
-      description:
-        'Suggestions that are disabled. Items cannot be selected, focused, or otherwise interacted with.',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'If `true`, the input is required',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'If `true`, the input is readOnly.',
-      default: 'false',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the `width` of the field.',
-      default: '100%',
-    },
-    {
-      property: 'menuTrigger',
-      type: '"focus"| "input" | "manual"',
-      description: 'Set which interaction shows the menu.',
-      default: 'input',
-    },
-    {
-      property: 'autoFocus',
-      type: 'boolean',
-      description: 'Whether the element should receive focus on render.',
-    },
-    {
-      property: 'onOpenChange',
-      type: '(isOpen: boolean, menuTrigger?: "focus"| "input" | "manual") => void',
-      description:
-        'Called when the open state of the menu changes. Returns the new open state and the action that caused the opening of the menu.',
-    },
-    {
-      property: 'onChange',
-      type: '(value: string) => void',
-      description: 'Called when the input value changes.',
-    },
-  ]}
-/>
-
-### Item props
-
-<PropsTable
-  props={[
-    {
-      property: 'key',
-      type: 'string',
-      description: 'The idenfitier of the item must be unique.',
-    },
-  ]}
-/>
-
-## Examples
-
-### Controlled Usage with custom Filter
-
-If you want to listen or act while the user is typing into the `ComboBox` field, you can switch to controlled mode by adding an `onChange` handler and setting the `value` manually.
-
-This is especially helpful if you need to customize the filtering. For example, you may only want to show suggestions when the user has typed at least two characters. Furthermore, you can improve the matching, as shown in the example below. In the demo, the user would not receive a suggestion if they typed "ssp" without the custom filter.
-
-```tsx preview file=components/ComboBox/combobox-controlled.demo.tsx
-
-```
-
-### Working with asynchronous Data
-
-The ComboBox component supports working with asynchronous data. In the example below, the [`useAsyncList`](/hooks/useAsyncList) hook is used to handle the loading and filtering of data from the server.
-
-```tsx preview file=components/ComboBox/combobox-async.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/container.mdx b/docs-old/src/pages/components/container.mdx
deleted file mode 100644
index f8ee910d7f..0000000000
--- a/docs-old/src/pages/components/container.mdx
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: Container
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Container/Container.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/container.mdx
-caption: Component used to structure the content.
----
-
-The `<Container>` component is a CSS grid layout component in which you can wrap child components. This component should be used if you want to structure content or form components. It is also useful when you want to use a [`<Breakout>`](/components/breakout/).
-
-`<Container>` width is based on used font and is optimized for readability. You can use `header` or `content` as content type and set the `size` prop to `small`, `medium` or `large`.
-
-It is also possible to set the alignment for the `<Container>` itself and for its children.
-
-<Preview>
-  <BasicContainer />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Container } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'contentType',
-      description: 'The content type of the container.',
-      type: '"header" | "content"',
-      default: '"content"',
-    },
-    {
-      property: 'size',
-      description: 'The size of the container.',
-      type: '"small" | "medium" | "large"',
-      default: '"medium"',
-    },
-    {
-      property: 'align',
-      description: 'Set alignment the content inside the container.',
-      type: '"left" | "center" | "right"',
-      default: '"left"',
-    },
-    {
-      property: 'alignItems',
-      description: 'Set alignment of the items inside the container.',
-      type: '"left" | "center" | "right" | "none"',
-      default: '"none"',
-    },
-  ]}
-/>
-
-## Examples
-
-### Container sizes
-
-In this example the `size` prop is set to small. You can also choose medium or large size. It sets the width of the content of the container.
-
-```tsx preview file=components/Container/small-container.demo.tsx
-
-```
-
-## Text Container
-
-In some cases, the width of the content can be smaller than the container's width. You can use the `align` prop to align the container left, center or right. The `alignItems` props allows you to align the children left, center or right.
-
-```tsx preview file=components/Container/full-container.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/date-field.mdx b/docs-old/src/pages/components/date-field.mdx
deleted file mode 100644
index 4ca8b92426..0000000000
--- a/docs-old/src/pages/components/date-field.mdx
+++ /dev/null
@@ -1,145 +0,0 @@
----
-title: DateField
-group: Forms
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=7064-19516&t=YjPldTCDTR4vfHIf-0
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/DateField/DateField.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/date-field.mdx
-caption: Component used to add date value .
-switchTheme: true
-badge: 'new'
----
-
-The `<DateField>` allows users to enter and edit date values using a keyboard. Each part of a date value is displayed in an individually editable segment.
-
-The `<DateField>` segments are individually focusable and editable by the user, by typing or using the arrow keys to increment and decrement the value. This approach allows values to be formatted and parsed correctly regardless of the locale or date format, and offers an easy and error-free way to edit dates using the keyboard.
-
-<Preview>
-  <BasicDateField />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { DateField } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'ReactNode',
-      description: 'The label text. ',
-      default: 'none',
-    },
-    {
-      property: 'description',
-      type: 'ReactNode',
-      description: 'A helpful text.',
-      default: 'none',
-    },
-    {
-      property: 'errorMessage',
-      type: 'ReactNode',
-      description: 'An error message.',
-      default: 'none',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.',
-      default: 'false',
-    },
-    {
-      property: 'defaultValue',
-      type: 'DateValue',
-      description: 'The default value of the date field.',
-      default: 'none',
-    },
-    {
-      property: 'value',
-      type: 'DateValue',
-      description: 'The value of the date field.',
-      default: 'none',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'If `true`, the date field is disabled.',
-      default: 'false',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'If `true`, the date field is required.',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'If `true`, the date field is readOnly.',
-      default: 'false',
-    },
-    {
-      property: 'onChange',
-      type: 'function',
-      description:
-        "A callback function that is called with the date field's current value changes.",
-      default: 'none',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the width of the field.',
-      default: '100%',
-    },
-  ]}
-/>
-
-## Examples
-
-### Simple DateField
-
-This example shows a regular `<DateField>` without any special props.
-
-```tsx preview file=components/DateField/date-field-basic.demo.tsx
-
-```
-
-### Disabled DateField
-
-You can disable the `<DateField>` so that the user can't interact with it anymore.
-
-```tsx preview file=components/DateField/date-field-disabled.demo.tsx
-
-```
-
-### Required DateField
-
-If you want a `<DateField>` to be required, you just have to add the property `required`. With that the small required icon appears next to the label.
-
-```tsx preview file=components/DateField/date-field-required.demo.tsx
-
-```
-
-### DateField With an Error
-
-This example shows how to use the `error` with the `errorMessage`.
-
-```tsx preview file=components/DateField/date-field-error.demo.tsx
-
-```
-
-### DateField With Icons
-
-In this example we can use leading and trailing icons.
-
-```tsx preview file=components/DateField/date-field-icons.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/date-picker.mdx b/docs-old/src/pages/components/date-picker.mdx
deleted file mode 100644
index 51af73412d..0000000000
--- a/docs-old/src/pages/components/date-picker.mdx
+++ /dev/null
@@ -1,157 +0,0 @@
----
-title: DatePicker
-group: Forms
-figma: https://www.figma.com/file/HkoXCRkoUbCxRbg1CuaTDx/Design-System-Workflow?type=design&node-id=525-20350&t=2zQCxP1phXqF5T2J-0
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/DatePicker/DatePicker.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/date-picker.mdx
-caption: Component used to pick date value .
-switchTheme: true
-badge: 'new'
----
-
-The `<DatePicker>` component is a user interface element that allows users to select a date from a calendar.
-
-The typical practice is to provide a date picker and when you click on date picker button it pops up a calendar below the date picker, allowing the user to populate the field with an appropriate date.
-
-<Preview>
-  <BasicDatePicker />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { DatePicker } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'ReactNode',
-      description: 'The label text. ',
-      default: 'none',
-    },
-    {
-      property: 'description',
-      type: 'ReactNode',
-      description: 'A helpful text.',
-      default: 'none',
-    },
-    {
-      property: 'errorMessage',
-      type: 'ReactNode',
-      description: 'An error message.',
-      default: 'none',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.',
-      default: 'false',
-    },
-    {
-      property: 'defaultValue',
-      type: 'DateValue',
-      description: 'The default value of the date picker.',
-      default: 'none',
-    },
-    {
-      property: 'value',
-      type: 'DateValue',
-      description: 'The value of the date picker.',
-      default: 'none',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'If `true`, the date picker is disabled.',
-      default: 'false',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'If `true`, the date picker is required.',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'If `true`, the date picker is readOnly.',
-      default: 'false',
-    },
-    {
-      property: 'onChange',
-      type: 'function',
-      description:
-        "A callback function that is called with the date picker's current value changes",
-      default: 'none',
-    },
-    {
-      property: 'open',
-      type: 'boolean',
-      description: 'Whether the calendar is open by default (controlled).',
-      default: 'false',
-    },
-    {
-      property: 'minValue',
-      type: 'DateValue',
-      description: 'The minimum allowed date that a user may select.',
-      default: 'none',
-    },
-    {
-      property: 'maxValue',
-      type: 'DateValue',
-      description: 'The maximum allowed date that a user may select.',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Simple DatePicker
-
-This example shows a regular `<DatePicker>` without any special props.
-
-```tsx preview file=components/DatePicker/date-picker-basic.demo.tsx
-
-```
-
-### Disabled DatePicker
-
-You can disable the `<DatePicker>` so that the user can't interact with it anymore.
-
-```tsx preview file=components/DatePicker/date-picker-disabled.demo.tsx
-
-```
-
-### Required DatePicker
-
-If you want a `<DatePicker>` to be required, you just have to add the property `required`. With that the small required icon appears next to the label.
-
-```tsx preview file=components/DatePicker/date-picker-required.demo.tsx
-
-```
-
-### DatePicker With an Error
-
-This example shows how to use the `error` with the `errorMessage`.
-
-```tsx preview file=components/DatePicker/date-picker-error.demo.tsx
-
-```
-
-### DatePicker With Minimum and maximum values
-
-The `minValue` and `maxValue` props can also be used to perform builtin validation. This prevents the user from selecting dates outside the valid range in the calendar .
-
-```tsx preview file=components/DatePicker/date-picker-min-max.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/dialog.mdx b/docs-old/src/pages/components/dialog.mdx
deleted file mode 100644
index a4205701f6..0000000000
--- a/docs-old/src/pages/components/dialog.mdx
+++ /dev/null
@@ -1,145 +0,0 @@
----
-title: Dialog
-group: Overlay
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=845%3A1095
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Dialog/Dialog.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/dialog.mdx
-switchTheme: true
-caption: Component for displaying dialogs.
----
-
-The `<Dialog>` is a overlay component. This means it displays a modal as a reaction to an event. It appears in the middle of the display and blurs out the underlay.
-
-This component can be styled in different parts. It has as parts `closeButton` and `container`, which is the component itself, and these parts can be styled separately.
-
-A special thing is also that you can have props on the `<Dialog.Trigger>` and on the `<Dialog>` itself. The `closeButton` is an optionally property with which you can close the `<Dialog>`.
-
-The `<Dialog.Controller>` should be used if you want to use the `<Dialog>` without a trigger. For example if you want to open it within a `<Menu>`.
-
-<Preview>
-  <DialogDemo />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Dialog } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'closeButton',
-      type: 'boolean',
-      description: 'Show the close button',
-      default: 'false',
-    },
-    {
-      property: 'children',
-      type: 'ReactNode',
-      description: 'Children of the component.',
-    },
-  ]}
-/>
-
-### Trigger props
-
-<PropsTable
-  props={[
-    {
-      property: 'dismissable',
-      type: 'boolean',
-      description:
-        'Whether to close the overlay when the user interacts outside it.',
-      default: 'true',
-    },
-    {
-      property: 'keyboardDismissable',
-      type: 'boolean',
-      description:
-        'Whether pressing the escape key to close the overlay should be disabled.',
-      default: 'true',
-    },
-    {
-      property: 'children',
-      type: 'ReactNode',
-      description: 'Children of the component.',
-    },
-  ]}
-/>
-
-### Controller props
-
-<PropsTable
-  props={[
-    {
-      property: 'open',
-      type: 'boolean',
-      description: 'Whether the overlay is open by default (controlled).',
-      default: 'false',
-    },
-    {
-      property: 'onOpenChange',
-      type: '(isOpen: boolean) => void',
-      description:
-        "Handler that is called when the overlay's open state changes.",
-      default: 'none',
-    },
-    {
-      property: 'dismissable',
-      type: 'boolean',
-      description:
-        'Whether to close the overlay when the user interacts outside it.',
-      default: 'true',
-    },
-    {
-      property: 'keyboardDismissable',
-      type: 'boolean',
-      description:
-        'Whether pressing the escape key to close the overlay should be disabled.',
-      default: 'true',
-    },
-    {
-      property: 'children',
-      type: 'ReactNode',
-      description: 'Children of the component.',
-    },
-  ]}
-/>
-
-## Examples
-
-### Form Dialog
-
-The example shows how to use a `<Dialog>` in a simple form context. You can see the `closeButton` is not present by default, you have to click on the buttons or on the underlay to exit the dialog.
-
-```tsx preview file=components/Dialog/dialog-form.demo.tsx
-
-```
-
-### Dismiss Dialog
-
-If you choose to add `dismissable={false}` to your `<Dialog.Trigger>`, you can't exit the dialog with clicking on the underlay. Notice to add a action button or the `closeButton` property to the `<Dialog>` as shown in the example, without that you can't click out of the dialog. You just have the possibility to use the escape key on your keyboard. But that's also a property you can set to false.
-
-```tsx preview file=components/Dialog/dialog-dismiss.demo.tsx
-
-```
-
-### Dialog opend from Menu
-
-This Example shows how to open a [`<Dialog>`](/components/dialog/) from a `<Menu.Item>`.
-For that you have not to use a `<Dialog.Trigger>`, instead use our `<Dialog.Controller>`. With that you don't have to use a `<Button>` to trigger the dialog.
-
-```tsx preview file=components/Menu/menu-open-dialog.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/divider.mdx b/docs-old/src/pages/components/divider.mdx
deleted file mode 100644
index 1f7b698e13..0000000000
--- a/docs-old/src/pages/components/divider.mdx
+++ /dev/null
@@ -1,60 +0,0 @@
----
-title: Divider
-group: Content
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Divider/Divider.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/divider.mdx
-caption: Component to seperate content.
----
-
-A `<Divider>` is a visual separator between two groups of content,
-e.g. groups of menu items or sections of a page.
-
-It has two specific variants given, `bold` and `section`. You can view some examples further down the page.
-
-<Preview>
-  <DividerText />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Divider } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable />
-
-## Examples
-
-### Divider between Text
-
-This shows the default behavior of the `<Divider>`.
-
-```tsx preview file=components/Divider/divider-text.demo.tsx
-
-```
-
-### Section Divider variant
-
-The Example shows the `variant="section"` of the `<Divider>` component. It can be used when you want to seperate some sections like e.g. `<Menu.Items>`. It has a lighter color than the default.
-
-```tsx preview file=components/Divider/divider-section.demo.tsx
-
-```
-
-### Bold Divider variant
-
-The other variant which you can use is the `bold` one. This is a stronger line than the other variant and should be used if you want a striking seperator.
-
-```tsx preview file=components/Divider/divider-bold.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/footer.mdx b/docs-old/src/pages/components/footer.mdx
deleted file mode 100644
index badf646a3f..0000000000
--- a/docs-old/src/pages/components/footer.mdx
+++ /dev/null
@@ -1,56 +0,0 @@
----
-title: Footer
-group: Content
-switchTheme: true
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Footer/Footer.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/footer.mdx
-caption: Structure for contents in a content context..
----
-
-The `<Footer>` is a content component, like the `<Header>` and `<Body>` and is used to help structure the contents of components.
-
-It's used like the HTML `<footer>` tag.
-
-The `<Footer>` typically contains information about the author of the section, copyright data or links to related documents.
-
-For additional information please read the [MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/footer) or [HMTL Living Standard Doucmentation](https://html.spec.whatwg.org/multipage/sections.html#the-footer-element)
-
-<Preview>
-  <BasicFooter />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Footer } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable />
-
-## Examples
-
-### Simple Copyright Example
-
-Simple `<Footer>` example with a copyright notice.
-
-```tsx preview file=components/Footer/copyright-footer.demo.tsx
-
-```
-
-### Footer with Links
-
-The examples shows the `<Footer>` with a list of links inside.
-
-```tsx preview file=components/Footer/list-footer.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/header.mdx b/docs-old/src/pages/components/header.mdx
deleted file mode 100644
index a62cf3832d..0000000000
--- a/docs-old/src/pages/components/header.mdx
+++ /dev/null
@@ -1,46 +0,0 @@
----
-title: Header
-group: Content
-switchTheme: true
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Header/Header.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/header.mdx
-caption: Structure for contents in a content context..
----
-
-The `<Header>` is a content component, like the `<Body>` and `<Footer>` and is used to help structure the contents of components.
-
-It's used like the HTML `<header>` tag.
-
-The `<Header>` component represents introductory content, typically a group of introductory or navigational aids. It may contain some heading elements but also a logo, a search form, an author name, and other elements.
-
-For additional information please read the [MDN Documentation](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header) or [HMTL Living Standard Doucmentation](https://html.spec.whatwg.org/multipage/sections.html#the-header-element)
-
-<Preview>
-  <BasicHeader />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Header } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable />
-
-## Examples
-
-Simple `<Header>` example with a headline and a text component
-
-```tsx preview file=components/Header/simple-header.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/headline.mdx b/docs-old/src/pages/components/headline.mdx
deleted file mode 100644
index f2c7187f59..0000000000
--- a/docs-old/src/pages/components/headline.mdx
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: Headline
-group: Content
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=899%3A1831
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Headline/Headline.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/headline.mdx
-switchTheme: true
-caption: Component for headlines.
----
-
-The main task of the `<Headline>` component is to serve as a title of a content section.
-It should be used when you want to structure different parts of informations. That could be the page title, text headings or the title of different content parts.
-
-The component has a `level` property that allows you to select a number from 1-6. This is a feature for SEO optimization, so that a rendered `level="5"` can look like a HTML H2 element.
-
-Alternatively you can set this with the `size` prop.
-With the `size` prop you can style the different levels.
-
-<Preview>
-  <Headline>Simple Headline</Headline>
-</Preview>
-
-## Usage
-
-### Import
-
-```tsx
-import { Headline } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'level',
-      type: 'string',
-      description: 'Set a different level from theme, values are from 1 - 6.',
-      default: `1`,
-    },
-    {
-      property: 'align',
-      type: 'string',
-      description: 'Set the align of the headline.',
-    },
-    {
-      property: 'color',
-      type: 'string',
-      description: 'Set the color of the headline.',
-    },
-  ]}
-/>
-
-## Examples
-
-### Headline with Text
-
-In this example you see a simple headline with some text.
-
-```tsx preview file=components/Headline/headline.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/icon.mdx b/docs-old/src/pages/components/icon.mdx
deleted file mode 100644
index c3a1300f43..0000000000
--- a/docs-old/src/pages/components/icon.mdx
+++ /dev/null
@@ -1,84 +0,0 @@
----
-title: Icon
-group: Content
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=428%3A744
-github: https://github.com/marigold-ui/marigold/tree/main/packages/icons/src
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/icon.mdx
-switchTheme: true
-caption: Component to render Icons.
----
-
-On this page you can learn how [Marigold Icons](/concepts/icons/) should be used.
-Icons itself can be used to improve visual interest and get users attention.
-
-The size of the icon can be change via the `size` prop. The default size is `24px`.
-The `fill` prop is the second attribute and defaults `currentcolor`.
-
-For a full list of the available Icons go to the [Marigold Icons](/concepts/icons/).
-
-<Preview>
-  <SomeIcons />
-</Preview>
-
-## Usage
-
-### Import
-
-Marigold Icons have a separate package to install.
-You have to install the package and use the Icons like other React components.
-
-```bash
-# with npm
-npm install @marigold/icons --save
-
-# with yarn
-yarn add @marigold/icons
-
-# with pnpm
-pnpm add @marigold/icons
-```
-
-To import a specific component you just have to use the name of the icon directly between the `< />` brackets. E.g.:
-
-```tsx
-import { DesignTicket } from '@marigold/icons';
-```
-
-Alternatively you can go to [Marigold Icons](/foundation/icons/) and click on an Icon in the list to copy them as `<svg>` Element.
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'size',
-      type: 'number',
-      description: 'Size of the icon.',
-      default: '24',
-    },
-    {
-      property: 'fill',
-      type: 'string',
-      description: 'Color of the icon.',
-      default: 'currentcolor',
-    },
-  ]}
-/>
-
-## Examples
-
-### Icon size
-
-You can set the size of the icon as shown below.
-
-```tsx preview file=components/Icon/icon-size.demo.tsx
-
-```
-
-### Icon color fill
-
-To fill in the color you can use the `fill` propery. Default value is currentcolor.
-
-```tsx preview file=components/Icon/icon-fill.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/image.mdx b/docs-old/src/pages/components/image.mdx
deleted file mode 100644
index 0cea3fcec5..0000000000
--- a/docs-old/src/pages/components/image.mdx
+++ /dev/null
@@ -1,76 +0,0 @@
----
-title: Image
-group: Content
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Image/Image.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/image.mdx
-caption: Component to render images
----
-
-The `<Image>` is a content component that renders an image on the page.
-
-The `src` property is always required. It can be used with a link or with an image from the server's file system.
-
-To improve accessibility, `alt` information should be provided whenever possible.
-The `alt` attribute holds a text description of the image and screen readers read this description out to their users so they know what the image means. The `alt` text is also displayed on the page if the image can't be loaded for some reason: for example, network errors, content blocking, or linkrot.
-
-For more information about accessibility please visit [w3.org](https://www.w3.org/WAI/tutorials/images/tips/) or [bitvtest.de](https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/9-1-1-1b-alternativtexte-fuer-grafiken-und-objekte)
-
-<Preview>
-  <BasicImage />
-</Preview>
-
-## Usage
-
-### Import
-
-```tsx
-import { Image } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'alt (required)',
-      type: 'string',
-      description:
-        'The alt tag contains descriptive text that is displayed when an image fails to load or is read aloud when a user interacts with a screen reader on the page.',
-      default: '',
-    },
-    {
-      property: 'fit',
-      type: '"contain" | "cover" | "fill" | "none" | "scale-down"',
-      description: 'Resized the Image to fit its container',
-      default: '',
-    },
-    {
-      property: 'position',
-      type: '"bottom" | "center" | "left" | "right" | "top"',
-      description: 'Position the Image inside the container when you use "fit"',
-      default: '',
-    },
-  ]}
-/>
-
-## Usage
-
-### Simple Image
-
-In this example you can see a `<Image>` Component.
-
-```tsx preview file=components/Image/image.demo.tsx
-
-```
-
-### Image with fit and position
-
-In this example, the `<Image>` gets the `<fit>` property and the `<position>` property is set to bottom. You also need to wrap the `<Image>` in a `<Ratio>` component so that the fit and position properties can be used.
-
-```tsx preview file=components/Image/image-fit-position.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/inline.mdx b/docs-old/src/pages/components/inline.mdx
deleted file mode 100644
index 68f5196acc..0000000000
--- a/docs-old/src/pages/components/inline.mdx
+++ /dev/null
@@ -1,85 +0,0 @@
----
-title: Inline
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Inline/Inline.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/inline.mdx
-caption: Component to inline elements with spaces.
----
-
-The `<Inline>` is a responsive layout component. It's inlining element with space between each element. This component uses the spaces from the given theme or a responsive string.
-
-<Preview>
-  <BasicInline />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Inline } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'space',
-      type: 'ResponsiveStyleValue<string>',
-      description: 'Space between the Inline elements.',
-      default: 'none',
-    },
-    {
-      property: 'alignY',
-      type: '`top, center, bottom` ',
-      description: 'Vertical alignment of the items inside the inline element.',
-      default: 'center',
-    },
-    {
-      property: 'alignX',
-      type: '`left, center, right` ',
-      description:
-        'Horizontal alignment of the items inside the inline element.',
-      default: 'left',
-    },
-  ]}
-/>
-
-## Examples
-
-### More than two elements
-
-If you have more than two elements you can use the `<Inline>` component. The elements are arranged according to the space required.
-
-```tsx preview file=components/Inline/inline-elements.demo.tsx
-
-```
-
-### Spacing
-
-The `<Inline>` component can be used to add spacing between elements.
-For this you need the props `space` and you can then place all components inside the `<Inline>` element.
-
-```tsx preview file=components/Inline/inline-spacing.demo.tsx
-
-```
-
-### Nested Inline
-
-`<Inline>` components can also have themselves as component. This can be used to add more spacing within the elements.
-
-```tsx preview file=components/Inline/inline-nested.demo.tsx
-
-```
-
-### Different alignment
-
-If elements need to be positioned differently on their x and y axis, this can be done with the `<Inline>` component.
-In this case one of the following props is given. Either `alignX` or `alignY`.
-
-```tsx preview file=components/Inline/inline-alignments.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/inset.mdx b/docs-old/src/pages/components/inset.mdx
deleted file mode 100644
index f56afb6403..0000000000
--- a/docs-old/src/pages/components/inset.mdx
+++ /dev/null
@@ -1,68 +0,0 @@
----
-title: Inset
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Inset/Inset.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/inset.mdx
-caption: Component to add spacing to children.
----
-
-The `<Inset>` component is a layout component that acts as a container which adds spacing around its children. It can either add equal spacing to all sides (`space`) or add horizontal (`spaceX`) and vertical (`spaceY`) spacing sepretaly.
-
-The component should be used whenever you need to add some whitespace around elements. For example, around a form or inside a [`<Card>`](/components/card/).
-
-<Preview>
-  <BasicInset />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Inset } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'space',
-      type: 'ResponsiveStyleValue<string>',
-      description: 'Space on all sides',
-      default: 'none',
-    },
-    {
-      property: 'spaceX',
-      type: 'ResponsiveStyleValue<string>',
-      description: 'Horizontal space',
-      default: 'none',
-    },
-    {
-      property: 'spaceY',
-      type: 'ResponsiveStyleValue<string>',
-      description: 'Vertical space',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Equal Spacing
-
-In order to add equal spacing to all sides use the `space` property like shown below.
-
-```tsx preview file=components/Inset/inset-equal.demo.tsx
-
-```
-
-### Horzintal and vertical Spacing
-
-If you need to only set horizontal or vertical spacing, or want a different horizontal and vertical spacing, use the `spaceX` and `spaceY` respectively.
-
-```tsx preview file=components/Inset/inset-hv.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/link.mdx b/docs-old/src/pages/components/link.mdx
deleted file mode 100644
index b091083cc0..0000000000
--- a/docs-old/src/pages/components/link.mdx
+++ /dev/null
@@ -1,103 +0,0 @@
----
-title: Link
-group: Content
-switchTheme: true
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Link/Link.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/link.mdx
-caption: Component for links
----
-
-The `<Link>` component creates a hyperlink to web pages, files, email addresses, locations in the same page, or anything else a URL can address.
-The `href` property is required. Additional you can set the `target` property.
-
-<Preview>
-  <Link href="http://www.reservix.de" target="_blank">
-    reservix.de
-  </Link>
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Link } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'as',
-      type: 'string, Component',
-      description: '',
-      default: 'a',
-    },
-    {
-      property: 'href (required)',
-      type: 'string',
-      description: 'Hypertext REFerence for your link.',
-      default: '',
-    },
-    {
-      property: 'target',
-      type: '_blank',
-      description: 'The response is displayed in a new window or tab.',
-      default: '',
-    },
-    {
-      property: 'download',
-      type: 'string',
-      description:
-        'The download attribute specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink.',
-      default: '',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: '',
-      default: 'false',
-    },
-  ]}
-/>
-
-## Examples
-
-### Standard Link
-
-The example shows a standard `<Link>`.
-
-```tsx preview file=components/Link/link-standard.demo.tsx
-
-```
-
-### Link disabled
-
-This example shows a `<Link>` component with the prop `disabled`.
-
-```tsx preview file=components/Link/link-disabled.demo.tsx
-
-```
-
-### Anchor Link
-
-This is an example of using an anchor link on the web page. If you want to use an anchor link, you must give the target the same ID (without #) as the href property in the link
-
-```tsx preview file=components/Link/link-anchor.demo.tsx
-
-```
-
-### Link with target
-
-An example of using the `target` `_blank` property. When the target is blank, the web page opens in a new tab.
-
-```tsx preview file=components/Link/link-target.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/list.mdx b/docs-old/src/pages/components/list.mdx
deleted file mode 100644
index f2aea4881c..0000000000
--- a/docs-old/src/pages/components/list.mdx
+++ /dev/null
@@ -1,73 +0,0 @@
----
-title: List
-group: Content
-switchTheme: true
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/List/List.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/list.mdx
-caption: Component for unordered or ordered list.
----
-
-The `<List>` component is used to display an unordered or ordered list.
-
-The list is divided into two parts: `<List>` and `<List.Item>`.
-By default, the application displays an unordered `(ul)` list. However, this list can also be displayed as an ordered `(ol)` list.
-
-The `<List.Items>` in unordered lists are marked with bullets and in an ordered list are marked with numbers.
-
-<Preview>
-  <SimpleList />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { List } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'as',
-      type: 'ul ⎮ ol',
-      default: 'ul',
-      description:
-        'Displaying a unordered or ordered list for showing Information',
-    },
-  ]}
-/>
-
-## Usage
-
-### Unordered list
-
-In this example you can see how to use a unordered list.
-
-```tsx preview file=components/List/simple-list.demo.tsx
-
-```
-
-### Ordered list
-
-In this example you can see how to use the `as` property for an ordered list.
-
-```tsx preview file=components/List/list-ordered.demo.tsx
-
-```
-
-### Nested Unordered List
-
-It is also possible to create a unordered nested list. Here for the `<List>` is wrapped inside the `<List.Item>`.
-
-```tsx preview file=components/List/list-unorded-stacked.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/menu.mdx b/docs-old/src/pages/components/menu.mdx
deleted file mode 100644
index 726e749c11..0000000000
--- a/docs-old/src/pages/components/menu.mdx
+++ /dev/null
@@ -1,137 +0,0 @@
----
-title: Menu
-group: Overlay
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Menu/Menu.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/menu.mdx
-caption: Component for building a menu.
-switchTheme: true
----
-
-The `<Menu>` component allows you to define a menu element. It's useful when you want a list with options or actions.
-
-It is structured in three parts: `<Menu.Trigger>`, `<Menu>` and `<Menu.Item>`. And there is a simple `<Button>` necessary for handling the menu trigger.
-
-If you want create a variant, you can style different parts of the `<Menu>` separate, there is the `container` part and the `item`.
-
-There is also a companion component called `<ActionMenu>` which you can use if you want to take some actions. You can have a look on how it works in the examples. It works quiet similar to the normal `<Menu>` component. All you have to add are the `<Menu.Item>`s.
-
-<Preview>
-  <Menu.Trigger>
-    <Button variant="menu" size="small">
-      Choose Menu
-    </Button>
-    <Menu>
-      <Menu.Item key="burger">🍔 Burger</Menu.Item>
-      <Menu.Item key="pizza">🍕 Pizza</Menu.Item>
-      <Menu.Item key="salad">🥗 Salad</Menu.Item>
-      <Menu.Item key="fries">🍟 Fries</Menu.Item>
-    </Menu>
-  </Menu.Trigger>
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Menu } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'onAction',
-      type: '(key: Key) => void',
-      description: 'Handler that should call an action.',
-      default: 'none',
-    },
-  ]}
-/>
-
-### Trigger props
-
-<PropsTable
-  props={[
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'Disables the complete menu.',
-      default: 'false',
-    },
-    {
-      property: 'open',
-      type: 'boolean',
-      description: 'Set the open state of the menu.',
-      default: 'false',
-    },
-    {
-      property: 'onOpenChange',
-      type: '() => void',
-      description:
-        "Handler that is called when the overlay's open state changes.",
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Simple Menu with Action
-
-In this example you can see a simple `<Menu>` with some items to select. After selection an action can be applied.
-
-```tsx preview file=components/Menu/menu-action.demo.tsx
-
-```
-
-### Menu with Sections
-
-To group related MenuItems, you can use `<Menu.Section>` and pass `title` for the group name.
-
-```tsx preview file=components/Menu/menu-section.demo.tsx
-
-```
-
-### Disabled Menu
-
-In this example the `<Menu.Trigger>` has set its prop `disabled`. So you can't interact with the `<Menu>` anymore.
-
-```tsx preview file=components/Menu/menu-disabled.demo.tsx
-
-```
-
-### ActionMenu
-
-In this example, an `Icon` has been inserted into the `Button` to serve as a kebab menu.
-As shown here, any type of icon can be used within the menu and there are no restrictions.
-It is very similar to the normal `<Menu>` component.
-
-```tsx preview file=components/Menu/kebab-menu.demo.tsx
-
-```
-
-### Menu with onOpenChange property
-
-Here you can see how the properties `open` and `onOpenChange` are used together with a `<Button>`. A function handles the state for the menu. You just can open the `<Menu>` with the external `<Button>` component, not with the menu button.
-A common use Case is also to open the `<Menu>` with the keyboard.
-
-```tsx preview file=components/Menu/menu-open.demo.tsx
-
-```
-
-### Menu item opens Dialog
-
-This Example shows how to open a [`<Dialog>`](/components/dialog/) from a `<Menu.Item>`.
-For that you have not to use a `<Dialog.Trigger>`, instead use our `<Dialog.Controller>`. With that you don't have to use a `<Button>` to trigger the dialog.
-
-```tsx preview file=components/Menu/menu-open-dialog.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/message.mdx b/docs-old/src/pages/components/message.mdx
deleted file mode 100644
index 49f4102660..0000000000
--- a/docs-old/src/pages/components/message.mdx
+++ /dev/null
@@ -1,72 +0,0 @@
----
-title: Message
-group: Content
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=582%3A119
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Message/Message.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/message.mdx
-switchTheme: true
-caption: Display a short message with important informations.
----
-
-The `<Message>` component is used to capture the users atention to provide information. It is meant to show only very relevant information. The title should contain the most relevant information about the message.
-
-This component should not be added on a dynymic way.
-
-There are currently three different variants of the `<Message>` component. The `info` variant is set as default. Inside the `<Message>` it lends itself to using the [`<Text>`](/componentss/text/) component.
-
-<Preview>
-  <InfoMessage />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Message } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'messageTitle (required)',
-      type: 'string',
-      default: 'none',
-      description: 'Set a message title. This is required.',
-    },
-  ]}
-/>
-
-## Examples
-
-### Info Message
-
-This is the default info `<Message>`. The color is in a blue tone and contains the [`<Info>`](/concepts/icons/#info) icon.
-
-```tsx preview file=components/Message/message-info.demo.tsx
-
-```
-
-### Warning Message
-
-Here you can see the warning `<Message>`. The color is in a yellow tone and contains the[`<Notification>`](/concepts/icons/#info) icon.
-
-```tsx preview file=components/Message/message-warn.demo.tsx
-
-```
-
-### Error Message
-
-The error `<Message>` is colored in a red tone and contains the [`<Exclamation>`](/concepts/icons/#info) icon.
-
-```tsx preview file=components/Message/message-error.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/number-field.mdx b/docs-old/src/pages/components/number-field.mdx
deleted file mode 100644
index a96ff62fc9..0000000000
--- a/docs-old/src/pages/components/number-field.mdx
+++ /dev/null
@@ -1,208 +0,0 @@
----
-title: NumberField
-group: Forms
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=3540%3A4927
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/NumberField/NumberField.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/number-field.mdx
-switchTheme: true
-caption: Component for entering numbers.
----
-
-The `<NumberField>` component allows users to enter numbers with a keyboard. This includes plain numbers as well as percentages, decimals and sums of money.
-
-It consists of a label, an input field and a help text. The latter also includes error messages.
-
-A special propertiy is the `hideStepper` prop, with that you can choose if you want to hide the buttons for adding/ removing values. You can also set all properties from the regular HTML input element.
-
-<Preview>
-  <NumberField
-    label="Try me"
-    description="You should really try this!"
-    defaultValue={9.99}
-    formatOptions={{
-      style: 'currency',
-      currency: 'EUR',
-    }}
-  />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { NumberField } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'ReactNode',
-      description: 'The label text. ',
-      default: 'none',
-    },
-    {
-      property: 'description',
-      type: 'ReactNode',
-      description: 'A helpful text.',
-      default: 'none',
-    },
-    {
-      property: 'errorMessage',
-      type: 'ReactNode',
-      description: 'An error message.',
-      default: 'none',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the field is considered invalid and if set the errorMessage is shown instead of the `description`.',
-      default: 'false',
-    },
-    {
-      property: 'value',
-      type: 'number',
-      description: 'The value of the input field.',
-      default: 'none',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'If `true`, the input is disabled.',
-      default: 'false',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'If `true`, the input is required.',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'If `true`, the input is readOnly.',
-      default: 'false',
-    },
-    {
-      property: 'onChange',
-      type: 'function',
-      description:
-        "A callback function that is called with the input's current value when the input value changes.",
-      default: 'none',
-    },
-    {
-      property: 'formatOptions',
-      type: 'Intl.NumberFormatOptions',
-      description:
-        'Apply formatting. See `Intl.NumberFormatOptions` for available options.',
-      default: 'none',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the width of the field.',
-      default: '100%',
-    },
-    {
-      property: 'minValue',
-      type: 'number',
-      description: 'Sets the minimal value of the input.',
-      default: 'none',
-    },
-    {
-      property: 'maxValue',
-      type: 'number',
-      description: 'Sets the maximal value of the input.',
-      default: 'none',
-    },
-    {
-      property: 'hideStepper',
-      type: 'boolean',
-      description: 'Property for hiding the step buttons of the field.',
-      default: 'false',
-    },
-    {
-      property: 'step',
-      type: 'number',
-      description: 'Sets the amount of steps the input should take.',
-      default: '1',
-    },
-    {
-      property: '...',
-      type: '',
-      description: 'Yes you can use all regular attributes of input!',
-      default: '',
-    },
-  ]}
-/>
-## Examples
-
-### Simple Number Field
-
-This example shows a regular `<NumberField>` without any special props.
-
-```tsx preview file=components/NumberField/number-field-simple.demo.tsx
-
-```
-
-### Disabled Number Field
-
-You can disable the `<NumberField>` so that the user can't interact with it anymore.
-
-```tsx preview file=components/NumberField/number-field-disabled.demo.tsx
-
-```
-
-### Required Number Field
-
-If you want a `<NumberField>` to be required, you just have to add the property `required`. With that the small required icon appears next to the label.
-
-```tsx preview file=components/NumberField/number-field-required.demo.tsx
-
-```
-
-### Number Field with an Error
-
-This example shows how to use the `error` with the `errorMessage`.
-
-```tsx preview file=components/NumberField/number-field-error.demo.tsx
-
-```
-
-### Min and max Values
-
-The example shows how to use the `minValue` and the `maxValue`. You can see that you can't get under "0" or above "100". If you try to, the step buttons will be disabled.
-
-```tsx preview file=components/NumberField/number-field-values.demo.tsx
-
-```
-
-### Step Amount
-
-The `step` property sets the amount of steps the input should use. Default is set to "1".
-
-```tsx preview file=components/NumberField/number-field-amount.demo.tsx
-
-```
-
-### Hide Stepper
-
-If you don't want the step buttons to appear, you can easily remove these with the `hideStepper` property.
-
-```tsx preview file=components/NumberField/number-field-hide.demo.tsx
-
-```
-
-### Display different Format Options
-
-In this example you can see how different `<NumberFields>` can look like. You can choose between all `Intl.NumberFormatOptions`. In this case you can see `percent`,`unit`, `decimal` and `currency`.
-
-```tsx preview file=components/NumberField/number-field-format.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/provider.mdx b/docs-old/src/pages/components/provider.mdx
deleted file mode 100644
index 05103f1d45..0000000000
--- a/docs-old/src/pages/components/provider.mdx
+++ /dev/null
@@ -1,98 +0,0 @@
----
-title: Provider
-group: Application
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Provider/MarigoldProvider.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/provider.mdx
-switchTheme: true
-caption: Provider which applies the theme.
----
-
-`<MarigoldProvider>` is the container for all Marigold applications. It defines the theme and other application level settings.
-Without the `<MarigoldProvider>` you can't get the theme on your components. So it is necessary to use.
-
-You just have to wrap your components around the `<MarigoldProvider>` to make it work.
-It is not possible to wrap up a `<MarigoldProvider>` into another `<MarigoldProvider>` without a `selector`. The `selector` is necessary so that the global styles are not overwritten. So the inner `<MarigoldProvider>` must have a `selector`.
-
-If you want to get more information about the setup go to [Getting Started](/introduction/getting-started/#bootstrapping).
-
-```tsx
-<MarigoldProvider theme={theme} selector="theme">
-  <Button variant="primary">Hello World!</Button>
-</MarigoldProvider>
-```
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { MarigoldProvider } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'children',
-      type: 'ReactNode',
-      default: 'none',
-      description: 'The children of the component.',
-    },
-    {
-      property: 'theme',
-      type: 'Theme',
-      default: 'none',
-      description: 'The use that should be used within the provider context.',
-    },
-    {
-      property: 'selector',
-      type: 'string',
-      default: 'none',
-      description:
-        'By default normalization is applied globally. By specifying a selector you can scope normalization and other CSS from `theme.root` to a certain element in the DOM. This is useful if you want to run your app only on a portion of the page or are cascading themes.',
-    },
-    {
-        property: 'normalizeDocument',
-        type: 'boolean',
-        default: 'true',
-        description:'Apply CSS normalization to the document (`html` and `body`)'
-
-    }
-
-]}
-/>
-
-## Examples
-
-### Provider with Button
-
-The example shows how the `<MarigoldProvider>` works. As simple as it is you just have to wrap the component around the provider and import a theme. You can click on the theme select on top of the page to see how the `<Button>` changes its theme.
-
-<Preview>
-  <Button variant="primary">Hello World!</Button>
-</Preview>
-
-```tsx
-import { Button, MarigoldProvider } from '@marigold/components';
-
-<MarigoldProvider theme={theme}>
-  <Button variant="primary">Hello World!</Button>
-</MarigoldProvider>;
-```
-
-### Provider with nested Provider
-
-If you want to use a `<MarigoldProvider>` in another `<MarigoldProvider>` you have to set a selector on the inner one. It's necessary because you have to make clear what theme to use, without it the styles would be overwritten.
-
-```tsx
-import { MarigoldProvider } from '@marigold/components';
-
-<MarigoldProvider theme={outerTheme}>
-  <MarigoldProvider theme={innerTheme} selector="#root">
-    <div id="root" />
-  </MarigoldProvider>
-</MarigoldProvider>;
-```
diff --git a/docs-old/src/pages/components/radio.mdx b/docs-old/src/pages/components/radio.mdx
deleted file mode 100644
index 482767bd71..0000000000
--- a/docs-old/src/pages/components/radio.mdx
+++ /dev/null
@@ -1,167 +0,0 @@
----
-title: Radio
-group: Forms
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=467%3A332
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Radio/Radio.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/radio.mdx
-switchTheme: true
-caption: Component which allows to select only one option from a list.
----
-
-The `<Radio>` and `<Radio.Group>` components allow users to select one option from a set of options. They are useful for presenting a list of options to users and collecting their responses.
-
-The `<Radio>` should never be used alone, there should always be at least two `<Radio>` from which you can choose. For that the `<Radio.Group>` should be wrapped around the `<Radio>`. If you want one option you could use the [`<Checkbox>`](/components/checkbox/) instead.
-
-You can apply properties to the `<Radio>` and the `<Radio.Group>`.
-
-<Preview>
-  <SimpleRadio />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import { Radio } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'value',
-      type: 'string',
-      description: 'Set the value of the radio.',
-      default: 'none%',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the radio is considered invalid and if set the `errorMessage` is shown.',
-      default: 'false',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the width of the field',
-      default: '100%',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'Set the radio disabled.',
-      default: 'false',
-    },
-  ]}
-/>
-
-### Group Props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'string',
-      description: 'Set the label of the radio group.',
-      default: 'none',
-    },
-    {
-      property: 'orientation',
-      type: 'horizontal | vertical',
-      description: 'Set the radio group direction.',
-      default: 'vertical',
-    },
-    {
-      property: 'defaultValue',
-      type: 'string',
-      description: 'Set the default value for the radio group.',
-      default: 'none',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the radio is considered invalid and if set the `errorMessage` is shown.',
-      default: 'false',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the width of the field',
-      default: '100%',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'Set the radio group as read only.',
-      default: 'false',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'Set the radio group required.',
-      default: 'false',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'Set the radio group disabled.',
-      default: 'false',
-    },
-    {
-      property: 'description',
-      type: 'string',
-      description: 'Set the radio group helptext.',
-      default: 'none',
-    },
-    {
-      property: 'errorMessage',
-      type: 'string',
-      description: 'Set the radio group error message if an error occures.',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-In this example you can see a simple `<Radio.Group>` within `<Radio>`. There is also a single `<Radio>` disabled.
-
-### Simple Radio
-
-```tsx preview file=components/Radio/radio.demo.tsx
-
-```
-
-### Disabed Radio
-
-Here you can see a complete disabled `<Radio.Group>`. You can also just disable single `<Radio>`.
-
-```tsx preview file=components/Radio/radio-disabled.demo.tsx
-
-```
-
-### Required Radio with horizontal orientation
-
-In this example the `<Radio.Group>` is required and the `orientation` is set to `horizontal`. With these props you can determine the direction of the `<Radio>` options.
-
-```tsx preview file=components/Radio/radio-required.demo.tsx
-
-```
-
-### Error Radio
-
-In this example you can see how an `errorMessage` would look on a `<RadioGroup>`.
-
-```tsx preview file=components/Radio/radio-error.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/select.mdx b/docs-old/src/pages/components/select.mdx
deleted file mode 100644
index ac475d8e66..0000000000
--- a/docs-old/src/pages/components/select.mdx
+++ /dev/null
@@ -1,146 +0,0 @@
----
-title: Select
-group: Forms
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=2596%3A2348
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Select/Select.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/select.mdx
-switchTheme: true
-caption: Dropdown for selecting an Option among different options.
----
-
-The `<Select>` is a form component to choose one option from a list. A `<Select>` must include the `<Select.Item>`. It can optionally include a `<Select.Section>`, which behaves as divider between two or more category options.
-
-It behaves similar to the [`<Menu>`](/components/menu/), but the use case is different. A `<Select>` is used in forms.
-
-<Preview>
-  <BasicSelect />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Select } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'string',
-      description: 'Set a label for the select.',
-      default: 'none',
-    },
-    {
-      property: 'placeholder',
-      type: 'string',
-      description: 'Set the placeholder for the select.',
-      default: 'Based on OS language (en and de supported)',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'Disables the select.',
-      default: 'false',
-    },
-    {
-      property: 'disabledKeys',
-      type: 'Iterable<Key>',
-      description: 'Sets selected keys disabled.',
-      default: 'none',
-    },
-    {
-      property: 'selectedKey',
-      type: 'Key',
-      description: 'The selected key of the select.',
-      default: 'none',
-    },
-    {
-      property: 'defaultSelectedKey',
-      type: 'Iterable<Key>',
-      description: 'Set a default selected key.',
-      default: 'none',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'Set the select required.',
-      default: 'false',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description: 'Allow to set an error to the select.',
-      default: 'false',
-    },
-    {
-      property: 'errorMessage',
-      type: 'string',
-      description: 'Set the error message for the select.',
-      default: '',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Set the width of the select.',
-      default: '100%',
-    },
-    {
-      property: 'onChange',
-      type: '(key: Key) => any',
-      description: 'Handler that is called when the selection changes.',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Standard Select
-
-This example shows how the `<Select>` would behave without any specific properties.
-
-```tsx preview file=components/Select/select-basic.demo.tsx
-
-```
-
-### Default selected Key (uncontrolled)
-
-If you want to have a default selected item in the `<Select>` you can set the property for it like it is in the example below.
-
-```tsx preview file=components/Select/select-default-selected.demo.tsx
-
-```
-
-### Disabled Select
-
-If you want that the user can't interact with the `<Select>` anymore you can set the `disabled` propery.
-
-```tsx preview file=components/Select/select-disabled.demo.tsx
-
-```
-
-### Disabled Keys
-
-You can also set some keys disabled, for that you have to use the `disabledKeys` property.
-
-```tsx preview file=components/Select/select-diabled-keys.demo.tsx
-
-```
-
-### Select with Sections
-
-In this example you can see how to use the `<Select.Section>` in the `<Select>` itself. A clear line appears to separate different options.
-
-```tsx preview file=components/Select/select-section.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/slider.mdx b/docs-old/src/pages/components/slider.mdx
deleted file mode 100644
index c169445e65..0000000000
--- a/docs-old/src/pages/components/slider.mdx
+++ /dev/null
@@ -1,153 +0,0 @@
----
-title: Slider
-group: Forms
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=845%3A1254
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Slider/Slider.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/slider.mdx
-switchTheme: true
-caption: Component to select a value within a range.
----
-
-The `<Slider>` is a form component that allows users to quickly select a value within a range. They should be used when the upper and lower bounds of the range are known and static.
-
-For accessibility reasons you can use the left and right arrow keys on your keyboard to select a value.
-
-<Preview>
-  <Slider
-    formatOptions={{ style: 'percent' }}
-    step={0.01}
-    maxValue={1}
-    defaultValue={[0.5]}
-    width={300}
-  >
-    Marigold Completition
-  </Slider>
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Slider } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'If true, the slider is disabled.',
-      default: 'false',
-    },
-    {
-      property: 'value',
-      type: 'number[]',
-      description: "The slider's value (controlled).",
-      default: 'none',
-    },
-    {
-      property: 'defaultValue',
-      type: 'number[]',
-      description: "The slider's default value (uncontrolled).",
-      default: 'none',
-    },
-    {
-      property: 'maxValue',
-      type: 'number',
-      description: "The slider's maximum value.",
-      default: '100',
-    },
-    {
-      property: 'step',
-      type: 'number',
-      description: "The slider's step value.",
-      default: 'none',
-    },
-    {
-      property: 'formatOptions',
-      type: 'Intl.NumberFormatOptions	',
-      description: 'Set the format for the slider. E.g. percent',
-      default: 'none',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the width of the field',
-      default: '100%',
-    },
-    {
-      property: '...',
-      type: '',
-      description:
-        'Yes you can use all regular attributes of input type = range!',
-      default: '',
-    },
-  ]}
-/>
-
-## Examples
-
-### Width
-
-Here you can see a `<Slider>` with a smaller width than the default.
-
-```tsx preview file=components/Slider/slider-width.demo.tsx
-
-```
-
-### Disabled
-
-You can also disable the `<Slider>` if you want user not to select a value.
-
-```tsx preview file=components/Slider/slider-disabled.demo.tsx
-
-```
-
-### Step
-
-This example shows how to use the `step` property. The value is set in steps of 10.
-
-```tsx preview file=components/Slider/slider-steps.demo.tsx
-
-```
-
-### Max value
-
-If you want to use a other `maxValue` than 100. You can set the property and change it to the value you want.
-
-```tsx preview file=components/Slider/slider-max.demo.tsx
-
-```
-
-### Value (controlled)
-
-This example shows how to build a controlled `<Slider>`. The `value` prop together with the `onChange` prop are used to update and set the current value. The default value in the example is set to "75", if you manually change the value it will be updated. If you want an uncontrolled `<Slider>` see the next example.
-
-```tsx preview file=components/Slider/slider-controlled.demo.tsx
-
-```
-
-### Default Value (uncontrolled)
-
-If you just set the `defaultValue` property, your `<Slider>` will be uncontrolled. In this case you don't have an `onChange` event. If you want a controlled `<Slider>` see the example above.
-
-```tsx preview file=components/Slider/slider-uncontrolled.demo.tsx
-
-```
-
-### Format Options
-
-In this example you can see which format the `<Slider>` can have. You can use all NumberFormatOptions for that.
-
-```tsx preview file=components/Slider/slider-format.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/split.mdx b/docs-old/src/pages/components/split.mdx
deleted file mode 100644
index c55eab9519..0000000000
--- a/docs-old/src/pages/components/split.mdx
+++ /dev/null
@@ -1,55 +0,0 @@
----
-title: Split
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Slider/Slider.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/slider.mdx
-caption: Component that creates spacing between two elements.
----
-
-`<Split>` is a layout component that allows to split the contents of [`<Inline>`](/components/inline/) and [`<Stack>`](/component/stack/) layouts.
-It should be used if you need to create spacing between elements.
-
-The component behaves like the common used `flex-grow` attribute.
-
-<Preview>
-  <Box css={{ px: 'small', py: 'xsmall', bg: 'gray30', borderRadius: 'large' }}>
-    <Inline space="medium">
-      <Text>Blog</Text>
-      <Text>About</Text>
-      <Split />
-      <Text>Login</Text>
-    </Inline>
-  </Box>
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Split } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable />
-
-## Examples
-
-### With Inline
-
-You can see below how to use the `<Split>` within the `<Inline>`.
-
-```tsx preview file=components/Split/split-inline.demo.tsx
-
-```
-
-### With Stack
-
-That example shows how to use the `<Split>` within the `<Stack>`.
-
-```tsx preview file=components/Split/split-stack.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/stack.mdx b/docs-old/src/pages/components/stack.mdx
deleted file mode 100644
index dc2545e4aa..0000000000
--- a/docs-old/src/pages/components/stack.mdx
+++ /dev/null
@@ -1,93 +0,0 @@
----
-title: Stack
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Stack/Stack.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/stack.mdx
-caption: Component to stack elements.
----
-
-The `<Stack>` component is a layout component that is there to stack its children. It has a flexbox context similar like the [`<Inline>`](/components/inline/).
-
-The component should be used anywhere were elements are stacked one atop another. It is also possible to nest if needed.
-
-`<Stack>` uses the spaces from the given theme, but you can use [`<Split>`](/components/split/) to add bigger spacing. You can also align the elements horizontal and vertical.
-
-<Preview>
-  <BasicStack />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Stack } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'space',
-      type: 'ResponsiveStyleValue<string>',
-      description: 'Space between the elements.',
-      default: 'none',
-    },
-    {
-      property: 'alignX',
-      type: '`none, left, right, center`',
-      description: 'Horizontal alignment for the children',
-      default: 'none',
-    },
-    {
-      property: 'alignY',
-      type: '`none, top, bottom, center`',
-      description: 'Vertical alignement for the children.',
-      default: 'none',
-    },
-    {
-      property: 'stretch',
-      type: 'boolean',
-      description:
-        'Stretch to fill space (vertical AND horizontal, useful if you want to change y alignment).',
-      default: 'false',
-    },
-  ]}
-/>
-
-## Examples
-
-### Spacing
-
-This example shows how to use the `space` property. You can see the large space between the elements.
-
-```tsx preview file=components/Stack/stack-spacing.demo.tsx
-
-```
-
-### Nested
-
-The `<Stack>` component can also be nested in another `<Stack>`. So you can build complex structures and constructs but without breaking layout.
-
-```tsx preview file=components/Stack/stack-nested.demo.tsx
-
-```
-
-### Horizontal Alignment
-
-The example shows the `alignX` prop, which is used to align the children horizontal. Options are `right`, `center` and `left`. Default is set to `none`.
-
-```tsx preview file=components/Stack/stack-horizontal.demo.tsx
-
-```
-
-### Vertical Alignment
-
-You can use the vertical alignment just with the `stretch` prop when its set to true. The `stretch` property stretches to fill the space of the element. With the vertical align you can align the children on `top`, `center` or `bottom`. Default is set to `none`.
-
-```tsx preview file=components/Stack/stack-vertical.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/svg.mdx b/docs-old/src/pages/components/svg.mdx
deleted file mode 100644
index 08bc66ba3b..0000000000
--- a/docs-old/src/pages/components/svg.mdx
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: SVG
-group: Content
-caption: SVG wrapper
-github: https://github.com/marigold-ui/marigold/blob/main/packages/system/src/components/SVG/SVG.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/svg.mdx
----
-
-With the `<SVG>` component you can pass SVG paths in it. It behaves like the usual `<svg>` element.
-
-You can use all known properties from the regular `<svg>` element.
-
-<Preview>
-  <BasicSVG />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import { SVG } from '@marigold/system';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'size',
-      type: 'number | string | number[] | string[]',
-      description: 'The size of the SVG element.',
-      default: '24',
-    },
-    {
-      property: 'fill',
-      type: 'string',
-      description: 'The color of the SVG element.',
-      default: 'currentColor',
-    },
-    {
-      property: 'css',
-      type: 'CSSObject',
-      description: 'Pass in regular CSS',
-      default: 'none',
-    },
-    {
-      property: '...',
-      type: '',
-      description: 'Yes you can use all regular attributes of svg!',
-      default: '',
-    },
-  ]}
-/>
-
-## Examples
-
-### Simple SVG
-
-In this example you can see how to use the `<SVG>` element.
-
-```tsx preview file=components/SVG/svg.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/switch.mdx b/docs-old/src/pages/components/switch.mdx
deleted file mode 100644
index 764468053a..0000000000
--- a/docs-old/src/pages/components/switch.mdx
+++ /dev/null
@@ -1,105 +0,0 @@
----
-title: Switch
-group: Forms
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=2458%3A2254
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Switch/Switch.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/switch.mdx
-switchTheme: true
-caption: Component that switches between two states.
----
-
-The `<Switch>` component allows the users to select between two states, e.g. on and off.  
-It consists of a visual selection indicator and a label.
-
-Users may click or touch a Switch to toggle the state, or use the tab key to navigate to it and the space key to toggle it.
-
-The styles are separated into some parts (container, label, thumb, track) that you can style in a custom variant.
-
-<Preview>
-  <Switch aria-label="demo-switch" />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Switch } from '@marigold/components';
-```
-
-### Apperance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'Disables the switch.',
-      default: 'false',
-    },
-    {
-      property: 'checked',
-      type: 'boolean',
-      description: 'With this prop you can set the switch checked.',
-      default: 'false',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the width of the field.',
-      default: '100%',
-    },
-    {
-      property: 'defaultChecked',
-      type: 'boolean',
-      description: 'Set the default checked status of the switch.',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'Set the switch to read only.',
-      default: 'false',
-    },
-  ]}
-/>
-
-## Examples
-
-### Default
-
-In this example you can see a simple `<Switch>` component with no properties.
-
-```tsx preview file=components/Switch/switch-basic.demo.tsx
-
-```
-
-### Active
-
-Here you can see an already active `<Switch>`. It can be used when e.g. settings options are per default set to true.
-
-```tsx preview file=components/Switch/switch-active.demo.tsx
-
-```
-
-### Disabled
-
-In this mode the user can not change the status of the `<Switch>`. It can be used e.g. if you want to disable a certain setting for some users.
-
-```tsx preview file=components/Switch/switch-disabled.demo.tsx
-
-```
-
-### Disabled (active)
-
-This mode can be used when an option is or was already active and there is a variable that does not allow the user switch to be moved from its "on" mode.
-
-```tsx preview file=components/Switch/switch-active-disabled.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/table.mdx b/docs-old/src/pages/components/table.mdx
deleted file mode 100644
index 95ebd00a14..0000000000
--- a/docs-old/src/pages/components/table.mdx
+++ /dev/null
@@ -1,143 +0,0 @@
----
-title: Table
-group: Collections
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=2387%3A1928
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Table/Table.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/table.mdx
-switchTheme: true
-caption: Component for building tables.
----
-
-The `<Table>` component allows to present data in a table format. It enhances the functionality of regular `<table>` elements with the possibility to interact and select the data, as well as, helps with accessibility by providing keyboard navigation.
-
-You can sort with the `<Table>` and add a `selectionMode` property with which you have the possibility to select entire rows.
-
-The component is divided into several parts. So there are the `<Table.Header>`, `<Table.Body>`, `<Table.Column>`, `<Table.Row>` and `<Table.Cell>`.
-
-<Preview>
-  <BasicTable />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Table } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'selectionMode',
-      type: 'none, single, multiple',
-      description: 'The type of selection that is allowed in the collection.',
-      default: 'none',
-    },
-    {
-      property: 'onSelectionChange',
-      type: '(keys: Selection) => any',
-      description: 'Handler that is called when the selection changes.',
-      default: 'none',
-    },
-    {
-      property: 'stretch',
-      type: 'boolean',
-      description: 'Stretch table to fill the container.',
-      default: 'false',
-    },
-    {
-      property: 'disabledKeys',
-      type: 'Object',
-      description: 'Disabled the selected row.',
-      default: 'none',
-    },
-    {
-      property: 'sortDescriptor',
-      type: 'Object',
-      description: 'The current sorted column and direction.',
-      default: 'none',
-    },
-    {
-      property: 'onSortChange',
-      type: 'function',
-      description: 'Handler that is called when the sort direction changes.',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Compact variant
-
-In this example you can see the variant `compact` from the theme b2b. It reduces the cell spacing. There is also another variant, which is called `expaned`, which enlarges the cells.
-The `core-Theme` has also two variants called `tableLines` and `tableBorder`.
-
-```tsx preview file=components/Table/table-compact.demo.tsx
-
-```
-
-### Selection mode single
-
-If you have set the `selectionMode` to single, then you just can select only one row of the table.
-
-```tsx preview file=components/Table/table-single-mode.demo.tsx
-
-```
-
-### Selection mode multiple
-
-This example shows how to use the `selectionMode`, but with the setting that multiple checkboxes appear and you can select as many lines as you want.
-
-```tsx preview file=components/Table/table-multi-mode.demo.tsx
-
-```
-
-### Dynamic collections
-
-You don't have to hard code the table items, you could also create a dynamic collection and iterate through it. That's what the example shows.
-
-```tsx preview file=components/Table/table-dynamic.demo.tsx
-
-```
-
-### Disabled Rows
-
-You can also disable certain rows. For that all you have to do is add the property `disabledKeys` with the certain key to the table.
-
-```tsx preview file=components/Table/table-disabled.demo.tsx
-
-```
-
-### Sorting
-
-The options to sort are ascending or descending. For this purpose the properties (`onSortChange`, `sortDescriptor`) for sorting must be specified.
-
-```tsx preview file=components/Table/table-sorting.demo.tsx
-
-```
-
-### Async sorting
-
-In this example the `<Table>` is also sortable but its build async. For that you must use the `useAsyncList` hook. The hook manages the async list data and provides convenience methods for updating the data.
-
-```tsx preview file=components/Table/table-async.demo.tsx
-
-```
-
-### Nested Columns
-
-Columns can be nested, which will result in more than one header row to be created. Note the usage of `isRowHeader` in the example below. By default, only the first column is included in the accessibility name for each row.
-
-```tsx preview file=components/Table/table-nested.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/tabs.mdx b/docs-old/src/pages/components/tabs.mdx
deleted file mode 100644
index d9cc988cba..0000000000
--- a/docs-old/src/pages/components/tabs.mdx
+++ /dev/null
@@ -1,106 +0,0 @@
----
-title: Tabs
-group: Navigation
-figma: https://www.figma.com/proto/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=3789-5187&scaling=min-zoom&page-id=3544%3A4983
-github:
-edit:
-switchTheme: false
-caption: Component for building tabs.
-badge: new
----
-
-The `<Tabs>` component allows you to organize and navigate between groups of content that are related and at the same level of hierarchy .
-
-<Preview>
-  <BasicTabs />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Tabs } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'isDisabled',
-      type: 'boolean',
-      description: 'Set All TabPanel disabled',
-      default: 'false',
-    },
-    {
-      property: 'defaultSelectedKey',
-      type: 'string',
-      description: 'Set the default selected tab',
-      default: '1',
-    },
-    {
-      property: 'selectedKey',
-      type: 'string',
-      description: 'Choose the selected tab',
-      default: 'defaultSelectedKey',
-    },
-    {
-      property: 'disabledKeys',
-      type: 'Array of keys',
-      description: 'Disable particular tabs',
-      default: 'none',
-    },
-    {
-      property: 'gap',
-      type: 'number',
-      description: 'Preset the space between the tabs',
-      default: '1',
-    },
-    {
-      property: 'keyboardActivation',
-      type: 'automatic | manual',
-      description:
-        'Whether tabs are activated automatically on focus or manually.',
-      default: 'automatic',
-    },
-    {
-      property: 'onSelectionChange',
-      type: '(key: Key) => any',
-      description: 'Callback executed when a new tab is selected.',
-      default: '-',
-    },
-  ]}
-/>
-
-## Examples
-
-### Disabled Tab
-
-A `Tab` can be disabled by setting the `isabledKeys` prop.
-
-```tsx preview file=components/Tabs/tabs-disabled.demo.tsx
-
-```
-
-### Tabs with default selected key
-
-You can choose the selected key by setting the `defaultSelectedKEy` prop.
-
-```tsx preview file=components/Tabs/tabs-selectedKey.demo.tsx
-
-```
-
-### Large Tabs Controllers
-
-You can change the size of tab controller by setting the `size` prop.
-
-```tsx preview file=components/Tabs/tabs-large.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/tag.mdx b/docs-old/src/pages/components/tag.mdx
deleted file mode 100644
index f9e97f273d..0000000000
--- a/docs-old/src/pages/components/tag.mdx
+++ /dev/null
@@ -1,96 +0,0 @@
----
-title: Tag
-group: Forms
-switchTheme: true
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/TagGroup/TagGroup.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/tag.mdx
-caption: Component for categorize content
-badge: 'new'
----
-
-A `<Tag>` is a content component. This component can be used to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request.
-
-<Preview>
-  <BasicTagDemo />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Tag } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable />
-
-### Group props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'string',
-      description: 'Set a label for the select.',
-      default: 'none',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'Set the select required.',
-      default: 'false',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description: 'Allow to set an error to the select.',
-      default: 'false',
-    },
-    {
-      property: 'errorMessage',
-      type: 'string',
-      description: 'Set the error message for the select.',
-      default: '',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Set the width of the select.',
-      default: '100%',
-    },
-    {
-      property: 'allowsRemoving',
-      type: 'boolean',
-      description: 'Displays a remove button on each tag.',
-      default: 'false',
-    },
-    {
-      property: 'onRemove',
-      type: '(key: Key) => any',
-      description: 'Handler that is called when the remove button is pressed.',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Tags with a label
-
-In this example we have the `<Tag>` component that has been given the `label`.
-
-```tsx preview file=components/Tag/label-tag.demo.tsx
-
-```
-
-### Removable tags
-
-In this example, the `<Tag>` component receives tags from a dynamic collection and can remove these tags.
-
-```tsx preview file=components/Tag/remove-tag.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/text-area.mdx b/docs-old/src/pages/components/text-area.mdx
deleted file mode 100644
index 8ebd9f7fe9..0000000000
--- a/docs-old/src/pages/components/text-area.mdx
+++ /dev/null
@@ -1,147 +0,0 @@
----
-title: TextArea
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=454%3A1
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/TextArea/TextArea.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/text-area.mdx
-group: Forms
-switchTheme: true
-caption: Component for enter multiline text.
----
-
-The `<TextArea>` is a form component which allows user to enter text with a keyboard. It consists of a label, a textarea and a help text. The latter also contains error messages.
-
-It is behaves similar to the [`<TextField>`](/components/text-field/). The properties have the identical behavior as the ones in [`<TextField>`](/components/text-field/).
-
-You can also add all usual properties from the HTML textarea element.
-
-<Preview>
-  <TextArea
-    label="Enter a story"
-    description="Anything you want to tell me!?"
-  />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { TextArea } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'ReactNode',
-      description: 'The label text.',
-      default: 'none',
-    },
-    {
-      property: 'description',
-      type: 'ReactNode',
-      description: 'A helpful text.',
-      default: 'none',
-    },
-    {
-      property: 'errorMessage',
-      type: 'ReactNode',
-      description: 'An error message.',
-      default: 'none',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If true, the is considered invalid and if set the errorMessage is shown instead of the description.',
-      default: 'false',
-    },
-    {
-      property: 'value',
-      type: 'string',
-      description: 'The value of the textarea.',
-      default: 'none',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'If true, the textarea is disabled.',
-      default: 'false',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'If true, the textarea is required.',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'If true, the textarea is readOnly.',
-      default: 'false',
-    },
-    {
-      property: 'onChange',
-      type: 'function',
-      description:
-        "A callback function that is called with the textarea's current value when the input value changes.",
-      default: 'none',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Sets the width of the textarea.',
-      default: 'none',
-    },
-    {
-      property: 'rows',
-      type: 'number',
-      description: 'Sets the number of rows from the textarea.',
-      default: 'none',
-    },
-    {
-      property: '...',
-      type: '',
-      description: 'Yes you can use all regular attributes of textarea!',
-      default: '',
-    },
-  ]}
-/>
-
-## Examples
-
-### Simple TextArea
-
-In this example you can see how a basic `<TextArea>` can look like.
-
-```tsx preview file=components/TextArea/text-area-basic.demo.tsx
-
-```
-
-### Disabled Textarea
-
-If you want to build a disabled `<TextArea>`, you have to add the `disabled` property.
-
-```tsx preview file=components/TextArea/text-area-disabled.demo.tsx
-
-```
-
-### Required Textarea
-
-The `required` property adds an required icon to the label. You can also see that the `rows` prop is set to 6 lines.
-
-```tsx preview file=components/TextArea/text-area-req.demo.tsx
-
-```
-
-### Error Textarea
-
-The example shows how to set the `error` and `errorMessage` properties. If you fill the texarea correctly, it will disappear automatically.
-
-```tsx preview file=components/TextArea/text-area-error.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/text-field.mdx b/docs-old/src/pages/components/text-field.mdx
deleted file mode 100644
index 089b65f6bf..0000000000
--- a/docs-old/src/pages/components/text-field.mdx
+++ /dev/null
@@ -1,169 +0,0 @@
----
-title: TextField
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=340%3A0
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/TextField/TextField.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/text-field.mdx
-group: Forms
-switchTheme: true
-caption: Component for input forms.
----
-
-The `<TextField>` is a form component which allows user to enter text with a keyboard. It consists of a label, an input field and a help text. The latter also contains error messages.
-
-It has many properties that it brings with it. You can set label for labeling the `<TextField>` itself, a `description` which behaves as help text. It is also possible to add error messages by adding the `error` and `errorMessage` prop. Another often used property is the `required` prop. You can also write all other HTML input properties down.
-
-The `<FieldGroup>` is a component to layout the label and the fieldbase itself. On that you can use `labelWidth` which is a string type to set the width of the label. Because the label is set to the left side in the core theme, it has only an impact on that.
-
-<Preview>
-  <TextField label="Try me" description="You should really try this!" />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { TextField } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'label',
-      type: 'ReactNode',
-      description:
-        "The label text. If you don't want to visually display a label, provide an `aria-label` or `aria-labelledby` attribute for accessibility.",
-      default: 'none',
-    },
-    {
-      property: 'description',
-      type: 'ReactNode',
-      description: 'A helpful text.',
-      default: 'none',
-    },
-    {
-      property: 'errorMessage',
-      type: 'ReactNode',
-      description: 'An error message.',
-      default: 'none',
-    },
-    {
-      property: 'error',
-      type: 'boolean',
-      description:
-        'If `true`, the field is considered invalid and if set the `errorMessage` is shown instead of the `description`.',
-      default: 'false',
-    },
-    {
-      property: 'value',
-      type: 'string',
-      description: 'The value of the input field.',
-      default: 'none',
-    },
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'If `true`, the input is disabled.',
-      default: 'false',
-    },
-    {
-      property: 'required',
-      type: 'boolean',
-      description: 'If `true`, the input is required',
-      default: 'false',
-    },
-    {
-      property: 'readOnly',
-      type: 'boolean',
-      description: 'If `true`, the input is readOnly.',
-      default: 'false',
-    },
-    {
-      property: 'type',
-      type: 'string',
-      description: 'The type of the input field.',
-      default: 'text',
-    },
-    {
-      property: 'onChange',
-      type: 'function',
-      description:
-        "A callback function that is called with the input's current value when the input `value` changes.",
-      default: 'none',
-    },
-    {
-      property: 'width',
-      type: 'string',
-      description: 'Control the `width` of the field.',
-      default: '100%',
-    },
-    {
-      property: '...',
-      type: '',
-      description: 'Yes you can use all regular attributes of `input!`',
-      default: '',
-    },
-  ]}
-/>
-
-## Examples
-
-### Simple Text Field
-
-This is how a basic `<TextField>` can look like.
-
-```tsx preview file=components/TextField/textfield-basic.demo.tsx
-
-```
-
-### Disabled Text Field
-
-If you want to implement a disabled `<TextField>` you have to add the `disabled` property.
-
-```tsx preview file=components/TextField/textfield-disabled.demo.tsx
-
-```
-
-### Required Text Field
-
-The `required` property adds an required icon to the label.
-
-```tsx preview file=components/TextField/textfield-req.demo.tsx
-
-```
-
-### Text Field with an Error
-
-The example shows how to set the `error` and `errorMessage` properties. If you fill in the field correctly, it will disappear automatically.
-
-```tsx preview file=components/TextField/textfield-error.demo.tsx
-
-```
-
-### Not every number is a `number`!
-
-[Just because the input contains numbers, it is not necessarily correctly to use `input[type=number]`!](https://www.coywolf.news/webmaster/accessible-number-input/) You can also see in the example how the `errorMessage` behaves if a false value is written in the input and how many possibilities you have using props.
-
-```tsx preview file=components/TextField/textfield-number.demo.tsx
-
-```
-
-### Use different input methods
-
-In this example you can see different types of inputs, like email, date or telephone number.
-
-```tsx preview file=components/TextField/textfield-types.demo.tsx
-
-```
-
-### Using with FieldGroup
-
-This example shows how to use the `<FieldGroup>` together with some form components like the `<TextField>` and `<Radio>`. It is build for the Core and has only impact of that.
-
-```tsx preview file=components/TextField/textfield-group.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/text.mdx b/docs-old/src/pages/components/text.mdx
deleted file mode 100644
index 124104b5b9..0000000000
--- a/docs-old/src/pages/components/text.mdx
+++ /dev/null
@@ -1,97 +0,0 @@
----
-title: Text
-group: Content
-switchTheme: true
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Text/Text.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/text.mdx
-caption: Component for paragraphs.
----
-
-With the `<Text>` component you can easily add different HTML paragraph elements. It should be used when you want to write long text paragraphs.
-
-You can add properties like `align`, `color` or `fontSize` to the `<Text>`. You also have the opportunity to add sizes and custom variants to the component.
-
-<Preview>
-  <BasicText />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Text } from '@marigold/components';
-```
-
-### AppearanceTable
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'align',
-      type: 'string',
-      description: 'Aligns the text.',
-      default: 'none',
-    },
-    {
-      property: 'color',
-      type: 'string',
-      description: 'Set the text color.',
-      default: 'currentColor',
-    },
-    {
-      property: 'cursor',
-      type: 'string',
-      description: 'Set the cursor for the text element.',
-      default: 'text',
-    },
-    {
-      property: 'outline',
-      type: 'string',
-      description: 'Set the outline for the text element.',
-      default: 'none',
-    },
-    {
-      property: 'fontSize',
-      type: 'string',
-      description: 'Set the font size for the text element.',
-      default: 'none',
-    },
-    {
-      property: 'fontWeight',
-      type: 'string',
-      description: 'Set the font weight for the text element.',
-      default: 'none',
-    },
-    {
-      property: 'fontStyle',
-      type: 'string',
-      description: 'Set the font style for the text element.',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Default paragraph Text
-
-Here you can see a typical text section.
-
-```tsx preview file=components/Text/text-default.demo.tsx
-
-```
-
-### Colored Text
-
-This `<Text>` element has the property `color` with it.
-
-```tsx preview file=components/Text/text-color.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/tiles.mdx b/docs-old/src/pages/components/tiles.mdx
deleted file mode 100644
index a34495979f..0000000000
--- a/docs-old/src/pages/components/tiles.mdx
+++ /dev/null
@@ -1,121 +0,0 @@
----
-title: Tiles
-group: Layout
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Tiles/Tiles.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/tiles.mdx
-caption: For structuring layout as a responsive grid.
----
-
-The `<Tiles>` component is related to the CSS grid context. Use the `<Tiles>` if you want to layout some items in a responsive way.
-
-It should be noted that `<Tiles>` is used for children with the same width. If you want to set different widths for the children use [`<Columns>`](/components/columns/) instead.
-
-It's possible to display the children elements with some spacing or set a minimum width for all items inside `<Tiles>`.
-
-<Preview>
-  <Tiles space="small" tilesWidth="200px">
-    <Box
-      css={{ border: '1px solid #ced4da', bg: '#e9ecef', height: '100px' }}
-    />
-    <Box
-      css={{ border: '1px solid #ced4da', bg: '#e9ecef', height: '100px' }}
-    />
-    <Box
-      css={{ border: '1px solid #ced4da', bg: '#e9ecef', height: '100px' }}
-    />
-    <Box
-      css={{ border: '1px solid #ced4da', bg: '#e9ecef', height: '100px' }}
-    />
-    <Box
-      css={{ border: '1px solid #ced4da', bg: '#e9ecef', height: '100px' }}
-    />
-    <Box
-      css={{ border: '1px solid #ced4da', bg: '#e9ecef', height: '100px' }}
-    />
-  </Tiles>
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Tiles } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'space',
-      type: 'ResponsiveStyleValue<string>',
-      description: 'Set space between items',
-      default: 'none',
-    },
-    {
-      property: 'tilesWidth',
-      type: 'string',
-      description: 'Set minimum width for all items inside',
-      default: '250px',
-    },
-    {
-      property: 'equalHeight',
-      type: 'boolean',
-      description:
-        'If you set equalHeight, all items will have the size of the biggest item',
-      default: 'false',
-    },
-    {
-      property: 'stretch',
-      type: 'boolean',
-      description:
-        'Tiles will take stretch to available width and will distribute their width equally. Note that this can make them wider than the specified tiles width, but not smaller than the given "itemWidth". Basically this is full responsive mode.',
-      default: 'false',
-    },
-  ]}
-/>
-
-## Examples
-
-### Spacing Tiles
-
-An example on how to use the `space` prop. The default is none. You can set it to any value.
-
-```tsx preview file=components/Tiles/tiles-spacing.demo.tsx
-
-```
-
-### Tiles with tilesWidth
-
-This Example shows how to use the `tilesWidth` property on `<Tiles>`.
-
-```tsx preview file=components/Tiles/tiles-itemwidth.demo.tsx
-
-```
-
-### Tiles with equal Heights
-
-The Example shows how to use the `equalHeight` property, which is a boolean that can be used to size the items of the `<Tiles>`. You can see that all items have the size of the large Pikachu card. It is necessary if you want all items in the largest size of a child.
-
-```tsx preview file=components/Tiles/tiles-autoRows.demo.tsx
-
-```
-
-### Tiles with and without stretch
-
-Using the `stretch` property will make the tiles fully responsive. Meaning, they will distribute available width between them while not getting smaller then the given `tilesWidth`,
-
-```tsx preview file=components/Tiles/tiles-stretch.demo.tsx
-
-```
-
-### Complexe Tiles with Boxes and Stacks
-
-A full example of a use case with `<Tiles>` and `<Card>` inside it.
-
-```tsx preview file=components/Tiles/tiles-complex.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/tooltip.mdx b/docs-old/src/pages/components/tooltip.mdx
deleted file mode 100644
index e1537190a2..0000000000
--- a/docs-old/src/pages/components/tooltip.mdx
+++ /dev/null
@@ -1,124 +0,0 @@
----
-title: Tooltip
-figma: https://www.figma.com/file/DFKyTGHAoDxOsUBPszLLxP/%F0%9F%8F%B5%EF%B8%8FMarigold?node-id=2461%3A2378
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/Tooltip/Tooltip.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/tooltip.mdx
-group: Overlay
-switchTheme: true
-caption: Component for displaying short information.
----
-
-The `<Tooltip>` components allows to provide additional information to that user. For that the `<Tooltip>` is divided into a `<Tooltip.Trigger>` and the `<Tooltip>` itself. You need to wrap the trigger around the `<Tooltip>` and a simple button, which is necessary for handle actions.
-
-You should use the `<Tooltip>` if you want to show helpful, short information to the user.
-
-<Preview>
-  <Tooltip.Trigger>
-    <Button variant="primary">
-      <Text>Hover Me</Text>
-    </Button>
-    <Tooltip>Tooltip</Tooltip>
-  </Tooltip.Trigger>
-</Preview>
-
-## Usage
-
-To import the component you just have to use this code below.
-
-```tsx
-import { Tooltip } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Trigger Props
-
-<PropsTable
-  props={[
-    {
-      property: 'disabled',
-      type: 'boolean',
-      description: 'Disables the tooltip.',
-      default: 'false',
-    },
-    {
-      property: 'offset',
-      type: 'number',
-      description: 'Sets the offset of the tooltip.',
-      default: 'none',
-    },
-    {
-      property: 'crossOffset',
-      type: 'number',
-      description: 'Sets the crossOffset of the tooltip.',
-      default: 'none',
-    },
-    {
-      property: 'delay',
-      type: 'number',
-      description: 'Sets the delay with which the tooltip should appear.',
-      default: '1000',
-    },
-    {
-      property: 'trigger',
-      type: 'focus',
-      description:
-        'Sets the trigger behavior of the tooltip. Can be switched to just focus.',
-      default: 'undefined',
-    },
-    {
-      property: 'placement',
-      type: 'top, bottom, left, right',
-      description: 'Sets the placement of the tooltip',
-      default: 'top',
-    },
-    {
-      property: 'open',
-      type: 'boolean',
-      description: 'Sets the open state of the tooltip.',
-      default: 'undefined',
-    },
-    {
-      property: 'onOpenChange',
-      type: 'function',
-      description: 'Handles the the open state of the tooltip.',
-      default: 'none',
-    },
-  ]}
-/>
-
-## Examples
-
-### Default Tooltip
-
-Here you can see a simple `<Tooltip>` use case. You can hover or tab the button to see the tooltip message.
-
-```tsx preview file=components/Tooltip/tooltip-basic.demo.tsx
-
-```
-
-### Tooltip with custom placement
-
-In this example the placement of the `<Tooltip>` is set to the right. By default it is set to the top. If there isn't enough space for the placement it moves to the bottom.
-
-```tsx preview file=components/Tooltip/tooltip-custom.demo.tsx
-
-```
-
-### Tooltip only shows when focused
-
-You can use the property `trigger` to the `<Tooltip.Trigger>` and setting it to `focus`. With that you can't hover it anymore, you have to tab in with the keyboard.
-
-```tsx preview file=components/Tooltip/tooltip-focus.demo.tsx
-
-```
-
-### Controlled Tooltip
-
-The open state of the tooltip can be controlled via the `open` and `onOpenChange` props.
-
-```tsx preview file=components/Tooltip/tooltip-pressed.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/visually-hidden.mdx b/docs-old/src/pages/components/visually-hidden.mdx
deleted file mode 100644
index 91ccd62aa1..0000000000
--- a/docs-old/src/pages/components/visually-hidden.mdx
+++ /dev/null
@@ -1,40 +0,0 @@
----
-title: VisuallyHidden
-group: Content
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/VisuallyHidden/VisuallyHidden.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/visually-hidden.mdx
-caption: Component to hide its children.
----
-
-`<VisuallyHidden>` is a utility component that can be used to hide its children visually, while keeping them visible to screen readers and other assistive technology.
-
-This would typically be used when you want to take advantage of the behavior and semantics of a native element like a checkbox or radio button, but replace it with a custom styled element visually.
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx
-import { VisuallyHidden } from '@marigold/components';
-```
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'isFocusable',
-      type: 'boolean',
-      description: 'Whether the element should become visible on focus.',
-      default: 'false',
-    },
-  ]}
-/>
-
-## Examples
-
-```tsx preview file=components/VisuallyHidden/visually-hidden.demo.tsx
-
-```
diff --git a/docs-old/src/pages/components/xloader.mdx b/docs-old/src/pages/components/xloader.mdx
deleted file mode 100644
index c960f79eb1..0000000000
--- a/docs-old/src/pages/components/xloader.mdx
+++ /dev/null
@@ -1,66 +0,0 @@
----
-title: XLoader
-group: Content
-caption: Should be used for loading state.
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/XLoader/XLoader.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/xloader.mdx
-switchTheme: true
----
-
-The `<XLoader>` component, is a simple `<SVG>` that should be used for loading states.
-It should be displayed when the user is waiting for an upcoming event.
-
-You can use all regular attributes of the `<SVG>`.
-
-<Preview>
-  <BasicXLoader />
-</Preview>
-
-## Usage
-
-### Import
-
-To import the component you just have to use this code below.
-
-```tsx onlyCode
-import { XLoader } from '@marigold/components';
-```
-
-### Appearance
-
-<AppearanceTable component={title} />
-
-### Props
-
-<PropsTable
-  props={[
-    {
-      property: 'fill',
-      type: 'string',
-      description: 'Set the color of the loader.',
-      default: 'none',
-    },
-    {
-      property: 'size',
-      type: 'string | number',
-      description: 'Set the width and height of the loader.',
-      default: '150',
-    },
-    {
-      property: '...',
-      type: '',
-      description: 'Yes! You can use all regular properties of svg!',
-      default: '',
-    },
-  ]}
-/>
-
-## Examples
-
-### Use case name
-
-In this Example you can see how to use the `fill` and `size` property of the `<XLoader>`.
-
-```tsx preview file=components/XLoader/XLoader-props.demo.tsx
-
-```
diff --git a/docs-old/src/pages/concepts/building-forms.mdx b/docs-old/src/pages/concepts/building-forms.mdx
deleted file mode 100644
index 7b1f5516ea..0000000000
--- a/docs-old/src/pages/concepts/building-forms.mdx
+++ /dev/null
@@ -1,99 +0,0 @@
----
-title: Building Forms
-caption: This page should introduce you on how to build forms with Marigold.
-switchTheme: true
----
-
-## Marigold Form Components
-
-Form components are individual elements that make up a form, such as text fields, checkboxes, radio buttons, select fields, text areas and buttons. They allow user input, selection and actions.
-
-Marigold has a set of form components that you can use to build your form.
-
-- [Autocomplete](/components/autocomplete)
-- [Button](/components/button)
-- [Checkbox](/components/checkbox)
-- [NumberField](/components/number-field)
-- [Radio](/components/radio)
-- [Select](/components/select)
-- [Slider](/components/slider)
-- [Switch](/components/switch)
-- [TextArea](/components/text-area)
-- [TextField](/components/text-field)
-
-## How to layout a form?
-
-A form layout should be structured in a logical and easy-to-understand manner.
-This typically includes grouping related fields together, using clear and concise labels for each field, and providing clear instructions for filling out the form. Additionally, it is important to consider the overall layout of the form, including the use of white space and the placement of buttons and other elements.
-Accessibility best practices should be followed, such as providing clear, descriptive labels and ensuring that form fields are appropriately labeled and structured for screen readers.
-
-Here you can see how to layout a classic form with Marigold's `<TextField>` and `<Select>` components.
-
-If you want to see more examples of forms with Marigold, check out our recipes: [ Marigold Form Recipes](/recipes/form-recipes)
-
-```tsx preview file=concepts/layout-forms.demo.tsx
-
-```
-
-## Controlled or uncontrolled Components?
-
-In React, there are two main types of form components: controlled and uncontrolled.
-Controlled components are controlled via React state (e.g. `useState`). Any changes to the value will update the state variable. This happens when the user interacts with a component and an event handler is called, `onChange` for example.
-Uncontrolled components don't use any state to update. You can use props like `defaultValue` or `defaultChecked` to set their initial value.
-
-When the state or props change, React will automatically re-render the component with its new data. This is called [data-binding](https://www.joshwcomeau.com/react/data-binding/). Components recive data from its parents component and update their output in response to changes in that data by using state and props, this allows to have a dynamic and reactive user interface.
-
-## Interactive Forms
-
-Interactve forms can have several features like error validation, real-time feedback (password-stregth indicator), logic (hide fields if a several field is checked etc.) or autocomplete.
-All these features help to make interactive fields more user friendly and more efficient.
-
-### Error Handling
-
-Marigold's form components comes with the `error` prop. You can use it to show or hide the error message (`errorMessage`). If no error is present the field will display a help text (`description`), if given, instead.
-
-In this example below you can have an example on how to check if the E-Mail adress is correctly filled.
-Try out and type something!
-
-```tsx preview file=concepts/error-handling.demo.tsx
-
-```
-
-### Logical Interaction
-
-You can have interactive forms which contains logical aspects. In this example you can interact with the `<Select>` and a new component `<Checkbox>` will appear. You can try out and switch the value of the select field.
-
-```tsx preview file=concepts/logical-interaction.demo.tsx
-
-```
-
-## Submitting a form
-
-In this example you can see how a form with all its fields can be submitted. The submitted data will be displayed in an alert message.
-
-For validating the form we are using [`zod`](https://zod.dev/). It is a library for building schemas, which can be used to validate inputs. It is especially useful when you have more complex validation rules.
-
-```tsx preview file=concepts/building-forms-zod.demo.tsx
-
-```
-
-## Handling complex forms and form state
-
-You can simplify form handling in your React components and avoid repetitive tasks such as manually updating the form state, validating user inputs, and handling form submissions.
-We decided to use `react-form-hook` for this because its reducing re-renders caused by state updates, you don't have much to configure and supports integrating UI libraries.
-For the later we use the `<Controller>` component from `react-hook-form`, which must be wrapped around each Marigold component that should submits data.
-
-In the formular we have used `<TextField>`, `<Select>` and `<Checkbox>` components. These components are wrapped around with the `<Controller>` component from `react-hook-form`. The `<Controller>` component acts as a bridge between the form element and the `react-hook-form` state management. It updates the `react-hook-form` state whenever the value of the form element changes.
-
-```tsx preview file=concepts/building-forms-hook-form.demo.tsx
-
-```
-
-### How to do validation and error signaling
-
-Some fields are required and throw error messages if you don't fill them out.
-For this to work, `react-hook-form` has a property `formState`, which contains the boolean `isValid`. This prop is set to `true` if the form doesn't have errors. `isValid` will always observe the entire form to validate.
-
-We don't explicit need to use a `onChange` event, instead of using useState and set a value we used directly `defaultValue`. With that the component is a uncontrolled component, it never gets undefined or null.
-
-There are `rules` that can be applied on the components to trigger the validation, e.g. `required: true`. Our Marigold form components already have error properties and error messages build in. Now it should be combined. In the `handleSubmit` function we check if the recived data is valid, if that isn't the case we give the error value to the component and display the error message.
diff --git a/docs-old/src/pages/concepts/css-in-js.mdx b/docs-old/src/pages/concepts/css-in-js.mdx
deleted file mode 100644
index 81d477507a..0000000000
--- a/docs-old/src/pages/concepts/css-in-js.mdx
+++ /dev/null
@@ -1,47 +0,0 @@
----
-title: CSS-in-JS
----
-
-## What's CSS-in-JS?
-
-CSS-in-JS follows the principle of putting your CSS styles directly into your components instead of stylesheets.
-You can write CSS in JavaScript syntax and take full advantage of the JS ecosystem.
-Marigold uses the CSS-in-JS library called [Emotion](https://emotion.sh/docs/introduction).
-CSS-in-JS is actually a JavaScript library that bundles every JavaScript component with all associated CSS rules and dependencies.
-
-## Why do we use CSS-in-JS?
-
-### Scoped CSS
-
-All CSS-in-JS libraries automatically generate unique names for CSS classes.
-Styles applied in Marigold components are applied only to that component.
-Styling outside the component is completely unaffected.
-This prevents CSS classnames from colliding and reduces the effort required to find a suitable classname.
-
-### No inline styles
-
-With CSS-in-JS, no styles are assigned within the HTML. We do **not** use style props like `<div style={{ padding: '8px' }}>`.
-This gives us the following advantages: Responsive designs, which are not possible with inline styles, can be used with CSS-in-JS.
-Also, pseudo-classes, pseudo-elements and media queries can be used.
-In addition, inline styles are generally considered less performant than classnames.
-
-### Server-Side-Rendering
-
-The Marigold Design System is created using [Gatsby](https://www.gatsbyjs.com/) and supports SSR.
-During SSR, only the styles required to render the initial view are added to the HTML document. Dynamic styles are removed to reduce the amount of code.
-This has a positive impact on performance, since no separate CSS file needs to be retrieved from the server to block the rendering process.
-
-### The className property
-
-Marigold theme styles are applied with a classname. Emotion outputs the classnames as a string, which can then be assigned to HTML elements like this:
-`<button class='css-ase7ea css-1nt0tt7'>`.
-The principle is to first define styles and then apply them to the component that is to be styled.
-
-## What is CSS-in-JS not?
-
-CSS-in-JS does not obviate the need to understand the following:
-
-- How styles are applied to the DOM
-- How inheritance works
-- How CSS properties work
-- How CSS layout works
diff --git a/docs-old/src/pages/concepts/icons.mdx b/docs-old/src/pages/concepts/icons.mdx
deleted file mode 100644
index 29e1f78ccd..0000000000
--- a/docs-old/src/pages/concepts/icons.mdx
+++ /dev/null
@@ -1,153 +0,0 @@
----
-title: Icons
----
-
-Select a Marigold icon and use it as described [here](../../components/icon)
-or click on an Icon in the list to copy them as `<svg>` Element.
-
-## UI
-
-<IconList
-  icons={[
-    'ArrowUp',
-    'ArrowRight',
-    'ArrowDown',
-    'ArrowLeft',
-    'ChevronUp',
-    'ChevronRight',
-    'ChevronDown',
-    'ChevronLeft',
-    'SettingDots',
-    'Check',
-    'Add',
-    'Remove',
-    'IconMore',
-    'Search',
-    'SquareUnchecked',
-    'SquareChecked',
-    'ExternalLink',
-    'Eye',
-    'Filter',
-    'BurgerMenu',
-    'Delete',
-    'Close',
-    'CircleUnchecked',
-    'CircleChecked',
-  ]}
-/>
-
-## Info
-
-<IconList
-  icons={[
-    'Accessible',
-    'AutoRenew',
-    'Banned',
-    'BatteryCharging',
-    'BatteryFull',
-    'BatteryHalf',
-    'BatteryEmpty',
-    'Bus',
-    'Calendar',
-    'Camera',
-    'Clock',
-    'Direction',
-    'Email',
-    'EventDate',
-    'Exclamation',
-    'Feedback',
-    'Food',
-    'Globe',
-    'Home',
-    'Info',
-    'Marker',
-    'MobilePhone',
-    'MobileSignal',
-    'Notification',
-    'Parking',
-    'Required',
-    'ResaleLogbook',
-    'Spinner',
-    'Thumb',
-    'Truck',
-    'Wifi',
-  ]}
-/>
-
-## Action
-
-<IconList
-  icons={[
-    'Cancel',
-    'Crop',
-    'Edit',
-    'FormatBold',
-    'FormatItalic',
-    'FormatSize',
-    'HighlightOff',
-    'Picture',
-    'Location',
-    'Lock',
-    'LockOpen',
-    'Logout',
-    'Pause',
-    'PauseAlt',
-    'Play',
-    'PlayAlt',
-    'Restart',
-    'ResaleEdit',
-    'RotateLeft',
-    'RotateRight',
-    'Save',
-    'Sort',
-    'SortDown',
-    'SortUp',
-    'Star',
-    'Stop',
-    'Underlined',
-    'Zoom',
-  ]}
-/>
-
-## Ticketing
-
-<IconList
-  icons={[
-    'Deal',
-    'DesignTicket',
-    'GiftCard',
-    'Membership',
-    'Pickup',
-    'Price',
-    'Resale',
-    'Scanner',
-    'Seat',
-    'Selling',
-    'Ticket',
-    'TicketInsurance',
-    'Turnstile',
-  ]}
-/>
-
-## User
-
-<IconList
-  icons={[
-    'User',
-    'Group',
-    'Cart',
-    'CreditCard',
-    'SmilieVerySatisfied',
-    'SmilieSatisfied',
-    'SmilieNeutral',
-    'SmilieDissatisfied',
-    'SmilieVeryDissatisfied',
-    'Id',
-  ]}
-/>
-
-## Social
-
-<IconList
-  icons={['Facebook', 'Google', 'Instagram', 'Share', 'Twitter', 'Whatsapp']}
-/>
diff --git a/docs-old/src/pages/concepts/layouts.mdx b/docs-old/src/pages/concepts/layouts.mdx
deleted file mode 100644
index 093e5e9a3a..0000000000
--- a/docs-old/src/pages/concepts/layouts.mdx
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: Layouts
-caption: Learn about how layouting is handled in Marigold
----
-
-Having a comprehensive collection of reusable components for common tasks (like buttons, cards and form fields) is great but it's not enough to build a whole application. An essential part is missing: components to build layout for application pages.
-
-A typically solution is to provide a `<Flex>` or `<Grid>` component for creating arbitrary layouts. However, in order to use those components efficiently developers need to have an intimate knowledge of `flex-box` and `grid`, including all their related properties.
-
-Although this gives app developers incredible freedom, it will also leave the burden on them to research and implement necessary layout patterns, while at the same time make them reusable and responsive.
-
-## Atomic Layouts
-
-Because layout patterns are such an essential part of building great applications, Marigold comes with a set of _layout components_ that will cover almost, if not all, necessary patterns.
-
-<LayoutsDemo />
-
-The majority of layouts used on the web are not that unique. They often can be broken down into just a handful of layout patterns, which then can be combined to achieve more complex layout structures.
-
-Each of Marigold's layout components is build to do one layout pattern well. Like all Marigold's component, they are composable so that they can be combined until the desired layout is achieved. This makes it possible to build more complex layouts from just the given set of atomic layout components.
-
-## Isolating Layouts
-
-The move to [component-based development](https://www.componentdriven.org/) has enabled a ton of incredible improvements when it comes to building digital user interfaces. It changed the way how we think about building applications entirely. In combination with the principles from [Atomic Design](https://atomicdesign.bradfrost.com/) we are no longer building applications page by page. Instead we are focusing on constructing applications by using reusable pieces of UI (a.k.a. components). This not only improves the overall user experience and quality, it also boosts the velocity and convenience of development with which digital products get build.
-
-A majority of the CSS layout patterns unfortunately predate this way of developing applications and as a result breaks the [modularity and composition assumptions of components](https://addyosmani.com/first/). CSS properties like `margin`, `flex-direction` or `align-self` that affect, or are affected by, elements outside of a component boundary will cause them to not appear as intended. Because of this, some people go as far as [considering margin as harmful](https://mxstbr.com/thoughts/margin/) and advice against its usage.
-
-> “Components shouldn't contain surrounding whitespace”
->
-> — Mark Dalgleish, Rethinking Design Practices
-
-To avoid unexpected behavior and layout shifts, Marigold follows this principle. Managing whitespace, as well as positioning and arranging components is reserved for Marigold's layout components. This approach ensures that components are as composable as possible while keeping white space predictable.
-
-## Layout Components
-
-The components listed below can be nested within each other any number of times to create a wide variety of common layouts. Being familiar with these components is an essential part of working effectively with Marigold.
-
-- [Aside](../components/aside)
-- [Aspect](../components/aspect)
-- [Box](../components/box)
-- [Breakout](../components/breakout)
-- [Center](../components/center)
-- [Columns](../components/columns)
-- [Container](../components/container)
-- [Divider](../components/divider)
-- [Inline](../components/inline)
-- [Split](../components/split)
-- [Stack](../components/stack)
-- [Tiles](../components/tiles)
diff --git a/docs-old/src/pages/concepts/styling.mdx b/docs-old/src/pages/concepts/styling.mdx
deleted file mode 100644
index a5427e531c..0000000000
--- a/docs-old/src/pages/concepts/styling.mdx
+++ /dev/null
@@ -1,400 +0,0 @@
----
-title: Styling
-caption: Learn about the theme object and styling in Marigold.
----
-
-Marigold strictly separates the logic of components from their appearance. By default, every component comes with only basic styling that mostly serves to normalize the appearance between browsers. The main concern of a component is to manage its logic and accessibility features associated with its use case.
-
-To give components a certain appearance, we use what are called "themes." Themes are the other half of the equation, as they contain all design tokens and define which styles are applied to a certain component.
-
-This separation enables styling of components to extend beyond just changing design tokens. With Marigold themes, full control over the CSS of each component is allowed, enabling them to be perfectly adjusted and fitted to a corporate identity.
-
-The upcoming sections will explain how themes are constructed, and how design tokens can be used to style components. To learn more about how to apply an existing theme in Marigold, visit the [theming page](/introduction/theming/).
-
-## Theme Specification
-
-Marigold's themes are based on the [Styled System Theme Specification](https://styled-system.com/theme-specification/). This ensures that themes created for Marigold are suitable for white-label applications and general-purpose theming.
-
-The theme is represented as a plain object (JSON) and consists of the following data types:
-
-- _Tokens:_ plain objects or arrays of values that for related CSS properties
-- _Breakpoints:_ array of values (preferably using the `em` unit) that define the breakpoints for responsvie style values
-- _Root:_ plain object that contains styles with are applied to the root of an app using Marigold
-- _Component styles:_ a collection of styles for each Marigold component
-
-### Tokens
-
-The theme object is made up of the following tokens (i.e. property-specific objects) for use in CSS styles.
-
-<Table variant="lines" aria-label="List of theme tokens">
-  <Table.Header>
-    <Table.Column>Token Name</Table.Column>
-    <Table.Column>CSS Properties</Table.Column>
-  </Table.Header>
-  <Table.Body>
-    <Table.Row>
-      <Table.Cell>
-        <strong>colors</strong>
-      </Table.Cell>
-      <Table.Cell>
-        color, background, background-color, border-color, caret-color,
-        column-rule-color, outline-color, text-decoration-color,
-        border-top-color, border-bottom-color, border-left-color,
-        border-right-color, border-block-color, border-block-end-color,
-        border-block-start-color, border-inline-color, border-inline-end-color,
-        border-inline-start-color, fill, stroke
-      </Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>space</strong>
-      </Table.Cell>
-      <Table.Cell>
-        margin, margin-top, margin-right, margin-bottom, margin-left,
-        margin-block, margin-block-end, margin-block-start, margin-inline,
-        margin-inline-end, margin-inline-start, padding, padding-top,
-        padding-right, padding-bottom, padding-left, padding-block,
-        padding-block-end, padding-block-start, padding-inline,
-        padding-inline-end, padding-inline-start, scroll-margin,
-        scroll-margin-top, scroll-margin-right, scroll-margin-bottom,
-        scroll-margin-left, scroll-padding, scroll-padding-top,
-        scroll-padding-right, scroll-padding-bottom, scroll-padding-left, inset,
-        inset-block, inset-block-end, inset-block-start, inset-inline,
-        inset-inline-end, inset-inline-start, top, right, bottom, left,
-        grid-gap, grid-column-gap, grid-row-gap, gap, column-gap, row-gap
-      </Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>fonts</strong>
-      </Table.Cell>
-      <Table.Cell>font-family</Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>fontSizes</strong>
-      </Table.Cell>
-      <Table.Cell>font-size</Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>fontWeights</strong>
-      </Table.Cell>
-      <Table.Cell>font-weight</Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>letterSpacings</strong>
-      </Table.Cell>
-      <Table.Cell>letter-spacing</Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>lineHeights</strong>
-      </Table.Cell>
-      <Table.Cell>line-height</Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>sizes</strong>
-      </Table.Cell>
-      <Table.Cell>
-        width, min-width, max-width, height, min-height, max-height, flex-basis,
-        block-size, inline-size, max-block-size, max-inline-size,
-        min-block-size, min-inline-size, column-width
-      </Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>borders</strong>
-      </Table.Cell>
-      <Table.Cell>
-        border, border-top, border-right, border-bottom, border-left,
-        border-block, border-block-end, border-block-start, border-inline,
-        border-inline-end, border-inline-start
-      </Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>borderStyles</strong>
-      </Table.Cell>
-      <Table.Cell>
-        border-style, border-top-style, border-bottom-style, border-left-style,
-        border-right-style, border-block-end-style, border-block-start-style,
-        border-block-style, border-inline-end-style, border-inline-start-style,
-        border-inline-style
-      </Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>borderWidths</strong>
-      </Table.Cell>
-      <Table.Cell>
-        border-width, border-top-width, border-bottom-width, border-left-width,
-        border-right-width, border-block-end-width, border-block-start-width,
-        border-block-width, border-inline-end-width, border-inline-start-width,
-        border-inline-width, column-rule-width
-      </Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>radii</strong>
-      </Table.Cell>
-      <Table.Cell>
-        border-radius, border-top-right-radius, border-top-left-radius,
-        border-bottom-right-radius, border-bottom-left-radius,
-        border-end-end-radius, border-end-start-radius, border-start-end-radius,
-        border-start-start-radius
-      </Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>shadows</strong>
-      </Table.Cell>
-      <Table.Cell>box-shadow, text-shadow</Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>zIndices</strong>
-      </Table.Cell>
-      <Table.Cell>z-index</Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>opacities</strong>
-      </Table.Cell>
-      <Table.Cell>opacity</Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>
-        <strong>transitions</strong>
-      </Table.Cell>
-      <Table.Cell>transition</Table.Cell>
-    </Table.Row>
-  </Table.Body>
-</Table>
-
-Tokens should be preferred when writing CSS styles. Below you can see how tokens from a theme are used to style a component. The `<Box>` uses the token values and Marigold will take care to replace the tokens with their corresponding value.
-
-```tsx preview file=concepts/tokens.demo.tsx
-
-```
-
-### Breakpoints
-
-Breakpoints can be used to apply [responsive styles](#responsive-styles). Each breakpoint should be a string that includes a CSS length unit, or a string that includes a CSS media query. String values that include a CSS length unit will be used to generate a mobile-first media query (i.e. a `min-width` media query).
-
-```ts
-const theme = {
-  breakpoints: [
-    '40em',
-    '@media (min-width: 56em) and (orientation: landscape)',
-    '64em',
-  ],
-};
-```
-
-### Root (Styles)
-
-The `root` property of the theme object can be used when global styles have to be applied, including normalization of `body` and `html`. Styles can use tokens from the theme and arbitrary CSS selectors can be used.
-
-```ts
-const theme = {
-  colors: {
-    background: '#e2e8f0',
-    text: '#0f172a',
-  },
-  fonts: {
-    body: ' ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif',
-  },
-  root: {
-    body: {
-      margin: 0,
-      padding: 0,
-      fontFamily: 'body',
-      color: 'text',
-      bg: 'background',
-    },
-  },
-};
-```
-
-### Component Styles
-
-Writing component styles in a maintainable way, especially over the life of a growing and changing project is a challenging task. To adress this, we use a approach inspired by [Chakra UI](https://chakra-ui.com/) that allows us to use a consistent API to describe component styling, while beeing easy to understand and maintain.
-
-Each component style consists of the following sections:
-
-- `base`: a default style for the component that is always applied
-- `variant`: a component can have different visual appearances (e.g. primary, secondary, ...) that will override the `base` styles
-- `size`: a component can have differenz sizes (e.g. small, medium, large) that will override the `base` styles
-
-Some components only consist of one functional unit to fulfill their purpose. For example, to create a button you only need a `<button>` element. However, there are component that are composed of multiple parts. Using a cell (`<td>`) outside of a table (`<table>`) does neither make any sense nor is it valid HTML.
-
-```tsx
-<Button>Click me!</Button>
-```
-
-```tsx
-<Table>
-  <Table.Header>
-    <Table.Column>Name</Table.Column>
-    <Table.Column>Firstname</Table.Column>
-  </Table.Header>
-  <Table.Body>
-    <Table.Row>
-      <Table.Cell>Potter</Table.Cell>
-      <Table.Cell>Harry</Table.Cell>
-    </Table.Row>
-    <Table.Row>
-      <Table.Cell>Malfoy</Table.Cell>
-      <Table.Cell>Draco</Table.Cell>
-    </Table.Row>
-  </Table.Body>
-</Table>
-```
-
-This means that even [atomic components](https://atomicdesign.bradfrost.com/chapter-2) can be made up of multiple (smaller) parts. An atom only describes the smallest possible functional unit that can not be broken down further without losing its meaning. In React this is commonly referred to as a composite component. For this reason, Marigold's component styles allow to specify the appearance of each part inside the `base`, `variant` and `size` sections.
-
-The full breakdown of how styling a component works and how they work together with themes, can be found in the "[Theming Components](#theming-components)" section down below.
-
-## Responsive Styles
-
-Marigold, like Styled System, includes a shorthand syntax for writing mobile-first responsive styles using arrays as values. This is useful when you want to change a single property across multiple breakpoints without needing to write verbose media query syntax. Responsive styles can be used whenever you specify a CSS rule and, of course, tokens can be used too.
-
-The `Component` in the following example uses responsive styles for its `width`. With responsive arrays, the 0-th element maps to all breakpoints, and the n-th element maps to the (n - 1)-th breakpoint. This means:
-
-- The default width is 100%
-- At the 0th breakpoint & larger, width is `large` (`theme.sizes.large`)
-- At the 1st breakpoint & larger, width is `small` (`theme.sizes.small`)
-
-```tsx
-export const Component = () => (
-  <Box
-    css={{
-      width: ['100%', 'large', 'small'],
-    }}
-  >
-    I am a reposnsive Box!
-  </Box>
-);
-```
-
-If you want to skip a breakpoint, you can use `null` as placeholder value. This is useful if you want to set a value for only the largest breakpoint, for example.
-
-```tsx
-export const Component = () => (
-  <Box
-    css={{
-      width: ['100%', null, 'small'],
-    }}
-  >
-    I am a reposnsive Box!
-  </Box>
-);
-```
-
-## Styling Components
-
-As mentioned before, Marigold uses a specific format to define the appearancesce of components. It consists of the `base`, `variant` and `size` (see [Component Styles](#component-styles)). The most basic API for styling a component looks like this:
-
-```ts
-// Single part styles for a <Button>
-export const Button = {
-  // Styles for the default appearance
-  base: {},
-  // Styles for the visual style variations
-  variant: {},
-  // Styles for the size variations
-  size: {},
-};
-```
-
-Following this format you can style Marigold's component (with the exception of [layout components](/concepts/layouts/)). Styles will be scoped to the component. They will not leak into any other component.
-
-As you can see in the following example styling the `<Button>` component, the `base` styles are always applied. `variant` and `size` can be added via the corresponding props of the `<Button>`. Adding these two props is optional, since every component has at least one base appearance.
-
-```tsx preview file=concepts/simple-styling.demo.tsx
-
-```
-
-There are components which are more complex than a button, a table for example. They consist of more than one part. Every table has cells, rows, a body for example. With some additional parts like a header.
-
-Marigold's styling solution also allows to handle styling of complex component, which internally have more than one part. Similar to a single part component, the format uses `base`, `variant` and `size`. The parts of a component (`header`, `row`, `cell`) are the child props of `base`, `variant` and `size`. Styling is then applied like with a single component. The parts will always have their base style and in addition, can have a `variant` and/or a `size`.
-
-The `variant` and `size` props are usually added on the top most component (`<Table>`) and will then be passed down to their children. For example, if you want collapsed rows add the variant to the table, `<Table variant="collapse">`. These composite components usually share variants and sizes between parts so that the different parts work well together.
-
-```ts
-// Single multi part styles for a <Table>
-export const Table = {
-  // Styles for the default appearance
-  base: {
-    // <Table.Header>
-    header: {},
-    // <Table.Row>
-    row: {},
-    // <Table.Cell>
-    cell: {},
-  },
-  // Styles for the visual style variations
-  variant: {
-    head: {},
-    row: {},
-    cell: {
-      // <Table.Cell variant="collapsed">
-      collapsed: {},
-    },
-  },
-  // Styles for the size variations
-  size: {
-    head: {
-      // <Table.Header size="large">
-      large: {},
-    },
-    row: {},
-    cell: {},
-  },
-};
-```
-
-### Using the "useComponentStyles" hook
-
-Since we use a unified API, Marigold has a hook to simplify the consumption and application of component styles called `useComponentStyles`. Passing in the component name, variant and size will return the computed styles for the specified component. For applying the styles the `<Box>` in conjunction with its `css` prop can be used.
-
-```tsx
-import { ReactNode } from 'react';
-import { Box, useComponentStyles } from '@marigold/system';
-
-interface CardProps {
-  variant?: string;
-  size?: string;
-  children?: ReactNode;
-}
-
-const Card = ({ variant, size, children }: CardProps) => {
-  // Get styles for a component based on component name, variant + size.
-  const styles = useComponentStyles('Card', { variant, size });
-  // Pass the computed styles into the `css` prop
-  return <Box css={styles}>{children}</Box>;
-};
-```
-
-Components with multiple parts can be handled by the `useComponentStyles` too. Parts can be specified in the third parameter, like shown in the example below. Insteas of a single styles object, the `useComponentStyles` hook will return an object with all parts which then can be passed to the composite component parts.
-
-```tsx
-/**
- *  styles = {
- *    table: CSSObject,
- *    header: CSSObject,
- *    row: CSSObject,
- *    cell: CSSObject,
- *  }
- */
-const styles = useComponentStyles(
-  'Card',
-  { variant, size },
-  { parts: ['table', 'header', 'row', 'cell'] }
-);
-```
-
-Generating these styles once will lead to less runtime overhead. They can be passed down via context or prop drilling.
diff --git a/docs-old/src/pages/develop/release.mdx b/docs-old/src/pages/develop/release.mdx
deleted file mode 100644
index 40860811fc..0000000000
--- a/docs-old/src/pages/develop/release.mdx
+++ /dev/null
@@ -1,13 +0,0 @@
----
-title: Release
----
-
-## Release
-
-Releases are automated through changeset’s release action. In order to cut a new release go to Marigold’s open pull requests. If there are any changes to be published, there is a pull request called `“release: version packages”`.
-
-Inside the pull request you will find a list of all the changes and version bumps that will happen. After you review the pull request, approve it and then merge it. This will trigger the `Release` action which will [publish packages to npm](https://www.npmjs.com/search?q=%40marigold), send a notification to our Slack channel and deploy the documentation.
-
-## Deploy Docs manually
-
-Marigold's docs are deployed automatically after a successful release. To update the docs independently you can run a dedicated GitHub action called “Deploy Docs”. This action can be [manually triggered](https://docs.github.com/en/actions/managing-workflow-runs/manually-running-a-workflow) and will automatically start a deplyoment from the `main` branch.
diff --git a/docs-old/src/pages/develop/scripts.mdx b/docs-old/src/pages/develop/scripts.mdx
deleted file mode 100644
index 7b745e739c..0000000000
--- a/docs-old/src/pages/develop/scripts.mdx
+++ /dev/null
@@ -1,79 +0,0 @@
----
-title: Scripts
----
-
-# Scripts
-
-We use several scripts to make developing Marigold easier and more convenient.
-
-Run `$ pnpm <script name>` in your favorite terminal.
-
-## Developing
-
-### `dev`
-
-Boot up [Storybook](https://storybook.js.org/) to maintain or develop new components or themes. This tool is especially useful to debug or make visual changes, check if a11y rules are satisfied or make interactive [play](https://storybook.js.org/docs/react/writing-stories/play-function) examples.
-
-### `test (-w)`
-
-Run the test suite. If you append `-w` the suite will run in watch mode, meaning test that are affacted by your changes will be automatically re-run.
-
-### `start`
-
-Boot up the documentation website. This is helpful if you're writing or editing any documentation. Changes will be automatically detected and force a rebuild of the docs without you having to refresh the page in a browser.
-
-### `coverage`
-
-Same as `test` but will output a coverage report into your terminal.
-
-### `lint`
-
-Run [`eslint`](https://eslint.org/) to check if source files adhere our lint standards. We basically using [CRA](https://create-react-app.dev/)'s rules which are very lax and won't unnecessarily annoy you.
-
-### `format`
-
-Run [`prettier`](https://prettier.io/) and format source files. We don't care how our source code is formated as long everyone uses the same format.
-
-### `typecheck`
-
-Run the [TypeScript](https://www.typescriptlang.org/) compiler to find any inconsistent or wrong types.
-
-## Build
-
-### `build`
-
-Build all the packages.
-
-### `watch`
-
-Build all the packages and rebuild them if any of their source files change.
-
-## Release
-
-If you want to know how to release Marigold, go to the [Release](./release) page.
-
-### `release`
-
-Run our release script to create a new release and deploy the documentation.
-
-### `release:docs`
-
-Deploy documentation.
-
-### `changeset`
-
-Use changeset, see [CLI options](https://github.com/changesets/changesets/blob/main/docs/command-line-options.md) for more information.
-
-## Troubleshoot
-
-### `clean`
-
-Sometimes node modules have hick ups. This command will remove all `node_module` and build folders so that you have a clean repo like you just git cloned it.
-
-### `clean:build`
-
-Same as `clean` except it will only remove all build folders.
-
-### `postinstall`
-
-You don't ever have to run this is script. Basically, it will remove typings of toolings we use that uses an old version of emotion which causes loads of false-positive type errors in your project.
diff --git a/docs-old/src/pages/highlight.mdx b/docs-old/src/pages/highlight.mdx
deleted file mode 100644
index f560993e1c..0000000000
--- a/docs-old/src/pages/highlight.mdx
+++ /dev/null
@@ -1,41 +0,0 @@
----
-title: Code Hightlight Test
----
-
-## Just some inline code
-
-This is some inline code block `<Preview>`, `true`, `"hello world"`!
-
-## Just a code block
-
-```tsx
-<Aside space="medium" side="right">
-  <Box border="1px solid #ced4da" bg="#e9ecef" />
-  <Box border="1px solid #ced4da" bg="#e9ecef" height="100px" width="50px" />
-</Aside>
-```
-
-```css
-.foo {
-  background: 'hotpink';
-}
-```
-
-## Code block with preview
-
-```tsx preview
-<Aside space="medium" side="left">
-  <Box border="1px solid #ced4da" bg="#e9ecef" height="100px" width="50px" />
-  <Box border="1px solid #ced4da" bg="#e9ecef" />
-</Aside>
-```
-
-## Code block with preview from file
-
-```tsx preview file=components/_test_.tsx
-
-```
-
-```tsx preview file=components/_test_hook_.tsx
-
-```
diff --git a/docs-old/src/pages/hooks/useAsyncList.mdx b/docs-old/src/pages/hooks/useAsyncList.mdx
deleted file mode 100644
index 0434e0a72d..0000000000
--- a/docs-old/src/pages/hooks/useAsyncList.mdx
+++ /dev/null
@@ -1,33 +0,0 @@
----
-title: useAsyncListData
-caption: Hook that returns async data
-github: https://github.com/marigold-ui/marigold/blob/main/packages/components/src/hooks.ts
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/useAsyncListData.mdx
----
-
-We use the `useAsyncListData` hook from [`react-spectrum stately package`](https://github.com/adobe/react-spectrum/tree/main/packages/%40react-stately). It extends the `useListData` which is also from `react-spectrum`.
-
-It supports async loading, pagination, sorting and filtering.
-It also manages loading and error states, supports abortable requests and works with any data fetchig library or the built-in browser fetch API.
-
-More information can be found in the [react-spectrum documentation](https://react-spectrum.adobe.com/react-stately/useAsyncList.html).
-
-## Usage
-
-### Import
-
-To import the hook you just have to use this code below.
-
-```tsx
-import { useAsyncListData, useListData } from '@marigold/components';
-```
-
-## Examples
-
-### Async Table
-
-This is an example from the [`<Table>`](/components/table/) component. The data will be loaded asynchronously.
-
-```tsx preview file=components/Table/table-async.demo.tsx
-
-```
diff --git a/docs-old/src/pages/hooks/useResponsiveValue.mdx b/docs-old/src/pages/hooks/useResponsiveValue.mdx
deleted file mode 100644
index 2f7c436460..0000000000
--- a/docs-old/src/pages/hooks/useResponsiveValue.mdx
+++ /dev/null
@@ -1,50 +0,0 @@
----
-title: useResponsiveValue
-caption: Hook that returns responsive values
-github: https://github.com/marigold-ui/marigold/blob/main/packages/system/src/hooks/useResponsiveValue.ts
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/useResponsiveValue.mdx
----
-
-The `useResponsiveValue` is a client side hook. It can be used to return values based on the current screen size, using breakpoints from the theme `theme.breakpoints`.
-You can set as many `breakpoints` as you want.
-To add `breakpoints` to your theme you have to write them as an array.
-
-You can pass the following parameters to your `useResponsiveValue` hook:
-
-- **First:** the values as array which defines the `breakpoints`
-- **Second:** the `defaultIndex` which points on the default `breakpoint`
-
-```tsx
-const value = useResponsiveValue(
-  [
-    'no breakpoint',
-    'larger than 40em',
-    'larger than 50em',
-    'larger than 60em',
-    'larger than 70em',
-  ],
-  2
-);
-```
-
-## Usage
-
-### Import
-
-To import the hook you just have to use this code below.
-
-```tsx
-import { useResponsiveValue } from '@marigold/system';
-```
-
-## Examples
-
-### useResponsiveValue with breakpoints
-
-Here you can see an example where the `useResponisveValue` hook is used. If you change the size of the screen you will see how the colors and text changes.
-
-The `background-color` from the `<Box>` has some values for each breakpoint one. So if the next `breakpoint` is reached, it will change the value for the background.
-
-```tsx preview file=hooks/useResponsiveValue.demo.tsx
-
-```
diff --git a/docs-old/src/pages/hooks/useTheme.mdx b/docs-old/src/pages/hooks/useTheme.mdx
deleted file mode 100644
index 40d532b5a6..0000000000
--- a/docs-old/src/pages/hooks/useTheme.mdx
+++ /dev/null
@@ -1,39 +0,0 @@
----
-title: useTheme
-caption: Hook that applies a theme
-github: https://github.com/marigold-ui/marigold/blob/main/packages/system/src/hooks/useTheme.tsx
-edit: https://github.com/marigold-ui/marigold/blob/main/docs/src/pages/components/useTheme.mdx
-switchTheme: true
----
-
-The `useTheme` is a hook that gets you the current theme and all of its attributes and properties.
-
-The `useTheme` hook returns tree parameters:
-
-- **First:** returns the current `theme`, if there isn't a theme it uses the `__defaultTheme`
-- **Second:** `css`
-- **Third:** `get` value from theme by pasing a path e.g. `colors.primary`
-
-```tsx
-const { theme } = useTheme();
-```
-
-## Usage
-
-### Import
-
-To import the hook you just have to use this code below.
-
-```tsx
-import { useTheme } from '@marigold/system';
-```
-
-## Examples
-
-### Get all the Theme Properties
-
-Here is an example which shows you the chosen theme from the theme switcher on the top of the page. With the `useTheme` hook you can get the particular values for the available properties.
-
-```tsx preview file=hooks/useTheme.demo.tsx
-
-```
diff --git a/docs-old/src/pages/index.mdx b/docs-old/src/pages/index.mdx
deleted file mode 100644
index c72f6d591f..0000000000
--- a/docs-old/src/pages/index.mdx
+++ /dev/null
@@ -1,29 +0,0 @@
----
-title: Marigold
----
-
-Hey there and welcome to _Marigold_, the design system from [Reservix](https://www.reservix.net/).
-
-<Inline space="large-1">
-    <Card variant="hovering" size="large" px="medium-1" pb="medium-2">
-    <Headline level="2">What is Marigold?</Headline>
-    <Body>
-        <Text>Marigold is a React implementation of Reservix' design language.</Text>
-        <Inline>
-            <ChevronRight/>
-            <Link href="/introduction/about/">click here to learn more</Link>
-        </Inline>
-    </Body>
-    </Card>
-
-    <Card variant="hovering" size="large" px="medium-1" pb="medium-2">
-    <Headline level="2">Installation</Headline>
-    <Body>
-       <Inline>
-        <ChevronRight/>
-        <Link href="/introduction/getting-started/">click here to start</Link>
-        </Inline>
-    </Body>
-    </Card>
-
-</Inline>
diff --git a/docs-old/src/pages/introduction/about.mdx b/docs-old/src/pages/introduction/about.mdx
deleted file mode 100644
index 1307cc5831..0000000000
--- a/docs-old/src/pages/introduction/about.mdx
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: About
-caption: Learn about the goals of Marigold and how it aims to help building user interfaces.
-order: 2
----
-
-_Marigold_ is a React implementation of Reservix' design language. It aims to provides a robust and modular foundation for building digital products that are accessible and adaptive across screen sizes while delivering a consistent, delightful experience for all users.
-
-- **Building Blocks:** As a foundation for digital product development, Marigold offers a set of reusable components and guidance for teams to efficiently build high-quality and accessible user interfaces.
-- **Cross-brand Theming**: Marigold comes with a set of ready-to-use themes for common use cases. However, it also provides a simple way to kickoff a new theme or customize a existing one. You can change colors, fonts, breakpoints and everything else you need.
-- **Accessibility:** Marigold focuses heavily on enabling our products to deliver delightful experiences to all users, regardless of visual, hearing, motor or cognitive disabilities.
-- **Guidelines:** While the styles and components can be assembled together in a variety of ways for different situations, the guidelines and standards of Marigold ensure cohesive experiences between products.
-
-If you want to dig deeper and learn how these capabilities are implemented, head over to the [concepts behind Marigold](/introduction/02-concepts).
-
-## What makes Marigold different?
-
-The goal of Marigold is to build an easy and compelling to use platform, regardless if you are a developer, designer or sales person.
-
-As much as possible, we want the written code to make sense to non-developers. This is why we are focused on the simplicity and composability of Marigold's API. We want to allow our teams to spend less time polishing mock ups and more time polishing the product.
-
-Marigold is maintained by a core team of designers and developers that are dedicated to developing and supporting an ever growing and evolving system that can only thrive with feedback from our teams and customers.
-
-## Support
-
-If you work at Reservix and have a design related or technical question, you can head over to our dedicated [slack channel](https://reservix.slack.com/archives/C02727BNZ3J). We try to respond to everyone as quickly as we can and we're always happy to help.
diff --git a/docs-old/src/pages/introduction/faq.mdx b/docs-old/src/pages/introduction/faq.mdx
deleted file mode 100644
index 4e47fa0192..0000000000
--- a/docs-old/src/pages/introduction/faq.mdx
+++ /dev/null
@@ -1,42 +0,0 @@
----
-title: FAQ
-caption: This pages aims to help with the most common questions and inquiries.
-order: 0
----
-
-## What is a design system?
-
-Let's get something out of the way: the idea of reusable UI elements is not new. Style guides, UI kits and pattern libraries exist for well over a decade. And at least since Brad Frost's [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/) methodology, designers and developers agree on the concept of components to encapsulate visual and functional properties of discrete user interface pieces.
-
-However, a _design system_ is not only a collection of the assets and components you use to build your product. According to Emmet Connolly, director of product design at Intercom, a design system is not just “a big box of UI Lego pieces that can be assembled in near-infinite ways. All the pieces may be consistent, but that doesn't mean the assembled results will be. Your product is more than just a pile of reusable UI elements. It has structure and meaning. It's not a generic web page, it's the embodiment of a system of concepts.”
-
-In Short:
-
-> "[A design system is ] a set of multidisciplinary shared, integrated principles and patterns that define the overall design of the product"
-> – [Karri Saarinen ex-Design Systems Lead @ Airbnb](https://www.youtube.com/watch?v=TuLY1cYM57g)
-
-And because markets and customer demands constantly change, a design system is not just an artifact of a design process. It is a living, funded product with a roadmap and backlog, serving an ecosystem.
-
-## What are the benefits of a design system?
-
-So what sets a design system apart from something like a pattern library is that it is build with clear rules, constraints and principles, implemented in design and code. Ideally, it will convey your business identity and philosophy as well as strengthen the relationship of users with your brand.
-
-That said, one of the primary benefits of a design system is the ability to quickly replicate designs, while removing the burden of developers to adhere to design specifications. Your marketers, designers and developers can collaborate quickly to produce the experience your customers wants, while maintaining the consistency your brand needs.
-
-## Who decide which component is implemented?
-
-We work strongly together with the Reservix UX/UI Team. If the component is in more than in one product the designers will research its use cases, after that we all will discussing the behaviour, the look and feel.
-Also we will looking up the technical possibilities - if it all fits the component will be implemented.
-The same applies to the improvement of a component.
-
-## Why should I use this Design System?
-
-The goal of Marigold is to build an easy and compelling to use platform, regardless if you are a developer, designer or sales person.
-
-The purpose of this Design System is to create a set of guidelines and components that are scalable and reusable, so that designers and developers can efficiently and comfortably develop Reservix products.
-
-## Can I contribute?
-
-If you work at Reservix and have a design related or technical question, you can head over to our dedicated [slack channel](https://reservix.slack.com/archives/C02727BNZ3J). We try to respond to everyone as quickly as we can and we're always happy to help.
-
-If you have a bug report or feature request you can visit our [github](https://github.com/marigold-ui/marigold) and write an issue. We have templates for feature requests, bugs and component updates.
diff --git a/docs-old/src/pages/introduction/getting-started.mdx b/docs-old/src/pages/introduction/getting-started.mdx
deleted file mode 100644
index fa97726947..0000000000
--- a/docs-old/src/pages/introduction/getting-started.mdx
+++ /dev/null
@@ -1,65 +0,0 @@
----
-title: Getting Started
-caption: This page describes how to get started building an application with Marigold.
-order: 1
----
-
-## Installation
-
-To install Marigold you can use any common package managers like [yarn](https://yarnpkg.com/) [pnpm](https://pnpm.io/) or [npm](https://www.npmjs.com/).
-
-**With npm:**
-
-```bash onlyCode
-npm install @marigold/components --save
-```
-
-**With yarn:**
-
-```bash onlyCode
-yarn add @marigold/components
-```
-
-**With pnpm:**
-
-```bash onlyCode
-pnpm add @marigold/components
-```
-
-In addition to the components, you usually want to install an existing [theme](/introduction/theming).
-
-<Message messageTitle="Note" variant="info">
-  Please note that [react](https://www.npmjs.com/package/react) >= 17.0.0 and
-  [react-dom](https://www.npmjs.com/package/react-dom) >= 17.0.0 are peer
-  dependencies for `@marigold/components`.
-</Message>
-
-## Tooling
-
-_Marigold_ works with popular build tools, like [webpack](https://webpack.js.org/), [rollup](https://rollupjs.org/) and [esbuild](https://esbuild.github.io/).
-
-If you are using [TypeScript](https://www.typescriptlang.org/) to build your app, be sure to add [@types/react](https://www.npmjs.com/package/@types/react) and [@types/react-dom](https://www.npmjs.com/package/@types/react-dom) to your project. _Marigold_ is written in TypeScript and Marigold components are published with their type definitions so that you can take advantage of static type checking and IDE autocomplete.
-
-## Bootstrapping
-
-For _Marigold_ to work correctly, you need to wrap your app with the `MarigoldProvider`. This way _Marigold_ components will be able to access styles and SSR will work out of the box.
-
-```jsx onlyCode
-import React from 'react';
-import { Button, MarigoldProvider } from '@marigold/components';
-import theme from '@marigold/theme-unicorn';
-
-const App = () => (
-  <MarigoldProvider theme={theme}>
-    <Button variant="primary" onClick={() => alert('Hey there!')}>
-      Hello World
-    </Button>
-  </MarigoldProvider>
-);
-```
-
-See the [Provider](../components/provider) and [Button](../components/button) docs for more information about the components used in this example.
-
-## Next Steps
-
-Now that you've bootstrapped your app, you can dive into the documentation for the available components to understand them in detail read about our principles to learn what drove our decision and which contrains come with our approach.
diff --git a/docs-old/src/pages/introduction/principles.mdx b/docs-old/src/pages/introduction/principles.mdx
deleted file mode 100644
index 510057add2..0000000000
--- a/docs-old/src/pages/introduction/principles.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
----
-title: Principles
-caption: This page discusses the principles and ideas that Marigold is build upon.
-order: 3
----
-
-🥸 // TODO
diff --git a/docs-old/src/pages/introduction/theming.mdx b/docs-old/src/pages/introduction/theming.mdx
deleted file mode 100644
index 486ebf45ec..0000000000
--- a/docs-old/src/pages/introduction/theming.mdx
+++ /dev/null
@@ -1,234 +0,0 @@
----
-title: Theming
-caption: Learn how themes work and how to use them in your app.
-order: 4
----
-
-import { App } from '~/demos/theming-extend.demo.tsx';
-
-Themes are used to define the visual appearance of the application and adhere the coporate identity.
-
-In Marigold a theme is a plain object that defines [design tokens](https://www.lightningdesignsystem.com/design-tokens/) for the context in which it should be used (e.g. B2B or B2C), including a color palette, the typography, scales for white space and size related values. A theme also comes with styles for the app's components.
-
-Marigold's themes are based on the [Theme UI's Theme Specification](https://theme-ui.com/theme-spec/) with the addition of styles for all components (`theme.components.<component name>`).
-
-## Use an existing theme
-
-The following themes are currently available:
-
-- **B2B**: The default theme for B2B software.
-- **Core**: The theme for applications that life inside the Reservix CORE application.
-
-To install a theme you can use the following command:
-
-```bash onlyCode
-    yarn add @marigold/theme-<lowercease theme name>
-```
-
-Afterwards pass the `theme` to the `<MarigoldProvider>`:
-
-```jsx onlyCode
-import React from 'react';
-import { MarigoldProvider } from '@marigold/components';
-import theme from '@marigold/theme-b2b';
-
-const App = () => (
-  <MarigoldProvider theme={theme}>{/* App code goes here */}</MarigoldProvider>
-);
-```
-
-Most themes are also using custom fonts. How you do make them available for your users depends on your setup ([CRA](https://create-react-app.dev/), [`next.js`](https://nextjs.org/), ...).
-
-The URL to load the fonts can be imported via the respective theme package. The following examples shows how to load fonts in a `next.js` app. This also supports the [font optimization](https://nextjs.org/docs/basic-features/font-optimization) feature of `next.js`:
-
-```jsx onlyCode
-// pages/_document.js
-import Document, { Html, Head, Main, NextScript } from 'next/document';
-import { webFontUrl } from '@marigold/theme-b2b';
-
-class MyDocument extends Document {
-  render() {
-    return (
-      <Html>
-        <Head>
-          {webFontUrl.map(url => (
-            <link key={url} rel="stylesheet" href={url} />
-          ))}
-        </Head>
-        <body>
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}
-
-export default MyDocument;
-```
-
-In other setup you might need to use [`react-helmet`](https://github.com/nfl/react-helmet) or can paste the fonts directly into the `<head>` of your HTML.
-
-## Extend an existing theme
-
-Usually using one of the existing themes should be sufficient to build and style an application. But every now and then your app might need a variant that is not included in the theme or it is necessary to adjust existing variants and styles a bit. This is especially useful when designers want to [A/B test](https://en.wikipedia.org/wiki/A/B_testing) designs and user flows or if a certain domain logic requires a more individual solution.
-
-Let's image you need a very flashy call to action button for your app, but the default theme for B2B applications does not have such a button. In order to customize the theme and add a CTA button you can extend the theme with customized styles using the `extendsTheme` helper like shown below:
-
-```tsx
-import { extendTheme } from '@marigold/components';
-import theme from '@marigold/theme-b2b';
-
-const customTheme = extendTheme(theme, {
-  fonts: {
-    system: 'system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
-  },
-  components: {
-    Button: {
-      variant: {
-        cta: {
-          // You can still use all the tokens from the theme extended theme
-          color: 'gray00',
-          fontSize: 'xsmall',
-          borderRadius: 'large',
-          // You can also use tokens defined in the theme extension
-          fontFamily: 'system',
-          // And if you really want to, even use hard coded values
-          background:
-            'linear-gradient(319deg, #663dff 0%, #aa00ff 37%, #cc4499 100%)',
-          textTransform: 'uppercase',
-          fontWeight: 600,
-          transition: 'transform 0.25s cubic-bezier(.5, -.1, .1, 1.5)',
-
-          '&:hover': {
-            transform: 'scale(1.5)',
-          },
-
-          '&:active': {
-            transform: 'scale(1.6)',
-          },
-        },
-      },
-    },
-  },
-});
-
-export const App = () => (
-  <MarigoldProvider theme={customTheme}>
-    {/** your app code */}
-  </MarigoldProvider>
-);
-```
-
-Afterwards you can use the added variant like you would do with any other variant from the theme. `<Button variant="cta">Buy now</Button>` will render our custom CTA button:
-
-<Preview>
-  <App />
-</Preview>
-
-Of course you can do this not only with the `Button`, but with any of Marigold's components. Styles for every component can be found under `theme.components.<component name>` and follows the following structure:
-
-###### Extend Styles for a Component
-
-```ts
-import type { Theme } from '@marigold/components';
-
-const theme: Theme = {
-  components: {
-    // Component name
-    Button: {
-      base: {
-        /**
-         * Styles that are always applied
-         */
-      },
-      variant: {
-        'variant-name': {
-          /**
-           * Styles that are applied when the `variant`
-           * prop is set to the key
-           */
-        },
-      },
-      size: {
-        'size-name': {
-          /**
-           * Styles that are applied when the `size`
-           * prop is set to the key
-           */
-        },
-      },
-    },
-  },
-};
-```
-
-###### Extend Styles for a Component with Parts
-
-Styles of more complex components, like the `<Dialog>`, have their styles split into parts.
-
-```ts
-import type { Theme } from '@marigold/components';
-
-const theme: Theme = {
-  components: {
-    // Component name
-    Dialog: {
-      base: {
-        container: {
-          /**
-           * Styles that are always applied to the dialog container
-           */
-        },
-        closeButton: {
-          /**
-           * Styles that are always applied to the close button
-           */
-        },
-      },
-      variant: {
-        'variant-name': {
-          container: {
-            /**
-             * Styles that are applied to the container when
-             * the `variant` prop is set to the key
-             */
-          },
-          closeButton: {
-            /**
-             * Styles that are applied to the close button when
-             * the `variant` prop is set to the key
-             */
-          },
-        },
-      },
-      size: {
-        'size-name': {
-          container: {
-            /**
-             * Styles that are applied to the container when
-             * the `size` prop is set to the key
-             */
-          },
-          closeButton: {
-            /**
-             * Styles that are applied to the close button when
-             * the `size` prop is set to the key
-             */
-          },
-        },
-      },
-    },
-  },
-};
-```
-
-We recommend to use TypeScript for the styles so that you don't accidentially have a typo in a name or variant:
-
-```ts
-import type { Theme } from '@marigold/components';
-
-export const Dialog: Theme['components']['Dialog'] = {
-  // styles
-};
-```
diff --git a/docs-old/src/pages/recipes/form-recipes.mdx b/docs-old/src/pages/recipes/form-recipes.mdx
deleted file mode 100644
index 183ae6e908..0000000000
--- a/docs-old/src/pages/recipes/form-recipes.mdx
+++ /dev/null
@@ -1,28 +0,0 @@
----
-title: Forms
-caption: Here you can find some recipes for some form components
----
-
-We used for these examples form components like `<FieldGroup>`, [`<TextField>`](/components/text-field/),[`<Select>`](/components/select/), [`<Checkbox>`](/components/checkbox/) and [`<Radio>`](/components/radio/).
-
-`<FieldGroup>` is wrapped around the other components as you can see in the examples below. With its prop `labelWidth` we set the width of the label to a certain amount, so it has a clean look.
-
-<Message messageTitle="Note" variant="info">
-  Please note that the form components need to have a label prop.
-</Message>
-
-## Organization Search Form
-
-Example from the typical Search Form from the Core.
-
-```tsx preview file=components/FieldGroup/organization-search.demo.tsx
-
-```
-
-## Bookings Formular
-
-This Example shows the Bookings Formular from an Organization under Administration.
-
-```tsx preview file=components/FieldGroup/bookings-form.demo.tsx
-
-```
diff --git a/docs-old/src/pages/recipes/table-recipes.mdx b/docs-old/src/pages/recipes/table-recipes.mdx
deleted file mode 100644
index 9f2ffba7ac..0000000000
--- a/docs-old/src/pages/recipes/table-recipes.mdx
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: Table
-caption: Here you can find some recipes for the table
----
-
-## Core Printview Table
-
-Here you can see the `<Table>` pattern for the "Ticketdruck".
-
-<Preview>
-  <CorePrintTable />
-</Preview>
diff --git a/docs-old/src/theme/colors.ts b/docs-old/src/theme/colors.ts
deleted file mode 100644
index 367a6a02db..0000000000
--- a/docs-old/src/theme/colors.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-export const colors = {
-  brand: {
-    primary: 'hsl(28, 100%, 53%)',
-    secondary: 'hsl(167, 52%, 30%)',
-    shade: 'hsl(28, 55%, 48%)',
-  },
-  background: {
-    // alternative
-    //background: '#FFF8ED',
-    light: 'hsla(28, 100%, 3%, .2)',
-    page: 'hsl(36, 100%, 99%)',
-    foreground: 'hsl(36, 100%, 100%)',
-  },
-  text: {
-    muted: 'hsl(28, 5%, 57%)',
-    light: 'hsl(29, 37%, 55%)',
-    regular: 'hsl(28, 100%, 3%)',
-  },
-  border: {
-    muted: 'hsla(29, 100%, 3%, 0.05)',
-    light: 'hsl(29, 37%, 90%)',
-    regular: 'hsl(29, 37%, 85%)',
-    dark: 'hsl(29, 37%, 80%)',
-  },
-  hover: {
-    light: 'hsl(28, 100%, 53%, 0.1)',
-  },
-  info: {
-    background: 'hsl(207, 100%, 98%)',
-    base: 'hsl(208, 100%, 83%)',
-    text: 'hsl(208, 100%, 20%)',
-  },
-  success: {
-    background: 'hsl(79 81% 94%)',
-    base: 'hsl(84 69% 51%)',
-    text: 'hsl(85 84% 15%)',
-  },
-  error: {
-    background: 'hsl(0 100% 95%)',
-    base: 'hsl(0 94% 65%)',
-    text: 'hsl(0 65% 36%)',
-  },
-  warning: {
-    background: 'hsl(50 100% 93%)',
-    base: 'hsl(45 97% 54%)',
-    text: 'hsl(31 100% 25%)',
-  },
-  yellow: {
-    base: 'hsl(46, 81%, 63%)',
-  },
-};
diff --git a/docs-old/src/theme/components/Badge.style.ts b/docs-old/src/theme/components/Badge.style.ts
deleted file mode 100644
index 91cbc3aa5d..0000000000
--- a/docs-old/src/theme/components/Badge.style.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const Badge: Theme['components']['Badge'] = {
-  base: {
-    display: 'inline-flex',
-    alignItems: 'center',
-    fontSize: 'fixed.small-2',
-    fontFamily: 'headline',
-    textTransform: 'lowercase',
-    borderRadius: 'medium-1',
-    whiteSpace: 'nowrap',
-    py: 'none',
-    px: 'small-1',
-  },
-  variant: {
-    new: {
-      color: 'success.background',
-      bg: 'success.text',
-    },
-    updated: {
-      color: 'info.background',
-      bg: 'info.text',
-    },
-    beta: {
-      color: 'warning.background',
-      bg: 'warning.text',
-    },
-    deprecated: {
-      color: 'error.background',
-      bg: 'error.text',
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Button.style.ts b/docs-old/src/theme/components/Button.style.ts
deleted file mode 100644
index 724fef5b2b..0000000000
--- a/docs-old/src/theme/components/Button.style.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const Button: Theme['components']['Button'] = {
-  base: {
-    display: 'flex',
-    justifyContent: 'center',
-    lineHeight: 'medium-1',
-    fontFamily: 'body',
-    border: 'none',
-
-    '&:focus-visible': {
-      outlineColor: 'brand.primary',
-    },
-  },
-  variant: {
-    outline: {
-      fontFamily: 'headline',
-      background: 'transparent',
-      px: 'small-1',
-      color: 'text.regular',
-      lineHeight: 'large-2',
-      borderStyle: 'solid',
-      borderWidth: 'small-1',
-      borderRadius: 'small-2',
-      borderColor: 'background.light',
-
-      '&:hover': {
-        bg: 'hover.light',
-      },
-    },
-    copy: {
-      mb: 'medium-2',
-      p: 'small-1',
-      color: 'text.regular',
-      bg: 'transparent',
-      fontSize: '15px',
-      '&:focus': {
-        outline: 'none',
-      },
-    },
-    navigationSmall: {
-      border: 'none',
-      outline: 'none',
-    },
-    scrollToTop: {
-      width: '100%',
-      height: '100%',
-    },
-  },
-  size: {
-    full: {
-      width: '100%',
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Card.style.ts b/docs-old/src/theme/components/Card.style.ts
deleted file mode 100644
index f0fbf56597..0000000000
--- a/docs-old/src/theme/components/Card.style.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const Card: Theme['components']['Card'] = {
-  base: {
-    bg: 'background.foreground',
-    borderStyle: 'solid',
-    borderWidth: 'small-1',
-    borderColor: 'border.muted',
-    borderRadius: 'medium-1',
-
-    boxShadow: 'medium-1',
-    transition: 'all .3s cubic-bezier(.25, 0, .4, 1)',
-  },
-  variant: {
-    hovering: {
-      cursor: 'pointer',
-
-      '&:hover': {
-        borderColor: 'border.light',
-        boxShadow: 'medium-2',
-      },
-    },
-    paragraph: {
-      mb: 'medium-1',
-    },
-  },
-  size: {
-    large: {
-      width: '350px',
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Header.style.ts b/docs-old/src/theme/components/Header.style.ts
deleted file mode 100644
index 2bfbd4f6ed..0000000000
--- a/docs-old/src/theme/components/Header.style.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const Header: Theme['components']['Header'] = {
-  base: {
-    mt: 'large-1',
-    mb: 'medium-2',
-  },
-};
diff --git a/docs-old/src/theme/components/Headline.style.ts b/docs-old/src/theme/components/Headline.style.ts
deleted file mode 100644
index a343268b59..0000000000
--- a/docs-old/src/theme/components/Headline.style.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import type { Theme } from '@marigold/components';
-import { colors } from '../colors';
-
-export const Headline: Theme['components']['Headline'] = {
-  base: {
-    fontFamily: 'headline',
-    fontWeight: 'medium',
-    textTransform: 'uppercase',
-    fontSize: 'fluid.medium-1',
-    lineHeight: 'small-3',
-    mt: 'large-1',
-    mb: 'medium-1',
-
-    '> a': {
-      '&:hover': {
-        color: 'inherit',
-      },
-
-      '&:hover::before': {
-        content: '"#"',
-        position: 'absolute',
-        display: 'inline-block',
-        left: '-1em',
-        color: 'brand.secondary',
-      },
-    },
-  },
-
-  variant: {
-    gradient: {
-      '> span': {
-        display: 'inline-block',
-        color: 'transparent',
-        background: `linear-gradient(45deg, ${colors.brand.primary}, ${colors.yellow.base}) 0 0 / 100% `,
-        backgroundClip: 'text',
-        hyphens: 'auto',
-        wordBreak: 'break-word',
-      },
-    },
-  },
-
-  size: {
-    'level-1': {
-      my: 'none',
-      fontSize: 'fluid.large-2',
-      fontWeight: 'heavy',
-      lineHeight: 'small-1',
-      textTransform: 'uppercase',
-      letterSpacing: '1px',
-    },
-    'level-3': {
-      my: 'none',
-      pb: 'medium-1',
-      fontSize: 'fixed.small-3',
-      fontWeight: 'medium',
-      lineHeight: 'small-1',
-      textTransform: 'uppercase',
-      letterSpacing: '1px',
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Link.style.ts b/docs-old/src/theme/components/Link.style.ts
deleted file mode 100644
index e457ce081b..0000000000
--- a/docs-old/src/theme/components/Link.style.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Theme } from '@marigold/components';
-import { colors } from '../colors';
-
-export const Link: Theme['components']['Link'] = {
-  base: {
-    position: 'relative',
-    '&:hover': {
-      color: 'brand.secondary',
-    },
-    '&:focus': {
-      outline: `2px solid ${colors.brand.secondary}`,
-    },
-    '&[data-active]': {
-      pl: '8px',
-      ml: '-10px',
-      fontSize: 'fixed.small-3',
-      borderLeft: `2px solid  ${colors.brand.primary}`,
-      fontWeight: 'medium',
-    },
-  },
-  variant: {
-    navigation: {
-      '&:hover': {
-        color: 'text.regular',
-        fontWeight: 'medium',
-        transform: 'scale(1.1)',
-      },
-    },
-    toc: {
-      fontFamily: 'headline',
-    },
-    icon: {
-      '&:hover': {
-        transform: 'scale(1.1)',
-      },
-    },
-  },
-} as const;
diff --git a/docs-old/src/theme/components/List.style.ts b/docs-old/src/theme/components/List.style.ts
deleted file mode 100644
index ef906bf1fb..0000000000
--- a/docs-old/src/theme/components/List.style.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const List: Theme['components']['List'] = {
-  base: {
-    ul: {
-      mb: 'medium-1',
-    },
-    ol: {
-      mb: 'medium-1',
-    },
-    item: {
-      lineHeight: 'large-1',
-    },
-  },
-  variant: {
-    toc: {
-      item: {
-        listStyle: 'none',
-      },
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Menu.style.ts b/docs-old/src/theme/components/Menu.style.ts
deleted file mode 100644
index e527e7504f..0000000000
--- a/docs-old/src/theme/components/Menu.style.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const Menu: Theme['components']['Menu'] = {
-  base: {
-    container: {
-      fontFamily: 'headline',
-      bg: 'background.page',
-      border: '1px solid',
-      borderColor: 'background.light',
-      borderRadius: 'small-2',
-      maxHeight: ['75vh', '75vh', '45vh'],
-      overflow: 'hidden auto',
-    },
-    item: {
-      p: 'small-1',
-      cursor: 'pointer',
-      '&:hover': {
-        color: 'brand.primary',
-      },
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Message.style.ts b/docs-old/src/theme/components/Message.style.ts
deleted file mode 100644
index 91ba68a0ad..0000000000
--- a/docs-old/src/theme/components/Message.style.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const Message: Theme['components']['Message'] = {
-  base: {
-    container: {
-      borderStyle: 'solid',
-      borderWidth: '2px 2px 2px 16px',
-      px: 'medium-1',
-      py: 'small-1',
-      bg: 'info.background',
-    },
-    title: {
-      lineHeight: 'medium-1',
-      fontWeight: 'bold',
-      fontFamily: 'headline',
-    },
-    content: {
-      lineHeight: 'small-1',
-    },
-    icon: {
-      display: 'flex',
-      alignItems: 'center',
-      size: 16,
-    },
-  },
-  variant: {
-    info: {
-      container: {
-        borderColor: 'info.base',
-        color: 'info.text',
-      },
-      title: {
-        color: 'info.text',
-      },
-      icon: {
-        color: 'info.base',
-      },
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Navigation.style.ts b/docs-old/src/theme/components/Navigation.style.ts
deleted file mode 100644
index f43703f5a4..0000000000
--- a/docs-old/src/theme/components/Navigation.style.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { colors } from '../colors';
-
-export const Navigation = {
-  base: {
-    container: {
-      fontFamily: 'headline',
-      lineHeight: 'large-1',
-      p: 'medium-1',
-    },
-    category: {
-      fontSize: 'fixed.small-3',
-      color: 'brand.secondary',
-      fontWeight: 'regular',
-      textTransform: 'uppercase',
-    },
-    item: {
-      pl: '10px',
-      fontSize: 'fixed.small-3',
-      '&:hover': {
-        pl: '8px',
-        borderLeft: `2px solid  ${colors.brand.primary}`,
-      },
-    },
-    list: {
-      p: '0',
-      pb: 'medium-1',
-    },
-    group: {
-      color: 'text.regular',
-      fontSize: 'fixed.medium-1',
-      fontWeight: 'medium',
-    },
-  },
-} as const;
diff --git a/docs-old/src/theme/components/Preview.style.ts b/docs-old/src/theme/components/Preview.style.ts
deleted file mode 100644
index ce5e0af632..0000000000
--- a/docs-old/src/theme/components/Preview.style.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const Preview = {
-  base: {
-    width: '100%',
-    mb: 'medium-1',
-  },
-};
diff --git a/docs-old/src/theme/components/ScrollToTop.style.ts b/docs-old/src/theme/components/ScrollToTop.style.ts
deleted file mode 100644
index 40a04105fe..0000000000
--- a/docs-old/src/theme/components/ScrollToTop.style.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import { shadow } from '@marigold/tokens';
-import { colors } from '../colors';
-
-export const ScrollToTop = {
-  base: {
-    position: 'fixed',
-    bottom: '3rem',
-    right: ['1rem', '2rem'],
-    bg: 'background.foreground',
-    border: `1px solid ${colors.border.dark}`,
-    borderRadius: '50%',
-    width: ['2.5rem', '3.5rem'],
-    height: ['2.5rem', '3.5rem'],
-    display: 'flex',
-    justifyContent: 'center',
-    alignItems: 'center',
-    boxShadow: shadow['medium-1'],
-  },
-};
diff --git a/docs-old/src/theme/components/Table.style.ts b/docs-old/src/theme/components/Table.style.ts
deleted file mode 100644
index 6bb9d59d9a..0000000000
--- a/docs-old/src/theme/components/Table.style.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const Table: Theme['components']['Table'] = {
-  base: {
-    table: { fontSize: 'fixed.small-3' },
-    header: {
-      fontFamily: 'headline',
-      textAlign: 'left',
-      p: 'small-1',
-    },
-    cell: {
-      p: 'small-1',
-    },
-  },
-  variant: {
-    lines: {
-      cell: {
-        borderTop: '1px solid',
-        borderColor: 'background.light',
-        whiteSpace: 'initial',
-        verticalAlign: 'top',
-      },
-    },
-    propsTable: {
-      header: {
-        borderBottom: '1px solid',
-        borderColor: 'background.light',
-      },
-      cell: {
-        borderBottom: '1px solid',
-        borderColor: 'background.light',
-        color: 'brand.secondary',
-        '&:last-child': {
-          fontFamily: 'headline',
-          color: 'text.regular',
-          hyphens: 'auto',
-        },
-      },
-    },
-  },
-} as const;
diff --git a/docs-old/src/theme/components/Tag.style.ts b/docs-old/src/theme/components/Tag.style.ts
deleted file mode 100644
index e735946ad1..0000000000
--- a/docs-old/src/theme/components/Tag.style.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const Tag: Theme['components']['Tag'] = {
-  base: {
-    tag: {
-      display: 'flex',
-      alignItems: 'center',
-      border: '1px solid gray',
-      borderRadius: '4px',
-      padding: '2px 5px',
-      margin: '2px',
-    },
-    gridCell: {},
-    closeButton: {
-      outline: 'none',
-      border: 'none',
-      cursor: 'pointer',
-      height: '16px',
-      width: '16px',
-      lineHeight: '1',
-      padding: '0',
-      position: 'relative',
-      right: '-5px',
-      top: '3px',
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Text.style.ts b/docs-old/src/theme/components/Text.style.ts
deleted file mode 100644
index ed1aac1b94..0000000000
--- a/docs-old/src/theme/components/Text.style.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import type { Theme } from '@marigold/components';
-
-export const Text: Theme['components']['Text'] = {
-  base: {
-    lineHeight: 'large-1',
-    mb: 'medium-1',
-  },
-
-  variant: {
-    'page-caption': {
-      fontFamily: 'headline',
-      fontSize: 'fixed.medium-1',
-      color: 'text.light',
-      m: 'none',
-    },
-    caption: {
-      fontFamily: 'headline',
-      fontSize: 'fixed.small-2',
-      letterSpacing: '0.5px',
-      lineHeight: 'small-1',
-      mt: 'small-1',
-      mb: 'none',
-    },
-    muted: {
-      fontFamily: 'headline',
-      color: 'brand.secondary',
-    },
-    content: {
-      mb: 'none',
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Toc.style.ts b/docs-old/src/theme/components/Toc.style.ts
deleted file mode 100644
index 74d48cf6d1..0000000000
--- a/docs-old/src/theme/components/Toc.style.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-export const Toc = {
-  base: {
-    toc: {
-      position: 'sticky',
-      fontSize: 'fixed.small-2',
-      top: 20,
-      right: 0,
-      mx: 'medium-1',
-      pl: 'medium-2',
-
-      borderLeft: '1px solid',
-      borderColor: 'background.light',
-    },
-    item: {
-      position: 'relative',
-      fontFamily: 'headline',
-      '&:hover': {
-        color: 'brand.secondary',
-      },
-      '&[data-active="true"]': {
-        fontWeight: '600',
-      },
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/Underlay.style.ts b/docs-old/src/theme/components/Underlay.style.ts
deleted file mode 100644
index 2fa7010cd7..0000000000
--- a/docs-old/src/theme/components/Underlay.style.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Theme } from '@marigold/components';
-
-export const Underlay: Theme['components']['Underlay'] = {
-  base: {},
-  variant: {
-    modal: {
-      bg: 'rgba(206, 212, 218, 0.5)',
-      backdropFilter: 'blur(1px)',
-    },
-  },
-};
diff --git a/docs-old/src/theme/components/index.ts b/docs-old/src/theme/components/index.ts
deleted file mode 100644
index e84d12d901..0000000000
--- a/docs-old/src/theme/components/index.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-export * from './Badge.style';
-export * from './Button.style';
-export * from './Card.style';
-export * from './Preview.style';
-export * from './Header.style';
-export * from './Headline.style';
-export * from './Link.style';
-export * from './List.style';
-export * from './Navigation.style';
-export * from './Menu.style';
-export * from './Message.style';
-export * from './Text.style';
-export * from './Table.style';
-export * from './ScrollToTop.style';
-export * from './Toc.style';
-export * from './Underlay.style';
diff --git a/docs-old/src/theme/index.ts b/docs-old/src/theme/index.ts
deleted file mode 100644
index f1823c352c..0000000000
--- a/docs-old/src/theme/index.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Theme as BaseTheme } from '@marigold/components';
-import { border, shadow } from '@marigold/tokens';
-import * as components from './components';
-import { root } from './root';
-import { colors } from './colors';
-import { space } from './space';
-import { sizes } from './sizes';
-import * as typography from './typography';
-import { ThemeExtensionsWithParts } from '@marigold/system';
-
-export interface Theme extends BaseTheme {
-  components: BaseTheme['components'] &
-    ThemeExtensionsWithParts<
-      'Navigation',
-      ['container', 'category', 'item', 'list', 'group']
-    >;
-}
-
-export const theme: Theme = {
-  breakpoints: ['51em', '75em', '100em'],
-  root,
-  space,
-  sizes,
-  colors,
-  radii: border.radius,
-  borderWidths: border.width,
-  shadows: shadow,
-  components,
-  ...typography,
-};
-
-export const webFontUrl = typography.webFontUrl;
diff --git a/docs-old/src/theme/root.ts b/docs-old/src/theme/root.ts
deleted file mode 100644
index 844bf91a92..0000000000
--- a/docs-old/src/theme/root.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-export const root = {
-  html: {
-    scrollBehavior: 'smooth',
-    scrollPaddingTop: 'medium-1',
-  },
-  body: {
-    bg: 'background.page',
-    fontFamily: 'body',
-    fontSize: 'fixed.medium-1',
-    color: 'text.regular',
-  },
-  a: {
-    color: 'text.regular',
-  },
-  pre: {
-    fontFamily: 'mono',
-    fontSize: 'fixed.small-3',
-    py: 'small-1',
-    px: 'small-1',
-    borderRadius: '10px',
-    overflowX: 'auto',
-    maxWidth: '100%',
-    maxHeight: '500px',
-  },
-} as const;
diff --git a/docs-old/src/theme/sizes.ts b/docs-old/src/theme/sizes.ts
deleted file mode 100644
index 1070b6db56..0000000000
--- a/docs-old/src/theme/sizes.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { size } from '@marigold/tokens';
-
-export const sizes = {
-  ...size.fixed,
-};
diff --git a/docs-old/src/theme/space.ts b/docs-old/src/theme/space.ts
deleted file mode 100644
index b56dece0ab..0000000000
--- a/docs-old/src/theme/space.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import { space as tokens } from '@marigold/tokens';
-
-export const space = tokens.fluid;
diff --git a/docs-old/src/theme/typography.ts b/docs-old/src/theme/typography.ts
deleted file mode 100644
index 18fddfb7f1..0000000000
--- a/docs-old/src/theme/typography.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { typography } from '@marigold/tokens';
-
-export const fonts = {
-  mono: '"Fira Mono", "DejaVu Sans Mono", Menlo, Consolas, "Liberation Mono", Monaco, "Lucida Console", monospace',
-  body: 'Merriweather, serif',
-  headline: 'Montserrat, sans-serif',
-};
-
-export const webFontUrl = [
-  'https://fonts.bunny.net/css?family=fira-mono:400,500,700|merriweather:300,300i,400,400i,700,700i,900,900i|montserrat:200,300,400,500,600,700,800,900',
-] as const;
-
-export const fontSizes = {
-  ...typography.size,
-};
-
-export const fontWeights = {
-  ...typography.weight,
-};
-
-export const lineHeights = {
-  ...typography.lineHeight,
-};
diff --git a/docs-old/tsconfig.json b/docs-old/tsconfig.json
deleted file mode 100644
index ef918b5e73..0000000000
--- a/docs-old/tsconfig.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-  "extends": "@marigold/tsconfig/react",
-  "compilerOptions": {
-    "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "baseUrl": ".",
-    "paths": {
-      "@marigold/*": ["../packages/*/src", "../themes/*/src"],
-      "~/*": ["src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "globals.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}