@hanzo/ui 5.3.34 → 5.3.35

package/dist/mermaid/index.js

@@ -45,15 +45,15 @@ function cn(...inputs) {
 }
 __name(cn, "cn");
 var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
         // Keep the additional Hanzo variants for backward compatibility
         primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
@@ -61,10 +61,12 @@ var buttonVariants = classVarianceAuthority.cva(
         linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
       },
       size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -74,11 +76,14 @@ var buttonVariants = classVarianceAuthority.cva(
   }
 );
 var Button = React__namespace.forwardRef(
-  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
+  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Comp,
       {
+        "data-slot": "button",
+        "data-variant": variant,
+        "data-size": size,
         className: cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
@@ -86,10 +91,10 @@ var Button = React__namespace.forwardRef(
           isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
             lucideReact.Loader2,
             {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
+              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
             }
           ) : null,
-          isLoading && size === "icon" ? null : children
+          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
         ]
       }
     );
@@ -272,4 +277,5 @@ var MermaidDiagram = /* @__PURE__ */ __name(({
   ] });
 }, "MermaidDiagram");
 
+exports.Mermaid = MermaidDiagram;
 exports.MermaidDiagram = MermaidDiagram;

package/dist/mermaid/index.mjs

@@ -19,15 +19,15 @@ function cn(...inputs) {
 }
 __name(cn, "cn");
 var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline",
         // Keep the additional Hanzo variants for backward compatibility
         primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
@@ -35,10 +35,12 @@ var buttonVariants = cva(
         linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
       },
       size: {
-        default: "h-9 px-4 py-2",
-        sm: "h-8 rounded-md px-3 text-xs",
-        lg: "h-10 rounded-md px-8",
-        icon: "h-9 w-9"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
       }
     },
     defaultVariants: {
@@ -48,11 +50,14 @@ var buttonVariants = cva(
   }
 );
 var Button = React.forwardRef(
-  ({ className, variant, size, asChild = false, isLoading = false, children, ...props }, ref) => {
+  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsxs(
       Comp,
       {
+        "data-slot": "button",
+        "data-variant": variant,
+        "data-size": size,
         className: cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
@@ -60,10 +65,10 @@ var Button = React.forwardRef(
           isLoading ? /* @__PURE__ */ jsx(
             Loader2,
             {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && "mr-2")
+              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
             }
           ) : null,
-          isLoading && size === "icon" ? null : children
+          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
         ]
       }
     );
@@ -246,4 +251,4 @@ var MermaidDiagram = /* @__PURE__ */ __name(({
   ] });
 }, "MermaidDiagram");
 
-export { MermaidDiagram };
+export { MermaidDiagram as Mermaid, MermaidDiagram };

package/dist/primitives/accordion.d.ts

@@ -0,0 +1,27 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+type AccordionItemProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AccordionPrimitive.Item>>;
+};
+declare const AccordionItem: {
+    ({ className, ref, ...props }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
+    hideArrow?: boolean;
+    ref?: React.RefObject<React.ComponentRef<typeof AccordionPrimitive.Trigger>>;
+};
+declare const AccordionTrigger: {
+    ({ className, children, hideArrow, ref, ...props }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AccordionPrimitive.Content>>;
+};
+declare const AccordionContent: {
+    ({ className, children, ref, ...props }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/primitives/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../primitives/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS,8JAA0B,CAAC;AAE1C,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CACtD,OAAO,kBAAkB,CAAC,IAAI,CAC/B,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC;CAC3E,CAAC;AAEF,QAAA,MAAM,aAAa;mCAAkC,kBAAkB;;CAEtE,CAAC;AAGF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,kBAAkB,CAAC,OAAO,CAClC,GAAG;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;CAC9E,CAAC;AAEF,QAAA,MAAM,gBAAgB;wDAMnB,qBAAqB;;CAgBvB,CAAC;AAGF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,kBAAkB,CAAC,OAAO,CAClC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;CAC9E,CAAC;AAEF,QAAA,MAAM,gBAAgB;6CAKnB,qBAAqB;;CAQvB,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/primitives/accordion.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDown } from 'lucide-react';
+import { cn } from '../src/utils';
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = ({ className, ref, ...props }) => (_jsx(AccordionPrimitive.Item, { className: cn('', className), ref: ref, ...props }));
+AccordionItem.displayName = 'AccordionItem';
+const AccordionTrigger = ({ className, children, hideArrow = false, ref, ...props }) => (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { className: cn('flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180', className), ref: ref, ...props, children: [children, hideArrow ? null : (_jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" }))] }) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = ({ className, children, ref, ...props }) => (_jsx(AccordionPrimitive.Content, { className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down w-full overflow-hidden text-sm transition-all", ref: ref, ...props, children: _jsx("div", { className: cn('pt-0 pb-4', className), children: children }) }));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/primitives/action-button.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { type VariantProps } from '../util';
+import type { ButtonDef } from '../types';
+import type { buttonVariants } from './button';
+declare const ActionButton: React.FC<VariantProps<typeof buttonVariants> & {
+    def: ButtonDef;
+    className?: string;
+}>;
+export default ActionButton;
+//# sourceMappingURL=action-button.d.ts.map

package/dist/primitives/action-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-button.d.ts","sourceRoot":"","sources":["../../primitives/action-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,KAAK,EAAE,SAAS,EAAkB,MAAM,UAAU,CAAA;AACzD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAG9C,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAC1B,YAAY,CAAC,OAAO,cAAc,CAAC,GACnC;IACE,GAAG,EAAE,SAAS,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAyBF,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/primitives/action-button.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { cn } from '../util';
+import DVC from './dialog-video-controller';
+const ActionButton = ({ def, className = '', ...rest }) => {
+    if (def.action.type === 'modal') {
+        const m = def.action.def;
+        const Modal = m.Comp;
+        return (_jsx(DVC, { children: _jsx(Modal, { title: m.title, byline: m.byline, buttonText: def.text, buttonProps: { ...def.props, ...rest, className: cn((def.props?.className ?? ''), className) }, action: m.action, actionEnclosure: m.actionEnclosure, ...m.props }) }));
+    }
+    // no other types supported yet
+    return _jsx(_Fragment, {});
+};
+export default ActionButton;

package/dist/primitives/alert-dialog.d.ts

@@ -0,0 +1,57 @@
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as React from 'react';
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+type AlertDialogOverlayProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AlertDialogPrimitive.Overlay>>;
+};
+declare const AlertDialogOverlay: {
+    ({ className, children, ref, ...props }: AlertDialogOverlayProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AlertDialogPrimitive.Content>>;
+};
+declare const AlertDialogContent: {
+    ({ className, ref, ...props }: AlertDialogContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AlertDialogPrimitive.Title>>;
+};
+declare const AlertDialogTitle: {
+    ({ className, ref, ...props }: AlertDialogTitleProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AlertDialogPrimitive.Description>>;
+};
+declare const AlertDialogDescription: {
+    ({ className, ref, ...props }: AlertDialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type AlertDialogActionProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AlertDialogPrimitive.Action>>;
+};
+declare const AlertDialogAction: {
+    ({ className, ref, ...props }: AlertDialogActionProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type AlertDialogCancelProps = React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AlertDialogPrimitive.Cancel>>;
+};
+declare const AlertDialogCancel: {
+    ({ className, ref, ...props }: AlertDialogCancelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/primitives/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../primitives/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAC3D,OAAO,oBAAoB,CAAC,OAAO,CACpC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CACnB,KAAK,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,CACxD,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,kBAAkB;6CAKrB,uBAAuB;;CAUzB,CAAC;AAGF,KAAK,uBAAuB,GAAG,KAAK,CAAC,wBAAwB,CAC3D,OAAO,oBAAoB,CAAC,OAAO,CACpC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CACnB,KAAK,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,CACxD,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,kBAAkB;mCAIrB,uBAAuB;;CAYzB,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEtC,CAAC;AAGF,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CACzD,OAAO,oBAAoB,CAAC,KAAK,CAClC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC;CAC9E,CAAC;AAEF,QAAA,MAAM,gBAAgB;mCAInB,qBAAqB;;CAMvB,CAAC;AAGF,KAAK,2BAA2B,GAAG,KAAK,CAAC,wBAAwB,CAC/D,OAAO,oBAAoB,CAAC,WAAW,CACxC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CACnB,KAAK,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,CAC5D,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,sBAAsB;mCAIzB,2BAA2B;;CAM7B,CAAC;AAIF,KAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAC1D,OAAO,oBAAoB,CAAC,MAAM,CACnC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC;CAC/E,CAAC;AAEF,QAAA,MAAM,iBAAiB;mCAIpB,sBAAsB;;CASxB,CAAC;AAGF,KAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAC1D,OAAO,oBAAoB,CAAC,MAAM,CACnC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC;CAC/E,CAAC;AAEF,QAAA,MAAM,iBAAiB;mCAIpB,sBAAsB;;CASxB,CAAC;AAGF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}

package/dist/primitives/alert-dialog.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { cn } from '../src/utils';
+import { buttonVariants } from './button';
+const AlertDialog = AlertDialogPrimitive.Root;
+const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+const AlertDialogPortal = AlertDialogPrimitive.Portal;
+const AlertDialogOverlay = ({ className, children, ref, ...props }) => (_jsx(AlertDialogPrimitive.Overlay, { className: cn('data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm', 'bg-bg-dark/90', className), ...props, ref: ref }));
+AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
+const AlertDialogContent = ({ className, ref, ...props }) => (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { className: cn('bg-bg-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 border-divider fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg', className), ref: ref, ...props })] }));
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+const AlertDialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn('flex flex-col space-y-2 text-center sm:text-left', className), ...props }));
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+const AlertDialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn('flex', className), ...props }));
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+const AlertDialogTitle = ({ className, ref, ...props }) => (_jsx(AlertDialogPrimitive.Title, { className: cn('text-lg font-semibold', className), ref: ref, ...props }));
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+const AlertDialogDescription = ({ className, ref, ...props }) => (_jsx(AlertDialogPrimitive.Description, { className: cn('text-text-secondary text-sm', className), ref: ref, ...props }));
+AlertDialogDescription.displayName =
+    AlertDialogPrimitive.Description.displayName;
+const AlertDialogAction = ({ className, ref, ...props }) => (_jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants({ variant: 'default', size: 'sm' }), className), ref: ref, ...props }));
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+const AlertDialogCancel = ({ className, ref, ...props }) => (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: 'outline', size: 'sm' }), className), ref: ref, ...props }));
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/primitives/alert.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | "info" | "success" | "warning" | "download" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };
+//# sourceMappingURL=alert.d.ts.map

package/dist/primitives/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../primitives/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;8EAsBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CAUlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,aAAa,EAAE,CAAC"}

package/dist/primitives/alert.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from '../src/utils';
+const alertVariants = cva('group/alert relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:top-4 [&>svg]:left-4 [&>svg+div]:translate-y-[-3px] [&>svg~*]:pl-7 [&>svg]:size-4', {
+    variants: {
+        variant: {
+            default: 'bg-background text-foreground [&>svg]:text-foreground',
+            destructive: 'border-destructive/50 text-destructive bg-destructive/10 dark:border-destructive [&>svg]:text-destructive',
+            // Hanzo-specific variants for backward compatibility
+            info: 'text-muted-foreground bg-muted border-border [&>svg]:text-muted-foreground',
+            warning: 'border-yellow-500/50 bg-yellow-500/10 text-yellow-700 dark:text-yellow-400 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400',
+            success: 'border-green-500/50 bg-green-500/10 text-green-700 dark:text-green-400 [&>svg]:text-green-600 dark:[&>svg]:text-green-400',
+            download: 'border-cyan-500/50 bg-cyan-500/10 text-cyan-700 dark:text-cyan-400 [&>svg]:text-cyan-600 dark:[&>svg]:text-cyan-400',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function Alert({ className, variant = 'default', ...props }) {
+    return (_jsx("div", { "data-slot": "alert", "data-variant": variant, role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn('mb-1 leading-none font-medium tracking-tight [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3', className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn('text-sm [&_p]:leading-relaxed [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3', className), ...props }));
+}
+function AlertAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-action", className: cn('mt-3 flex items-center gap-2', className), ...props }));
+}
+export { Alert, AlertTitle, AlertDescription, AlertAction, alertVariants };

package/dist/primitives/apply-typography.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type TypographySize = 'responsive' | 'sm' | 'base' | 'lg' | 'xl';
+declare const ApplyTypography: React.FC<React.ComponentProps<'div'> & {
+    asTag?: 'div' | 'section' | 'nav' | 'main' | 'article';
+    size?: TypographySize;
+}>;
+export { type TypographySize, ApplyTypography as default };
+//# sourceMappingURL=apply-typography.d.ts.map

package/dist/primitives/apply-typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-typography.d.ts","sourceRoot":"","sources":["../../primitives/apply-typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAIhD,KAAK,cAAc,GAAG,YAAY,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;AAEhE,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAC7B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5B,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;IACvD,IAAI,CAAC,EAAE,cAAc,CAAA;CACtB,CAuCF,CAAA;AAED,OAAO,EACL,KAAK,cAAc,EACnB,eAAe,IAAI,OAAO,EAC3B,CAAA"}

package/dist/primitives/apply-typography.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../util';
+const ApplyTypography = ({ children, className = '', asTag = 'div', size = 'responsive', ...rest }) => {
+    // responsive version by default
+    let typoClasses = 'typography gap-3 ' +
+        'xs:typography-sm ' +
+        'sm:typography sm:gap-4 ' +
+        'lg:typography-lg lg:gap-5 ' +
+        'xl:typography-xl xl:gap-6 ' +
+        'typography-headings:font-heading '; // only effects h1-h3 (in plugin)
+    switch (size) {
+        case 'sm':
+            {
+                typoClasses = 'typography typography-sm gap-3 typography-headings:font-heading typography-p:text-sm ';
+            }
+            break;
+        case 'base':
+            {
+                typoClasses = 'typography gap-4 typography-headings:font-heading ';
+            }
+            break;
+        case 'lg':
+            {
+                typoClasses = 'typography typography-lg gap-5 typography-headings:font-heading typography-p:text-lg ';
+            }
+            break;
+        case 'xl':
+            {
+                typoClasses = 'typography typography-xl gap-6 typography-headings:font-heading typography-p:text-lg ';
+            }
+            break;
+    }
+    const Tag = asTag;
+    return (_jsx(Tag, { ...rest, className: cn(typoClasses, className), children: children }));
+};
+export { ApplyTypography as default };

package/dist/primitives/aspect-ratio.d.ts

@@ -0,0 +1,4 @@
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
+export default AspectRatio;
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/primitives/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../primitives/aspect-ratio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAA;AACpE,QAAA,MAAM,WAAW,kIAA4B,CAAA;AAE7C,eAAe,WAAW,CAAA"}

package/dist/primitives/aspect-ratio.js

@@ -0,0 +1,4 @@
+"use client";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+const AspectRatio = AspectRatioPrimitive.Root;
+export default AspectRatio;

package/dist/primitives/avatar.d.ts

@@ -0,0 +1,25 @@
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import * as React from 'react';
+type AvatarProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AvatarPrimitive.Root>>;
+};
+declare const Avatar: {
+    ({ className, ref, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type AvatarImageProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AvatarPrimitive.Image>>;
+};
+declare const AvatarImage: {
+    ({ className, ref, ...props }: AvatarImageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & {
+    ref?: React.RefObject<React.ComponentRef<typeof AvatarPrimitive.Fallback>>;
+};
+declare const AvatarFallback: {
+    ({ className, ref, ...props }: AvatarFallbackProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/primitives/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../primitives/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,WAAW,GAAG,KAAK,CAAC,wBAAwB,CAC/C,OAAO,eAAe,CAAC,IAAI,CAC5B,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;CACxE,CAAC;AAEF,QAAA,MAAM,MAAM;mCAAkC,WAAW;;CASxD,CAAC;AAGF,KAAK,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CACpD,OAAO,eAAe,CAAC,KAAK,CAC7B,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;CACzE,CAAC;AAEF,QAAA,MAAM,WAAW;mCAAkC,gBAAgB;;CAMlE,CAAC;AAGF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CACvD,OAAO,eAAe,CAAC,QAAQ,CAChC,GAAG;IACF,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC;CAC5E,CAAC;AAEF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CASxE,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/primitives/avatar.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cn } from '../src/utils';
+const Avatar = ({ className, ref, ...props }) => (_jsx(AvatarPrimitive.Root, { className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className), ref: ref, ...props }));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+const AvatarImage = ({ className, ref, ...props }) => (_jsx(AvatarPrimitive.Image, { className: cn('aspect-square h-full w-full', className), ref: ref, ...props }));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+const AvatarFallback = ({ className, ref, ...props }) => (_jsx(AvatarPrimitive.Fallback, { className: cn('bg-muted flex h-full w-full items-center justify-center rounded-full', className), ref: ref, ...props }));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+export { Avatar, AvatarImage, AvatarFallback };

package/dist/primitives/badge.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | "inputAdornment" | "tags" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+export default Badge;
+//# sourceMappingURL=badge.d.ts.map

package/dist/primitives/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../primitives/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;8EAyBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAmB,EACnB,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAW3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC;AAChC,eAAe,KAAK,CAAC"}

package/dist/primitives/badge.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../src/utils';
+const badgeVariants = cva('inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] focus-visible:outline-none aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive [&>svg]:pointer-events-none overflow-hidden', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground hover:bg-primary/90 border-transparent shadow-sm',
+            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent',
+            destructive: 'bg-destructive text-white hover:bg-destructive/90 border-transparent shadow-sm focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',
+            outline: 'text-foreground border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground',
+            ghost: 'hover:bg-accent hover:text-accent-foreground border-transparent',
+            link: 'text-primary underline-offset-4 hover:underline border-transparent',
+            // Hanzo-specific variants for backward compatibility
+            inputAdornment: 'bg-gray-600 px-2 font-medium text-white border-transparent',
+            tags: 'text-muted-foreground border-border bg-muted rounded-lg px-2 py-1 font-normal capitalize',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});
+function Badge({ className, variant = 'default', asChild = false, ...props }) {
+    const Comp = asChild ? Slot : 'span';
+    return (_jsx(Comp, { "data-slot": "badge", "data-variant": variant, className: cn(badgeVariants({ variant }), className), ...props }));
+}
+export { Badge, badgeVariants };
+export default Badge;

package/dist/primitives/breadcrumb.d.ts

@@ -0,0 +1,51 @@
+import * as React from 'react';
+type BreadcrumbProps = React.ComponentPropsWithoutRef<'nav'> & {
+    separator?: React.ReactNode;
+    ref?: React.RefObject<HTMLDivElement>;
+};
+declare const Breadcrumb: {
+    ({ ref, ...props }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbListProps = React.ComponentPropsWithoutRef<'ol'> & {
+    ref?: React.RefObject<HTMLOListElement>;
+};
+declare const BreadcrumbList: {
+    ({ className, ref, ...props }: BreadcrumbListProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbItemProps = React.ComponentPropsWithoutRef<'li'> & {
+    ref?: React.RefObject<HTMLLIElement>;
+};
+declare const BreadcrumbItem: {
+    ({ className, ref, ...props }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbLinkProps = React.ComponentPropsWithoutRef<'a'> & {
+    asChild?: boolean;
+    ref?: React.RefObject<HTMLAnchorElement>;
+};
+declare const BreadcrumbLink: {
+    ({ asChild, className, ref, ...props }: BreadcrumbLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbPageProps = React.ComponentPropsWithoutRef<'span'> & {
+    ref?: React.RefObject<HTMLSpanElement>;
+};
+declare const BreadcrumbPage: {
+    ({ className, ref, ...props }: BreadcrumbPageProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+type BreadcrumbSeparatorProps = React.ComponentProps<'li'> & {
+    ref?: React.RefObject<HTMLLIElement>;
+};
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: BreadcrumbSeparatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/primitives/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../primitives/breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IAC7D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,UAAU;wBAAuB,eAAe;;CAErD,CAAC;AAIF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;CACzC,CAAC;AAEF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CASxE,CAAC;AAGF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC,GAAG;IAChE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CAMxE,CAAC;AAGF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,GAAG,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAC1C,CAAC;AAEF,QAAA,MAAM,cAAc;4CAKjB,mBAAmB;;CAUrB,CAAC;AAGF,KAAK,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,CAAC,GAAG;IAClE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CACxC,CAAC;AAEF,QAAA,MAAM,cAAc;mCAAkC,mBAAmB;;CASxE,CAAC;AAGF,KAAK,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG;IAC3D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,mBAAmB;wCAItB,wBAAwB;;CAS1B,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAU9B,CAAC;AAGF,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}

package/dist/primitives/breadcrumb.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slot } from '@radix-ui/react-slot';
+import { ChevronRight, MoreHorizontal } from 'lucide-react';
+import { cn } from '../src/utils';
+const Breadcrumb = ({ ref, ...props }) => (_jsx("nav", { "aria-label": "breadcrumb", ref: ref, ...props }));
+Breadcrumb.displayName = 'Breadcrumb';
+const BreadcrumbList = ({ className, ref, ...props }) => (_jsx("ol", { className: cn('text-text-secondary flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5', className), ref: ref, ...props }));
+BreadcrumbList.displayName = 'BreadcrumbList';
+const BreadcrumbItem = ({ className, ref, ...props }) => (_jsx("li", { className: cn('inline-flex items-center gap-1.5', className), ref: ref, ...props }));
+BreadcrumbItem.displayName = 'BreadcrumbItem';
+const BreadcrumbLink = ({ asChild, className, ref, ...props }) => {
+    const Comp = asChild ? Slot : 'a';
+    return (_jsx(Comp, { className: cn('hover:text-text-default transition-colors', className), ref: ref, ...props }));
+};
+BreadcrumbLink.displayName = 'BreadcrumbLink';
+const BreadcrumbPage = ({ className, ref, ...props }) => (_jsx("span", { "aria-current": "page", "aria-disabled": "true", className: cn('text-text-default font-normal', className), ref: ref, role: "link", ...props }));
+BreadcrumbPage.displayName = 'BreadcrumbPage';
+const BreadcrumbSeparator = ({ children, className, ...props }) => (_jsx("li", { "aria-hidden": "true", className: cn('[&>svg]:h-4 [&>svg]:w-4', className), role: "presentation", ...props, children: children ?? _jsx(ChevronRight, {}) }));
+BreadcrumbSeparator.displayName = 'BreadcrumbSeparator';
+const BreadcrumbEllipsis = ({ className, ...props }) => (_jsxs("span", { "aria-hidden": "true", className: cn('flex h-9 w-9 items-center justify-center', className), role: "presentation", ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+BreadcrumbEllipsis.displayName = 'BreadcrumbElipssis';
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/primitives/breakpoint-indicator.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const BreakpointIndicator: React.FC;
+export default BreakpointIndicator;
+//# sourceMappingURL=breakpoint-indicator.d.ts.map