rizzo-css 0.0.78 → 0.0.79

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.78 or any version) -->
+<!-- unpkg (pin version: replace @latest with @0.0.79 or any version) -->
 <link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />
 
 <!-- or jsDelivr -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rizzo-css",
-  "version": "0.0.78",
+  "version": "0.0.79",
   "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.78",
+    "rizzo-css": "^0.0.79",
     "typescript": "~5.6.2",
     "vite": "^6.0.1"
   }

package/scaffold/svelte/Navbar.svelte

@@ -45,7 +45,7 @@
   });
 </script>
 
-<nav class="navbar" role="navigation" aria-label="Main navigation">
+<nav class="navbar" aria-label="Main navigation">
   <div class="navbar__container">
     <div class="navbar__brand">
       <a href="/" class="navbar__brand-link">

package/scaffold/svelte/Search.svelte

@@ -143,9 +143,9 @@
           <p class="search__empty-text">Start typing to search…</p>
         </div>
         <div class="search__results-list" role="group" aria-label="Sample results">
-          <a href="#" class="search__result-item" tabindex={open ? 0 : -1}><div class="search__result-category">Docs</div><div class="search__result-title">Getting started</div></a>
-          <a href="#" class="search__result-item" tabindex={open ? 0 : -1}><div class="search__result-category">Docs</div><div class="search__result-title">Components</div></a>
-          <a href="#" class="search__result-item" tabindex={open ? 0 : -1}><div class="search__result-category">Docs</div><div class="search__result-title">Theming</div></a>
+          <a href="/docs/getting-started" class="search__result-item" tabindex={open ? 0 : -1}><div class="search__result-category">Docs</div><div class="search__result-title">Getting started</div></a>
+          <a href="/docs/components" class="search__result-item" tabindex={open ? 0 : -1}><div class="search__result-category">Docs</div><div class="search__result-title">Components</div></a>
+          <a href="/docs/theming" class="search__result-item" tabindex={open ? 0 : -1}><div class="search__result-category">Docs</div><div class="search__result-title">Theming</div></a>
         </div>
       </div>
     </div>

package/scaffold/svelte/Settings.svelte

@@ -8,13 +8,14 @@
   let openInternal = $state(false);
   const open = $derived(openProp !== undefined ? openProp : openInternal);
 
+  const isBrowser = typeof window !== 'undefined' && typeof localStorage?.getItem === 'function';
   let fontSizeLabel = $state('100%');
   let fontSizeSlider = $state(1);
-  let fontPairValue = $state(typeof localStorage !== 'undefined' ? localStorage.getItem('fontPair') || FONT_PAIR_DEFAULT : FONT_PAIR_DEFAULT);
-  let soundEffects = $state(typeof localStorage !== 'undefined' && localStorage.getItem('soundEffects') === 'true');
-  let reducedMotion = $state(typeof localStorage !== 'undefined' && localStorage.getItem('reducedMotion') === 'true');
-  let highContrast = $state(typeof localStorage !== 'undefined' && localStorage.getItem('highContrast') === 'true');
-  let scrollbarStyle = $state((typeof localStorage !== 'undefined' ? localStorage.getItem('scrollbarStyle') || 'thin' : 'thin') as 'thin' | 'thick' | 'hidden');
+  let fontPairValue = $state(isBrowser ? localStorage.getItem('fontPair') || FONT_PAIR_DEFAULT : FONT_PAIR_DEFAULT);
+  let soundEffects = $state(isBrowser && localStorage.getItem('soundEffects') === 'true');
+  let reducedMotion = $state(isBrowser && localStorage.getItem('reducedMotion') === 'true');
+  let highContrast = $state(isBrowser && localStorage.getItem('highContrast') === 'true');
+  let scrollbarStyle = $state((isBrowser ? localStorage.getItem('scrollbarStyle') || 'thin' : 'thin') as 'thin' | 'thick' | 'hidden');
 
   function applyFontSize(scale: number) {
     if (typeof document === 'undefined') return;
@@ -34,6 +35,7 @@
   }
 
   $effect(() => {
+    if (typeof window === 'undefined') return;
     (window as unknown as { openSettings?: () => void }).openSettings = () => {
       openInternal = true;
     };
@@ -45,7 +47,7 @@
   });
 
   $effect(() => {
-    if (!open) return;
+    if (typeof document === 'undefined' || !open) return;
     const onEscape = (e: KeyboardEvent) => {
       if (e.key === 'Escape') openInternal = false;
     };

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.78`, in production.)
+(Replace `@latest` with a specific version, e.g. `@0.0.79`, 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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/alert.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/avatar.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/badge.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/breadcrumb.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/button.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/calendar.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/cards.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/carousel.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/chart.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/collapsible.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/command.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/dashboard.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/direction.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/divider.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/dropdown.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/empty.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/footer.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/forms.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/icons.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/index.html

@@ -514,6 +514,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);">
@@ -923,6 +924,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/kbd.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/label.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/menubar.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/modal.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/navbar.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/pagination.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/popover.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/resizable.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/search.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/separator.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/settings.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/sheet.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/skeleton.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/slider.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/spinner.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/switch.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/table.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/tabs.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/toast.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

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

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/toggle.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/components/tooltip.html

@@ -514,6 +514,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);">
@@ -864,6 +865,7 @@
 
 
 
+
 
 
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">

package/scaffold/vanilla/index.html

@@ -514,6 +514,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="home">
@@ -954,6 +955,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.78",
+    "rizzo-css": "^0.0.79",
     "typescript": "~5.6.2",
     "vite": "^6.0.1",
     "vue-tsc": "^2.1.10"