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

package/dist/react/tabs.js

@@ -1,423 +0,0 @@
-import * as React from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var MD_UP = "(min-width: 768px)";
-var TabsContext = React.createContext(null);
-function useTabs() {
-  const context = React.useContext(TabsContext);
-  if (!context) {
-    throw new Error("Tabs components must be used within a <Tabs />");
-  }
-  return context;
-}
-var Tabs = ({
-  defaultValue,
-  value: controlledValue,
-  onValueChange,
-  children,
-  className,
-  variant = "pill",
-  alignment = "horizontal",
-  ...props
-}) => {
-  const [internalValue, setInternalValue] = React.useState(defaultValue);
-  const [isMdUp, setIsMdUp] = React.useState(false);
-  const isControlled = controlledValue !== void 0;
-  const value = isControlled ? controlledValue : internalValue;
-  React.useEffect(() => {
-    const mq = window.matchMedia(MD_UP);
-    const sync = () => setIsMdUp(mq.matches);
-    sync();
-    mq.addEventListener("change", sync);
-    return () => mq.removeEventListener("change", sync);
-  }, []);
-  const effectiveAlignment = alignment === "vertical" && isMdUp ? "vertical" : "horizontal";
-  const handleValueChange = React.useCallback(
-    (newValue) => {
-      if (!isControlled) {
-        setInternalValue(newValue);
-      }
-      onValueChange?.(newValue);
-    },
-    [isControlled, onValueChange]
-  );
-  return /* @__PURE__ */ jsx(
-    TabsContext.Provider,
-    {
-      value: {
-        value,
-        onValueChange: handleValueChange,
-        variant,
-        alignment: effectiveAlignment
-      },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: cn(
-            "flex gap-4",
-            effectiveAlignment === "vertical" ? "flex-col md:flex-row md:items-stretch" : "flex-col",
-            className
-          ),
-          ...props,
-          children
-        }
-      )
-    }
-  );
-};
-var TabsList = ({
-  children,
-  className,
-  ...props
-}) => {
-  const { value: activeValue, onValueChange, variant, alignment } = useTabs();
-  const isVertical = alignment === "vertical";
-  const rowRef = React.useRef(null);
-  const scrollRef = React.useRef(null);
-  const [scrollEdgesX, setScrollEdgesX] = React.useState("none");
-  const [scrollEdgesY, setScrollEdgesY] = React.useState("none");
-  const updateScrollEdges = React.useCallback(() => {
-    const el = scrollRef.current;
-    if (!el) return;
-    if (isVertical) {
-      const scrollRange = el.scrollHeight - el.clientHeight;
-      if (scrollRange < 8) {
-        setScrollEdgesY((prev) => prev === "none" ? prev : "none");
-        return;
-      }
-      const canUp = el.scrollTop > 1;
-      const canDown = el.scrollTop < scrollRange - 1;
-      const next = canUp && canDown ? "both" : canUp ? "up" : canDown ? "down" : "none";
-      setScrollEdgesY((prev) => prev === next ? prev : next);
-    } else {
-      const scrollRange = el.scrollWidth - el.clientWidth;
-      if (scrollRange < 8) {
-        setScrollEdgesX((prev) => prev === "none" ? prev : "none");
-        return;
-      }
-      const canLeft = el.scrollLeft > 1;
-      const canRight = el.scrollLeft < scrollRange - 1;
-      const next = canLeft && canRight ? "both" : canLeft ? "left" : canRight ? "right" : "none";
-      setScrollEdgesX((prev) => prev === next ? prev : next);
-    }
-  }, [isVertical]);
-  React.useEffect(() => {
-    const el = scrollRef.current;
-    if (!el) return;
-    updateScrollEdges();
-    el.addEventListener("scroll", updateScrollEdges, { passive: true });
-    window.addEventListener("resize", updateScrollEdges, { passive: true });
-    return () => {
-      el.removeEventListener("scroll", updateScrollEdges);
-      window.removeEventListener("resize", updateScrollEdges);
-    };
-  }, [updateScrollEdges, children, isVertical]);
-  const updateIndicatorClip = React.useCallback(() => {
-    const row = rowRef.current;
-    if (!row || variant !== "pill" && variant !== "underline" && variant !== "box")
-      return;
-    const tab = row.querySelector(
-      '[role="tab"][aria-selected="true"]:not(:disabled)'
-    );
-    if (!tab) {
-      row.style.setProperty("--tab-indicator-start", "0px");
-      row.style.setProperty("--tab-indicator-end", "0px");
-      return;
-    }
-    if (isVertical) {
-      const start = tab.offsetTop;
-      const end = tab.offsetTop + tab.offsetHeight;
-      row.style.setProperty("--tab-indicator-start", `${start}px`);
-      row.style.setProperty("--tab-indicator-end", `${end}px`);
-    } else {
-      const start = tab.offsetLeft;
-      const end = tab.offsetLeft + tab.offsetWidth;
-      row.style.setProperty("--tab-indicator-start", `${start}px`);
-      row.style.setProperty("--tab-indicator-end", `${end}px`);
-    }
-  }, [variant, isVertical]);
-  React.useLayoutEffect(() => {
-    if (variant === "pill" || variant === "underline" || variant === "box")
-      updateIndicatorClip();
-  }, [activeValue, children, updateIndicatorClip, variant]);
-  React.useEffect(() => {
-    if (variant !== "pill" && variant !== "underline" && variant !== "box") return;
-    const onResize = () => updateIndicatorClip();
-    window.addEventListener("resize", onResize, { passive: true });
-    return () => window.removeEventListener("resize", onResize);
-  }, [updateIndicatorClip, activeValue, variant]);
-  React.useEffect(() => {
-    if (variant !== "pill" && variant !== "underline" && variant !== "box") return;
-    const el = rowRef.current;
-    if (!el || typeof ResizeObserver === "undefined") return;
-    const ro = new ResizeObserver(() => updateIndicatorClip());
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, [updateIndicatorClip, variant]);
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      const dir = isVertical ? e.key === "ArrowDown" ? 1 : e.key === "ArrowUp" ? -1 : 0 : e.key === "ArrowRight" ? 1 : e.key === "ArrowLeft" ? -1 : 0;
-      if (!dir) return;
-      const row = rowRef.current;
-      if (!row) return;
-      const tabs = Array.from(
-        row.querySelectorAll('[role="tab"][data-tab-value]')
-      ).filter((t) => !t.disabled);
-      if (tabs.length === 0) return;
-      const values = tabs.map((t) => t.dataset.tabValue);
-      let idx = activeValue ? values.indexOf(activeValue) : 0;
-      if (idx < 0) idx = 0;
-      const next = (idx + dir + values.length) % values.length;
-      const nextValue = values[next];
-      if (nextValue) {
-        e.preventDefault();
-        onValueChange(nextValue);
-        tabs[next]?.focus();
-      }
-    },
-    [activeValue, onValueChange, isVertical]
-  );
-  const maskStyle = React.useMemo(() => {
-    const fade = "24px";
-    if (isVertical) {
-      if (scrollEdgesY === "none") return void 0;
-      const masks2 = {
-        down: `linear-gradient(to bottom, black calc(100% - ${fade}), transparent)`,
-        up: `linear-gradient(to top, black calc(100% - ${fade}), transparent)`,
-        both: `linear-gradient(to bottom, transparent, black ${fade}, black calc(100% - ${fade}), transparent)`,
-        none: ""
-      };
-      return {
-        WebkitMaskImage: masks2[scrollEdgesY],
-        maskImage: masks2[scrollEdgesY]
-      };
-    }
-    if (scrollEdgesX === "none") return void 0;
-    const masks = {
-      right: `linear-gradient(to right, black calc(100% - ${fade}), transparent)`,
-      left: `linear-gradient(to left, black calc(100% - ${fade}), transparent)`,
-      both: `linear-gradient(to right, transparent, black ${fade}, black calc(100% - ${fade}), transparent)`,
-      none: ""
-    };
-    return {
-      WebkitMaskImage: masks[scrollEdgesX],
-      maskImage: masks[scrollEdgesX]
-    };
-  }, [scrollEdgesX, scrollEdgesY, isVertical]);
-  const pillClipHorizontal = "inset(0 calc(100% - var(--tab-indicator-end, 0px)) 0 var(--tab-indicator-start, 0px) round 9999px)";
-  const pillClipVertical = "inset(var(--tab-indicator-start, 0px) 0 calc(100% - var(--tab-indicator-end, 0px)) 0 round 9999px)";
-  const boxClipHorizontal = "inset(0 calc(100% - var(--tab-indicator-end, 0px)) 0 var(--tab-indicator-start, 0px) round 12px)";
-  const boxClipVertical = "inset(var(--tab-indicator-start, 0px) 0 calc(100% - var(--tab-indicator-end, 0px)) 0 round 12px)";
-  const underlineClipHorizontal = "inset(0 calc(100% - var(--tab-indicator-end, 0px)) 0 var(--tab-indicator-start, 0px))";
-  const underlineClipVertical = "inset(var(--tab-indicator-start, 0px) 0 calc(100% - var(--tab-indicator-end, 0px)) 0)";
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: scrollRef,
-      onKeyDown: handleKeyDown,
-      className: cn(
-        isVertical ? "max-h-72 min-h-0 w-full max-w-52 shrink-0 overflow-x-hidden overflow-y-auto md:max-h-none md:max-w-56" : "max-w-full overflow-x-auto",
-        "[scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-        variant === "pill" && !isVertical && "pb-1",
-        variant === "box" && !isVertical && "pb-1",
-        variant === "underline" && !isVertical && "pb-0",
-        variant === "underline" && isVertical && "pr-0",
-        className
-      ),
-      style: maskStyle,
-      ...props,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: rowRef,
-          role: "tablist",
-          "aria-orientation": isVertical ? "vertical" : "horizontal",
-          className: cn(
-            "flex",
-            isVertical ? "w-full flex-col items-stretch" : cn(
-              "inline-flex w-max min-w-full",
-              variant === "box" ? "items-stretch" : "items-center"
-            ),
-            (variant === "pill" || variant === "underline" || variant === "box") && "relative",
-            variant === "pill" && "gap-1",
-            variant === "box" && "gap-2",
-            variant === "pill" && isVertical && "px-1 py-1",
-            variant === "box" && isVertical && "px-1 py-1",
-            variant === "underline" && (isVertical ? "gap-0 rounded-none border-l border-border bg-transparent py-0 pl-0" : "gap-2 rounded-none border-b border-border bg-transparent py-0")
-          ),
-          children: [
-            variant === "pill" && /* @__PURE__ */ jsx(
-              "div",
-              {
-                "aria-hidden": "true",
-                "data-slot": "tabs-indicator",
-                style: {
-                  clipPath: isVertical ? pillClipVertical : pillClipHorizontal
-                },
-                className: cn(
-                  "pointer-events-none absolute z-0 bg-primary",
-                  "motion-reduce:transition-none",
-                  "motion-safe:transition-[clip-path] motion-safe:duration-300 motion-safe:ease-[cubic-bezier(0,0.55,0.45,1)]",
-                  isVertical ? "inset-y-0 left-0 right-0" : "inset-x-0 top-0 h-9 rounded-full"
-                )
-              }
-            ),
-            variant === "box" && /* @__PURE__ */ jsx(
-              "div",
-              {
-                "aria-hidden": "true",
-                "data-slot": "tabs-box-indicator",
-                style: {
-                  clipPath: isVertical ? boxClipVertical : boxClipHorizontal
-                },
-                className: cn(
-                  "pointer-events-none absolute inset-y-0 left-0 right-0 z-0 bg-primary",
-                  "motion-reduce:transition-none",
-                  "motion-safe:transition-[clip-path] motion-safe:duration-300 motion-safe:ease-[cubic-bezier(0,0.55,0.45,1)]"
-                )
-              }
-            ),
-            variant === "underline" && /* @__PURE__ */ jsx(
-              "div",
-              {
-                "aria-hidden": "true",
-                "data-slot": "tabs-underline-indicator",
-                style: {
-                  clipPath: isVertical ? underlineClipVertical : underlineClipHorizontal
-                },
-                className: cn(
-                  "pointer-events-none absolute z-0 bg-primary",
-                  "motion-reduce:transition-none",
-                  "motion-safe:transition-[clip-path] motion-safe:duration-300 motion-safe:ease-[cubic-bezier(0,0.55,0.45,1)]",
-                  isVertical ? "inset-y-0 left-0 w-0.5" : "inset-x-0 bottom-0 h-0.5"
-                )
-              }
-            ),
-            children
-          ]
-        }
-      )
-    }
-  );
-};
-var TabsTrigger = ({
-  value,
-  children,
-  icon,
-  iconPosition = "left",
-  layout = "row",
-  onClick,
-  className,
-  disabled,
-  ...props
-}) => {
-  const { value: activeValue, onValueChange, variant, alignment } = useTabs();
-  const isVertical = alignment === "vertical";
-  const isActive = value ? activeValue === value : false;
-  const showSelected = isActive && !disabled;
-  const isStacked = layout === "stacked" && Boolean(icon);
-  const iconWrapClass = "inline-flex shrink-0 items-center justify-center [&_svg]:shrink-0";
-  const labelWrapClass = "block min-w-0 w-full text-left leading-snug";
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      role: "tab",
-      "aria-selected": isActive,
-      "aria-disabled": disabled || void 0,
-      tabIndex: value !== void 0 ? isActive && !disabled ? 0 : -1 : void 0,
-      disabled,
-      "data-tab-value": value,
-      onClick: (e) => {
-        if (disabled) return;
-        if (value) onValueChange(value);
-        onClick?.(e);
-      },
-      className: cn(
-        "relative z-1 inline-flex shrink-0 select-none touch-manipulation [-webkit-tap-highlight-color:transparent]",
-        "cursor-pointer disabled:cursor-not-allowed",
-        isStacked ? "flex-col items-start justify-start gap-1.5 whitespace-normal" : "items-center justify-center gap-2 whitespace-nowrap",
-        isVertical && "w-full justify-start",
-        variant === "pill" && [
-          "h-9 rounded-full px-4 font-semibold leading-5 text-[13px] md:text-[15px]",
-          "[transition:background-color_var(--duration-short-s,0.1s)_var(--ease-out,cubic-bezier(0,.55,.45,1)),border-color_var(--duration-short-s,0.1s)_var(--ease-out,cubic-bezier(0,.55,.45,1)),scale_var(--duration-short-s,0.1s)_var(--ease-out,cubic-bezier(0,.55,.45,1)),color_var(--duration-short-m,0.2s)_var(--ease-in-out,cubic-bezier(.85,0,.15,1))]",
-          !isVertical && "enabled:active:scale-[0.96]",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          showSelected ? [
-            "text-background",
-            "**:data-[slot=badge]:border-none **:data-[slot=badge]:bg-background/20 **:data-[slot=badge]:text-background"
-          ] : "bg-primary/4 text-primary/50 enabled:[@media(hover:hover)_and_(pointer:fine)]:hover:bg-primary/10 enabled:active:bg-primary/10"
-        ],
-        variant === "box" && [
-          "min-h-11 rounded-xl px-4 pt-1.5 pb-2 font-semibold leading-5 text-[13px] md:text-[15px]",
-          isVertical ? "justify-start text-left" : "justify-center text-center",
-          "[transition:background-color_var(--duration-short-s,0.1s)_var(--ease-out,cubic-bezier(0,.55,.45,1)),color_var(--duration-short-m,0.2s)_var(--ease-in-out,cubic-bezier(.85,0,.15,1))]",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          showSelected ? [
-            "text-background",
-            "**:data-[slot=badge]:border-none **:data-[slot=badge]:bg-background/20 **:data-[slot=badge]:text-background"
-          ] : "bg-transparent text-primary/55 enabled:[@media(hover:hover)_and_(pointer:fine)]:hover:bg-primary/[0.07] enabled:[@media(hover:hover)_and_(pointer:fine)]:hover:text-primary/75"
-        ],
-        variant === "underline" && [
-          "h-auto rounded-none border-0 bg-transparent py-2 text-sm font-medium shadow-none",
-          isVertical ? isStacked ? "pl-6 pr-2" : "pl-5 pr-2" : "px-2",
-          "transition-[color,transform] duration-200 ease-in-out",
-          "motion-reduce:transition-colors motion-reduce:enabled:active:scale-100",
-          "enabled:active:scale-[0.98]",
-          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-          showSelected ? "text-primary" : "text-primary/50 enabled:[@media(hover:hover)_and_(pointer:fine)]:hover:text-primary/70"
-        ],
-        "disabled:opacity-50",
-        className
-      ),
-      ...props,
-      children: [
-        isStacked && icon && iconPosition === "left" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: iconWrapClass, "aria-hidden": true, children: icon }),
-          /* @__PURE__ */ jsx("span", { className: labelWrapClass, children })
-        ] }),
-        isStacked && icon && iconPosition === "right" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: labelWrapClass, children }),
-          /* @__PURE__ */ jsx("span", { className: iconWrapClass, "aria-hidden": true, children: icon })
-        ] }),
-        !isStacked && icon && iconPosition === "left" && /* @__PURE__ */ jsx("span", { className: iconWrapClass, "aria-hidden": true, children: icon }),
-        !isStacked && children,
-        !isStacked && icon && iconPosition === "right" && /* @__PURE__ */ jsx("span", { className: iconWrapClass, "aria-hidden": true, children: icon })
-      ]
-    }
-  );
-};
-var TabsContent = ({
-  value,
-  children,
-  className,
-  ...props
-}) => {
-  const { value: activeValue, alignment } = useTabs();
-  const isVertical = alignment === "vertical";
-  if (activeValue !== value) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "tabpanel",
-      className: cn(
-        "animate-in fade-in-0 duration-200",
-        isVertical ? "slide-in-from-left-1" : "slide-in-from-top-1",
-        "ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-        isVertical && "min-w-0 flex-1",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-};
-
-export { Tabs, TabsContent, TabsList, TabsTrigger };
-//# sourceMappingURL=tabs.js.map
-//# sourceMappingURL=tabs.js.map

package/dist/react/tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/react/tabs.tsx"],"names":["masks"],"mappings":"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","file":"tabs.js","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"../lib/utils\";\n\nconst MD_UP = \"(min-width: 768px)\";\n\n//////////////////////////////////////////////// CONTEXT\n\nexport type TabsVariant = \"pill\" | \"underline\" | \"box\";\nexport type TabsAlignment = \"horizontal\" | \"vertical\";\nexport type TabsTriggerLayout = \"row\" | \"stacked\";\n\ninterface TabsProps extends React.HTMLAttributes<HTMLDivElement> {\n  defaultValue?: string;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  /** `pill` — compact pill track (default). `box` — larger padding, `rounded-xl` sliding fill. `underline` — border row + clip-path bar. */\n  variant?: TabsVariant;\n  /** Tab list layout: row (default) or stacked sidebar with panel beside it from `md` up; below `md`, vertical is shown as horizontal. */\n  alignment?: TabsAlignment;\n  children: React.ReactNode;\n}\n\nconst TabsContext = React.createContext<{\n  value?: string;\n  onValueChange: (value: string) => void;\n  variant: TabsVariant;\n  alignment: TabsAlignment;\n} | null>(null);\n\nfunction useTabs() {\n  const context = React.useContext(TabsContext);\n  if (!context) {\n    throw new Error(\"Tabs components must be used within a <Tabs />\");\n  }\n  return context;\n}\n\nexport const Tabs: React.FC<TabsProps> = ({\n  defaultValue,\n  value: controlledValue,\n  onValueChange,\n  children,\n  className,\n  variant = \"pill\",\n  alignment = \"horizontal\",\n  ...props\n}) => {\n  const [internalValue, setInternalValue] = React.useState(defaultValue);\n  const [isMdUp, setIsMdUp] = React.useState(false);\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : internalValue;\n\n  React.useEffect(() => {\n    const mq = window.matchMedia(MD_UP);\n    const sync = () => setIsMdUp(mq.matches);\n    sync();\n    mq.addEventListener(\"change\", sync);\n    return () => mq.removeEventListener(\"change\", sync);\n  }, []);\n\n  const effectiveAlignment: TabsAlignment =\n    alignment === \"vertical\" && isMdUp ? \"vertical\" : \"horizontal\";\n\n  const handleValueChange = React.useCallback(\n    (newValue: string) => {\n      if (!isControlled) {\n        setInternalValue(newValue);\n      }\n      onValueChange?.(newValue);\n    },\n    [isControlled, onValueChange],\n  );\n\n  return (\n    <TabsContext.Provider\n      value={{\n        value,\n        onValueChange: handleValueChange,\n        variant,\n        alignment: effectiveAlignment,\n      }}\n    >\n      <div\n        className={cn(\n          \"flex gap-4\",\n          effectiveAlignment === \"vertical\"\n            ? \"flex-col md:flex-row md:items-stretch\"\n            : \"flex-col\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n};\n\ninterface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {}\n\ntype ScrollFadeX = \"none\" | \"right\" | \"left\" | \"both\";\ntype ScrollFadeY = \"none\" | \"down\" | \"up\" | \"both\";\n\nexport const TabsList: React.FC<TabsListProps> = ({\n  children,\n  className,\n  ...props\n}) => {\n  const { value: activeValue, onValueChange, variant, alignment } = useTabs();\n  const isVertical = alignment === \"vertical\";\n  const rowRef = React.useRef<HTMLDivElement>(null);\n  const scrollRef = React.useRef<HTMLDivElement>(null);\n  const [scrollEdgesX, setScrollEdgesX] = React.useState<ScrollFadeX>(\"none\");\n  const [scrollEdgesY, setScrollEdgesY] = React.useState<ScrollFadeY>(\"none\");\n\n  const updateScrollEdges = React.useCallback(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    if (isVertical) {\n      const scrollRange = el.scrollHeight - el.clientHeight;\n      if (scrollRange < 8) {\n        setScrollEdgesY((prev) => (prev === \"none\" ? prev : \"none\"));\n        return;\n      }\n      const canUp = el.scrollTop > 1;\n      const canDown = el.scrollTop < scrollRange - 1;\n      const next: ScrollFadeY =\n        canUp && canDown\n          ? \"both\"\n          : canUp\n            ? \"up\"\n            : canDown\n              ? \"down\"\n              : \"none\";\n      setScrollEdgesY((prev) => (prev === next ? prev : next));\n    } else {\n      const scrollRange = el.scrollWidth - el.clientWidth;\n      if (scrollRange < 8) {\n        setScrollEdgesX((prev) => (prev === \"none\" ? prev : \"none\"));\n        return;\n      }\n      const canLeft = el.scrollLeft > 1;\n      const canRight = el.scrollLeft < scrollRange - 1;\n      const next: ScrollFadeX =\n        canLeft && canRight\n          ? \"both\"\n          : canLeft\n            ? \"left\"\n            : canRight\n              ? \"right\"\n              : \"none\";\n      setScrollEdgesX((prev) => (prev === next ? prev : next));\n    }\n  }, [isVertical]);\n\n  React.useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n    updateScrollEdges();\n    el.addEventListener(\"scroll\", updateScrollEdges, { passive: true });\n    window.addEventListener(\"resize\", updateScrollEdges, { passive: true });\n    return () => {\n      el.removeEventListener(\"scroll\", updateScrollEdges);\n      window.removeEventListener(\"resize\", updateScrollEdges);\n    };\n  }, [updateScrollEdges, children, isVertical]);\n\n  const updateIndicatorClip = React.useCallback(() => {\n    const row = rowRef.current;\n    if (!row || (variant !== \"pill\" && variant !== \"underline\" && variant !== \"box\"))\n      return;\n\n    const tab = row.querySelector<HTMLElement>(\n      '[role=\"tab\"][aria-selected=\"true\"]:not(:disabled)',\n    );\n    if (!tab) {\n      row.style.setProperty(\"--tab-indicator-start\", \"0px\");\n      row.style.setProperty(\"--tab-indicator-end\", \"0px\");\n      return;\n    }\n\n    if (isVertical) {\n      const start = tab.offsetTop;\n      const end = tab.offsetTop + tab.offsetHeight;\n      row.style.setProperty(\"--tab-indicator-start\", `${start}px`);\n      row.style.setProperty(\"--tab-indicator-end\", `${end}px`);\n    } else {\n      const start = tab.offsetLeft;\n      const end = tab.offsetLeft + tab.offsetWidth;\n      row.style.setProperty(\"--tab-indicator-start\", `${start}px`);\n      row.style.setProperty(\"--tab-indicator-end\", `${end}px`);\n    }\n  }, [variant, isVertical]);\n\n  React.useLayoutEffect(() => {\n    if (variant === \"pill\" || variant === \"underline\" || variant === \"box\")\n      updateIndicatorClip();\n  }, [activeValue, children, updateIndicatorClip, variant]);\n\n  React.useEffect(() => {\n    if (variant !== \"pill\" && variant !== \"underline\" && variant !== \"box\") return;\n    const onResize = () => updateIndicatorClip();\n    window.addEventListener(\"resize\", onResize, { passive: true });\n    return () => window.removeEventListener(\"resize\", onResize);\n  }, [updateIndicatorClip, activeValue, variant]);\n\n  React.useEffect(() => {\n    if (variant !== \"pill\" && variant !== \"underline\" && variant !== \"box\") return;\n    const el = rowRef.current;\n    if (!el || typeof ResizeObserver === \"undefined\") return;\n    const ro = new ResizeObserver(() => updateIndicatorClip());\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [updateIndicatorClip, variant]);\n\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLDivElement>) => {\n      const dir = isVertical\n        ? e.key === \"ArrowDown\"\n          ? 1\n          : e.key === \"ArrowUp\"\n            ? -1\n            : 0\n        : e.key === \"ArrowRight\"\n          ? 1\n          : e.key === \"ArrowLeft\"\n            ? -1\n            : 0;\n      if (!dir) return;\n      const row = rowRef.current;\n      if (!row) return;\n      const tabs = Array.from(\n        row.querySelectorAll<HTMLButtonElement>('[role=\"tab\"][data-tab-value]'),\n      ).filter((t) => !t.disabled);\n      if (tabs.length === 0) return;\n      const values = tabs.map((t) => t.dataset.tabValue!);\n      let idx = activeValue ? values.indexOf(activeValue) : 0;\n      if (idx < 0) idx = 0;\n      const next = (idx + dir + values.length) % values.length;\n      const nextValue = values[next];\n      if (nextValue) {\n        e.preventDefault();\n        onValueChange(nextValue);\n        tabs[next]?.focus();\n      }\n    },\n    [activeValue, onValueChange, isVertical],\n  );\n\n  const maskStyle = React.useMemo<React.CSSProperties | undefined>(() => {\n    const fade = \"24px\";\n    if (isVertical) {\n      if (scrollEdgesY === \"none\") return undefined;\n      const masks: Record<ScrollFadeY, string> = {\n        down: `linear-gradient(to bottom, black calc(100% - ${fade}), transparent)`,\n        up: `linear-gradient(to top, black calc(100% - ${fade}), transparent)`,\n        both: `linear-gradient(to bottom, transparent, black ${fade}, black calc(100% - ${fade}), transparent)`,\n        none: \"\",\n      };\n      return {\n        WebkitMaskImage: masks[scrollEdgesY],\n        maskImage: masks[scrollEdgesY],\n      };\n    }\n    if (scrollEdgesX === \"none\") return undefined;\n    const masks: Record<ScrollFadeX, string> = {\n      right: `linear-gradient(to right, black calc(100% - ${fade}), transparent)`,\n      left: `linear-gradient(to left, black calc(100% - ${fade}), transparent)`,\n      both: `linear-gradient(to right, transparent, black ${fade}, black calc(100% - ${fade}), transparent)`,\n      none: \"\",\n    };\n    return {\n      WebkitMaskImage: masks[scrollEdgesX],\n      maskImage: masks[scrollEdgesX],\n    };\n  }, [scrollEdgesX, scrollEdgesY, isVertical]);\n\n  const pillClipHorizontal =\n    \"inset(0 calc(100% - var(--tab-indicator-end, 0px)) 0 var(--tab-indicator-start, 0px) round 9999px)\";\n  const pillClipVertical =\n    \"inset(var(--tab-indicator-start, 0px) 0 calc(100% - var(--tab-indicator-end, 0px)) 0 round 9999px)\";\n  const boxClipHorizontal =\n    \"inset(0 calc(100% - var(--tab-indicator-end, 0px)) 0 var(--tab-indicator-start, 0px) round 12px)\";\n  const boxClipVertical =\n    \"inset(var(--tab-indicator-start, 0px) 0 calc(100% - var(--tab-indicator-end, 0px)) 0 round 12px)\";\n  const underlineClipHorizontal =\n    \"inset(0 calc(100% - var(--tab-indicator-end, 0px)) 0 var(--tab-indicator-start, 0px))\";\n  const underlineClipVertical =\n    \"inset(var(--tab-indicator-start, 0px) 0 calc(100% - var(--tab-indicator-end, 0px)) 0)\";\n\n  return (\n    <div\n      ref={scrollRef}\n      onKeyDown={handleKeyDown}\n      className={cn(\n        isVertical\n          ? \"max-h-72 min-h-0 w-full max-w-52 shrink-0 overflow-x-hidden overflow-y-auto md:max-h-none md:max-w-56\"\n          : \"max-w-full overflow-x-auto\",\n        \"[scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden\",\n        variant === \"pill\" && !isVertical && \"pb-1\",\n        variant === \"box\" && !isVertical && \"pb-1\",\n        variant === \"underline\" && !isVertical && \"pb-0\",\n        variant === \"underline\" && isVertical && \"pr-0\",\n        className,\n      )}\n      style={maskStyle}\n      {...props}\n    >\n      <div\n        ref={rowRef}\n        role=\"tablist\"\n        aria-orientation={isVertical ? \"vertical\" : \"horizontal\"}\n        className={cn(\n          \"flex\",\n          isVertical\n            ? \"w-full flex-col items-stretch\"\n            : cn(\n                \"inline-flex w-max min-w-full\",\n                variant === \"box\" ? \"items-stretch\" : \"items-center\",\n              ),\n          (variant === \"pill\" || variant === \"underline\" || variant === \"box\") &&\n            \"relative\",\n          variant === \"pill\" && \"gap-1\",\n          variant === \"box\" && \"gap-2\",\n          variant === \"pill\" && isVertical && \"px-1 py-1\",\n          variant === \"box\" && isVertical && \"px-1 py-1\",\n          variant === \"underline\" &&\n            (isVertical\n              ? \"gap-0 rounded-none border-l border-border bg-transparent py-0 pl-0\"\n              : \"gap-2 rounded-none border-b border-border bg-transparent py-0\"),\n        )}\n      >\n        {variant === \"pill\" && (\n          <div\n            aria-hidden=\"true\"\n            data-slot=\"tabs-indicator\"\n            style={{\n              clipPath: isVertical ? pillClipVertical : pillClipHorizontal,\n            }}\n            className={cn(\n              \"pointer-events-none absolute z-0 bg-primary\",\n              \"motion-reduce:transition-none\",\n              \"motion-safe:transition-[clip-path] motion-safe:duration-300 motion-safe:ease-[cubic-bezier(0,0.55,0.45,1)]\",\n              isVertical\n                ? \"inset-y-0 left-0 right-0\"\n                : \"inset-x-0 top-0 h-9 rounded-full\",\n            )}\n          />\n        )}\n        {variant === \"box\" && (\n          <div\n            aria-hidden=\"true\"\n            data-slot=\"tabs-box-indicator\"\n            style={{\n              clipPath: isVertical ? boxClipVertical : boxClipHorizontal,\n            }}\n            className={cn(\n              \"pointer-events-none absolute inset-y-0 left-0 right-0 z-0 bg-primary\",\n              \"motion-reduce:transition-none\",\n              \"motion-safe:transition-[clip-path] motion-safe:duration-300 motion-safe:ease-[cubic-bezier(0,0.55,0.45,1)]\",\n            )}\n          />\n        )}\n        {variant === \"underline\" && (\n          <div\n            aria-hidden=\"true\"\n            data-slot=\"tabs-underline-indicator\"\n            style={{\n              clipPath: isVertical\n                ? underlineClipVertical\n                : underlineClipHorizontal,\n            }}\n            className={cn(\n              \"pointer-events-none absolute z-0 bg-primary\",\n              \"motion-reduce:transition-none\",\n              \"motion-safe:transition-[clip-path] motion-safe:duration-300 motion-safe:ease-[cubic-bezier(0,0.55,0.45,1)]\",\n              isVertical\n                ? \"inset-y-0 left-0 w-0.5\"\n                : \"inset-x-0 bottom-0 h-0.5\",\n            )}\n          />\n        )}\n        {children}\n      </div>\n    </div>\n  );\n};\n\ninterface TabsTriggerProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"onClick\"\n> {\n  value?: string;\n  icon?: React.ReactNode;\n  iconPosition?: \"left\" | \"right\";\n  /** `stacked` — icon above label (needs `icon`). `row` — default inline row. */\n  layout?: TabsTriggerLayout;\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\n}\n\nexport const TabsTrigger: React.FC<TabsTriggerProps> = ({\n  value,\n  children,\n  icon,\n  iconPosition = \"left\",\n  layout = \"row\",\n  onClick,\n  className,\n  disabled,\n  ...props\n}) => {\n  const { value: activeValue, onValueChange, variant, alignment } = useTabs();\n  const isVertical = alignment === \"vertical\";\n  const isActive = value ? activeValue === value : false;\n  const showSelected = isActive && !disabled;\n  const isStacked = layout === \"stacked\" && Boolean(icon);\n  const iconWrapClass =\n    \"inline-flex shrink-0 items-center justify-center [&_svg]:shrink-0\";\n  const labelWrapClass = \"block min-w-0 w-full text-left leading-snug\";\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={isActive}\n      aria-disabled={disabled || undefined}\n      tabIndex={\n        value !== undefined ? (isActive && !disabled ? 0 : -1) : undefined\n      }\n      disabled={disabled}\n      data-tab-value={value}\n      onClick={(e) => {\n        if (disabled) return;\n        if (value) onValueChange(value);\n        onClick?.(e);\n      }}\n      className={cn(\n        \"relative z-1 inline-flex shrink-0 select-none touch-manipulation [-webkit-tap-highlight-color:transparent]\",\n        \"cursor-pointer disabled:cursor-not-allowed\",\n        isStacked\n          ? \"flex-col items-start justify-start gap-1.5 whitespace-normal\"\n          : \"items-center justify-center gap-2 whitespace-nowrap\",\n        isVertical && \"w-full justify-start\",\n        variant === \"pill\" && [\n          \"h-9 rounded-full px-4 font-semibold leading-5 text-[13px] md:text-[15px]\",\n          \"[transition:background-color_var(--duration-short-s,0.1s)_var(--ease-out,cubic-bezier(0,.55,.45,1)),border-color_var(--duration-short-s,0.1s)_var(--ease-out,cubic-bezier(0,.55,.45,1)),scale_var(--duration-short-s,0.1s)_var(--ease-out,cubic-bezier(0,.55,.45,1)),color_var(--duration-short-m,0.2s)_var(--ease-in-out,cubic-bezier(.85,0,.15,1))]\",\n          !isVertical && \"enabled:active:scale-[0.96]\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n          showSelected\n            ? [\n                \"text-background\",\n                \"**:data-[slot=badge]:border-none **:data-[slot=badge]:bg-background/20 **:data-[slot=badge]:text-background\",\n              ]\n            : \"bg-primary/4 text-primary/50 enabled:[@media(hover:hover)_and_(pointer:fine)]:hover:bg-primary/10 enabled:active:bg-primary/10\",\n        ],\n        variant === \"box\" && [\n          \"min-h-11 rounded-xl px-4 pt-1.5 pb-2 font-semibold leading-5 text-[13px] md:text-[15px]\",\n          isVertical\n            ? \"justify-start text-left\"\n            : \"justify-center text-center\",\n          \"[transition:background-color_var(--duration-short-s,0.1s)_var(--ease-out,cubic-bezier(0,.55,.45,1)),color_var(--duration-short-m,0.2s)_var(--ease-in-out,cubic-bezier(.85,0,.15,1))]\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n          showSelected\n            ? [\n                \"text-background\",\n                \"**:data-[slot=badge]:border-none **:data-[slot=badge]:bg-background/20 **:data-[slot=badge]:text-background\",\n              ]\n            : \"bg-transparent text-primary/55 enabled:[@media(hover:hover)_and_(pointer:fine)]:hover:bg-primary/[0.07] enabled:[@media(hover:hover)_and_(pointer:fine)]:hover:text-primary/75\",\n        ],\n        variant === \"underline\" && [\n          \"h-auto rounded-none border-0 bg-transparent py-2 text-sm font-medium shadow-none\",\n          isVertical\n            ? isStacked\n              ? \"pl-6 pr-2\"\n              : \"pl-5 pr-2\"\n            : \"px-2\",\n          \"transition-[color,transform] duration-200 ease-in-out\",\n          \"motion-reduce:transition-colors motion-reduce:enabled:active:scale-100\",\n          \"enabled:active:scale-[0.98]\",\n          \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n          showSelected\n            ? \"text-primary\"\n            : \"text-primary/50 enabled:[@media(hover:hover)_and_(pointer:fine)]:hover:text-primary/70\",\n        ],\n        \"disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      {isStacked && icon && iconPosition === \"left\" && (\n        <>\n          <span className={iconWrapClass} aria-hidden>\n            {icon}\n          </span>\n          <span className={labelWrapClass}>{children}</span>\n        </>\n      )}\n      {isStacked && icon && iconPosition === \"right\" && (\n        <>\n          <span className={labelWrapClass}>{children}</span>\n          <span className={iconWrapClass} aria-hidden>\n            {icon}\n          </span>\n        </>\n      )}\n      {!isStacked && icon && iconPosition === \"left\" && (\n        <span className={iconWrapClass} aria-hidden>\n          {icon}\n        </span>\n      )}\n      {!isStacked && children}\n      {!isStacked && icon && iconPosition === \"right\" && (\n        <span className={iconWrapClass} aria-hidden>\n          {icon}\n        </span>\n      )}\n    </button>\n  );\n};\n\ninterface TabsContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  value: string;\n}\n\nexport const TabsContent: React.FC<TabsContentProps> = ({\n  value,\n  children,\n  className,\n  ...props\n}) => {\n  const { value: activeValue, alignment } = useTabs();\n  const isVertical = alignment === \"vertical\";\n\n  if (activeValue !== value) return null;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      className={cn(\n        \"animate-in fade-in-0 duration-200\",\n        isVertical ? \"slide-in-from-left-1\" : \"slide-in-from-top-1\",\n        \"ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        isVertical && \"min-w-0 flex-1\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n"]}

package/dist/react/time-picker.d.ts

@@ -1,22 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-/** When no time base exists yet, use today at local midnight. */
-declare function baseDateForTimePick(value: Date | undefined): Date;
-type TimePickerProps = {
-    value: Date | undefined;
-    onChange: (next: Date) => void;
-    disabled?: boolean;
-    /**
-     * `vertical` (default): three columns with `scrollTop`.
-     * `horizontal`: three stacked strips with `scrollLeft` — use on narrow viewports (e.g. under a calendar).
-     */
-    orientation?: "vertical" | "horizontal";
-    className?: string;
-};
-/**
- * Three linked scroll columns (12h clock, 5‑minute steps, AM/PM) sharing a center highlight.
- * Built from {@link ScrollWheel}; use inside popovers or any fixed-height row.
- */
-declare function TimePicker({ value, onChange, disabled, orientation, className, }: TimePickerProps): react_jsx_runtime.JSX.Element;
-
-export { TimePicker, type TimePickerProps, baseDateForTimePick };