react-panel-layout 0.5.2 → 0.6.0

package/dist/ResizeHandle-CdA_JYfN.js

@@ -0,0 +1,120 @@
+import { jsx as g } from "react/jsx-runtime";
+import * as r from "react";
+import { u as h } from "./useDocumentPointerEvents-CKdhGXd0.js";
+import { u as v } from "./useEffectEvent-Dp7HLCf0.js";
+import { a as C, b as I, c as _, R as D, q as S } from "./styles-DPPuJ0sf.js";
+const b = (e) => {
+  const n = r.useRef(null), o = r.useRef(null), s = r.useRef(0), [a, u] = r.useState(!1), c = v((t) => {
+    e.onResize?.(t);
+  }), i = r.useCallback(
+    (t) => e.axis === "x" ? t.clientX : t.clientY,
+    [e.axis]
+  ), E = r.useCallback(
+    (t) => {
+      t.preventDefault(), n.current = t.currentTarget, o.current = t.pointerId, s.current = i(t), u(!0);
+    },
+    [i]
+  ), l = r.useCallback(
+    (t) => {
+      const f = i(t), p = f - s.current;
+      p !== 0 && (s.current = f, c(p));
+    },
+    [i, c]
+  ), d = r.useCallback(() => {
+    u(!1), o.current = null;
+  }, []);
+  return h(n, a, {
+    onMove: l,
+    onUp: d,
+    pointerId: o.current ?? void 0,
+    capturePointer: !0,
+    preventDefaults: !1
+  }), {
+    ref: n,
+    onPointerDown: E,
+    isDragging: a
+  };
+}, z = ({
+  element: e,
+  component: n
+}) => r.forwardRef(({ children: o, ...s }, a) => e ? r.cloneElement(
+  e,
+  { ...s, ref: a },
+  o ?? e.props.children
+) : n ? /* @__PURE__ */ g(n, { ...s, ref: a, children: o }) : /* @__PURE__ */ g("div", { ...s, ref: a, children: o }));
+function H({
+  element: e,
+  component: n
+}) {
+  return r.useMemo(
+    () => z({
+      element: e,
+      component: n
+    }),
+    [n, e]
+  );
+}
+const L = {
+  position: "absolute",
+  zIndex: S
+}, P = {
+  vertical: {
+    width: D,
+    height: "100%",
+    top: 0,
+    cursor: "col-resize"
+  },
+  horizontal: {
+    width: "100%",
+    height: D,
+    left: 0,
+    cursor: "row-resize"
+  }
+}, k = {
+  idle: _,
+  hovered: I,
+  dragging: C
+}, y = ({
+  direction: e,
+  onResize: n,
+  component: o,
+  element: s,
+  children: a
+}) => {
+  const u = e === "vertical" ? "x" : "y", { ref: c, isDragging: i, onPointerDown: E } = b({ axis: u, onResize: n }), [l, d] = r.useState(!1), t = r.useCallback(() => {
+    d(!0);
+  }, []), f = r.useCallback(() => {
+    d(!1);
+  }, []), p = H({
+    element: s,
+    component: o
+  }), R = r.useMemo(() => i ? "dragging" : l ? "hovered" : "idle", [i, l]), m = r.useMemo(() => ({
+    ...L,
+    ...P[e],
+    backgroundColor: k[R],
+    touchAction: "none"
+  }), [e, R]);
+  return /* @__PURE__ */ g(
+    p,
+    {
+      ref: c,
+      style: m,
+      role: "separator",
+      "aria-orientation": e,
+      "aria-hidden": void 0,
+      "data-resize-handle": "true",
+      "data-direction": e,
+      "data-is-dragging": i ? "true" : void 0,
+      onPointerDown: E,
+      onPointerEnter: t,
+      onPointerLeave: f,
+      children: a
+    }
+  );
+};
+export {
+  y as R,
+  H as a,
+  b as u
+};
+//# sourceMappingURL=ResizeHandle-CdA_JYfN.js.map

package/dist/ResizeHandle-CdA_JYfN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeHandle-CdA_JYfN.js","sources":["../src/modules/resizer/useResizeDrag.ts","../src/hooks/useElementComponentWrapper.tsx","../src/components/resizer/ResizeHandle.tsx"],"sourcesContent":["/**\n * @file Shared logic for draggable resize handles.\n */\nimport * as React from \"react\";\nimport { useDragPointerEvents } from \"../../hooks/useDocumentPointerEvents\";\nimport { useEffectEvent } from \"../../hooks/useEffectEvent\";\n\nexport type ResizeDragAxis = \"x\" | \"y\";\n\nexport type UseResizeDragOptions = {\n  /** Axis along which the drag should compute deltas */\n  axis: ResizeDragAxis;\n  /** Callback invoked with the delta value when dragging */\n  onResize?: (delta: number) => void;\n};\n\nexport type UseResizeDragResult<TElement extends HTMLElement> = {\n  /** Ref to attach to the draggable element */\n  ref: React.RefObject<TElement | null>;\n  /** Pointer down handler to initiate dragging */\n  onPointerDown: (event: React.PointerEvent<TElement>) => void;\n  /** Whether a drag interaction is currently active */\n  isDragging: boolean;\n};\n\n/**\n * Provides unified pointer handling for resize-capable UI elements.\n *\n * @param options - Configuration for the drag interaction.\n * @returns Handlers and state for wiring into a draggable element.\n */\nexport const useResizeDrag = <TElement extends HTMLElement = HTMLElement>(\n  options: UseResizeDragOptions,\n): UseResizeDragResult<TElement> => {\n  const elementRef = React.useRef<TElement | null>(null);\n  const pointerIdRef = React.useRef<number | null>(null);\n  const previousCoordinateRef = React.useRef<number>(0);\n  const [isDragging, setIsDragging] = React.useState(false);\n\n  const emitResize = useEffectEvent((delta: number) => {\n    options.onResize?.(delta);\n  });\n\n  const getCoordinate = React.useCallback(\n    (event: PointerEvent | React.PointerEvent) => {\n      return options.axis === \"x\" ? event.clientX : event.clientY;\n    },\n    [options.axis],\n  );\n\n  const handlePointerDown = React.useCallback(\n    (event: React.PointerEvent<TElement>) => {\n      event.preventDefault();\n      elementRef.current = event.currentTarget;\n      pointerIdRef.current = event.pointerId;\n      previousCoordinateRef.current = getCoordinate(event);\n      setIsDragging(true);\n    },\n    [getCoordinate],\n  );\n\n  const handlePointerMove = React.useCallback(\n    (event: PointerEvent) => {\n      const coordinate = getCoordinate(event);\n      const delta = coordinate - previousCoordinateRef.current;\n      if (delta === 0) {\n        return;\n      }\n      previousCoordinateRef.current = coordinate;\n      emitResize(delta);\n    },\n    [getCoordinate, emitResize],\n  );\n\n  const handlePointerUp = React.useCallback(() => {\n    setIsDragging(false);\n    pointerIdRef.current = null;\n  }, []);\n\n  useDragPointerEvents(elementRef as React.RefObject<HTMLElement | null>, isDragging, {\n    onMove: handlePointerMove,\n    onUp: handlePointerUp,\n    pointerId: pointerIdRef.current ?? undefined,\n    capturePointer: true,\n    preventDefaults: false,\n  });\n\n  return {\n    ref: elementRef,\n    onPointerDown: handlePointerDown,\n    isDragging,\n  };\n};\n\n","/**\n * @file Hook for building wrapper components that accept either an element or a component override.\n */\nimport * as React from \"react\";\n\ntype WrapperProps = React.HTMLAttributes<HTMLDivElement>;\n\ntype CloneableProps = WrapperProps & {\n  ref?: React.Ref<HTMLDivElement>;\n};\n\ntype UseElementComponentWrapperOptions = {\n  element?: React.ReactElement<WrapperProps>;\n  component?: React.ComponentType<WrapperProps & { ref?: React.Ref<HTMLDivElement> }>;\n};\n\ntype WrapperComponent = React.ForwardRefExoticComponent<\n  React.PropsWithChildren<WrapperProps> & React.RefAttributes<HTMLDivElement>\n>;\n\nconst createWrapperComponent = ({\n  element,\n  component: Component,\n}: UseElementComponentWrapperOptions): WrapperComponent =>\n  React.forwardRef<HTMLDivElement, React.PropsWithChildren<WrapperProps>>(({ children, ...rest }, forwardedRef) => {\n    if (element) {\n      return React.cloneElement(\n        element,\n        { ...rest, ref: forwardedRef } as CloneableProps,\n        children ?? element.props.children\n      );\n    }\n    if (Component) {\n      return (\n        <Component {...rest} ref={forwardedRef}>\n          {children}\n        </Component>\n      );\n    }\n    return (\n      <div {...rest} ref={forwardedRef}>\n        {children}\n      </div>\n    );\n  });\n\n/**\n * Memoizes a wrapper component that can render either a provided element, a provided component, or a default tag.\n * @returns Wrapper component honoring the overrides.\n */\nexport function useElementComponentWrapper({\n  element,\n  component,\n}: UseElementComponentWrapperOptions): WrapperComponent {\n  return React.useMemo(\n    () =>\n      createWrapperComponent({\n        element,\n        component,\n      }),\n    [component, element]\n  );\n}\n","/**\n * @file Resize handle component\n */\nimport * as React from \"react\";\nimport { useResizeDrag } from \"../../modules/resizer/useResizeDrag\";\nimport {\n  RESIZE_HANDLE_THICKNESS,\n  RESIZE_HANDLE_Z_INDEX,\n  COLOR_RESIZE_HANDLE_IDLE,\n  COLOR_RESIZE_HANDLE_ACTIVE,\n  COLOR_RESIZE_HANDLE_HOVER,\n} from \"../../constants/styles\";\nimport { useElementComponentWrapper } from \"../../hooks/useElementComponentWrapper\";\n\ntype ResizeHandleDirection = \"horizontal\" | \"vertical\";\n\nexport type ResizeHandleProps = {\n  /** Direction of resize */\n  direction: ResizeHandleDirection;\n  /** Callback when resize occurs */\n  onResize?: (delta: number) => void;\n  /** Custom component for the handle */\n  component?: React.ComponentType<React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }>;\n  /** Custom element for the handle */\n  element?: React.ReactElement<React.HTMLAttributes<HTMLDivElement>>;\n  /** Optional children rendered inside the handle */\n  children?: React.ReactNode;\n};\n\nconst baseResizeHandleStyle: React.CSSProperties = {\n  position: \"absolute\",\n  zIndex: RESIZE_HANDLE_Z_INDEX,\n};\n\nconst sizeStylesByDirection: Record<ResizeHandleDirection, React.CSSProperties> = {\n  vertical: {\n    width: RESIZE_HANDLE_THICKNESS,\n    height: \"100%\",\n    top: 0,\n    cursor: \"col-resize\",\n  },\n  horizontal: {\n    width: \"100%\",\n    height: RESIZE_HANDLE_THICKNESS,\n    left: 0,\n    cursor: \"row-resize\",\n  },\n};\n\ntype ResizeHandleVisualState = \"idle\" | \"hovered\" | \"dragging\";\n\nconst backgroundByVisualState: Record<ResizeHandleVisualState, string> = {\n  idle: COLOR_RESIZE_HANDLE_IDLE,\n  hovered: COLOR_RESIZE_HANDLE_HOVER,\n  dragging: COLOR_RESIZE_HANDLE_ACTIVE,\n};\n\n/**\n * ResizeHandle - Draggable handle for resizing grid areas\n */\nexport const ResizeHandle: React.FC<ResizeHandleProps> = ({\n  direction,\n  onResize,\n  component: Component,\n  element,\n  children,\n}) => {\n  const axis = direction === \"vertical\" ? \"x\" : \"y\";\n  const { ref, isDragging, onPointerDown } = useResizeDrag<HTMLDivElement>({ axis, onResize });\n  const [isHovered, setIsHovered] = React.useState(false);\n  const handlePointerEnter = React.useCallback(() => {\n    setIsHovered(true);\n  }, []);\n  const handlePointerLeave = React.useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const Wrapper = useElementComponentWrapper({\n    element,\n    component: Component,\n  });\n  const visualState: ResizeHandleVisualState = React.useMemo(() => {\n    if (isDragging) {\n      return \"dragging\";\n    }\n    if (isHovered) {\n      return \"hovered\";\n    }\n    return \"idle\";\n  }, [isDragging, isHovered]);\n\n  const style = React.useMemo(() => {\n    return {\n      ...baseResizeHandleStyle,\n      ...sizeStylesByDirection[direction],\n      backgroundColor: backgroundByVisualState[visualState],\n      touchAction: \"none\",\n    };\n  }, [direction, visualState]);\n\n  return (\n    <Wrapper\n      ref={ref}\n      style={style}\n      role=\"separator\"\n      aria-orientation={direction}\n      aria-hidden={undefined}\n      data-resize-handle=\"true\"\n      data-direction={direction}\n      data-is-dragging={isDragging ? \"true\" : undefined}\n      onPointerDown={onPointerDown}\n      onPointerEnter={handlePointerEnter}\n      onPointerLeave={handlePointerLeave}\n    >\n      {children}\n    </Wrapper>\n  );\n};\n"],"names":["useResizeDrag","options","elementRef","React","pointerIdRef","previousCoordinateRef","isDragging","setIsDragging","emitResize","useEffectEvent","delta","getCoordinate","event","handlePointerDown","handlePointerMove","coordinate","handlePointerUp","useDragPointerEvents","createWrapperComponent","element","Component","children","rest","forwardedRef","useElementComponentWrapper","component","baseResizeHandleStyle","RESIZE_HANDLE_Z_INDEX","sizeStylesByDirection","RESIZE_HANDLE_THICKNESS","backgroundByVisualState","COLOR_RESIZE_HANDLE_IDLE","COLOR_RESIZE_HANDLE_HOVER","COLOR_RESIZE_HANDLE_ACTIVE","ResizeHandle","direction","onResize","axis","ref","onPointerDown","isHovered","setIsHovered","handlePointerEnter","handlePointerLeave","Wrapper","visualState","style","jsx"],"mappings":"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"}

package/dist/SwipePivotTabBar-BGO9X94m.js

@@ -0,0 +1,407 @@
+import { jsx as R, Fragment as H, jsxs as L } from "react/jsx-runtime";
+import * as e from "react";
+import { P as J, r as X } from "./styles-DPPuJ0sf.js";
+import { u as K } from "./useContentCache-CO3LYNmz.js";
+const Q = 1e3;
+function Z({
+  isVisible: s,
+  leaveAnimation: o,
+  skipAnimation: r = !1,
+  animationTimeout: h = Q
+}) {
+  const u = e.useRef(s), [n, a] = e.useState(!1), l = e.useRef(null);
+  e.useEffect(() => () => {
+    l.current && clearTimeout(l.current);
+  }, []), e.useEffect(() => {
+    const i = u.current;
+    u.current = s, l.current && (clearTimeout(l.current), l.current = null), i && !s ? r || !o || o === "none" ? a(!1) : (a(!0), l.current = setTimeout(() => {
+      a(!1);
+    }, h)) : !i && s && a(!1);
+  }, [s, o, r, h]);
+  const b = e.useCallback(
+    (i) => {
+      i.target === i.currentTarget && n && (l.current && (clearTimeout(l.current), l.current = null), a(!1));
+    },
+    [n]
+  ), y = s || n;
+  return {
+    state: {
+      shouldDisplay: y,
+      isAnimatingOut: n
+    },
+    props: {
+      onAnimationEnd: b
+    },
+    style: {
+      display: y ? "block" : "none"
+    }
+  };
+}
+const W = {
+  position: "absolute",
+  inset: 0,
+  width: "100%",
+  height: "100%"
+}, tt = e.memo(({ id: s, isActive: o, transitionMode: r, children: h }) => {
+  const u = Z({
+    isVisible: o,
+    leaveAnimation: r === "css" ? X : void 0,
+    skipAnimation: r !== "css"
+  }), n = e.useMemo(() => {
+    const l = {
+      ...W,
+      ...u.style,
+      pointerEvents: o ? "auto" : "none"
+    };
+    return r === "css" && (l.animation = o ? J : X), l;
+  }, [o, r, u.style]), a = /* @__PURE__ */ R(
+    "div",
+    {
+      "data-pivot-content": s,
+      "data-active": o ? "true" : "false",
+      style: n,
+      ...u.props,
+      children: h
+    }
+  );
+  return r === "none" ? /* @__PURE__ */ R(e.Activity, { mode: o ? "visible" : "hidden", children: a }) : a;
+}), B = e.createContext(null), et = e.memo(() => {
+  const s = e.useContext(B);
+  if (!s)
+    throw new Error("PivotOutlet must be used within usePivot");
+  const [, o] = e.useReducer((n) => n + 1, 0);
+  e.useEffect(() => s.subscribe(o), [s]);
+  const { items: r, activeId: h, transitionMode: u } = s.getState();
+  return /* @__PURE__ */ R(H, { children: r.map((n) => /* @__PURE__ */ R(tt, { id: n.id, isActive: n.id === h, transitionMode: u, children: n.cache ? s.getCachedContent(n.id) : n.content }, n.id)) });
+});
+function ut(s) {
+  const { items: o, activeId: r, defaultActiveId: h, onActiveChange: u, transitionMode: n = "css", navigationMode: a = "linear" } = s, l = r !== void 0, [b, y] = e.useState(() => {
+    if (h !== void 0)
+      return h;
+    const t = o.find((c) => c.disabled !== !0);
+    if (!t)
+      throw new Error("usePivot: No enabled items provided");
+    return t.id;
+  }), i = l ? r : b, [v, S] = e.useState(!1), O = e.useCallback(
+    (t, c) => {
+      const p = o.find((M) => M.id === t);
+      if (!p || p.disabled)
+        return;
+      const g = c?.animated ?? n === "css";
+      S(g), l || y(t), u?.(t);
+    },
+    [o, l, u, n]
+  ), w = e.useCallback(() => {
+    S(!1);
+  }, []), x = e.useCallback((t) => t === i, [i]), I = e.useMemo(
+    () => o.filter((t) => t.disabled !== !0),
+    [o]
+  ), f = e.useMemo(() => {
+    const t = I.findIndex((c) => c.id === i);
+    return t === -1 ? 0 : t;
+  }, [I, i]), d = I.length, k = e.useCallback(
+    (t) => {
+      if (t === 0)
+        return !1;
+      if (a === "loop")
+        return d >= 2;
+      const c = f + t;
+      return c >= 0 && c < d;
+    },
+    [f, d, a]
+  ), _ = e.useCallback(
+    (t) => {
+      const c = f + t;
+      return a === "loop" ? (c % d + d) % d : c;
+    },
+    [f, a, d]
+  ), C = e.useCallback(
+    (t, c) => {
+      if (!k(t))
+        return;
+      const p = _(t), g = I[p];
+      g && O(g.id, c);
+    },
+    [k, _, I, O]
+  ), D = e.useCallback(
+    (t) => {
+      const c = I.findIndex((g) => g.id === t);
+      if (c === -1)
+        return null;
+      if (a === "linear") {
+        const g = c - f;
+        return Math.abs(g) > 1 ? null : g;
+      }
+      const p = ((c - f) % d + d) % d;
+      return p === 0 ? 0 : p === 1 ? 1 : d - p === 1 ? -1 : null;
+    },
+    [I, f, a, d]
+  ), F = e.useCallback(
+    (t) => {
+      const c = I.findIndex((M) => M.id === t);
+      if (c === -1)
+        return null;
+      if (a === "linear")
+        return c - f;
+      const p = ((c - f) % d + d) % d, g = d - p;
+      return p <= g ? p : -g;
+    },
+    [I, f, a, d]
+  ), q = e.useCallback(
+    (t) => ({
+      "data-pivot-item": t,
+      "data-active": t === i ? "true" : "false",
+      "aria-selected": t === i,
+      tabIndex: t === i ? 0 : -1,
+      onClick: () => {
+        O(t);
+      }
+    }),
+    [i, O]
+  ), U = e.useMemo(
+    () => ({
+      position: "relative",
+      width: "100%",
+      height: "100%"
+    }),
+    []
+  ), T = e.useRef({
+    items: o,
+    activeId: i,
+    transitionMode: n
+  });
+  T.current = {
+    items: o,
+    activeId: i,
+    transitionMode: n
+  };
+  const N = e.useRef(/* @__PURE__ */ new Set());
+  e.useEffect(() => {
+    N.current.forEach((t) => t());
+  }, [i, n]);
+  const z = e.useCallback(
+    (t) => T.current.items.find((p) => p.id === t)?.content ?? null,
+    []
+  ), m = e.useMemo(() => o.map((t) => t.id), [o]), { getCachedContent: A } = K({
+    resolveContent: z,
+    validIds: m
+  }), P = e.useMemo(
+    () => ({
+      getState: () => T.current,
+      subscribe: (t) => (N.current.add(t), () => N.current.delete(t)),
+      getCachedContent: A
+    }),
+    [A]
+  ), E = e.useMemo(() => {
+    const t = () => /* @__PURE__ */ R(B.Provider, { value: P, children: /* @__PURE__ */ R("div", { style: U, "data-pivot-container": !0, children: /* @__PURE__ */ R(et, {}) }) });
+    return t.displayName = "PivotOutlet", t;
+  }, [P, U]);
+  return { activeId: i, setActiveId: O, isActive: x, getItemProps: q, Outlet: E, go: C, canGo: k, activeIndex: f, itemCount: d, isAnimating: v, endAnimation: w, navigationMode: a, getVirtualPosition: D, getItemPosition: F };
+}
+const nt = 300, rt = (s, o) => s.phase === "idle" ? 0 : o === "horizontal" ? s.displacement.x : s.displacement.y, G = (s, o) => (s % o + o) % o, st = (s, o, r, h) => {
+  const u = o + s;
+  return h === "linear" ? u < 0 || u >= r ? null : u : G(u, r);
+}, ot = e.memo(({
+  slotPosition: s,
+  item: o,
+  itemIndex: r,
+  isActive: h,
+  centerX: u,
+  tabWidth: n,
+  viewportWidth: a,
+  offsetPx: l,
+  axis: b,
+  renderTab: y
+}) => {
+  const i = s * n, v = u + i + l, S = v + n > 0 && v < a, O = b === "horizontal" ? "translateX" : "translateY";
+  return /* @__PURE__ */ R(
+    "div",
+    {
+      "data-pivot-tab": o.id,
+      "data-slot": s,
+      "data-active": h ? "true" : "false",
+      style: {
+        position: "absolute",
+        left: u,
+        top: 0,
+        width: n,
+        height: "100%",
+        visibility: S ? "visible" : "hidden",
+        willChange: "transform",
+        transform: `${O}(${i + l}px)`
+      },
+      children: y(o, h, r)
+    }
+  );
+}), $ = (s) => s === 1 ? 1 : 1 - Math.pow(2, -10 * s);
+function lt({
+  items: s,
+  activeId: o,
+  activeIndex: r,
+  itemCount: h,
+  inputState: u,
+  tabWidth: n,
+  viewportWidth: a,
+  navigationMode: l = "linear",
+  axis: b = "horizontal",
+  renderTab: y,
+  animationDuration: i = nt,
+  fixedTabs: v = !1,
+  renderIndicator: S
+}) {
+  const O = rt(u, b), w = u.phase === "swiping" || u.phase === "tracking", [x, I] = e.useState(0), f = e.useRef(null), [d, k] = e.useState(r * n), _ = e.useRef(r * n), C = e.useRef(null), D = e.useRef(null);
+  e.useEffect(() => {
+    _.current = d;
+  }, [d]);
+  const F = e.useRef(r), q = Math.ceil(a / n / 2) + 1, U = (a - n) / 2;
+  e.useEffect(() => {
+    if (!v || !w) return;
+    const m = r * n - O;
+    D.current = m, k(m);
+  }, [v, w, r, n, O]), e.useEffect(() => {
+    if (!v || w) return;
+    const m = r * n, A = D.current ?? _.current;
+    if (D.current = null, Math.abs(A - m) < 1) {
+      k(m);
+      return;
+    }
+    C.current && cancelAnimationFrame(C.current.rafId);
+    const P = performance.now(), E = A, t = (c) => {
+      const p = c - P, g = Math.min(p / i, 1), M = $(g), V = E + (m - E) * M;
+      k(V), g < 1 ? C.current = {
+        rafId: requestAnimationFrame(t)
+      } : (C.current = null, k(m));
+    };
+    C.current = {
+      rafId: requestAnimationFrame(t)
+    };
+  }, [v, w, r, n, i]), e.useEffect(() => {
+    if (v || F.current === r)
+      return;
+    const m = F.current;
+    F.current = r;
+    let A;
+    if (l === "loop") {
+      const p = G(r - m, h), g = h - p;
+      A = p <= g ? p : -g;
+    } else
+      A = r - m;
+    const P = -A * n, E = w ? O : x;
+    if (f.current && cancelAnimationFrame(f.current.rafId), Math.abs(E - P) < 1) {
+      I(0);
+      return;
+    }
+    const t = performance.now(), c = (p) => {
+      const g = p - t, M = Math.min(g / i, 1), V = $(M), j = E - P, Y = j * (1 - V);
+      I(Y), M < 1 ? f.current = {
+        startTime: t,
+        startOffset: j,
+        targetOffset: 0,
+        rafId: requestAnimationFrame(c)
+      } : (f.current = null, I(0));
+    };
+    f.current = {
+      startTime: t,
+      startOffset: E - P,
+      targetOffset: 0,
+      rafId: requestAnimationFrame(c)
+    };
+  }, [v, r, h, n, i, l, O, w, x]), e.useEffect(() => {
+    v && (F.current = r);
+  }, [v, r]), e.useEffect(() => () => {
+    f.current && cancelAnimationFrame(f.current.rafId), C.current && cancelAnimationFrame(C.current.rafId);
+  }, []);
+  const T = w ? O : x, N = f.current !== null || C.current !== null;
+  if (e.useEffect(() => {
+    w && f.current && (cancelAnimationFrame(f.current.rafId), f.current = null, I(0));
+  }, [w]), v) {
+    const m = s.length * n, A = (a - m) / 2;
+    return /* @__PURE__ */ L(
+      "div",
+      {
+        style: {
+          position: "relative",
+          width: "100%",
+          height: "100%",
+          overflow: "hidden",
+          display: "flex",
+          justifyContent: "center"
+        },
+        children: [
+          S?.({
+            offsetPx: d,
+            tabWidth: n,
+            centerX: A,
+            isSwiping: w,
+            isAnimating: N
+          }),
+          s.map((P, E) => /* @__PURE__ */ R(
+            "div",
+            {
+              "data-pivot-tab": P.id,
+              "data-active": E === r ? "true" : "false",
+              style: {
+                position: "relative",
+                width: n,
+                height: "100%",
+                flexShrink: 0
+              },
+              children: y(P, E === r, E)
+            },
+            P.id
+          ))
+        ]
+      }
+    );
+  }
+  const z = [];
+  for (let m = -q; m <= q; m++) {
+    const A = st(m, r, h, l);
+    A !== null && z.push({
+      slotPosition: m,
+      itemIndex: A,
+      item: s[A]
+    });
+  }
+  return /* @__PURE__ */ L(
+    "div",
+    {
+      style: {
+        position: "relative",
+        width: "100%",
+        height: "100%",
+        overflow: "hidden"
+      },
+      children: [
+        S?.({
+          offsetPx: T,
+          tabWidth: n,
+          centerX: U,
+          isSwiping: w,
+          isAnimating: N
+        }),
+        z.map(({ slotPosition: m, itemIndex: A, item: P }) => /* @__PURE__ */ R(
+          ot,
+          {
+            slotPosition: m,
+            item: P,
+            itemIndex: A,
+            isActive: A === r,
+            centerX: U,
+            tabWidth: n,
+            viewportWidth: a,
+            offsetPx: T,
+            axis: b,
+            renderTab: y
+          },
+          m
+        ))
+      ]
+    }
+  );
+}
+export {
+  lt as S,
+  ut as u
+};
+//# sourceMappingURL=SwipePivotTabBar-BGO9X94m.js.map

package/dist/SwipePivotTabBar-BGO9X94m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipePivotTabBar-BGO9X94m.js","sources":["../src/hooks/useAnimatedVisibility.ts","../src/modules/pivot/PivotContent.tsx","../src/modules/pivot/usePivot.tsx","../src/modules/pivot/SwipePivotTabBar.tsx"],"sourcesContent":["/**\n * @file Hook for animation-aware visibility control.\n *\n * Common pattern for showing/hiding elements with CSS animations:\n * - If animation exists: wait for animationend before hiding\n * - If no animation: hide immediately\n * - Uses display:none for performance (removes from layout)\n * - Includes timeout fallback in case animationend doesn't fire\n */\nimport * as React from \"react\";\n\n/** Default timeout for animation fallback (ms) */\nconst DEFAULT_ANIMATION_TIMEOUT = 1000;\n\ntype AnimatedVisibilityState = {\n  /** Whether element should be displayed (display: block/none) */\n  shouldDisplay: boolean;\n  /** Whether element is currently animating out */\n  isAnimatingOut: boolean;\n};\n\ntype UseAnimatedVisibilityOptions = {\n  /** Whether the element is logically visible */\n  isVisible: boolean;\n  /** CSS animation value for leave animation (e.g., CSS variable) */\n  leaveAnimation?: string;\n  /** Skip animation and hide immediately */\n  skipAnimation?: boolean;\n  /** Timeout for animation fallback in ms (default: 1000ms) */\n  animationTimeout?: number;\n};\n\ntype UseAnimatedVisibilityResult = {\n  /** Current visibility state */\n  state: AnimatedVisibilityState;\n  /** Props to spread on the animated element */\n  props: {\n    onAnimationEnd: (e: React.AnimationEvent) => void;\n  };\n  /** Style to apply for display control */\n  style: {\n    display: \"block\" | \"none\";\n  };\n};\n\n/**\n * Hook for animation-aware visibility control.\n *\n * @example\n * const { state, props, style } = useAnimatedVisibility({\n *   isVisible: isActive,\n *   leaveAnimation: PIVOT_ANIMATION_LEAVE,\n * });\n *\n * return (\n *   <div\n *     style={{ ...baseStyle, ...style, animation: isActive ? enterAnim : leaveAnim }}\n *     {...props}\n *   >\n *     {children}\n *   </div>\n * );\n */\nexport function useAnimatedVisibility({\n  isVisible,\n  leaveAnimation,\n  skipAnimation = false,\n  animationTimeout = DEFAULT_ANIMATION_TIMEOUT,\n}: UseAnimatedVisibilityOptions): UseAnimatedVisibilityResult {\n  const prevVisibleRef = React.useRef(isVisible);\n  const [isAnimatingOut, setIsAnimatingOut] = React.useState(false);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  // Clear timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, []);\n\n  React.useEffect(() => {\n    const wasVisible = prevVisibleRef.current;\n    prevVisibleRef.current = isVisible;\n\n    // Clear any pending timeout\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n\n    if (wasVisible && !isVisible) {\n      // Transitioning from visible to hidden\n      if (skipAnimation || !leaveAnimation || leaveAnimation === \"none\") {\n        // No animation, hide immediately\n        setIsAnimatingOut(false);\n      } else {\n        // Has animation, mark as animating out\n        setIsAnimatingOut(true);\n\n        // Set timeout fallback in case animationend doesn't fire\n        // (e.g., CSS variable resolves to \"none\", or animation is very short)\n        timeoutRef.current = setTimeout(() => {\n          setIsAnimatingOut(false);\n        }, animationTimeout);\n      }\n    } else if (!wasVisible && isVisible) {\n      // Transitioning from hidden to visible\n      setIsAnimatingOut(false);\n    }\n  }, [isVisible, leaveAnimation, skipAnimation, animationTimeout]);\n\n  const handleAnimationEnd = React.useCallback(\n    (e: React.AnimationEvent) => {\n      // Only handle animation end for this element (not bubbled from children)\n      if (e.target === e.currentTarget && isAnimatingOut) {\n        // Clear timeout since animation completed normally\n        if (timeoutRef.current) {\n          clearTimeout(timeoutRef.current);\n          timeoutRef.current = null;\n        }\n        setIsAnimatingOut(false);\n      }\n    },\n    [isAnimatingOut],\n  );\n\n  // Element should be displayed if:\n  // - It's visible, OR\n  // - It's animating out (leave animation in progress)\n  const shouldDisplay = isVisible || isAnimatingOut;\n\n  return {\n    state: {\n      shouldDisplay,\n      isAnimatingOut,\n    },\n    props: {\n      onAnimationEnd: handleAnimationEnd,\n    },\n    style: {\n      display: shouldDisplay ? \"block\" : \"none\",\n    },\n  };\n}\n","/**\n * @file PivotContent component for rendering pivot items with CSS animations.\n *\n * Override via CSS custom properties:\n * - --rpl-pivot-animation-enter: Animation when becoming active\n * - --rpl-pivot-animation-leave: Animation when becoming inactive\n *\n * User defines @keyframes in their CSS and references via these tokens.\n * Example:\n *   @keyframes pivotEnter {\n *     from { opacity: 0; }\n *     to { opacity: 1; }\n *   }\n *   :root { --rpl-pivot-animation-enter: pivotEnter 150ms ease-out forwards; }\n */\nimport * as React from \"react\";\nimport { PIVOT_ANIMATION_ENTER, PIVOT_ANIMATION_LEAVE } from \"../../constants/styles\";\nimport { useAnimatedVisibility } from \"../../hooks/useAnimatedVisibility\";\n\nexport type PivotContentProps = {\n  id: string;\n  isActive: boolean;\n  transitionMode: \"css\" | \"none\";\n  children: React.ReactNode;\n};\n\nconst baseStyle: React.CSSProperties = {\n  position: \"absolute\",\n  inset: 0,\n  width: \"100%\",\n  height: \"100%\",\n};\n\n/**\n * Renders pivot content with CSS animation support.\n *\n * When transitionMode=\"css\": Applies enter/leave animations with display:none when hidden.\n * When transitionMode=\"none\": Uses React.Activity for memory optimization.\n */\nexport const PivotContent: React.FC<PivotContentProps> = React.memo(({ id, isActive, transitionMode, children }) => {\n  const visibility = useAnimatedVisibility({\n    isVisible: isActive,\n    leaveAnimation: transitionMode === \"css\" ? PIVOT_ANIMATION_LEAVE : undefined,\n    skipAnimation: transitionMode !== \"css\",\n  });\n\n  const style = React.useMemo<React.CSSProperties>(() => {\n    const s: React.CSSProperties = {\n      ...baseStyle,\n      ...visibility.style,\n      pointerEvents: isActive ? \"auto\" : \"none\",\n    };\n\n    if (transitionMode === \"css\") {\n      s.animation = isActive ? PIVOT_ANIMATION_ENTER : PIVOT_ANIMATION_LEAVE;\n    }\n\n    return s;\n  }, [isActive, transitionMode, visibility.style]);\n\n  const content = (\n    <div\n      data-pivot-content={id}\n      data-active={isActive ? \"true\" : \"false\"}\n      style={style}\n      {...visibility.props}\n    >\n      {children}\n    </div>\n  );\n\n  if (transitionMode === \"none\") {\n    return <React.Activity mode={isActive ? \"visible\" : \"hidden\"}>{content}</React.Activity>;\n  }\n\n  return content;\n});\n","/**\n * @file Headless hook for managing Pivot (content switching) behavior.\n *\n * Includes content caching to preserve React component state across re-renders.\n * This is essential for maintaining internal state when parent components\n * re-create the items array.\n */\nimport * as React from \"react\";\nimport type { UsePivotOptions, UsePivotResult, PivotItemProps, PivotItem, PivotNavigationOptions } from \"./types\";\nimport { PivotContent } from \"./PivotContent\";\nimport { useContentCache } from \"../../hooks/useContentCache\";\n\n/**\n * Context for sharing pivot state with Outlet component.\n * Uses a ref-based approach to avoid re-creating the Outlet component.\n * Includes content cache to preserve component state.\n */\ntype PivotOutletContextValue = {\n  getState: () => {\n    items: ReadonlyArray<PivotItem>;\n    activeId: string;\n    transitionMode: \"css\" | \"none\";\n  };\n  subscribe: (callback: () => void) => () => void;\n  /**\n   * Get cached content for an item. Returns the same ReactNode reference\n   * for the same item ID to prevent remounting on parent re-renders.\n   */\n  getCachedContent: (itemId: string) => React.ReactNode | null;\n};\n\nconst PivotOutletContext = React.createContext<PivotOutletContextValue | null>(null);\n\n/**\n * Stable Outlet component that subscribes to state changes.\n * This prevents remounting when activeId changes.\n * Uses cached content only when item.cache is true.\n */\nconst PivotOutletInner: React.FC = React.memo(() => {\n  const ctx = React.useContext(PivotOutletContext);\n  if (!ctx) {\n    throw new Error(\"PivotOutlet must be used within usePivot\");\n  }\n\n  const [, forceUpdate] = React.useReducer((x) => x + 1, 0);\n\n  React.useEffect(() => {\n    return ctx.subscribe(forceUpdate);\n  }, [ctx]);\n\n  const { items, activeId, transitionMode } = ctx.getState();\n\n  return (\n    <>\n      {items.map((item) => (\n        <PivotContent key={item.id} id={item.id} isActive={item.id === activeId} transitionMode={transitionMode}>\n          {item.cache ? ctx.getCachedContent(item.id) : item.content}\n        </PivotContent>\n      ))}\n    </>\n  );\n});\n\n/**\n * Headless hook for managing content switching within a scope.\n * Provides behavior only - UI is fully customizable.\n *\n * @example\n * ```tsx\n * const { activeId, getItemProps, Outlet } = usePivot({\n *   items: [\n *     { id: 'home', label: 'Home', content: <HomePage /> },\n *     { id: 'settings', label: 'Settings', content: <SettingsPage /> }\n *   ],\n *   defaultActiveId: 'home'\n * });\n *\n * return (\n *   <div>\n *     <nav>\n *       {items.map((item) => (\n *         <button key={item.id} {...getItemProps(item.id)}>{item.label}</button>\n *       ))}\n *     </nav>\n *     <Outlet />\n *   </div>\n * );\n * ```\n */\nexport function usePivot<TId extends string = string>(options: UsePivotOptions<TId>): UsePivotResult<TId> {\n  const { items, activeId: controlledActiveId, defaultActiveId, onActiveChange, transitionMode = \"css\", navigationMode = \"linear\" } = options;\n\n  const isControlled = controlledActiveId !== undefined;\n\n  const [uncontrolledActiveId, setUncontrolledActiveId] = React.useState<TId>(() => {\n    if (defaultActiveId !== undefined) {\n      return defaultActiveId;\n    }\n    const firstEnabled = items.find((item) => item.disabled !== true);\n    if (!firstEnabled) {\n      throw new Error(\"usePivot: No enabled items provided\");\n    }\n    return firstEnabled.id;\n  });\n\n  const activeId = isControlled ? controlledActiveId : uncontrolledActiveId;\n\n  // Animation state\n  const [isAnimating, setIsAnimating] = React.useState(false);\n\n  const setActiveId = React.useCallback(\n    (id: TId, options?: PivotNavigationOptions) => {\n      const target = items.find((item) => item.id === id);\n      if (!target) {\n        return;\n      }\n      if (target.disabled) {\n        return;\n      }\n\n      // Determine if we should animate\n      const shouldAnimate = options?.animated ?? (transitionMode === \"css\");\n      setIsAnimating(shouldAnimate);\n\n      if (!isControlled) {\n        setUncontrolledActiveId(id);\n      }\n      onActiveChange?.(id);\n    },\n    [items, isControlled, onActiveChange, transitionMode],\n  );\n\n  // End animation callback\n  const endAnimation = React.useCallback(() => {\n    setIsAnimating(false);\n  }, []);\n\n  const isActive = React.useCallback((id: TId): boolean => id === activeId, [activeId]);\n\n  // Get only enabled items for navigation\n  const enabledItems = React.useMemo(\n    () => items.filter((item) => item.disabled !== true),\n    [items],\n  );\n\n  // Current index in enabled items\n  const activeIndex = React.useMemo(() => {\n    const index = enabledItems.findIndex((item) => item.id === activeId);\n    return index === -1 ? 0 : index;\n  }, [enabledItems, activeId]);\n\n  // Total count of enabled items\n  const itemCount = enabledItems.length;\n\n  // Check if navigation in a direction is possible\n  const canGo = React.useCallback(\n    (direction: number): boolean => {\n      if (direction === 0) {\n        return false;\n      }\n      // In loop mode, navigation is always possible if there are 2+ items\n      if (navigationMode === \"loop\") {\n        return itemCount >= 2;\n      }\n      // Linear mode: check bounds\n      const targetIndex = activeIndex + direction;\n      return targetIndex >= 0 && targetIndex < itemCount;\n    },\n    [activeIndex, itemCount, navigationMode],\n  );\n\n  // Compute target index with optional wrap-around\n  const computeTargetIndex = React.useCallback(\n    (direction: number): number => {\n      const rawIndex = activeIndex + direction;\n      if (navigationMode === \"loop\") {\n        return ((rawIndex % itemCount) + itemCount) % itemCount;\n      }\n      return rawIndex;\n    },\n    [activeIndex, navigationMode, itemCount],\n  );\n\n  // Navigate in a direction\n  const go = React.useCallback(\n    (direction: number, options?: PivotNavigationOptions): void => {\n      if (!canGo(direction)) {\n        return;\n      }\n      const targetIndex = computeTargetIndex(direction);\n      const targetItem = enabledItems[targetIndex];\n      if (targetItem) {\n        setActiveId(targetItem.id, options);\n      }\n    },\n    [canGo, computeTargetIndex, enabledItems, setActiveId],\n  );\n\n  // Get virtual position for an item relative to active (for loop mode support)\n  const getVirtualPosition = React.useCallback(\n    (id: TId): -1 | 0 | 1 | null => {\n      const itemIndex = enabledItems.findIndex((item) => item.id === id);\n      if (itemIndex === -1) {\n        return null;\n      }\n\n      if (navigationMode === \"linear\") {\n        const rawOffset = itemIndex - activeIndex;\n        if (Math.abs(rawOffset) > 1) {\n          return null;\n        }\n        return rawOffset as -1 | 0 | 1;\n      }\n\n      // Loop mode: find shortest path\n      const forwardDist = ((itemIndex - activeIndex) % itemCount + itemCount) % itemCount;\n      if (forwardDist === 0) {\n        return 0;\n      }\n      if (forwardDist === 1) {\n        return 1; // Item is next\n      }\n      if (itemCount - forwardDist === 1) {\n        return -1; // Item is previous\n      }\n      return null;\n    },\n    [enabledItems, activeIndex, navigationMode, itemCount],\n  );\n\n  // Get position for any item relative to active (for viewport mode)\n  const getItemPosition = React.useCallback(\n    (id: TId): number | null => {\n      const itemIndex = enabledItems.findIndex((item) => item.id === id);\n      if (itemIndex === -1) {\n        return null;\n      }\n\n      if (navigationMode === \"linear\") {\n        return itemIndex - activeIndex;\n      }\n\n      // Loop mode: find shortest path\n      const forwardDist = ((itemIndex - activeIndex) % itemCount + itemCount) % itemCount;\n      const backwardDist = itemCount - forwardDist;\n\n      // Return the shorter path (prefer forward on tie)\n      if (forwardDist <= backwardDist) {\n        return forwardDist;\n      }\n      return -backwardDist;\n    },\n    [enabledItems, activeIndex, navigationMode, itemCount],\n  );\n\n  const getItemProps = React.useCallback(\n    (id: TId): PivotItemProps => ({\n      \"data-pivot-item\": id,\n      \"data-active\": (id === activeId ? \"true\" : \"false\") as \"true\" | \"false\",\n      \"aria-selected\": id === activeId,\n      tabIndex: id === activeId ? 0 : -1,\n      onClick: () => {\n        setActiveId(id);\n      },\n    }),\n    [activeId, setActiveId],\n  );\n\n  const containerStyle: React.CSSProperties = React.useMemo(\n    () => ({\n      position: \"relative\",\n      width: \"100%\",\n      height: \"100%\",\n    }),\n    [],\n  );\n\n  // Store state in a ref for stable getState function\n  const stateRef = React.useRef({\n    items,\n    activeId,\n    transitionMode,\n  });\n\n  // Update ref when state changes\n  stateRef.current = {\n    items,\n    activeId,\n    transitionMode,\n  };\n\n  // Subscribers for state changes\n  const subscribersRef = React.useRef(new Set<() => void>());\n\n  // Notify subscribers when activeId changes\n  React.useEffect(() => {\n    subscribersRef.current.forEach((callback) => callback());\n  }, [activeId, transitionMode]);\n\n  // Content resolver for useContentCache\n  const resolveContent = React.useCallback(\n    (itemId: string): React.ReactNode | null => {\n      const item = stateRef.current.items.find((i) => i.id === itemId);\n      return item?.content ?? null;\n    },\n    [],\n  );\n\n  // Valid IDs for cache cleanup (cast to string[] for useContentCache compatibility)\n  const validIds = React.useMemo((): readonly string[] => items.map((i) => i.id), [items]);\n\n  // Use shared content cache hook\n  const { getCachedContent } = useContentCache({\n    resolveContent,\n    validIds,\n  });\n\n  // Stable context value (never changes)\n  const contextValue = React.useMemo<PivotOutletContextValue>(\n    () => ({\n      getState: () => stateRef.current,\n      subscribe: (callback) => {\n        subscribersRef.current.add(callback);\n        return () => subscribersRef.current.delete(callback);\n      },\n      getCachedContent,\n    }),\n    [getCachedContent],\n  );\n\n  // Stable Outlet component (reference never changes)\n  const Outlet = React.useMemo(() => {\n    const OutletComponent: React.FC = () => (\n      <PivotOutletContext.Provider value={contextValue}>\n        <div style={containerStyle} data-pivot-container>\n          <PivotOutletInner />\n        </div>\n      </PivotOutletContext.Provider>\n    );\n    OutletComponent.displayName = \"PivotOutlet\";\n    return OutletComponent;\n  }, [contextValue, containerStyle]);\n\n  return { activeId, setActiveId, isActive, getItemProps, Outlet, go, canGo, activeIndex, itemCount, isAnimating, endAnimation, navigationMode, getVirtualPosition, getItemPosition };\n}\n","/**\n * @file SwipePivotTabBar - Swipeable tab bar for pivot navigation with proper looping.\n *\n * Infinite loop model:\n * - Uses continuous scroll offset (not discrete positions)\n * - Renders tab slots at fixed positions, content determined by scroll offset\n * - Clones tabs at boundaries for seamless looping\n * - Each slot has stable key (by position), preventing remount jumps\n */\nimport * as React from \"react\";\nimport type { SwipeInputState, GestureAxis } from \"../../hooks/gesture/types.js\";\n\n/**\n * Props passed to the indicator render function.\n * Use these to position a sliding indicator (iOS-style).\n */\nexport type IndicatorRenderProps = {\n  /** Current offset in pixels (includes swipe displacement and animation) */\n  offsetPx: number;\n  /** Width of each tab */\n  tabWidth: number;\n  /** Center X position where active tab is located */\n  centerX: number;\n  /** Whether currently swiping */\n  isSwiping: boolean;\n  /** Whether animation is in progress */\n  isAnimating: boolean;\n};\n\nexport type SwipePivotTabBarProps<TId extends string = string> = {\n  /** Tab items to render */\n  items: ReadonlyArray<{ id: TId; label?: string }>;\n  /** Currently active tab ID */\n  activeId: TId;\n  /** Index of active tab */\n  activeIndex: number;\n  /** Total number of items */\n  itemCount: number;\n  /** Current swipe input state */\n  inputState: SwipeInputState;\n  /** Width of each tab */\n  tabWidth: number;\n  /** Width of the visible viewport */\n  viewportWidth: number;\n  /** Navigation mode */\n  navigationMode?: \"linear\" | \"loop\";\n  /** Axis for swipe (horizontal or vertical) */\n  axis?: GestureAxis;\n  /** Render function for each tab */\n  renderTab: (item: { id: TId; label?: string }, isActive: boolean, index: number) => React.ReactNode;\n  /** Animation duration in ms */\n  animationDuration?: number;\n  /**\n   * When true, tabs stay at fixed positions and only the indicator moves.\n   * Use this for iOS segmented control style where the \"window\" slides over fixed tabs.\n   * @default false\n   */\n  fixedTabs?: boolean;\n  /**\n   * Optional render function for a sliding indicator (iOS-style).\n   * The indicator follows the active tab position during swipe and animation.\n   * Rendered behind the tabs.\n   *\n   * When used with fixedTabs=true, only the indicator moves while tabs stay fixed.\n   *\n   * @example\n   * ```tsx\n   * renderIndicator={({ offsetPx, tabWidth, centerX }) => (\n   *   <div\n   *     style={{\n   *       position: 'absolute',\n   *       left: centerX,\n   *       bottom: 0,\n   *       width: tabWidth,\n   *       height: 3,\n   *       backgroundColor: '#007AFF',\n   *       transform: `translateX(${offsetPx}px)`,\n   *     }}\n   *   />\n   * )}\n   * ```\n   */\n  renderIndicator?: (props: IndicatorRenderProps) => React.ReactNode;\n};\n\nconst DEFAULT_ANIMATION_DURATION = 300;\n\n/** Get displacement value for the given axis from input state */\nconst getAxisDisplacement = (inputState: SwipeInputState, axis: GestureAxis): number => {\n  if (inputState.phase === \"idle\") {\n    return 0;\n  }\n  return axis === \"horizontal\" ? inputState.displacement.x : inputState.displacement.y;\n};\n\n/**\n * Normalize index to valid range [0, count)\n */\nconst normalizeIndex = (index: number, count: number): number => {\n  return ((index % count) + count) % count;\n};\n\n/**\n * Calculate which item should appear at a given slot position.\n * For loop mode, wraps around using modulo.\n * For linear mode, returns null if out of range.\n */\nconst getItemAtPosition = (\n  slotPosition: number,\n  activeIndex: number,\n  itemCount: number,\n  navigationMode: \"linear\" | \"loop\",\n): number | null => {\n  const targetIndex = activeIndex + slotPosition;\n\n  if (navigationMode === \"linear\") {\n    if (targetIndex < 0 || targetIndex >= itemCount) {\n      return null;\n    }\n    return targetIndex;\n  }\n\n  // Loop mode: wrap around\n  return normalizeIndex(targetIndex, itemCount);\n};\n\ntype TabSlotProps<TId extends string> = {\n  slotPosition: number;\n  item: { id: TId; label?: string };\n  itemIndex: number;\n  isActive: boolean;\n  centerX: number;\n  tabWidth: number;\n  viewportWidth: number;\n  offsetPx: number;\n  axis: GestureAxis;\n  renderTab: (item: { id: TId; label?: string }, isActive: boolean, index: number) => React.ReactNode;\n};\n\n/**\n * Tab slot component - renders a tab at a fixed slot position.\n * The slot position is stable; only the content changes based on scroll offset.\n */\nconst TabSlot = React.memo(<TId extends string>({\n  slotPosition,\n  item,\n  itemIndex,\n  isActive,\n  centerX,\n  tabWidth,\n  viewportWidth,\n  offsetPx,\n  axis,\n  renderTab,\n}: TabSlotProps<TId>) => {\n  // Calculate visual position: centerX + slotPosition * tabWidth + offsetPx\n  const basePx = slotPosition * tabWidth;\n  const visualPx = centerX + basePx + offsetPx;\n\n  // Check if visible in viewport\n  const visible = visualPx + tabWidth > 0 && visualPx < viewportWidth;\n\n  const transformFn = axis === \"horizontal\" ? \"translateX\" : \"translateY\";\n\n  return (\n    <div\n      data-pivot-tab={item.id}\n      data-slot={slotPosition}\n      data-active={isActive ? \"true\" : \"false\"}\n      style={{\n        position: \"absolute\",\n        left: centerX,\n        top: 0,\n        width: tabWidth,\n        height: \"100%\",\n        visibility: visible ? \"visible\" : \"hidden\",\n        willChange: \"transform\",\n        transform: `${transformFn}(${basePx + offsetPx}px)`,\n      }}\n    >\n      {renderTab(item, isActive, itemIndex)}\n    </div>\n  );\n}) as <TId extends string>(props: TabSlotProps<TId>) => React.ReactElement;\n\n/**\n * Easing function for smooth animation\n */\nconst easeOutExpo = (t: number): number => {\n  return t === 1 ? 1 : 1 - Math.pow(2, -10 * t);\n};\n\nexport function SwipePivotTabBar<TId extends string = string>({\n  items,\n  activeId,\n  activeIndex,\n  itemCount,\n  inputState,\n  tabWidth,\n  viewportWidth,\n  navigationMode = \"linear\",\n  axis = \"horizontal\",\n  renderTab,\n  animationDuration = DEFAULT_ANIMATION_DURATION,\n  fixedTabs = false,\n  renderIndicator,\n}: SwipePivotTabBarProps<TId>): React.ReactElement {\n  const displacement = getAxisDisplacement(inputState, axis);\n  const isSwiping = inputState.phase === \"swiping\" || inputState.phase === \"tracking\";\n\n  // ============================================================\n  // Animation state for SLOT-BASED mode (scrolling tabs)\n  // ============================================================\n  const [animatedOffset, setAnimatedOffset] = React.useState(0);\n  const animationRef = React.useRef<{\n    startTime: number;\n    startOffset: number;\n    targetOffset: number;\n    rafId: number;\n  } | null>(null);\n\n  // ============================================================\n  // Animation state for FIXED TABS mode (iOS-style indicator)\n  // Tracks the actual indicator position in pixels\n  // ============================================================\n  const [indicatorPosition, setIndicatorPosition] = React.useState(activeIndex * tabWidth);\n  const indicatorPositionRef = React.useRef(activeIndex * tabWidth); // Track current position for animation start\n  const fixedAnimationRef = React.useRef<{\n    rafId: number;\n  } | null>(null);\n  const lastSwipePositionRef = React.useRef<number | null>(null);\n\n  // Keep ref in sync with state\n  React.useEffect(() => {\n    indicatorPositionRef.current = indicatorPosition;\n  }, [indicatorPosition]);\n\n  const prevActiveIndexRef = React.useRef(activeIndex);\n\n  // Calculate the range of slot positions to render\n  const halfRange = Math.ceil(viewportWidth / tabWidth / 2) + 1;\n\n  // Center position for active tab (for slot-based mode)\n  const centerX = (viewportWidth - tabWidth) / 2;\n\n  // ============================================================\n  // Fixed tabs mode: track swipe position\n  // ============================================================\n  React.useEffect(() => {\n    if (!fixedTabs || !isSwiping) return;\n\n    // During swipe, track the visual position\n    // Swipe direction is OPPOSITE to indicator movement\n    const visualPosition = activeIndex * tabWidth - displacement;\n    lastSwipePositionRef.current = visualPosition;\n    setIndicatorPosition(visualPosition);\n  }, [fixedTabs, isSwiping, activeIndex, tabWidth, displacement]);\n\n  // ============================================================\n  // Fixed tabs mode: animate when swipe ends or tab clicked\n  // ============================================================\n  React.useEffect(() => {\n    if (!fixedTabs || isSwiping) return;\n\n    // When swipe ends or tab changes via click\n    const targetPosition = activeIndex * tabWidth;\n    const startPosition = lastSwipePositionRef.current ?? indicatorPositionRef.current;\n    lastSwipePositionRef.current = null;\n\n    // Already at target\n    if (Math.abs(startPosition - targetPosition) < 1) {\n      setIndicatorPosition(targetPosition);\n      return;\n    }\n\n    // Cancel existing animation\n    if (fixedAnimationRef.current) {\n      cancelAnimationFrame(fixedAnimationRef.current.rafId);\n    }\n\n    // Animate from current position to target\n    const startTime = performance.now();\n    const animationStartPosition = startPosition; // Capture for closure\n\n    const animate = (currentTime: number) => {\n      const elapsed = currentTime - startTime;\n      const progress = Math.min(elapsed / animationDuration, 1);\n      const easedProgress = easeOutExpo(progress);\n\n      const currentPosition = animationStartPosition + (targetPosition - animationStartPosition) * easedProgress;\n      setIndicatorPosition(currentPosition);\n\n      if (progress < 1) {\n        fixedAnimationRef.current = {\n          rafId: requestAnimationFrame(animate),\n        };\n      } else {\n        fixedAnimationRef.current = null;\n        setIndicatorPosition(targetPosition);\n      }\n    };\n\n    fixedAnimationRef.current = {\n      rafId: requestAnimationFrame(animate),\n    };\n  }, [fixedTabs, isSwiping, activeIndex, tabWidth, animationDuration]);\n\n  // ============================================================\n  // Slot-based mode animation: handle activeIndex changes\n  // ============================================================\n  React.useEffect(() => {\n    if (fixedTabs) return; // Skip for fixed tabs mode\n\n    if (prevActiveIndexRef.current === activeIndex) {\n      return;\n    }\n\n    const prevIndex = prevActiveIndexRef.current;\n    prevActiveIndexRef.current = activeIndex;\n\n    // Calculate direction of movement\n    let delta: number;\n    if (navigationMode === \"loop\") {\n      // Use shortest path in loop mode\n      const forwardDist = normalizeIndex(activeIndex - prevIndex, itemCount);\n      const backwardDist = itemCount - forwardDist;\n      delta = forwardDist <= backwardDist ? forwardDist : -backwardDist;\n    } else {\n      delta = activeIndex - prevIndex;\n    }\n\n    // Target offset to animate to (then snap to 0)\n    const targetOffsetPx = -delta * tabWidth;\n\n    // Start from current visual position\n    const startOffset = isSwiping ? displacement : animatedOffset;\n\n    // Cancel any existing animation\n    if (animationRef.current) {\n      cancelAnimationFrame(animationRef.current.rafId);\n    }\n\n    // If already at target (within threshold), snap immediately\n    if (Math.abs(startOffset - targetOffsetPx) < 1) {\n      setAnimatedOffset(0);\n      return;\n    }\n\n    // Start animation\n    const startTime = performance.now();\n\n    const animate = (currentTime: number) => {\n      const elapsed = currentTime - startTime;\n      const progress = Math.min(elapsed / animationDuration, 1);\n      const easedProgress = easeOutExpo(progress);\n\n      // Interpolate from startOffset toward targetOffset, but we want to end at 0\n      // So we animate: startOffset → targetOffset, but since we're rendering with\n      // the NEW activeIndex, we need to compensate\n      //\n      // When activeIndex changes, slots now show different content.\n      // We animate the offset from (startOffset - targetOffset) back to 0.\n      const compensatedStart = startOffset - targetOffsetPx;\n      const currentOffset = compensatedStart * (1 - easedProgress);\n\n      setAnimatedOffset(currentOffset);\n\n      if (progress < 1) {\n        animationRef.current = {\n          startTime,\n          startOffset: compensatedStart,\n          targetOffset: 0,\n          rafId: requestAnimationFrame(animate),\n        };\n      } else {\n        animationRef.current = null;\n        setAnimatedOffset(0);\n      }\n    };\n\n    animationRef.current = {\n      startTime,\n      startOffset: startOffset - targetOffsetPx,\n      targetOffset: 0,\n      rafId: requestAnimationFrame(animate),\n    };\n  }, [fixedTabs, activeIndex, itemCount, tabWidth, animationDuration, navigationMode, displacement, isSwiping, animatedOffset]);\n\n  // Update prevActiveIndexRef for fixed tabs mode too\n  React.useEffect(() => {\n    if (fixedTabs) {\n      prevActiveIndexRef.current = activeIndex;\n    }\n  }, [fixedTabs, activeIndex]);\n\n  // Cleanup animation on unmount\n  React.useEffect(() => {\n    return () => {\n      if (animationRef.current) {\n        cancelAnimationFrame(animationRef.current.rafId);\n      }\n      if (fixedAnimationRef.current) {\n        cancelAnimationFrame(fixedAnimationRef.current.rafId);\n      }\n    };\n  }, []);\n\n  // Current offset for slot-based mode\n  const currentOffset = isSwiping ? displacement : animatedOffset;\n  const isAnimating = animationRef.current !== null || fixedAnimationRef.current !== null;\n\n  // Cancel slot animation when swiping starts\n  React.useEffect(() => {\n    if (isSwiping && animationRef.current) {\n      cancelAnimationFrame(animationRef.current.rafId);\n      animationRef.current = null;\n      setAnimatedOffset(0);\n    }\n  }, [isSwiping]);\n\n  // ============================================================\n  // Fixed tabs mode: render fixed tabs with sliding indicator\n  // ============================================================\n  if (fixedTabs) {\n    // Calculate total width and centering offset\n    const totalTabsWidth = items.length * tabWidth;\n    const centeringOffset = (viewportWidth - totalTabsWidth) / 2;\n\n    return (\n      <div\n        style={{\n          position: \"relative\",\n          width: \"100%\",\n          height: \"100%\",\n          overflow: \"hidden\",\n          display: \"flex\",\n          justifyContent: \"center\",\n        }}\n      >\n        {/* Sliding indicator (rendered behind tabs) */}\n        {renderIndicator?.({\n          offsetPx: indicatorPosition,\n          tabWidth,\n          centerX: centeringOffset,\n          isSwiping,\n          isAnimating,\n        })}\n\n        {/* Fixed tabs - each tab at its natural position */}\n        {items.map((item, index) => (\n          <div\n            key={item.id}\n            data-pivot-tab={item.id}\n            data-active={index === activeIndex ? \"true\" : \"false\"}\n            style={{\n              position: \"relative\",\n              width: tabWidth,\n              height: \"100%\",\n              flexShrink: 0,\n            }}\n          >\n            {renderTab(item, index === activeIndex, index)}\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  // Slot-based rendering for scrolling tabs (infinite loop support)\n  const slots: Array<{\n    slotPosition: number;\n    itemIndex: number;\n    item: { id: TId; label?: string };\n  }> = [];\n\n  for (let pos = -halfRange; pos <= halfRange; pos++) {\n    const itemIndex = getItemAtPosition(pos, activeIndex, itemCount, navigationMode);\n    if (itemIndex !== null) {\n      slots.push({\n        slotPosition: pos,\n        itemIndex,\n        item: items[itemIndex],\n      });\n    }\n  }\n\n  return (\n    <div\n      style={{\n        position: \"relative\",\n        width: \"100%\",\n        height: \"100%\",\n        overflow: \"hidden\",\n      }}\n    >\n      {/* Sliding indicator (rendered behind tabs) */}\n      {renderIndicator?.({\n        offsetPx: currentOffset,\n        tabWidth,\n        centerX,\n        isSwiping,\n        isAnimating,\n      })}\n\n      {/* Tab slots */}\n      {slots.map(({ slotPosition, itemIndex, item }) => (\n        <TabSlot\n          key={slotPosition}\n          slotPosition={slotPosition}\n          item={item}\n          itemIndex={itemIndex}\n          isActive={itemIndex === activeIndex}\n          centerX={centerX}\n          tabWidth={tabWidth}\n          viewportWidth={viewportWidth}\n          offsetPx={currentOffset}\n          axis={axis}\n          renderTab={renderTab}\n        />\n      ))}\n    </div>\n  );\n}\n"],"names":["DEFAULT_ANIMATION_TIMEOUT","useAnimatedVisibility","isVisible","leaveAnimation","skipAnimation","animationTimeout","prevVisibleRef","React","isAnimatingOut","setIsAnimatingOut","timeoutRef","wasVisible","handleAnimationEnd","e","shouldDisplay","baseStyle","PivotContent","id","isActive","transitionMode","children","visibility","PIVOT_ANIMATION_LEAVE","style","s","PIVOT_ANIMATION_ENTER","content","jsx","PivotOutletContext","PivotOutletInner","ctx","forceUpdate","x","items","activeId","Fragment","item","usePivot","options","controlledActiveId","defaultActiveId","onActiveChange","navigationMode","isControlled","uncontrolledActiveId","setUncontrolledActiveId","firstEnabled","isAnimating","setIsAnimating","setActiveId","target","shouldAnimate","endAnimation","enabledItems","activeIndex","index","itemCount","canGo","direction","targetIndex","computeTargetIndex","rawIndex","go","targetItem","getVirtualPosition","itemIndex","rawOffset","forwardDist","getItemPosition","backwardDist","getItemProps","containerStyle","stateRef","subscribersRef","callback","resolveContent","itemId","i","validIds","getCachedContent","useContentCache","contextValue","Outlet","OutletComponent","DEFAULT_ANIMATION_DURATION","getAxisDisplacement","inputState","axis","normalizeIndex","count","getItemAtPosition","slotPosition","TabSlot","centerX","tabWidth","viewportWidth","offsetPx","renderTab","basePx","visualPx","visible","transformFn","easeOutExpo","t","SwipePivotTabBar","animationDuration","fixedTabs","renderIndicator","displacement","isSwiping","animatedOffset","setAnimatedOffset","animationRef","indicatorPosition","setIndicatorPosition","indicatorPositionRef","fixedAnimationRef","lastSwipePositionRef","prevActiveIndexRef","halfRange","visualPosition","targetPosition","startPosition","startTime","animationStartPosition","animate","currentTime","elapsed","progress","easedProgress","currentPosition","prevIndex","delta","targetOffsetPx","startOffset","compensatedStart","currentOffset","totalTabsWidth","centeringOffset","jsxs","slots","pos"],"mappings":"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"}