rizzo-css 0.0.77 → 0.0.78

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

package/bin/rizzo-css.js

@@ -1855,8 +1855,8 @@ function copySvelteComponents(projectDir, selectedNames, opts) {
       if (existsSync(join(scaffoldDir, 'themes.ts'))) plan.wouldWrite.push(pathRelative(projectDir, join(targetDir, 'themes.ts')));
       if (existsSync(join(scaffoldDir, 'theme.ts'))) plan.wouldWrite.push(pathRelative(projectDir, join(targetDir, 'theme.ts')));
     }
-    if (toCopy.includes('Settings') && existsSync(join(getScaffoldConfigDir(), 'fonts.ts')))
-      plan.wouldWrite.push(pathRelative(projectDir, join(projectDir, 'src', 'lib', 'config', 'fonts.ts')));
+    if ((toCopy.includes('Settings') || toCopy.includes('FontSwitcher')) && existsSync(join(scaffoldDir, 'config', 'fonts.ts')))
+      plan.wouldWrite.push(pathRelative(projectDir, join(targetDir, 'config', 'fonts.ts')));
     if (toCopy.length > 0) plan.wouldWrite.push(pathRelative(projectDir, join(targetDir, 'index.ts')));
     return;
   }
@@ -1879,13 +1879,17 @@ function copySvelteComponents(projectDir, selectedNames, opts) {
     if (existsSync(themesSrc)) copyFileSync(themesSrc, join(targetDir, 'themes.ts'));
     if (existsSync(themeSrc)) copyFileSync(themeSrc, join(targetDir, 'theme.ts'));
   }
-  if (toCopy.includes('Settings')) {
-    const configDir = getScaffoldConfigDir();
-    const fontsSrc = join(configDir, 'fonts.ts');
-    if (existsSync(fontsSrc)) {
-      const projectConfigDir = join(projectDir, 'src', 'lib', 'config');
-      mkdirSync(projectConfigDir, { recursive: true });
-      copyFileSync(fontsSrc, join(projectConfigDir, 'fonts.ts'));
+  if (toCopy.includes('Settings') || toCopy.includes('FontSwitcher')) {
+    const svelteConfigSrc = join(scaffoldDir, 'config');
+    if (existsSync(svelteConfigSrc)) {
+      const projectRizzoConfigDir = join(targetDir, 'config');
+      mkdirSync(projectRizzoConfigDir, { recursive: true });
+      const configEntries = readdirSync(svelteConfigSrc, { withFileTypes: true });
+      for (const entry of configEntries) {
+        if (entry.isFile()) {
+          copyFileSync(join(svelteConfigSrc, entry.name), join(projectRizzoConfigDir, entry.name));
+        }
+      }
     }
   }
   if (exports.length > 0 || copyIconsOnly) {

package/package.json

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

package/scaffold/svelte/FontSwitcher.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import ChevronDown from './icons/ChevronDown.svelte';
-  import { FONT_PAIRS, FONT_PAIR_DEFAULT } from '../../config/fonts';
+  import { FONT_PAIRS, FONT_PAIR_DEFAULT } from './config/fonts';
 
   interface Props {
     /** Optional prefix for trigger/menu IDs when multiple FontSwitchers exist. */

package/scaffold/svelte/Settings.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { FONT_PAIRS, FONT_PAIR_DEFAULT } from '../../config/fonts';
+  import { FONT_PAIRS, FONT_PAIR_DEFAULT } from './config/fonts';
 
   interface Props {
     open?: boolean;

package/scaffold/svelte/config/fonts.ts

@@ -0,0 +1,59 @@
+/**
+ * Font pairs (sans + mono) for the Settings font changer.
+ * Each option sets both --font-family (body/UI) and --font-family-mono (code blocks, pre, kbd).
+ * Used by Settings components and layout flash scripts to apply and persist the chosen pair.
+ */
+
+export interface FontPairEntry {
+  value: string;
+  label: string;
+  /** CSS value for --font-family (sans stack) */
+  sans: string;
+  /** CSS value for --font-family-mono */
+  mono: string;
+}
+
+export const FONT_PAIR_DEFAULT = 'geist' as const;
+
+export const FONT_PAIRS: FontPairEntry[] = [
+  {
+    value: 'geist',
+    label: 'Geist (Sans + Mono)',
+    sans: 'var(--font-family-geist-sans)',
+    mono: 'var(--font-family-geist-mono)',
+  },
+  {
+    value: 'inter-jetbrains',
+    label: 'Inter + JetBrains Mono',
+    sans: 'var(--font-family-inter)',
+    mono: 'var(--font-family-jetbrains-mono)',
+  },
+  {
+    value: 'ibm-plex',
+    label: 'IBM Plex Sans + Mono',
+    sans: 'var(--font-family-ibm-plex-sans)',
+    mono: 'var(--font-family-ibm-plex-mono)',
+  },
+  {
+    value: 'source',
+    label: 'Source Sans 3 + Source Code Pro',
+    sans: 'var(--font-family-source-sans-3)',
+    mono: 'var(--font-family-source-code-pro)',
+  },
+  {
+    value: 'dm',
+    label: 'DM Sans + DM Mono',
+    sans: 'var(--font-family-dm-sans)',
+    mono: 'var(--font-family-dm-mono)',
+  },
+  {
+    value: 'outfit-jetbrains',
+    label: 'Outfit + JetBrains Mono',
+    sans: 'var(--font-family-outfit)',
+    mono: 'var(--font-family-jetbrains-mono)',
+  },
+];
+
+export function getFontPairById(id: string): FontPairEntry | undefined {
+  return FONT_PAIRS.find((p) => p.value === id);
+}

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

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

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

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

package/scaffold/vanilla/components/alert.html

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

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

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

package/scaffold/vanilla/components/avatar.html

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

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

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

package/scaffold/vanilla/components/badge.html

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

package/scaffold/vanilla/components/breadcrumb.html

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

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

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

package/scaffold/vanilla/components/button.html

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

package/scaffold/vanilla/components/calendar.html

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

package/scaffold/vanilla/components/cards.html

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

package/scaffold/vanilla/components/carousel.html

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

package/scaffold/vanilla/components/chart.html

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

package/scaffold/vanilla/components/collapsible.html

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

package/scaffold/vanilla/components/command.html

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

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

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

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

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

package/scaffold/vanilla/components/dashboard.html

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

package/scaffold/vanilla/components/direction.html

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

package/scaffold/vanilla/components/divider.html

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

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

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

package/scaffold/vanilla/components/dropdown.html

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

package/scaffold/vanilla/components/empty.html

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

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

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

package/scaffold/vanilla/components/footer.html

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

package/scaffold/vanilla/components/forms.html

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

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

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

package/scaffold/vanilla/components/icons.html

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

package/scaffold/vanilla/components/index.html

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

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

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

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

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

package/scaffold/vanilla/components/kbd.html

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

package/scaffold/vanilla/components/label.html

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

package/scaffold/vanilla/components/menubar.html

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

package/scaffold/vanilla/components/modal.html

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

package/scaffold/vanilla/components/navbar.html

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

package/scaffold/vanilla/components/pagination.html

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

package/scaffold/vanilla/components/popover.html

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

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

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

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

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

package/scaffold/vanilla/components/resizable.html

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

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

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

package/scaffold/vanilla/components/search.html

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

package/scaffold/vanilla/components/separator.html

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

package/scaffold/vanilla/components/settings.html

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

package/scaffold/vanilla/components/sheet.html

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

package/scaffold/vanilla/components/skeleton.html

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

package/scaffold/vanilla/components/slider.html

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

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

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

package/scaffold/vanilla/components/spinner.html

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

package/scaffold/vanilla/components/switch.html

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

package/scaffold/vanilla/components/table.html

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

package/scaffold/vanilla/components/tabs.html

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

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

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

package/scaffold/vanilla/components/toast.html

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

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

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

package/scaffold/vanilla/components/toggle.html

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

package/scaffold/vanilla/components/tooltip.html

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

package/scaffold/vanilla/index.html

@@ -513,6 +513,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="home">
@@ -952,6 +953,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.77",
+    "rizzo-css": "^0.0.78",
     "typescript": "~5.6.2",
     "vite": "^6.0.1",
     "vue-tsc": "^2.1.10"