rizzo-css 0.0.84 → 0.0.85

package/README.md

@@ -72,7 +72,7 @@ import 'rizzo-css';
 **Without a bundler (plain HTML):** Use a CDN. Both unpkg and jsDelivr resolve the package root to the built CSS (via the `unpkg` / `jsdelivr` fields in this package). For reliability or to pin a version, use the explicit path:
 
 ```html
-<!-- unpkg (pin version: replace @latest with @0.0.84 or any version) -->
+<!-- unpkg (pin version: replace @latest with @0.0.85 or any version) -->
 <link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />
 
 <!-- or jsDelivr -->

package/bin/rizzo-css.js

@@ -737,6 +737,9 @@ function hasFullVariant(framework) {
   return getVariantDir(framework, 'full') !== null;
 }
 
+/** Components imported by Svelte full variant routes (themes, layout, docs, blocks). Ensures these are always copied so Vite dep-scan does not fail. */
+const SVELTE_FULL_VARIANT_REQUIRED = ['ThemeIcon', 'ThemeSwitcher', 'Card', 'CopyToClipboard', 'Navbar', 'Footer', 'Settings', 'BackToTop', 'DocsSidebar'];
+
 /** Copy variant overlay onto project (after base). Applies replacements. Overwrites matching paths. */
 function copyVariantOverlay(projectDir, framework, variation, replacements) {
   const variantDir = getVariantDir(framework, variation);
@@ -2759,7 +2762,8 @@ async function cmdInit(argv) {
     const fullDir = getVariantDir('svelte', 'full');
     copyDirRecursiveWithReplacements(fullDir, projectDir, replacements);
     copyRizzoCssAndFontsForSvelte(projectDir, cssSource);
-    copySvelteComponents(projectDir, componentsToCopy);
+    const svelteFullComponents = [...new Set([...componentsToCopy, ...SVELTE_FULL_VARIANT_REQUIRED])];
+    copySvelteComponents(projectDir, expandWithDeps('svelte', svelteFullComponents));
     cssTarget = join(projectDir, 'static', 'css', 'rizzo.min.css');
     if (existsSync(cssTarget) && statSync(cssTarget).size < 5000) {
       console.warn('\nWarning: rizzo.min.css is very small. From repo root run: pnpm build:css');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rizzo-css",
-  "version": "0.0.84",
+  "version": "0.0.85",
   "engines": {
     "node": ">=18"
   },

package/scaffold/react/base/package.json

@@ -16,7 +16,7 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",
-    "rizzo-css": "^0.0.84",
+    "rizzo-css": "^0.0.85",
     "typescript": "~5.6.2",
     "vite": "^6.0.1"
   }

package/scaffold/react/variants/full/package.json

@@ -17,7 +17,7 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",
-    "rizzo-css": "^0.0.84",
+    "rizzo-css": "^0.0.85",
     "typescript": "~5.6.2",
     "vite": "^6.0.1"
   }

package/scaffold/react/variants/full/src/config/componentCategories.ts

@@ -21,7 +21,7 @@ function slugToTitle(slug: string): string {
     .join(' ');
 }
 
-const CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
+export const COMPONENT_CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
   { id: 'layout', label: 'Layout', slugs: ['navbar', 'docs-sidebar', 'dashboard', 'resizable', 'footer'] },
   { id: 'forms', label: 'Forms & inputs', slugs: ['button', 'button-group', 'forms', 'switch', 'slider', 'toggle', 'toggle-group', 'divider', 'separator', 'label', 'kbd'] },
   { id: 'data', label: 'Data display', slugs: ['cards', 'table', 'badge', 'pagination', 'aspect-ratio', 'empty', 'scroll-area', 'alert', 'skeleton', 'spinner', 'progress-bar', 'toast'] },
@@ -31,7 +31,7 @@ const CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
 
 export function getComponentsByCategory(): CategoryWithItems[] {
   const pathPrefix = '/docs/components';
-  return CATEGORIES.map((cat) => ({
+  return COMPONENT_CATEGORIES.map((cat) => ({
     id: cat.id,
     label: cat.label,
     items: cat.slugs.map((slug) => ({

package/scaffold/svelte/variants/full/README-RIZZO.md

@@ -56,4 +56,8 @@ SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you
 - `pnpm build` — Build for production
 - `pnpm preview` — Preview production build
 
+## Troubleshooting
+
+If the dev server shows **Failed to run dependency scan** or an error about a missing file under `src/lib/rizzo/` (e.g. `ThemeIcon.svelte`), the CLI may have omitted a required component. Upgrade to the latest **rizzo-css** and re-scaffold, or run `npx rizzo-css add` and add the missing component (e.g. ThemeIcon) into an existing project. The Full template requires ThemeIcon, ThemeSwitcher, Card, CopyToClipboard, Navbar, Footer, Settings, BackToTop, and DocsSidebar.
+
 Docs: [rizzo-css.vercel.app](https://rizzo-css.vercel.app)

package/scaffold/svelte/variants/full/src/config/componentCategories.ts

@@ -21,7 +21,7 @@ function slugToTitle(slug: string): string {
     .join(' ');
 }
 
-const CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
+export const COMPONENT_CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
   { id: 'layout', label: 'Layout', slugs: ['navbar', 'docs-sidebar', 'dashboard', 'resizable', 'footer'] },
   { id: 'forms', label: 'Forms & inputs', slugs: ['button', 'button-group', 'forms', 'switch', 'slider', 'toggle', 'toggle-group', 'divider', 'separator', 'label', 'kbd'] },
   { id: 'data', label: 'Data display', slugs: ['cards', 'table', 'badge', 'pagination', 'aspect-ratio', 'empty', 'scroll-area', 'alert', 'skeleton', 'spinner', 'progress-bar', 'toast'] },
@@ -31,7 +31,7 @@ const CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
 
 export function getComponentsByCategory(): CategoryWithItems[] {
   const pathPrefix = '/docs/components';
-  return CATEGORIES.map((cat) => ({
+  return COMPONENT_CATEGORIES.map((cat) => ({
     id: cat.id,
     label: cat.label,
     items: cat.slugs.map((slug) => ({

package/scaffold/vanilla/README-RIZZO.md

@@ -28,7 +28,7 @@ If you prefer to load CSS from a CDN instead of the local file, replace the `<li
 - `<link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />`  
 - Or jsDelivr: `https://cdn.jsdelivr.net/npm/rizzo-css@latest/dist/rizzo.min.css`  
 
-(Replace `@latest` with a specific version, e.g. `@0.0.84`, in production.)
+(Replace `@latest` with a specific version, e.g. `@0.0.85`, in production.)
 
 The CLI replaces placeholders in `index.html` (e.g. `{{DATA_THEME}}`, `{{TITLE}}`) when you run `rizzo-css init`. The theme selected during init is used on first load when you have no saved preference in the browser.
 

package/scaffold/vanilla/components/accordion.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/alert-dialog.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/alert.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/aspect-ratio.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/avatar.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/back-to-top.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/badge.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/breadcrumb.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/button-group.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/button.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/calendar.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/cards.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/carousel.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/chart.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/collapsible.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/command.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/context-menu.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/copy-to-clipboard.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/dashboard.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/direction.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/divider.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/docs-sidebar.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/dropdown.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/empty.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/font-switcher.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/footer.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/forms.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/hover-card.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/icons.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/index.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -945,6 +946,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/input-group.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/input-otp.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/kbd.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/label.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/menubar.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/modal.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/navbar.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/pagination.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/popover.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/progress-bar.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/range-calendar.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/resizable.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/scroll-area.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/search.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/separator.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/settings.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/sheet.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/skeleton.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/slider.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/sound-effects.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/spinner.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/switch.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/table.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/tabs.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/theme-switcher.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/toast.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/toggle-group.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/toggle.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/tooltip.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="flex flex-col items-center justify-center text-center min-h-screen" style="padding: var(--spacing-12) var(--spacing-4); min-height: calc(100vh - 4rem);">
@@ -886,6 +887,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/index.html

@@ -525,6 +525,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="home">
@@ -976,6 +977,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vue/base/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",
-    "rizzo-css": "^0.0.84",
+    "rizzo-css": "^0.0.85",
     "typescript": "~5.6.2",
     "vite": "^6.0.1",
     "vue-tsc": "^2.1.10"

package/scaffold/vue/variants/full/package.json

@@ -14,7 +14,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",
-    "rizzo-css": "^0.0.84",
+    "rizzo-css": "^0.0.85",
     "typescript": "~5.6.2",
     "vite": "^6.0.1",
     "vue-tsc": "^2.1.10"

package/scaffold/vue/variants/full/src/config/componentCategories.ts

@@ -21,7 +21,7 @@ function slugToTitle(slug: string): string {
     .join(' ');
 }
 
-const CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
+export const COMPONENT_CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
   { id: 'layout', label: 'Layout', slugs: ['navbar', 'docs-sidebar', 'dashboard', 'resizable', 'footer'] },
   { id: 'forms', label: 'Forms & inputs', slugs: ['button', 'button-group', 'forms', 'switch', 'slider', 'toggle', 'toggle-group', 'divider', 'separator', 'label', 'kbd'] },
   { id: 'data', label: 'Data display', slugs: ['cards', 'table', 'badge', 'pagination', 'aspect-ratio', 'empty', 'scroll-area', 'alert', 'skeleton', 'spinner', 'progress-bar', 'toast'] },
@@ -31,7 +31,7 @@ const CATEGORIES: { id: string; label: string; slugs: string[] }[] = [
 
 export function getComponentsByCategory(): CategoryWithItems[] {
   const pathPrefix = '/docs/components';
-  return CATEGORIES.map((cat) => ({
+  return COMPONENT_CATEGORIES.map((cat) => ({
     id: cat.id,
     label: cat.label,
     items: cat.slugs.map((slug) => ({