@avenue-ticketing/ui 0.10.0 → 0.12.0-beta.1

package/dist/react/time-picker.js

@@ -1,856 +0,0 @@
-import * as React2 from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var sizeClass = {
-  xs: "h-8 min-h-8 gap-2 px-4 text-sm has-[>svg]:px-3 [&_svg:not([class*='size-'])]:size-3",
-  default: "h-10 min-h-10 gap-2 px-5 text-sm has-[>svg]:px-4 [&_svg:not([class*='size-'])]:size-4",
-  lg: "h-11 min-h-11 gap-2 px-6 text-base has-[>svg]:px-5 [&_svg:not([class*='size-'])]:size-5"
-};
-var iconOnlySizeClass = {
-  xs: "size-8 min-h-8 min-w-8 gap-0 p-0 [&_svg:not([class*='size-'])]:size-3",
-  default: "size-10 min-h-10 min-w-10 gap-0 p-0 [&_svg:not([class*='size-'])]:size-4",
-  lg: "size-11 min-h-11 min-w-11 gap-0 p-0 [&_svg:not([class*='size-'])]:size-5"
-};
-var roundedClass = {
-  full: "rounded-full",
-  lg: "rounded-lg",
-  md: "rounded-md"
-};
-var variantClass = {
-  primary: "bg-primary text-background border border-transparent hover:bg-primary/90 active:bg-primary/85",
-  secondary: "bg-background text-primary border border-primary/10 hover:bg-primary/5",
-  destructive: "bg-background text-red-500 border border-red-500/25 hover:bg-red-500/5",
-  success: "bg-background text-green-500 border border-green-500/25 hover:bg-green-500/5"
-};
-var Button = React2.forwardRef(
-  ({
-    className,
-    type = "button",
-    variant = "secondary",
-    rounded: roundedProp,
-    size = "default",
-    iconOnly = false,
-    disabled,
-    ...props
-  }, ref) => {
-    const rounded = roundedProp ?? (iconOnly ? "md" : "full");
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type,
-        disabled,
-        "data-slot": "button",
-        "data-icon-only": iconOnly ? "" : void 0,
-        className: cn(
-          "inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap outline-none scale-100 transition-[color,background-color,box-shadow,transform] duration-150 ease-out active:scale-[0.98] active:duration-100 active:ease-linear [&_svg]:pointer-events-none [&_svg]:shrink-0",
-          "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-          "focus-visible:border-ring font-medium lg:tracking-wide focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-          iconOnly ? iconOnlySizeClass[size] : sizeClass[size],
-          roundedClass[rounded],
-          variantClass[variant],
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-// src/react/scroll-wheel-axis.ts
-var MAIN_AXIS_MIN_PX = 8;
-function viewportCenter(horizontal, cr) {
-  return horizontal ? cr.left + cr.width / 2 : cr.top + cr.height / 2;
-}
-function itemCenter(horizontal, r) {
-  return horizontal ? r.left + r.width / 2 : r.top + r.height / 2;
-}
-function mainClientSize(horizontal, el) {
-  return horizontal ? el.clientWidth : el.clientHeight;
-}
-function mainViewportRect(horizontal, cr) {
-  return horizontal ? cr.width : cr.height;
-}
-function halfMainViewport(horizontal, cr) {
-  return Math.max(mainViewportRect(horizontal, cr) / 2, 1);
-}
-function readScroll(horizontal, root) {
-  return horizontal ? root.scrollLeft : root.scrollTop;
-}
-function addScroll(horizontal, root, delta) {
-  if (horizontal) root.scrollLeft += delta;
-  else root.scrollTop += delta;
-}
-function maxScroll(horizontal, root) {
-  return horizontal ? Math.max(0, root.scrollWidth - root.clientWidth) : Math.max(0, root.scrollHeight - root.clientHeight);
-}
-function setScroll(horizontal, root, next, behavior) {
-  const max = maxScroll(horizontal, root);
-  const clamped = Math.min(Math.max(0, next), max);
-  if (behavior === "smooth") {
-    if (horizontal) root.scrollTo({ left: clamped, behavior: "smooth" });
-    else root.scrollTo({ top: clamped, behavior: "smooth" });
-  } else if (horizontal) {
-    root.scrollLeft = clamped;
-  } else {
-    root.scrollTop = clamped;
-  }
-}
-function applyEndPadding(horizontal, list, root, slotRect) {
-  if (horizontal) {
-    const pad = Math.max(0, (root.clientWidth - slotRect.width) / 2);
-    list.style.paddingLeft = `${pad}px`;
-    list.style.paddingRight = `${pad}px`;
-    list.style.paddingTop = "";
-    list.style.paddingBottom = "";
-  } else {
-    const pad = Math.max(0, (root.clientHeight - slotRect.height) / 2);
-    list.style.paddingTop = `${pad}px`;
-    list.style.paddingBottom = `${pad}px`;
-    list.style.paddingLeft = "";
-    list.style.paddingRight = "";
-  }
-}
-var SCROLL_WHEEL_ITEM_ATTR = "data-scroll-wheel-item";
-var scrollWheelItemProps = { [SCROLL_WHEEL_ITEM_ATTR]: "" };
-var WHEEL_SETTLE_SUPPRESS_MS = 48;
-var WHEEL_SMOOTH_SCROLL_SUPPRESS_MS = 520;
-var WHEEL_SETTLE_IDLE_MS = 200;
-var WHEEL_SETTLE_SCROLLEND_BACKUP_MS = 420;
-var SPOTLIGHT_CENTER_MISMATCH_SUPPRESS_MS = 280;
-var SCROLL_END_SUPPORTED = typeof HTMLElement !== "undefined" && "onscrollend" in HTMLElement.prototype;
-var itemSelector = `[${SCROLL_WHEEL_ITEM_ATTR}]`;
-var selectedItemSelector = `[${SCROLL_WHEEL_ITEM_ATTR}][data-selected]`;
-var CLAMP_EPS = 1;
-var CLAMP_ITERS = 8;
-function applySpotlightFrameStyles(el) {
-  el.style.setProperty("position", "relative");
-  el.style.setProperty("z-index", "10");
-  el.style.setProperty(
-    "border-color",
-    "color-mix(in oklab, var(--primary) 40%, transparent)"
-  );
-}
-function stripSpotlightFrameStyles(el) {
-  el.style.removeProperty("position");
-  el.style.removeProperty("z-index");
-  el.style.removeProperty("border-color");
-}
-var FADE_EDGES = {
-  vertical: [
-    "pointer-events-none absolute inset-x-0 top-0 z-10 h-16 bg-linear-to-b from-background via-background/85 to-transparent",
-    "pointer-events-none absolute inset-x-0 bottom-0 z-10 h-16 bg-linear-to-t from-background via-background/85 to-transparent"
-  ],
-  horizontal: [
-    "pointer-events-none absolute inset-y-0 left-0 z-10 w-16 bg-linear-to-r from-background via-background/85 to-transparent",
-    "pointer-events-none absolute inset-y-0 right-0 z-10 w-16 bg-linear-to-l from-background via-background/85 to-transparent"
-  ]
-};
-function ScrollWheelRoot({
-  recenterKey,
-  orientation = "vertical",
-  disabled,
-  onScrollSettle,
-  children,
-  className,
-  centerSpotlightClassName
-}) {
-  const horizontal = orientation === "horizontal";
-  const centerSpotlightTokens = React2.useMemo(
-    () => centerSpotlightClassName?.trim().split(/\s+/).filter(Boolean) ?? [],
-    [centerSpotlightClassName]
-  );
-  const centerSpotlightActive = centerSpotlightTokens.length > 0 && disabled !== true;
-  const centerSpotlightFingerprint = centerSpotlightClassName?.trim() ?? "";
-  const rootRef = React2.useRef(null);
-  const listRef = React2.useRef(null);
-  const rafProximityRef = React2.useRef(0);
-  const settleTimerRef = React2.useRef(null);
-  const lastSettledIdxRef = React2.useRef(null);
-  const suppressSettleUntilRef = React2.useRef(0);
-  const wasPopoverOpenRef = React2.useRef(false);
-  const prevRecenterKeyRef = React2.useRef(void 0);
-  const penPointerDownRef = React2.useRef(false);
-  const touchIdsOnRootRef = React2.useRef(/* @__PURE__ */ new Set());
-  const spotlightDomRef = React2.useRef(null);
-  const spotlightAddedClassesRef = React2.useRef(
-    /* @__PURE__ */ new WeakMap()
-  );
-  const spotlightFingerprintRef = React2.useRef("");
-  const spotlightSuppressCenterMismatchUntilRef = React2.useRef(0);
-  const stripSpotlightFromEl = React2.useCallback((el) => {
-    if (!el) return;
-    const added = spotlightAddedClassesRef.current.get(el);
-    if (added) {
-      added.forEach((token) => el.classList.remove(token));
-      spotlightAddedClassesRef.current.delete(el);
-    }
-    el.removeAttribute("data-scroll-wheel-center");
-    stripSpotlightFrameStyles(el);
-  }, []);
-  const moveSpotlightDom = React2.useCallback(
-    (next, tokens) => {
-      const prev = spotlightDomRef.current;
-      if (tokens.length === 0) {
-        if (prev) stripSpotlightFromEl(prev);
-        spotlightDomRef.current = null;
-        spotlightFingerprintRef.current = "";
-        return;
-      }
-      if (!next) return;
-      if (prev && prev !== next) stripSpotlightFromEl(prev);
-      stripSpotlightFromEl(next);
-      const newlyAdded = /* @__PURE__ */ new Set();
-      for (const token of tokens) {
-        if (!next.classList.contains(token)) {
-          next.classList.add(token);
-          newlyAdded.add(token);
-        }
-      }
-      if (newlyAdded.size > 0) {
-        spotlightAddedClassesRef.current.set(next, newlyAdded);
-      }
-      next.setAttribute("data-scroll-wheel-center", "");
-      applySpotlightFrameStyles(next);
-      spotlightDomRef.current = next;
-    },
-    [stripSpotlightFromEl]
-  );
-  const suppressingGesture = () => touchIdsOnRootRef.current.size > 0 || penPointerDownRef.current;
-  const runScrollCommitRef = React2.useRef(() => {
-  });
-  const tryCommitAfterGestureRef = React2.useRef(() => {
-  });
-  const clearSettleTimerRef = React2.useRef(() => {
-  });
-  const clearSettleTimer = React2.useCallback(() => {
-    if (settleTimerRef.current != null) {
-      clearTimeout(settleTimerRef.current);
-      settleTimerRef.current = null;
-    }
-  }, []);
-  clearSettleTimerRef.current = clearSettleTimer;
-  const applyProximityStyles = React2.useCallback(() => {
-    const root = rootRef.current;
-    if (!root) return;
-    const slots = root.querySelectorAll(itemSelector);
-    if (slots.length === 0) return;
-    const cr = root.getBoundingClientRect();
-    const mid = viewportCenter(horizontal, cr);
-    const half = halfMainViewport(horizontal, cr);
-    const nodes = [...slots];
-    const dists = nodes.map((node) => {
-      const r = node.getBoundingClientRect();
-      return Math.abs(itemCenter(horizontal, r) - mid);
-    });
-    let bestI = 0;
-    let bestD = Number.POSITIVE_INFINITY;
-    nodes.forEach((node, i) => {
-      const dist = dists[i];
-      const t = Math.min(1, dist / half);
-      node.style.transform = `scale(${1 - 0.42 * t})`;
-      node.style.opacity = String(1 - 0.52 * t);
-      if (dist < bestD) {
-        bestD = dist;
-        bestI = i;
-      }
-    });
-    if (!centerSpotlightActive) {
-      if (spotlightDomRef.current !== null || spotlightFingerprintRef.current !== "") {
-        moveSpotlightDom(null, []);
-      }
-      return;
-    }
-    const selectedIdx = nodes.findIndex((n) => n.hasAttribute("data-selected"));
-    const el = nodes[bestI];
-    if (selectedIdx >= 0 && bestI !== selectedIdx && Date.now() < spotlightSuppressCenterMismatchUntilRef.current) {
-      if (spotlightDomRef.current !== null || spotlightFingerprintRef.current !== "") {
-        moveSpotlightDom(null, []);
-      }
-      spotlightFingerprintRef.current = "";
-      return;
-    }
-    if (el.hasAttribute("data-selected")) {
-      if (spotlightDomRef.current !== null || spotlightFingerprintRef.current !== "") {
-        moveSpotlightDom(null, []);
-      }
-      spotlightFingerprintRef.current = "";
-      return;
-    }
-    const fp = centerSpotlightFingerprint;
-    if (el === spotlightDomRef.current && fp === spotlightFingerprintRef.current) {
-      applySpotlightFrameStyles(el);
-      return;
-    }
-    moveSpotlightDom(el, centerSpotlightTokens);
-    spotlightFingerprintRef.current = fp;
-  }, [
-    horizontal,
-    centerSpotlightActive,
-    centerSpotlightTokens,
-    centerSpotlightFingerprint,
-    moveSpotlightDom
-  ]);
-  const queueProximity = React2.useCallback(() => {
-    cancelAnimationFrame(rafProximityRef.current);
-    rafProximityRef.current = requestAnimationFrame(applyProximityStyles);
-  }, [applyProximityStyles]);
-  React2.useLayoutEffect(() => {
-    if (disabled === true) {
-      moveSpotlightDom(null, []);
-      spotlightFingerprintRef.current = "";
-      return;
-    }
-    if (centerSpotlightActive) {
-      queueProximity();
-    }
-  }, [disabled, centerSpotlightActive, moveSpotlightDom, queueProximity]);
-  const applyWheelPadding = React2.useCallback(() => {
-    const list = listRef.current;
-    const root = rootRef.current;
-    if (!list || !root) return;
-    const slot = root.querySelector(itemSelector);
-    if (!slot) return;
-    applyEndPadding(horizontal, list, root, slot.getBoundingClientRect());
-  }, [horizontal]);
-  const findBestIndex = React2.useCallback(() => {
-    const root = rootRef.current;
-    if (!root) return -1;
-    if (mainClientSize(horizontal, root) < MAIN_AXIS_MIN_PX) return -1;
-    const slots = [...root.querySelectorAll(itemSelector)];
-    if (slots.length === 0) return -1;
-    const cr = root.getBoundingClientRect();
-    if (mainViewportRect(horizontal, cr) < MAIN_AXIS_MIN_PX) return -1;
-    const mid = viewportCenter(horizontal, cr);
-    let best = 0;
-    let bestD = Number.POSITIVE_INFINITY;
-    slots.forEach((node, i) => {
-      const d = Math.abs(itemCenter(horizontal, node.getBoundingClientRect()) - mid);
-      if (d < bestD) {
-        bestD = d;
-        best = i;
-      }
-    });
-    return best;
-  }, [horizontal]);
-  const clampWheelScroll = React2.useCallback(() => {
-    const root = rootRef.current;
-    if (!root || mainClientSize(horizontal, root) < MAIN_AXIS_MIN_PX) return;
-    const slots = [...root.querySelectorAll(itemSelector)];
-    if (slots.length < 2) return;
-    for (let i = 0; i < CLAMP_ITERS; i += 1) {
-      const rootRect = root.getBoundingClientRect();
-      const mid = viewportCenter(horizontal, rootRect);
-      const fr = slots[0].getBoundingClientRect();
-      const lr = slots[slots.length - 1].getBoundingClientRect();
-      const firstMid = itemCenter(horizontal, fr);
-      const lastMid = itemCenter(horizontal, lr);
-      if (firstMid > mid + CLAMP_EPS) {
-        suppressSettleUntilRef.current = Date.now() + WHEEL_SETTLE_SUPPRESS_MS;
-        addScroll(horizontal, root, firstMid - mid);
-        continue;
-      }
-      if (lastMid < mid - CLAMP_EPS) {
-        suppressSettleUntilRef.current = Date.now() + WHEEL_SETTLE_SUPPRESS_MS;
-        addScroll(horizontal, root, lastMid - mid);
-        continue;
-      }
-      break;
-    }
-  }, [horizontal]);
-  const runScrollCommit = React2.useCallback(() => {
-    if (suppressingGesture() || !onScrollSettle || disabled) return;
-    if (Date.now() < suppressSettleUntilRef.current) return;
-    clampWheelScroll();
-    const idx = findBestIndex();
-    if (idx < 0) return;
-    if (idx !== lastSettledIdxRef.current) {
-      lastSettledIdxRef.current = idx;
-      onScrollSettle(idx);
-    }
-    queueProximity();
-  }, [onScrollSettle, disabled, findBestIndex, queueProximity, clampWheelScroll]);
-  runScrollCommitRef.current = runScrollCommit;
-  const scrollSelectedToCenter = React2.useCallback(
-    (scrollBehavior = "auto") => {
-      const root = rootRef.current;
-      if (!root) return;
-      const selected = root.querySelector(selectedItemSelector);
-      lastSettledIdxRef.current = null;
-      suppressSettleUntilRef.current = Date.now() + (scrollBehavior === "smooth" ? WHEEL_SMOOTH_SCROLL_SUPPRESS_MS : WHEEL_SETTLE_SUPPRESS_MS);
-      if (selected) {
-        const rootRect = root.getBoundingClientRect();
-        const sr = selected.getBoundingClientRect();
-        const delta = itemCenter(horizontal, sr) - viewportCenter(horizontal, rootRect);
-        setScroll(
-          horizontal,
-          root,
-          readScroll(horizontal, root) + delta,
-          scrollBehavior
-        );
-      }
-      queueProximity();
-    },
-    [horizontal, queueProximity]
-  );
-  const scheduleIdleSettle = React2.useCallback(() => {
-    if (!onScrollSettle || disabled || suppressingGesture()) return;
-    clearSettleTimer();
-    settleTimerRef.current = setTimeout(
-      runScrollCommit,
-      SCROLL_END_SUPPORTED ? WHEEL_SETTLE_SCROLLEND_BACKUP_MS : WHEEL_SETTLE_IDLE_MS
-    );
-  }, [onScrollSettle, disabled, clearSettleTimer, runScrollCommit]);
-  const tryCommitAfterGestureRelease = React2.useCallback(() => {
-    if (suppressingGesture()) return;
-    const root = rootRef.current;
-    if (!root) return;
-    const s0 = readScroll(horizontal, root);
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => {
-        if (suppressingGesture()) return;
-        const r = rootRef.current;
-        if (!r) return;
-        if (readScroll(horizontal, r) !== s0) {
-          queueProximity();
-          scheduleIdleSettle();
-          return;
-        }
-        runScrollCommit();
-      });
-    });
-  }, [horizontal, runScrollCommit, scheduleIdleSettle, queueProximity]);
-  tryCommitAfterGestureRef.current = tryCommitAfterGestureRelease;
-  const onPointerDownCapture = React2.useCallback(
-    (e) => {
-      if (!onScrollSettle || disabled || e.pointerType !== "pen") return;
-      penPointerDownRef.current = true;
-      clearSettleTimer();
-    },
-    [onScrollSettle, disabled, clearSettleTimer]
-  );
-  const onTouchStartCapture = React2.useCallback(
-    (e) => {
-      if (!onScrollSettle || disabled) return;
-      for (let i = 0; i < e.changedTouches.length; i += 1) {
-        touchIdsOnRootRef.current.add(e.changedTouches[i].identifier);
-      }
-      clearSettleTimer();
-    },
-    [onScrollSettle, disabled, clearSettleTimer]
-  );
-  const onScroll = React2.useCallback(() => {
-    queueProximity();
-    if (!onScrollSettle || disabled) return;
-    if (suppressingGesture()) clearSettleTimer();
-    else scheduleIdleSettle();
-  }, [queueProximity, onScrollSettle, disabled, clearSettleTimer, scheduleIdleSettle]);
-  React2.useEffect(() => {
-    if (disabled || !onScrollSettle) return;
-    const onPenEnd = (e) => {
-      if (e.pointerType !== "pen" || !penPointerDownRef.current) return;
-      penPointerDownRef.current = false;
-      tryCommitAfterGestureRef.current();
-    };
-    const onTouchEnd = (e) => {
-      for (let i = 0; i < e.changedTouches.length; i += 1) {
-        touchIdsOnRootRef.current.delete(e.changedTouches[i].identifier);
-      }
-      if (touchIdsOnRootRef.current.size === 0) tryCommitAfterGestureRef.current();
-    };
-    window.addEventListener("pointerup", onPenEnd, true);
-    window.addEventListener("pointercancel", onPenEnd, true);
-    window.addEventListener("touchend", onTouchEnd, true);
-    window.addEventListener("touchcancel", onTouchEnd, true);
-    return () => {
-      window.removeEventListener("pointerup", onPenEnd, true);
-      window.removeEventListener("pointercancel", onPenEnd, true);
-      window.removeEventListener("touchend", onTouchEnd, true);
-      window.removeEventListener("touchcancel", onTouchEnd, true);
-    };
-  }, [disabled, onScrollSettle]);
-  React2.useLayoutEffect(() => {
-    let followRaf1 = 0;
-    let followRaf2 = 0;
-    let ro;
-    const root = rootRef.current;
-    if (!root) return;
-    const onResize = () => {
-      applyWheelPadding();
-      queueProximity();
-    };
-    onResize();
-    const prev = prevRecenterKeyRef.current;
-    const firstOpen = !wasPopoverOpenRef.current;
-    const selectionChanged = wasPopoverOpenRef.current && prev !== void 0 && prev !== recenterKey;
-    if (firstOpen || selectionChanged) {
-      if (selectionChanged) {
-        spotlightSuppressCenterMismatchUntilRef.current = Date.now() + SPOTLIGHT_CENTER_MISMATCH_SUPPRESS_MS;
-      }
-      const reducedMotion = typeof window !== "undefined" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-      const behavior = selectionChanged && !reducedMotion ? "smooth" : "auto";
-      scrollSelectedToCenter(behavior);
-      if (firstOpen) {
-        followRaf1 = requestAnimationFrame(() => {
-          followRaf2 = requestAnimationFrame(() => {
-            scrollSelectedToCenter("auto");
-          });
-        });
-      }
-    }
-    prevRecenterKeyRef.current = recenterKey;
-    wasPopoverOpenRef.current = true;
-    if (typeof ResizeObserver !== "undefined") {
-      ro = new ResizeObserver(onResize);
-      ro.observe(root);
-    }
-    return () => {
-      ro?.disconnect();
-      cancelAnimationFrame(followRaf1);
-      cancelAnimationFrame(followRaf2);
-    };
-  }, [
-    recenterKey,
-    orientation,
-    centerSpotlightClassName,
-    applyWheelPadding,
-    scrollSelectedToCenter,
-    queueProximity
-  ]);
-  React2.useLayoutEffect(() => {
-    return () => {
-      penPointerDownRef.current = false;
-      touchIdsOnRootRef.current.clear();
-      wasPopoverOpenRef.current = false;
-      prevRecenterKeyRef.current = void 0;
-      lastSettledIdxRef.current = null;
-      spotlightSuppressCenterMismatchUntilRef.current = 0;
-      moveSpotlightDom(null, []);
-      clearSettleTimer();
-      cancelAnimationFrame(rafProximityRef.current);
-    };
-  }, []);
-  React2.useLayoutEffect(() => {
-    if (!onScrollSettle || disabled || !SCROLL_END_SUPPORTED) return;
-    const root = rootRef.current;
-    if (!root) return;
-    const onScrollEnd = () => {
-      if (suppressingGesture()) return;
-      clearSettleTimerRef.current();
-      runScrollCommitRef.current();
-    };
-    root.addEventListener("scrollend", onScrollEnd);
-    return () => root.removeEventListener("scrollend", onScrollEnd);
-  }, [disabled, onScrollSettle]);
-  React2.useLayoutEffect(() => {
-    if (!centerSpotlightActive) return;
-    queueProximity();
-  }, [centerSpotlightActive, children, queueProximity]);
-  const fadeClasses = FADE_EDGES[orientation];
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "relative z-2 flex h-full min-h-0 min-w-0 flex-1 basis-0 overflow-hidden",
-        horizontal ? "flex-row" : "flex-col",
-        className
-      ),
-      "data-scroll-wheel-orientation": orientation,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "relative isolate flex min-h-0 min-w-0 flex-1",
-            horizontal ? "flex-row" : "flex-col"
-          ),
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                ref: rootRef,
-                className: cn(
-                  "relative z-0 min-h-0 min-w-0 flex-1 [-ms-overflow-style:none] [scrollbar-width:none] [-webkit-overflow-scrolling:touch] [&::-webkit-scrollbar]:hidden",
-                  horizontal ? "overflow-x-auto overflow-y-hidden overscroll-x-contain" : "overflow-y-auto overflow-x-hidden overscroll-y-contain"
-                ),
-                onPointerDownCapture,
-                onTouchStartCapture,
-                onScroll,
-                children: /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    ref: listRef,
-                    className: cn(
-                      "flex gap-0.5",
-                      horizontal ? "min-w-min flex-row flex-nowrap items-center gap-0.5 py-0 pl-2 pr-2 [&>[data-scroll-wheel-item]]:shrink-0" : "min-h-0 flex-col px-2 pb-2"
-                    ),
-                    children
-                  }
-                )
-              }
-            ),
-            fadeClasses.map((cls, i) => /* @__PURE__ */ jsx("div", { className: cls, "aria-hidden": true }, i))
-          ]
-        }
-      )
-    }
-  );
-}
-var ScrollWheelMemo = React2.memo(ScrollWheelRoot);
-ScrollWheelMemo.displayName = "ScrollWheel";
-var ScrollWheel = Object.assign(ScrollWheelMemo, {
-  /** Marker props for each wheel row — spread onto the focusable control. */
-  itemProps: scrollWheelItemProps
-});
-var HOURS_12 = Array.from({ length: 12 }, (_, i) => i + 1);
-var MINUTES = Array.from({ length: 12 }, (_, i) => i * 5);
-var AMPM = ["AM", "PM"];
-function startOfLocalDay(d) {
-  const n = new Date(d);
-  n.setHours(0, 0, 0, 0);
-  return n;
-}
-function baseDateForTimePick(value) {
-  return value ?? startOfLocalDay(/* @__PURE__ */ new Date());
-}
-function setHour12(d, hour12) {
-  const n = new Date(d);
-  const pm = n.getHours() >= 12;
-  n.setHours(hour12 % 12 + (pm ? 12 : 0));
-  return n;
-}
-function setMinute(d, m) {
-  const n = new Date(d);
-  n.setMinutes(m);
-  return n;
-}
-function setAmPm(d, ampm) {
-  const n = new Date(d);
-  const h = n.getHours();
-  if (ampm === "PM" && h < 12) n.setHours(h + 12);
-  if (ampm === "AM" && h >= 12) n.setHours(h - 12);
-  return n;
-}
-var TIME_RAIL_CENTER_BAND_HEIGHT_CLASS = "h-[3.25rem]";
-var SCROLL_WHEEL_CENTER_SPOTLIGHT_CLASSNAME = "relative z-10 border-primary/40";
-var slotClass = cn(
-  "box-border flex aspect-square w-full min-h-0 min-w-0 origin-center shrink-0 flex-col justify-center border border-transparent p-3.5 text-base tracking-normal shadow-none will-change-transform",
-  "gap-0 leading-none !font-normal !h-auto ![transition-property:color,background-color,box-shadow,opacity]",
-  "focus-visible:border-transparent focus-visible:ring-0"
-);
-var slotClassHorizontalCircular = cn(
-  slotClass,
-  "!box-border !aspect-square !h-[3.25rem] !w-[3.25rem] !max-h-[3.25rem] !max-w-[3.25rem] !min-h-0 !min-w-0 shrink-0"
-);
-function TimePicker({
-  value,
-  onChange,
-  disabled,
-  orientation = "vertical",
-  className
-}) {
-  const horizontal = orientation === "horizontal";
-  const onHourScrollSettle = React2.useCallback(
-    (idx) => {
-      const h = HOURS_12[idx];
-      if (h === void 0) return;
-      const base = baseDateForTimePick(value);
-      if (value && value.getHours() % 12 === h % 12) return;
-      onChange(setHour12(base, h));
-    },
-    [value, onChange]
-  );
-  const onMinuteScrollSettle = React2.useCallback(
-    (idx) => {
-      const m = MINUTES[idx];
-      if (m === void 0) return;
-      const base = baseDateForTimePick(value);
-      if (value && value.getMinutes() === m) return;
-      onChange(setMinute(base, m));
-    },
-    [value, onChange]
-  );
-  const onAmPmScrollSettle = React2.useCallback(
-    (idx) => {
-      const a = AMPM[idx];
-      if (a === void 0) return;
-      const base = baseDateForTimePick(value);
-      if (value) {
-        const pm = value.getHours() >= 12;
-        if (a === "PM" === pm) return;
-      }
-      onChange(setAmPm(base, a));
-    },
-    [value, onChange]
-  );
-  const hourSlots = React2.useMemo(
-    () => HOURS_12.map((h) => {
-      const selected = Boolean(value) && value.getHours() % 12 === h % 12;
-      return /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          rounded: "full",
-          variant: selected ? "primary" : "secondary",
-          disabled,
-          className: horizontal ? slotClassHorizontalCircular : slotClass,
-          ...ScrollWheel.itemProps,
-          ...selected ? { "data-selected": true } : {},
-          onClick: () => onChange(setHour12(baseDateForTimePick(value), h)),
-          children: /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: h })
-        },
-        h
-      );
-    }),
-    [value, disabled, onChange, horizontal]
-  );
-  const minuteSlots = React2.useMemo(
-    () => MINUTES.map((m) => {
-      const selected = Boolean(value) && value.getMinutes() === m;
-      return /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          rounded: "full",
-          variant: selected ? "primary" : "secondary",
-          disabled,
-          className: horizontal ? slotClassHorizontalCircular : slotClass,
-          ...ScrollWheel.itemProps,
-          ...selected ? { "data-selected": true } : {},
-          onClick: () => onChange(setMinute(baseDateForTimePick(value), m)),
-          children: /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: String(m).padStart(2, "0") })
-        },
-        m
-      );
-    }),
-    [value, disabled, onChange, horizontal]
-  );
-  const amPmSlots = React2.useMemo(
-    () => AMPM.map((a) => {
-      const selected = Boolean(
-        value && (a === "AM" && value.getHours() < 12 || a === "PM" && value.getHours() >= 12)
-      );
-      return /* @__PURE__ */ jsx(
-        Button,
-        {
-          type: "button",
-          rounded: "full",
-          variant: selected ? "primary" : "secondary",
-          disabled,
-          className: horizontal ? slotClassHorizontalCircular : slotClass,
-          ...ScrollWheel.itemProps,
-          ...selected ? { "data-selected": true } : {},
-          onClick: () => onChange(setAmPm(baseDateForTimePick(value), a)),
-          children: /* @__PURE__ */ jsx("span", { className: "text-sm font-normal tracking-wide", children: a })
-        },
-        a
-      );
-    }),
-    [value, disabled, onChange, horizontal]
-  );
-  const hourRecenterKey = React2.useMemo(
-    () => value ? value.getHours() : "n",
-    [value]
-  );
-  const minuteRecenterKey = React2.useMemo(
-    () => value ? value.getMinutes() : "n",
-    [value]
-  );
-  const amPmRecenterKey = React2.useMemo(
-    () => value ? value.getHours() >= 12 ? "pm" : "am" : "n",
-    [value]
-  );
-  const horizontalCenterColumnClass = "pointer-events-none absolute inset-y-2 left-1/2 z-1 w-[3.25rem] -translate-x-1/2 rounded-full bg-accent/88 dark:bg-accent/72";
-  const verticalCenterBandClass = cn(
-    "pointer-events-none absolute top-1/2 left-2 right-2 z-1 -translate-y-1/2 rounded-full bg-accent/88 dark:bg-accent/72",
-    TIME_RAIL_CENTER_BAND_HEIGHT_CLASS
-  );
-  if (horizontal) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn(
-          "border-border/60 relative flex h-full min-h-0 min-w-0 flex-1 shrink-0 flex-col divide-y divide-border/60 overflow-hidden border-t",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: horizontalCenterColumnClass }),
-          [
-            [hourSlots, hourRecenterKey, onHourScrollSettle],
-            [minuteSlots, minuteRecenterKey, onMinuteScrollSettle],
-            [amPmSlots, amPmRecenterKey, onAmPmScrollSettle]
-          ].map(([slots, recenterKey, onSettle], i) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "relative flex w-full shrink-0 flex-col overflow-hidden py-2",
-              children: /* @__PURE__ */ jsx(
-                ScrollWheel,
-                {
-                  orientation: "horizontal",
-                  disabled,
-                  centerSpotlightClassName: SCROLL_WHEEL_CENTER_SPOTLIGHT_CLASSNAME,
-                  className: "h-[3.25rem] min-h-[3.25rem] w-full shrink-0",
-                  recenterKey,
-                  onScrollSettle: disabled ? void 0 : onSettle,
-                  children: slots
-                }
-              )
-            },
-            i
-          ))
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "border-border/60 relative flex h-full min-h-0 min-w-0 flex-1 shrink-0 flex-row divide-x divide-border/60 overflow-hidden border-l",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: verticalCenterBandClass }),
-        /* @__PURE__ */ jsx(
-          ScrollWheel,
-          {
-            disabled,
-            centerSpotlightClassName: SCROLL_WHEEL_CENTER_SPOTLIGHT_CLASSNAME,
-            recenterKey: hourRecenterKey,
-            onScrollSettle: disabled ? void 0 : onHourScrollSettle,
-            children: hourSlots
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ScrollWheel,
-          {
-            disabled,
-            centerSpotlightClassName: SCROLL_WHEEL_CENTER_SPOTLIGHT_CLASSNAME,
-            recenterKey: minuteRecenterKey,
-            onScrollSettle: disabled ? void 0 : onMinuteScrollSettle,
-            children: minuteSlots
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          ScrollWheel,
-          {
-            disabled,
-            centerSpotlightClassName: SCROLL_WHEEL_CENTER_SPOTLIGHT_CLASSNAME,
-            recenterKey: amPmRecenterKey,
-            onScrollSettle: disabled ? void 0 : onAmPmScrollSettle,
-            children: amPmSlots
-          }
-        )
-      ]
-    }
-  );
-}
-
-export { TimePicker, baseDateForTimePick };
-//# sourceMappingURL=time-picker.js.map
-//# sourceMappingURL=time-picker.js.map