npm - @onesaz/ui - Versions diffs - 0.3.6 → 0.3.7 - Mend

@onesaz/ui 0.3.6 → 0.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.js CHANGED Viewed

@@ -1776,18 +1776,24 @@ var DialogOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React20.forwardRef(({ className, children, hideCloseButton = false, ...props }, ref) => /* @__PURE__ */ jsxs7(DialogPortal, { children: [
+var DialogContent = React20.forwardRef(({ className, children, hideCloseButton = false, size = "lg", ...props }, ref) => /* @__PURE__ */ jsxs7(DialogPortal, { children: [
   /* @__PURE__ */ jsx20(DialogOverlay, {}),
   /* @__PURE__ */ jsxs7(
     DialogPrimitive.Content,
     {
       ref,
       className: cn(
-        "fixed left-1/2 top-1/2 z-50 grid w-full max-w-lg -translate-x-1/2 -translate-y-1/2 gap-4 p-6 shadow-lg",
+        "fixed left-1/2 top-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 p-6 shadow-lg",
         "bg-popover border border-border text-popover-foreground",
         "rounded-lg",
         "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
         "duration-200",
+        size === "sm" && "max-w-sm",
+        size === "md" && "max-w-md",
+        size === "lg" && "max-w-lg",
+        size === "xl" && "max-w-xl",
+        size === "2xl" && "max-w-2xl",
+        size === "full" && "max-w-full",
         className
       ),
       ...props,
@@ -2209,15 +2215,188 @@ var AlertDescription = React23.forwardRef(
 );
 AlertDescription.displayName = "AlertDescription";
-// src/components/tooltip.tsx
+// src/components/tabs.tsx
 import * as React24 from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md p-1",
+      "bg-muted text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all",
+      "ring-offset-background",
+      "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 = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  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 UnderlineTabsList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center gap-0 border-b border-border",
+      className
+    ),
+    ...props
+  }
+));
+UnderlineTabsList.displayName = "UnderlineTabsList";
+var UnderlineTabsTrigger = React24.forwardRef(({ className, children, count, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center gap-2 whitespace-nowrap px-4 py-2 text-sm font-medium transition-colors",
+      "border-b-2 border-transparent -mb-px",
+      "text-muted-foreground",
+      "hover:text-foreground hover:border-border",
+      "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]:text-foreground data-[state=active]:border-accent",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      count !== void 0 && /* @__PURE__ */ jsx24(
+        "span",
+        {
+          className: cn(
+            "inline-flex items-center justify-center rounded-full px-2 py-0.5 text-xs font-medium min-w-[1.25rem]",
+            "bg-muted text-muted-foreground"
+          ),
+          children: count
+        }
+      )
+    ]
+  }
+));
+UnderlineTabsTrigger.displayName = "UnderlineTabsTrigger";
+var UnderlineTabsContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "pt-4",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+UnderlineTabsContent.displayName = "UnderlineTabsContent";
+var VerticalTabs = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  TabsPrimitive.Root,
+  {
+    ref,
+    orientation: "vertical",
+    className: cn("flex gap-8", className),
+    ...props
+  }
+));
+VerticalTabs.displayName = "VerticalTabs";
+var VerticalTabsList = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn("flex flex-col gap-0.5 w-[220px] shrink-0", className),
+    ...props
+  }
+));
+VerticalTabsList.displayName = "VerticalTabsList";
+var VerticalTabsTrigger = React24.forwardRef(({ className, children, icon, ...props }, ref) => /* @__PURE__ */ jsxs10(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex items-center gap-3 rounded-md px-3 py-1.5 text-sm transition-colors text-left w-full",
+      "text-muted-foreground",
+      "border-l-2 border-transparent -ml-px",
+      "hover:bg-muted hover:text-foreground",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      "disabled:pointer-events-none disabled:opacity-50",
+      "data-[state=active]:text-foreground data-[state=active]:font-medium data-[state=active]:bg-muted data-[state=active]:border-l-2 data-[state=active]:border-accent",
+      className
+    ),
+    ...props,
+    children: [
+      icon && /* @__PURE__ */ jsx24("span", { className: "size-4 shrink-0 [&>svg]:size-4", children: icon }),
+      children
+    ]
+  }
+));
+VerticalTabsTrigger.displayName = "VerticalTabsTrigger";
+var VerticalTabsContent = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "flex-1 min-w-0",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      className
+    ),
+    ...props
+  }
+));
+VerticalTabsContent.displayName = "VerticalTabsContent";
+var VerticalTabsGroupLabel = React24.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+    "div",
+    {
+      ref,
+      className: cn(
+        "px-3 pt-4 pb-1 text-xs font-semibold text-muted-foreground first:pt-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+VerticalTabsGroupLabel.displayName = "VerticalTabsGroupLabel";
+// src/components/tooltip.tsx
+import * as React25 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { Fragment as Fragment2, jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var TooltipRoot = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
 var TooltipPortal = TooltipPrimitive.Portal;
-var TooltipArrow = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var TooltipArrow = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx25(
   TooltipPrimitive.Arrow,
   {
     ref,
@@ -2226,7 +2405,7 @@ var TooltipArrow = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
-var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, showArrow = false, children, ...props }, ref) => /* @__PURE__ */ jsxs10(
+var TooltipContent = React25.forwardRef(({ className, sideOffset = 4, showArrow = false, children, ...props }, ref) => /* @__PURE__ */ jsxs11(
   TooltipPrimitive.Content,
   {
     ref,
@@ -2244,12 +2423,12 @@ var TooltipContent = React24.forwardRef(({ className, sideOffset = 4, showArrow
     ...props,
     children: [
       children,
-      showArrow && /* @__PURE__ */ jsx24(TooltipArrow, {})
+      showArrow && /* @__PURE__ */ jsx25(TooltipArrow, {})
     ]
   }
 ));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var Tooltip = React24.forwardRef(
+var Tooltip = React25.forwardRef(
   ({
     content,
     children,
@@ -2263,17 +2442,17 @@ var Tooltip = React24.forwardRef(
     className
   }, ref) => {
     if (disabled) {
-      return /* @__PURE__ */ jsx24(Fragment2, { children });
+      return /* @__PURE__ */ jsx25(Fragment2, { children });
     }
-    return /* @__PURE__ */ jsx24(TooltipProvider, { children: /* @__PURE__ */ jsxs10(
+    return /* @__PURE__ */ jsx25(TooltipProvider, { children: /* @__PURE__ */ jsxs11(
       TooltipRoot,
       {
         delayDuration,
         open,
         onOpenChange,
         children: [
-          /* @__PURE__ */ jsx24(TooltipTrigger, { ref, asChild: true, children }),
-          /* @__PURE__ */ jsx24(TooltipPortal, { children: /* @__PURE__ */ jsx24(
+          /* @__PURE__ */ jsx25(TooltipTrigger, { ref, asChild: true, children }),
+          /* @__PURE__ */ jsx25(TooltipPortal, { children: /* @__PURE__ */ jsx25(
             TooltipContent,
             {
               side,
@@ -2291,8 +2470,8 @@ var Tooltip = React24.forwardRef(
 Tooltip.displayName = "Tooltip";
 // src/components/progress.tsx
-import * as React25 from "react";
-import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
+import * as React26 from "react";
+import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
 var linearSizeClasses = {
   sm: "h-1",
   md: "h-2",
@@ -2305,7 +2484,7 @@ var variantClasses2 = {
   error: "bg-red-500",
   info: "bg-blue-500"
 };
-var LinearProgress = React25.forwardRef(
+var LinearProgress = React26.forwardRef(
   ({
     value,
     variant = "default",
@@ -2317,8 +2496,8 @@ var LinearProgress = React25.forwardRef(
     ...props
   }, ref) => {
     const isIndeterminate = value === void 0;
-    return /* @__PURE__ */ jsxs11("div", { ref, className: cn("w-full", className), ...props, children: [
-      /* @__PURE__ */ jsx25(
+    return /* @__PURE__ */ jsxs12("div", { ref, className: cn("w-full", className), ...props, children: [
+      /* @__PURE__ */ jsx26(
         "div",
         {
           className: cn(
@@ -2329,7 +2508,7 @@ var LinearProgress = React25.forwardRef(
           "aria-valuenow": isIndeterminate ? void 0 : value,
           "aria-valuemin": 0,
           "aria-valuemax": 100,
-          children: /* @__PURE__ */ jsx25(
+          children: /* @__PURE__ */ jsx26(
             "div",
             {
               className: cn(
@@ -2343,7 +2522,7 @@ var LinearProgress = React25.forwardRef(
           )
         }
       ),
-      showValue && !isIndeterminate && /* @__PURE__ */ jsx25("span", { className: "mt-1 text-sm text-muted-foreground", children: formatValue(value) })
+      showValue && !isIndeterminate && /* @__PURE__ */ jsx26("span", { className: "mt-1 text-sm text-muted-foreground", children: formatValue(value) })
     ] });
   }
 );
@@ -2361,7 +2540,7 @@ var strokeColors = {
   error: "stroke-red-500",
   info: "stroke-blue-500"
 };
-var CircularProgress = React25.forwardRef(
+var CircularProgress = React26.forwardRef(
   ({
     value,
     variant = "default",
@@ -2378,7 +2557,7 @@ var CircularProgress = React25.forwardRef(
     const radius = (sizeValue - thickness) / 2;
     const circumference = 2 * Math.PI * radius;
     const strokeDashoffset = isIndeterminate ? 0 : circumference - Math.min(100, Math.max(0, value)) / 100 * circumference;
-    return /* @__PURE__ */ jsxs11(
+    return /* @__PURE__ */ jsxs12(
       "div",
       {
         ref,
@@ -2390,7 +2569,7 @@ var CircularProgress = React25.forwardRef(
         "aria-valuemax": 100,
         ...props,
         children: [
-          /* @__PURE__ */ jsxs11(
+          /* @__PURE__ */ jsxs12(
             "svg",
             {
               className: cn(isIndeterminate && "animate-spin"),
@@ -2398,7 +2577,7 @@ var CircularProgress = React25.forwardRef(
               height: sizeValue,
               viewBox: `0 0 ${sizeValue} ${sizeValue}`,
               children: [
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   "circle",
                   {
                     className: "stroke-muted",
@@ -2409,7 +2588,7 @@ var CircularProgress = React25.forwardRef(
                     r: radius
                   }
                 ),
-                /* @__PURE__ */ jsx25(
+                /* @__PURE__ */ jsx26(
                   "circle",
                   {
                     className: cn(
@@ -2430,7 +2609,7 @@ var CircularProgress = React25.forwardRef(
               ]
             }
           ),
-          (showValue || children) && !isIndeterminate && /* @__PURE__ */ jsx25("div", { className: "absolute inset-0 flex items-center justify-center", children: children || /* @__PURE__ */ jsx25(
+          (showValue || children) && !isIndeterminate && /* @__PURE__ */ jsx26("div", { className: "absolute inset-0 flex items-center justify-center", children: children || /* @__PURE__ */ jsx26(
             "span",
             {
               className: "text-foreground font-medium",
@@ -2444,13 +2623,13 @@ var CircularProgress = React25.forwardRef(
   }
 );
 CircularProgress.displayName = "CircularProgress";
-var Progress = React25.forwardRef((props, ref) => /* @__PURE__ */ jsx25(LinearProgress, { ref, ...props }));
+var Progress = React26.forwardRef((props, ref) => /* @__PURE__ */ jsx26(LinearProgress, { ref, ...props }));
 Progress.displayName = "Progress";
 // src/components/table.tsx
-import * as React26 from "react";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var Table = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx26(
+import * as React27 from "react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var Table = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx27(
   "table",
   {
     ref,
@@ -2459,9 +2638,9 @@ var Table = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableBody = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "tbody",
   {
     ref,
@@ -2470,7 +2649,7 @@ var TableBody = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableFooter = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "tfoot",
   {
     ref,
@@ -2482,7 +2661,7 @@ var TableFooter = React26.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableRow = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "tr",
   {
     ref,
@@ -2496,7 +2675,7 @@ var TableRow = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableHead = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "th",
   {
     ref,
@@ -2509,7 +2688,7 @@ var TableHead = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableCell = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "td",
   {
     ref,
@@ -2521,7 +2700,7 @@ var TableCell = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+var TableCaption = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "caption",
   {
     ref,
@@ -2541,8 +2720,8 @@ var TableNamespace = Object.assign(Table, {
 });
 // src/components/avatar.tsx
-import * as React27 from "react";
-import { jsx as jsx27, jsxs as jsxs12 } from "react/jsx-runtime";
+import * as React28 from "react";
+import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
 var sizeClasses3 = {
   xs: "h-6 w-6 text-xs",
   sm: "h-8 w-8 text-sm",
@@ -2551,7 +2730,7 @@ var sizeClasses3 = {
   xl: "h-16 w-16 text-xl",
   "2xl": "h-20 w-20 text-2xl"
 };
-var Avatar = React27.forwardRef(
+var Avatar = React28.forwardRef(
   ({
     src,
     alt,
@@ -2563,8 +2742,8 @@ var Avatar = React27.forwardRef(
     className,
     ...props
   }, ref) => {
-    const [imageError, setImageError] = React27.useState(false);
-    React27.useEffect(() => {
+    const [imageError, setImageError] = React28.useState(false);
+    React28.useEffect(() => {
       setImageError(false);
     }, [src]);
     const showFallback = !src || imageError;
@@ -2575,7 +2754,7 @@ var Avatar = React27.forwardRef(
       }
       return text.slice(0, 2).toUpperCase();
     };
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         ref,
@@ -2587,7 +2766,7 @@ var Avatar = React27.forwardRef(
           className
         ),
         ...props,
-        children: !showFallback ? /* @__PURE__ */ jsx27(
+        children: !showFallback ? /* @__PURE__ */ jsx28(
           "img",
           {
             src,
@@ -2595,9 +2774,9 @@ var Avatar = React27.forwardRef(
             onError: () => setImageError(true),
             className: "h-full w-full object-cover"
           }
-        ) : fallbackElement ? fallbackElement : fallback ? /* @__PURE__ */ jsx27("span", { className: "font-medium", children: getInitials(fallback) }) : (
+        ) : fallbackElement ? fallbackElement : fallback ? /* @__PURE__ */ jsx28("span", { className: "font-medium", children: getInitials(fallback) }) : (
           // Default user icon
-          /* @__PURE__ */ jsxs12(
+          /* @__PURE__ */ jsxs13(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -2609,8 +2788,8 @@ var Avatar = React27.forwardRef(
               strokeLinejoin: "round",
               className: "h-1/2 w-1/2",
               children: [
-                /* @__PURE__ */ jsx27("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
-                /* @__PURE__ */ jsx27("circle", { cx: "12", cy: "7", r: "4" })
+                /* @__PURE__ */ jsx28("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+                /* @__PURE__ */ jsx28("circle", { cx: "12", cy: "7", r: "4" })
               ]
             }
           )
@@ -2620,12 +2799,12 @@ var Avatar = React27.forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-var AvatarGroup = React27.forwardRef(
+var AvatarGroup = React28.forwardRef(
   ({ max, size = "md", children, className, ...props }, ref) => {
-    const childArray = React27.Children.toArray(children);
+    const childArray = React28.Children.toArray(children);
     const visibleChildren = max ? childArray.slice(0, max) : childArray;
     const remainingCount = max ? childArray.length - max : 0;
-    return /* @__PURE__ */ jsxs12(
+    return /* @__PURE__ */ jsxs13(
       "div",
       {
         ref,
@@ -2633,8 +2812,8 @@ var AvatarGroup = React27.forwardRef(
         ...props,
         children: [
           visibleChildren.map((child, index) => {
-            if (React27.isValidElement(child)) {
-              return React27.cloneElement(child, {
+            if (React28.isValidElement(child)) {
+              return React28.cloneElement(child, {
                 key: index,
                 size: child.props.size || size,
                 bordered: true,
@@ -2643,7 +2822,7 @@ var AvatarGroup = React27.forwardRef(
             }
             return child;
           }),
-          remainingCount > 0 && /* @__PURE__ */ jsx27(
+          remainingCount > 0 && /* @__PURE__ */ jsx28(
             Avatar,
             {
               size,
@@ -2660,9 +2839,9 @@ var AvatarGroup = React27.forwardRef(
 AvatarGroup.displayName = "AvatarGroup";
 // src/components/skeleton.tsx
-import * as React28 from "react";
-import { jsx as jsx28, jsxs as jsxs13 } from "react/jsx-runtime";
-var Skeleton = React28.forwardRef(
+import * as React29 from "react";
+import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
+var Skeleton = React29.forwardRef(
   ({
     variant = "text",
     width,
@@ -2684,7 +2863,7 @@ var Skeleton = React28.forwardRef(
       none: ""
     };
     const defaultHeight = variant === "text" ? "1em" : void 0;
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         ref,
@@ -2705,7 +2884,7 @@ var Skeleton = React28.forwardRef(
   }
 );
 Skeleton.displayName = "Skeleton";
-var SkeletonText = React28.forwardRef(
+var SkeletonText = React29.forwardRef(
   ({
     lines = 3,
     lastLineWidth = 60,
@@ -2719,7 +2898,7 @@ var SkeletonText = React28.forwardRef(
       md: "space-y-2",
       lg: "space-y-3"
     };
-    return /* @__PURE__ */ jsx28("div", { ref, className: cn(gapClasses2[gap], className), ...props, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29("div", { ref, className: cn(gapClasses2[gap], className), ...props, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx29(
       Skeleton,
       {
         variant: "text",
@@ -2740,10 +2919,10 @@ var sizeMap = {
   lg: 48,
   xl: 64
 };
-var SkeletonAvatar = React28.forwardRef(
+var SkeletonAvatar = React29.forwardRef(
   ({ size = "md", animation = "pulse", className, ...props }, ref) => {
     const sizeValue = sizeMap[size];
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       Skeleton,
       {
         ref,
@@ -2758,7 +2937,7 @@ var SkeletonAvatar = React28.forwardRef(
   }
 );
 SkeletonAvatar.displayName = "SkeletonAvatar";
-var SkeletonCard = React28.forwardRef(
+var SkeletonCard = React29.forwardRef(
   ({
     hasImage = true,
     imageHeight = 200,
@@ -2767,14 +2946,14 @@ var SkeletonCard = React28.forwardRef(
     className,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs14(
       "div",
       {
         ref,
         className: cn("rounded-lg border border-border p-4 space-y-4", className),
         ...props,
         children: [
-          hasImage && /* @__PURE__ */ jsx28(
+          hasImage && /* @__PURE__ */ jsx29(
             Skeleton,
             {
               variant: "rounded",
@@ -2782,9 +2961,9 @@ var SkeletonCard = React28.forwardRef(
               animation
             }
           ),
-          /* @__PURE__ */ jsxs13("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx28(Skeleton, { variant: "text", width: "60%", animation }),
-            /* @__PURE__ */ jsx28(SkeletonText, { lines, animation })
+          /* @__PURE__ */ jsxs14("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx29(Skeleton, { variant: "text", width: "60%", animation }),
+            /* @__PURE__ */ jsx29(SkeletonText, { lines, animation })
           ] })
         ]
       }
@@ -2792,15 +2971,15 @@ var SkeletonCard = React28.forwardRef(
   }
 );
 SkeletonCard.displayName = "SkeletonCard";
-var SkeletonTableRow = React28.forwardRef(
+var SkeletonTableRow = React29.forwardRef(
   ({ columns = 4, animation = "pulse", className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx28(
+    return /* @__PURE__ */ jsx29(
       "div",
       {
         ref,
         className: cn("flex items-center gap-4 py-3", className),
         ...props,
-        children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx28(
+        children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ jsx29(
           Skeleton,
           {
             variant: "text",
@@ -2816,10 +2995,10 @@ var SkeletonTableRow = React28.forwardRef(
 SkeletonTableRow.displayName = "SkeletonTableRow";
 // src/components/pagination.tsx
-import * as React29 from "react";
-import { jsx as jsx29, jsxs as jsxs14 } from "react/jsx-runtime";
-var Pagination = React29.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+import * as React30 from "react";
+import { jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+var Pagination = React30.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
     "nav",
     {
       ref,
@@ -2831,7 +3010,7 @@ var Pagination = React29.forwardRef(
   )
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var PaginationContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "ul",
   {
     ref,
@@ -2840,10 +3019,10 @@ var PaginationContent = React29.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
-var PaginationLink = React29.forwardRef(
-  ({ className, isActive, ...props }, ref) => /* @__PURE__ */ jsx29(
+var PaginationLink = React30.forwardRef(
+  ({ className, isActive, ...props }, ref) => /* @__PURE__ */ jsx30(
     Button,
     {
       ref,
@@ -2855,7 +3034,7 @@ var PaginationLink = React29.forwardRef(
   )
 );
 PaginationLink.displayName = "PaginationLink";
-var PaginationPrevious = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var PaginationPrevious = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs15(
   Button,
   {
     ref,
@@ -2864,7 +3043,7 @@ var PaginationPrevious = React29.forwardRef(({ className, ...props }, ref) => /*
     className: cn("gap-1 pl-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2877,15 +3056,15 @@ var PaginationPrevious = React29.forwardRef(({ className, ...props }, ref) => /*
           strokeLinecap: "round",
           strokeLinejoin: "round",
           className: "h-4 w-4",
-          children: /* @__PURE__ */ jsx29("path", { d: "m15 18-6-6 6-6" })
+          children: /* @__PURE__ */ jsx30("path", { d: "m15 18-6-6 6-6" })
         }
       ),
-      /* @__PURE__ */ jsx29("span", { children: "Previous" })
+      /* @__PURE__ */ jsx30("span", { children: "Previous" })
     ]
   }
 ));
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var PaginationNext = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs15(
   Button,
   {
     ref,
@@ -2894,8 +3073,8 @@ var PaginationNext = React29.forwardRef(({ className, ...props }, ref) => /* @__
     className: cn("gap-1 pr-2.5", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx29("span", { children: "Next" }),
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30("span", { children: "Next" }),
+      /* @__PURE__ */ jsx30(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2908,14 +3087,14 @@ var PaginationNext = React29.forwardRef(({ className, ...props }, ref) => /* @__
           strokeLinecap: "round",
           strokeLinejoin: "round",
           className: "h-4 w-4",
-          children: /* @__PURE__ */ jsx29("path", { d: "m9 18 6-6-6-6" })
+          children: /* @__PURE__ */ jsx30("path", { d: "m9 18 6-6-6-6" })
         }
       )
     ]
   }
 ));
 PaginationNext.displayName = "PaginationNext";
-var PaginationEllipsis = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var PaginationEllipsis = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs15(
   "span",
   {
     ref,
@@ -2923,7 +3102,7 @@ var PaginationEllipsis = React29.forwardRef(({ className, ...props }, ref) => /*
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsxs14(
+      /* @__PURE__ */ jsxs15(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2937,13 +3116,13 @@ var PaginationEllipsis = React29.forwardRef(({ className, ...props }, ref) => /*
           strokeLinejoin: "round",
           className: "h-4 w-4",
           children: [
-            /* @__PURE__ */ jsx29("circle", { cx: "12", cy: "12", r: "1" }),
-            /* @__PURE__ */ jsx29("circle", { cx: "19", cy: "12", r: "1" }),
-            /* @__PURE__ */ jsx29("circle", { cx: "5", cy: "12", r: "1" })
+            /* @__PURE__ */ jsx30("circle", { cx: "12", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx30("circle", { cx: "19", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx30("circle", { cx: "5", cy: "12", r: "1" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "More pages" })
     ]
   }
 ));
@@ -2958,12 +3137,12 @@ var PaginationNamespace = Object.assign(Pagination, {
 });
 // src/components/combobox/index.tsx
-import * as React30 from "react";
-import { Fragment as Fragment3, jsx as jsx30, jsxs as jsxs15 } from "react/jsx-runtime";
+import * as React31 from "react";
+import { Fragment as Fragment3, jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
 function isMultipleProps(props) {
   return props.multiple === true;
 }
-var Combobox = React30.forwardRef(
+var Combobox = React31.forwardRef(
   (props, ref) => {
     const {
       options,
@@ -2977,7 +3156,7 @@ var Combobox = React30.forwardRef(
     } = props;
     const labelKey = props.labelKey ?? "label";
     const valueKey = props.valueKey ?? "value";
-    const getOptionLabel = React30.useCallback(
+    const getOptionLabel = React31.useCallback(
       (option) => {
         if (typeof option === "string") return option;
         const record = option;
@@ -2986,7 +3165,7 @@ var Combobox = React30.forwardRef(
       },
       [labelKey]
     );
-    const getOptionValue = React30.useCallback(
+    const getOptionValue = React31.useCallback(
       (option) => {
         if (typeof option === "string") return option;
         const record = option;
@@ -2998,7 +3177,7 @@ var Combobox = React30.forwardRef(
       },
       [valueKey, getOptionLabel]
     );
-    const normalizedOptions = React30.useMemo(
+    const normalizedOptions = React31.useMemo(
       () => (options ?? []).map((option) => ({
         raw: option,
         label: getOptionLabel(option),
@@ -3007,31 +3186,31 @@ var Combobox = React30.forwardRef(
       })),
       [options, getOptionLabel, getOptionValue]
     );
-    const [open, setOpen] = React30.useState(false);
-    const [internalSearch, setInternalSearch] = React30.useState("");
-    const containerRef = React30.useRef(null);
-    const searchInputRef = React30.useRef(null);
+    const [open, setOpen] = React31.useState(false);
+    const [internalSearch, setInternalSearch] = React31.useState("");
+    const containerRef = React31.useRef(null);
+    const searchInputRef = React31.useRef(null);
     const isMultiple = isMultipleProps(props);
     const selectAll = isMultiple ? props.selectAll ?? false : false;
     const selectAllLabel = isMultiple ? props.selectAllLabel ?? "Select all" : "Select all";
-    const [internalSingleValue, setInternalSingleValue] = React30.useState(!isMultiple ? props.defaultValue ?? null : null);
-    const [internalMultiValue, setInternalMultiValue] = React30.useState(isMultiple ? props.defaultValue ?? [] : []);
+    const [internalSingleValue, setInternalSingleValue] = React31.useState(!isMultiple ? props.defaultValue ?? null : null);
+    const [internalMultiValue, setInternalMultiValue] = React31.useState(isMultiple ? props.defaultValue ?? [] : []);
     const singleValue = !isMultiple ? props.value !== void 0 ? props.value : internalSingleValue : null;
     const multiValue = isMultiple ? props.value !== void 0 ? props.value : internalMultiValue : [];
     const search = props.inputValue !== void 0 ? props.inputValue : internalSearch;
-    const filteredOptions = React30.useMemo(() => {
+    const filteredOptions = React31.useMemo(() => {
       if (!search) return normalizedOptions;
       return normalizedOptions.filter(
         (option) => option.label.toLowerCase().includes(search.toLowerCase())
       );
     }, [normalizedOptions, search]);
     const selectedOptions = isMultiple ? multiValue : [];
-    const selectedValueKeys = React30.useMemo(
+    const selectedValueKeys = React31.useMemo(
       () => new Set(selectedOptions.map((option) => getOptionValue(option))),
       [selectedOptions, getOptionValue]
     );
     const singleValueKey = singleValue ? getOptionValue(singleValue) : null;
-    const selectableOptions = React30.useMemo(
+    const selectableOptions = React31.useMemo(
       () => normalizedOptions.filter((option) => !option.disabled),
       [normalizedOptions]
     );
@@ -3099,7 +3278,7 @@ var Combobox = React30.forwardRef(
         }
       }
     };
-    React30.useEffect(() => {
+    React31.useEffect(() => {
       const handleClickOutside = (event) => {
         if (containerRef.current && !containerRef.current.contains(event.target)) {
           setOpen(false);
@@ -3108,12 +3287,12 @@ var Combobox = React30.forwardRef(
       document.addEventListener("mousedown", handleClickOutside);
       return () => document.removeEventListener("mousedown", handleClickOutside);
     }, []);
-    React30.useEffect(() => {
+    React31.useEffect(() => {
       if (open) {
         searchInputRef.current?.focus();
       }
     }, [open]);
-    React30.useImperativeHandle(
+    React31.useImperativeHandle(
       ref,
       () => searchInputRef.current,
       []
@@ -3124,8 +3303,8 @@ var Combobox = React30.forwardRef(
     const maxDisplayItems = isMultiple ? props.maxDisplayItems ?? 3 : 0;
     const displayedOptions = selectedOptions.slice(0, maxDisplayItems);
     const remainingCount = selectedOptions.length - maxDisplayItems;
-    return /* @__PURE__ */ jsxs15("div", { ref: containerRef, className: "relative", children: [
-      /* @__PURE__ */ jsxs15(
+    return /* @__PURE__ */ jsxs16("div", { ref: containerRef, className: "relative", children: [
+      /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
@@ -3142,20 +3321,20 @@ var Combobox = React30.forwardRef(
             className
           ),
           children: [
-            isMultiple ? /* @__PURE__ */ jsx30("div", { className: "flex flex-1 flex-wrap items-center gap-1", children: selectedOptions.length === 0 ? /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground", children: placeholder }) : /* @__PURE__ */ jsxs15(Fragment3, { children: [
-              displayedOptions.map((option) => /* @__PURE__ */ jsxs15(
+            isMultiple ? /* @__PURE__ */ jsx31("div", { className: "flex flex-1 flex-wrap items-center gap-1", children: selectedOptions.length === 0 ? /* @__PURE__ */ jsx31("span", { className: "text-muted-foreground", children: placeholder }) : /* @__PURE__ */ jsxs16(Fragment3, { children: [
+              displayedOptions.map((option) => /* @__PURE__ */ jsxs16(
                 "span",
                 {
                   className: "inline-flex items-center gap-1 rounded-md bg-muted px-2 py-0.5 text-xs font-medium",
                   children: [
                     getOptionLabel(option),
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx31(
                       "button",
                       {
                         type: "button",
                         onClick: (e) => handleRemoveItem(getOptionValue(option), e),
                         className: "ml-1 rounded-full hover:bg-background/50",
-                        children: /* @__PURE__ */ jsx30(
+                        children: /* @__PURE__ */ jsx31(
                           "svg",
                           {
                             xmlns: "http://www.w3.org/2000/svg",
@@ -3167,7 +3346,7 @@ var Combobox = React30.forwardRef(
                             strokeWidth: "2",
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
-                            children: /* @__PURE__ */ jsx30("path", { d: "M18 6 6 18M6 6l12 12" })
+                            children: /* @__PURE__ */ jsx31("path", { d: "M18 6 6 18M6 6l12 12" })
                           }
                         )
                       }
@@ -3176,20 +3355,20 @@ var Combobox = React30.forwardRef(
                 },
                 getOptionValue(option)
               )),
-              remainingCount > 0 && /* @__PURE__ */ jsxs15("span", { className: "text-xs text-muted-foreground", children: [
+              remainingCount > 0 && /* @__PURE__ */ jsxs16("span", { className: "text-xs text-muted-foreground", children: [
                 "+",
                 remainingCount,
                 " more"
               ] })
-            ] }) }) : /* @__PURE__ */ jsx30("span", { className: cn(!singleValue && "text-muted-foreground"), children: singleValue ? getOptionLabel(singleValue) : placeholder }),
-            /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-1", children: [
-              isMultiple && selectedOptions.length > 0 && /* @__PURE__ */ jsx30(
+            ] }) }) : /* @__PURE__ */ jsx31("span", { className: cn(!singleValue && "text-muted-foreground"), children: singleValue ? getOptionLabel(singleValue) : placeholder }),
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-1", children: [
+              isMultiple && selectedOptions.length > 0 && /* @__PURE__ */ jsx31(
                 "button",
                 {
                   type: "button",
                   onClick: handleClearAll,
                   className: "rounded p-0.5 hover:bg-muted",
-                  children: /* @__PURE__ */ jsx30(
+                  children: /* @__PURE__ */ jsx31(
                     "svg",
                     {
                       xmlns: "http://www.w3.org/2000/svg",
@@ -3202,19 +3381,19 @@ var Combobox = React30.forwardRef(
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       className: "opacity-50 hover:opacity-100",
-                      children: /* @__PURE__ */ jsx30("path", { d: "M18 6 6 18M6 6l12 12" })
+                      children: /* @__PURE__ */ jsx31("path", { d: "M18 6 6 18M6 6l12 12" })
                     }
                   )
                 }
               ),
-              !isMultiple && clearable && singleValue && /* @__PURE__ */ jsx30(
+              !isMultiple && clearable && singleValue && /* @__PURE__ */ jsx31(
                 "button",
                 {
                   type: "button",
                   onClick: handleClearSingle,
                   className: "rounded p-0.5 hover:bg-muted",
                   "aria-label": "Clear selection",
-                  children: /* @__PURE__ */ jsx30(
+                  children: /* @__PURE__ */ jsx31(
                     "svg",
                     {
                       xmlns: "http://www.w3.org/2000/svg",
@@ -3227,12 +3406,12 @@ var Combobox = React30.forwardRef(
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       className: "opacity-50 hover:opacity-100",
-                      children: /* @__PURE__ */ jsx30("path", { d: "M18 6 6 18M6 6l12 12" })
+                      children: /* @__PURE__ */ jsx31("path", { d: "M18 6 6 18M6 6l12 12" })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx30(
+              /* @__PURE__ */ jsx31(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -3248,16 +3427,16 @@ var Combobox = React30.forwardRef(
                     "h-4 w-4 shrink-0 opacity-50 transition-transform",
                     open && "rotate-180"
                   ),
-                  children: /* @__PURE__ */ jsx30("path", { d: "m6 9 6 6 6-6" })
+                  children: /* @__PURE__ */ jsx31("path", { d: "m6 9 6 6 6-6" })
                 }
               )
             ] })
           ]
         }
       ),
-      open && /* @__PURE__ */ jsxs15("div", { className: "absolute z-50 mt-1 w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md", children: [
-        /* @__PURE__ */ jsxs15("div", { className: "flex items-center border-b border-border px-3", children: [
-          /* @__PURE__ */ jsxs15(
+      open && /* @__PURE__ */ jsxs16("div", { className: "absolute z-50 mt-1 w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "flex items-center border-b border-border px-3", children: [
+          /* @__PURE__ */ jsxs16(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -3271,12 +3450,12 @@ var Combobox = React30.forwardRef(
               strokeLinejoin: "round",
               className: "mr-2 h-4 w-4 shrink-0 opacity-50",
               children: [
-                /* @__PURE__ */ jsx30("circle", { cx: "11", cy: "11", r: "8" }),
-                /* @__PURE__ */ jsx30("path", { d: "m21 21-4.3-4.3" })
+                /* @__PURE__ */ jsx31("circle", { cx: "11", cy: "11", r: "8" }),
+                /* @__PURE__ */ jsx31("path", { d: "m21 21-4.3-4.3" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx31(
             "input",
             {
               ref: setSearchRef,
@@ -3295,8 +3474,8 @@ var Combobox = React30.forwardRef(
             }
           )
         ] }),
-        /* @__PURE__ */ jsx30("div", { className: "max-h-[300px] overflow-y-auto p-1", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx30("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }) : /* @__PURE__ */ jsxs15(Fragment3, { children: [
-          isMultiple && selectAll && /* @__PURE__ */ jsxs15(
+        /* @__PURE__ */ jsx31("div", { className: "max-h-[300px] overflow-y-auto p-1", children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx31("div", { className: "py-6 text-center text-sm text-muted-foreground", children: emptyMessage }) : /* @__PURE__ */ jsxs16(Fragment3, { children: [
+          isMultiple && selectAll && /* @__PURE__ */ jsxs16(
             "button",
             {
               type: "button",
@@ -3308,14 +3487,14 @@ var Combobox = React30.forwardRef(
                 allSelected && "bg-muted"
               ),
               children: [
-                /* @__PURE__ */ jsx30("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx31("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: /* @__PURE__ */ jsx31(
                   "div",
                   {
                     className: cn(
                       "flex h-4 w-4 items-center justify-center rounded border border-input",
                       allSelected && "bg-accent border-accent"
                     ),
-                    children: allSelected && /* @__PURE__ */ jsx30(
+                    children: allSelected && /* @__PURE__ */ jsx31(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
@@ -3328,7 +3507,7 @@ var Combobox = React30.forwardRef(
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
                         className: "h-3 w-3",
-                        children: /* @__PURE__ */ jsx30("polyline", { points: "20 6 9 17 4 12" })
+                        children: /* @__PURE__ */ jsx31("polyline", { points: "20 6 9 17 4 12" })
                       }
                     )
                   }
@@ -3339,7 +3518,7 @@ var Combobox = React30.forwardRef(
           ),
           filteredOptions.map((option) => {
             const isSelected = isMultiple ? selectedValueKeys.has(option.value) : option.value === singleValueKey;
-            return /* @__PURE__ */ jsxs15(
+            return /* @__PURE__ */ jsxs16(
               "button",
               {
                 type: "button",
@@ -3353,16 +3532,16 @@ var Combobox = React30.forwardRef(
                   isSelected && "bg-muted"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx30("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: isMultiple ? (
+                  /* @__PURE__ */ jsx31("span", { className: "absolute left-2 flex h-4 w-4 items-center justify-center", children: isMultiple ? (
                     // Checkbox for multi-select
-                    /* @__PURE__ */ jsx30(
+                    /* @__PURE__ */ jsx31(
                       "div",
                       {
                         className: cn(
                           "flex h-4 w-4 items-center justify-center rounded border border-input",
                           isSelected && "bg-accent border-accent"
                         ),
-                        children: isSelected && /* @__PURE__ */ jsx30(
+                        children: isSelected && /* @__PURE__ */ jsx31(
                           "svg",
                           {
                             xmlns: "http://www.w3.org/2000/svg",
@@ -3375,14 +3554,14 @@ var Combobox = React30.forwardRef(
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
                             className: "h-3 w-3",
-                            children: /* @__PURE__ */ jsx30("polyline", { points: "20 6 9 17 4 12" })
+                            children: /* @__PURE__ */ jsx31("polyline", { points: "20 6 9 17 4 12" })
                           }
                         )
                       }
                     )
                   ) : (
                     // Checkmark for single-select
-                    isSelected && /* @__PURE__ */ jsx30(
+                    isSelected && /* @__PURE__ */ jsx31(
                       "svg",
                       {
                         xmlns: "http://www.w3.org/2000/svg",
@@ -3395,7 +3574,7 @@ var Combobox = React30.forwardRef(
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
                         className: "h-4 w-4",
-                        children: /* @__PURE__ */ jsx30("polyline", { points: "20 6 9 17 4 12" })
+                        children: /* @__PURE__ */ jsx31("polyline", { points: "20 6 9 17 4 12" })
                       }
                     )
                   ) }),
@@ -3413,7 +3592,7 @@ var Combobox = React30.forwardRef(
 Combobox.displayName = "Combobox";
 // src/components/data-grid/index.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import {
   useReactTable,
   getCoreRowModel,
@@ -3423,13 +3602,13 @@ import {
   flexRender
 } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
-import { jsx as jsx31, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 function convertColumns(columns, checkboxSelection) {
   const tanstackColumns = [];
   if (checkboxSelection) {
     tanstackColumns.push({
       id: "__select__",
-      header: ({ table }) => /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx31(
+      header: ({ table }) => /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx32(
         Checkbox,
         {
           checked: table.getIsAllPageRowsSelected(),
@@ -3437,7 +3616,7 @@ function convertColumns(columns, checkboxSelection) {
           "aria-label": "Select all"
         }
       ) }),
-      cell: ({ row }) => /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx31(
+      cell: ({ row }) => /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx32(
         Checkbox,
         {
           checked: row.getIsSelected(),
@@ -3559,7 +3738,7 @@ function calculateInitialColumnWidths(columns, containerWidth, checkboxSelection
   return widthMap;
 }
 function useColumnWidths(columns, containerWidth, checkboxSelection, columnSizing) {
-  return React31.useMemo(
+  return React32.useMemo(
     () => calculateInitialColumnWidths(columns, containerWidth, checkboxSelection, columnSizing),
     [columns, containerWidth, checkboxSelection, columnSizing]
   );
@@ -3568,7 +3747,7 @@ var ColumnResizeHandle = ({
   header,
   isResizing
 }) => {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       className: cn(
@@ -3587,16 +3766,16 @@ var ColumnResizeHandle = ({
 };
 var SortIcon = ({ direction }) => {
   if (!direction) {
-    return /* @__PURE__ */ jsx31("svg", { className: "ml-1 h-4 w-4 text-muted-foreground/50", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx31("path", { d: "M7 15l5 5 5-5M7 9l5-5 5 5" }) });
+    return /* @__PURE__ */ jsx32("svg", { className: "ml-1 h-4 w-4 text-muted-foreground/50", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx32("path", { d: "M7 15l5 5 5-5M7 9l5-5 5 5" }) });
   }
-  return /* @__PURE__ */ jsx31("svg", { className: "ml-1 h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: direction === "asc" ? /* @__PURE__ */ jsx31("path", { d: "M7 14l5-5 5 5" }) : /* @__PURE__ */ jsx31("path", { d: "M7 10l5 5 5-5" }) });
+  return /* @__PURE__ */ jsx32("svg", { className: "ml-1 h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: direction === "asc" ? /* @__PURE__ */ jsx32("path", { d: "M7 14l5-5 5 5" }) : /* @__PURE__ */ jsx32("path", { d: "M7 10l5 5 5-5" }) });
 };
 var ColumnVisibilityDropdown = ({
   table
 }) => {
-  const [open, setOpen] = React31.useState(false);
-  const dropdownRef = React31.useRef(null);
-  React31.useEffect(() => {
+  const [open, setOpen] = React32.useState(false);
+  const dropdownRef = React32.useRef(null);
+  React32.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -3606,8 +3785,8 @@ var ColumnVisibilityDropdown = ({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const allColumns = table.getAllLeafColumns().filter((col) => col.id !== "__select__");
-  return /* @__PURE__ */ jsxs16("div", { className: "relative", ref: dropdownRef, children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17("div", { className: "relative", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs17(
       Button,
       {
         variant: "outline",
@@ -3615,40 +3794,40 @@ var ColumnVisibilityDropdown = ({
         onClick: () => setOpen(!open),
         className: "h-9 gap-2",
         children: [
-          /* @__PURE__ */ jsxs16("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ jsx31("path", { d: "M12 3v18M3 12h18" }),
-            /* @__PURE__ */ jsx31("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
-            /* @__PURE__ */ jsx31("path", { d: "M3 9h18M3 15h18M9 3v18M15 3v18" })
+          /* @__PURE__ */ jsxs17("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ jsx32("path", { d: "M12 3v18M3 12h18" }),
+            /* @__PURE__ */ jsx32("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+            /* @__PURE__ */ jsx32("path", { d: "M3 9h18M3 15h18M9 3v18M15 3v18" })
           ] }),
           "Columns"
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs16("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[180px] rounded-md border border-border bg-popover p-2 shadow-md", children: [
-      /* @__PURE__ */ jsx31("div", { className: "text-sm font-medium text-foreground mb-2 px-2", children: "Show/Hide Columns" }),
-      /* @__PURE__ */ jsx31("div", { className: "max-h-[300px] overflow-auto", children: allColumns.map((column) => {
+    open && /* @__PURE__ */ jsxs17("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[180px] rounded-md border border-border bg-popover p-2 shadow-md", children: [
+      /* @__PURE__ */ jsx32("div", { className: "text-sm font-medium text-foreground mb-2 px-2", children: "Show/Hide Columns" }),
+      /* @__PURE__ */ jsx32("div", { className: "max-h-[300px] overflow-auto", children: allColumns.map((column) => {
         const meta = column.columnDef.meta;
         const headerName = meta?.headerName || column.id;
-        return /* @__PURE__ */ jsxs16(
+        return /* @__PURE__ */ jsxs17(
           "label",
           {
             className: "flex items-center gap-2 px-2 py-1.5 hover:bg-muted rounded cursor-pointer",
             children: [
-              /* @__PURE__ */ jsx31(
+              /* @__PURE__ */ jsx32(
                 Checkbox,
                 {
                   checked: column.getIsVisible(),
                   onChange: (e) => column.toggleVisibility(e.target.checked)
                 }
               ),
-              /* @__PURE__ */ jsx31("span", { className: "text-sm", children: headerName })
+              /* @__PURE__ */ jsx32("span", { className: "text-sm", children: headerName })
             ]
           },
           column.id
         );
       }) }),
-      /* @__PURE__ */ jsxs16("div", { className: "border-t border-border mt-2 pt-2 flex gap-2 px-2", children: [
-        /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsxs17("div", { className: "border-t border-border mt-2 pt-2 flex gap-2 px-2", children: [
+        /* @__PURE__ */ jsx32(
           Button,
           {
             variant: "ghost",
@@ -3658,7 +3837,7 @@ var ColumnVisibilityDropdown = ({
             children: "Show All"
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx32(
           Button,
           {
             variant: "ghost",
@@ -3708,28 +3887,28 @@ var DataGridPagination = ({
   };
   const startRow = currentPage * pageSize + 1;
   const endRow = Math.min((currentPage + 1) * pageSize, totalRows);
-  return /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-end gap-4 px-4 py-3 border-t border-border bg-background", children: [
-    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 text-sm text-muted-foreground whitespace-nowrap", children: [
-      /* @__PURE__ */ jsx31("span", { children: "Rows per page:" }),
-      /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-end gap-4 px-4 py-3 border-t border-border bg-background", children: [
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 text-sm text-muted-foreground whitespace-nowrap", children: [
+      /* @__PURE__ */ jsx32("span", { children: "Rows per page:" }),
+      /* @__PURE__ */ jsx32(
         "select",
         {
           value: pageSize,
           onChange: (e) => table.setPageSize(Number(e.target.value)),
           className: "h-8 rounded-md border border-border bg-background px-2 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
-          children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx31("option", { value: size, children: size }, size))
+          children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx32("option", { value: size, children: size }, size))
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs16("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
+    /* @__PURE__ */ jsxs17("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
       startRow,
       "-",
       endRow,
       " of ",
       totalRows
     ] }),
-    /* @__PURE__ */ jsx31(PaginationNamespace, { className: "mx-0 w-auto", children: /* @__PURE__ */ jsxs16(PaginationContent, { children: [
-      /* @__PURE__ */ jsx31(PaginationItem, { children: /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32(PaginationNamespace, { className: "mx-0 w-auto", children: /* @__PURE__ */ jsxs17(PaginationContent, { children: [
+      /* @__PURE__ */ jsx32(PaginationItem, { children: /* @__PURE__ */ jsx32(
         Button,
         {
           variant: "outline",
@@ -3737,10 +3916,10 @@ var DataGridPagination = ({
           className: "h-8 w-8",
           onClick: () => table.setPageIndex(0),
           disabled: !table.getCanPreviousPage(),
-          children: /* @__PURE__ */ jsx31("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx31("path", { d: "M11 17l-5-5 5-5M18 17l-5-5 5-5" }) })
+          children: /* @__PURE__ */ jsx32("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx32("path", { d: "M11 17l-5-5 5-5M18 17l-5-5 5-5" }) })
         }
       ) }),
-      /* @__PURE__ */ jsx31(PaginationItem, { children: /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32(PaginationItem, { children: /* @__PURE__ */ jsx32(
         Button,
         {
           variant: "outline",
@@ -3748,11 +3927,11 @@ var DataGridPagination = ({
           className: "h-8 w-8",
           onClick: () => table.previousPage(),
           disabled: !table.getCanPreviousPage(),
-          children: /* @__PURE__ */ jsx31("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx31("path", { d: "M15 18l-6-6 6-6" }) })
+          children: /* @__PURE__ */ jsx32("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx32("path", { d: "M15 18l-6-6 6-6" }) })
         }
       ) }),
       getPageNumbers().map(
-        (page, idx) => page === "ellipsis" ? /* @__PURE__ */ jsx31(PaginationItem, { children: /* @__PURE__ */ jsx31(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ jsx31(PaginationItem, { children: /* @__PURE__ */ jsx31(
+        (page, idx) => page === "ellipsis" ? /* @__PURE__ */ jsx32(PaginationItem, { children: /* @__PURE__ */ jsx32(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ jsx32(PaginationItem, { children: /* @__PURE__ */ jsx32(
           PaginationLink,
           {
             isActive: page === currentPage,
@@ -3761,7 +3940,7 @@ var DataGridPagination = ({
           }
         ) }, page)
       ),
-      /* @__PURE__ */ jsx31(PaginationItem, { children: /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32(PaginationItem, { children: /* @__PURE__ */ jsx32(
         Button,
         {
           variant: "outline",
@@ -3769,10 +3948,10 @@ var DataGridPagination = ({
           className: "h-8 w-8",
           onClick: () => table.nextPage(),
           disabled: !table.getCanNextPage(),
-          children: /* @__PURE__ */ jsx31("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx31("path", { d: "M9 18l6-6-6-6" }) })
+          children: /* @__PURE__ */ jsx32("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx32("path", { d: "M9 18l6-6-6-6" }) })
         }
       ) }),
-      /* @__PURE__ */ jsx31(PaginationItem, { children: /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32(PaginationItem, { children: /* @__PURE__ */ jsx32(
         Button,
         {
           variant: "outline",
@@ -3780,7 +3959,7 @@ var DataGridPagination = ({
           className: "h-8 w-8",
           onClick: () => table.setPageIndex(pageCount - 1),
           disabled: !table.getCanNextPage(),
-          children: /* @__PURE__ */ jsx31("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx31("path", { d: "M13 17l5-5-5-5M6 17l5-5-5-5" }) })
+          children: /* @__PURE__ */ jsx32("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx32("path", { d: "M13 17l5-5-5-5M6 17l5-5-5-5" }) })
         }
       ) })
     ] }) })
@@ -3792,9 +3971,9 @@ var ExportDropdown = ({
   columns,
   fileName = "data-export"
 }) => {
-  const [open, setOpen] = React31.useState(false);
-  const dropdownRef = React31.useRef(null);
-  React31.useEffect(() => {
+  const [open, setOpen] = React32.useState(false);
+  const dropdownRef = React32.useRef(null);
+  React32.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -3851,8 +4030,8 @@ var ExportDropdown = ({
     }
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxs16("div", { className: "relative", ref: dropdownRef, children: [
-    /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17("div", { className: "relative", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsxs17(
       Button,
       {
         variant: "outline",
@@ -3860,53 +4039,53 @@ var ExportDropdown = ({
         onClick: () => setOpen(!open),
         className: "h-9 gap-2",
         children: [
-          /* @__PURE__ */ jsxs16("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ jsx31("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-            /* @__PURE__ */ jsx31("polyline", { points: "7 10 12 15 17 10" }),
-            /* @__PURE__ */ jsx31("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+          /* @__PURE__ */ jsxs17("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ jsx32("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+            /* @__PURE__ */ jsx32("polyline", { points: "7 10 12 15 17 10" }),
+            /* @__PURE__ */ jsx32("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
           ] }),
           "Export"
         ]
       }
     ),
-    open && /* @__PURE__ */ jsxs16("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[140px] rounded-md border border-border bg-popover p-1 shadow-md", children: [
-      /* @__PURE__ */ jsxs16(
+    open && /* @__PURE__ */ jsxs17("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[140px] rounded-md border border-border bg-popover p-1 shadow-md", children: [
+      /* @__PURE__ */ jsxs17(
         "button",
         {
           className: "flex w-full items-center gap-2 rounded px-3 py-2 text-sm hover:bg-muted",
           onClick: exportToCSV,
           children: [
-            /* @__PURE__ */ jsxs16("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ jsx31("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-              /* @__PURE__ */ jsx31("polyline", { points: "14 2 14 8 20 8" })
+            /* @__PURE__ */ jsxs17("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+              /* @__PURE__ */ jsx32("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+              /* @__PURE__ */ jsx32("polyline", { points: "14 2 14 8 20 8" })
             ] }),
             "Export CSV"
           ]
         }
       ),
-      /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsxs17(
         "button",
         {
           className: "flex w-full items-center gap-2 rounded px-3 py-2 text-sm hover:bg-muted",
           onClick: exportToJSON,
           children: [
-            /* @__PURE__ */ jsxs16("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ jsx31("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
-              /* @__PURE__ */ jsx31("polyline", { points: "14 2 14 8 20 8" })
+            /* @__PURE__ */ jsxs17("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+              /* @__PURE__ */ jsx32("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+              /* @__PURE__ */ jsx32("polyline", { points: "14 2 14 8 20 8" })
             ] }),
             "Export JSON"
           ]
         }
       ),
-      onExport && /* @__PURE__ */ jsxs16(
+      onExport && /* @__PURE__ */ jsxs17(
         "button",
         {
           className: "flex w-full items-center gap-2 rounded px-3 py-2 text-sm hover:bg-muted",
           onClick: handleCustomExport,
           children: [
-            /* @__PURE__ */ jsxs16("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ jsx31("circle", { cx: "12", cy: "12", r: "3" }),
-              /* @__PURE__ */ jsx31("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
+            /* @__PURE__ */ jsxs17("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+              /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "12", r: "3" }),
+              /* @__PURE__ */ jsx32("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })
             ] }),
             "Custom Export"
           ]
@@ -3918,9 +4097,9 @@ var ExportDropdown = ({
 var MoreOptionsDropdown = ({
   options
 }) => {
-  const [open, setOpen] = React31.useState(false);
-  const dropdownRef = React31.useRef(null);
-  React31.useEffect(() => {
+  const [open, setOpen] = React32.useState(false);
+  const dropdownRef = React32.useRef(null);
+  React32.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setOpen(false);
@@ -3930,22 +4109,22 @@ var MoreOptionsDropdown = ({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   if (options.length === 0) return null;
-  return /* @__PURE__ */ jsxs16("div", { className: "relative", ref: dropdownRef, children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs17("div", { className: "relative", ref: dropdownRef, children: [
+    /* @__PURE__ */ jsx32(
       Button,
       {
         variant: "outline",
         size: "icon",
         onClick: () => setOpen(!open),
         className: "h-9 w-9",
-        children: /* @__PURE__ */ jsxs16("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-          /* @__PURE__ */ jsx31("circle", { cx: "12", cy: "12", r: "1" }),
-          /* @__PURE__ */ jsx31("circle", { cx: "12", cy: "5", r: "1" }),
-          /* @__PURE__ */ jsx31("circle", { cx: "12", cy: "19", r: "1" })
+        children: /* @__PURE__ */ jsxs17("svg", { className: "h-4 w-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+          /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "12", r: "1" }),
+          /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "5", r: "1" }),
+          /* @__PURE__ */ jsx32("circle", { cx: "12", cy: "19", r: "1" })
         ] })
       }
     ),
-    open && /* @__PURE__ */ jsx31("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[160px] rounded-md border border-border bg-popover p-1 shadow-md", children: options.map((option, index) => /* @__PURE__ */ jsxs16(
+    open && /* @__PURE__ */ jsx32("div", { className: "absolute right-0 top-full mt-1 z-50 min-w-[160px] rounded-md border border-border bg-popover p-1 shadow-md", children: options.map((option, index) => /* @__PURE__ */ jsxs17(
       "button",
       {
         className: "flex w-full items-center gap-2 rounded px-3 py-2 text-sm hover:bg-muted",
@@ -3977,10 +4156,10 @@ var DataGridToolbar = ({
   customButtons,
   moreOptions = []
 }) => {
-  return /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border bg-background", children: [
-    title && /* @__PURE__ */ jsx31("h3", { className: "text-lg font-semibold text-foreground", children: title }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 ml-auto", children: [
-      showQuickFilter && /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border bg-background", children: [
+    title && /* @__PURE__ */ jsx32("h3", { className: "text-lg font-semibold text-foreground", children: title }),
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2 ml-auto", children: [
+      showQuickFilter && /* @__PURE__ */ jsx32(
         Input,
         {
           placeholder: "Search...",
@@ -3989,8 +4168,8 @@ var DataGridToolbar = ({
           className: "h-9 w-64"
         }
       ),
-      showColumnSelector && /* @__PURE__ */ jsx31(ColumnVisibilityDropdown, { table }),
-      showExport && /* @__PURE__ */ jsx31(
+      showColumnSelector && /* @__PURE__ */ jsx32(ColumnVisibilityDropdown, { table }),
+      showExport && /* @__PURE__ */ jsx32(
         ExportDropdown,
         {
           onExport,
@@ -4000,7 +4179,7 @@ var DataGridToolbar = ({
         }
       ),
       customButtons,
-      moreOptions.length > 0 && /* @__PURE__ */ jsx31(MoreOptionsDropdown, { options: moreOptions })
+      moreOptions.length > 0 && /* @__PURE__ */ jsx32(MoreOptionsDropdown, { options: moreOptions })
     ] })
   ] });
 };
@@ -4017,7 +4196,7 @@ var RowRenderer = ({
   columnWidths
 }) => {
   const customClassName = getRowClassName?.({ row: row.original, rowIndex });
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "tr",
     {
       className: cn(
@@ -4039,7 +4218,7 @@ var RowRenderer = ({
         const cellClassName = meta?.cellClassName;
         const colWidth = columnWidths.get(cell.column.id);
         const width = colWidth?.width || cell.column.getSize();
-        return /* @__PURE__ */ jsx31(
+        return /* @__PURE__ */ jsx32(
           "td",
           {
             className: cn(
@@ -4054,7 +4233,7 @@ var RowRenderer = ({
               maxWidth: colWidth?.maxWidth || width,
               minWidth: colWidth?.minWidth || cell.column.columnDef.minSize
             },
-            children: /* @__PURE__ */ jsx31(
+            children: /* @__PURE__ */ jsx32(
               "div",
               {
                 className: cn(
@@ -4097,7 +4276,7 @@ var VirtualizedTableBody = ({
   });
   const virtualRows = virtualizer.getVirtualItems();
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsx31("tbody", { children: /* @__PURE__ */ jsx31("tr", { children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32("tbody", { children: /* @__PURE__ */ jsx32("tr", { children: /* @__PURE__ */ jsx32(
       "td",
       {
         colSpan: table.getVisibleLeafColumns().length,
@@ -4108,8 +4287,8 @@ var VirtualizedTableBody = ({
   }
   const paddingTop = virtualRows.length > 0 ? virtualRows[0].start : 0;
   const paddingBottom = virtualRows.length > 0 ? virtualizer.getTotalSize() - virtualRows[virtualRows.length - 1].end : 0;
-  return /* @__PURE__ */ jsxs16("tbody", { children: [
-    paddingTop > 0 && /* @__PURE__ */ jsx31("tr", { children: /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs17("tbody", { children: [
+    paddingTop > 0 && /* @__PURE__ */ jsx32("tr", { children: /* @__PURE__ */ jsx32(
       "td",
       {
         colSpan: table.getVisibleLeafColumns().length,
@@ -4118,7 +4297,7 @@ var VirtualizedTableBody = ({
     ) }),
     virtualRows.map((virtualRow) => {
       const row = rows[virtualRow.index];
-      return /* @__PURE__ */ jsx31(
+      return /* @__PURE__ */ jsx32(
         RowRenderer,
         {
           row,
@@ -4134,7 +4313,7 @@ var VirtualizedTableBody = ({
         row.id
       );
     }),
-    paddingBottom > 0 && /* @__PURE__ */ jsx31("tr", { children: /* @__PURE__ */ jsx31(
+    paddingBottom > 0 && /* @__PURE__ */ jsx32("tr", { children: /* @__PURE__ */ jsx32(
       "td",
       {
         colSpan: table.getVisibleLeafColumns().length,
@@ -4155,7 +4334,7 @@ var StandardTableBody = ({
 }) => {
   const rows = table.getRowModel().rows;
   if (rows.length === 0) {
-    return /* @__PURE__ */ jsx31("tbody", { children: /* @__PURE__ */ jsx31("tr", { children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx32("tbody", { children: /* @__PURE__ */ jsx32("tr", { children: /* @__PURE__ */ jsx32(
       "td",
       {
         colSpan: table.getVisibleLeafColumns().length,
@@ -4164,7 +4343,7 @@ var StandardTableBody = ({
       }
     ) }) });
   }
-  return /* @__PURE__ */ jsx31("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32("tbody", { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx32(
     RowRenderer,
     {
       row,
@@ -4222,22 +4401,22 @@ function DataGrid({
   resizableColumns = false,
   onColumnResize
 }) {
-  const tableContainerRef = React31.useRef(null);
-  const [sorting, setSorting] = React31.useState([]);
-  const [globalFilter, setGlobalFilter] = React31.useState("");
-  const [rowSelection, setRowSelection] = React31.useState(
+  const tableContainerRef = React32.useRef(null);
+  const [sorting, setSorting] = React32.useState([]);
+  const [globalFilter, setGlobalFilter] = React32.useState("");
+  const [rowSelection, setRowSelection] = React32.useState(
     rowSelectionModel || {}
   );
-  const [pagination, setPagination] = React31.useState({
+  const [pagination, setPagination] = React32.useState({
     pageIndex: paginationModel?.page || 0,
     pageSize: paginationModel?.pageSize || 10
   });
-  const [columnVisibility, setColumnVisibility] = React31.useState(
+  const [columnVisibility, setColumnVisibility] = React32.useState(
     columnVisibilityModel || {}
   );
-  const [containerWidth, setContainerWidth] = React31.useState(0);
-  const [columnSizing, setColumnSizing] = React31.useState({});
-  React31.useEffect(() => {
+  const [containerWidth, setContainerWidth] = React32.useState(0);
+  const [columnSizing, setColumnSizing] = React32.useState({});
+  React32.useEffect(() => {
     const container = tableContainerRef.current;
     if (!container) return;
     const resizeObserver = new ResizeObserver((entries) => {
@@ -4250,11 +4429,11 @@ function DataGrid({
     return () => resizeObserver.disconnect();
   }, []);
   const columnWidths = useColumnWidths(columns, containerWidth, checkboxSelection, columnSizing);
-  const tanstackColumns = React31.useMemo(
+  const tanstackColumns = React32.useMemo(
     () => convertColumns(columns, checkboxSelection),
     [columns, checkboxSelection]
   );
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (paginationModel) {
       setPagination({
         pageIndex: paginationModel.page,
@@ -4262,12 +4441,12 @@ function DataGrid({
       });
     }
   }, [paginationModel?.page, paginationModel?.pageSize]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (rowSelectionModel) {
       setRowSelection(rowSelectionModel);
     }
   }, [rowSelectionModel]);
-  React31.useEffect(() => {
+  React32.useEffect(() => {
     if (columnVisibilityModel) {
       setColumnVisibility(columnVisibilityModel);
     }
@@ -4340,7 +4519,7 @@ function DataGrid({
     if (minHeight) containerStyle.minHeight = minHeight;
     if (maxHeight) containerStyle.maxHeight = maxHeight;
   }
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       className: cn(
@@ -4349,7 +4528,7 @@ function DataGrid({
       ),
       style: containerStyle,
       children: [
-        toolBar && /* @__PURE__ */ jsx31(
+        toolBar && /* @__PURE__ */ jsx32(
           DataGridToolbar,
           {
             title,
@@ -4367,17 +4546,17 @@ function DataGrid({
             moreOptions
           }
         ),
-        /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs17(
           "div",
           {
             ref: tableContainerRef,
             className: "relative flex-1 overflow-auto",
             children: [
-              loading && /* @__PURE__ */ jsx31("div", { className: "absolute inset-0 bg-background/80 flex items-center justify-center z-10", children: /* @__PURE__ */ jsx31(Spinner, { size: "lg" }) }),
-              /* @__PURE__ */ jsxs16("table", { className: "w-full border-collapse table-fixed", children: [
-                /* @__PURE__ */ jsx31("colgroup", { children: table.getVisibleLeafColumns().map((column) => {
+              loading && /* @__PURE__ */ jsx32("div", { className: "absolute inset-0 bg-background/80 flex items-center justify-center z-10", children: /* @__PURE__ */ jsx32(Spinner, { size: "lg" }) }),
+              /* @__PURE__ */ jsxs17("table", { className: "w-full border-collapse table-fixed", children: [
+                /* @__PURE__ */ jsx32("colgroup", { children: table.getVisibleLeafColumns().map((column) => {
                   const colWidth = columnWidths.get(column.id);
-                  return /* @__PURE__ */ jsx31(
+                  return /* @__PURE__ */ jsx32(
                     "col",
                     {
                       style: {
@@ -4389,12 +4568,12 @@ function DataGrid({
                     column.id
                   );
                 }) }),
-                /* @__PURE__ */ jsx31("thead", { className: "sticky top-0 z-[1]", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx31("tr", { className: "bg-muted", children: headerGroup.headers.map((header) => {
+                /* @__PURE__ */ jsx32("thead", { className: "sticky top-0 z-[1]", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx32("tr", { className: "bg-muted", children: headerGroup.headers.map((header) => {
                   const meta = header.column.columnDef.meta;
                   const align = meta?.headerAlign || meta?.align || "left";
                   const colWidth = columnWidths.get(header.column.id);
                   const effectiveWidth = colWidth?.width || header.getSize();
-                  return /* @__PURE__ */ jsxs16(
+                  return /* @__PURE__ */ jsxs17(
                     "th",
                     {
                       className: cn(
@@ -4413,15 +4592,15 @@ function DataGrid({
                       },
                       onClick: header.column.getToggleSortingHandler(),
                       children: [
-                        /* @__PURE__ */ jsxs16("div", { className: cn(
+                        /* @__PURE__ */ jsxs17("div", { className: cn(
                           "flex items-center gap-1 truncate",
                           align === "center" && "justify-center",
                           align === "right" && "justify-end"
                         ), children: [
                           header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()),
-                          header.column.getCanSort() && /* @__PURE__ */ jsx31(SortIcon, { direction: header.column.getIsSorted() })
+                          header.column.getCanSort() && /* @__PURE__ */ jsx32(SortIcon, { direction: header.column.getIsSorted() })
                         ] }),
-                        resizableColumns && header.column.id !== "__select__" && /* @__PURE__ */ jsx31(
+                        resizableColumns && header.column.id !== "__select__" && /* @__PURE__ */ jsx32(
                           ColumnResizeHandle,
                           {
                             header,
@@ -4433,7 +4612,7 @@ function DataGrid({
                     header.id
                   );
                 }) }, headerGroup.id)) }),
-                virtualized ? /* @__PURE__ */ jsx31(
+                virtualized ? /* @__PURE__ */ jsx32(
                   VirtualizedTableBody,
                   {
                     table,
@@ -4447,7 +4626,7 @@ function DataGrid({
                     globalWrapText: wrapText,
                     columnWidths
                   }
-                ) : /* @__PURE__ */ jsx31(
+                ) : /* @__PURE__ */ jsx32(
                   StandardTableBody,
                   {
                     table,
@@ -4464,7 +4643,7 @@ function DataGrid({
             ]
           }
         ),
-        !virtualized && !hideFooter && !hideFooterPagination && /* @__PURE__ */ jsx31(
+        !virtualized && !hideFooter && !hideFooterPagination && /* @__PURE__ */ jsx32(
           DataGridPagination,
           {
             table,
@@ -4473,7 +4652,7 @@ function DataGrid({
             paginationMode
           }
         ),
-        virtualized && !hideFooter && /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-end gap-4 px-4 py-3 border-t border-border bg-background", children: /* @__PURE__ */ jsxs16("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
+        virtualized && !hideFooter && /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-end gap-4 px-4 py-3 border-t border-border bg-background", children: /* @__PURE__ */ jsxs17("span", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
           table.getFilteredRowModel().rows.length,
           " total rows (virtualized)"
         ] }) })
@@ -4484,10 +4663,10 @@ function DataGrid({
 DataGrid.displayName = "DataGrid";
 // src/components/list.tsx
-import * as React32 from "react";
-import { jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
-var List = React32.forwardRef(
-  ({ dividers = false, dense = false, clickable = false, className, ...props }, ref) => /* @__PURE__ */ jsx32(
+import * as React33 from "react";
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+var List2 = React33.forwardRef(
+  ({ dividers = false, dense = false, clickable = false, className, ...props }, ref) => /* @__PURE__ */ jsx33(
     "ul",
     {
       ref,
@@ -4500,8 +4679,8 @@ var List = React32.forwardRef(
     }
   )
 );
-List.displayName = "List";
-var ListItem = React32.forwardRef(
+List2.displayName = "List";
+var ListItem = React33.forwardRef(
   ({
     selected = false,
     disabled = false,
@@ -4512,7 +4691,7 @@ var ListItem = React32.forwardRef(
     className,
     children,
     ...props
-  }, ref) => /* @__PURE__ */ jsxs17(
+  }, ref) => /* @__PURE__ */ jsxs18(
     "li",
     {
       ref,
@@ -4537,18 +4716,18 @@ var ListItem = React32.forwardRef(
       ),
       ...props,
       children: [
-        leading && /* @__PURE__ */ jsx32("div", { className: "shrink-0", children: leading }),
-        /* @__PURE__ */ jsx32("div", { className: "flex-1 min-w-0", children }),
-        trailing && /* @__PURE__ */ jsx32("div", { className: "shrink-0", children: trailing }),
-        secondaryAction && /* @__PURE__ */ jsx32("div", { className: "shrink-0 ml-2", children: secondaryAction })
+        leading && /* @__PURE__ */ jsx33("div", { className: "shrink-0", children: leading }),
+        /* @__PURE__ */ jsx33("div", { className: "flex-1 min-w-0", children }),
+        trailing && /* @__PURE__ */ jsx33("div", { className: "shrink-0", children: trailing }),
+        secondaryAction && /* @__PURE__ */ jsx33("div", { className: "shrink-0 ml-2", children: secondaryAction })
       ]
     }
   )
 );
 ListItem.displayName = "ListItem";
-var ListItemText = React32.forwardRef(
-  ({ primary, secondary, noWrap = false, className, children, ...props }, ref) => /* @__PURE__ */ jsxs17("div", { ref, className: cn("min-w-0", className), ...props, children: [
-    primary && /* @__PURE__ */ jsx32(
+var ListItemText = React33.forwardRef(
+  ({ primary, secondary, noWrap = false, className, children, ...props }, ref) => /* @__PURE__ */ jsxs18("div", { ref, className: cn("min-w-0", className), ...props, children: [
+    primary && /* @__PURE__ */ jsx33(
       "div",
       {
         className: cn(
@@ -4558,7 +4737,7 @@ var ListItemText = React32.forwardRef(
         children: primary
       }
     ),
-    secondary && /* @__PURE__ */ jsx32(
+    secondary && /* @__PURE__ */ jsx33(
       "div",
       {
         className: cn(
@@ -4572,8 +4751,8 @@ var ListItemText = React32.forwardRef(
   ] })
 );
 ListItemText.displayName = "ListItemText";
-var ListItemIcon = React32.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var ListItemIcon = React33.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
     "div",
     {
       ref,
@@ -4583,12 +4762,12 @@ var ListItemIcon = React32.forwardRef(
   )
 );
 ListItemIcon.displayName = "ListItemIcon";
-var ListItemAvatar = React32.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx32("div", { ref, className: cn("shrink-0", className), ...props })
+var ListItemAvatar = React33.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx33("div", { ref, className: cn("shrink-0", className), ...props })
 );
 ListItemAvatar.displayName = "ListItemAvatar";
-var ListSubheader = React32.forwardRef(
-  ({ sticky = false, className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var ListSubheader = React33.forwardRef(
+  ({ sticky = false, className, ...props }, ref) => /* @__PURE__ */ jsx33(
     "li",
     {
       ref,
@@ -4603,8 +4782,8 @@ var ListSubheader = React32.forwardRef(
   )
 );
 ListSubheader.displayName = "ListSubheader";
-var ListDivider = React32.forwardRef(
-  ({ inset = false, className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var ListDivider = React33.forwardRef(
+  ({ inset = false, className, ...props }, ref) => /* @__PURE__ */ jsx33(
     "li",
     {
       ref,
@@ -4621,9 +4800,9 @@ var ListDivider = React32.forwardRef(
 ListDivider.displayName = "ListDivider";
 // src/components/breadcrumbs.tsx
-import * as React33 from "react";
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
-var Breadcrumbs = React33.forwardRef(
+import * as React34 from "react";
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+var Breadcrumbs = React34.forwardRef(
   ({
     separator,
     maxItems,
@@ -4633,9 +4812,9 @@ var Breadcrumbs = React33.forwardRef(
     children,
     ...props
   }, ref) => {
-    const childArray = React33.Children.toArray(children);
+    const childArray = React34.Children.toArray(children);
     const totalItems = childArray.length;
-    const separatorElement = separator ?? /* @__PURE__ */ jsx33(
+    const separatorElement = separator ?? /* @__PURE__ */ jsx34(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -4648,7 +4827,7 @@ var Breadcrumbs = React33.forwardRef(
         strokeLinecap: "round",
         strokeLinejoin: "round",
         className: "text-muted-foreground",
-        children: /* @__PURE__ */ jsx33("path", { d: "m9 18 6-6-6-6" })
+        children: /* @__PURE__ */ jsx34("path", { d: "m9 18 6-6-6-6" })
       }
     );
     const shouldCollapse = maxItems && totalItems > maxItems;
@@ -4658,20 +4837,20 @@ var Breadcrumbs = React33.forwardRef(
       const endItems = childArray.slice(-itemsAfterCollapse);
       displayedItems = [
         ...startItems,
-        /* @__PURE__ */ jsx33(BreadcrumbEllipsis, {}, "ellipsis"),
+        /* @__PURE__ */ jsx34(BreadcrumbEllipsis, {}, "ellipsis"),
         ...endItems
       ];
     } else {
       displayedItems = childArray;
     }
-    return /* @__PURE__ */ jsx33("nav", { ref, "aria-label": "Breadcrumb", className, ...props, children: /* @__PURE__ */ jsx33("ol", { className: "flex items-center gap-1.5 flex-wrap", children: displayedItems.map((child, index) => /* @__PURE__ */ jsxs18("li", { className: "flex items-center gap-1.5", children: [
-      index > 0 && /* @__PURE__ */ jsx33("span", { className: "flex items-center", "aria-hidden": "true", children: separatorElement }),
+    return /* @__PURE__ */ jsx34("nav", { ref, "aria-label": "Breadcrumb", className, ...props, children: /* @__PURE__ */ jsx34("ol", { className: "flex items-center gap-1.5 flex-wrap", children: displayedItems.map((child, index) => /* @__PURE__ */ jsxs19("li", { className: "flex items-center gap-1.5", children: [
+      index > 0 && /* @__PURE__ */ jsx34("span", { className: "flex items-center", "aria-hidden": "true", children: separatorElement }),
       child
     ] }, index)) }) });
   }
 );
 Breadcrumbs.displayName = "Breadcrumbs";
-var BreadcrumbItem = React33.forwardRef(
+var BreadcrumbItem = React34.forwardRef(
   ({ current = false, href, onClick, className, children, ...props }, ref) => {
     const baseClasses = cn(
       "text-sm transition-colors",
@@ -4680,7 +4859,7 @@ var BreadcrumbItem = React33.forwardRef(
       className
     );
     if (current) {
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx34(
         "span",
         {
           ref,
@@ -4692,7 +4871,7 @@ var BreadcrumbItem = React33.forwardRef(
       );
     }
     if (href) {
-      return /* @__PURE__ */ jsx33(
+      return /* @__PURE__ */ jsx34(
         "a",
         {
           href,
@@ -4702,7 +4881,7 @@ var BreadcrumbItem = React33.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx34(
       "span",
       {
         ref,
@@ -4723,8 +4902,8 @@ var BreadcrumbItem = React33.forwardRef(
   }
 );
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var BreadcrumbLink = React34.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
     "a",
     {
       ref,
@@ -4737,8 +4916,8 @@ var BreadcrumbLink = React33.forwardRef(
   )
 );
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbSeparator = React33.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx33(
+var BreadcrumbSeparator = React34.forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx34(
     "span",
     {
       ref,
@@ -4746,7 +4925,7 @@ var BreadcrumbSeparator = React33.forwardRef(
       "aria-hidden": "true",
       className: cn("text-muted-foreground", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx33(
+      children: children ?? /* @__PURE__ */ jsx34(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -4758,15 +4937,15 @@ var BreadcrumbSeparator = React33.forwardRef(
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          children: /* @__PURE__ */ jsx33("path", { d: "m9 18 6-6-6-6" })
+          children: /* @__PURE__ */ jsx34("path", { d: "m9 18 6-6-6-6" })
         }
       )
     }
   )
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var BreadcrumbEllipsis = React34.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
     "span",
     {
       ref,
@@ -4774,7 +4953,7 @@ var BreadcrumbEllipsis = React33.forwardRef(
       "aria-hidden": "true",
       className: cn("text-sm text-muted-foreground", className),
       ...props,
-      children: /* @__PURE__ */ jsxs18(
+      children: /* @__PURE__ */ jsxs19(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -4787,9 +4966,9 @@ var BreadcrumbEllipsis = React33.forwardRef(
           strokeLinecap: "round",
           strokeLinejoin: "round",
           children: [
-            /* @__PURE__ */ jsx33("circle", { cx: "12", cy: "12", r: "1" }),
-            /* @__PURE__ */ jsx33("circle", { cx: "19", cy: "12", r: "1" }),
-            /* @__PURE__ */ jsx33("circle", { cx: "5", cy: "12", r: "1" })
+            /* @__PURE__ */ jsx34("circle", { cx: "12", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx34("circle", { cx: "19", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx34("circle", { cx: "5", cy: "12", r: "1" })
           ]
         }
       )
@@ -4797,8 +4976,8 @@ var BreadcrumbEllipsis = React33.forwardRef(
   )
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
-var BreadcrumbPage = React33.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var BreadcrumbPage = React34.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
     "span",
     {
       ref,
@@ -4811,16 +4990,16 @@ var BreadcrumbPage = React33.forwardRef(
 BreadcrumbPage.displayName = "BreadcrumbPage";
 // src/components/dropdown-menu.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React34.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var DropdownMenuSubTrigger = React35.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -4834,7 +5013,7 @@ var DropdownMenuSubTrigger = React34.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35(
         "svg",
         {
           className: "ml-auto h-4 w-4",
@@ -4845,14 +5024,14 @@ var DropdownMenuSubTrigger = React34.forwardRef(({ className, inset, children, .
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          children: /* @__PURE__ */ jsx34("path", { d: "m9 18 6-6-6-6" })
+          children: /* @__PURE__ */ jsx35("path", { d: "m9 18 6-6-6-6" })
         }
       )
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DropdownMenuSubContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -4869,7 +5048,7 @@ var DropdownMenuSubContent = React34.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React34.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx34(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx34(
+var DropdownMenuContent = React35.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx35(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -4887,7 +5066,7 @@ var DropdownMenuContent = React34.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React34.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DropdownMenuItem = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -4903,7 +5082,7 @@ var DropdownMenuItem = React34.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React34.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var DropdownMenuCheckboxItem = React35.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs20(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -4916,7 +5095,7 @@ var DropdownMenuCheckboxItem = React34.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx34("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(
         "svg",
         {
           className: "h-4 w-4",
@@ -4927,7 +5106,7 @@ var DropdownMenuCheckboxItem = React34.forwardRef(({ className, children, checke
           strokeWidth: "2",
           strokeLinecap: "round",
           strokeLinejoin: "round",
-          children: /* @__PURE__ */ jsx34("path", { d: "M20 6 9 17l-5-5" })
+          children: /* @__PURE__ */ jsx35("path", { d: "M20 6 9 17l-5-5" })
         }
       ) }) }),
       children
@@ -4935,7 +5114,7 @@ var DropdownMenuCheckboxItem = React34.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
+var DropdownMenuRadioItem = React35.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -4947,13 +5126,13 @@ var DropdownMenuRadioItem = React34.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx34("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(
+      /* @__PURE__ */ jsx35("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx35(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx35(
         "svg",
         {
           className: "h-2 w-2 fill-current",
           xmlns: "http://www.w3.org/2000/svg",
           viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ jsx34("circle", { cx: "12", cy: "12", r: "10" })
+          children: /* @__PURE__ */ jsx35("circle", { cx: "12", cy: "12", r: "10" })
         }
       ) }) }),
       children
@@ -4961,7 +5140,7 @@ var DropdownMenuRadioItem = React34.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React34.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DropdownMenuLabel = React35.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -4974,7 +5153,7 @@ var DropdownMenuLabel = React34.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DropdownMenuSeparator = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -4987,7 +5166,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className),
@@ -4998,14 +5177,14 @@ var DropdownMenuShortcut = ({
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 // src/components/drawer.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import * as DialogPrimitive2 from "@radix-ui/react-dialog";
-import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var Drawer = DialogPrimitive2.Root;
 var DrawerTrigger = DialogPrimitive2.Trigger;
 var DrawerClose = DialogPrimitive2.Close;
 var DrawerPortal = DialogPrimitive2.Portal;
-var DrawerOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DrawerOverlay = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   DialogPrimitive2.Overlay,
   {
     ref,
@@ -5025,9 +5204,9 @@ var slideVariants = {
   top: "inset-x-0 top-0 w-full data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
   bottom: "inset-x-0 bottom-0 w-full data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"
 };
-var DrawerContent = React35.forwardRef(({ side = "right", showClose = true, className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx35(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs20(
+var DrawerContent = React36.forwardRef(({ side = "right", showClose = true, className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx36(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs21(
     DialogPrimitive2.Content,
     {
       ref,
@@ -5041,7 +5220,7 @@ var DrawerContent = React35.forwardRef(({ side = "right", showClose = true, clas
       ...props,
       children: [
         children,
-        showClose && /* @__PURE__ */ jsxs20(
+        showClose && /* @__PURE__ */ jsxs21(
           DrawerClose,
           {
             className: cn(
@@ -5051,7 +5230,7 @@ var DrawerContent = React35.forwardRef(({ side = "right", showClose = true, clas
               "disabled:pointer-events-none"
             ),
             children: [
-              /* @__PURE__ */ jsx35(
+              /* @__PURE__ */ jsx36(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -5064,10 +5243,10 @@ var DrawerContent = React35.forwardRef(({ side = "right", showClose = true, clas
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
                   className: "h-4 w-4",
-                  children: /* @__PURE__ */ jsx35("path", { d: "M18 6 6 18M6 6l12 12" })
+                  children: /* @__PURE__ */ jsx36("path", { d: "M18 6 6 18M6 6l12 12" })
                 }
               ),
-              /* @__PURE__ */ jsx35("span", { className: "sr-only", children: "Close" })
+              /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Close" })
             ]
           }
         )
@@ -5076,8 +5255,8 @@ var DrawerContent = React35.forwardRef(({ side = "right", showClose = true, clas
   )
 ] }));
 DrawerContent.displayName = "DrawerContent";
-var DrawerHeader = React35.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DrawerHeader = React36.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
     "div",
     {
       ref,
@@ -5087,7 +5266,7 @@ var DrawerHeader = React35.forwardRef(
   )
 );
 DrawerHeader.displayName = "DrawerHeader";
-var DrawerTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DrawerTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   DialogPrimitive2.Title,
   {
     ref,
@@ -5096,7 +5275,7 @@ var DrawerTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DialogPrimitive2.Title.displayName;
-var DrawerDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DrawerDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   DialogPrimitive2.Description,
   {
     ref,
@@ -5105,8 +5284,8 @@ var DrawerDescription = React35.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DrawerDescription.displayName = DialogPrimitive2.Description.displayName;
-var DrawerBody = React35.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DrawerBody = React36.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
     "div",
     {
       ref,
@@ -5116,8 +5295,8 @@ var DrawerBody = React35.forwardRef(
   )
 );
 DrawerBody.displayName = "DrawerBody";
-var DrawerFooter = React35.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var DrawerFooter = React36.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
     "div",
     {
       ref,
@@ -5143,16 +5322,16 @@ var SheetBody = DrawerBody;
 var SheetFooter = DrawerFooter;
 // src/components/topbar.tsx
-import * as React36 from "react";
-import { Fragment as Fragment4, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import * as React37 from "react";
+import { Fragment as Fragment4, jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 var sizeClasses4 = {
   sm: "h-12",
   md: "h-14",
   lg: "h-16"
 };
-var TopBar = React36.forwardRef(
+var TopBar = React37.forwardRef(
   ({ className, bordered = true, sticky = false, size = "md", children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "header",
       {
         ref,
@@ -5170,23 +5349,23 @@ var TopBar = React36.forwardRef(
   }
 );
 TopBar.displayName = "TopBar";
-var TopBarBrand = React36.forwardRef(
+var TopBarBrand = React37.forwardRef(
   ({ className, logo, name, href, children, ...props }, ref) => {
-    const content = /* @__PURE__ */ jsxs21(Fragment4, { children: [
-      logo && /* @__PURE__ */ jsx36("span", { className: "shrink-0", children: logo }),
-      name && /* @__PURE__ */ jsx36("span", { className: "font-semibold text-lg", children: name }),
+    const content = /* @__PURE__ */ jsxs22(Fragment4, { children: [
+      logo && /* @__PURE__ */ jsx37("span", { className: "shrink-0", children: logo }),
+      name && /* @__PURE__ */ jsx37("span", { className: "font-semibold text-lg", children: name }),
       children
     ] });
     if (href) {
-      return /* @__PURE__ */ jsx36("div", { ref, className: cn("flex items-center gap-2", className), ...props, children: /* @__PURE__ */ jsx36("a", { href, className: "flex items-center gap-2 hover:opacity-80 transition-opacity", children: content }) });
+      return /* @__PURE__ */ jsx37("div", { ref, className: cn("flex items-center gap-2", className), ...props, children: /* @__PURE__ */ jsx37("a", { href, className: "flex items-center gap-2 hover:opacity-80 transition-opacity", children: content }) });
     }
-    return /* @__PURE__ */ jsx36("div", { ref, className: cn("flex items-center gap-2", className), ...props, children: content });
+    return /* @__PURE__ */ jsx37("div", { ref, className: cn("flex items-center gap-2", className), ...props, children: content });
   }
 );
 TopBarBrand.displayName = "TopBarBrand";
-var TopBarNav = React36.forwardRef(
+var TopBarNav = React37.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "nav",
       {
         ref,
@@ -5198,9 +5377,9 @@ var TopBarNav = React36.forwardRef(
   }
 );
 TopBarNav.displayName = "TopBarNav";
-var TopBarNavItem = React36.forwardRef(
+var TopBarNavItem = React37.forwardRef(
   ({ className, active, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "a",
       {
         ref,
@@ -5216,9 +5395,9 @@ var TopBarNavItem = React36.forwardRef(
   }
 );
 TopBarNavItem.displayName = "TopBarNavItem";
-var TopBarSection = React36.forwardRef(
+var TopBarSection = React37.forwardRef(
   ({ className, align = "left", children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "div",
       {
         ref,
@@ -5238,9 +5417,9 @@ var TopBarSection = React36.forwardRef(
   }
 );
 TopBarSection.displayName = "TopBarSection";
-var TopBarDivider = React36.forwardRef(
+var TopBarDivider = React37.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       "div",
       {
         ref,
@@ -5253,17 +5432,17 @@ var TopBarDivider = React36.forwardRef(
 TopBarDivider.displayName = "TopBarDivider";
 // src/components/sidebar.tsx
-import * as React37 from "react";
-import { Fragment as Fragment5, jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
-var SidebarContext = React37.createContext(void 0);
+import * as React38 from "react";
+import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+var SidebarContext = React38.createContext(void 0);
 var useSidebar = () => {
-  const context = React37.useContext(SidebarContext);
+  const context = React38.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a Sidebar");
   }
   return context;
 };
-var Sidebar = React37.forwardRef(
+var Sidebar = React38.forwardRef(
   ({
     className,
     collapsed: controlledCollapsed,
@@ -5275,10 +5454,10 @@ var Sidebar = React37.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [uncontrolledCollapsed, setUncontrolledCollapsed] = React37.useState(defaultCollapsed);
+    const [uncontrolledCollapsed, setUncontrolledCollapsed] = React38.useState(defaultCollapsed);
     const isControlled = controlledCollapsed !== void 0;
     const collapsed = isControlled ? controlledCollapsed : uncontrolledCollapsed;
-    const setCollapsed = React37.useCallback(
+    const setCollapsed = React38.useCallback(
       (value) => {
         if (!isControlled) {
           setUncontrolledCollapsed(value);
@@ -5287,7 +5466,7 @@ var Sidebar = React37.forwardRef(
       },
       [isControlled, onCollapsedChange]
     );
-    return /* @__PURE__ */ jsx37(SidebarContext.Provider, { value: { collapsed, setCollapsed }, children: /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(SidebarContext.Provider, { value: { collapsed, setCollapsed }, children: /* @__PURE__ */ jsx38(
       "aside",
       {
         ref,
@@ -5307,9 +5486,9 @@ var Sidebar = React37.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarHeader = React37.forwardRef(
+var SidebarHeader = React38.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         ref,
@@ -5321,9 +5500,9 @@ var SidebarHeader = React37.forwardRef(
   }
 );
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarContent = React37.forwardRef(
+var SidebarContent = React38.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         ref,
@@ -5335,9 +5514,9 @@ var SidebarContent = React37.forwardRef(
   }
 );
 SidebarContent.displayName = "SidebarContent";
-var SidebarFooter = React37.forwardRef(
+var SidebarFooter = React38.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         ref,
@@ -5349,25 +5528,25 @@ var SidebarFooter = React37.forwardRef(
   }
 );
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarGroup = React37.forwardRef(
+var SidebarGroup = React38.forwardRef(
   ({ className, label, children, ...props }, ref) => {
     const { collapsed } = useSidebar();
-    return /* @__PURE__ */ jsxs22("div", { ref, className: cn("px-2 py-2", className), ...props, children: [
-      label && !collapsed && /* @__PURE__ */ jsx37("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: label }),
-      label && collapsed && /* @__PURE__ */ jsx37("div", { className: "flex justify-center py-1.5", children: /* @__PURE__ */ jsx37("div", { className: "h-px w-4 bg-border" }) }),
-      /* @__PURE__ */ jsx37("div", { className: "space-y-1", children })
+    return /* @__PURE__ */ jsxs23("div", { ref, className: cn("px-2 py-2", className), ...props, children: [
+      label && !collapsed && /* @__PURE__ */ jsx38("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: label }),
+      label && collapsed && /* @__PURE__ */ jsx38("div", { className: "flex justify-center py-1.5", children: /* @__PURE__ */ jsx38("div", { className: "h-px w-4 bg-border" }) }),
+      /* @__PURE__ */ jsx38("div", { className: "space-y-1", children })
     ] });
   }
 );
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarItem = React37.forwardRef(
+var SidebarItem = React38.forwardRef(
   ({ className, icon, active, disabled, badge, onClick, href, children, ...props }, ref) => {
     const { collapsed } = useSidebar();
-    const content = /* @__PURE__ */ jsxs22(Fragment5, { children: [
-      icon && /* @__PURE__ */ jsx37("span", { className: cn("shrink-0", collapsed ? "mx-auto" : ""), children: icon }),
-      !collapsed && /* @__PURE__ */ jsxs22(Fragment5, { children: [
-        /* @__PURE__ */ jsx37("span", { className: "flex-1 truncate", children }),
-        badge && /* @__PURE__ */ jsx37("span", { className: "shrink-0", children: badge })
+    const content = /* @__PURE__ */ jsxs23(Fragment5, { children: [
+      icon && /* @__PURE__ */ jsx38("span", { className: cn("shrink-0", collapsed ? "mx-auto" : ""), children: icon }),
+      !collapsed && /* @__PURE__ */ jsxs23(Fragment5, { children: [
+        /* @__PURE__ */ jsx38("span", { className: "flex-1 truncate", children }),
+        badge && /* @__PURE__ */ jsx38("span", { className: "shrink-0", children: badge })
       ] })
     ] });
     const itemClasses = cn(
@@ -5378,9 +5557,9 @@ var SidebarItem = React37.forwardRef(
       className
     );
     if (href) {
-      return /* @__PURE__ */ jsx37("div", { ref, ...props, children: /* @__PURE__ */ jsx37("a", { href, className: itemClasses, children: content }) });
+      return /* @__PURE__ */ jsx38("div", { ref, ...props, children: /* @__PURE__ */ jsx38("a", { href, className: itemClasses, children: content }) });
     }
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "div",
       {
         ref,
@@ -5395,20 +5574,20 @@ var SidebarItem = React37.forwardRef(
   }
 );
 SidebarItem.displayName = "SidebarItem";
-var SidebarSubMenu = React37.forwardRef(
+var SidebarSubMenu = React38.forwardRef(
   ({ className, icon, label, defaultOpen = false, children, ...props }, ref) => {
-    const [open, setOpen] = React37.useState(defaultOpen);
+    const [open, setOpen] = React38.useState(defaultOpen);
     const { collapsed } = useSidebar();
-    React37.useEffect(() => {
+    React38.useEffect(() => {
       if (collapsed) {
         setOpen(false);
       }
     }, [collapsed]);
     if (collapsed) {
-      return /* @__PURE__ */ jsx37(SidebarItem, { icon, className, children: label });
+      return /* @__PURE__ */ jsx38(SidebarItem, { icon, className, children: label });
     }
-    return /* @__PURE__ */ jsxs22("div", { ref, className, ...props, children: [
-      /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs23("div", { ref, className, ...props, children: [
+      /* @__PURE__ */ jsxs23(
         "div",
         {
           className: cn(
@@ -5419,9 +5598,9 @@ var SidebarSubMenu = React37.forwardRef(
           role: "button",
           tabIndex: 0,
           children: [
-            icon && /* @__PURE__ */ jsx37("span", { className: "shrink-0", children: icon }),
-            /* @__PURE__ */ jsx37("span", { className: "flex-1 truncate", children: label }),
-            /* @__PURE__ */ jsx37(
+            icon && /* @__PURE__ */ jsx38("span", { className: "shrink-0", children: icon }),
+            /* @__PURE__ */ jsx38("span", { className: "flex-1 truncate", children: label }),
+            /* @__PURE__ */ jsx38(
               "svg",
               {
                 className: cn("h-4 w-4 shrink-0 transition-transform", open && "rotate-90"),
@@ -5432,21 +5611,21 @@ var SidebarSubMenu = React37.forwardRef(
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx37("path", { d: "m9 18 6-6-6-6" })
+                children: /* @__PURE__ */ jsx38("path", { d: "m9 18 6-6-6-6" })
               }
             )
           ]
         }
       ),
-      open && /* @__PURE__ */ jsx37("div", { className: "ml-4 pl-3 border-l border-border space-y-1 mt-1", children })
+      open && /* @__PURE__ */ jsx38("div", { className: "ml-4 pl-3 border-l border-border space-y-1 mt-1", children })
     ] });
   }
 );
 SidebarSubMenu.displayName = "SidebarSubMenu";
-var SidebarToggle = React37.forwardRef(
+var SidebarToggle = React38.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { collapsed, setCollapsed } = useSidebar();
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx38(
       "button",
       {
         ref,
@@ -5460,7 +5639,7 @@ var SidebarToggle = React37.forwardRef(
         ),
         "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
         ...props,
-        children: children || /* @__PURE__ */ jsxs22(
+        children: children || /* @__PURE__ */ jsxs23(
           "svg",
           {
             className: cn("h-5 w-5 transition-transform", collapsed && "rotate-180"),
@@ -5472,9 +5651,9 @@ var SidebarToggle = React37.forwardRef(
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-              /* @__PURE__ */ jsx37("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
-              /* @__PURE__ */ jsx37("path", { d: "M9 3v18" }),
-              /* @__PURE__ */ jsx37("path", { d: "m14 9 3 3-3 3" })
+              /* @__PURE__ */ jsx38("rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }),
+              /* @__PURE__ */ jsx38("path", { d: "M9 3v18" }),
+              /* @__PURE__ */ jsx38("path", { d: "m14 9 3 3-3 3" })
             ]
           }
         )
@@ -5485,17 +5664,17 @@ var SidebarToggle = React37.forwardRef(
 SidebarToggle.displayName = "SidebarToggle";
 // src/components/sidebar-rail.tsx
-import * as React38 from "react";
-import { Fragment as Fragment6, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
-var SidebarRailContext = React38.createContext(void 0);
+import * as React39 from "react";
+import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+var SidebarRailContext = React39.createContext(void 0);
 var useSidebarRail = () => {
-  const context = React38.useContext(SidebarRailContext);
+  const context = React39.useContext(SidebarRailContext);
   if (!context) {
     throw new Error("useSidebarRail must be used within a SidebarRail");
   }
   return context;
 };
-var SidebarRail = React38.forwardRef(
+var SidebarRail = React39.forwardRef(
   ({
     className,
     defaultActiveRail = null,
@@ -5513,14 +5692,14 @@ var SidebarRail = React38.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [uncontrolledActiveRail, setUncontrolledActiveRail] = React38.useState(defaultActiveRail);
-    const [expanded, setExpanded] = React38.useState(!!defaultActiveRail);
-    const [uncontrolledRailExpanded, setUncontrolledRailExpanded] = React38.useState(defaultRailExpanded);
+    const [uncontrolledActiveRail, setUncontrolledActiveRail] = React39.useState(defaultActiveRail);
+    const [expanded, setExpanded] = React39.useState(!!defaultActiveRail);
+    const [uncontrolledRailExpanded, setUncontrolledRailExpanded] = React39.useState(defaultRailExpanded);
     const isControlled = controlledActiveRail !== void 0;
     const activeRail = isControlled ? controlledActiveRail : uncontrolledActiveRail;
     const isRailControlled = controlledRailExpanded !== void 0;
     const railExpanded = isRailControlled ? controlledRailExpanded : uncontrolledRailExpanded;
-    const setActiveRail = React38.useCallback(
+    const setActiveRail = React39.useCallback(
       (rail) => {
         if (!isControlled) {
           setUncontrolledActiveRail(rail);
@@ -5530,7 +5709,7 @@ var SidebarRail = React38.forwardRef(
       },
       [isControlled, onActiveRailChange]
     );
-    const setRailExpanded = React38.useCallback(
+    const setRailExpanded = React39.useCallback(
       (value) => {
         if (!isRailControlled) {
           setUncontrolledRailExpanded(value);
@@ -5539,7 +5718,7 @@ var SidebarRail = React38.forwardRef(
       },
       [isRailControlled, onRailExpandedChange]
     );
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       SidebarRailContext.Provider,
       {
         value: {
@@ -5553,7 +5732,7 @@ var SidebarRail = React38.forwardRef(
           overlayRail: overlayRail && expandableRail,
           expandableRail
         },
-        children: /* @__PURE__ */ jsx38(
+        children: /* @__PURE__ */ jsx39(
           "div",
           {
             ref,
@@ -5576,11 +5755,11 @@ var SidebarRail = React38.forwardRef(
   }
 );
 SidebarRail.displayName = "SidebarRail";
-var IconRail = React38.forwardRef(
+var IconRail = React39.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { railExpanded, overlayRail, expandableRail } = useSidebarRail();
     const isExpanded = expandableRail && railExpanded;
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         ref,
@@ -5589,7 +5768,7 @@ var IconRail = React38.forwardRef(
           isExpanded && !overlayRail ? "w-[var(--rail-expanded-width)]" : "w-[var(--rail-width)]"
         ),
         ...props,
-        children: /* @__PURE__ */ jsx38(
+        children: /* @__PURE__ */ jsx39(
           "div",
           {
             className: cn(
@@ -5606,9 +5785,9 @@ var IconRail = React38.forwardRef(
   }
 );
 IconRail.displayName = "IconRail";
-var IconRailHeader = React38.forwardRef(
+var IconRailHeader = React39.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         ref,
@@ -5623,9 +5802,9 @@ var IconRailHeader = React38.forwardRef(
   }
 );
 IconRailHeader.displayName = "IconRailHeader";
-var IconRailContent = React38.forwardRef(
+var IconRailContent = React39.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         ref,
@@ -5637,9 +5816,9 @@ var IconRailContent = React38.forwardRef(
   }
 );
 IconRailContent.displayName = "IconRailContent";
-var IconRailFooter = React38.forwardRef(
+var IconRailFooter = React39.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         ref,
@@ -5654,7 +5833,7 @@ var IconRailFooter = React38.forwardRef(
   }
 );
 IconRailFooter.displayName = "IconRailFooter";
-var IconRailItem = React38.forwardRef(
+var IconRailItem = React39.forwardRef(
   ({ className, railId, icon, label, asButton = false, toggleRail = false, onClick, ...props }, ref) => {
     const {
       activeRail,
@@ -5680,7 +5859,7 @@ var IconRailItem = React38.forwardRef(
         setActiveRail(railId);
       }
     };
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       "button",
       {
         ref,
@@ -5699,14 +5878,14 @@ var IconRailItem = React38.forwardRef(
         ...props,
         children: [
           icon,
-          isRailExpanded && label && /* @__PURE__ */ jsx38("span", { className: "text-sm font-medium truncate", children: label })
+          isRailExpanded && label && /* @__PURE__ */ jsx39("span", { className: "text-sm font-medium truncate", children: label })
         ]
       }
     );
   }
 );
 IconRailItem.displayName = "IconRailItem";
-var RailPanel = React38.forwardRef(
+var RailPanel = React39.forwardRef(
   ({ className, railId, title, children, ...props }, ref) => {
     const { activeRail, setActiveRail, hoverExpand } = useSidebarRail();
     const isVisible = activeRail === railId;
@@ -5716,7 +5895,7 @@ var RailPanel = React38.forwardRef(
       }
     };
     if (!isVisible) return null;
-    return /* @__PURE__ */ jsxs23(
+    return /* @__PURE__ */ jsxs24(
       "div",
       {
         ref,
@@ -5729,16 +5908,16 @@ var RailPanel = React38.forwardRef(
         onMouseLeave: handleMouseLeave,
         ...props,
         children: [
-          title && /* @__PURE__ */ jsxs23("div", { className: "flex items-center justify-between h-14 px-4 border-b border-border shrink-0", children: [
-            /* @__PURE__ */ jsx38("span", { className: "font-semibold text-sm", children: title }),
-            /* @__PURE__ */ jsx38(
+          title && /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between h-14 px-4 border-b border-border shrink-0", children: [
+            /* @__PURE__ */ jsx39("span", { className: "font-semibold text-sm", children: title }),
+            /* @__PURE__ */ jsx39(
               "button",
               {
                 type: "button",
                 onClick: () => setActiveRail(null),
                 className: "p-1 rounded hover:bg-muted text-muted-foreground hover:text-foreground cursor-pointer",
                 "aria-label": "Close panel",
-                children: /* @__PURE__ */ jsxs23(
+                children: /* @__PURE__ */ jsxs24(
                   "svg",
                   {
                     className: "h-4 w-4",
@@ -5750,36 +5929,36 @@ var RailPanel = React38.forwardRef(
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ jsx38("path", { d: "M18 6 6 18" }),
-                      /* @__PURE__ */ jsx38("path", { d: "m6 6 12 12" })
+                      /* @__PURE__ */ jsx39("path", { d: "M18 6 6 18" }),
+                      /* @__PURE__ */ jsx39("path", { d: "m6 6 12 12" })
                     ]
                   }
                 )
               }
             )
           ] }),
-          /* @__PURE__ */ jsx38("div", { className: "flex-1 overflow-y-auto", children })
+          /* @__PURE__ */ jsx39("div", { className: "flex-1 overflow-y-auto", children })
         ]
       }
     );
   }
 );
 RailPanel.displayName = "RailPanel";
-var RailPanelGroup = React38.forwardRef(
+var RailPanelGroup = React39.forwardRef(
   ({ className, label, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs23("div", { ref, className: cn("px-2 py-2", className), ...props, children: [
-      label && /* @__PURE__ */ jsx38("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: label }),
-      /* @__PURE__ */ jsx38("div", { className: "space-y-1", children })
+    return /* @__PURE__ */ jsxs24("div", { ref, className: cn("px-2 py-2", className), ...props, children: [
+      label && /* @__PURE__ */ jsx39("div", { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: label }),
+      /* @__PURE__ */ jsx39("div", { className: "space-y-1", children })
     ] });
   }
 );
 RailPanelGroup.displayName = "RailPanelGroup";
-var RailPanelItem = React38.forwardRef(
+var RailPanelItem = React39.forwardRef(
   ({ className, icon, active, disabled, badge, href, children, onClick, ...props }, ref) => {
-    const content = /* @__PURE__ */ jsxs23(Fragment6, { children: [
-      icon && /* @__PURE__ */ jsx38("span", { className: "shrink-0", children: icon }),
-      /* @__PURE__ */ jsx38("span", { className: "flex-1 truncate", children }),
-      badge && /* @__PURE__ */ jsx38("span", { className: "shrink-0", children: badge })
+    const content = /* @__PURE__ */ jsxs24(Fragment6, { children: [
+      icon && /* @__PURE__ */ jsx39("span", { className: "shrink-0", children: icon }),
+      /* @__PURE__ */ jsx39("span", { className: "flex-1 truncate", children }),
+      badge && /* @__PURE__ */ jsx39("span", { className: "shrink-0", children: badge })
     ] });
     const itemClasses = cn(
       "flex items-center gap-3 px-3 py-2 rounded-md text-sm transition-colors cursor-pointer",
@@ -5788,9 +5967,9 @@ var RailPanelItem = React38.forwardRef(
       className
     );
     if (href) {
-      return /* @__PURE__ */ jsx38("div", { ref, ...props, children: /* @__PURE__ */ jsx38("a", { href, className: itemClasses, children: content }) });
+      return /* @__PURE__ */ jsx39("div", { ref, ...props, children: /* @__PURE__ */ jsx39("a", { href, className: itemClasses, children: content }) });
     }
-    return /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx39(
       "div",
       {
         ref,
@@ -5807,34 +5986,34 @@ var RailPanelItem = React38.forwardRef(
 RailPanelItem.displayName = "RailPanelItem";
 // src/playground.tsx
-import * as React39 from "react";
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
-var Section = ({ title, children }) => /* @__PURE__ */ jsxs24("div", { className: "mb-8", children: [
-  /* @__PURE__ */ jsx39("h2", { className: "text-xl font-semibold mb-4 text-foreground", children: title }),
-  /* @__PURE__ */ jsx39("div", { className: "p-4 border border-border rounded-lg bg-background", children })
+import * as React40 from "react";
+import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+var Section = ({ title, children }) => /* @__PURE__ */ jsxs25("div", { className: "mb-8", children: [
+  /* @__PURE__ */ jsx40("h2", { className: "text-xl font-semibold mb-4 text-foreground", children: title }),
+  /* @__PURE__ */ jsx40("div", { className: "p-4 border border-border rounded-lg bg-background", children })
 ] });
 var ThemeToggle = () => {
   const { theme, setTheme } = useTheme();
-  return /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx39(Label, { children: "Theme:" }),
-    /* @__PURE__ */ jsxs24(SelectNamespace, { value: theme, onValueChange: (value) => setTheme(value), children: [
-      /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-32", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Select theme" }) }),
-      /* @__PURE__ */ jsxs24(SelectContent, { children: [
-        /* @__PURE__ */ jsx39(SelectItem, { value: "light", children: "Light" }),
-        /* @__PURE__ */ jsx39(SelectItem, { value: "dark", children: "Dark" }),
-        /* @__PURE__ */ jsx39(SelectItem, { value: "system", children: "System" })
+  return /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx40(Label, { children: "Theme:" }),
+    /* @__PURE__ */ jsxs25(SelectNamespace, { value: theme, onValueChange: (value) => setTheme(value), children: [
+      /* @__PURE__ */ jsx40(SelectTrigger, { className: "w-32", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Select theme" }) }),
+      /* @__PURE__ */ jsxs25(SelectContent, { children: [
+        /* @__PURE__ */ jsx40(SelectItem, { value: "light", children: "Light" }),
+        /* @__PURE__ */ jsx40(SelectItem, { value: "dark", children: "Dark" }),
+        /* @__PURE__ */ jsx40(SelectItem, { value: "system", children: "System" })
       ] })
     ] })
   ] });
 };
 var PlaygroundContent = () => {
-  const [dialogOpen, setDialogOpen] = React39.useState(false);
-  const [checkboxChecked, setCheckboxChecked] = React39.useState(false);
-  const [switchChecked, setSwitchChecked] = React39.useState(false);
-  const [inputValue, setInputValue] = React39.useState("");
-  const [textareaValue, setTextareaValue] = React39.useState("");
-  const [selectValue, setSelectValue] = React39.useState("");
-  const [comboboxValue, setComboboxValue] = React39.useState(null);
+  const [dialogOpen, setDialogOpen] = React40.useState(false);
+  const [checkboxChecked, setCheckboxChecked] = React40.useState(false);
+  const [switchChecked, setSwitchChecked] = React40.useState(false);
+  const [inputValue, setInputValue] = React40.useState("");
+  const [textareaValue, setTextareaValue] = React40.useState("");
+  const [selectValue, setSelectValue] = React40.useState("");
+  const [comboboxValue, setComboboxValue] = React40.useState(null);
   const comboboxOptions = [
     { value: "react", label: "React" },
     { value: "vue", label: "Vue" },
@@ -5842,35 +6021,35 @@ var PlaygroundContent = () => {
     { value: "svelte", label: "Svelte" },
     { value: "solid", label: "SolidJS" }
   ];
-  return /* @__PURE__ */ jsx39("div", { className: "min-h-screen bg-background p-8", children: /* @__PURE__ */ jsxs24("div", { className: "max-w-4xl mx-auto", children: [
-    /* @__PURE__ */ jsxs24("div", { className: "flex items-center justify-between mb-8", children: [
-      /* @__PURE__ */ jsx39("h1", { className: "text-3xl font-bold text-foreground", children: "@onesaz/ui Playground" }),
-      /* @__PURE__ */ jsx39(ThemeToggle, {})
+  return /* @__PURE__ */ jsx40("div", { className: "min-h-screen bg-background p-8", children: /* @__PURE__ */ jsxs25("div", { className: "max-w-4xl mx-auto", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between mb-8", children: [
+      /* @__PURE__ */ jsx40("h1", { className: "text-3xl font-bold text-foreground", children: "@onesaz/ui Playground" }),
+      /* @__PURE__ */ jsx40(ThemeToggle, {})
     ] }),
-    /* @__PURE__ */ jsxs24(Section, { title: "Button", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap gap-4", children: [
-        /* @__PURE__ */ jsx39(Button, { variant: "default", children: "Default" }),
-        /* @__PURE__ */ jsx39(Button, { variant: "destructive", children: "Destructive" }),
-        /* @__PURE__ */ jsx39(Button, { variant: "outline", children: "Outline" }),
-        /* @__PURE__ */ jsx39(Button, { variant: "secondary", children: "Secondary" }),
-        /* @__PURE__ */ jsx39(Button, { variant: "ghost", children: "Ghost" }),
-        /* @__PURE__ */ jsx39(Button, { variant: "link", children: "Link" })
+    /* @__PURE__ */ jsxs25(Section, { title: "Button", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex flex-wrap gap-4", children: [
+        /* @__PURE__ */ jsx40(Button, { variant: "default", children: "Default" }),
+        /* @__PURE__ */ jsx40(Button, { variant: "destructive", children: "Destructive" }),
+        /* @__PURE__ */ jsx40(Button, { variant: "outline", children: "Outline" }),
+        /* @__PURE__ */ jsx40(Button, { variant: "secondary", children: "Secondary" }),
+        /* @__PURE__ */ jsx40(Button, { variant: "ghost", children: "Ghost" }),
+        /* @__PURE__ */ jsx40(Button, { variant: "link", children: "Link" })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap gap-4 mt-4", children: [
-        /* @__PURE__ */ jsx39(Button, { size: "sm", children: "Small" }),
-        /* @__PURE__ */ jsx39(Button, { size: "default", children: "Default" }),
-        /* @__PURE__ */ jsx39(Button, { size: "lg", children: "Large" }),
-        /* @__PURE__ */ jsx39(Button, { size: "icon", children: "\u{1F514}" })
+      /* @__PURE__ */ jsxs25("div", { className: "flex flex-wrap gap-4 mt-4", children: [
+        /* @__PURE__ */ jsx40(Button, { size: "sm", children: "Small" }),
+        /* @__PURE__ */ jsx40(Button, { size: "default", children: "Default" }),
+        /* @__PURE__ */ jsx40(Button, { size: "lg", children: "Large" }),
+        /* @__PURE__ */ jsx40(Button, { size: "icon", children: "\u{1F514}" })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap gap-4 mt-4", children: [
-        /* @__PURE__ */ jsx39(Button, { disabled: true, children: "Disabled" }),
-        /* @__PURE__ */ jsx39(Button, { variant: "outline", disabled: true, children: "Disabled Outline" })
+      /* @__PURE__ */ jsxs25("div", { className: "flex flex-wrap gap-4 mt-4", children: [
+        /* @__PURE__ */ jsx40(Button, { disabled: true, children: "Disabled" }),
+        /* @__PURE__ */ jsx40(Button, { variant: "outline", disabled: true, children: "Disabled Outline" })
       ] })
     ] }),
-    /* @__PURE__ */ jsx39(Section, { title: "Input", children: /* @__PURE__ */ jsxs24("div", { className: "space-y-4 max-w-md", children: [
-      /* @__PURE__ */ jsxs24("div", { children: [
-        /* @__PURE__ */ jsx39(Label, { htmlFor: "input-default", children: "Default Input" }),
-        /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(Section, { title: "Input", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-4 max-w-md", children: [
+      /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsx40(Label, { htmlFor: "input-default", children: "Default Input" }),
+        /* @__PURE__ */ jsx40(
           Input,
           {
             id: "input-default",
@@ -5880,19 +6059,19 @@ var PlaygroundContent = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs24("div", { children: [
-        /* @__PURE__ */ jsx39(Label, { htmlFor: "input-disabled", children: "Disabled Input" }),
-        /* @__PURE__ */ jsx39(Input, { id: "input-disabled", placeholder: "Disabled...", disabled: true })
+      /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsx40(Label, { htmlFor: "input-disabled", children: "Disabled Input" }),
+        /* @__PURE__ */ jsx40(Input, { id: "input-disabled", placeholder: "Disabled...", disabled: true })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { children: [
-        /* @__PURE__ */ jsx39(Label, { htmlFor: "input-type", children: "Email Input" }),
-        /* @__PURE__ */ jsx39(Input, { id: "input-type", type: "email", placeholder: "email@example.com" })
+      /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsx40(Label, { htmlFor: "input-type", children: "Email Input" }),
+        /* @__PURE__ */ jsx40(Input, { id: "input-type", type: "email", placeholder: "email@example.com" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Textarea", children: /* @__PURE__ */ jsxs24("div", { className: "space-y-4 max-w-md", children: [
-      /* @__PURE__ */ jsxs24("div", { children: [
-        /* @__PURE__ */ jsx39(Label, { htmlFor: "textarea-default", children: "Default Textarea" }),
-        /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(Section, { title: "Textarea", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-4 max-w-md", children: [
+      /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsx40(Label, { htmlFor: "textarea-default", children: "Default Textarea" }),
+        /* @__PURE__ */ jsx40(
           Textarea,
           {
             id: "textarea-default",
@@ -5902,52 +6081,52 @@ var PlaygroundContent = () => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs24("div", { children: [
-        /* @__PURE__ */ jsx39(Label, { htmlFor: "textarea-disabled", children: "Disabled Textarea" }),
-        /* @__PURE__ */ jsx39(Textarea, { id: "textarea-disabled", placeholder: "Disabled...", disabled: true })
+      /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsx40(Label, { htmlFor: "textarea-disabled", children: "Disabled Textarea" }),
+        /* @__PURE__ */ jsx40(Textarea, { id: "textarea-disabled", placeholder: "Disabled...", disabled: true })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Select", children: /* @__PURE__ */ jsxs24("div", { className: "space-y-4 max-w-md", children: [
-      /* @__PURE__ */ jsxs24("div", { children: [
-        /* @__PURE__ */ jsx39(Label, { children: "Default Select" }),
-        /* @__PURE__ */ jsxs24(SelectNamespace, { value: selectValue, onValueChange: setSelectValue, children: [
-          /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Select an option..." }) }),
-          /* @__PURE__ */ jsxs24(SelectContent, { children: [
-            /* @__PURE__ */ jsx39(SelectItem, { value: "option1", children: "Option 1" }),
-            /* @__PURE__ */ jsx39(SelectItem, { value: "option2", children: "Option 2" }),
-            /* @__PURE__ */ jsx39(SelectItem, { value: "option3", children: "Option 3" })
+    /* @__PURE__ */ jsx40(Section, { title: "Select", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-4 max-w-md", children: [
+      /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsx40(Label, { children: "Default Select" }),
+        /* @__PURE__ */ jsxs25(SelectNamespace, { value: selectValue, onValueChange: setSelectValue, children: [
+          /* @__PURE__ */ jsx40(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Select an option..." }) }),
+          /* @__PURE__ */ jsxs25(SelectContent, { children: [
+            /* @__PURE__ */ jsx40(SelectItem, { value: "option1", children: "Option 1" }),
+            /* @__PURE__ */ jsx40(SelectItem, { value: "option2", children: "Option 2" }),
+            /* @__PURE__ */ jsx40(SelectItem, { value: "option3", children: "Option 3" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { children: [
-        /* @__PURE__ */ jsx39(Label, { children: "Grouped Select" }),
-        /* @__PURE__ */ jsxs24(SelectNamespace, { children: [
-          /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Select a food..." }) }),
-          /* @__PURE__ */ jsxs24(SelectContent, { children: [
-            /* @__PURE__ */ jsxs24(SelectGroup, { children: [
-              /* @__PURE__ */ jsx39(SelectLabel, { children: "Fruits" }),
-              /* @__PURE__ */ jsx39(SelectItem, { value: "apple", children: "Apple" }),
-              /* @__PURE__ */ jsx39(SelectItem, { value: "banana", children: "Banana" })
+      /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsx40(Label, { children: "Grouped Select" }),
+        /* @__PURE__ */ jsxs25(SelectNamespace, { children: [
+          /* @__PURE__ */ jsx40(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Select a food..." }) }),
+          /* @__PURE__ */ jsxs25(SelectContent, { children: [
+            /* @__PURE__ */ jsxs25(SelectGroup, { children: [
+              /* @__PURE__ */ jsx40(SelectLabel, { children: "Fruits" }),
+              /* @__PURE__ */ jsx40(SelectItem, { value: "apple", children: "Apple" }),
+              /* @__PURE__ */ jsx40(SelectItem, { value: "banana", children: "Banana" })
             ] }),
-            /* @__PURE__ */ jsxs24(SelectGroup, { children: [
-              /* @__PURE__ */ jsx39(SelectLabel, { children: "Vegetables" }),
-              /* @__PURE__ */ jsx39(SelectItem, { value: "carrot", children: "Carrot" }),
-              /* @__PURE__ */ jsx39(SelectItem, { value: "potato", children: "Potato" })
+            /* @__PURE__ */ jsxs25(SelectGroup, { children: [
+              /* @__PURE__ */ jsx40(SelectLabel, { children: "Vegetables" }),
+              /* @__PURE__ */ jsx40(SelectItem, { value: "carrot", children: "Carrot" }),
+              /* @__PURE__ */ jsx40(SelectItem, { value: "potato", children: "Potato" })
             ] })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { children: [
-        /* @__PURE__ */ jsx39(Label, { children: "Disabled Select" }),
-        /* @__PURE__ */ jsxs24(SelectNamespace, { disabled: true, children: [
-          /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Disabled..." }) }),
-          /* @__PURE__ */ jsx39(SelectContent, { children: /* @__PURE__ */ jsx39(SelectItem, { value: "none", children: "None" }) })
+      /* @__PURE__ */ jsxs25("div", { children: [
+        /* @__PURE__ */ jsx40(Label, { children: "Disabled Select" }),
+        /* @__PURE__ */ jsxs25(SelectNamespace, { disabled: true, children: [
+          /* @__PURE__ */ jsx40(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Disabled..." }) }),
+          /* @__PURE__ */ jsx40(SelectContent, { children: /* @__PURE__ */ jsx40(SelectItem, { value: "none", children: "None" }) })
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Combobox (Searchable Select)", children: /* @__PURE__ */ jsx39("div", { className: "space-y-4 max-w-md", children: /* @__PURE__ */ jsxs24("div", { children: [
-      /* @__PURE__ */ jsx39(Label, { children: "Framework" }),
-      /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(Section, { title: "Combobox (Searchable Select)", children: /* @__PURE__ */ jsx40("div", { className: "space-y-4 max-w-md", children: /* @__PURE__ */ jsxs25("div", { children: [
+      /* @__PURE__ */ jsx40(Label, { children: "Framework" }),
+      /* @__PURE__ */ jsx40(
         Combobox,
         {
           options: comboboxOptions,
@@ -5959,9 +6138,9 @@ var PlaygroundContent = () => {
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Checkbox & Switch", children: /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx39(
+    /* @__PURE__ */ jsx40(Section, { title: "Checkbox & Switch", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx40(
           Checkbox,
           {
             id: "checkbox",
@@ -5969,15 +6148,15 @@ var PlaygroundContent = () => {
             onChange: (e) => setCheckboxChecked(e.target.checked)
           }
         ),
-        /* @__PURE__ */ jsx39(Label, { htmlFor: "checkbox", children: "Accept terms and conditions" })
+        /* @__PURE__ */ jsx40(Label, { htmlFor: "checkbox", children: "Accept terms and conditions" })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx39(Checkbox, { id: "checkbox-disabled", disabled: true }),
-        /* @__PURE__ */ jsx39(Label, { htmlFor: "checkbox-disabled", children: "Disabled checkbox" })
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx40(Checkbox, { id: "checkbox-disabled", disabled: true }),
+        /* @__PURE__ */ jsx40(Label, { htmlFor: "checkbox-disabled", children: "Disabled checkbox" })
       ] }),
-      /* @__PURE__ */ jsx39(Separator, {}),
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx39(
+      /* @__PURE__ */ jsx40(Separator, {}),
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx40(
           Switch,
           {
             id: "switch",
@@ -5985,160 +6164,160 @@ var PlaygroundContent = () => {
             onChange: (e) => setSwitchChecked(e.target.checked)
           }
         ),
-        /* @__PURE__ */ jsx39(Label, { htmlFor: "switch", children: "Enable notifications" })
+        /* @__PURE__ */ jsx40(Label, { htmlFor: "switch", children: "Enable notifications" })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx39(Switch, { id: "switch-disabled", disabled: true }),
-        /* @__PURE__ */ jsx39(Label, { htmlFor: "switch-disabled", children: "Disabled switch" })
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx40(Switch, { id: "switch-disabled", disabled: true }),
+        /* @__PURE__ */ jsx40(Label, { htmlFor: "switch-disabled", children: "Disabled switch" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Badge", children: /* @__PURE__ */ jsxs24("div", { className: "flex flex-wrap gap-4", children: [
-      /* @__PURE__ */ jsx39(Badge, { children: "Default" }),
-      /* @__PURE__ */ jsx39(Badge, { variant: "secondary", children: "Secondary" }),
-      /* @__PURE__ */ jsx39(Badge, { variant: "destructive", children: "Destructive" }),
-      /* @__PURE__ */ jsx39(Badge, { variant: "outline", children: "Outline" })
+    /* @__PURE__ */ jsx40(Section, { title: "Badge", children: /* @__PURE__ */ jsxs25("div", { className: "flex flex-wrap gap-4", children: [
+      /* @__PURE__ */ jsx40(Badge, { children: "Default" }),
+      /* @__PURE__ */ jsx40(Badge, { variant: "secondary", children: "Secondary" }),
+      /* @__PURE__ */ jsx40(Badge, { variant: "destructive", children: "Destructive" }),
+      /* @__PURE__ */ jsx40(Badge, { variant: "outline", children: "Outline" })
     ] }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Card", children: /* @__PURE__ */ jsxs24("div", { className: "grid gap-4 md:grid-cols-2", children: [
-      /* @__PURE__ */ jsxs24(Card, { children: [
-        /* @__PURE__ */ jsxs24(CardHeader, { children: [
-          /* @__PURE__ */ jsx39(CardTitle, { children: "Card Title" }),
-          /* @__PURE__ */ jsx39(CardDescription, { children: "Card description goes here" })
+    /* @__PURE__ */ jsx40(Section, { title: "Card", children: /* @__PURE__ */ jsxs25("div", { className: "grid gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs25(Card, { children: [
+        /* @__PURE__ */ jsxs25(CardHeader, { children: [
+          /* @__PURE__ */ jsx40(CardTitle, { children: "Card Title" }),
+          /* @__PURE__ */ jsx40(CardDescription, { children: "Card description goes here" })
         ] }),
-        /* @__PURE__ */ jsx39(CardContent, { children: /* @__PURE__ */ jsx39("p", { className: "text-foreground", children: "This is the card content area." }) }),
-        /* @__PURE__ */ jsxs24(CardFooter, { children: [
-          /* @__PURE__ */ jsx39(Button, { variant: "outline", className: "mr-2", children: "Cancel" }),
-          /* @__PURE__ */ jsx39(Button, { children: "Submit" })
+        /* @__PURE__ */ jsx40(CardContent, { children: /* @__PURE__ */ jsx40("p", { className: "text-foreground", children: "This is the card content area." }) }),
+        /* @__PURE__ */ jsxs25(CardFooter, { children: [
+          /* @__PURE__ */ jsx40(Button, { variant: "outline", className: "mr-2", children: "Cancel" }),
+          /* @__PURE__ */ jsx40(Button, { children: "Submit" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs24(Card, { children: [
-        /* @__PURE__ */ jsxs24(CardHeader, { children: [
-          /* @__PURE__ */ jsx39(CardTitle, { children: "Another Card" }),
-          /* @__PURE__ */ jsx39(CardDescription, { children: "With different content" })
+      /* @__PURE__ */ jsxs25(Card, { children: [
+        /* @__PURE__ */ jsxs25(CardHeader, { children: [
+          /* @__PURE__ */ jsx40(CardTitle, { children: "Another Card" }),
+          /* @__PURE__ */ jsx40(CardDescription, { children: "With different content" })
         ] }),
-        /* @__PURE__ */ jsx39(CardContent, { children: /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx39(Label, { htmlFor: "card-input", children: "Name" }),
-          /* @__PURE__ */ jsx39(Input, { id: "card-input", placeholder: "Enter name..." })
+        /* @__PURE__ */ jsx40(CardContent, { children: /* @__PURE__ */ jsxs25("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx40(Label, { htmlFor: "card-input", children: "Name" }),
+          /* @__PURE__ */ jsx40(Input, { id: "card-input", placeholder: "Enter name..." })
         ] }) }),
-        /* @__PURE__ */ jsx39(CardFooter, { children: /* @__PURE__ */ jsx39(Button, { className: "w-full", children: "Save" }) })
+        /* @__PURE__ */ jsx40(CardFooter, { children: /* @__PURE__ */ jsx40(Button, { className: "w-full", children: "Save" }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxs24(Section, { title: "Dialog", children: [
-      /* @__PURE__ */ jsx39(Button, { onClick: () => setDialogOpen(true), children: "Open Dialog" }),
-      /* @__PURE__ */ jsx39(DialogNamespace, { open: dialogOpen, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs24(DialogContent, { children: [
-        /* @__PURE__ */ jsxs24(DialogHeader, { children: [
-          /* @__PURE__ */ jsx39(DialogTitle, { children: "Create New Zone" }),
-          /* @__PURE__ */ jsx39(DialogDescription, { children: "Fill in the details below to create a new zone." })
+    /* @__PURE__ */ jsxs25(Section, { title: "Dialog", children: [
+      /* @__PURE__ */ jsx40(Button, { onClick: () => setDialogOpen(true), children: "Open Dialog" }),
+      /* @__PURE__ */ jsx40(DialogNamespace, { open: dialogOpen, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs25(DialogContent, { children: [
+        /* @__PURE__ */ jsxs25(DialogHeader, { children: [
+          /* @__PURE__ */ jsx40(DialogTitle, { children: "Create New Zone" }),
+          /* @__PURE__ */ jsx40(DialogDescription, { children: "Fill in the details below to create a new zone." })
         ] }),
-        /* @__PURE__ */ jsxs24("div", { className: "space-y-4 py-4", children: [
-          /* @__PURE__ */ jsxs24("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs24("div", { children: [
-              /* @__PURE__ */ jsx39(Label, { htmlFor: "zone-name", children: "Zone Name *" }),
-              /* @__PURE__ */ jsx39(Input, { id: "zone-name", placeholder: "eg:hyderabad" })
+        /* @__PURE__ */ jsxs25("div", { className: "space-y-4 py-4", children: [
+          /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs25("div", { children: [
+              /* @__PURE__ */ jsx40(Label, { htmlFor: "zone-name", children: "Zone Name *" }),
+              /* @__PURE__ */ jsx40(Input, { id: "zone-name", placeholder: "eg:hyderabad" })
             ] }),
-            /* @__PURE__ */ jsxs24("div", { children: [
-              /* @__PURE__ */ jsx39(Label, { htmlFor: "zone-code", children: "Zone Code *" }),
-              /* @__PURE__ */ jsx39(Input, { id: "zone-code", placeholder: "eg :hyd022" })
+            /* @__PURE__ */ jsxs25("div", { children: [
+              /* @__PURE__ */ jsx40(Label, { htmlFor: "zone-code", children: "Zone Code *" }),
+              /* @__PURE__ */ jsx40(Input, { id: "zone-code", placeholder: "eg :hyd022" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs24("div", { className: "grid grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs24("div", { children: [
-              /* @__PURE__ */ jsx39(Label, { children: "State *" }),
-              /* @__PURE__ */ jsxs24(SelectNamespace, { children: [
-                /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Select state" }) }),
-                /* @__PURE__ */ jsxs24(SelectContent, { children: [
-                  /* @__PURE__ */ jsx39(SelectItem, { value: "telangana", children: "TELANGANA" }),
-                  /* @__PURE__ */ jsx39(SelectItem, { value: "andhra", children: "ANDHRA PRADESH" })
+          /* @__PURE__ */ jsxs25("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs25("div", { children: [
+              /* @__PURE__ */ jsx40(Label, { children: "State *" }),
+              /* @__PURE__ */ jsxs25(SelectNamespace, { children: [
+                /* @__PURE__ */ jsx40(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Select state" }) }),
+                /* @__PURE__ */ jsxs25(SelectContent, { children: [
+                  /* @__PURE__ */ jsx40(SelectItem, { value: "telangana", children: "TELANGANA" }),
+                  /* @__PURE__ */ jsx40(SelectItem, { value: "andhra", children: "ANDHRA PRADESH" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs24("div", { children: [
-              /* @__PURE__ */ jsx39(Label, { children: "District *" }),
-              /* @__PURE__ */ jsxs24(SelectNamespace, { children: [
-                /* @__PURE__ */ jsx39(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx39(SelectValue, { placeholder: "Select District" }) }),
-                /* @__PURE__ */ jsxs24(SelectContent, { children: [
-                  /* @__PURE__ */ jsx39(SelectItem, { value: "hyderabad", children: "HYDERABAD" }),
-                  /* @__PURE__ */ jsx39(SelectItem, { value: "rangareddy", children: "RANGAREDDY" })
+            /* @__PURE__ */ jsxs25("div", { children: [
+              /* @__PURE__ */ jsx40(Label, { children: "District *" }),
+              /* @__PURE__ */ jsxs25(SelectNamespace, { children: [
+                /* @__PURE__ */ jsx40(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx40(SelectValue, { placeholder: "Select District" }) }),
+                /* @__PURE__ */ jsxs25(SelectContent, { children: [
+                  /* @__PURE__ */ jsx40(SelectItem, { value: "hyderabad", children: "HYDERABAD" }),
+                  /* @__PURE__ */ jsx40(SelectItem, { value: "rangareddy", children: "RANGAREDDY" })
                 ] })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs24(DialogFooter, { children: [
-          /* @__PURE__ */ jsx39(Button, { variant: "outline", onClick: () => setDialogOpen(false), children: "CANCEL" }),
-          /* @__PURE__ */ jsx39(Button, { onClick: () => setDialogOpen(false), children: "Create" })
+        /* @__PURE__ */ jsxs25(DialogFooter, { children: [
+          /* @__PURE__ */ jsx40(Button, { variant: "outline", onClick: () => setDialogOpen(false), children: "CANCEL" }),
+          /* @__PURE__ */ jsx40(Button, { onClick: () => setDialogOpen(false), children: "Create" })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx39(Section, { title: "Table", children: /* @__PURE__ */ jsxs24(TableNamespace, { children: [
-      /* @__PURE__ */ jsx39(TableCaption, { children: "A list of recent invoices" }),
-      /* @__PURE__ */ jsx39(TableHeader, { children: /* @__PURE__ */ jsxs24(TableRow, { children: [
-        /* @__PURE__ */ jsx39(TableHead, { children: "Invoice" }),
-        /* @__PURE__ */ jsx39(TableHead, { children: "Status" }),
-        /* @__PURE__ */ jsx39(TableHead, { children: "Method" }),
-        /* @__PURE__ */ jsx39(TableHead, { className: "text-right", children: "Amount" })
+    /* @__PURE__ */ jsx40(Section, { title: "Table", children: /* @__PURE__ */ jsxs25(TableNamespace, { children: [
+      /* @__PURE__ */ jsx40(TableCaption, { children: "A list of recent invoices" }),
+      /* @__PURE__ */ jsx40(TableHeader, { children: /* @__PURE__ */ jsxs25(TableRow, { children: [
+        /* @__PURE__ */ jsx40(TableHead, { children: "Invoice" }),
+        /* @__PURE__ */ jsx40(TableHead, { children: "Status" }),
+        /* @__PURE__ */ jsx40(TableHead, { children: "Method" }),
+        /* @__PURE__ */ jsx40(TableHead, { className: "text-right", children: "Amount" })
       ] }) }),
-      /* @__PURE__ */ jsxs24(TableBody, { children: [
-        /* @__PURE__ */ jsxs24(TableRow, { children: [
-          /* @__PURE__ */ jsx39(TableCell, { children: "INV001" }),
-          /* @__PURE__ */ jsx39(TableCell, { children: /* @__PURE__ */ jsx39(Badge, { children: "Paid" }) }),
-          /* @__PURE__ */ jsx39(TableCell, { children: "Credit Card" }),
-          /* @__PURE__ */ jsx39(TableCell, { className: "text-right", children: "$250.00" })
+      /* @__PURE__ */ jsxs25(TableBody, { children: [
+        /* @__PURE__ */ jsxs25(TableRow, { children: [
+          /* @__PURE__ */ jsx40(TableCell, { children: "INV001" }),
+          /* @__PURE__ */ jsx40(TableCell, { children: /* @__PURE__ */ jsx40(Badge, { children: "Paid" }) }),
+          /* @__PURE__ */ jsx40(TableCell, { children: "Credit Card" }),
+          /* @__PURE__ */ jsx40(TableCell, { className: "text-right", children: "$250.00" })
         ] }),
-        /* @__PURE__ */ jsxs24(TableRow, { children: [
-          /* @__PURE__ */ jsx39(TableCell, { children: "INV002" }),
-          /* @__PURE__ */ jsx39(TableCell, { children: /* @__PURE__ */ jsx39(Badge, { variant: "secondary", children: "Pending" }) }),
-          /* @__PURE__ */ jsx39(TableCell, { children: "PayPal" }),
-          /* @__PURE__ */ jsx39(TableCell, { className: "text-right", children: "$150.00" })
+        /* @__PURE__ */ jsxs25(TableRow, { children: [
+          /* @__PURE__ */ jsx40(TableCell, { children: "INV002" }),
+          /* @__PURE__ */ jsx40(TableCell, { children: /* @__PURE__ */ jsx40(Badge, { variant: "secondary", children: "Pending" }) }),
+          /* @__PURE__ */ jsx40(TableCell, { children: "PayPal" }),
+          /* @__PURE__ */ jsx40(TableCell, { className: "text-right", children: "$150.00" })
         ] }),
-        /* @__PURE__ */ jsxs24(TableRow, { children: [
-          /* @__PURE__ */ jsx39(TableCell, { children: "INV003" }),
-          /* @__PURE__ */ jsx39(TableCell, { children: /* @__PURE__ */ jsx39(Badge, { variant: "destructive", children: "Failed" }) }),
-          /* @__PURE__ */ jsx39(TableCell, { children: "Bank Transfer" }),
-          /* @__PURE__ */ jsx39(TableCell, { className: "text-right", children: "$350.00" })
+        /* @__PURE__ */ jsxs25(TableRow, { children: [
+          /* @__PURE__ */ jsx40(TableCell, { children: "INV003" }),
+          /* @__PURE__ */ jsx40(TableCell, { children: /* @__PURE__ */ jsx40(Badge, { variant: "destructive", children: "Failed" }) }),
+          /* @__PURE__ */ jsx40(TableCell, { children: "Bank Transfer" }),
+          /* @__PURE__ */ jsx40(TableCell, { className: "text-right", children: "$350.00" })
         ] })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Pagination", children: /* @__PURE__ */ jsx39(PaginationNamespace, { children: /* @__PURE__ */ jsxs24(PaginationContent, { children: [
-      /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationPrevious, { onClick: () => console.log("Previous") }) }),
-      /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationLink, { isActive: true, children: "1" }) }),
-      /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationLink, { children: "2" }) }),
-      /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationLink, { children: "3" }) }),
-      /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationEllipsis, {}) }),
-      /* @__PURE__ */ jsx39(PaginationItem, { children: /* @__PURE__ */ jsx39(PaginationNext, { onClick: () => console.log("Next") }) })
+    /* @__PURE__ */ jsx40(Section, { title: "Pagination", children: /* @__PURE__ */ jsx40(PaginationNamespace, { children: /* @__PURE__ */ jsxs25(PaginationContent, { children: [
+      /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(PaginationPrevious, { onClick: () => console.log("Previous") }) }),
+      /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(PaginationLink, { isActive: true, children: "1" }) }),
+      /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(PaginationLink, { children: "2" }) }),
+      /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(PaginationLink, { children: "3" }) }),
+      /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(PaginationEllipsis, {}) }),
+      /* @__PURE__ */ jsx40(PaginationItem, { children: /* @__PURE__ */ jsx40(PaginationNext, { onClick: () => console.log("Next") }) })
     ] }) }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Spinner", children: /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-8", children: [
-      /* @__PURE__ */ jsxs24("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx39(Spinner, { size: "sm" }),
-        /* @__PURE__ */ jsx39("p", { className: "text-sm text-muted-foreground mt-2", children: "Small" })
+    /* @__PURE__ */ jsx40(Section, { title: "Spinner", children: /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-8", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx40(Spinner, { size: "sm" }),
+        /* @__PURE__ */ jsx40("p", { className: "text-sm text-muted-foreground mt-2", children: "Small" })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx39(Spinner, { size: "default" }),
-        /* @__PURE__ */ jsx39("p", { className: "text-sm text-muted-foreground mt-2", children: "Default" })
+      /* @__PURE__ */ jsxs25("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx40(Spinner, { size: "default" }),
+        /* @__PURE__ */ jsx40("p", { className: "text-sm text-muted-foreground mt-2", children: "Default" })
       ] }),
-      /* @__PURE__ */ jsxs24("div", { className: "text-center", children: [
-        /* @__PURE__ */ jsx39(Spinner, { size: "lg" }),
-        /* @__PURE__ */ jsx39("p", { className: "text-sm text-muted-foreground mt-2", children: "Large" })
+      /* @__PURE__ */ jsxs25("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx40(Spinner, { size: "lg" }),
+        /* @__PURE__ */ jsx40("p", { className: "text-sm text-muted-foreground mt-2", children: "Large" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Separator", children: /* @__PURE__ */ jsxs24("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx39("p", { className: "text-foreground", children: "Content above separator" }),
-      /* @__PURE__ */ jsx39(Separator, {}),
-      /* @__PURE__ */ jsx39("p", { className: "text-foreground", children: "Content below separator" }),
-      /* @__PURE__ */ jsxs24("div", { className: "flex items-center h-10", children: [
-        /* @__PURE__ */ jsx39("span", { className: "text-foreground", children: "Left" }),
-        /* @__PURE__ */ jsx39(Separator, { orientation: "vertical", className: "mx-4" }),
-        /* @__PURE__ */ jsx39("span", { className: "text-foreground", children: "Right" })
+    /* @__PURE__ */ jsx40(Section, { title: "Separator", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx40("p", { className: "text-foreground", children: "Content above separator" }),
+      /* @__PURE__ */ jsx40(Separator, {}),
+      /* @__PURE__ */ jsx40("p", { className: "text-foreground", children: "Content below separator" }),
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center h-10", children: [
+        /* @__PURE__ */ jsx40("span", { className: "text-foreground", children: "Left" }),
+        /* @__PURE__ */ jsx40(Separator, { orientation: "vertical", className: "mx-4" }),
+        /* @__PURE__ */ jsx40("span", { className: "text-foreground", children: "Right" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx39(Section, { title: "Typography & Colors", children: /* @__PURE__ */ jsxs24("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsx39("p", { className: "text-foreground", children: "text-foreground - Primary text color" }),
-      /* @__PURE__ */ jsx39("p", { className: "text-muted-foreground", children: "text-muted-foreground - Muted text color" }),
-      /* @__PURE__ */ jsx39("p", { className: "text-accent", children: "text-accent - Accent color" }),
-      /* @__PURE__ */ jsx39("p", { className: "text-destructive", children: "text-destructive - Destructive color" })
+    /* @__PURE__ */ jsx40(Section, { title: "Typography & Colors", children: /* @__PURE__ */ jsxs25("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx40("p", { className: "text-foreground", children: "text-foreground - Primary text color" }),
+      /* @__PURE__ */ jsx40("p", { className: "text-muted-foreground", children: "text-muted-foreground - Muted text color" }),
+      /* @__PURE__ */ jsx40("p", { className: "text-accent", children: "text-accent - Accent color" }),
+      /* @__PURE__ */ jsx40("p", { className: "text-destructive", children: "text-destructive - Destructive color" })
     ] }) })
   ] }) });
 };
-var Playground = () => /* @__PURE__ */ jsx39(ThemeProvider, { defaultTheme: "light", children: /* @__PURE__ */ jsx39(PlaygroundContent, {}) });
+var Playground = () => /* @__PURE__ */ jsx40(ThemeProvider, { defaultTheme: "light", children: /* @__PURE__ */ jsx40(PlaygroundContent, {}) });
 export {
   Alert,
   AlertDescription,
@@ -6235,7 +6414,7 @@ export {
   InputAdornment,
   Label,
   LinearProgress,
-  List,
+  List2 as List,
   ListDivider,
   ListItem,
   ListItemAvatar,
@@ -6306,6 +6485,10 @@ export {
   TableHead,
   TableHeader,
   TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
   Text,
   TextField,
   Textarea,
@@ -6325,7 +6508,15 @@ export {
   TopBarNavItem,
   TopBarSection,
   Typography,
+  UnderlineTabsContent,
+  UnderlineTabsList,
+  UnderlineTabsTrigger,
   VStack,
+  VerticalTabs,
+  VerticalTabsContent,
+  VerticalTabsGroupLabel,
+  VerticalTabsList,
+  VerticalTabsTrigger,
   cn,
   useFormControl,
   useSidebar,