@pos-360/horizon 0.27.0 → 0.28.0

package/dist/chunk-EZDGMHS7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts","../src/utils/merge-refs.ts","../src/components/primitives/badge/badge.tsx","../src/components/primitives/typography/label.tsx","../src/components/primitives/tooltip/tooltip.tsx","../src/components/primitives/typography/heading.tsx","../src/components/primitives/typography/text.tsx","../src/components/primitives/typography/caption.tsx","../src/components/primitives/typography/code.tsx"],"names":["cva","React2","jsx","React3","React4","React5","React6","React7"],"mappings":"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","file":"chunk-EZDGMHS7.mjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { extendTailwindMerge } from \"tailwind-merge\";\n\nconst twMerge = extendTailwindMerge({\n  extend: {\n    classGroups: {\n      rounded: [{ \"rounded-hz\": [\"sm\", \"md\", \"lg\", \"full\"] }],\n    },\n  },\n});\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import * as React from \"react\";\n\nexport function mergeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") ref(node);\n      else if (ref && typeof ref === \"object\")\n        (ref as React.MutableRefObject<T | null>).current = node;\n    }\n  };\n}\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/utils\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center rounded-hz-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-blue-600 text-white hover:bg-blue-700\",\n        secondary:\n          \"border-transparent bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-neutral-700 dark:text-gray-100 dark:hover:bg-neutral-600\",\n        destructive:\n          \"border-transparent bg-rose-100 text-rose-800 dark:bg-rose-900/30 dark:text-rose-400\",\n        outline:\n          \"border-gray-300 text-gray-700 dark:border-neutral-600 dark:text-gray-300\",\n        success:\n          \"border-transparent bg-emerald-100 text-emerald-800 dark:bg-emerald-900/30 dark:text-emerald-400\",\n        warning:\n          \"border-transparent bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-400\",\n        info: \"border-transparent bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400\",\n        purple:\n          \"border-transparent bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400\",\n        purpleOutline:\n          \"border-purple-300 dark:border-purple-600 bg-transparent text-purple-700 dark:text-purple-300 hover:bg-purple-50 dark:hover:bg-purple-900/20\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nconst Badge = React.forwardRef<HTMLDivElement, BadgeProps>(\n  ({ className, variant, ...props }, ref) => (\n    <div ref={ref} className={cn(badgeVariants({ variant }), className)} {...props} />\n  )\n);\nBadge.displayName = \"Badge\";\n\nexport { Badge, badgeVariants };\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/utils\";\n\nconst labelVariants = cva(\n  \"font-bricolage font-medium text-neutral-900 dark:text-neutral-100 peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        eyebrow: \"uppercase tracking-[0.2em]\",\n      },\n      size: {\n        xs: \"text-[10px] leading-3\",\n        sm: \"text-xs leading-4\",\n        base: \"text-sm leading-5\",\n        lg: \"text-base leading-6\",\n        xl: \"text-lg leading-7\",\n      },\n      weight: {\n        medium: \"font-medium\",\n        semibold: \"font-semibold\",\n        bold: \"font-bold\",\n      },\n      required: {\n        true: \"after:content-['*'] after:ml-0.5 after:text-rose-500\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"base\",\n      weight: \"medium\",\n      required: false,\n    },\n  }\n);\n\nexport interface LabelProps\n  extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>,\n    VariantProps<typeof labelVariants> {}\n\nconst Label = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  LabelProps\n>(({ className, variant, size, weight, required, ...props }, ref) => (\n  <LabelPrimitive.Root\n    ref={ref}\n    className={cn(labelVariants({ variant, size, weight, required, className }))}\n    {...props}\n  />\n));\n\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label, labelVariants };\n","\"use client\";\n\nimport * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { cn } from \"@/utils\";\n\nexport type TooltipVariant = \"default\" | \"info\" | \"warning\" | \"destructive\" | \"success\";\n\nconst variantStyles: Record<TooltipVariant, string> = {\n  default:     \"bg-neutral-900 text-white dark:bg-white dark:text-neutral-900\",\n  info:        \"bg-blue-500 text-white\",\n  warning:     \"bg-amber-500 text-white\",\n  destructive: \"bg-rose-500 text-white\",\n  success:     \"bg-emerald-500 text-white\",\n};\n\nexport interface TooltipProps {\n  /** The tooltip text or content to display. */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip. */\n  children: React.ReactNode;\n  /** Visual style variant. */\n  variant?: TooltipVariant;\n  /** Which side of the trigger to render the tooltip. */\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  /** Distance in px between the tooltip and the trigger. */\n  sideOffset?: number;\n  /** Delay in ms before the tooltip opens. Default: 200. */\n  delayDuration?: number;\n  /** Extra class names applied to the tooltip bubble. */\n  className?: string;\n  /** When true, renders children without any tooltip wrapper. */\n  disabled?: boolean;\n}\n\nfunction Tooltip({\n  content,\n  children,\n  variant = \"default\",\n  side = \"top\",\n  sideOffset = 6,\n  delayDuration = 200,\n  className,\n  disabled = false,\n}: TooltipProps) {\n  if (disabled) return <>{children}</>;\n\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <TooltipPrimitive.Provider delayDuration={delayDuration}>\n      <TooltipPrimitive.Root open={open} onOpenChange={setOpen}>\n        <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>\n        <AnimatePresence>\n          {open && (\n            <TooltipPrimitive.Portal forceMount>\n              <TooltipPrimitive.Content\n                side={side}\n                sideOffset={sideOffset}\n                forceMount\n                className=\"z-50\"\n              >\n                <motion.div\n                  initial={{ opacity: 0, scale: 0.95 }}\n                  animate={{ opacity: 1, scale: 1 }}\n                  exit={{ opacity: 0, scale: 0.95 }}\n                  transition={{\n                    type: \"spring\",\n                    stiffness: 400,\n                    damping: 25,\n                    mass: 0.8,\n                  }}\n                  className={cn(\n                    \"max-w-[20rem] overflow-hidden whitespace-normal break-words rounded-md px-3 py-1.5 text-xs shadow-md origin-[--radix-tooltip-content-transform-origin]\",\n                    variantStyles[variant],\n                    className\n                  )}\n                >\n                  {content}\n                </motion.div>\n              </TooltipPrimitive.Content>\n            </TooltipPrimitive.Portal>\n          )}\n        </AnimatePresence>\n      </TooltipPrimitive.Root>\n    </TooltipPrimitive.Provider>\n  );\n}\n\nexport { Tooltip };\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/utils\";\n\nconst headingVariants = cva(\n  \"font-bricolage tracking-tight text-neutral-900 dark:text-neutral-50\",\n  {\n    variants: {\n      level: {\n        1: \"text-4xl sm:text-5xl lg:text-6xl\",\n        2: \"text-3xl sm:text-4xl lg:text-5xl\",\n        3: \"text-2xl sm:text-3xl lg:text-4xl\",\n        4: \"text-xl sm:text-2xl lg:text-3xl\",\n        5: \"text-lg sm:text-xl lg:text-2xl\",\n        6: \"text-base sm:text-lg lg:text-xl\",\n      },\n      weight: {\n        regular: \"font-normal\",\n        medium: \"font-medium\",\n        semibold: \"font-semibold\",\n        bold: \"font-bold\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n      },\n    },\n    defaultVariants: {\n      level: 1,\n      weight: \"bold\",\n      align: \"left\",\n    },\n  }\n);\n\ntype HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface HeadingProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    Omit<VariantProps<typeof headingVariants>, \"level\"> {\n  level?: HeadingLevel;\n  as?: `h${HeadingLevel}`;\n}\n\nconst Heading = React.forwardRef<HTMLHeadingElement, HeadingProps>(\n  ({ className, level = 1, weight, align, as, children, ...props }, ref) => {\n    // Use `as` prop if provided, otherwise derive from level\n    const Tag = as || (`h${level}` as `h${HeadingLevel}`);\n\n    return (\n      <Tag\n        ref={ref}\n        className={cn(headingVariants({ level, weight, align, className }))}\n        {...props}\n      >\n        {children}\n      </Tag>\n    );\n  }\n);\n\nHeading.displayName = \"Heading\";\n\nexport { Heading, headingVariants };\n","\"use client\";\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/utils\";\n\nconst textVariants = cva(\"font-bricolage text-neutral-700 dark:text-neutral-300\", {\n  variants: {\n    size: {\n      xs: \"text-xs leading-4\",\n      sm: \"text-sm leading-5\",\n      base: \"text-base leading-6\",\n      lg: \"text-lg leading-7\",\n      xl: \"text-xl leading-8\",\n      \"2xl\": \"text-2xl leading-9\",\n      \"3xl\": \"text-3xl leading-10\",\n      \"4xl\": \"text-4xl leading-[2.75rem]\",\n    },\n    weight: {\n      regular: \"font-normal\",\n      medium: \"font-medium\",\n      semibold: \"font-semibold\",\n    },\n    align: {\n      left: \"text-left\",\n      center: \"text-center\",\n      right: \"text-right\",\n      justify: \"text-justify\",\n    },\n    color: {\n      default: \"text-neutral-700 dark:text-neutral-300\",\n      muted: \"text-neutral-500 dark:text-neutral-400\",\n      accent: \"text-blue-600 dark:text-blue-400\",\n      success: \"text-emerald-600 dark:text-emerald-400\",\n      warning: \"text-amber-600 dark:text-amber-400\",\n      error: \"text-rose-600 dark:text-rose-400\",\n    },\n  },\n  defaultVariants: {\n    size: \"base\",\n    weight: \"regular\",\n    align: \"left\",\n    color: \"default\",\n  },\n});\n\nexport interface TextProps\n  extends Omit<React.HTMLAttributes<HTMLParagraphElement>, \"color\">,\n    VariantProps<typeof textVariants> {\n  asChild?: boolean;\n  as?: \"p\" | \"span\" | \"div\";\n}\n\nconst Text = React.forwardRef<HTMLParagraphElement, TextProps>(\n  (\n    { className, size, weight, align, color, asChild = false, as = \"p\", children, ...props },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : as;\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(textVariants({ size, weight, align, color, className }))}\n        {...props}\n      >\n        {children}\n      </Comp>\n    );\n  }\n);\n\nText.displayName = \"Text\";\n\nexport { Text, textVariants };\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/utils\";\n\nconst captionVariants = cva(\n  \"font-bricolage text-xs leading-4 text-neutral-500 dark:text-neutral-400\",\n  {\n    variants: {\n      weight: {\n        regular: \"font-normal\",\n        medium: \"font-medium\",\n      },\n      align: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n      },\n      color: {\n        default: \"text-neutral-500 dark:text-neutral-400\",\n        muted: \"text-neutral-400 dark:text-neutral-500\",\n        accent: \"text-blue-500 dark:text-blue-400\",\n        success: \"text-emerald-500 dark:text-emerald-400\",\n        warning: \"text-amber-500 dark:text-amber-400\",\n        error: \"text-rose-500 dark:text-rose-400\",\n      },\n    },\n    defaultVariants: {\n      weight: \"regular\",\n      align: \"left\",\n      color: \"default\",\n    },\n  }\n);\n\nexport interface CaptionProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    VariantProps<typeof captionVariants> {}\n\nconst Caption = React.forwardRef<HTMLSpanElement, CaptionProps>(\n  ({ className, weight, align, color, children, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        className={cn(captionVariants({ weight, align, color, className }))}\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  }\n);\n\nCaption.displayName = \"Caption\";\n\nexport { Caption, captionVariants };\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/utils\";\n\nconst codeVariants = cva(\"font-mono\", {\n  variants: {\n    variant: {\n      inline:\n        \"px-1.5 py-0.5 text-sm rounded-hz-md bg-neutral-100 dark:bg-neutral-800 text-neutral-800 dark:text-neutral-200 border border-neutral-200 dark:border-neutral-700\",\n      block:\n        \"block p-4 text-sm rounded-hz-lg bg-neutral-900 dark:bg-neutral-950 text-neutral-100 overflow-x-auto\",\n    },\n    color: {\n      default: \"\",\n      accent:\n        \"bg-blue-50 dark:bg-blue-950/30 text-blue-700 dark:text-blue-300 border-blue-200 dark:border-blue-800\",\n      success:\n        \"bg-emerald-50 dark:bg-emerald-950/30 text-emerald-700 dark:text-emerald-300 border-emerald-200 dark:border-emerald-800\",\n      warning:\n        \"bg-amber-50 dark:bg-amber-950/30 text-amber-700 dark:text-amber-300 border-amber-200 dark:border-amber-800\",\n      error:\n        \"bg-rose-50 dark:bg-rose-950/30 text-rose-700 dark:text-rose-300 border-rose-200 dark:border-rose-800\",\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"block\",\n      color: [\"accent\", \"success\", \"warning\", \"error\"],\n      className: \"border\",\n    },\n  ],\n  defaultVariants: {\n    variant: \"inline\",\n    color: \"default\",\n  },\n});\n\nexport interface CodeProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"color\">,\n    VariantProps<typeof codeVariants> {}\n\nconst Code = React.forwardRef<HTMLElement, CodeProps>(\n  ({ className, variant, color, children, ...props }, ref) => {\n    const isBlock = variant === \"block\";\n\n    if (isBlock) {\n      return (\n        <pre\n          ref={ref as React.Ref<HTMLPreElement>}\n          className={cn(codeVariants({ variant, color, className }))}\n          {...props}\n        >\n          <code>{children}</code>\n        </pre>\n      );\n    }\n\n    return (\n      <code\n        ref={ref}\n        className={cn(codeVariants({ variant, color, className }))}\n        {...props}\n      >\n        {children}\n      </code>\n    );\n  }\n);\n\nCode.displayName = \"Code\";\n\nexport { Code, codeVariants };\n"]}

package/dist/{chunk-HM5GFDXY.mjs → chunk-SJJ6KXCU.mjs}

@@ -1,11 +1,11 @@
-import { cn, Label, Tooltip } from './chunk-UQ66UPWH.mjs';
+import { cn, Label, Tooltip, mergeRefs } from './chunk-EZDGMHS7.mjs';
 import * as React10 from 'react';
 import { useState, useEffect, useCallback } from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { Check, X, ChevronRight, Circle, ChevronDown, ChevronUp, Search, Minus, PenLine, SlidersHorizontal, CalendarIcon, ChevronLeft } from 'lucide-react';
+import { Check, X, ChevronRight, Circle, ChevronDown, ChevronUp, Search, Minus, PenLine, SlidersHorizontal, CalendarIcon, ChevronLeft, Clock } from 'lucide-react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
@@ -2079,6 +2079,311 @@ var Switch = React10.forwardRef(({ className, size, label, labelPosition = "righ
   );
 });
 Switch.displayName = "Switch";
+var DEFAULT_TIME_RANGE = {
+  from: { hour: null, minute: null },
+  to: { hour: null, minute: null }
+};
+function isTimeSet(tv) {
+  return tv.hour !== null && tv.minute !== null;
+}
+function to12Hour(hour24) {
+  if (hour24 === null) return { hour12: null, period: "AM" };
+  const period = hour24 >= 12 ? "PM" : "AM";
+  const hour12 = hour24 % 12 || 12;
+  return { hour12, period };
+}
+function to24Hour(hour12, period) {
+  if (period === "AM") return hour12 === 12 ? 0 : hour12;
+  return hour12 === 12 ? 12 : hour12 + 12;
+}
+function pad(n) {
+  return n.toString().padStart(2, "0");
+}
+function clamp(val, min, max) {
+  return Math.max(min, Math.min(max, val));
+}
+function TimeInput({
+  value,
+  min,
+  max,
+  onChange,
+  onComplete,
+  inputRef,
+  disabled = false,
+  "aria-label": ariaLabel
+}) {
+  const [editValue, setEditValue] = React10.useState(null);
+  const internalRef = React10.useRef(null);
+  const committedRef = React10.useRef(false);
+  const setRefs = React10.useCallback(mergeRefs(internalRef, inputRef), [inputRef]);
+  const handleChange = (e) => {
+    const raw = e.target.value.replace(/\D/g, "").slice(0, 2);
+    if (raw === "") {
+      setEditValue(raw);
+      return;
+    }
+    const parsed = parseInt(raw, 10);
+    const clamped = clamp(parsed, min, max);
+    const display = parsed !== clamped ? pad(clamped) : raw;
+    setEditValue(display);
+    if (raw.length === 2) {
+      committedRef.current = true;
+      onChange(clamped);
+      setEditValue(null);
+      onComplete?.();
+    }
+  };
+  const commit = () => {
+    if (committedRef.current) {
+      committedRef.current = false;
+      setEditValue(null);
+      return;
+    }
+    if (editValue === null) return;
+    if (editValue === "") {
+      setEditValue(null);
+      return;
+    }
+    const parsed = parseInt(editValue, 10);
+    if (!isNaN(parsed)) {
+      onChange(clamp(parsed, min, max));
+    }
+    setEditValue(null);
+  };
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      commit();
+      internalRef.current?.blur();
+    } else if (e.key === "Escape") {
+      setEditValue(null);
+      internalRef.current?.blur();
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      const curr = value ?? min;
+      const next = curr >= max ? min : curr + 1;
+      onChange(next);
+      setEditValue(pad(next));
+    } else if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const curr = value ?? max;
+      const next = curr <= min ? max : curr - 1;
+      onChange(next);
+      setEditValue(pad(next));
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref: setRefs,
+      type: "text",
+      inputMode: "numeric",
+      "aria-label": ariaLabel,
+      disabled,
+      value: editValue ?? (value === null ? "--" : pad(value)),
+      onChange: handleChange,
+      onFocus: (e) => {
+        setEditValue("");
+        requestAnimationFrame(() => e.target.select());
+      },
+      onBlur: () => commit(),
+      onKeyDown: handleKeyDown,
+      className: cn(
+        "w-9 h-8 rounded-md border text-center text-sm tabular-nums font-medium outline-none transition-colors",
+        "bg-white border-gray-200 text-gray-600",
+        "focus:border-blue-500 focus:ring-1 focus:ring-blue-500/30 focus:text-gray-700",
+        "dark:bg-neutral-800 dark:border-neutral-600 dark:text-gray-100",
+        "dark:focus:border-blue-400 dark:focus:ring-blue-400/30",
+        disabled && "opacity-40 cursor-not-allowed bg-gray-50 dark:bg-neutral-900"
+      )
+    }
+  );
+}
+function PeriodToggle({ value, onChange, disabled = false }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "inline-flex rounded-md border overflow-hidden",
+        disabled && "opacity-40 cursor-not-allowed",
+        "border-gray-200 dark:border-neutral-600"
+      ),
+      children: ["AM", "PM"].map((p) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled,
+          onClick: () => onChange(p),
+          className: cn(
+            "px-2 h-8 text-xs font-semibold tracking-wide transition-colors",
+            "disabled:pointer-events-none",
+            value === p ? "!bg-blue-600 !text-white dark:!bg-blue-500" : "bg-white text-gray-500 hover:bg-gray-50 hover:text-gray-600 dark:bg-neutral-800 dark:text-gray-400 dark:hover:bg-neutral-700"
+          ),
+          children: p
+        },
+        p
+      ))
+    }
+  );
+}
+function TimeField({
+  label,
+  value,
+  onChange,
+  hourRef,
+  minuteRef,
+  onMinuteComplete,
+  disabled = false
+}) {
+  const { hour12, period } = to12Hour(value.hour);
+  const minuteInputRef = React10.useRef(null);
+  const mergedMinuteRef = React10.useCallback(mergeRefs(minuteInputRef, minuteRef), [minuteRef]);
+  const handleHourChange = (newHour12) => {
+    onChange({ ...value, hour: to24Hour(newHour12, period) });
+  };
+  const handleMinuteChange = (newMinute) => {
+    onChange({ ...value, minute: newMinute });
+  };
+  const handlePeriodChange = (newPeriod) => {
+    if (hour12 === null) return;
+    onChange({ ...value, hour: to24Hour(hour12, newPeriod) });
+  };
+  const focusMinute = () => {
+    minuteInputRef.current?.focus();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "text-xs font-semibold uppercase tracking-wider",
+          disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+        ),
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(
+        TimeInput,
+        {
+          value: hour12,
+          min: 1,
+          max: 12,
+          onChange: handleHourChange,
+          onComplete: focusMinute,
+          inputRef: hourRef,
+          disabled,
+          "aria-label": `${label} hour`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "text-sm font-bold select-none",
+            disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+          ),
+          children: ":"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TimeInput,
+        {
+          value: value.minute,
+          min: 0,
+          max: 59,
+          onChange: handleMinuteChange,
+          onComplete: onMinuteComplete,
+          inputRef: mergedMinuteRef,
+          disabled,
+          "aria-label": `${label} minute`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PeriodToggle,
+        {
+          value: period,
+          onChange: handlePeriodChange,
+          disabled
+        }
+      )
+    ] })
+  ] });
+}
+function TimePickerRow({ value, onChange, disabled = false }) {
+  const toHourRef = React10.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__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "flex flex-col px-4 pt-2 pb-3 gap-1",
+        "border-t border-gray-100 dark:border-neutral-700"
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            Clock,
+            {
+              className: cn(
+                "w-4 h-4 shrink-0",
+                disabled ? "text-gray-300 dark:text-gray-600" : "text-gray-400 dark:text-gray-500"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[9px] font-medium text-gray-300 dark:text-gray-600 tracking-wide", children: "OPT" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-5", children: [
+            /* @__PURE__ */ jsx(
+              TimeField,
+              {
+                label: "From",
+                value: value.from,
+                onChange: (from) => onChange({ ...value, from }),
+                onMinuteComplete: () => toHourRef.current?.focus(),
+                disabled
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "w-4 h-px",
+                  disabled ? "bg-gray-200 dark:bg-neutral-700" : "bg-gray-300 dark:bg-neutral-600"
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              TimeField,
+              {
+                label: "To",
+                value: value.to,
+                onChange: (to) => onChange({ ...value, to }),
+                hourRef: toHourRef,
+                disabled
+              }
+            )
+          ] }),
+          showDuration && /* @__PURE__ */ jsx("span", { className: cn(
+            "text-[10px] font-medium pl-0.5",
+            isOvernight ? "text-amber-500 dark:text-amber-400" : "text-gray-400 dark:text-gray-500"
+          ), children: durationLabel })
+        ] })
+      ] })
+    }
+  );
+}
 var WEEKDAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
 function getCalendarDays(month) {
   const start = startOfWeek(startOfMonth(month), { weekStartsOn: 0 });
@@ -2246,16 +2551,25 @@ var DEFAULT_PRESETS = [
     }
   }
 ];
-function formatDateRange(range, placeholder) {
+function formatTime(tv) {
+  if (tv.hour === null || tv.minute === null) return "--:--";
+  const period = tv.hour >= 12 ? "PM" : "AM";
+  const h = tv.hour % 12 || 12;
+  const m = tv.minute.toString().padStart(2, "0");
+  return `${h}:${m} ${period}`;
+}
+function formatDateRange(range, placeholder, time) {
   if (!range?.from) return placeholder;
+  const timeActive = time && time.from.hour !== null && time.to.hour !== null;
+  const timeSuffix = timeActive ? ` ${formatTime(time.from)} \u2013 ${formatTime(time.to)}` : "";
   if (!range.to || isSameDay(range.from, range.to)) {
-    return format(range.from, "MMM d, yyyy");
+    return format(range.from, "MMM d, yyyy") + timeSuffix;
   }
   const sameYear = range.from.getFullYear() === range.to.getFullYear();
   if (sameYear) {
-    return `${format(range.from, "MMM d")} \u2013 ${format(range.to, "MMM d, yyyy")}`;
+    return `${format(range.from, "MMM d")} \u2013 ${format(range.to, "MMM d, yyyy")}${timeSuffix}`;
   }
-  return `${format(range.from, "MMM d, yyyy")} \u2013 ${format(range.to, "MMM d, yyyy")}`;
+  return `${format(range.from, "MMM d, yyyy")} \u2013 ${format(range.to, "MMM d, yyyy")}${timeSuffix}`;
 }
 function DateRangePicker({
   value,
@@ -2265,34 +2579,51 @@ function DateRangePicker({
   placeholder = "Select date range",
   disabled = false,
   align = "start",
-  className
+  className,
+  showTimePicker = false,
+  timeValue,
+  onTimeChange
 }) {
   const [open, setOpen] = React10.useState(false);
   const [internalRange, setInternalRange] = React10.useState({
     from: void 0,
     to: void 0
   });
+  const [draft, setDraft] = React10.useState({
+    from: void 0,
+    to: void 0
+  });
   const [hoverDate, setHoverDate] = React10.useState();
   const [leftMonth, setLeftMonth] = React10.useState(
     () => startOfMonth(value?.from ?? /* @__PURE__ */ new Date())
   );
   const [activePreset, setActivePreset] = React10.useState();
-  const range = value ?? internalRange;
+  const [internalTime, setInternalTime] = React10.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(startOfMonth(committedRange.from));
+      if (!onTimeChange) setInternalTime(currentTime);
+    }
+    setOpen(newOpen);
+  };
   const handleDayClick = (date) => {
-    const { from, to } = range;
+    const { from, to } = draft;
     if (!from || from && to) {
-      const newRange2 = { from: date, to: void 0 };
+      setDraft({ from: date, to: void 0 });
       setActivePreset(void 0);
-      if (onChange) onChange(newRange2);
-      else setInternalRange(newRange2);
       return;
     }
     const [start, end] = isBefore(from, date) ? [from, date] : [date, from];
-    const newRange = { from: start, to: end };
-    if (onChange) onChange(newRange);
-    else setInternalRange(newRange);
+    setDraft({ from: start, to: end });
     setHoverDate(void 0);
-    setOpen(false);
   };
   const handlePreset = (preset) => {
     const newRange = preset.getRange();
@@ -2302,8 +2633,22 @@ function DateRangePicker({
     if (newRange.from) setLeftMonth(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 = addMonths(leftMonth, 1);
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: handleOpenChange, children: [
     /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
       "button",
       {
@@ -2313,12 +2658,16 @@ function DateRangePicker({
           "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",
-          range.from ? "text-gray-900 dark:text-gray-100" : "text-gray-400 dark:text-gray-500",
+          committedRange.from ? "text-gray-900 dark:text-gray-100" : "text-gray-400 dark:text-gray-500",
           className
         ),
         children: [
           /* @__PURE__ */ jsx(CalendarIcon, { className: "w-4 h-4 shrink-0 text-gray-400 dark:text-gray-500" }),
-          /* @__PURE__ */ jsx("span", { children: formatDateRange(range, placeholder) })
+          /* @__PURE__ */ jsx("span", { children: formatDateRange(
+            committedRange,
+            placeholder,
+            showTimePicker ? currentTime : void 0
+          ) })
         ]
       }
     ) }),
@@ -2339,34 +2688,83 @@ function DateRangePicker({
           preset.label
         ))
       ] }, section.title)) }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-4 p-4", children: [
-        /* @__PURE__ */ jsx(
-          CalendarMonth,
-          {
-            month: leftMonth,
-            range,
-            hoverDate,
-            onDayClick: handleDayClick,
-            onDayHover: setHoverDate,
-            onPrevMonth: () => setLeftMonth(subMonths(leftMonth, 1)),
-            showPrevNav: true,
-            showNextNav: false
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "w-px bg-gray-100 dark:bg-neutral-700 self-stretch" }),
-        /* @__PURE__ */ jsx(
-          CalendarMonth,
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-4 p-4", children: [
+          /* @__PURE__ */ jsx(
+            CalendarMonth,
+            {
+              month: leftMonth,
+              range: draft,
+              hoverDate,
+              onDayClick: handleDayClick,
+              onDayHover: setHoverDate,
+              onPrevMonth: () => setLeftMonth(subMonths(leftMonth, 1)),
+              showPrevNav: true,
+              showNextNav: false
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "w-px bg-gray-100 dark:bg-neutral-700 self-stretch" }),
+          /* @__PURE__ */ jsx(
+            CalendarMonth,
+            {
+              month: rightMonth,
+              range: draft,
+              hoverDate,
+              onDayClick: handleDayClick,
+              onDayHover: setHoverDate,
+              onNextMonth: () => setLeftMonth(addMonths(leftMonth, 1)),
+              showPrevNav: false,
+              showNextNav: true
+            }
+          )
+        ] }),
+        showTimePicker && /* @__PURE__ */ jsx(AnimatePresence, { initial: false, children: timeVisible && /* @__PURE__ */ jsx(
+          motion.div,
           {
-            month: rightMonth,
-            range,
-            hoverDate,
-            onDayClick: handleDayClick,
-            onDayHover: setHoverDate,
-            onNextMonth: () => setLeftMonth(addMonths(leftMonth, 1)),
-            showPrevNav: false,
-            showNextNav: true
-          }
-        )
+            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__ */ jsx(
+              TimePickerRow,
+              {
+                value: currentTime,
+                onChange: handleTimeChange
+              }
+            )
+          },
+          "time-picker"
+        ) }),
+        /* @__PURE__ */ 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__ */ jsx(
+            "button",
+            {
+              onClick: handleClear,
+              disabled: !canClear,
+              className: 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"
+              ),
+              children: "Clear"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: handleApply,
+              disabled: !canApply,
+              className: 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"
+              ),
+              children: "Apply"
+            }
+          )
+        ] })
       ] })
     ] }) })
   ] });
@@ -2447,6 +2845,6 @@ function PeriodComparisonSelector({
   ] });
 }
 
-export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnSelection, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, PeriodComparisonSelector, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, buttonVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };
-//# sourceMappingURL=chunk-HM5GFDXY.mjs.map
-//# sourceMappingURL=chunk-HM5GFDXY.mjs.map
+export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnSelection, DEFAULT_COMPARISON_PERIODS, DEFAULT_PRESETS, DEFAULT_TIME_RANGE, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormLabel, FormMessage, PeriodComparisonSelector, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Skeleton, SkeletonAvatar, SkeletonBadge, SkeletonButton, SkeletonCard, SkeletonIcon, SkeletonInput, SkeletonSubtitle, SkeletonTableRow, SkeletonTableRows, SkeletonText, SkeletonTitle, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableRowCheckbox, TableSelectAll, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, buttonVariants, segmentedControlItemVariants, segmentedControlVariants, separatorVariants, switchLabelVariants, switchThumbVariants, switchTrackVariants, toggleGroupVariants, toggleItemVariants, useColumnVisibility, useFormContext, useFormFieldContext, useTableSelection };
+//# sourceMappingURL=chunk-SJJ6KXCU.mjs.map
+//# sourceMappingURL=chunk-SJJ6KXCU.mjs.map