@urbicon-ui/blocks 6.21.0 → 6.21.1

package/dist/primitives/Toggle/toggle.variants.d.ts

@@ -1,63 +1,13 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
-export declare const toggleVariants: (props?: import("../../utils/variants.js").TVProps<{
-    tier: {
-        commit: {
-            track: string;
-            thumb: string;
-        };
-        modify: {
-            track: string;
-            thumb: string;
-        };
-    };
-    size: {
-        xs: {
-            track: string;
-            thumb: string;
-            label: string;
-        };
-        sm: {
-            track: string;
-            thumb: string;
-            label: string;
-        };
-        md: {
-            track: string;
-            thumb: string;
-            label: string;
-        };
-        lg: {
-            track: string;
-            thumb: string;
-            label: string;
-        };
-    };
-    intent: {
-        primary: {};
-        secondary: {};
-        success: {};
-        warning: {};
-        danger: {};
-        neutral: {};
-    };
-    appearance: {
-        default: {};
-        dot: {};
-    };
-    checked: {
-        true: {};
-        false: {};
-    };
-    disabled: {
-        true: {
-            control: string;
-        };
-    };
-    withBorder: {
-        true: {};
-        false: {};
-    };
-}> | undefined) => {
+export declare const toggleVariants: ((props?: {
+    tier?: "commit" | "modify" | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | undefined;
+    intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
+    appearance?: "default" | "dot" | undefined;
+    checked?: boolean | undefined;
+    disabled?: boolean | undefined;
+    withBorder?: boolean | undefined;
+} | undefined) => {
     wrapper: (props?: ({
         tier?: "commit" | "modify" | undefined;
         size?: "sm" | "md" | "lg" | "xs" | undefined;
@@ -67,8 +17,7 @@ export declare const toggleVariants: (props?: import("../../utils/variants.js").
         disabled?: boolean | undefined;
         withBorder?: boolean | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     control: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -79,8 +28,7 @@ export declare const toggleVariants: (props?: import("../../utils/variants.js").
         disabled?: boolean | undefined;
         withBorder?: boolean | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     track: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -91,8 +39,7 @@ export declare const toggleVariants: (props?: import("../../utils/variants.js").
         disabled?: boolean | undefined;
         withBorder?: boolean | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     thumb: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -103,8 +50,7 @@ export declare const toggleVariants: (props?: import("../../utils/variants.js").
         disabled?: boolean | undefined;
         withBorder?: boolean | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     label: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -115,8 +61,7 @@ export declare const toggleVariants: (props?: import("../../utils/variants.js").
         disabled?: boolean | undefined;
         withBorder?: boolean | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     message: (props?: ({
         tier?: "commit" | "modify" | undefined;
@@ -127,9 +72,10 @@ export declare const toggleVariants: (props?: import("../../utils/variants.js").
         disabled?: boolean | undefined;
         withBorder?: boolean | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
+}) & {
+    readonly config: import("../../utils/variants.js").TVConfig;
 };
 export type ToggleVariants = VariantProps<typeof toggleVariants>;
 /** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */

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

@@ -1,71 +1,20 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
-export declare const toolbarVariants: (props?: import("../../utils/variants.js").TVProps<{
-    variant: {
-        quiet: {
-            base: string;
-        };
-        elevated: {
-            base: string;
-        };
-        outlined: {
-            base: string;
-        };
-        ghost: {
-            base: string;
-        };
-    };
-    orientation: {
-        horizontal: {
-            base: string;
-        };
-        vertical: {
-            base: string;
-        };
-    };
-    gap: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-    };
-    padding: {
-        xs: {
-            base: string;
-        };
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-        xl: {
-            base: string;
-        };
-    };
-}> | undefined) => {
+export declare const toolbarVariants: ((props?: {
+    variant?: "ghost" | "elevated" | "outlined" | "quiet" | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+    padding?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
+} | undefined) => {
     base: (props?: ({
         variant?: "ghost" | "elevated" | "outlined" | "quiet" | undefined;
         orientation?: "horizontal" | "vertical" | undefined;
         gap?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
         padding?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
+}) & {
+    readonly config: import("../../utils/variants.js").TVConfig;
 };
 export type ToolbarVariants = VariantProps<typeof toolbarVariants>;
 /** Slot names derived from the tv() config — single source of truth for slotClasses. */

package/dist/primitives/Tooltip/Tooltip.svelte

@@ -21,6 +21,8 @@
     placement = 'top',
     showDelay = 200,
     hideDelay = 100,
+    transitionDuration,
+    transitionEasing,
     disabled = false,
     arrow = true,
     onVisibleChange,
@@ -34,6 +36,13 @@
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
 
+  // ACC-3 follow-up: per-instance fade motion. Set the shared tooltip CSS
+  // variables inline only when a prop is provided, so the unset default keeps
+  // inheriting the reduced-motion-aware token.
+  const tooltipDuration = $derived(
+    transitionDuration != null ? `${transitionDuration}ms` : undefined
+  );
+
   let visible = $state(false);
   let triggerElement = $state<HTMLElement>();
   let tooltipElement = $state<HTMLElement>();
@@ -245,6 +254,8 @@
   {...restProps}
   popover={topLayer ? 'manual' : null}
   style="position: fixed; margin: 0; inset: auto; overflow: visible;"
+  style:--blocks-tooltip-duration={tooltipDuration}
+  style:--blocks-tooltip-easing={transitionEasing}
   role="tooltip"
   id={tooltipId}
 >

package/dist/primitives/Tooltip/index.d.ts

@@ -34,6 +34,20 @@ export interface TooltipProps extends TooltipVariants, Omit<HTMLAttributes<HTMLD
     showDelay?: number;
     /** Milliseconds before the tooltip disappears after leaving the trigger. @default 100 */
     hideDelay?: number;
+    /**
+     * Override the fade duration in milliseconds. Distinct from `showDelay` /
+     * `hideDelay`, which time *when* the tooltip appears — this is how fast the
+     * opacity fade itself runs. Defaults to the tooltip token
+     * `--blocks-tooltip-duration` (fast, 150ms). Respects `prefers-reduced-motion`.
+     */
+    transitionDuration?: number;
+    /**
+     * Override the fade easing as a CSS `<easing-function>` (e.g. `'linear'`,
+     * `'ease-out'`, `'cubic-bezier(0.4,0,0.2,1)'`). Defaults to the tooltip token
+     * `--blocks-tooltip-easing`. A CSS string, not a JS easing fn, because the
+     * tooltip fade is a pure CSS transition.
+     */
+    transitionEasing?: string;
     /** Whether to show a directional arrow pointing at the trigger. @default true */
     arrow?: boolean;
     /** Prevent the tooltip from appearing regardless of hover/focus. @default false */

package/dist/primitives/Tooltip/tooltip.variants.d.ts

@@ -1,64 +1,25 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
-export declare const tooltipVariants: (props?: import("../../utils/variants.js").TVProps<{
-    visible: {
-        true: {
-            base: string;
-        };
-        false: {
-            base: string;
-        };
-    };
-    intent: {
-        primary: {
-            base: string;
-        };
-        secondary: {
-            base: string;
-        };
-        info: {
-            base: string;
-        };
-        success: {
-            base: string;
-        };
-        warning: {
-            base: string;
-        };
-        danger: {
-            base: string;
-        };
-        neutral: {
-            base: string;
-        };
-    };
-    size: {
-        sm: {
-            base: string;
-        };
-        md: {
-            base: string;
-        };
-        lg: {
-            base: string;
-        };
-    };
-}> | undefined) => {
+export declare const tooltipVariants: ((props?: {
+    visible?: boolean | undefined;
+    intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+} | undefined) => {
     base: (props?: ({
         visible?: boolean | undefined;
-        intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
     arrow: (props?: ({
         visible?: boolean | undefined;
-        intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
     } & {
-        class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
-        className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | 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;
+}) & {
+    readonly config: import("../../utils/variants.js").TVConfig;
 };
 export type TooltipVariants = Omit<VariantProps<typeof tooltipVariants>, 'visible'>;
 /** Slot names derived from the `tv()` config above — single source of truth for `slotClasses`. */

package/dist/primitives/Tooltip/tooltip.variants.js

@@ -21,7 +21,13 @@ export const tooltipVariants = tv({
             'z-[var(--z-tooltip)] overflow-visible',
             'font-medium text-center whitespace-normal max-w-xs',
             'rounded-contain pointer-events-none',
-            'transition-opacity duration-[var(--blocks-duration-fast)]',
+            // Tooltip fade tokens (ACC-3 follow-up) so `transitionDuration`/
+            // `transitionEasing` can retune the opacity fade per instance. `motion-reduce`
+            // guards the inline-override path (an inline duration bypasses the token that
+            // reduced-motion collapses to 1ms). The default easing token resolves to
+            // Tailwind's implicit transition curve, so the resting fade is unchanged.
+            'transition-opacity duration-[var(--blocks-tooltip-duration)] ease-[var(--blocks-tooltip-easing)]',
+            'motion-reduce:duration-[1ms]',
             'bg-surface-inverted text-text-inverted'
         ],
         arrow: ['absolute w-2 h-2', 'bg-inherit transform rotate-45']

package/dist/style/foundation.css

@@ -163,8 +163,11 @@
   --z-auto: auto;
   --z-base: 0;
   --z-docked: 10;
-  --z-dropdown: 9999;
   --z-sticky: 1100;
+  /* Anchored dropdown panels (menus, listboxes) rendered in normal flow:
+     above sticky headers/toolbars (a table menu must clear its own sticky
+     header), below banner and every overlay/chrome layer that follows. */
+  --z-dropdown: 1150;
   --z-banner: 1200;
   --z-overlay: 1300;
   --z-sidebar: 1350;

package/dist/style/interaction.css

@@ -93,17 +93,19 @@
   --blocks-stagger-cards: 150ms;
 
   /* === OVERLAY ANIMATION TOKENS (XC-11) ===
-     Single source of truth for Dialog / Drawer / Popover / Tooltip /
-     Toast / ConfirmDialog enter/exit motion. Components read these via
-     CSS where they can (CSS-driven transitions) and via the matching
-     JS constants in `utils/overlay-tokens.ts` for Svelte transitions
-     that need numeric input.
-
-     Override globally with a `BlocksProvider` style block, or per
-     instance via the component's `transitionDuration` / `transitionEasing`
-     props. `prefers-reduced-motion` below collapses both enter and exit
-     to 1ms and removes scale/fly distance — kept in one place so motion
-     reduction is consistent across every overlay. */
+     Shared enter/exit motion for the panel overlays: Dialog, Drawer,
+     ConfirmDialog (via Dialog) and Toast. All four drive Svelte `fly`/`scale`
+     transitions, so they read these through the JS mirror in
+     `utils/overlay-tokens.ts` (`getOverlayMotion`) — Svelte transitions need
+     numeric input. Tooltip runs a deliberately faster CSS opacity fade off its
+     own `--blocks-tooltip-*` tokens below; Popover has no enter/exit motion yet
+     (ACC-3 follow-up).
+
+     Override globally with a `BlocksProvider` style block, or per instance via
+     the component's `transitionDuration` / `transitionEasing` props.
+     `prefers-reduced-motion` below collapses both enter and exit to 1ms and
+     removes scale/fly distance — kept in one place so motion reduction is
+     consistent across every overlay. */
   --blocks-overlay-enter-duration: 200ms;
   --blocks-overlay-exit-duration: 180ms;
   --blocks-overlay-backdrop-enter-duration: 200ms;
@@ -112,6 +114,32 @@
   --blocks-overlay-panel-scale-start: 0.96;
   --blocks-overlay-panel-fly-distance: 320px;
   --blocks-overlay-backdrop-blur: 4px;
+
+  /* === TOOLTIP FADE TOKENS (ACC-3 follow-up) ===
+     The CSS opacity fade shared by the hover/focus tooltip. Deliberately faster
+     than the panel overlays above — a hint should feel instant, not staged — so
+     it defaults to the `fast` duration (150ms) + the `confident` easing. That
+     easing token is `cubic-bezier(0.4,0,0.2,1)` — exactly Tailwind's implicit
+     transition curve, which the fade used before it carried an explicit `ease-*`
+     class — so the resting fade is unchanged. Defaulting the duration through
+     `--blocks-duration-fast` means `prefers-reduced-motion` below collapses it
+     to 1ms for free. Override globally here, or per instance via Tooltip's
+     `transitionDuration` / `transitionEasing` props (which set these inline +
+     carry a `motion-reduce` guard, since an inline duration can't see the media
+     query). */
+  --blocks-tooltip-duration: var(--blocks-duration-fast);
+  --blocks-tooltip-easing: var(--blocks-ease-confident);
+
+  /* === COLLAPSE ANIMATION TOKENS (ACC-3) ===
+     The CSS-driven grid-template-rows collapse shared by Accordion +
+     Collapsible (and their chevron spin). Default to the normal/smooth
+     tokens — so `prefers-reduced-motion` below collapses them to 1ms via
+     the inherited `--blocks-duration-normal`. Override globally here, or per
+     instance via the component's `transitionDuration` / `transitionEasing`
+     props (which set these variables inline + carry a `motion-reduce` guard,
+     since an inline duration can't see the media query). */
+  --blocks-collapse-duration: var(--blocks-duration-normal);
+  --blocks-collapse-easing: var(--blocks-ease-smooth);
 }
 
 /* ===== TOUCH DEVICE ADAPTATIONS ===== */

package/dist/style/semantic.css

@@ -84,7 +84,7 @@
 
      `--neutral-chrome-hue` defaults to 240 (:root, below), so the library
      default reads as a cool grey matching its cool chassis. Each theme
-     overrides it to its accent temperature; editorial.css re-pins the neutral
+     overrides it to its accent temperature; rooms-docs.css re-pins the neutral
      intent to the warm ramp directly. Uses the same relative-color syntax
      already relied on by `--color-interactive-*` below. */
   --color-neutral: light-dark(
@@ -232,7 +232,7 @@
      The neutral intent (above) keeps the warm-neutral ramp's lightness but
      takes its hue from here. Default 240 = cool grey, matching the default
      cool chassis. Each theme overrides this to its accent temperature;
-     editorial.css re-pins the neutral intent to the warm ramp instead. */
+     rooms-docs.css re-pins the neutral intent to the warm ramp instead. */
   --neutral-chrome-hue: 240;
 }
 

package/dist/style/themes/index.css

@@ -45,6 +45,6 @@
  * overrides these ramps. Use the Theme Builder at /customization/theme-builder
  * in the docs app to generate matched OKLCH palettes (accent + chassis)
  * interactively. To art-direct further (re-tuned intents, custom surface
- * stops, warm shadow tint), see apps/docs/src/lib/style/editorial.css for a
+ * stops, warm shadow tint), see apps/docs/src/lib/style/rooms-docs.css for a
  * fully worked example.
  */

package/dist/utils/index.d.ts

@@ -9,8 +9,9 @@ export { createOptionalContext } from './optional-context.js';
 export { overlayStack } from './overlay-stack.svelte.js';
 export { type EasingFn, getOverlayMotion, OVERLAY_MOTION_DEFAULTS, type OverlayMotion, type OverlayMotionOverride } from './overlay-tokens.js';
 export * from './persistent-state.svelte.js';
+export { edgeEnabledIndex, nextEnabledIndex } from './roving.js';
 export { getTierContext, type InteractiveTier, setTierContext, type TierContext } from './tier-context.js';
 export * from './types.js';
 export { type FloatingPanelOptions, type FloatingPanelState, floatingPanelHidden, useFloatingPanel } from './use-floating-panel.svelte.js';
 export { computeFormFieldAria, type UseFormFieldInputs, type UseFormFieldReturn, useFormField } from './use-form-field.svelte.js';
-export { cx, type TVProps, tv, type VariantProps } from './variants.js';
+export { cx, type SlotNames, type TVConfig, type TVProps, tv, type VariantProps } from './variants.js';

package/dist/utils/index.js

@@ -9,8 +9,13 @@ export { createOptionalContext } from './optional-context.js';
 export { overlayStack } from './overlay-stack.svelte.js';
 export { getOverlayMotion, OVERLAY_MOTION_DEFAULTS } from './overlay-tokens.js';
 export * from './persistent-state.svelte.js';
+export { edgeEnabledIndex, nextEnabledIndex } from './roving.js';
 export { getTierContext, setTierContext } from './tier-context.js';
 export * from './types.js';
 export { floatingPanelHidden, useFloatingPanel } from './use-floating-panel.svelte.js';
 export { computeFormFieldAria, useFormField } from './use-form-field.svelte.js';
+// TVConfig/SlotNames must be reachable from the package root: without them a
+// consuming package's `tv()` result is not *nameable* during its declaration
+// emit (TS2883) and svelte-package silently drops that file's .d.ts — every
+// `*Props extends …VariantProps` consumer then loses all variant props.
 export { cx, tv } from './variants.js';

package/dist/utils/overlay.d.ts

@@ -1,11 +1,40 @@
 export declare const FOCUSABLE_SELECTOR: string;
 export declare function getFocusableElements(container: HTMLElement | undefined): HTMLElement[];
 export declare function trapFocus(event: KeyboardEvent, container: HTMLElement | undefined): void;
-export declare function lockBodyScroll(): void;
-export declare function unlockBodyScroll(): void;
+/**
+ * Acquire a shared body-scroll lock; returns the matching release function.
+ *
+ * The count is module-global — the body stays `overflow: hidden` while at
+ * least one overlay (Dialog, Drawer, mobile Sidebar) holds a lock. Ownership
+ * is per-acquisition: only the returned release can decrement this holder's
+ * share, and it is idempotent, so calling it from multiple teardown paths
+ * (outro end + onDestroy safety net) releases exactly once and can never free
+ * a lock held by another overlay instance. There is deliberately no standalone
+ * `unlock` export — an unpaired decrement is exactly the bug this design
+ * removes.
+ */
+export declare function lockBodyScroll(): () => void;
 export declare function focusFirstElement(container: HTMLElement | undefined): void;
-export declare function showDialogModal(dialogEl: HTMLDialogElement | undefined, panelEl: HTMLElement | undefined): void;
-export declare function closeDialogModal(dialogEl: HTMLDialogElement | undefined, previouslyFocused: HTMLElement | null): void;
+/**
+ * Promote a `<dialog>` to the top layer and move focus into its panel.
+ *
+ * **Precondition: `dialogEl` must already be bound.** Call this only once the
+ * `bind:this` target exists — e.g. from `tick().then(...)` in the opener effect,
+ * after the `{#if isVisible}` block has rendered. An earlier version deferred the
+ * `showModal()` call with its own `tick()` in the hope of waiting for the bind,
+ * but the ref is captured by value: if the caller passes an as-yet-unbound
+ * `dialogEl`, the `tick()` still runs `undefined?.showModal()` — a silent no-op
+ * that left Dialog/Drawer never actually modal. Sequencing is the caller's job;
+ * the top-layer promotion here is synchronous (only the focus move inside
+ * `focusFirstElement` defers by a tick).
+ *
+ * Acquires a body-scroll lock and returns its release function — the caller
+ * owns the lock and must call the release on every teardown path (outro end
+ * and destroy; it is idempotent, so overlapping paths are safe). Pass it back
+ * through {@link closeDialogModal} on the regular close path.
+ */
+export declare function showDialogModal(dialogEl: HTMLDialogElement | undefined, panelEl: HTMLElement | undefined): () => void;
+export declare function closeDialogModal(dialogEl: HTMLDialogElement | undefined, previouslyFocused: HTMLElement | null, releaseScrollLock?: () => void): void;
 /**
  * True when `el` is a descendant of an OPEN *modal* `<dialog>` — one opened via
  * `showModal()`, which matches `:modal` and occupies the browser top layer.