@automa8e/ui 0.2.0

package/dist/components/layout/sidebar.js

@@ -0,0 +1,103 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { Button } from "../ui/button.js";
+import { Separator } from "../ui/separator.js";
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from "../ui/tooltip.js";
+import ChevronRight from "../../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import ChevronLeft from "../../node_modules/lucide-react/dist/esm/icons/chevron-left.js";
+function SidebarNavItemComponent({
+  item,
+  collapsed
+}) {
+  const content = /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: item.onClick,
+      disabled: item.disabled,
+      className: cn(
+        "flex w-full items-center gap-3 rounded-md px-2.5 py-2 text-sm font-medium transition-colors duration-150",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        item.active ? "bg-primary/15 text-primary border border-primary/20" : "text-muted-foreground hover:bg-muted hover:text-foreground border border-transparent",
+        item.disabled && "pointer-events-none opacity-50",
+        collapsed && "justify-center px-2"
+      ),
+      children: [
+        item.icon && /* @__PURE__ */ jsx("span", { className: cn("shrink-0 [&>svg]:h-4 [&>svg]:w-4", item.active && "text-primary"), children: item.icon }),
+        !collapsed && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-left", children: item.label }),
+          item.badge !== void 0 && /* @__PURE__ */ jsx("span", { className: cn(
+            "ml-auto flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[10px] font-semibold",
+            item.active ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+          ), children: item.badge })
+        ] })
+      ]
+    }
+  );
+  if (collapsed && item.label) {
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: content }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: item.label })
+    ] });
+  }
+  return content;
+}
+const Sidebar = React.forwardRef(
+  ({
+    className,
+    sections = [],
+    collapsed = false,
+    onCollapsedChange,
+    collapsible = true,
+    width = "240px",
+    header,
+    footer,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        style: { width: collapsed ? "56px" : width },
+        className: cn(
+          "flex h-full flex-col border-r border-border bg-background transition-all duration-200",
+          className
+        ),
+        ...props,
+        children: [
+          header && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: cn("flex items-center px-3 py-4", collapsed && "justify-center"), children: header }),
+            /* @__PURE__ */ jsx(Separator, {})
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto py-2 px-2 space-y-4", children: sections.map((section, idx) => /* @__PURE__ */ jsxs("div", { children: [
+            section.label && !collapsed && /* @__PURE__ */ jsx("p", { className: "mb-1 px-2.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: section.label }),
+            section.label && collapsed && idx > 0 && /* @__PURE__ */ jsx(Separator, { className: "my-2" }),
+            /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: section.items.map((item) => /* @__PURE__ */ jsx(SidebarNavItemComponent, { item, collapsed }, item.id)) })
+          ] }, section.id)) }),
+          footer && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx("div", { className: cn("p-3", collapsed && "flex justify-center"), children: footer })
+          ] }),
+          collapsible && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsx("div", { className: "p-2 flex justify-end", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon-sm",
+                onClick: () => onCollapsedChange == null ? void 0 : onCollapsedChange(!collapsed),
+                "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+                children: collapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+              }
+            ) })
+          ] })
+        ]
+      }
+    ) });
+  }
+);
+Sidebar.displayName = "Sidebar";
+export {
+  Sidebar
+};
+//# sourceMappingURL=sidebar.js.map

package/dist/components/layout/sidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar.js","sources":["../../../src/components/layout/sidebar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Button } from '@/components/ui/button'\nimport { Separator } from '@/components/ui/separator'\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'\n\nexport interface SidebarNavItem {\n  id: string\n  label: string\n  icon?: React.ReactNode\n  href?: string\n  badge?: string | number\n  active?: boolean\n  disabled?: boolean\n  onClick?: () => void\n  children?: SidebarNavItem[]\n}\n\nexport interface SidebarSection {\n  id: string\n  label?: string\n  items: SidebarNavItem[]\n}\n\nexport interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {\n  sections?: SidebarSection[]\n  /** Whether sidebar is collapsed to icon-only mode */\n  collapsed?: boolean\n  /** Called when collapse toggle is pressed */\n  onCollapsedChange?: (collapsed: boolean) => void\n  /** Show collapse toggle button */\n  collapsible?: boolean\n  /** Width when expanded */\n  width?: string\n  /** Slot for logo/brand area */\n  header?: React.ReactNode\n  /** Slot for footer content (user menu, etc.) */\n  footer?: React.ReactNode\n}\n\nfunction SidebarNavItemComponent({\n  item,\n  collapsed,\n}: {\n  item: SidebarNavItem\n  collapsed: boolean\n}) {\n  const content = (\n    <button\n      onClick={item.onClick}\n      disabled={item.disabled}\n      className={cn(\n        'flex w-full items-center gap-3 rounded-md px-2.5 py-2 text-sm font-medium transition-colors duration-150',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n        item.active\n          ? 'bg-primary/15 text-primary border border-primary/20'\n          : 'text-muted-foreground hover:bg-muted hover:text-foreground border border-transparent',\n        item.disabled && 'pointer-events-none opacity-50',\n        collapsed && 'justify-center px-2'\n      )}\n    >\n      {item.icon && (\n        <span className={cn('shrink-0 [&>svg]:h-4 [&>svg]:w-4', item.active && 'text-primary')}>\n          {item.icon}\n        </span>\n      )}\n      {!collapsed && (\n        <>\n          <span className=\"flex-1 truncate text-left\">{item.label}</span>\n          {item.badge !== undefined && (\n            <span className={cn(\n              'ml-auto flex h-5 min-w-5 items-center justify-center rounded-full px-1.5 text-[10px] font-semibold',\n              item.active ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'\n            )}>\n              {item.badge}\n            </span>\n          )}\n        </>\n      )}\n    </button>\n  )\n\n  if (collapsed && item.label) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{content}</TooltipTrigger>\n        <TooltipContent side=\"right\">{item.label}</TooltipContent>\n      </Tooltip>\n    )\n  }\n\n  return content\n}\n\nconst Sidebar = React.forwardRef<HTMLDivElement, SidebarProps>(\n  (\n    {\n      className,\n      sections = [],\n      collapsed = false,\n      onCollapsedChange,\n      collapsible = true,\n      width = '240px',\n      header,\n      footer,\n      ...props\n    },\n    ref\n  ) => {\n    return (\n      <TooltipProvider delayDuration={0}>\n        <div\n          ref={ref}\n          style={{ width: collapsed ? '56px' : width }}\n          className={cn(\n            'flex h-full flex-col border-r border-border bg-background transition-all duration-200',\n            className\n          )}\n          {...props}\n        >\n          {/* Header slot */}\n          {header && (\n            <>\n              <div className={cn('flex items-center px-3 py-4', collapsed && 'justify-center')}>\n                {header}\n              </div>\n              <Separator />\n            </>\n          )}\n\n          {/* Nav sections */}\n          <div className=\"flex-1 overflow-y-auto py-2 px-2 space-y-4\">\n            {sections.map((section, idx) => (\n              <div key={section.id}>\n                {section.label && !collapsed && (\n                  <p className=\"mb-1 px-2.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground\">\n                    {section.label}\n                  </p>\n                )}\n                {section.label && collapsed && idx > 0 && (\n                  <Separator className=\"my-2\" />\n                )}\n                <div className=\"space-y-0.5\">\n                  {section.items.map((item) => (\n                    <SidebarNavItemComponent key={item.id} item={item} collapsed={collapsed} />\n                  ))}\n                </div>\n              </div>\n            ))}\n          </div>\n\n          {/* Footer slot */}\n          {footer && (\n            <>\n              <Separator />\n              <div className={cn('p-3', collapsed && 'flex justify-center')}>\n                {footer}\n              </div>\n            </>\n          )}\n\n          {/* Collapse toggle */}\n          {collapsible && (\n            <>\n              <Separator />\n              <div className=\"p-2 flex justify-end\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"icon-sm\"\n                  onClick={() => onCollapsedChange?.(!collapsed)}\n                  aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n                >\n                  {collapsed ? (\n                    <ChevronRight className=\"h-4 w-4\" />\n                  ) : (\n                    <ChevronLeft className=\"h-4 w-4\" />\n                  )}\n                </Button>\n              </div>\n            </>\n          )}\n        </div>\n      </TooltipProvider>\n    )\n  }\n)\nSidebar.displayName = 'Sidebar'\n\nexport { Sidebar }\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/ui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAA;AAI/D,QAAA,MAAM,SAAS,8JAA0B,CAAA;AAEzC,QAAA,MAAM,aAAa,iKASjB,CAAA;AAGF,QAAA,MAAM,gBAAgB,0KAoBpB,CAAA;AAGF,QAAA,MAAM,gBAAgB,oKAWpB,CAAA;AAGF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/ui/accordion.js

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Root as Root2, Content as Content2, Item, Header, Trigger as Trigger2 } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import { cn } from "../../lib/utils.js";
+import ChevronDown from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+const Accordion = Root2;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Item,
+  {
+    ref,
+    className: cn("border-b border-border", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  Trigger2,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium",
+      "transition-all hover:underline",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded",
+      "[&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = Trigger2.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  Content2,
+  {
+    ref,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = Content2.displayName;
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { ChevronDown } from 'lucide-react'\nimport { cn } from '@/lib/utils'\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn('border-b border-border', className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = 'AccordionItem'\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between py-4 text-sm font-medium',\n        'transition-all hover:underline',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded',\n        '[&[data-state=open]>svg]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div className={cn('pb-4 pt-0', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n))\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["AccordionPrimitive.Root","AccordionPrimitive.Item","AccordionPrimitive.Header","AccordionPrimitive.Trigger","AccordionPrimitive.Content"],"mappings":";;;;;AAKA,MAAM,YAAYA;AAElB,MAAM,gBAAgB,MAAM,WAG1B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,0BAA0B,SAAS;AAAA,IAChD,GAAG;AAAA,EAAA;AACN,CACD;AACD,cAAc,cAAc;AAE5B,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QACpC,oBAACC,QAAA,EAA0B,WAAU,QACnC,UAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,IAEH,UAAA;AAAA,MAAA;AAAA,MACD,oBAAC,aAAA,EAAY,WAAU,2EAAA,CAA2E;AAAA,IAAA;AAAA,EAAA;AACpG,GACF,CACD;AACD,iBAAiB,cAAcA,SAA2B;AAE1D,MAAM,mBAAmB,MAAM,WAG7B,CAAC,EAAE,WAAW,UAAU,GAAG,SAAS,QACpC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAU;AAAA,IACT,GAAG;AAAA,IAEJ,8BAAC,OAAA,EAAI,WAAW,GAAG,aAAa,SAAS,GAAI,SAAA,CAAS;AAAA,EAAA;AACxD,CACD;AACD,iBAAiB,cAAcA,SAA2B;"}

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

@@ -0,0 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const alertVariants: (props?: ({
+    variant?: "success" | "default" | "warning" | "destructive" | "info" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    /** Whether the alert can be dismissed */
+    dismissible?: boolean;
+    /** Called when the dismiss button is clicked */
+    onDismiss?: () => void;
+    /** Hide the auto-icon */
+    hideIcon?: boolean;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/ui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAgBlB,CAAA;AAUD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,KAAK,mFAyBV,CAAA;AAGD,QAAA,MAAM,UAAU,uHAQf,CAAA;AAGD,QAAA,MAAM,gBAAgB,yHAQrB,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/ui/alert.js

@@ -0,0 +1,89 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn } from "../../lib/utils.js";
+import CircleAlert from "../../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
+import TriangleAlert from "../../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
+import CircleCheck from "../../node_modules/lucide-react/dist/esm/icons/circle-check.js";
+import Info from "../../node_modules/lucide-react/dist/esm/icons/info.js";
+import X from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+const alertVariants = cva(
+  "relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-background text-foreground",
+        info: "border-info/30 bg-info/10 text-foreground [&>svg]:text-info",
+        success: "border-success/30 bg-success/10 text-foreground [&>svg]:text-success",
+        warning: "border-warning/30 bg-warning/10 text-foreground [&>svg]:text-warning",
+        destructive: "border-destructive/30 bg-destructive/10 text-foreground [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const ALERT_ICONS = {
+  default: CircleAlert,
+  info: Info,
+  success: CircleCheck,
+  warning: TriangleAlert,
+  destructive: CircleAlert
+};
+const Alert = React.forwardRef(
+  ({ className, variant = "default", dismissible = false, onDismiss, hideIcon = false, children, ...props }, ref) => {
+    const Icon = ALERT_ICONS[variant ?? "default"];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        className: cn(alertVariants({ variant }), className),
+        ...props,
+        children: [
+          !hideIcon && /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("div", { children }),
+          dismissible && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onDismiss,
+              className: "absolute right-3 top-3 rounded p-0.5 opacity-60 hover:opacity-100 transition-opacity",
+              "aria-label": "Dismiss alert",
+              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+const AlertTitle = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "h5",
+    {
+      ref,
+      className: cn("mb-1 font-medium leading-none tracking-tight", className),
+      ...props
+    }
+  )
+);
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn("text-sm [&_p]:leading-relaxed text-muted-foreground", className),
+      ...props
+    }
+  )
+);
+AlertDescription.displayName = "AlertDescription";
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle
+};
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { AlertCircle, CheckCircle2, Info, TriangleAlert, X } from 'lucide-react'\nimport { cn } from '@/lib/utils'\n\nconst alertVariants = cva(\n  'relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:pl-7',\n  {\n    variants: {\n      variant: {\n        default: 'border-border bg-background text-foreground',\n        info: 'border-info/30 bg-info/10 text-foreground [&>svg]:text-info',\n        success: 'border-success/30 bg-success/10 text-foreground [&>svg]:text-success',\n        warning: 'border-warning/30 bg-warning/10 text-foreground [&>svg]:text-warning',\n        destructive: 'border-destructive/30 bg-destructive/10 text-foreground [&>svg]:text-destructive',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n)\n\nconst ALERT_ICONS = {\n  default: AlertCircle,\n  info: Info,\n  success: CheckCircle2,\n  warning: TriangleAlert,\n  destructive: AlertCircle,\n} as const\n\nexport interface AlertProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof alertVariants> {\n  /** Whether the alert can be dismissed */\n  dismissible?: boolean\n  /** Called when the dismiss button is clicked */\n  onDismiss?: () => void\n  /** Hide the auto-icon */\n  hideIcon?: boolean\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant = 'default', dismissible = false, onDismiss, hideIcon = false, children, ...props }, ref) => {\n    const Icon = ALERT_ICONS[variant ?? 'default']\n\n    return (\n      <div\n        ref={ref}\n        role=\"alert\"\n        className={cn(alertVariants({ variant }), className)}\n        {...props}\n      >\n        {!hideIcon && <Icon className=\"h-4 w-4\" />}\n        <div>{children}</div>\n        {dismissible && (\n          <button\n            onClick={onDismiss}\n            className=\"absolute right-3 top-3 rounded p-0.5 opacity-60 hover:opacity-100 transition-opacity\"\n            aria-label=\"Dismiss alert\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n    )\n  }\n)\nAlert.displayName = 'Alert'\n\nconst AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h5\n      ref={ref}\n      className={cn('mb-1 font-medium leading-none tracking-tight', className)}\n      {...props}\n    />\n  )\n)\nAlertTitle.displayName = 'AlertTitle'\n\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn('text-sm [&_p]:leading-relaxed text-muted-foreground', className)}\n      {...props}\n    />\n  )\n)\nAlertDescription.displayName = 'AlertDescription'\n\nexport { Alert, AlertTitle, AlertDescription }\n"],"names":["AlertCircle","CheckCircle2"],"mappings":";;;;;;;;;AAKA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,MAAM,cAAc;AAAA,EAClB,SAASA;AAAAA,EACT,MAAM;AAAA,EACN,SAASC;AAAAA,EACT,SAAS;AAAA,EACT,aAAaD;AACf;AAaA,MAAM,QAAQ,MAAM;AAAA,EAClB,CAAC,EAAE,WAAW,UAAU,WAAW,cAAc,OAAO,WAAW,WAAW,OAAO,UAAU,GAAG,MAAA,GAAS,QAAQ;AACjH,UAAM,OAAO,YAAY,WAAW,SAAS;AAE7C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL,WAAW,GAAG,cAAc,EAAE,QAAA,CAAS,GAAG,SAAS;AAAA,QAClD,GAAG;AAAA,QAEH,UAAA;AAAA,UAAA,CAAC,YAAY,oBAAC,MAAA,EAAK,WAAU,UAAA,CAAU;AAAA,UACxC,oBAAC,SAAK,UAAS;AAAA,UACd,eACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT,WAAU;AAAA,cACV,cAAW;AAAA,cAEX,UAAA,oBAAC,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB;AAAA,MAAA;AAAA,IAAA;AAAA,EAIR;AACF;AACA,MAAM,cAAc;AAEpB,MAAM,aAAa,MAAM;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QACxB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,gDAAgD,SAAS;AAAA,MACtE,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,WAAW,cAAc;AAEzB,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QACxB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,uDAAuD,SAAS;AAAA,MAC7E,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AACA,iBAAiB,cAAc;"}

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

@@ -0,0 +1,20 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare const avatarVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+/** Convenience wrapper for a group of overlapping avatars */
+interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Max number of avatars to show before showing a +N indicator */
+    max?: number;
+    children: React.ReactNode;
+}
+declare function AvatarGroup({ className, max, children, ...props }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, AvatarGroup };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;8EAiBnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACjE,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,QAAA,MAAM,MAAM,qFASV,CAAA;AAGF,QAAA,MAAM,WAAW,gKASf,CAAA;AAGF,QAAA,MAAM,cAAc,iKAYlB,CAAA;AAGF,6DAA6D;AAC7D,UAAU,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,kEAAkE;IAClE,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAiB5E;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/ui/avatar.js

@@ -0,0 +1,72 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Root, Fallback, Image } from "../../node_modules/@radix-ui/react-avatar/dist/index.js";
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn } from "../../lib/utils.js";
+const avatarVariants = cva(
+  "relative flex shrink-0 overflow-hidden rounded-full",
+  {
+    variants: {
+      size: {
+        xs: "h-6 w-6",
+        sm: "h-8 w-8",
+        md: "h-10 w-10",
+        lg: "h-12 w-12",
+        xl: "h-16 w-16",
+        "2xl": "h-20 w-20"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const Avatar = React.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  Root,
+  {
+    ref,
+    className: cn(avatarVariants({ size }), className),
+    ...props
+  }
+));
+Avatar.displayName = Root.displayName;
+const AvatarImage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = Image.displayName;
+const AvatarFallback = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full bg-secondary text-secondary-foreground text-xs font-medium",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = Fallback.displayName;
+function AvatarGroup({ className, max, children, ...props }) {
+  const childrenArray = React.Children.toArray(children);
+  const shown = max ? childrenArray.slice(0, max) : childrenArray;
+  const hidden = max ? childrenArray.length - max : 0;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex -space-x-2", className), ...props, children: [
+    shown,
+    hidden > 0 && /* @__PURE__ */ jsx("div", { className: "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full border-2 border-background bg-secondary", children: /* @__PURE__ */ jsxs("span", { className: "flex h-full w-full items-center justify-center text-xs font-medium text-secondary-foreground", children: [
+      "+",
+      hidden
+    ] }) })
+  ] });
+}
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarImage
+};
+//# sourceMappingURL=avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../../src/components/ui/avatar.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as AvatarPrimitive from '@radix-ui/react-avatar'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\nconst avatarVariants = cva(\n  'relative flex shrink-0 overflow-hidden rounded-full',\n  {\n    variants: {\n      size: {\n        xs: 'h-6 w-6',\n        sm: 'h-8 w-8',\n        md: 'h-10 w-10',\n        lg: 'h-12 w-12',\n        xl: 'h-16 w-16',\n        '2xl': 'h-20 w-20',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n)\n\nexport interface AvatarProps\n  extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>,\n    VariantProps<typeof avatarVariants> {}\n\nconst Avatar = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Root>,\n  AvatarProps\n>(({ className, size, ...props }, ref) => (\n  <AvatarPrimitive.Root\n    ref={ref}\n    className={cn(avatarVariants({ size }), className)}\n    {...props}\n  />\n))\nAvatar.displayName = AvatarPrimitive.Root.displayName\n\nconst AvatarImage = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Image>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Image\n    ref={ref}\n    className={cn('aspect-square h-full w-full object-cover', className)}\n    {...props}\n  />\n))\nAvatarImage.displayName = AvatarPrimitive.Image.displayName\n\nconst AvatarFallback = React.forwardRef<\n  React.ElementRef<typeof AvatarPrimitive.Fallback>,\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n  <AvatarPrimitive.Fallback\n    ref={ref}\n    className={cn(\n      'flex h-full w-full items-center justify-center rounded-full bg-secondary text-secondary-foreground text-xs font-medium',\n      className\n    )}\n    {...props}\n  />\n))\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName\n\n/** Convenience wrapper for a group of overlapping avatars */\ninterface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Max number of avatars to show before showing a +N indicator */\n  max?: number\n  children: React.ReactNode\n}\n\nfunction AvatarGroup({ className, max, children, ...props }: AvatarGroupProps) {\n  const childrenArray = React.Children.toArray(children)\n  const shown = max ? childrenArray.slice(0, max) : childrenArray\n  const hidden = max ? childrenArray.length - max : 0\n\n  return (\n    <div className={cn('flex -space-x-2', className)} {...props}>\n      {shown}\n      {hidden > 0 && (\n        <div className=\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full border-2 border-background bg-secondary\">\n          <span className=\"flex h-full w-full items-center justify-center text-xs font-medium text-secondary-foreground\">\n            +{hidden}\n          </span>\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { Avatar, AvatarImage, AvatarFallback, AvatarGroup }\n"],"names":["AvatarPrimitive.Root","AvatarPrimitive.Image","AvatarPrimitive.Fallback"],"mappings":";;;;;AAKA,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAMA,MAAM,SAAS,MAAM,WAGnB,CAAC,EAAE,WAAW,MAAM,GAAG,SAAS,QAChC;AAAA,EAACA;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,eAAe,EAAE,KAAA,CAAM,GAAG,SAAS;AAAA,IAChD,GAAG;AAAA,EAAA;AACN,CACD;AACD,OAAO,cAAcA,KAAqB;AAE1C,MAAM,cAAc,MAAM,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,4CAA4C,SAAS;AAAA,IAClE,GAAG;AAAA,EAAA;AACN,CACD;AACD,YAAY,cAAcA,MAAsB;AAEhD,MAAM,iBAAiB,MAAM,WAG3B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,EAAA;AACN,CACD;AACD,eAAe,cAAcA,SAAyB;AAStD,SAAS,YAAY,EAAE,WAAW,KAAK,UAAU,GAAG,SAA2B;AAC7E,QAAM,gBAAgB,MAAM,SAAS,QAAQ,QAAQ;AACrD,QAAM,QAAQ,MAAM,cAAc,MAAM,GAAG,GAAG,IAAI;AAClD,QAAM,SAAS,MAAM,cAAc,SAAS,MAAM;AAElD,SACE,qBAAC,SAAI,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OACnD,UAAA;AAAA,IAAA;AAAA,IACA,SAAS,KACR,oBAAC,OAAA,EAAI,WAAU,yGACb,UAAA,qBAAC,QAAA,EAAK,WAAU,gGAA+F,UAAA;AAAA,MAAA;AAAA,MAC3G;AAAA,IAAA,EAAA,CACJ,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const badgeVariants: (props?: ({
+    variant?: "success" | "default" | "secondary" | "warning" | "destructive" | "info" | "muted" | "outline" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    /** Optional dot indicator */
+    dot?: boolean;
+}
+declare function Badge({ className, variant, size, dot, children, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,aAAa;;;8EAiClB,CAAA;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,6BAA6B;IAC7B,GAAG,CAAC,EAAE,OAAO,CAAA;CACd;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAoB/E;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/ui/badge.js

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn } from "../../lib/utils.js";
+const badgeVariants = cva(
+  "inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground",
+        secondary: "border-transparent bg-secondary text-secondary-foreground",
+        outline: "border-border text-foreground bg-transparent",
+        destructive: "border-transparent bg-destructive/20 text-destructive border-destructive/30",
+        success: "border-transparent bg-success/20 text-success border-success/30",
+        warning: "border-transparent bg-warning/20 text-warning-foreground border-warning/30",
+        info: "border-transparent bg-info/20 text-info border-info/30",
+        muted: "border-transparent bg-muted text-muted-foreground"
+      },
+      size: {
+        sm: "px-2 py-0 text-[10px]",
+        md: "px-2.5 py-0.5 text-xs",
+        lg: "px-3 py-1 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function Badge({ className, variant, size, dot, children, ...props }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(badgeVariants({ variant, size }), className), ...props, children: [
+    dot && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "inline-block h-1.5 w-1.5 rounded-full",
+          variant === "destructive" && "bg-destructive",
+          variant === "success" && "bg-success",
+          variant === "warning" && "bg-warning",
+          variant === "info" && "bg-info",
+          (!variant || variant === "default") && "bg-primary-foreground",
+          variant === "secondary" && "bg-secondary-foreground",
+          variant === "muted" && "bg-muted-foreground"
+        )
+      }
+    ),
+    children
+  ] });
+}
+export {
+  Badge,
+  badgeVariants
+};
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../../../src/components/ui/badge.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { cn } from '@/lib/utils'\n\nconst badgeVariants = cva(\n  'inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',\n  {\n    variants: {\n      variant: {\n        default:\n          'border-transparent bg-primary text-primary-foreground',\n        secondary:\n          'border-transparent bg-secondary text-secondary-foreground',\n        outline:\n          'border-border text-foreground bg-transparent',\n        destructive:\n          'border-transparent bg-destructive/20 text-destructive border-destructive/30',\n        success:\n          'border-transparent bg-success/20 text-success border-success/30',\n        warning:\n          'border-transparent bg-warning/20 text-warning-foreground border-warning/30',\n        info:\n          'border-transparent bg-info/20 text-info border-info/30',\n        muted:\n          'border-transparent bg-muted text-muted-foreground',\n      },\n      size: {\n        sm: 'px-2 py-0 text-[10px]',\n        md: 'px-2.5 py-0.5 text-xs',\n        lg: 'px-3 py-1 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  }\n)\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {\n  /** Optional dot indicator */\n  dot?: boolean\n}\n\nfunction Badge({ className, variant, size, dot, children, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant, size }), className)} {...props}>\n      {dot && (\n        <span\n          className={cn(\n            'inline-block h-1.5 w-1.5 rounded-full',\n            variant === 'destructive' && 'bg-destructive',\n            variant === 'success' && 'bg-success',\n            variant === 'warning' && 'bg-warning',\n            variant === 'info' && 'bg-info',\n            (!variant || variant === 'default') && 'bg-primary-foreground',\n            variant === 'secondary' && 'bg-secondary-foreground',\n            variant === 'muted' && 'bg-muted-foreground',\n          )}\n        />\n      )}\n      {children}\n    </div>\n  )\n}\n\nexport { Badge, badgeVariants }\n"],"names":[],"mappings":";;;AAIA,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,QACF,MACE;AAAA,QACF,OACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AASA,SAAS,MAAM,EAAE,WAAW,SAAS,MAAM,KAAK,UAAU,GAAG,SAAqB;AAChF,SACE,qBAAC,OAAA,EAAI,WAAW,GAAG,cAAc,EAAE,SAAS,KAAA,CAAM,GAAG,SAAS,GAAI,GAAG,OAClE,UAAA;AAAA,IAAA,OACC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,YAAY,iBAAiB;AAAA,UAC7B,YAAY,aAAa;AAAA,UACzB,YAAY,aAAa;AAAA,UACzB,YAAY,UAAU;AAAA,WACrB,CAAC,WAAW,YAAY,cAAc;AAAA,UACvC,YAAY,eAAe;AAAA,UAC3B,YAAY,WAAW;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA;AAAA,IAGH;AAAA,EAAA,GACH;AAEJ;"}

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

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "success" | "link" | "default" | "secondary" | "warning" | "destructive" | "outline" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** Renders as child element (Radix Slot pattern) */
+    asChild?: boolean;
+    /** Shows a loading spinner and disables the button */
+    loading?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EA4CnB,CAAA;AAED,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,MAAM,uFA0CX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/ui/button.js

@@ -0,0 +1,96 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { Root as Slot } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn } from "../../lib/utils.js";
+const buttonVariants = cva(
+  [
+    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium",
+    "ring-offset-background transition-all duration-150",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm hover:shadow-glow-primary",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-border bg-transparent hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        success: "bg-success text-success-foreground hover:bg-success/90",
+        warning: "bg-warning text-warning-foreground hover:bg-warning/90"
+      },
+      size: {
+        xs: "h-7 rounded px-2.5 text-xs",
+        sm: "h-8 rounded-md px-3 text-xs",
+        md: "h-9 px-4 py-2",
+        lg: "h-10 rounded-md px-6",
+        xl: "h-12 rounded-md px-8 text-base",
+        icon: "h-9 w-9",
+        "icon-sm": "h-7 w-7",
+        "icon-lg": "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+const Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, loading = false, children, disabled, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        disabled: disabled || loading,
+        ...props,
+        children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "animate-spin h-4 w-4",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+                  }
+                )
+              ]
+            }
+          ),
+          children
+        ] }) : children
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.js.map