@pos-360/horizon 0.14.0 → 0.16.0

package/dist/{chunk-BVQVZKMM.js → chunk-UWBZTH6L.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYO72COII_js = require('./chunk-YO72COII.js');
+var chunk7WVGPVSG_js = require('./chunk-7WVGPVSG.js');
 var React9 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
@@ -87,7 +87,7 @@ var Button = React9__namespace.forwardRef(
       return /* @__PURE__ */ jsxRuntime.jsx(
         Comp,
         {
-          className: chunkYO72COII_js.cn(buttonVariants({ variant, size, className })),
+          className: chunk7WVGPVSG_js.cn(buttonVariants({ variant, size, className })),
           ref,
           ...props,
           children
@@ -98,7 +98,7 @@ var Button = React9__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Comp,
       {
-        className: chunkYO72COII_js.cn(buttonVariants({ variant, size, className })),
+        className: chunk7WVGPVSG_js.cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
         children: [
@@ -115,7 +115,7 @@ var Card = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__
   "div",
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "rounded-hz-lg border border-gray-200 bg-white text-gray-900 shadow dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
       className
     ),
@@ -127,7 +127,7 @@ var CardHeader = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: chunkYO72COII_js.cn("flex flex-col space-y-1.5 p-4", className),
+    className: chunk7WVGPVSG_js.cn("flex flex-col space-y-1.5 p-4", className),
     ...props
   }
 ));
@@ -136,7 +136,7 @@ var CardTitle = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   "div",
   {
     ref,
-    className: chunkYO72COII_js.cn("font-semibold leading-none tracking-tight", className),
+    className: chunk7WVGPVSG_js.cn("font-semibold leading-none tracking-tight", className),
     ...props
   }
 ));
@@ -145,7 +145,7 @@ var CardDescription = React9__namespace.forwardRef(({ className, ...props }, ref
   "div",
   {
     ref,
-    className: chunkYO72COII_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunk7WVGPVSG_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
     ...props
   }
 ));
@@ -154,7 +154,7 @@ var CardContent = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: chunkYO72COII_js.cn("p-4 pt-0", className),
+    className: chunk7WVGPVSG_js.cn("p-4 pt-0", className),
     ...props
   }
 ));
@@ -163,7 +163,7 @@ var CardFooter = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: chunkYO72COII_js.cn("flex items-center p-4 pt-0", className),
+    className: chunk7WVGPVSG_js.cn("flex items-center p-4 pt-0", className),
     ...props
   }
 ));
@@ -172,7 +172,7 @@ var Checkbox = React9__namespace.forwardRef(({ className, ...props }, ref) => /*
   CheckboxPrimitive__namespace.Root,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "peer h-4 w-4 shrink-0 rounded-hz-sm border border-gray-300 bg-transparent shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 data-[state=checked]:border-blue-600 data-[state=checked]:text-white dark:border-neutral-600 dark:data-[state=checked]:bg-blue-600",
       className
     ),
@@ -180,7 +180,7 @@ var Checkbox = React9__namespace.forwardRef(({ className, ...props }, ref) => /*
     children: /* @__PURE__ */ jsxRuntime.jsx(
       CheckboxPrimitive__namespace.Indicator,
       {
-        className: chunkYO72COII_js.cn("flex items-center justify-center text-current"),
+        className: chunk7WVGPVSG_js.cn("flex items-center justify-center text-current"),
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5", strokeWidth: 3 })
       }
     )
@@ -195,7 +195,7 @@ var DialogOverlay = React9__namespace.forwardRef(({ className, ...props }, ref)
   DialogPrimitive__namespace.Overlay,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
@@ -209,7 +209,7 @@ var DialogContent = React9__namespace.forwardRef(({ className, children, ...prop
     DialogPrimitive__namespace.Content,
     {
       ref,
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-gray-200 bg-white p-6 shadow-lg duration-hz-normal data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-hz-lg dark:border-neutral-700 dark:bg-neutral-800",
         className
       ),
@@ -231,7 +231,7 @@ var DialogHeader = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       className
     ),
@@ -245,7 +245,7 @@ var DialogFooter = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       className
     ),
@@ -257,7 +257,7 @@ var DialogTitle = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   DialogPrimitive__namespace.Title,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "text-lg font-semibold leading-none tracking-tight text-gray-900 dark:text-gray-100",
       className
     ),
@@ -269,7 +269,7 @@ var DialogDescription = React9__namespace.forwardRef(({ className, ...props }, r
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: chunkYO72COII_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunk7WVGPVSG_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
     ...props
   }
 ));
@@ -284,7 +284,7 @@ var DropdownMenuSubTrigger = React9__namespace.forwardRef(({ className, inset, c
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "flex cursor-default select-none items-center gap-2 rounded-hz-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-gray-100 dark:focus:bg-gray-700 dark:data-[state=open]:bg-gray-700 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
@@ -301,7 +301,7 @@ var DropdownMenuSubContent = React9__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "z-50 min-w-[8rem] overflow-hidden rounded-hz-md border border-gray-200 bg-white p-1 text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
       className
     ),
@@ -314,7 +314,7 @@ var DropdownMenuContent = React9__namespace.forwardRef(({ className, sideOffset
   {
     ref,
     sideOffset,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-hz-md border border-gray-200 bg-white p-1 text-gray-900 shadow-md dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
       className
@@ -327,7 +327,7 @@ var DropdownMenuItem = React9__namespace.forwardRef(({ className, inset, ...prop
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "relative flex cursor-default select-none items-center gap-2 rounded-hz-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
@@ -340,7 +340,7 @@ var DropdownMenuCheckboxItem = React9__namespace.forwardRef(({ className, childr
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "relative flex cursor-default select-none items-center rounded-hz-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100",
       className
     ),
@@ -357,7 +357,7 @@ var DropdownMenuRadioItem = React9__namespace.forwardRef(({ className, children,
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "relative flex cursor-default select-none items-center rounded-hz-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100",
       className
     ),
@@ -373,7 +373,7 @@ var DropdownMenuLabel = React9__namespace.forwardRef(({ className, inset, ...pro
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "px-2 py-1.5 text-sm font-semibold",
       inset && "pl-8",
       className
@@ -386,7 +386,7 @@ var DropdownMenuSeparator = React9__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
-    className: chunkYO72COII_js.cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-neutral-700", className),
+    className: chunk7WVGPVSG_js.cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-neutral-700", className),
     ...props
   }
 ));
@@ -398,7 +398,7 @@ var DropdownMenuShortcut = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: chunkYO72COII_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
+      className: chunk7WVGPVSG_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
       ...props
     }
   );
@@ -475,7 +475,7 @@ var Form = React9__namespace.forwardRef(
       "form",
       {
         ref,
-        className: chunkYO72COII_js.cn("space-y-6", className),
+        className: chunk7WVGPVSG_js.cn("space-y-6", className),
         onSubmit: handleSubmit,
         ...props,
         children
@@ -493,18 +493,18 @@ var FormField = React9__namespace.forwardRef(
       () => ({ name, error, id }),
       [name, error, id]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkYO72COII_js.cn("space-y-2", className), ...props, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk7WVGPVSG_js.cn("space-y-2", className), ...props, children }) });
   }
 );
 FormField.displayName = "FormField";
 var FormLabel = React9__namespace.forwardRef(({ className, ...props }, ref) => {
   const { id, error } = useFormFieldContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYO72COII_js.Label,
+    chunk7WVGPVSG_js.Label,
     {
       ref,
       htmlFor: id,
-      className: chunkYO72COII_js.cn(error && "text-rose-500 dark:text-rose-400", className),
+      className: chunk7WVGPVSG_js.cn(error && "text-rose-500 dark:text-rose-400", className),
       ...props
     }
   );
@@ -530,7 +530,7 @@ var FormDescription = React9__namespace.forwardRef(
       "span",
       {
         ref,
-        className: chunkYO72COII_js.cn(
+        className: chunk7WVGPVSG_js.cn(
           "block text-sm text-neutral-500 dark:text-neutral-400",
           className
         ),
@@ -553,7 +553,7 @@ var FormMessage = React9__namespace.forwardRef(
       {
         ref,
         id: id ? `${id}-error` : void 0,
-        className: chunkYO72COII_js.cn(
+        className: chunk7WVGPVSG_js.cn(
           "text-sm font-medium",
           error ? "text-rose-500 dark:text-rose-400" : "text-neutral-600 dark:text-neutral-400",
           className
@@ -644,7 +644,7 @@ var PopoverContent = React9__namespace.forwardRef(({ className, align = "center"
             damping: 25,
             mass: 0.8
           },
-          className: chunkYO72COII_js.cn(
+          className: chunk7WVGPVSG_js.cn(
             "z-50 w-72 rounded-hz-lg border border-white/20 bg-white/80 backdrop-blur-xl p-4 text-gray-900 shadow-lg outline-none dark:border-neutral-700/50 dark:bg-neutral-900/80 dark:text-neutral-100 origin-[--radix-popover-content-transform-origin]",
             className
           ),
@@ -689,7 +689,7 @@ var SelectTrigger = React9__namespace.forwardRef(({ className, children, ...prop
   SelectPrimitive__namespace.Trigger,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "flex h-[52px] w-full items-center justify-between rounded-hz-md border border-gray-300 bg-white px-4 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-0  disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500 [&>span]:line-clamp-1",
       className
     ),
@@ -705,7 +705,7 @@ var SelectScrollUpButton = React9__namespace.forwardRef(({ className, ...props }
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
@@ -718,7 +718,7 @@ var SelectScrollDownButton = React9__namespace.forwardRef(({ className, ...props
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
@@ -755,8 +755,10 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
     sticky,
     hideWhenDetached
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { ...{ forceMount: true }, children: /* @__PURE__ */ jsxRuntime.jsx(
-    SelectPrimitive__namespace.Content,
+  const ForceMountPortal = SelectPrimitive__namespace.Portal;
+  const ForceMountContent = SelectPrimitive__namespace.Content;
+  return /* @__PURE__ */ jsxRuntime.jsx(ForceMountPortal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ForceMountContent,
     {
       ref,
       position,
@@ -786,7 +788,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
             damping: 25,
             mass: 0.8
           },
-          className: chunkYO72COII_js.cn(
+          className: chunk7WVGPVSG_js.cn(
             "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-hidden rounded-hz-lg border border-white/20 bg-white/80 backdrop-blur-xl text-gray-900 shadow-lg dark:border-neutral-700/50 dark:bg-neutral-900/80 dark:text-gray-100 origin-[--radix-select-content-transform-origin]",
             position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
             className
@@ -811,7 +813,7 @@ var SelectContent = React9__namespace.forwardRef(({ className, children, positio
               /* @__PURE__ */ jsxRuntime.jsx(
                 SelectPrimitive__namespace.Viewport,
                 {
-                  className: chunkYO72COII_js.cn(
+                  className: chunk7WVGPVSG_js.cn(
                     "p-1",
                     position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
                   ),
@@ -831,7 +833,7 @@ var SelectLabel = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   SelectPrimitive__namespace.Label,
   {
     ref,
-    className: chunkYO72COII_js.cn("px-2 py-1.5 text-sm font-semibold", className),
+    className: chunk7WVGPVSG_js.cn("px-2 py-1.5 text-sm font-semibold", className),
     ...props
   }
 ));
@@ -847,7 +849,7 @@ var SelectItem = React9__namespace.forwardRef(({ className, children, textValue,
     {
       ref,
       textValue,
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         "relative flex w-full cursor-default select-none items-center rounded-hz-md py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-black/5 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-white/10 dark:focus:text-gray-100 transition-colors",
         className
       ),
@@ -864,7 +866,7 @@ var SelectSeparator = React9__namespace.forwardRef(({ className, ...props }, ref
   SelectPrimitive__namespace.Separator,
   {
     ref,
-    className: chunkYO72COII_js.cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", className),
+    className: chunk7WVGPVSG_js.cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", className),
     ...props
   }
 ));
@@ -891,7 +893,7 @@ function Separator3({
     {
       role: decorative ? "none" : "separator",
       "aria-orientation": decorative ? void 0 : orientation ?? void 0,
-      className: chunkYO72COII_js.cn(separatorVariants({ orientation }), className),
+      className: chunk7WVGPVSG_js.cn(separatorVariants({ orientation }), className),
       ...props
     }
   );
@@ -900,7 +902,7 @@ function Skeleton({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         "animate-pulse rounded-hz-md bg-neutral-200 dark:bg-neutral-800",
         className
       )
@@ -908,28 +910,28 @@ function Skeleton({ className }) {
   );
 }
 function SkeletonText({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkYO72COII_js.cn("h-4", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk7WVGPVSG_js.cn("h-4", className) });
 }
 function SkeletonTitle({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkYO72COII_js.cn("h-6 w-48", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk7WVGPVSG_js.cn("h-6 w-48", className) });
 }
 function SkeletonSubtitle({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkYO72COII_js.cn("h-3 w-64", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk7WVGPVSG_js.cn("h-3 w-64", className) });
 }
 function SkeletonAvatar({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkYO72COII_js.cn("w-10 h-10 rounded", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk7WVGPVSG_js.cn("w-10 h-10 rounded", className) });
 }
 function SkeletonBadge({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkYO72COII_js.cn("h-6 w-24", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk7WVGPVSG_js.cn("h-6 w-24", className) });
 }
 function SkeletonIcon({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkYO72COII_js.cn("w-6 h-6 rounded", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk7WVGPVSG_js.cn("w-6 h-6 rounded", className) });
 }
 function SkeletonButton({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkYO72COII_js.cn("h-10 w-24 rounded-hz-md", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk7WVGPVSG_js.cn("h-10 w-24 rounded-hz-md", className) });
 }
 function SkeletonInput({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkYO72COII_js.cn("h-10 w-full rounded-hz-md", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk7WVGPVSG_js.cn("h-10 w-full rounded-hz-md", className) });
 }
 function SkeletonTableRow({
   columns = 4,
@@ -947,7 +949,7 @@ function SkeletonCard({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         "rounded-hz-lg border bg-card p-6 space-y-4",
         className
       ),
@@ -968,7 +970,7 @@ var useTableContext = () => {
   const context = React9__namespace.useContext(TableContext);
   return context;
 };
-var Table = React9__namespace.forwardRef(
+var TableInner = React9__namespace.forwardRef(
   ({
     className,
     selectable = false,
@@ -977,10 +979,18 @@ var Table = React9__namespace.forwardRef(
     onSelectionChange,
     getRowId,
     rows,
+    columns,
+    data,
+    visibleColumns,
+    showDividers = false,
+    highlightMode = "row",
+    children,
     ...props
   }, ref) => {
     const [internalSelectedRows, setInternalSelectedRows] = React9__namespace.useState(/* @__PURE__ */ new Set());
     const [registeredRowIds, setRegisteredRowIds] = React9__namespace.useState(/* @__PURE__ */ new Set());
+    const [hoveredCol, setHoveredCol] = React9__namespace.useState(null);
+    const [hoveredRowIndex, setHoveredRowIndex] = React9__namespace.useState(null);
     const isControlled = controlledSelectedRows !== void 0;
     const selectedRowsSet = isControlled ? new Set(controlledSelectedRows) : internalSelectedRows;
     const defaultGetRowId = React9__namespace.useCallback((row) => {
@@ -1097,22 +1107,87 @@ var Table = React9__namespace.forwardRef(
       registerRowId,
       unregisterRowId
     ]);
-    return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-      "table",
+    return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
       {
-        ref,
-        className: chunkYO72COII_js.cn("w-full caption-bottom text-sm", className),
-        ...props
+        className: "relative w-full overflow-auto",
+        onMouseLeave: () => {
+          setHoveredCol(null);
+          setHoveredRowIndex(null);
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "table",
+          {
+            ref,
+            className: chunk7WVGPVSG_js.cn("w-full caption-bottom text-sm", className),
+            ...props,
+            children: columns && data ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (() => {
+              const visibleCols = columns.filter(
+                (col) => col.sticky || !visibleColumns || visibleColumns.includes(col.key)
+              );
+              return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", children: /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b border-gray-200 transition-colors dark:border-neutral-700", children: visibleCols.map((col) => {
+                  const isColHovered = (highlightMode === "column" || highlightMode === "cross") && hoveredCol === col.key;
+                  return /* @__PURE__ */ jsxRuntime.jsx(
+                    "th",
+                    {
+                      style: col.minWidth ? { minWidth: col.minWidth } : void 0,
+                      onMouseEnter: () => {
+                        if (highlightMode === "column" || highlightMode === "cross") setHoveredCol(col.key);
+                      },
+                      className: chunk7WVGPVSG_js.cn(
+                        "h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 transition-colors",
+                        col.sticky ? chunk7WVGPVSG_js.cn("sticky left-0 z-20", isColHovered ? "bg-gray-50 dark:bg-neutral-800/50" : "bg-white dark:bg-neutral-900") : isColHovered ? "bg-gray-50 dark:bg-neutral-800/50" : void 0,
+                        showDividers && "border-r border-gray-200 dark:border-neutral-700"
+                      ),
+                      children: col.label
+                    },
+                    col.key
+                  );
+                }) }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "[&_tr:last-child]:border-0", children: data.map((row, rowIndex) => /* @__PURE__ */ jsxRuntime.jsx(
+                  "tr",
+                  {
+                    className: "border-b border-gray-200 transition-colors dark:border-neutral-700",
+                    children: visibleCols.map((col) => {
+                      const isRowHovered = (highlightMode === "row" || highlightMode === "cross") && rowIndex === hoveredRowIndex;
+                      const isColHovered = (highlightMode === "column" || highlightMode === "cross") && hoveredCol === col.key;
+                      const isHighlighted = isRowHovered || isColHovered;
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        "td",
+                        {
+                          onMouseEnter: () => {
+                            if (highlightMode === "column" || highlightMode === "cross") setHoveredCol(col.key);
+                            if (highlightMode === "row" || highlightMode === "cross") setHoveredRowIndex(rowIndex);
+                          },
+                          className: chunk7WVGPVSG_js.cn(
+                            "p-4 align-middle transition-colors",
+                            col.sticky ? chunk7WVGPVSG_js.cn("sticky left-0 z-20", isHighlighted ? "bg-gray-50 dark:bg-neutral-800/50" : "bg-white dark:bg-neutral-900") : isHighlighted ? "bg-gray-50 dark:bg-neutral-800/50" : void 0,
+                            showDividers && "border-r border-gray-200 dark:border-neutral-700"
+                          ),
+                          children: col.cell(row)
+                        },
+                        col.key
+                      );
+                    })
+                  },
+                  finalGetRowId ? finalGetRowId(row) : rowIndex
+                )) })
+              ] });
+            })() }) : children
+          }
+        )
       }
-    ) }) });
+    ) });
   }
 );
-Table.displayName = "Table";
+TableInner.displayName = "Table";
+var Table = TableInner;
 var TableHeader = React9__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "thead",
   {
     ref,
-    className: chunkYO72COII_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
+    className: chunk7WVGPVSG_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
     ...props
   }
 ));
@@ -1121,7 +1196,7 @@ var TableBody = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   "tbody",
   {
     ref,
-    className: chunkYO72COII_js.cn("[&_tr:last-child]:border-0", className),
+    className: chunk7WVGPVSG_js.cn("[&_tr:last-child]:border-0", className),
     ...props
   }
 ));
@@ -1130,7 +1205,7 @@ var TableFooter = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   "tfoot",
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "border-t border-gray-200 bg-gray-50 font-medium dark:border-neutral-700 dark:bg-neutral-800/50 [&>tr]:last:border-b-0",
       className
     ),
@@ -1171,7 +1246,7 @@ var TableRow = React9__namespace.forwardRef(
         ref,
         "data-state": isSelected ? "selected" : void 0,
         "data-row-id": finalRowId,
-        className: chunkYO72COII_js.cn(
+        className: chunk7WVGPVSG_js.cn(
           "border-b border-gray-200 transition-colors hover:bg-gray-50 data-[state=selected]:bg-blue-50 dark:border-neutral-700 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-blue-900/20",
           className
         ),
@@ -1186,7 +1261,7 @@ var TableHead = React9__namespace.forwardRef(({ className, ...props }, ref) => /
   "th",
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 [&:has([role=checkbox])]:pr-0",
       className
     ),
@@ -1199,7 +1274,7 @@ var TableCell = React9__namespace.forwardRef(
     "td",
     {
       ref,
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         "align-middle [&:has([role=checkbox])]:pr-0",
         variant === "embed" ? "p-1.5" : "p-4",
         className
@@ -1213,7 +1288,7 @@ var TableCaption = React9__namespace.forwardRef(({ className, ...props }, ref) =
   "caption",
   {
     ref,
-    className: chunkYO72COII_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunk7WVGPVSG_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
     ...props
   }
 ));
@@ -1276,6 +1351,109 @@ var useTableSelection = () => {
   }
   return context;
 };
+function getDefaultColumns(columns, isMobile) {
+  return columns.filter((col) => {
+    if (col.sticky) return true;
+    if (isMobile) return col.mobileVisible === true;
+    return col.defaultVisible !== false;
+  }).map((col) => col.key);
+}
+function useColumnVisibility(columns, options = {}) {
+  const { storageKey } = options;
+  const [visibleColumns, setVisibleColumnsState] = React9.useState(() => {
+    if (storageKey && typeof window !== "undefined") {
+      try {
+        const saved = localStorage.getItem(storageKey);
+        if (saved) {
+          const parsed = JSON.parse(saved);
+          const stickyKeys = columns.filter((c) => c.sticky).map((c) => c.key);
+          return Array.from(/* @__PURE__ */ new Set([...stickyKeys, ...parsed]));
+        }
+      } catch {
+      }
+    }
+    return getDefaultColumns(columns, false);
+  });
+  React9.useEffect(() => {
+    if (storageKey) {
+      try {
+        const saved = localStorage.getItem(storageKey);
+        if (saved) return;
+      } catch {
+      }
+    }
+    const isMobile = window.innerWidth < 768;
+    if (isMobile) {
+      setVisibleColumnsState(getDefaultColumns(columns, true));
+    }
+  }, []);
+  const setVisibleColumns = React9.useCallback((cols) => {
+    const stickyKeys = columns.filter((c) => c.sticky).map((c) => c.key);
+    const merged = Array.from(/* @__PURE__ */ new Set([...stickyKeys, ...cols]));
+    setVisibleColumnsState(merged);
+    if (storageKey) {
+      try {
+        localStorage.setItem(storageKey, JSON.stringify(merged));
+      } catch {
+      }
+    }
+  }, [columns, storageKey]);
+  return { visibleColumns, setVisibleColumns };
+}
+function ColumnSelection({
+  columns,
+  visibleColumns,
+  onVisibleColumnsChange,
+  triggerLabel = "Columns",
+  trigger
+}) {
+  const handleToggle = React9__namespace.useCallback((key, checked) => {
+    if (checked) {
+      if (!visibleColumns.includes(key)) {
+        onVisibleColumnsChange([...visibleColumns, key]);
+      }
+    } else {
+      onVisibleColumnsChange(visibleColumns.filter((k) => k !== key));
+    }
+  }, [visibleColumns, onVisibleColumnsChange]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", size: "sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SlidersHorizontal, { className: "h-4 w-4", "aria-hidden": "true" }),
+      triggerLabel
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { align: "end", className: "w-56 p-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "px-2 py-1.5 text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide", children: "Columns" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1 mt-1", children: columns.map((col) => {
+        const isSticky = !!col.sticky;
+        const isChecked = isSticky || visibleColumns.includes(col.key);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          "label",
+          {
+            className: chunk7WVGPVSG_js.cn(
+              "flex items-center gap-2.5 rounded-hz-md px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-neutral-800",
+              isSticky && "opacity-50 cursor-not-allowed"
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  "aria-label": col.label,
+                  checked: isChecked,
+                  disabled: isSticky,
+                  onCheckedChange: (checked) => {
+                    if (!isSticky) handleToggle(col.key, !!checked);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-700 dark:text-gray-300", children: col.label })
+            ]
+          },
+          col.key
+        );
+      }) })
+    ] })
+  ] });
+}
 var TabsContext = React9__namespace.createContext(null);
 var useTabsContext = () => {
   const context = React9__namespace.useContext(TabsContext);
@@ -1355,7 +1533,7 @@ var TabsList = React9__namespace.forwardRef(({ className, children, variant = "p
         else if (ref) ref.current = node;
         listRef.current = node;
       },
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         variant === "pill" ? "relative inline-flex h-10 items-center justify-center rounded-hz-lg p-1 bg-gray-100 text-gray-500 dark:bg-neutral-700 dark:text-gray-400" : "flex gap-4 border-b border-gray-200 dark:border-neutral-800",
         className
       ),
@@ -1401,12 +1579,12 @@ var TabsTrigger = React9__namespace.forwardRef(({ className, value, icon, childr
         else if (ref) ref.current = node;
       },
       value,
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         "inline-flex items-center gap-1.5 whitespace-nowrap text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-        variant === "pill" ? chunkYO72COII_js.cn(
+        variant === "pill" ? chunk7WVGPVSG_js.cn(
           "relative z-10 justify-center rounded-hz-md px-3 py-1.5 transition-colors",
           isActive ? "text-gray-900 dark:text-gray-100" : "text-gray-500 dark:text-gray-400"
-        ) : chunkYO72COII_js.cn(
+        ) : chunk7WVGPVSG_js.cn(
           "pb-3 border-b-2 transition-colors",
           isActive ? "border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400" : "border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600"
         ),
@@ -1425,7 +1603,7 @@ var TabsContent = React9__namespace.forwardRef(({ className, ...props }, ref) =>
   TabsPrimitive__namespace.Content,
   {
     ref,
-    className: chunkYO72COII_js.cn(
+    className: chunk7WVGPVSG_js.cn(
       "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
       className
     ),
@@ -1438,7 +1616,7 @@ var Textarea = React9__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
       {
-        className: chunkYO72COII_js.cn(
+        className: chunk7WVGPVSG_js.cn(
           "flex min-h-[80px] w-full rounded-hz-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500",
           className
         ),
@@ -1517,7 +1695,7 @@ function Toggle({
       ...props,
       type: "multiple",
       ...value !== void 0 ? { value, onValueChange: onChange } : {},
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         toggleGroupVariants({ size }),
         containerRadiusClass[radius],
         className
@@ -1530,7 +1708,7 @@ function Toggle({
             value: option.value,
             disabled: option.disabled,
             "aria-label": iconOnly ? option.ariaLabel ?? option.value : void 0,
-            className: chunkYO72COII_js.cn(
+            className: chunk7WVGPVSG_js.cn(
               toggleItemVariants({ size, iconOnly }),
               itemRadiusClass[radius],
               "border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
@@ -1606,7 +1784,7 @@ function SegmentedControl({
     {
       ...props,
       ...value !== void 0 ? { value, onValueChange: onChange } : {},
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         segmentedControlVariants({ size }),
         containerRadiusClass2[radius],
         className
@@ -1616,7 +1794,7 @@ function SegmentedControl({
         {
           value: option.value,
           disabled: option.disabled,
-          className: chunkYO72COII_js.cn(
+          className: chunk7WVGPVSG_js.cn(
             segmentedControlItemVariants({ size }),
             itemRadiusClass2[radius],
             "border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
@@ -1684,7 +1862,7 @@ var Switch = React9__namespace.forwardRef(({ className, size, label, labelPositi
       ...props,
       id: switchId,
       ref,
-      className: chunkYO72COII_js.cn(switchTrackVariants({ size }), className),
+      className: chunk7WVGPVSG_js.cn(switchTrackVariants({ size }), className),
       children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { className: switchThumbVariants({ size }) })
     }
   );
@@ -1692,7 +1870,7 @@ var Switch = React9__namespace.forwardRef(({ className, size, label, labelPositi
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunkYO72COII_js.cn(
+      className: chunk7WVGPVSG_js.cn(
         "inline-flex items-center gap-2",
         props.disabled ? "cursor-not-allowed" : "cursor-pointer"
       ),
@@ -1701,7 +1879,7 @@ var Switch = React9__namespace.forwardRef(({ className, size, label, labelPositi
           "label",
           {
             htmlFor: switchId,
-            className: chunkYO72COII_js.cn(
+            className: chunk7WVGPVSG_js.cn(
               switchLabelVariants({ size }),
               props.disabled ? "cursor-not-allowed" : "cursor-pointer"
             ),
@@ -1713,7 +1891,7 @@ var Switch = React9__namespace.forwardRef(({ className, size, label, labelPositi
           "label",
           {
             htmlFor: switchId,
-            className: chunkYO72COII_js.cn(
+            className: chunk7WVGPVSG_js.cn(
               switchLabelVariants({ size }),
               props.disabled ? "cursor-not-allowed" : "cursor-pointer"
             ),
@@ -1734,6 +1912,7 @@ exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;
 exports.Checkbox = Checkbox;
+exports.ColumnSelection = ColumnSelection;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
@@ -1819,8 +1998,9 @@ exports.switchThumbVariants = switchThumbVariants;
 exports.switchTrackVariants = switchTrackVariants;
 exports.toggleGroupVariants = toggleGroupVariants;
 exports.toggleItemVariants = toggleItemVariants;
+exports.useColumnVisibility = useColumnVisibility;
 exports.useFormContext = useFormContext;
 exports.useFormFieldContext = useFormFieldContext;
 exports.useTableSelection = useTableSelection;
-//# sourceMappingURL=chunk-BVQVZKMM.js.map
-//# sourceMappingURL=chunk-BVQVZKMM.js.map
+//# sourceMappingURL=chunk-UWBZTH6L.js.map
+//# sourceMappingURL=chunk-UWBZTH6L.js.map