rizzo-css 0.0.87 → 0.0.88

package/scaffold/svelte/Search.svelte

@@ -125,7 +125,7 @@
       <h2 id="{id}-title" class="sr-only">Search</h2>
       <div class="search__header">
         <div class="search__input-wrapper">
-          <SearchIcon width={20} height={20} class="search__input-icon" aria-hidden="true" />
+          <SearchIcon width={20} height={20} class="search__input-icon" />
           <input
             type="search"
             class="search__input"
@@ -135,7 +135,7 @@
           />
         </div>
         <button type="button" class="search__close-btn" aria-label="Close search" onclick={() => (open = false)}>
-          <Close width={20} height={20} aria-hidden="true" />
+          <Close width={20} height={20} />
         </button>
       </div>
       <div class="search__results" role="listbox" aria-label="Search results">

package/scaffold/svelte/base/package.json

@@ -6,15 +6,17 @@
     "dev": "vite dev",
     "build": "vite build",
     "preview": "vite preview",
+    "prepare": "svelte-kit sync || echo ''",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/kit": "^2.53.4",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@sveltejs/adapter-auto": "^8.0.0",
+    "@sveltejs/kit": "^3.1.0",
+    "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "svelte": "^5.53.5",
     "svelte-check": "^4.3.6",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1"
+    "@types/node": "^22.0.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.4"
   }
 }

package/scaffold/svelte/base/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./.svelte-kit/tsconfig.json",
+  "extends": "$app/tsconfig",
   "compilerOptions": {
     "allowJs": true,
     "checkJs": true,

package/scaffold/svelte/base/vite.config.js

@@ -1,6 +1,13 @@
+import adapter from '@sveltejs/adapter-auto';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-  plugins: [sveltekit()],
+  plugins: [
+    sveltekit({
+      adapter: adapter(),
+      // Rizzo components import from $lib/...; SvelteKit 3 no longer provides it by default.
+      alias: { $lib: 'src/lib' },
+    }),
+  ],
 });

package/scaffold/svelte/variants/full/package.json

@@ -6,15 +6,17 @@
     "dev": "vite dev",
     "build": "vite build",
     "preview": "vite preview",
+    "prepare": "svelte-kit sync || echo ''",
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^7.0.0",
-    "@sveltejs/kit": "^2.53.4",
-    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@sveltejs/adapter-auto": "^8.0.0",
+    "@sveltejs/kit": "^3.1.0",
+    "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "svelte": "^5.53.5",
     "svelte-check": "^4.3.6",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1"
+    "@types/node": "^22.0.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.4"
   }
 }

package/scaffold/svelte/variants/full/src/routes/blocks/+layout.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
   import { onMount } from 'svelte';
-  import { page } from '$app/stores';
+  import { page } from '$app/state';
   import BackToTop from '$lib/rizzo/BackToTop.svelte';
 
   let { children }: { children: Snippet } = $props();
-  const currentPath = $derived($page.url.pathname);
+  const currentPath = $derived(page.url.pathname);
   const BLOCKS_NAV = [
     { href: '/blocks', label: 'Overview' },
     { href: '/blocks/landing-hero', label: 'Landing hero' },
@@ -27,16 +27,16 @@
     const docs = document.querySelector('[data-docs]');
     if (!toggle || !overlay || !docs) return;
 
-    function open() {
+    const open = () => {
       docs.classList.add('docs--sidebar-open');
       toggle.setAttribute('aria-expanded', 'true');
       overlay.setAttribute('aria-hidden', 'false');
-    }
-    function close() {
+    };
+    const close = () => {
       docs.classList.remove('docs--sidebar-open');
       toggle.setAttribute('aria-expanded', 'false');
       overlay.setAttribute('aria-hidden', 'true');
-    }
+    };
     toggle.addEventListener('click', () => (docs.classList.contains('docs--sidebar-open') ? close() : open()));
     overlay.addEventListener('click', close);
 

package/scaffold/svelte/variants/full/src/routes/docs/+layout.svelte

@@ -1,12 +1,12 @@
 <script lang="ts">
   import type { Snippet } from 'svelte';
   import { onMount } from 'svelte';
-  import { page } from '$app/stores';
+  import { page } from '$app/state';
   import DocsSidebar from '$lib/rizzo/DocsSidebar.svelte';
   import BackToTop from '$lib/rizzo/BackToTop.svelte';
 
   let { children }: { children: Snippet } = $props();
-  const currentPath = $derived($page.url.pathname);
+  const currentPath = $derived(page.url.pathname);
 
   onMount(() => {
     const w = typeof window !== 'undefined' ? window.innerWidth : 1025;
@@ -19,16 +19,16 @@
     const docs = document.querySelector('[data-docs]');
     if (!toggle || !overlay || !docs) return;
 
-    function open() {
+    const open = () => {
       docs.classList.add('docs--sidebar-open');
       toggle.setAttribute('aria-expanded', 'true');
       overlay.setAttribute('aria-hidden', 'false');
-    }
-    function close() {
+    };
+    const close = () => {
       docs.classList.remove('docs--sidebar-open');
       toggle.setAttribute('aria-expanded', 'false');
       overlay.setAttribute('aria-hidden', 'true');
-    }
+    };
     toggle.addEventListener('click', () => (docs.classList.contains('docs--sidebar-open') ? close() : open()));
     overlay.addEventListener('click', close);
 
@@ -69,9 +69,9 @@
     <div class="docs__main">
       <div class="docs__container">
         <header class="docs__header">
-          <h1 class="docs__title">{$page.data.title ?? 'Docs'}</h1>
-          {#if $page.data.description}
-            <p class="docs__description">{$page.data.description}</p>
+          <h1 class="docs__title">{page.data.title ?? 'Docs'}</h1>
+          {#if page.data.description}
+            <p class="docs__description">{page.data.description}</p>
           {/if}
         </header>
         <div class="docs__content">
@@ -84,7 +84,7 @@
 <BackToTop threshold={300} />
 
 <svelte:head>
-  <title>{$page.data.title ?? 'Docs'} — Rizzo CSS</title>
+  <title>{page.data.title ?? 'Docs'} — Rizzo CSS</title>
 </svelte:head>
 
 <style>

package/scaffold/svelte/variants/full/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./.svelte-kit/tsconfig.json",
+  "extends": "$app/tsconfig",
   "compilerOptions": {
     "allowJs": true,
     "checkJs": true,

package/scaffold/svelte/variants/full/vite.config.js

@@ -1,6 +1,13 @@
+import adapter from '@sveltejs/adapter-auto';
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vite';
 
 export default defineConfig({
-  plugins: [sveltekit()],
+  plugins: [
+    sveltekit({
+      adapter: adapter(),
+      // Rizzo components import from $lib/...; SvelteKit 3 no longer provides it by default.
+      alias: { $lib: 'src/lib' },
+    }),
+  ],
 });

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

@@ -531,6 +531,10 @@
   
   
   
+  
+  
+  
+  
   
   
   
@@ -900,6 +904,10 @@
 
 
 
+
+
+
+
 
 
 

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

@@ -531,6 +531,10 @@
   
   
   
+  
+  
+  
+  
   
   
   
@@ -900,6 +904,10 @@
 
 
 
+
+
+
+
 
 
 

package/scaffold/vanilla/components/alert.html

@@ -531,6 +531,10 @@
   
   
   
+  
+  
+  
+  
   
   
   
@@ -900,6 +904,10 @@
 
 
 
+
+
+
+
 
 
 

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

@@ -531,6 +531,10 @@
   
   
   
+  
+  
+  
+  
   
   
   
@@ -900,6 +904,10 @@
 
 
 
+
+
+
+
 
 
 

package/scaffold/vanilla/components/avatar.html

@@ -531,6 +531,10 @@
   
   
   
+  
+  
+  
+  
   
   
   
@@ -900,6 +904,10 @@
 
 
 
+
+
+
+