@pos-360/horizon 0.6.2 → 0.7.1

package/dist/{chunk-MB2CYZNV.mjs → chunk-4ODZYEVR.mjs}

@@ -1,5 +1,5 @@
 import { cn, Label } from './chunk-E3UN74IA.mjs';
-import * as React6 from 'react';
+import * as React9 from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -37,7 +37,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React6.forwardRef(
+var Button = React9.forwardRef(
   ({
     className,
     variant,
@@ -77,7 +77,7 @@ var Button = React6.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Card = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -89,7 +89,7 @@ var Card = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -98,7 +98,7 @@ var CardHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -107,7 +107,7 @@ var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -116,7 +116,7 @@ var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -125,7 +125,7 @@ var CardContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardContent.displayName = "CardContent";
-var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -134,7 +134,7 @@ var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardFooter.displayName = "CardFooter";
-var Checkbox = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -157,7 +157,7 @@ var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -169,7 +169,7 @@ var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
+var DialogContent = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
   /* @__PURE__ */ jsx(DialogOverlay, {}),
   /* @__PURE__ */ jsxs(
     DialogPrimitive.Content,
@@ -219,7 +219,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Title,
   {
     ref,
@@ -231,7 +231,7 @@ var DialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Description,
   {
     ref,
@@ -246,7 +246,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuSubTrigger = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -263,7 +263,7 @@ var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ..
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSubContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -275,7 +275,7 @@ var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var DropdownMenuContent = React9.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -289,7 +289,7 @@ var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuItem = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -302,7 +302,7 @@ var DropdownMenuItem = React6.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuCheckboxItem = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -319,7 +319,7 @@ var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var DropdownMenuRadioItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -335,7 +335,7 @@ var DropdownMenuRadioItem = React6.forwardRef(({ className, children, ...props }
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -348,7 +348,7 @@ var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -370,19 +370,19 @@ var DropdownMenuShortcut = ({
   );
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-var FormContext = React6.createContext(null);
+var FormContext = React9.createContext(null);
 function useFormContext() {
-  const context = React6.useContext(FormContext);
+  const context = React9.useContext(FormContext);
   if (!context) {
     throw new Error("useFormContext must be used within a Form component");
   }
   return context;
 }
-var FormFieldContext = React6.createContext(
+var FormFieldContext = React9.createContext(
   null
 );
 function useFormFieldContext() {
-  const context = React6.useContext(FormFieldContext);
+  const context = React9.useContext(FormFieldContext);
   if (!context) {
     throw new Error(
       "useFormFieldContext must be used within a FormField component"
@@ -390,24 +390,24 @@ function useFormFieldContext() {
   }
   return context;
 }
-var Form = React6.forwardRef(
+var Form = React9.forwardRef(
   ({ className, children, onFormSubmit, ...props }, ref) => {
-    const [errors, setErrors] = React6.useState({});
-    const [isSubmitting, setIsSubmitting] = React6.useState(false);
-    const setError = React6.useCallback(
+    const [errors, setErrors] = React9.useState({});
+    const [isSubmitting, setIsSubmitting] = React9.useState(false);
+    const setError = React9.useCallback(
       (name, message) => {
         setErrors((prev) => ({ ...prev, [name]: message }));
       },
       []
     );
-    const clearError = React6.useCallback((name) => {
+    const clearError = React9.useCallback((name) => {
       setErrors((prev) => {
         const next = { ...prev };
         delete next[name];
         return next;
       });
     }, []);
-    const clearAllErrors = React6.useCallback(() => {
+    const clearAllErrors = React9.useCallback(() => {
       setErrors({});
     }, []);
     const isValid = Object.keys(errors).length === 0;
@@ -426,7 +426,7 @@ var Form = React6.forwardRef(
         }
       }
     };
-    const contextValue = React6.useMemo(
+    const contextValue = React9.useMemo(
       () => ({
         errors,
         setError,
@@ -450,12 +450,12 @@ var Form = React6.forwardRef(
   }
 );
 Form.displayName = "Form";
-var FormField = React6.forwardRef(
+var FormField = React9.forwardRef(
   ({ className, name, children, ...props }, ref) => {
     const { errors } = useFormContext();
-    const id = React6.useId();
+    const id = React9.useId();
     const error = errors[name];
-    const contextValue = React6.useMemo(
+    const contextValue = React9.useMemo(
       () => ({ name, error, id }),
       [name, error, id]
     );
@@ -463,7 +463,7 @@ var FormField = React6.forwardRef(
   }
 );
 FormField.displayName = "FormField";
-var FormLabel = React6.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React9.forwardRef(({ className, ...props }, ref) => {
   const { id, error } = useFormFieldContext();
   return /* @__PURE__ */ jsx(
     Label,
@@ -476,10 +476,10 @@ var FormLabel = React6.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React6.forwardRef(
+var FormControl = React9.forwardRef(
   ({ children, ...props }, ref) => {
     const { id, error, name } = useFormFieldContext();
-    const child = React6.cloneElement(children, {
+    const child = React9.cloneElement(children, {
       id,
       name,
       "aria-invalid": !!error,
@@ -490,7 +490,7 @@ var FormControl = React6.forwardRef(
   }
 );
 FormControl.displayName = "FormControl";
-var FormDescription = React6.forwardRef(
+var FormDescription = React9.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -506,9 +506,9 @@ var FormDescription = React6.forwardRef(
   }
 );
 FormDescription.displayName = "FormDescription";
-var FormMessage = React6.forwardRef(
+var FormMessage = React9.forwardRef(
   ({ className, children, error: errorProp, ...props }, ref) => {
-    const fieldContext = React6.useContext(FormFieldContext);
+    const fieldContext = React9.useContext(FormFieldContext);
     const error = errorProp ?? fieldContext?.error;
     const id = fieldContext?.id;
     if (!error && !children) {
@@ -532,14 +532,14 @@ var FormMessage = React6.forwardRef(
   }
 );
 FormMessage.displayName = "FormMessage";
-var PopoverContext = React6.createContext({ open: false });
+var PopoverContext = React9.createContext({ open: false });
 var Popover = ({
   children,
   open: controlledOpen,
   onOpenChange,
   ...props
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React6.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React9.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
   const handleOpenChange = (newOpen) => {
@@ -560,8 +560,8 @@ var Popover = ({
 };
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
-  const { open } = React6.useContext(PopoverContext);
+var PopoverContent = React9.forwardRef(({ className, align = "center", sideOffset = 4, children, ...props }, ref) => {
+  const { open } = React9.useContext(PopoverContext);
   const {
     onOpenAutoFocus,
     onCloseAutoFocus,
@@ -621,14 +621,14 @@ var PopoverContent = React6.forwardRef(({ className, align = "center", sideOffse
   ) }) });
 });
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var SelectContext = React6.createContext({ open: false });
+var SelectContext = React9.createContext({ open: false });
 var Select = ({
   children,
   open: controlledOpen,
   onOpenChange,
   ...props
 }) => {
-  const [uncontrolledOpen, setUncontrolledOpen] = React6.useState(false);
+  const [uncontrolledOpen, setUncontrolledOpen] = React9.useState(false);
   const isControlled = controlledOpen !== void 0;
   const open = isControlled ? controlledOpen : uncontrolledOpen;
   const handleOpenChange = (newOpen) => {
@@ -649,7 +649,7 @@ var Select = ({
 };
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -665,7 +665,7 @@ var SelectTrigger = React6.forwardRef(({ className, children, ...props }, ref) =
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -678,7 +678,7 @@ var SelectScrollUpButton = React6.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -691,8 +691,8 @@ var SelectScrollDownButton = React6.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React6.forwardRef(({ className, children, position = "popper", ...props }, ref) => {
-  const { open } = React6.useContext(SelectContext);
+var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => {
+  const { open } = React9.useContext(SelectContext);
   const {
     onCloseAutoFocus,
     onEscapeKeyDown,
@@ -764,7 +764,7 @@ var SelectContent = React6.forwardRef(({ className, children, position = "popper
   ) }) });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -773,7 +773,7 @@ var SelectLabel = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -789,7 +789,7 @@ var SelectItem = React6.forwardRef(({ className, children, ...props }, ref) => /
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -865,16 +865,152 @@ function SkeletonCard({ className }) {
     }
   );
 }
-var Table = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
-  "table",
-  {
-    ref,
-    className: cn("w-full caption-bottom text-sm", className),
+var TableContext = React9.createContext(null);
+var useTableContext = () => {
+  const context = React9.useContext(TableContext);
+  return context;
+};
+var Table = React9.forwardRef(
+  ({
+    className,
+    selectable = false,
+    selectionMode = "multiple",
+    selectedRows: controlledSelectedRows,
+    onSelectionChange,
+    getRowId,
+    rows,
     ...props
+  }, ref) => {
+    const [internalSelectedRows, setInternalSelectedRows] = React9.useState(/* @__PURE__ */ new Set());
+    const [registeredRowIds, setRegisteredRowIds] = React9.useState(/* @__PURE__ */ new Set());
+    const isControlled = controlledSelectedRows !== void 0;
+    const selectedRowsSet = isControlled ? new Set(controlledSelectedRows) : internalSelectedRows;
+    const defaultGetRowId = React9.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(() => {
+      if (rows) {
+        return new Set(rows.map(finalGetRowId));
+      }
+      return registeredRowIds;
+    }, [rows, finalGetRowId, registeredRowIds]);
+    const registerRowId = React9.useCallback((rowId) => {
+      if (rowId) {
+        setRegisteredRowIds((prev) => {
+          if (prev.has(rowId)) return prev;
+          return new Set(prev).add(rowId);
+        });
+      }
+    }, []);
+    const unregisterRowId = React9.useCallback((rowId) => {
+      if (rowId) {
+        setRegisteredRowIds((prev) => {
+          if (!prev.has(rowId)) return prev;
+          const next = new Set(prev);
+          next.delete(rowId);
+          return next;
+        });
+      }
+    }, []);
+    const toggleRow = React9.useCallback(
+      (rowId) => {
+        if (!selectable) return;
+        const next = new Set(selectedRowsSet);
+        if (selectionMode === "single") {
+          next.clear();
+          if (!next.has(rowId)) {
+            next.add(rowId);
+          }
+        } else {
+          if (next.has(rowId)) {
+            next.delete(rowId);
+          } else {
+            next.add(rowId);
+          }
+        }
+        if (isControlled) {
+          onSelectionChange?.(Array.from(next));
+        } else {
+          setInternalSelectedRows(next);
+          onSelectionChange?.(Array.from(next));
+        }
+      },
+      [selectable, selectionMode, selectedRowsSet, isControlled, onSelectionChange]
+    );
+    const selectAll = React9.useCallback(() => {
+      if (!selectable || selectionMode !== "multiple" || allRowIds.size === 0) return;
+      const next = new Set(allRowIds);
+      if (isControlled) {
+        onSelectionChange?.(Array.from(next));
+      } else {
+        setInternalSelectedRows(next);
+        onSelectionChange?.(Array.from(next));
+      }
+    }, [selectable, selectionMode, allRowIds, isControlled, onSelectionChange]);
+    const deselectAll = React9.useCallback(() => {
+      if (!selectable) return;
+      const next = /* @__PURE__ */ new Set();
+      if (isControlled) {
+        onSelectionChange?.(Array.from(next));
+      } else {
+        setInternalSelectedRows(next);
+        onSelectionChange?.(Array.from(next));
+      }
+    }, [selectable, isControlled, onSelectionChange]);
+    const isRowSelected = React9.useCallback(
+      (rowId) => selectedRowsSet.has(rowId),
+      [selectedRowsSet]
+    );
+    const isAllSelected = React9.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(() => {
+      if (!selectable) return false;
+      return selectedRowsSet.size > 0 && !isAllSelected;
+    }, [selectable, selectedRowsSet.size, isAllSelected]);
+    const contextValue = React9.useMemo(() => ({
+      selectable,
+      selectionMode,
+      selectedRows: selectedRowsSet,
+      toggleRow,
+      isRowSelected,
+      selectAll,
+      deselectAll,
+      isAllSelected,
+      isSomeSelected,
+      getRowId: finalGetRowId,
+      registerRowId,
+      unregisterRowId
+    }), [
+      selectable,
+      selectionMode,
+      selectedRowsSet,
+      toggleRow,
+      isRowSelected,
+      selectAll,
+      deselectAll,
+      isAllSelected,
+      isSomeSelected,
+      finalGetRowId,
+      registerRowId,
+      unregisterRowId
+    ]);
+    return /* @__PURE__ */ jsx(TableContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+      "table",
+      {
+        ref,
+        className: cn("w-full caption-bottom text-sm", className),
+        ...props
+      }
+    ) }) });
   }
-) }));
+);
 Table.displayName = "Table";
-var TableHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "thead",
   {
     ref,
@@ -883,7 +1019,7 @@ var TableHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableBody = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tbody",
   {
     ref,
@@ -892,7 +1028,7 @@ var TableBody = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "tfoot",
   {
     ref,
@@ -904,19 +1040,51 @@ var TableFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "tr",
-  {
-    ref,
-    className: cn(
-      "border-b border-gray-200 transition-colors hover:bg-gray-50 data-[state=selected]:bg-gray-100 dark:border-neutral-700 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-gray-800",
-      className
-    ),
-    ...props
+var TableRow = React9.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(() => {
+      if (rowId) return rowId;
+      if (rowData && getRowId) return getRowId(rowData);
+      return props.id || void 0;
+    }, [rowId, rowData, getRowId, props.id]);
+    React9.useEffect(() => {
+      if (finalRowId && selectable) {
+        registerRowId?.(finalRowId);
+        return () => {
+          unregisterRowId?.(finalRowId);
+        };
+      }
+    }, [finalRowId, selectable, registerRowId, unregisterRowId]);
+    const isSelected = finalRowId ? context?.isRowSelected(finalRowId) : false;
+    const handleClick = React9.useCallback(
+      (e) => {
+        onClick?.(e);
+      },
+      [onClick]
+    );
+    return /* @__PURE__ */ jsx(
+      "tr",
+      {
+        ref,
+        "data-state": isSelected ? "selected" : void 0,
+        "data-row-id": finalRowId,
+        className: 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
+        ),
+        onClick: handleClick,
+        ...props
+      }
+    );
   }
-));
+);
 TableRow.displayName = "TableRow";
-var TableHead = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHead = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "th",
   {
     ref,
@@ -928,7 +1096,7 @@ var TableHead = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCell = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "td",
   {
     ref,
@@ -937,7 +1105,7 @@ var TableCell = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -946,31 +1114,89 @@ var TableCaption = React6.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableCaption.displayName = "TableCaption";
-var TabsContext = React6.createContext(null);
+var TableSelectAll = React9.forwardRef(({ className, ...props }, ref) => {
+  const context = useTableContext();
+  if (!context?.selectable || context.selectionMode !== "multiple") {
+    return null;
+  }
+  const handleCheckedChange = (checked) => {
+    if (checked) {
+      context.selectAll();
+    } else {
+      context.deselectAll();
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { ref, className, ...props, children: /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      checked: context.isAllSelected,
+      onCheckedChange: handleCheckedChange,
+      "aria-label": "Select all rows",
+      ...context.isSomeSelected && { "data-state": "indeterminate" }
+    }
+  ) });
+});
+TableSelectAll.displayName = "TableSelectAll";
+var TableRowCheckbox = React9.forwardRef(({ rowId, rowData, className, ...props }, ref) => {
+  const context = useTableContext();
+  const getRowId = context?.getRowId;
+  if (!context?.selectable) {
+    return null;
+  }
+  const finalRowId = React9.useMemo(() => {
+    if (rowId) return rowId;
+    if (rowData && getRowId) return getRowId(rowData);
+    return void 0;
+  }, [rowId, rowData, getRowId]);
+  if (!finalRowId) {
+    return null;
+  }
+  const isSelected = context.isRowSelected(finalRowId);
+  const handleCheckedChange = () => {
+    context.toggleRow(finalRowId);
+  };
+  return /* @__PURE__ */ jsx("div", { ref, className, ...props, children: /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      checked: isSelected,
+      onCheckedChange: handleCheckedChange,
+      "aria-label": `Select row ${finalRowId}`
+    }
+  ) });
+});
+TableRowCheckbox.displayName = "TableRowCheckbox";
+var useTableSelection = () => {
+  const context = useTableContext();
+  if (!context) {
+    throw new Error("useTableSelection must be used within a Table component with selectable prop");
+  }
+  return context;
+};
+var TabsContext = React9.createContext(null);
 var useTabsContext = () => {
-  const context = React6.useContext(TabsContext);
+  const context = React9.useContext(TabsContext);
   if (!context) {
     throw new Error("Tabs components must be used within a Tabs provider");
   }
   return context;
 };
-var Tabs = React6.forwardRef(({ defaultValue, value, onValueChange, children, ...props }, ref) => {
-  const [activeTab, setActiveTabState] = React6.useState(value ?? defaultValue);
-  const tabRefs = React6.useRef(/* @__PURE__ */ new Map()).current;
-  const listRef = React6.useRef(null);
-  const setActiveTab = React6.useCallback(
+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(
     (newValue) => {
       setActiveTabState(newValue);
       onValueChange?.(newValue);
     },
     [onValueChange]
   );
-  React6.useEffect(() => {
+  React9.useEffect(() => {
     if (value !== void 0) {
       setActiveTabState(value);
     }
   }, [value]);
-  const registerTab = React6.useCallback(
+  const registerTab = React9.useCallback(
     (tabValue, element) => {
       tabRefs.set(tabValue, element);
     },
@@ -995,10 +1221,10 @@ var Tabs = React6.forwardRef(({ defaultValue, value, onValueChange, children, ..
   );
 });
 Tabs.displayName = "Tabs";
-var TabsList = React6.forwardRef(({ className, children, ...props }, ref) => {
+var TabsList = React9.forwardRef(({ className, children, ...props }, ref) => {
   const { activeTab, tabRefs, listRef } = useTabsContext();
-  const [indicatorStyle, setIndicatorStyle] = React6.useState(null);
-  React6.useEffect(() => {
+  const [indicatorStyle, setIndicatorStyle] = React9.useState(null);
+  React9.useEffect(() => {
     const updateIndicator = () => {
       if (!activeTab || !listRef.current) return;
       const activeElement = tabRefs.get(activeTab);
@@ -1050,10 +1276,10 @@ var TabsList = React6.forwardRef(({ className, children, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React6.forwardRef(({ className, value, ...props }, ref) => {
+var TabsTrigger = React9.forwardRef(({ className, value, ...props }, ref) => {
   const { registerTab, activeTab } = useTabsContext();
-  const triggerRef = React6.useRef(null);
-  React6.useEffect(() => {
+  const triggerRef = React9.useRef(null);
+  React9.useEffect(() => {
     registerTab(value, triggerRef.current);
     return () => registerTab(value, null);
   }, [value, registerTab]);
@@ -1077,7 +1303,7 @@ var TabsTrigger = React6.forwardRef(({ className, value, ...props }, ref) => {
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -1089,7 +1315,7 @@ var TabsContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Textarea = React6.forwardRef(
+var Textarea = React9.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -1106,6 +1332,6 @@ var Textarea = React6.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
-export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, 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, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, buttonVariants, useFormContext, useFormFieldContext };
-//# sourceMappingURL=chunk-MB2CYZNV.mjs.map
-//# sourceMappingURL=chunk-MB2CYZNV.mjs.map
+export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, 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, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, buttonVariants, useFormContext, useFormFieldContext, useTableSelection };
+//# sourceMappingURL=chunk-4ODZYEVR.mjs.map
+//# sourceMappingURL=chunk-4ODZYEVR.mjs.map