@urbicon-ui/blocks 6.21.2 → 6.21.3

package/dist/primitives/Popover/Popover.svelte

@@ -184,7 +184,7 @@
         }
 
         if (!wasTrigger) {
-          effectiveTriggerElement?.focus();
+          focusTrigger();
         }
       }
     }
@@ -219,7 +219,7 @@
       open = false;
       onOpenChange?.(false);
       onEscapeProp?.();
-      effectiveTriggerElement?.focus();
+      focusTrigger();
     }
     document.addEventListener('keydown', handleEscape);
     return () => document.removeEventListener('keydown', handleEscape);
@@ -276,8 +276,29 @@
 
   // ── Trigger handlers ───────────────────────────────────────
 
+  // Restore focus to the trigger after a dismiss. The snippet trigger is
+  // wrapped in a plain (non-focusable) div — `focus()` on it is a spec no-op —
+  // so target the interactive descendant instead (same query as the
+  // aria-expanded effect). An external `triggerElement` is the consumer's
+  // real control: focus it directly.
+  function focusTrigger() {
+    const target =
+      triggerElement ??
+      internalTriggerElement?.querySelector<HTMLElement>(
+        'button, a[href], [role="button"], [tabindex]'
+      ) ??
+      internalTriggerElement;
+    target?.focus();
+  }
+
   function handleTriggerPointerDown() {
-    if (open) dismissedByTrigger = true;
+    // Arm the "this pointerdown already dismissed it" guard only in auto
+    // mode, where the browser's light dismiss really closes the popover
+    // between pointerdown and click (the guard stops that click from
+    // re-opening it). In manual mode nothing light-dismisses — the click
+    // itself must toggle-close, so arming the guard there left the trigger
+    // unable to close its own popover.
+    if (open && popoverMode === 'auto') dismissedByTrigger = true;
   }
 
   function handleTriggerClick(event: MouseEvent) {

package/dist/primitives/Select/select.variants.d.ts

@@ -2,7 +2,7 @@ import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const selectVariants: ((props?: {
     tier?: "commit" | "modify" | undefined;
     variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     open?: boolean | undefined;
     disabled?: boolean | undefined;
     messageType?: "error" | "helper" | undefined;
@@ -13,7 +13,7 @@ export declare const selectVariants: ((props?: {
     wrapper: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -26,7 +26,7 @@ export declare const selectVariants: ((props?: {
     base: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -39,7 +39,7 @@ export declare const selectVariants: ((props?: {
     trigger: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -52,7 +52,7 @@ export declare const selectVariants: ((props?: {
     triggerText: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -65,7 +65,7 @@ export declare const selectVariants: ((props?: {
     placeholder: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -78,7 +78,7 @@ export declare const selectVariants: ((props?: {
     chevron: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -91,7 +91,7 @@ export declare const selectVariants: ((props?: {
     clear: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -104,7 +104,7 @@ export declare const selectVariants: ((props?: {
     listbox: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -117,7 +117,7 @@ export declare const selectVariants: ((props?: {
     option: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -130,7 +130,7 @@ export declare const selectVariants: ((props?: {
     optionLabel: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -143,7 +143,7 @@ export declare const selectVariants: ((props?: {
     optionCheck: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -156,7 +156,7 @@ export declare const selectVariants: ((props?: {
     optionCheckbox: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -169,7 +169,7 @@ export declare const selectVariants: ((props?: {
     group: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -182,7 +182,7 @@ export declare const selectVariants: ((props?: {
     groupLabel: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -195,7 +195,7 @@ export declare const selectVariants: ((props?: {
     label: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;
@@ -208,7 +208,7 @@ export declare const selectVariants: ((props?: {
     message: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         open?: boolean | undefined;
         disabled?: boolean | undefined;
         messageType?: "error" | "helper" | undefined;

package/dist/primitives/Skeleton/skeleton.variants.d.ts

@@ -1,19 +1,19 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const skeletonVariants: ((props?: {
     variant?: "rounded" | "text" | "circular" | "rectangular" | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     animation?: "none" | "pulse" | "wave" | undefined;
 } | undefined) => {
     base: (props?: ({
         variant?: "rounded" | "text" | "circular" | "rectangular" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         animation?: "none" | "pulse" | "wave" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;
     wrapper: (props?: ({
         variant?: "rounded" | "text" | "circular" | "rectangular" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         animation?: "none" | "pulse" | "wave" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;

package/dist/primitives/Spinner/spinner.variants.d.ts

@@ -1,13 +1,13 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const spinnerVariants: ((props?: {
     variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
     speed?: "fast" | "slow" | "normal" | undefined;
 } | undefined) => {
     base: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -15,7 +15,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     svg: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -23,7 +23,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     svgCircle: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -31,7 +31,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     svgPath: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -39,7 +39,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     dots: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -47,7 +47,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     dot: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -55,7 +55,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     pulse: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -63,7 +63,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     pulseCenter: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -71,7 +71,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     pulseRing: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -79,7 +79,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     ring: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -87,7 +87,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     ringElement: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -95,7 +95,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     bars: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -103,7 +103,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     bar: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -111,7 +111,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     content: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {
@@ -119,7 +119,7 @@ export declare const spinnerVariants: ((props?: {
     }) | undefined) => string;
     srOnly: (props?: ({
         variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
         speed?: "fast" | "slow" | "normal" | undefined;
     } & {

package/dist/primitives/Textarea/Textarea.svelte

@@ -28,6 +28,7 @@
     unstyled: unstyledProp = false,
     slotClasses: slotClassesProp = {},
     preset,
+    oninput: userOnInput,
     ...restProps
   }: TextareaProps = $props();
 
@@ -103,6 +104,14 @@
     }
   });
 
+  function handleInput(event: Event & { currentTarget: EventTarget & HTMLTextAreaElement }) {
+    if (autoResize) adjustHeight();
+    // Forward the consumer's oninput — Textarea's own handler sits after
+    // `{...restProps}` on the element, so without this it would swallow it
+    // (same class as Input's onkeydown forward).
+    userOnInput?.(event);
+  }
+
   $effect(() => {
     if (textareaRef && mint && mint !== 'none' && !disabled) {
       return mintRegistry.apply(textareaRef, mint);
@@ -137,7 +146,7 @@
     {required}
     aria-invalid={ff.invalid ? 'true' : undefined}
     aria-describedby={ff.describedBy}
-    oninput={autoResize ? adjustHeight : undefined}></textarea>
+    oninput={handleInput}></textarea>
 
   {#if showFooter}
     <div

package/dist/primitives/Textarea/textarea.variants.d.ts

@@ -2,7 +2,7 @@ import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const textareaVariants: ((props?: {
     tier?: "commit" | "modify" | undefined;
     variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     intent?: "default" | "success" | "warning" | "danger" | undefined;
     autoResize?: boolean | undefined;
     disabled?: boolean | undefined;
@@ -15,7 +15,7 @@ export declare const textareaVariants: ((props?: {
     wrapper: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         autoResize?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -30,7 +30,7 @@ export declare const textareaVariants: ((props?: {
     base: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         autoResize?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -45,7 +45,7 @@ export declare const textareaVariants: ((props?: {
     label: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         autoResize?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -60,7 +60,7 @@ export declare const textareaVariants: ((props?: {
     footer: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         autoResize?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -75,7 +75,7 @@ export declare const textareaVariants: ((props?: {
     message: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         autoResize?: boolean | undefined;
         disabled?: boolean | undefined;
@@ -90,7 +90,7 @@ export declare const textareaVariants: ((props?: {
     counter: (props?: ({
         tier?: "commit" | "modify" | undefined;
         variant?: "ghost" | "filled" | "outlined" | "underline" | undefined;
-        size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         intent?: "default" | "success" | "warning" | "danger" | undefined;
         autoResize?: boolean | undefined;
         disabled?: boolean | undefined;

package/dist/primitives/Toolbar/toolbar.variants.d.ts

@@ -1,15 +1,15 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const toolbarVariants: ((props?: {
-    variant?: "ghost" | "elevated" | "outlined" | "quiet" | undefined;
+    variant?: "ghost" | "quiet" | "elevated" | "outlined" | undefined;
     orientation?: "horizontal" | "vertical" | undefined;
-    gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
-    padding?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+    padding?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
 } | undefined) => {
     base: (props?: ({
-        variant?: "ghost" | "elevated" | "outlined" | "quiet" | undefined;
+        variant?: "ghost" | "quiet" | "elevated" | "outlined" | undefined;
         orientation?: "horizontal" | "vertical" | undefined;
-        gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
-        padding?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+        gap?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+        padding?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     } & {
         class?: string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | (string | number | false | /*elided*/ any | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined)[] | Record<string, boolean | null | undefined> | null | undefined;
     }) | undefined) => string;

package/dist/style/semantic.css

@@ -183,7 +183,12 @@
 
   /* === SHADOWS ===
      Dark mode uses higher alpha to compensate for low contrast against
-     dark surfaces. light-dark() handles the whole multi-layer shadow.
+     dark surfaces. light-dark() may wrap ONLY the per-layer <color> —
+     it is a color function, and layers must stay top-level
+     comma-separated. Wrapping the whole multi-layer list made every
+     `box-shadow: var(--blocks-shadow-*)` invalid at computed-value time
+     (shadows silently rendered as none, library-wide) — verified in
+     chromium before the 2026-07-13 fix.
 
      The shadow tint (`--blocks-shadow-tint`) is an oklch L C H triplet
      WITHOUT the alpha channel — declared on `:root` (not inside @theme)
@@ -192,34 +197,55 @@
      their shadow palette — e.g. editorial sets it to a dark brown so
      shadows blend with cream surfaces instead of reading as cool
      smudges. */
-  --color-shadow-xs: light-dark(
-    0 1px 2px 0 oklch(var(--blocks-shadow-tint) / 0.05),
-    0 1px 2px 0 oklch(var(--blocks-shadow-tint) / 0.2)
-  );
-  --color-shadow-sm: light-dark(
-    0 1px 3px 0 oklch(var(--blocks-shadow-tint) / 0.1) 0 1px 2px -1px
-      oklch(var(--blocks-shadow-tint) / 0.1),
-    0 1px 3px 0 oklch(var(--blocks-shadow-tint) / 0.3) 0 1px 2px -1px
-      oklch(var(--blocks-shadow-tint) / 0.3)
-  );
-  --color-shadow-base: light-dark(
-    0 4px 6px -1px oklch(var(--blocks-shadow-tint) / 0.1) 0 2px 4px -2px
-      oklch(var(--blocks-shadow-tint) / 0.1),
-    0 4px 6px -1px oklch(var(--blocks-shadow-tint) / 0.4) 0 2px 4px -2px
-      oklch(var(--blocks-shadow-tint) / 0.4)
-  );
-  --color-shadow-md: light-dark(
-    0 10px 15px -3px oklch(var(--blocks-shadow-tint) / 0.1) 0 4px 6px -4px
-      oklch(var(--blocks-shadow-tint) / 0.1),
-    0 10px 15px -3px oklch(var(--blocks-shadow-tint) / 0.4) 0 4px 6px -4px
-      oklch(var(--blocks-shadow-tint) / 0.4)
-  );
-  --color-shadow-lg: light-dark(
-    0 20px 25px -5px oklch(var(--blocks-shadow-tint) / 0.1) 0 8px 10px -6px
-      oklch(var(--blocks-shadow-tint) / 0.1),
-    0 20px 25px -5px oklch(var(--blocks-shadow-tint) / 0.5) 0 8px 10px -6px
-      oklch(var(--blocks-shadow-tint) / 0.5)
-  );
+  --color-shadow-xs: 0 1px 2px 0
+    light-dark(
+      oklch(var(--blocks-shadow-tint) / 0.05),
+      oklch(var(--blocks-shadow-tint) / 0.2)
+    );
+  --color-shadow-sm:
+    0 1px 3px 0
+      light-dark(
+        oklch(var(--blocks-shadow-tint) / 0.1),
+        oklch(var(--blocks-shadow-tint) / 0.3)
+      ),
+    0 1px 2px -1px
+      light-dark(
+        oklch(var(--blocks-shadow-tint) / 0.1),
+        oklch(var(--blocks-shadow-tint) / 0.3)
+      );
+  --color-shadow-base:
+    0 4px 6px -1px
+      light-dark(
+        oklch(var(--blocks-shadow-tint) / 0.1),
+        oklch(var(--blocks-shadow-tint) / 0.4)
+      ),
+    0 2px 4px -2px
+      light-dark(
+        oklch(var(--blocks-shadow-tint) / 0.1),
+        oklch(var(--blocks-shadow-tint) / 0.4)
+      );
+  --color-shadow-md:
+    0 10px 15px -3px
+      light-dark(
+        oklch(var(--blocks-shadow-tint) / 0.1),
+        oklch(var(--blocks-shadow-tint) / 0.4)
+      ),
+    0 4px 6px -4px
+      light-dark(
+        oklch(var(--blocks-shadow-tint) / 0.1),
+        oklch(var(--blocks-shadow-tint) / 0.4)
+      );
+  --color-shadow-lg:
+    0 20px 25px -5px
+      light-dark(
+        oklch(var(--blocks-shadow-tint) / 0.1),
+        oklch(var(--blocks-shadow-tint) / 0.5)
+      ),
+    0 8px 10px -6px
+      light-dark(
+        oklch(var(--blocks-shadow-tint) / 0.1),
+        oklch(var(--blocks-shadow-tint) / 0.5)
+      );
 }
 
 /* Shadow tint — declared on :root rather than inside @theme because

package/dist/utils/figma-token-export.d.ts

@@ -4,6 +4,19 @@
  * Generates a Tokens Studio-compatible JSON export from the Urbicon UI
  * OKLCH design token system. Suitable for Figma plugins like "Tokens Studio
  * for Figma" (formerly Figma Tokens).
+ *
+ * The values below mirror the token truth in `../style/foundation.css`
+ * (palettes, radii) and `../style/semantic.css` (surface/text/border roles,
+ * shadows). They are hardcoded — this module runs in the browser and cannot
+ * read the CSS files at runtime — but guarded against drift by the
+ * co-located `figma-token-export.test.ts`, which parses both CSS files and
+ * compares every value. If you change a token in the CSS, that test fails
+ * until the export here is updated to match.
+ *
+ * Semantic tokens resolve light/dark via CSS `light-dark()`; this export
+ * carries the **light-mode** resolution (Figma has no mode-aware token
+ * values in plain Tokens Studio JSON). Dark mode swaps at the foundation
+ * layer, so the palette ramps below contain every shade both modes use.
  */
 export interface FigmaToken {
     value: string;