@urbicon-ui/blocks 6.19.2 → 6.21.0

package/dist/primitives/Avatar/avatar.variants.d.ts

@@ -29,35 +29,38 @@ export declare const avatarVariants: (props?: import("../../utils/variants.js").
     variant: {
         circle: {
             base: string;
+            frame: string;
             image: string;
         };
         rounded: {
             base: string;
+            frame: string;
             image: string;
         };
         square: {
             base: string;
+            frame: string;
             image: string;
         };
     };
     intent: {
         primary: {
-            base: string;
+            frame: string;
         };
         secondary: {
-            base: string;
+            frame: string;
         };
         success: {
-            base: string;
+            frame: string;
         };
         warning: {
-            base: string;
+            frame: string;
         };
         danger: {
-            base: string;
+            frame: string;
         };
         neutral: {
-            base: string;
+            frame: string;
         };
     };
     status: {
@@ -88,6 +91,11 @@ export declare const avatarVariants: (props?: import("../../utils/variants.js").
             status: string;
         };
     };
+    pulse: {
+        true: {
+            status: string;
+        };
+    };
     ring: {
         true: {
             base: string;
@@ -125,6 +133,21 @@ export declare const avatarVariants: (props?: import("../../utils/variants.js").
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         status?: "offline" | "online" | "away" | "busy" | undefined;
         statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
+        pulse?: boolean | undefined;
+        ring?: boolean | undefined;
+        ringIntent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        interactive?: 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;
+    }) | undefined) => string;
+    frame: (props?: ({
+        size?: "sm" | "md" | "lg" | "xl" | "xs" | "2xl" | undefined;
+        variant?: "rounded" | "circle" | "square" | undefined;
+        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        status?: "offline" | "online" | "away" | "busy" | undefined;
+        statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
+        pulse?: boolean | undefined;
         ring?: boolean | undefined;
         ringIntent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         interactive?: boolean | undefined;
@@ -138,6 +161,7 @@ export declare const avatarVariants: (props?: import("../../utils/variants.js").
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         status?: "offline" | "online" | "away" | "busy" | undefined;
         statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
+        pulse?: boolean | undefined;
         ring?: boolean | undefined;
         ringIntent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         interactive?: boolean | undefined;
@@ -151,6 +175,7 @@ export declare const avatarVariants: (props?: import("../../utils/variants.js").
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         status?: "offline" | "online" | "away" | "busy" | undefined;
         statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
+        pulse?: boolean | undefined;
         ring?: boolean | undefined;
         ringIntent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         interactive?: boolean | undefined;
@@ -164,6 +189,7 @@ export declare const avatarVariants: (props?: import("../../utils/variants.js").
         intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         status?: "offline" | "online" | "away" | "busy" | undefined;
         statusPosition?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | undefined;
+        pulse?: boolean | undefined;
         ring?: boolean | undefined;
         ringIntent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         interactive?: boolean | undefined;

package/dist/primitives/Avatar/avatar.variants.js

@@ -1,10 +1,19 @@
 import { tv } from '../../utils/variants.js';
 export const avatarVariants = tv({
     slots: {
+        // Outer positioning context. Carries sizing, the ring, interactive/mint
+        // effects — but NOT `overflow-hidden`, so the status dot (a sibling of
+        // `frame`) is never clipped (AVT-1). The radius is mirrored here purely so
+        // the ring follows the avatar's shape.
         base: [
-            'relative inline-flex items-center justify-center',
-            'overflow-hidden font-semibold text-center select-none shrink-0',
-            'transition-[color,background-color,border-color,box-shadow,opacity] duration-[var(--blocks-duration-fast)] ease-out',
+            'relative inline-flex shrink-0',
+            'transition-[color,background-color,border-color,box-shadow,opacity] duration-[var(--blocks-duration-fast)] ease-out'
+        ],
+        // The visible disc. This is the element that clips the image/initials to
+        // the avatar shape; the status dot lives outside it so it stays whole.
+        frame: [
+            'flex items-center justify-center w-full h-full overflow-hidden',
+            'font-semibold text-center select-none',
             'bg-surface-interactive text-text-secondary'
         ],
         image: ['w-full h-full object-cover'],
@@ -42,61 +51,68 @@ export const avatarVariants = tv({
         // people and stand apart from the commit/modify/contain semantic system —
         // a brand that flattens commit-tier surfaces (e.g. squared pill-buttons)
         // should not also lose circular avatars. The radii below are physical
-        // shape tokens, not tier tokens.
+        // shape tokens, not tier tokens. `frame` clips the content to the shape;
+        // `base` mirrors it so the ring tracks the same silhouette.
         variant: {
             circle: {
                 base: 'rounded-full',
+                frame: 'rounded-full',
                 image: 'rounded-full'
             },
             rounded: {
                 // Avatar-specific soft-square. Maps to --radius-xl (foundation scale);
                 // brands tune via the foundation token, not via a tier override.
                 base: 'rounded-xl',
+                frame: 'rounded-xl',
                 image: 'rounded-xl'
             },
             square: {
                 base: 'rounded-none',
+                frame: 'rounded-none',
                 image: 'rounded-none'
             }
         },
         intent: {
             primary: {
-                base: 'bg-primary-subtle text-primary-emphasis'
+                frame: 'bg-primary-subtle text-primary-emphasis'
             },
             secondary: {
-                base: 'bg-secondary-subtle text-secondary-emphasis'
+                frame: 'bg-secondary-subtle text-secondary-emphasis'
             },
             success: {
-                base: 'bg-success-subtle text-success-emphasis'
+                frame: 'bg-success-subtle text-success-emphasis'
             },
             warning: {
-                base: 'bg-warning-subtle text-warning-emphasis'
+                frame: 'bg-warning-subtle text-warning-emphasis'
             },
             danger: {
-                base: 'bg-danger-subtle text-danger-emphasis'
+                frame: 'bg-danger-subtle text-danger-emphasis'
             },
             neutral: {
-                base: 'bg-surface-interactive text-text-secondary'
+                frame: 'bg-surface-interactive text-text-secondary'
             }
         },
+        // Each status also publishes its colour as `--blocks-avatar-pulse-color`
+        // so the opt-in `pulse` ring (see Avatar.svelte) radiates in the matching
+        // hue without a second colour source.
         status: {
             online: {
-                status: 'bg-success'
+                status: 'bg-success [--blocks-avatar-pulse-color:var(--color-success)]'
             },
             offline: {
-                status: 'bg-text-quaternary'
+                status: 'bg-text-quaternary [--blocks-avatar-pulse-color:var(--color-text-quaternary)]'
             },
             away: {
-                status: 'bg-warning'
+                status: 'bg-warning [--blocks-avatar-pulse-color:var(--color-warning)]'
             },
             busy: {
-                status: 'bg-danger'
+                status: 'bg-danger [--blocks-avatar-pulse-color:var(--color-danger)]'
             }
         },
-        // Status dot is translated out of the avatar's overflow-hidden edge so it
-        // remains fully visible on circular avatars (AVT-1). Translation magnitude
-        // is intentionally fractional — the dot sits half-overlapping the edge,
-        // which matches the conventional badge look (Slack, Discord, Linear).
+        // Status dot is translated out of the avatar's edge so it half-overlaps the
+        // corner (AVT-1). Translation magnitude is intentionally fractional — the
+        // dot sits half-overlapping the edge, which matches the conventional badge
+        // look (Slack, Discord, Linear).
         statusPosition: {
             'bottom-right': {
                 status: 'bottom-0 right-0 translate-x-1/4 translate-y-1/4'
@@ -111,6 +127,14 @@ export const avatarVariants = tv({
                 status: 'top-0 left-0 -translate-x-1/4 -translate-y-1/4'
             }
         },
+        // Opt-in "live" pulse on the status dot — a radar ring that draws the eye to
+        // presence changes. Only has a visible effect together with `status`; the
+        // animation itself + reduced-motion handling live in Avatar.svelte.
+        pulse: {
+            true: {
+                status: 'blocks-avatar-status-pulse'
+            }
+        },
         ring: {
             true: {
                 base: 'ring-2 ring-offset-2 ring-offset-surface-base'
@@ -184,6 +208,7 @@ export const avatarVariants = tv({
         variant: 'circle',
         intent: 'neutral',
         statusPosition: 'bottom-right',
+        pulse: false,
         ring: false,
         ringIntent: 'primary',
         interactive: false

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

@@ -17,6 +17,11 @@ import type { AvatarSlots, AvatarVariants } from './avatar.variants.js';
  * ```svelte
  * <Avatar name="Jane Smith" randomColor clickable onclick={() => showProfile()} />
  * ```
+ *
+ * @example
+ * ```svelte
+ * <Avatar name="Ada Lovelace" status="online" pulse />
+ * ```
  */
 export interface AvatarProps extends AvatarVariants, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Image URL. Falls back to initials or `children` when empty or on load error. */
@@ -43,7 +48,7 @@ export interface AvatarProps extends AvatarVariants, Omit<HTMLAttributes<HTMLDiv
     class?: string;
     /** Remove all default tv classes. */
     unstyled?: boolean;
-    /** Per-slot class overrides merged with tv styles. Slots: base | image | fallback | status */
+    /** Per-slot class overrides merged with tv styles. Slots: base | frame | image | fallback | status */
     slotClasses?: Partial<Record<AvatarSlots, string>>;
     /**
      * Apply a named preset registered via `<BlocksProvider presets={{ Avatar: {...} }}>`.

package/dist/primitives/Checkbox/Checkbox.svelte

@@ -54,7 +54,7 @@
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
 
-  let controlElement = $state<HTMLElement>();
+  let boxElement = $state<HTMLElement>();
   let inputRef = $state<HTMLInputElement>();
 
   const dataState = $derived(indeterminate ? 'indeterminate' : checked ? 'checked' : 'unchecked');
@@ -85,9 +85,12 @@
     }
   });
 
+  // Mint targets the directional box (the visual checkbox), not the enclosing
+  // <label> that also wraps the text — a hover/scale effect belongs to the
+  // control surface, mirroring SegmentItem/Button (XC-1).
   $effect(() => {
-    if (controlElement && mint && mint !== 'none' && !disabled) {
-      return mintRegistry.apply(controlElement, mint);
+    if (boxElement && mint && mint !== 'none' && !disabled) {
+      return mintRegistry.apply(boxElement, mint);
     }
   });
 
@@ -111,7 +114,6 @@
     class={unstyled
       ? (slotClasses?.control ?? '')
       : styles.control({ class: slotClasses?.control })}
-    bind:this={controlElement}
     for={id}
   >
     <input
@@ -133,6 +135,7 @@
 
     <span
       class={unstyled ? (slotClasses?.box ?? '') : styles.box({ class: slotClasses?.box })}
+      bind:this={boxElement}
       aria-hidden="true"
       data-state={dataState}
     >

package/dist/primitives/Collapsible/Collapsible.svelte

@@ -28,6 +28,9 @@
   const blocksConfig = getBlocksConfig();
   const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
 
+  // Uncontrolled seed: capture only the initial `defaultOpen`; later changes
+  // must not clobber user interaction.
+  // svelte-ignore state_referenced_locally
   let internalOpen = $state(defaultOpen ?? false);
   const isOpen = $derived(open !== undefined ? open : internalOpen);
 

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

@@ -74,6 +74,18 @@ export interface ConfirmDialogProps {
     closeOnBackdropClick?: boolean;
     /** Whether Escape cancels. @default true */
     closeOnEscape?: boolean;
+    /**
+     * Override the enter/exit animation duration in milliseconds, forwarded to
+     * the underlying {@link Dialog}. Defaults to the overlay token
+     * `--blocks-overlay-enter-duration` / `--blocks-overlay-exit-duration`
+     * (200ms / 180ms). Respects `prefers-reduced-motion`.
+     */
+    transitionDuration?: number;
+    /**
+     * Override the enter/exit easing function, forwarded to the underlying
+     * {@link Dialog}. Defaults to the overlay token easing (`quintOut`).
+     */
+    transitionEasing?: (t: number) => number;
     /** Optional richer markup rendered below `description`. */
     children?: Snippet;
 }

package/dist/primitives/Dialog/Dialog.svelte

@@ -41,6 +41,8 @@
     ...restProps
   }: DialogProps = $props();
 
+  // One-shot DEV sanity check on the initial close-path configuration.
+  // svelte-ignore state_referenced_locally
   if (
     import.meta.env?.DEV &&
     hideCloseButton &&

package/dist/primitives/Drawer/Drawer.svelte

@@ -41,6 +41,8 @@
     ...restProps
   }: DrawerProps = $props();
 
+  // One-shot DEV sanity check on the initial close-path configuration.
+  // svelte-ignore state_referenced_locally
   if (
     import.meta.env?.DEV &&
     hideCloseButton &&
@@ -61,7 +63,7 @@
   let previouslyFocused: HTMLElement | null = null;
 
   const uid = $props.id();
-  const titleId = title ? `drawer-title-${uid}` : undefined;
+  const titleId = $derived(title ? `drawer-title-${uid}` : undefined);
   const bodyId = `drawer-body-${uid}`;
   const overlayId = `drawer-${uid}`;
 

package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts

@@ -136,7 +136,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     base: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -150,7 +150,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     rail: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -164,7 +164,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     node: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -178,7 +178,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     metaColumn: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -192,7 +192,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     meta: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -206,7 +206,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     markerColumn: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -220,7 +220,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     marker: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -234,7 +234,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     connector: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -248,7 +248,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     content: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -262,7 +262,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     card: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -276,7 +276,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     header: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -290,7 +290,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     trigger: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -304,7 +304,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     trailing: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -318,7 +318,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     labelGroup: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -332,7 +332,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     title: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -346,7 +346,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     subtitle: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -360,7 +360,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     segment: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -374,7 +374,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     detail: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -388,7 +388,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     detailInner: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -402,7 +402,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     detailContent: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;
@@ -416,7 +416,7 @@ export declare const journeyTimelineVariants: (props?: import("../../utils/varia
     panel: (props?: ({
         orientation?: "horizontal" | "vertical" | undefined;
         size?: "sm" | "md" | "lg" | undefined;
-        status?: "active" | "blocked" | "attention" | "complete" | "pending" | "skipped" | undefined;
+        status?: "complete" | "active" | "pending" | "attention" | "blocked" | "skipped" | undefined;
         focused?: boolean | undefined;
         interactive?: boolean | undefined;
         travelled?: boolean | undefined;

package/dist/primitives/Menu/MenuSubmenu.svelte

@@ -43,6 +43,7 @@
 
   // Provide parent id to descendants exactly once per component instance
   // so that nested MenuItem components can register with correct parent.
+  // svelte-ignore state_referenced_locally
   setMenuParentId(id);
 
   function toggleOpen() {

package/dist/primitives/Select/Select.svelte

@@ -63,7 +63,7 @@
   // `<Select bind:value={x: T | null}>` narrow correctly. Internally we
   // dispatch through a loose alias so the component code can hand either
   // shape into `onValueChange` without per-branch casts at every call site.
-  const dispatchValueChange = onValueChange as ((v: any) => void) | undefined;
+  const dispatchValueChange = $derived(onValueChange as ((v: any) => void) | undefined);
 
   /** Resolved null option config — `null` when prop is unset or `groups` is in use. */
   const nullOptionConfig = $derived.by(() => {