rizzo-css 0.0.87 → 0.0.88

package/scaffold/astro/variants/full/package.json

@@ -8,6 +8,6 @@
     "preview": "astro preview"
   },
   "devDependencies": {
-    "astro": "^5.17.1"
+    "astro": "^7.3.8"
   }
 }

package/scaffold/react/Dropdown.tsx

@@ -1,4 +1,3 @@
-import type { ReactNode } from 'react';
 import { useState, useRef, useEffect } from 'react';
 
 export interface MenuItem {
@@ -224,7 +223,7 @@ export function Dropdown({
                         role="menuitem"
                         aria-disabled={subItem.disabled ? 'true' : undefined}
                         tabIndex={open ? 0 : -1}
-                        onClick={(e) => {
+                        onClick={() => {
                           if (!subItem.disabled) {
                             subItem.onClick?.(subItem.value ?? subItem.label);
                             closeMenu();

package/scaffold/react/HoverCard.tsx

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-import { useState, useRef } from 'react';
+import { useRef } from 'react';
 
 export interface HoverCardProps extends HTMLAttributes<HTMLDivElement> {
   id?: string;

package/scaffold/react/Popover.tsx

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-import { useState, useEffect } from 'react';
+import { useEffect } from 'react';
 
 export interface PopoverProps extends HTMLAttributes<HTMLDivElement> {
   id?: string;

package/scaffold/react/Sheet.tsx

@@ -36,7 +36,7 @@ export function Sheet({
     return () => document.removeEventListener('keydown', handleKey);
   }, [open]);
 
-  const handleKeyDown = (e: React.KeyboardEvent) => {
+  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {
     onKeyDown?.(e);
     if (e.key === 'Escape') close();
   };

package/scaffold/react/Slider.tsx

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, InputHTMLAttributes } from 'react';
+import type { InputHTMLAttributes } from 'react';
 
 export interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
   id?: string;

package/scaffold/react/SoundEffects.tsx

@@ -13,3 +13,5 @@ export function SoundEffects() {
     </div>
   );
 }
+
+export default SoundEffects;

package/scaffold/react/Tabs.tsx

@@ -8,7 +8,7 @@ export interface Tab {
   content?: string;
 }
 
-export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
+export interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
   tabs: Tab[];
   id?: string;
   defaultTab?: string;

package/scaffold/react/base/package.json

@@ -9,15 +9,15 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
-    "rizzo-css": "^0.0.87",
-    "typescript": "~5.6.2",
-    "vite": "^6.0.1"
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "rizzo-css": "^0.0.88",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.4"
   }
 }

package/scaffold/react/base/tsconfig.json

@@ -16,7 +16,6 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
     }

package/scaffold/react/variants/full/package.json

@@ -9,16 +9,16 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "react-router-dom": "^6.28.0"
   },
   "devDependencies": {
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
-    "rizzo-css": "^0.0.87",
-    "typescript": "~5.6.2",
-    "vite": "^6.0.1"
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "rizzo-css": "^0.0.88",
+    "typescript": "^6.0.3",
+    "vite": "^8.3.4"
   }
 }

package/scaffold/svelte/Accordion.svelte

@@ -44,7 +44,7 @@
   }
 
   function handleKeydown(e: KeyboardEvent, itemId: string, index: number) {
-    const triggers = e.currentTarget?.parentElement?.querySelectorAll?.('[data-accordion-trigger]') ?? [];
+    const triggers = (e.currentTarget as HTMLElement | null)?.parentElement?.querySelectorAll?.('[data-accordion-trigger]') ?? [];
     const len = triggers.length;
     let targetIndex = index;
     switch (e.key) {

package/scaffold/svelte/Collapsible.svelte

@@ -41,7 +41,7 @@
     onclick={toggle}
   >
     <span class="collapsible__trigger-label">{triggerLabel}</span>
-    <ChevronDown class="collapsible__icon" width={16} height={16} aria-hidden="true" />
+    <ChevronDown class="collapsible__icon" width={16} height={16} />
   </button>
   <div
     class={panelClasses}

package/scaffold/svelte/DocsSidebar.svelte

@@ -79,7 +79,7 @@
               >
                 {link.label}
               </a>
-              {#if sections.length > 0}
+              {#if sections.length > 0 && active}
                 <ul class="docs-sidebar__sublist" aria-label="Sections in {link.label}">
                   {#each sections as section}
                     {@const sublinkActive = activeSectionId === section.id && currentPath.replace(/\/$/, '') === href}

package/scaffold/svelte/FontSwitcher.svelte

@@ -13,7 +13,7 @@
   const menuId = $derived(idPrefix ? `font-pair-menu-${idPrefix}` : 'font-pair-menu');
 
   let open = $state(false);
-  let selectedValue = $state(FONT_PAIR_DEFAULT);
+  let selectedValue = $state<string>(FONT_PAIR_DEFAULT);
   let previewOption = $state<{ sans: string; mono: string } | null>(null);
   let menuEl: HTMLElement | null = $state(null);
   let triggerEl: HTMLElement | null = $state(null);

package/scaffold/svelte/Input.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+  import type { HTMLInputAttributes } from 'svelte/elements';
   interface Props {
     type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' | 'month' | 'week';
     id?: string;
@@ -8,7 +9,7 @@
     required?: boolean;
     disabled?: boolean;
     readonly?: boolean;
-    autocomplete?: string;
+    autocomplete?: HTMLInputAttributes['autocomplete'];
     size?: 'sm' | 'md' | 'lg';
     error?: boolean;
     success?: boolean;

package/scaffold/svelte/Navbar.svelte

@@ -52,14 +52,14 @@
         {#if logo}
           <img src={logo} alt="" class="navbar__logo" />
         {:else}
-          <Cat width={32} height={32} class="navbar__logo" aria-hidden="true" />
+          <Cat width={32} height={32} class="navbar__logo" />
         {/if}
         {siteName}
       </a>
     </div>
     <div class="navbar__actions-desktop">
       <Search id="search-navbar" />
-      <button type="button" class="navbar__settings-btn" aria-label="Open settings" onclick={() => window.openSettings?.()}>
+      <button type="button" class="navbar__settings-btn" aria-label="Open settings" onclick={() => (window as Window & { openSettings?: () => void }).openSettings?.()}>
         <Gear width={20} height={20} class="navbar__settings-icon" />
         <span class="navbar__settings-label">Settings</span>
       </button>

package/scaffold/svelte/ProgressBar.svelte

@@ -37,7 +37,7 @@
       .trim()
   );
 
-  const barStyle = $derived(indeterminate ? {} : { width: `${percentage}%` });
+  const barStyle = $derived(indeterminate ? undefined : `width: ${percentage}%`);
 </script>
 
 <div