@pos-360/horizon 0.17.0 → 0.18.1

package/dist/{chunk-2PPZNXOQ.mjs → chunk-NORJX7NU.mjs}

@@ -1,4 +1,4 @@
-import { cn, Label, Tooltip } from './chunk-ZI4BTIPU.mjs';
+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';
@@ -11,9 +11,9 @@ 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(
@@ -615,7 +615,7 @@ var PopoverContent = React10.forwardRef(({ className, align = "center", sideOffs
             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
@@ -936,6 +936,91 @@ function SkeletonCard({ className }) {
     }
   );
 }
+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);
@@ -951,6 +1036,9 @@ function BulkEditPopover({ column, onApply }) {
   };
   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: [
@@ -964,7 +1052,7 @@ function BulkEditPopover({ column, onApply }) {
         children: /* @__PURE__ */ jsx(PenLine, { className: "h-3.5 w-3.5" })
       }
     ) }),
-    /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: "w-64 p-3 space-y-3", children: [
+    /* @__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
@@ -991,11 +1079,21 @@ function BulkEditPopover({ column, onApply }) {
             )
           }
         )
-      ] }) : /* @__PURE__ */ jsxs(Select, { value, onValueChange: setValue, children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: bulkEdit.placeholder ?? "Select a value" }) }),
+      ] }) : 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(Button, { size: "sm", className: "w-full", onClick: handleApply, disabled: !isValid, children: "Apply All" })
+      ] }) : /* @__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" })
     ] })
   ] }) }) });
 }
@@ -1019,6 +1117,7 @@ var TableInner = React10.forwardRef(
     showDividers = false,
     highlightMode = "row",
     onBulkEdit,
+    rounded = false,
     children,
     ...props
   }, ref) => {
@@ -1188,7 +1287,7 @@ var TableInner = React10.forwardRef(
       "div",
       {
         ref: wrapperRef,
-        className: "relative w-full overflow-auto",
+        className: cn("relative w-full overflow-auto", rounded && "rounded-lg"),
         children: /* @__PURE__ */ jsx(
           "table",
           {
@@ -1234,7 +1333,8 @@ var TableInner = React10.forwardRef(
                         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"
+                          showDividers && "border-r border-gray-200 dark:border-neutral-700",
+                          typeof col.cellClassName === "function" ? col.cellClassName(row) : col.cellClassName
                         ),
                         children: col.cell(row)
                       },
@@ -1736,14 +1836,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",
@@ -1767,7 +1867,7 @@ function Toggle({
       ...value !== void 0 ? { value, onValueChange: onChange } : {},
       className: cn(
         toggleGroupVariants({ size }),
-        containerRadiusClass[radius],
+        containerRadiusClass2[radius],
         className
       ),
       children: options.map((option) => {
@@ -1780,7 +1880,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"
@@ -1796,91 +1896,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",
   {
@@ -1975,5 +1990,5 @@ var Switch = React10.forwardRef(({ className, size, label, labelPosition = "righ
 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-2PPZNXOQ.mjs.map
-//# sourceMappingURL=chunk-2PPZNXOQ.mjs.map
+//# sourceMappingURL=chunk-NORJX7NU.mjs.map
+//# sourceMappingURL=chunk-NORJX7NU.mjs.map