@timmbr/ui 1.4.2 → 1.6.0

package/dist/components/Text/Text.styles.js

@@ -1,33 +1,39 @@
 import { cva } from 'class-variance-authority';
 
-const textVariants = cva("font-sans transition-colors leading-[1.3]", {
+const textVariants = cva("transition-colors", {
   variants: {
     variant: {
-      "body-1": "text-[16px] font-normal",
-      "body-2": "text-[14px] font-normal",
-      "body-2-medium": "text-[14px] font-medium",
-      "body-2-semibold": "text-[14px] font-semibold",
-      "body-2-light": "text-[14px] font-light",
-      "body-3": "text-[12px] font-normal",
-      "body-3-light": "text-[12px] font-light",
-      "subtitle-1": "text-[18px] font-semibold",
-      "subtitle-2": "text-[18px] font-semibold",
-      caption: "text-[11px] font-normal tracking-wide"
+      // Each variant is the matching @timmbr/theme text style (size, line-height, weight, font).
+      "body-1": "text-body-1",
+      "body-2": "text-body-2",
+      "body-2-medium": "text-body-2-medium",
+      "body-2-semibold": "text-body-2-semibold",
+      "body-2-light": "text-body-2-light",
+      "body-3": "text-body-3",
+      "body-3-light": "text-body-3-light",
+      "subtitle-1": "text-subtitle-1",
+      "subtitle-2": "text-subtitle-2",
+      caption: "text-caption-lg tracking-wide",
+      /** Small uppercase label above content (the caption token, semibold). */
+      overline: "text-caption-lg tracking-wide uppercase font-semibold"
     },
     foreground: {
       default: "text-foreground",
-      muted: "text-grey-600 dark:text-grey-400",
+      muted: "text-muted-foreground",
       subtle: "text-grey-500 dark:text-grey-500",
       primary: "text-primary",
       secondary: "text-secondary-foreground",
       destructive: "text-destructive",
-      white: "text-white",
+      success: "text-success",
+      warning: "text-warning",
+      white: "text-grey-50",
       inherit: "text-inherit"
     },
     font: {
-      sans: "font-sans",
-      display: "font-display",
-      title: "font-title"
+      // Text styles already use the sans font; other families override it.
+      sans: "",
+      display: "font-display!",
+      title: "font-title!"
     },
     weight: {
       light: "font-light",
@@ -36,6 +42,16 @@ const textVariants = cva("font-sans transition-colors leading-[1.3]", {
       semibold: "font-semibold",
       bold: "font-bold"
     },
+    /** Same-width digits (prices, coordinates, counters). */
+    tabular: {
+      true: "tabular-nums",
+      false: ""
+    },
+    /** One line, cut with an ellipsis. */
+    truncate: {
+      true: "truncate",
+      false: ""
+    },
     italic: {
       true: "italic",
       false: "not-italic"

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

@@ -28,6 +28,6 @@ export interface TextProps extends React.HTMLAttributes<HTMLElement>, TextVarian
      * Foreground color token.
      * @default 'default'
      */
-    foreground?: 'default' | 'muted' | 'subtle' | 'primary' | 'secondary' | 'destructive' | 'white' | 'inherit';
+    foreground?: 'default' | 'muted' | 'subtle' | 'primary' | 'secondary' | 'destructive' | 'success' | 'warning' | 'white' | 'inherit';
 }
 //# sourceMappingURL=Text.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,MAAM,CAAC;AAEnC,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,YAAY;IACd;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,aAAa,GACb,OAAO,GACP,SAAS,CAAC;CACf"}
+{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,OAAO,GAAG,GAAG,GAAG,MAAM,CAAC;AAEnC,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACvC,YAAY;IACd;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,CAAC;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACpC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,SAAS,GACT,OAAO,GACP,SAAS,CAAC;CACf"}

package/dist/components/Textarea/Textarea.js

@@ -84,7 +84,7 @@ const Textarea = React.forwardRef(
             "label",
             {
               htmlFor: id,
-              className: "text-xs font-semibold text-foreground tracking-wide select-none text-left",
+              className: "text-body-3 font-semibold text-foreground tracking-wide select-none text-left",
               children: label
             }
           ),
@@ -95,7 +95,7 @@ const Textarea = React.forwardRef(
                 htmlFor: id,
                 className: cn(
                   "absolute pointer-events-none transition-all duration-200 select-none z-10 truncate max-w-[calc(100%-24px)]",
-                  isFloatingActive ? "-top-2.5 left-2.5 px-1 bg-white dark:bg-grey-900 text-[11px] font-semibold leading-none rounded-xs" : "top-3 left-3 text-sm text-muted-foreground leading-none"
+                  isFloatingActive ? "-top-2.5 left-2.5 px-1 bg-grey-50 dark:bg-grey-900 text-caption-lg font-semibold leading-none rounded-xs" : "top-3 left-3 text-body-2 text-muted-foreground leading-none"
                 ),
                 style: {
                   color: isFloatingActive ? isError ? "var(--color-destructive)" : "var(--color-primary)" : void 0
@@ -145,7 +145,7 @@ const Textarea = React.forwardRef(
               {
                 id: `${id}-desc`,
                 className: cn(
-                  "text-xs mt-1 flex items-center gap-1.5 flex-1",
+                  "text-body-3 mt-1 flex items-center gap-1.5 flex-1",
                   isError ? "text-destructive font-medium" : "text-muted"
                 ),
                 children: [
@@ -154,7 +154,7 @@ const Textarea = React.forwardRef(
                 ]
               }
             ) : /* @__PURE__ */ jsx("span", {}),
-            showCount && maxLength && /* @__PURE__ */ jsxs("span", { className: "text-[11px] font-mono text-muted shrink-0 select-none", children: [
+            showCount && maxLength && /* @__PURE__ */ jsxs("span", { className: "text-caption-lg tabular-nums text-muted shrink-0 select-none", children: [
               currentValue.length,
               "/",
               maxLength

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const textareaVariants: (props?: ({
     variant?: "filled" | "outline" | "subtle" | null | undefined;
-    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+    size?: "sm" | "md" | "lg" | "default" | null | undefined;
     resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
     isError?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Textarea/Textarea.styles.js

@@ -5,15 +5,15 @@ const textareaVariants = cva(
   {
     variants: {
       variant: {
-        outline: "border-grey-300 dark:border-grey-700 bg-white dark:bg-grey-900 focus:border-primary focus:ring-1 focus:ring-primary",
-        filled: "border-transparent bg-grey-100 dark:bg-grey-800 focus:bg-white dark:focus:bg-grey-900 focus:border-primary focus:ring-1 focus:ring-primary",
+        outline: "border-grey-300 dark:border-grey-700 bg-grey-50 dark:bg-grey-900 focus:border-primary focus:ring-1 focus:ring-primary",
+        filled: "border-transparent bg-grey-100 dark:bg-grey-800 focus:bg-grey-50 dark:focus:bg-grey-900 focus:border-primary focus:ring-1 focus:ring-primary",
         subtle: "border-grey-200 dark:border-grey-800 bg-grey-50 dark:bg-grey-900/50 focus:border-primary focus:ring-1 focus:ring-primary"
       },
       size: {
-        sm: "p-2 text-xs min-h-[72px]",
-        default: "p-3 text-sm min-h-[96px]",
-        md: "p-3 text-sm min-h-[96px]",
-        lg: "p-4 text-base min-h-[120px]"
+        sm: "p-2 text-body-3 min-h-[72px]",
+        default: "p-3 text-body-2 min-h-[96px]",
+        md: "p-3 text-body-2 min-h-[96px]",
+        lg: "p-4 text-body-1 min-h-[120px]"
       },
       resize: {
         none: "resize-none",

package/dist/components/Toast/Toast.js

@@ -70,7 +70,7 @@ const ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ref,
     "data-slot": "toast-action",
     className: cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-[2px] border bg-transparent px-3 text-xs font-semibold ring-offset-background transition-colors hover:bg-grey-100 dark:hover:bg-grey-800 focus:outline-none focus:ring-2 focus:ring-primary disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-[2px] border bg-transparent px-3 text-body-3 font-semibold ring-offset-background transition-colors hover:bg-grey-100 dark:hover:bg-grey-800 focus:outline-none focus:ring-2 focus:ring-primary disabled:pointer-events-none disabled:opacity-50 cursor-pointer",
       className
     ),
     ...props
@@ -97,7 +97,7 @@ const ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   {
     ref,
     "data-slot": "toast-title",
-    className: cn("text-sm font-semibold leading-none", className),
+    className: cn("text-body-2 font-semibold leading-none", className),
     ...props
   }
 ));
@@ -107,7 +107,7 @@ const ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @
   {
     ref,
     "data-slot": "toast-description",
-    className: cn("text-xs text-muted-foreground mt-1 leading-relaxed", className),
+    className: cn("text-body-3 text-muted-foreground mt-1 leading-relaxed", className),
     ...props
   }
 ));

package/dist/components/Toast/Toast.styles.js

@@ -5,11 +5,11 @@ const toastVariants = cva(
   {
     variants: {
       variant: {
-        default: "border-grey-200 dark:border-grey-800 bg-white dark:bg-grey-900 text-foreground",
-        destructive: "destructive group border-destructive bg-destructive text-white",
-        success: "border-success bg-white dark:bg-grey-900 text-foreground border-l-4 border-l-success",
-        warning: "border-warning bg-white dark:bg-grey-900 text-foreground border-l-4 border-l-warning",
-        info: "border-info bg-white dark:bg-grey-900 text-foreground border-l-4 border-l-info"
+        default: "border-grey-200 dark:border-grey-800 bg-grey-50 dark:bg-grey-900 text-foreground",
+        destructive: "destructive group border-destructive bg-destructive text-grey-50",
+        success: "border-success bg-grey-50 dark:bg-grey-900 text-foreground border-l-4 border-l-success",
+        warning: "border-warning bg-grey-50 dark:bg-grey-900 text-foreground border-l-4 border-l-warning",
+        info: "border-info bg-grey-50 dark:bg-grey-900 text-foreground border-l-4 border-l-info"
       }
     },
     defaultVariants: {

package/dist/components/Toast/ToastContainer.js

@@ -82,7 +82,7 @@ const ToastContainer = ({ config }) => {
               /* @__PURE__ */ jsx(
                 Icon,
                 {
-                  className: `size-4.5 shrink-0 mt-0.5 ${isDestructive ? "text-white" : "text-current opacity-90"}`
+                  className: `size-4.5 shrink-0 mt-0.5 ${isDestructive ? "text-grey-50" : "text-current opacity-90"}`
                 }
               ),
               /* @__PURE__ */ jsxs(Stack, { gap: "2xs", className: "flex-1 min-w-0", children: [

package/dist/components/Tooltip/Tooltip.styles.js

@@ -1,7 +1,7 @@
 import { cva } from 'class-variance-authority';
 
 const tooltipContentVariants = cva(
-  "z-50 overflow-hidden rounded-md bg-grey-900 dark:bg-grey-100 px-3 py-1.5 text-xs text-white dark:text-grey-900 shadow-md font-sans transition-all duration-150 data-[state=delayed-open]:animate-scale-in data-[state=closed]:animate-scale-out"
+  "z-50 overflow-hidden rounded-md bg-grey-900 dark:bg-grey-100 px-3 py-1.5 text-body-3 text-grey-50 dark:text-grey-900 shadow-md transition-all duration-150 data-[state=delayed-open]:animate-scale-in data-[state=closed]:animate-scale-out"
 );
 
 export { tooltipContentVariants };

package/dist/components/VisuallyHidden/VisuallyHidden.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface VisuallyHiddenProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /** Hide the child element instead (e.g. a heading that only screen readers need). */
+    asChild?: boolean;
+}
+/** Content for screen readers only (kept in the accessibility tree, not shown). */
+export declare const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=VisuallyHidden.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VisuallyHidden.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAChF,qFAAqF;IACrF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,mFAAmF;AACnF,eAAO,MAAM,cAAc,6FAK1B,CAAC"}

package/dist/components/VisuallyHidden/VisuallyHidden.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@timmbr/utils';
+
+const VisuallyHidden = React.forwardRef(
+  ({ asChild = false, className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "span";
+    return /* @__PURE__ */ jsx(Comp, { ref, "data-slot": "visually-hidden", className: cn("sr-only", className), ...props });
+  }
+);
+VisuallyHidden.displayName = "VisuallyHidden";
+
+export { VisuallyHidden };

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

@@ -0,0 +1,2 @@
+export * from './VisuallyHidden';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/VisuallyHidden/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './types/motion';
+export type { GapValue, ResponsiveGap } from './utils/gap';
 export * from './providers';
 export * from './components/Container';
 export * from './components/Grid';
@@ -15,9 +16,11 @@ export * from './components/RangeSlider';
 export * from './components/Label';
 export * from './components/FormField';
 export * from './components/ImageUpload';
+export * from './components/OtpInput';
 export * from './components/AlertDialog';
 export * from './components/Dialog';
 export * from './components/Drawer';
+export * from './components/ResponsiveDialog';
 export * from './components/Dropdown';
 export * from './components/Popover';
 export * from './components/Toast';
@@ -26,6 +29,7 @@ export * from './components/Tabs';
 export * from './components/SideBarNavigation';
 export * from './components/NavHeader';
 export * from './components/NavFooter';
+export * from './components/AuthModal';
 export * from './components/Button';
 export * from './components/LinkButton';
 export * from './components/Accordion';
@@ -47,4 +51,15 @@ export * from './components/DataList';
 export * from './components/List';
 export * from './components/Chip';
 export * from './components/Stat';
+export * from './components/SubNav';
+export * from './components/PageHeader';
+export * from './components/Stepper';
+export * from './components/MediaCard';
+export * from './components/Price';
+export * from './components/Rating';
+export * from './components/IconTile';
+export * from './components/VisuallyHidden';
+export * from './components/Fieldset';
+export * from './components/FormActions';
+export * from './components/ConfirmDialog';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAG/B,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}

package/dist/index.js

@@ -1,8 +1,16 @@
 export { resolveMotion } from './types/motion.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './components/Accordion/Accordion.js';
 export { Alert, AlertDescription, AlertTitle } from './components/Alert/Alert.js';
-export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/AlertDialog/AlertDialog.js';
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './components/AlertDialog/AlertDialog.js';
 export { AnimationProvider, useGlobalAnimation } from './providers/AnimationProvider.js';
+export { AuthModal } from './components/AuthModal/AuthModal.js';
+export { AuthModalBanner } from './components/AuthModal/subcomponents/AuthModalBanner.js';
+export { AuthModalIdentifierForm } from './components/AuthModal/subcomponents/AuthModalIdentifierForm.js';
+export { AuthModalOAuth } from './components/AuthModal/subcomponents/AuthModalOAuth.js';
+export { AuthModalOtpForm } from './components/AuthModal/subcomponents/AuthModalOtpForm.js';
+export { AuthModalPasswordForm } from './components/AuthModal/subcomponents/AuthModalPasswordForm.js';
+export { AuthModalSetPasswordForm } from './components/AuthModal/subcomponents/AuthModalSetPasswordForm.js';
+export { AuthModalSuccess } from './components/AuthModal/subcomponents/AuthModalSuccess.js';
 export { Avatar } from './components/Avatar/Avatar.js';
 export { Badge } from './components/Badge/Badge.js';
 export { Button } from './components/Button/Button.js';
@@ -10,23 +18,28 @@ export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle }
 export { Center } from './components/Center/Center.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
 export { Chip } from './components/Chip/Chip.js';
+export { ConfirmDialog } from './components/ConfirmDialog/ConfirmDialog.js';
 export { Container } from './components/Container/Container.js';
 export { DEFAULT_ALL_ACCEPT, DEFAULT_IMAGE_ACCEPT, DEFAULT_IMAGE_MAX_SIZE, DEFAULT_VIDEO_ACCEPT, DEFAULT_VIDEO_MAX_SIZE, GRID_COLS_MAP, VIDEO_EXTENSIONS, isVideoMedia, normalizeUploadItems, validateUploadFiles } from './components/ImageUpload/ImageUpload.helpers.js';
+export { DEFAULT_AUTH_MODAL_LABELS } from './components/AuthModal/AuthModal.labels.js';
 export { DEFAULT_FOOTER_LEGAL_LINKS, DEFAULT_FOOTER_SECTIONS, DEFAULT_FOOTER_SOCIAL_LINKS, isCrossZoneNavigation, resolveNavDestination } from './components/NavFooter/NavFooter.helpers.js';
 export { DEFAULT_STORAGE_KEY, isNavItemActive, isRouteActive, readStoredCollapsed, writeStoredCollapsed } from './components/SideBarNavigation/SideBarNavigation.helpers.js';
-export { DataList, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
+export { DataList, DataListAction, DataListItem, DataListLabel, DataListValue } from './components/DataList/DataList.js';
 export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './components/Dialog/Dialog.js';
 export { Divider } from './components/Divider/Divider.js';
-export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/Drawer/Drawer.js';
+export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './components/Drawer/Drawer.js';
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './components/Dropdown/Dropdown.js';
 export { EmptyState } from './components/EmptyState/EmptyState.js';
+export { Fieldset } from './components/Fieldset/Fieldset.js';
 export { FilmIcon, ImageIcon, PlayIcon, UploadCloudIcon } from './components/ImageUpload/subcomponents/ImageUploadIcons.js';
 export { Footer, NavFooter } from './components/NavFooter/NavFooter.js';
+export { FormActions } from './components/FormActions/FormActions.js';
 export { FormField } from './components/FormField/FormField.js';
-export { Grid } from './components/Grid/Grid.js';
+export { Grid, GridItem } from './components/Grid/Grid.js';
 export { Header, NavHeader } from './components/NavHeader/NavHeader.js';
 export { Heading } from './components/Heading/Heading.js';
 export { Icon } from './components/Icon/Icon.js';
+export { IconTile } from './components/IconTile/IconTile.js';
 export { ImageUpload } from './components/ImageUpload/ImageUpload.js';
 export { ImageUploadDropzone } from './components/ImageUpload/subcomponents/ImageUploadDropzone.js';
 export { ImageUploadModal } from './components/ImageUpload/subcomponents/ImageUploadModal.js';
@@ -37,17 +50,24 @@ export { Input } from './components/Input/Input.js';
 export { Label } from './components/Label/Label.js';
 export { LinkButton } from './components/LinkButton/LinkButton.js';
 export { List, ListItem, ListItemAction, ListItemIcon, ListItemText } from './components/List/List.js';
+export { MediaCard } from './components/MediaCard/MediaCard.js';
 export { NavActions } from './components/NavHeader/subcomponents/NavActions.js';
 export { NavBrand } from './components/NavHeader/subcomponents/NavBrand.js';
 export { NavItems } from './components/NavHeader/subcomponents/NavItems.js';
 export { NavMegaMenu } from './components/NavHeader/subcomponents/NavMegaMenu.js';
 export { NavSearch } from './components/NavHeader/subcomponents/NavSearch.js';
+export { OAuthButton } from './components/AuthModal/subcomponents/OAuthButton.js';
 export { OfferBanner } from './components/NavHeader/subcomponents/OfferBanner.js';
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
+export { OtpInput } from './components/OtpInput/OtpInput.js';
+export { PageHeader } from './components/PageHeader/PageHeader.js';
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PaginationSummary } from './components/Pagination/Pagination.js';
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
+export { Price, discountPercent } from './components/Price/Price.js';
 export { Progress } from './components/Progress/Progress.js';
+export { RESPONSIVE_DIALOG_BREAKPOINT, ResponsiveDialog, ResponsiveDialogBody, ResponsiveDialogClose, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogForm, ResponsiveDialogHeader, ResponsiveDialogTitle, useResponsiveDialogMode } from './components/ResponsiveDialog/ResponsiveDialog.js';
 export { Radio, RadioGroup, RadioItem } from './components/Radio/Radio.js';
 export { RangeSlider } from './components/RangeSlider/RangeSlider.js';
+export { Rating } from './components/Rating/Rating.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectSeparator, SelectTrigger, SelectValue } from './components/Select/Select.js';
 export { SideBarNavigation } from './components/SideBarNavigation/SideBarNavigation.js';
 export { SidebarBranding } from './components/SideBarNavigation/subcomponents/SidebarBranding.js';
@@ -62,7 +82,10 @@ export { Skeleton } from './components/Skeleton/Skeleton.js';
 export { Spinner } from './components/Spinner/Spinner.js';
 export { Stack } from './components/Stack/Stack.js';
 export { Stat, StatHelpText, StatIndicator, StatLabel, StatValue } from './components/Stat/Stat.js';
+export { Stepper } from './components/Stepper/Stepper.js';
+export { SubNav, SubNavAction, isSubNavItemActive } from './components/SubNav/SubNav.js';
 export { Switch } from './components/Switch/Switch.js';
+export { TABS_SCROLL_FADE, tabsContentVariants, tabsListVariants, tabsScrollButtonVariants, tabsScrollEdgeVariants, tabsTriggerVariants } from './components/Tabs/Tabs.styles.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './components/Table/Table.js';
 export { TablePagination } from './components/Table/TablePagination.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/Tabs/Tabs.js';
@@ -72,49 +95,58 @@ export { TimmbrConfigProvider, defaultTimmbrConfig, resolveZoneHref, useTimmbrCo
 export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from './components/Toast/Toast.js';
 export { ToastContainer } from './components/Toast/ToastContainer.js';
 export { Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from './components/Tooltip/Tooltip.js';
+export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.js';
 export { accordionContentVariants, accordionItemVariants, accordionTriggerVariants } from './components/Accordion/Accordion.styles.js';
-export { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogOverlayVariants, alertDialogTitleVariants } from './components/AlertDialog/AlertDialog.styles.js';
+export { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogMediaVariants, alertDialogOverlayVariants, alertDialogTitleVariants } from './components/AlertDialog/AlertDialog.styles.js';
 export { alertIconVariants, alertVariants } from './components/Alert/Alert.styles.js';
+export { authModalBannerVariants, authModalCardVariants, authModalContainerVariants, authModalHeadingVariants, authModalInputVariants, authModalLinkVariants, authModalSecondaryButtonVariants, authModalSubmitButtonVariants, authModalSubtitleVariants } from './components/AuthModal/AuthModal.styles.js';
 export { avatarRootVariants, avatarStatusVariants } from './components/Avatar/Avatar.styles.js';
 export { badgeVariants } from './components/Badge/Badge.styles.js';
 export { buttonVariants } from './components/Button/Button.styles.js';
-export { cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants } from './components/Card/Card.styles.js';
+export { cardContentVariants, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardSectionFooterPadding, cardSectionPadding, cardTitleVariants, cardVariants } from './components/Card/Card.styles.js';
 export { centerVariants } from './components/Center/Center.styles.js';
 export { checkboxIndicatorVariants, checkboxVariants } from './components/Checkbox/Checkbox.styles.js';
 export { chipVariants } from './components/Chip/Chip.styles.js';
-export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, xlColsMap } from './components/Grid/Grid.styles.js';
+export { colsMap, gridVariants, lgColsMap, mdColsMap, smColsMap, spanClassMap, templateClassMap, xlColsMap } from './components/Grid/Grid.styles.js';
 export { containerVariants } from './components/Container/Container.styles.js';
-export { dataListItemVariants, dataListLabelVariants, dataListValueVariants, dataListVariants } from './components/DataList/DataList.styles.js';
+export { dataListActionVariants, dataListInsetPadding, dataListItemVariants, dataListLabelVariants, dataListValueVariants, dataListVariants } from './components/DataList/DataList.styles.js';
 export { dialogBodyVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './components/Dialog/Dialog.styles.js';
 export { dividerVariants } from './components/Divider/Divider.styles.js';
-export { drawerContentVariants, drawerFooterVariants, drawerHeaderVariants, drawerOverlayVariants } from './components/Drawer/Drawer.styles.js';
-export { dropdownContentVariants, dropdownItemVariants } from './components/Dropdown/Dropdown.styles.js';
+export { drawerBodyVariants, drawerContentVariants, drawerDescriptionVariants, drawerFooterVariants, drawerHeaderVariants, drawerOverlayVariants, drawerTitleVariants } from './components/Drawer/Drawer.styles.js';
+export { dropdownContentVariants, dropdownItemIconVariants, dropdownItemVariants } from './components/Dropdown/Dropdown.styles.js';
 export { emptyStateIconWrapperVariants, emptyStateVariants } from './components/EmptyState/EmptyState.styles.js';
 export { footerLegalBarVariants, footerLegalLinkVariants, footerNavLinkVariants, footerOfficeBlockVariants, footerSectionTitleVariants, footerSocialButtonVariants, navFooterContainerVariants, navFooterRootVariants } from './components/NavFooter/NavFooter.styles.js';
 export { formFieldVariants } from './components/FormField/FormField.styles.js';
 export { headingVariants } from './components/Heading/Heading.styles.js';
+export { iconTileVariants } from './components/IconTile/IconTile.styles.js';
 export { iconVariants } from './components/Icon/Icon.styles.js';
 export { imagePreviewContainerVariants, imageUploadZoneVariants, thumbnailCardVariants } from './components/ImageUpload/ImageUpload.styles.js';
 export { inlineVariants } from './components/Inline/Inline.styles.js';
 export { inputFieldVariants, inputWrapperVariants } from './components/Input/Input.styles.js';
 export { labelVariants } from './components/Label/Label.styles.js';
 export { linkButtonVariants } from './components/LinkButton/LinkButton.styles.js';
-export { listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
+export { listDividedClass, listItemActionVariants, listItemIconVariants, listItemTextVariants, listItemVariants, listVariants } from './components/List/List.styles.js';
+export { mediaCardMediaVariants, mediaCardOverlayVariants, mediaCardVariants } from './components/MediaCard/MediaCard.styles.js';
 export { megaMenuCardVariants, navActionVariants, navHeaderContainerVariants, navHeaderItemVariants, navHeaderVariants, offerBannerVariants, searchPopoverCardVariants } from './components/NavHeader/NavHeader.styles.js';
 export { navBadgeVariants, navItemVariants, sidebarContainerVariants, sidebarToggleVariants, subItemVariants } from './components/SideBarNavigation/SideBarNavigation.styles.js';
+export { otpContainerVariants, otpSlotVariants } from './components/OtpInput/OtpInput.styles.js';
+export { pageHeaderTitleVariants, pageHeaderVariants } from './components/PageHeader/PageHeader.styles.js';
 export { paginationLinkVariants } from './components/Pagination/Pagination.styles.js';
 export { popoverContentVariants } from './components/Popover/Popover.styles.js';
+export { priceAmountVariants, priceCompareVariants, priceDiscountVariants, priceVariants } from './components/Price/Price.styles.js';
 export { progressIndicatorVariants, progressRootVariants } from './components/Progress/Progress.styles.js';
 export { radioIndicatorVariants, radioItemVariants } from './components/Radio/Radio.styles.js';
 export { rangeSliderRangeVariants, rangeSliderRootVariants, rangeSliderThumbVariants, rangeSliderTrackVariants } from './components/RangeSlider/RangeSlider.styles.js';
+export { ratingVariants } from './components/Rating/Rating.styles.js';
 export { selectContentVariants, selectItemVariants, selectTriggerVariants } from './components/Select/Select.styles.js';
 export { skeletonVariants } from './components/Skeleton/Skeleton.styles.js';
-export { spinnerVariants } from './components/Spinner/Spinner.styles.js';
+export { spinnerIconVariants, spinnerVariants } from './components/Spinner/Spinner.styles.js';
 export { stackVariants } from './components/Stack/Stack.styles.js';
 export { statHelpTextVariants, statIndicatorVariants, statLabelVariants, statValueVariants, statVariants } from './components/Stat/Stat.styles.js';
+export { stepConnectorVariants, stepIndicatorVariants, stepperVariants } from './components/Stepper/Stepper.styles.js';
+export { subNavFooterVariants, subNavIconVariants, subNavItemVariants, subNavListVariants } from './components/SubNav/SubNav.styles.js';
 export { switchThumbVariants, switchVariants } from './components/Switch/Switch.styles.js';
 export { tableCellVariants, tableContainerVariants, tableFooterVariants, tableHeadVariants, tablePaginationVariants, tableRowVariants, tableVariants } from './components/Table/Table.styles.js';
-export { tabsContentVariants, tabsListVariants, tabsTriggerVariants } from './components/Tabs/Tabs.styles.js';
 export { textVariants } from './components/Text/Text.styles.js';
 export { textareaVariants } from './components/Textarea/Textarea.styles.js';
 export { toast, toastStore, useToast } from './components/Toast/toastStore.js';

package/dist/utils/gap.d.ts

@@ -1,2 +1,22 @@
-export declare function formatGap(gap: number | string | undefined): string | undefined;
+/**
+ * Gap props → Tailwind classes.
+ *
+ * Every class is a literal string (never built with a template), so Tailwind
+ * in the consuming app finds them when it scans this package. Values off the
+ * scale fall back to arbitrary classes, which only work if the app's own
+ * sources contain the same class.
+ */
+/** Responsive gap: a scale step per breakpoint (`base` = all sizes). */
+export interface ResponsiveGap {
+    base?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+    xl?: number;
+}
+export type GapValue = number | string | ResponsiveGap;
+/** `gap` of Stack / Inline / Grid: a step, a responsive object, or a CSS length. */
+export declare function formatGap(gap: GapValue | undefined): string | undefined;
+/** Row (`y`) or column (`x`) gap, same values as `formatGap`. */
+export declare function formatAxisGap(axis: 'x' | 'y', gap: GapValue | undefined): string | undefined;
 //# sourceMappingURL=gap.d.ts.map

package/dist/utils/gap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["../../src/utils/gap.ts"],"names":[],"mappings":"AAqCA,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAuB9E"}
+{"version":3,"file":"gap.d.ts","sourceRoot":"","sources":["../../src/utils/gap.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,wEAAwE;AACxE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,aAAa,CAAC;AA4TvD,oFAAoF;AACpF,wBAAgB,SAAS,CAAC,GAAG,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEvE;AAED,iEAAiE;AACjE,wBAAgB,aAAa,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAE5F"}