@wildo-ai/presets-components 1.0.1

package/dist/esm/themes/glass.theme.js

@@ -0,0 +1,420 @@
+import { InteractiveVariant, SurfaceVariant, FormControlVariant, IndicatorVariant, SelectableVariant, TypographyVariant, SpacingSemantic, } from '@wildo-ai/presets-components-models';
+function recipe(r) {
+    return { base: r.base, states: r.states ?? {}, sizes: r.sizes, motion: r.motion ?? {}, gesture: r.gesture };
+}
+// ============================================================
+// Glass / Apple Liquid Glass inspired theme
+//
+// Based on Apple WWDC 2025 Liquid Glass + glassmorphism best practices.
+//
+// Visual DNA:
+// - Backdrop: blur(16px) saturate(180%) brightness(1.1) — vibrancy, not just blur
+// - Background: rgba white 15-25% light, rgba black 20-35% dark
+// - Specular highlight: inset box-shadow 1px top-left white/30
+// - Border: 1px white/15-25 (creates glass edge)
+// - Radius: generous (xl-2xl for containers, lg-xl for controls)
+// - Motion: 250-350ms ease-out, scale(0.98) on press
+// - Depth: blur intensity increases per surface level
+// - Dark mode: darker bg, lower border opacity, preserved vibrancy
+// ============================================================
+// -- Shared constants --
+const disabled = "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]";
+const invalid = "aria-invalid:ring-destructive/30 aria-invalid:border-destructive/40";
+const focus = "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none";
+// Glass motion: smooth, emphasized easing (ease-out), normal duration
+// References Level 1 tokens for duration/easing
+const GL_MOTION = {
+    interactive: "transition-[background-color,color,border-color,box-shadow,transform,backdrop-filter] duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-emphasized)] motion-reduce:transition-none",
+    formControl: "transition-[color,border-color,box-shadow,background-color,backdrop-filter] duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-emphasized)] motion-reduce:transition-none",
+    selectable: "transition-[background-color,color,border-color,backdrop-filter] duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-emphasized)] motion-reduce:transition-none",
+    enterFadeZoom: "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:duration-[var(--motion-duration-slow)] data-[state=open]:ease-[var(--motion-easing-enter)] motion-reduce:data-[state=open]:animate-none",
+    exitFadeZoom: "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:duration-[var(--motion-duration-normal)] data-[state=closed]:ease-[var(--motion-easing-exit)] motion-reduce:data-[state=closed]:animate-none",
+    enterDirectional: "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:duration-[var(--motion-duration-slow)] data-[state=open]:ease-[var(--motion-easing-enter)] data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 motion-reduce:data-[state=open]:animate-none",
+    backdropEnter: "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:duration-[var(--motion-duration-slow)] motion-reduce:data-[state=open]:animate-none",
+    backdropExit: "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:duration-[var(--motion-duration-normal)] motion-reduce:data-[state=closed]:animate-none",
+};
+/** Glass material: blur + saturate + brightness (Apple Liquid Glass recipe) */
+const GLASS_SM = "backdrop-blur-[8px] backdrop-saturate-[140%] backdrop-brightness-[1.05]";
+const GLASS_MD = "backdrop-blur-[16px] backdrop-saturate-[180%] backdrop-brightness-[1.1]";
+const GLASS_LG = "backdrop-blur-[24px] backdrop-saturate-[180%] backdrop-brightness-[1.1]";
+const GLASS_XL = "backdrop-blur-[32px] backdrop-saturate-[200%] backdrop-brightness-[1.15]";
+/** Specular highlight: simulates light reflection on glass edge */
+const HIGHLIGHT = "shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.2)]";
+const HIGHLIGHT_STRONG = "shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.3),0_4px_16px_rgba(0,0,0,0.08)]";
+// -- Gesture configs (motion.dev) --
+// Apple-inspired spring physics: smooth, slightly bouncy, elegant
+const GL_GESTURE = {
+    /** Buttons, interactive elements: subtle lift + scale on hover, press-in on tap */
+    interactive: {
+        whileHover: { y: -1, scale: 1.01 },
+        whileTap: { scale: 0.98 },
+        transition: { type: "spring", stiffness: 400, damping: 28 },
+    },
+    /** Cards, surfaces: gentle lift on hover */
+    surface: {
+        whileHover: { y: -2, scale: 1.005 },
+        transition: { type: "spring", stiffness: 300, damping: 26 },
+    },
+    /** Selectable items: subtle horizontal nudge */
+    selectable: {
+        whileHover: { x: 2 },
+        whileTap: { scale: 0.99 },
+        transition: { type: "spring", stiffness: 400, damping: 30 },
+    },
+};
+const sizes = {
+    sm: "h-8 px-3.5 gap-1.5 pointer-coarse:min-h-11",
+    md: "h-9 px-5 py-2 pointer-coarse:min-h-11",
+    lg: "h-11 px-7 pointer-coarse:min-h-11",
+    icon: "size-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+    "icon-sm": "size-7 pointer-coarse:min-h-9 pointer-coarse:min-w-9",
+};
+// ============================================================
+// INTERACTIVE
+// ============================================================
+const interactive = {
+    [InteractiveVariant.PRIMARY]: recipe({
+        base: `bg-primary/85 text-primary-foreground rounded-xl border border-white/20 ${HIGHLIGHT} font-medium text-sm cursor-pointer`,
+        states: {
+            hover: "hover:bg-primary/90 hover:shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.3),0_4px_16px_rgba(0,0,0,0.1)]",
+            active: "active:bg-primary active:shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.15)]",
+            focus, disabled, invalid,
+        },
+        sizes,
+        motion: { transition: GL_MOTION.interactive },
+        gesture: GL_GESTURE.interactive,
+    }),
+    [InteractiveVariant.DESTRUCTIVE]: recipe({
+        base: `bg-destructive/85 text-destructive-foreground rounded-xl border border-white/20 ${HIGHLIGHT} font-medium text-sm cursor-pointer`,
+        states: {
+            hover: "hover:bg-destructive/90 hover:shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.3),0_4px_16px_rgba(0,0,0,0.1)]",
+            active: "active:bg-destructive",
+            focus, disabled, invalid,
+            highlighted: "focus:bg-destructive/15 focus:text-destructive",
+        },
+        sizes,
+        motion: { transition: GL_MOTION.interactive },
+        gesture: GL_GESTURE.interactive,
+    }),
+    [InteractiveVariant.OUTLINE]: recipe({
+        base: `bg-white/25 dark:bg-black/30 text-foreground rounded-xl border border-white/15 dark:border-white/10 ${HIGHLIGHT} font-medium text-sm cursor-pointer`,
+        states: {
+            hover: "hover:bg-white/18 dark:hover:bg-white/10 hover:border-white/25 dark:hover:border-white/15 hover:shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.25),0_2px_8px_rgba(0,0,0,0.06)]",
+            active: "",
+            focus, disabled, invalid,
+            selected: `data-[state=on]:bg-white/15 dark:data-[state=on]:bg-white/10 data-[state=on]:text-foreground data-[state=on]:border-white/25`,
+        },
+        sizes,
+        motion: { transition: GL_MOTION.interactive },
+        gesture: GL_GESTURE.interactive,
+    }),
+    [InteractiveVariant.SECONDARY]: recipe({
+        base: `bg-secondary/60 text-secondary-foreground rounded-xl border border-white/10 ${HIGHLIGHT} font-medium text-sm cursor-pointer`,
+        states: {
+            hover: "hover:bg-secondary/70 hover:border-white/20",
+            active: "",
+            focus, disabled, invalid,
+        },
+        sizes,
+        motion: { transition: GL_MOTION.interactive },
+        gesture: GL_GESTURE.interactive,
+    }),
+    [InteractiveVariant.GHOST]: recipe({
+        base: "text-foreground/80 rounded-xl font-medium text-sm cursor-pointer",
+        states: {
+            hover: "hover:bg-white/12 dark:hover:bg-white/8",
+            active: "active:bg-white/18 dark:active:bg-white/12",
+            focus, disabled, invalid,
+            selected: "data-[state=on]:bg-white/15 dark:data-[state=on]:bg-white/10 data-[state=on]:text-foreground",
+            highlighted: "focus:bg-white/12 dark:focus:bg-white/8 focus:text-foreground",
+            open: `data-[state=open]:bg-white/12 dark:data-[state=open]:bg-white/8 data-[state=open]:text-foreground`,
+        },
+        sizes,
+        motion: { transition: GL_MOTION.interactive },
+        gesture: GL_GESTURE.interactive,
+    }),
+    [InteractiveVariant.LINK]: recipe({
+        base: "text-primary underline-offset-4 font-medium text-sm cursor-pointer",
+        states: {
+            hover: "hover:underline hover:text-primary/80",
+            focus, disabled, invalid,
+        },
+        sizes: { sm: "h-8 px-3.5 gap-1.5 pointer-coarse:min-h-11", md: "h-9 px-5 py-2 pointer-coarse:min-h-11", lg: "h-11 px-7 pointer-coarse:min-h-11", icon: "size-9 pointer-coarse:min-h-11 pointer-coarse:min-w-11", "icon-sm": "size-7 pointer-coarse:min-h-9 pointer-coarse:min-w-9" },
+        motion: { transition: GL_MOTION.interactive },
+    }),
+    [InteractiveVariant.ACCENT]: recipe({
+        base: 'relative bg-white/15 dark:bg-white/10 text-foreground font-semibold backdrop-blur-[16px] border border-white/30 dark:border-white/20 before:absolute before:inset-0 before:rounded-[inherit] before:bg-[length:200%_100%] before:bg-gradient-to-r before:from-transparent before:via-white/40 before:to-transparent before:animate-[gradient-rotate_2s_ease_infinite] before:-z-10 shadow-[0_0_20px_color-mix(in_oklch,var(--primary)_25%,transparent),inset_0_1px_0_rgba(255,255,255,0.3)] rounded-xl text-sm cursor-pointer',
+        states: {
+            hover: 'hover:shadow-[0_0_30px_color-mix(in_oklch,var(--primary)_40%,transparent),inset_0_1px_0_rgba(255,255,255,0.4)]',
+            active: 'active:scale-[0.98]',
+            focus,
+            disabled: 'disabled:opacity-[var(--opacity-disabled)] disabled:pointer-events-none disabled:backdrop-blur-none',
+        },
+        sizes: sizes,
+        motion: {
+            transition: 'transition-[shadow,transform,backdrop-filter] duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-emphasized)] motion-reduce:transition-none',
+        },
+        gesture: GL_GESTURE.interactive,
+    }),
+};
+// ============================================================
+// SURFACE
+// ============================================================
+const surface = {
+    [SurfaceVariant.BASE]: recipe({
+        // Card: moderate blur, subtle highlight, soft shadow
+        base: `bg-white/15 dark:bg-white/8 text-foreground ${GLASS_MD} rounded-2xl border border-white/20 dark:border-white/10 ${HIGHLIGHT_STRONG}`,
+        gesture: GL_GESTURE.surface,
+    }),
+    [SurfaceVariant.RAISED]: recipe({
+        // Popover/dropdown: stronger blur, more prominent
+        base: `bg-white/20 dark:bg-white/12 text-foreground ${GLASS_LG} rounded-xl border border-white/25 dark:border-white/12 shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.25),0_8px_32px_rgba(0,0,0,0.12)]`,
+        motion: {
+            enter: GL_MOTION.enterDirectional,
+            exit: GL_MOTION.exitFadeZoom,
+        },
+    }),
+    [SurfaceVariant.OVERLAY]: recipe({
+        // Dialog: maximum blur, strongest glass effect
+        base: `bg-white/25 dark:bg-black/40 text-foreground ${GLASS_XL} rounded-2xl border border-white/30 dark:border-white/15 shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.3),0_16px_48px_rgba(0,0,0,0.2)]`,
+        motion: {
+            enter: GL_MOTION.enterFadeZoom,
+            exit: GL_MOTION.exitFadeZoom,
+        },
+    }),
+    [SurfaceVariant.INSET]: recipe({
+        // Recessed: inverted glass — darker, less blur
+        base: `bg-black/5 dark:bg-white/3 text-foreground ${GLASS_SM} rounded-xl`,
+    }),
+    [SurfaceVariant.SUNKEN]: recipe({
+        // Sidebar: subtle glass, thin edge border
+        base: `bg-black/3 dark:bg-white/3 text-foreground ${GLASS_MD} border-r border-white/10 dark:border-white/5`,
+    }),
+};
+// ============================================================
+// FORM_CONTROL
+// ============================================================
+const formControl = {
+    [FormControlVariant.DEFAULT]: recipe({
+        base: `bg-white/25 dark:bg-black/30 border border-white/15 dark:border-white/10 rounded-xl text-base md:text-sm ${HIGHLIGHT} placeholder:text-foreground/40 selection:bg-primary/30 selection:text-foreground`,
+        states: {
+            focus: `focus-visible:bg-white/15 dark:focus-visible:bg-white/10 focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none`,
+            disabled: "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)] disabled:backdrop-blur-none",
+            invalid,
+        },
+        sizes: { md: "h-9 px-3.5 py-1 pointer-coarse:min-h-11", sm: "h-8 px-3 py-1 text-sm pointer-coarse:min-h-11", lg: "h-11 px-4 py-2 pointer-coarse:min-h-11" },
+        motion: { transition: GL_MOTION.formControl },
+    }),
+    [FormControlVariant.FILLED]: recipe({
+        base: `bg-white/30 dark:bg-black/35 border-0 rounded-xl text-base md:text-sm placeholder:text-foreground/40`,
+        states: {
+            focus: "focus-visible:bg-white/22 dark:focus-visible:bg-white/12 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none",
+            disabled: "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
+            invalid,
+        },
+        sizes: { md: "h-9 px-3.5 py-1 pointer-coarse:min-h-11", sm: "h-8 px-3 py-1 text-sm pointer-coarse:min-h-11", lg: "h-11 px-4 py-2 pointer-coarse:min-h-11" },
+        motion: { transition: GL_MOTION.formControl },
+    }),
+    [FormControlVariant.UNDERLINED]: recipe({
+        base: "bg-transparent border-0 border-b border-white/15 dark:border-white/10 rounded-none text-base md:text-sm placeholder:text-foreground/40",
+        states: {
+            focus: "focus-visible:border-primary/50 focus-visible:border-b-2",
+            disabled: "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
+            invalid: "aria-invalid:border-destructive/50",
+        },
+        sizes: { md: "h-9 px-0 py-1 pointer-coarse:min-h-11", sm: "h-8 px-0 py-1 text-sm pointer-coarse:min-h-11", lg: "h-11 px-0 py-2 pointer-coarse:min-h-11" },
+        motion: { transition: "transition-[border-color] duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-emphasized)] motion-reduce:transition-none" },
+    }),
+    [FormControlVariant.CHECKBOX]: recipe({
+        base: `bg-white/25 dark:bg-black/30 border border-white/15 dark:border-white/10 ${HIGHLIGHT}`,
+        states: {
+            focus: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none",
+            selected: "data-[state=checked]:bg-primary/80 data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary/40",
+            disabled: "disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
+            invalid,
+        },
+        motion: { transition: "transition-[color,box-shadow,background-color,backdrop-filter] duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-emphasized)] motion-reduce:transition-none" },
+    }),
+    [FormControlVariant.SWITCH]: recipe({
+        base: `data-[state=unchecked]:bg-white/30 dark:data-[state=unchecked]:bg-black/35 border border-white/10 dark:border-white/5`,
+        states: {
+            focus: "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:outline-none",
+            selected: "data-[state=checked]:bg-primary/80",
+            disabled: "disabled:cursor-not-allowed disabled:opacity-[var(--opacity-disabled)]",
+            invalid,
+        },
+        motion: { transition: "transition-all duration-[var(--motion-duration-normal)] ease-[var(--motion-easing-emphasized)] motion-reduce:transition-none" },
+    }),
+};
+// ============================================================
+// INDICATOR
+// ============================================================
+const glIndicatorShared = {
+    states: { hover: "[a&]:hover:opacity-[var(--opacity-hover)]", focus, invalid },
+    motion: { transition: GL_MOTION.interactive },
+};
+const indicator = {
+    [IndicatorVariant.NEUTRAL]: recipe({ base: `bg-foreground/10 text-foreground ${GLASS_SM} border border-white/10 rounded-full px-2.5 py-0.5 text-xs font-medium ${HIGHLIGHT}`, ...glIndicatorShared }),
+    [IndicatorVariant.INFO]: recipe({ base: `bg-info/15 text-info ${GLASS_SM} border border-info/15 rounded-full px-2.5 py-0.5 text-xs font-medium`, ...glIndicatorShared }),
+    [IndicatorVariant.SUCCESS]: recipe({ base: `bg-success/15 text-success ${GLASS_SM} border border-success/15 rounded-full px-2.5 py-0.5 text-xs font-medium`, ...glIndicatorShared }),
+    [IndicatorVariant.WARNING]: recipe({ base: `bg-warning/15 text-warning ${GLASS_SM} border border-warning/15 rounded-full px-2.5 py-0.5 text-xs font-medium`, ...glIndicatorShared }),
+    [IndicatorVariant.ERROR]: recipe({ base: `bg-destructive/15 text-destructive ${GLASS_SM} border border-destructive/15 rounded-full px-2.5 py-0.5 text-xs font-medium`, ...glIndicatorShared }),
+};
+// ============================================================
+// SELECTABLE
+// ============================================================
+const selectable = {
+    [SelectableVariant.FILLED]: recipe({
+        base: "rounded-xl text-sm outline-hidden",
+        states: {
+            hover: "hover:bg-white/10 dark:hover:bg-white/8",
+            focus: "focus-visible:ring-2 focus-visible:ring-ring",
+            active: "active:bg-white/15",
+            selected: `data-[active=true]:bg-primary/12 data-[active=true]:text-primary data-[active=true]:${GLASS_SM} data-[active=true]:shadow-[inset_1px_1px_0px_0px_rgba(255,255,255,0.15)] data-[state=active]:bg-primary/12 data-[state=active]:text-primary`,
+            disabled: "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]",
+        },
+        sizes: { sm: "h-7 text-xs", md: "h-8 text-sm", lg: "h-12 text-sm" },
+        motion: { transition: GL_MOTION.selectable },
+        gesture: GL_GESTURE.selectable,
+    }),
+    [SelectableVariant.UNDERLINE]: recipe({
+        base: "rounded-none border-b-2 border-transparent text-sm text-foreground/60 outline-hidden",
+        states: {
+            hover: "hover:text-foreground/80",
+            focus: "focus-visible:ring-2 focus-visible:ring-ring",
+            selected: "data-[state=active]:border-primary data-[state=active]:text-primary",
+            disabled: "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]",
+        },
+        sizes: { sm: "h-7 text-xs pb-1", md: "h-8 text-sm pb-2", lg: "h-10 text-sm pb-3" },
+        motion: { transition: GL_MOTION.selectable },
+    }),
+    [SelectableVariant.PILL]: recipe({
+        base: "rounded-full text-sm outline-hidden",
+        states: {
+            hover: `hover:bg-white/10 hover:${GLASS_SM}`,
+            focus: "focus-visible:ring-2 focus-visible:ring-ring",
+            selected: `data-[state=active]:bg-primary/12 data-[state=active]:text-primary data-[state=active]:border data-[state=active]:border-primary/15 data-[state=active]:${GLASS_SM}`,
+            disabled: "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]",
+        },
+        sizes: { sm: "h-7 px-3 text-xs", md: "h-8 px-4 text-sm", lg: "h-10 px-5 text-sm" },
+        motion: { transition: GL_MOTION.selectable },
+        gesture: GL_GESTURE.selectable,
+    }),
+    [SelectableVariant.INDICATOR]: recipe({
+        base: "rounded-xl text-sm outline-hidden",
+        states: {
+            hover: "hover:bg-white/8",
+            focus: "focus-visible:ring-2 focus-visible:ring-ring",
+            selected: `data-[active=true]:border-s-2 data-[active=true]:border-primary data-[active=true]:bg-primary/8 data-[active=true]:text-primary`,
+            disabled: "disabled:pointer-events-none disabled:opacity-[var(--opacity-disabled)]",
+        },
+        sizes: { sm: "h-7 text-xs", md: "h-8 text-sm", lg: "h-12 text-sm" },
+        motion: { transition: GL_MOTION.selectable },
+        gesture: GL_GESTURE.selectable,
+    }),
+};
+// ============================================================
+// OVERLAY, DIVIDER, SKELETON
+// ============================================================
+const overlayBackdrop = recipe({
+    // Subtle frosted scrim — lets content show through
+    base: `bg-black/25 dark:bg-black/45 ${GLASS_SM}`,
+    motion: {
+        enter: GL_MOTION.backdropEnter,
+        exit: GL_MOTION.backdropExit,
+    },
+});
+const divider = recipe({ base: "bg-white/10 dark:bg-white/5 shrink-0" });
+const skeleton = recipe({ base: `bg-white/8 dark:bg-white/5 ${GLASS_SM} animate-pulse rounded-xl ${HIGHLIGHT} motion-reduce:animate-none` });
+const loadingSpinner = recipe({
+    base: "text-muted-foreground animate-spin motion-reduce:animate-none",
+    motion: { transition: "transition-opacity duration-200 ease-out" },
+});
+const loadingOverlay = recipe({
+    base: `bg-background/60 ${GLASS_SM} backdrop-saturate-150`,
+    motion: { enter: "animate-in fade-in-0 duration-200", exit: "animate-out fade-out-0 duration-150" },
+});
+// ============================================================
+// TYPOGRAPHY
+// ============================================================
+const typography = {
+    [TypographyVariant.HEADING]: recipe({
+        base: "font-semibold leading-none tracking-tight text-foreground",
+        sizes: { h1: "text-4xl", h2: "text-2xl", h3: "text-xl", h4: "text-lg", md: "text-lg" },
+    }),
+    [TypographyVariant.BODY]: recipe({
+        base: "text-foreground/90 text-sm",
+        sizes: { sm: "text-xs", md: "text-sm", lg: "text-base" },
+    }),
+    [TypographyVariant.LABEL]: recipe({
+        base: "font-medium text-sm leading-none text-foreground/80",
+        sizes: { sm: "text-xs", md: "text-sm", lg: "text-base" },
+    }),
+    [TypographyVariant.DESCRIPTION]: recipe({
+        base: "text-foreground/50 text-sm",
+        sizes: { sm: "text-xs", md: "text-sm" },
+    }),
+    [TypographyVariant.CODE]: recipe({
+        base: `font-mono text-sm bg-white/8 dark:bg-white/5 ${GLASS_SM} rounded-lg px-1.5 py-0.5 border border-white/10 ${HIGHLIGHT}`,
+        sizes: { sm: "text-xs", md: "text-sm", lg: "text-base" },
+    }),
+};
+// ============================================================
+// ASSEMBLED THEME
+// ============================================================
+// ============================================================
+// SPACING
+//
+// Apple / Liquid Glass aesthetic demands generous whitespace.
+// Frosted surfaces look best with breathing room around content.
+// The wider radius (xl-2xl) also needs proportionally larger
+// internal padding so content doesn't crowd curved corners.
+//
+// Philosophy: "let the glass breathe" — spacious, airy, elegant.
+// ============================================================
+const spacing = {
+    [SpacingSemantic.ELEMENT]: '0.625rem', // 10px (default 8px)  — elements feel less cramped
+    [SpacingSemantic.ITEM]: '0.375rem', // 6px  (default 4px)  — list items slightly roomier
+    [SpacingSemantic.GROUP]: '1rem', // 16px (default 12px) — groups stand apart clearly
+    [SpacingSemantic.FIELD]: '1.25rem', // 20px (default 16px) — generous form field spacing
+    [SpacingSemantic.SECTION]: '2rem', // 32px (default 24px) — sections breathe
+    [SpacingSemantic.REGION]: '3rem', // 48px (default 32px) — major regions widely separated
+    [SpacingSemantic.CARD]: '1.5rem', // 24px (default 16px) — more internal padding for glass panels
+    [SpacingSemantic.CONTAINER]: '2rem', // 32px (default 24px) — spacious page containers
+};
+export const glassTheme = {
+    id: 'glass',
+    name: 'Glass',
+    description: 'Apple Liquid Glass inspired. Frosted surfaces with backdrop-blur + saturate + brightness vibrancy. Specular inset highlights. Depth hierarchy through blur intensity (8px → 16px → 24px → 32px). Smooth 250ms ease-out transitions with scale-on-press feedback.',
+    spacing,
+    interactive,
+    surface,
+    formControl,
+    indicator,
+    selectable,
+    overlayBackdrop,
+    divider,
+    skeleton,
+    loadingSpinner,
+    loadingOverlay,
+    typography,
+    radius: '0.75rem',
+    backgroundLayer: {
+        background: 'radial-gradient(at 20% 30%, oklch(0.75 0.15 280) 0px, transparent 50%), radial-gradient(at 80% 60%, oklch(0.70 0.12 200) 0px, transparent 50%), radial-gradient(at 50% 80%, oklch(0.72 0.10 320) 0px, transparent 50%)',
+        classes: 'opacity-40 animate-[mesh-shift_20s_ease_infinite] dark:opacity-30',
+    },
+    chartStyle: {
+        colorShadeLight: 400,
+        colorShadeDark: 300,
+        gridPadding: { top: 30, right: 20, bottom: 30, left: 60 },
+        axis: { showAxisLine: false, showTicks: false, splitLineType: 'none', hideOverlap: true, yAxisNameLocation: 'middle', yAxisNameGap: 50 },
+        tooltip: { extraCss: 'backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); background: rgba(255,255,255,0.6) !important; border: 1px solid rgba(255,255,255,0.3); box-shadow: 0 8px 32px rgba(0,0,0,0.08);', borderWidth: 0 },
+        animation: { enabled: true, durationMs: 300, easing: 'cubicInOut' },
+        series: { lineWidth: 1.5, pointSize: 5, areaOpacity: 0.15, barBorderRadius: 4, pieBorderWidth: 1 },
+        typography: { titleFontSize: 16, titleFontWeight: 500, subtitleFontSize: 13, legendFontSize: 12, tooltipFontSize: 12, axisLabelFontSize: 11, axisNameFontSize: 12 },
+        emphasis: { shadowBlur: 20, shadowColor: 'rgba(0, 0, 0, 0.1)', shadowOffsetX: 0 },
+        responsive: { smallMaxWidth: 400, mediumMaxWidth: 799, smallGridPadding: { top: 20, right: 10, bottom: 20, left: 30 }, mediumGridPadding: { left: 50, right: 20, bottom: 40 }, hideLegendOnSmall: true, smallAxisLabelRotate: 45, smallFontSize: 10, mediumFontSize: 11 },
+        multiSeriesLegendBottomPadding: 50,
+    },
+};
+//# sourceMappingURL=glass.theme.js.map

package/dist/esm/themes/glass.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass.theme.js","sourceRoot":"","sources":["../../../src/themes/glass.theme.ts"],"names":[],"mappings":"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"}

package/dist/esm/themes/neo-brutalist.theme.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentStyleTheme } from '@wildo-ai/presets-components-models';
+export declare const neoBrutalistTheme: ComponentStyleTheme;
+//# sourceMappingURL=neo-brutalist.theme.d.ts.map

package/dist/esm/themes/neo-brutalist.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"neo-brutalist.theme.d.ts","sourceRoot":"","sources":["../../../src/themes/neo-brutalist.theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAoa/E,eAAO,MAAM,iBAAiB,EAAE,mBAiC/B,CAAC"}