@tamagui/slider 1.74.2 → 1.74.4

package/dist/esm/Slider.native.js

@@ -0,0 +1,438 @@
+import { composeRefs, useComposedRefs } from "@tamagui/compose-refs";
+import {
+  createShallowSetState,
+  getTokens,
+  getVariableValue,
+  isClient,
+  isWeb,
+  styled,
+  withStaticProperties
+} from "@tamagui/core";
+import { getSize } from "@tamagui/get-token";
+import { clamp, composeEventHandlers } from "@tamagui/helpers";
+import { ThemeableStack } from "@tamagui/stacks";
+import { useControllableState } from "@tamagui/use-controllable-state";
+import { useDirection } from "@tamagui/use-direction";
+import * as React from "react";
+import {
+  ARROW_KEYS,
+  BACK_KEYS,
+  PAGE_KEYS,
+  SLIDER_NAME,
+  SliderOrientationProvider,
+  SliderProvider,
+  useSliderContext,
+  useSliderOrientationContext
+} from "./constants";
+import {
+  convertValueToPercentage,
+  getClosestValueIndex,
+  getDecimalCount,
+  getLabel,
+  getNextSortedValues,
+  getThumbInBoundsOffset,
+  hasMinStepsBetweenValues,
+  linearScale,
+  roundValue
+} from "./helpers";
+import { SliderFrame, SliderImpl } from "./SliderImpl";
+import { jsx } from "react/jsx-runtime";
+const SliderHorizontal = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      min,
+      max,
+      dir,
+      onSlideStart,
+      onSlideMove,
+      onStepKeyDown,
+      onSlideEnd,
+      ...sliderProps
+    } = props, direction = useDirection(dir), isDirectionLTR = direction === "ltr", sliderRef = React.useRef(null), [state, setState_] = React.useState(() => ({ size: 0, offset: 0 })), setState = createShallowSetState(setState_);
+    function getValueFromPointer(pointerPosition) {
+      const input = [0, state.size];
+      return linearScale(input, isDirectionLTR ? [min, max] : [max, min])(pointerPosition);
+    }
+    const measure = () => {
+      sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
+        setState({
+          size: width,
+          offset: pageX
+        });
+      });
+    };
+    return isClient && useOnDebouncedWindowResize(measure), /* @__PURE__ */ jsx(
+      SliderOrientationProvider,
+      {
+        scope: props.__scopeSlider,
+        startEdge: isDirectionLTR ? "left" : "right",
+        endEdge: isDirectionLTR ? "right" : "left",
+        direction: isDirectionLTR ? 1 : -1,
+        sizeProp: "width",
+        size: state.size,
+        children: /* @__PURE__ */ jsx(
+          SliderImpl,
+          {
+            ref: composeRefs(forwardedRef, sliderRef),
+            dir: direction,
+            ...sliderProps,
+            orientation: "horizontal",
+            onLayout: measure,
+            onSlideStart: (event, target) => {
+              const value = getValueFromPointer(event.nativeEvent.locationX);
+              value && onSlideStart?.(value, target, event);
+            },
+            onSlideMove: (event) => {
+              const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
+              value && onSlideMove?.(value, event);
+            },
+            onSlideEnd: (event) => {
+              const value = getValueFromPointer(event.nativeEvent.pageX - state.offset);
+              value && onSlideEnd?.(event, value);
+            },
+            onStepKeyDown: (event) => {
+              const isBackKey = BACK_KEYS[direction].includes(event.key);
+              onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+);
+function useOnDebouncedWindowResize(callback, amt = 200) {
+  React.useEffect(() => {
+    let last;
+    const onResize = () => {
+      clearTimeout(last), last = setTimeout(callback, amt);
+    };
+    return window.addEventListener("resize", onResize), () => {
+      clearTimeout(last), window.removeEventListener("resize", onResize);
+    };
+  }, []);
+}
+const SliderVertical = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      min,
+      max,
+      onSlideStart,
+      onSlideMove,
+      onStepKeyDown,
+      onSlideEnd,
+      ...sliderProps
+    } = props, [state, setState_] = React.useState(() => ({ size: 0, offset: 0 })), setState = createShallowSetState(setState_), sliderRef = React.useRef(null);
+    function getValueFromPointer(pointerPosition) {
+      const input = [0, state.size];
+      return linearScale(input, [max, min])(pointerPosition);
+    }
+    const measure = () => {
+      sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
+        setState({
+          size: height,
+          offset: pageY
+        });
+      });
+    };
+    return isClient && useOnDebouncedWindowResize(measure), /* @__PURE__ */ jsx(
+      SliderOrientationProvider,
+      {
+        scope: props.__scopeSlider,
+        startEdge: "bottom",
+        endEdge: "top",
+        sizeProp: "height",
+        size: state.size,
+        direction: 1,
+        children: /* @__PURE__ */ jsx(
+          SliderImpl,
+          {
+            ref: composeRefs(forwardedRef, sliderRef),
+            ...sliderProps,
+            orientation: "vertical",
+            onLayout: measure,
+            onSlideStart: (event, target) => {
+              const value = getValueFromPointer(event.nativeEvent.locationY);
+              value && onSlideStart?.(value, target, event);
+            },
+            onSlideMove: (event) => {
+              const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
+              value && onSlideMove?.(value, event);
+            },
+            onSlideEnd: (event) => {
+              const value = getValueFromPointer(event.nativeEvent.pageY - state.offset);
+              onSlideEnd?.(event, value);
+            },
+            onStepKeyDown: (event) => {
+              const isBackKey = BACK_KEYS.ltr.includes(event.key);
+              onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), TRACK_NAME = "SliderTrack", SliderTrackFrame = styled(SliderFrame, {
+  name: "SliderTrack",
+  variants: {
+    unstyled: {
+      false: {
+        height: "100%",
+        width: "100%",
+        backgroundColor: "$background",
+        position: "relative",
+        borderRadius: 1e5,
+        overflow: "hidden"
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), SliderTrack = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSlider, ...trackProps } = props, context = useSliderContext(TRACK_NAME, __scopeSlider);
+    return /* @__PURE__ */ jsx(
+      SliderTrackFrame,
+      {
+        "data-disabled": context.disabled ? "" : void 0,
+        "data-orientation": context.orientation,
+        orientation: context.orientation,
+        size: context.size,
+        ...trackProps,
+        ref: forwardedRef
+      }
+    );
+  }
+);
+SliderTrack.displayName = TRACK_NAME;
+const RANGE_NAME = "SliderTrackActive", SliderTrackActiveFrame = styled(SliderFrame, {
+  name: "SliderTrackActive",
+  backgroundColor: "$background",
+  position: "absolute"
+}), SliderTrackActive = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeSlider, ...rangeProps } = props, context = useSliderContext(RANGE_NAME, __scopeSlider), orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider), ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(
+      (value) => convertValueToPercentage(value, context.min, context.max)
+    ), offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0, offsetEnd = 100 - Math.max(...percentages);
+    return /* @__PURE__ */ jsx(
+      SliderTrackActiveFrame,
+      {
+        orientation: context.orientation,
+        "data-orientation": context.orientation,
+        "data-disabled": context.disabled ? "" : void 0,
+        size: context.size,
+        animateOnly: ["left", "top", "right", "bottom"],
+        ...rangeProps,
+        ref: composedRefs,
+        [orientation.startEdge]: `${offsetStart}%`,
+        [orientation.endEdge]: `${offsetEnd}%`,
+        ...orientation.sizeProp === "width" ? {
+          height: "100%"
+        } : {
+          left: 0,
+          right: 0
+        }
+      }
+    );
+  }
+);
+SliderTrackActive.displayName = RANGE_NAME;
+const THUMB_NAME = "SliderThumb", getThumbSize = (val) => {
+  const tokens = getTokens(), size = typeof val == "number" ? val : getSize(tokens.size[val], {
+    shift: -1
+  });
+  return {
+    width: size,
+    height: size,
+    minWidth: size,
+    minHeight: size
+  };
+}, SliderThumbFrame = styled(ThemeableStack, {
+  name: "SliderThumb",
+  variants: {
+    size: {
+      "...size": getThumbSize
+    },
+    unstyled: {
+      false: {
+        position: "absolute",
+        bordered: 2,
+        borderWidth: 2,
+        backgrounded: !0,
+        pressTheme: isWeb,
+        focusTheme: isWeb,
+        hoverTheme: isWeb
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: !1
+  }
+}), SliderThumb = SliderThumbFrame.styleable(function(props, forwardedRef) {
+  const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = useSliderContext(THUMB_NAME, __scopeSlider), orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React.useState(null), composedRefs = useComposedRefs(
+    forwardedRef,
+    (node) => setThumb(node)
+  ), value = context.values[index], percent = value === void 0 ? 0 : convertValueToPercentage(value, context.min, context.max), label = getLabel(index, context.values.length), sizeIn = sizeProp ?? context.size ?? "$true", [size, setSize] = React.useState(() => getVariableValue(getThumbSize(sizeIn).width)), thumbInBoundsOffset = size ? getThumbInBoundsOffset(size, percent, orientation.direction) : 0;
+  React.useEffect(() => {
+    if (thumb)
+      return context.thumbs.add(thumb), () => {
+        context.thumbs.delete(thumb);
+      };
+  }, [thumb, context.thumbs]);
+  const positionalStyles = context.orientation === "horizontal" ? {
+    x: thumbInBoundsOffset - size / 2,
+    y: -size / 2,
+    top: "50%",
+    ...size === 0 && {
+      top: "auto",
+      bottom: "auto"
+    }
+  } : {
+    x: -size / 2,
+    y: size / 2,
+    left: "50%",
+    ...size === 0 && {
+      left: "auto",
+      right: "auto"
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    SliderThumbFrame,
+    {
+      ref: composedRefs,
+      role: "slider",
+      "aria-label": props["aria-label"] || label,
+      "aria-valuemin": context.min,
+      "aria-valuenow": value,
+      "aria-valuemax": context.max,
+      "aria-orientation": context.orientation,
+      "data-orientation": context.orientation,
+      "data-disabled": context.disabled ? "" : void 0,
+      tabIndex: context.disabled ? void 0 : 0,
+      animateOnly: ["transform", "left", "top", "right", "bottom"],
+      ...positionalStyles,
+      [orientation.startEdge]: `${percent}%`,
+      size: sizeIn,
+      ...thumbProps,
+      onLayout: (e) => {
+        setSize(e.nativeEvent.layout[orientation.sizeProp]);
+      },
+      onFocus: composeEventHandlers(props.onFocus, () => {
+        context.valueIndexToChangeRef.current = index;
+      })
+    }
+  );
+}), SliderComponent = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      name,
+      min = 0,
+      max = 100,
+      step = 1,
+      orientation = "horizontal",
+      disabled = !1,
+      minStepsBetweenThumbs = 0,
+      defaultValue = [min],
+      value,
+      onValueChange = () => {
+      },
+      size: sizeProp,
+      onSlideEnd,
+      onSlideMove,
+      onSlideStart,
+      ...sliderProps
+    } = props, sliderRef = React.useRef(null), composedRefs = useComposedRefs(sliderRef, forwardedRef), thumbRefs = React.useRef(/* @__PURE__ */ new Set()), valueIndexToChangeRef = React.useRef(0), isHorizontal = orientation === "horizontal", [values = [], setValues] = useControllableState({
+      prop: value,
+      defaultProp: defaultValue,
+      transition: !0,
+      onChange: (value2) => {
+        isWeb && [...thumbRefs.current][valueIndexToChangeRef.current]?.focus(), onValueChange(value2);
+      }
+    });
+    isWeb && React.useEffect(() => {
+      const node = sliderRef.current;
+      if (!node)
+        return;
+      const preventDefault = (e) => {
+        e.preventDefault();
+      };
+      return node.addEventListener("touchstart", preventDefault), () => {
+        node.removeEventListener("touchstart", preventDefault);
+      };
+    }, []);
+    function handleSlideMove(value2, event) {
+      updateValues(value2, valueIndexToChangeRef.current), onSlideMove?.(event, value2);
+    }
+    function updateValues(value2, atIndex) {
+      const decimalCount = getDecimalCount(step), snapToStep = roundValue(
+        Math.round((value2 - min) / step) * step + min,
+        decimalCount
+      ), nextValue = clamp(snapToStep, [min, max]);
+      setValues((prevValues = []) => {
+        const nextValues = getNextSortedValues(prevValues, nextValue, atIndex);
+        return hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step) ? (valueIndexToChangeRef.current = nextValues.indexOf(nextValue), String(nextValues) === String(prevValues) ? prevValues : nextValues) : prevValues;
+      });
+    }
+    const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical;
+    return /* @__PURE__ */ jsx(
+      SliderProvider,
+      {
+        scope: props.__scopeSlider,
+        disabled,
+        min,
+        max,
+        valueIndexToChangeRef,
+        thumbs: thumbRefs.current,
+        values,
+        orientation,
+        size: sizeProp,
+        children: /* @__PURE__ */ jsx(
+          SliderOriented,
+          {
+            "aria-disabled": disabled,
+            "data-disabled": disabled ? "" : void 0,
+            ...sliderProps,
+            ref: composedRefs,
+            min,
+            max,
+            onSlideEnd,
+            onSlideStart: disabled ? void 0 : (value2, target, event) => {
+              if (target !== "thumb") {
+                const closestIndex = getClosestValueIndex(values, value2);
+                updateValues(value2, closestIndex), onSlideStart?.(event, value2, target);
+              }
+            },
+            onSlideMove: disabled ? void 0 : handleSlideMove,
+            onHomeKeyDown: () => !disabled && updateValues(min, 0),
+            onEndKeyDown: () => !disabled && updateValues(max, values.length - 1),
+            onStepKeyDown: ({ event, direction: stepDirection }) => {
+              if (!disabled) {
+                const multiplier = PAGE_KEYS.includes(event.key) || event.shiftKey && ARROW_KEYS.includes(event.key) ? 10 : 1, atIndex = valueIndexToChangeRef.current, value2 = values[atIndex], stepInDirection = step * multiplier * stepDirection;
+                updateValues(value2 + stepInDirection, atIndex);
+              }
+            }
+          }
+        )
+      }
+    );
+  }
+), Slider = withStaticProperties(SliderComponent, {
+  Track: SliderTrack,
+  TrackActive: SliderTrackActive,
+  Thumb: SliderThumb
+});
+Slider.displayName = SLIDER_NAME;
+const Track = SliderTrack, Range = SliderTrackActive, Thumb = SliderThumb;
+export {
+  Range,
+  Slider,
+  SliderThumb,
+  SliderThumbFrame,
+  SliderTrack,
+  SliderTrackActive,
+  SliderTrackActiveFrame,
+  SliderTrackFrame,
+  Thumb,
+  Track
+};
+//# sourceMappingURL=Slider.js.map

package/dist/esm/Slider.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Slider.tsx"],
+  "mappings": "AAEA,SAAS,aAAa,uBAAuB;AAC7C;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,OAAO,4BAA4B;AAC5C,SAA4B,sBAAsB;AAClD,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,YAAY,WAAW;AAGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,kBAAkB;AA6DhC;AA/CR,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAA2C,iBAAiB;AAC3D,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,YAAY,aAAa,GAAG,GAC5B,iBAAiB,cAAc,OAC/B,YAAY,MAAM,OAAa,IAAI,GACnC,CAAC,OAAO,SAAS,IAAI,MAAM,SAAS,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE,GAClE,WAAW,sBAAsB,SAAS;AAEhD,aAAS,oBAAoB,iBAAyB;AACpD,YAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAG9C,aADc,YAAY,OADO,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG,CACjC,EAC1B,eAAe;AAAA,IAC9B;AAEA,UAAM,UAAU,MAAM;AACpB,gBAAU,SAAS,QAAQ,CAAC,IAAI,IAAI,OAAO,SAAS,OAAO,WAAW;AACpE,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQ;AAAA,QACV,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAEA,WAAI,YACF,2BAA2B,OAAO,GAIlC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb,WAAW,iBAAiB,SAAS;AAAA,QACrC,SAAS,iBAAiB,UAAU;AAAA,QACpC,WAAW,iBAAiB,IAAI;AAAA,QAChC,UAAS;AAAA,QACT,MAAM,MAAM;AAAA,QAEZ;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,YAAY,cAAc,SAAS;AAAA,YACxC,KAAK;AAAA,YACJ,GAAG;AAAA,YACJ,aAAY;AAAA,YACZ,UAAU;AAAA,YACV,cAAc,CAAC,OAAO,WAAW;AAC/B,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,SAAS;AAC7D,cAAI,SACF,eAAe,OAAO,QAAQ,KAAK;AAAA,YAEvC;AAAA,YACA,aAAa,CAAC,UAAU;AACtB,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;AACxE,cAAI,SACF,cAAc,OAAO,KAAK;AAAA,YAE9B;AAAA,YACA,YAAY,CAAC,UAAU;AACrB,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;AACxE,cAAI,SACF,aAAa,OAAO,KAAK;AAAA,YAE7B;AAAA,YACA,eAAe,CAAC,UAAU;AACxB,oBAAM,YAAY,UAAU,SAAS,EAAE,SAAS,MAAM,GAAG;AACzD,8BAAgB,EAAE,OAAO,WAAW,YAAY,KAAK,EAAE,CAAC;AAAA,YAC1D;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;AAEA,SAAS,2BAA2B,UAAoB,MAAM,KAAK;AACjE,QAAM,UAAU,MAAM;AACpB,QAAI;AACJ,UAAM,WAAW,MAAM;AACrB,mBAAa,IAAI,GACjB,OAAO,WAAW,UAAU,GAAG;AAAA,IACjC;AACA,kBAAO,iBAAiB,UAAU,QAAQ,GACnC,MAAM;AACX,mBAAa,IAAI,GACjB,OAAO,oBAAoB,UAAU,QAAQ;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,CAAC;AACP;AAMA,MAAM,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAyC,iBAAiB;AACzD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,CAAC,OAAO,SAAS,IAAI,MAAM,SAAS,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE,GAClE,WAAW,sBAAsB,SAAS,GAC1C,YAAY,MAAM,OAAa,IAAI;AAEzC,aAAS,oBAAoB,iBAAyB;AACpD,YAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAG9C,aADc,YAAY,OADO,CAAC,KAAK,GAAG,CACH,EAC1B,eAAe;AAAA,IAC9B;AAEA,UAAM,UAAU,MAAM;AACpB,gBAAU,SAAS,QAAQ,CAAC,IAAI,IAAI,QAAQ,QAAQ,QAAQ,UAAU;AACpE,iBAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQ;AAAA,QACV,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAEA,WAAI,YACF,2BAA2B,OAAO,GAIlC;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb,WAAU;AAAA,QACV,SAAQ;AAAA,QACR,UAAS;AAAA,QACT,MAAM,MAAM;AAAA,QACZ,WAAW;AAAA,QAEX;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,YAAY,cAAc,SAAS;AAAA,YACvC,GAAG;AAAA,YACJ,aAAY;AAAA,YACZ,UAAU;AAAA,YACV,cAAc,CAAC,OAAO,WAAW;AAC/B,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,SAAS;AAC7D,cAAI,SACF,eAAe,OAAO,QAAQ,KAAK;AAAA,YAEvC;AAAA,YACA,aAAa,CAAC,UAAU;AACtB,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;AACxE,cAAI,SACF,cAAc,OAAO,KAAK;AAAA,YAE9B;AAAA,YACA,YAAY,CAAC,UAAU;AACrB,oBAAM,QAAQ,oBAAoB,MAAM,YAAY,QAAQ,MAAM,MAAM;AACxE,2BAAa,OAAO,KAAK;AAAA,YAC3B;AAAA,YACA,eAAe,CAAC,UAAU;AACxB,oBAAM,YAAY,UAAU,IAAI,SAAS,MAAM,GAAG;AAClD,8BAAgB,EAAE,OAAO,WAAW,YAAY,KAAK,EAAE,CAAC;AAAA,YAC1D;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF,GAMM,aAAa,eAIN,mBAAmB,OAAO,aAAa;AAAA,EAClD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,UAAU;AAAA,QACV,cAAc;AAAA,QACd,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAEK,cAAc,MAAM;AAAA,EACxB,CAAC,OAAsC,iBAAiB;AACtD,UAAM,EAAE,eAAe,GAAG,WAAW,IAAI,OACnC,UAAU,iBAAiB,YAAY,aAAa;AAC1D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,oBAAkB,QAAQ;AAAA,QAC1B,aAAa,QAAQ;AAAA,QACrB,MAAM,QAAQ;AAAA,QACb,GAAG;AAAA,QACJ,KAAK;AAAA;AAAA,IACP;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAM1B,MAAM,aAAa,qBAEN,yBAAyB,OAAO,aAAa;AAAA,EACxD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AACZ,CAAC,GAIK,oBAAoB,MAAM;AAAA,EAC9B,CAAC,OAA4C,iBAAiB;AAC5D,UAAM,EAAE,eAAe,GAAG,WAAW,IAAI,OACnC,UAAU,iBAAiB,YAAY,aAAa,GACpD,cAAc,4BAA4B,YAAY,aAAa,GACnE,MAAM,MAAM,OAAa,IAAI,GAC7B,eAAe,gBAAgB,cAAc,GAAG,GAChD,cAAc,QAAQ,OAAO,QAC7B,cAAc,QAAQ,OAAO;AAAA,MAAI,CAAC,UACtC,yBAAyB,OAAO,QAAQ,KAAK,QAAQ,GAAG;AAAA,IAC1D,GACM,cAAc,cAAc,IAAI,KAAK,IAAI,GAAG,WAAW,IAAI,GAC3D,YAAY,MAAM,KAAK,IAAI,GAAG,WAAW;AAE/C,WACE;AAAA,MAAC;AAAA;AAAA,QACC,aAAa,QAAQ;AAAA,QACrB,oBAAkB,QAAQ;AAAA,QAC1B,iBAAe,QAAQ,WAAW,KAAK;AAAA,QACvC,MAAM,QAAQ;AAAA,QACd,aAAa,CAAC,QAAQ,OAAO,SAAS,QAAQ;AAAA,QAC7C,GAAG;AAAA,QACJ,KAAK;AAAA,QAEH,CAAC,YAAY,SAAS,GAAG,GAAG,WAAW;AAAA,QACvC,CAAC,YAAY,OAAO,GAAG,GAAG,SAAS;AAAA,QAEpC,GAAI,YAAY,aAAa,UAC1B;AAAA,UACE,QAAQ;AAAA,QACV,IACA;AAAA,UACE,MAAM;AAAA,UACN,OAAO;AAAA,QACT;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;AAMhC,MAAM,aAAa,eAIb,eAAe,CAAC,QAA8B;AAClD,QAAM,SAAS,UAAU,GACnB,OACJ,OAAO,OAAQ,WACX,MACA,QAAQ,OAAO,KAAK,GAAU,GAAG;AAAA,IAC/B,OAAO;AAAA,EACT,CAAC;AACP,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,WAAW;AAAA,EACb;AACF,GAEa,mBAAmB,OAAO,gBAAgB;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,UAAU;AAAA,QACV,UAAU;AAAA,QACV,aAAa;AAAA,QACb,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAMK,cAAc,iBAAiB,UAA4B,SAC/D,OACA,cACA;AACA,QAAM,EAAE,eAAe,OAAO,MAAM,UAAU,GAAG,WAAW,IAAI,OAC1D,UAAU,iBAAiB,YAAY,aAAa,GACpD,cAAc,4BAA4B,YAAY,aAAa,GACnE,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAgC,IAAI,GAC9D,eAAe;AAAA,IAAgB;AAAA,IAAc,CAAC,SAClD,SAAS,IAAsB;AAAA,EACjC,GAGM,QAAQ,QAAQ,OAAO,KAAK,GAC5B,UACJ,UAAU,SAAY,IAAI,yBAAyB,OAAO,QAAQ,KAAK,QAAQ,GAAG,GAC9E,QAAQ,SAAS,OAAO,QAAQ,OAAO,MAAM,GAC7C,SAAS,YAAY,QAAQ,QAAQ,SACrC,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,MAEf,iBAAiB,aAAa,MAAM,EAAE,KAAK,CAElE,GAEK,sBAAsB,OACxB,uBAAuB,MAAM,SAAS,YAAY,SAAS,IAC3D;AAEJ,QAAM,UAAU,MAAM;AACpB,QAAI;AACF,qBAAQ,OAAO,IAAI,KAAK,GACjB,MAAM;AACX,gBAAQ,OAAO,OAAO,KAAK;AAAA,MAC7B;AAAA,EAEJ,GAAG,CAAC,OAAO,QAAQ,MAAM,CAAC;AAE1B,QAAM,mBACJ,QAAQ,gBAAgB,eACpB;AAAA,IACE,GAAG,sBAAsB,OAAO;AAAA,IAChC,GAAG,CAAC,OAAO;AAAA,IACX,KAAK;AAAA,IACL,GAAI,SAAS,KAAK;AAAA,MAChB,KAAK;AAAA,MACL,QAAQ;AAAA,IACV;AAAA,EACF,IACA;AAAA,IACE,GAAG,CAAC,OAAO;AAAA,IACX,GAAG,OAAO;AAAA,IACV,MAAM;AAAA,IACN,GAAI,SAAS,KAAK;AAAA,MAChB,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAK;AAAA,MACL,cAAY,MAAM,YAAY,KAAK;AAAA,MACnC,iBAAe,QAAQ;AAAA,MACvB,iBAAe;AAAA,MACf,iBAAe,QAAQ;AAAA,MACvB,oBAAkB,QAAQ;AAAA,MAC1B,oBAAkB,QAAQ;AAAA,MAC1B,iBAAe,QAAQ,WAAW,KAAK;AAAA,MACvC,UAAU,QAAQ,WAAW,SAAY;AAAA,MACzC,aAAa,CAAC,aAAa,QAAQ,OAAO,SAAS,QAAQ;AAAA,MAC1D,GAAG;AAAA,MAEF,CAAC,YAAY,SAAS,GAAG,GAAG,OAAO;AAAA,MAErC,MAAM;AAAA,MACL,GAAG;AAAA,MACJ,UAAU,CAAC,MAAM;AACf,gBAAQ,EAAE,YAAY,OAAO,YAAY,QAAQ,CAAC;AAAA,MACpD;AAAA,MAQA,SAAS,qBAAqB,MAAM,SAAS,MAAM;AACjD,gBAAQ,sBAAsB,UAAU;AAAA,MAC1C,CAAC;AAAA;AAAA,EACH;AAEJ,CAAC,GAMK,kBAAkB,MAAM;AAAA,EAC5B,CAAC,OAAiC,iBAAiB;AACjD,UAAM;AAAA,MACJ;AAAA,MACA,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,MACP,cAAc;AAAA,MACd,WAAW;AAAA,MACX,wBAAwB;AAAA,MACxB,eAAe,CAAC,GAAG;AAAA,MACnB;AAAA,MACA,gBAAgB,MAAM;AAAA,MAAC;AAAA,MACvB,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,YAAY,MAAM,OAAa,IAAI,GACnC,eAAe,gBAAgB,WAAW,YAAY,GACtD,YAAY,MAAM,OAAqC,oBAAI,IAAI,CAAC,GAChE,wBAAwB,MAAM,OAAe,CAAC,GAC9C,eAAe,gBAAgB,cAK/B,CAAC,SAAS,CAAC,GAAG,SAAS,IAAI,qBAAqB;AAAA,MACpD,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,UAAU,CAACA,WAAU;AACnB,QAAI,SACa,CAAC,GAAG,UAAU,OAAO,EAC7B,sBAAsB,OAAO,GAAG,MAAM,GAE/C,cAAcA,MAAK;AAAA,MACrB;AAAA,IACF,CAAC;AAED,IAAI,SACF,MAAM,UAAU,MAAM;AAEpB,YAAM,OAAO,UAAU;AACvB,UAAI,CAAC;AAAM;AACX,YAAM,iBAAiB,CAAC,MAAM;AAC5B,UAAE,eAAe;AAAA,MACnB;AACA,kBAAK,iBAAiB,cAAc,cAAc,GAC3C,MAAM;AACX,aAAK,oBAAoB,cAAc,cAAc;AAAA,MACvD;AAAA,IACF,GAAG,CAAC,CAAC;AAGP,aAAS,gBAAgBA,QAAe,OAA6B;AACnE,mBAAaA,QAAO,sBAAsB,OAAO,GACjD,cAAc,OAAOA,MAAK;AAAA,IAC5B;AAEA,aAAS,aAAaA,QAAe,SAAiB;AACpD,YAAM,eAAe,gBAAgB,IAAI,GACnC,aAAa;AAAA,QACjB,KAAK,OAAOA,SAAQ,OAAO,IAAI,IAAI,OAAO;AAAA,QAC1C;AAAA,MACF,GACM,YAAY,MAAM,YAAY,CAAC,KAAK,GAAG,CAAC;AAC9C,gBAAU,CAAC,aAAa,CAAC,MAAM;AAC7B,cAAM,aAAa,oBAAoB,YAAY,WAAW,OAAO;AACrE,eAAI,yBAAyB,YAAY,wBAAwB,IAAI,KACnE,sBAAsB,UAAU,WAAW,QAAQ,SAAS,GACrD,OAAO,UAAU,MAAM,OAAO,UAAU,IAAI,aAAa,cAEzD;AAAA,MAEX,CAAC;AAAA,IACH;AAEA,UAAM,iBAAiB,eAAe,mBAAmB;AAEzD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,MAAM;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,UAAU;AAAA,QAClB;AAAA,QACA;AAAA,QACA,MAAM;AAAA,QAEN;AAAA,UAAC;AAAA;AAAA,YACC,iBAAe;AAAA,YACf,iBAAe,WAAW,KAAK;AAAA,YAC9B,GAAG;AAAA,YACJ,KAAK;AAAA,YACL;AAAA,YACA;AAAA,YACA;AAAA,YACA,cACE,WACI,SACA,CAACA,QAAe,QAAQ,UAAU;AAGhC,kBAAI,WAAW,SAAS;AACtB,sBAAM,eAAe,qBAAqB,QAAQA,MAAK;AACvD,6BAAaA,QAAO,YAAY,GAChC,eAAe,OAAOA,QAAO,MAAM;AAAA,cACrC;AAAA,YACF;AAAA,YAEN,aAAa,WAAW,SAAY;AAAA,YACpC,eAAe,MAAM,CAAC,YAAY,aAAa,KAAK,CAAC;AAAA,YACrD,cAAc,MAAM,CAAC,YAAY,aAAa,KAAK,OAAO,SAAS,CAAC;AAAA,YACpE,eAAe,CAAC,EAAE,OAAO,WAAW,cAAc,MAAM;AACtD,kBAAI,CAAC,UAAU;AAIb,sBAAM,aAHY,UAAU,SAAS,MAAM,GAAG,KAE9B,MAAM,YAAY,WAAW,SAAS,MAAM,GAAG,IAChC,KAAK,GAC9B,UAAU,sBAAsB,SAChCA,SAAQ,OAAO,OAAO,GACtB,kBAAkB,OAAO,aAAa;AAC5C,6BAAaA,SAAQ,iBAAiB,OAAO;AAAA,cAC/C;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IASF;AAAA,EAEJ;AACF,GAEM,SAAS,qBAAqB,iBAAiB;AAAA,EACnD,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AACT,CAAC;AAED,OAAO,cAAc;AAqCrB,MAAM,QAAQ,aACR,QAAQ,mBACR,QAAQ;",
+  "names": ["value"]
+}

package/dist/esm/SliderImpl.native.js

@@ -0,0 +1,81 @@
+import { composeEventHandlers, getVariableValue, isWeb, styled } from "@tamagui/core";
+import { getSize } from "@tamagui/get-token";
+import { YStack } from "@tamagui/stacks";
+import * as React from "react";
+import { ARROW_KEYS, PAGE_KEYS, SLIDER_NAME, useSliderContext } from "./constants";
+import { jsx } from "react/jsx-runtime";
+const DirectionalYStack = styled(YStack, {
+  variants: {
+    orientation: {
+      horizontal: {},
+      vertical: {}
+    }
+  }
+}), SliderFrame = styled(DirectionalYStack, {
+  position: "relative",
+  variants: {
+    size: (val, extras) => {
+      if (!val)
+        return;
+      const orientation = extras.props.orientation, size = Math.round(getVariableValue(getSize(val)) / 6);
+      return orientation === "horizontal" ? {
+        height: size,
+        borderRadius: size,
+        justifyContent: "center"
+      } : {
+        width: size,
+        borderRadius: size,
+        alignItems: "center"
+      };
+    }
+  }
+}), SliderImpl = React.forwardRef(
+  (props, forwardedRef) => {
+    const {
+      __scopeSlider,
+      onSlideStart,
+      onSlideMove,
+      onSlideEnd,
+      onHomeKeyDown,
+      onEndKeyDown,
+      onStepKeyDown,
+      ...sliderProps
+    } = props, context = useSliderContext(SLIDER_NAME, __scopeSlider);
+    return /* @__PURE__ */ jsx(
+      SliderFrame,
+      {
+        size: "$4",
+        ...sliderProps,
+        "data-orientation": sliderProps.orientation,
+        ref: forwardedRef,
+        ...isWeb && {
+          onKeyDown: (event) => {
+            event.key === "Home" ? (onHomeKeyDown(event), event.preventDefault()) : event.key === "End" ? (onEndKeyDown(event), event.preventDefault()) : PAGE_KEYS.concat(ARROW_KEYS).includes(event.key) && (onStepKeyDown(event), event.preventDefault());
+          }
+        },
+        onMoveShouldSetResponderCapture: () => !0,
+        onScrollShouldSetResponder: () => !0,
+        onScrollShouldSetResponderCapture: () => !0,
+        onMoveShouldSetResponder: () => !0,
+        onStartShouldSetResponder: () => !0,
+        onResponderTerminationRequest: () => !1,
+        onResponderGrant: composeEventHandlers(props.onResponderGrant, (event) => {
+          const target = event.target, isStartingOnThumb = context.thumbs.has(target);
+          isWeb && target instanceof HTMLElement && context.thumbs.has(target) && target.focus(), onSlideStart(event, isStartingOnThumb ? "thumb" : "track");
+        }),
+        onResponderMove: composeEventHandlers(props.onResponderMove, (event) => {
+          event.stopPropagation(), onSlideMove(event);
+        }),
+        onResponderRelease: composeEventHandlers(props.onResponderRelease, (event) => {
+          onSlideEnd(event);
+        })
+      }
+    );
+  }
+);
+export {
+  DirectionalYStack,
+  SliderFrame,
+  SliderImpl
+};
+//# sourceMappingURL=SliderImpl.js.map

package/dist/esm/SliderImpl.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SliderImpl.tsx"],
+  "mappings": "AAIA,SAAS,sBAAsB,kBAAkB,OAAO,cAAc;AACtE,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,YAAY,WAAW;AAGvB,SAAS,YAAY,WAAW,aAAa,wBAAwB;AAoD/D;AAjDC,MAAM,oBAAoB,OAAO,QAAQ;AAAA,EAC9C,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY,CAAC;AAAA,MACb,UAAU,CAAC;AAAA,IACb;AAAA,EACF;AACF,CAAC,GAEY,cAAc,OAAO,mBAAmB;AAAA,EACnD,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM,CAAC,KAAK,WAAW;AACrB,UAAI,CAAC;AACH;AAEF,YAAM,cAAc,OAAO,MAAM,aAC3B,OAAO,KAAK,MAAM,iBAAiB,QAAQ,GAAG,CAAC,IAAI,CAAC;AAC1D,aAAI,gBAAgB,eACX;AAAA,QACL,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,gBAAgB;AAAA,MAClB,IAEK;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEY,aAAa,MAAM;AAAA,EAC9B,CAAC,OAAqC,iBAAiB;AACrD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,OACE,UAAU,iBAAiB,aAAa,aAAa;AAC3D,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACJ,GAAG;AAAA,QACJ,oBAAkB,YAAY;AAAA,QAC9B,KAAK;AAAA,QACJ,GAAI,SAAS;AAAA,UACZ,WAAW,CAAC,UAAU;AACpB,YAAI,MAAM,QAAQ,UAChB,cAAc,KAAK,GAEnB,MAAM,eAAe,KACZ,MAAM,QAAQ,SACvB,aAAa,KAAK,GAElB,MAAM,eAAe,KACZ,UAAU,OAAO,UAAU,EAAE,SAAS,MAAM,GAAG,MACxD,cAAc,KAAK,GAEnB,MAAM,eAAe;AAAA,UAEzB;AAAA,QACF;AAAA,QACA,iCAAiC,MAAM;AAAA,QACvC,4BAA4B,MAAM;AAAA,QAClC,mCAAmC,MAAM;AAAA,QACzC,0BAA0B,MAAM;AAAA,QAChC,2BAA2B,MAAM;AAAA,QAEjC,+BAA+B,MACtB;AAAA,QAET,kBAAkB,qBAAqB,MAAM,kBAAkB,CAAC,UAAU;AACxE,gBAAM,SAAS,MAAM,QACf,oBAAoB,QAAQ,OAAO,IAAI,MAAM;AAInD,UAAI,SAAS,kBAAkB,eACzB,QAAQ,OAAO,IAAI,MAAM,KAC3B,OAAO,MAAM,GAGjB,aAAa,OAAO,oBAAoB,UAAU,OAAO;AAAA,QAC3D,CAAC;AAAA,QACD,iBAAiB,qBAAqB,MAAM,iBAAiB,CAAC,UAAU;AACtE,gBAAM,gBAAgB,GAEtB,YAAY,KAAK;AAAA,QACnB,CAAC;AAAA,QACD,oBAAoB,qBAAqB,MAAM,oBAAoB,CAAC,UAAU;AAE5E,qBAAW,KAAK;AAAA,QAClB,CAAC;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/dist/esm/constants.native.js

@@ -0,0 +1,24 @@
+import { createContextScope } from "@tamagui/create-context";
+const SLIDER_NAME = "Slider", [createSliderContext, createSliderScope] = createContextScope(SLIDER_NAME), [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME), [SliderOrientationProvider, useSliderOrientationContext] = createSliderContext(SLIDER_NAME, {
+  startEdge: "left",
+  endEdge: "right",
+  sizeProp: "width",
+  size: 0,
+  direction: 1
+}), PAGE_KEYS = ["PageUp", "PageDown"], ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], BACK_KEYS = {
+  ltr: ["ArrowDown", "Home", "ArrowLeft", "PageDown"],
+  rtl: ["ArrowDown", "Home", "ArrowRight", "PageDown"]
+};
+export {
+  ARROW_KEYS,
+  BACK_KEYS,
+  PAGE_KEYS,
+  SLIDER_NAME,
+  SliderOrientationProvider,
+  SliderProvider,
+  createSliderContext,
+  createSliderScope,
+  useSliderContext,
+  useSliderOrientationContext
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/constants.tsx"],
+  "mappings": "AACA,SAAS,0BAA0B;AAI5B,MAAM,cAAc,UAEd,CAAC,qBAAqB,iBAAiB,IAAI,mBAAmB,WAAW,GAEzE,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW,GAExC,CAAC,2BAA2B,2BAA2B,IAClE,oBAMG,aAAa;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AACb,CAAC,GAEU,YAAY,CAAC,UAAU,UAAU,GACjC,aAAa,CAAC,WAAW,aAAa,aAAa,YAAY,GAC/D,YAAyC;AAAA,EACpD,KAAK,CAAC,aAAa,QAAQ,aAAa,UAAU;AAAA,EAClD,KAAK,CAAC,aAAa,QAAQ,cAAc,UAAU;AACrD;",
+  "names": []
+}

package/dist/esm/helpers.native.js

@@ -0,0 +1,57 @@
+function getNextSortedValues(prevValues = [], nextValue, atIndex) {
+  const nextValues = [...prevValues];
+  return nextValues[atIndex] = nextValue, nextValues.sort((a, b) => a - b);
+}
+function convertValueToPercentage(value, min, max) {
+  return 100 / (max - min) * (value - min);
+}
+function getLabel(index, totalValues) {
+  return totalValues > 2 ? `Value ${index + 1} of ${totalValues}` : totalValues === 2 ? ["Minimum", "Maximum"][index] : void 0;
+}
+function getClosestValueIndex(values, nextValue) {
+  if (values.length === 1)
+    return 0;
+  const distances = values.map((value) => Math.abs(value - nextValue)), closestDistance = Math.min(...distances);
+  return distances.indexOf(closestDistance);
+}
+function getThumbInBoundsOffset(width, left, direction) {
+  const halfWidth = width / 2, offset = linearScale([0, 50], [0, halfWidth]);
+  return (halfWidth - offset(left) * direction) * direction;
+}
+function getStepsBetweenValues(values) {
+  return values.slice(0, -1).map((value, index) => values[index + 1] - value);
+}
+function hasMinStepsBetweenValues(values, minStepsBetweenValues) {
+  if (minStepsBetweenValues > 0) {
+    const stepsBetweenValues = getStepsBetweenValues(values);
+    return Math.min(...stepsBetweenValues) >= minStepsBetweenValues;
+  }
+  return !0;
+}
+function linearScale(input, output) {
+  return (value) => {
+    if (input[0] === input[1] || output[0] === output[1])
+      return output[0];
+    const ratio = (output[1] - output[0]) / (input[1] - input[0]);
+    return output[0] + ratio * (value - input[0]);
+  };
+}
+function getDecimalCount(value) {
+  return (String(value).split(".")[1] || "").length;
+}
+function roundValue(value, decimalCount) {
+  const rounder = 10 ** decimalCount;
+  return Math.round(value * rounder) / rounder;
+}
+export {
+  convertValueToPercentage,
+  getClosestValueIndex,
+  getDecimalCount,
+  getLabel,
+  getNextSortedValues,
+  getThumbInBoundsOffset,
+  hasMinStepsBetweenValues,
+  linearScale,
+  roundValue
+};
+//# sourceMappingURL=helpers.js.map

package/dist/esm/helpers.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers.tsx"],
+  "mappings": "AAAO,SAAS,oBACd,aAAuB,CAAC,GACxB,WACA,SACA;AACA,QAAM,aAAa,CAAC,GAAG,UAAU;AACjC,oBAAW,OAAO,IAAI,WACf,WAAW,KAAK,CAAC,GAAG,MAAM,IAAI,CAAC;AACxC;AAEO,SAAS,yBAAyB,OAAe,KAAa,KAAa;AAGhF,SADuB,OADN,MAAM,QAEE,QAAQ;AACnC;AAKO,SAAS,SAAS,OAAe,aAAqB;AAC3D,SAAI,cAAc,IACT,SAAS,QAAQ,CAAC,OAAO,WAAW,KAClC,gBAAgB,IAClB,CAAC,WAAW,SAAS,EAAE,KAAK,IAEnC;AAEJ;AAUO,SAAS,qBAAqB,QAAkB,WAAmB;AACxE,MAAI,OAAO,WAAW;AAAG,WAAO;AAChC,QAAM,YAAY,OAAO,IAAI,CAAC,UAAU,KAAK,IAAI,QAAQ,SAAS,CAAC,GAC7D,kBAAkB,KAAK,IAAI,GAAG,SAAS;AAC7C,SAAO,UAAU,QAAQ,eAAe;AAC1C;AAMO,SAAS,uBAAuB,OAAe,MAAc,WAAmB;AACrF,QAAM,YAAY,QAAQ,GAEpB,SAAS,YAAY,CAAC,GADR,EACsB,GAAG,CAAC,GAAG,SAAS,CAAC;AAC3D,UAAQ,YAAY,OAAO,IAAI,IAAI,aAAa;AAClD;AASA,SAAS,sBAAsB,QAAkB;AAC/C,SAAO,OAAO,MAAM,GAAG,EAAE,EAAE,IAAI,CAAC,OAAO,UAAU,OAAO,QAAQ,CAAC,IAAI,KAAK;AAC5E;AAcO,SAAS,yBACd,QACA,uBACA;AACA,MAAI,wBAAwB,GAAG;AAC7B,UAAM,qBAAqB,sBAAsB,MAAM;AAEvD,WADoC,KAAK,IAAI,GAAG,kBAAkB,KAC5B;AAAA,EACxC;AACA,SAAO;AACT;AAGO,SAAS,YACd,OACA,QACA;AACA,SAAO,CAAC,UAAkB;AACxB,QAAI,MAAM,CAAC,MAAM,MAAM,CAAC,KAAK,OAAO,CAAC,MAAM,OAAO,CAAC;AAAG,aAAO,OAAO,CAAC;AACrE,UAAM,SAAS,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,MAAM,CAAC,IAAI,MAAM,CAAC;AAC3D,WAAO,OAAO,CAAC,IAAI,SAAS,QAAQ,MAAM,CAAC;AAAA,EAC7C;AACF;AAEO,SAAS,gBAAgB,OAAe;AAC7C,UAAQ,OAAO,KAAK,EAAE,MAAM,GAAG,EAAE,CAAC,KAAK,IAAI;AAC7C;AAEO,SAAS,WAAW,OAAe,cAAsB;AAC9D,QAAM,UAAU,MAAM;AACtB,SAAO,KAAK,MAAM,QAAQ,OAAO,IAAI;AACvC;",
+  "names": []
+}

package/dist/esm/index.native.js

@@ -0,0 +1,7 @@
+export * from "./Slider";
+import { SliderFrame, DirectionalYStack } from "./SliderImpl";
+export {
+  DirectionalYStack,
+  SliderFrame
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;AAEd,SAAS,aAAa,yBAAyB;",
+  "names": []
+}

package/dist/esm/types.native.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/esm/types.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": [],
+  "mappings": "",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/slider",
-  "version": "1.74.2",
+  "version": "1.74.4",
   "sideEffects": [
     "*.css"
   ],
@@ -31,21 +31,21 @@
     }
   },
   "dependencies": {
-    "@tamagui/compose-refs": "1.74.2",
-    "@tamagui/core": "1.74.2",
-    "@tamagui/create-context": "1.74.2",
-    "@tamagui/get-token": "1.74.2",
-    "@tamagui/helpers": "1.74.2",
-    "@tamagui/stacks": "1.74.2",
-    "@tamagui/use-controllable-state": "1.74.2",
-    "@tamagui/use-direction": "1.74.2"
+    "@tamagui/compose-refs": "1.74.4",
+    "@tamagui/core": "1.74.4",
+    "@tamagui/create-context": "1.74.4",
+    "@tamagui/get-token": "1.74.4",
+    "@tamagui/helpers": "1.74.4",
+    "@tamagui/stacks": "1.74.4",
+    "@tamagui/use-controllable-state": "1.74.4",
+    "@tamagui/use-direction": "1.74.4"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.74.2",
+    "@tamagui/build": "1.74.4",
     "react": "^18.2.0",
     "react-native": "^0.72.1"
   },