@pos-360/horizon 0.16.0 → 0.18.0

package/dist/{chunk-KQYOZC7B.mjs → chunk-DNRDNWUF.mjs}

@@ -1,19 +1,19 @@
-import { cn, Label } from './chunk-THQLVDXH.mjs';
-import * as React9 from 'react';
+import { cn, Label, Tooltip } from './chunk-UQ66UPWH.mjs';
+import * as React10 from 'react';
 import { useState, useEffect, useCallback } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { Check, X, ChevronRight, Circle, ChevronDown, ChevronUp, Search, SlidersHorizontal } from 'lucide-react';
+import { Check, X, ChevronRight, Circle, ChevronDown, ChevronUp, Search, PenLine, SlidersHorizontal } from 'lucide-react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { AnimatePresence, motion } from 'framer-motion';
 import * as SelectPrimitive from '@radix-ui/react-select';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
-import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as SwitchPrimitive from '@radix-ui/react-switch';
 
 var buttonVariants = cva(
@@ -41,7 +41,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React9.forwardRef(
+var Button = React10.forwardRef(
   ({
     className,
     variant,
@@ -81,7 +81,7 @@ var Button = React9.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -93,7 +93,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -102,7 +102,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -111,7 +111,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -120,7 +120,7 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -129,7 +129,7 @@ var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -138,7 +138,7 @@ var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardFooter.displayName = "CardFooter";
-var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -161,7 +161,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -173,7 +173,7 @@ var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -223,7 +223,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -235,7 +235,7 @@ var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -250,7 +250,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -267,7 +267,7 @@ var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ..
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -279,7 +279,7 @@ var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React10.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -293,7 +293,7 @@ var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -306,7 +306,7 @@ var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -323,7 +323,7 @@ var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -339,7 +339,7 @@ var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -352,7 +352,7 @@ var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -374,19 +374,19 @@ var DropdownMenuShortcut = ({
   );
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var FormContext = React9.createContext(null);
+var FormContext = React10.createContext(null);
 function useFormContext() {
-  const context = React9.useContext(FormContext);
+  const context = React10.useContext(FormContext);
   if (!context) {
     throw new Error("useFormContext must be used within a Form component");
   }
   return context;
 }
-var FormFieldContext = React9.createContext(
+var FormFieldContext = React10.createContext(
   null
 );
 function useFormFieldContext() {
-  const context = React9.useContext(FormFieldContext);
+  const context = React10.useContext(FormFieldContext);
   if (!context) {
     throw new Error(
       "useFormFieldContext must be used within a FormField component"
@@ -394,24 +394,24 @@ function useFormFieldContext() {
   }
   return context;
 }
-var Form = React9.forwardRef(
+var Form = React10.forwardRef(
   ({ className, children, onFormSubmit, ...props }, ref) => {
-    const [errors, setErrors] = React9.useState({});
-    const [isSubmitting, setIsSubmitting] = React9.useState(false);
-    const setError = React9.useCallback(
+    const [errors, setErrors] = React10.useState({});
+    const [isSubmitting, setIsSubmitting] = React10.useState(false);
+    const setError = React10.useCallback(
       (name, message) => {
         setErrors((prev) => ({ ...prev, [name]: message }));
       },
       []
     );
-    const clearError = React9.useCallback((name) => {
+    const clearError = React10.useCallback((name) => {
       setErrors((prev) => {
         const next = { ...prev };
         delete next[name];
         return next;
       });
     }, []);
-    const clearAllErrors = React9.useCallback(() => {
+    const clearAllErrors = React10.useCallback(() => {
       setErrors({});
     }, []);
     const isValid = Object.keys(errors).length === 0;
@@ -430,7 +430,7 @@ var Form = React9.forwardRef(
         }
       }
     };
-    const contextValue = React9.useMemo(
+    const contextValue = React10.useMemo(
       () => ({
         errors,
         setError,
@@ -454,12 +454,12 @@ var Form = React9.forwardRef(
   }
 );
 Form.displayName = "Form";
-var FormField = React9.forwardRef(
+var FormField = React10.forwardRef(
   ({ className, name, children, ...props }, ref) => {
     const { errors } = useFormContext();
-    const id = React9.useId();
+    const id = React10.useId();
     const error = errors[name];
-    const contextValue = React9.useMemo(
+    const contextValue = React10.useMemo(
       () => ({ name, error, id }),
       [name, error, id]
     );
@@ -467,7 +467,7 @@ var FormField = React9.forwardRef(
   }
 );
 FormField.displayName = "FormField";
-var FormLabel = React9.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React10.forwardRef(({ className, ...props }, ref) => {
   const { id, error } = useFormFieldContext();
   return /* @__PURE__ */ jsx(
     Label,
@@ -480,10 +480,10 @@ var FormLabel = React9.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React9.forwardRef(
+var FormControl = React10.forwardRef(
   ({ children, ...props }, ref) => {
     const { id, error, name } = useFormFieldContext();
-    const child = React9.cloneElement(children, {
+    const child = React10.cloneElement(children, {
       id,
       name,
       "aria-invalid": !!error,
@@ -494,7 +494,7 @@ var FormControl = React9.forwardRef(
   }
 );
 FormControl.displayName = "FormControl";
-var FormDescription = React9.forwardRef(
+var FormDescription = React10.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -510,9 +510,9 @@ var FormDescription = React9.forwardRef(
   }
 );
 FormDescription.displayName = "FormDescription";
-var FormMessage = React9.forwardRef(
+var FormMessage = React10.forwardRef(
   ({ className, children, error: errorProp, ...props }, ref) => {
-    const fieldContext = React9.useContext(FormFieldContext);
+    const fieldContext = React10.useContext(FormFieldContext);
     const error = errorProp ?? fieldContext?.error;
     const id = fieldContext?.id;
     if (!error && !children) {
@@ -536,14 +536,14 @@ var FormMessage = React9.forwardRef(
   }
 );
 FormMessage.displayName = "FormMessage";
-var PopoverContext = React9.createContext({ open: false });
+var PopoverContext = React10.createContext({ open: false });
 var Popover = ({
   children,
   open: controlledOpen,
   onOpenChange,
   ...props
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React9.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React10.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
   const handleOpenChange = (newOpen) => {
@@ -564,8 +564,8 @@ var Popover = ({
 };
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React9.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
-  const { open } = React9.useContext(PopoverContext);
+var PopoverContent = React10.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
+  const { open } = React10.useContext(PopoverContext);
   const {
     onOpenAutoFocus,
     onCloseAutoFocus,
@@ -615,7 +615,7 @@ var PopoverContent = React9.forwardRef(({ className, align = "center", sideOffse
             mass: 0.8
           },
           className: 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]",
+            "z-50 w-72 rounded-md 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
           ),
           children
@@ -625,15 +625,15 @@ var PopoverContent = React9.forwardRef(({ className, align = "center", sideOffse
   ) }) });
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var SelectContext = React9.createContext({ open: false });
-var SelectSearchContext = React9.createContext("");
+var SelectContext = React10.createContext({ open: false });
+var SelectSearchContext = React10.createContext("");
 var Select = ({
   children,
   open: controlledOpen,
   onOpenChange,
   ...props
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React9.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React10.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
   const handleOpenChange = (newOpen) => {
@@ -653,9 +653,9 @@ var Select = ({
   ) });
 };
 var SelectGroup = SelectPrimitive.Group;
-var SelectValue = React9.forwardRef(({ children, placeholder, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Value, { ref, placeholder, ...props, children }));
+var SelectValue = React10.forwardRef(({ children, placeholder, ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Value, { ref, placeholder, ...props, children }));
 SelectValue.displayName = SelectPrimitive.Value.displayName;
-var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -671,7 +671,7 @@ var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) =
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -684,7 +684,7 @@ var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -697,11 +697,11 @@ var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React9.forwardRef(({ className, children, position = "popper", searchable = false, searchPlaceholder = "Search...", ...props }, ref) => {
-  const { open } = React9.useContext(SelectContext);
-  const [search, setSearch] = React9.useState("");
-  const searchInputRef = React9.useRef(null);
-  React9.useEffect(() => {
+var SelectContent = React10.forwardRef(({ className, children, position = "popper", searchable = false, searchPlaceholder = "Search...", ...props }, ref) => {
+  const { open } = React10.useContext(SelectContext);
+  const [search, setSearch] = React10.useState("");
+  const searchInputRef = React10.useRef(null);
+  React10.useEffect(() => {
     if (open && searchable) {
       const frame = requestAnimationFrame(() => {
         searchInputRef.current?.focus();
@@ -727,6 +727,7 @@ var SelectContent = React9.forwardRef(({ className, children, position = "popper
   } = props;
   const ForceMountPortal = SelectPrimitive.Portal;
   const ForceMountContent = SelectPrimitive.Content;
+  const AnimatedContent = React10.useMemo(() => React10.forwardRef(({ forceMount: _, ...props2 }, ref2) => /* @__PURE__ */ jsx(motion.div, { ref: ref2, ...props2 })), []);
   return /* @__PURE__ */ jsx(ForceMountPortal, { forceMount: true, children: /* @__PURE__ */ jsx(
     ForceMountContent,
     {
@@ -748,7 +749,7 @@ var SelectContent = React9.forwardRef(({ className, children, position = "popper
       asChild: true,
       ...{ forceMount: true },
       children: /* @__PURE__ */ jsxs(
-        motion.div,
+        AnimatedContent,
         {
           initial: false,
           animate: open ? { opacity: 1, scale: 1, y: 0, pointerEvents: "auto" } : { opacity: 0, scale: 0.96, y: -8, pointerEvents: "none" },
@@ -799,7 +800,7 @@ var SelectContent = React9.forwardRef(({ className, children, position = "popper
   ) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -808,8 +809,8 @@ var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React9.forwardRef(({ className, children, textValue, ...props }, ref) => {
-  const search = React9.useContext(SelectSearchContext);
+var SelectItem = React10.forwardRef(({ className, children, textValue, ...props }, ref) => {
+  const search = React10.useContext(SelectSearchContext);
   const itemText = textValue ?? (typeof children === "string" ? children : "");
   if (search && itemText && !itemText.toLowerCase().includes(search.toLowerCase())) {
     return null;
@@ -832,7 +833,7 @@ var SelectItem = React9.forwardRef(({ className, children, textValue, ...props }
   );
 });
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -935,12 +936,173 @@ function SkeletonCard({ className }) {
     }
   );
 }
-var TableContext = React9.createContext(null);
+var segmentedControlVariants = cva(
+  "inline-flex w-fit items-stretch border border-gray-200 bg-white dark:border-neutral-700 dark:bg-neutral-900",
+  {
+    variants: {
+      size: {
+        default: "h-[52px]",
+        sm: "h-10",
+        lg: "h-[60px]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var segmentedControlItemVariants = cva(
+  "inline-flex flex-1 cursor-pointer items-center justify-center whitespace-nowrap px-6 text-sm font-medium transition-all 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 disabled:cursor-not-allowed",
+  {
+    variants: {
+      size: {
+        default: "h-full min-w-[120px]",
+        sm: "h-full min-w-[90px] text-xs",
+        lg: "h-full min-w-[140px] text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var containerRadiusClass = {
+  none: "rounded-hz-lg",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "rounded-full"
+};
+var itemRadiusClass = {
+  none: "first:rounded-l-hz-lg last:rounded-r-hz-lg",
+  sm: "first:rounded-l-sm last:rounded-r-sm",
+  md: "first:rounded-l-md last:rounded-r-md",
+  lg: "first:rounded-l-lg last:rounded-r-lg",
+  full: "rounded-full"
+};
+function SegmentedControl({
+  className,
+  options,
+  value,
+  onChange,
+  size,
+  radius = "none",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    {
+      ...props,
+      ...value !== void 0 ? { value, onValueChange: onChange } : {},
+      className: cn(
+        segmentedControlVariants({ size }),
+        containerRadiusClass[radius],
+        className
+      ),
+      children: options.map((option) => /* @__PURE__ */ jsxs(
+        RadioGroupPrimitive.Item,
+        {
+          value: option.value,
+          disabled: option.disabled,
+          className: cn(
+            segmentedControlItemVariants({ size }),
+            itemRadiusClass[radius],
+            "border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
+            "data-[state=checked]:!bg-blue-50 data-[state=checked]:border-blue-500 data-[state=checked]:text-blue-600",
+            "dark:data-[state=checked]:!bg-blue-950/40 dark:data-[state=checked]:border-blue-400 dark:data-[state=checked]:text-blue-400"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "hidden" }),
+            option.label
+          ]
+        },
+        option.value
+      ))
+    }
+  );
+}
+function BulkEditPopover({ column, onApply }) {
+  const [value, setValue] = React10.useState("");
+  const [open, setOpen] = React10.useState(false);
+  const { bulkEdit } = column;
+  if (!bulkEdit) return null;
+  const isValid = bulkEdit.kind === "input" ? !!value.trim() : !!value;
+  const headingLabel = bulkEdit.label ?? column.label;
+  const handleApply = () => {
+    if (!isValid) return;
+    onApply(value);
+    setValue("");
+    setOpen(false);
+  };
+  const handleOpenChange = (next) => {
+    setOpen(next);
+    if (next && bulkEdit.kind === "segmented-control") {
+      setValue(bulkEdit.options[0]?.value ?? "");
+    }
+    if (!next) setValue("");
+  };
+  return /* @__PURE__ */ jsx(Tooltip, { content: `Apply to all ${headingLabel}`, side: "top", disabled: open, children: /* @__PURE__ */ jsx("span", { className: "inline-flex", children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onFocus: (e) => e.stopPropagation(),
+        className: "ml-1 rounded p-0.5 text-gray-400 hover:text-gray-600 hover:bg-gray-100 dark:hover:text-gray-300 dark:hover:bg-neutral-700 transition-colors",
+        "aria-label": `Edit all ${column.label} values`,
+        children: /* @__PURE__ */ jsx(PenLine, { className: "h-3.5 w-3.5" })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: cn("p-3 space-y-3", bulkEdit.kind === "segmented-control" ? "w-auto" : "w-64"), children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide", children: [
+        "Apply to all \u2014 ",
+        headingLabel
+      ] }),
+      bulkEdit.kind === "input" ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        bulkEdit.leadingDecorator && /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 left-0 pl-3 flex items-center text-sm text-neutral-400 pointer-events-none", children: bulkEdit.leadingDecorator }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: bulkEdit.type ?? "text",
+            placeholder: bulkEdit.placeholder,
+            value,
+            onChange: (e) => setValue(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                handleApply();
+              }
+            },
+            autoFocus: true,
+            className: cn(
+              "w-full rounded-hz-md border border-gray-300 bg-white py-2 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-blue-500/50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500",
+              bulkEdit.leadingDecorator ? "pl-7 pr-3" : "px-3"
+            )
+          }
+        )
+      ] }) : bulkEdit.kind === "select" ? /* @__PURE__ */ jsxs(Select, { value, onValueChange: setValue, children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: "rounded-md", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: bulkEdit.placeholder ?? "Select a value" }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: bulkEdit.options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+      ] }) : /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          className: "w-full",
+          size: "sm",
+          value,
+          onChange: setValue,
+          options: bulkEdit.options
+        }
+      ),
+      bulkEdit.kind === "input" && bulkEdit.renderPreview && value && bulkEdit.renderPreview(value),
+      /* @__PURE__ */ jsx(Button, { size: "sm", className: "w-full rounded-md", onClick: handleApply, disabled: !isValid, children: "Apply All" })
+    ] })
+  ] }) }) });
+}
+var TableContext = React10.createContext(null);
 var useTableContext = () => {
-  const context = React9.useContext(TableContext);
+  const context = React10.useContext(TableContext);
   return context;
 };
-var TableInner = React9.forwardRef(
+var TableInner = React10.forwardRef(
   ({
     className,
     selectable = false,
@@ -954,28 +1116,28 @@ var TableInner = React9.forwardRef(
     visibleColumns,
     showDividers = false,
     highlightMode = "row",
+    onBulkEdit,
     children,
     ...props
   }, ref) => {
-    const [internalSelectedRows, setInternalSelectedRows] = React9.useState(/* @__PURE__ */ new Set());
-    const [registeredRowIds, setRegisteredRowIds] = React9.useState(/* @__PURE__ */ new Set());
-    const [hoveredCol, setHoveredCol] = React9.useState(null);
-    const [hoveredRowIndex, setHoveredRowIndex] = React9.useState(null);
+    const [internalSelectedRows, setInternalSelectedRows] = React10.useState(/* @__PURE__ */ new Set());
+    const [registeredRowIds, setRegisteredRowIds] = React10.useState(/* @__PURE__ */ new Set());
+    const wrapperRef = React10.useRef(null);
     const isControlled = controlledSelectedRows !== void 0;
     const selectedRowsSet = isControlled ? new Set(controlledSelectedRows) : internalSelectedRows;
-    const defaultGetRowId = React9.useCallback((row) => {
+    const defaultGetRowId = React10.useCallback((row) => {
       if (typeof row === "string") return row;
       if (typeof row === "object" && row?.id) return String(row.id);
       return String(row);
     }, []);
     const finalGetRowId = getRowId || defaultGetRowId;
-    const allRowIds = React9.useMemo(() => {
+    const allRowIds = React10.useMemo(() => {
       if (rows) {
         return new Set(rows.map(finalGetRowId));
       }
       return registeredRowIds;
     }, [rows, finalGetRowId, registeredRowIds]);
-    const registerRowId = React9.useCallback((rowId) => {
+    const registerRowId = React10.useCallback((rowId) => {
       if (rowId) {
         setRegisteredRowIds((prev) => {
           if (prev.has(rowId)) return prev;
@@ -983,7 +1145,7 @@ var TableInner = React9.forwardRef(
         });
       }
     }, []);
-    const unregisterRowId = React9.useCallback((rowId) => {
+    const unregisterRowId = React10.useCallback((rowId) => {
       if (rowId) {
         setRegisteredRowIds((prev) => {
           if (!prev.has(rowId)) return prev;
@@ -993,7 +1155,7 @@ var TableInner = React9.forwardRef(
         });
       }
     }, []);
-    const toggleRow = React9.useCallback(
+    const toggleRow = React10.useCallback(
       (rowId) => {
         if (!selectable) return;
         const next = new Set(selectedRowsSet);
@@ -1018,7 +1180,7 @@ var TableInner = React9.forwardRef(
       },
       [selectable, selectionMode, selectedRowsSet, isControlled, onSelectionChange]
     );
-    const selectAll = React9.useCallback(() => {
+    const selectAll = React10.useCallback(() => {
       if (!selectable || selectionMode !== "multiple" || allRowIds.size === 0) return;
       const next = new Set(allRowIds);
       if (isControlled) {
@@ -1028,7 +1190,7 @@ var TableInner = React9.forwardRef(
         onSelectionChange?.(Array.from(next));
       }
     }, [selectable, selectionMode, allRowIds, isControlled, onSelectionChange]);
-    const deselectAll = React9.useCallback(() => {
+    const deselectAll = React10.useCallback(() => {
       if (!selectable) return;
       const next = /* @__PURE__ */ new Set();
       if (isControlled) {
@@ -1038,19 +1200,19 @@ var TableInner = React9.forwardRef(
         onSelectionChange?.(Array.from(next));
       }
     }, [selectable, isControlled, onSelectionChange]);
-    const isRowSelected = React9.useCallback(
+    const isRowSelected = React10.useCallback(
       (rowId) => selectedRowsSet.has(rowId),
       [selectedRowsSet]
     );
-    const isAllSelected = React9.useMemo(() => {
+    const isAllSelected = React10.useMemo(() => {
       if (!selectable || allRowIds.size === 0) return false;
       return allRowIds.size > 0 && Array.from(allRowIds).every((id) => selectedRowsSet.has(id));
     }, [selectable, allRowIds, selectedRowsSet]);
-    const isSomeSelected = React9.useMemo(() => {
+    const isSomeSelected = React10.useMemo(() => {
       if (!selectable) return false;
       return selectedRowsSet.size > 0 && !isAllSelected;
     }, [selectable, selectedRowsSet.size, isAllSelected]);
-    const contextValue = React9.useMemo(() => ({
+    const contextValue = React10.useMemo(() => ({
       selectable,
       selectionMode,
       selectedRows: selectedRowsSet,
@@ -1077,14 +1239,54 @@ var TableInner = React9.forwardRef(
       registerRowId,
       unregisterRowId
     ]);
+    React10.useEffect(() => {
+      const wrapper = wrapperRef.current;
+      if (!wrapper || highlightMode === "none") return;
+      let prevCell = null;
+      let highlighted = [];
+      const getHighlightBg = () => document.documentElement.classList.contains("dark") ? "rgba(38, 38, 38, 0.5)" : "rgb(249, 250, 251)";
+      const clearHighlight = () => {
+        for (const el of highlighted) el.style.removeProperty("background-color");
+        highlighted = [];
+      };
+      const handleMouseMove = (e) => {
+        const cell = e.target.closest("td, th");
+        if (cell === prevCell) return;
+        prevCell = cell;
+        clearHighlight();
+        if (!cell) return;
+        const next = [];
+        const tr = cell.closest("tr");
+        const colKey = cell.getAttribute("data-col-key");
+        if ((highlightMode === "row" || highlightMode === "cross") && tr) {
+          next.push(...Array.from(tr.querySelectorAll("td, th")));
+        }
+        if ((highlightMode === "column" || highlightMode === "cross") && colKey) {
+          for (const el of Array.from(wrapper.querySelectorAll(`[data-col-key="${colKey}"]`))) {
+            if (!next.includes(el)) next.push(el);
+          }
+        }
+        const bg = getHighlightBg();
+        for (const el of next) el.style.setProperty("background-color", bg, "important");
+        highlighted = next;
+      };
+      const handleMouseLeave = () => {
+        prevCell = null;
+        clearHighlight();
+      };
+      wrapper.addEventListener("mousemove", handleMouseMove, { passive: true });
+      wrapper.addEventListener("mouseleave", handleMouseLeave);
+      return () => {
+        wrapper.removeEventListener("mousemove", handleMouseMove);
+        wrapper.removeEventListener("mouseleave", handleMouseLeave);
+        clearHighlight();
+      };
+    }, [highlightMode]);
     return /* @__PURE__ */ jsx(TableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
       "div",
       {
+        ref: wrapperRef,
         className: "relative w-full overflow-auto",
-        onMouseLeave: () => {
-          setHoveredCol(null);
-          setHoveredRowIndex(null);
-        },
         children: /* @__PURE__ */ jsx(
           "table",
           {
@@ -1096,50 +1298,47 @@ var TableInner = React9.forwardRef(
                 (col) => col.sticky || !visibleColumns || visibleColumns.includes(col.key)
               );
               return /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("thead", { className: "[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", children: /* @__PURE__ */ 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__ */ jsx(
-                    "th",
-                    {
-                      style: col.minWidth ? { minWidth: col.minWidth } : void 0,
-                      onMouseEnter: () => {
-                        if (highlightMode === "column" || highlightMode === "cross") setHoveredCol(col.key);
-                      },
-                      className: cn(
-                        "h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 transition-colors",
-                        col.sticky ? 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__ */ jsx("thead", { className: "[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", children: /* @__PURE__ */ jsx("tr", { className: "border-b border-gray-200 transition-colors dark:border-neutral-700", children: visibleCols.map((col) => /* @__PURE__ */ jsx(
+                  "th",
+                  {
+                    "data-col-key": col.key,
+                    style: col.minWidth ? { minWidth: col.minWidth } : void 0,
+                    className: cn(
+                      "h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400",
+                      col.sticky && "sticky left-0 z-20 bg-white dark:bg-neutral-900",
+                      showDividers && "border-r border-gray-200 dark:border-neutral-700"
+                    ),
+                    children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+                      col.label,
+                      col.bulkEdit && onBulkEdit && /* @__PURE__ */ jsx(
+                        BulkEditPopover,
+                        {
+                          column: col,
+                          onApply: (value) => onBulkEdit(col.key, value)
+                        }
+                      )
+                    ] })
+                  },
+                  col.key
+                )) }) }),
                 /* @__PURE__ */ jsx("tbody", { className: "[&_tr:last-child]:border-0", children: data.map((row, rowIndex) => /* @__PURE__ */ 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__ */ jsx(
-                        "td",
-                        {
-                          onMouseEnter: () => {
-                            if (highlightMode === "column" || highlightMode === "cross") setHoveredCol(col.key);
-                            if (highlightMode === "row" || highlightMode === "cross") setHoveredRowIndex(rowIndex);
-                          },
-                          className: cn(
-                            "p-4 align-middle transition-colors",
-                            col.sticky ? 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
-                      );
-                    })
+                    children: visibleCols.map((col) => /* @__PURE__ */ jsx(
+                      "td",
+                      {
+                        "data-col-key": col.key,
+                        className: cn(
+                          "p-4 align-middle",
+                          col.sticky && "sticky left-0 z-20 bg-white dark:bg-neutral-900",
+                          showDividers && "border-r border-gray-200 dark:border-neutral-700",
+                          typeof col.cellClassName === "function" ? col.cellClassName(row) : col.cellClassName
+                        ),
+                        children: col.cell(row)
+                      },
+                      col.key
+                    ))
                   },
                   finalGetRowId ? finalGetRowId(row) : rowIndex
                 )) })
@@ -1153,7 +1352,7 @@ var TableInner = React9.forwardRef(
 );
 TableInner.displayName = "Table";
 var Table = TableInner;
-var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHeader = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "thead",
   {
     ref,
@@ -1162,7 +1361,7 @@ var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -1171,7 +1370,7 @@ var TableBody = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -1183,19 +1382,19 @@ var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React9.forwardRef(
+var TableRow = React10.forwardRef(
   ({ className, rowId, rowData, onClick, ...props }, ref) => {
     const context = useTableContext();
     const getRowId = context?.getRowId;
     const selectable = context?.selectable;
     const registerRowId = context?.registerRowId;
     const unregisterRowId = context?.unregisterRowId;
-    const finalRowId = React9.useMemo(() => {
+    const finalRowId = React10.useMemo(() => {
       if (rowId) return rowId;
       if (rowData && getRowId) return getRowId(rowData);
       return props.id || void 0;
     }, [rowId, rowData, getRowId, props.id]);
-    React9.useEffect(() => {
+    React10.useEffect(() => {
       if (finalRowId && selectable) {
         registerRowId?.(finalRowId);
         return () => {
@@ -1204,7 +1403,7 @@ var TableRow = React9.forwardRef(
       }
     }, [finalRowId, selectable, registerRowId, unregisterRowId]);
     const isSelected = finalRowId ? context?.isRowSelected(finalRowId) : false;
-    const handleClick = React9.useCallback(
+    const handleClick = React10.useCallback(
       (e) => {
         onClick?.(e);
       },
@@ -1227,7 +1426,7 @@ var TableRow = React9.forwardRef(
   }
 );
 TableRow.displayName = "TableRow";
-var TableHead = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -1239,7 +1438,7 @@ var TableHead = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React9.forwardRef(
+var TableCell = React10.forwardRef(
   ({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
     "td",
     {
@@ -1254,7 +1453,7 @@ var TableCell = React9.forwardRef(
   )
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -1263,7 +1462,7 @@ var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableCaption.displayName = "TableCaption";
-var TableSelectAll = React9.forwardRef(({ className, ...props }, ref) => {
+var TableSelectAll = React10.forwardRef(({ className, ...props }, ref) => {
   const context = useTableContext();
   if (!context?.selectable || context.selectionMode !== "multiple") {
     return null;
@@ -1286,13 +1485,13 @@ var TableSelectAll = React9.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 TableSelectAll.displayName = "TableSelectAll";
-var TableRowCheckbox = React9.forwardRef(({ rowId, rowData, className, ...props }, ref) => {
+var TableRowCheckbox = React10.forwardRef(({ rowId, rowData, className, ...props }, ref) => {
   const context = useTableContext();
   const getRowId = context?.getRowId;
   if (!context?.selectable) {
     return null;
   }
-  const finalRowId = React9.useMemo(() => {
+  const finalRowId = React10.useMemo(() => {
     if (rowId) return rowId;
     if (rowData && getRowId) return getRowId(rowData);
     return void 0;
@@ -1374,10 +1573,10 @@ function ColumnSelection({
   columns,
   visibleColumns,
   onVisibleColumnsChange,
-  triggerLabel = "Columns",
+  triggerLabel = "Manage Columns",
   trigger
 }) {
-  const handleToggle = React9.useCallback((key, checked) => {
+  const handleToggle = React10.useCallback((key, checked) => {
     if (checked) {
       if (!visibleColumns.includes(key)) {
         onVisibleColumnsChange([...visibleColumns, key]);
@@ -1424,33 +1623,33 @@ function ColumnSelection({
     ] })
   ] });
 }
-var TabsContext = React9.createContext(null);
+var TabsContext = React10.createContext(null);
 var useTabsContext = () => {
-  const context = React9.useContext(TabsContext);
+  const context = React10.useContext(TabsContext);
   if (!context) {
     throw new Error("Tabs components must be used within a Tabs provider");
   }
   return context;
 };
-var TabsListContext = React9.createContext({ variant: "pill" });
-var useTabsListContext = () => React9.useContext(TabsListContext);
-var Tabs = React9.forwardRef(({ defaultValue, value, onValueChange, children, ...props }, ref) => {
-  const [activeTab, setActiveTabState] = React9.useState(value ?? defaultValue);
-  const tabRefs = React9.useRef(/* @__PURE__ */ new Map()).current;
-  const listRef = React9.useRef(null);
-  const setActiveTab = React9.useCallback(
+var TabsListContext = React10.createContext({ variant: "pill" });
+var useTabsListContext = () => React10.useContext(TabsListContext);
+var Tabs = React10.forwardRef(({ defaultValue, value, onValueChange, children, ...props }, ref) => {
+  const [activeTab, setActiveTabState] = React10.useState(value ?? defaultValue);
+  const tabRefs = React10.useRef(/* @__PURE__ */ new Map()).current;
+  const listRef = React10.useRef(null);
+  const setActiveTab = React10.useCallback(
     (newValue) => {
       setActiveTabState(newValue);
       onValueChange?.(newValue);
     },
     [onValueChange]
   );
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     if (value !== void 0) {
       setActiveTabState(value);
     }
   }, [value]);
-  const registerTab = React9.useCallback(
+  const registerTab = React10.useCallback(
     (tabValue, element) => {
       tabRefs.set(tabValue, element);
     },
@@ -1475,10 +1674,10 @@ var Tabs = React9.forwardRef(({ defaultValue, value, onValueChange, children, ..
   );
 });
 Tabs.displayName = "Tabs";
-var TabsList = React9.forwardRef(({ className, children, variant = "pill", ...props }, ref) => {
+var TabsList = React10.forwardRef(({ className, children, variant = "pill", ...props }, ref) => {
   const { activeTab, tabRefs, listRef } = useTabsContext();
-  const [indicatorStyle, setIndicatorStyle] = React9.useState(null);
-  React9.useEffect(() => {
+  const [indicatorStyle, setIndicatorStyle] = React10.useState(null);
+  React10.useEffect(() => {
     if (variant !== "pill") return;
     const updateIndicator = () => {
       if (!activeTab || !listRef.current) return;
@@ -1531,11 +1730,11 @@ var TabsList = React9.forwardRef(({ className, children, variant = "pill", ...pr
   ) });
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React9.forwardRef(({ className, value, icon, children, ...props }, ref) => {
+var TabsTrigger = React10.forwardRef(({ className, value, icon, children, ...props }, ref) => {
   const { registerTab, activeTab } = useTabsContext();
   const { variant } = useTabsListContext();
-  const triggerRef = React9.useRef(null);
-  React9.useEffect(() => {
+  const triggerRef = React10.useRef(null);
+  React10.useEffect(() => {
     registerTab(value, triggerRef.current);
     return () => registerTab(value, null);
   }, [value, registerTab]);
@@ -1569,7 +1768,7 @@ var TabsTrigger = React9.forwardRef(({ className, value, icon, children, ...prop
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -1581,7 +1780,7 @@ var TabsContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Textarea = React9.forwardRef(
+var Textarea = React10.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -1636,14 +1835,14 @@ var toggleItemVariants = cva(
     }
   }
 );
-var containerRadiusClass = {
+var containerRadiusClass2 = {
   none: "rounded-hz-lg",
   sm: "rounded-sm",
   md: "rounded-md",
   lg: "rounded-lg",
   full: "rounded-full"
 };
-var itemRadiusClass = {
+var itemRadiusClass2 = {
   none: "first:rounded-l-hz-lg last:rounded-r-hz-lg",
   sm: "first:rounded-l-sm last:rounded-r-sm",
   md: "first:rounded-l-md last:rounded-r-md",
@@ -1667,7 +1866,7 @@ function Toggle({
       ...value !== void 0 ? { value, onValueChange: onChange } : {},
       className: cn(
         toggleGroupVariants({ size }),
-        containerRadiusClass[radius],
+        containerRadiusClass2[radius],
         className
       ),
       children: options.map((option) => {
@@ -1680,7 +1879,7 @@ function Toggle({
             "aria-label": iconOnly ? option.ariaLabel ?? option.value : void 0,
             className: cn(
               toggleItemVariants({ size, iconOnly }),
-              itemRadiusClass[radius],
+              itemRadiusClass2[radius],
               "border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
               "data-[state=on]:!bg-blue-50 data-[state=on]:border-blue-500 data-[state=on]:text-blue-600",
               "dark:data-[state=on]:!bg-blue-950/40 dark:data-[state=on]:border-blue-400 dark:data-[state=on]:text-blue-400"
@@ -1696,91 +1895,6 @@ function Toggle({
     }
   );
 }
-var segmentedControlVariants = cva(
-  "inline-flex w-fit items-stretch border border-gray-200 bg-white dark:border-neutral-700 dark:bg-neutral-900",
-  {
-    variants: {
-      size: {
-        default: "h-[52px]",
-        sm: "h-10",
-        lg: "h-[60px]"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var segmentedControlItemVariants = cva(
-  "inline-flex flex-1 cursor-pointer items-center justify-center whitespace-nowrap px-6 text-sm font-medium transition-all 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 disabled:cursor-not-allowed",
-  {
-    variants: {
-      size: {
-        default: "h-full min-w-[120px]",
-        sm: "h-full min-w-[90px] text-xs",
-        lg: "h-full min-w-[140px] text-base"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var containerRadiusClass2 = {
-  none: "rounded-hz-lg",
-  sm: "rounded-sm",
-  md: "rounded-md",
-  lg: "rounded-lg",
-  full: "rounded-full"
-};
-var itemRadiusClass2 = {
-  none: "first:rounded-l-hz-lg last:rounded-r-hz-lg",
-  sm: "first:rounded-l-sm last:rounded-r-sm",
-  md: "first:rounded-l-md last:rounded-r-md",
-  lg: "first:rounded-l-lg last:rounded-r-lg",
-  full: "rounded-full"
-};
-function SegmentedControl({
-  className,
-  options,
-  value,
-  onChange,
-  size,
-  radius = "none",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(
-    RadioGroupPrimitive.Root,
-    {
-      ...props,
-      ...value !== void 0 ? { value, onValueChange: onChange } : {},
-      className: cn(
-        segmentedControlVariants({ size }),
-        containerRadiusClass2[radius],
-        className
-      ),
-      children: options.map((option) => /* @__PURE__ */ jsxs(
-        RadioGroupPrimitive.Item,
-        {
-          value: option.value,
-          disabled: option.disabled,
-          className: cn(
-            segmentedControlItemVariants({ size }),
-            itemRadiusClass2[radius],
-            "border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
-            "data-[state=checked]:!bg-blue-50 data-[state=checked]:border-blue-500 data-[state=checked]:text-blue-600",
-            "dark:data-[state=checked]:!bg-blue-950/40 dark:data-[state=checked]:border-blue-400 dark:data-[state=checked]:text-blue-400"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "hidden" }),
-            option.label
-          ]
-        },
-        option.value
-      ))
-    }
-  );
-}
 var switchTrackVariants = cva(
   "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors 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=unchecked]:bg-gray-200 dark:data-[state=checked]:bg-blue-500 dark:data-[state=unchecked]:bg-neutral-700",
   {
@@ -1823,8 +1937,8 @@ var switchLabelVariants = cva("select-none", {
     size: "default"
   }
 });
-var Switch = React9.forwardRef(({ className, size, label, labelPosition = "right", ...props }, ref) => {
-  const generatedId = React9.useId();
+var Switch = React10.forwardRef(({ className, size, label, labelPosition = "right", ...props }, ref) => {
+  const generatedId = React10.useId();
   const switchId = props.id ?? generatedId;
   const switchEl = /* @__PURE__ */ jsx(
     SwitchPrimitive.Root,
@@ -1875,5 +1989,5 @@ var Switch = React9.forwardRef(({ className, size, label, labelPosition = "right
 Switch.displayName = "Switch";
 
 export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnSelection, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, buttonVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };
-//# sourceMappingURL=chunk-KQYOZC7B.mjs.map
-//# sourceMappingURL=chunk-KQYOZC7B.mjs.map
+//# sourceMappingURL=chunk-DNRDNWUF.mjs.map
+//# sourceMappingURL=chunk-DNRDNWUF.mjs.map