diff --git a/playgrounds/skeleton-svelte/src/routes/light-switch.svelte b/playgrounds/skeleton-svelte/src/routes/light-switch.svelte index 13819d82be..570c58f32a 100644 --- a/playgrounds/skeleton-svelte/src/routes/light-switch.svelte +++ b/playgrounds/skeleton-svelte/src/routes/light-switch.svelte @@ -14,7 +14,6 @@ document.documentElement.setAttribute('data-mode', mode); localStorage.setItem('mode', mode); checked = event.checked; - console.log(event); }; diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 7c74b7c483..082648bcef 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -18,15 +18,15 @@ catalogs: '@astrojs/react': specifier: 4.4.0 version: 4.4.0 + '@astrojs/sitemap': + specifier: 3.6.0 + version: 3.6.0 '@astrojs/svelte': specifier: 7.2.0 version: 7.2.0 '@astrojs/vercel': specifier: 8.2.10 version: 8.2.10 - '@atproto/api': - specifier: 0.17.3 - version: 0.17.3 '@changesets/cli': specifier: 2.29.7 version: 2.29.7 @@ -42,9 +42,30 @@ catalogs: '@lucide/svelte': specifier: 0.546.0 version: 0.546.0 - '@nanostores/persistent': - specifier: 1.1.0 - version: 1.1.0 + '@resvg/resvg-js': + specifier: 2.6.2 + version: 2.6.2 + '@shikijs/core': + specifier: 3.13.0 + version: 3.13.0 + '@shikijs/engine-javascript': + specifier: 3.13.0 + version: 3.13.0 + '@shikijs/langs': + specifier: 3.13.0 + version: 3.13.0 + '@shikijs/themes': + specifier: 3.13.0 + version: 3.13.0 + '@shikijs/transformers': + specifier: 3.13.0 + version: 3.13.0 + '@shikijs/types': + specifier: 3.13.0 + version: 3.13.0 + '@stackblitz/sdk': + specifier: 1.11.0 + version: 1.11.0 '@sveltejs/adapter-auto': specifier: 7.0.0 version: 7.0.0 @@ -90,9 +111,9 @@ catalogs: '@types/estree': specifier: 1.0.8 version: 1.0.8 - '@types/mdast': - specifier: 4.0.4 - version: 4.0.4 + '@types/html-escaper': + specifier: 3.0.4 + version: 3.0.4 '@types/node': specifier: 24.8.1 version: 24.8.1 @@ -105,9 +126,6 @@ catalogs: '@types/semver': specifier: 7.7.1 version: 7.7.1 - '@types/unist': - specifier: 3.0.3 - version: 3.0.3 '@vitejs/plugin-react': specifier: 5.0.4 version: 5.0.4 @@ -189,9 +207,12 @@ catalogs: astro-auto-import: specifier: 0.4.5 version: 0.4.5 - astro-expressive-code: - specifier: 0.41.3 - version: 0.41.3 + astro-pagefind: + specifier: 1.8.5 + version: 1.8.5 + astro-seo: + specifier: 0.8.4 + version: 0.8.4 chroma-js: specifier: 3.1.2 version: 3.1.2 @@ -207,6 +228,9 @@ catalogs: fuse.js: specifier: 7.1.0 version: 7.1.0 + html-escaper: + specifier: 3.0.3 + version: 3.0.3 jsdom: specifier: 27.0.1 version: 27.0.1 @@ -219,27 +243,9 @@ catalogs: magic-string: specifier: 0.30.19 version: 0.30.19 - mdast-util-from-markdown: - specifier: 2.0.2 - version: 2.0.2 - mdast-util-gfm: - specifier: 3.1.0 - version: 3.1.0 - mdast-util-mdx: - specifier: 3.0.0 - version: 3.0.0 - mdast-util-to-markdown: - specifier: 2.1.2 - version: 2.1.2 - micromark-extension-mdxjs: - specifier: 3.0.0 - version: 3.0.0 nanoid: specifier: 5.1.6 version: 5.1.6 - nanostores: - specifier: 1.0.1 - version: 1.0.1 next: specifier: 15.5.6 version: 15.5.6 @@ -258,9 +264,6 @@ catalogs: package-manager-detector: specifier: 1.5.0 version: 1.5.0 - pagefind: - specifier: 1.4.0 - version: 1.4.0 playwright: specifier: 1.56.1 version: 1.56.1 @@ -285,6 +288,9 @@ catalogs: sass-embedded: specifier: 1.93.2 version: 1.93.2 + satori: + specifier: 0.18.3 + version: 0.18.3 semver: specifier: 7.7.3 version: 7.7.3 @@ -318,9 +324,6 @@ catalogs: typescript: specifier: 5.9.3 version: 5.9.3 - unist-util-visit: - specifier: 5.0.0 - version: 5.0.0 unplugin-macros: specifier: 0.18.2 version: 0.18.2 @@ -330,9 +333,6 @@ catalogs: vite: specifier: 7.1.10 version: 7.1.10 - vite-plugin-pagefind: - specifier: 1.0.7 - version: 1.0.7 vite-plugin-transform-lucide-imports: specifier: 0.3.0 version: 0.3.0 @@ -811,15 +811,15 @@ importers: '@astrojs/react': specifier: 'catalog:' version: 4.4.0(@types/node@24.8.1)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(jiti@2.6.1)(lightningcss@1.30.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1) + '@astrojs/sitemap': + specifier: 'catalog:' + version: 3.6.0 '@astrojs/svelte': specifier: 'catalog:' version: 7.2.0(@types/node@24.8.1)(astro@5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1))(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(svelte@5.41.0)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1) '@astrojs/vercel': specifier: 'catalog:' version: 8.2.10(@sveltejs/kit@2.47.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.41.0)(vite@6.3.6(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)))(svelte@5.41.0)(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)))(astro@5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1))(next@15.5.6(@babel/core@7.28.4)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(sass@1.93.2))(react@19.2.0)(rollup@4.52.4)(svelte@5.41.0) - '@atproto/api': - specifier: 'catalog:' - version: 0.17.3 '@faker-js/faker': specifier: 'catalog:' version: 10.1.0 @@ -829,9 +829,27 @@ importers: '@lucide/svelte': specifier: 'catalog:' version: 0.546.0(svelte@5.41.0) - '@nanostores/persistent': + '@resvg/resvg-js': + specifier: 'catalog:' + version: 2.6.2 + '@shikijs/core': + specifier: 'catalog:' + version: 3.13.0 + '@shikijs/engine-javascript': + specifier: 'catalog:' + version: 3.13.0 + '@shikijs/langs': specifier: 'catalog:' - version: 1.1.0(nanostores@1.0.1) + version: 3.13.0 + '@shikijs/themes': + specifier: 'catalog:' + version: 3.13.0 + '@shikijs/transformers': + specifier: 'catalog:' + version: 3.13.0 + '@shikijs/types': + specifier: 'catalog:' + version: 3.13.0 '@skeletonlabs/skeleton': specifier: workspace:* version: link:../../packages/skeleton @@ -844,63 +862,45 @@ importers: '@skeletonlabs/skeleton-svelte': specifier: workspace:* version: link:../../packages/skeleton-svelte - '@tailwindcss/forms': + '@stackblitz/sdk': specifier: 'catalog:' - version: 0.5.10(tailwindcss@4.1.14) + version: 1.11.0 '@tailwindcss/vite': specifier: 'catalog:' version: 4.1.14(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)) - '@types/mdast': + '@types/html-escaper': specifier: 'catalog:' - version: 4.0.4 + version: 3.0.4 '@types/react': specifier: 'catalog:' version: 19.2.2 '@types/react-dom': specifier: 'catalog:' version: 19.2.2(@types/react@19.2.2) - '@types/unist': - specifier: 'catalog:' - version: 3.0.3 astro: specifier: 'catalog:' version: 5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1) astro-auto-import: specifier: 'catalog:' version: 0.4.5(astro@5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1)) - astro-expressive-code: + astro-pagefind: specifier: 'catalog:' - version: 0.41.3(astro@5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1)) + version: 1.8.5(astro@5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1)) + astro-seo: + specifier: 'catalog:' + version: 0.8.4(prettier-plugin-astro@0.14.1)(prettier@3.6.2)(typescript@5.9.3) fuse.js: specifier: 'catalog:' version: 7.1.0 + html-escaper: + specifier: 'catalog:' + version: 3.0.3 lucide-react: specifier: 'catalog:' version: 0.546.0(react@19.2.0) - mdast-util-from-markdown: - specifier: 'catalog:' - version: 2.0.2 - mdast-util-gfm: - specifier: 'catalog:' - version: 3.1.0 - mdast-util-mdx: - specifier: 'catalog:' - version: 3.0.0 - mdast-util-to-markdown: - specifier: 'catalog:' - version: 2.1.2 - micromark-extension-mdxjs: - specifier: 'catalog:' - version: 3.0.0 - nanostores: - specifier: 'catalog:' - version: 1.0.1 octokit: specifier: 'catalog:' version: 5.0.4 - pagefind: - specifier: 'catalog:' - version: 1.4.0 playwright: specifier: 'catalog:' version: 1.56.1 @@ -910,6 +910,9 @@ importers: react-dom: specifier: 'catalog:' version: 19.2.0(react@19.2.0) + satori: + specifier: 'catalog:' + version: 0.18.3 sharp: specifier: 'catalog:' version: 0.34.4 @@ -931,12 +934,6 @@ importers: typescript: specifier: 'catalog:' version: 5.9.3 - unist-util-visit: - specifier: 'catalog:' - version: 5.0.0 - vite-plugin-pagefind: - specifier: 'catalog:' - version: 1.0.7(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)) vite-plugin-transform-lucide-imports: specifier: 'catalog:' version: 0.3.0(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)) @@ -1016,6 +1013,12 @@ packages: '@asamuzakjp/nwsapi@2.3.9': resolution: {integrity: sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q==} + '@astrojs/check@0.5.10': + resolution: {integrity: sha512-vliHXM9cu/viGeKiksUM4mXfO816ohWtawTl2ADPgTsd4nUMjFiyAl7xFZhF34yy4hq4qf7jvK1F2PlR3b5I5w==} + hasBin: true + peerDependencies: + typescript: ^5.0.0 + '@astrojs/check@0.9.4': resolution: {integrity: sha512-IOheHwCtpUfvogHHsvu0AbeRZEnjJg3MopdLddkJE70mULItS/Vh37BHcI00mcOJcH1vhD3odbpvWokpxam7xA==} hasBin: true @@ -1065,6 +1068,9 @@ packages: react: ^17.0.2 || ^18.0.0 || ^19.0.0 react-dom: ^17.0.2 || ^18.0.0 || ^19.0.0 + '@astrojs/sitemap@3.6.0': + resolution: {integrity: sha512-4aHkvcOZBWJigRmMIAJwRQXBS+ayoP5z40OklTXYXhUDhwusz+DyDl+nSshY6y9DvkVEavwNcFO8FD81iGhXjg==} + '@astrojs/svelte@7.2.0': resolution: {integrity: sha512-6AbtExkKc+m0tHR7Plf4bd3Myx0FMHmAICFfp4eAlv8IavjFmZMIjosRvm2+1l8MTH80p+cQxQmo/R3K+RvXlw==} engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0} @@ -1085,21 +1091,6 @@ packages: '@astrojs/yaml2ts@0.2.2': resolution: {integrity: sha512-GOfvSr5Nqy2z5XiwqTouBBpy5FyI6DEe+/g/Mk5am9SjILN1S5fOEvYK0GuWHg98yS/dobP4m8qyqw/URW35fQ==} - '@atproto/api@0.17.3': - resolution: {integrity: sha512-pdQXhUAapNPdmN00W0vX5ta/aMkHqfgBHATt20X02XwxQpY2AnrPm2Iog4FyjsZqoHooAtCNV/NWJ4xfddJzsg==} - - '@atproto/common-web@0.4.3': - resolution: {integrity: sha512-nRDINmSe4VycJzPo6fP/hEltBcULFxt9Kw7fQk6405FyAWZiTluYHlXOnU7GkQfeUK44OENG1qFTBcmCJ7e8pg==} - - '@atproto/lexicon@0.5.1': - resolution: {integrity: sha512-y8AEtYmfgVl4fqFxqXAeGvhesiGkxiy3CWoJIfsFDDdTlZUC8DFnZrYhcqkIop3OlCkkljvpSJi1hbeC1tbi8A==} - - '@atproto/syntax@0.4.1': - resolution: {integrity: sha512-CJdImtLAiFO+0z3BWTtxwk6aY5w4t8orHTMVJgkf++QRJWTxPbIFko/0hrkADB7n2EruDxDSeAgfUGehpH6ngw==} - - '@atproto/xrpc@0.7.5': - resolution: {integrity: sha512-MUYNn5d2hv8yVegRL0ccHvTHAVj5JSnW07bkbiaz96UH45lvYNRVwt44z+yYVnb0/mvBzyD3/ZQ55TRGt7fHkA==} - '@babel/code-frame@7.27.1': resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==} engines: {node: '>=6.9.0'} @@ -1292,10 +1283,6 @@ packages: resolution: {integrity: sha512-Vd/9EVDiu6PPJt9yAh6roZP6El1xHrdvIVGjyBsHR0RYwNHgL7FJPyIIW4fANJNG6FtyZfvlRPpFI4ZM/lubvw==} engines: {node: '>=18'} - '@ctrl/tinycolor@4.2.0': - resolution: {integrity: sha512-kzyuwOAQnXJNLS9PSyrk0CWk35nWJW/zl/6KvnTBMFK65gm7U1/Z5BqjxeapjZCIhQcM/DsrEmcbRwDyXyXK4A==} - engines: {node: '>=14'} - '@emmetio/abbreviation@2.3.3': resolution: {integrity: sha512-mgv58UrU3rh4YgbE/TzgLQwJ3pFsHHhCLqY20aJq+9comytTXUDNGG/SMtSeMJdkpxgXSXunBGLD8Boka3JyVA==} @@ -1482,18 +1469,6 @@ packages: cpu: [x64] os: [win32] - '@expressive-code/core@0.41.3': - resolution: {integrity: sha512-9qzohqU7O0+JwMEEgQhnBPOw5DtsQRBXhW++5fvEywsuX44vCGGof1SL5OvPElvNgaWZ4pFZAFSlkNOkGyLwSQ==} - - '@expressive-code/plugin-frames@0.41.3': - resolution: {integrity: sha512-rFQtmf/3N2CK3Cq/uERweMTYZnBu+CwxBdHuOftEmfA9iBE7gTVvwpbh82P9ZxkPLvc40UMhYt7uNuAZexycRQ==} - - '@expressive-code/plugin-shiki@0.41.3': - resolution: {integrity: sha512-RlTARoopzhFJIOVHLGvuXJ8DCEme/hjV+ZnRJBIxzxsKVpGPW4Oshqg9xGhWTYdHstTsxO663s0cdBLzZj9TQA==} - - '@expressive-code/plugin-text-markers@0.41.3': - resolution: {integrity: sha512-SN8tkIzDpA0HLAscEYD2IVrfLiid6qEdE9QLlGVSxO1KEw7qYvjpbNBQjUjMr5/jvTJ7ys6zysU2vLPHE0sb2g==} - '@faker-js/faker@10.1.0': resolution: {integrity: sha512-C3mrr3b5dRVlKPJdfrAXS8+dq+rq8Qm5SNRazca0JKgw1HQERFmrVb0towvMmw5uu8hHKNiQasMaR/tydf3Zsg==} engines: {node: ^20.19.0 || ^22.13.0 || ^23.5.0 || >=24.0.0, npm: '>=10'} @@ -1710,12 +1685,6 @@ packages: '@mdx-js/mdx@3.1.1': resolution: {integrity: sha512-f6ZO2ifpwAQIpzGWaBQT2TXxPv6z3RBzQKpVftEWN78Vl/YweF1uwussDx8ECAXVtr3Rs89fKyG9YlzUs9DyGQ==} - '@nanostores/persistent@1.1.0': - resolution: {integrity: sha512-e6vfv7H99VkCfSoNTR/qNVMj6vXwWcsEL+LCQQamej5GK9iDefKxPCJjdOpBi1p4lNCFIQ+9VjYF1spvvc2p6A==} - engines: {node: ^20.0.0 || >=22.0.0} - peerDependencies: - nanostores: ^0.9.0 || ^0.10.0 || ^0.11.0 || ^1.0.0 - '@napi-rs/wasm-runtime@1.0.7': resolution: {integrity: sha512-SeDnOO0Tk7Okiq6DbXmmBODgOAb9dp9gjlphokTUxmt8U3liIP1ZsozBahH69j/RJv+Rfs6IwUKHTgQYJ/HBAw==} @@ -1983,6 +1952,9 @@ packages: cpu: [x64] os: [darwin] + '@pagefind/default-ui@1.4.0': + resolution: {integrity: sha512-wie82VWn3cnGEdIjh4YwNESyS1G6vRHwL6cNjy9CFgNnWW/PGRjsLq300xjVH5sfPFK3iK36UxvIBymtQIEiSQ==} + '@pagefind/freebsd-x64@1.4.0': resolution: {integrity: sha512-WcJVypXSZ+9HpiqZjFXMUobfFfZZ6NzIYtkhQ9eOhZrQpeY5uQFqNWLCk7w9RkMUwBv1HAMDW3YJQl/8OqsV0Q==} cpu: [x64] @@ -2122,6 +2094,86 @@ packages: engines: {node: '>=18.0.0'} hasBin: true + '@resvg/resvg-js-android-arm-eabi@2.6.2': + resolution: {integrity: sha512-FrJibrAk6v29eabIPgcTUMPXiEz8ssrAk7TXxsiZzww9UTQ1Z5KAbFJs+Z0Ez+VZTYgnE5IQJqBcoSiMebtPHA==} + engines: {node: '>= 10'} + cpu: [arm] + os: [android] + + '@resvg/resvg-js-android-arm64@2.6.2': + resolution: {integrity: sha512-VcOKezEhm2VqzXpcIJoITuvUS/fcjIw5NA/w3tjzWyzmvoCdd+QXIqy3FBGulWdClvp4g+IfUemigrkLThSjAQ==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [android] + + '@resvg/resvg-js-darwin-arm64@2.6.2': + resolution: {integrity: sha512-nmok2LnAd6nLUKI16aEB9ydMC6Lidiiq2m1nEBDR1LaaP7FGs4AJ90qDraxX+CWlVuRlvNjyYJTNv8qFjtL9+A==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [darwin] + + '@resvg/resvg-js-darwin-x64@2.6.2': + resolution: {integrity: sha512-GInyZLjgWDfsVT6+SHxQVRwNzV0AuA1uqGsOAW+0th56J7Nh6bHHKXHBWzUrihxMetcFDmQMAX1tZ1fZDYSRsw==} + engines: {node: '>= 10'} + cpu: [x64] + os: [darwin] + + '@resvg/resvg-js-linux-arm-gnueabihf@2.6.2': + resolution: {integrity: sha512-YIV3u/R9zJbpqTTNwTZM5/ocWetDKGsro0SWp70eGEM9eV2MerWyBRZnQIgzU3YBnSBQ1RcxRZvY/UxwESfZIw==} + engines: {node: '>= 10'} + cpu: [arm] + os: [linux] + + '@resvg/resvg-js-linux-arm64-gnu@2.6.2': + resolution: {integrity: sha512-zc2BlJSim7YR4FZDQ8OUoJg5holYzdiYMeobb9pJuGDidGL9KZUv7SbiD4E8oZogtYY42UZEap7dqkkYuA91pg==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [linux] + libc: [glibc] + + '@resvg/resvg-js-linux-arm64-musl@2.6.2': + resolution: {integrity: sha512-3h3dLPWNgSsD4lQBJPb4f+kvdOSJHa5PjTYVsWHxLUzH4IFTJUAnmuWpw4KqyQ3NA5QCyhw4TWgxk3jRkQxEKg==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [linux] + libc: [musl] + + '@resvg/resvg-js-linux-x64-gnu@2.6.2': + resolution: {integrity: sha512-IVUe+ckIerA7xMZ50duAZzwf1U7khQe2E0QpUxu5MBJNao5RqC0zwV/Zm965vw6D3gGFUl7j4m+oJjubBVoftw==} + engines: {node: '>= 10'} + cpu: [x64] + os: [linux] + libc: [glibc] + + '@resvg/resvg-js-linux-x64-musl@2.6.2': + resolution: {integrity: sha512-UOf83vqTzoYQO9SZ0fPl2ZIFtNIz/Rr/y+7X8XRX1ZnBYsQ/tTb+cj9TE+KHOdmlTFBxhYzVkP2lRByCzqi4jQ==} + engines: {node: '>= 10'} + cpu: [x64] + os: [linux] + libc: [musl] + + '@resvg/resvg-js-win32-arm64-msvc@2.6.2': + resolution: {integrity: sha512-7C/RSgCa+7vqZ7qAbItfiaAWhyRSoD4l4BQAbVDqRRsRgY+S+hgS3in0Rxr7IorKUpGE69X48q6/nOAuTJQxeQ==} + engines: {node: '>= 10'} + cpu: [arm64] + os: [win32] + + '@resvg/resvg-js-win32-ia32-msvc@2.6.2': + resolution: {integrity: sha512-har4aPAlvjnLcil40AC77YDIk6loMawuJwFINEM7n0pZviwMkMvjb2W5ZirsNOZY4aDbo5tLx0wNMREp5Brk+w==} + engines: {node: '>= 10'} + cpu: [ia32] + os: [win32] + + '@resvg/resvg-js-win32-x64-msvc@2.6.2': + resolution: {integrity: sha512-ZXtYhtUr5SSaBrUDq7DiyjOFJqBVL/dOBN7N/qmi/pO0IgiWW/f/ue3nbvu9joWE5aAKDoIzy/CxsY0suwGosQ==} + engines: {node: '>= 10'} + cpu: [x64] + os: [win32] + + '@resvg/resvg-js@2.6.2': + resolution: {integrity: sha512-xBaJish5OeGmniDj9cW5PRa/PtmuVU3ziqrbr5xJj901ZDN4TosrVaNZpEiLZAxdfnhAe7uQ7QFWfjPe9d9K2Q==} + engines: {node: '>= 10'} + '@rolldown/binding-android-arm64@1.0.0-beta.43': resolution: {integrity: sha512-TP8bcPOb1s6UmY5syhXrDn9k0XkYcw+XaoylTN4cJxf0JOVS2j682I3aTcpfT51hOFGr2bRwNKN9RZ19XxeQbA==} engines: {node: ^20.19.0 || >=22.12.0} @@ -2363,12 +2415,23 @@ packages: '@shikijs/themes@3.13.0': resolution: {integrity: sha512-Vxw1Nm1/Od8jyA7QuAenaV78BG2nSr3/gCGdBkLpfLscddCkzkL36Q5b67SrLLfvAJTOUzW39x4FHVCFriPVgg==} + '@shikijs/transformers@3.13.0': + resolution: {integrity: sha512-833lcuVzcRiG+fXvgslWsM2f4gHpjEgui1ipIknSizRuTgMkNZupiXE5/TVJ6eSYfhNBFhBZKkReKWO2GgYmqA==} + '@shikijs/types@3.13.0': resolution: {integrity: sha512-oM9P+NCFri/mmQ8LoFGVfVyemm5Hi27330zuOBp0annwJdKH1kOLndw3zCtAVDehPLg9fKqoEx3Ht/wNZxolfw==} '@shikijs/vscode-textmate@10.0.2': resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==} + '@shuding/opentype.js@1.4.0-beta.0': + resolution: {integrity: sha512-3NgmNyH3l/Hv6EvsWJbsvpcpUba6R8IREQ83nH83cyakCw7uM1arZKNfHwv1Wz6jgqrF/j4x5ELvR6PnK9nTcA==} + engines: {node: '>= 8.0.0'} + hasBin: true + + '@stackblitz/sdk@1.11.0': + resolution: {integrity: sha512-DFQGANNkEZRzFk1/rDP6TcFdM82ycHE+zfl9C/M/jXlH68jiqHWHFMQURLELoD8koxvu/eW5uhg94NSAZlYrUQ==} + '@standard-schema/spec@1.0.0': resolution: {integrity: sha512-m2bOd0f2RT9k8QJx1JN85cZYyH1RqFBdlwtkSlf4tBDYLCiiZnv1fIIwacK6cqwXavOydf0NPToMQgpKq+dVlA==} @@ -2652,6 +2715,9 @@ packages: '@types/hast@3.0.4': resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==} + '@types/html-escaper@3.0.4': + resolution: {integrity: sha512-UKSaMPMXXKnq1jDj74seVikfdq5pWvoXcIgOUbwYzHuAEGiv8/juom1i/MsWBF8boFSI0uHQCSZauzr5OYnnJA==} + '@types/mdast@4.0.4': resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==} @@ -2667,6 +2733,9 @@ packages: '@types/node@12.20.55': resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==} + '@types/node@17.0.45': + resolution: {integrity: sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==} + '@types/node@18.19.130': resolution: {integrity: sha512-GRaXQx6jGfL8sKfaIDD6OupbIHBr9jv7Jnaml9tB7l4v068PAOXqfcujMMo5PhbIs6ggR1XODELqahT2R8v0fg==} @@ -2681,6 +2750,9 @@ packages: '@types/react@19.2.2': resolution: {integrity: sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==} + '@types/sax@1.2.7': + resolution: {integrity: sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==} + '@types/semver@7.7.1': resolution: {integrity: sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==} @@ -3011,6 +3083,9 @@ packages: resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==} engines: {node: '>= 8'} + arg@5.0.2: + resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==} + argparse@1.0.10: resolution: {integrity: sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==} @@ -3049,10 +3124,13 @@ packages: peerDependencies: astro: ^2.0.0 || ^3.0.0-beta || ^4.0.0-beta || ^5.0.0-beta - astro-expressive-code@0.41.3: - resolution: {integrity: sha512-u+zHMqo/QNLE2eqYRCrK3+XMlKakv33Bzuz+56V1gs8H0y6TZ0hIi3VNbIxeTn51NLn+mJfUV/A0kMNfE4rANw==} + astro-pagefind@1.8.5: + resolution: {integrity: sha512-CVhKKA9bTQ7hLsHk9KTNDzOdgR4EI04gn0mjDGfnXzaHx7rL92YkNpFM5AoFl9NWmOUbaIFC2DN7Yvs/ZFPRdA==} peerDependencies: - astro: ^4.0.0-beta || ^5.0.0-beta || ^3.3.0 + astro: ^2.0.4 || ^3 || ^4 || ^5 + + astro-seo@0.8.4: + resolution: {integrity: sha512-Ou1vzQSXAxa0K8rtNtXNvSpYqOGEgMhh0immMxJeXmbVZac3UKCNWAoXWyOQDFYsZvBugCRSg0N1phBqPMVgCw==} astro@5.14.6: resolution: {integrity: sha512-MSdjKt2W2a56x868DqDWgbfw4D689/8EGhHG4465h7eivTI237u1aBx4iJvgI6WfgdUE61+coAvMjUkEvOWbpA==} @@ -3062,9 +3140,6 @@ packages: async-sema@3.1.1: resolution: {integrity: sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==} - await-lock@2.2.2: - resolution: {integrity: sha512-aDczADvlvTGajTDjcjpJMqRkOF6Qdz3YbPZm/PyW6tKPkx2hlYBzxMhEywM/tU72HrVZjgl5VCdRuMlA7pZ8Gw==} - axobject-query@4.1.0: resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==} engines: {node: '>= 0.4'} @@ -3078,6 +3153,10 @@ packages: base-64@1.0.0: resolution: {integrity: sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg==} + base64-js@0.0.8: + resolution: {integrity: sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==} + engines: {node: '>= 0.4'} + base64-js@1.5.1: resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==} @@ -3085,9 +3164,6 @@ packages: resolution: {integrity: sha512-OMu3BGQ4E7P1ErFsIPpbJh0qvDudM/UuJeHgkAvfWe+0HFJCXh+t/l8L6fVLR55RI/UbKrVLnAXZSVwd9ysWYw==} hasBin: true - bcp-47-match@2.0.3: - resolution: {integrity: sha512-JtTezzbAibu8G0R9op9zb3vcWZd9JF6M0xOYGPn0fNCd7wOpRB1mU2mH9T8gaBGbAAyIIVgB2G7xG0GP98zMAQ==} - before-after-hook@4.0.0: resolution: {integrity: sha512-q6tR3RPqIB1pMiTRMFcZwuG5T8vwp+vUvEG0vuI6B+Rikh5BfPp2fQ82c925FOs+b0lcFQ8CFrL+KbilfZFhOQ==} @@ -3098,6 +3174,10 @@ packages: bidi-js@1.0.3: resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==} + binary-extensions@2.3.0: + resolution: {integrity: sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==} + engines: {node: '>=8'} + bindings@1.5.0: resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==} @@ -3140,6 +3220,9 @@ packages: resolution: {integrity: sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==} engines: {node: '>=16'} + camelize@1.0.1: + resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==} + caniuse-lite@1.0.30001750: resolution: {integrity: sha512-cuom0g5sdX6rw00qOoLNSFCJ9/mYIsuSOA+yzpDw8eopiFqcVwQvZHqov0vmEighRxX++cfC0Vg1G+1Iy/mSpQ==} @@ -3173,6 +3256,10 @@ packages: resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==} engines: {node: '>= 16'} + chokidar@3.6.0: + resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==} + engines: {node: '>= 8.10.0'} + chokidar@4.0.3: resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==} engines: {node: '>= 14.16.0'} @@ -3268,11 +3355,25 @@ packages: crossws@0.3.5: resolution: {integrity: sha512-ojKiDvcmByhwa8YYqbQI/hg7MEU0NC03+pSdEq4ZUnZR9xXpwk7E43SMNGkn+JxJGPFtNvQ48+vV2p+P1ml5PA==} + css-background-parser@0.1.0: + resolution: {integrity: sha512-2EZLisiZQ+7m4wwur/qiYJRniHX4K5Tc9w93MT3AS0WS1u5kaZ4FKXlOTBhOjc+CgEgPiGY+fX1yWD8UwpEqUA==} + + css-box-shadow@1.0.0-3: + resolution: {integrity: sha512-9jaqR6e7Ohds+aWwmhe6wILJ99xYQbfmK9QQB9CcMjDbTxPZjwEmUQpU91OG05Xgm8BahT5fW+svbsQGjS/zPg==} + + css-color-keywords@1.0.0: + resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==} + engines: {node: '>=4'} + + css-gradient-parser@0.0.17: + resolution: {integrity: sha512-w2Xy9UMMwlKtou0vlRnXvWglPAceXCTtcmVSo8ZBUvqCV5aXEFP/PC6d+I464810I9FT++UACwTD5511bmGPUg==} + engines: {node: '>=16'} + css-select@5.2.2: resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==} - css-selector-parser@3.1.3: - resolution: {integrity: sha512-gJMigczVZqYAk0hPVzx/M4Hm1D9QOtqkdQk9005TNzDIUGzo5cnHEDiKUT7jGPximL/oYb+LIitcHFQ4aKupxg==} + css-to-react-native@3.2.0: + resolution: {integrity: sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==} css-tree@3.1.0: resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==} @@ -3386,10 +3487,6 @@ packages: resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==} engines: {node: '>=8'} - direction@2.0.1: - resolution: {integrity: sha512-9S6m9Sukh1cZNknO1CWAr2QAWsbKLafQiyM5gZ7VgXHeuaoUwffKN4q6NC4A/Mf9iiPlOXQEKW/Mv/mh9/3YFA==} - hasBin: true - dlv@1.1.3: resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==} @@ -3438,6 +3535,10 @@ packages: emmet@2.4.11: resolution: {integrity: sha512-23QPJB3moh/U9sT4rQzGgeyyGIrcM+GH5uVYg2C6wZIxAIJq7Ng3QLT79tl8FUwDXhyq9SusfknOrofAKqvgyQ==} + emoji-regex-xs@2.0.1: + resolution: {integrity: sha512-1QFuh8l7LqUcKe24LsPUNzjrzJQ7pgRwp1QMcZ5MX6mFplk2zQ08NVCM84++1cveaUUYtcCYHmeFEuNg16sU4g==} + engines: {node: '>=10.0.0'} + emoji-regex@10.5.0: resolution: {integrity: sha512-lb49vf1Xzfx080OKA0o6l8DQQpV+6Vg95zyCJX9VB/BqKYlhG7N4wgROUUHRA+ZPUefLnteQOad7z1kT2bV7bg==} @@ -3485,6 +3586,9 @@ packages: resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==} engines: {node: '>=6'} + escape-html@1.0.3: + resolution: {integrity: sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==} + escape-string-regexp@5.0.0: resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==} engines: {node: '>=12'} @@ -3531,9 +3635,6 @@ packages: resolution: {integrity: sha512-JhFGDVJ7tmDJItKhYgJCGLOWjuK9vPxiXoUFLwLDc99NlmklilbiQJwoctZtt13+xMw91MCk/REan6MWHqDjyA==} engines: {node: '>=12.0.0'} - expressive-code@0.41.3: - resolution: {integrity: sha512-YLnD62jfgBZYrXIPQcJ0a51Afv9h8VlWqEGK9uU2T5nL/5rb8SnA86+7+mgCZe5D34Tff5RNEA5hjNVJYHzrFg==} - extend@3.0.2: resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==} @@ -3568,6 +3669,9 @@ packages: picomatch: optional: true + fflate@0.7.4: + resolution: {integrity: sha512-5u2V/CDW15QM1XbbgS+0DfPxVB+jUKhWEKuuFuHncbk3tEEqzmoXL+2KyOFuKGqOnmdIy0/davWF1CkuwtibCw==} + file-uri-to-path@1.0.0: resolution: {integrity: sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==} @@ -3651,9 +3755,6 @@ packages: graceful-fs@4.2.11: resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==} - graphemer@1.4.0: - resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==} - h3@1.15.4: resolution: {integrity: sha512-z5cFQWDffyOe4vQ9xIqNfCZdV4p//vy6fBnr8Q1AWnVZ0teurKMG66rLj++TKwKPUP3u7iMUvrvKaEUiQw2QWQ==} @@ -3667,9 +3768,6 @@ packages: hast-util-from-parse5@8.0.3: resolution: {integrity: sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==} - hast-util-has-property@3.0.0: - resolution: {integrity: sha512-MNilsvEKLFpV604hwfhVStK0usFY/QmM5zX16bo7EjnAEGofr5YyI37kzopBlZJkHD4t887i+q/C8/tr5Q94cA==} - hast-util-is-element@3.0.0: resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==} @@ -3679,9 +3777,6 @@ packages: hast-util-raw@9.1.0: resolution: {integrity: sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw==} - hast-util-select@6.0.4: - resolution: {integrity: sha512-RqGS1ZgI0MwxLaKLDxjprynNzINEkRHY2i8ln4DDjgv9ZhcYVIHN9rlpiYsqtFwrgpYU361SyWDQcGNIBVu3lw==} - hast-util-to-estree@3.1.3: resolution: {integrity: sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w==} @@ -3694,9 +3789,6 @@ packages: hast-util-to-parse5@8.0.0: resolution: {integrity: sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==} - hast-util-to-string@3.0.1: - resolution: {integrity: sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==} - hast-util-to-text@4.0.2: resolution: {integrity: sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==} @@ -3710,6 +3802,10 @@ packages: resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==} hasBin: true + hex-rgb@4.3.0: + resolution: {integrity: sha512-Ox1pJVrDCyGHMG9CFg1tmrRUMRPRsAWYc/PinY0XzJU4K7y7vjNoLKIQ7BR5UJMCxNN8EM1MNDmHWA/B3aZUuw==} + engines: {node: '>=6'} + hookable@5.5.3: resolution: {integrity: sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==} @@ -3775,6 +3871,10 @@ packages: is-alphanumerical@2.0.1: resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==} + is-binary-path@2.1.0: + resolution: {integrity: sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==} + engines: {node: '>=8'} + is-decimal@2.0.1: resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==} @@ -3832,9 +3932,6 @@ packages: isexe@2.0.0: resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==} - iso-datestring-validator@2.2.2: - resolution: {integrity: sha512-yLEMkBbLZTlVQqOnQ4FiMujR6T4DEcCb1xizmvXS+OxuhwcbtynoosRzdMA69zZCShCNAbi+gJ71FxZBBXx1SA==} - jackspeak@3.4.3: resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==} @@ -3977,6 +4074,9 @@ packages: resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==} engines: {node: '>= 12.0.0'} + linebreak@1.1.0: + resolution: {integrity: sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==} + locate-character@3.0.0: resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==} @@ -4240,9 +4340,6 @@ packages: muggle-string@0.4.1: resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==} - multiformats@9.9.0: - resolution: {integrity: sha512-HoMUjhH9T8DDBNT+6xzkrd9ga/XiBI4xLr58LJACwK6G3HTOPeMz4nB4KJs33L2BelrIJa7P0VuNaVF3hMYfjg==} - nanoid@3.3.11: resolution: {integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==} engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} @@ -4253,10 +4350,6 @@ packages: engines: {node: ^18 || >=20} hasBin: true - nanostores@1.0.1: - resolution: {integrity: sha512-kNZ9xnoJYKg/AfxjrVL4SS0fKX++4awQReGqWnwTRHxeHGZ1FJFVgTqr/eMrNQdp0Tz7M7tG/TDaX8QfHDwVCw==} - engines: {node: ^20.0.0 || >=22.0.0} - neotraverse@0.6.18: resolution: {integrity: sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA==} engines: {node: '>= 10'} @@ -4410,6 +4503,9 @@ packages: pako@0.2.9: resolution: {integrity: sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==} + parse-css-color@0.2.1: + resolution: {integrity: sha512-bwS/GGIFV3b6KS4uwpzCFj4w297Yl3uqnSgIPsoQkx7GMLROXfMnWvxfNkL0oh8HVhZA4hvJoEoEIqonfJ3BWg==} + parse-entities@4.0.2: resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==} @@ -4479,15 +4575,8 @@ packages: engines: {node: '>=18'} hasBin: true - postcss-nested@6.2.0: - resolution: {integrity: sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==} - engines: {node: '>=12.0'} - peerDependencies: - postcss: ^8.2.14 - - postcss-selector-parser@6.1.2: - resolution: {integrity: sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==} - engines: {node: '>=4'} + postcss-value-parser@4.2.0: + resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==} postcss@8.4.31: resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==} @@ -4588,6 +4677,10 @@ packages: resolution: {integrity: sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA==} engines: {node: '>=6'} + readdirp@3.6.0: + resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==} + engines: {node: '>=8.10.0'} + readdirp@4.1.2: resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==} engines: {node: '>= 14.18.0'} @@ -4627,9 +4720,6 @@ packages: resolution: {integrity: sha512-+crtS5QjFRqFCoQmvGduwYWEBng99ZvmFvF+cUJkGYF1L1BfU8C6Zp9T7f5vPAwyLkUExpvK+ANVZmGU49qi4Q==} engines: {node: '>=12'} - rehype-expressive-code@0.41.3: - resolution: {integrity: sha512-8d9Py4c/V6I/Od2VIXFAdpiO2kc0SV2qTJsRAaqSIcM9aruW4ASLNe2kOEo1inXAAkIhpFzAHTc358HKbvpNUg==} - rehype-parse@9.0.1: resolution: {integrity: sha512-ksCzCD0Fgfh7trPDxr2rSylbwq9iYDkSn8TCDmEJ49ljEUBxDVCzCHv7QNzZOfODanX4+bWQ4WZqLCRWYLfhag==} @@ -4877,6 +4967,13 @@ packages: engines: {node: '>=14.0.0'} hasBin: true + satori@0.18.3: + resolution: {integrity: sha512-T3DzWNmnrfVmk2gCIlAxLRLbGkfp3K7TyRva+Byyojqu83BNvnMeqVeYRdmUw4TKCsyH4RiQ/KuF/I4yEzgR5A==} + engines: {node: '>=16'} + + sax@1.4.1: + resolution: {integrity: sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==} + saxes@6.0.0: resolution: {integrity: sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==} engines: {node: '>=v12.22.7'} @@ -4928,6 +5025,12 @@ packages: sisteransi@1.0.5: resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==} + sitemap@8.0.0: + resolution: {integrity: sha512-+AbdxhM9kJsHtruUF39bwS/B0Fytw6Fr1o4ZAIAEqA6cke2xcoO2GleBw9Zw7nRzILVEgz7zBM5GiTJjie1G9A==} + engines: {node: '>=14.0.0', npm: '>=6.0.0'} + deprecated: 'SECURITY: Multiple vulnerabilities fixed in 8.0.1 (XML injection, path traversal, command injection, protocol injection). Upgrade immediately: npm install sitemap@8.0.1' + hasBin: true + slash@3.0.0: resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==} engines: {node: '>=8'} @@ -4959,6 +5062,9 @@ packages: std-env@3.9.0: resolution: {integrity: sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==} + stream-replace-string@2.0.0: + resolution: {integrity: sha512-TlnjJ1C0QrmxRNrON00JvaFFlNh5TTG00APw23j74ET7gkQpTASi6/L2fuiav8pzK715HXtUeClpBTw2NPSn6w==} + string-width@4.2.3: resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==} engines: {node: '>=8'} @@ -4971,6 +5077,9 @@ packages: resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==} engines: {node: '>=18'} + string.prototype.codepointat@0.2.1: + resolution: {integrity: sha512-2cBVCj6I4IOvEnjgO/hWqXjqBGsY+zwPmHl12Srk9IXSZ56Jwwmy+66XO5Iut/oQVR7t5ihYdLB0GMa4alEUcg==} + stringify-entities@4.0.4: resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==} @@ -5099,10 +5208,6 @@ packages: resolution: {integrity: sha512-azl+t0z7pw/z958Gy9svOTuzqIk6xq+NSheJzn5MMWtWTFywIacg2wUlzKFGtt3cthx0r2SxMK0yzJOR0IES7Q==} engines: {node: '>=14.0.0'} - tlds@1.260.0: - resolution: {integrity: sha512-78+28EWBhCEE7qlyaHA9OR3IPvbCLiDh3Ckla593TksfFc9vfTsgvH7eS+dr3o9qr31gwGbogcI16yN91PoRjQ==} - hasBin: true - tldts-core@7.0.17: resolution: {integrity: sha512-DieYoGrP78PWKsrXr8MZwtQ7GLCUeLxihtjC1jZsW1DnvSMdKPitJSe8OSYDM2u5H6g3kWJZpePqkp43TfLh0g==} @@ -5208,9 +5313,6 @@ packages: ufo@1.6.1: resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==} - uint8arrays@3.0.0: - resolution: {integrity: sha512-HRCx0q6O9Bfbp+HHSfQQKD7wU70+lydKVt4EghkdOvlK/NlrF90z+eXV34mUd48rNvVJXwkrMSPpCATkct8fJA==} - ultrahtml@1.6.0: resolution: {integrity: sha512-R9fBn90VTJrqqLDwyMph+HGne8eqY1iPfYhPzZrvKpIfwkWZbcYlfpsb8B9dTvBfpy1/hqAD7Wi8EKfP9e8zdw==} @@ -5370,9 +5472,6 @@ packages: uri-js@4.4.1: resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==} - util-deprecate@1.0.2: - resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==} - varint@6.0.0: resolution: {integrity: sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==} @@ -5390,11 +5489,6 @@ packages: engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0} hasBin: true - vite-plugin-pagefind@1.0.7: - resolution: {integrity: sha512-BTYGhqbEsEBfG7ZIbV41HjKAKGlJcq+h819Lsq+83+bkN5mcrl0YLqbh0fx+tCvmdOZs9rfgMpKoBlyv8pcvfQ==} - peerDependencies: - vite: '>=4.0.0' - vite-plugin-transform-lucide-imports@0.3.0: resolution: {integrity: sha512-/zIVzj7SqIvQ2kLAerVUJTTcQvMe+jyqfvzU/D5jJvf5f4z4CmlT+ui3LfhhVOPbY49dcsxLULfbFDRNxdSXhg==} peerDependencies: @@ -5750,6 +5844,9 @@ packages: resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==} engines: {node: '>=18'} + yoga-layout@3.2.1: + resolution: {integrity: sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ==} + zimmerframe@1.1.4: resolution: {integrity: sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ==} @@ -5794,6 +5891,18 @@ snapshots: '@asamuzakjp/nwsapi@2.3.9': {} + '@astrojs/check@0.5.10(prettier-plugin-astro@0.14.1)(prettier@3.6.2)(typescript@5.9.3)': + dependencies: + '@astrojs/language-server': 2.15.4(prettier-plugin-astro@0.14.1)(prettier@3.6.2)(typescript@5.9.3) + chokidar: 3.6.0 + fast-glob: 3.3.3 + kleur: 4.1.5 + typescript: 5.9.3 + yargs: 17.7.2 + transitivePeerDependencies: + - prettier + - prettier-plugin-astro + '@astrojs/check@0.9.4(prettier-plugin-astro@0.14.1)(prettier@3.6.2)(typescript@5.9.3)': dependencies: '@astrojs/language-server': 2.15.4(prettier-plugin-astro@0.14.1)(prettier@3.6.2)(typescript@5.9.3) @@ -5912,6 +6021,12 @@ snapshots: - tsx - yaml + '@astrojs/sitemap@3.6.0': + dependencies: + sitemap: 8.0.0 + stream-replace-string: 2.0.0 + zod: 3.25.76 + '@astrojs/svelte@7.2.0(@types/node@24.8.1)(astro@5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1))(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(svelte@5.41.0)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1)': dependencies: '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.41.0)(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)) @@ -5973,39 +6088,6 @@ snapshots: dependencies: yaml: 2.8.1 - '@atproto/api@0.17.3': - dependencies: - '@atproto/common-web': 0.4.3 - '@atproto/lexicon': 0.5.1 - '@atproto/syntax': 0.4.1 - '@atproto/xrpc': 0.7.5 - await-lock: 2.2.2 - multiformats: 9.9.0 - tlds: 1.260.0 - zod: 3.25.76 - - '@atproto/common-web@0.4.3': - dependencies: - graphemer: 1.4.0 - multiformats: 9.9.0 - uint8arrays: 3.0.0 - zod: 3.25.76 - - '@atproto/lexicon@0.5.1': - dependencies: - '@atproto/common-web': 0.4.3 - '@atproto/syntax': 0.4.1 - iso-datestring-validator: 2.2.2 - multiformats: 9.9.0 - zod: 3.25.76 - - '@atproto/syntax@0.4.1': {} - - '@atproto/xrpc@0.7.5': - dependencies: - '@atproto/lexicon': 0.5.1 - zod: 3.25.76 - '@babel/code-frame@7.27.1': dependencies: '@babel/helper-validator-identifier': 7.27.1 @@ -6312,8 +6394,6 @@ snapshots: '@csstools/css-tokenizer@3.0.4': {} - '@ctrl/tinycolor@4.2.0': {} - '@emmetio/abbreviation@2.3.3': dependencies: '@emmetio/scanner': 1.0.4 @@ -6431,31 +6511,6 @@ snapshots: '@esbuild/win32-x64@0.25.10': optional: true - '@expressive-code/core@0.41.3': - dependencies: - '@ctrl/tinycolor': 4.2.0 - hast-util-select: 6.0.4 - hast-util-to-html: 9.0.5 - hast-util-to-text: 4.0.2 - hastscript: 9.0.1 - postcss: 8.5.6 - postcss-nested: 6.2.0(postcss@8.5.6) - unist-util-visit: 5.0.0 - unist-util-visit-parents: 6.0.1 - - '@expressive-code/plugin-frames@0.41.3': - dependencies: - '@expressive-code/core': 0.41.3 - - '@expressive-code/plugin-shiki@0.41.3': - dependencies: - '@expressive-code/core': 0.41.3 - shiki: 3.13.0 - - '@expressive-code/plugin-text-markers@0.41.3': - dependencies: - '@expressive-code/core': 0.41.3 - '@faker-js/faker@10.1.0': {} '@floating-ui/core@1.7.3': @@ -6669,10 +6724,6 @@ snapshots: transitivePeerDependencies: - supports-color - '@nanostores/persistent@1.1.0(nanostores@1.0.1)': - dependencies: - nanostores: 1.0.1 - '@napi-rs/wasm-runtime@1.0.7': dependencies: '@emnapi/core': 1.5.0 @@ -6917,6 +6968,8 @@ snapshots: '@pagefind/darwin-x64@1.4.0': optional: true + '@pagefind/default-ui@1.4.0': {} + '@pagefind/freebsd-x64@1.4.0': optional: true @@ -7018,6 +7071,57 @@ snapshots: dependencies: dotenv: 16.6.1 + '@resvg/resvg-js-android-arm-eabi@2.6.2': + optional: true + + '@resvg/resvg-js-android-arm64@2.6.2': + optional: true + + '@resvg/resvg-js-darwin-arm64@2.6.2': + optional: true + + '@resvg/resvg-js-darwin-x64@2.6.2': + optional: true + + '@resvg/resvg-js-linux-arm-gnueabihf@2.6.2': + optional: true + + '@resvg/resvg-js-linux-arm64-gnu@2.6.2': + optional: true + + '@resvg/resvg-js-linux-arm64-musl@2.6.2': + optional: true + + '@resvg/resvg-js-linux-x64-gnu@2.6.2': + optional: true + + '@resvg/resvg-js-linux-x64-musl@2.6.2': + optional: true + + '@resvg/resvg-js-win32-arm64-msvc@2.6.2': + optional: true + + '@resvg/resvg-js-win32-ia32-msvc@2.6.2': + optional: true + + '@resvg/resvg-js-win32-x64-msvc@2.6.2': + optional: true + + '@resvg/resvg-js@2.6.2': + optionalDependencies: + '@resvg/resvg-js-android-arm-eabi': 2.6.2 + '@resvg/resvg-js-android-arm64': 2.6.2 + '@resvg/resvg-js-darwin-arm64': 2.6.2 + '@resvg/resvg-js-darwin-x64': 2.6.2 + '@resvg/resvg-js-linux-arm-gnueabihf': 2.6.2 + '@resvg/resvg-js-linux-arm64-gnu': 2.6.2 + '@resvg/resvg-js-linux-arm64-musl': 2.6.2 + '@resvg/resvg-js-linux-x64-gnu': 2.6.2 + '@resvg/resvg-js-linux-x64-musl': 2.6.2 + '@resvg/resvg-js-win32-arm64-msvc': 2.6.2 + '@resvg/resvg-js-win32-ia32-msvc': 2.6.2 + '@resvg/resvg-js-win32-x64-msvc': 2.6.2 + '@rolldown/binding-android-arm64@1.0.0-beta.43': optional: true @@ -7168,6 +7272,11 @@ snapshots: dependencies: '@shikijs/types': 3.13.0 + '@shikijs/transformers@3.13.0': + dependencies: + '@shikijs/core': 3.13.0 + '@shikijs/types': 3.13.0 + '@shikijs/types@3.13.0': dependencies: '@shikijs/vscode-textmate': 10.0.2 @@ -7175,6 +7284,13 @@ snapshots: '@shikijs/vscode-textmate@10.0.2': {} + '@shuding/opentype.js@1.4.0-beta.0': + dependencies: + fflate: 0.7.4 + string.prototype.codepointat: 0.2.1 + + '@stackblitz/sdk@1.11.0': {} + '@standard-schema/spec@1.0.0': {} '@sveltejs/acorn-typescript@1.0.6(acorn@8.15.0)': @@ -7245,12 +7361,12 @@ snapshots: transitivePeerDependencies: - typescript - '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.41.0)(vite@6.3.6(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)))(svelte@5.41.0)(vite@6.3.6(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1))': + '@sveltejs/vite-plugin-svelte-inspector@4.0.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.41.0)(vite@6.3.6(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)))(svelte@5.41.0)(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1))': dependencies: '@sveltejs/vite-plugin-svelte': 5.1.1(svelte@5.41.0)(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)) debug: 4.4.3 svelte: 5.41.0 - vite: 6.3.6(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1) + vite: 7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1) transitivePeerDependencies: - supports-color @@ -7265,14 +7381,14 @@ snapshots: '@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.41.0)(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1))': dependencies: - '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.41.0)(vite@6.3.6(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)))(svelte@5.41.0)(vite@6.3.6(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)) + '@sveltejs/vite-plugin-svelte-inspector': 4.0.1(@sveltejs/vite-plugin-svelte@5.1.1(svelte@5.41.0)(vite@6.3.6(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)))(svelte@5.41.0)(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)) debug: 4.4.3 deepmerge: 4.3.1 kleur: 4.1.5 magic-string: 0.30.19 svelte: 5.41.0 vite: 7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1) - vitefu: 1.1.1(vite@6.3.6(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)) + vitefu: 1.1.1(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)) transitivePeerDependencies: - supports-color @@ -7504,6 +7620,8 @@ snapshots: dependencies: '@types/unist': 3.0.3 + '@types/html-escaper@3.0.4': {} + '@types/mdast@4.0.4': dependencies: '@types/unist': 3.0.3 @@ -7518,6 +7636,8 @@ snapshots: '@types/node@12.20.55': {} + '@types/node@17.0.45': {} + '@types/node@18.19.130': dependencies: undici-types: 5.26.5 @@ -7534,6 +7654,10 @@ snapshots: dependencies: csstype: 3.1.3 + '@types/sax@1.2.7': + dependencies: + '@types/node': 24.8.1 + '@types/semver@7.7.1': {} '@types/unist@2.0.11': {} @@ -8064,6 +8188,8 @@ snapshots: normalize-path: 3.0.0 picomatch: 2.3.1 + arg@5.0.2: {} + argparse@1.0.10: dependencies: sprintf-js: 1.0.3 @@ -8095,10 +8221,20 @@ snapshots: acorn: 8.15.0 astro: 5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1) - astro-expressive-code@0.41.3(astro@5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1)): + astro-pagefind@1.8.5(astro@5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1)): dependencies: + '@pagefind/default-ui': 1.4.0 astro: 5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1) - rehype-expressive-code: 0.41.3 + pagefind: 1.4.0 + sirv: 3.0.2 + + astro-seo@0.8.4(prettier-plugin-astro@0.14.1)(prettier@3.6.2)(typescript@5.9.3): + dependencies: + '@astrojs/check': 0.5.10(prettier-plugin-astro@0.14.1)(prettier@3.6.2)(typescript@5.9.3) + transitivePeerDependencies: + - prettier + - prettier-plugin-astro + - typescript astro@5.14.6(@types/node@24.8.1)(@vercel/functions@2.2.13)(jiti@2.6.1)(lightningcss@1.30.1)(rollup@4.52.4)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(typescript@5.9.3)(yaml@2.8.1): dependencies: @@ -8203,8 +8339,6 @@ snapshots: async-sema@3.1.1: {} - await-lock@2.2.2: {} - axobject-query@4.1.0: {} bail@2.0.2: {} @@ -8213,12 +8347,12 @@ snapshots: base-64@1.0.0: {} + base64-js@0.0.8: {} + base64-js@1.5.1: {} baseline-browser-mapping@2.8.16: {} - bcp-47-match@2.0.3: {} - before-after-hook@4.0.0: {} better-path-resolve@1.0.0: @@ -8229,6 +8363,8 @@ snapshots: dependencies: require-from-string: 2.0.2 + binary-extensions@2.3.0: {} + bindings@1.5.0: dependencies: file-uri-to-path: 1.0.0 @@ -8276,6 +8412,8 @@ snapshots: camelcase@8.0.0: {} + camelize@1.0.1: {} + caniuse-lite@1.0.30001750: {} ccount@2.0.1: {} @@ -8302,6 +8440,18 @@ snapshots: check-error@2.1.1: {} + chokidar@3.6.0: + dependencies: + anymatch: 3.1.3 + braces: 3.0.3 + glob-parent: 5.1.2 + is-binary-path: 2.1.0 + is-glob: 4.0.3 + normalize-path: 3.0.0 + readdirp: 3.6.0 + optionalDependencies: + fsevents: 2.3.3 + chokidar@4.0.3: dependencies: readdirp: 4.1.2 @@ -8373,6 +8523,14 @@ snapshots: dependencies: uncrypto: 0.1.3 + css-background-parser@0.1.0: {} + + css-box-shadow@1.0.0-3: {} + + css-color-keywords@1.0.0: {} + + css-gradient-parser@0.0.17: {} + css-select@5.2.2: dependencies: boolbase: 1.0.0 @@ -8381,7 +8539,11 @@ snapshots: domutils: 3.2.2 nth-check: 2.1.1 - css-selector-parser@3.1.3: {} + css-to-react-native@3.2.0: + dependencies: + camelize: 1.0.1 + css-color-keywords: 1.0.0 + postcss-value-parser: 4.2.0 css-tree@3.1.0: dependencies: @@ -8464,8 +8626,6 @@ snapshots: dependencies: path-type: 4.0.0 - direction@2.0.1: {} - dlv@1.1.3: {} dom-accessibility-api@0.5.16: {} @@ -8505,6 +8665,8 @@ snapshots: '@emmetio/abbreviation': 2.3.3 '@emmetio/css-abbreviation': 2.1.8 + emoji-regex-xs@2.0.1: {} + emoji-regex@10.5.0: {} emoji-regex@8.0.0: {} @@ -8574,6 +8736,8 @@ snapshots: escalade@3.2.0: {} + escape-html@1.0.3: {} + escape-string-regexp@5.0.0: {} esm-env@1.2.2: {} @@ -8623,13 +8787,6 @@ snapshots: expect-type@1.2.2: {} - expressive-code@0.41.3: - dependencies: - '@expressive-code/core': 0.41.3 - '@expressive-code/plugin-frames': 0.41.3 - '@expressive-code/plugin-shiki': 0.41.3 - '@expressive-code/plugin-text-markers': 0.41.3 - extend@3.0.2: {} extendable-error@0.1.7: {} @@ -8659,6 +8816,8 @@ snapshots: optionalDependencies: picomatch: 4.0.3 + fflate@0.7.4: {} + file-uri-to-path@1.0.0: {} fill-range@7.1.1: @@ -8752,8 +8911,6 @@ snapshots: graceful-fs@4.2.11: {} - graphemer@1.4.0: {} - h3@1.15.4: dependencies: cookie-es: 1.2.2 @@ -8788,10 +8945,6 @@ snapshots: vfile-location: 5.0.3 web-namespaces: 2.0.1 - hast-util-has-property@3.0.0: - dependencies: - '@types/hast': 3.0.4 - hast-util-is-element@3.0.0: dependencies: '@types/hast': 3.0.4 @@ -8816,24 +8969,6 @@ snapshots: web-namespaces: 2.0.1 zwitch: 2.0.4 - hast-util-select@6.0.4: - dependencies: - '@types/hast': 3.0.4 - '@types/unist': 3.0.3 - bcp-47-match: 2.0.3 - comma-separated-tokens: 2.0.3 - css-selector-parser: 3.1.3 - devlop: 1.1.0 - direction: 2.0.1 - hast-util-has-property: 3.0.0 - hast-util-to-string: 3.0.1 - hast-util-whitespace: 3.0.0 - nth-check: 2.1.1 - property-information: 7.1.0 - space-separated-tokens: 2.0.2 - unist-util-visit: 5.0.0 - zwitch: 2.0.4 - hast-util-to-estree@3.1.3: dependencies: '@types/estree': 1.0.8 @@ -8899,10 +9034,6 @@ snapshots: web-namespaces: 2.0.1 zwitch: 2.0.4 - hast-util-to-string@3.0.1: - dependencies: - '@types/hast': 3.0.4 - hast-util-to-text@4.0.2: dependencies: '@types/hast': 3.0.4 @@ -8924,6 +9055,8 @@ snapshots: he@1.2.0: {} + hex-rgb@4.3.0: {} + hookable@5.5.3: {} html-encoding-sniffer@4.0.0: @@ -8981,6 +9114,10 @@ snapshots: is-alphabetical: 2.0.1 is-decimal: 2.0.1 + is-binary-path@2.1.0: + dependencies: + binary-extensions: 2.3.0 + is-decimal@2.0.1: {} is-docker@3.0.0: {} @@ -9021,8 +9158,6 @@ snapshots: isexe@2.0.0: {} - iso-datestring-validator@2.2.2: {} - jackspeak@3.4.3: dependencies: '@isaacs/cliui': 8.0.2 @@ -9146,6 +9281,11 @@ snapshots: lightningcss-win32-arm64-msvc: 1.30.1 lightningcss-win32-x64-msvc: 1.30.1 + linebreak@1.1.0: + dependencies: + base64-js: 0.0.8 + unicode-trie: 2.0.0 + locate-character@3.0.0: {} locate-path@5.0.0: @@ -9662,14 +9802,10 @@ snapshots: muggle-string@0.4.1: {} - multiformats@9.9.0: {} - nanoid@3.3.11: {} nanoid@5.1.6: {} - nanostores@1.0.1: {} - neotraverse@0.6.18: {} next@15.5.6(@babel/core@7.28.4)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(sass@1.93.2): @@ -9836,6 +9972,11 @@ snapshots: pako@0.2.9: {} + parse-css-color@0.2.1: + dependencies: + color-name: 1.1.4 + hex-rgb: 4.3.0 + parse-entities@4.0.2: dependencies: '@types/unist': 2.0.11 @@ -9900,15 +10041,7 @@ snapshots: optionalDependencies: fsevents: 2.3.2 - postcss-nested@6.2.0(postcss@8.5.6): - dependencies: - postcss: 8.5.6 - postcss-selector-parser: 6.1.2 - - postcss-selector-parser@6.1.2: - dependencies: - cssesc: 3.0.0 - util-deprecate: 1.0.2 + postcss-value-parser@4.2.0: {} postcss@8.4.31: dependencies: @@ -10002,6 +10135,10 @@ snapshots: pify: 4.0.1 strip-bom: 3.0.0 + readdirp@3.6.0: + dependencies: + picomatch: 2.3.1 + readdirp@4.1.2: {} recma-build-jsx@1.0.0: @@ -10056,10 +10193,6 @@ snapshots: dependencies: rc: 1.2.8 - rehype-expressive-code@0.41.3: - dependencies: - expressive-code: 0.41.3 - rehype-parse@9.0.1: dependencies: '@types/hast': 3.0.4 @@ -10368,6 +10501,22 @@ snapshots: '@parcel/watcher': 2.5.1 optional: true + satori@0.18.3: + dependencies: + '@shuding/opentype.js': 1.4.0-beta.0 + css-background-parser: 0.1.0 + css-box-shadow: 1.0.0-3 + css-gradient-parser: 0.0.17 + css-to-react-native: 3.2.0 + emoji-regex-xs: 2.0.1 + escape-html: 1.0.3 + linebreak: 1.1.0 + parse-css-color: 0.2.1 + postcss-value-parser: 4.2.0 + yoga-layout: 3.2.1 + + sax@1.4.1: {} + saxes@6.0.0: dependencies: xmlchars: 2.2.0 @@ -10440,6 +10589,13 @@ snapshots: sisteransi@1.0.5: {} + sitemap@8.0.0: + dependencies: + '@types/node': 17.0.45 + '@types/sax': 1.2.7 + arg: 5.0.2 + sax: 1.4.1 + slash@3.0.0: {} smol-toml@1.4.2: {} @@ -10461,6 +10617,8 @@ snapshots: std-env@3.9.0: {} + stream-replace-string@2.0.0: {} + string-width@4.2.3: dependencies: emoji-regex: 8.0.0 @@ -10479,6 +10637,8 @@ snapshots: get-east-asian-width: 1.4.0 strip-ansi: 7.1.2 + string.prototype.codepointat@0.2.1: {} + stringify-entities@4.0.4: dependencies: character-entities-html4: 2.1.0 @@ -10606,8 +10766,6 @@ snapshots: tinyspy@4.0.4: {} - tlds@1.260.0: {} - tldts-core@7.0.17: {} tldts@7.0.17: @@ -10699,10 +10857,6 @@ snapshots: ufo@1.6.1: {} - uint8arrays@3.0.0: - dependencies: - multiformats: 9.9.0 - ultrahtml@1.6.0: {} unconfig@7.3.3: @@ -10860,8 +11014,6 @@ snapshots: punycode: 2.3.1 optional: true - util-deprecate@1.0.2: {} - varint@6.0.0: {} vfile-location@5.0.3: @@ -10900,12 +11052,6 @@ snapshots: - tsx - yaml - vite-plugin-pagefind@1.0.7(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)): - dependencies: - colorette: 2.0.20 - package-manager-detector: 0.2.11 - vite: 7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1) - vite-plugin-transform-lucide-imports@0.3.0(vite@7.1.10(@types/node@24.8.1)(jiti@2.6.1)(lightningcss@1.30.1)(sass-embedded@1.93.2)(sass@1.93.2)(tsx@4.20.6)(yaml@2.8.1)): dependencies: '@sveltejs/acorn-typescript': 1.0.6(acorn@8.15.0) @@ -11225,6 +11371,8 @@ snapshots: yoctocolors@2.1.2: {} + yoga-layout@3.2.1: {} + zimmerframe@1.1.4: {} zod-to-json-schema@3.24.6(zod@3.25.76): diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml index 8c4b0d5480..4f4fc8b092 100644 --- a/pnpm-workspace.yaml +++ b/pnpm-workspace.yaml @@ -8,15 +8,22 @@ catalog: '@astrojs/mdx': 4.3.7 '@astrojs/partytown': 2.1.4 '@astrojs/react': 4.4.0 + '@astrojs/sitemap': 3.6.0 '@astrojs/svelte': 7.2.0 '@astrojs/vercel': 8.2.10 - '@atproto/api': 0.17.3 '@changesets/cli': 2.29.7 '@clack/prompts': 0.11.0 '@faker-js/faker': 10.1.0 '@floating-ui/dom': 1.7.4 '@lucide/svelte': 0.546.0 - '@nanostores/persistent': 1.1.0 + '@resvg/resvg-js': 2.6.2 + '@shikijs/core': 3.13.0 + '@shikijs/engine-javascript': 3.13.0 + '@shikijs/langs': 3.13.0 + '@shikijs/themes': 3.13.0 + '@shikijs/transformers': 3.13.0 + '@shikijs/types': 3.13.0 + '@stackblitz/sdk': 1.11.0 '@sveltejs/adapter-auto': 7.0.0 '@sveltejs/adapter-vercel': 5.10.3 '@sveltejs/kit': 2.47.1 @@ -32,12 +39,11 @@ catalog: '@trivago/prettier-plugin-sort-imports': 5.2.2 '@types/chroma-js': 3.1.1 '@types/estree': 1.0.8 - '@types/mdast': 4.0.4 + '@types/html-escaper': 3.0.4 '@types/node': 24.8.1 '@types/react': 19.2.2 '@types/react-dom': 19.2.2 '@types/semver': 7.7.1 - '@types/unist': 3.0.3 '@vitejs/plugin-react': 5.0.4 '@zag-js/accordion': 1.26.3 '@zag-js/avatar': 1.26.3 @@ -65,30 +71,25 @@ catalog: '@zag-js/tree-view': 1.26.3 astro: 5.14.6 astro-auto-import: 0.4.5 - astro-expressive-code: 0.41.3 + astro-pagefind: 1.8.5 + astro-seo: 0.8.4 chroma-js: 3.1.2 colorette: 2.0.20 commander: 14.0.1 detect-indent: 7.0.2 fuse.js: 7.1.0 + html-escaper: 3.0.3 jsdom: 27.0.1 latest-version: 9.0.0 lucide-react: 0.546.0 magic-string: 0.30.19 - mdast-util-from-markdown: 2.0.2 - mdast-util-gfm: 3.1.0 - mdast-util-mdx: 3.0.0 - mdast-util-to-markdown: 2.1.2 - micromark-extension-mdxjs: 3.0.0 nanoid: 5.1.6 - nanostores: 1.0.1 next: 15.5.6 node-html-parser: 7.0.1 octokit: 5.0.4 oxlint: 1.23.0 oxlint-tsgolint: 0.2.0 package-manager-detector: 1.5.0 - pagefind: 1.4.0 playwright: 1.56.1 postcss: 8.5.6 prettier: 3.6.2 @@ -97,6 +98,7 @@ catalog: react: 19.2.0 react-dom: 19.2.0 sass-embedded: 1.93.2 + satori: 0.18.3 semver: 7.7.3 sharp: 0.34.4 shiki: 3.13.0 @@ -108,11 +110,9 @@ catalog: tsdown: 0.15.8 type-fest: 5.1.0 typescript: 5.9.3 - unist-util-visit: 5.0.0 unplugin-macros: 0.18.2 unplugin-raw: 0.6.3 vite: 7.1.10 - vite-plugin-pagefind: 1.0.7 vite-plugin-transform-lucide-imports: 0.3.0 vitest: 3.2.4 zimmerframe: 1.1.4 diff --git a/sites/skeleton.dev/astro.config.ts b/sites/skeleton.dev/astro.config.ts index 308a41a90b..47fd1e431d 100644 --- a/sites/skeleton.dev/astro.config.ts +++ b/sites/skeleton.dev/astro.config.ts @@ -2,98 +2,64 @@ import { generateTypeDocumentation } from './scripts/generate-type-documentation import mdx from '@astrojs/mdx'; import partytown from '@astrojs/partytown'; import react from '@astrojs/react'; -import svelte, { vitePreprocess } from '@astrojs/svelte'; +import sitemap from '@astrojs/sitemap'; +import svelte from '@astrojs/svelte'; import vercel from '@astrojs/vercel'; import tailwindcss from '@tailwindcss/vite'; import type { AstroIntegration } from 'astro'; -import AutoImport from 'astro-auto-import'; -import expressiveCode from 'astro-expressive-code'; +import autoImport from 'astro-auto-import'; +import pagefind from 'astro-pagefind'; import { defineConfig } from 'astro/config'; -import { join } from 'node:path'; -import { fileURLToPath } from 'node:url'; -import { createIndex } from 'pagefind'; -import { pagefind } from 'vite-plugin-pagefind'; -import transformLucideImports from 'vite-plugin-transform-lucide-imports'; +import transformLucideImports, { SUPPORTED_EXTENSIONS } from 'vite-plugin-transform-lucide-imports'; -function skeleton(): AstroIntegration { - return { - name: 'skeleton', - hooks: { - 'astro:config:setup': async (ctx) => { - if (ctx.command !== 'build') { - return; - } - ctx.logger.info('Generating type documentation...'); - await generateTypeDocumentation(); - ctx.logger.info('Type documentation generated.'); - }, - 'astro:build:done': async (ctx) => { - ctx.logger.info('Generating search index...'); - const pagefind = await createIndex({ - excludeSelectors: ['.expressive-code'], - }); - if (!pagefind.index || pagefind.errors.length > 0) { - throw new Error(`Failed to create search index: ${pagefind.errors.join(', ')}`); - } - await pagefind.index.addDirectory({ - path: fileURLToPath(ctx.dir), - }); - const response = await pagefind.index.writeFiles({ - outputPath: join(fileURLToPath(ctx.dir), 'pagefind'), - }); - if (response.errors.length > 0) { - ctx.logger.error(`Failed to write search index.: ${response.errors.join(', ')}`); - } else { - ctx.logger.info('Search index generated.'); - } - }, - }, - }; +export function getSite() { + if (import.meta.env.DEV) { + return 'http://localhost:4321'; + } + if (process.env.VERCEL_ENV === 'production') { + return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`; + } + return `https://${process.env.VERCEL_URL}`; } export default defineConfig({ + site: getSite(), + prefetch: true, + markdown: { + syntaxHighlight: false, + }, integrations: [ skeleton(), - partytown(), - svelte({ - preprocess: vitePreprocess(), - compilerOptions: { - experimental: { - async: true, - }, - }, - }), react(), - expressiveCode({ - defaultProps: { wrap: true }, - themes: ['dark-plus', 'github-dark'], - }), - AutoImport({ + svelte(), + autoImport({ imports: [ { - 'astro-expressive-code/components': ['Code'], - '@/components/ui/api-table.astro': [['default', 'ApiTable']], - '@/components/ui/preview.tsx': [['default', 'Preview']], - '@/components/ui/framework-tabs.tsx': [['default', 'FrameworkTabs']], + './src/components/ui/framework.astro': [['default', 'Framework']], + './src/components/ui/api-table.astro': [['default', 'ApiTable']], + './src/components/ui/preview.svelte': [['default', 'Preview']], + './src/components/ui/alert.astro': [['default', 'Alert']], }, ], }), - /** - * Note: Keep this as the last integration so that framework components are available in MDX. - */ mdx(), + partytown(), + sitemap(), + pagefind(), ], - vite: { + build: { + rollupOptions: { + external: ['/pagefind/pagefind.js'], + }, + }, + assetsInclude: '**/pagefind.js', plugins: [ - // @ts-expect-error - vite version mismatch + /* @ts-expect-error vite version mismatch */ tailwindcss(), - // @ts-expect-error - vite version mismatch - pagefind({ - outputDirectory: 'dist', - }), - // @ts-expect-error - vite version mismatch + /* @ts-expect-error vite version mismatch */ transformLucideImports({ + extensions: [...SUPPORTED_EXTENSIONS, '.astro'], onwarn(warning, defaultHandler) { if (warning.message.match(/Skipping optimization of (\S+) because \1 is already a tree shaken package/)) { return; @@ -103,6 +69,21 @@ export default defineConfig({ }), ], }, - adapter: vercel(), }); + +function skeleton(): AstroIntegration { + return { + name: 'skeleton', + hooks: { + 'astro:config:setup': async (context) => { + if (context.command !== 'build') { + return; + } + context.logger.info('Generating type documentation...'); + await generateTypeDocumentation(); + context.logger.info('Type documentation generated.'); + }, + }, + }; +} diff --git a/sites/skeleton.dev/package.json b/sites/skeleton.dev/package.json index 3829d94bb8..d37ccaaaf4 100644 --- a/sites/skeleton.dev/package.json +++ b/sites/skeleton.dev/package.json @@ -1,8 +1,7 @@ { "name": "@skeletonlabs/skeleton.dev", - "version": "0.0.1", + "version": "1.0.0", "private": true, - "type": "module", "scripts": { "dev": "astro dev", "build": "astro build", @@ -15,39 +14,40 @@ "@astrojs/mdx": "catalog:", "@astrojs/partytown": "catalog:", "@astrojs/react": "catalog:", + "@astrojs/sitemap": "catalog:", "@astrojs/svelte": "catalog:", "@astrojs/vercel": "catalog:", - "@atproto/api": "catalog:", "@faker-js/faker": "catalog:", "@floating-ui/dom": "catalog:", "@lucide/svelte": "catalog:", - "@nanostores/persistent": "catalog:", + "@resvg/resvg-js": "catalog:", + "@shikijs/core": "catalog:", + "@shikijs/engine-javascript": "catalog:", + "@shikijs/langs": "catalog:", + "@shikijs/themes": "catalog:", + "@shikijs/transformers": "catalog:", + "@shikijs/types": "catalog:", "@skeletonlabs/skeleton": "workspace:*", "@skeletonlabs/skeleton-common": "workspace:*", "@skeletonlabs/skeleton-react": "workspace:*", "@skeletonlabs/skeleton-svelte": "workspace:*", - "@tailwindcss/forms": "catalog:", + "@stackblitz/sdk": "catalog:", "@tailwindcss/vite": "catalog:", - "@types/mdast": "catalog:", + "@types/html-escaper": "catalog:", "@types/react": "catalog:", "@types/react-dom": "catalog:", - "@types/unist": "catalog:", "astro": "catalog:", "astro-auto-import": "catalog:", - "astro-expressive-code": "catalog:", + "astro-pagefind": "catalog:", + "astro-seo": "catalog:", "fuse.js": "catalog:", + "html-escaper": "catalog:", "lucide-react": "catalog:", - "mdast-util-from-markdown": "catalog:", - "mdast-util-gfm": "catalog:", - "mdast-util-mdx": "catalog:", - "mdast-util-to-markdown": "catalog:", - "micromark-extension-mdxjs": "catalog:", - "nanostores": "catalog:", "octokit": "catalog:", - "pagefind": "catalog:", "playwright": "catalog:", "react": "catalog:", "react-dom": "catalog:", + "satori": "catalog:", "sharp": "catalog:", "shiki": "catalog:", "svelte": "catalog:", @@ -55,8 +55,7 @@ "tinyglobby": "catalog:", "ts-morph": "catalog:", "typescript": "catalog:", - "unist-util-visit": "catalog:", - "vite-plugin-pagefind": "catalog:", "vite-plugin-transform-lucide-imports": "catalog:" - } + }, + "type": "module" } diff --git a/sites/skeleton.dev/public/llms.txt b/sites/skeleton.dev/public/llms.txt deleted file mode 100644 index d153f63a32..0000000000 --- a/sites/skeleton.dev/public/llms.txt +++ /dev/null @@ -1,14 +0,0 @@ -# Skeleton Documentation for LLMs - -> Skeleton provides a uniform design language and structured framework for controlling the look and feel of your product and user experience. It serves as an opinionated design system that aims to greatly reduce the amount of time spent managing design elements and patterns, allowing you to more quickly build and manage your frontend interfaces at scale. - - -## Documentation Sets - -- [React package documentation](https://skeleton.dev/llms-react.txt): documentation with React specific examples. -- [Svelte package documentation](https://skeleton.dev/llms-svelte.txt): documentation with Svelte specific examples. - -## Notes -- The content is automatically generated from the official documentation -- Skeleton's core features are framework agnostic, only requiring the use of [Tailwind CSS](https://tailwindcss.com/). This provides full access to all design system features, while enabling you to standardize the design process for your framework of choice. - diff --git a/sites/skeleton.dev/scripts/generate-showcase-project-thumbnails.ts b/sites/skeleton.dev/scripts/generate-showcase-project-thumbnails.ts index 3c6bcdd350..6a980c2b2b 100644 --- a/sites/skeleton.dev/scripts/generate-showcase-project-thumbnails.ts +++ b/sites/skeleton.dev/scripts/generate-showcase-project-thumbnails.ts @@ -6,7 +6,7 @@ import { glob } from 'tinyglobby'; const ROOT_DIRECTORY = join(dirname(fileURLToPath(import.meta.url)), '..'); const SHOWCASE_PROJECTS_DIRECTORY = join(ROOT_DIRECTORY, 'src', 'content', 'showcase-projects'); -const OUTPUT_DIRECTORY = join(ROOT_DIRECTORY, 'src', 'images', 'showcase-project-thumbnails'); +const OUTPUT_DIRECTORY = join(ROOT_DIRECTORY, 'src', 'assets', 'showcase-project-thumbnails'); async function generateShowcaseProjectThumbnails() { const browser = await chromium.launch(); @@ -28,23 +28,35 @@ async function generateShowcaseProjectThumbnails() { await Promise.all( projects.map(async (project) => { - for (const colorScheme of ['light', 'dark'] as const) { - const page = await browser.newPage({ - viewport: { width: 1920, height: 1080 }, - }); - await page.emulateMedia({ colorScheme }); - await page.goto(project.url, { waitUntil: 'networkidle' }); - for (const instruction of project.playwright?.instructions ?? []) { - // oxlint-disable-next-line no-implied-eval - const fn = new Function('page', `return (async () => { ${instruction} })()`); - await fn(page); - } - await page.screenshot({ path: join(OUTPUT_DIRECTORY, `${project.slug}-${colorScheme}.png`) }); - await page.close(); + try { + await Promise.all( + (['light', 'dark'] as const).map(async (colorScheme) => { + const page = await browser.newPage({ viewport: { width: 1920, height: 1080 } }); + await page.emulateMedia({ colorScheme }); + await page.goto(project.url, { + waitUntil: 'domcontentloaded', + }); + // Let client side rendering finish + await page.waitForTimeout(2500); + + for (const instruction of project.playwright?.instructions ?? []) { + // oxlint-disable-next-line no-implied-eval + const fn = new Function('page', `return (async () => { ${instruction} })()`); + await fn(page); + } + + await page.screenshot({ + path: join(OUTPUT_DIRECTORY, `${project.slug}-${colorScheme}.png`), + }); + + await page.close(); + }), + ); + } catch { + console.warn(`Failed to generate thumbnail for project "${project.slug}", skipping...`); } }), ); - await browser.close(); } diff --git a/sites/skeleton.dev/src/app.css b/sites/skeleton.dev/src/app.css index f6b11b4a59..61354e930b 100644 --- a/sites/skeleton.dev/src/app.css +++ b/sites/skeleton.dev/src/app.css @@ -1,6 +1,4 @@ @import 'tailwindcss'; -@plugin "@tailwindcss/forms"; - @import '@skeletonlabs/skeleton'; @import '@skeletonlabs/skeleton-svelte'; @import '@skeletonlabs/skeleton-react'; @@ -27,61 +25,47 @@ @import '@skeletonlabs/skeleton/themes/vox'; @import '@skeletonlabs/skeleton/themes/wintry'; -/* Set Selector dark mode strategy */ -@custom-variant dark (&:where([data-mode="dark"], [data-mode="dark"] *)); - -/* Global Styles */ - -html { - scroll-behavior: smooth; - scrollbar-gutter: stable; -} - -/* Local Utilities --- */ +@custom-variant dark { + &:where([data-mode='dark'], [data-mode='dark'] *) { + @slot; + } -.flex-centered { - display: flex; - align-items: center; - justify-content: center; + @media (prefers-color-scheme: dark) { + &:where([data-mode='system'], [data-mode='system'] *) { + @slot; + } + } } -/* https://stackoverflow.com/a/13996191 */ -.bg-noise { +@utility bg-noise { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==); background-blend-mode: overlay; } -/* Astro Components --- */ - -.astro-code { +@utility card-filled-enhanced { border-radius: var(--radius-container); - padding: --spacing(4); + background-color: var(--color-primary-500); + color: var(--color-primary-contrast-500); } -/* Theme Enhancements --- */ +@utility linker { + border-radius: var(--radius-container); + display: flex; + justify-content: center; + padding-inline: --spacing(4); + padding-block: --spacing(10); + background-color: var(--color-primary-500); + color: var(--color-primary-contrast-500); +} -/* Homepage Gradients */ -.gradient-homepage-one { - background-size: cover; - background-image: - radial-gradient(at 24% 25%, color-mix(in oklab, var(--color-primary-500) 30%, transparent) 0px, transparent 30%), - radial-gradient(at 35% 13%, color-mix(in oklab, var(--color-success-500) 18%, transparent) 0px, transparent 30%), - radial-gradient(at 100% 64%, color-mix(in oklab, var(--color-error-500) 3%, transparent) 0px, transparent 40%); +:root { + --header-height: 70px; } -.gradient-homepage-two { - background-size: cover; - background-image: - radial-gradient(at 25% 40%, color-mix(in oklab, var(--color-primary-500) 10%, transparent) 0px, transparent 35%), - radial-gradient(at 100% 58%, color-mix(in oklab, var(--color-success-500) 5%, transparent) 0px, transparent 35%); + +html { + scrollbar-gutter: stable; } -/* Inner Page Gradient */ -/* -[data-theme='concord'], -[data-theme='reign'], -[data-theme='terminus'], -[data-theme='vox'], -*/ [data-theme='catppuccin'], [data-theme='cerberus'], [data-theme='crimson'], @@ -107,74 +91,22 @@ html { } } -/* Filled Cards */ -.card-filled-enhanced { - border-radius: var(--radius-container); - background-color: var(--color-primary-500); - color: var(--color-primary-contrast-500); -} - -/* Linker */ -/* Prominent link elements for MDX pages */ - -.linker { - border-radius: var(--radius-container); - display: flex; - justify-content: center; - padding-inline: --spacing(4); - padding-block: --spacing(10); - background-color: var(--color-primary-500); - color: var(--color-primary-contrast-500); -} - -/* Floating UI */ -/* https://floating-ui.com/docs/tutorial#making-the-tooltip-float */ -/* https://floating-ui-svelte.vercel.app/docs/getting-started */ - -.floating { - width: max-content; - position: absolute; - top: 0; - left: 0; -} +/* Hide Scrollbars Tracks */ -/* useTransition - https://floating-ui.com/docs/useTransition#usetransitionstatus */ -.floating { - transition-property: opacity; -} -.floating[data-status='open'], -.floating[data-status='close'] { - transition-duration: 250ms; -} -.floating[data-status='initial'], -.floating[data-status='close'] { - opacity: 0; +.hide-scrollbar-track { + scrollbar-color: var(--color-surface-300-700) rgba(0, 0, 0, 0); /* thumb / track */ } -/* Carbon Ad Styles */ +/* Animations */ -#carbonads { - background-color: var(--color-surface-50-950); - border-width: 1px; - border-color: var(--color-surface-200-800); -} -#carbonads .carbon-wrap { - display: grid; - grid-template-columns: auto 1fr; - gap: --spacing(3); -} -#carbonads .carbon-text { - font-size: 11px; - padding: --spacing(1); - text-decoration-line: none; - opacity: 0.75; +@keyframes spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } } -#carbonads .carbon-poweredby { - display: block; - background-color: var(--color-surface-100-900); - color: var(--color-surface-600-400); - font-size: 10px; - padding: --spacing(1); - text-align: right; - text-transform: uppercase; +.spin-360 { + animation: spin 5s linear infinite; /* Shorthand */ } diff --git a/sites/skeleton.dev/src/images/brand/skeleton-full.svg b/sites/skeleton.dev/src/assets/branding/skeleton-big.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/skeleton-full.svg rename to sites/skeleton.dev/src/assets/branding/skeleton-big.svg diff --git a/sites/skeleton.dev/src/images/brand/skeleton.svg b/sites/skeleton.dev/src/assets/branding/skeleton.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/skeleton.svg rename to sites/skeleton.dev/src/assets/branding/skeleton.svg diff --git a/sites/skeleton.dev/public/favicon.png b/sites/skeleton.dev/src/assets/favicon.png similarity index 100% rename from sites/skeleton.dev/public/favicon.png rename to sites/skeleton.dev/src/assets/favicon.png diff --git a/sites/skeleton.dev/src/images/headless/bits-ui/bits-banner.png b/sites/skeleton.dev/src/assets/headless/bits-ui/banner.png similarity index 100% rename from sites/skeleton.dev/src/images/headless/bits-ui/bits-banner.png rename to sites/skeleton.dev/src/assets/headless/bits-ui/banner.png diff --git a/sites/skeleton.dev/src/images/headless/bits-ui/bits-component.gif b/sites/skeleton.dev/src/assets/headless/bits-ui/date-picker.gif similarity index 100% rename from sites/skeleton.dev/src/images/headless/bits-ui/bits-component.gif rename to sites/skeleton.dev/src/assets/headless/bits-ui/date-picker.gif diff --git a/sites/skeleton.dev/src/images/headless/melt-ui/melt-component.gif b/sites/skeleton.dev/src/assets/headless/melt-ui/accordion.gif similarity index 100% rename from sites/skeleton.dev/src/images/headless/melt-ui/melt-component.gif rename to sites/skeleton.dev/src/assets/headless/melt-ui/accordion.gif diff --git a/sites/skeleton.dev/src/images/headless/melt-ui/melt-banner.png b/sites/skeleton.dev/src/assets/headless/melt-ui/banner.png similarity index 100% rename from sites/skeleton.dev/src/images/headless/melt-ui/melt-banner.png rename to sites/skeleton.dev/src/assets/headless/melt-ui/banner.png diff --git a/sites/skeleton.dev/src/images/headless/radix-ui/radix-banner.png b/sites/skeleton.dev/src/assets/headless/radix-ui/banner.png similarity index 100% rename from sites/skeleton.dev/src/images/headless/radix-ui/radix-banner.png rename to sites/skeleton.dev/src/assets/headless/radix-ui/banner.png diff --git a/sites/skeleton.dev/src/images/headless/radix-ui/radix-component.gif b/sites/skeleton.dev/src/assets/headless/radix-ui/toggle-group.gif similarity index 100% rename from sites/skeleton.dev/src/images/headless/radix-ui/radix-component.gif rename to sites/skeleton.dev/src/assets/headless/radix-ui/toggle-group.gif diff --git a/sites/skeleton.dev/src/assets/landing-page/massive-attack-mezzanine.webp b/sites/skeleton.dev/src/assets/landing-page/massive-attack-mezzanine.webp new file mode 100644 index 0000000000..c8a293df34 Binary files /dev/null and b/sites/skeleton.dev/src/assets/landing-page/massive-attack-mezzanine.webp differ diff --git a/sites/skeleton.dev/src/assets/landing-page/skeleton-figma-ui-kit.png b/sites/skeleton.dev/src/assets/landing-page/skeleton-figma-ui-kit.png new file mode 100644 index 0000000000..3e04d6cc5e Binary files /dev/null and b/sites/skeleton.dev/src/assets/landing-page/skeleton-figma-ui-kit.png differ diff --git a/sites/skeleton.dev/src/images/brand/astro.svg b/sites/skeleton.dev/src/assets/logos/astro.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/astro.svg rename to sites/skeleton.dev/src/assets/logos/astro.svg diff --git a/sites/skeleton.dev/src/images/brand/bluesky.svg b/sites/skeleton.dev/src/assets/logos/bluesky.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/bluesky.svg rename to sites/skeleton.dev/src/assets/logos/bluesky.svg diff --git a/sites/skeleton.dev/src/assets/logos/chatgpt.svg b/sites/skeleton.dev/src/assets/logos/chatgpt.svg new file mode 100644 index 0000000000..d65783fa6a --- /dev/null +++ b/sites/skeleton.dev/src/assets/logos/chatgpt.svg @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/sites/skeleton.dev/src/assets/logos/claude.svg b/sites/skeleton.dev/src/assets/logos/claude.svg new file mode 100644 index 0000000000..bd179f0167 --- /dev/null +++ b/sites/skeleton.dev/src/assets/logos/claude.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/sites/skeleton.dev/src/images/brand/discord.svg b/sites/skeleton.dev/src/assets/logos/discord.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/discord.svg rename to sites/skeleton.dev/src/assets/logos/discord.svg diff --git a/sites/skeleton.dev/src/images/brand/github.svg b/sites/skeleton.dev/src/assets/logos/github.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/github.svg rename to sites/skeleton.dev/src/assets/logos/github.svg diff --git a/sites/skeleton.dev/src/images/brand/react.svg b/sites/skeleton.dev/src/assets/logos/react.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/react.svg rename to sites/skeleton.dev/src/assets/logos/react.svg diff --git a/sites/skeleton.dev/src/images/brand/solid.svg b/sites/skeleton.dev/src/assets/logos/solid.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/solid.svg rename to sites/skeleton.dev/src/assets/logos/solid.svg diff --git a/sites/skeleton.dev/src/images/brand/svelte.svg b/sites/skeleton.dev/src/assets/logos/svelte.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/svelte.svg rename to sites/skeleton.dev/src/assets/logos/svelte.svg diff --git a/sites/skeleton.dev/src/images/brand/vue.svg b/sites/skeleton.dev/src/assets/logos/vue.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/vue.svg rename to sites/skeleton.dev/src/assets/logos/vue.svg diff --git a/sites/skeleton.dev/src/images/brand/youtube.svg b/sites/skeleton.dev/src/assets/logos/youtube.svg similarity index 100% rename from sites/skeleton.dev/src/images/brand/youtube.svg rename to sites/skeleton.dev/src/assets/logos/youtube.svg diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/5-letter-rogue-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/5-letter-rogue-dark.png new file mode 100644 index 0000000000..c41a9e7f66 Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/5-letter-rogue-dark.png differ diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/5-letter-rogue-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/5-letter-rogue-light.png new file mode 100644 index 0000000000..9865ead8f2 Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/5-letter-rogue-light.png differ diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/andrea-cerasoni-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/andrea-cerasoni-dark.png new file mode 100644 index 0000000000..3240f704a5 Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/andrea-cerasoni-dark.png differ diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/andrea-cerasoni-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/andrea-cerasoni-light.png new file mode 100644 index 0000000000..c36b9f969c Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/andrea-cerasoni-light.png differ diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/bark-acedemy-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/bark-acedemy-dark.png similarity index 100% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/bark-acedemy-dark.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/bark-acedemy-dark.png diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/bark-acedemy-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/bark-acedemy-light.png similarity index 100% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/bark-acedemy-light.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/bark-acedemy-light.png diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/endigo-design-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/endigo-design-dark.png new file mode 100644 index 0000000000..65a5fdd3d3 Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/endigo-design-dark.png differ diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/endigo-design-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/endigo-design-light.png new file mode 100644 index 0000000000..04565b86c4 Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/endigo-design-light.png differ diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/equimake-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/equimake-dark.png similarity index 64% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/equimake-dark.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/equimake-dark.png index e6381b2e5c..2ca3fc428a 100644 Binary files a/sites/skeleton.dev/src/images/showcase-project-thumbnails/equimake-dark.png and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/equimake-dark.png differ diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/equimake-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/equimake-light.png similarity index 59% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/equimake-light.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/equimake-light.png index a81ccf7a2e..4ad4516509 100644 Binary files a/sites/skeleton.dev/src/images/showcase-project-thumbnails/equimake-light.png and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/equimake-light.png differ diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/hoorai-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/hoorai-dark.png similarity index 80% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/hoorai-dark.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/hoorai-dark.png index c56302e3e5..390bbdfe1b 100644 Binary files a/sites/skeleton.dev/src/images/showcase-project-thumbnails/hoorai-dark.png and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/hoorai-dark.png differ diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/hoorai-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/hoorai-light.png similarity index 81% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/hoorai-light.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/hoorai-light.png index 1087eca531..6936555ee7 100644 Binary files a/sites/skeleton.dev/src/images/showcase-project-thumbnails/hoorai-light.png and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/hoorai-light.png differ diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/minnestay-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/minnestay-dark.png new file mode 100644 index 0000000000..31aafd7f95 Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/minnestay-dark.png differ diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/minnestay-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/minnestay-light.png new file mode 100644 index 0000000000..cf63cdb3ce Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/minnestay-light.png differ diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/superforms-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/superforms-dark.png similarity index 100% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/superforms-dark.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/superforms-dark.png diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/superforms-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/superforms-light.png similarity index 100% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/superforms-light.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/superforms-light.png diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/svelte-sirens-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/svelte-sirens-dark.png new file mode 100644 index 0000000000..10e28d5872 Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/svelte-sirens-dark.png differ diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/svelte-sirens-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/svelte-sirens-light.png new file mode 100644 index 0000000000..8a2deafddd Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/svelte-sirens-light.png differ diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/sveltey-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/sveltey-dark.png similarity index 100% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/sveltey-dark.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/sveltey-dark.png diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/sveltey-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/sveltey-light.png similarity index 100% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/sveltey-light.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/sveltey-light.png diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/texpile-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/texpile-dark.png similarity index 100% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/texpile-dark.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/texpile-dark.png diff --git a/sites/skeleton.dev/src/images/showcase-project-thumbnails/texpile-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/texpile-light.png similarity index 100% rename from sites/skeleton.dev/src/images/showcase-project-thumbnails/texpile-light.png rename to sites/skeleton.dev/src/assets/showcase-project-thumbnails/texpile-light.png diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/typogram-dark.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/typogram-dark.png new file mode 100644 index 0000000000..2d2362090b Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/typogram-dark.png differ diff --git a/sites/skeleton.dev/src/assets/showcase-project-thumbnails/typogram-light.png b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/typogram-light.png new file mode 100644 index 0000000000..2d2362090b Binary files /dev/null and b/sites/skeleton.dev/src/assets/showcase-project-thumbnails/typogram-light.png differ diff --git a/sites/skeleton.dev/src/assets/sponsors/github.png b/sites/skeleton.dev/src/assets/sponsors/github.png new file mode 100644 index 0000000000..c4d1cb726a Binary files /dev/null and b/sites/skeleton.dev/src/assets/sponsors/github.png differ diff --git a/sites/skeleton.dev/src/assets/sponsors/kofi.png b/sites/skeleton.dev/src/assets/sponsors/kofi.png new file mode 100644 index 0000000000..cb7553dc9e Binary files /dev/null and b/sites/skeleton.dev/src/assets/sponsors/kofi.png differ diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/react/z-index.tsx b/sites/skeleton.dev/src/components/examples/components/combobox/react/z-index.tsx deleted file mode 100644 index ae26368b55..0000000000 --- a/sites/skeleton.dev/src/components/examples/components/combobox/react/z-index.tsx +++ /dev/null @@ -1,61 +0,0 @@ -import { Combobox, Portal, type ComboboxRootProps, useListCollection } from '@skeletonlabs/skeleton-react'; -import { useState } from 'react'; - -const data = [ - { label: 'Apple', value: 'apple' }, - { label: 'Banana', value: 'banana' }, - { label: 'Orange', value: 'orange' }, - { label: 'Carrot', value: 'carrot' }, - { label: 'Broccoli', value: 'broccoli' }, - { label: 'Spinach', value: 'spinach' }, -]; - -export default function ZIndex() { - const [items, setItems] = useState(data); - - const collection = useListCollection({ - items: items, - itemToString: (item) => item.label, - itemToValue: (item) => item.value, - }); - - const onOpenChange = () => { - setItems(data); - }; - - const onInputValueChange: ComboboxRootProps['onInputValueChange'] = (event) => { - const filtered = data.filter((item) => item.value.toLowerCase().includes(event.inputValue.toLowerCase())); - if (filtered.length > 0) { - setItems(filtered); - } else { - setItems(data); - } - }; - - return ( - - - - - - - - - {items.map((item) => ( - - {item.label} - - - ))} - - - - - ); -} diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/svelte/z-index.svelte b/sites/skeleton.dev/src/components/examples/components/combobox/svelte/z-index.svelte deleted file mode 100644 index d0398ed215..0000000000 --- a/sites/skeleton.dev/src/components/examples/components/combobox/svelte/z-index.svelte +++ /dev/null @@ -1,54 +0,0 @@ - - - - - - - - - - - {#each items as item (item.value)} - - {item.label} - - - {/each} - - - - diff --git a/sites/skeleton.dev/src/components/examples/design/typography/mark.astro b/sites/skeleton.dev/src/components/examples/design/typography/mark.astro index 2518e6a45e..b4df701481 100644 --- a/sites/skeleton.dev/src/components/examples/design/typography/mark.astro +++ b/sites/skeleton.dev/src/components/examples/design/typography/mark.astro @@ -1,4 +1,4 @@ -

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, aliquid. Molestias, odio illum voluptatibus natus dignissimos, quidem est unde aspernatur veniam pariatur fuga. + Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt, aliquid. Molestias, odio illum voluptatibus + natus dignissimos, quidem est unde aspernatur veniam pariatur fuga.

diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/react/collapsible.tsx b/sites/skeleton.dev/src/components/examples/framework-components/accordion/react/collapsible.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/react/collapsible.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/react/collapsible.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/react/controlled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/accordion/react/controlled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/react/controlled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/react/controlled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/accordion/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/accordion/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/react/indicator.tsx b/sites/skeleton.dev/src/components/examples/framework-components/accordion/react/indicator.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/react/indicator.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/react/indicator.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/react/multiple.tsx b/sites/skeleton.dev/src/components/examples/framework-components/accordion/react/multiple.tsx similarity index 95% rename from sites/skeleton.dev/src/components/examples/components/accordion/react/multiple.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/react/multiple.tsx index d71c9586ac..42fc89be83 100644 --- a/sites/skeleton.dev/src/components/examples/components/accordion/react/multiple.tsx +++ b/sites/skeleton.dev/src/components/examples/framework-components/accordion/react/multiple.tsx @@ -1,5 +1,7 @@ import { Accordion } from '@skeletonlabs/skeleton-react'; +// [!code highlight] + export default function Multiple() { return ( diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/react/orientation.tsx b/sites/skeleton.dev/src/components/examples/framework-components/accordion/react/orientation.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/react/orientation.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/react/orientation.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/svelte/collapsible.svelte b/sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/collapsible.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/svelte/collapsible.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/collapsible.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/svelte/controlled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/controlled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/svelte/controlled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/controlled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/svelte/indicator.svelte b/sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/indicator.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/svelte/indicator.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/indicator.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/svelte/multiple.svelte b/sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/multiple.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/svelte/multiple.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/multiple.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/accordion/svelte/orientation.svelte b/sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/orientation.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/accordion/svelte/orientation.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/accordion/svelte/orientation.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/app-bar/react/centered.tsx b/sites/skeleton.dev/src/components/examples/framework-components/app-bar/react/centered.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/app-bar/react/centered.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/app-bar/react/centered.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/app-bar/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/app-bar/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/app-bar/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/app-bar/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/app-bar/react/extended.tsx b/sites/skeleton.dev/src/components/examples/framework-components/app-bar/react/extended.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/app-bar/react/extended.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/app-bar/react/extended.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/app-bar/react/responsive.tsx b/sites/skeleton.dev/src/components/examples/framework-components/app-bar/react/responsive.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/app-bar/react/responsive.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/app-bar/react/responsive.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/app-bar/svelte/centered.svelte b/sites/skeleton.dev/src/components/examples/framework-components/app-bar/svelte/centered.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/app-bar/svelte/centered.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/app-bar/svelte/centered.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/app-bar/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/app-bar/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/app-bar/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/app-bar/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/app-bar/svelte/extended.svelte b/sites/skeleton.dev/src/components/examples/framework-components/app-bar/svelte/extended.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/app-bar/svelte/extended.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/app-bar/svelte/extended.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/app-bar/svelte/responsive.svelte b/sites/skeleton.dev/src/components/examples/framework-components/app-bar/svelte/responsive.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/app-bar/svelte/responsive.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/app-bar/svelte/responsive.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/avatar/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/avatar/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/avatar/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/avatar/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/avatar/react/fallback.tsx b/sites/skeleton.dev/src/components/examples/framework-components/avatar/react/fallback.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/avatar/react/fallback.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/avatar/react/fallback.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/avatar/react/filter.tsx b/sites/skeleton.dev/src/components/examples/framework-components/avatar/react/filter.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/avatar/react/filter.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/avatar/react/filter.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/avatar/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/avatar/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/avatar/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/avatar/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/avatar/svelte/fallback.svelte b/sites/skeleton.dev/src/components/examples/framework-components/avatar/svelte/fallback.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/avatar/svelte/fallback.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/avatar/svelte/fallback.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/avatar/svelte/filter.svelte b/sites/skeleton.dev/src/components/examples/framework-components/avatar/svelte/filter.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/avatar/svelte/filter.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/avatar/svelte/filter.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/react/alignment.tsx b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/alignment.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/react/alignment.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/alignment.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/react/controlled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/controlled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/react/controlled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/controlled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/react/disabled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/disabled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/react/disabled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/disabled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/react/indicator.tsx b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/indicator.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/react/indicator.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/react/indicator.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/svelte/alignment.svelte b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/alignment.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/svelte/alignment.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/alignment.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/svelte/controlled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/controlled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/svelte/controlled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/controlled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/svelte/disabled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/disabled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/svelte/disabled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/disabled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/collapsible/svelte/indicator.svelte b/sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/indicator.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/collapsible/svelte/indicator.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/collapsible/svelte/indicator.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/react/auto-highlight.tsx b/sites/skeleton.dev/src/components/examples/framework-components/combobox/react/auto-highlight.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/react/auto-highlight.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/react/auto-highlight.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/react/custom-filter.tsx b/sites/skeleton.dev/src/components/examples/framework-components/combobox/react/custom-filter.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/react/custom-filter.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/react/custom-filter.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/combobox/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/combobox/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/react/disabled-item.tsx b/sites/skeleton.dev/src/components/examples/framework-components/combobox/react/disabled-item.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/react/disabled-item.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/react/disabled-item.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/react/group.tsx b/sites/skeleton.dev/src/components/examples/framework-components/combobox/react/group.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/react/group.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/react/group.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/react/multiple.tsx b/sites/skeleton.dev/src/components/examples/framework-components/combobox/react/multiple.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/react/multiple.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/react/multiple.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/svelte/auto-highlight.svelte b/sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/auto-highlight.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/svelte/auto-highlight.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/auto-highlight.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/svelte/custom-filter.svelte b/sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/custom-filter.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/svelte/custom-filter.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/custom-filter.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/svelte/disabled-item.svelte b/sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/disabled-item.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/svelte/disabled-item.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/disabled-item.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/svelte/group.svelte b/sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/group.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/svelte/group.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/group.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/combobox/svelte/multiple.svelte b/sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/multiple.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/combobox/svelte/multiple.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/combobox/svelte/multiple.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/react/controlled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/controlled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/react/controlled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/controlled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/react/disabled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/disabled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/react/disabled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/disabled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/react/inline.tsx b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/inline.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/react/inline.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/inline.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/react/min-max.tsx b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/min-max.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/react/min-max.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/min-max.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/react/range.tsx b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/range.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/react/range.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/range.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/react/with-selects.tsx b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/with-selects.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/react/with-selects.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/react/with-selects.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/svelte/controlled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/controlled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/svelte/controlled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/controlled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/svelte/disabled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/disabled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/svelte/disabled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/disabled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/svelte/inline.svelte b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/inline.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/svelte/inline.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/inline.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/svelte/min-max.svelte b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/min-max.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/svelte/min-max.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/min-max.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/svelte/range.svelte b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/range.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/svelte/range.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/range.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/date-picker/svelte/with-selects.svelte b/sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/with-selects.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/date-picker/svelte/with-selects.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/date-picker/svelte/with-selects.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/react/alert-dialog.tsx b/sites/skeleton.dev/src/components/examples/framework-components/dialog/react/alert-dialog.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/react/alert-dialog.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/react/alert-dialog.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/dialog/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/dialog/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/react/drawer.tsx b/sites/skeleton.dev/src/components/examples/framework-components/dialog/react/drawer.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/react/drawer.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/react/drawer.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/react/headless.tsx b/sites/skeleton.dev/src/components/examples/framework-components/dialog/react/headless.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/react/headless.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/react/headless.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/react/interaction.tsx b/sites/skeleton.dev/src/components/examples/framework-components/dialog/react/interaction.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/react/interaction.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/react/interaction.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/react/z-index.tsx b/sites/skeleton.dev/src/components/examples/framework-components/dialog/react/z-index.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/react/z-index.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/react/z-index.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/svelte/alert-dialog.svelte b/sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/alert-dialog.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/svelte/alert-dialog.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/alert-dialog.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/svelte/drawer.svelte b/sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/drawer.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/svelte/drawer.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/drawer.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/svelte/headless.svelte b/sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/headless.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/svelte/headless.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/headless.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/svelte/interaction.svelte b/sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/interaction.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/svelte/interaction.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/interaction.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/dialog/svelte/z-index.svelte b/sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/z-index.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/dialog/svelte/z-index.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/dialog/svelte/z-index.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/react/button.tsx b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/button.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/react/button.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/button.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/react/clear-files.tsx b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/clear-files.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/react/clear-files.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/clear-files.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/react/custom-content.tsx b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/custom-content.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/react/custom-content.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/custom-content.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/react/disabled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/disabled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/react/disabled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/react/disabled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/svelte/button.svelte b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/button.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/svelte/button.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/button.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/svelte/clear-files.svelte b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/clear-files.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/svelte/clear-files.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/clear-files.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/svelte/custom-content.svelte b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/custom-content.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/svelte/custom-content.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/custom-content.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/file-upload/svelte/disabled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/disabled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/file-upload/svelte/disabled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/file-upload/svelte/disabled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/listbox/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/listbox/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/react/disabled-item.tsx b/sites/skeleton.dev/src/components/examples/framework-components/listbox/react/disabled-item.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/react/disabled-item.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/react/disabled-item.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/react/disabled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/listbox/react/disabled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/react/disabled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/react/disabled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/react/group.tsx b/sites/skeleton.dev/src/components/examples/framework-components/listbox/react/group.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/react/group.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/react/group.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/react/multiple.tsx b/sites/skeleton.dev/src/components/examples/framework-components/listbox/react/multiple.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/react/multiple.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/react/multiple.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/react/search.tsx b/sites/skeleton.dev/src/components/examples/framework-components/listbox/react/search.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/react/search.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/react/search.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/svelte/disabled-item.svelte b/sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/disabled-item.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/svelte/disabled-item.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/disabled-item.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/svelte/disabled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/disabled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/svelte/disabled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/disabled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/svelte/group.svelte b/sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/group.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/svelte/group.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/group.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/svelte/multiple.svelte b/sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/multiple.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/svelte/multiple.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/multiple.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/listbox/svelte/search.svelte b/sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/search.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/listbox/svelte/search.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/listbox/svelte/search.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/navigation/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/navigation/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/navigation/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/navigation/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/navigation/react/rail.tsx b/sites/skeleton.dev/src/components/examples/framework-components/navigation/react/rail.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/navigation/react/rail.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/navigation/react/rail.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/navigation/react/sidebar.tsx b/sites/skeleton.dev/src/components/examples/framework-components/navigation/react/sidebar.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/navigation/react/sidebar.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/navigation/react/sidebar.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/navigation/react/toggle.tsx b/sites/skeleton.dev/src/components/examples/framework-components/navigation/react/toggle.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/navigation/react/toggle.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/navigation/react/toggle.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/navigation/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/navigation/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/navigation/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/navigation/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/navigation/svelte/rail.svelte b/sites/skeleton.dev/src/components/examples/framework-components/navigation/svelte/rail.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/navigation/svelte/rail.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/navigation/svelte/rail.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/navigation/svelte/sidebar.svelte b/sites/skeleton.dev/src/components/examples/framework-components/navigation/svelte/sidebar.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/navigation/svelte/sidebar.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/navigation/svelte/sidebar.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/navigation/svelte/toggle.svelte b/sites/skeleton.dev/src/components/examples/framework-components/navigation/svelte/toggle.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/navigation/svelte/toggle.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/navigation/svelte/toggle.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/pagination/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/pagination/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/pagination/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/pagination/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/pagination/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/pagination/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/pagination/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/pagination/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/pagination/react/dynamic-page-size.tsx b/sites/skeleton.dev/src/components/examples/framework-components/pagination/react/dynamic-page-size.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/pagination/react/dynamic-page-size.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/pagination/react/dynamic-page-size.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/pagination/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/pagination/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/pagination/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/pagination/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/pagination/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/pagination/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/pagination/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/pagination/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/pagination/svelte/dynamic-page-size.svelte b/sites/skeleton.dev/src/components/examples/framework-components/pagination/svelte/dynamic-page-size.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/pagination/svelte/dynamic-page-size.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/pagination/svelte/dynamic-page-size.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/popover/react/arrow.tsx b/sites/skeleton.dev/src/components/examples/framework-components/popover/react/arrow.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/react/arrow.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/popover/react/arrow.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/popover/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/popover/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/popover/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/popover/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/popover/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/popover/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/popover/react/headless.tsx b/sites/skeleton.dev/src/components/examples/framework-components/popover/react/headless.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/react/headless.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/popover/react/headless.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/popover/react/programmatic.tsx b/sites/skeleton.dev/src/components/examples/framework-components/popover/react/programmatic.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/react/programmatic.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/popover/react/programmatic.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/popover/react/z-index.tsx b/sites/skeleton.dev/src/components/examples/framework-components/popover/react/z-index.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/react/z-index.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/popover/react/z-index.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/popover/svelte/arrow.svelte b/sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/arrow.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/svelte/arrow.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/arrow.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/popover/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/popover/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/popover/svelte/headless.svelte b/sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/headless.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/svelte/headless.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/headless.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/popover/svelte/programmatic.svelte b/sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/programmatic.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/svelte/programmatic.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/programmatic.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/popover/svelte/z-index.svelte b/sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/z-index.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/popover/svelte/z-index.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/popover/svelte/z-index.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/portal/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/portal/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/portal/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/portal/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/portal/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/portal/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/portal/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/portal/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/react/centered-content.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/centered-content.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/react/centered-content.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/centered-content.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/react/color.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/color.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/react/color.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/color.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/react/custom-value-text.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/custom-value-text.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/react/custom-value-text.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/custom-value-text.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/react/format.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/format.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/react/format.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/format.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/react/indeterminate.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/indeterminate.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/react/indeterminate.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/indeterminate.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/react/size.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/size.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/react/size.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/react/size.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/centered-content.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/centered-content.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/centered-content.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/centered-content.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/color.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/color.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/color.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/color.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/custom-value-text.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/custom-value-text.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/custom-value-text.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/custom-value-text.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/format.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/format.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/format.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/format.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/indeterminate.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/indeterminate.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/indeterminate.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/indeterminate.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/size.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/size.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-circular/svelte/size.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-circular/svelte/size.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/react/color.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/color.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/react/color.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/color.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/react/custom-animation.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/custom-animation.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/react/custom-animation.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/custom-animation.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/react/height.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/height.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/react/height.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/height.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/react/indeterminate.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/indeterminate.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/react/indeterminate.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/indeterminate.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/react/native.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/native.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/react/native.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/native.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/react/orientation.tsx b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/orientation.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/react/orientation.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/react/orientation.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/color.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/color.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/color.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/color.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/custom-animation.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/custom-animation.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/custom-animation.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/custom-animation.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/height.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/height.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/height.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/height.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/indeterminate.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/indeterminate.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/indeterminate.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/indeterminate.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/native.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/native.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/native.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/native.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/orientation.svelte b/sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/orientation.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/progress-linear/svelte/orientation.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/progress-linear/svelte/orientation.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/react/custom-icons.tsx b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/custom-icons.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/react/custom-icons.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/custom-icons.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/react/disabled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/disabled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/react/disabled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/disabled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/react/half.tsx b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/half.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/react/half.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/half.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/react/label.tsx b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/label.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/react/label.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/react/label.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/svelte/custom-icons.svelte b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/custom-icons.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/svelte/custom-icons.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/custom-icons.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/svelte/disabled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/disabled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/svelte/disabled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/disabled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/svelte/half.svelte b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/half.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/svelte/half.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/half.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/rating-group/svelte/label.svelte b/sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/label.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/rating-group/svelte/label.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/rating-group/svelte/label.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/react/controlled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/controlled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/react/controlled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/controlled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/react/disabled-item.tsx b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/disabled-item.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/react/disabled-item.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/disabled-item.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/react/disabled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/disabled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/react/disabled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/disabled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/react/icons.tsx b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/icons.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/react/icons.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/icons.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/react/orientation.tsx b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/orientation.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/react/orientation.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/orientation.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/react/read-only.tsx b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/read-only.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/react/read-only.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/react/read-only.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/controlled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/controlled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/controlled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/controlled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/disabled-item.svelte b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/disabled-item.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/disabled-item.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/disabled-item.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/disabled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/disabled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/disabled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/disabled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/icons.svelte b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/icons.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/icons.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/icons.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/orientation.svelte b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/orientation.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/orientation.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/orientation.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/read-only.svelte b/sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/read-only.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/segmented-control/svelte/read-only.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/segmented-control/svelte/read-only.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/slider/react/color.tsx b/sites/skeleton.dev/src/components/examples/framework-components/slider/react/color.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/react/color.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/slider/react/color.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/slider/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/slider/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/slider/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/slider/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/slider/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/slider/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/slider/react/disabled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/slider/react/disabled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/react/disabled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/slider/react/disabled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/slider/react/multiple-thumbs.tsx b/sites/skeleton.dev/src/components/examples/framework-components/slider/react/multiple-thumbs.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/react/multiple-thumbs.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/slider/react/multiple-thumbs.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/slider/react/readonly.tsx b/sites/skeleton.dev/src/components/examples/framework-components/slider/react/readonly.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/react/readonly.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/slider/react/readonly.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/slider/svelte/color.svelte b/sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/color.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/svelte/color.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/color.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/slider/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/slider/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/slider/svelte/disabled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/disabled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/svelte/disabled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/disabled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/slider/svelte/multiple-thumbs.svelte b/sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/multiple-thumbs.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/svelte/multiple-thumbs.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/multiple-thumbs.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/slider/svelte/readonly.svelte b/sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/readonly.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/slider/svelte/readonly.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/slider/svelte/readonly.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/switch/react/colors.tsx b/sites/skeleton.dev/src/components/examples/framework-components/switch/react/colors.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/react/colors.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/switch/react/colors.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/switch/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/switch/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/switch/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/switch/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/switch/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/switch/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/switch/react/list.tsx b/sites/skeleton.dev/src/components/examples/framework-components/switch/react/list.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/react/list.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/switch/react/list.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/switch/react/thumb-icons.tsx b/sites/skeleton.dev/src/components/examples/framework-components/switch/react/thumb-icons.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/react/thumb-icons.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/switch/react/thumb-icons.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/switch/svelte/colors.svelte b/sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/colors.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/svelte/colors.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/colors.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/switch/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/switch/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/switch/svelte/list.svelte b/sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/list.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/svelte/list.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/list.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/switch/svelte/thumb-icons.svelte b/sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/thumb-icons.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/switch/svelte/thumb-icons.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/switch/svelte/thumb-icons.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tabs/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tabs/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tabs/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tabs/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tabs/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tabs/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tabs/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tabs/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tabs/react/fluid.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tabs/react/fluid.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tabs/react/fluid.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tabs/react/fluid.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tabs/react/vertical.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tabs/react/vertical.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tabs/react/vertical.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tabs/react/vertical.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tabs/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tabs/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tabs/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tabs/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tabs/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tabs/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tabs/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tabs/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tabs/svelte/fluid.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tabs/svelte/fluid.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tabs/svelte/fluid.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tabs/svelte/fluid.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tabs/svelte/vertical.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tabs/svelte/vertical.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tabs/svelte/vertical.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tabs/svelte/vertical.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/react/color.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/color.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/react/color.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/color.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/react/custom-icon.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/custom-icon.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/react/custom-icon.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/custom-icon.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/react/provider.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/provider.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/react/provider.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/react/provider.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/svelte/color.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/color.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/svelte/color.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/color.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/svelte/custom-icon.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/custom-icon.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/svelte/custom-icon.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/custom-icon.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tags-input/svelte/provider.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/provider.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tags-input/svelte/provider.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tags-input/svelte/provider.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toast/react/action.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toast/react/action.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/react/action.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toast/react/action.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toast/react/closable.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toast/react/closable.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/react/closable.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toast/react/closable.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toast/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toast/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toast/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toast/react/meta.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toast/react/meta.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/react/meta.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toast/react/meta.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toast/react/placement.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toast/react/placement.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/react/placement.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toast/react/placement.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toast/react/promise.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toast/react/promise.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/react/promise.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toast/react/promise.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toast/react/type.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toast/react/type.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/react/type.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toast/react/type.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toast/svelte/action.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/action.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/svelte/action.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/action.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toast/svelte/closable.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/closable.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/svelte/closable.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/closable.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toast/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toast/svelte/meta.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/meta.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/svelte/meta.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/meta.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toast/svelte/placement.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/placement.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/svelte/placement.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/placement.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toast/svelte/promise.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/promise.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/svelte/promise.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/promise.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toast/svelte/type.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/type.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toast/svelte/type.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toast/svelte/type.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toggle-group/react/controlled.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toggle-group/react/controlled.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toggle-group/react/controlled.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toggle-group/react/controlled.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toggle-group/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toggle-group/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toggle-group/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toggle-group/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toggle-group/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toggle-group/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toggle-group/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toggle-group/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toggle-group/react/orientation.tsx b/sites/skeleton.dev/src/components/examples/framework-components/toggle-group/react/orientation.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toggle-group/react/orientation.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/toggle-group/react/orientation.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/toggle-group/svelte/controlled.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toggle-group/svelte/controlled.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toggle-group/svelte/controlled.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toggle-group/svelte/controlled.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toggle-group/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toggle-group/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toggle-group/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toggle-group/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toggle-group/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toggle-group/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toggle-group/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toggle-group/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/toggle-group/svelte/orientation.svelte b/sites/skeleton.dev/src/components/examples/framework-components/toggle-group/svelte/orientation.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/toggle-group/svelte/orientation.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/toggle-group/svelte/orientation.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/react/arrow.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/arrow.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/react/arrow.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/arrow.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/react/dir.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/dir.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/react/dir.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/dir.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/react/headless.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/headless.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/react/headless.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/headless.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/react/programmatic.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/programmatic.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/react/programmatic.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/programmatic.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/react/z-index.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/z-index.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/react/z-index.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/react/z-index.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/svelte/arrow.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/arrow.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/svelte/arrow.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/arrow.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/svelte/dir.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/dir.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/svelte/dir.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/dir.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/svelte/headless.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/headless.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/svelte/headless.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/headless.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/svelte/programmatic.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/programmatic.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/svelte/programmatic.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/programmatic.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tooltip/svelte/z-index.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/z-index.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tooltip/svelte/z-index.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tooltip/svelte/z-index.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tree-view/react/collapse-expand.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tree-view/react/collapse-expand.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tree-view/react/collapse-expand.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tree-view/react/collapse-expand.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tree-view/react/default.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tree-view/react/default.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tree-view/react/default.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tree-view/react/default.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tree-view/react/lazy-loading.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tree-view/react/lazy-loading.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tree-view/react/lazy-loading.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tree-view/react/lazy-loading.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tree-view/react/multiple-selection.tsx b/sites/skeleton.dev/src/components/examples/framework-components/tree-view/react/multiple-selection.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tree-view/react/multiple-selection.tsx rename to sites/skeleton.dev/src/components/examples/framework-components/tree-view/react/multiple-selection.tsx diff --git a/sites/skeleton.dev/src/components/examples/components/tree-view/svelte/collapse-expand.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tree-view/svelte/collapse-expand.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tree-view/svelte/collapse-expand.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tree-view/svelte/collapse-expand.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tree-view/svelte/default.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tree-view/svelte/default.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tree-view/svelte/default.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tree-view/svelte/default.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tree-view/svelte/lazy-loading.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tree-view/svelte/lazy-loading.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tree-view/svelte/lazy-loading.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tree-view/svelte/lazy-loading.svelte diff --git a/sites/skeleton.dev/src/components/examples/components/tree-view/svelte/multiple-selection.svelte b/sites/skeleton.dev/src/components/examples/framework-components/tree-view/svelte/multiple-selection.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/components/tree-view/svelte/multiple-selection.svelte rename to sites/skeleton.dev/src/components/examples/framework-components/tree-view/svelte/multiple-selection.svelte diff --git a/sites/skeleton.dev/src/components/examples/guides/cookbook/clipboard/default.astro b/sites/skeleton.dev/src/components/examples/guides/cookbook/clipboard/default.astro index 4d92c2099e..0f9845ddc6 100644 --- a/sites/skeleton.dev/src/components/examples/guides/cookbook/clipboard/default.astro +++ b/sites/skeleton.dev/src/components/examples/guides/cookbook/clipboard/default.astro @@ -1,19 +1,12 @@ - + diff --git a/sites/skeleton.dev/src/components/examples/guides/cookbook/clipboard/input.astro b/sites/skeleton.dev/src/components/examples/guides/cookbook/clipboard/input.astro index c95636df66..26843b7e35 100644 --- a/sites/skeleton.dev/src/components/examples/guides/cookbook/clipboard/input.astro +++ b/sites/skeleton.dev/src/components/examples/guides/cookbook/clipboard/input.astro @@ -1,20 +1,15 @@
- - + +
diff --git a/sites/skeleton.dev/src/components/examples/guides/cookbook/table-of-contents/default.astro b/sites/skeleton.dev/src/components/examples/guides/cookbook/table-of-contents/default.astro index b57ca2fcc5..d5fd4fce4d 100644 --- a/sites/skeleton.dev/src/components/examples/guides/cookbook/table-of-contents/default.astro +++ b/sites/skeleton.dev/src/components/examples/guides/cookbook/table-of-contents/default.astro @@ -21,23 +21,16 @@ const headings: PageHeadings[] = [ /** Provide a padding-left class based on the depth. */ function setIndentationClass(depth: number) { - // prettier-ignore - switch(depth) { - case(6): { return 'pl-12'; - } - case(5): { return 'pl-10'; - } - case(4): { return 'pl-8'; - } - case(3): { return 'pl-6'; - } - case(2): { return 'pl-4'; - } - case(1): { return 'pl-2'; - } - default: { return 'pl-0'; - } - } + return ( + { + 0: 'pl-0', + 1: 'pl-2', + 2: 'pl-4', + 3: 'pl-6', + 4: 'pl-8', + 5: 'pl-10', + }[depth] ?? 'pl-0' + ); } --- diff --git a/sites/skeleton.dev/src/components/examples/integrations/code-block/default.astro b/sites/skeleton.dev/src/components/examples/integrations/code-block/default.astro deleted file mode 100644 index e6ac8e38c8..0000000000 --- a/sites/skeleton.dev/src/components/examples/integrations/code-block/default.astro +++ /dev/null @@ -1,15 +0,0 @@ ---- -import Code from 'astro/components/Code.astro'; - -const exampleConsole = `npx sv create my-skeleton-app`; -const exampleHtml = `
Hello World
`; -const exampleCss = `.foobar { background: green; }`; -const exampleJavascript = `const foo = 'bar';`; ---- - -
- - - - -
diff --git a/sites/skeleton.dev/src/components/examples/integrations/code-block/react/code-block.tsx b/sites/skeleton.dev/src/components/examples/integrations/code-block/react/code-block.tsx new file mode 100644 index 0000000000..53935b23f8 --- /dev/null +++ b/sites/skeleton.dev/src/components/examples/integrations/code-block/react/code-block.tsx @@ -0,0 +1,49 @@ +import { createHighlighterCore } from 'shiki/core'; +import { createJavaScriptRegexEngine } from 'shiki/engine/javascript'; + +const highlighter = await createHighlighterCore({ + langs: [import('@shikijs/langs/bash'), import('@shikijs/langs/css'), import('@shikijs/langs/html'), import('@shikijs/langs/javascript')], + themes: [import('@shikijs/themes/github-dark')], + engine: createJavaScriptRegexEngine(), +}); + +interface CodeBlockProps { + code: Parameters[0]; + lang?: Parameters[1]['lang']; + // Base Style Props + base?: string; + background?: string; + rounded?: string; + shadow?: string; + classes?: string; + // Pre Style Props + preBase?: string; + prePadding?: string; + preClasses?: string; +} + +export default function CodeBlock({ + code = '', + lang = 'txt', + // Base Style Props + base = 'overflow-hidden', + background = 'bg-neutral-950', + rounded = 'rounded-container', + shadow = '', + classes = '', + // Pre Style Props + preBase = '', + prePadding = '[&>pre]:p-4', + preClasses = '', +}: CodeBlockProps) { + const html = highlighter.codeToHtml(code, { + lang, + theme: 'github-dark', + }); + return ( +
+ ); +} diff --git a/sites/skeleton.dev/src/components/examples/integrations/code-block/react/component.tsx b/sites/skeleton.dev/src/components/examples/integrations/code-block/react/component.tsx deleted file mode 100644 index f995322051..0000000000 --- a/sites/skeleton.dev/src/components/examples/integrations/code-block/react/component.tsx +++ /dev/null @@ -1,61 +0,0 @@ -'use client'; - -import { createHighlighterCoreSync } from 'shiki/core'; -import { createJavaScriptRegexEngine } from 'shiki/engine/javascript'; -import console from 'shiki/langs/console.mjs'; -import css from 'shiki/langs/css.mjs'; -import html from 'shiki/langs/html.mjs'; -import js from 'shiki/langs/javascript.mjs'; -import svelte from 'shiki/langs/svelte.mjs'; -import themeDarkPlus from 'shiki/themes/dark-plus.mjs'; - -// https://shiki.style/guide/sync-usage -const shiki = createHighlighterCoreSync({ - engine: createJavaScriptRegexEngine(), - // Implement your import theme. - themes: [themeDarkPlus], - // Implement your imported and supported languages. - langs: [console, html, css, js, svelte], -}); - -interface CodeBlockProps { - code: string; - lang?: string; - theme?: string; - // Base Style Props - base?: string; - background?: string; - rounded?: string; - shadow?: string; - classes?: string; - // Pre Style Props - preBase?: string; - prePadding?: string; - preClasses?: string; -} - -export default function CodeBlock({ - code = '', - lang = 'console', - theme = 'dark-plus', - // Base Style Props - base = 'overflow-hidden', - background = 'bg-neutral-950', - rounded = 'rounded-container', - shadow = '', - classes = '', - // Pre Style Props - preBase = '', - prePadding = '[&>pre]:p-4', - preClasses = '', -}: CodeBlockProps) { - // Shiki convert to HTML - const generatedHtml = shiki.codeToHtml(code, { lang, theme }); - - return ( -
- ); -} diff --git a/sites/skeleton.dev/src/components/examples/integrations/code-block/react/page.tsx b/sites/skeleton.dev/src/components/examples/integrations/code-block/react/page.tsx index 8d770e87f3..0b5694526f 100644 --- a/sites/skeleton.dev/src/components/examples/integrations/code-block/react/page.tsx +++ b/sites/skeleton.dev/src/components/examples/integrations/code-block/react/page.tsx @@ -1,18 +1,12 @@ -import CodeBlock from '@/components/examples/integrations/code-block/react/component'; - -export default function Home() { - // Source Code - const exampleConsole = `npx sv create my-skeleton-app`; - const exampleHtml = `
Hello World
`; - const exampleCss = `.foobar { background: green; }`; - const exampleJavascript = `const foo = 'bar';`; +import CodeBlock from './code-block'; +export default function Page() { return (
- - - - + + + +
); } diff --git a/sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/component.svelte b/sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/code-block.svelte similarity index 54% rename from sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/component.svelte rename to sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/code-block.svelte index 41101f0e5a..ff56238513 100644 --- a/sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/component.svelte +++ b/sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/code-block.svelte @@ -1,25 +1,21 @@
diff --git a/sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/page.svelte b/sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/page.svelte index 454540fba2..974ab3b24a 100644 --- a/sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/page.svelte +++ b/sites/skeleton.dev/src/components/examples/integrations/code-block/svelte/page.svelte @@ -1,16 +1,10 @@
- - - - + + + +
diff --git a/sites/skeleton.dev/src/components/examples/tailwind/badges/default.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/badges/default.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/badges/default.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/badges/default.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/badges/overlap.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/badges/overlap.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/badges/overlap.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/badges/overlap.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/badges/presets.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/badges/presets.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/badges/presets.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/badges/presets.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/buttons/default.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/buttons/default.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/buttons/default.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/buttons/default.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/buttons/disabled.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/buttons/disabled.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/buttons/disabled.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/buttons/disabled.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/buttons/group.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/buttons/group.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/buttons/group.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/buttons/group.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/buttons/presets.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/buttons/presets.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/buttons/presets.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/buttons/presets.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/buttons/sizes.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/buttons/sizes.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/buttons/sizes.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/buttons/sizes.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/cards/default.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/cards/default.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/cards/default.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/cards/default.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/cards/detailed.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/cards/detailed.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/cards/detailed.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/cards/detailed.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/cards/presets.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/cards/presets.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/cards/presets.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/cards/presets.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/chips/default.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/chips/default.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/chips/default.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/chips/default.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/chips/disabled.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/chips/disabled.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/chips/disabled.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/chips/disabled.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/chips/presets.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/chips/presets.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/chips/presets.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/chips/presets.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/chips/react/select.tsx b/sites/skeleton.dev/src/components/examples/tailwind-components/chips/react/select.tsx similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/chips/react/select.tsx rename to sites/skeleton.dev/src/components/examples/tailwind-components/chips/react/select.tsx diff --git a/sites/skeleton.dev/src/components/examples/tailwind/chips/svelte/select.svelte b/sites/skeleton.dev/src/components/examples/tailwind-components/chips/svelte/select.svelte similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/chips/svelte/select.svelte rename to sites/skeleton.dev/src/components/examples/tailwind-components/chips/svelte/select.svelte diff --git a/sites/skeleton.dev/src/components/examples/tailwind/dividers/colors.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/dividers/colors.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/dividers/colors.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/dividers/colors.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/dividers/default.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/dividers/default.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/dividers/default.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/dividers/default.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/dividers/size.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/dividers/size.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/dividers/size.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/dividers/size.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/dividers/style.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/dividers/style.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/dividers/style.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/dividers/style.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/dividers/vert.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/dividers/vert.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/dividers/vert.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/dividers/vert.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/forms/checkboxes.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/forms/checkboxes.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/forms/checkboxes.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/forms/checkboxes.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/forms/default.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/forms/default.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/forms/default.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/forms/default.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/forms/groups.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/forms/groups.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/forms/groups.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/forms/groups.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/forms/input.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/forms/input.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/forms/input.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/forms/input.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/forms/radio.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/forms/radio.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/forms/radio.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/forms/radio.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/forms/select.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/forms/select.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/forms/select.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/forms/select.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/forms/selection.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/forms/selection.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/forms/selection.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/forms/selection.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/forms/special.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/forms/special.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/forms/special.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/forms/special.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/forms/textarea.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/forms/textarea.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/forms/textarea.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/forms/textarea.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/placeholders/default.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/placeholders/default.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/placeholders/default.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/placeholders/default.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/tables/default.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/tables/default.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/tables/default.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/tables/default.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/tables/full.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/tables/full.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/tables/full.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/tables/full.astro diff --git a/sites/skeleton.dev/src/components/examples/tailwind/tables/nav.astro b/sites/skeleton.dev/src/components/examples/tailwind-components/tables/nav.astro similarity index 100% rename from sites/skeleton.dev/src/components/examples/tailwind/tables/nav.astro rename to sites/skeleton.dev/src/components/examples/tailwind-components/tables/nav.astro diff --git a/sites/skeleton.dev/src/components/homepage/component-grid.tsx b/sites/skeleton.dev/src/components/homepage/component-grid.tsx deleted file mode 100644 index c6c19617a1..0000000000 --- a/sites/skeleton.dev/src/components/homepage/component-grid.tsx +++ /dev/null @@ -1,457 +0,0 @@ -import { Avatar, Switch, Slider, Progress, SegmentedControl } from '@skeletonlabs/skeleton-react'; -import { - ArrowUpRightIcon, - CheckIcon, - AudioLinesIcon, - FastForwardIcon, - AudioWaveform, - Headphones, - PlayIcon, - RewindIcon, - UsersIcon, - Volume2Icon, - ChartNoAxesColumnIncreasingIcon, -} from 'lucide-react'; -import { Fragment, useState } from 'react'; - -const cardClasses = 'card preset-outlined-surface-200-800 bg-surface-50-950 p-5 space-y-5'; - -function camelCaseToReadable(str: string) { - return str - .replace(/([A-Z])/g, ' $1') - .replace(/^./, (s) => s.toUpperCase()) - .trim(); -} - -const teamData = [ - { name: 'Janet Rosenbell', email: 'jrosenbell@email.com' }, - { name: 'Jason Greene', email: 'jgreene@email.com' }, - { name: 'Lucas Gamble', email: 'lgamble@email.com' }, - { name: 'Murray Henderson', email: 'mhenderson@email.com' }, -]; - -const tableData = [ - { position: '0', name: 'Iron', symbol: 'Fe', atomic_no: '26' }, - { position: '1', name: 'Rhodium', symbol: 'Rh', atomic_no: '45' }, - { position: '2', name: 'Iodine', symbol: 'I', atomic_no: '53' }, - { position: '3', name: 'Radon', symbol: 'Rn', atomic_no: '86' }, - { position: '4', name: 'Technetium', symbol: 'Tc', atomic_no: '43' }, -]; - -export default function ComponentGrid() { - const [notifications, setNotifications] = useState({ - doNotDisturb: false, - global: false, - personal: false, - priority: false, - news: false, - }); - return ( -
-
-
-
-

Create Account

-

Complete the form to get started.

-
- -
-
- - -
- -
-
-
-

Notifications

-

Review each available option.

-
-
- {Object.entries(notifications).map(([key, value], i) => ( - - {i > 0 &&
} - - setNotifications((prev) => ({ - ...prev, - [key]: details.checked, - })) - } - disabled={key !== 'doNotDisturb' && notifications.doNotDisturb} - > - {camelCaseToReadable(key)} - - - - - - - ))} -
-
-
-
-
-

Team

-

View all members of the team, or filter using the search field provided.

-
- -
- {teamData.map((member, i) => ( - - {i > 0 &&
} - - - ))} -
-
-
-
-
-

Music

-

Harman Kardon Luna

-
- Massive Attack -
- - - - - - - - - - - -
-
- - - - -
-
-
-
-
-

Success

-

Task was completed.

-
-
- -
-
-
-
-

Statistics

-
-
-

64k+

-
-

Downloads

- ↑ 4% -
-
-
-

93k+

-
-

Views

- ↓ 2.4% -
-
-
-

15k+

-
-

Members

- ↑ 8% -
-
-
-
-

Data represents quarterly metrics for the TPS reports. Updates every 24 hours.

-
-
-

Progression

-
- - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-

Revenue

-

Posted April 1-13

-
- -
-
-
-
- $3,900 - +20% -
- -
-
-
- $6,400 - -5% -
- -
-
-
- $1,300 - +8% -
- -
-
-
-
-

Delivery

- -
-
-

Size

- -
-
-

Material

- -
-
-
- -
-

Invoice Paid

-

You paid $14,276. Receipt submitted to:

-

me@email.com

-
- -
-
- -
- - - - - - - - - - - {tableData.map((row, i) => ( - - - - - - - ))} - -
- - SymbolNameWeight
- - {row.symbol}{row.name}{row.atomic_no}
-
-
-
-

Set Reminder

- - Time - - - - 5 mins - - - - 15 mins - - - - 30 mins - - - - - -
- -
-
-
-
-
-

Contributions

- -
-

+1,248

-

- +150% increase -

-
-
-
-
- -
- -
-

Pink Floyd

- -
-

Another Brick in the Wall

-

3:16

-
-
- -
-
- - - - - - - - - - - -
-
-
-
-
- ); -} diff --git a/sites/skeleton.dev/src/components/homepage/design-system.tsx b/sites/skeleton.dev/src/components/homepage/design-system.tsx deleted file mode 100644 index e7c2f22b58..0000000000 --- a/sites/skeleton.dev/src/components/homepage/design-system.tsx +++ /dev/null @@ -1,213 +0,0 @@ -import { BookmarkIcon, HeartIcon, TriangleIcon, UserRoundIcon } from 'lucide-react'; -import { useState } from 'react'; - -const spacing = ['w-4', 'w-8', 'w-16', 'w-24', 'w-32', 'w-48', 'w-56', 'w-64', 'w-72']; - -const steps = [ - { - label: 'The Figma UI Kit', - desc: 'This premium kit allows you preview and mock all available interface elements, including dark mode support. Comes with a Figma plugin to import theme colors automatically.', - }, - { - label: 'Themes', - desc: 'Themes are empowered by CSS custom properties, enabling simple integration into Tailwind. Register multiple themes and easily switch on demand.', - }, - { - label: 'Colors', - desc: 'Manage your color palette with support for contrast tones. Make use of Color Pairings for balancing dark mode. As well as Presets to apply canned styles to elements and components.', - }, - { - label: 'Presets', - desc: 'Presets are utility classes combining Tailwind and Skeleton primitives. Style buttons, badges, cards, and more. Mix and match to create any look or feel.', - }, - { - label: 'Typography', - desc: 'Skeleton provides an array of opt-in utility classes for typographic elements. Includes primitives for generating semantic typography. Adjust theme settings to set the perfect typographic scale.', - }, - { - label: 'Spacing', - desc: 'Use the new Tailwind spacing system to dynamically scaling using a single theme-specified scale factor.', - }, - { - label: 'Iconography', - desc: "Skeleton takes an agnostic approach to icons, allowing you to bring your own icon library or mix and match to fulfill your project's aesthetic.", - }, -]; - -export default function DesignSystem() { - const [active, activeStep] = useState(0); - - const btnActive = 'btn preset-filled'; - const btnInactive = 'btn preset-outlined-surface-800-200 hover:preset-tonal'; - - const setStateClass = (buttonState: number) => { - return buttonState === active ? btnActive : btnInactive; - }; - - return ( -
- {/* Text */} -
-

Design System

- -
-

{steps[active].desc}

- {active === 0 && ( - - Learn More → - - )} -
-
- {/* Carousel */} -
- {active === 0 && ( - /* Step 1: Figma */ - figma - )} - {active === 1 && ( - /* Step 2: Themes */ -
- {/* code */} - {/* prettier-ignore */} - 
-{`[data-theme='cerberus'] {
-	--spacing: 0.25rem;
-	--text-scaling: 1.067;
-	--base-font-color: var(--color-surface-950);
-	--base-font-color-dark: var(--color-surface-50);
-	--base-font-family: system-ui;
-	--base-font-size: inherit;
-	--base-line-height: inherit;
-	--base-font-weight: normal;
-	--base-font-style: normal;
-	--base-letter-spacing: 0em;
-	--heading-font-color: inherit;
-	--heading-font-color-dark: inherit;
-	--heading-font-family: inherit;
-	--heading-font-weight: bold;
-	--heading-font-style: normal;
-	--heading-letter-spacing: inherit;
-	--anchor-font-color: var(--color-primary-500);
-	--anchor-font-color-dark: var(--color-primary-400);
-	--anchor-font-family: inherit;
-	--anchor-font-size: inherit;
-	--anchor-line-height: inherit;
-	--anchor-font-weight: inherit;
-	--anchor-font-style: inherit;
-	--anchor-letter-spacing: inherit;
-	--anchor-text-decoration: none;
-	--anchor-text-decoration-hover: underline;
-	--anchor-text-decoration-active: none;
-	--anchor-text-decoration-focus: none;`.trim()}
-
-
-
- )} - {active === 2 && ( - /* Step 3: Colors */ -
-
-
-
-
-
-
-
- )} - {active === 3 && ( - /* Step 4: Presets */ -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- -
-
- )} - {active === 4 && ( - /* Step 5: Typography */ -
-

Aa

-

The quick brown fox jumped over the lazy dog.

-
- )} - {active === 5 && ( - /* Step 6: Spacing */ -
- {spacing.map((rowHeight) => ( -
- {rowHeight} -
-
- ))} -
- )} - {active === 6 && ( - /* Step 7: Iconography */ -
- - - -
- )} -
-
- ); -} diff --git a/sites/skeleton.dev/src/components/homepage/even-more.astro b/sites/skeleton.dev/src/components/homepage/even-more.astro deleted file mode 100644 index e1d7436e6f..0000000000 --- a/sites/skeleton.dev/src/components/homepage/even-more.astro +++ /dev/null @@ -1,64 +0,0 @@ ---- -import { SunMoonIcon, PaletteIcon, BadgeCheckIcon, PuzzleIcon, FileCodeIcon, BlocksIcon } from 'lucide-react'; ---- - -
- -
-

And Even More...

-

- Solve the hard problems at scale. Skeleton comes with an assortment of quality of life features out of the box. -

-
- -
- -
-
- -

Use Anywhere

-

Core features such as theses and utility classes require one dependency — Tailwind CSS.

-
-
- -
-
- -

Built with Zag.js

-

Enables cross-framework components with standardized features, a11y, and i18n.

-
-
- -
-
- -

Integrations

-

Easily extend Skeleton using our turnkey guides for icons, code blocks, and more.

-
-
- -
-
- -

Adaptive Design

-

All interface elements automatically adapt to your themes colors, fonts, and overall aesethetic.

-
-
- -
-
- -

Dark Mode

-

Full support for Tailwind's dark mode and color scheme mechanisms out of the box.

-
-
- -
-
- -

Typescript

-

Type-safe by default, with helpful IntelliSense feedback as you work.

-
-
-
-
diff --git a/sites/skeleton.dev/src/components/homepage/framework-components.tsx b/sites/skeleton.dev/src/components/homepage/framework-components.tsx deleted file mode 100644 index aec84ff55e..0000000000 --- a/sites/skeleton.dev/src/components/homepage/framework-components.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import { Switch } from '@skeletonlabs/skeleton-react'; -import { ChevronRightIcon } from 'lucide-react'; - -export default function FrameworkComponents() { - return ( -
-
-
-

Tailwind Components

-

- Common visual interfaces, such as cards, buttons, and tables. Using semantic HTML elements and Tailwind utility classes. -

-
- -
-
-
-

Functional Components

-

- Interactive components for supported frameworks. Handle state and logic for user interaction and form elements. -

-
-
- - - - - - -
-
-
- ); -} diff --git a/sites/skeleton.dev/src/components/homepage/hero.astro b/sites/skeleton.dev/src/components/homepage/hero.astro deleted file mode 100644 index 36e946534d..0000000000 --- a/sites/skeleton.dev/src/components/homepage/hero.astro +++ /dev/null @@ -1,44 +0,0 @@ ---- -import SkeletonFull from '@/images/brand/skeleton-full.svg'; -import { ChevronRightIcon } from 'lucide-react'; ---- - -
- -
-
- - -
-
-
- -
- - - 🎉 - Skeleton v4.0 has launched! - - - -

An adaptive design system powered by Tailwind CSS.

-

- Skeleton integrates with Tailwind to provide an opinionated solution - for generating adaptive design systems. Including a turnkey component library for your favorite web frameworks. -

- - -
-
diff --git a/sites/skeleton.dev/src/components/homepage/metrics.astro b/sites/skeleton.dev/src/components/homepage/metrics.astro deleted file mode 100644 index e4f4bf762e..0000000000 --- a/sites/skeleton.dev/src/components/homepage/metrics.astro +++ /dev/null @@ -1,22 +0,0 @@ -
-
-
-

80k+

-

Monthly Downloads

-
-
- -
-
-

5k+

-

GitHub Stars

-
-
- -
-
-

2k+

-

Discord Members

-
-
-
diff --git a/sites/skeleton.dev/src/components/homepage/playground.astro b/sites/skeleton.dev/src/components/homepage/playground.astro deleted file mode 100644 index ba91076bb9..0000000000 --- a/sites/skeleton.dev/src/components/homepage/playground.astro +++ /dev/null @@ -1,80 +0,0 @@ ---- -import React from '@/images/brand/react.svg'; -import Svelte from '@/images/brand/svelte.svg'; -import Vue from '@/images/brand/vue.svg'; -import Solid from '@/images/brand/solid.svg'; -import Astro_ from '@/images/brand/astro.svg'; // Astro is a reserved word -import { EllipsisIcon } from 'lucide-react'; ---- - -
- -
-

Live Demos

-

Test drive Skeleton directly in your browser for supported frameworks.

-

* Functional components limited to React and Svelte.

-
- -
- -
- -
-

React

- - -
- -
-

Svelte

- - -
- -
-

Vue *

- - -
- -
-

Solid *

- - -
- -
-

Astro *

- - -
- -
-

More

- -
-
diff --git a/sites/skeleton.dev/src/components/homepage/sponsors.astro b/sites/skeleton.dev/src/components/homepage/sponsors.astro deleted file mode 100644 index 6abb05728e..0000000000 --- a/sites/skeleton.dev/src/components/homepage/sponsors.astro +++ /dev/null @@ -1,32 +0,0 @@ -
- -
-
-

Sponsor Us

-

- Projects like Skeleton exist through the generosity of our community. Help fund the project, while receiving fun incentives in - return. Available on the following services. -

-
-
- -
diff --git a/sites/skeleton.dev/src/components/landing-page/additional-features.astro b/sites/skeleton.dev/src/components/landing-page/additional-features.astro new file mode 100644 index 0000000000..e83a7a56df --- /dev/null +++ b/sites/skeleton.dev/src/components/landing-page/additional-features.astro @@ -0,0 +1,60 @@ +--- +import { SunMoonIcon, PaletteIcon, BadgeCheckIcon, PuzzleIcon, FileCodeIcon, BlocksIcon } from '@lucide/svelte'; + +const features = [ + { + title: 'Easy to Use', + description: 'Core features such as themes and utility classes require a single dependency — Tailwind CSS.', + Icon: BadgeCheckIcon, + }, + { + title: 'Built with Zag.js', + description: 'Battle tested cross-framework components with standardized features, a11y, and i18n.', + Icon: BlocksIcon, + }, + { + title: 'Integrations', + description: 'Easily extend Skeleton using our friendly guides for icons, code blocks, and more.', + Icon: PuzzleIcon, + }, + { + title: 'Adaptive Design', + description: "Create interfaces that automatically adapt to your theme's colors, fonts, and overall aesthetic.", + Icon: PaletteIcon, + }, + { + title: 'Dark Mode', + description: "Integrated support for Tailwind's powerful dark mode and color scheme mechanisms.", + Icon: SunMoonIcon, + }, + { + title: 'Typescript', + description: 'Type-safe by default, providing helpful IntelliSense feedback as you work.', + Icon: FileCodeIcon, + }, +] as const; +--- + +
+
+

And Even More...

+

+ Solve the hard problems at scale. Skeleton comes with an assortment of quality of life features out of the box. +

+
+
+ { + features.map((feature) => { + return ( +
+
+ +

{feature.title}

+

{feature.description}

+
+
+ ); + }) + } +
+
diff --git a/sites/skeleton.dev/src/components/homepage/cta.astro b/sites/skeleton.dev/src/components/landing-page/build-with-skeleton-today.astro similarity index 53% rename from sites/skeleton.dev/src/components/homepage/cta.astro rename to sites/skeleton.dev/src/components/landing-page/build-with-skeleton-today.astro index 92bcbbca0e..f4a3a84077 100644 --- a/sites/skeleton.dev/src/components/homepage/cta.astro +++ b/sites/skeleton.dev/src/components/landing-page/build-with-skeleton-today.astro @@ -1,13 +1,14 @@ --- -import { ChevronRightIcon } from 'lucide-react'; +import { getRelativeDocsUrl } from '@/modules/framework'; +import { ChevronRightIcon } from '@lucide/svelte'; ---

Start building with Skeleton today.

- + Get Started - +
diff --git a/sites/skeleton.dev/src/components/landing-page/component-grid.svelte b/sites/skeleton.dev/src/components/landing-page/component-grid.svelte new file mode 100644 index 0000000000..c097345f6e --- /dev/null +++ b/sites/skeleton.dev/src/components/landing-page/component-grid.svelte @@ -0,0 +1,436 @@ + + +
+
+
+
+ Create Account +

Complete the form to get started.

+
+ +
+
+ + +
+ +
+
+
+

Notifications

+

Review each available option.

+
+
+ {#each Object.entries(notifications) as [key, value], i (key)} + {#if i > 0} +
+ {/if} + + (notifications[key as keyof typeof notifications] = details.checked)} + disabled={key !== 'doNotDisturb' && notifications.doNotDisturb} + > + {camelCaseToReadable(key)} + + + + + + {/each} +
+
+
+
+
+

Team

+

View all members of the team, or filter using the search field provided.

+
+ + + +
+ {#each teamData as member, i} + {#if i > 0} +
+ {/if} + + {/each} +
+
+
+
+
+

Music

+

Harman Kardon Luna

+
+ Massive Attack +
+ + + + + + + + + + + +
+
+ + + + +
+
+ +
+
+
+

Success

+

Task was completed.

+
+
+ +
+
+
+ +
+

Statistics

+
+
+

64k+

+
+

Downloads

+ ↑ 4% +
+
+
+

93k+

+
+

Views

+ ↓ 2.4% +
+
+
+

15k+

+
+

Members

+ ↑ 8% +
+
+
+
+

Data represents quarterly metrics for the TPS reports. Updates every 24 hours.

+
+ +
+

Progression

+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+
+

Revenue

+

Posted April 1-13

+
+ +
+ +
+ +
+
+ $3,900 + +20% +
+ +
+
+
+ $6,400 + -5% +
+ +
+
+
+ $1,300 + +8% +
+ +
+
+ +
+
+

Delivery

+ +
+
+

Size

+ +
+
+

Material

+ +
+
+ +
+
+ +
+
+

Invoice Paid

+

You paid $14,276. Receipt submitted to:

+

me@email.com

+
+ +
+ +
+ +
+ + + + + + + + + + + {#each tableData as row, i} + + + + + + + {/each} + +
SelectedSymbolNameWeight
+ + {row.symbol}{row.name}{row.atomic_no}
+
+
+ +
+

Set Reminder

+ + Time + + + + 5 mins + + + + 15 mins + + + + 30 mins + + + + + + +
+ +
+
+ +
+
+
+

Contributions

+ +
+

+1,248

+

+150% increase

+
+
+ +
+
+ +
+ +
+

Pink Floyd

+ +
+

Another Brick in the Wall

+

3:16

+
+
+ +
+
+ + + + + + + + + + + +
+
+
+
+
diff --git a/sites/skeleton.dev/src/components/landing-page/design-system.svelte b/sites/skeleton.dev/src/components/landing-page/design-system.svelte new file mode 100644 index 0000000000..69a0ecca26 --- /dev/null +++ b/sites/skeleton.dev/src/components/landing-page/design-system.svelte @@ -0,0 +1,207 @@ + + + + +
+ +
+

Design System

+ +
+

{activeStep.description}

+ {#if activeStep.label === 'The Figma UI Kit'} + Learn More → + {/if} +
+
+ +
+ {#if activeStep.label === 'The Figma UI Kit'} + figma + {/if} + + {#if activeStep.label === 'Themes'} +
+ 
+{`[data-theme='cerberus'] {
+    --spacing: 0.25rem;
+    --text-scaling: 1.067;
+    --base-font-color: var(--color-surface-950);
+    --base-font-color-dark: var(--color-surface-50);
+    --base-font-family: system-ui;
+    --base-font-size: inherit;
+    --base-line-height: inherit;
+    --base-font-weight: normal;
+    --base-font-style: normal;
+    --base-letter-spacing: 0em;
+    --heading-font-color: inherit;
+    --heading-font-color-dark: inherit;
+    --heading-font-family: inherit;
+    --heading-font-weight: bold;
+    --heading-font-style: normal;
+    --heading-letter-spacing: inherit;
+    --anchor-font-color: var(--color-primary-500);
+    --anchor-font-color-dark: var(--color-primary-400);
+    --anchor-font-family: inherit;
+    --anchor-font-size: inherit;
+    --anchor-line-height: inherit;
+    --anchor-font-weight: inherit;
+    --anchor-font-style: inherit;
+    --anchor-letter-spacing: inherit;
+    --anchor-text-decoration: none;
+    --anchor-text-decoration-hover: underline;
+    --anchor-text-decoration-active: none;
+    --anchor-text-decoration-focus: none;`.trim()}
+
+
+ {/if} + + {#if activeStep.label === 'Colors'} +
+
+
+
+
+
+
+
+ {/if} + + {#if activeStep.label === 'Presets'} +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ {/if} + + {#if activeStep.label === 'Typography'} +
+

Aa

+

The quick brown fox jumped over the lazy dog.

+
+ {/if} + + {#if activeStep.label === 'Spacing'} +
+ {#each spacing as rowHeight} +
+ {rowHeight} +
+
+ {/each} +
+ {/if} + + {#if activeStep.label === 'Iconography'} +
+ + + +
+ {/if} +
+
diff --git a/sites/skeleton.dev/src/components/landing-page/live-demos.astro b/sites/skeleton.dev/src/components/landing-page/live-demos.astro new file mode 100644 index 0000000000..17e9159691 --- /dev/null +++ b/sites/skeleton.dev/src/components/landing-page/live-demos.astro @@ -0,0 +1,80 @@ +--- +import React from '@/assets/logos/react.svg'; +import Svelte from '@/assets/logos/svelte.svg'; +import Vue from '@/assets/logos/vue.svg'; +import Solid from '@/assets/logos/solid.svg'; +import Astro_ from '@/assets/logos/astro.svg'; // Astro is a reserved word +import { EllipsisIcon } from '@lucide/svelte'; +import { getRelativeDocsUrl } from '@/modules/framework'; + +const frameworks = [ + { + name: 'React', + href: 'https://stackblitz.com/github/skeletonlabs/demos/tree/main/demos/nextjs', + bgColor: '#00D8FF', + Icon: React, + }, + { + name: 'Svelte', + href: 'https://stackblitz.com/github/skeletonlabs/demos/tree/main/demos/sveltekit', + bgColor: '#FF3E00', + Icon: Svelte, + }, + { + name: 'Vue', + href: 'https://stackblitz.com/github/skeletonlabs/demos/tree/main/demos/nuxt', + bgColor: '#42B883', + Icon: Vue, + note: '*', + }, + { + name: 'Solid', + href: 'https://stackblitz.com/github/skeletonlabs/demos/tree/main/demos/solidstart', + bgColor: '#57A0FF', + Icon: Solid, + note: '*', + }, + { + name: 'Astro', + href: 'https://stackblitz.com/github/skeletonlabs/demos/tree/main/demos/astro', + bgColor: '#761CBA', + Icon: Astro_, + note: '*', + }, + { + name: 'More', + href: getRelativeDocsUrl(Astro, 'get-started/installation'), + bgColor: 'var(--skeleton-preset-tonal-bg)', + Icon: EllipsisIcon, + }, +]; +--- + +
+
+

Live Demos

+

Test drive Skeleton directly in your browser for supported frameworks.

+

* Functional components limited to React and Svelte.

+
+
+ { + frameworks.map((framework) => ( + +
+ +
+

+ {framework.name} {framework.note ? {framework.note} : ''} +

+ + )) + } +
+
diff --git a/sites/skeleton.dev/src/components/landing-page/metrics.astro b/sites/skeleton.dev/src/components/landing-page/metrics.astro new file mode 100644 index 0000000000..0904ffe3fb --- /dev/null +++ b/sites/skeleton.dev/src/components/landing-page/metrics.astro @@ -0,0 +1,23 @@ +--- +const metrics = [ + { value: '150k+', label: 'Total Monthly Downloads' }, + { value: '5k+', label: 'GitHub Stars' }, + { value: '2k+', label: 'Discord Members' }, +] as const; +--- + +
+ { + metrics.map((metric, i) => ( + <> +
+
+

{metric.value}

+

{metric.label}

+
+
+ {i !== metrics.length - 1 &&
diff --git a/sites/skeleton.dev/src/components/homepage/open-source.astro b/sites/skeleton.dev/src/components/landing-page/open-source.astro similarity index 79% rename from sites/skeleton.dev/src/components/homepage/open-source.astro rename to sites/skeleton.dev/src/components/landing-page/open-source.astro index 39bafed61e..822380c9d3 100644 --- a/sites/skeleton.dev/src/components/homepage/open-source.astro +++ b/sites/skeleton.dev/src/components/landing-page/open-source.astro @@ -1,12 +1,12 @@ --- -import { getCollection } from 'astro:content'; -import { ChevronRightIcon } from 'lucide-react'; +import { ChevronRightIcon } from '@lucide/svelte'; +import { getCollection } from '@/modules/content'; +import { getRelativeDocsUrl } from '@/modules/framework'; const contributors = await getCollection('contributors'); ---
-
{ contributors.map((contributor) => { @@ -18,7 +18,6 @@ const contributors = await getCollection('contributors'); }) }
-

Open Source

@@ -31,9 +30,9 @@ const contributors = await getCollection('contributors'); diff --git a/sites/skeleton.dev/src/components/landing-page/sponsors.astro b/sites/skeleton.dev/src/components/landing-page/sponsors.astro new file mode 100644 index 0000000000..32561d1f32 --- /dev/null +++ b/sites/skeleton.dev/src/components/landing-page/sponsors.astro @@ -0,0 +1,45 @@ +--- +import Github from '@/assets/sponsors/github.png'; +import KoFi from '@/assets/sponsors/kofi.png'; +import { Image } from 'astro:assets'; + +const sponsors = [ + { + href: 'https://github.com/sponsors/skeletonlabs', + image: Github, + title: 'GitHub', + }, + { + href: 'https://ko-fi.com/skeletonlabs', + image: KoFi, + title: 'Ko-Fi', + }, +] as const; +--- + +
+
+
+

Sponsor Us

+

+ Projects like Skeleton exist through the generosity of our community. Help fund the project, while receiving fun incentives in + return. Available on the following services. +

+
+
+ +
diff --git a/sites/skeleton.dev/src/components/landing-page/tailwind-and-framework-components.svelte b/sites/skeleton.dev/src/components/landing-page/tailwind-and-framework-components.svelte new file mode 100644 index 0000000000..57da18a274 --- /dev/null +++ b/sites/skeleton.dev/src/components/landing-page/tailwind-and-framework-components.svelte @@ -0,0 +1,38 @@ + + +
+
+
+

Tailwind Components

+

+ Common visual interfaces, such as cards, buttons, and tables. Using semantic HTML elements and Tailwind utility classes. +

+
+
+ +
+
+
+
+

Framework Components

+

+ Interactive components for supported frameworks. Handle state and logic for user interaction and form elements. +

+
+
+ + Toggle + + + + + +
+
+
diff --git a/sites/skeleton.dev/src/components/layouts/docs-layout.astro b/sites/skeleton.dev/src/components/layouts/docs-layout.astro new file mode 100644 index 0000000000..8ae83ff84e --- /dev/null +++ b/sites/skeleton.dev/src/components/layouts/docs-layout.astro @@ -0,0 +1,125 @@ +--- +import { components } from '@/components/typography'; +import H1 from '@/components/typography/h1.astro'; +import Header from '@/components/ui/header/header.astro'; +import Footer from '@/components/ui/footer.astro'; +import Navigation from '@/components/ui/navigation.astro'; +import Alert from '@/components/ui/alert.astro'; +import TableOfContents from '@/components/ui/table-of-contents.svelte'; +import Advertisement from '@/components/ui/advertisement.astro'; +import Breadcrumbs from '@/components/ui/breadcrumbs.astro'; +import { render, type CollectionEntry } from 'astro:content'; +import ChipsBar from '../ui/chips-bar.astro'; +import { SquarePenIcon } from '@lucide/svelte'; +import LlmMenu from '@/components/ui/large-language-models.svelte'; +import NavigationSteps from '@/components/ui/navigation-steps.astro'; + +interface Props { + doc: CollectionEntry<'docs'>; + previousDoc?: CollectionEntry<'docs'>; + nextDoc?: CollectionEntry<'docs'>; +} + +const { doc, previousDoc, nextDoc } = Astro.props; + +const { Content, headings } = await render(doc); +--- + + +
+ +
+ + + +
+ +
+
+ + +
+

{doc.data.title}

+

{doc.data.description}

+
+ + { + doc.data.stability !== 'stable' && ( + + This feature is currently marked as {doc.data.stability} and not intended for production use. It may receive breaking changes + before its stable release. + + ) + } + + + +
+ +

{doc.data.summary}

+ + { + doc.data.features && ( + <> +

Key Features

+
    + {doc.data.features.map((listItem) => ( +
  • {listItem}
    • + ))} +
+ + ) + } + + + + +
+ + + + Edit this page on GitHub + + +
+
+ + +
+ + diff --git a/sites/skeleton.dev/src/components/layouts/docs.astro b/sites/skeleton.dev/src/components/layouts/docs.astro deleted file mode 100644 index 8a06b3a19f..0000000000 --- a/sites/skeleton.dev/src/components/layouts/docs.astro +++ /dev/null @@ -1,98 +0,0 @@ ---- -import Breadcrumbs from '@/components/ui/breadcrumbs.astro'; -import ChipsBar from '@/components/ui/chips-bar.astro'; -import Footer from '@/components/ui/footer.astro'; -import FrameworkPicker from '@/components/ui/framework-picker.astro'; -import Header from '@/components/ui/header.astro'; -import Navigation from '@/components/ui/navigation'; -import TableOfContents from '@/components/ui/table-of-contents.astro'; -import LayoutRoot from '@/components/layouts/root.astro'; -import type { InferEntrySchema } from 'astro:content'; -import { commonNavigationGroups } from '@/lib/navigation'; -import Alert from '@/components/mdx/alert.astro'; - -interface PageHeading { - depth: number; - slug: string; - text: string; -} - -interface Props { - frontmatter: InferEntrySchema<'docs'>; - headings: PageHeading[]; -} - -// Props -const { frontmatter, headings } = Astro.props satisfies Props; -// Layout Props -const layoutProps = { - title: frontmatter.title, - classList: 'grid grid-rows-[auto_1fr]', -}; - -const prefix = 'https://github.com/skeletonlabs/skeleton/tree/main/'; -const urls = { - githubDocsUrl: `${prefix}/sites/skeleton.dev/src/content`, - githubSkeletonCommon: `${prefix}/packages/skeleton-common`, - githubSkeletonUrl: `${prefix}/packages/skeleton/src`, - githubSvelteUrl: `${prefix}/packages/skeleton-svelte`, - githubReactUrl: `${prefix}/packages/skeleton-react`, -}; ---- - - - -
- -
- - - -
- -
- - -

{frontmatter.title ?? '(title)'}

-

{frontmatter.description ?? '(description)'}

-
- - - - - { - frontmatter.stability && frontmatter.stability !== 'stable' && ( - - This feature is currently in a {frontmatter.stability} status and not intended for production use. It may receive breaking - changes before its stable release. - - ) - } - - - -
- -
- -
-
- - -
- diff --git a/sites/skeleton.dev/src/components/layouts/root-layout.astro b/sites/skeleton.dev/src/components/layouts/root-layout.astro new file mode 100644 index 0000000000..3a612656a6 --- /dev/null +++ b/sites/skeleton.dev/src/components/layouts/root-layout.astro @@ -0,0 +1,101 @@ +--- +import '@/app.css'; +import { SEO } from 'astro-seo'; +import favicon from '@/assets/favicon.png'; +import { ClientRouter } from 'astro:transitions'; +import Analytics from '@/components/ui/analytics.astro'; +import ThemeLoader from '@/components/ui/theme-loader.astro'; +import ModeLoader from '@/components/ui/mode-loader.astro'; + +interface Props { + title?: string; + description?: string; + classList?: string; +} + +const { + title = 'Skeleton', + description = 'Skeleton uses Tailwind as the foundation for building adaptive design systems. Including turnkey components for your favorite web frameworks.', + classList, +} = Astro.props; + +const titleWithSkeletonSuffix = title === 'Skeleton' ? title : `${title} · Skeleton`; + +const skeletonImage = new URL(`/api/og-image?feature=${title}`, Astro.site); +--- + + + + + + + + + + + + + diff --git a/sites/skeleton.dev/src/components/layouts/root.astro b/sites/skeleton.dev/src/components/layouts/root.astro deleted file mode 100644 index ccb6f01845..0000000000 --- a/sites/skeleton.dev/src/components/layouts/root.astro +++ /dev/null @@ -1,107 +0,0 @@ ---- -import '@/app.css'; - -import OpenGraphImage from '@/images/meta/opengraph.png'; -import { ClientRouter } from 'astro:transitions'; - -interface Props { - title?: string; - description?: string; - classList?: string; -} - -const { title, description, classList } = Astro.props; - -// Format meta tag data -const meta = { - title: `${title ? title + ' - ' : ''}Skeleton`, - description: description ? description : 'Skeleton is an adaptive design system powered by Tailwind CSS.', - image: OpenGraphImage.src, -}; ---- - - - - - {meta.title} - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/sites/skeleton.dev/src/components/mdx/a.astro b/sites/skeleton.dev/src/components/mdx/a.astro deleted file mode 100644 index 84f69e814b..0000000000 --- a/sites/skeleton.dev/src/components/mdx/a.astro +++ /dev/null @@ -1,5 +0,0 @@ ---- -const props = Astro.props; ---- - - diff --git a/sites/skeleton.dev/src/components/mdx/blockquote.astro b/sites/skeleton.dev/src/components/mdx/blockquote.astro deleted file mode 100644 index a9a20f97a2..0000000000 --- a/sites/skeleton.dev/src/components/mdx/blockquote.astro +++ /dev/null @@ -1,5 +0,0 @@ ---- -const props = Astro.props; ---- - -
diff --git a/sites/skeleton.dev/src/components/mdx/code.astro b/sites/skeleton.dev/src/components/mdx/code.astro deleted file mode 100644 index d57a27bde6..0000000000 --- a/sites/skeleton.dev/src/components/mdx/code.astro +++ /dev/null @@ -1,5 +0,0 @@ ---- -const props = Astro.props; ---- - - diff --git a/sites/skeleton.dev/src/components/mdx/h1.astro b/sites/skeleton.dev/src/components/mdx/h1.astro deleted file mode 100644 index ce45c007c4..0000000000 --- a/sites/skeleton.dev/src/components/mdx/h1.astro +++ /dev/null @@ -1,5 +0,0 @@ ---- -const props = Astro.props; ---- - -

diff --git a/sites/skeleton.dev/src/components/mdx/h2.astro b/sites/skeleton.dev/src/components/mdx/h2.astro deleted file mode 100644 index 286154a88d..0000000000 --- a/sites/skeleton.dev/src/components/mdx/h2.astro +++ /dev/null @@ -1,5 +0,0 @@ ---- -const props = Astro.props; ---- - -

diff --git a/sites/skeleton.dev/src/components/mdx/h3.astro b/sites/skeleton.dev/src/components/mdx/h3.astro deleted file mode 100644 index b2cce68929..0000000000 --- a/sites/skeleton.dev/src/components/mdx/h3.astro +++ /dev/null @@ -1,5 +0,0 @@ ---- -const props = Astro.props; ---- - -

diff --git a/sites/skeleton.dev/src/components/mdx/h4.astro b/sites/skeleton.dev/src/components/mdx/h4.astro deleted file mode 100644 index aa6bd2ef03..0000000000 --- a/sites/skeleton.dev/src/components/mdx/h4.astro +++ /dev/null @@ -1,5 +0,0 @@ ---- -const props = Astro.props; ---- - -

diff --git a/sites/skeleton.dev/src/components/mdx/h5.astro b/sites/skeleton.dev/src/components/mdx/h5.astro deleted file mode 100644 index b079ec5c47..0000000000 --- a/sites/skeleton.dev/src/components/mdx/h5.astro +++ /dev/null @@ -1,5 +0,0 @@ ---- -const props = Astro.props; ---- - -
diff --git a/sites/skeleton.dev/src/components/mdx/h6.astro b/sites/skeleton.dev/src/components/mdx/h6.astro deleted file mode 100644 index 91a2430b3c..0000000000 --- a/sites/skeleton.dev/src/components/mdx/h6.astro +++ /dev/null @@ -1,5 +0,0 @@ ---- -const props = Astro.props; ---- - -
diff --git a/sites/skeleton.dev/src/components/mdx/index.ts b/sites/skeleton.dev/src/components/mdx/index.ts deleted file mode 100644 index 93016186bb..0000000000 --- a/sites/skeleton.dev/src/components/mdx/index.ts +++ /dev/null @@ -1,29 +0,0 @@ -import a from '@/components/mdx/a.astro'; -import blockquote from '@/components/mdx/blockquote.astro'; -import code from '@/components/mdx/code.astro'; -import h1 from '@/components/mdx/h1.astro'; -import h2 from '@/components/mdx/h2.astro'; -import h3 from '@/components/mdx/h3.astro'; -import h4 from '@/components/mdx/h4.astro'; -import h5 from '@/components/mdx/h5.astro'; -import h6 from '@/components/mdx/h6.astro'; -import hr from '@/components/mdx/hr.astro'; -import ol from '@/components/mdx/ol.astro'; -import table from '@/components/mdx/table.astro'; -import ul from '@/components/mdx/ul.astro'; - -export const components = { - a: a, - h1: h1, - h2: h2, - h3: h3, - h4: h4, - h5: h5, - h6: h6, - hr: hr, - ol: ol, - ul: ul, - code: code, - table: table, - blockquote: blockquote, -}; diff --git a/sites/skeleton.dev/src/components/typography/a.astro b/sites/skeleton.dev/src/components/typography/a.astro new file mode 100644 index 0000000000..673fdcacb2 --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/a.astro @@ -0,0 +1,21 @@ +--- +import { getRelativeDocsUrl } from '@/modules/framework'; + +const props = Astro.props; + +const isExternal = !props.href.includes(import.meta.env.SITE) && !props.href.startsWith('/') && !props.href.startsWith('#'); + +if (isExternal) { + props.target = '_blank'; + props.rel = 'noopener noreferrer'; +} + +if (!isExternal && props.href.startsWith('/docs')) { + const docId = props.href.replace('/docs/', ''); + props.href = getRelativeDocsUrl(Astro, docId); +} +--- + + + + diff --git a/sites/skeleton.dev/src/components/typography/blockquote.astro b/sites/skeleton.dev/src/components/typography/blockquote.astro new file mode 100644 index 0000000000..dbadaeeb00 --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/blockquote.astro @@ -0,0 +1,7 @@ +--- +const props = Astro.props; +--- + +
+ +
diff --git a/sites/skeleton.dev/src/components/typography/code.astro b/sites/skeleton.dev/src/components/typography/code.astro new file mode 100644 index 0000000000..9cdf4c3825 --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/code.astro @@ -0,0 +1,16 @@ +--- +import { unescape } from 'html-escaper'; +import Code_ from '@/components/ui/code.svelte'; +--- + +{ + Astro.props.class ? ( +
+ +
+ ) : ( + + + + ) +} diff --git a/sites/skeleton.dev/src/components/typography/h1.astro b/sites/skeleton.dev/src/components/typography/h1.astro new file mode 100644 index 0000000000..b0a32f2e51 --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/h1.astro @@ -0,0 +1,7 @@ +--- +const props = Astro.props; +--- + +

+ +

diff --git a/sites/skeleton.dev/src/components/typography/h2.astro b/sites/skeleton.dev/src/components/typography/h2.astro new file mode 100644 index 0000000000..6aa6241e18 --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/h2.astro @@ -0,0 +1,7 @@ +--- +const props = Astro.props; +--- + +

+ +

diff --git a/sites/skeleton.dev/src/components/typography/h3.astro b/sites/skeleton.dev/src/components/typography/h3.astro new file mode 100644 index 0000000000..cd0745e5ad --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/h3.astro @@ -0,0 +1,7 @@ +--- +const props = Astro.props; +--- + +

+ +

diff --git a/sites/skeleton.dev/src/components/typography/h4.astro b/sites/skeleton.dev/src/components/typography/h4.astro new file mode 100644 index 0000000000..c36fc5d6f1 --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/h4.astro @@ -0,0 +1,7 @@ +--- +const props = Astro.props; +--- + +

+ +

diff --git a/sites/skeleton.dev/src/components/typography/h5.astro b/sites/skeleton.dev/src/components/typography/h5.astro new file mode 100644 index 0000000000..12a9f2a54f --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/h5.astro @@ -0,0 +1,7 @@ +--- +const props = Astro.props; +--- + +
+ +
diff --git a/sites/skeleton.dev/src/components/typography/h6.astro b/sites/skeleton.dev/src/components/typography/h6.astro new file mode 100644 index 0000000000..cdcdd571ad --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/h6.astro @@ -0,0 +1,7 @@ +--- +const props = Astro.props; +--- + +
+ +
diff --git a/sites/skeleton.dev/src/components/mdx/hr.astro b/sites/skeleton.dev/src/components/typography/hr.astro similarity index 100% rename from sites/skeleton.dev/src/components/mdx/hr.astro rename to sites/skeleton.dev/src/components/typography/hr.astro diff --git a/sites/skeleton.dev/src/components/typography/index.ts b/sites/skeleton.dev/src/components/typography/index.ts new file mode 100644 index 0000000000..c00799f876 --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/index.ts @@ -0,0 +1,31 @@ +import a from '@/components/typography/a.astro'; +import blockquote from '@/components/typography/blockquote.astro'; +import code from '@/components/typography/code.astro'; +import h1 from '@/components/typography/h1.astro'; +import h2 from '@/components/typography/h2.astro'; +import h3 from '@/components/typography/h3.astro'; +import h4 from '@/components/typography/h4.astro'; +import h5 from '@/components/typography/h5.astro'; +import h6 from '@/components/typography/h6.astro'; +import hr from '@/components/typography/hr.astro'; +import ol from '@/components/typography/ol.astro'; +import pre from '@/components/typography/pre.astro'; +import table from '@/components/typography/table.astro'; +import ul from '@/components/typography/ul.astro'; + +export const components = { + a, + h1, + h2, + h3, + h4, + h5, + h6, + hr, + ol, + ul, + pre, + code, + table, + blockquote, +}; diff --git a/sites/skeleton.dev/src/components/mdx/ol.astro b/sites/skeleton.dev/src/components/typography/ol.astro similarity index 100% rename from sites/skeleton.dev/src/components/mdx/ol.astro rename to sites/skeleton.dev/src/components/typography/ol.astro diff --git a/sites/skeleton.dev/src/components/typography/pre.astro b/sites/skeleton.dev/src/components/typography/pre.astro new file mode 100644 index 0000000000..4fa864ce7a --- /dev/null +++ b/sites/skeleton.dev/src/components/typography/pre.astro @@ -0,0 +1 @@ + diff --git a/sites/skeleton.dev/src/components/mdx/table.astro b/sites/skeleton.dev/src/components/typography/table.astro similarity index 100% rename from sites/skeleton.dev/src/components/mdx/table.astro rename to sites/skeleton.dev/src/components/typography/table.astro diff --git a/sites/skeleton.dev/src/components/mdx/ul.astro b/sites/skeleton.dev/src/components/typography/ul.astro similarity index 100% rename from sites/skeleton.dev/src/components/mdx/ul.astro rename to sites/skeleton.dev/src/components/typography/ul.astro diff --git a/sites/skeleton.dev/src/components/ui/advertisement.astro b/sites/skeleton.dev/src/components/ui/advertisement.astro new file mode 100644 index 0000000000..78b15f747a --- /dev/null +++ b/sites/skeleton.dev/src/components/ui/advertisement.astro @@ -0,0 +1,44 @@ +{ + import.meta.env.PROD && ( + + +
+
+ {lang} + +
+ {@html html} +
+ + diff --git a/sites/skeleton.dev/src/components/ui/drawer.tsx b/sites/skeleton.dev/src/components/ui/drawer.tsx deleted file mode 100644 index 3364f0a390..0000000000 --- a/sites/skeleton.dev/src/components/ui/drawer.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import Navigation from './navigation'; -import type { NavigationGroup } from '@/lib/navigation'; -import { Dialog, Portal } from '@skeletonlabs/skeleton-react'; -import { XIcon, MenuIcon } from 'lucide-react'; - -interface DrawerProps { - navigationGroups: NavigationGroup[]; - url: URL; -} - -export default function Drawer(props: DrawerProps) { - return ( - - - - - - - - -
-

Skeleton

- - - -
-
- -
- - - - - ); -} diff --git a/sites/skeleton.dev/src/components/ui/figma-buy-now.astro b/sites/skeleton.dev/src/components/ui/figma-buy-now.astro deleted file mode 100644 index 611826f7a5..0000000000 --- a/sites/skeleton.dev/src/components/ui/figma-buy-now.astro +++ /dev/null @@ -1,115 +0,0 @@ ---- -import { CheckIcon } from 'lucide-react'; ---- - -
-
-

Get Access

- Figma UI Kit for Skeleton includes: -
-
-
- -
-

Figma Skeleton v3 Components library

-
-
-
- -
-

Lucide Icons

-
-
-
- -
-

Dark / Light Support

-
-
-
- -
-

Custom Theme Support

-
-
-
- -
-

Figma Plugin to import your custom Theme

-
-
-
- -
-

Tutorials

-
-
-
-
-
- Individual License -
-
- $109 - +1 year of updates -
- Buy -
-
-
- Team License - -
-
- $219 - +1 year of updates -
- Buy -
-
-
-
- - - - - diff --git a/sites/skeleton.dev/src/components/ui/footer.astro b/sites/skeleton.dev/src/components/ui/footer.astro index 78de13b37a..3e28b96328 100644 --- a/sites/skeleton.dev/src/components/ui/footer.astro +++ b/sites/skeleton.dev/src/components/ui/footer.astro @@ -1,19 +1,20 @@ --- -import { socialLinks } from '@/lib/social-links'; +import { socialLinks } from '@/modules/social-links'; +import type { HTMLAttributes } from 'astro/types'; -const { classList = 'p-4' } = Astro.props; +interface Props extends HTMLAttributes<'footer'> {} + +const { class: className = 'p-4', ...rest } = Astro.props; --- -