rizzo-css 0.0.85 → 0.0.86

package/scaffold/vanilla/components/tabs.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <!-- Theme flash prevention: apply saved theme/settings before first paint (same as main site) -->
   <script>
     (function() {
@@ -526,6 +527,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);">
@@ -890,6 +892,25 @@
 
 
 
+
+  <footer class="footer" role="contentinfo">
+    <div class="footer__container">
+      <div class="footer__inner">
+        <p class="footer__copyright">
+          <span class="footer__site-name">Rizzo CSS</span> · <span class="footer__year">© 2026</span>
+        </p>
+        <nav class="footer__nav" aria-label="Footer">
+          <ul class="footer__links">
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/getting-started">Getting Started</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/components">Components</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/blocks">Blocks</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/theming">Theming</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://github.com">GitHub</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </footer>
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
     <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
       <span class="back-to-top__icon" aria-hidden="true">

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

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <!-- Theme flash prevention: apply saved theme/settings before first paint (same as main site) -->
   <script>
     (function() {
@@ -526,6 +527,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);">
@@ -890,6 +892,25 @@
 
 
 
+
+  <footer class="footer" role="contentinfo">
+    <div class="footer__container">
+      <div class="footer__inner">
+        <p class="footer__copyright">
+          <span class="footer__site-name">Rizzo CSS</span> · <span class="footer__year">© 2026</span>
+        </p>
+        <nav class="footer__nav" aria-label="Footer">
+          <ul class="footer__links">
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/getting-started">Getting Started</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/components">Components</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/blocks">Blocks</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/theming">Theming</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://github.com">GitHub</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </footer>
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
     <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
       <span class="back-to-top__icon" aria-hidden="true">

package/scaffold/vanilla/components/toast.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <!-- Theme flash prevention: apply saved theme/settings before first paint (same as main site) -->
   <script>
     (function() {
@@ -526,6 +527,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);">
@@ -890,6 +892,25 @@
 
 
 
+
+  <footer class="footer" role="contentinfo">
+    <div class="footer__container">
+      <div class="footer__inner">
+        <p class="footer__copyright">
+          <span class="footer__site-name">Rizzo CSS</span> · <span class="footer__year">© 2026</span>
+        </p>
+        <nav class="footer__nav" aria-label="Footer">
+          <ul class="footer__links">
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/getting-started">Getting Started</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/components">Components</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/blocks">Blocks</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/theming">Theming</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://github.com">GitHub</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </footer>
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
     <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
       <span class="back-to-top__icon" aria-hidden="true">

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

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <!-- Theme flash prevention: apply saved theme/settings before first paint (same as main site) -->
   <script>
     (function() {
@@ -526,6 +527,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);">
@@ -890,6 +892,25 @@
 
 
 
+
+  <footer class="footer" role="contentinfo">
+    <div class="footer__container">
+      <div class="footer__inner">
+        <p class="footer__copyright">
+          <span class="footer__site-name">Rizzo CSS</span> · <span class="footer__year">© 2026</span>
+        </p>
+        <nav class="footer__nav" aria-label="Footer">
+          <ul class="footer__links">
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/getting-started">Getting Started</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/components">Components</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/blocks">Blocks</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/theming">Theming</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://github.com">GitHub</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </footer>
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
     <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
       <span class="back-to-top__icon" aria-hidden="true">

package/scaffold/vanilla/components/toggle.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <!-- Theme flash prevention: apply saved theme/settings before first paint (same as main site) -->
   <script>
     (function() {
@@ -526,6 +527,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);">
@@ -890,6 +892,25 @@
 
 
 
+
+  <footer class="footer" role="contentinfo">
+    <div class="footer__container">
+      <div class="footer__inner">
+        <p class="footer__copyright">
+          <span class="footer__site-name">Rizzo CSS</span> · <span class="footer__year">© 2026</span>
+        </p>
+        <nav class="footer__nav" aria-label="Footer">
+          <ul class="footer__links">
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/getting-started">Getting Started</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/components">Components</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/blocks">Blocks</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/theming">Theming</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://github.com">GitHub</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </footer>
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
     <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
       <span class="back-to-top__icon" aria-hidden="true">

package/scaffold/vanilla/components/tooltip.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <!-- Theme flash prevention: apply saved theme/settings before first paint (same as main site) -->
   <script>
     (function() {
@@ -526,6 +527,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);">
@@ -890,6 +892,25 @@
 
 
 
+
+  <footer class="footer" role="contentinfo">
+    <div class="footer__container">
+      <div class="footer__inner">
+        <p class="footer__copyright">
+          <span class="footer__site-name">Rizzo CSS</span> · <span class="footer__year">© 2026</span>
+        </p>
+        <nav class="footer__nav" aria-label="Footer">
+          <ul class="footer__links">
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/getting-started">Getting Started</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/components">Components</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/blocks">Blocks</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/theming">Theming</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://github.com">GitHub</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </footer>
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
     <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
       <span class="back-to-top__icon" aria-hidden="true">

package/scaffold/vanilla/favicon.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <g>
+    <path d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7ZM16 82.4s16.5-8 33-8l12.4-38.3c.5-2 1.8-3.2 3.3-3.2 1.6 0 3 1.3 3.4 3.2l12.4 38.3c19.6 0 33 8 33 8l-28-76c-.8-2.3-2.2-3.7-4-3.7H48c-1.8 0-3.1 1.4-4 3.7l-28 76Z"/>
+  </g>
+  <path fill="url(#a)" d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7Z"/>
+  <defs>
+    <linearGradient id="a" x1="64.7" x2="77.4" y1="119.2" y2="77.4" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D83333"/>
+      <stop offset="1" stop-color="#F041FF"/>
+    </linearGradient>
+  </defs>
+  <style>
+    g { fill: #000; }
+    @media (prefers-color-scheme: dark) {
+      g { fill: #FFF; }
+    }
+  </style>
+</svg>

package/scaffold/vanilla/index.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <!-- Theme flash prevention: apply saved theme/settings before first paint (same as main site) -->
   <script>
     (function() {
@@ -526,6 +527,7 @@
   
   
   
+  
   
   
   <main id="main-content" class="home">
@@ -980,6 +982,25 @@
 
 
 
+
+  <footer class="footer" role="contentinfo">
+    <div class="footer__container">
+      <div class="footer__inner">
+        <p class="footer__copyright">
+          <span class="footer__site-name">Rizzo CSS</span> · <span class="footer__year">© 2026</span>
+        </p>
+        <nav class="footer__nav" aria-label="Footer">
+          <ul class="footer__links">
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/getting-started">Getting Started</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/components">Components</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/blocks">Blocks</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://rizzo-css.vercel.app/docs/theming">Theming</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://github.com">GitHub</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </footer>
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
     <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
       <span class="back-to-top__icon" aria-hidden="true">

package/scaffold/vanilla/variants/dashboard/favicon.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <g>
+    <path d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7ZM16 82.4s16.5-8 33-8l12.4-38.3c.5-2 1.8-3.2 3.3-3.2 1.6 0 3 1.3 3.4 3.2l12.4 38.3c19.6 0 33 8 33 8l-28-76c-.8-2.3-2.2-3.7-4-3.7H48c-1.8 0-3.1 1.4-4 3.7l-28 76Z"/>
+  </g>
+  <path fill="url(#a)" d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7Z"/>
+  <defs>
+    <linearGradient id="a" x1="64.7" x2="77.4" y1="119.2" y2="77.4" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D83333"/>
+      <stop offset="1" stop-color="#F041FF"/>
+    </linearGradient>
+  </defs>
+  <style>
+    g { fill: #000; }
+    @media (prefers-color-scheme: dark) {
+      g { fill: #FFF; }
+    }
+  </style>
+</svg>

package/scaffold/vanilla/variants/dashboard/index.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <link rel="stylesheet" href="{{LINK_HREF}}" />
 </head>
 <body>

package/scaffold/vanilla/variants/docs/favicon.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <g>
+    <path d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7ZM16 82.4s16.5-8 33-8l12.4-38.3c.5-2 1.8-3.2 3.3-3.2 1.6 0 3 1.3 3.4 3.2l12.4 38.3c19.6 0 33 8 33 8l-28-76c-.8-2.3-2.2-3.7-4-3.7H48c-1.8 0-3.1 1.4-4 3.7l-28 76Z"/>
+  </g>
+  <path fill="url(#a)" d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7Z"/>
+  <defs>
+    <linearGradient id="a" x1="64.7" x2="77.4" y1="119.2" y2="77.4" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D83333"/>
+      <stop offset="1" stop-color="#F041FF"/>
+    </linearGradient>
+  </defs>
+  <style>
+    g { fill: #000; }
+    @media (prefers-color-scheme: dark) {
+      g { fill: #FFF; }
+    }
+  </style>
+</svg>

package/scaffold/vanilla/variants/docs/index.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <link rel="stylesheet" href="{{LINK_HREF}}" />
 </head>
 <body>

package/scaffold/vanilla/variants/full/favicon.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <g>
+    <path d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7ZM16 82.4s16.5-8 33-8l12.4-38.3c.5-2 1.8-3.2 3.3-3.2 1.6 0 3 1.3 3.4 3.2l12.4 38.3c19.6 0 33 8 33 8l-28-76c-.8-2.3-2.2-3.7-4-3.7H48c-1.8 0-3.1 1.4-4 3.7l-28 76Z"/>
+  </g>
+  <path fill="url(#a)" d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7Z"/>
+  <defs>
+    <linearGradient id="a" x1="64.7" x2="77.4" y1="119.2" y2="77.4" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D83333"/>
+      <stop offset="1" stop-color="#F041FF"/>
+    </linearGradient>
+  </defs>
+  <style>
+    g { fill: #000; }
+    @media (prefers-color-scheme: dark) {
+      g { fill: #FFF; }
+    }
+  </style>
+</svg>

package/scaffold/vanilla/variants/full/index.html

@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{TITLE}}</title>
+  <link rel="icon" type="image/svg+xml" href="favicon.svg" />
   <!-- Theme flash prevention: apply saved theme/settings before first paint (same as main site) -->
   <script>
     (function() {
@@ -670,6 +671,24 @@
 
 
 
+  <footer class="footer" role="contentinfo">
+    <div class="footer__container">
+      <div class="footer__inner">
+        <p class="footer__copyright">
+          <span class="footer__site-name">Rizzo CSS</span> · <span class="footer__year">© 2026</span>
+        </p>
+        <nav class="footer__nav" aria-label="Footer">
+          <ul class="footer__links">
+            <li class="footer__link-item"><a class="footer__link" href="docs/getting-started.html">Getting Started</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="docs/components.html">Components</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="blocks.html">Blocks</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="themes.html">Themes</a></li>
+            <li class="footer__link-item"><a class="footer__link" href="https://github.com">GitHub</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </footer>
   <div class="back-to-top" data-back-to-top data-threshold="400" aria-hidden="true">
     <button type="button" class="back-to-top__btn" aria-label="Back to top" data-back-to-top-btn>
       <span class="back-to-top__icon" aria-hidden="true">

package/scaffold/vue/Footer.vue

@@ -1,9 +1,48 @@
 <script setup lang="ts">
-defineProps({ class: { type: String, default: '' } });
+export interface FooterLink {
+  href: string;
+  label: string;
+}
+
+withDefaults(
+  defineProps<{
+    /** Site or product name shown in copyright */
+    siteName?: string;
+    /** Copyright year (default: current year) */
+    year?: number;
+    /** Optional list of footer links */
+    links?: FooterLink[];
+    class?: string;
+  }>(),
+  {
+    siteName: '',
+    year: () => new Date().getFullYear(),
+    links: () => [],
+    class: '',
+  }
+);
 </script>
 
 <template>
-  <div :class="["footer", $props.class].filter(Boolean).join(" ")">
-    <slot />
-  </div>
+  <footer :class="['footer', $props.class].filter(Boolean).join(' ')" role="contentinfo">
+    <div class="footer__container">
+      <div class="footer__inner">
+        <p class="footer__copyright">
+          <template v-if="siteName">
+            <span class="footer__site-name">{{ siteName }}</span>
+            · 
+          </template>
+          <span class="footer__year">© {{ year }}</span>
+        </p>
+        <nav v-if="links && links.length > 0" class="footer__nav" aria-label="Footer">
+          <ul class="footer__links">
+            <li v-for="(link, i) in links" :key="i" class="footer__link-item">
+              <a class="footer__link" :href="link.href">{{ link.label }}</a>
+            </li>
+          </ul>
+        </nav>
+        <slot />
+      </div>
+    </div>
+  </footer>
 </template>

package/scaffold/vue/base/index.html

@@ -7,6 +7,7 @@
       (function(){try{var s=localStorage.getItem('theme');var d='{{DEFAULT_DARK}}';var l='{{DEFAULT_LIGHT}}';var initial=document.documentElement.getAttribute('data-theme');var r=!s?((initial&&initial!=='system')?initial:(matchMedia('(prefers-color-scheme: dark)').matches?d:l)):s==='system'?(matchMedia('(prefers-color-scheme: dark)').matches?d:l):s;document.documentElement.setAttribute('data-theme',r);}catch(e){}})();
     </script>
     <link rel="stylesheet" href="/css/rizzo.min.css" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>{{TITLE}}</title>
   </head>
   <body>

package/scaffold/vue/base/package.json

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

package/scaffold/vue/base/public/favicon.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <g>
+    <path d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7ZM16 82.4s16.5-8 33-8l12.4-38.3c.5-2 1.8-3.2 3.3-3.2 1.6 0 3 1.3 3.4 3.2l12.4 38.3c19.6 0 33 8 33 8l-28-76c-.8-2.3-2.2-3.7-4-3.7H48c-1.8 0-3.1 1.4-4 3.7l-28 76Z"/>
+  </g>
+  <path fill="url(#a)" d="M47.7 107.1c-5.5-5-7.2-15.7-4.9-23.4 4 4.9 9.6 6.4 15.4 7.3 8.9 1.3 17.6.8 25.9-3.2l2.8-1.7a18 18 0 0 1-7.2 20l-5.5 3.8c-5.6 3.8-7.2 8.2-5 14.7l.2.7a14 14 0 0 1-6.6-5.6 15.8 15.8 0 0 1-2.6-8.6c0-1.5 0-3-.2-4.5-.5-3.7-2.2-5.3-5.5-5.4-3.3-.1-5.9 2-6.6 5.2l-.2.7Z"/>
+  <defs>
+    <linearGradient id="a" x1="64.7" x2="77.4" y1="119.2" y2="77.4" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D83333"/>
+      <stop offset="1" stop-color="#F041FF"/>
+    </linearGradient>
+  </defs>
+  <style>
+    g { fill: #000; }
+    @media (prefers-color-scheme: dark) {
+      g { fill: #FFF; }
+    }
+  </style>
+</svg>

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

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

package/scaffold/vue/variants/full/src/App.vue

@@ -4,7 +4,10 @@
   <main id="main-content">
     <router-view />
   </main>
-  <Footer />
+  <Footer
+    site-name="Rizzo CSS"
+    :links="footerLinks"
+  />
   <BackToTop />
   <Settings />
 </template>
@@ -14,4 +17,13 @@ import Navbar from '@/components/rizzo/Navbar.vue';
 import Footer from '@/components/rizzo/Footer.vue';
 import Settings from '@/components/rizzo/Settings.vue';
 import BackToTop from '@/components/rizzo/BackToTop.vue';
+
+const footerLinks = [
+  { href: '/docs/getting-started', label: 'Getting Started' },
+  { href: '/docs', label: 'Docs' },
+  { href: '/docs/components', label: 'Components' },
+  { href: '/blocks', label: 'Blocks' },
+  { href: '/themes', label: 'Themes' },
+  { href: 'https://github.com', label: 'GitHub' },
+];
 </script>