rizzo-css 0.0.75 → 0.0.76

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

package/dist/rizzo.min.css

@@ -239,7 +239,7 @@ div.navbar__link{background:none;border:none;color:inherit;cursor:pointer;font:i
 #themes-preview .themes-page__preview-dropdown-menu .dropdown__item:focus-visible:not(.dropdown__item--disabled) span,#themes-preview .themes-page__preview-dropdown-menu .dropdown__item:hover:not(.dropdown__item--disabled) span,
 #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,
+#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:0}.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{align-items:center;background:var(--background-alt);box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:28rem;padding:var(--spacing-20) var(--spacing-6);text-align:center}.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)}@media (width >= 48rem){.landing-hero__title{font-size:var(--font-size-5xl)}}.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}.landing-features{box-sizing:border-box;margin:0 auto;max-width:var(--container-default);padding:var(--spacing-16) var(--spacing-6);width:100%}.landing-features__title{color:var(--text);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-8);text-align:center}.landing-features__grid{display:grid;gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));list-style:none;margin:0;padding:0}.landing-features__item{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-6);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.landing-features__item:hover{border-color:var(--accent);box-shadow:0 0 0 1px oklch(from var(--accent) l c h/15%)}.landing-features__item-title{color:var(--text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2)}.landing-features__item-desc{color:var(--text-dim);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.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)}.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,

package/package.json

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

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.75" with link to CHANGELOG */
+  /** Optional version string (e.g. from package.json); shown as "v0.0.76" with link to CHANGELOG */
   version?: string;
 }
 

package/scaffold/landing/index.html

@@ -7,7 +7,32 @@
   <link rel="stylesheet" href="{{LINK_HREF}}" />
 </head>
 <body>
-  <h1>Hello, Rizzo CSS</h1>
-  <p>Edit this file and add components. Docs: <a href="https://rizzo-css.vercel.app">rizzo-css.vercel.app</a></p>
+  <main>
+    <header class="landing-hero">
+      <h1 class="landing-hero__title">Build something great</h1>
+      <p class="landing-hero__subtitle">A themeable, accessible design system. Same CSS across frameworks. Edit this page and add your own content.</p>
+      <div class="landing-hero__ctas">
+        <a href="https://rizzo-css.vercel.app/docs/getting-started" class="btn btn-primary">Get started</a>
+        <a href="https://rizzo-css.vercel.app/docs/components" class="btn btn-outline">View components</a>
+      </div>
+    </header>
+    <section class="landing-features" aria-labelledby="features-heading">
+      <h2 id="features-heading" class="landing-features__title">Why use Rizzo CSS</h2>
+      <ul class="landing-features__grid">
+        <li class="landing-features__item">
+          <h3 class="landing-features__item-title">Framework-agnostic</h3>
+          <p class="landing-features__item-desc">One design system for Vanilla, Astro, Svelte, React, and Vue. Same BEM classes and tokens everywhere.</p>
+        </li>
+        <li class="landing-features__item">
+          <h3 class="landing-features__item-title">Accessible by default</h3>
+          <p class="landing-features__item-desc">Components follow WCAG guidance: focus, ARIA, keyboard nav, and reduced motion built in.</p>
+        </li>
+        <li class="landing-features__item">
+          <h3 class="landing-features__item-title">Themable</h3>
+          <p class="landing-features__item-desc">Light, dark, and custom themes via CSS variables. No runtime lock-in.</p>
+        </li>
+      </ul>
+    </section>
+  </main>
 </body>
 </html>

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.75",
+    "rizzo-css": "^0.0.76",
     "typescript": "~5.6.2",
     "vite": "^6.0.1"
   }

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

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

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

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

package/scaffold/vanilla/components/alert.html

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

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

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

package/scaffold/vanilla/components/avatar.html

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

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

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

package/scaffold/vanilla/components/badge.html

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

package/scaffold/vanilla/components/breadcrumb.html

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

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

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

package/scaffold/vanilla/components/button.html

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

package/scaffold/vanilla/components/calendar.html

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

package/scaffold/vanilla/components/cards.html

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

package/scaffold/vanilla/components/carousel.html

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

package/scaffold/vanilla/components/chart.html

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

package/scaffold/vanilla/components/collapsible.html

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

package/scaffold/vanilla/components/command.html

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

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

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

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

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

package/scaffold/vanilla/components/dashboard.html

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

package/scaffold/vanilla/components/direction.html

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

package/scaffold/vanilla/components/divider.html

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

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

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

package/scaffold/vanilla/components/dropdown.html

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

package/scaffold/vanilla/components/empty.html

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

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

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

package/scaffold/vanilla/components/footer.html

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

package/scaffold/vanilla/components/forms.html

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

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

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

package/scaffold/vanilla/components/icons.html

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

package/scaffold/vanilla/components/index.html

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

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

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

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

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

package/scaffold/vanilla/components/kbd.html

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