@nori-ui/core 0.0.5 → 1.0.2

package/dist/chunk-ZMSIYLSI.js

@@ -0,0 +1,563 @@
+import { cn } from './chunk-CHXHRJNZ.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, useRef, useCallback, useMemo, useContext, useState, useEffect } from 'react';
+import { Platform, View } from 'react-native';
+import { jsx, jsxs } from 'nativewind/jsx-runtime';
+
+var Ctx = createContext(null);
+function SliderGestureProvider({ children }) {
+  const activeCount = useRef(0);
+  const subs = useRef(/* @__PURE__ */ new Set());
+  const broadcast = useCallback(() => {
+    const isActive = activeCount.current > 0;
+    for (const s of subs.current) {
+      s(isActive);
+    }
+  }, []);
+  const bus = useMemo(
+    () => ({
+      begin: /* @__PURE__ */ __name(() => {
+        activeCount.current += 1;
+        broadcast();
+        let released = false;
+        return () => {
+          if (released) {
+            return;
+          }
+          released = true;
+          activeCount.current = Math.max(0, activeCount.current - 1);
+          broadcast();
+        };
+      }, "begin"),
+      subscribe: /* @__PURE__ */ __name((s) => {
+        subs.current.add(s);
+        return () => {
+          subs.current.delete(s);
+        };
+      }, "subscribe")
+    }),
+    [broadcast]
+  );
+  return /* @__PURE__ */ jsx(Ctx.Provider, { value: bus, children });
+}
+__name(SliderGestureProvider, "SliderGestureProvider");
+function useSliderGesturePublisher() {
+  const bus = useContext(Ctx);
+  const releaseRef = useRef(null);
+  return useMemo(
+    () => ({
+      begin: /* @__PURE__ */ __name(() => {
+        if (!bus) {
+          return;
+        }
+        if (releaseRef.current) {
+          return;
+        }
+        releaseRef.current = bus.begin();
+      }, "begin"),
+      end: /* @__PURE__ */ __name(() => {
+        if (!bus) {
+          return;
+        }
+        releaseRef.current?.();
+        releaseRef.current = null;
+      }, "end")
+    }),
+    [bus]
+  );
+}
+__name(useSliderGesturePublisher, "useSliderGesturePublisher");
+function useSliderInteractionActive() {
+  const bus = useContext(Ctx);
+  const [active, setActive] = useState(false);
+  useEffect(() => {
+    if (!bus) {
+      return;
+    }
+    const unsubscribe = bus.subscribe(setActive);
+    return unsubscribe;
+  }, [bus]);
+  return active;
+}
+__name(useSliderInteractionActive, "useSliderInteractionActive");
+var TRACK_THICKNESS = 6;
+var THUMB_SIZE = 18;
+var THUMB_HIT_SLOP = 8;
+var snap = /* @__PURE__ */ __name((raw, min, max, step) => {
+  const clamped = Math.min(max, Math.max(min, raw));
+  if (step <= 0) {
+    return clamped;
+  }
+  const stepped = Math.round((clamped - min) / step) * step + min;
+  return Math.min(max, Math.max(min, Number.parseFloat(stepped.toFixed(10))));
+}, "snap");
+var updateAt = /* @__PURE__ */ __name((values, index, next, gap) => {
+  const out = values.slice();
+  out[index] = next;
+  const left = index > 0 ? out[index - 1] : void 0;
+  const right = index < out.length - 1 ? out[index + 1] : void 0;
+  if (left !== void 0 && next < left + gap) {
+    out[index] = left + gap;
+  }
+  if (right !== void 0 && next > right - gap) {
+    out[index] = right - gap;
+  }
+  return out;
+}, "updateAt");
+var Slider = /* @__PURE__ */ __name(({
+  value,
+  defaultValue,
+  onChange,
+  onValueCommit,
+  onInteractionStart,
+  onInteractionEnd,
+  min = 0,
+  max = 100,
+  step = 1,
+  minStepsBetweenThumbs = 0,
+  orientation = "horizontal",
+  dir = "ltr",
+  inverted = false,
+  disabled = false,
+  ariaLabelForThumb,
+  length = 200,
+  className,
+  testID,
+  ...rest
+}) => {
+  const colors = useThemeColors();
+  const ariaLabel = rest["aria-label"];
+  const isVertical = orientation === "vertical";
+  const reversed = isVertical ? Boolean(inverted) : dir === "rtl" ? !inverted : Boolean(inverted);
+  const gap = step * minStepsBetweenThumbs;
+  const initial = (defaultValue ?? value ?? [min]).map((v) => snap(v, min, max, step));
+  const [inner, setInner] = useState(initial);
+  const isControlled = value !== void 0;
+  const current = isControlled ? value.map((v) => snap(v, min, max, step)) : inner;
+  const trackRef = useRef(null);
+  const trackRectRef = useRef(null);
+  const measure = useCallback(() => {
+    const node = trackRef.current;
+    if (!node) {
+      return;
+    }
+    if (Platform.OS === "web") {
+      const webNode = node;
+      if (typeof window === "undefined" || typeof webNode.getBoundingClientRect !== "function") {
+        return;
+      }
+      const rect = webNode.getBoundingClientRect();
+      trackRectRef.current = { x: rect.left, y: rect.top, width: rect.width, height: rect.height };
+      return;
+    }
+    if (typeof node.measureInWindow === "function") {
+      node.measureInWindow((x, y, width, height) => {
+        trackRectRef.current = { x, y, width, height };
+      });
+    }
+  }, []);
+  useEffect(() => {
+    if (Platform.OS !== "web") {
+      return;
+    }
+    measure();
+    window.addEventListener("resize", measure);
+    return () => window.removeEventListener("resize", measure);
+  }, [measure]);
+  const setValues = useCallback(
+    (next) => {
+      if (!isControlled) {
+        setInner(next);
+      }
+      onChange?.(next);
+    },
+    [isControlled, onChange]
+  );
+  const commitValues = useCallback(
+    (next) => {
+      onValueCommit?.(next);
+    },
+    [onValueCommit]
+  );
+  const valueFromClient = useCallback(
+    (clientX, clientY) => {
+      const rect = trackRectRef.current;
+      if (!rect) {
+        return min;
+      }
+      const len = isVertical ? rect.height : rect.width;
+      if (len <= 0) {
+        return min;
+      }
+      const offset = isVertical ? clientY - rect.y : clientX - rect.x;
+      let ratio = offset / len;
+      ratio = Math.min(1, Math.max(0, ratio));
+      if (isVertical) {
+        ratio = 1 - ratio;
+      }
+      if (reversed) {
+        ratio = 1 - ratio;
+      }
+      const raw = min + ratio * (max - min);
+      return snap(raw, min, max, step);
+    },
+    [isVertical, reversed, min, max, step]
+  );
+  const closestThumbIndex = useCallback(
+    (target) => {
+      let best = 0;
+      let bestDelta = Number.POSITIVE_INFINITY;
+      for (let i = 0; i < current.length; i += 1) {
+        const cv = current[i];
+        if (cv === void 0) {
+          continue;
+        }
+        const delta = Math.abs(cv - target);
+        if (delta < bestDelta) {
+          best = i;
+          bestDelta = delta;
+        }
+      }
+      return best;
+    },
+    [current]
+  );
+  const draggingRef = useRef(null);
+  const gesturePublisher = useSliderGesturePublisher();
+  const onTrackPointerDown = useCallback(
+    (event) => {
+      if (disabled) {
+        return;
+      }
+      measure();
+      const targetValue = valueFromClient(event.clientX, event.clientY);
+      const idx = closestThumbIndex(targetValue);
+      const next = updateAt(current, idx, targetValue, gap);
+      setValues(next);
+      draggingRef.current = { index: idx, pointerId: event.pointerId };
+      event.currentTarget.setPointerCapture?.(event.pointerId);
+      gesturePublisher.begin();
+      onInteractionStart?.();
+    },
+    [
+      disabled,
+      measure,
+      valueFromClient,
+      closestThumbIndex,
+      current,
+      gap,
+      setValues,
+      gesturePublisher,
+      onInteractionStart
+    ]
+  );
+  const onTrackPointerMove = useCallback(
+    (event) => {
+      const drag = draggingRef.current;
+      if (!drag || drag.pointerId !== event.pointerId) {
+        return;
+      }
+      const targetValue = valueFromClient(event.clientX, event.clientY);
+      const next = updateAt(current, drag.index, targetValue, gap);
+      setValues(next);
+    },
+    [valueFromClient, current, gap, setValues]
+  );
+  const onTrackPointerUp = useCallback(
+    (event) => {
+      const drag = draggingRef.current;
+      if (!drag || drag.pointerId !== event.pointerId) {
+        return;
+      }
+      draggingRef.current = null;
+      commitValues(current);
+      gesturePublisher.end();
+      onInteractionEnd?.();
+    },
+    [commitValues, current, gesturePublisher, onInteractionEnd]
+  );
+  const handleThumbKeyDown = useCallback(
+    (index) => (event) => {
+      if (disabled) {
+        return;
+      }
+      const cv = current[index];
+      if (cv === void 0) {
+        return;
+      }
+      const range = max - min;
+      const big = Math.max(step * 10, range / 10);
+      const arrowSign = /* @__PURE__ */ __name((key) => {
+        const base = key === "inc" ? 1 : -1;
+        return reversed ? -base : base;
+      }, "arrowSign");
+      let nextValue = cv;
+      switch (event.key) {
+        case "ArrowRight":
+        case "ArrowUp":
+          nextValue = cv + step * arrowSign("inc");
+          break;
+        case "ArrowLeft":
+        case "ArrowDown":
+          nextValue = cv + step * arrowSign("dec");
+          break;
+        case "PageUp":
+          nextValue = cv + big * arrowSign("inc");
+          break;
+        case "PageDown":
+          nextValue = cv + big * arrowSign("dec");
+          break;
+        case "Home":
+          nextValue = min;
+          break;
+        case "End":
+          nextValue = max;
+          break;
+        default:
+          return;
+      }
+      event.preventDefault();
+      const snapped = snap(nextValue, min, max, step);
+      const next = updateAt(current, index, snapped, gap);
+      setValues(next);
+      commitValues(next);
+    },
+    [disabled, current, max, min, step, reversed, gap, setValues, commitValues]
+  );
+  const pctSig = /* @__PURE__ */ __name((n) => `${Math.round(n * 1e4) / 1e4}%`, "pctSig");
+  const thumbPositionStyle = /* @__PURE__ */ __name((val) => {
+    const ratio = (val - min) / (max - min || 1);
+    const offset = pctSig((reversed ? 1 - ratio : ratio) * 100);
+    if (isVertical) {
+      const verticalOffset = pctSig((reversed ? ratio : 1 - ratio) * 100);
+      return {
+        position: "absolute",
+        top: verticalOffset,
+        left: pctSig(50),
+        marginLeft: -THUMB_SIZE / 2,
+        marginTop: -THUMB_SIZE / 2
+      };
+    }
+    return {
+      position: "absolute",
+      left: offset,
+      top: pctSig(50),
+      marginLeft: -THUMB_SIZE / 2,
+      marginTop: -THUMB_SIZE / 2
+    };
+  }, "thumbPositionStyle");
+  const sortedValues = useMemo(() => current.slice().sort((a, b) => a - b), [current]);
+  const isSingle = sortedValues.length <= 1;
+  const fillStart = isSingle ? min : sortedValues[0] ?? min;
+  const fillEnd = isSingle ? sortedValues[0] ?? min : sortedValues[sortedValues.length - 1] ?? min;
+  const startRatio = (fillStart - min) / (max - min || 1);
+  const endRatio = (fillEnd - min) / (max - min || 1);
+  const pct = /* @__PURE__ */ __name((n) => `${Math.round(n * 1e4) / 1e4}%`, "pct");
+  const rangeStyle = isVertical ? {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: pct((reversed ? 1 - endRatio : startRatio) * 100),
+    top: pct((reversed ? startRatio : 1 - endRatio) * 100),
+    backgroundColor: disabled ? colors.color.neutral["400"] : colors.semantic.interactive.primary
+  } : {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: pct((reversed ? 1 - endRatio : startRatio) * 100),
+    right: pct((reversed ? startRatio : 1 - endRatio) * 100),
+    backgroundColor: disabled ? colors.color.neutral["400"] : colors.semantic.interactive.primary
+  };
+  const trackStyle = isVertical ? {
+    width: TRACK_THICKNESS,
+    height: length,
+    backgroundColor: colors.semantic.background.subtle,
+    borderRadius: TRACK_THICKNESS / 2,
+    position: "relative"
+    // No overflow: hidden here — the thumb is a child and we don't
+    // want it clipped at the track's edge. The fill below sits in
+    // its own absolutely-positioned slot inside the track and
+    // already paints within the track's rounded corners thanks to
+    // matching borderRadius, so we don't need to clip.
+  } : {
+    height: TRACK_THICKNESS,
+    width: "100%",
+    backgroundColor: colors.semantic.background.subtle,
+    borderRadius: TRACK_THICKNESS / 2,
+    position: "relative"
+    // No overflow: hidden here — the thumb is a child and we don't
+    // want it clipped at the track's edge. The fill below sits in
+    // its own absolutely-positioned slot inside the track and
+    // already paints within the track's rounded corners thanks to
+    // matching borderRadius, so we don't need to clip.
+  };
+  const containerStyle = isVertical ? {
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    paddingVertical: THUMB_HIT_SLOP,
+    paddingHorizontal: THUMB_SIZE,
+    opacity: disabled ? 0.5 : 1
+  } : {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: THUMB_HIT_SLOP,
+    paddingHorizontal: THUMB_SIZE / 2,
+    opacity: disabled ? 0.5 : 1
+  };
+  const onTrackResponderGrant = useCallback(
+    (event) => {
+      if (disabled) {
+        return;
+      }
+      measure();
+      const { pageX, pageY } = event.nativeEvent;
+      const targetValue = valueFromClient(pageX, pageY);
+      const idx = closestThumbIndex(targetValue);
+      const next = updateAt(current, idx, targetValue, gap);
+      setValues(next);
+      draggingRef.current = { index: idx, pointerId: 0 };
+      gesturePublisher.begin();
+      onInteractionStart?.();
+    },
+    [
+      disabled,
+      measure,
+      valueFromClient,
+      closestThumbIndex,
+      current,
+      gap,
+      setValues,
+      gesturePublisher,
+      onInteractionStart
+    ]
+  );
+  const onTrackResponderMove = useCallback(
+    (event) => {
+      if (!draggingRef.current) {
+        return;
+      }
+      const { pageX, pageY } = event.nativeEvent;
+      const targetValue = valueFromClient(pageX, pageY);
+      const next = updateAt(current, draggingRef.current.index, targetValue, gap);
+      setValues(next);
+    },
+    [valueFromClient, current, gap, setValues]
+  );
+  const onTrackResponderRelease = useCallback(() => {
+    if (!draggingRef.current) {
+      return;
+    }
+    draggingRef.current = null;
+    commitValues(current);
+    gesturePublisher.end();
+    onInteractionEnd?.();
+  }, [commitValues, current, gesturePublisher, onInteractionEnd]);
+  const trackPointerProps = Platform.OS === "web" ? {
+    onPointerDown: onTrackPointerDown,
+    onPointerMove: onTrackPointerMove,
+    onPointerUp: onTrackPointerUp,
+    onPointerCancel: onTrackPointerUp
+  } : {
+    // Capture variants run BEFORE non-capture handlers and
+    // walk root → leaf, so they win the gesture against an
+    // ancestor ScrollView whose own `onStartShould` would
+    // otherwise claim the touch first. Without these, a
+    // vertical slider inside a vertical ScrollView lets the
+    // ScrollView swallow the drag.
+    onStartShouldSetResponderCapture: /* @__PURE__ */ __name(() => !disabled, "onStartShouldSetResponderCapture"),
+    onMoveShouldSetResponderCapture: /* @__PURE__ */ __name(() => !disabled, "onMoveShouldSetResponderCapture"),
+    onStartShouldSetResponder: /* @__PURE__ */ __name(() => !disabled, "onStartShouldSetResponder"),
+    onMoveShouldSetResponder: /* @__PURE__ */ __name(() => !disabled, "onMoveShouldSetResponder"),
+    onResponderGrant: onTrackResponderGrant,
+    onResponderMove: onTrackResponderMove,
+    onResponderRelease: onTrackResponderRelease,
+    onResponderTerminate: onTrackResponderRelease,
+    onResponderTerminationRequest: /* @__PURE__ */ __name(() => false, "onResponderTerminationRequest")
+  };
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      role: "group",
+      accessibilityRole: "adjustable",
+      ...ariaLabel !== void 0 ? { "aria-label": ariaLabel, accessibilityLabel: ariaLabel } : {},
+      ...disabled ? { "aria-disabled": true } : {},
+      className: cn(
+        isVertical ? "flex-col items-center" : "flex-row items-center",
+        disabled ? "opacity-50" : void 0,
+        className
+      ),
+      style: containerStyle,
+      children: /* @__PURE__ */ jsxs(
+        View,
+        {
+          ref: trackRef,
+          onLayout: measure,
+          ...trackPointerProps,
+          className: cn("relative bg-neutral-200 rounded-full"),
+          style: trackStyle,
+          children: [
+            /* @__PURE__ */ jsx(
+              View,
+              {
+                pointerEvents: "none",
+                style: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  right: 0,
+                  bottom: 0,
+                  borderRadius: TRACK_THICKNESS / 2,
+                  overflow: "hidden"
+                },
+                children: /* @__PURE__ */ jsx(View, { style: rangeStyle })
+              }
+            ),
+            current.map((val, index) => {
+              const ratio = (val - min) / (max - min || 1);
+              const thumbProps = {
+                role: "slider",
+                accessibilityRole: "adjustable",
+                "aria-valuemin": min,
+                "aria-valuemax": max,
+                "aria-valuenow": val,
+                "aria-orientation": orientation,
+                "aria-label": ariaLabelForThumb?.(index) ?? ariaLabel,
+                tabIndex: disabled ? -1 : 0,
+                onKeyDown: handleThumbKeyDown(index),
+                "data-thumb-index": index,
+                "data-value": val,
+                "data-ratio": ratio
+              };
+              return /* @__PURE__ */ jsx(
+                View,
+                {
+                  ...thumbProps,
+                  style: [
+                    thumbPositionStyle(val),
+                    {
+                      width: THUMB_SIZE,
+                      height: THUMB_SIZE,
+                      borderRadius: THUMB_SIZE / 2,
+                      backgroundColor: colors.semantic.background.elevated,
+                      borderWidth: 2,
+                      borderColor: disabled ? colors.color.neutral["400"] : colors.semantic.interactive.primary,
+                      ...Platform.OS === "web" ? { boxShadow: "0 1px 2px rgba(0,0,0,0.1)" } : {}
+                    }
+                  ]
+                },
+                `thumb-${index}`
+              );
+            })
+          ]
+        }
+      )
+    }
+  );
+}, "Slider");
+
+export { Slider, SliderGestureProvider, useSliderInteractionActive };
+//# sourceMappingURL=chunk-ZMSIYLSI.js.map
+//# sourceMappingURL=chunk-ZMSIYLSI.js.map

package/dist/chunk-ZMSIYLSI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/slider-gesture-context.tsx","../src/components/Slider/Slider.tsx"],"names":["useState","useRef","useCallback","useEffect","useMemo","jsx"],"mappings":"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","file":"chunk-ZMSIYLSI.js","sourcesContent":["'use client';\n\n// Cross-tree gesture coordination for Slider. iOS UIScrollView's native\n// pan recognizer can't be preempted from JS-only responder capture, so\n// the canonical workaround is for the wrapping ScrollView to set\n// `scrollEnabled={false}` while a slider is actively being dragged. This\n// context lets the Slider broadcast \"I'm dragging\" up the tree without\n// the consumer having to wire `onInteractionStart`/`onInteractionEnd`\n// individually for every Slider instance — drop a `<SliderGestureProvider>`\n// above your scroll container and read `useSliderInteractionActive()`\n// inside it to drive `scrollEnabled`.\n\nimport { createContext, type ReactNode, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';\n\ntype Subscriber = (active: boolean) => void;\ntype Bus = {\n    /** Mark the start of a drag; returns a release fn that decrements the active count. */\n    begin: () => () => void;\n    /** Subscribe to active-state transitions. Returns an unsubscribe fn. */\n    subscribe: (s: Subscriber) => () => void;\n};\n\nconst Ctx = createContext<Bus | null>(null);\n\nexport function SliderGestureProvider({ children }: { children: ReactNode }) {\n    // We track concurrent drags (theoretically multiple sliders, e.g. a\n    // range with two thumbs) via a ref so begin/release are O(1) and\n    // don't trigger re-renders on the provider itself.\n    const activeCount = useRef(0);\n    const subs = useRef(new Set<Subscriber>());\n\n    const broadcast = useCallback(() => {\n        const isActive = activeCount.current > 0;\n        for (const s of subs.current) {\n            s(isActive);\n        }\n    }, []);\n\n    const bus = useMemo<Bus>(\n        () => ({\n            begin: () => {\n                activeCount.current += 1;\n                broadcast();\n                let released = false;\n                return () => {\n                    if (released) {\n                        return;\n                    }\n                    released = true;\n                    activeCount.current = Math.max(0, activeCount.current - 1);\n                    broadcast();\n                };\n            },\n            subscribe: (s) => {\n                subs.current.add(s);\n                return () => {\n                    subs.current.delete(s);\n                };\n            },\n        }),\n        [broadcast]\n    );\n\n    return <Ctx.Provider value={bus}>{children}</Ctx.Provider>;\n}\n\n/**\n * Read by Slider internally — publishes drag start/end to the provider.\n * Returns { begin, end } stable across renders. No-op if no provider.\n */\nexport function useSliderGesturePublisher(): { begin: () => void; end: () => void } {\n    const bus = useContext(Ctx);\n    const releaseRef = useRef<null | (() => void)>(null);\n    return useMemo(\n        () => ({\n            begin: () => {\n                if (!bus) {\n                    return;\n                }\n                if (releaseRef.current) {\n                    return;\n                }\n                releaseRef.current = bus.begin();\n            },\n            end: () => {\n                if (!bus) {\n                    return;\n                }\n                releaseRef.current?.();\n                releaseRef.current = null;\n            },\n        }),\n        [bus]\n    );\n}\n\n/**\n * Read by a wrapping container (e.g. a ScrollView) to know whether any\n * descendant Slider is actively being dragged. Returns `false` when no\n * provider is mounted.\n */\nexport function useSliderInteractionActive(): boolean {\n    const bus = useContext(Ctx);\n    const [active, setActive] = useState(false);\n    useEffect(() => {\n        if (!bus) {\n            return;\n        }\n        const unsubscribe = bus.subscribe(setActive);\n        return unsubscribe;\n    }, [bus]);\n    return active;\n}\n","'use client';\n\nimport {\n    type KeyboardEvent,\n    type PointerEvent as ReactPointerEvent,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { GestureResponderEvent, ViewStyle } from 'react-native';\nimport { Platform, View } from 'react-native';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\nimport { useSliderGesturePublisher } from './slider-gesture-context';\n\nexport type SliderOrientation = 'horizontal' | 'vertical';\nexport type SliderDirection = 'ltr' | 'rtl';\n\nexport type SliderProps = {\n    /** Controlled value(s). For a single-thumb slider pass `[n]`. */\n    value?: ReadonlyArray<number>;\n    /** Uncontrolled initial value(s). @defaultValue [0] */\n    defaultValue?: ReadonlyArray<number>;\n    /** Fires continuously while a thumb moves. */\n    onChange?: (next: number[]) => void;\n    /** Fires when interaction ends (pointer up, key release). */\n    onValueCommit?: (next: number[]) => void;\n    /**\n     * Fires when a pointer/touch starts driving the slider. Pair with\n     * `onInteractionEnd` to toggle a parent ScrollView's `scrollEnabled`\n     * — RN's responder system can't preempt UIScrollView's native pan\n     * recognizer on iOS, so the canonical fix is for the consumer to\n     * disable scroll while the user is actively dragging.\n     */\n    onInteractionStart?: () => void;\n    /** Fires when a pointer/touch releases (pair with `onInteractionStart`). */\n    onInteractionEnd?: () => void;\n    /** @defaultValue 0 */\n    min?: number;\n    /** @defaultValue 100 */\n    max?: number;\n    /** Step size. @defaultValue 1 */\n    step?: number;\n    /** Multi-thumb spacing — minimum number of `step`s required between adjacent thumbs. @defaultValue 0 */\n    minStepsBetweenThumbs?: number;\n    /** @defaultValue 'horizontal' */\n    orientation?: SliderOrientation;\n    /** Reading direction. Affects which end is min/max for horizontal sliders. @defaultValue 'ltr' */\n    dir?: SliderDirection;\n    /** Reverse the visual + interaction direction (useful for \"less is more\" sliders). */\n    inverted?: boolean;\n    /** When true, the slider is non-interactive. */\n    disabled?: boolean;\n    /** Group-level accessibility label. */\n    'aria-label'?: string;\n    /** Per-thumb label provider — `(index) => string`. Required for multi-thumb sliders to announce sensibly. */\n    ariaLabelForThumb?: (thumbIndex: number) => string;\n    /** Fixed track length when orientation=\"vertical\". @defaultValue 200 */\n    length?: number;\n    className?: string;\n    testID?: string;\n};\n\nconst TRACK_THICKNESS = 6;\nconst THUMB_SIZE = 18;\nconst THUMB_HIT_SLOP = 8;\n\n// Clamp + snap a raw value to [min, max] on the step grid.\nconst snap = (raw: number, min: number, max: number, step: number): number => {\n    const clamped = Math.min(max, Math.max(min, raw));\n    if (step <= 0) {\n        return clamped;\n    }\n    const stepped = Math.round((clamped - min) / step) * step + min;\n    return Math.min(max, Math.max(min, Number.parseFloat(stepped.toFixed(10))));\n};\n\n// Replace one entry in a sorted-values array, then re-sort and enforce\n// the minStepsBetweenThumbs spacing.\nconst updateAt = (values: ReadonlyArray<number>, index: number, next: number, gap: number): number[] => {\n    const out = values.slice();\n    out[index] = next;\n    // Enforce gap by clamping against neighbors. We don't re-sort the array\n    // because thumb identity matters across drags; instead each thumb is\n    // bounded by its neighbors' positions.\n    const left = index > 0 ? out[index - 1] : undefined;\n    const right = index < out.length - 1 ? out[index + 1] : undefined;\n    if (left !== undefined && next < left + gap) {\n        out[index] = left + gap;\n    }\n    if (right !== undefined && next > right - gap) {\n        out[index] = right - gap;\n    }\n    return out;\n};\n\n/**\n * Continuous-value slider. Single-thumb, range (two thumbs), or N-thumb\n * for multi-handle pickers. Mirrors Radix's Slider API: `value`/`defaultValue`\n * is always an array, `onChange` fires continuously while dragging,\n * and `onValueCommit` fires when interaction ends.\n *\n * Keyboard nav (per-thumb):\n *   - ArrowRight/ArrowUp → +step (ArrowLeft/ArrowDown → -step). The axis\n *     follows orientation; horizontal sliders honor `dir=\"rtl\"` and\n *     `inverted` to flip arrow meaning.\n *   - PageUp/PageDown → ±10·step (or ±10% of range, whichever is larger).\n *   - Home / End → min / max.\n *\n * Pointer behavior (web): clicking the track moves the nearest thumb to\n * the click; dragging a thumb continuously updates with `pointer-capture`\n * so the cursor doesn't lose tracking when it strays off the thumb. On\n * native, tap-to-position works; long-press dragging is a future\n * enhancement.\n *\n * RTL: when `dir=\"rtl\"` (horizontal only), the visual mapping flips so\n * the higher value sits on the left, matching Radix and shadcn.\n */\nexport const Slider = ({\n    value,\n    defaultValue,\n    onChange,\n    onValueCommit,\n    onInteractionStart,\n    onInteractionEnd,\n    min = 0,\n    max = 100,\n    step = 1,\n    minStepsBetweenThumbs = 0,\n    orientation = 'horizontal',\n    dir = 'ltr',\n    inverted = false,\n    disabled = false,\n    ariaLabelForThumb,\n    length = 200,\n    className,\n    testID,\n    ...rest\n}: SliderProps) => {\n    const colors = useThemeColors();\n    const ariaLabel = rest['aria-label'];\n    const isVertical = orientation === 'vertical';\n    // `reversed` flips the visual mapping: default vertical sliders have\n    // max at the TOP (drag UP to increase, matching audio faders / volume\n    // controls / brightness sliders). Horizontal LTR has max at the\n    // right; horizontal RTL flips that. The `inverted` prop opts INTO\n    // the opposite direction for either axis.\n    const reversed = isVertical ? Boolean(inverted) : dir === 'rtl' ? !inverted : Boolean(inverted);\n    const gap = step * minStepsBetweenThumbs;\n\n    const initial = (defaultValue ?? value ?? [min]).map((v) => snap(v, min, max, step));\n    const [inner, setInner] = useState<number[]>(initial);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value.map((v) => snap(v, min, max, step)) : inner;\n\n    const trackRef = useRef<View | null>(null);\n    const trackRectRef = useRef<{ x: number; y: number; width: number; height: number } | null>(null);\n\n    // Measure the track on layout (RN onLayout), and on web also on\n    // window resize, since onLayout doesn't fire for window-relative shifts.\n    // On native we use `measureInWindow` to get window-relative coords that\n    // line up with `event.nativeEvent.pageX/pageY` from the responder.\n    const measure = useCallback(() => {\n        const node = trackRef.current;\n        if (!node) {\n            return;\n        }\n        if (Platform.OS === 'web') {\n            const webNode = node as unknown as HTMLElement;\n            if (typeof window === 'undefined' || typeof webNode.getBoundingClientRect !== 'function') {\n                return;\n            }\n            const rect = webNode.getBoundingClientRect();\n            trackRectRef.current = { x: rect.left, y: rect.top, width: rect.width, height: rect.height };\n            return;\n        }\n        if (typeof node.measureInWindow === 'function') {\n            node.measureInWindow((x, y, width, height) => {\n                trackRectRef.current = { x, y, width, height };\n            });\n        }\n    }, []);\n\n    useEffect(() => {\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        measure();\n        window.addEventListener('resize', measure);\n        return () => window.removeEventListener('resize', measure);\n    }, [measure]);\n\n    const setValues = useCallback(\n        (next: number[]) => {\n            if (!isControlled) {\n                setInner(next);\n            }\n            onChange?.(next);\n        },\n        [isControlled, onChange]\n    );\n\n    const commitValues = useCallback(\n        (next: number[]) => {\n            onValueCommit?.(next);\n        },\n        [onValueCommit]\n    );\n\n    // Convert pointer position → value. Returns the value the cursor maps to,\n    // honoring orientation, RTL/inverted, and snapping to step.\n    const valueFromClient = useCallback(\n        (clientX: number, clientY: number): number => {\n            const rect = trackRectRef.current;\n            if (!rect) {\n                return min;\n            }\n            const len = isVertical ? rect.height : rect.width;\n            if (len <= 0) {\n                return min;\n            }\n            const offset = isVertical ? clientY - rect.y : clientX - rect.x;\n            let ratio = offset / len;\n            ratio = Math.min(1, Math.max(0, ratio));\n            // For vertical, the visual top is max (higher = up), so invert.\n            if (isVertical) {\n                ratio = 1 - ratio;\n            }\n            if (reversed) {\n                ratio = 1 - ratio;\n            }\n            const raw = min + ratio * (max - min);\n            return snap(raw, min, max, step);\n        },\n        [isVertical, reversed, min, max, step]\n    );\n\n    // Find the index of the thumb closest to a given value.\n    const closestThumbIndex = useCallback(\n        (target: number): number => {\n            let best = 0;\n            let bestDelta = Number.POSITIVE_INFINITY;\n            for (let i = 0; i < current.length; i += 1) {\n                const cv = current[i];\n                if (cv === undefined) {\n                    continue;\n                }\n                const delta = Math.abs(cv - target);\n                if (delta < bestDelta) {\n                    best = i;\n                    bestDelta = delta;\n                }\n            }\n            return best;\n        },\n        [current]\n    );\n\n    const draggingRef = useRef<{ index: number; pointerId: number } | null>(null);\n    // Auto-publishes drag state to a `<SliderGestureProvider>` ancestor\n    // (no-op if none is mounted). Containers that need to disable scroll\n    // during a drag read the same context via `useSliderInteractionActive`.\n    const gesturePublisher = useSliderGesturePublisher();\n\n    const onTrackPointerDown = useCallback(\n        (event: ReactPointerEvent<HTMLElement>) => {\n            if (disabled) {\n                return;\n            }\n            measure();\n            const targetValue = valueFromClient(event.clientX, event.clientY);\n            const idx = closestThumbIndex(targetValue);\n            const next = updateAt(current, idx, targetValue, gap);\n            setValues(next);\n            draggingRef.current = { index: idx, pointerId: event.pointerId };\n            event.currentTarget.setPointerCapture?.(event.pointerId);\n            gesturePublisher.begin();\n            onInteractionStart?.();\n        },\n        [\n            disabled,\n            measure,\n            valueFromClient,\n            closestThumbIndex,\n            current,\n            gap,\n            setValues,\n            gesturePublisher,\n            onInteractionStart,\n        ]\n    );\n\n    const onTrackPointerMove = useCallback(\n        (event: ReactPointerEvent<HTMLElement>) => {\n            const drag = draggingRef.current;\n            if (!drag || drag.pointerId !== event.pointerId) {\n                return;\n            }\n            const targetValue = valueFromClient(event.clientX, event.clientY);\n            const next = updateAt(current, drag.index, targetValue, gap);\n            setValues(next);\n        },\n        [valueFromClient, current, gap, setValues]\n    );\n\n    const onTrackPointerUp = useCallback(\n        (event: ReactPointerEvent<HTMLElement>) => {\n            const drag = draggingRef.current;\n            if (!drag || drag.pointerId !== event.pointerId) {\n                return;\n            }\n            draggingRef.current = null;\n            commitValues(current);\n            gesturePublisher.end();\n            onInteractionEnd?.();\n        },\n        [commitValues, current, gesturePublisher, onInteractionEnd]\n    );\n\n    const handleThumbKeyDown = useCallback(\n        (index: number) => (event: KeyboardEvent<HTMLElement>) => {\n            if (disabled) {\n                return;\n            }\n            const cv = current[index];\n            if (cv === undefined) {\n                return;\n            }\n            const range = max - min;\n            const big = Math.max(step * 10, range / 10);\n            const arrowSign = (key: 'inc' | 'dec') => {\n                // Arrow ↑/→ is \"increase\" in default direction; flip for RTL/inverted.\n                const base = key === 'inc' ? 1 : -1;\n                return reversed ? -base : base;\n            };\n            let nextValue = cv;\n            switch (event.key) {\n                case 'ArrowRight':\n                case 'ArrowUp':\n                    nextValue = cv + step * arrowSign('inc');\n                    break;\n                case 'ArrowLeft':\n                case 'ArrowDown':\n                    nextValue = cv + step * arrowSign('dec');\n                    break;\n                case 'PageUp':\n                    nextValue = cv + big * arrowSign('inc');\n                    break;\n                case 'PageDown':\n                    nextValue = cv + big * arrowSign('dec');\n                    break;\n                case 'Home':\n                    nextValue = min;\n                    break;\n                case 'End':\n                    nextValue = max;\n                    break;\n                default:\n                    return;\n            }\n            event.preventDefault();\n            const snapped = snap(nextValue, min, max, step);\n            const next = updateAt(current, index, snapped, gap);\n            setValues(next);\n            commitValues(next);\n        },\n        [disabled, current, max, min, step, reversed, gap, setValues, commitValues]\n    );\n\n    // Visual layout. The thumb sits on top of the track at its value's\n    // position; the range fills from the lowest thumb to the highest.\n    const pctSig = (n: number) => `${Math.round(n * 10000) / 10000}%` as unknown as number;\n    const thumbPositionStyle = (val: number): ViewStyle => {\n        const ratio = (val - min) / (max - min || 1);\n        const offset = pctSig((reversed ? 1 - ratio : ratio) * 100);\n        if (isVertical) {\n            // Vertical: top=max, bottom=min by default (reverse visual mapping).\n            const verticalOffset = pctSig((reversed ? ratio : 1 - ratio) * 100);\n            return {\n                position: 'absolute',\n                top: verticalOffset,\n                left: pctSig(50),\n                marginLeft: -THUMB_SIZE / 2,\n                marginTop: -THUMB_SIZE / 2,\n            };\n        }\n        return {\n            position: 'absolute',\n            left: offset,\n            top: pctSig(50),\n            marginLeft: -THUMB_SIZE / 2,\n            marginTop: -THUMB_SIZE / 2,\n        };\n    };\n\n    const sortedValues = useMemo(() => current.slice().sort((a, b) => a - b), [current]);\n    // Fill behavior:\n    //   - Single thumb: fill from min → value (matches Radix / shadcn).\n    //     Without this, a single-thumb slider has no visible fill at all\n    //     because the start and end of the range are the same value.\n    //   - Multi thumb: fill from lowest thumb → highest thumb (range region).\n    const isSingle = sortedValues.length <= 1;\n    const fillStart = isSingle ? min : (sortedValues[0] ?? min);\n    const fillEnd = isSingle ? (sortedValues[0] ?? min) : (sortedValues[sortedValues.length - 1] ?? min);\n    const startRatio = (fillStart - min) / (max - min || 1);\n    const endRatio = (fillEnd - min) / (max - min || 1);\n\n    // Casts: RN-Web accepts percentage strings for inset properties, but\n    // RN's TS surface (DimensionValue) is narrower. Cast at the boundary.\n    // Round to 4 decimals so floating-point noise (`19.999999%`) doesn't\n    // bleed into rendered styles.\n    const pct = (n: number) => `${Math.round(n * 10000) / 10000}%` as unknown as number;\n    const rangeStyle: ViewStyle = isVertical\n        ? {\n              position: 'absolute',\n              left: 0,\n              right: 0,\n              bottom: pct((reversed ? 1 - endRatio : startRatio) * 100),\n              top: pct((reversed ? startRatio : 1 - endRatio) * 100),\n              backgroundColor: disabled ? colors.color.neutral['400'] : colors.semantic.interactive.primary,\n          }\n        : {\n              position: 'absolute',\n              top: 0,\n              bottom: 0,\n              left: pct((reversed ? 1 - endRatio : startRatio) * 100),\n              right: pct((reversed ? startRatio : 1 - endRatio) * 100),\n              backgroundColor: disabled ? colors.color.neutral['400'] : colors.semantic.interactive.primary,\n          };\n\n    const trackStyle: ViewStyle = isVertical\n        ? {\n              width: TRACK_THICKNESS,\n              height: length,\n              backgroundColor: colors.semantic.background.subtle,\n              borderRadius: TRACK_THICKNESS / 2,\n              position: 'relative',\n              // No overflow: hidden here — the thumb is a child and we don't\n              // want it clipped at the track's edge. The fill below sits in\n              // its own absolutely-positioned slot inside the track and\n              // already paints within the track's rounded corners thanks to\n              // matching borderRadius, so we don't need to clip.\n          }\n        : {\n              height: TRACK_THICKNESS,\n              width: '100%',\n              backgroundColor: colors.semantic.background.subtle,\n              borderRadius: TRACK_THICKNESS / 2,\n              position: 'relative',\n              // No overflow: hidden here — the thumb is a child and we don't\n              // want it clipped at the track's edge. The fill below sits in\n              // its own absolutely-positioned slot inside the track and\n              // already paints within the track's rounded corners thanks to\n              // matching borderRadius, so we don't need to clip.\n          };\n\n    const containerStyle: ViewStyle = isVertical\n        ? {\n              flexDirection: 'column',\n              alignItems: 'center',\n              justifyContent: 'center',\n              paddingVertical: THUMB_HIT_SLOP,\n              paddingHorizontal: THUMB_SIZE,\n              opacity: disabled ? 0.5 : 1,\n          }\n        : {\n              flexDirection: 'row',\n              alignItems: 'center',\n              paddingVertical: THUMB_HIT_SLOP,\n              paddingHorizontal: THUMB_SIZE / 2,\n              opacity: disabled ? 0.5 : 1,\n          };\n\n    // Native gesture handlers — claim the responder so a parent ScrollView\n    // can't steal the drag, then drive the same value-from-coords logic\n    // using `pageX`/`pageY` (window-relative, matches `measureInWindow`).\n    const onTrackResponderGrant = useCallback(\n        (event: GestureResponderEvent) => {\n            if (disabled) {\n                return;\n            }\n            // Re-measure on grant to capture any layout shift that happened\n            // between mount and the first touch (e.g. inside an animated\n            // ScrollView). Doing it here is cheap and guarantees fresh\n            // coords for the upcoming move sequence.\n            measure();\n            const { pageX, pageY } = event.nativeEvent;\n            const targetValue = valueFromClient(pageX, pageY);\n            const idx = closestThumbIndex(targetValue);\n            const next = updateAt(current, idx, targetValue, gap);\n            setValues(next);\n            draggingRef.current = { index: idx, pointerId: 0 };\n            gesturePublisher.begin();\n            onInteractionStart?.();\n        },\n        [\n            disabled,\n            measure,\n            valueFromClient,\n            closestThumbIndex,\n            current,\n            gap,\n            setValues,\n            gesturePublisher,\n            onInteractionStart,\n        ]\n    );\n    const onTrackResponderMove = useCallback(\n        (event: GestureResponderEvent) => {\n            if (!draggingRef.current) {\n                return;\n            }\n            const { pageX, pageY } = event.nativeEvent;\n            const targetValue = valueFromClient(pageX, pageY);\n            const next = updateAt(current, draggingRef.current.index, targetValue, gap);\n            setValues(next);\n        },\n        [valueFromClient, current, gap, setValues]\n    );\n    const onTrackResponderRelease = useCallback(() => {\n        if (!draggingRef.current) {\n            return;\n        }\n        draggingRef.current = null;\n        commitValues(current);\n        gesturePublisher.end();\n        onInteractionEnd?.();\n    }, [commitValues, current, gesturePublisher, onInteractionEnd]);\n\n    // RN's View doesn't model pointer events in its TS surface; rn-web\n    // forwards them. Cast at the spread boundary. Native uses the\n    // GestureResponder system so a vertical slider inside a ScrollView\n    // still wins the touch — `onMoveShouldSetResponderCapture` claims\n    // the gesture before the ScrollView can.\n    const trackPointerProps: Record<string, unknown> =\n        Platform.OS === 'web'\n            ? {\n                  onPointerDown: onTrackPointerDown,\n                  onPointerMove: onTrackPointerMove,\n                  onPointerUp: onTrackPointerUp,\n                  onPointerCancel: onTrackPointerUp,\n              }\n            : {\n                  // Capture variants run BEFORE non-capture handlers and\n                  // walk root → leaf, so they win the gesture against an\n                  // ancestor ScrollView whose own `onStartShould` would\n                  // otherwise claim the touch first. Without these, a\n                  // vertical slider inside a vertical ScrollView lets the\n                  // ScrollView swallow the drag.\n                  onStartShouldSetResponderCapture: () => !disabled,\n                  onMoveShouldSetResponderCapture: () => !disabled,\n                  onStartShouldSetResponder: () => !disabled,\n                  onMoveShouldSetResponder: () => !disabled,\n                  onResponderGrant: onTrackResponderGrant,\n                  onResponderMove: onTrackResponderMove,\n                  onResponderRelease: onTrackResponderRelease,\n                  onResponderTerminate: onTrackResponderRelease,\n                  onResponderTerminationRequest: () => false,\n              };\n\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"group\"\n            accessibilityRole=\"adjustable\"\n            {...(ariaLabel !== undefined ? { 'aria-label': ariaLabel, accessibilityLabel: ariaLabel } : {})}\n            {...(disabled ? { 'aria-disabled': true } : {})}\n            className={cn(\n                isVertical ? 'flex-col items-center' : 'flex-row items-center',\n                disabled ? 'opacity-50' : undefined,\n                className\n            )}\n            style={containerStyle}\n        >\n            <View\n                ref={trackRef}\n                onLayout={measure}\n                {...trackPointerProps}\n                className={cn('relative bg-neutral-200 rounded-full')}\n                style={trackStyle}\n            >\n                {/* Inner clipper holds the range fill so its left/right\n                 * edges round naturally against the track's borderRadius.\n                 * The thumbs live OUTSIDE this clipper as direct children\n                 * of the track, so they aren't truncated to track height. */}\n                <View\n                    pointerEvents=\"none\"\n                    style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        right: 0,\n                        bottom: 0,\n                        borderRadius: TRACK_THICKNESS / 2,\n                        overflow: 'hidden',\n                    }}\n                >\n                    <View style={rangeStyle} />\n                </View>\n                {current.map((val, index) => {\n                    const ratio = (val - min) / (max - min || 1);\n                    const thumbProps: Record<string, unknown> = {\n                        role: 'slider',\n                        accessibilityRole: 'adjustable',\n                        'aria-valuemin': min,\n                        'aria-valuemax': max,\n                        'aria-valuenow': val,\n                        'aria-orientation': orientation,\n                        'aria-label': ariaLabelForThumb?.(index) ?? ariaLabel,\n                        tabIndex: disabled ? -1 : 0,\n                        onKeyDown: handleThumbKeyDown(index),\n                        'data-thumb-index': index,\n                        'data-value': val,\n                        'data-ratio': ratio,\n                    };\n                    return (\n                        <View\n                            // biome-ignore lint/suspicious/noArrayIndexKey: thumb identity IS its index — values preserve order across renders.\n                            key={`thumb-${index}`}\n                            {...thumbProps}\n                            style={[\n                                thumbPositionStyle(val),\n                                {\n                                    width: THUMB_SIZE,\n                                    height: THUMB_SIZE,\n                                    borderRadius: THUMB_SIZE / 2,\n                                    backgroundColor: colors.semantic.background.elevated,\n                                    borderWidth: 2,\n                                    borderColor: disabled\n                                        ? colors.color.neutral['400']\n                                        : colors.semantic.interactive.primary,\n                                    ...(Platform.OS === 'web'\n                                        ? ({ boxShadow: '0 1px 2px rgba(0,0,0,0.1)' } as ViewStyle)\n                                        : {}),\n                                },\n                            ]}\n                        />\n                    );\n                })}\n            </View>\n        </View>\n    );\n};\n"]}