@timmbr/ui 1.10.0 → 1.11.1

package/dist/components/NavHeader/subcomponents/NavActions.js

@@ -52,31 +52,37 @@ const NavActions = ({
         }
       }
     };
-    const wishCount = wishlistAction?.count;
-    defaultItems.push({
-      id: "wishlist",
-      label: wishlistAction?.label ?? "WISH LIST",
-      icon: wishlistAction?.icon ?? /* @__PURE__ */ jsx(Heart, { size: 22, className: "stroke-[1.8]" }),
-      href: wishlistAction?.href ?? "/wishlist",
-      zone: wishlistAction?.zone,
-      crossZone: wishlistAction?.crossZone,
-      badge: wishlistAction?.badge ?? (wishCount && wishCount > 0 ? wishCount : void 0),
-      onClick: wishlistAction?.onClick,
-      ariaLabel: wishlistAction?.ariaLabel ?? (wishCount ? `Wishlist with ${wishCount} items` : "Wishlist")
-    });
-    const cartCount = cartAction?.count;
-    defaultItems.push({
-      id: "cart",
-      label: cartAction?.label ?? "CART",
-      icon: cartAction?.icon ?? /* @__PURE__ */ jsx(ShoppingCart, { size: 22, className: "stroke-[1.8]" }),
-      href: cartAction?.href ?? "/cart",
-      zone: cartAction?.zone,
-      crossZone: cartAction?.crossZone,
-      badge: cartAction?.badge ?? (cartCount && cartCount > 0 ? cartCount : void 0),
-      onClick: cartAction?.onClick,
-      ariaLabel: cartAction?.ariaLabel ?? (cartCount ? `Shopping cart with ${cartCount} items` : "Shopping cart"),
-      priority: "high"
-    });
+    const wishlist = wishlistAction === false ? void 0 : wishlistAction;
+    if (wishlistAction !== false) {
+      const wishCount = wishlist?.count;
+      defaultItems.push({
+        id: "wishlist",
+        label: wishlist?.label ?? "WISH LIST",
+        icon: wishlist?.icon ?? /* @__PURE__ */ jsx(Heart, { size: 22, className: "stroke-[1.8]" }),
+        href: wishlist?.href ?? "/wishlist",
+        zone: wishlist?.zone,
+        crossZone: wishlist?.crossZone,
+        badge: wishlist?.badge ?? (wishCount && wishCount > 0 ? wishCount : void 0),
+        onClick: wishlist?.onClick,
+        ariaLabel: wishlist?.ariaLabel ?? (wishCount ? `Wishlist with ${wishCount} items` : "Wishlist")
+      });
+    }
+    const cart = cartAction === false ? void 0 : cartAction;
+    if (cartAction !== false) {
+      const cartCount = cart?.count;
+      defaultItems.push({
+        id: "cart",
+        label: cart?.label ?? "CART",
+        icon: cart?.icon ?? /* @__PURE__ */ jsx(ShoppingCart, { size: 22, className: "stroke-[1.8]" }),
+        href: cart?.href ?? "/cart",
+        zone: cart?.zone,
+        crossZone: cart?.crossZone,
+        badge: cart?.badge ?? (cartCount && cartCount > 0 ? cartCount : void 0),
+        onClick: cart?.onClick,
+        ariaLabel: cart?.ariaLabel ?? (cartCount ? `Shopping cart with ${cartCount} items` : "Shopping cart"),
+        priority: "high"
+      });
+    }
     defaultItems.push({
       id: "profile",
       label: profileAction?.label ?? "LOGIN",

package/dist/components/PageProgress/PageProgress.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PageProgressProps } from './PageProgress.types';
+/**
+ * NProgress-style slim line fixed at the very top of the viewport. Mount it (or set
+ * `loading={true}`) to show; unmount (or `loading={false}`) to fade out.
+ *
+ * Indeterminate mode (no `progress`): the bar sweeps left-to-right continuously until
+ * loading ends, matching the Progress component's indeterminate style.
+ * Determinate mode (`progress` 0–100): bar grows to the given percentage.
+ */
+export declare const PageProgress: React.ForwardRefExoticComponent<PageProgressProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageProgress.d.ts.map

package/dist/components/PageProgress/PageProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageProgress.d.ts","sourceRoot":"","sources":["../../../src/components/PageProgress/PageProgress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAE9D;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,0FA0DxB,CAAC"}

package/dist/components/PageProgress/PageProgress.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
+import { pageProgressBarVariants, pageProgressVariants } from './PageProgress.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const PageProgress = React.forwardRef(
+  ({ loading = true, progress, height = 3, zIndex = 9999, color = "bg-primary", motion }, ref) => {
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate } = resolveMotion(motion, globalMotion);
+    const isIndeterminate = progress === void 0;
+    const safeProgress = isIndeterminate ? void 0 : Math.min(Math.max(progress, 0), 100);
+    const [visible, setVisible] = React.useState(loading);
+    const [fading, setFading] = React.useState(false);
+    React.useEffect(() => {
+      if (loading) {
+        setVisible(true);
+        setFading(false);
+      } else if (visible) {
+        if (!shouldAnimate) {
+          setVisible(false);
+          return;
+        }
+        setFading(true);
+        const t = setTimeout(() => {
+          setVisible(false);
+          setFading(false);
+        }, 350);
+        return () => clearTimeout(t);
+      }
+    }, [loading, shouldAnimate]);
+    if (!visible) return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": safeProgress,
+        "aria-label": "Page loading",
+        "data-slot": "page-progress",
+        style: { height, zIndex },
+        className: pageProgressVariants({ fading: fading && shouldAnimate }),
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-slot": "page-progress-bar",
+            className: cn(
+              pageProgressBarVariants({
+                indeterminate: isIndeterminate && !fading,
+                animated: shouldAnimate
+              }),
+              color,
+              !isIndeterminate && shouldAnimate && "transition-[width] duration-300 ease-out"
+            ),
+            style: isIndeterminate ? void 0 : { width: `${safeProgress}%` }
+          }
+        )
+      }
+    );
+  }
+);
+PageProgress.displayName = "PageProgress";
+
+export { PageProgress };

package/dist/components/PageProgress/PageProgress.styles.d.ts

@@ -0,0 +1,8 @@
+export declare const pageProgressVariants: (props?: ({
+    fading?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const pageProgressBarVariants: (props?: ({
+    indeterminate?: boolean | null | undefined;
+    animated?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=PageProgress.styles.d.ts.map

package/dist/components/PageProgress/PageProgress.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageProgress.styles.d.ts","sourceRoot":"","sources":["../../../src/components/PageProgress/PageProgress.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;8EAWhC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;8EAenC,CAAC"}

package/dist/components/PageProgress/PageProgress.styles.js

@@ -0,0 +1,32 @@
+import { cva } from 'class-variance-authority';
+
+const pageProgressVariants = cva(
+  "fixed top-0 left-0 right-0 overflow-hidden",
+  {
+    variants: {
+      fading: {
+        true: "transition-opacity duration-300 opacity-0",
+        false: ""
+      }
+    },
+    defaultVariants: { fading: false }
+  }
+);
+const pageProgressBarVariants = cva(
+  "absolute top-0 bottom-0 rounded-full",
+  {
+    variants: {
+      indeterminate: {
+        true: "animate-indeterminate-bar",
+        false: ""
+      },
+      animated: {
+        true: "",
+        false: "transition-none animate-none"
+      }
+    },
+    defaultVariants: { indeterminate: false, animated: true }
+  }
+);
+
+export { pageProgressBarVariants, pageProgressVariants };

package/dist/components/PageProgress/PageProgress.types.d.ts

@@ -0,0 +1,18 @@
+import type { MotionProp } from '../../types/motion';
+export interface PageProgressProps {
+    /** When false, the bar is hidden; when true (or omitted while mounted), it shows. */
+    loading?: boolean;
+    /**
+     * Determinate value 0–100. Omit for indeterminate mode (the bar crawls to ~80% and stalls
+     * until `loading` becomes false, at which point it completes and fades out).
+     */
+    progress?: number;
+    /** Bar height in px. Default: 3. */
+    height?: number;
+    /** CSS stack order. Default: 9999. */
+    zIndex?: number;
+    /** Tailwind color class for the bar. Default: bg-primary. */
+    color?: string;
+    motion?: MotionProp;
+}
+//# sourceMappingURL=PageProgress.types.d.ts.map

package/dist/components/PageProgress/PageProgress.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageProgress.types.d.ts","sourceRoot":"","sources":["../../../src/components/PageProgress/PageProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAChC,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

package/dist/components/PageProgress/index.d.ts

@@ -0,0 +1,3 @@
+export { PageProgress } from './PageProgress';
+export type { PageProgressProps } from './PageProgress.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PageProgress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PageProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/RadioCard/RadioCard.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { RadioCardProps } from './RadioCard.types';
+/**
+ * A selectable row or tile for choices that need more than a label (a payment method, a delivery
+ * speed). Place inside a `RadioGroup`: the whole card is the radio, so the group's `value`,
+ * `onValueChange`, arrow-key navigation and `name` work as usual.
+ */
+export declare const RadioCard: React.ForwardRefExoticComponent<RadioCardProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=RadioCard.d.ts.map

package/dist/components/RadioCard/RadioCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCard.d.ts","sourceRoot":"","sources":["../../../src/components/RadioCard/RadioCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,SAAS,0FAwCrB,CAAC"}

package/dist/components/RadioCard/RadioCard.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
+import { radioCardMarkerClass, radioCardDotClass, radioCardVariants } from './RadioCard.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const RadioCard = React.forwardRef(
+  ({ className, variant, label, description, icon, trailing, motion, ...props }, ref) => {
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+    return /* @__PURE__ */ jsxs(
+      RadioGroupPrimitive.Item,
+      {
+        ref,
+        "data-slot": "radio-card",
+        className: cn(
+          radioCardVariants({ variant }),
+          !shouldAnimate && "transition-none",
+          motionClass,
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center justify-center", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-body-2 font-medium leading-tight", children: label }),
+            description && /* @__PURE__ */ jsx("span", { className: "text-body-3 leading-normal text-muted-foreground", children: description })
+          ] }),
+          trailing ? /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center", "aria-hidden": "true", children: trailing }) : /* @__PURE__ */ jsx("span", { className: radioCardMarkerClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: radioCardDotClass }) })
+        ]
+      }
+    );
+  }
+);
+RadioCard.displayName = "RadioCard";
+
+export { RadioCard };

package/dist/components/RadioCard/RadioCard.styles.d.ts

@@ -0,0 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const radioCardVariants: (props?: ({
+    variant?: "row" | "card" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** The round marker at the end of a card (replaced by `trailing`). */
+export declare const radioCardMarkerClass = "flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-grey-300 dark:border-grey-700 bg-grey-50 dark:bg-grey-900 group-data-[state=checked]:border-primary";
+export declare const radioCardDotClass = "h-2.5 w-2.5 rounded-full bg-primary";
+export type RadioCardVariants = VariantProps<typeof radioCardVariants>;
+//# sourceMappingURL=RadioCard.styles.d.ts.map

package/dist/components/RadioCard/RadioCard.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCard.styles.d.ts","sourceRoot":"","sources":["../../../src/components/RadioCard/RadioCard.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,iBAAiB;;8EAiB7B,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,oBAAoB,qLACmJ,CAAC;AAErL,eAAO,MAAM,iBAAiB,wCAAwC,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC"}

package/dist/components/RadioCard/RadioCard.styles.js

@@ -0,0 +1,24 @@
+import { cva } from 'class-variance-authority';
+
+const radioCardVariants = cva(
+  "group flex w-full items-center gap-3 text-left font-sans text-foreground transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer",
+  {
+    variants: {
+      /**
+       * - `row`: no surface of its own, for lists inside a card (divide them with `divide-y` on the group);
+       * - `card`: a bordered tile that highlights when selected.
+       */
+      variant: {
+        row: "py-4",
+        card: "rounded-[8px] border border-grey-200 dark:border-grey-800 bg-card p-4 hover:border-grey-400 data-[state=checked]:border-primary"
+      }
+    },
+    defaultVariants: {
+      variant: "row"
+    }
+  }
+);
+const radioCardMarkerClass = "flex h-5 w-5 shrink-0 items-center justify-center rounded-full border border-grey-300 dark:border-grey-700 bg-grey-50 dark:bg-grey-900 group-data-[state=checked]:border-primary";
+const radioCardDotClass = "h-2.5 w-2.5 rounded-full bg-primary";
+
+export { radioCardDotClass, radioCardMarkerClass, radioCardVariants };

package/dist/components/RadioCard/RadioCard.types.d.ts

@@ -0,0 +1,28 @@
+import type * as React from 'react';
+import type * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import type { RadioCardVariants } from './RadioCard.styles';
+import type { MotionProp } from '../../types/motion';
+export interface RadioCardProps extends Omit<RadioGroupPrimitive.RadioGroupItemProps, 'children'>, RadioCardVariants {
+    /**
+     * Main text of the option.
+     */
+    label: React.ReactNode;
+    /**
+     * Supporting text under the label.
+     */
+    description?: React.ReactNode;
+    /**
+     * Leading visual (an icon or logo), shown before the label.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Replaces the round selection marker at the end (e.g. a chevron).
+     * The card is still announced and navigated as a radio.
+     */
+    trailing?: React.ReactNode;
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+//# sourceMappingURL=RadioCard.types.d.ts.map

package/dist/components/RadioCard/RadioCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioCard/RadioCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,UAAU,CAAC,EAC/D,iBAAiB;IACnB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}

package/dist/components/RadioCard/index.d.ts

@@ -0,0 +1,4 @@
+export * from './RadioCard';
+export * from './RadioCard.types';
+export * from './RadioCard.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}

package/dist/components/Skeleton/Skeleton.styles.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const skeletonVariants: (props?: ({
-    variant?: "text" | "circular" | "rectangular" | "card" | null | undefined;
+    variant?: "text" | "card" | "circular" | "rectangular" | null | undefined;
     animation?: "none" | "pulse" | "wave" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SkeletonVariants = VariantProps<typeof skeletonVariants>;

package/dist/components/Snackbar/Snackbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,sFA+FpB,CAAC"}
+{"version":3,"file":"Snackbar.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,sFAiGpB,CAAC"}

package/dist/components/Snackbar/Snackbar.js

@@ -3,7 +3,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { AlertCircle, AlertTriangle, CheckCircle, Info, X } from '@timmbr/icons';
 import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
 import { snackbarIconVariants, snackbarActionVariants, snackbarCloseVariants, snackbarVariants } from './Snackbar.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
 
 const ICONS = {
   default: Info,
@@ -14,9 +16,11 @@ const ICONS = {
 };
 const SWIPE_DISMISS_PX = 48;
 const Snackbar = React.forwardRef(
-  ({ item, onDismiss, dismissLabel = "Dismiss", className, style, ...props }, ref) => {
+  ({ item, onDismiss, dismissLabel = "Dismiss", motion, className, style, ...props }, ref) => {
     const variant = item.variant ?? "default";
     const Icon = ICONS[variant];
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate } = resolveMotion(motion, globalMotion);
     const duration = item.duration ?? (item.action ? 6e3 : 4e3);
     const [paused, setPaused] = React.useState(false);
     const remaining = React.useRef(duration);
@@ -62,7 +66,7 @@ const Snackbar = React.forwardRef(
         "data-slot": "snackbar",
         "data-variant": variant,
         "data-state": item.open ? "open" : "closed",
-        className: cn(snackbarVariants({ open: item.open }), dragging && "transition-none", className),
+        className: cn(snackbarVariants({ open: item.open, animated: shouldAnimate }), dragging && "transition-none", className),
         style: {
           ...style,
           ...dragging && {

package/dist/components/Snackbar/Snackbar.styles.d.ts

@@ -7,6 +7,7 @@ export declare const snackbarHostVariants: (props?: import("class-variance-autho
 /** Inverse surface (dark bar, light text), as on Android and most shopping apps. */
 export declare const snackbarVariants: (props?: ({
     open?: boolean | null | undefined;
+    animated?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const snackbarIconVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;

package/dist/components/Snackbar/Snackbar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,gBAAgB;;8EAW5B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAW/B,CAAC;AAEH,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,oFAElC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oFAEjC,CAAC"}
+{"version":3,"file":"Snackbar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.styles.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,oFAEhC,CAAC;AAEF,oFAAoF;AACpF,eAAO,MAAM,gBAAgB;;;8EAe5B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;8EAW/B,CAAC;AAEH,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,oFAElC,CAAC;AAEF,eAAO,MAAM,qBAAqB,oFAEjC,CAAC"}

package/dist/components/Snackbar/Snackbar.styles.js

@@ -4,15 +4,19 @@ const snackbarHostVariants = cva(
   "pointer-events-none fixed inset-x-3 z-[110] flex justify-center bottom-[calc(0.75rem+env(safe-area-inset-bottom)+var(--toast-offset-bottom,0px))] transition-[bottom] duration-200 sm:inset-x-auto sm:left-1/2 sm:-translate-x-1/2"
 );
 const snackbarVariants = cva(
-  "pointer-events-auto flex w-full min-h-12 touch-pan-y select-none items-center gap-3 rounded-md bg-grey-950 py-2.5 pl-4 pr-2 font-sans text-grey-50 shadow-xl sm:w-auto sm:min-w-[22rem] sm:max-w-[36rem] motion-safe:transition-[transform,opacity] motion-safe:duration-200",
+  "pointer-events-auto flex w-full min-h-12 touch-pan-y select-none items-center gap-3 rounded-md bg-grey-950 py-2.5 pl-4 pr-2 font-sans text-grey-50 shadow-xl sm:w-auto sm:min-w-[22rem] sm:max-w-[36rem]",
   {
     variants: {
       open: {
         true: "translate-y-0 opacity-100",
         false: "translate-y-2 opacity-0"
+      },
+      animated: {
+        true: "transition-[transform,opacity] duration-200",
+        false: "transition-none"
       }
     },
-    defaultVariants: { open: true }
+    defaultVariants: { open: true, animated: true }
   }
 );
 const snackbarIconVariants = cva("size-5 shrink-0", {
@@ -28,10 +32,10 @@ const snackbarIconVariants = cva("size-5 shrink-0", {
   defaultVariants: { variant: "default" }
 });
 const snackbarActionVariants = cva(
-  "shrink-0 rounded-sm px-2.5 py-2 text-body-3 font-bold uppercase tracking-wide text-primary-200 transition-colors hover:bg-grey-50/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-grey-50"
+  "cursor-pointer shrink-0 rounded-sm px-2.5 py-2 text-body-3 font-bold uppercase tracking-wide text-primary-200 transition-colors hover:bg-grey-50/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-grey-50"
 );
 const snackbarCloseVariants = cva(
-  "flex size-8 shrink-0 items-center justify-center rounded-full text-grey-400 transition-colors hover:bg-grey-50/10 hover:text-grey-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-grey-50"
+  "cursor-pointer flex size-8 shrink-0 items-center justify-center rounded-full text-grey-400 transition-colors hover:bg-grey-50/10 hover:text-grey-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-grey-50"
 );
 
 export { snackbarActionVariants, snackbarCloseVariants, snackbarHostVariants, snackbarIconVariants, snackbarVariants };

package/dist/components/Snackbar/Snackbar.types.d.ts

@@ -22,11 +22,14 @@ export interface SnackbarItem extends SnackbarOptions {
     /** False while it animates out. */
     open: boolean;
 }
+import type { MotionProp } from '../../types/motion';
 export interface SnackbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     item: SnackbarItem;
     onDismiss: () => void;
     /** Labels for assistive tech. */
     dismissLabel?: string;
+    /** Override animation behaviour. `false` disables entry/exit transitions; omit to inherit global setting. */
+    motion?: MotionProp;
 }
 export interface SnackbarHostProps {
     /** Accessible name of the dismiss control (snackbars can be swiped away too). */

package/dist/components/Snackbar/Snackbar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;AAEzF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sEAAsE;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mFAAmF;IACnF,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"Snackbar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,CAAC;AAEzF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,eAAe;IAC9B,sEAAsE;IACtE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sEAAsE;IACtE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,mFAAmF;IACnF,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,mCAAmC;IACnC,IAAI,EAAE,OAAO,CAAC;CACf;AAED,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6GAA6G;IAC7G,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAChC,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Snackbar/snackbarStore.d.ts

@@ -4,6 +4,9 @@ import type { SnackbarItem, SnackbarOptions } from './Snackbar.types';
 export declare const SNACKBAR_EXIT_MS = 180;
 type Listener = () => void;
 /**
+ * Browser-only module-level singleton. Not SSR-safe — never import this on the server.
+ * Use `.reset()` in tests to clear state between cases.
+ *
  * One snackbar at a time (the mobile pattern): showing a new one closes the current one first;
  * extra ones wait their turn. Re-showing an id that's on screen or queued updates it in place.
  */

package/dist/components/Snackbar/snackbarStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snackbarStore.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/snackbarStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAmB,MAAM,kBAAkB,CAAC;AAEvF,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;GAGG;AACH,cAAM,aAAa;IACjB,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,SAAS,CAA4C;IAC7D,OAAO,CAAC,KAAK,CAAK;IAElB,0FAA0F;IAC1F,YAAY,mBAKV;IAEF,OAAO,gBAAwB;IAE/B,SAAS,GAAI,UAAU,QAAQ,gBAK7B;IAEF,UAAU,4BAAsB;IAEhC,OAAO,CAAC,MAAM;IAId,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,GAAE,eAAoB,GAAG,MAAM;IAsBrE,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM;IAMnB,OAAO,CAAC,KAAK;IAab,OAAO,CAAC,IAAI;IAKZ,mBAAmB;IACnB,KAAK;CAMN;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC;AAEjD,KAAK,eAAe,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,KAAK,MAAM,CAAC;AAExG,MAAM,WAAW,gBAAgB;IAC/B,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC9D,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAOD,8FAA8F;AAC9F,eAAO,MAAM,QAAQ,EAAE,gBAStB,CAAC"}
+{"version":3,"file":"snackbarStore.d.ts","sourceRoot":"","sources":["../../../src/components/Snackbar/snackbarStore.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAmB,MAAM,kBAAkB,CAAC;AAEvF,0EAA0E;AAC1E,eAAO,MAAM,gBAAgB,MAAM,CAAC;AAEpC,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAE3B;;;;;;GAMG;AACH,cAAM,aAAa;IACjB,OAAO,CAAC,OAAO,CAA6B;IAC5C,OAAO,CAAC,KAAK,CAAsB;IACnC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,SAAS,CAA4C;IAC7D,OAAO,CAAC,KAAK,CAAK;IAElB,0FAA0F;IAC1F,YAAY,mBAKV;IAEF,OAAO,gBAAwB;IAE/B,SAAS,GAAI,UAAU,QAAQ,gBAK7B;IAEF,UAAU,4BAAsB;IAEhC,OAAO,CAAC,MAAM;IAId,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,GAAE,eAAoB,GAAG,MAAM;IAsBrE,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM;IAMnB,OAAO,CAAC,KAAK;IAab,OAAO,CAAC,IAAI;IAKZ,mBAAmB;IACnB,KAAK;CAMN;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC;AAEjD,KAAK,eAAe,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,KAAK,MAAM,CAAC;AAExG,MAAM,WAAW,gBAAgB;IAC/B,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,eAAe,GAAG,MAAM,CAAC;IAC9D,OAAO,EAAE,eAAe,CAAC;IACzB,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,EAAE,eAAe,CAAC;IACzB,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAOD,8FAA8F;AAC9F,eAAO,MAAM,QAAQ,EAAE,gBAStB,CAAC"}

package/dist/components/Switch/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,uFAsElB,CAAC"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,uFAkFlB,CAAC"}

package/dist/components/Switch/Switch.js

@@ -3,7 +3,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
 import { switchThumbVariants, switchVariants } from './Switch.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
 
 const Switch = React.forwardRef(
   ({
@@ -13,22 +15,37 @@ const Switch = React.forwardRef(
     size,
     label,
     description,
+    motion,
     id: customId,
     disabled,
     ...props
   }, ref) => {
     const generatedId = React.useId();
     const id = customId || generatedId;
+    const globalMotion = useGlobalAnimation();
+    const { shouldAnimate } = resolveMotion(motion, globalMotion);
     const switchElement = /* @__PURE__ */ jsx(
       SwitchPrimitive.Root,
       {
         ref,
         id,
         disabled,
-        className: cn(switchVariants({ size }), !label && className),
+        className: cn(
+          switchVariants({ size }),
+          shouldAnimate ? "transition-colors" : "transition-none",
+          !label && className
+        ),
         style: !label ? style : void 0,
         ...props,
-        children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { className: cn(switchThumbVariants({ size })) })
+        children: /* @__PURE__ */ jsx(
+          SwitchPrimitive.Thumb,
+          {
+            className: cn(
+              switchThumbVariants({ size }),
+              shouldAnimate ? "transition-transform" : "transition-none"
+            )
+          }
+        )
       }
     );
     if (!label && !description) {

package/dist/components/Switch/Switch.styles.js

@@ -1,7 +1,7 @@
 import { cva } from 'class-variance-authority';
 
 const switchVariants = cva(
-  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-grey-200 dark:data-[state=unchecked]:bg-grey-700",
+  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-grey-200 dark:data-[state=unchecked]:bg-grey-700",
   {
     variants: {
       size: {
@@ -17,7 +17,7 @@ const switchVariants = cva(
   }
 );
 const switchThumbVariants = cva(
-  "pointer-events-none block rounded-full bg-grey-50 shadow-md ring-0 transition-transform data-[state=unchecked]:translate-x-0",
+  "pointer-events-none block rounded-full bg-grey-50 shadow-md ring-0 data-[state=unchecked]:translate-x-0",
   {
     variants: {
       size: {

package/dist/components/Switch/Switch.types.d.ts

@@ -1,6 +1,7 @@
 import type * as React from 'react';
 import type * as SwitchPrimitive from '@radix-ui/react-switch';
 import type { SwitchVariants } from './Switch.styles';
+import type { MotionProp } from '../../types/motion';
 export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, 'size'>, SwitchVariants {
     /**
      * Primary label text displayed next to the switch toggle.
@@ -14,5 +15,7 @@ export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof
      * Custom className for the outer container wrapper.
      */
     containerClassName?: string;
+    /** Override animation behaviour. `false` disables transitions; omit to inherit global setting. */
+    motion?: MotionProp;
 }
 //# sourceMappingURL=Switch.types.d.ts.map

package/dist/components/Switch/Switch.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,WACf,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,MAAM,CACP,EACD,cAAc;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,WACf,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,MAAM,CACP,EACD,cAAc;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kGAAkG;IAClG,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB"}