fulldev-ui 0.5.0-beta.1 → 0.5.0-beta.10

package/CONTRIBUTING.md

@@ -15,19 +15,25 @@ Here lay a few resources we wrote to help you do it!
 │   ├── content/
 │   │   ├── pages/
 │   │   │   └── ...
-│   │   ├── settings/
+│   │   ├── presets/
 │   │   │   └── ...
 │   │   └── ...
 │   ├── css/
 │   │   └── ...
+│   ├── images/
+│   │   └── ...
 │   ├── integration/
 │   │   └── ...
 │   ├── layouts/
 │   │   └── ...
+│   ├── loaders/
+│   │   └── ...
 │   ├── pages/
 │   │   └── ...
 │   ├── schemas/
 │   │   └── ...
+│   ├── types/
+│   │   └── ...
 │   └── utils/
 │       └── ...
 ├── public/
@@ -101,9 +107,9 @@ For a faster and easier review we advise you to use [conventional commits](https
 Have you used fulldev-ui to build a website? Add it to the showcase!
 
 1. Fork this repository.
-2. Add a screenshot of your site to the `public/images/showcase/` directory.
-3. Create a file which is your unslugged domain in `src/pages/records/showcase/` for example `src/pages/records/showcase/google-com.mdx`.
-4. Go to the forked repository on your Github and clicke the 'Contribute` button to make a Pull Request.
+2. Add a screenshot of your site to the `/src/images/showcase/` directory.
+3. Create a file which in `/src/content/pages/showcase/` for example `/src/content/pages/showcase/google.md`.
+4. Go to the forked repository on your Github and clicke the "Contribute" button to make a Pull Request.
 
 ## Community / Contact
 

package/astro.config.ts

@@ -2,7 +2,6 @@ import mdx from '@astrojs/mdx'
 import sitemap from '@astrojs/sitemap'
 // @ts-ignore
 import liveCode from 'astro-live-code'
-import pagefind from 'astro-pagefind'
 import { defineConfig } from 'astro/config'
 import integration from 'fulldev-ui/integration'
 
@@ -19,7 +18,6 @@ export default defineConfig({
   integrations: [
     sitemap(),
     mdx(),
-    pagefind(),
     liveCode({
       layout: '/src/components/experimental/Window.astro',
     }),
@@ -27,6 +25,8 @@ export default defineConfig({
       company: 'Fulldev UI',
       favicon: 'src/images/favicon.svg',
       css: '/src/css/custom.css',
+      basePreset: 'base',
+      injectRoutes: true,
       colors: {
         theme: 'dark',
         light: {
@@ -40,8 +40,6 @@ export default defineConfig({
           brand: '#F50',
         },
       },
-      injectRoutes: true,
-      overrideComponents: true,
     }),
   ],
   redirects: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fulldev-ui",
-  "version": "0.5.0-beta.1",
+  "version": "0.5.0-beta.10",
   "description": "A component library built for Astro",
   "homepage": "https://ui.full.dev",
   "bugs": "https://github.com/fulldotdev/ui/issues",
@@ -41,13 +41,14 @@
     "@astrojs/sitemap": "^3.2.1",
     "@astrolib/seo": "1.0.0-beta.8",
     "@iconify-json/tabler": "^1.2.5",
+    "@nanostores/persistent": "^0.10.2",
     "@radix-ui/colors": "^3.0.0",
+    "@rollup/plugin-yaml": "^4.1.2",
     "@types/js-yaml": "^4.0.9",
     "@unocss/reset": "^0.63.4",
     "astro": "^4.16.6",
     "astro-favicons": "^2.0.2",
     "astro-live-code": "^0.0.3",
-    "astro-pagefind": "^1.6.0",
     "astro-seo": "^0.8.4",
     "bezier-easing": "^2.1.0",
     "colorjs.io": "^0.5.2",
@@ -55,19 +56,20 @@
     "fs": "0.0.1-security",
     "install": "^0.13.0",
     "js-yaml": "^4.1.0",
+    "nanostores": "^0.11.3",
     "npm": "^10.9.0",
     "radash": "^12.1.0",
     "remeda": "2.15.2",
     "sass": "^1.80.2",
     "sharp": "^0.33.5",
+    "stripe": "^17.2.1",
     "tailwindcss": "^3.4.14",
     "typescript": "^5.6.3",
     "unocss": "^0.63.4",
     "url": "^0.11.4",
     "vite-plugin-virtual": "^0.3.0",
     "zod": "^3.23.8",
-    "zod-to-ts": "^1.2.0",
-    "@rollup/plugin-yaml": "^4.1.2"
+    "zod-to-ts": "^1.2.0"
   },
   "devDependencies": {
     "@astrojs/check": "^0.9.4",

package/pnpm-lock.yaml

@@ -17,9 +17,15 @@ dependencies:
   '@iconify-json/tabler':
     specifier: ^1.2.5
     version: 1.2.5
+  '@nanostores/persistent':
+    specifier: ^0.10.2
+    version: 0.10.2(nanostores@0.11.3)
   '@radix-ui/colors':
     specifier: ^3.0.0
     version: 3.0.0
+  '@rollup/plugin-yaml':
+    specifier: ^4.1.2
+    version: 4.1.2
   '@types/js-yaml':
     specifier: ^4.0.9
     version: 4.0.9
@@ -35,9 +41,6 @@ dependencies:
   astro-live-code:
     specifier: ^0.0.3
     version: 0.0.3
-  astro-pagefind:
-    specifier: ^1.6.0
-    version: 1.6.0(astro@4.16.6)
   astro-seo:
     specifier: ^0.8.4
     version: 0.8.4(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.3)
@@ -59,6 +62,9 @@ dependencies:
   js-yaml:
     specifier: ^4.1.0
     version: 4.1.0
+  nanostores:
+    specifier: ^0.11.3
+    version: 0.11.3
   npm:
     specifier: ^10.9.0
     version: 10.9.0
@@ -74,6 +80,9 @@ dependencies:
   sharp:
     specifier: ^0.33.5
     version: 0.33.5
+  stripe:
+    specifier: ^17.2.1
+    version: 17.2.1
   tailwindcss:
     specifier: ^3.4.14
     version: 3.4.14
@@ -82,13 +91,13 @@ dependencies:
     version: 5.6.3
   unocss:
     specifier: ^0.63.4
-    version: 0.63.4(postcss@8.4.45)(vite@5.4.3)
+    version: 0.63.4(postcss@8.4.45)(vite@5.4.9)
   url:
     specifier: ^0.11.4
     version: 0.11.4
   vite-plugin-virtual:
     specifier: ^0.3.0
-    version: 0.3.0(vite@5.4.3)
+    version: 0.3.0(vite@5.4.9)
   zod:
     specifier: ^3.23.8
     version: 3.23.8
@@ -100,9 +109,6 @@ devDependencies:
   '@astrojs/check':
     specifier: ^0.9.4
     version: 0.9.4(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.3)
-  '@rollup/plugin-yaml':
-    specifier: ^4.1.2
-    version: 4.1.2
   prettier:
     specifier: 3.3.3
     version: 3.3.3
@@ -1299,6 +1305,15 @@ packages:
       - supports-color
     dev: false
 
+  /@nanostores/persistent@0.10.2(nanostores@0.11.3):
+    resolution: {integrity: sha512-BEndnLhRC+yP7gXTESepBbSj8XNl8OXK9hu4xAgKC7MWJHKXnEqJMqY47LUyHxK6vYgFnisyHmqq+vq8AUFyIg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    peerDependencies:
+      nanostores: ^0.9.0 || ^0.10.0 || ^0.11.0
+    dependencies:
+      nanostores: 0.11.3
+    dev: false
+
   /@nodelib/fs.scandir@2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -1321,50 +1336,6 @@ packages:
     resolution: {integrity: sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==}
     dev: false
 
-  /@pagefind/darwin-arm64@1.1.1:
-    resolution: {integrity: sha512-tZ9tysUmQpFs2EqWG2+E1gc+opDAhSyZSsgKmFzhnWfkK02YHZhvL5XJXEZDqYy3s1FAKhwjTg8XDxneuBlDZQ==}
-    cpu: [arm64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@pagefind/darwin-x64@1.1.1:
-    resolution: {integrity: sha512-ChohLQ39dLwaxQv0jIQB/SavP3TM5K5ENfDTqIdzLkmfs3+JlzSDyQKcJFjTHYcCzQOZVeieeGq8PdqvLJxJxQ==}
-    cpu: [x64]
-    os: [darwin]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@pagefind/default-ui@1.1.1:
-    resolution: {integrity: sha512-ZM0zDatWDnac/VGHhQCiM7UgA4ca8jpjA+VfuTJyHJBaxGqZMQnm4WoTz9E0KFcue1Bh9kxpu7uWFZfwpZZk0A==}
-    dev: false
-
-  /@pagefind/linux-arm64@1.1.1:
-    resolution: {integrity: sha512-H5P6wDoCoAbdsWp0Zx0DxnLUrwTGWGLu/VI1rcN2CyFdY2EGSvPQsbGBMrseKRNuIrJDFtxHHHyjZ7UbzaM9EA==}
-    cpu: [arm64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@pagefind/linux-x64@1.1.1:
-    resolution: {integrity: sha512-yJs7tTYbL2MI3HT+ngs9E1BfUbY9M4/YzA0yEM5xBo4Xl8Yu8Qg2xZTOQ1/F6gwvMrjCUFo8EoACs6LRDhtMrQ==}
-    cpu: [x64]
-    os: [linux]
-    requiresBuild: true
-    dev: false
-    optional: true
-
-  /@pagefind/windows-x64@1.1.1:
-    resolution: {integrity: sha512-b7/qPqgIl+lMzkQ8fJt51SfguB396xbIIR+VZ3YrL2tLuyifDJ1wL5mEm+ddmHxJ2Fki340paPcDan9en5OmAw==}
-    cpu: [x64]
-    os: [win32]
-    requiresBuild: true
-    dev: false
-    optional: true
-
   /@parcel/watcher-android-arm64@2.4.1:
     resolution: {integrity: sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==}
     engines: {node: '>= 10.0.0'}
@@ -1523,7 +1494,7 @@ packages:
       '@rollup/pluginutils': 5.1.0
       js-yaml: 4.1.0
       tosource: 2.0.0-alpha.3
-    dev: true
+    dev: false
 
   /@rollup/pluginutils@5.1.0:
     resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
@@ -1537,7 +1508,7 @@ packages:
       '@types/estree': 1.0.5
       estree-walker: 2.0.2
       picomatch: 2.3.1
-    dev: true
+    dev: false
 
   /@rollup/pluginutils@5.1.2:
     resolution: {integrity: sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==}
@@ -1771,6 +1742,7 @@ packages:
 
   /@types/estree@1.0.5:
     resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+    dev: false
 
   /@types/hast@3.0.4:
     resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
@@ -1824,7 +1796,7 @@ packages:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
     dev: false
 
-  /@unocss/astro@0.63.4(vite@5.4.3):
+  /@unocss/astro@0.63.4(vite@5.4.9):
     resolution: {integrity: sha512-qu1uMDUT8lXU3mm5EjZpnizvjSYtfY0TTDivR5QNm1i3Xd+ErHfdfOpXdJ2mYvxv+X7C570//KUugkTI3Mb3kQ==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
@@ -1834,8 +1806,8 @@ packages:
     dependencies:
       '@unocss/core': 0.63.4
       '@unocss/reset': 0.63.4
-      '@unocss/vite': 0.63.4(vite@5.4.3)
-      vite: 5.4.3(sass@1.80.2)
+      '@unocss/vite': 0.63.4(vite@5.4.9)
+      vite: 5.4.9(sass@1.80.2)
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -2008,7 +1980,7 @@ packages:
       '@unocss/core': 0.63.4
     dev: false
 
-  /@unocss/vite@0.63.4(vite@5.4.3):
+  /@unocss/vite@0.63.4(vite@5.4.9):
     resolution: {integrity: sha512-YK0L177GD8Kx+JtfiCJy4YyBYckAXo4ogC8LZ+pYVNXDMN+F+XItpGI/ofLRaGIaewNg+MJgGY+CQZceABEAfg==}
     peerDependencies:
       vite: ^2.9.0 || ^3.0.0-0 || ^4.0.0 || ^5.0.0-0
@@ -2021,7 +1993,7 @@ packages:
       chokidar: 3.6.0
       magic-string: 0.30.11
       tinyglobby: 0.2.9
-      vite: 5.4.3(sass@1.80.2)
+      vite: 5.4.9(sass@1.80.2)
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -2226,6 +2198,7 @@ packages:
 
   /argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+    dev: false
 
   /aria-query@5.3.2:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
@@ -2255,17 +2228,6 @@ packages:
       unist-util-visit-parents: 6.0.1
     dev: false
 
-  /astro-pagefind@1.6.0(astro@4.16.6):
-    resolution: {integrity: sha512-U/WuE0ktkZkoFJf6yopWO4DjIJ3+wrnopE2L3kUYiyqNTJpqmp13bFLR8gir6B+KzQ5dsXQtJZYTQtKJg1FxIA==}
-    peerDependencies:
-      astro: ^2.0.4 || ^3.0.0 || ^4.0.0
-    dependencies:
-      '@pagefind/default-ui': 1.1.1
-      astro: 4.16.6(sass@1.80.2)(typescript@5.6.3)
-      pagefind: 1.1.1
-      sirv: 2.0.4
-    dev: false
-
   /astro-seo@0.8.4(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.3):
     resolution: {integrity: sha512-Ou1vzQSXAxa0K8rtNtXNvSpYqOGEgMhh0immMxJeXmbVZac3UKCNWAoXWyOQDFYsZvBugCRSg0N1phBqPMVgCw==}
     dependencies:
@@ -3020,6 +2982,7 @@ packages:
 
   /estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+    dev: false
 
   /estree-walker@3.0.3:
     resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
@@ -3660,6 +3623,7 @@ packages:
     hasBin: true
     dependencies:
       argparse: 2.0.1
+    dev: false
 
   /jsesc@3.0.2:
     resolution: {integrity: sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g==}
@@ -4415,6 +4379,11 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  /nanostores@0.11.3:
+    resolution: {integrity: sha512-TUes3xKIX33re4QzdxwZ6tdbodjmn3tWXCEc1uokiEmo14sI1EaGYNs2k3bU2pyyGNmBqFGAVl6jAGWd06AVIg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    dev: false
+
   /napi-build-utils@1.0.2:
     resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
     dev: false
@@ -4637,17 +4606,6 @@ packages:
     resolution: {integrity: sha512-E385OSk9qDcXhcM9LNSe4sdhx8a9mAPrZ4sMLW+tmxl5ZuGtPUcdFu+MPP2jbgiWAZ6Pfe5soGFMd+0Db5Vrog==}
     dev: false
 
-  /pagefind@1.1.1:
-    resolution: {integrity: sha512-U2YR0dQN5B2fbIXrLtt/UXNS0yWSSYfePaad1KcBPTi0p+zRtsVjwmoPaMQgTks5DnHNbmDxyJUL5TGaLljK3A==}
-    hasBin: true
-    optionalDependencies:
-      '@pagefind/darwin-arm64': 1.1.1
-      '@pagefind/darwin-x64': 1.1.1
-      '@pagefind/linux-arm64': 1.1.1
-      '@pagefind/linux-x64': 1.1.1
-      '@pagefind/windows-x64': 1.1.1
-    dev: false
-
   /parse-entities@4.0.1:
     resolution: {integrity: sha512-SWzvYcSJh4d/SGLIOQfZ/CoNv6BTlI6YEQ7Nj82oDVnRpwe/Z/F1EMx42x3JAOwGBlCjeCH0BRJQbQ/opHL17w==}
     dependencies:
@@ -5536,6 +5494,14 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: false
 
+  /stripe@17.2.1:
+    resolution: {integrity: sha512-Mwb0SitV/UjxTLSUiTlUQ0VDE/gfyQ7OHDGdvDdvKIH4CNNqobPKlzlWhoZHFFU0OA/YsZyBtPULK4JG86BAAg==}
+    engines: {node: '>=12.*'}
+    dependencies:
+      '@types/node': 17.0.45
+      qs: 6.13.0
+    dev: false
+
   /style-to-object@0.4.4:
     resolution: {integrity: sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==}
     dependencies:
@@ -5693,7 +5659,7 @@ packages:
   /tosource@2.0.0-alpha.3:
     resolution: {integrity: sha512-KAB2lrSS48y91MzFPFuDg4hLbvDiyTjOVgaK7Erw+5AmZXNq4sFRVn8r6yxSLuNs15PaokrDRpS61ERY9uZOug==}
     engines: {node: '>=10'}
-    dev: true
+    dev: false
 
   /totalist@3.0.1:
     resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
@@ -5858,7 +5824,7 @@ packages:
       unist-util-visit-parents: 6.0.1
     dev: false
 
-  /unocss@0.63.4(postcss@8.4.45)(vite@5.4.3):
+  /unocss@0.63.4(postcss@8.4.45)(vite@5.4.9):
     resolution: {integrity: sha512-MQ/ktuJ2MoXBsd117DEONFubJRQN6Og4mQJLbT+0nna2aTW4jYJESJ479mJYWq/ajonxEaM+zrf8M92VIWxzEw==}
     engines: {node: '>=14'}
     peerDependencies:
@@ -5870,7 +5836,7 @@ packages:
       vite:
         optional: true
     dependencies:
-      '@unocss/astro': 0.63.4(vite@5.4.3)
+      '@unocss/astro': 0.63.4(vite@5.4.9)
       '@unocss/cli': 0.63.4
       '@unocss/core': 0.63.4
       '@unocss/postcss': 0.63.4(postcss@8.4.45)
@@ -5886,8 +5852,8 @@ packages:
       '@unocss/transformer-compile-class': 0.63.4
       '@unocss/transformer-directives': 0.63.4
       '@unocss/transformer-variant-group': 0.63.4
-      '@unocss/vite': 0.63.4(vite@5.4.3)
-      vite: 5.4.3(sass@1.80.2)
+      '@unocss/vite': 0.63.4(vite@5.4.9)
+      vite: 5.4.9(sass@1.80.2)
     transitivePeerDependencies:
       - postcss
       - rollup
@@ -5938,51 +5904,12 @@ packages:
       vfile-message: 4.0.2
     dev: false
 
-  /vite-plugin-virtual@0.3.0(vite@5.4.3):
+  /vite-plugin-virtual@0.3.0(vite@5.4.9):
     resolution: {integrity: sha512-TOtrWw6jKrJNXfxhGRUiQzfAP1gRkYkVzMkJNjHUJ8idLuxf8eeeDKZKZHhdeYfaCc/87rv+KvWE2iCy1QInWA==}
     peerDependencies:
       vite: ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
     dependencies:
-      vite: 5.4.3(sass@1.80.2)
-    dev: false
-
-  /vite@5.4.3(sass@1.80.2):
-    resolution: {integrity: sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      sass-embedded: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      sass-embedded:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: 0.21.5
-      postcss: 8.4.45
-      rollup: 4.21.2
-      sass: 1.80.2
-    optionalDependencies:
-      fsevents: 2.3.3
+      vite: 5.4.9(sass@1.80.2)
     dev: false
 
   /vite@5.4.9(sass@1.80.2):

package/src/blocks/Article.astro

@@ -1,21 +1,40 @@
 ---
-import { getEntry } from 'astro:content'
 import Prose from 'fulldev-ui/components/experimental/Prose.astro'
 import Section from 'fulldev-ui/components/Section.astro'
+import Toc from 'fulldev-ui/components/Toc.astro'
 
-const { ...rest } = Astro.props
-
-const slug = Astro.url.pathname.replace(/^\/|\/$/g, '') || 'index'
-const currentEntry = await getEntry('pages', slug)
-const render = currentEntry && (await currentEntry.render())
-const { Content } = render || {}
+const { toc = 'Op deze pagina', render } = Astro.props
+const { Content } = (render && (await render())) || {}
 ---
 
-<Section
-  style={{ '--screen': '768px' }}
-  {...rest}
->
-  <Prose id="prose">
+<Section class:list="article">
+  <Prose>
     {Content && <Content />}
+    <slot />
   </Prose>
+  <Toc
+    {render}
+    heading={toc}
+  />
 </Section>
+
+<style is:global lang="scss">
+  .article {
+    display: flex;
+    position: relative;
+    flex-grow: 1;
+    flex-direction: row;
+    align-items: start;
+    height: 100%;
+
+    &:first-child {
+      padding-top: var(--space-6);
+    }
+
+    .prose {
+      margin-right: auto;
+      margin-left: auto;
+      max-width: 768px;
+    }
+  }
+</style>

package/src/blocks/Banner.astro

@@ -31,8 +31,9 @@ const { color = 'brand', size = 'sm', text, ...rest } = Astro.props
       background-color: var(--color-9);
       padding: 0 var(--gutter);
       width: 100%;
-      height: var(--banner-height);
+      min-height: var(--banner-height);
       overflow: hidden;
+      text-align: center;
 
       .text {
         color: var(--color-contrast);

package/src/blocks/Contact.astro

@@ -13,35 +13,6 @@ import Tagline from 'fulldev-ui/components/Tagline.astro'
 import Text from 'fulldev-ui/components/Text.astro'
 import Textarea from 'fulldev-ui/components/Textarea.astro'
 
-// interface Channel {
-//   type: 'tel' | 'email' | 'address'
-//   text: string
-//   heading?: string
-//   icon?: string
-//   href?: string
-// }
-
-// interface FormField {
-//   type: 'text' | 'email' | 'tel' | 'textarea'
-//   name: string
-//   label: string
-//   required?: boolean
-// }
-
-// interface Form {
-//   fields: FormField[]
-//   button: string
-// }
-
-// type Props<As extends HTMLTag = 'section'> = ComponentProps<
-//   typeof Section<As>
-// > & {
-//   form: Form
-//   googleMaps?: string
-//   socials?: any
-//   channels: Channel[]
-// }
-
 const {
   heading,
   form,
@@ -53,7 +24,7 @@ const {
   position,
   image,
   channels,
-  level = 2,
+  level = 1,
   ...rest
 } = Astro.props
 ---
@@ -69,6 +40,7 @@ const {
       text={tagline}
     />
     <Heading
+      size={'sm'}
       level={level}
       text={heading}
     />
@@ -106,6 +78,7 @@ const {
       <Button
         type="submit"
         color="brand"
+        variant="primary"
         text={form.button}
       />
     </Form>
@@ -126,6 +99,10 @@ const {
         align-items: flex-start;
       }
 
+      > .column {
+        gap: var(--space-5);
+      }
+
       .channel + .channel {
         margin-top: var(--space-3) !important;
       }

package/src/blocks/Excerpt.astro

@@ -0,0 +1,14 @@
+---
+import Section from 'fulldev-ui/components/Section.astro'
+
+const { ...rest } = Astro.props
+---
+
+<Section
+  level={1}
+  size="lg"
+  align="center"
+  variant="primary"
+  color="brand"
+  {...rest}
+/>

package/src/blocks/Intro.astro

@@ -8,7 +8,7 @@ const { image, ...rest } = Astro.props
   class:list="intro"
   structure="column"
   size="sm"
-  level={2}
+  level={1}
   {...rest}
 />
 
@@ -16,6 +16,8 @@ const { image, ...rest } = Astro.props
   @layer fulldev {
     .intro {
       border-bottom: 1px solid var(--base-6);
+      padding-top: var(--space-7);
+      padding-bottom: var(--space-7);
     }
   }
 </style>