@startsimpli/ui 0.1.0 → 0.1.3

package/dist/chunk-G2AM3DBU.mjs

@@ -0,0 +1,1026 @@
+import { buttonVariants, Button } from './chunk-27YUQBOE.mjs';
+import { cn } from './chunk-G4XBXCFH.mjs';
+import * as React12 from 'react';
+import { useState } from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ChevronDown, ChevronLeft, ChevronRight, Check } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import { DayPicker } from 'react-day-picker';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import DOMPurify from 'isomorphic-dompurify';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    className: cn("border-b", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+var AccordionContent = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm transition-all 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 = AccordionPrimitive.Content.displayName;
+var alertVariants = cva(
+  "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React12.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn("text-sm [&_p]:leading-relaxed", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        nav_button: cn(
+          buttonVariants({ variant: "outline" }),
+          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"
+        ),
+        nav_button_previous: "absolute left-1",
+        nav_button_next: "absolute right-1",
+        table: "w-full border-collapse space-y-1",
+        head_row: "flex",
+        head_cell: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        row: "flex w-full mt-2",
+        cell: "h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",
+        day: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-9 w-9 p-0 font-normal aria-selected:opacity-100"
+        ),
+        day_range_end: "day-range-end",
+        day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        day_today: "bg-accent text-accent-foreground",
+        day_outside: "day-outside text-muted-foreground aria-selected:bg-accent/50 aria-selected:text-muted-foreground",
+        day_disabled: "text-muted-foreground opacity-50",
+        day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
+        day_hidden: "invisible",
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation }) => orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+var Popover = PopoverPrimitive.Root;
+var PopoverTrigger = PopoverPrimitive.Trigger;
+var PopoverContent = React12.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 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",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+var Progress = React12.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative h-4 w-full overflow-hidden rounded-full bg-secondary",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      ProgressPrimitive.Indicator,
+      {
+        className: "h-full w-full flex-1 bg-primary transition-all",
+        style: { transform: `translateX(-${100 - (value || 0)}%)` }
+      }
+    )
+  }
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+var ScrollArea = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+var ScrollBar = React12.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+var Separator = React12.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-gray-200", className),
+      ...props
+    }
+  );
+}
+var Tabs = TabsPrimitive.Root;
+var TabsList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+var Textarea = React12.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: cn(
+          "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 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",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+function FeatureGate({
+  enabled,
+  mode = "disable",
+  tooltip = "Coming soon",
+  children,
+  className
+}) {
+  if (enabled) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (mode === "hide") {
+    return null;
+  }
+  if (mode === "badge") {
+    return /* @__PURE__ */ jsxs("div", { className: cn("relative inline-flex", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "opacity-60 pointer-events-none select-none", children }),
+      /* @__PURE__ */ jsx("span", { className: "absolute -top-1.5 -right-1.5 rounded-full bg-muted text-muted-foreground text-[10px] font-medium px-1.5 py-0.5 leading-none border", children: "Soon" })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn("inline-flex cursor-not-allowed", className),
+        "aria-disabled": "true",
+        children: /* @__PURE__ */ jsx("span", { className: "pointer-events-none opacity-50 select-none", children })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: tooltip }) })
+  ] }) });
+}
+function ErrorState({
+  title = "Something went wrong",
+  message,
+  onRetry,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center py-12 px-4 text-center",
+        className
+      ),
+      role: "alert",
+      "aria-live": "assertive",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "w-16 h-16 mb-4 rounded-full bg-red-50 flex items-center justify-center",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "32",
+                height: "32",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "text-red-500",
+                children: [
+                  /* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+                  /* @__PURE__ */ jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+                  /* @__PURE__ */ jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-foreground mb-2", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: message }),
+        onRetry && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: onRetry,
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground h-9 px-4 py-2 transition-colors",
+            "aria-label": "Retry loading content",
+            children: [
+              /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "16",
+                  height: "16",
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: "mr-2",
+                  "aria-hidden": "true",
+                  children: [
+                    /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }),
+                    /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" })
+                  ]
+                }
+              ),
+              "Try Again"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var ApiErrorBoundary = class extends React12.Component {
+  constructor(props) {
+    super(props);
+    this.reset = () => {
+      this.setState({ hasError: false, error: null });
+    };
+    this.state = { hasError: false, error: null };
+  }
+  static getDerivedStateFromError(error2) {
+    return { hasError: true, error: error2 };
+  }
+  componentDidCatch(error2, info2) {
+    this.props.onError?.(error2, info2);
+  }
+  render() {
+    if (this.state.hasError && this.state.error) {
+      if (this.props.fallback) {
+        return this.props.fallback({ error: this.state.error, reset: this.reset });
+      }
+      return /* @__PURE__ */ jsx(
+        ErrorState,
+        {
+          message: this.state.error.message || "An unexpected error occurred",
+          onRetry: this.reset
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+function PageLoader({ rows = 5, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full space-y-3 p-4", className), "aria-busy": "true", "aria-label": "Loading", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-8 w-1/3 rounded-md bg-muted animate-pulse" }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "h-12 w-full rounded-md bg-muted animate-pulse",
+        style: { opacity: 1 - i * 0.1 }
+      },
+      i
+    )) })
+  ] });
+}
+function QueryProvider({ children }) {
+  const [queryClient] = useState(
+    () => new QueryClient({
+      defaultOptions: {
+        queries: {
+          staleTime: 5 * 60 * 1e3,
+          refetchOnWindowFocus: false
+        }
+      }
+    })
+  );
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children });
+}
+function Sidebar({
+  appName,
+  sections,
+  userDropdown,
+  className,
+  collapsible = true,
+  defaultCollapsed = false
+}) {
+  const pathname = usePathname();
+  const [collapsed, setCollapsed] = useState(defaultCollapsed);
+  const isActivePath = (href) => {
+    if (href === "/") {
+      return pathname === "/";
+    }
+    return pathname.startsWith(href);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "fixed left-0 inset-y-0 z-30 flex flex-col bg-gray-900 text-white transition-all duration-200",
+        collapsed ? "w-20" : "w-64",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "p-4 border-b border-gray-800", children: /* @__PURE__ */ jsx(
+          Link,
+          {
+            href: "/",
+            className: cn(
+              "font-bold hover:text-primary-400 transition-colors",
+              collapsed ? "text-lg" : "text-xl"
+            ),
+            children: collapsed ? appName.substring(0, 2).toUpperCase() : appName
+          }
+        ) }),
+        /* @__PURE__ */ jsx("nav", { className: "flex-1 overflow-y-auto p-4 space-y-6", children: sections.map((section, idx) => /* @__PURE__ */ jsxs("div", { children: [
+          section.title && !collapsed && /* @__PURE__ */ jsx("h3", { className: "text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2 px-3", children: section.title }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-1", children: section.links.map((link) => {
+            const isActive = isActivePath(link.href);
+            return /* @__PURE__ */ jsxs(
+              Link,
+              {
+                href: link.href,
+                className: cn(
+                  "flex items-center gap-3 px-3 py-2 rounded-md text-sm font-medium transition-colors",
+                  isActive ? "bg-primary-600 text-white" : "text-gray-300 hover:bg-gray-800 hover:text-white",
+                  collapsed && "justify-center"
+                ),
+                children: [
+                  link.icon && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0 w-5 h-5", children: link.icon }),
+                  !collapsed && /* @__PURE__ */ jsx("span", { children: link.label })
+                ]
+              },
+              link.href
+            );
+          }) })
+        ] }, idx)) }),
+        userDropdown && /* @__PURE__ */ jsx("div", { className: "p-4 border-t border-gray-800", children: userDropdown }),
+        collapsible && /* @__PURE__ */ jsx("div", { className: cn("p-4 border-t border-gray-800", userDropdown && "border-t-0"), children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            onClick: () => setCollapsed(!collapsed),
+            className: "w-full text-gray-400 hover:text-white hover:bg-gray-800",
+            children: collapsed ? /* @__PURE__ */ jsx(ChevronRight, { className: "w-5 h-5" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(ChevronLeft, { className: "w-5 h-5 mr-2" }),
+              /* @__PURE__ */ jsx("span", { children: "Collapse" })
+            ] })
+          }
+        ) })
+      ]
+    }
+  );
+}
+function SidebarLayout({ children, collapsed = false }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-screen bg-gray-50", children: [
+    /* @__PURE__ */ jsx("div", { className: cn("flex-shrink-0 transition-all duration-200", collapsed ? "w-20" : "w-64") }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx("main", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8", children }) })
+  ] });
+}
+function SafeHtml({ html, as: Tag = "div", ...props }) {
+  const sanitized = DOMPurify.sanitize(html, { ALLOW_DATA_ATTR: false });
+  return /* @__PURE__ */ jsx(Tag, { ...props, dangerouslySetInnerHTML: { __html: sanitized } });
+}
+var TOAST_LIMIT = 5;
+var TOAST_AUTO_DISMISS = 5e3;
+var toastTimeouts = /* @__PURE__ */ new Map();
+function addToRemoveQueue(toastId, delay) {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({ type: "REMOVE_TOAST", toastId });
+  }, delay);
+  toastTimeouts.set(toastId, timeout);
+}
+function reducer(state, action) {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId, 300);
+      } else {
+        state.toasts.forEach((t) => addToRemoveQueue(t.id, 300));
+      }
+      return state;
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) {
+        return { ...state, toasts: [] };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+}
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => listener(memoryState));
+}
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_VALUE;
+  return count.toString();
+}
+function toast(props) {
+  const id = genId();
+  const duration = props.duration ?? TOAST_AUTO_DISMISS;
+  dispatch({
+    type: "ADD_TOAST",
+    toast: { ...props, id }
+  });
+  if (duration > 0) {
+    addToRemoveQueue(id, duration);
+  }
+  const update = (updateProps) => dispatch({ type: "UPDATE_TOAST", toast: { ...updateProps, id } });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  return { id, dismiss, update };
+}
+function clearAllToasts() {
+  toastTimeouts.forEach((timeout) => clearTimeout(timeout));
+  toastTimeouts.clear();
+  dispatch({ type: "REMOVE_TOAST", toastId: void 0 });
+}
+function useToast() {
+  const [state, setState] = React12.useState(memoryState);
+  React12.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId }),
+    clear: clearAllToasts
+  };
+}
+var variantClasses = {
+  default: "bg-background border-border text-foreground",
+  destructive: "bg-destructive border-destructive text-destructive-foreground",
+  success: "bg-green-50 border-green-200 text-green-900",
+  warning: "bg-yellow-50 border-yellow-200 text-yellow-900",
+  info: "bg-blue-50 border-blue-200 text-blue-900"
+};
+function Toaster() {
+  const { toasts, dismiss } = useToast();
+  if (toasts.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed bottom-4 right-4 z-[100] flex flex-col gap-2 w-full max-w-sm",
+      role: "region",
+      "aria-label": "Notifications",
+      children: toasts.map((t) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "rounded-lg border p-4 shadow-lg transition-all animate-in slide-in-from-bottom-2 fade-in-0",
+            variantClasses[t.variant ?? "default"]
+          ),
+          role: "status",
+          "aria-live": "polite",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                t.title && /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: t.title }),
+                t.description && /* @__PURE__ */ jsx("div", { className: "text-sm opacity-90 mt-1", children: t.description })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: () => dismiss(t.id),
+                  className: "shrink-0 rounded-sm opacity-70 hover:opacity-100 transition-opacity",
+                  "aria-label": "Dismiss notification",
+                  children: /* @__PURE__ */ jsxs(
+                    "svg",
+                    {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      width: "16",
+                      height: "16",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      "aria-hidden": "true",
+                      children: [
+                        /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                        /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                      ]
+                    }
+                  )
+                }
+              )
+            ] }),
+            t.action && /* @__PURE__ */ jsx("div", { className: "mt-2", children: t.action })
+          ]
+        },
+        t.id
+      ))
+    }
+  );
+}
+
+// src/components/toast/use-notify.ts
+function success(messageOrOptions) {
+  const opts = typeof messageOrOptions === "string" ? { title: messageOrOptions } : messageOrOptions;
+  return toast({ variant: "success", ...opts });
+}
+function error(messageOrOptions) {
+  const opts = typeof messageOrOptions === "string" ? { title: messageOrOptions } : messageOrOptions;
+  return toast({ variant: "destructive", ...opts });
+}
+function warning(messageOrOptions) {
+  const opts = typeof messageOrOptions === "string" ? { title: messageOrOptions } : messageOrOptions;
+  return toast({ variant: "warning", ...opts });
+}
+function info(messageOrOptions) {
+  const opts = typeof messageOrOptions === "string" ? { title: messageOrOptions } : messageOrOptions;
+  return toast({ variant: "info", ...opts });
+}
+var notify = { success, error, warning, info };
+function useNotify() {
+  return notify;
+}
+function EmptyState({
+  title,
+  description,
+  action,
+  className
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col items-center justify-center py-12 px-4 text-center",
+        className
+      ),
+      role: "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-foreground mb-3", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-base text-muted-foreground mb-8 max-w-md leading-relaxed", children: description }),
+        action && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: action.onClick,
+            className: "inline-flex items-center justify-center rounded-md text-sm font-medium bg-primary text-primary-foreground shadow hover:bg-primary/90 h-9 px-4 py-2 transition-colors",
+            "aria-label": action.label,
+            children: action.label
+          }
+        )
+      ]
+    }
+  );
+}
+var DialogContext = React12.createContext(null);
+function useDialogContext() {
+  const context = React12.useContext(DialogContext);
+  if (!context) {
+    throw new Error("Dialog components must be used within BaseDialog");
+  }
+  return context;
+}
+var sizeClasses = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg"
+};
+function BaseDialog({
+  open,
+  onOpenChange,
+  children,
+  size = "md",
+  loading = false
+}) {
+  const [isLoading, setIsLoading] = React12.useState(loading);
+  const [canClose, setCanClose] = React12.useState(!loading);
+  React12.useEffect(() => {
+    setIsLoading(loading);
+    setCanClose(!loading);
+  }, [loading]);
+  const handleOpenChange = React12.useCallback(
+    (newOpen) => {
+      if (!newOpen && !canClose) {
+        return;
+      }
+      onOpenChange(newOpen);
+    },
+    [canClose, onOpenChange]
+  );
+  const contextValue = React12.useMemo(
+    () => ({ isLoading, setIsLoading, canClose, setCanClose }),
+    [isLoading, canClose]
+  );
+  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(DialogPrimitive.Root, { open, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxs(DialogPrimitive.Portal, { children: [
+    /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { className: "fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Content,
+      {
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          sizeClasses[size]
+        ),
+        onInteractOutside: (e) => {
+          if (!canClose) e.preventDefault();
+        },
+        onEscapeKeyDown: (e) => {
+          if (!canClose) e.preventDefault();
+        },
+        children
+      }
+    )
+  ] }) }) });
+}
+function DialogHeader({ children, className }) {
+  const { canClose } = useDialogContext();
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-start justify-between", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col space-y-1.5", children }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Close,
+      {
+        className: cn(
+          "rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
+          !canClose && "pointer-events-none opacity-30"
+        ),
+        disabled: !canClose,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "16",
+              height: "16",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ]
+      }
+    )
+  ] });
+}
+function DialogTitle({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      className: cn(
+        "text-lg font-semibold leading-none tracking-tight",
+        className
+      ),
+      children
+    }
+  );
+}
+function DialogBody({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("py-4 overflow-y-auto", className), children });
+}
+function DialogFooter({ children, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      ),
+      children
+    }
+  );
+}
+BaseDialog.Header = DialogHeader;
+BaseDialog.Title = DialogTitle;
+BaseDialog.Body = DialogBody;
+BaseDialog.Footer = DialogFooter;
+var sizeClasses2 = {
+  sm: "px-2 py-0.5 text-xs",
+  md: "px-2.5 py-0.5 text-xs"
+};
+function StatusBadge({
+  status,
+  config,
+  size = "md",
+  className
+}) {
+  const entry = config[status];
+  if (!entry) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "inline-flex items-center rounded-full font-medium bg-gray-100 text-gray-700 border border-gray-200",
+          sizeClasses2[size],
+          className
+        ),
+        children: status
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center rounded-full font-medium",
+        sizeClasses2[size],
+        entry.className,
+        className
+      ),
+      children: entry.label
+    }
+  );
+}
+function TableSkeleton({
+  rows = 5,
+  columns = 4,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("bg-background rounded-lg border", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-10 w-full max-w-sm animate-pulse rounded-md bg-gray-200" }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx("div", { className: "h-10 w-24 animate-pulse rounded-md bg-gray-200" }) })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full", children: [
+      /* @__PURE__ */ jsx("thead", { className: "border-b bg-muted/50", children: /* @__PURE__ */ jsx("tr", { children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ jsx("th", { className: "p-4 text-left", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-24 animate-pulse rounded-md bg-gray-200" }) }, i)) }) }),
+      /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ jsx("tr", { className: "border-b last:border-b-0", children: Array.from({ length: columns }).map((_2, colIndex) => /* @__PURE__ */ jsx("td", { className: "p-4", children: /* @__PURE__ */ jsx("div", { className: "h-4 w-full max-w-[200px] animate-pulse rounded-md bg-gray-200" }) }, colIndex)) }, rowIndex)) })
+    ] }) }),
+    /* @__PURE__ */ jsxs("div", { className: "p-4 border-t flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-40 animate-pulse rounded-md bg-gray-200" }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-9 w-20 animate-pulse rounded-md bg-gray-200" }),
+        /* @__PURE__ */ jsx("div", { className: "h-9 w-20 animate-pulse rounded-md bg-gray-200" })
+      ] })
+    ] })
+  ] });
+}
+function DashboardSkeleton({
+  cards = 4,
+  className
+}) {
+  return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", className), children: Array.from({ length: cards }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border bg-background p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-24 animate-pulse rounded-md bg-gray-200" }),
+      /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-pulse rounded-md bg-gray-200" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-8 w-20 animate-pulse rounded-md bg-gray-200 mb-2" }),
+    /* @__PURE__ */ jsx("div", { className: "h-3 w-32 animate-pulse rounded-md bg-gray-200" })
+  ] }, i)) });
+}
+function StepIndicator({ steps, currentIndex, className = "" }) {
+  return /* @__PURE__ */ jsx("ol", { className: `flex items-center gap-0 ${className}`, children: steps.map((step, index) => {
+    const isCompleted = index < currentIndex;
+    const isActive = index === currentIndex;
+    const isLast = index === steps.length - 1;
+    return /* @__PURE__ */ jsxs("li", { className: `flex items-center ${!isLast ? "flex-1" : ""}`, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: [
+              "flex h-8 w-8 items-center justify-center rounded-full border-2 text-sm font-medium transition-colors",
+              isCompleted ? "border-primary-600 bg-primary-600 text-white" : isActive ? "border-primary-600 bg-white text-primary-600" : "border-gray-300 bg-white text-gray-400"
+            ].join(" "),
+            children: isCompleted ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : index + 1
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: [
+              "mt-1 text-xs font-medium",
+              isActive ? "text-primary-600" : isCompleted ? "text-gray-600" : "text-gray-400"
+            ].join(" "),
+            children: step.label
+          }
+        )
+      ] }),
+      !isLast && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: [
+            "h-0.5 flex-1 mx-2 mb-4 transition-colors",
+            isCompleted ? "bg-primary-600" : "bg-gray-200"
+          ].join(" ")
+        }
+      )
+    ] }, index);
+  }) });
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, ApiErrorBoundary, BaseDialog, Calendar, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, DashboardSkeleton, EmptyState, ErrorState, FeatureGate, PageLoader, Popover, PopoverContent, PopoverTrigger, Progress, QueryProvider, SafeHtml, ScrollArea, ScrollBar, Separator, Sidebar, SidebarLayout, Skeleton, StatusBadge, StepIndicator, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, clearAllToasts, notify, toast, useDialogContext, useNotify, useToast };
+//# sourceMappingURL=chunk-G2AM3DBU.mjs.map
+//# sourceMappingURL=chunk-G2AM3DBU.mjs.map