@pos-360/horizon 0.27.1 → 0.28.0

package/dist/{chunk-JP5BJYYD.js → chunk-BKMHL4FM.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk5XF7Y25B_js = require('./chunk-5XF7Y25B.js');
+var chunk23BJPJOK_js = require('./chunk-23BJPJOK.js');
 var React10 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
@@ -88,7 +88,7 @@ var Button = React10__namespace.forwardRef(
       return /* @__PURE__ */ jsxRuntime.jsx(
         Comp,
         {
-          className: chunk5XF7Y25B_js.cn(buttonVariants({ variant, size, className })),
+          className: chunk23BJPJOK_js.cn(buttonVariants({ variant, size, className })),
           ref,
           ...props,
           children
@@ -99,7 +99,7 @@ var Button = React10__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Comp,
       {
-        className: chunk5XF7Y25B_js.cn(buttonVariants({ variant, size, className })),
+        className: chunk23BJPJOK_js.cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
         children: [
@@ -116,7 +116,7 @@ var Card = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   "div",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "rounded-hz-lg border border-gray-200 bg-white text-gray-900 shadow dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
       className
     ),
@@ -128,7 +128,7 @@ var CardHeader = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("flex flex-col space-y-1.5 p-4", className),
+    className: chunk23BJPJOK_js.cn("flex flex-col space-y-1.5 p-4", className),
     ...props
   }
 ));
@@ -137,7 +137,7 @@ var CardTitle = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("font-semibold leading-none tracking-tight", className),
+    className: chunk23BJPJOK_js.cn("font-semibold leading-none tracking-tight", className),
     ...props
   }
 ));
@@ -146,7 +146,7 @@ var CardDescription = React10__namespace.forwardRef(({ className, ...props }, re
   "div",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunk23BJPJOK_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
     ...props
   }
 ));
@@ -155,7 +155,7 @@ var CardContent = React10__namespace.forwardRef(({ className, ...props }, ref) =
   "div",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("p-4 pt-0", className),
+    className: chunk23BJPJOK_js.cn("p-4 pt-0", className),
     ...props
   }
 ));
@@ -164,7 +164,7 @@ var CardFooter = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("flex items-center p-4 pt-0", className),
+    className: chunk23BJPJOK_js.cn("flex items-center p-4 pt-0", className),
     ...props
   }
 ));
@@ -173,7 +173,7 @@ var Checkbox = React10__namespace.forwardRef(({ className, indicatorIcon, ...pro
   CheckboxPrimitive__namespace.Root,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "peer h-4 w-4 shrink-0 rounded-hz-sm border border-gray-300 bg-transparent shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 data-[state=checked]:border-blue-600 data-[state=checked]:text-white dark:border-neutral-600 dark:data-[state=checked]:bg-blue-600",
       className
     ),
@@ -181,7 +181,7 @@ var Checkbox = React10__namespace.forwardRef(({ className, indicatorIcon, ...pro
     children: /* @__PURE__ */ jsxRuntime.jsx(
       CheckboxPrimitive__namespace.Indicator,
       {
-        className: chunk5XF7Y25B_js.cn("flex items-center justify-center text-current"),
+        className: chunk23BJPJOK_js.cn("flex items-center justify-center text-current"),
         children: indicatorIcon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5", strokeWidth: 3 })
       }
     )
@@ -196,7 +196,7 @@ var DialogOverlay = React10__namespace.forwardRef(({ className, ...props }, ref)
   DialogPrimitive__namespace.Overlay,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
@@ -210,7 +210,7 @@ var DialogContent = React10__namespace.forwardRef(({ className, children, ...pro
     DialogPrimitive__namespace.Content,
     {
       ref,
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-gray-200 bg-white p-6 shadow-lg duration-hz-normal data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-hz-lg dark:border-neutral-700 dark:bg-neutral-800",
         className
       ),
@@ -232,7 +232,7 @@ var DialogHeader = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       className
     ),
@@ -246,7 +246,7 @@ var DialogFooter = ({
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   "div",
   {
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       className
     ),
@@ -258,7 +258,7 @@ var DialogTitle = React10__namespace.forwardRef(({ className, ...props }, ref) =
   DialogPrimitive__namespace.Title,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "text-lg font-semibold leading-none tracking-tight text-gray-900 dark:text-gray-100",
       className
     ),
@@ -270,7 +270,7 @@ var DialogDescription = React10__namespace.forwardRef(({ className, ...props },
   DialogPrimitive__namespace.Description,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunk23BJPJOK_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
     ...props
   }
 ));
@@ -285,7 +285,7 @@ var DropdownMenuSubTrigger = React10__namespace.forwardRef(({ className, inset,
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "flex cursor-default select-none items-center gap-2 rounded-hz-sm px-2 py-1.5 text-sm outline-none focus:bg-gray-100 data-[state=open]:bg-gray-100 dark:focus:bg-gray-700 dark:data-[state=open]:bg-gray-700 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       inset && "pl-8",
       className
@@ -302,7 +302,7 @@ var DropdownMenuSubContent = React10__namespace.forwardRef(({ className, ...prop
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "z-50 min-w-[8rem] overflow-hidden rounded-hz-md border border-gray-200 bg-white p-1 text-gray-900 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin] dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
       className
     ),
@@ -315,7 +315,7 @@ var DropdownMenuContent = React10__namespace.forwardRef(({ className, sideOffset
   {
     ref,
     sideOffset,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-hz-md border border-gray-200 bg-white p-1 text-gray-900 shadow-md dark:border-neutral-700 dark:bg-neutral-800 dark:text-gray-100",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
       className
@@ -328,7 +328,7 @@ var DropdownMenuItem = React10__namespace.forwardRef(({ className, inset, ...pro
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "relative flex cursor-default select-none items-center gap-2 rounded-hz-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100 [&>svg]:size-4 [&>svg]:shrink-0",
       inset && "pl-8",
       className
@@ -341,7 +341,7 @@ var DropdownMenuCheckboxItem = React10__namespace.forwardRef(({ className, child
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "relative flex cursor-default select-none items-center rounded-hz-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100",
       className
     ),
@@ -358,7 +358,7 @@ var DropdownMenuRadioItem = React10__namespace.forwardRef(({ className, children
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "relative flex cursor-default select-none items-center rounded-hz-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-gray-100 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-gray-700 dark:focus:text-gray-100",
       className
     ),
@@ -374,7 +374,7 @@ var DropdownMenuLabel = React10__namespace.forwardRef(({ className, inset, ...pr
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "px-2 py-1.5 text-sm font-semibold",
       inset && "pl-8",
       className
@@ -387,7 +387,7 @@ var DropdownMenuSeparator = React10__namespace.forwardRef(({ className, ...props
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-neutral-700", className),
+    className: chunk23BJPJOK_js.cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-neutral-700", className),
     ...props
   }
 ));
@@ -399,7 +399,7 @@ var DropdownMenuShortcut = ({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "span",
     {
-      className: chunk5XF7Y25B_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
+      className: chunk23BJPJOK_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
       ...props
     }
   );
@@ -476,7 +476,7 @@ var Form = React10__namespace.forwardRef(
       "form",
       {
         ref,
-        className: chunk5XF7Y25B_js.cn("space-y-6", className),
+        className: chunk23BJPJOK_js.cn("space-y-6", className),
         onSubmit: handleSubmit,
         ...props,
         children
@@ -494,18 +494,18 @@ var FormField = React10__namespace.forwardRef(
       () => ({ name, error, id }),
       [name, error, id]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk5XF7Y25B_js.cn("space-y-2", className), ...props, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunk23BJPJOK_js.cn("space-y-2", className), ...props, children }) });
   }
 );
 FormField.displayName = "FormField";
 var FormLabel = React10__namespace.forwardRef(({ className, ...props }, ref) => {
   const { id, error } = useFormFieldContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk5XF7Y25B_js.Label,
+    chunk23BJPJOK_js.Label,
     {
       ref,
       htmlFor: id,
-      className: chunk5XF7Y25B_js.cn(error && "text-rose-500 dark:text-rose-400", className),
+      className: chunk23BJPJOK_js.cn(error && "text-rose-500 dark:text-rose-400", className),
       ...props
     }
   );
@@ -531,7 +531,7 @@ var FormDescription = React10__namespace.forwardRef(
       "span",
       {
         ref,
-        className: chunk5XF7Y25B_js.cn(
+        className: chunk23BJPJOK_js.cn(
           "block text-sm text-neutral-500 dark:text-neutral-400",
           className
         ),
@@ -554,7 +554,7 @@ var FormMessage = React10__namespace.forwardRef(
       {
         ref,
         id: id ? `${id}-error` : void 0,
-        className: chunk5XF7Y25B_js.cn(
+        className: chunk23BJPJOK_js.cn(
           "text-sm font-medium",
           error ? "text-rose-500 dark:text-rose-400" : "text-neutral-600 dark:text-neutral-400",
           className
@@ -645,7 +645,7 @@ var PopoverContent = React10__namespace.forwardRef(({ className, align = "center
             damping: 25,
             mass: 0.8
           },
-          className: chunk5XF7Y25B_js.cn(
+          className: chunk23BJPJOK_js.cn(
             "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
           ),
@@ -690,7 +690,7 @@ var SelectTrigger = React10__namespace.forwardRef(({ className, children, ...pro
   SelectPrimitive__namespace.Trigger,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "flex h-[52px] w-full items-center justify-between rounded-hz-md border border-gray-300 bg-white px-4 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-0  disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500 [&>span]:line-clamp-1",
       className
     ),
@@ -706,7 +706,7 @@ var SelectScrollUpButton = React10__namespace.forwardRef(({ className, ...props
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
@@ -719,7 +719,7 @@ var SelectScrollDownButton = React10__namespace.forwardRef(({ className, ...prop
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "flex cursor-default items-center justify-center py-1",
       className
     ),
@@ -790,7 +790,7 @@ var SelectContent = React10__namespace.forwardRef(({ className, children, positi
             damping: 25,
             mass: 0.8
           },
-          className: chunk5XF7Y25B_js.cn(
+          className: chunk23BJPJOK_js.cn(
             "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-hidden rounded-hz-lg border border-white/20 bg-white/80 backdrop-blur-xl text-gray-900 shadow-lg dark:border-neutral-700/50 dark:bg-neutral-900/80 dark:text-gray-100 origin-[--radix-select-content-transform-origin]",
             position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
             className
@@ -815,7 +815,7 @@ var SelectContent = React10__namespace.forwardRef(({ className, children, positi
               /* @__PURE__ */ jsxRuntime.jsx(
                 SelectPrimitive__namespace.Viewport,
                 {
-                  className: chunk5XF7Y25B_js.cn(
+                  className: chunk23BJPJOK_js.cn(
                     "p-1",
                     position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
                   ),
@@ -835,7 +835,7 @@ var SelectLabel = React10__namespace.forwardRef(({ className, ...props }, ref) =
   SelectPrimitive__namespace.Label,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("px-2 py-1.5 text-sm font-semibold", className),
+    className: chunk23BJPJOK_js.cn("px-2 py-1.5 text-sm font-semibold", className),
     ...props
   }
 ));
@@ -851,7 +851,7 @@ var SelectItem = React10__namespace.forwardRef(({ className, children, textValue
     {
       ref,
       textValue,
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         "relative flex w-full cursor-default select-none items-center rounded-hz-md py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-black/5 focus:text-gray-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-white/10 dark:focus:text-gray-100 transition-colors",
         className
       ),
@@ -868,7 +868,7 @@ var SelectSeparator = React10__namespace.forwardRef(({ className, ...props }, re
   SelectPrimitive__namespace.Separator,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", className),
+    className: chunk23BJPJOK_js.cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", className),
     ...props
   }
 ));
@@ -895,7 +895,7 @@ function Separator3({
     {
       role: decorative ? "none" : "separator",
       "aria-orientation": decorative ? void 0 : orientation ?? void 0,
-      className: chunk5XF7Y25B_js.cn(separatorVariants({ orientation }), className),
+      className: chunk23BJPJOK_js.cn(separatorVariants({ orientation }), className),
       ...props
     }
   );
@@ -904,7 +904,7 @@ function Skeleton({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         "animate-pulse rounded-hz-md bg-neutral-200 dark:bg-neutral-800",
         className
       )
@@ -912,28 +912,28 @@ function Skeleton({ className }) {
   );
 }
 function SkeletonText({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-4", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-4", className) });
 }
 function SkeletonTitle({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-6 w-48", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-6 w-48", className) });
 }
 function SkeletonSubtitle({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-3 w-64", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-3 w-64", className) });
 }
 function SkeletonAvatar({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("w-10 h-10 rounded", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("w-10 h-10 rounded", className) });
 }
 function SkeletonBadge({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-6 w-24", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-6 w-24", className) });
 }
 function SkeletonIcon({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("w-6 h-6 rounded", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("w-6 h-6 rounded", className) });
 }
 function SkeletonButton({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-10 w-24 rounded-hz-md", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-10 w-24 rounded-hz-md", className) });
 }
 function SkeletonInput({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk5XF7Y25B_js.cn("h-10 w-full rounded-hz-md", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-10 w-full rounded-hz-md", className) });
 }
 function SkeletonTableRow({
   columns = 4,
@@ -951,7 +951,7 @@ function SkeletonCard({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         "rounded-hz-lg border bg-card p-6 space-y-4",
         className
       ),
@@ -1025,7 +1025,7 @@ function SegmentedControl({
     {
       ...props,
       ...value !== void 0 ? { value, onValueChange: onChange } : {},
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         segmentedControlVariants({ size }),
         containerRadiusClass[radius],
         className
@@ -1035,7 +1035,7 @@ function SegmentedControl({
         {
           value: option.value,
           disabled: option.disabled,
-          className: chunk5XF7Y25B_js.cn(
+          className: chunk23BJPJOK_js.cn(
             segmentedControlItemVariants({ size }),
             itemRadiusClass[radius],
             "border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
@@ -1072,7 +1072,7 @@ function BulkEditPopover({ column, onApply }) {
     }
     if (!next) setValue("");
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk5XF7Y25B_js.Tooltip, { content: `Apply to all ${headingLabel}`, side: "top", disabled: open, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Tooltip, { content: `Apply to all ${headingLabel}`, side: "top", disabled: open, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -1083,7 +1083,7 @@ function BulkEditPopover({ column, onApply }) {
         children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PenLine, { className: "h-3.5 w-3.5" })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { align: "start", className: chunk5XF7Y25B_js.cn("p-3 space-y-3", bulkEdit.kind === "segmented-control" ? "w-auto" : "w-64"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { align: "start", className: chunk23BJPJOK_js.cn("p-3 space-y-3", bulkEdit.kind === "segmented-control" ? "w-auto" : "w-64"), children: [
       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide", children: [
         "Apply to all \u2014 ",
         headingLabel
@@ -1104,7 +1104,7 @@ function BulkEditPopover({ column, onApply }) {
               }
             },
             autoFocus: true,
-            className: chunk5XF7Y25B_js.cn(
+            className: chunk23BJPJOK_js.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"
             )
@@ -1335,12 +1335,12 @@ var TableInner = React10__namespace.forwardRef(
       "div",
       {
         ref: wrapperRef,
-        className: chunk5XF7Y25B_js.cn("relative w-full overflow-auto scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-neutral-600 scrollbar-track-transparent", rounded && "rounded-lg", containerClassName),
+        className: chunk23BJPJOK_js.cn("relative w-full overflow-auto scrollbar-thin scrollbar-thumb-gray-300 dark:scrollbar-thumb-neutral-600 scrollbar-track-transparent", rounded && "rounded-lg", containerClassName),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           "table",
           {
             ref,
-            className: chunk5XF7Y25B_js.cn("w-full caption-bottom text-sm", className),
+            className: chunk23BJPJOK_js.cn("w-full caption-bottom text-sm", className),
             ...props,
             children: columns && data ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (() => {
               const filteredCols = columns.filter(
@@ -1393,7 +1393,7 @@ var TableInner = React10__namespace.forwardRef(
                       ...col.stickyXHeader ? { left: stickyOffsets[col.key] } : {},
                       ...col.stickyXHeader && stickyYHeader ? { boxShadow: xyShadow } : col.stickyXHeader ? { boxShadow: xShadow } : stickyYHeader ? { boxShadow: yShadow } : {}
                     },
-                    className: chunk5XF7Y25B_js.cn(
+                    className: chunk23BJPJOK_js.cn(
                       "h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400",
                       stickyYHeader && "sticky top-0 z-20 bg-gray-50 dark:bg-neutral-800",
                       col.stickyXHeader && "sticky z-20 bg-gray-50 dark:bg-neutral-800",
@@ -1420,7 +1420,7 @@ var TableInner = React10__namespace.forwardRef(
                     "tr",
                     {
                       "data-state": isSelected ? "selected" : void 0,
-                      className: chunk5XF7Y25B_js.cn(
+                      className: chunk23BJPJOK_js.cn(
                         "border-b border-gray-200 transition-colors dark:border-neutral-700",
                         isSelected ? "bg-blue-50 dark:bg-blue-900/20" : (highlightMode === "row" || highlightMode === "cross") && "hover:bg-gray-50 dark:hover:bg-neutral-800/50",
                         onRowClick && "cursor-pointer"
@@ -1442,9 +1442,9 @@ var TableInner = React10__namespace.forwardRef(
                             }
                             contextValue.toggleRow(rowId);
                           } : col.key === "__delete__" ? (e) => e.stopPropagation() : void 0,
-                          className: chunk5XF7Y25B_js.cn(
+                          className: chunk23BJPJOK_js.cn(
                             "p-4 align-middle",
-                            col.stickyXHeader && chunk5XF7Y25B_js.cn("sticky z-20", isSelected ? "bg-blue-50 dark:bg-[#242a3a]" : "bg-gray-50 dark:bg-neutral-800"),
+                            col.stickyXHeader && chunk23BJPJOK_js.cn("sticky z-20", isSelected ? "bg-blue-50 dark:bg-[#242a3a]" : "bg-gray-50 dark:bg-neutral-800"),
                             showDividers && "border-r border-gray-200 dark:border-neutral-700",
                             typeof col.cellClassName === "function" ? col.cellClassName(row) : col.cellClassName
                           ),
@@ -1470,7 +1470,7 @@ var TableHeader = React10__namespace.forwardRef(({ className, ...props }, ref) =
   "thead",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
+    className: chunk23BJPJOK_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
     ...props
   }
 ));
@@ -1479,7 +1479,7 @@ var TableBody = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   "tbody",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("[&_tr:last-child]:border-0", className),
+    className: chunk23BJPJOK_js.cn("[&_tr:last-child]:border-0", className),
     ...props
   }
 ));
@@ -1488,7 +1488,7 @@ var TableFooter = React10__namespace.forwardRef(({ className, ...props }, ref) =
   "tfoot",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "border-t border-gray-200 bg-gray-50 font-medium dark:border-neutral-700 dark:bg-neutral-800/50 [&>tr]:last:border-b-0",
       className
     ),
@@ -1529,7 +1529,7 @@ var TableRow = React10__namespace.forwardRef(
         ref,
         "data-state": isSelected ? "selected" : void 0,
         "data-row-id": finalRowId,
-        className: chunk5XF7Y25B_js.cn(
+        className: chunk23BJPJOK_js.cn(
           "border-b border-gray-200 transition-colors hover:bg-gray-50 data-[state=selected]:bg-blue-50 dark:border-neutral-700 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-blue-900/20",
           className
         ),
@@ -1549,7 +1549,7 @@ var TableHead = React10__namespace.forwardRef(({ className, style, ...props }, r
     {
       ref,
       style: context?.stickyHeader ? { boxShadow: yShadow, ...style } : style,
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         "h-12 px-4 text-left align-middle font-medium text-gray-500 dark:text-gray-400 [&:has([role=checkbox])]:pr-0",
         context?.stickyHeader && "sticky top-0 z-20 bg-gray-50 dark:bg-neutral-800",
         className
@@ -1564,7 +1564,7 @@ var TableCell = React10__namespace.forwardRef(
     "td",
     {
       ref,
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         "align-middle [&:has([role=checkbox])]:pr-0",
         variant === "embed" ? "p-1.5" : "p-4",
         className
@@ -1578,7 +1578,7 @@ var TableCaption = React10__namespace.forwardRef(({ className, ...props }, ref)
   "caption",
   {
     ref,
-    className: chunk5XF7Y25B_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunk23BJPJOK_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
     ...props
   }
 ));
@@ -1720,7 +1720,7 @@ function ColumnSelection({
         return /* @__PURE__ */ jsxRuntime.jsxs(
           "label",
           {
-            className: chunk5XF7Y25B_js.cn(
+            className: chunk23BJPJOK_js.cn(
               "flex items-center gap-2.5 rounded-hz-md px-2 py-1.5 text-sm cursor-pointer hover:bg-gray-50 dark:hover:bg-neutral-800",
               isSticky && "opacity-50 cursor-not-allowed"
             ),
@@ -1824,7 +1824,7 @@ var TabsList = React10__namespace.forwardRef(({ className, children, variant = "
         else if (ref) ref.current = node;
         listRef.current = node;
       },
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         variant === "pill" ? "relative inline-flex h-10 items-center justify-center rounded-hz-lg p-1 bg-gray-100 text-gray-500 dark:bg-neutral-700 dark:text-gray-400" : "flex gap-4 border-b border-gray-200 dark:border-neutral-800",
         className
       ),
@@ -1870,12 +1870,12 @@ var TabsTrigger = React10__namespace.forwardRef(({ className, value, icon, child
         else if (ref) ref.current = node;
       },
       value,
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         "inline-flex items-center gap-1.5 whitespace-nowrap text-sm font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-        variant === "pill" ? chunk5XF7Y25B_js.cn(
+        variant === "pill" ? chunk23BJPJOK_js.cn(
           "relative z-10 justify-center rounded-hz-md px-3 py-1.5 transition-colors",
           isActive ? "text-gray-900 dark:text-gray-100" : "text-gray-500 dark:text-gray-400"
-        ) : chunk5XF7Y25B_js.cn(
+        ) : chunk23BJPJOK_js.cn(
           "pb-3 border-b-2 transition-colors",
           isActive ? "border-blue-600 text-blue-600 dark:border-blue-400 dark:text-blue-400" : "border-transparent text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600"
         ),
@@ -1894,7 +1894,7 @@ var TabsContent = React10__namespace.forwardRef(({ className, ...props }, ref) =
   TabsPrimitive__namespace.Content,
   {
     ref,
-    className: chunk5XF7Y25B_js.cn(
+    className: chunk23BJPJOK_js.cn(
       "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
       className
     ),
@@ -1907,7 +1907,7 @@ var Textarea = React10__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
       {
-        className: chunk5XF7Y25B_js.cn(
+        className: chunk23BJPJOK_js.cn(
           "flex min-h-[80px] w-full rounded-hz-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-900 placeholder:text-gray-400 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-800 dark:text-gray-100 dark:placeholder:text-gray-500",
           className
         ),
@@ -1986,7 +1986,7 @@ function Toggle({
       ...props,
       type: "multiple",
       ...value !== void 0 ? { value, onValueChange: onChange } : {},
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         toggleGroupVariants({ size }),
         containerRadiusClass2[radius],
         className
@@ -1999,7 +1999,7 @@ function Toggle({
             value: option.value,
             disabled: option.disabled,
             "aria-label": iconOnly ? option.ariaLabel ?? option.value : void 0,
-            className: chunk5XF7Y25B_js.cn(
+            className: chunk23BJPJOK_js.cn(
               toggleItemVariants({ size, iconOnly }),
               itemRadiusClass2[radius],
               "border border-transparent text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200",
@@ -2068,7 +2068,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
       ...props,
       id: switchId,
       ref,
-      className: chunk5XF7Y25B_js.cn(switchTrackVariants({ size }), className),
+      className: chunk23BJPJOK_js.cn(switchTrackVariants({ size }), className),
       children: /* @__PURE__ */ jsxRuntime.jsx(SwitchPrimitive__namespace.Thumb, { className: switchThumbVariants({ size }) })
     }
   );
@@ -2076,7 +2076,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk5XF7Y25B_js.cn(
+      className: chunk23BJPJOK_js.cn(
         "inline-flex items-center gap-2",
         props.disabled ? "cursor-not-allowed" : "cursor-pointer"
       ),
@@ -2085,7 +2085,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
           "label",
           {
             htmlFor: switchId,
-            className: chunk5XF7Y25B_js.cn(
+            className: chunk23BJPJOK_js.cn(
               switchLabelVariants({ size }),
               props.disabled ? "cursor-not-allowed" : "cursor-pointer"
             ),
@@ -2097,7 +2097,7 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
           "label",
           {
             htmlFor: switchId,
-            className: chunk5XF7Y25B_js.cn(
+            className: chunk23BJPJOK_js.cn(
               switchLabelVariants({ size }),
               props.disabled ? "cursor-not-allowed" : "cursor-pointer"
             ),
@@ -2109,6 +2109,311 @@ var Switch = React10__namespace.forwardRef(({ className, size, label, labelPosit
   );
 });
 Switch.displayName = "Switch";
+var DEFAULT_TIME_RANGE = {
+  from: { hour: null, minute: null },
+  to: { hour: null, minute: null }
+};
+function isTimeSet(tv) {
+  return tv.hour !== null && tv.minute !== null;
+}
+function to12Hour(hour24) {
+  if (hour24 === null) return { hour12: null, period: "AM" };
+  const period = hour24 >= 12 ? "PM" : "AM";
+  const hour12 = hour24 % 12 || 12;
+  return { hour12, period };
+}
+function to24Hour(hour12, period) {
+  if (period === "AM") return hour12 === 12 ? 0 : hour12;
+  return hour12 === 12 ? 12 : hour12 + 12;
+}
+function pad(n) {
+  return n.toString().padStart(2, "0");
+}
+function clamp(val, min, max) {
+  return Math.max(min, Math.min(max, val));
+}
+function TimeInput({
+  value,
+  min,
+  max,
+  onChange,
+  onComplete,
+  inputRef,
+  disabled = false,
+  "aria-label": ariaLabel
+}) {
+  const [editValue, setEditValue] = React10__namespace.useState(null);
+  const internalRef = React10__namespace.useRef(null);
+  const committedRef = React10__namespace.useRef(false);
+  const setRefs = React10__namespace.useCallback(chunk23BJPJOK_js.mergeRefs(internalRef, inputRef), [inputRef]);
+  const handleChange = (e) => {
+    const raw = e.target.value.replace(/\D/g, "").slice(0, 2);
+    if (raw === "") {
+      setEditValue(raw);
+      return;
+    }
+    const parsed = parseInt(raw, 10);
+    const clamped = clamp(parsed, min, max);
+    const display = parsed !== clamped ? pad(clamped) : raw;
+    setEditValue(display);
+    if (raw.length === 2) {
+      committedRef.current = true;
+      onChange(clamped);
+      setEditValue(null);
+      onComplete?.();
+    }
+  };
+  const commit = () => {
+    if (committedRef.current) {
+      committedRef.current = false;
+      setEditValue(null);
+      return;
+    }
+    if (editValue === null) return;
+    if (editValue === "") {
+      setEditValue(null);
+      return;
+    }
+    const parsed = parseInt(editValue, 10);
+    if (!isNaN(parsed)) {
+      onChange(clamp(parsed, min, max));
+    }
+    setEditValue(null);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      commit();
+      internalRef.current?.blur();
+    } else if (e.key === "Escape") {
+      setEditValue(null);
+      internalRef.current?.blur();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const curr = value ?? min;
+      const next = curr >= max ? min : curr + 1;
+      onChange(next);
+      setEditValue(pad(next));
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const curr = value ?? max;
+      const next = curr <= min ? max : curr - 1;
+      onChange(next);
+      setEditValue(pad(next));
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref: setRefs,
+      type: "text",
+      inputMode: "numeric",
+      "aria-label": ariaLabel,
+      disabled,
+      value: editValue ?? (value === null ? "--" : pad(value)),
+      onChange: handleChange,
+      onFocus: (e) => {
+        setEditValue("");
+        requestAnimationFrame(() => e.target.select());
+      },
+      onBlur: () => commit(),
+      onKeyDown: handleKeyDown,
+      className: chunk23BJPJOK_js.cn(
+        "w-9 h-8 rounded-md border text-center text-sm tabular-nums font-medium outline-none transition-colors",
+        "bg-white border-gray-200 text-gray-600",
+        "focus:border-blue-500 focus:ring-1 focus:ring-blue-500/30 focus:text-gray-700",
+        "dark:bg-neutral-800 dark:border-neutral-600 dark:text-gray-100",
+        "dark:focus:border-blue-400 dark:focus:ring-blue-400/30",
+        disabled && "opacity-40 cursor-not-allowed bg-gray-50 dark:bg-neutral-900"
+      )
+    }
+  );
+}
+function PeriodToggle({ value, onChange, disabled = false }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunk23BJPJOK_js.cn(
+        "inline-flex rounded-md border overflow-hidden",
+        disabled && "opacity-40 cursor-not-allowed",
+        "border-gray-200 dark:border-neutral-600"
+      ),
+      children: ["AM", "PM"].map((p) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => onChange(p),
+          className: chunk23BJPJOK_js.cn(
+            "px-2 h-8 text-xs font-semibold tracking-wide transition-colors",
+            "disabled:pointer-events-none",
+            value === p ? "!bg-blue-600 !text-white dark:!bg-blue-500" : "bg-white text-gray-500 hover:bg-gray-50 hover:text-gray-600 dark:bg-neutral-800 dark:text-gray-400 dark:hover:bg-neutral-700"
+          ),
+          children: p
+        },
+        p
+      ))
+    }
+  );
+}
+function TimeField({
+  label,
+  value,
+  onChange,
+  hourRef,
+  minuteRef,
+  onMinuteComplete,
+  disabled = false
+}) {
+  const { hour12, period } = to12Hour(value.hour);
+  const minuteInputRef = React10__namespace.useRef(null);
+  const mergedMinuteRef = React10__namespace.useCallback(chunk23BJPJOK_js.mergeRefs(minuteInputRef, minuteRef), [minuteRef]);
+  const handleHourChange = (newHour12) => {
+    onChange({ ...value, hour: to24Hour(newHour12, period) });
+  };
+  const handleMinuteChange = (newMinute) => {
+    onChange({ ...value, minute: newMinute });
+  };
+  const handlePeriodChange = (newPeriod) => {
+    if (hour12 === null) return;
+    onChange({ ...value, hour: to24Hour(hour12, newPeriod) });
+  };
+  const focusMinute = () => {
+    minuteInputRef.current?.focus();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: chunk23BJPJOK_js.cn(
+          "text-xs font-semibold uppercase tracking-wider",
+          disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+        ),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TimeInput,
+        {
+          value: hour12,
+          min: 1,
+          max: 12,
+          onChange: handleHourChange,
+          onComplete: focusMinute,
+          inputRef: hourRef,
+          disabled,
+          "aria-label": `${label} hour`
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: chunk23BJPJOK_js.cn(
+            "text-sm font-bold select-none",
+            disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+          ),
+          children: ":"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TimeInput,
+        {
+          value: value.minute,
+          min: 0,
+          max: 59,
+          onChange: handleMinuteChange,
+          onComplete: onMinuteComplete,
+          inputRef: mergedMinuteRef,
+          disabled,
+          "aria-label": `${label} minute`
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PeriodToggle,
+        {
+          value: period,
+          onChange: handlePeriodChange,
+          disabled
+        }
+      )
+    ] })
+  ] });
+}
+function TimePickerRow({ value, onChange, disabled = false }) {
+  const toHourRef = React10__namespace.useRef(null);
+  const fromSet = isTimeSet(value.from);
+  const toSet = isTimeSet(value.to);
+  const bothSet = fromSet && toSet;
+  const fromMinutes = (value.from.hour ?? 0) * 60 + (value.from.minute ?? 0);
+  const toMinutes = (value.to.hour ?? 0) * 60 + (value.to.minute ?? 0);
+  const bothEqual = fromMinutes === toMinutes;
+  const isOvernight = bothSet && toMinutes < fromMinutes;
+  const durationMinutes = bothSet && !bothEqual ? isOvernight ? 24 * 60 - fromMinutes + toMinutes : toMinutes - fromMinutes : 0;
+  const durationHours = Math.floor(durationMinutes / 60);
+  const durationRemaining = durationMinutes % 60;
+  const showDuration = bothSet && !bothEqual;
+  const durationLabel = durationRemaining > 0 ? `${durationHours}h ${durationRemaining}m window${isOvernight ? " (overnight)" : ""}` : `${durationHours}h window${isOvernight ? " (overnight)" : ""}`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: chunk23BJPJOK_js.cn(
+        "flex flex-col px-4 pt-2 pb-3 gap-1",
+        "border-t border-gray-100 dark:border-neutral-700"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.Clock,
+            {
+              className: chunk23BJPJOK_js.cn(
+                "w-4 h-4 shrink-0",
+                disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[9px] font-medium text-gray-300 dark:text-gray-600 tracking-wide", children: "OPT" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TimeField,
+              {
+                label: "From",
+                value: value.from,
+                onChange: (from) => onChange({ ...value, from }),
+                onMinuteComplete: () => toHourRef.current?.focus(),
+                disabled
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: chunk23BJPJOK_js.cn(
+                  "w-4 h-px",
+                  disabled ? "bg-gray-200 dark:bg-neutral-700" : "bg-gray-300 dark:bg-neutral-600"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              TimeField,
+              {
+                label: "To",
+                value: value.to,
+                onChange: (to) => onChange({ ...value, to }),
+                hourRef: toHourRef,
+                disabled
+              }
+            )
+          ] }),
+          showDuration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk23BJPJOK_js.cn(
+            "text-[10px] font-medium pl-0.5",
+            isOvernight ? "text-amber-500 dark:text-amber-400" : "text-gray-400 dark:text-gray-500"
+          ), children: durationLabel })
+        ] })
+      ] })
+    }
+  );
+}
 var WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function getCalendarDays(month) {
   const start = dateFns.startOfWeek(dateFns.startOfMonth(month), { weekStartsOn: 0 });
@@ -2155,7 +2460,7 @@ function CalendarMonth({
         "button",
         {
           onClick: onPrevMonth,
-          className: chunk5XF7Y25B_js.cn(
+          className: chunk23BJPJOK_js.cn(
             "p-1 rounded-md transition-colors",
             showPrevNav ? "hover:bg-gray-100 dark:hover:bg-neutral-700 text-gray-500 dark:text-gray-400" : "invisible pointer-events-none"
           ),
@@ -2167,7 +2472,7 @@ function CalendarMonth({
         "button",
         {
           onClick: onNextMonth,
-          className: chunk5XF7Y25B_js.cn(
+          className: chunk23BJPJOK_js.cn(
             "p-1 rounded-md transition-colors",
             showNextNav ? "hover:bg-gray-100 dark:hover:bg-neutral-700 text-gray-500 dark:text-gray-400" : "invisible pointer-events-none"
           ),
@@ -2197,7 +2502,7 @@ function CalendarMonth({
           return /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunk5XF7Y25B_js.cn(
+              className: chunk23BJPJOK_js.cn(
                 "h-9 flex items-center justify-center",
                 (inRange || rangeStart || rangeEnd) && "bg-blue-50 dark:bg-blue-950/40",
                 rangeStart && !rangeEnd && "rounded-l-full",
@@ -2210,7 +2515,7 @@ function CalendarMonth({
                   onClick: () => !outside && onDayClick(day),
                   onMouseEnter: () => !outside && onDayHover(day),
                   tabIndex: outside ? -1 : 0,
-                  className: chunk5XF7Y25B_js.cn(
+                  className: chunk23BJPJOK_js.cn(
                     "w-8 h-8 rounded-full text-sm flex items-center justify-center transition-colors",
                     outside && "text-gray-300 dark:text-gray-600 pointer-events-none",
                     !outside && !rangeStart && !rangeEnd && "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-neutral-700",
@@ -2276,16 +2581,25 @@ var DEFAULT_PRESETS = [
     }
   }
 ];
-function formatDateRange(range, placeholder) {
+function formatTime(tv) {
+  if (tv.hour === null || tv.minute === null) return "--:--";
+  const period = tv.hour >= 12 ? "PM" : "AM";
+  const h = tv.hour % 12 || 12;
+  const m = tv.minute.toString().padStart(2, "0");
+  return `${h}:${m} ${period}`;
+}
+function formatDateRange(range, placeholder, time) {
   if (!range?.from) return placeholder;
+  const timeActive = time && time.from.hour !== null && time.to.hour !== null;
+  const timeSuffix = timeActive ? ` ${formatTime(time.from)} \u2013 ${formatTime(time.to)}` : "";
   if (!range.to || dateFns.isSameDay(range.from, range.to)) {
-    return dateFns.format(range.from, "MMM d, yyyy");
+    return dateFns.format(range.from, "MMM d, yyyy") + timeSuffix;
   }
   const sameYear = range.from.getFullYear() === range.to.getFullYear();
   if (sameYear) {
-    return `${dateFns.format(range.from, "MMM d")} \u2013 ${dateFns.format(range.to, "MMM d, yyyy")}`;
+    return `${dateFns.format(range.from, "MMM d")} \u2013 ${dateFns.format(range.to, "MMM d, yyyy")}${timeSuffix}`;
   }
-  return `${dateFns.format(range.from, "MMM d, yyyy")} \u2013 ${dateFns.format(range.to, "MMM d, yyyy")}`;
+  return `${dateFns.format(range.from, "MMM d, yyyy")} \u2013 ${dateFns.format(range.to, "MMM d, yyyy")}${timeSuffix}`;
 }
 function DateRangePicker({
   value,
@@ -2295,7 +2609,10 @@ function DateRangePicker({
   placeholder = "Select date range",
   disabled = false,
   align = "start",
-  className
+  className,
+  showTimePicker = false,
+  timeValue,
+  onTimeChange
 }) {
   const [open, setOpen] = React10__namespace.useState(false);
   const [internalRange, setInternalRange] = React10__namespace.useState({
@@ -2311,11 +2628,19 @@ function DateRangePicker({
     () => dateFns.startOfMonth(value?.from ?? /* @__PURE__ */ new Date())
   );
   const [activePreset, setActivePreset] = React10__namespace.useState();
+  const [internalTime, setInternalTime] = React10__namespace.useState(DEFAULT_TIME_RANGE);
   const committedRange = value ?? internalRange;
+  const currentTime = timeValue ?? internalTime;
+  const handleTimeChange = (newTime) => {
+    if (onTimeChange) onTimeChange(newTime);
+    else setInternalTime(newTime);
+  };
+  const timeVisible = !!(draft.from && draft.to);
   const handleOpenChange = (newOpen) => {
     if (newOpen) {
       setDraft(committedRange);
       if (committedRange.from) setLeftMonth(dateFns.startOfMonth(committedRange.from));
+      if (!onTimeChange) setInternalTime(currentTime);
     }
     setOpen(newOpen);
   };
@@ -2348,6 +2673,7 @@ function DateRangePicker({
   const handleClear = () => {
     setDraft({ from: void 0, to: void 0 });
     setActivePreset(void 0);
+    if (showTimePicker) handleTimeChange(DEFAULT_TIME_RANGE);
   };
   const canClear = !!(draft.from || committedRange.from);
   const canApply = !(draft.from && !draft.to) && !!(draft.from || committedRange.from);
@@ -2357,7 +2683,7 @@ function DateRangePicker({
       "button",
       {
         disabled,
-        className: chunk5XF7Y25B_js.cn(
+        className: chunk23BJPJOK_js.cn(
           "inline-flex items-center gap-2 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm shadow-sm transition-colors",
           "hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",
           "dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700",
@@ -2367,7 +2693,11 @@ function DateRangePicker({
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "w-4 h-4 shrink-0 text-gray-400 dark:text-gray-500" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDateRange(committedRange, placeholder) })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { children: formatDateRange(
+            committedRange,
+            placeholder,
+            showTimePicker ? currentTime : void 0
+          ) })
         ]
       }
     ) }),
@@ -2379,7 +2709,7 @@ function DateRangePicker({
           "button",
           {
             onClick: () => handlePreset(preset),
-            className: chunk5XF7Y25B_js.cn(
+            className: chunk23BJPJOK_js.cn(
               "w-full text-left px-2 py-1.5 rounded-md text-sm transition-colors",
               activePreset === preset.label ? "bg-blue-50 text-blue-600 font-medium dark:bg-blue-950/50 dark:text-blue-400" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-neutral-700"
             ),
@@ -2418,13 +2748,34 @@ function DateRangePicker({
             }
           )
         ] }),
+        showTimePicker && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: timeVisible && /* @__PURE__ */ jsxRuntime.jsx(
+          framerMotion.motion.div,
+          {
+            initial: { height: 0, opacity: 0 },
+            animate: { height: "auto", opacity: 1 },
+            exit: { height: 0, opacity: 0 },
+            transition: {
+              height: { type: "spring", stiffness: 400, damping: 30, mass: 0.8 },
+              opacity: { duration: 0.2 }
+            },
+            className: "overflow-hidden",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              TimePickerRow,
+              {
+                value: currentTime,
+                onChange: handleTimeChange
+              }
+            )
+          },
+          "time-picker"
+        ) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-gray-100 dark:border-neutral-700", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               onClick: handleClear,
               disabled: !canClear,
-              className: chunk5XF7Y25B_js.cn(
+              className: chunk23BJPJOK_js.cn(
                 "px-3 py-1.5 rounded-md text-sm transition-colors",
                 canClear ? "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-neutral-700" : "text-gray-300 dark:text-gray-600 cursor-not-allowed"
               ),
@@ -2436,7 +2787,7 @@ function DateRangePicker({
             {
               onClick: handleApply,
               disabled: !canApply,
-              className: chunk5XF7Y25B_js.cn(
+              className: chunk23BJPJOK_js.cn(
                 "px-3 py-1.5 rounded-md text-sm font-medium transition-colors",
                 canApply ? "bg-blue-600 text-white hover:bg-blue-700 dark:hover:bg-blue-500" : "bg-blue-100 text-blue-300 cursor-not-allowed dark:bg-blue-950/30 dark:text-blue-800"
               ),
@@ -2535,6 +2886,7 @@ exports.Checkbox = Checkbox;
 exports.ColumnSelection = ColumnSelection;
 exports.DEFAULT_COMPARISON_PERIODS = DEFAULT_COMPARISON_PERIODS;
 exports.DEFAULT_PRESETS = DEFAULT_PRESETS;
+exports.DEFAULT_TIME_RANGE = DEFAULT_TIME_RANGE;
 exports.DateRangePicker = DateRangePicker;
 exports.Dialog = Dialog;
 exports.DialogClose = DialogClose;
@@ -2626,5 +2978,5 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useFormContext = useFormContext;
 exports.useFormFieldContext = useFormFieldContext;
 exports.useTableSelection = useTableSelection;
-//# sourceMappingURL=chunk-JP5BJYYD.js.map
-//# sourceMappingURL=chunk-JP5BJYYD.js.map
+//# sourceMappingURL=chunk-BKMHL4FM.js.map
+//# sourceMappingURL=chunk-BKMHL4FM.js.map