@pos-360/horizon 0.30.0 → 0.30.2

package/dist/{chunk-MOCMPGHB.js → chunk-ZYPPWLV6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk23BJPJOK_js = require('./chunk-23BJPJOK.js');
+var chunkNTUQQDCL_js = require('./chunk-NTUQQDCL.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: chunk23BJPJOK_js.cn(buttonVariants({ variant, size, className })),
+          className: chunkNTUQQDCL_js.cn(buttonVariants({ variant, size, className })),
           ref,
           ...props,
           children
@@ -99,7 +99,7 @@ var Button = React10__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsxs(
       Comp,
       {
-        className: chunk23BJPJOK_js.cn(buttonVariants({ variant, size, className })),
+        className: chunkNTUQQDCL_js.cn(buttonVariants({ variant, size, className })),
         ref,
         ...props,
         children: [
@@ -116,7 +116,7 @@ var Card = React10__namespace.forwardRef(({ className, ...props }, ref) => /* @_
   "div",
   {
     ref,
-    className: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("flex flex-col space-y-1.5 p-4", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("font-semibold leading-none tracking-tight", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("p-4 pt-0", className),
+    className: chunkNTUQQDCL_js.cn("p-4 pt-0", className),
     ...props
   }
 ));
@@ -164,7 +164,7 @@ var CardFooter = React10__namespace.forwardRef(({ className, ...props }, ref) =>
   "div",
   {
     ref,
-    className: chunk23BJPJOK_js.cn("flex items-center p-4 pt-0", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("flex items-center justify-center text-current"),
+        className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("-mx-1 my-1 h-px bg-gray-100 dark:bg-neutral-700", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
+      className: chunkNTUQQDCL_js.cn("ml-auto text-xs tracking-widest opacity-60", className),
       ...props
     }
   );
@@ -476,7 +476,7 @@ var Form = React10__namespace.forwardRef(
       "form",
       {
         ref,
-        className: chunk23BJPJOK_js.cn("space-y-6", className),
+        className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("space-y-2", className), ...props, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: chunkNTUQQDCL_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(
-    chunk23BJPJOK_js.Label,
+    chunkNTUQQDCL_js.Label,
     {
       ref,
       htmlFor: id,
-      className: chunk23BJPJOK_js.cn(error && "text-rose-500 dark:text-rose-400", className),
+      className: chunkNTUQQDCL_js.cn(error && "text-rose-500 dark:text-rose-400", className),
       ...props
     }
   );
@@ -531,7 +531,7 @@ var FormDescription = React10__namespace.forwardRef(
       "span",
       {
         ref,
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+                  className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("px-2 py-1.5 text-sm font-semibold", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("-mx-1 my-1 h-px bg-gray-200/50 dark:bg-neutral-700/50", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(separatorVariants({ orientation }), className),
+      className: chunkNTUQQDCL_js.cn(separatorVariants({ orientation }), className),
       ...props
     }
   );
@@ -904,7 +904,7 @@ function Skeleton({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("h-4", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkNTUQQDCL_js.cn("h-4", className) });
 }
 function SkeletonTitle({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-6 w-48", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkNTUQQDCL_js.cn("h-6 w-48", className) });
 }
 function SkeletonSubtitle({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-3 w-64", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkNTUQQDCL_js.cn("h-3 w-64", className) });
 }
 function SkeletonAvatar({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("w-10 h-10 rounded", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkNTUQQDCL_js.cn("w-10 h-10 rounded", className) });
 }
 function SkeletonBadge({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-6 w-24", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkNTUQQDCL_js.cn("h-6 w-24", className) });
 }
 function SkeletonIcon({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("w-6 h-6 rounded", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkNTUQQDCL_js.cn("w-6 h-6 rounded", className) });
 }
 function SkeletonButton({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-10 w-24 rounded-hz-md", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkNTUQQDCL_js.cn("h-10 w-24 rounded-hz-md", className) });
 }
 function SkeletonInput({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunk23BJPJOK_js.cn("h-10 w-full rounded-hz-md", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_js.cn(
         segmentedControlVariants({ size }),
         containerRadiusClass[radius],
         className
@@ -1035,7 +1035,7 @@ function SegmentedControl({
         {
           value: option.value,
           disabled: option.disabled,
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_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(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: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("p-3 space-y-3", bulkEdit.kind === "segmented-control" ? "w-auto" : "w-64"), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { align: "start", className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_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: 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),
+        className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("w-full caption-bottom text-sm", className),
+            className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+                    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+                      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+                          className: chunkNTUQQDCL_js.cn(
                             "p-4 align-middle",
-                            col.stickyXHeader && chunk23BJPJOK_js.cn("sticky z-20", isSelected ? "bg-blue-50 dark:bg-[#242a3a]" : "bg-gray-50 dark:bg-neutral-800"),
+                            col.stickyXHeader && chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("[&_tr]:border-b [&_tr]:border-gray-200 dark:[&_tr]:border-gray-700", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("[&_tr:last-child]:border-0", className),
+    className: chunkNTUQQDCL_js.cn("[&_tr:last-child]:border-0", className),
     ...props
   }
 ));
@@ -1488,7 +1488,7 @@ var TableFooter = React10__namespace.forwardRef(({ className, ...props }, ref) =
   "tfoot",
   {
     ref,
-    className: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn("mt-4 text-sm text-gray-500 dark:text-gray-400", className),
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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" ? chunk23BJPJOK_js.cn(
+        variant === "pill" ? chunkNTUQQDCL_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"
-        ) : chunk23BJPJOK_js.cn(
+        ) : chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+    className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(switchTrackVariants({ size }), className),
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_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: chunk23BJPJOK_js.cn(
+            className: chunkNTUQQDCL_js.cn(
               switchLabelVariants({ size }),
               props.disabled ? "cursor-not-allowed" : "cursor-pointer"
             ),
@@ -2129,15 +2129,16 @@ function to24Hour(hour12, period) {
 function pad(n) {
   return n.toString().padStart(2, "0");
 }
-function clamp(val, min, max) {
-  return Math.max(min, Math.min(max, val));
+function clamp(val, min2, max) {
+  return Math.max(min2, Math.min(max, val));
 }
 function TimeInput({
   value,
-  min,
+  min: min2,
   max,
   onChange,
   onComplete,
+  onDirty,
   inputRef,
   disabled = false,
   "aria-label": ariaLabel
@@ -2145,39 +2146,59 @@ function TimeInput({
   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;
-    }
-    if (raw.length === 1) {
-      setEditValue(raw);
-      return;
-    }
+  const pendingDigitRef = React10__namespace.useRef(null);
+  const setRefs = React10__namespace.useCallback(chunkNTUQQDCL_js.mergeRefs(internalRef, inputRef), [inputRef]);
+  const commitTwoDigits = (raw) => {
     const parsed = parseInt(raw, 10);
-    const clamped = clamp(parsed, min, max);
+    const clamped = clamp(parsed, min2, max);
+    pendingDigitRef.current = null;
     committedRef.current = true;
     onChange(clamped);
     setEditValue(null);
     onComplete?.();
   };
+  const handleChange = (e) => {
+    const allDigits = e.target.value.replace(/\D/g, "");
+    if (allDigits === "") {
+      setEditValue("");
+      pendingDigitRef.current = null;
+      return;
+    }
+    if (pendingDigitRef.current !== null) {
+      if (allDigits.length > 2) {
+        commitTwoDigits(pendingDigitRef.current + allDigits[allDigits.length - 1]);
+        return;
+      }
+      pendingDigitRef.current = null;
+      setEditValue("");
+      return;
+    }
+    if (allDigits.length === 1) {
+      pendingDigitRef.current = allDigits;
+      setEditValue("0" + allDigits);
+      onDirty?.();
+      return;
+    }
+    commitTwoDigits(allDigits.slice(0, 2));
+  };
   const commit = () => {
     if (committedRef.current) {
       committedRef.current = false;
+      pendingDigitRef.current = null;
       setEditValue(null);
       return;
     }
     if (editValue === null) return;
     if (editValue === "") {
+      pendingDigitRef.current = null;
       setEditValue(null);
       return;
     }
     const parsed = parseInt(editValue, 10);
     if (!isNaN(parsed)) {
-      onChange(clamp(parsed, min, max));
+      onChange(clamp(parsed, min2, max));
     }
+    pendingDigitRef.current = null;
     setEditValue(null);
   };
   const handleKeyDown = (e) => {
@@ -2185,18 +2206,21 @@ function TimeInput({
       commit();
       internalRef.current?.blur();
     } else if (e.key === "Escape") {
+      pendingDigitRef.current = null;
       setEditValue(null);
       internalRef.current?.blur();
     } else if (e.key === "ArrowUp") {
       e.preventDefault();
-      const curr = value ?? min;
-      const next = curr >= max ? min : curr + 1;
+      pendingDigitRef.current = null;
+      const curr = value ?? min2;
+      const next = curr >= max ? min2 : curr + 1;
       onChange(next);
       setEditValue(pad(next));
     } else if (e.key === "ArrowDown") {
       e.preventDefault();
+      pendingDigitRef.current = null;
       const curr = value ?? max;
-      const next = curr <= min ? max : curr - 1;
+      const next = curr <= min2 ? max : curr - 1;
       onChange(next);
       setEditValue(pad(next));
     }
@@ -2212,12 +2236,13 @@ function TimeInput({
       value: editValue ?? (value === null ? "--" : pad(value)),
       onChange: handleChange,
       onFocus: (e) => {
+        pendingDigitRef.current = null;
         setEditValue("");
         requestAnimationFrame(() => e.target.select());
       },
       onBlur: () => commit(),
       onKeyDown: handleKeyDown,
-      className: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_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",
@@ -2232,7 +2257,7 @@ function PeriodToggle({ value, onChange, disabled = false }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_js.cn(
         "inline-flex rounded-md border overflow-hidden",
         disabled && "opacity-40 cursor-not-allowed",
         "border-gray-200 dark:border-neutral-600"
@@ -2243,7 +2268,7 @@ function PeriodToggle({ value, onChange, disabled = false }) {
           type: "button",
           disabled,
           onClick: () => onChange(p),
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_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"
@@ -2262,11 +2287,12 @@ function TimeField({
   hourRef,
   minuteRef,
   onMinuteComplete,
+  onDirty,
   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 mergedMinuteRef = React10__namespace.useCallback(chunkNTUQQDCL_js.mergeRefs(minuteInputRef, minuteRef), [minuteRef]);
   const handleHourChange = (newHour12) => {
     onChange({ ...value, hour: to24Hour(newHour12, period) });
   };
@@ -2284,7 +2310,7 @@ function TimeField({
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_js.cn(
           "text-xs font-semibold uppercase tracking-wider",
           disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
         ),
@@ -2300,6 +2326,7 @@ function TimeField({
           max: 12,
           onChange: handleHourChange,
           onComplete: focusMinute,
+          onDirty,
           inputRef: hourRef,
           disabled,
           "aria-label": `${label} hour`
@@ -2308,7 +2335,7 @@ function TimeField({
       /* @__PURE__ */ jsxRuntime.jsx(
         "span",
         {
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_js.cn(
             "text-sm font-bold select-none",
             disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
           ),
@@ -2323,6 +2350,7 @@ function TimeField({
           max: 59,
           onChange: handleMinuteChange,
           onComplete: onMinuteComplete,
+          onDirty,
           inputRef: mergedMinuteRef,
           disabled,
           "aria-label": `${label} minute`
@@ -2339,11 +2367,14 @@ function TimeField({
     ] })
   ] });
 }
-function TimePickerColumn({ value, onChange, disabled = false }) {
-  const toHourRef = React10__namespace.useRef(null);
+function useTimeFieldState(value) {
   const fromSet = isTimeSet(value.from);
   const toSet = isTimeSet(value.to);
   const bothSet = fromSet && toSet;
+  const orphanMinutes = value.from.hour === null && value.from.minute !== null || value.to.hour === null && value.to.minute !== null;
+  const fromPartial = !fromSet && (value.from.hour !== null || value.from.minute !== null);
+  const toPartial = !toSet && (value.to.hour !== null || value.to.minute !== null);
+  const oneSideMissing = fromSet && !toSet && !toPartial || toSet && !fromSet && !fromPartial;
   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;
@@ -2353,140 +2384,142 @@ function TimePickerColumn({ value, onChange, disabled = false }) {
   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.jsxs(
-    "div",
-    {
-      className: chunk23BJPJOK_js.cn(
-        "flex flex-col px-2 pt-2 pb-2 gap-1",
-        "border-t border-gray-100 dark:border-neutral-700"
+  const incompleteHint = orphanMinutes ? "Please set hours for the time to take effect" : fromPartial || toPartial ? "Please complete both hour and minute fields" : oneSideMissing ? `Please set the ${fromSet ? "to" : "from"} time` : null;
+  return { showDuration, durationLabel, isOvernight, incompleteHint };
+}
+function TimePickerColumn({ value, onChange, disabled = false, onRemove, showRemove = false, onDirty }) {
+  const toHourRef = React10__namespace.useRef(null);
+  const { showDuration, durationLabel, isOvernight, incompleteHint } = useTimeFieldState(value);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col px-2 pt-2 pb-2 gap-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        lucideReact.Clock,
+        {
+          className: chunkNTUQQDCL_js.cn(
+            "w-4 h-4 shrink-0",
+            disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+          )
+        }
       ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", 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: 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: "Time"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[9px] font-medium text-gray-400 dark:text-gray-600 tracking-wide", children: "(Optional)" })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pl-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TimeField,
-            {
-              label: "From",
-              value: value.from,
-              onChange: (from) => onChange({ ...value, from }),
-              onMinuteComplete: () => toHourRef.current?.focus(),
-              disabled
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TimeField,
-            {
-              label: "To",
-              value: value.to,
-              onChange: (to) => onChange({ ...value, to }),
-              hourRef: toHourRef,
-              disabled
-            }
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: chunkNTUQQDCL_js.cn(
+            "text-xs font-semibold uppercase tracking-wider",
+            disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
           ),
-          showDuration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunk23BJPJOK_js.cn(
-            "text-[10px] font-medium",
-            isOvernight ? "text-amber-500 dark:text-amber-400" : "text-gray-400 dark:text-gray-500"
-          ), children: durationLabel })
-        ] })
-      ]
-    }
-  );
+          children: "Time"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[9px] font-medium text-gray-400 dark:text-gray-600 tracking-wide", children: "(Optional)" }),
+      showRemove && onRemove && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkNTUQQDCL_js.TextButton,
+        {
+          variant: "danger",
+          onClick: onRemove,
+          size: "sm",
+          className: "!text-[0.625rem]",
+          children: "Remove"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pl-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TimeField,
+        {
+          label: "From",
+          value: value.from,
+          onChange: (from) => onChange({ ...value, from }),
+          onMinuteComplete: () => toHourRef.current?.focus(),
+          onDirty,
+          disabled
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        TimeField,
+        {
+          label: "To",
+          value: value.to,
+          onChange: (to) => onChange({ ...value, to }),
+          hourRef: toHourRef,
+          onDirty,
+          disabled
+        }
+      ),
+      showDuration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNTUQQDCL_js.cn(
+        "text-[10px] font-medium",
+        isOvernight ? "text-amber-500 dark:text-amber-400" : "text-gray-400 dark:text-gray-500"
+      ), children: durationLabel }),
+      incompleteHint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium text-amber-500 dark:text-amber-400", children: incompleteHint })
+    ] })
+  ] });
 }
-function TimePickerRow({ value, onChange, disabled = false }) {
+function TimePickerRow({ value, onChange, disabled = false, onRemove, showRemove = false, onDirty }) {
   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"
+  const { showDuration, durationLabel, isOvernight, incompleteHint } = useTimeFieldState(value);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col px-4 pt-2 pb-3 gap-1", 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: chunkNTUQQDCL_js.cn(
+            "w-4 h-4 shrink-0",
+            disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+          )
+        }
       ),
-      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
-              }
+      /* @__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-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TimeField,
+          {
+            label: "From",
+            value: value.from,
+            onChange: (from) => onChange({ ...value, from }),
+            onMinuteComplete: () => toHourRef.current?.focus(),
+            onDirty,
+            disabled
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkNTUQQDCL_js.cn(
+              "w-4 h-px",
+              disabled ? "bg-gray-200 dark:bg-neutral-700" : "bg-gray-300 dark:bg-neutral-600"
             )
-          ] }),
-          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 })
-        ] })
-      ] })
-    }
-  );
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          TimeField,
+          {
+            label: "To",
+            value: value.to,
+            onChange: (to) => onChange({ ...value, to }),
+            hourRef: toHourRef,
+            onDirty,
+            disabled
+          }
+        ),
+        showRemove && onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            variant: "outline",
+            onClick: onRemove,
+            className: "text-[0.625rem] border border-red-100 dark:border-red-700 rounded-md px-2 py-1 h-8 text-red-500 hover:text-red-600 dark:text-red-400 dark:hover:text-red-300 transition-colors",
+            children: "Remove"
+          }
+        )
+      ] }),
+      showDuration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkNTUQQDCL_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 }),
+      incompleteHint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-medium pl-0.5 text-amber-500 dark:text-amber-400", children: incompleteHint })
+    ] })
+  ] }) });
 }
 var WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function getCalendarDays(month) {
@@ -2534,7 +2567,7 @@ function CalendarMonth({
         "button",
         {
           onClick: onPrevMonth,
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_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"
           ),
@@ -2546,7 +2579,7 @@ function CalendarMonth({
         "button",
         {
           onClick: onNextMonth,
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_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"
           ),
@@ -2569,14 +2602,19 @@ function CalendarMonth({
         onMouseLeave: () => onDayHover(void 0),
         children: days.map((day, idx) => {
           const outside = !dateFns.isSameMonth(day, month);
-          const inRange = !outside && isInRange(day);
-          const rangeStart = !outside && isRangeStart(day);
-          const rangeEnd = !outside && isRangeEnd(day);
+          if (outside) {
+            return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-9" }, idx);
+          }
+          const isFuture = dateFns.isAfter(dateFns.startOfDay(day), dateFns.startOfDay(today));
+          const disabled = isFuture;
+          const inRange = !disabled && isInRange(day);
+          const rangeStart = !disabled && isRangeStart(day);
+          const rangeEnd = !disabled && isRangeEnd(day);
           const isToday = dateFns.isSameDay(day, today);
           return /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunk23BJPJOK_js.cn(
+              className: chunkNTUQQDCL_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",
@@ -2586,16 +2624,17 @@ function CalendarMonth({
               children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
-                  onClick: () => !outside && onDayClick(day),
-                  onMouseEnter: () => !outside && onDayHover(day),
-                  tabIndex: outside ? -1 : 0,
-                  className: chunk23BJPJOK_js.cn(
+                  onClick: () => !disabled && onDayClick(day),
+                  onMouseEnter: () => !disabled && onDayHover(day),
+                  tabIndex: disabled ? -1 : 0,
+                  disabled,
+                  className: chunkNTUQQDCL_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",
-                    !outside && inRange && !rangeStart && !rangeEnd && "text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-900/50",
+                    isFuture && "text-gray-300 dark:text-gray-600 pointer-events-none cursor-not-allowed",
+                    !disabled && !rangeStart && !rangeEnd && "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-neutral-700",
+                    !disabled && inRange && !rangeStart && !rangeEnd && "text-blue-700 dark:text-blue-300 hover:bg-blue-100 dark:hover:bg-blue-900/50",
                     (rangeStart || rangeEnd) && "bg-blue-600 text-white hover:bg-blue-700 dark:hover:bg-blue-500",
-                    isToday && !rangeStart && !rangeEnd && !outside && "font-bold"
+                    isToday && !rangeStart && !rangeEnd && !disabled && "font-bold"
                   ),
                   children: dateFns.format(day, "d")
                 }
@@ -2608,6 +2647,167 @@ function CalendarMonth({
     )
   ] });
 }
+function useDateRangePicker({
+  value,
+  onChange,
+  showTimePicker = false,
+  timeValue,
+  onTimeChange
+}) {
+  const [open, setOpen] = React10__namespace.useState(false);
+  const [internalRange, setInternalRange] = React10__namespace.useState({
+    from: void 0,
+    to: void 0
+  });
+  const [draft, setDraft] = React10__namespace.useState({
+    from: void 0,
+    to: void 0
+  });
+  const [hoverDate, setHoverDate] = React10__namespace.useState();
+  const [viewMonth, setViewMonth] = React10__namespace.useState(
+    () => dateFns.startOfMonth(value?.from ?? /* @__PURE__ */ new Date())
+  );
+  const [activePreset, setActivePreset] = React10__namespace.useState();
+  const [committedInternalTime, setCommittedInternalTime] = React10__namespace.useState(DEFAULT_TIME_RANGE);
+  const [draftTime, setDraftTime] = React10__namespace.useState(DEFAULT_TIME_RANGE);
+  const [timeExpanded, setTimeExpanded] = React10__namespace.useState(false);
+  const [timeDirty, setTimeDirty] = React10__namespace.useState(false);
+  const committedRange = value ?? internalRange;
+  const committedTime = timeValue ?? committedInternalTime;
+  const timeVisible = !!(draft.from && draft.to);
+  const hasAnyTimeInput = timeDirty || draftTime.from.hour !== null || draftTime.from.minute !== null || draftTime.to.hour !== null || draftTime.to.minute !== null;
+  const isTimeComplete2 = draftTime.from.hour !== null && draftTime.from.minute !== null && draftTime.to.hour !== null && draftTime.to.minute !== null;
+  const hasPartialTime = showTimePicker && timeExpanded && !isTimeComplete2;
+  const canClear = !!(draft.from || committedRange.from);
+  const canApply = !(draft.from && !draft.to) && !!(draft.from || committedRange.from) && !hasPartialTime;
+  const resetTime = React10__namespace.useCallback(() => {
+    setDraftTime(DEFAULT_TIME_RANGE);
+    setTimeExpanded(false);
+    setTimeDirty(false);
+  }, []);
+  const handleTimeChange = React10__namespace.useCallback((newTime) => {
+    setDraftTime(newTime);
+  }, []);
+  const handleOpenChange = React10__namespace.useCallback(
+    (newOpen) => {
+      if (newOpen) {
+        setDraft(committedRange);
+        if (committedRange.from)
+          setViewMonth(dateFns.startOfMonth(committedRange.from));
+        setDraftTime(committedTime);
+        const hasExistingTime = committedTime.from.hour !== null || committedTime.from.minute !== null || committedTime.to.hour !== null || committedTime.to.minute !== null;
+        setTimeExpanded(hasExistingTime);
+        setTimeDirty(false);
+      }
+      setOpen(newOpen);
+    },
+    [committedRange, committedTime]
+  );
+  const handleDayClick = React10__namespace.useCallback(
+    (date) => {
+      const { from, to } = draft;
+      if (!from || from && to) {
+        setDraft({ from: date, to: void 0 });
+        setActivePreset(void 0);
+        if (showTimePicker && timeExpanded) {
+          resetTime();
+        }
+        return;
+      }
+      const [start, end] = dateFns.isBefore(from, date) ? [from, date] : [date, from];
+      setDraft({ from: start, to: end });
+      setHoverDate(void 0);
+    },
+    [draft, showTimePicker, timeExpanded, resetTime]
+  );
+  const handlePreset = React10__namespace.useCallback(
+    (preset) => {
+      const newRange = preset.getRange();
+      setDraft(newRange);
+      setActivePreset(preset.label);
+      if (newRange.from) setViewMonth(dateFns.startOfMonth(newRange.from));
+      if (showTimePicker) resetTime();
+    },
+    [showTimePicker, resetTime]
+  );
+  const handleApply = React10__namespace.useCallback(() => {
+    if (draft.from && !draft.to) return;
+    const newRange = draft.from && draft.to ? draft : void 0;
+    const rangeChanged = newRange?.from?.getTime() !== committedRange.from?.getTime() || newRange?.to?.getTime() !== committedRange.to?.getTime();
+    const timeChanged = draftTime.from.hour !== committedTime.from.hour || draftTime.from.minute !== committedTime.from.minute || draftTime.to.hour !== committedTime.to.hour || draftTime.to.minute !== committedTime.to.minute;
+    if (rangeChanged) {
+      if (onChange) onChange(newRange);
+      else setInternalRange(newRange ?? { from: void 0, to: void 0 });
+    }
+    if (timeChanged) {
+      if (onTimeChange) onTimeChange(draftTime);
+      else setCommittedInternalTime(draftTime);
+    }
+    setOpen(false);
+  }, [draft, onChange, committedRange, draftTime, committedTime, onTimeChange]);
+  const handleClear = React10__namespace.useCallback(() => {
+    setDraft({ from: void 0, to: void 0 });
+    setActivePreset(void 0);
+    if (showTimePicker) resetTime();
+  }, [showTimePicker, resetTime]);
+  const expandTime = React10__namespace.useCallback(() => {
+    setTimeExpanded(true);
+  }, []);
+  const markTimeDirty = React10__namespace.useCallback(() => {
+    setTimeDirty(true);
+  }, []);
+  return {
+    open,
+    draft,
+    hoverDate,
+    viewMonth,
+    activePreset,
+    committedRange,
+    committedTime,
+    draftTime,
+    timeExpanded,
+    timeVisible,
+    hasAnyTimeInput,
+    canClear,
+    canApply,
+    showTimePicker,
+    setHoverDate,
+    setViewMonth,
+    handleTimeChange,
+    handleOpenChange,
+    handleDayClick,
+    handlePreset,
+    handleApply,
+    handleClear,
+    resetTime,
+    expandTime,
+    markTimeDirty
+  };
+}
+function formatTime(hour, minute) {
+  const period = hour >= 12 ? "PM" : "AM";
+  const h = hour % 12 || 12;
+  const m = minute.toString().padStart(2, "0");
+  return `${h}:${m} ${period}`;
+}
+function isTimeComplete(time) {
+  return time.from.hour !== null && time.from.minute !== null && time.to.hour !== null && time.to.minute !== null;
+}
+function formatDateRange(range, placeholder, time) {
+  if (!range?.from) return placeholder;
+  const hasTime = time && isTimeComplete(time);
+  if (!range.to || dateFns.isSameDay(range.from, range.to)) {
+    const dateStr = dateFns.format(range.from, "MMM d, yyyy");
+    return hasTime ? `${dateStr} ${formatTime(time.from.hour, time.from.minute)} \u2013 ${formatTime(time.to.hour, time.to.minute)}` : dateStr;
+  }
+  const sameYear = range.from.getFullYear() === range.to.getFullYear();
+  const fromDate = dateFns.format(range.from, sameYear ? "MMM d" : "MMM d, yyyy");
+  const toDate = dateFns.format(range.to, "MMM d, yyyy");
+  if (hasTime) {
+    return `${fromDate} ${formatTime(time.from.hour, time.from.minute)} \u2013 ${toDate} ${formatTime(time.to.hour, time.to.minute)}`;
+  }
+  return `${fromDate} \u2013 ${toDate}`;
+}
 var DEFAULT_PRESETS = [
   {
     label: "Today",
@@ -2627,7 +2827,7 @@ var DEFAULT_PRESETS = [
     label: "This Week",
     getRange: () => ({
       from: dateFns.startOfWeek(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }),
-      to: dateFns.endOfWeek(/* @__PURE__ */ new Date(), { weekStartsOn: 0 })
+      to: dateFns.min([dateFns.endOfWeek(/* @__PURE__ */ new Date(), { weekStartsOn: 0 }), dateFns.endOfDay(/* @__PURE__ */ new Date())])
     })
   },
   {
@@ -2644,7 +2844,7 @@ var DEFAULT_PRESETS = [
     label: "This Month",
     getRange: () => ({
       from: dateFns.startOfMonth(/* @__PURE__ */ new Date()),
-      to: dateFns.endOfMonth(/* @__PURE__ */ new Date())
+      to: dateFns.min([dateFns.endOfMonth(/* @__PURE__ */ new Date()), dateFns.endOfDay(/* @__PURE__ */ new Date())])
     })
   },
   {
@@ -2655,26 +2855,6 @@ var DEFAULT_PRESETS = [
     }
   }
 ];
-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") + 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")}${timeSuffix}`;
-  }
-  return `${dateFns.format(range.from, "MMM d, yyyy")} \u2013 ${dateFns.format(range.to, "MMM d, yyyy")}${timeSuffix}`;
-}
 function DateRangePicker({
   value,
   onChange,
@@ -2688,95 +2868,33 @@ function DateRangePicker({
   timeValue,
   onTimeChange
 }) {
-  const [open, setOpen] = React10__namespace.useState(false);
-  const [internalRange, setInternalRange] = React10__namespace.useState({
-    from: void 0,
-    to: void 0
-  });
-  const [draft, setDraft] = React10__namespace.useState({
-    from: void 0,
-    to: void 0
+  const picker = useDateRangePicker({
+    value,
+    onChange,
+    showTimePicker,
+    timeValue,
+    onTimeChange
   });
-  const [hoverDate, setHoverDate] = React10__namespace.useState();
-  const [leftMonth, setLeftMonth] = React10__namespace.useState(
-    () => 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);
-  };
-  const handleDayClick = (date) => {
-    const { from, to } = draft;
-    if (!from || from && to) {
-      setDraft({ from: date, to: void 0 });
-      setActivePreset(void 0);
-      return;
-    }
-    const [start, end] = dateFns.isBefore(from, date) ? [from, date] : [date, from];
-    setDraft({ from: start, to: end });
-    setHoverDate(void 0);
-  };
-  const handlePreset = (preset) => {
-    const newRange = preset.getRange();
-    if (showTimePicker) {
-      setDraft(newRange);
-      setActivePreset(preset.label);
-      if (newRange.from) setLeftMonth(dateFns.startOfMonth(newRange.from));
-    } else {
-      if (onChange) onChange(newRange);
-      else setInternalRange(newRange);
-      setActivePreset(preset.label);
-      if (newRange.from) setLeftMonth(dateFns.startOfMonth(newRange.from));
-      setOpen(false);
-    }
-  };
-  const handleApply = () => {
-    if (draft.from && !draft.to) return;
-    const newRange = draft.from && draft.to ? draft : void 0;
-    if (onChange) onChange(newRange);
-    else setInternalRange(newRange ?? { from: void 0, to: void 0 });
-    setOpen(false);
-  };
-  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);
-  const rightMonth = dateFns.addMonths(leftMonth, 1);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+  const rightMonth = dateFns.addMonths(picker.viewMonth, 1);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: picker.open, onOpenChange: picker.handleOpenChange, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
         disabled,
-        className: chunk23BJPJOK_js.cn(
+        className: chunkNTUQQDCL_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",
           "disabled:pointer-events-none disabled:opacity-50",
-          committedRange.from ? "text-gray-900 dark:text-gray-100" : "text-gray-400 dark:text-gray-500",
+          picker.committedRange.from ? "text-gray-900 dark:text-gray-100" : "text-gray-400 dark:text-gray-500",
           className
         ),
         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,
+            picker.committedRange,
             placeholder,
-            showTimePicker ? currentTime : void 0
+            showTimePicker ? picker.committedTime : void 0
           ) })
         ]
       }
@@ -2788,10 +2906,10 @@ function DateRangePicker({
         section.options.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
-            onClick: () => handlePreset(preset),
-            className: chunk23BJPJOK_js.cn(
+            onClick: () => picker.handlePreset(preset),
+            className: chunkNTUQQDCL_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"
+              picker.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"
             ),
             children: preset.label
           },
@@ -2803,12 +2921,12 @@ function DateRangePicker({
           /* @__PURE__ */ jsxRuntime.jsx(
             CalendarMonth,
             {
-              month: leftMonth,
-              range: draft,
-              hoverDate,
-              onDayClick: handleDayClick,
-              onDayHover: setHoverDate,
-              onPrevMonth: () => setLeftMonth(dateFns.subMonths(leftMonth, 1)),
+              month: picker.viewMonth,
+              range: picker.draft,
+              hoverDate: picker.hoverDate,
+              onDayClick: picker.handleDayClick,
+              onDayHover: picker.setHoverDate,
+              onPrevMonth: () => picker.setViewMonth(dateFns.subMonths(picker.viewMonth, 1)),
               showPrevNav: true,
               showNextNav: false
             }
@@ -2818,46 +2936,72 @@ function DateRangePicker({
             CalendarMonth,
             {
               month: rightMonth,
-              range: draft,
-              hoverDate,
-              onDayClick: handleDayClick,
-              onDayHover: setHoverDate,
-              onNextMonth: () => setLeftMonth(dateFns.addMonths(leftMonth, 1)),
+              range: picker.draft,
+              hoverDate: picker.hoverDate,
+              onDayClick: picker.handleDayClick,
+              onDayHover: picker.setHoverDate,
+              onNextMonth: () => picker.setViewMonth(dateFns.addMonths(picker.viewMonth, 1)),
               showPrevNav: false,
               showNextNav: true
             }
           )
         ] }),
-        showTimePicker && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: timeVisible && /* @__PURE__ */ jsxRuntime.jsx(
+        showTimePicker && /* @__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,
+            layout: true,
+            transition: { layout: { duration: 0.2, ease: "easeInOut" } },
+            className: "border-t border-gray-100 dark:border-neutral-700",
+            children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", initial: false, children: picker.timeVisible && !picker.timeExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
               {
-                value: currentTime,
-                onChange: handleTimeChange
-              }
-            )
-          },
-          "time-picker"
-        ) }),
+                initial: { opacity: 0 },
+                animate: { opacity: 1 },
+                exit: { opacity: 0 },
+                transition: { duration: 0.12 },
+                children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2 ", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "outline",
+                    onClick: picker.expandTime,
+                    leadingDecorator: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "w-3.5 h-3.5" }),
+                    className: "w-full rounded-md h-9",
+                    children: "Add time range"
+                  }
+                ) })
+              },
+              "add-time-btn"
+            ) : picker.timeVisible && picker.timeExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
+              framerMotion.motion.div,
+              {
+                initial: { opacity: 0 },
+                animate: { opacity: 1 },
+                exit: { opacity: 0 },
+                transition: { duration: 0.12 },
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  TimePickerRow,
+                  {
+                    value: picker.draftTime,
+                    onChange: picker.handleTimeChange,
+                    onRemove: picker.resetTime,
+                    showRemove: picker.timeExpanded,
+                    onDirty: picker.markTimeDirty
+                  }
+                )
+              },
+              "time-picker"
+            ) : null })
+          }
+        ),
         /* @__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: chunk23BJPJOK_js.cn(
+              onClick: picker.handleClear,
+              disabled: !picker.canClear,
+              className: chunkNTUQQDCL_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"
+                picker.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"
               ),
               children: "Clear"
             }
@@ -2865,11 +3009,11 @@ function DateRangePicker({
           /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
-              onClick: handleApply,
-              disabled: !canApply,
-              className: chunk23BJPJOK_js.cn(
+              onClick: picker.handleApply,
+              disabled: !picker.canApply,
+              className: chunkNTUQQDCL_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"
+                picker.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"
               ),
               children: "Apply"
             }
@@ -2879,30 +3023,6 @@ function DateRangePicker({
     ] }) })
   ] });
 }
-function formatTime2(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 formatDateWithTime(date, dateFmt, time) {
-  const dateStr = dateFns.format(date, dateFmt);
-  const timeStr = time ? formatTime2(time) : "";
-  return timeStr ? `${dateStr}, ${timeStr}` : dateStr;
-}
-function formatDateRange2(range, placeholder, time) {
-  if (!range?.from) return placeholder;
-  const hasTime = time && time.from.hour !== null && time.to.hour !== null;
-  if (!range.to || dateFns.isSameDay(range.from, range.to)) {
-    return formatDateWithTime(range.from, "MMMM d, yyyy", hasTime ? time.from : void 0);
-  }
-  const sameYear = range.from.getFullYear() === range.to.getFullYear();
-  const fromFmt = sameYear ? "MMMM d" : "MMMM d, yyyy";
-  const fromStr = formatDateWithTime(range.from, fromFmt, hasTime ? time.from : void 0);
-  const toStr = formatDateWithTime(range.to, "MMMM d, yyyy", hasTime ? time.to : void 0);
-  return `${fromStr} \u2013 ${toStr}`;
-}
 function DateRangePickerMobile({
   label,
   value,
@@ -2916,95 +3036,33 @@ function DateRangePickerMobile({
   timeValue,
   onTimeChange
 }) {
-  const [open, setOpen] = React10__namespace.useState(false);
-  const [internalRange, setInternalRange] = React10__namespace.useState({
-    from: void 0,
-    to: void 0
-  });
-  const [draft, setDraft] = React10__namespace.useState({
-    from: void 0,
-    to: void 0
+  const picker = useDateRangePicker({
+    value,
+    onChange,
+    showTimePicker,
+    timeValue,
+    onTimeChange
   });
-  const [hoverDate, setHoverDate] = React10__namespace.useState();
-  const [viewMonth, setViewMonth] = React10__namespace.useState(
-    () => 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) setViewMonth(dateFns.startOfMonth(committedRange.from));
-      if (!onTimeChange) setInternalTime(currentTime);
-    }
-    setOpen(newOpen);
-  };
-  const handleDayClick = (date) => {
-    const { from, to } = draft;
-    if (!from || from && to) {
-      setDraft({ from: date, to: void 0 });
-      setActivePreset(void 0);
-      return;
-    }
-    const [start, end] = dateFns.isBefore(from, date) ? [from, date] : [date, from];
-    setDraft({ from: start, to: end });
-    setHoverDate(void 0);
-  };
-  const handlePreset = (preset) => {
-    const newRange = preset.getRange();
-    if (showTimePicker) {
-      setDraft(newRange);
-      setActivePreset(preset.label);
-      if (newRange.from) setViewMonth(dateFns.startOfMonth(newRange.from));
-    } else {
-      if (onChange) onChange(newRange);
-      else setInternalRange(newRange);
-      setActivePreset(preset.label);
-      if (newRange.from) setViewMonth(dateFns.startOfMonth(newRange.from));
-      setOpen(false);
-    }
-  };
-  const handleApply = () => {
-    if (draft.from && !draft.to) return;
-    const newRange = draft.from && draft.to ? draft : void 0;
-    if (onChange) onChange(newRange);
-    else setInternalRange(newRange ?? { from: void 0, to: void 0 });
-    setOpen(false);
-  };
-  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);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk23BJPJOK_js.cn("space-y-1.5", className), children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Label, { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkNTUQQDCL_js.cn("space-y-1.5", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx(chunkNTUQQDCL_js.Label, { className: "text-sm font-medium text-gray-900 dark:text-gray-100", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open: picker.open, onOpenChange: picker.handleOpenChange, children: [
       /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           disabled,
-          className: chunk23BJPJOK_js.cn(
+          className: chunkNTUQQDCL_js.cn(
             "inline-flex w-full 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",
             "disabled:pointer-events-none disabled:opacity-50",
-            committedRange.from ? "text-gray-900 dark:text-gray-100" : "text-gray-400 dark:text-gray-500"
+            picker.committedRange.from ? "text-gray-900 dark:text-gray-100" : "text-gray-400 dark:text-gray-500"
           ),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "w-4 h-4 shrink-0 text-gray-400 dark:text-gray-500" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: formatDateRange2(
-              committedRange,
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: formatDateRange(
+              picker.committedRange,
               placeholder,
-              showTimePicker ? currentTime : void 0
+              showTimePicker ? picker.committedTime : void 0
             ) })
           ]
         }
@@ -3017,10 +3075,10 @@ function DateRangePickerMobile({
             section.options.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
-                onClick: () => handlePreset(preset),
-                className: chunk23BJPJOK_js.cn(
+                onClick: () => picker.handlePreset(preset),
+                className: chunkNTUQQDCL_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"
+                  picker.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"
                 ),
                 children: preset.label
               },
@@ -3032,52 +3090,73 @@ function DateRangePickerMobile({
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
             CalendarMonth,
             {
-              month: viewMonth,
-              range: draft,
-              hoverDate,
-              onDayClick: handleDayClick,
-              onDayHover: setHoverDate,
-              onPrevMonth: () => setViewMonth(dateFns.subMonths(viewMonth, 1)),
-              onNextMonth: () => setViewMonth(dateFns.addMonths(viewMonth, 1)),
+              month: picker.viewMonth,
+              range: picker.draft,
+              hoverDate: picker.hoverDate,
+              onDayClick: picker.handleDayClick,
+              onDayHover: picker.setHoverDate,
+              onPrevMonth: () => picker.setViewMonth(dateFns.subMonths(picker.viewMonth, 1)),
+              onNextMonth: () => picker.setViewMonth(dateFns.addMonths(picker.viewMonth, 1)),
               showPrevNav: true,
               showNextNav: true
             }
           ) }),
-          showTimePicker && /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { initial: false, children: timeVisible && /* @__PURE__ */ jsxRuntime.jsx(
+          showTimePicker && /* @__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
+              layout: true,
+              transition: { layout: { duration: 0.2, ease: "easeInOut" } },
+              className: "border-t border-gray-100 dark:border-neutral-700",
+              children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { mode: "wait", initial: false, children: picker.timeVisible && !picker.timeExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.div,
+                {
+                  initial: { opacity: 0 },
+                  animate: { opacity: 1 },
+                  exit: { opacity: 0 },
+                  transition: { duration: 0.12 },
+                  children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      onClick: picker.expandTime,
+                      leadingDecorator: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "w-3.5 h-3.5" }),
+                      className: "w-full rounded-md h-9",
+                      children: "Add time range"
+                    }
+                  ) })
                 },
-                opacity: { duration: 0.2 }
-              },
-              className: "overflow-hidden",
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                TimePickerColumn,
+                "add-time-btn"
+              ) : picker.timeVisible && picker.timeExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
+                framerMotion.motion.div,
                 {
-                  value: currentTime,
-                  onChange: handleTimeChange
-                }
-              )
-            },
-            "time-picker"
-          ) }),
+                  initial: { opacity: 0 },
+                  animate: { opacity: 1 },
+                  exit: { opacity: 0 },
+                  transition: { duration: 0.12 },
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    TimePickerColumn,
+                    {
+                      value: picker.draftTime,
+                      onChange: picker.handleTimeChange,
+                      onRemove: picker.resetTime,
+                      showRemove: picker.timeExpanded,
+                      onDirty: picker.markTimeDirty
+                    }
+                  )
+                },
+                "time-picker"
+              ) : null })
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-2 px-2 py-3 border-t border-gray-100 dark:border-neutral-700", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
-                onClick: handleClear,
-                disabled: !canClear,
-                className: chunk23BJPJOK_js.cn(
+                onClick: picker.handleClear,
+                disabled: !picker.canClear,
+                className: chunkNTUQQDCL_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"
+                  picker.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"
                 ),
                 children: "Clear"
               }
@@ -3085,11 +3164,11 @@ function DateRangePickerMobile({
             /* @__PURE__ */ jsxRuntime.jsx(
               "button",
               {
-                onClick: handleApply,
-                disabled: !canApply,
-                className: chunk23BJPJOK_js.cn(
+                onClick: picker.handleApply,
+                disabled: !picker.canApply,
+                className: chunkNTUQQDCL_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"
+                  picker.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"
                 ),
                 children: "Apply"
               }
@@ -3127,7 +3206,7 @@ function MobileDataCard({
     image && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: image }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        chunk23BJPJOK_js.Text,
+        chunkNTUQQDCL_js.Text,
         {
           size: "sm",
           weight: "semibold",
@@ -3135,7 +3214,7 @@ function MobileDataCard({
           children: title
         }
       ),
-      subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunk23BJPJOK_js.Text, { size: "xs", className: "text-neutral-400 dark:text-neutral-500", children: subtitle }),
+      subtitle && /* @__PURE__ */ jsxRuntime.jsx(chunkNTUQQDCL_js.Text, { size: "xs", className: "text-neutral-400 dark:text-neutral-500", children: subtitle }),
       contentRows && contentRows.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-x-4 gap-y-1 text-xs", children: contentRows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "truncate", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-neutral-400 dark:text-neutral-500", children: [
           row.label,
@@ -3152,7 +3231,7 @@ function MobileDataCard({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: chunk23BJPJOK_js.cn(
+      className: chunkNTUQQDCL_js.cn(
         "overflow-hidden rounded-lg border transition-colors",
         isSelected ? "border-blue-500 bg-blue-50/50 dark:border-blue-400 dark:bg-blue-900/10" : "border-neutral-200 bg-white dark:border-neutral-700 dark:bg-neutral-800/30",
         className
@@ -3182,11 +3261,11 @@ function MobileDataCard({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk23BJPJOK_js.Text,
+                chunkNTUQQDCL_js.Text,
                 {
                   size: "xs",
                   as: "span",
-                  className: chunk23BJPJOK_js.cn(
+                  className: chunkNTUQQDCL_js.cn(
                     isSelected ? "font-medium text-blue-600 dark:text-blue-400" : "text-neutral-400 dark:text-neutral-500"
                   ),
                   children: isSelected ? "Selected" : "Select"
@@ -3205,13 +3284,13 @@ function MobileDataCard({
             children: contentBody
           }
         ) : contentBody,
-        statsRenderer ?? (stats && stats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunk23BJPJOK_js.cn("grid gap-1.5 px-3 pb-3", colsClass[cols]), children: stats.map((stat) => /* @__PURE__ */ jsxRuntime.jsxs(
+        statsRenderer ?? (stats && stats.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkNTUQQDCL_js.cn("grid gap-1.5 px-3 pb-3", colsClass[cols]), children: stats.map((stat) => /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             className: "flex flex-col items-center rounded-md bg-neutral-100 py-1.5 dark:bg-neutral-800",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk23BJPJOK_js.Text,
+                chunkNTUQQDCL_js.Text,
                 {
                   size: "xs",
                   as: "span",
@@ -3220,12 +3299,12 @@ function MobileDataCard({
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk23BJPJOK_js.Text,
+                chunkNTUQQDCL_js.Text,
                 {
                   size: "sm",
                   weight: "semibold",
                   as: "span",
-                  className: chunk23BJPJOK_js.cn(
+                  className: chunkNTUQQDCL_js.cn(
                     "mt-0.5 tabular-nums",
                     stat.className ?? "text-neutral-800 dark:text-neutral-200"
                   ),
@@ -3244,7 +3323,7 @@ function MobileDataCard({
               className: "flex items-center justify-between",
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk23BJPJOK_js.Text,
+                  chunkNTUQQDCL_js.Text,
                   {
                     size: "xs",
                     as: "span",
@@ -3253,7 +3332,7 @@ function MobileDataCard({
                   }
                 ),
                 detail.pill ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center rounded-full bg-blue-50 px-2 py-0.5 dark:bg-blue-900/30", children: /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk23BJPJOK_js.Text,
+                  chunkNTUQQDCL_js.Text,
                   {
                     size: "xs",
                     weight: "medium",
@@ -3453,5 +3532,5 @@ exports.useColumnVisibility = useColumnVisibility;
 exports.useFormContext = useFormContext;
 exports.useFormFieldContext = useFormFieldContext;
 exports.useTableSelection = useTableSelection;
-//# sourceMappingURL=chunk-MOCMPGHB.js.map
-//# sourceMappingURL=chunk-MOCMPGHB.js.map
+//# sourceMappingURL=chunk-ZYPPWLV6.js.map
+//# sourceMappingURL=chunk-ZYPPWLV6.js.map