@urbicon-ui/blocks 6.40.3 → 6.43.0

package/dist/primitives/Toast/toast.variants.d.ts

@@ -1,70 +1,70 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const toastVariants: ((props?: {
-    intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+    intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
     placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
 } | undefined) => {
     container: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     toast: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     icon: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     content: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     title: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     description: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     actions: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     actionButton: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     cancelButton: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     dismissButton: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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;
     progress: (props?: ({
-        intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "success" | "warning" | "danger" | "neutral" | "info" | undefined;
         placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | 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/Toast/toast.variants.js

@@ -10,7 +10,11 @@ export const toastVariants = tv({
             'pointer-events-auto flex items-start gap-3 w-full max-w-sm',
             'rounded-contain p-4',
             'shadow-[var(--blocks-shadow-lg)]',
-            'transition-[color,background-color,box-shadow,opacity,transform] duration-[var(--blocks-duration-normal)] ease-[var(--blocks-ease-smooth)]'
+            // No transform entry: the enter/exit motion is Svelte's `transition:fly`,
+            // which runs as a CSS *animation* (keyframes) and ignores
+            // `transition-property` entirely. Nothing on this slot sets a
+            // scale/translate/rotate utility, so a `transform` entry was dead weight.
+            'transition-[color,background-color,box-shadow,opacity] duration-[var(--blocks-duration-normal)] ease-[var(--blocks-ease-smooth)]'
         ],
         icon: 'shrink-0 mt-0.5 w-5 h-5',
         content: 'flex-1 min-w-0',

package/dist/primitives/Toggle/toggle.variants.js

@@ -8,7 +8,26 @@ export const toggleVariants = tv({
         // rectangle switch that reads as inline-toolbar control.
         track: [
             'relative inline-flex items-center',
-            'transition-[color,background-color,border-color,box-shadow] duration-[var(--blocks-duration-fast)] ease-out',
+            'transition-[color,background-color,border-color,box-shadow,scale] duration-[var(--blocks-duration-fast)] ease-out',
+            // Press feedback on the control surface — the same small-element press
+            // cue Checkbox took from Badge/Avatar (`scale-95`), with `group-active`
+            // so pressing the label squeezes the switch too. It rides the TRACK,
+            // not the thumb, for three reasons:
+            //   1. the track is the switch's control surface — Checkbox puts the
+            //      cue on `box`, and the whole subtree (thumb included) squeezes
+            //      with it, so one class covers the entire control;
+            //   2. the `dot` variant *hides* the thumb, so a thumb-mounted cue
+            //      would silently vanish exactly where the control is smallest;
+            //   3. the thumb already drives motion through `translate` (its
+            //      resting `-translate-y-1/2` plus the per-size `translate-x-*`).
+            //      Tailwind 4 compiles `scale-*` to the discrete `scale` property,
+            //      which CSS applies AFTER `translate` about the element's own
+            //      centre — so a thumb-mounted cue would shrink the knob in place
+            //      at whichever end of the track it sits, reading as a rendering
+            //      glitch rather than a press.
+            // `scale` is in the transition list above, and reduced motion collapses
+            // `--blocks-duration-fast` to 1ms.
+            'group-active:scale-95',
             'border border-transparent',
             'peer-focus-visible:ring-2 peer-focus-visible:ring-primary/50',
             'peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-surface-base'
@@ -104,7 +123,18 @@ export const toggleVariants = tv({
             variant: 'default',
             checked: false,
             class: {
-                track: 'bg-surface-interactive',
+                // Off-state hover steps the boundary up to `border-emphasis` — the
+                // same destination Checkbox's unchecked `outlined` box reaches, on
+                // the border the track already reserves (`border border-transparent`
+                // in the slot base, so nothing shifts).
+                // Deliberately NOT a fill step: the off track sits on
+                // `surface-interactive`, which resolves to the SAME value as
+                // `surface-hover` in light mode (both neutral-100) and as
+                // `surface-active` in dark (both neutral-700) — in the library
+                // default *and* under the docs Rooms skin. Either fill token would
+                // therefore be a silent no-op in one of the two modes; the border is
+                // the only step that reads in both.
+                track: 'bg-surface-interactive group-hover:border-border-emphasis',
                 thumb: 'translate-x-0'
             }
         },
@@ -113,7 +143,11 @@ export const toggleVariants = tv({
             variant: 'default',
             checked: false,
             withBorder: true,
-            class: { track: 'border-border-strong' }
+            // `border-strong` is the top of the border ladder, so the off-state
+            // hover above would *weaken* it (strong → emphasis). Pin the hover
+            // bucket to strong: an opt-in permanent boundary must not soften when
+            // the pointer arrives.
+            class: { track: 'border-border-strong group-hover:border-border-strong' }
         },
         {
             variant: 'default',
@@ -122,41 +156,58 @@ export const toggleVariants = tv({
             class: { track: 'ring-1 ring-inset ring-surface-base/40' }
         },
         // ── Checked track per intent (Switch-Pill only) ──
+        // Hover/active darken through the intent interaction-layer tokens — the
+        // same `bg-<intent>-hover` / `bg-<intent>-active` ladder Button and
+        // Checkbox use — via `group-*` so hovering/pressing the label counts too.
+        // The border stays on the base intent stop (as in Checkbox), leaving a
+        // hairline rim that makes the fill step legible.
         {
             variant: 'default',
             checked: true,
             intent: 'primary',
-            class: { track: 'bg-primary border-primary' }
+            class: {
+                track: 'bg-primary border-primary group-hover:bg-primary-hover group-active:bg-primary-active'
+            }
         },
         {
             variant: 'default',
             checked: true,
             intent: 'secondary',
-            class: { track: 'bg-secondary border-secondary' }
+            class: {
+                track: 'bg-secondary border-secondary group-hover:bg-secondary-hover group-active:bg-secondary-active'
+            }
         },
         {
             variant: 'default',
             checked: true,
             intent: 'success',
-            class: { track: 'bg-success border-success' }
+            class: {
+                track: 'bg-success border-success group-hover:bg-success-hover group-active:bg-success-active'
+            }
         },
         {
             variant: 'default',
             checked: true,
             intent: 'warning',
-            class: { track: 'bg-warning border-warning' }
+            class: {
+                track: 'bg-warning border-warning group-hover:bg-warning-hover group-active:bg-warning-active'
+            }
         },
         {
             variant: 'default',
             checked: true,
             intent: 'danger',
-            class: { track: 'bg-danger border-danger' }
+            class: {
+                track: 'bg-danger border-danger group-hover:bg-danger-hover group-active:bg-danger-active'
+            }
         },
         {
             variant: 'default',
             checked: true,
             intent: 'neutral',
-            class: { track: 'bg-neutral border-neutral' }
+            class: {
+                track: 'bg-neutral border-neutral group-hover:bg-neutral-hover group-active:bg-neutral-active'
+            }
         },
         // ── Error state: danger boundary on the unchecked track (Switch-Pill) ──
         // Mirrors Checkbox ("error overrides unchecked border"): the off state
@@ -165,11 +216,16 @@ export const toggleVariants = tv({
         // The dot-variant twin lives at the END of the compound list so it
         // folds over the dot-unchecked `border-border-default` (order is
         // semantic — later compounds win conflicting buckets).
+        // `group-hover:border-danger` pins the hover bucket as well — without it
+        // the off-state hover step above would repaint the error boundary neutral
+        // the moment the pointer arrives, which is exactly when the mark matters.
         {
             variant: 'default',
             error: true,
             checked: false,
-            class: { track: 'border-danger peer-focus-visible:ring-danger/40' }
+            class: {
+                track: 'border-danger group-hover:border-danger peer-focus-visible:ring-danger/40'
+            }
         },
         // ── Thumb translation per size when checked (Switch-Pill only) ──
         { variant: 'default', checked: true, size: 'xs', class: { thumb: 'translate-x-4' } },
@@ -193,50 +249,68 @@ export const toggleVariants = tv({
         {
             variant: 'dot',
             checked: false,
-            class: { track: 'border-border-default' }
+            // Off-state hover: `border-default` → `border-emphasis`, the exact
+            // ladder Checkbox's unchecked `outlined` box walks (the dot is
+            // outline-only, so its boundary is the whole control).
+            class: { track: 'border-border-default group-hover:border-border-emphasis' }
         },
+        // Same intent interaction layer as the Switch-Pill above — the dot is a
+        // filled intent surface too, just a 14px one.
         {
             variant: 'dot',
             checked: true,
             intent: 'primary',
-            class: { track: 'border-primary bg-primary' }
+            class: {
+                track: 'border-primary bg-primary group-hover:bg-primary-hover group-active:bg-primary-active'
+            }
         },
         {
             variant: 'dot',
             checked: true,
             intent: 'secondary',
-            class: { track: 'border-secondary bg-secondary' }
+            class: {
+                track: 'border-secondary bg-secondary group-hover:bg-secondary-hover group-active:bg-secondary-active'
+            }
         },
         {
             variant: 'dot',
             checked: true,
             intent: 'success',
-            class: { track: 'border-success bg-success' }
+            class: {
+                track: 'border-success bg-success group-hover:bg-success-hover group-active:bg-success-active'
+            }
         },
         {
             variant: 'dot',
             checked: true,
             intent: 'warning',
-            class: { track: 'border-warning bg-warning' }
+            class: {
+                track: 'border-warning bg-warning group-hover:bg-warning-hover group-active:bg-warning-active'
+            }
         },
         {
             variant: 'dot',
             checked: true,
             intent: 'danger',
-            class: { track: 'border-danger bg-danger' }
+            class: {
+                track: 'border-danger bg-danger group-hover:bg-danger-hover group-active:bg-danger-active'
+            }
         },
         {
             variant: 'dot',
             checked: true,
             intent: 'neutral',
-            class: { track: 'border-neutral bg-neutral' }
+            class: {
+                track: 'border-neutral bg-neutral group-hover:bg-neutral-hover group-active:bg-neutral-active'
+            }
         },
         // ── Error state, dot variant (must fold over dot-unchecked border) ──
+        // Pins the hover bucket too, for the same reason as the Switch-Pill twin.
         {
             variant: 'dot',
             error: true,
             checked: false,
-            class: { track: 'border-danger' }
+            class: { track: 'border-danger group-hover:border-danger' }
         }
     ],
     defaultVariants: {

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

@@ -1,19 +1,19 @@
 import { type SlotNames, type VariantProps } from '../../utils/variants.js';
 export declare const tooltipVariants: ((props?: {
     open?: boolean | undefined;
-    intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
+    intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined) => {
     base: (props?: ({
         open?: boolean | undefined;
-        intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         size?: "sm" | "md" | "lg" | 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?: ({
         open?: boolean | undefined;
-        intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
+        intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
         size?: "sm" | "md" | "lg" | 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/Tooltip/tooltip.variants.js

@@ -48,10 +48,14 @@ export const tooltipVariants = tv({
             true: { base: 'opacity-100 starting:opacity-0' },
             false: { base: 'opacity-0' }
         },
+        // The standard six-value palette. `info` is deliberately absent: it belongs
+        // to the feedback family (Alert, Toast), where it means "informational, and
+        // stable under a rebrand" — a tooltip is a container, and `info` sat one
+        // hue-step from `primary` (220 vs 240), so the two were barely
+        // distinguishable while implying a distinction that wasn't there.
         intent: {
             primary: { base: 'bg-primary text-text-on-primary' },
             secondary: { base: 'bg-secondary text-text-on-primary' },
-            info: { base: 'bg-info text-text-on-primary' },
             success: { base: 'bg-success text-text-on-primary' },
             warning: { base: 'bg-warning text-text-on-warning' },
             danger: { base: 'bg-danger text-text-on-primary' },

package/dist/style/themes/index.css

@@ -23,8 +23,14 @@
  *                        (e.g. Sunset shifts it warm, Ocean cool) so that
  *                        surfaces, text and borders harmonise instead of
  *                        reading as a fixed cool grey. Only the hue shifts;
- *                        lightness and chroma match the foundation ramp, so
- *                        WCAG contrast is preserved.
+ *                        lightness and chroma match the foundation ramp. On this
+ *                        near-zero-chroma chassis ramp (chroma ≈ 0.01) that keeps
+ *                        WCAG contrast effectively unchanged (measured 5.95–6.05:1
+ *                        across every theme). It is NOT a general rule: at higher
+ *                        chroma, luminance still moves with hue at constant L/C
+ *                        (an accent ramp can slip under AA that way), which is why
+ *                        contrast.test.ts measures every theme rather than trusting
+ *                        this comment.
  *
  * Because surface-*, text-* and border-* all derive from --color-neutral-*
  * in semantic.css, re-tinting that one ramp flows through the whole chassis

package/dist/utils/guide.svelte.js

@@ -103,10 +103,12 @@ const ROUTE_TARGET_TIMEOUT_MS = 4000;
  * `route` is a normalized pathname (leading `/`), so the suffix test lands on a real segment
  * boundary — `/myexpenses` does not end with `/expenses`.
  */
+/** Drop a single trailing slash (except the root) — the one normalization both the
+ *  own-vs-foreign heuristic and the pre-navigation skip agree on. */
+const stripTrailingSlash = (s) => (s.length > 1 && s.endsWith('/') ? s.slice(0, -1) : s);
 function looksLikeNormalizedRoute(landed, route) {
-    const stripSlash = (s) => (s.length > 1 && s.endsWith('/') ? s.slice(0, -1) : s);
-    const l = stripSlash(landed);
-    const r = stripSlash(route);
+    const l = stripTrailingSlash(landed);
+    const r = stripTrailingSlash(route);
     return l === r || l.endsWith(r);
 }
 let tourIdCounter = 0;
@@ -510,7 +512,17 @@ export class GuideController {
         const route = this.currentStep?.route;
         if (route == null)
             return;
-        if (route === this.#navSource.current())
+        // Already on the (logical) route → nothing to do. Normalize only a trailing
+        // slash before comparing, NOT the full own-vs-foreign heuristic: under a
+        // normalizing router the current path is `/expenses/` for a step route of
+        // `/expenses`, and an exact compare would re-navigate to the same logical
+        // route — a router that no-op's that `goto` emits no report, leaving a
+        // targetless expectation armed (a spurious DEV foreign-nav warning). The
+        // heuristic's `endsWith` prefix match is deliberately NOT used here: it would
+        // treat a genuine `/reports/summary` → `/summary` advance as "already there"
+        // and silently strand the tour. Prefix/locale forms are still recognized as
+        // OWN *after* navigating, on the async path (where they are DEV-warned).
+        if (stripTrailingSlash(route) === stripTrailingSlash(this.#navSource.current()))
             return;
         if (!this.#navigate) {
             if (this.#dev) {

package/dist/utils/persistent-state.svelte.d.ts

@@ -13,15 +13,39 @@ export interface PersistentStateConfig<T> {
 /**
  * Create a persistent state that automatically syncs with storage
  * Uses Svelte 5 $state() for reactivity
+ *
+ * Besides `value`, the returned object exposes `hasStoredValue` — whether an
+ * entry for this key exists in storage. That is what lets a consumer tell a
+ * *stored empty* value (`[]`, `''`, `null` — the user cleared it) from *nothing
+ * stored at all*, so a cleared state can win over a default/seed instead of
+ * being re-applied on every load. Two rules keep that signal meaningful: a save
+ * that would not change the stored bytes is skipped, and an instance nobody
+ * wrote to never creates an entry for its own default (so `reset()` is not
+ * undone by the auto-save, and untouched state stays out of storage). Writing
+ * the default *back* — clearing — is a real write and does create the entry.
+ *
+ * Values must round-trip through the configured `serialize`/`deserialize`;
+ * `Set`/`Map` do not under the `JSON.stringify` default (they serialize to
+ * `{}`), so pass converting functions or store plain arrays/objects.
  */
 export declare function createPersistentState<T>(config: PersistentStateConfig<T>): {
     value: T;
+    /**
+     * Whether storage currently holds an entry for this key: `true` when
+     * construction (or `reload()`) found a parseable entry, and after a write
+     * actually reached storage; `false` when the key was absent or corrupt,
+     * after `reset()`, and always without a working storage (SSR, private
+     * mode). Use it to distinguish a stored empty value from an absent one.
+     */
+    readonly hasStoredValue: boolean;
     /**
      * Reset to default value and clear storage
      */
     reset(): void;
     /**
-     * Force immediate save (bypasses debounce)
+     * Force immediate save (bypasses debounce). A no-op when storage already
+     * holds exactly this value, and — like the auto-save — when the instance
+     * was never written to and still holds its default.
      */
     forceSave(): void;
     /**