rizzo-css 0.0.65 → 0.0.66

package/README.md

@@ -16,7 +16,7 @@ bun add rizzo-css
 
 The package works with **npm**, **pnpm**, **yarn**, and **bun**. After install, run the CLI with your manager’s runner: `npx` (npm/yarn), `pnpm dlx`, or `bunx`.
 
-**Quick start (no install):** `npx rizzo-css init` — choose **framework** (Vanilla, Astro, Svelte, React, or Vue), then **add to existing** or **create new**. Both flows use the **same template choice**: **Landing** (hero/features), **Docs** (sidebar + sample doc), **Dashboard** (sidebar + stats/table), or **Full** (clone of the docs site). Landing/Docs/Dashboard = component picker (all 57 or pick). We **never overwrite your existing files**; any skipped content is in **RIZZO-SETUP.md**. You must add the `<link>` yourself (CLI prints the exact tag). Non-interactive: `npx rizzo-css init --yes --framework vanilla|astro|svelte|react|vue --template landing|docs|dashboard|full` or `npx rizzo-css add --template landing|docs|dashboard|full`. Optional **rizzo-css.json** and `add --install-package`. All get the **same CSS and component styles**. To use the **official Svelte or Astro create command** plus Rizzo, create the app first, then run `npx rizzo-css add`:
+**Quick start (no install):** `npx rizzo-css init` — choose **framework** (Vanilla, Astro, Svelte, React, or Vue), then **add to existing** or **create new**. Both flows use the **same template choice**: **Landing** (hero/features), **Docs** (sidebar + sample doc), **Dashboard** (sidebar + stats/table), or **Full** (clone of the docs site). Landing/Docs/Dashboard = component picker (all 50 or pick). We **never overwrite your existing files**; any skipped content is in **RIZZO-SETUP.md**. You must add the `<link>` yourself (CLI prints the exact tag). Non-interactive: `npx rizzo-css init --yes --framework vanilla|astro|svelte|react|vue --template landing|docs|dashboard|full` or `npx rizzo-css add --template landing|docs|dashboard|full`. Optional **rizzo-css.json** and `add --install-package`. All get the **same CSS and component styles**. To use the **official Svelte or Astro create command** plus Rizzo, create the app first, then run `npx rizzo-css add`:
 
 ```bash
 npm create svelte@latest my-app && cd my-app && npx rizzo-css add
@@ -25,7 +25,7 @@ npm create astro@latest my-app   && cd my-app && npx rizzo-css add
 
 **Running the CLI:** npm → `npx`; pnpm → `pnpm dlx`; yarn → `npx` (Yarn 1 has no `dlx`; works with Yarn 2+ too); bun → `bunx`. The [docs site](https://rizzo-css.vercel.app/docs/getting-started) tabs show the correct command for each manager.
 
-**Same flow for new and existing:** Both prompt for **Landing** | **Docs** | **Dashboard** | **Full**. Landing/Docs/Dashboard = component picker (all 57 or pick). Full = site clone (no picker); also writes **RIZZO-SNIPPET.txt** (link + theme) unless `--no-snippet`. `npx rizzo-css doctor` checks config and CSS path. `npx rizzo-css theme` lists themes.
+**Same flow for new and existing:** Both prompt for **Landing** | **Docs** | **Dashboard** | **Full**. Landing/Docs/Dashboard = component picker (all 50 or pick). Full = site clone (no picker); also writes **RIZZO-SNIPPET.txt** (link + theme) unless `--no-snippet`. `npx rizzo-css doctor` checks config and CSS path. `npx rizzo-css theme` lists themes.
 
 | | **Create new** (`init` → new) | **Add to existing** (`add` or `init` → existing) |
 |---|------------------------------|--------------------------------------------------|
@@ -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.65 or any version) -->
+<!-- unpkg (pin version: replace @latest with @0.0.66 or any version) -->
 <link rel="stylesheet" href="https://unpkg.com/rizzo-css@latest/dist/rizzo.min.css" />
 
 <!-- or jsDelivr -->

package/bin/rizzo-css.js

@@ -1124,7 +1124,7 @@ Commands:
 Options (init):
   --yes             Non-interactive: scaffold new in cwd with defaults (framework: astro, template: landing)
   --path <dir>      Project directory (relative to cwd or absolute). Scaffold and run install there. With --yes; interactive: "Enter path" option.
-  --framework <fw>  vanilla | astro | svelte | react | vue (same 57 components each)
+  --framework <fw>  vanilla | astro | svelte | react | vue (same 50 components each)
   --template <t>    create new: css-only | landing | docs | dashboard | full (default: landing). add: same options.
   --package-manager <pm>  npm | pnpm | yarn | bun (with --yes, or skip PM prompt when interactive)
   --install         After scaffolding, run package manager install in project directory (no prompt)
@@ -1189,7 +1189,7 @@ Component dependencies (Full template):
   Full list of available components and what relies on what: npx rizzo-css help components
 
 Frameworks:
-  Scaffolds (init/add): Vanilla, Astro, Svelte, React, Vue. Same 57 components in each framework’s syntax; same CSS and BEM. Docs: https://rizzo-css.vercel.app/docs/react and Vue.
+  Scaffolds (init/add): Vanilla, Astro, Svelte, React, Vue. Same 50 components in each framework’s syntax; same CSS and BEM. Docs: https://rizzo-css.vercel.app/docs/react and Vue.
 
 Docs: https://rizzo-css.vercel.app
 `);

package/dist/rizzo.min.css

@@ -4,6 +4,13 @@ ol[role="list"],ul[role="list"]{list-style:none}body{line-height:1.5;margin:0;ma
 button,h1, h2, h3, h4, h5, h6, input, label{line-height:1.1}h1, h2, h3, h4, h5, h6{text-wrap:balance}a:not([class]){-webkit-text-decoration-skip:ink;color:currentcolor;text-decoration-skip-ink:auto}img,
 picture{display:block;max-width:100%} button,input, select,
 textarea{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}body,html{background-color:var(--background);color:var(--text);transition:color var(--theme-transition-duration) ease-out,background-color var(--theme-transition-duration) ease-out,border-color var(--theme-transition-duration) ease-out}a{color:var(--accent-fg);text-decoration:none}a:hover{color:var(--accent-fg-hover)}
+.dashboard__nav a,.dashboard__nav a:hover,
+.dashboard__nav-link,
+.dashboard__nav-link:hover,
+.docs-layout-demo__nav a,
+.docs-layout-demo__nav a:hover,
+.docs-layout-demo__nav-link,
+.docs-layout-demo__nav-link:hover,
 .docs-sidebar a,
 .navbar a,
 [role="menu"] a,
@@ -221,7 +228,17 @@ div.navbar__link{background:none;border:none;color:inherit;cursor:pointer;font:i
 #themes-preview .themes-page__preview-dropdown-menu .dropdown__item[aria-current="true"] span,
 #themes-preview .themes-page__preview-dropdown-menu .dropdown__item[aria-current="true"]:focus-visible span,
 #themes-preview .themes-page__preview-dropdown-menu .dropdown__item[aria-current="true"]:hover span{color:var(--accent)!important}.block-preview-wrapper{border:1px solid var(--border);border-radius:var(--radius-lg);margin:var(--spacing-6) 0;overflow:hidden}.block-preview-wrapper--hero{background:var(--background-alt);padding:var(--spacing-16) var(--spacing-6);text-align:center}.block-preview-wrapper--pricing{background:var(--background-alt);padding:var(--spacing-6)}.block-preview-wrapper--docs{min-height:16rem}.block-preview-wrapper--dashboard{min-height:24rem}.docs-dim{color:var(--text-dim);font-size:var(--font-size-sm);margin-top:0}.landing-hero__title{color:var(--text);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);margin:0 0 var(--spacing-4)}.landing-hero__subtitle{color:var(--text-dim);font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);margin:0 auto var(--spacing-8);max-width:var(--spacing-175)}.landing-hero__ctas{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center}.pricing-grid{display:grid;gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));margin:0 auto;max-width:56rem}.pricing-card{display:flex;flex-direction:column}.pricing-card .card__body{display:flex;flex:1;flex-direction:column}.pricing-card--featured{border-color:var(--accent);box-shadow:0 0 0 2px oklch(from var(--accent) l c h/20%)}.pricing-card__badge{align-self:flex-start;margin-bottom:var(--spacing-2)}.pricing-card__name{color:var(--text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2)}.pricing-card__price{color:var(--text);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-0-5)}.pricing-card__currency,
-.pricing-card__period-inline{color:var(--text-dim);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal)}.pricing-card__period{color:var(--text-dim);font-size:var(--font-size-sm);margin:0 0 var(--spacing-4)}.pricing-card__features{color:var(--text);flex:1;font-size:var(--font-size-sm);list-style:none;margin:0 0 var(--spacing-6);padding:0}.pricing-card__features li{padding:var(--spacing-1) 0;padding-left:var(--spacing-4);position:relative}.pricing-card__features li::before{background:var(--accent);border-radius:50%;content:"";height:.35em;left:0;position:absolute;top:.65em;width:.35em}.pricing-card__cta{justify-content:center;width:100%}.dashboard-page__header{margin-bottom:var(--spacing-6)}.dashboard-page__title{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1)}.dashboard-page__subtitle{color:var(--text-dim);font-size:var(--font-size-sm);margin:0}.dashboard-page__stats-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin-bottom:var(--spacing-8)}.dashboard-page__stat .card__body{display:flex;flex-direction:column;gap:var(--spacing-1)}.dashboard-page__stat .card__label{color:var(--text-dim);font-size:var(--font-size-sm)}.dashboard-page__stat .card__value{color:var(--text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.dashboard-page__section-title{color:var(--text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4)}.docs-layout-demo{display:flex;min-height:16rem}.docs-layout-demo__sidebar{background:var(--background-alt);border-right:1px solid var(--border);flex-shrink:0;padding:var(--spacing-4);width:12rem}.docs-layout-demo__nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.docs-layout-demo__nav-link{border-radius:var(--radius-md);color:var(--text);display:block;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);text-decoration:none}.docs-layout-demo__nav-link:hover{background:var(--background)}.docs-layout-demo__nav-link--active{background:var(--accent);color:var(--accent-text)}.docs-layout-demo__main{flex:1;overflow:auto;padding:var(--spacing-6)}.docs-layout-demo__header{margin-bottom:var(--spacing-4)}.docs-layout-demo__title{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1)}.docs-layout-demo__desc{color:var(--text-dim);margin:0}.docs-layout-demo__content{margin-top:var(--spacing-4)}[data-theme="github-dark-classic"]{--bg:oklch(18% 0.012 264deg);--bg-alt:oklch(15% 0.01 264deg);--current-line:oklch(20% 0.012 264deg);--selection:oklch(28% 0.08 255deg);--fg:oklch(91% 0.004 264deg);--fg-dim:oklch(66% 0.01 264deg);--comment:oklch(52% 0.015 264deg);--cyan:oklch(72% 0.12 250deg);--green:oklch(72% 0.19 145deg);--orange:oklch(78% 0.12 55deg);--pink:oklch(68% 0.14 15deg);--purple:oklch(68% 0.14 300deg);--red:oklch(68% 0.16 15deg);--yellow:oklch(88% 0.12 95deg);--background:var(--bg);--background-alt:var(--bg-alt);--text:var(--fg);--text-dim:var(--fg-dim);--icon:var(--fg);--icon-dim:oklch(75% 0.01 264deg);--border:oklch(13% 0.01 264deg);--accent:oklch(45% 0.18 250deg);--accent-hover:oklch(48% 0.18 250deg);--accent-text:oklch(100% 0 0deg);--accent-text-on-hover:var(--accent-text);--accent-fg:var(--cyan);--accent-fg-hover:oklch(78% 0.12 250deg);--success:var(--green);--success-hover:oklch(78% 0.16 145deg);--success-text:oklch(100% 0 0deg);--success-text-on-solid:oklch(22% 0.03 145deg);--warning:var(--orange);--warning-hover:oklch(85% 0.1 55deg);--warning-text:oklch(100% 0 0deg);--warning-text-on-solid:oklch(22% 0.02 55deg);--error:var(--red);--error-hover:oklch(75% 0.14 15deg);--error-text:oklch(100% 0 0deg);--error-text-on-solid:oklch(22% 0.03 25deg);--info:var(--cyan);--info-hover:oklch(78% 0.1 250deg);--info-text:oklch(100% 0 0deg);--info-text-on-solid:oklch(22% 0.03 250deg);--scrollbar-thumb:oklch(42% 0.02 264deg);--scrollbar-thumb-hover:oklch(52% 0.03 264deg);--scrollbar-thumb-active:oklch(58% 0.04 264deg);.card .card__body h2,
+.pricing-card__period-inline{color:var(--text-dim);font-size:var(--font-size-lg);font-weight:var(--font-weight-normal)}.pricing-card__period{color:var(--text-dim);font-size:var(--font-size-sm);margin:0 0 var(--spacing-4)}.pricing-card__features{color:var(--text);flex:1;font-size:var(--font-size-sm);list-style:none;margin:0 0 var(--spacing-6);padding:0}.pricing-card__features li{padding:var(--spacing-1) 0;padding-left:var(--spacing-4);position:relative}.pricing-card__features li::before{background:var(--accent);border-radius:50%;content:"";height:.35em;left:0;position:absolute;top:.65em;width:.35em}.pricing-card__cta{justify-content:center;width:100%}.dashboard-page__header{margin-bottom:var(--spacing-6)}.dashboard-page__title{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1)}.dashboard-page__subtitle{color:var(--text-dim);font-size:var(--font-size-sm);margin:0}.dashboard-page__stats-grid{display:grid;gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));margin-bottom:var(--spacing-8)}.dashboard-page__stat .card__body{display:flex;flex-direction:column;gap:var(--spacing-1)}.dashboard-page__stat .card__label{color:var(--text-dim);font-size:var(--font-size-sm)}.dashboard-page__stat .card__value{color:var(--text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.dashboard-page__section-title{color:var(--text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4)}.docs-layout-demo{display:flex;min-height:16rem}.docs-layout-demo__sidebar{background:var(--background-alt);border-right:1px solid var(--border);flex-shrink:0;padding:var(--spacing-4);width:12rem}.docs-layout-demo__nav{display:flex;flex-direction:column;gap:var(--spacing-1)}.docs-layout-demo__nav-link{border-radius:var(--radius-md);color:var(--text);display:block;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-3);text-decoration:none}.docs-layout-demo__nav-link:hover{background:var(--background)}.docs-layout-demo__nav-link--active{background:var(--accent);color:var(--accent-text)}.docs-layout-demo__main{flex:1;overflow:auto;padding:var(--spacing-6)}.docs-layout-demo__header{margin-bottom:var(--spacing-4)}.docs-layout-demo__title{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1)}.docs-layout-demo__desc{color:var(--text-dim);margin:0}.docs-layout-demo__content{margin-top:var(--spacing-4)}.block-preview-wrapper--login,
+.block-preview-wrapper--signup{align-items:center;background:var(--background-alt);display:flex;justify-content:center;min-height:20rem;padding:var(--spacing-16) var(--spacing-6)}.login-block,
+.signup-block{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:24rem;width:100%}.login-block__brand,
+.signup-block__brand{align-items:center;color:var(--text);display:flex;font-weight:var(--font-weight-semibold);gap:var(--spacing-2);justify-content:center;text-decoration:none}.login-block__brand:hover,
+.signup-block__brand:hover{color:var(--accent-fg);text-decoration:none}.login-block__brand-icon,
+.signup-block__brand-icon{align-items:center;background:var(--accent);border-radius:var(--radius);color:var(--accent-text);display:flex;font-size:var(--font-size-sm);height:1.5rem;justify-content:center;width:1.5rem}.login-block__form,
+.signup-block__form{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6)}.login-block__title,
+.signup-block__title{color:var(--text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1)}.login-block__footer,
+.signup-block__footer{color:var(--text-dim);font-size:var(--font-size-sm);text-align:center}.login-block__footer a,
+.signup-block__footer a{color:var(--accent-fg);text-decoration:underline;text-underline-offset:.15em}.login-block__footer a:hover,
+.signup-block__footer a:hover{color:var(--accent-fg-hover)}[data-theme="github-dark-classic"]{--bg:oklch(18% 0.012 264deg);--bg-alt:oklch(15% 0.01 264deg);--current-line:oklch(20% 0.012 264deg);--selection:oklch(28% 0.08 255deg);--fg:oklch(91% 0.004 264deg);--fg-dim:oklch(66% 0.01 264deg);--comment:oklch(52% 0.015 264deg);--cyan:oklch(72% 0.12 250deg);--green:oklch(72% 0.19 145deg);--orange:oklch(78% 0.12 55deg);--pink:oklch(68% 0.14 15deg);--purple:oklch(68% 0.14 300deg);--red:oklch(68% 0.16 15deg);--yellow:oklch(88% 0.12 95deg);--background:var(--bg);--background-alt:var(--bg-alt);--text:var(--fg);--text-dim:var(--fg-dim);--icon:var(--fg);--icon-dim:oklch(75% 0.01 264deg);--border:oklch(13% 0.01 264deg);--accent:oklch(45% 0.18 250deg);--accent-hover:oklch(48% 0.18 250deg);--accent-text:oklch(100% 0 0deg);--accent-text-on-hover:var(--accent-text);--accent-fg:var(--cyan);--accent-fg-hover:oklch(78% 0.12 250deg);--success:var(--green);--success-hover:oklch(78% 0.16 145deg);--success-text:oklch(100% 0 0deg);--success-text-on-solid:oklch(22% 0.03 145deg);--warning:var(--orange);--warning-hover:oklch(85% 0.1 55deg);--warning-text:oklch(100% 0 0deg);--warning-text-on-solid:oklch(22% 0.02 55deg);--error:var(--red);--error-hover:oklch(75% 0.14 15deg);--error-text:oklch(100% 0 0deg);--error-text-on-solid:oklch(22% 0.03 25deg);--info:var(--cyan);--info-hover:oklch(78% 0.1 250deg);--info-text:oklch(100% 0 0deg);--info-text-on-solid:oklch(22% 0.03 250deg);--scrollbar-thumb:oklch(42% 0.02 264deg);--scrollbar-thumb-hover:oklch(52% 0.03 264deg);--scrollbar-thumb-active:oklch(58% 0.04 264deg);.card .card__body h2,
   .card .card__body h3,
   .card .card__body h4,.footer__link{color:var(--fg)}}@supports (color:oklch(from red l c h)){[data-theme="github-dark-classic"]{--color-accent-50:oklch(from var(--accent) 0.97deg 0.03 h);--color-accent-100:oklch(from var(--accent) 0.93deg 0.06 h);--color-accent-200:oklch(from var(--accent) 0.88deg 0.1 h);--color-accent-300:oklch(from var(--accent) 0.78deg 0.14 h);--color-accent-400:oklch(from var(--accent) 0.65deg 0.16 h);--color-accent-500:var(--accent);--color-accent-600:oklch(from var(--accent) 0.45deg 0.18 h);--color-accent-700:oklch(from var(--accent) 0.38deg 0.16 h);--color-accent-800:oklch(from var(--accent) 0.3deg 0.12 h);--color-accent-900:oklch(from var(--accent) 0.22deg 0.08 h);--color-accent-950:oklch(from var(--accent) 0.15deg 0.05 h);--color-success-50:oklch(from var(--success) 0.97deg 0.03 h);--color-success-100:oklch(from var(--success) 0.93deg 0.06 h);--color-success-200:oklch(from var(--success) 0.88deg 0.1 h);--color-success-300:oklch(from var(--success) 0.78deg 0.14 h);--color-success-400:oklch(from var(--success) 0.65deg 0.16 h);--color-success-500:var(--success);--color-success-600:oklch(from var(--success) 0.45deg 0.18 h);--color-success-700:oklch(from var(--success) 0.38deg 0.16 h);--color-success-800:oklch(from var(--success) 0.3deg 0.12 h);--color-success-900:oklch(from var(--success) 0.22deg 0.08 h);--color-success-950:oklch(from var(--success) 0.15deg 0.05 h);--color-warning-50:oklch(from var(--warning) 0.97deg 0.03 h);--color-warning-100:oklch(from var(--warning) 0.93deg 0.06 h);--color-warning-200:oklch(from var(--warning) 0.88deg 0.1 h);--color-warning-300:oklch(from var(--warning) 0.82deg 0.12 h);--color-warning-400:oklch(from var(--warning) 0.75deg 0.14 h);--color-warning-500:var(--warning);--color-warning-600:oklch(from var(--warning) 0.55deg 0.14 h);--color-warning-700:oklch(from var(--warning) 0.45deg 0.12 h);--color-warning-800:oklch(from var(--warning) 0.35deg 0.1 h);--color-warning-900:oklch(from var(--warning) 0.25deg 0.06 h);--color-warning-950:oklch(from var(--warning) 0.18deg 0.04 h);--color-error-50:oklch(from var(--error) 0.97deg 0.03 h);--color-error-100:oklch(from var(--error) 0.93deg 0.06 h);--color-error-200:oklch(from var(--error) 0.88deg 0.1 h);--color-error-300:oklch(from var(--error) 0.78deg 0.14 h);--color-error-400:oklch(from var(--error) 0.65deg 0.18 h);--color-error-500:var(--error);--color-error-600:oklch(from var(--error) 0.45deg 0.2 h);--color-error-700:oklch(from var(--error) 0.38deg 0.18 h);--color-error-800:oklch(from var(--error) 0.3deg 0.14 h);--color-error-900:oklch(from var(--error) 0.22deg 0.1 h);--color-error-950:oklch(from var(--error) 0.15deg 0.06 h);--color-info-50:oklch(from var(--info) 0.97deg 0.03 h);--color-info-100:oklch(from var(--info) 0.93deg 0.06 h);--color-info-200:oklch(from var(--info) 0.88deg 0.08 h);--color-info-300:oklch(from var(--info) 0.78deg 0.1 h);--color-info-400:oklch(from var(--info) 0.65deg 0.12 h);--color-info-500:var(--info);--color-info-600:oklch(from var(--info) 0.45deg 0.12 h);--color-info-700:oklch(from var(--info) 0.38deg 0.1 h);--color-info-800:oklch(from var(--info) 0.3deg 0.08 h);--color-info-900:oklch(from var(--info) 0.22deg 0.06 h);--color-info-950:oklch(from var(--info) 0.15deg 0.04 h)}}
 [data-theme="github-dark-classic"] ::-webkit-scrollbar-thumb,[data-theme="github-dark-classic"]::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb)}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "rizzo-css",
-  "version": "0.0.65",
+  "version": "0.0.66",
   "engines": {
     "node": ">=18"
   },
   "scripts": {
     "prepublishOnly": "cd ../.. && pnpm run lint:css:fix && pnpm run build:css && node scripts/copy-scaffold.js && node scripts/prepare-vanilla-scaffold.js"
   },
-  "description": "A modern CSS design system with semantic theming, 14 themes, accessible components (BEM), and pre-built blocks. Same CSS and components for Vanilla JS, Astro, Svelte, React, and Vue; CLI scaffolds all five; blocks include Landing hero, Pricing, Dashboard, Docs layout.",
+  "description": "A modern CSS design system with semantic theming, 14 themes, accessible components (BEM), and pre-built blocks. Same CSS and components for Vanilla JS, Astro, Svelte, React, and Vue; CLI scaffolds all five; blocks include Landing hero, Pricing, Dashboard, Docs layout, Login, Sign up.",
   "style": "dist/rizzo.min.css",
   "main": "dist/rizzo.min.css",
   "unpkg": "dist/rizzo.min.css",

package/scaffold/astro/Footer.astro

@@ -13,7 +13,7 @@ interface Props {
   links?: FooterLink[];
   /** Optional class for the root element */
   class?: string;
-  /** Optional version string (e.g. from package.json); shown as "v0.0.65" with link to CHANGELOG */
+  /** Optional version string (e.g. from package.json); shown as "v0.0.66" with link to CHANGELOG */
   version?: string;
 }
 

package/scaffold/astro/base/README-RIZZO.md

@@ -15,7 +15,7 @@
   Design system · Vanilla · Astro · Svelte
 </pre>
 
-Astro project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Astro, then **Landing**, **Docs**, **Dashboard**, or **Full**. **Full** = clone of the docs site. **Landing** / **Docs** / **Dashboard** = base + component picker (all 57 or pick). Same template choice for **Add to existing** (`npx rizzo-css add`).
+Astro project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Astro, then **Landing**, **Docs**, **Dashboard**, or **Full**. **Full** = clone of the docs site. **Landing** / **Docs** / **Dashboard** = base + component picker (all 50 or pick). Same template choice for **Add to existing** (`npx rizzo-css add`).
 
 ## Setup
 

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

@@ -15,7 +15,7 @@
   Design system · Vanilla · Astro · Svelte
 </pre>
 
-Astro project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Astro, then **Full** template. **Full** = clone of the Rizzo docs site (no component picker). **Landing** / **Docs** / **Dashboard** = base + component picker (all 57 or pick). Same template choice for **Add to existing** (`npx rizzo-css add`).
+Astro project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Astro, then **Full** template. **Full** = clone of the Rizzo docs site (no component picker). **Landing** / **Docs** / **Dashboard** = base + component picker (all 50 or pick). Same template choice for **Add to existing** (`npx rizzo-css add`).
 
 ## Setup
 

package/scaffold/svelte/base/README-RIZZO.md

@@ -15,7 +15,7 @@
   Design system · Vanilla · Astro · Svelte
 </pre>
 
-SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Svelte, then **Landing**, **Docs**, **Dashboard**, or **Full**. **Full** = clone of the docs site. **Landing** / **Docs** / **Dashboard** = base + component picker (all 57 or pick). Same template choice for **Add to existing** (`npx rizzo-css add`).
+SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Svelte, then **Landing**, **Docs**, **Dashboard**, or **Full**. **Full** = clone of the docs site. **Landing** / **Docs** / **Dashboard** = base + component picker (all 50 or pick). Same template choice for **Add to existing** (`npx rizzo-css add`).
 
 ## Setup
 

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

@@ -15,7 +15,7 @@
   Design system · Vanilla · Astro · Svelte
 </pre>
 
-SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Svelte, then **Full** template. **Full** = clone of the Rizzo docs site (no component picker). **Landing** / **Docs** / **Dashboard** = base + component picker (all 57 or pick). Same template choice for **Add to existing** (`npx rizzo-css add`).
+SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init` when you chose **Create new** and Svelte, then **Full** template. **Full** = clone of the Rizzo docs site (no component picker). **Landing** / **Docs** / **Dashboard** = base + component picker (all 50 or pick). Same template choice for **Add to existing** (`npx rizzo-css add`).
 
 ## Setup
 

package/scaffold/vanilla/README-RIZZO.md

@@ -15,7 +15,7 @@
   Design system · Vanilla · Astro · Svelte
 </pre>
 
-This project was scaffolded with `npx rizzo-css init` when you chose **Create new project** and Vanilla JS, then **Landing**, **Docs**, **Dashboard**, or **Full**. **Full** = clone of the docs site. **Landing** / **Docs** / **Dashboard** = CSS, fonts, icons, sfx + component picker (all 57 or pick); Landing adds hero/features; Docs adds sidebar + sample doc; Dashboard adds sidebar + stats/table. **Add to existing project** (or `npx rizzo-css add`) uses the **same template choice**; you must add the stylesheet `<link>` yourself (CLI prints the exact tag).
+This project was scaffolded with `npx rizzo-css init` when you chose **Create new project** and Vanilla JS, then **Landing**, **Docs**, **Dashboard**, or **Full**. **Full** = clone of the docs site. **Landing** / **Docs** / **Dashboard** = CSS, fonts, icons, sfx + component picker (all 50 or pick); Landing adds hero/features; Docs adds sidebar + sample doc; Dashboard adds sidebar + stats/table. **Add to existing project** (or `npx rizzo-css add`) uses the **same template choice**; you must add the stylesheet `<link>` yourself (CLI prints the exact tag).
 
 ## First-time setup
 
@@ -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.65`, in production.)
+(Replace `@latest` with a specific version, e.g. `@0.0.66`, 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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/alert.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/avatar.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/badge.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/breadcrumb.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/button.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/cards.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/collapsible.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/dashboard.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/divider.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/dropdown.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/empty.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/footer.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/forms.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/icons.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/index.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -781,6 +784,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/kbd.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/label.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/modal.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/navbar.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/pagination.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/popover.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/resizable.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/search.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/separator.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/settings.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/sheet.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/skeleton.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/slider.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/spinner.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/switch.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/table.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/tabs.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/toast.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

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

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/toggle.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/components/tooltip.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -730,6 +733,9 @@
 
 
 
+
+
+
 
 
 

package/scaffold/vanilla/index.html

@@ -446,6 +446,9 @@
   
   
   
+  
+  
+  
   
   
   
@@ -820,6 +823,9 @@
 
 
 
+
+
+