@timmbr/ui 1.0.0-beta → 1.2.0

package/README.md

@@ -67,12 +67,12 @@ export default function RootLayout({ children }: { children: React.ReactNode })
 
 | Category | Components | Description |
 | :--- | :--- | :--- |
-| **Actions** | `Button` | Accessible button with adornment icons, loading spinner, CVA variants, and `asChild` composition. |
+| **Actions** | `Button`, `LinkButton` | Accessible buttons and anchor links with `next/link` default SPA routing, adornment icons, loading spinners, and cross-zone delegation. |
 | **Typography** | `Text`, `Heading` | Typography primitives restricted to semantic elements (`<p>`, `<span>`, `<h1>`–`<h6>`) with design token scaling. |
 | **Surfaces** | `Card`, `Avatar`, `Badge`, `Chip`, `Divider` | Display primitives including user avatars, status pills, elevated cards, interactive chips, and separators. |
 | **Layout** | `Container`, `Stack`, `Inline`, `Grid`, `Center` | Responsive breakpoint containers, flex distribution, responsive CSS grid, and centered wrappers. |
 | **Form Controls** | `Input`, `Textarea`, `Select`, `Checkbox`, `Radio`, `Switch`, `RangeSlider`, `FormField`, `Label` | Comprehensive form primitives with labels, helper text, validation error states, and dual-thumb sliders. |
-| **Navigation** | `Tabs`, `Pagination` | Radix-driven accessible tabs with spring-physics glider indicator and multi-page pagination. |
+| **Navigation** | `Tabs`, `Pagination`, `SideBarNavigation` | Accessible tabs, multi-page pagination, and responsive collapsable sidebar navigation. |
 | **Feedback** | `Alert`, `Progress`, `Skeleton`, `Spinner`, `Toast` | Status banners, determinate/indeterminate progress, shimmer loaders, and card-deck multi-toasts with hover-spread. |
 | **Overlays** | `Dialog`, `Drawer`, `Dropdown`, `Popover`, `Tooltip` | Centered dialogs, off-canvas sliding drawers, contextual dropdowns, interactive popovers, and accessible tooltips. |
 | **Data Display** | `Table`, `DataList`, `Stat`, `EmptyState` | Structured data tables with pagination, key-value data lists, KPI metrics, and empty state placeholders. |
@@ -82,24 +82,28 @@ export default function RootLayout({ children }: { children: React.ReactNode })
 ## Component Usage
 
 
-### Button
+### Button & LinkButton
 
 ```tsx
-import { Button } from '@timmbr/ui';
-import Link from 'next/link';
+import { Button, LinkButton } from '@timmbr/ui';
 
-export function Example() {
+export function NavigationExample() {
   return (
-    <div className="flex gap-4">
-      {/* Standard variants */}
-      <Button variant="default">Primary</Button>
-      <Button variant="outline">Outline</Button>
-      <Button variant="ghost">Ghost</Button>
-
-      {/* Composition with Next.js Link via asChild */}
-      <Button asChild>
-        <Link href="/dashboard">Go to Dashboard</Link>
-      </Button>
+    <div className="flex gap-4 items-center">
+      {/* 1. Internal same-zone navigation: uses next/link by default, styled as a link */}
+      <LinkButton href="/dashboard">
+        Go to Dashboard
+      </LinkButton>
+
+      {/* 2. Button visual appearance if desired */}
+      <LinkButton href="/signup" variant="primary">
+        Sign Up
+      </LinkButton>
+
+      {/* 3. Cross-zone boundary: NEVER use next/link across zones. Always use crossZone */}
+      <LinkButton href="/docs" crossZone>
+        Documentation (Cross-Zone)
+      </LinkButton>
     </div>
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAShE,OAAO,KAAK,EAIV,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,SAAS,8JAA0B,CAAC;AAEjD,eAAO,MAAM,aAAa,iKASxB,CAAC;AAGH,eAAO,MAAM,gBAAgB,0KAc3B,CAAC;AAGH,eAAO,MAAM,gBAAgB,8FAoB3B,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAShE,OAAO,KAAK,EAGV,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,SAAS,8JAA0B,CAAC;AAEjD,eAAO,MAAM,aAAa,iKASxB,CAAC;AAGH,eAAO,MAAM,gBAAgB,0KAc3B,CAAC;AAGH,eAAO,MAAM,gBAAgB,8FAoB3B,CAAC"}

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

@@ -23,8 +23,6 @@ export interface AlertProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
      */
     motion?: MotionProp;
 }
-export interface AlertTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
-}
-export interface AlertDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
-}
+export type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement>;
+export type AlertDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
 //# sourceMappingURL=Alert.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,aAAa;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;CAAG;AAEpF,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;CAAG"}
+{"version":3,"file":"Alert.types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/Alert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,aAAa;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvE,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import type { AlertDialogProps, AlertDialogContentProps, AlertDialogHeaderProps, AlertDialogBodyProps, AlertDialogFooterProps } from './AlertDialog.types';
+export declare const AlertDialog: React.FC<AlertDialogProps>;
+export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+export declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDialogHeader: React.FC<AlertDialogHeaderProps>;
+export declare const AlertDialogBody: React.FC<AlertDialogBodyProps>;
+export declare const AlertDialogFooter: React.FC<AlertDialogFooterProps>;
+export declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=AlertDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAarE,OAAO,KAAK,EACV,gBAAgB,EAChB,uBAAuB,EACvB,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EAGvB,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAA6B,CAAC;AACjF,eAAO,MAAM,kBAAkB,wHAA+B,CAAC;AAC/D,eAAO,MAAM,iBAAiB,uDAA8B,CAAC;AAE7D,eAAO,MAAM,kBAAkB,wKAU7B,CAAC;AAGH,eAAO,MAAM,kBAAkB,gGA4B7B,CAAC;AAGH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAE9D,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAE1D,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAE9D,CAAC;AAGF,eAAO,MAAM,gBAAgB,8KAU3B,CAAC;AAGH,eAAO,MAAM,sBAAsB,wLAUjC,CAAC;AAGH,eAAO,MAAM,iBAAiB,6KAU5B,CAAC;AAGH,eAAO,MAAM,iBAAiB,6KAU5B,CAAC"}

package/dist/components/AlertDialog/AlertDialog.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { cn } from '@timmbr/utils';
+import { resolveMotion } from '../../types/motion.js';
+import { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogOverlayVariants, alertDialogTitleVariants } from './AlertDialog.styles.js';
+import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
+
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Overlay,
+  {
+    ref,
+    "data-slot": "alert-dialog-overlay",
+    className: cn(alertDialogOverlayVariants(), className),
+    ...props
+  }
+));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = React.forwardRef(({ className, children, motion, ...props }, ref) => {
+  const globalMotion = useGlobalAnimation();
+  const { shouldAnimate, motionClass } = resolveMotion(motion, globalMotion);
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4 pointer-events-none", children: /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        ref,
+        "data-slot": "alert-dialog-content",
+        role: "alertdialog",
+        className: cn(
+          alertDialogContentVariants(),
+          !shouldAnimate && "transition-none animate-none",
+          motionClass,
+          className
+        ),
+        ...props,
+        children
+      }
+    ) })
+  ] });
+});
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "alert-dialog-header", className: cn(alertDialogHeaderVariants(), className), ...props });
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "alert-dialog-body", className: cn(alertDialogBodyVariants(), className), ...props });
+AlertDialogBody.displayName = "AlertDialogBody";
+const AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "alert-dialog-footer", className: cn(alertDialogFooterVariants(), className), ...props });
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Title,
+  {
+    ref,
+    "data-slot": "alert-dialog-title",
+    className: cn(alertDialogTitleVariants(), className),
+    ...props
+  }
+));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Description,
+  {
+    ref,
+    "data-slot": "alert-dialog-description",
+    className: cn(alertDialogDescriptionVariants(), className),
+    ...props
+  }
+));
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Action,
+  {
+    ref,
+    "data-slot": "alert-dialog-action",
+    className: cn(className),
+    ...props
+  }
+));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AlertDialogPrimitive.Cancel,
+  {
+    ref,
+    "data-slot": "alert-dialog-cancel",
+    className: cn(className),
+    ...props
+  }
+));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };

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

@@ -0,0 +1,8 @@
+export declare const alertDialogOverlayVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertDialogContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertDialogHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertDialogBodyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertDialogFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertDialogTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const alertDialogDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=AlertDialog.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.styles.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,oFAEtC,CAAC;AAEF,eAAO,MAAM,0BAA0B,oFAEtC,CAAC;AAEF,eAAO,MAAM,yBAAyB,oFAErC,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAEnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,oFAErC,CAAC;AAEF,eAAO,MAAM,wBAAwB,oFAEpC,CAAC;AAEF,eAAO,MAAM,8BAA8B,oFAE1C,CAAC"}

package/dist/components/AlertDialog/AlertDialog.styles.js

@@ -0,0 +1,25 @@
+import { cva } from 'class-variance-authority';
+
+const alertDialogOverlayVariants = cva(
+  "fixed inset-0 z-50 bg-black/60 backdrop-blur-xs transition-opacity duration-200 data-[state=open]:animate-fade-in data-[state=closed]:animate-fade-out"
+);
+const alertDialogContentVariants = cva(
+  "relative pointer-events-auto flex flex-col w-full max-w-lg rounded-xl border border-grey-200 dark:border-grey-800 bg-white dark:bg-grey-900 shadow-xl font-sans text-foreground overflow-hidden p-6 gap-4 data-[state=open]:animate-dialog-scale-in data-[state=closed]:animate-dialog-scale-out"
+);
+const alertDialogHeaderVariants = cva(
+  "flex flex-col space-y-1.5 text-left"
+);
+const alertDialogBodyVariants = cva(
+  "flex flex-col space-y-3 min-h-0"
+);
+const alertDialogFooterVariants = cva(
+  "flex flex-col-reverse sm:flex-row sm:justify-end gap-2.5 pt-2"
+);
+const alertDialogTitleVariants = cva(
+  "text-lg font-display font-semibold leading-none tracking-tight text-foreground"
+);
+const alertDialogDescriptionVariants = cva(
+  "text-sm text-muted-foreground font-sans leading-relaxed"
+);
+
+export { alertDialogBodyVariants, alertDialogContentVariants, alertDialogDescriptionVariants, alertDialogFooterVariants, alertDialogHeaderVariants, alertDialogOverlayVariants, alertDialogTitleVariants };

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

@@ -0,0 +1,16 @@
+import type * as React from 'react';
+import type * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import type { MotionProp } from '../../types/motion';
+export type AlertDialogProps = AlertDialogPrimitive.AlertDialogProps;
+export interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
+    /**
+     * Motion transition control.
+     */
+    motion?: MotionProp;
+}
+export type AlertDialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export type AlertDialogBodyProps = React.HTMLAttributes<HTMLDivElement>;
+export type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export type AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>;
+export type AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>;
+//# sourceMappingURL=AlertDialog.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAErD,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,gBAAgB,CAAC;AAErE,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC;IAC3E;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAC1E,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACxE,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE1E,MAAM,MAAM,sBAAsB,GAChC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC;AAErE,MAAM,MAAM,sBAAsB,GAChC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

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

@@ -1,10 +1,10 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const avatarRootVariants: (props?: ({
     size?: "sm" | "lg" | "md" | "xl" | "2xl" | "xs" | null | undefined;
-    variant?: "outline" | "grey" | "subtle" | "primary" | "secondary" | null | undefined;
+    variant?: "grey" | "outline" | "subtle" | "primary" | "secondary" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const avatarStatusVariants: (props?: ({
-    status?: "online" | "offline" | "busy" | "away" | null | undefined;
+    status?: "offline" | "online" | "busy" | "away" | null | undefined;
     size?: "sm" | "lg" | "md" | "xl" | "2xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type AvatarVariants = VariantProps<typeof avatarRootVariants>;

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

@@ -1,6 +1,6 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const badgeVariants: (props?: ({
-    variant?: "default" | "outline" | "subtle" | "primary" | "secondary" | "destructive" | "success" | "brand" | null | undefined;
+    variant?: "default" | "destructive" | "success" | "outline" | "subtle" | "primary" | "secondary" | "brand" | null | undefined;
     size?: "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type BadgeVariants = VariantProps<typeof badgeVariants>;

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "ghost" | "primary" | "secondary" | "destructive" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "md" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "primary" | "secondary" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;
 //# sourceMappingURL=Button.styles.d.ts.map

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

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 export declare const chipVariants: (props?: ({
     variant?: "filled" | "subtle" | "outlined" | null | undefined;
-    color?: "default" | "primary" | "destructive" | "success" | "warning" | null | undefined;
+    color?: "default" | "destructive" | "success" | "warning" | "primary" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
     clickable?: boolean | null | undefined;
     selected?: boolean | null | undefined;

package/dist/components/CrossZoneLink/CrossZoneLink.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import type { CrossZoneLinkProps } from './CrossZoneLink.types';
+/**
+ * CrossZoneLink forces hard browser-level navigation across Next.js multi-zone / microfrontend boundaries.
+ *
+ * ARCHITECTURAL RULE:
+ * NEVER use `next/link` for navigation across zone boundaries. Always use `CrossZoneLink` from `@timmbr/ui`.
+ */
+export declare const CrossZoneLink: React.ForwardRefExoticComponent<CrossZoneLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=CrossZoneLink.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrossZoneLink.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE;;;;;GAKG;AACH,eAAO,MAAM,aAAa,8FA4GzB,CAAC"}

package/dist/components/CrossZoneLink/CrossZoneLink.js

@@ -0,0 +1,111 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cn } from '@timmbr/utils';
+import { crossZoneLinkVariants } from './CrossZoneLink.styles.js';
+import { useTimmbrConfig, resolveZoneHref } from '../../providers/TimmbrConfigProvider.js';
+
+const CrossZoneLink = React.forwardRef(
+  ({
+    className,
+    style,
+    variant,
+    size,
+    asChild = false,
+    href,
+    zone,
+    disabled = false,
+    leftIcon,
+    rightIcon,
+    target,
+    rel,
+    onClick,
+    children,
+    ...props
+  }, ref) => {
+    const config = useTimmbrConfig();
+    const resolvedHref = resolveZoneHref(href, zone, config.zones?.zones);
+    const isExternal = resolvedHref.startsWith("http://") || resolvedHref.startsWith("https://") || target === "_blank";
+    const resolvedRel = rel ?? (isExternal ? "noopener noreferrer" : void 0);
+    const handleClick = (e) => {
+      if (disabled) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      onClick?.(e);
+    };
+    if (asChild) {
+      return /* @__PURE__ */ jsx(
+        Slot,
+        {
+          ref,
+          "data-slot": "cross-zone-link",
+          "data-cross-zone": "true",
+          "aria-disabled": disabled ? "true" : void 0,
+          tabIndex: disabled ? -1 : props.tabIndex,
+          className: cn(
+            crossZoneLinkVariants({
+              variant,
+              size,
+              disabled,
+              className
+            })
+          ),
+          style,
+          onClick: handleClick,
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "a",
+      {
+        ref,
+        href: disabled ? void 0 : resolvedHref,
+        target,
+        rel: resolvedRel,
+        "data-slot": "cross-zone-link",
+        "data-cross-zone": "true",
+        "data-testid": "timmbr-cross-zone-link",
+        "aria-disabled": disabled ? "true" : void 0,
+        tabIndex: disabled ? -1 : props.tabIndex,
+        style,
+        onClick: handleClick,
+        className: cn(
+          crossZoneLinkVariants({
+            variant,
+            size,
+            disabled,
+            className
+          })
+        ),
+        ...props,
+        children: [
+          leftIcon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "inline-flex shrink-0 items-center justify-center pointer-events-none",
+              "data-slot": "cross-zone-link-left-icon",
+              children: leftIcon
+            }
+          ),
+          children && /* @__PURE__ */ jsx("span", { children }),
+          rightIcon && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "inline-flex shrink-0 items-center justify-center pointer-events-none",
+              "data-slot": "cross-zone-link-right-icon",
+              children: rightIcon
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+CrossZoneLink.displayName = "CrossZoneLink";
+
+export { CrossZoneLink };

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

@@ -0,0 +1,8 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const crossZoneLinkVariants: (props?: ({
+    variant?: "default" | "inline" | "subtle" | "primary" | "secondary" | "muted" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type CrossZoneLinkVariants = VariantProps<typeof crossZoneLinkVariants>;
+//# sourceMappingURL=CrossZoneLink.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrossZoneLink.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,qBAAqB;;;;8EA4BjC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC"}

package/dist/components/CrossZoneLink/CrossZoneLink.styles.js

@@ -0,0 +1,33 @@
+import { cva } from 'class-variance-authority';
+
+const crossZoneLinkVariants = cva(
+  "inline-flex items-center no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 rounded-[2px] transition-all duration-150 select-none",
+  {
+    variants: {
+      variant: {
+        default: "text-primary hover:underline underline-offset-4 font-medium",
+        primary: "text-primary font-semibold hover:brightness-110 active:brightness-95",
+        secondary: "text-secondary-foreground hover:text-foreground font-medium",
+        muted: "text-grey-600 dark:text-grey-400 hover:text-foreground font-normal",
+        subtle: "text-foreground/80 hover:text-foreground font-normal",
+        inline: "text-primary underline underline-offset-4 hover:opacity-80 inline font-medium"
+      },
+      size: {
+        sm: "text-xs gap-1",
+        default: "text-sm gap-1.5",
+        lg: "text-base gap-2"
+      },
+      disabled: {
+        true: "pointer-events-none opacity-50 cursor-not-allowed",
+        false: "cursor-pointer"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      disabled: false
+    }
+  }
+);
+
+export { crossZoneLinkVariants };

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

@@ -0,0 +1,31 @@
+import type * as React from 'react';
+import type { VariantProps } from 'class-variance-authority';
+import type { crossZoneLinkVariants } from './CrossZoneLink.styles';
+export interface CrossZoneLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof crossZoneLinkVariants> {
+    /**
+     * The destination URL or relative path.
+     */
+    href: string;
+    /**
+     * Optional zone key corresponding to configured zones in TimmbrConfigProvider.
+     * If provided and configured, resolves against the zone's base URL.
+     */
+    zone?: string;
+    /**
+     * Merges props onto an immediate child element using Radix UI Slot.
+     */
+    asChild?: boolean;
+    /**
+     * Leading icon element rendered before link text.
+     */
+    leftIcon?: React.ReactNode;
+    /**
+     * Trailing icon element rendered after link text.
+     */
+    rightIcon?: React.ReactNode;
+    /**
+     * Disables user interaction and navigation.
+     */
+    disabled?: boolean;
+}
+//# sourceMappingURL=CrossZoneLink.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CrossZoneLink.types.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/CrossZoneLink.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,qBAAqB,CAAC;IAC5C;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

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

@@ -0,0 +1,4 @@
+export { CrossZoneLink } from './CrossZoneLink';
+export { crossZoneLinkVariants, type CrossZoneLinkVariants } from './CrossZoneLink.styles';
+export type { CrossZoneLinkProps } from './CrossZoneLink.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CrossZoneLink/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,qBAAqB,EAAE,KAAK,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/Dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import type { DialogProps, DialogContentProps, DialogHeaderProps, DialogFooterProps } from './Dialog.types';
+import type { DialogProps, DialogContentProps, DialogHeaderProps, DialogBodyProps, DialogFooterProps } from './Dialog.types';
 export declare const Dialog: React.FC<DialogProps>;
 export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
@@ -8,6 +8,7 @@ export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitiv
 export declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
 export declare const DialogHeader: React.FC<DialogHeaderProps>;
+export declare const DialogBody: React.FC<DialogBodyProps>;
 export declare const DialogFooter: React.FC<DialogFooterProps>;
 export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAa1D,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAwB,CAAC;AAClE,eAAO,MAAM,aAAa,8GAA0B,CAAC;AACrD,eAAO,MAAM,YAAY,6CAAyB,CAAC;AACnD,eAAO,MAAM,WAAW,4GAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,8JAUxB,CAAC;AAGH,eAAO,MAAM,aAAa,2FAkCxB,CAAC;AAGH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAEpD,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAEpD,CAAC;AAGF,eAAO,MAAM,WAAW,oKAUtB,CAAC;AAGH,eAAO,MAAM,iBAAiB,8KAU5B,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAc1D,OAAO,KAAK,EACV,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAwB,CAAC;AAClE,eAAO,MAAM,aAAa,8GAA0B,CAAC;AACrD,eAAO,MAAM,YAAY,6CAAyB,CAAC;AACnD,eAAO,MAAM,WAAW,4GAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,8JAUxB,CAAC;AAGH,eAAO,MAAM,aAAa,2FAkCxB,CAAC;AAGH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAEpD,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAEhD,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAEpD,CAAC;AAGF,eAAO,MAAM,WAAW,oKAUtB,CAAC;AAGH,eAAO,MAAM,iBAAiB,8KAU5B,CAAC"}

package/dist/components/Dialog/Dialog.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { cn } from '@timmbr/utils';
 import { X } from '@timmbr/icons';
 import { resolveMotion } from '../../types/motion.js';
-import { dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './Dialog.styles.js';
+import { dialogBodyVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './Dialog.styles.js';
 import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
 
 const Dialog = DialogPrimitive.Root;
@@ -45,7 +45,7 @@ const DialogContent = React.forwardRef(({ className, children, motion, ...props
             DialogPrimitive.Close,
             {
               "data-slot": "dialog-close",
-              className: "absolute right-4 top-4 rounded-sm p-1 text-muted hover:text-foreground opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-primary cursor-pointer",
+              className: "absolute right-4 top-4 z-20 rounded-sm p-1 text-muted hover:text-foreground opacity-70 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-primary cursor-pointer",
               children: [
                 /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
                 /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
@@ -58,9 +58,11 @@ const DialogContent = React.forwardRef(({ className, children, motion, ...props
   ] });
 });
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn(dialogHeaderVariants(), className), ...props });
+const DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "dialog-header", className: cn(dialogHeaderVariants(), className), ...props });
 DialogHeader.displayName = "DialogHeader";
-const DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { className: cn(dialogFooterVariants(), className), ...props });
+const DialogBody = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "dialog-body", className: cn(dialogBodyVariants(), className), ...props });
+DialogBody.displayName = "DialogBody";
+const DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", { "data-slot": "dialog-footer", className: cn(dialogFooterVariants(), className), ...props });
 DialogFooter.displayName = "DialogFooter";
 const DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
@@ -83,4 +85,4 @@ const DialogDescription = React.forwardRef(({ className, ...props }, ref) => /*
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+export { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

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

@@ -1,6 +1,7 @@
 export declare const dialogOverlayVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const dialogContentVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const dialogHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const dialogBodyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const dialogFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const dialogTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const dialogDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;