rizzo-css 0.0.21 → 0.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rizzo-css",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "scripts": {
     "prepublishOnly": "cd ../.. && pnpm run lint:css:fix && pnpm run build:css && node scripts/copy-scaffold.js && node scripts/prepare-vanilla-scaffold.js"
   },

package/scaffold/astro/Navbar.astro

@@ -1,11 +1,19 @@
 ---
-interface Props { siteName?: string; }
-const { siteName = 'Site' } = Astro.props;
+import Cat from './icons/Cat.astro';
+interface Props { siteName?: string; logo?: string; }
+const { siteName = 'Site', logo } = Astro.props;
 ---
 <nav class="navbar" role="navigation" aria-label="Main navigation">
   <div class="navbar__container">
     <div class="navbar__brand">
-      <a href="/" class="navbar__brand-link">{siteName}</a>
+      <a href="/" class="navbar__brand-link">
+        {logo ? (
+          <img src={logo} alt="" class="navbar__logo" />
+        ) : (
+          <Cat width={32} height={32} class="navbar__logo" aria-hidden="true" />
+        )}
+        {siteName}
+      </a>
     </div>
     <button type="button" class="navbar__toggle" aria-label="Toggle menu" aria-expanded="false">
       <span class="navbar__toggle-icon" aria-hidden="true"><span></span><span></span><span></span></span>

package/scaffold/astro/icons/Cat.astro

@@ -0,0 +1,27 @@
+---
+// Cat icon (e.g. for pink/cute themes)
+// License: MIT
+
+interface Props {
+  width?: number;
+  height?: number;
+  class?: string;
+}
+
+const { width = 16, height = 16, class: className = '' } = Astro.props;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width={width}
+  height={height}
+  viewBox="0 0 24 24"
+  fill="currentColor"
+  class={className}
+  aria-hidden="true"
+>
+  <path d="M9.606 5.563c.766 0 .914-.157 2.394-.157s1.628.157 2.394.157c.638 0 2.554-1.563 3.511-1.563s2.075.563 2.075 2.188v1.875c-.002.492-.18 2-.88 1.597c1.111 1.314.88 2.922.88 4.34c0 3.906-5.267 5-7.98 5s-7.98-1.094-7.98-5c0-1.418-.231-3.026.88-4.34c-.7.403-.878-1.105-.88-1.598V6.188C4.02 4.563 5.137 4 6.095 4c.957 0 2.873 1.563 3.511 1.563" opacity="0.5"/>
+  <path d="M9.016 11.063c-.489 0-.815.317-.98.583a1.8 1.8 0 0 0-.254.948c0 .332.082.67.254.947c.165.266.491.584.98.584c.49 0 .815-.318.98-.584c.172-.278.254-.615.254-.947c0-.333-.082-.67-.254-.948c-.165-.266-.49-.584-.98-.584m5.021.584c.164-.266.49-.584.98-.584c.488 0 .814.318.979.584c.172.278.254.615.254.948s-.082.67-.254.947c-.165.266-.49.584-.98.584c-.489 0-.815-.318-.98-.584a1.8 1.8 0 0 1-.254-.947c0-.333.082-.67.255-.948"/>
+  <path fill-rule="evenodd" d="M11.178 14.08a2.4 2.4 0 0 1 .841-.143c.292 0 .59.045.842.143a1.3 1.3 0 0 1 .408.245c.134.123.307.35.307.675a.92.92 0 0 1-.307.675a1.3 1.3 0 0 1-.408.245c-.253.098-.55.143-.842.143c-.29 0-.588-.045-.84-.143a1.3 1.3 0 0 1-.41-.245a.92.92 0 0 1-.306-.675c0-.325.173-.552.307-.675a1.3 1.3 0 0 1 .408-.245" clip-rule="evenodd"/>
+  <path d="M17.863 13.375a.75.75 0 0 1 .75-.75c.296 0 .65.067.981.149c.345.085.72.199 1.076.321c.684.234 1.41.532 1.737.744a.75.75 0 0 1-.813 1.26c-.157-.101-.722-.35-1.409-.585a12 12 0 0 0-.95-.284a3 3 0 0 0-.622-.105a.75.75 0 0 1-.75-.75m.105 1.75a.75.75 0 1 0 0 1.5c.206 0 .55.115.98.343c.342.18.656.385.901.545l.131.086a.75.75 0 0 0 .814-1.26l-.113-.074a13 13 0 0 0-1.032-.623c-.457-.242-1.08-.517-1.681-.517m-14.153-.611c-.687.235-1.252.484-1.408.585a.75.75 0 0 1-.814-1.26c.328-.212 1.053-.51 1.737-.744c.357-.122.732-.237 1.077-.321c.33-.082.684-.149.98-.149a.75.75 0 0 1 0 1.5c-.107 0-.317.03-.622.105c-.29.072-.621.172-.95.284m.205 3.085l.131-.086c.246-.16.56-.365.901-.545c.431-.228.775-.343.98-.343a.75.75 0 0 0 0-1.5c-.6 0-1.224.275-1.68.517c-.41.216-.79.465-1.033.623l-.113.074a.75.75 0 0 0 .814 1.26"/>
+</svg>

package/scaffold/astro-minimal/{README.md → README-RIZZO.md}

@@ -1,6 +1,6 @@
 # Astro + Rizzo CSS (minimal)
 
-Minimal Astro project with Rizzo CSS. Scaffolded with `npx rizzo-css init --framework astro --template full`.
+Minimal Astro project with Rizzo CSS. Scaffolded with `npx rizzo-css init --framework astro --template full`, **minimal**, or **manual**.
 
 ## Setup
 
@@ -26,7 +26,10 @@ Minimal Astro project with Rizzo CSS. Scaffolded with `npx rizzo-css init --fram
 - `astro.config.mjs` — Astro configuration
 - `src/layouts/Layout.astro` — Layout with Rizzo CSS and theme (edit `data-theme` for default)
 - `src/pages/index.astro` — Home page
-- `public/css/rizzo.min.css` — Rizzo CSS bundle
+- `public/css/rizzo.min.css` — Rizzo CSS bundle (added by CLI; font URLs point to `/assets/fonts/`)
+- `public/assets/fonts/` — Rizzo font files (added by CLI)
+- `README-RIZZO.md` — This file (scaffold docs; does not replace your project README)
+- `LICENSE-RIZZO` — Rizzo CSS license (does not replace your project LICENSE)
 
 ## Commands
 

package/scaffold/astro-minimal/src/layouts/Layout.astro

@@ -1,13 +1,12 @@
 ---
 /* Placeholders replaced by rizzo-css CLI when scaffolding */
+/* {{THEME_LIST_COMMENT}} */
 const DATA_THEME = '{{DATA_THEME}}';
-const THEME_LIST_COMMENT = '{{THEME_LIST_COMMENT}}';
 /** @type {{ title?: string }} */
 const { title = '{{TITLE}}' } = Astro.props;
 ---
 <!doctype html>
 <html lang="en" data-theme={DATA_THEME}>
-  {THEME_LIST_COMMENT}
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />

package/scaffold/svelte/Navbar.svelte

@@ -1,15 +1,25 @@
 <script lang="ts">
+  import Cat from './icons/Cat.svelte';
+
   interface Props {
     siteName?: string;
+    logo?: string;
   }
-  let { siteName = 'Site' }: Props = $props();
+  let { siteName = 'Site', logo }: Props = $props();
   let menuOpen = $state(false);
 </script>
 
 <nav class="navbar" role="navigation" aria-label="Main navigation">
   <div class="navbar__container">
     <div class="navbar__brand">
-      <a href="/" class="navbar__brand-link">{siteName}</a>
+      <a href="/" class="navbar__brand-link">
+        {#if logo}
+          <img src={logo} alt="" class="navbar__logo" />
+        {:else}
+          <Cat width={32} height={32} class="navbar__logo" aria-hidden="true" />
+        {/if}
+        {siteName}
+      </a>
     </div>
     <button
       type="button"

package/scaffold/svelte/icons/Cat.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  interface Props {
+    width?: number;
+    height?: number;
+    class?: string;
+  }
+  let { width = 16, height = 16, class: className = '' }: Props = $props();
+</script>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  {width}
+  {height}
+  viewBox="0 0 24 24"
+  fill="currentColor"
+  class={`icon rizzo-icon ${className}`.trim()}
+  aria-hidden="true"
+>
+  <path d="M9.606 5.563c.766 0 .914-.157 2.394-.157s1.628.157 2.394.157c.638 0 2.554-1.563 3.511-1.563s2.075.563 2.075 2.188v1.875c-.002.492-.18 2-.88 1.597c1.111 1.314.88 2.922.88 4.34c0 3.906-5.267 5-7.98 5s-7.98-1.094-7.98-5c0-1.418-.231-3.026.88-4.34c-.7.403-.878-1.105-.88-1.598V6.188C4.02 4.563 5.137 4 6.095 4c.957 0 2.873 1.563 3.511 1.563" opacity="0.5"/>
+  <path d="M9.016 11.063c-.489 0-.815.317-.98.583a1.8 1.8 0 0 0-.254.948c0 .332.082.67.254.947c.165.266.491.584.98.584c.49 0 .815-.318.98-.584c.172-.278.254-.615.254-.947c0-.333-.082-.67-.254-.948c-.165-.266-.49-.584-.98-.584m5.021.584c.164-.266.49-.584.98-.584c.488 0 .814.318.979.584c.172.278.254.615.254.948s-.082.67-.254.947c-.165.266-.49.584-.98.584c-.489 0-.815-.318-.98-.584a1.8 1.8 0 0 1-.254-.947c0-.333.082-.67.255-.948"/>
+  <path fill-rule="evenodd" d="M11.178 14.08a2.4 2.4 0 0 1 .841-.143c.292 0 .59.045.842.143a1.3 1.3 0 0 1 .408.245c.134.123.307.35.307.675a.92.92 0 0 1-.307.675a1.3 1.3 0 0 1-.408.245c-.253.098-.55.143-.842.143c-.29 0-.588-.045-.84-.143a1.3 1.3 0 0 1-.41-.245a.92.92 0 0 1-.306-.675c0-.325.173-.552.307-.675a1.3 1.3 0 0 1 .408-.245" clip-rule="evenodd"/>
+  <path d="M17.863 13.375a.75.75 0 0 1 .75-.75c.296 0 .65.067.981.149c.345.085.72.199 1.076.321c.684.234 1.41.532 1.737.744a.75.75 0 0 1-.813 1.26c-.157-.101-.722-.35-1.409-.585a12 12 0 0 0-.95-.284a3 3 0 0 0-.622-.105a.75.75 0 0 1-.75-.75m.105 1.75a.75.75 0 1 0 0 1.5c.206 0 .55.115.98.343c.342.18.656.385.901.545l.131.086a.75.75 0 0 0 .814-1.26l-.113-.074a13 13 0 0 0-1.032-.623c-.457-.242-1.08-.517-1.681-.517m-14.153-.611c-.687.235-1.252.484-1.408.585a.75.75 0 0 1-.814-1.26c.328-.212 1.053-.51 1.737-.744c.357-.122.732-.237 1.077-.321c.33-.082.684-.149.98-.149a.75.75 0 0 1 0 1.5c-.107 0-.317.03-.622.105c-.29.072-.621.172-.95.284m.205 3.085l.131-.086c.246-.16.56-.365.901-.545c.431-.228.775-.343.98-.343a.75.75 0 0 0 0-1.5c-.6 0-1.224.275-1.68.517c-.41.216-.79.465-1.033.623l-.113.074a.75.75 0 0 0 .814 1.26"/>
+</svg>
+
+<style>
+  .rizzo-icon {
+    color: var(--icon);
+  }
+</style>

package/scaffold/svelte-minimal/{README.md → README-RIZZO.md}

@@ -1,6 +1,6 @@
 # SvelteKit + Rizzo CSS (minimal)
 
-Minimal SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init --framework svelte --template full`.
+Minimal SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init --framework svelte --template full`, **minimal**, or **manual**.
 
 ## Setup
 
@@ -26,7 +26,10 @@ Minimal SvelteKit project with Rizzo CSS. Scaffolded with `npx rizzo-css init --
 - `src/app.html` — HTML shell with Rizzo CSS and theme (edit `data-theme` for default)
 - `src/routes/+layout.svelte` — Root layout
 - `src/routes/+page.svelte` — Home page
-- `static/css/rizzo.min.css` — Rizzo CSS bundle (copied by CLI)
+- `static/css/rizzo.min.css` — Rizzo CSS bundle (added by CLI; font URLs point to `/assets/fonts/`)
+- `static/assets/fonts/` — Rizzo font files (added by CLI)
+- `README-RIZZO.md` — This file (scaffold docs; does not replace your project README)
+- `LICENSE-RIZZO` — Rizzo CSS license (does not replace your project LICENSE)
 
 ## Commands
 

package/scaffold/vanilla/{README.md → README-RIZZO.md}

@@ -13,7 +13,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.21`, in production.)
+(Replace `@latest` with a specific version, e.g. `@0.0.23`, 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.
 
@@ -24,7 +24,7 @@ The CLI replaces placeholders in `index.html` (e.g. `{{DATA_THEME}}`, `{{TITLE}}
 - **CSS** — The CLI copies `css/rizzo.min.css`; the link uses `{{LINK_HREF}}` (replaced at init). To use a CDN, replace that with the CDN URL.
 - **Scripts** — `js/main.js` provides theme sync, settings panel, toast, tabs, modal, dropdown, accordion. Customize or extend as needed.
 
-## What’s included
+## What's included
 
 - **Theme flash prevention** — Small inline script in `<head>` applies saved theme and settings before first paint.
 - **js/main.js** — Bundled vanilla JS for components (loaded via `<script src="js/main.js"></script>`):
@@ -48,7 +48,7 @@ pnpm dlx serve .
 
 ## Other scaffolds
 
-- **Astro:** `scaffold/astro-minimal/` — minimal Astro app; optional components from `scaffold/astro/` (see its README).
-- **Svelte:** `scaffold/svelte-minimal/` — minimal SvelteKit app; optional components from `scaffold/svelte/` (see its README).
+- **Astro:** `scaffold/astro-minimal/` — minimal Astro app; optional components from `scaffold/astro/` (see README-RIZZO.md).
+- **Svelte:** `scaffold/svelte-minimal/` — minimal SvelteKit app; optional components from `scaffold/svelte/` (see README-RIZZO.md).
 
 Docs: [rizzo-css.vercel.app](https://rizzo-css.vercel.app)

package/scaffold/vanilla/components/accordion.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/alert.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/avatar.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/badge.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/breadcrumb.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/button.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/cards.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

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

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/divider.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/dropdown.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/forms.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/icons.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/index.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -265,6 +274,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/modal.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+
 
 
 

package/scaffold/vanilla/components/navbar.html

@@ -194,6 +194,15 @@
   
   
   
+  
+  
+  
+  
+  
+  
+  
+  
+  
   
   
   
@@ -240,6 +249,15 @@
 
 
 
+
+
+
+
+
+
+
+
+