@exxatdesignux/ui 0.2.19 → 0.3.0

package/dist/components/ui/banner.js

@@ -0,0 +1,364 @@
+"use client";
+import * as React2 from 'react';
+import { cva } from 'class-variance-authority';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { Slot, Tooltip as Tooltip$1 } from 'radix-ui';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border-input bg-background hover:bg-interactive-hover hover:text-interactive-hover-foreground aria-expanded:bg-interactive-hover aria-expanded:text-interactive-hover-foreground dark:bg-input/15 dark:hover:bg-input/25",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-interactive-hover hover:text-interactive-hover-foreground aria-expanded:bg-interactive-hover aria-expanded:text-interactive-hover-foreground dark:hover:bg-interactive-hover-subtle",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5",
+        xs: "h-6 gap-1 px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 gap-1 px-3 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pe-3.5 has-data-[icon=inline-start]:ps-3.5",
+        icon: "size-9",
+        "icon-xs": "size-6 in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8 in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React2.forwardRef(({ className, variant = "default", size = "default", asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot.Root : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+});
+Button.displayName = "Button";
+function Tooltip({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Root, { "data-slot": "tooltip", ...props });
+}
+function TooltipTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Tooltip$1.Trigger,
+    {
+      "data-slot": "tooltip-trigger",
+      suppressHydrationWarning: true,
+      className: cn("cursor-pointer", className),
+      ...props
+    }
+  );
+}
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
+    Tooltip$1.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset,
+      className: cn(
+        "z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pe-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+      ]
+    }
+  ) });
+}
+function Tip({ label, children, side = "top" }) {
+  return /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx(TooltipContent, { side, className: "flex flex-wrap items-center gap-1.5", children: label })
+  ] });
+}
+var VARIANT_CONFIG = {
+  info: {
+    icon: "fa-circle-info",
+    prefix: "fa-light",
+    role: "status",
+    live: "polite"
+  },
+  warning: {
+    icon: "fa-triangle-exclamation",
+    prefix: "fa-light",
+    role: "alert",
+    live: "assertive"
+  },
+  error: {
+    icon: "fa-circle-exclamation",
+    prefix: "fa-light",
+    role: "alert",
+    live: "assertive"
+  },
+  success: {
+    icon: "fa-circle-check",
+    prefix: "fa-light",
+    role: "status",
+    live: "polite"
+  },
+  promo: {
+    icon: "fa-star-christmas text-brand",
+    prefix: "fa-duotone fa-solid",
+    role: "status",
+    live: "polite"
+  }
+};
+var systemBannerVariants = cva(
+  // No `overflow-hidden` on root — it clips promo `boxShadow` (glow). Clip `decorativeOverlay` in a nested layer instead.
+  "relative isolate flex rounded-lg border text-sm transition-all",
+  {
+    variants: {
+      variant: {
+        /* Prominent defaults — darker shells + light foreground copy for ≥4.5:1 on the fill. */
+        info: "bg-blue-900 text-blue-50 border-blue-950/35 dark:bg-blue-950 dark:text-blue-50 dark:border-blue-900/60",
+        warning: "bg-amber-900 text-amber-50 border-amber-950/35 dark:bg-amber-950 dark:text-amber-50 dark:border-amber-900/60",
+        error: "bg-red-900 text-red-50 border-red-950/35 dark:bg-red-950 dark:text-red-50 dark:border-red-900/60",
+        success: "bg-emerald-900 text-emerald-50 border-emerald-950/35 dark:bg-emerald-950 dark:text-emerald-50 dark:border-emerald-900/60",
+        promo: "bg-gradient-to-r from-brand/14 via-brand/8 to-brand/5 text-foreground border-brand/22 dark:from-brand/20 dark:via-brand/12 dark:to-brand/7 dark:border-brand/26"
+      },
+      /** Emphasis — "prominent" uses dark solid fills; "subtle" uses soft tinted bg. */
+      emphasis: {
+        prominent: "",
+        subtle: ""
+      },
+      /** Action placement: "inline" puts the action to the right; "bottom" puts it below the text */
+      actionPosition: {
+        // flex-wrap so the action button drops to a second line at 200%+ zoom instead of overflowing
+        inline: "flex-wrap items-center gap-3 px-4 py-2.5",
+        bottom: "flex-col gap-2 px-4 py-3"
+      }
+    },
+    compoundVariants: [
+      { emphasis: "subtle", variant: "info", class: "bg-blue-500/5 text-blue-800 border-blue-500/30 dark:bg-blue-500/10 dark:text-blue-200 dark:border-blue-500/20" },
+      { emphasis: "subtle", variant: "warning", class: "bg-amber-500/5 text-amber-800 border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200 dark:border-amber-500/20" },
+      { emphasis: "subtle", variant: "error", class: "bg-red-500/5 text-red-800 border-red-500/30 dark:bg-red-500/10 dark:text-red-200 dark:border-red-500/20" },
+      { emphasis: "subtle", variant: "success", class: "bg-emerald-500/5 text-emerald-800 border-emerald-500/30 dark:bg-emerald-500/10 dark:text-emerald-200 dark:border-emerald-500/20" },
+      { emphasis: "subtle", variant: "promo", class: "bg-brand/5 text-foreground border-brand/30 dark:bg-brand/10 dark:border-brand/20" }
+    ],
+    defaultVariants: { variant: "info", emphasis: "prominent", actionPosition: "inline" }
+  }
+);
+function SystemBanner({
+  children,
+  title,
+  variant = "info",
+  emphasis = "prominent",
+  dismissible = true,
+  onDismiss,
+  action,
+  actionPosition = "inline",
+  icon,
+  decorativeOverlay,
+  className,
+  style,
+  ...props
+}) {
+  const [dismissed, setDismissed] = React2.useState(false);
+  const config = VARIANT_CONFIG[variant ?? "info"];
+  function handleDismiss() {
+    setDismissed(true);
+    onDismiss?.();
+  }
+  if (dismissed) return null;
+  const actionEl = action && (action.href ? /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: action.href,
+      className: "inline-flex shrink-0 items-center gap-1 text-xs font-semibold underline underline-offset-2 hover:no-underline",
+      suppressHydrationWarning: true,
+      children: [
+        action.label,
+        /* @__PURE__ */ jsx("i", { className: "fa-light fa-arrow-right text-xs", "aria-hidden": "true" })
+      ]
+    }
+  ) : /* @__PURE__ */ jsxs(
+    Button,
+    {
+      size: "xs",
+      variant: "link",
+      onClick: action.onClick,
+      className: "h-auto shrink-0 px-0 text-xs font-semibold underline underline-offset-2 hover:no-underline",
+      children: [
+        action.label,
+        /* @__PURE__ */ jsx("i", { className: "fa-light fa-arrow-right text-xs ms-0.5", "aria-hidden": "true" })
+      ]
+    }
+  ));
+  const promoOuterShadow = emphasis === "subtle" ? "0 10px 36px -6px oklch(from var(--brand-color) l c h / 0.2), 0 2px 12px -4px oklch(from var(--brand-color) l c h / 0.12)" : "0 14px 48px -8px oklch(from var(--brand-color) l c h / 0.26), 0 4px 18px -4px oklch(from var(--brand-color) l c h / 0.16)";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: config.role,
+      "aria-live": config.live,
+      className: cn(systemBannerVariants({ variant, emphasis, actionPosition }), className),
+      style: {
+        ...variant === "promo" ? { boxShadow: promoOuterShadow } : null,
+        ...style
+      },
+      suppressHydrationWarning: true,
+      ...props,
+      children: [
+        decorativeOverlay ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "pointer-events-none absolute inset-0 z-0 overflow-hidden rounded-lg",
+            "aria-hidden": true,
+            children: decorativeOverlay
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "i",
+          {
+            className: cn(
+              config.prefix,
+              icon ?? config.icon,
+              "relative z-[1] shrink-0 text-[14px]",
+              actionPosition === "bottom" ? "mt-0.5" : ""
+            ),
+            "aria-hidden": "true"
+          }
+        ),
+        actionPosition === "inline" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative z-[1] min-w-0 flex-1", children: [
+            title && /* @__PURE__ */ jsx("span", { className: "font-semibold me-1.5", children: title }),
+            /* @__PURE__ */ jsx("span", { className: "opacity-90", children })
+          ] }),
+          actionEl ? /* @__PURE__ */ jsx("span", { className: "relative z-[1] inline-flex shrink-0", children: actionEl }) : null
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "relative z-[1] min-w-0 flex-1", children: [
+          title && /* @__PURE__ */ jsx("p", { className: "font-semibold leading-tight mb-0.5", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "opacity-90 leading-relaxed", children }),
+          actionEl && /* @__PURE__ */ jsx("div", { className: "mt-1.5", children: actionEl })
+        ] }),
+        dismissible && /* @__PURE__ */ jsx(Tip, { label: "Dismiss", side: "bottom", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Dismiss banner",
+            onClick: handleDismiss,
+            className: cn(
+              "relative z-[2] inline-flex size-5 shrink-0 items-center justify-center rounded transition-colors",
+              actionPosition === "bottom" ? "absolute top-2.5 right-2.5" : "",
+              "hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: /* @__PURE__ */ jsx("i", { className: "fa-light fa-xmark text-xs", "aria-hidden": "true" })
+          }
+        ) })
+      ]
+    }
+  );
+}
+var localBannerVariants = cva(
+  "flex items-start gap-3 rounded-lg border px-4 py-3 text-sm transition-all",
+  {
+    variants: {
+      variant: {
+        info: "border-blue-500/30 bg-blue-500/5 text-blue-800 dark:bg-blue-500/10 dark:text-blue-200 dark:border-blue-500/20",
+        warning: "border-amber-500/30 bg-amber-500/5 text-amber-800 dark:bg-amber-500/10 dark:text-amber-200 dark:border-amber-500/20",
+        error: "border-red-500/30 bg-red-500/5 text-red-800 dark:bg-red-500/10 dark:text-red-200 dark:border-red-500/20",
+        success: "border-emerald-500/30 bg-emerald-500/5 text-emerald-800 dark:bg-emerald-500/10 dark:text-emerald-200 dark:border-emerald-500/20",
+        promo: "border-brand/30 bg-brand/5 text-foreground dark:bg-brand/10 dark:border-brand/20"
+      }
+    },
+    defaultVariants: { variant: "info" }
+  }
+);
+function LocalBanner({
+  children,
+  title,
+  variant = "info",
+  dismissible = false,
+  onDismiss,
+  action,
+  retry,
+  icon,
+  className,
+  ...props
+}) {
+  const [dismissed, setDismissed] = React2.useState(false);
+  const config = VARIANT_CONFIG[variant ?? "info"];
+  function handleDismiss() {
+    setDismissed(true);
+    onDismiss?.();
+  }
+  if (dismissed) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: config.role,
+      "aria-live": config.live,
+      className: cn(localBannerVariants({ variant }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "i",
+          {
+            className: cn(config.prefix, icon ?? config.icon, "text-[15px] shrink-0 mt-0.5"),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          title && /* @__PURE__ */ jsx("p", { className: "font-semibold leading-tight mb-0.5", children: title }),
+          /* @__PURE__ */ jsx("div", { className: "text-sm leading-relaxed opacity-90", children }),
+          (action || retry) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-2.5", children: [
+            retry && /* @__PURE__ */ jsxs(Button, { size: "xs", variant: "outline", onClick: retry.onClick, children: [
+              /* @__PURE__ */ jsx("i", { className: "fa-light fa-arrow-rotate-right text-xs", "aria-hidden": "true" }),
+              retry.label ?? "Retry"
+            ] }),
+            action && (action.href ? /* @__PURE__ */ jsxs("a", { href: action.href, className: "inline-flex items-center gap-1 text-xs font-semibold underline underline-offset-2 hover:no-underline", children: [
+              action.label,
+              " ",
+              /* @__PURE__ */ jsx("i", { className: "fa-light fa-arrow-right text-xs", "aria-hidden": "true" })
+            ] }) : /* @__PURE__ */ jsx(Button, { size: "xs", variant: "outline", onClick: action.onClick, children: action.label }))
+          ] })
+        ] }),
+        dismissible && /* @__PURE__ */ jsx(Tip, { label: "Dismiss", side: "left", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Dismiss",
+            onClick: handleDismiss,
+            className: cn(
+              "inline-flex items-center justify-center size-5 rounded transition-colors shrink-0",
+              "hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+            ),
+            children: /* @__PURE__ */ jsx("i", { className: "fa-light fa-xmark text-xs", "aria-hidden": "true" })
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+export { LocalBanner, SystemBanner };
+//# sourceMappingURL=banner.js.map
+//# sourceMappingURL=banner.js.map

package/dist/components/ui/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/button.tsx","../../../src/components/ui/tooltip.tsx","../../../src/components/ui/tip.tsx","../../../src/components/ui/banner.tsx"],"names":["React","jsx","TooltipPrimitive","jsxs","cva"],"mappings":"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","file":"banner.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-input bg-background hover:bg-interactive-hover hover:text-interactive-hover-foreground aria-expanded:bg-interactive-hover aria-expanded:text-interactive-hover-foreground dark:bg-input/15 dark:hover:bg-input/25\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-interactive-hover hover:text-interactive-hover-foreground aria-expanded:bg-interactive-hover aria-expanded:text-interactive-hover-foreground dark:hover:bg-interactive-hover-subtle\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pe-2.5 has-data-[icon=inline-start]:ps-2.5\",\n        xs: \"h-6 gap-1 px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 px-3 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2 [&_svg:not([class*='size-'])]:size-3.5\",\n        lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pe-3.5 has-data-[icon=inline-start]:ps-3.5\",\n        icon: \"size-9\",\n        \"icon-xs\":\n          \"size-6 in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-8 in-data-[slot=button-group]:rounded-lg\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst Button = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> &\n    VariantProps<typeof buttonVariants> & {\n      asChild?: boolean\n    }\n>(({ className, variant = \"default\", size = \"default\", asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n})\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return (\n    <TooltipPrimitive.Trigger\n      data-slot=\"tooltip-trigger\"\n      suppressHydrationWarning\n      className={cn(\"cursor-pointer\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pe-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n","\"use client\"\nimport * as React from \"react\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"./tooltip\"\n\ninterface TipProps {\n  /** Plain string or text + `<Kbd />` — see `.cursor/rules/exxat-kbd-shortcuts.mdc` */\n  label: React.ReactNode\n  children: React.ReactNode\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\"\n}\n\nexport function Tip({ label, children, side = \"top\" }: TipProps) {\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{children}</TooltipTrigger>\n      <TooltipContent side={side} className=\"flex flex-wrap items-center gap-1.5\">\n        {label}\n      </TooltipContent>\n    </Tooltip>\n  )\n}\n","\"use client\"\n\n/**\n * Banner — two types of banner for system-level and local-level messaging.\n *\n * 1. SystemBanner: full-width strip at the very top of the app (above sidebar).\n *    Used for maintenance notices, feature promotions, global alerts.\n *\n * 2. LocalBanner: inline alert within a page section.\n *    Used for page-specific errors, warnings, and informational messages.\n *\n * Both support: info, warning, error, success, and promo variants.\n * Both are dismissible and accessible (role=\"alert\" / role=\"status\").\n */\n\nimport * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../../lib/utils\"\nimport { Button } from \"./button\"\nimport { Tip }    from \"./tip\"\n\n// ─────────────────────────────────────────────────────────────────────────────\n// Variant definitions\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst VARIANT_CONFIG = {\n  info: {\n    icon: \"fa-circle-info\",\n    prefix: \"fa-light\",\n    role: \"status\" as const,\n    live: \"polite\" as const,\n  },\n  warning: {\n    icon: \"fa-triangle-exclamation\",\n    prefix: \"fa-light\",\n    role: \"alert\" as const,\n    live: \"assertive\" as const,\n  },\n  error: {\n    icon: \"fa-circle-exclamation\",\n    prefix: \"fa-light\",\n    role: \"alert\" as const,\n    live: \"assertive\" as const,\n  },\n  success: {\n    icon: \"fa-circle-check\",\n    prefix: \"fa-light\",\n    role: \"status\" as const,\n    live: \"polite\" as const,\n  },\n  promo: {\n    icon: \"fa-star-christmas text-brand\",\n    prefix: \"fa-duotone fa-solid\",\n    role: \"status\" as const,\n    live: \"polite\" as const,\n  },\n}\n\ntype BannerVariant = keyof typeof VARIANT_CONFIG\n\n// ─────────────────────────────────────────────────────────────────────────────\n// SystemBanner — inline at the top of the main content area\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst systemBannerVariants = cva(\n  // No `overflow-hidden` on root — it clips promo `boxShadow` (glow). Clip `decorativeOverlay` in a nested layer instead.\n  \"relative isolate flex rounded-lg border text-sm transition-all\",\n  {\n    variants: {\n      variant: {\n        /* Prominent defaults — darker shells + light foreground copy for ≥4.5:1 on the fill. */\n        info:    \"bg-blue-900 text-blue-50 border-blue-950/35 dark:bg-blue-950 dark:text-blue-50 dark:border-blue-900/60\",\n        warning: \"bg-amber-900 text-amber-50 border-amber-950/35 dark:bg-amber-950 dark:text-amber-50 dark:border-amber-900/60\",\n        error:   \"bg-red-900 text-red-50 border-red-950/35 dark:bg-red-950 dark:text-red-50 dark:border-red-900/60\",\n        success: \"bg-emerald-900 text-emerald-50 border-emerald-950/35 dark:bg-emerald-950 dark:text-emerald-50 dark:border-emerald-900/60\",\n        promo:   \"bg-gradient-to-r from-brand/14 via-brand/8 to-brand/5 text-foreground border-brand/22 dark:from-brand/20 dark:via-brand/12 dark:to-brand/7 dark:border-brand/26\",\n      },\n      /** Emphasis — \"prominent\" uses dark solid fills; \"subtle\" uses soft tinted bg. */\n      emphasis: {\n        prominent: \"\",\n        subtle: \"\",\n      },\n      /** Action placement: \"inline\" puts the action to the right; \"bottom\" puts it below the text */\n      actionPosition: {\n        // flex-wrap so the action button drops to a second line at 200%+ zoom instead of overflowing\n        inline: \"flex-wrap items-center gap-3 px-4 py-2.5\",\n        bottom: \"flex-col gap-2 px-4 py-3\",\n      },\n    },\n    compoundVariants: [\n      { emphasis: \"subtle\", variant: \"info\",    class: \"bg-blue-500/5 text-blue-800 border-blue-500/30 dark:bg-blue-500/10 dark:text-blue-200 dark:border-blue-500/20\" },\n      { emphasis: \"subtle\", variant: \"warning\", class: \"bg-amber-500/5 text-amber-800 border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200 dark:border-amber-500/20\" },\n      { emphasis: \"subtle\", variant: \"error\",   class: \"bg-red-500/5 text-red-800 border-red-500/30 dark:bg-red-500/10 dark:text-red-200 dark:border-red-500/20\" },\n      { emphasis: \"subtle\", variant: \"success\", class: \"bg-emerald-500/5 text-emerald-800 border-emerald-500/30 dark:bg-emerald-500/10 dark:text-emerald-200 dark:border-emerald-500/20\" },\n      { emphasis: \"subtle\", variant: \"promo\",   class: \"bg-brand/5 text-foreground border-brand/30 dark:bg-brand/10 dark:border-brand/20\" },\n    ],\n    defaultVariants: { variant: \"info\", emphasis: \"prominent\", actionPosition: \"inline\" },\n  }\n)\n\nexport interface SystemBannerProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof systemBannerVariants> {\n  /** Banner title (optional — adds a bold heading) */\n  title?: string\n  /** The banner message */\n  children: React.ReactNode\n  /** Whether the banner can be dismissed */\n  dismissible?: boolean\n  /** Callback when dismissed */\n  onDismiss?: () => void\n  /** Optional action — renders as a link-style button. Use href for server components, onClick for client. */\n  action?: {\n    label: string\n    href?: string\n    onClick?: () => void\n  }\n  /** Where to place the action: \"inline\" (right side) or \"bottom\" (below text) */\n  actionPosition?: \"inline\" | \"bottom\"\n  /** Override the default icon */\n  icon?: string\n  /** Optional absolutely-positioned decorative layer (e.g. `<AiThinkingOverlay />`). */\n  decorativeOverlay?: React.ReactNode\n}\n\nexport function SystemBanner({\n  children,\n  title,\n  variant = \"info\",\n  emphasis = \"prominent\",\n  dismissible = true,\n  onDismiss,\n  action,\n  actionPosition = \"inline\",\n  icon,\n  decorativeOverlay,\n  className,\n  style,\n  ...props\n}: SystemBannerProps) {\n  const [dismissed, setDismissed] = React.useState(false)\n  const config = VARIANT_CONFIG[variant ?? \"info\"]\n\n  function handleDismiss() {\n    setDismissed(true)\n    onDismiss?.()\n  }\n\n  if (dismissed) return null\n\n  const actionEl = action && (\n    action.href ? (\n      <a\n        href={action.href}\n        className=\"inline-flex shrink-0 items-center gap-1 text-xs font-semibold underline underline-offset-2 hover:no-underline\"\n        suppressHydrationWarning\n      >\n        {action.label}\n        <i className=\"fa-light fa-arrow-right text-xs\" aria-hidden=\"true\" />\n      </a>\n    ) : (\n      <Button\n        size=\"xs\"\n        variant=\"link\"\n        onClick={action.onClick}\n        className=\"h-auto shrink-0 px-0 text-xs font-semibold underline underline-offset-2 hover:no-underline\"\n      >\n        {action.label}\n        <i className=\"fa-light fa-arrow-right text-xs ms-0.5\" aria-hidden=\"true\" />\n      </Button>\n    )\n  )\n\n  /** Outside-only brand halo (no inset fill — glow does not paint inside the banner). */\n  const promoOuterShadow =\n    emphasis === \"subtle\"\n      ? \"0 10px 36px -6px oklch(from var(--brand-color) l c h / 0.2), 0 2px 12px -4px oklch(from var(--brand-color) l c h / 0.12)\"\n      : \"0 14px 48px -8px oklch(from var(--brand-color) l c h / 0.26), 0 4px 18px -4px oklch(from var(--brand-color) l c h / 0.16)\"\n\n  return (\n    <div\n      role={config.role}\n      aria-live={config.live}\n      className={cn(systemBannerVariants({ variant, emphasis, actionPosition }), className)}\n      style={{\n        ...(variant === \"promo\" ? { boxShadow: promoOuterShadow } : null),\n        ...style,\n      }}\n      suppressHydrationWarning\n      {...props}\n    >\n      {decorativeOverlay ? (\n        <div\n          className=\"pointer-events-none absolute inset-0 z-0 overflow-hidden rounded-lg\"\n          aria-hidden\n        >\n          {decorativeOverlay}\n        </div>\n      ) : null}\n      {/* Icon */}\n      <i\n        className={cn(\n          config.prefix,\n          icon ?? config.icon,\n          \"relative z-[1] shrink-0 text-[14px]\",\n          actionPosition === \"bottom\" ? \"mt-0.5\" : \"\",\n        )}\n        aria-hidden=\"true\"\n      />\n\n      {/* Content + inline action */}\n      {actionPosition === \"inline\" ? (\n        <>\n          <div className=\"relative z-[1] min-w-0 flex-1\">\n            {title && <span className=\"font-semibold me-1.5\">{title}</span>}\n            <span className=\"opacity-90\">{children}</span>\n          </div>\n          {actionEl ? <span className=\"relative z-[1] inline-flex shrink-0\">{actionEl}</span> : null}\n        </>\n      ) : (\n        <div className=\"relative z-[1] min-w-0 flex-1\">\n          {title && <p className=\"font-semibold leading-tight mb-0.5\">{title}</p>}\n          <p className=\"opacity-90 leading-relaxed\">{children}</p>\n          {actionEl && <div className=\"mt-1.5\">{actionEl}</div>}\n        </div>\n      )}\n\n      {/* Dismiss */}\n      {dismissible && (\n        <Tip label=\"Dismiss\" side=\"bottom\">\n          <button\n            type=\"button\"\n            aria-label=\"Dismiss banner\"\n            onClick={handleDismiss}\n            className={cn(\n              \"relative z-[2] inline-flex size-5 shrink-0 items-center justify-center rounded transition-colors\",\n              actionPosition === \"bottom\" ? \"absolute top-2.5 right-2.5\" : \"\",\n              \"hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n            )}\n          >\n            <i className=\"fa-light fa-xmark text-xs\" aria-hidden=\"true\" />\n          </button>\n        </Tip>\n      )}\n    </div>\n  )\n}\n\n// ─────────────────────────────────────────────────────────────────────────────\n// LocalBanner — inline, within page sections\n// ─────────────────────────────────────────────────────────────────────────────\n\nconst localBannerVariants = cva(\n  \"flex items-start gap-3 rounded-lg border px-4 py-3 text-sm transition-all\",\n  {\n    variants: {\n      variant: {\n        info:    \"border-blue-500/30 bg-blue-500/5 text-blue-800 dark:bg-blue-500/10 dark:text-blue-200 dark:border-blue-500/20\",\n        warning: \"border-amber-500/30 bg-amber-500/5 text-amber-800 dark:bg-amber-500/10 dark:text-amber-200 dark:border-amber-500/20\",\n        error:   \"border-red-500/30 bg-red-500/5 text-red-800 dark:bg-red-500/10 dark:text-red-200 dark:border-red-500/20\",\n        success: \"border-emerald-500/30 bg-emerald-500/5 text-emerald-800 dark:bg-emerald-500/10 dark:text-emerald-200 dark:border-emerald-500/20\",\n        promo:   \"border-brand/30 bg-brand/5 text-foreground dark:bg-brand/10 dark:border-brand/20\",\n      },\n    },\n    defaultVariants: { variant: \"info\" },\n  }\n)\n\nexport interface LocalBannerProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof localBannerVariants> {\n  /** Banner title (optional) */\n  title?: string\n  /** Banner message */\n  children: React.ReactNode\n  /** Whether the banner can be dismissed */\n  dismissible?: boolean\n  /** Callback when dismissed */\n  onDismiss?: () => void\n  /** Optional action — renders as link (href) or button (onClick) */\n  action?: {\n    label: string\n    href?: string\n    onClick?: () => void\n  }\n  /** Optional retry action for error states */\n  retry?: {\n    label?: string\n    onClick: () => void\n  }\n  /** Override the default icon */\n  icon?: string\n}\n\nexport function LocalBanner({\n  children,\n  title,\n  variant = \"info\",\n  dismissible = false,\n  onDismiss,\n  action,\n  retry,\n  icon,\n  className,\n  ...props\n}: LocalBannerProps) {\n  const [dismissed, setDismissed] = React.useState(false)\n  const config = VARIANT_CONFIG[variant ?? \"info\"]\n\n  function handleDismiss() {\n    setDismissed(true)\n    onDismiss?.()\n  }\n\n  if (dismissed) return null\n\n  return (\n    <div\n      role={config.role}\n      aria-live={config.live}\n      className={cn(localBannerVariants({ variant }), className)}\n      {...props}\n    >\n      {/* Icon */}\n      <i\n        className={cn(config.prefix, icon ?? config.icon, \"text-[15px] shrink-0 mt-0.5\")}\n        aria-hidden=\"true\"\n      />\n\n      {/* Content */}\n      <div className=\"flex-1 min-w-0\">\n        {title && (\n          <p className=\"font-semibold leading-tight mb-0.5\">{title}</p>\n        )}\n        <div className=\"text-sm leading-relaxed opacity-90\">{children}</div>\n\n        {/* Actions */}\n        {(action || retry) && (\n          <div className=\"flex items-center gap-2 mt-2.5\">\n            {retry && (\n              <Button size=\"xs\" variant=\"outline\" onClick={retry.onClick}>\n                <i className=\"fa-light fa-arrow-rotate-right text-xs\" aria-hidden=\"true\" />\n                {retry.label ?? \"Retry\"}\n              </Button>\n            )}\n            {action && (\n              action.href ? (\n                <a href={action.href} className=\"inline-flex items-center gap-1 text-xs font-semibold underline underline-offset-2 hover:no-underline\">\n                  {action.label} <i className=\"fa-light fa-arrow-right text-xs\" aria-hidden=\"true\" />\n                </a>\n              ) : (\n                <Button size=\"xs\" variant=\"outline\" onClick={action.onClick}>\n                  {action.label}\n                </Button>\n              )\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Dismiss */}\n      {dismissible && (\n        <Tip label=\"Dismiss\" side=\"left\">\n          <button\n            type=\"button\"\n            aria-label=\"Dismiss\"\n            onClick={handleDismiss}\n            className={cn(\n              \"inline-flex items-center justify-center size-5 rounded transition-colors shrink-0\",\n              \"hover:bg-current/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\"\n            )}\n          >\n            <i className=\"fa-light fa-xmark text-xs\" aria-hidden=\"true\" />\n          </button>\n        </Tip>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/components/ui/breadcrumb.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+declare function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/components/ui/breadcrumb.js

@@ -0,0 +1,114 @@
+import { Slot } from 'radix-ui';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/ui/breadcrumb.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function Breadcrumb({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      "aria-label": "breadcrumb",
+      "data-slot": "breadcrumb",
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function BreadcrumbList({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      "data-slot": "breadcrumb-list",
+      className: cn(
+        "flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function BreadcrumbItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-item",
+      className: cn("inline-flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}) {
+  const Comp = asChild ? Slot.Root : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("transition-colors hover:text-interactive-hover-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("font-normal text-foreground", className),
+      ...props
+    }
+  );
+}
+function BreadcrumbSeparator({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn("[&>svg]:size-3.5", className),
+      ...props,
+      children: children ?? /* @__PURE__ */ jsx("i", { className: "fa-light fa-chevron-right rtl:rotate-180", "aria-hidden": "true" })
+    }
+  );
+}
+function BreadcrumbEllipsis({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      "data-slot": "breadcrumb-ellipsis",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn(
+        "flex size-5 items-center justify-center [&>svg]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("i", { className: "fa-light fa-ellipsis", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+      ]
+    }
+  );
+}
+
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.js.map
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/ui/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/lib/utils.ts","../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"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","file":"breadcrumb.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Breadcrumb({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      aria-label=\"breadcrumb\"\n      data-slot=\"breadcrumb\"\n      className={cn(className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean\n}) {\n  const Comp = asChild ? Slot.Root : \"a\"\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\"transition-colors hover:text-interactive-hover-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"font-normal text-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? (\n        <i className=\"fa-light fa-chevron-right rtl:rotate-180\" aria-hidden=\"true\" />\n      )}\n    </li>\n  )\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex size-5 items-center justify-center [&>svg]:size-4\",\n        className\n      )}\n      {...props}\n    >\n      <i className=\"fa-light fa-ellipsis\" aria-hidden=\"true\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  )\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n}\n"]}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,16 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Button: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & VariantProps<(props?: ({
+    variant?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, buttonVariants };