react-native-system-ui 1.0.2 → 1.0.3

package/dist/cjs/components/slider/Slider.js

@@ -1,633 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Slider = void 0;
-function _slider() {
-  const data = require("@react-native-aria/slider");
-  _slider = function () {
-    return data;
-  };
-  return data;
-}
-function _utils() {
-  const data = require("@react-native-aria/utils");
-  _utils = function () {
-    return data;
-  };
-  return data;
-}
-function _slider2() {
-  const data = require("@react-stately/slider");
-  _slider2 = function () {
-    return data;
-  };
-  return data;
-}
-function _react() {
-  const data = _interopRequireWildcard(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _tokens = require("./tokens");
-var _number = require("../../utils/number");
-var _hairline = require("../../utils/hairline");
-var _utils2 = require("../../utils");
-var _validate = require("../../utils/validate");
-var _hooks = require("../../hooks");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const isSameLayout = (a, b) => a.width === b.width && a.height === b.height && a.x === b.x && a.y === b.y;
-const normalizeValue = (value, range, min, max) => {
-  if (range) {
-    const raw = Array.isArray(value) ? value : (0, _validate.isFiniteNumber)(value) ? [min, value] : [min, min];
-    const first = (0, _validate.isFiniteNumber)(raw[0]) ? (0, _utils2.clamp)(raw[0], min, max) : min;
-    const second = (0, _validate.isFiniteNumber)(raw[1] ?? raw[0]) ? (0, _utils2.clamp)(raw[1] ?? raw[0], min, max) : min;
-    return first <= second ? [first, second] : [second, first];
-  }
-  const single = Array.isArray(value) ? value[0] : value;
-  return [(0, _validate.isFiniteNumber)(single) ? (0, _utils2.clamp)(single, min, max) : min];
-};
-const toSliderValue = (values, range, fallback) => {
-  if (range) {
-    const start = values[0] ?? fallback;
-    const end = values[1] ?? start;
-    return [start, end];
-  }
-  return values[0] ?? fallback;
-};
-const createAccessibilityProps = inputProps => {
-  if (!inputProps) return {};
-  const {
-    role,
-    ['aria-value']: ariaValue,
-    accessibilityActions,
-    onAccessibilityAction,
-    disabled
-  } = inputProps;
-  return {
-    accessible: true,
-    accessibilityRole: role ?? 'adjustable',
-    accessibilityValue: ariaValue,
-    accessibilityActions,
-    onAccessibilityAction,
-    accessibilityState: {
-      disabled
-    }
-  };
-};
-const defaultNumberFormatter = typeof Intl !== 'undefined' && (0, _validate.isFunction)(Intl.NumberFormat) ? new Intl.NumberFormat() : {
-  format: val => String(val)
-};
-const START_KEYS = ['onResponderGrant', 'onPanResponderGrant'];
-const MOVE_KEYS = ['onResponderMove', 'onPanResponderMove'];
-const END_KEYS = ['onResponderRelease', 'onResponderTerminate', 'onPanResponderRelease', 'onPanResponderTerminate'];
-const useTrackLayout = () => {
-  const trackRef = (0, _react().useRef)(null),
-    measureRafRef = (0, _react().useRef)(null),
-    [trackLayout, setTrackLayout] = (0, _react().useState)({
-      width: 0,
-      height: 0,
-      x: 0,
-      y: 0
-    });
-  const handleTrackLayout = (0, _react().useCallback)(event => {
-    const {
-      layout
-    } = event.nativeEvent;
-    const next = {
-      width: Math.max(layout.width, 1),
-      height: Math.max(layout.height, 1),
-      x: layout.x ?? 0,
-      y: layout.y ?? 0
-    };
-    setTrackLayout(prev => isSameLayout(prev, next) ? prev : next);
-    if (_reactNative().Platform.OS !== 'web' || typeof requestAnimationFrame === 'undefined') return;
-    if (measureRafRef.current != null) return;
-    measureRafRef.current = requestAnimationFrame(() => {
-      measureRafRef.current = null;
-      const node = trackRef.current;
-      if (!node?.measureInWindow) return;
-      node.measureInWindow((x, y, width, height) => {
-        const measured = {
-          width: Math.max(width, 1),
-          height: Math.max(height, 1),
-          x,
-          y
-        };
-        setTrackLayout(prev => isSameLayout(prev, measured) ? prev : measured);
-      });
-    });
-  }, []);
-  (0, _react().useEffect)(() => {
-    return () => {
-      if (measureRafRef.current != null && typeof cancelAnimationFrame === 'function') cancelAnimationFrame(measureRafRef.current);
-      measureRafRef.current = null;
-    };
-  }, []);
-  return {
-    trackRef,
-    trackLayout,
-    handleTrackLayout
-  };
-};
-const ThumbNode = /*#__PURE__*/_react().default.memo(({
-  index,
-  orientation,
-  ariaReverse,
-  trackLayout,
-  isDisabled,
-  state,
-  size,
-  activeColor,
-  content,
-  visualPercent,
-  thumbBackgroundColor,
-  thumbElevation,
-  indicatorSize,
-  indicatorColor,
-  webGestureStyle,
-  enhanceHandlers
-}) => {
-  const inputRef = (0, _react().useRef)(null);
-  const {
-    thumbProps,
-    inputProps
-  } = (0, _slider().useSliderThumb)({
-    index,
-    trackLayout,
-    inputRef,
-    isDisabled,
-    orientation
-  }, state, ariaReverse);
-  const rawThumbViewProps = thumbProps;
-  const handlers = enhanceHandlers(rawThumbViewProps, index) ?? rawThumbViewProps ?? {};
-  const translate = -size / 2;
-  const thumbStyle = {
-    width: size,
-    height: size,
-    borderRadius: size / 2,
-    borderColor: activeColor,
-    transform: [{
-      translateX: translate
-    }, {
-      translateY: translate
-    }],
-    ...(orientation === 'vertical' ? {
-      top: `${visualPercent}%`,
-      left: '50%'
-    } : {
-      left: `${visualPercent}%`,
-      top: '50%'
-    }),
-    ...(!content ? {
-      backgroundColor: thumbBackgroundColor,
-      elevation: thumbElevation
-    } : {})
-  };
-  const indicatorStyle = {
-    width: indicatorSize,
-    height: indicatorSize,
-    borderRadius: indicatorSize / 2,
-    backgroundColor: indicatorColor
-  };
-  const accessibilityProps = createAccessibilityProps(inputProps);
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({}, handlers, accessibilityProps, {
-    pointerEvents: isDisabled ? 'none' : 'auto',
-    style: [content ? S.thw : S.t, webGestureStyle, thumbStyle]
-  }), content != null ? (0, _validate.isText)(content) ? (0, _utils2.renderTextOrNode)(content, []) : content : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: indicatorStyle
-  }), !content && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: (0, _hairline.createHairlineView)({
-      position: 'all',
-      color: activeColor,
-      borderRadius: size / 2
-    })
-  }));
-});
-ThumbNode.displayName = 'ThumbNode';
-const SliderImpl = props => {
-  const {
-    value: valueProp,
-    min = 0,
-    max = 100,
-    step = 1,
-    range = false,
-    vertical = false,
-    reverse = false,
-    disabled = false,
-    readOnly = false,
-    activeColor,
-    inactiveColor,
-    barHeight,
-    trackHeight,
-    buttonSize,
-    thumbSize,
-    tokensOverride,
-    button,
-    leftButton,
-    rightButton,
-    thumb,
-    leftThumb,
-    rightThumb,
-    ariaLabel,
-    onChange,
-    onChangeAfter,
-    onDragStart,
-    onDragEnd,
-    style,
-    onLayout: containerOnLayout,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useSliderTokens)(tokensOverride);
-  const orientation = vertical ? 'vertical' : 'horizontal';
-  const {
-    trackRef,
-    trackLayout,
-    handleTrackLayout
-  } = useTrackLayout();
-  const resolvedMin = (0, _number.parseNumber)(min, 0),
-    resolvedMax = (0, _number.parseNumber)(max, 100),
-    resolvedStepRaw = (0, _number.parseNumber)(step, 1),
-    resolvedStep = resolvedStepRaw > 0 ? resolvedStepRaw : 1;
-  const resolvedTrackHeight = Math.max(0, (0, _number.parseNumber)(barHeight ?? trackHeight, tokens.track.height));
-  const resolvedThumbSize = Math.max(0, (0, _number.parseNumber)(buttonSize ?? thumbSize, tokens.thumb.size));
-  const ariaDisabled = disabled || readOnly;
-  const resolvedActiveColor = activeColor ?? tokens.colors.active;
-  const resolvedInactiveColor = inactiveColor ?? tokens.colors.inactive;
-  const scope = Math.max(resolvedMax - resolvedMin, 0.00001);
-  const normalized = normalizeValue(valueProp, range, resolvedMin, resolvedMax);
-  const isControlled = valueProp !== undefined;
-  const onChangeRef = (0, _react().useRef)(onChange),
-    onChangeAfterRef = (0, _react().useRef)(onChangeAfter),
-    onDragStartRef = (0, _react().useRef)(onDragStart),
-    onDragEndRef = (0, _react().useRef)(onDragEnd);
-  onChangeRef.current = onChange;
-  onChangeAfterRef.current = onChangeAfter;
-  onDragStartRef.current = onDragStart;
-  onDragEndRef.current = onDragEnd;
-  const formatOutput = (0, _react().useCallback)(values => toSliderValue(values, range, resolvedMin), [range, resolvedMin]);
-  const onStateChange = (0, _react().useCallback)(values => {
-    onChangeRef.current?.(formatOutput(values));
-  }, [formatOutput]);
-  const onStateChangeEnd = (0, _react().useCallback)(values => {
-    onChangeAfterRef.current?.(formatOutput(values));
-  }, [formatOutput]);
-  const sliderStateOptions = (0, _react().useMemo)(() => ({
-    minValue: resolvedMin,
-    maxValue: resolvedMax,
-    step: resolvedStep,
-    isDisabled: ariaDisabled,
-    numberFormatter: defaultNumberFormatter,
-    orientation,
-    value: isControlled ? normalized : undefined,
-    defaultValue: !isControlled ? normalized : undefined,
-    onChange: onStateChange,
-    onChangeEnd: onStateChangeEnd
-  }), [ariaDisabled, onStateChange, onStateChangeEnd, isControlled, normalized, orientation, resolvedMax, resolvedMin, resolvedStep]);
-  const state = (0, _slider2().useSliderState)(sliderStateOptions);
-  const resolvedReverseX = orientation === 'horizontal' ? reverse || (0, _utils().isRTL)() : reverse;
-  const ariaReverse = orientation === 'horizontal' ? resolvedReverseX : reverse;
-  const {
-    trackProps
-  } = (0, _slider().useSlider)({
-    orientation,
-    isDisabled: ariaDisabled,
-    'aria-label': ariaLabel ?? 'Slider'
-  }, state, trackLayout, ariaReverse);
-  const trackPressableProps = trackProps;
-  const {
-    style: trackAriaStyle,
-    onLayout: trackAriaOnLayout,
-    ...remainingTrackProps
-  } = trackPressableProps;
-  const onCombinedTrackLayout = (0, _react().useCallback)(event => {
-    handleTrackLayout(event);
-    trackAriaOnLayout?.(event);
-  }, [handleTrackLayout, trackAriaOnLayout]);
-  const onTrack = (0, _react().useCallback)(event => {
-    if (ariaDisabled) return;
-    if (!state.values.every((_, i) => !state.isThumbDragging(i))) return;
-    const {
-      locationX,
-      locationY,
-      pageX,
-      pageY
-    } = event.nativeEvent;
-    const localX = (0, _validate.isFiniteNumber)(locationX) ? locationX : (0, _validate.isFiniteNumber)(pageX) ? pageX - (trackLayout.x ?? 0) : 0;
-    const localY = (0, _validate.isFiniteNumber)(locationY) ? locationY : (0, _validate.isFiniteNumber)(pageY) ? pageY - (trackLayout.y ?? 0) : 0;
-    const size = orientation === 'vertical' ? trackLayout.height : trackLayout.width;
-    const local = orientation === 'vertical' ? localY : localX;
-    const raw = local / Math.max(size, 1);
-    const percent = orientation === 'vertical' ? reverse ? raw : 1 - raw : resolvedReverseX ? 1 - raw : raw;
-    const value = state.getPercentValue(Math.min(1, Math.max(0, percent)));
-    const closestThumb = state.values.reduce((best, v, i) => Math.abs(v - value) < Math.abs(state.values[best] - value) ? i : best, 0);
-    if (closestThumb >= 0 && state.isThumbEditable(closestThumb)) {
-      ;
-      event.preventDefault?.();
-      state.setFocusedThumb(closestThumb);
-      state.setThumbDragging(closestThumb, true);
-      state.setThumbValue(closestThumb, value);
-      state.setThumbDragging(closestThumb, false);
-    }
-  }, [ariaDisabled, orientation, reverse, resolvedReverseX, state, trackLayout.height, trackLayout.width, trackLayout.x, trackLayout.y]);
-  const {
-    interactionProps: trackInteractionProps
-  } = (0, _hooks.useAriaPress)({
-    disabled: ariaDisabled,
-    onPress: onTrack,
-    extraProps: remainingTrackProps
-  });
-  const currentValue = formatOutput(state.values);
-  const currentValueRef = (0, _react().useRef)(currentValue),
-    dragStartRef = (0, _react().useRef)([]),
-    dragStartValueRef = (0, _react().useRef)([]),
-    moveRafIdRef = (0, _react().useRef)([]),
-    movePendingArgsRef = (0, _react().useRef)([]),
-    enhanceHandlersCacheRef = (0, _react().useRef)(new WeakMap());
-  currentValueRef.current = currentValue;
-  (0, _react().useEffect)(() => {
-    return () => {
-      const cancel = typeof cancelAnimationFrame === 'function' ? cancelAnimationFrame : undefined;
-      if (!cancel) return;
-      for (const id of moveRafIdRef.current) {
-        if (id != null) cancel(id);
-      }
-      moveRafIdRef.current = [];
-      movePendingArgsRef.current = [];
-    };
-  }, []);
-  const enhanceHandlers = (0, _react().useCallback)((handlers, index) => {
-    if (!handlers) return handlers;
-    if (!onDragStartRef.current && !onDragEndRef.current) return handlers;
-    const cached = enhanceHandlersCacheRef.current.get(handlers);
-    const found = cached?.get(index);
-    if (found) return found;
-    const hasAny = START_KEYS.some(k => (0, _validate.isFunction)(handlers[k])) || MOVE_KEYS.some(k => (0, _validate.isFunction)(handlers[k])) || END_KEYS.some(k => (0, _validate.isFunction)(handlers[k]));
-    if (!hasAny) return handlers;
-    const wrapped = {
-      ...handlers
-    };
-    const raf = typeof requestAnimationFrame === 'function' ? requestAnimationFrame : undefined;
-    const caf = typeof cancelAnimationFrame === 'function' ? cancelAnimationFrame : undefined;
-    for (const key of MOVE_KEYS) {
-      const original = wrapped[key];
-      if (!(0, _validate.isFunction)(original)) continue;
-      const originalFn = original;
-      wrapped[key] = (...args) => {
-        if (!raf) {
-          originalFn(...args);
-          return;
-        }
-        movePendingArgsRef.current[index] = args;
-        if (moveRafIdRef.current[index] != null) return;
-        moveRafIdRef.current[index] = raf(() => {
-          moveRafIdRef.current[index] = null;
-          const pending = movePendingArgsRef.current[index];
-          if (!pending) return;
-          movePendingArgsRef.current[index] = null;
-          originalFn(...pending);
-        });
-      };
-    }
-    const wrapAfter = (key, callback) => {
-      if (!callback) return;
-      const original = wrapped[key];
-      wrapped[key] = (...args) => {
-        if ((0, _validate.isFunction)(original)) {
-          ;
-          original(...args);
-        }
-        callback(args[0]);
-      };
-    };
-    const wrapBefore = (key, callback) => {
-      if (!callback) return;
-      const original = wrapped[key];
-      wrapped[key] = (...args) => {
-        callback(args[0]);
-        if ((0, _validate.isFunction)(original)) {
-          ;
-          original(...args);
-        }
-      };
-    };
-    for (const key of START_KEYS) {
-      wrapAfter(key, () => {
-        dragStartRef.current[index] = false;
-        dragStartValueRef.current[index] = currentValueRef.current;
-      });
-    }
-    for (const key of MOVE_KEYS) {
-      wrapBefore(key, event => {
-        if (!dragStartRef.current[index]) {
-          dragStartRef.current[index] = true;
-          onDragStartRef.current?.(event, dragStartValueRef.current[index] ?? currentValueRef.current);
-        }
-      });
-    }
-    const emitEnd = event => {
-      if (dragStartRef.current[index]) {
-        dragStartRef.current[index] = false;
-        dragStartValueRef.current[index] = undefined;
-        onDragEndRef.current?.(event, currentValueRef.current);
-      }
-      const rafId = moveRafIdRef.current[index];
-      if (rafId != null && caf) {
-        caf(rafId);
-        moveRafIdRef.current[index] = null;
-      }
-      movePendingArgsRef.current[index] = null;
-    };
-    for (const key of END_KEYS) {
-      wrapAfter(key, emitEnd);
-    }
-    const map = cached ?? new Map();
-    map.set(index, wrapped);
-    if (!cached) {
-      enhanceHandlersCacheRef.current.set(handlers, map);
-    }
-    return wrapped;
-  }, []);
-  const values = state.values;
-  const thumbPercent = (0, _react().useMemo)(() => values.map(value => ((value ?? resolvedMin) - resolvedMin) / scope * 100), [resolvedMin, scope, values]);
-  const thumbVisualPercent = (0, _react().useMemo)(() => thumbPercent.map(percent => orientation === 'vertical' ? reverse ? percent : 100 - percent : resolvedReverseX ? 100 - percent : percent), [orientation, reverse, resolvedReverseX, thumbPercent]);
-  const activeRange = (0, _react().useMemo)(() => {
-    const first = thumbVisualPercent[0] ?? 0,
-      second = thumbVisualPercent[1] ?? first;
-    return range && thumbVisualPercent.length > 1 ? {
-      offset: Math.min(first, second),
-      size: Math.max(first, second) - Math.min(first, second)
-    } : (orientation === 'horizontal' ? !resolvedReverseX : reverse) ? {
-      offset: 0,
-      size: first
-    } : {
-      offset: first,
-      size: 100 - first
-    };
-  }, [orientation, range, reverse, resolvedReverseX, thumbVisualPercent]);
-  const {
-    track: {
-      radius: trackRadius
-    }
-  } = tokens;
-  const activeTrackStyle = (0, _react().useMemo)(() => ({
-    backgroundColor: resolvedActiveColor,
-    borderRadius: trackRadius,
-    ...(orientation === 'vertical' ? {
-      left: 0,
-      width: '100%',
-      height: `${Math.max(activeRange.size, 0)}%`,
-      top: `${Math.max(activeRange.offset, 0)}%`
-    } : {
-      top: 0,
-      height: '100%',
-      width: `${Math.max(activeRange.size, 0)}%`,
-      left: `${Math.max(activeRange.offset, 0)}%`
-    })
-  }), [activeRange.offset, activeRange.size, orientation, resolvedActiveColor, trackRadius]);
-  const trackBackgroundStyle = (0, _react().useMemo)(() => orientation === 'vertical' ? [S.tv, {
-    width: resolvedTrackHeight,
-    backgroundColor: resolvedInactiveColor,
-    alignSelf: 'center'
-  }] : [S.th, {
-    height: resolvedTrackHeight,
-    backgroundColor: resolvedInactiveColor
-  }], [orientation, resolvedInactiveColor, resolvedTrackHeight]);
-  const isButtonFunction = (0, _validate.isFunction)(button);
-  const selectedThumb = isButtonFunction ? button({
-    value: currentValue
-  }) : button ?? thumb;
-  const leftThumbContent = leftButton ?? leftThumb ?? selectedThumb;
-  const rightThumbContent = rightButton ?? rightThumb ?? selectedThumb;
-  const resolveThumbContent = (0, _react().useCallback)((index, total) => total > 1 ? index === 0 ? leftThumbContent : rightThumbContent : selectedThumb, [leftThumbContent, rightThumbContent, selectedThumb]);
-  const webGestureStyle = _reactNative().Platform.OS === 'web' ? {
-    touchAction: orientation === 'horizontal' ? 'pan-y' : 'pan-x',
-    userSelect: 'none'
-  } : undefined;
-  const baseTrackPressableStyle = [S.tp, orientation === 'vertical' ? S.tpv : null, webGestureStyle];
-  const trackPressableStyleFn = (0, _react().useCallback)(pressableState => [baseTrackPressableStyle, trackAriaStyle(pressableState)], [baseTrackPressableStyle, trackAriaStyle]);
-  const trackPressableStyle = trackAriaStyle && (0, _validate.isFunction)(trackAriaStyle) ? trackPressableStyleFn : [baseTrackPressableStyle, trackAriaStyle];
-  const {
-    spacing: {
-      containerPaddingVertical
-    },
-    layout: {
-      verticalMinHeight,
-      verticalWidth
-    },
-    states: {
-      disabledOpacity
-    }
-  } = tokens;
-  const containerStyle = [S.c, {
-    paddingVertical: containerPaddingVertical
-  }, orientation === 'vertical' && [S.vc, {
-    minHeight: verticalMinHeight,
-    width: verticalWidth
-  }], disabled && {
-    opacity: disabledOpacity
-  }, style];
-  return /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({
-    style: containerStyle,
-    onLayout: containerOnLayout
-  }, rest), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.tw, orientation === 'vertical' && S.twv]
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
-    ref: trackRef
-  }, trackInteractionProps, {
-    disabled: ariaDisabled,
-    onLayout: onCombinedTrackLayout,
-    style: trackPressableStyle
-  }), /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.tb, {
-      borderRadius: trackRadius
-    }, ...trackBackgroundStyle]
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [S.a, activeTrackStyle]
-  }))), values.map((_, index) => /*#__PURE__*/_react().default.createElement(ThumbNode, {
-    key: `thumb-${index}`,
-    index: index,
-    orientation: orientation,
-    ariaReverse: ariaReverse,
-    trackLayout: trackLayout,
-    isDisabled: ariaDisabled,
-    state: state,
-    size: resolvedThumbSize,
-    activeColor: resolvedActiveColor,
-    content: resolveThumbContent(index, values.length),
-    visualPercent: thumbVisualPercent[index] ?? 0,
-    thumbBackgroundColor: tokens.colors.thumbBackground,
-    thumbElevation: tokens.thumb.elevation,
-    indicatorSize: tokens.thumb.indicatorSize,
-    indicatorColor: tokens.colors.thumbIndicator,
-    webGestureStyle: webGestureStyle,
-    enhanceHandlers: enhanceHandlers
-  }))));
-};
-const S = _reactNative().StyleSheet.create({
-  c: {
-    position: 'relative',
-    justifyContent: 'center',
-    width: '100%'
-  },
-  vc: {
-    height: '100%',
-    alignItems: 'center',
-    paddingVertical: 0
-  },
-  tw: {
-    width: '100%',
-    justifyContent: 'center',
-    position: 'relative'
-  },
-  twv: {
-    flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
-    width: '100%'
-  },
-  tp: {
-    width: '100%',
-    justifyContent: 'center'
-  },
-  tpv: {
-    flex: 1,
-    alignItems: 'center'
-  },
-  tb: {
-    overflow: 'hidden',
-    position: 'relative'
-  },
-  th: {
-    width: '100%'
-  },
-  tv: {
-    height: '100%'
-  },
-  a: {
-    position: 'absolute'
-  },
-  t: {
-    position: 'absolute',
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  thw: {
-    position: 'absolute',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-const Slider = exports.Slider = /*#__PURE__*/_react().default.memo(SliderImpl);
-var _default = exports.default = Slider;
+"use strict";function _slider(){const e=require("@react-native-aria/slider");return _slider=function(){return e},e}function _utils(){const e=require("@react-native-aria/utils");return _utils=function(){return e},e}function _slider2(){const e=require("@react-stately/slider");return _slider2=function(){return e},e}function _react(){const e=_interopRequireWildcard(require("react"));return _react=function(){return e},e}function _reactNative(){const e=require("react-native");return _reactNative=function(){return e},e}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Slider=void 0;var _tokens=require("./tokens"),_number=require("../../utils/number"),_hairline=require("../../utils/hairline"),_utils2=require("../../utils"),_validate=require("../../utils/validate"),_hooks=require("../../hooks");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(o,t,i):o[t]=e[t]);return o})(e,t)}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const isSameLayout=(e,t)=>e.width===t.width&&e.height===t.height&&e.x===t.x&&e.y===t.y,normalizeValue=(e,t,r,a)=>{if(t){const t=Array.isArray(e)?e:(0,_validate.isFiniteNumber)(e)?[r,e]:[r,r],n=(0,_validate.isFiniteNumber)(t[0])?(0,_utils2.clamp)(t[0],r,a):r,i=(0,_validate.isFiniteNumber)(t[1]??t[0])?(0,_utils2.clamp)(t[1]??t[0],r,a):r;return n<=i?[n,i]:[i,n]}const n=Array.isArray(e)?e[0]:e;return[(0,_validate.isFiniteNumber)(n)?(0,_utils2.clamp)(n,r,a):r]},toSliderValue=(e,t,r)=>{if(t){const t=e[0]??r;return[t,e[1]??t]}return e[0]??r},createAccessibilityProps=e=>{if(!e)return{};const{role:t,"aria-value":r,accessibilityActions:a,onAccessibilityAction:n,disabled:i}=e;return{accessible:!0,accessibilityRole:t??"adjustable",accessibilityValue:r,accessibilityActions:a,onAccessibilityAction:n,accessibilityState:{disabled:i}}},defaultNumberFormatter="undefined"!=typeof Intl&&(0,_validate.isFunction)(Intl.NumberFormat)?new Intl.NumberFormat:{format:e=>String(e)},START_KEYS=["onResponderGrant","onPanResponderGrant"],MOVE_KEYS=["onResponderMove","onPanResponderMove"],END_KEYS=["onResponderRelease","onResponderTerminate","onPanResponderRelease","onPanResponderTerminate"],useTrackLayout=()=>{const e=(0,_react().useRef)(null),t=(0,_react().useRef)(null),[r,a]=(0,_react().useState)({width:0,height:0,x:0,y:0}),n=(0,_react().useCallback)(r=>{const{layout:n}=r.nativeEvent,i={width:Math.max(n.width,1),height:Math.max(n.height,1),x:n.x??0,y:n.y??0};a(e=>isSameLayout(e,i)?e:i),"web"===_reactNative().Platform.OS&&"undefined"!=typeof requestAnimationFrame&&null==t.current&&(t.current=requestAnimationFrame(()=>{t.current=null;const r=e.current;r?.measureInWindow&&r.measureInWindow((e,t,r,n)=>{const i={width:Math.max(r,1),height:Math.max(n,1),x:e,y:t};a(e=>isSameLayout(e,i)?e:i)})}))},[]);return(0,_react().useEffect)(()=>()=>{null!=t.current&&"function"==typeof cancelAnimationFrame&&cancelAnimationFrame(t.current),t.current=null},[]),{trackRef:e,trackLayout:r,handleTrackLayout:n}},ThumbNode=_react().default.memo(({index:e,orientation:t,ariaReverse:r,trackLayout:a,isDisabled:n,state:i,size:o,activeColor:u,content:c,visualPercent:s,thumbBackgroundColor:l,thumbElevation:d,indicatorSize:m,indicatorColor:f,webGestureStyle:h,enhanceHandlers:_})=>{const b=(0,_react().useRef)(null),{thumbProps:v,inputProps:p}=(0,_slider().useSliderThumb)({index:e,trackLayout:a,inputRef:b,isDisabled:n,orientation:t},i,r),y=v,g=_(y,e)??y??{},w=-o/2,k={width:o,height:o,borderRadius:o/2,borderColor:u,transform:[{translateX:w},{translateY:w}],..."vertical"===t?{top:`${s}%`,left:"50%"}:{left:`${s}%`,top:"50%"},...c?{}:{backgroundColor:l,elevation:d}},x={width:m,height:m,borderRadius:m/2,backgroundColor:f},R=createAccessibilityProps(p);return _react().default.createElement(_reactNative().View,_extends({},g,R,{pointerEvents:n?"none":"auto",style:[c?S.thw:S.t,h,k]}),null!=c?(0,_validate.isText)(c)?(0,_utils2.renderTextOrNode)(c,[]):c:_react().default.createElement(_reactNative().View,{style:x}),!c&&_react().default.createElement(_reactNative().View,{style:(0,_hairline.createHairlineView)({position:"all",color:u,borderRadius:o/2})}))});ThumbNode.displayName="ThumbNode";const SliderImpl=e=>{const{value:t,min:r=0,max:a=100,step:n=1,range:i=!1,vertical:o=!1,reverse:u=!1,disabled:c=!1,readOnly:s=!1,activeColor:l,inactiveColor:d,barHeight:m,trackHeight:f,buttonSize:h,thumbSize:_,tokensOverride:b,button:v,leftButton:p,rightButton:y,thumb:g,leftThumb:w,rightThumb:k,ariaLabel:x,onChange:R,onChangeAfter:M,onDragStart:N,onDragEnd:E,style:C,onLayout:F,...T}=e,A=(0,_tokens.useSliderTokens)(b),P=o?"vertical":"horizontal",{trackRef:V,trackLayout:z,handleTrackLayout:q}=useTrackLayout(),L=(0,_number.parseNumber)(r,0),O=(0,_number.parseNumber)(a,100),D=(0,_number.parseNumber)(n,1),j=D>0?D:1,I=Math.max(0,(0,_number.parseNumber)(m??f,A.track.height)),Y=Math.max(0,(0,_number.parseNumber)(h??_,A.thumb.size)),K=c||s,W=l??A.colors.active,H=d??A.colors.inactive,$=Math.max(O-L,1e-5),B=normalizeValue(t,i,L,O),G=void 0!==t,X=(0,_react().useRef)(R),J=(0,_react().useRef)(M),Q=(0,_react().useRef)(N),U=(0,_react().useRef)(E);X.current=R,J.current=M,Q.current=N,U.current=E;const Z=(0,_react().useCallback)(e=>toSliderValue(e,i,L),[i,L]),ee=(0,_react().useCallback)(e=>{X.current?.(Z(e))},[Z]),te=(0,_react().useCallback)(e=>{J.current?.(Z(e))},[Z]),re=(0,_react().useMemo)(()=>({minValue:L,maxValue:O,step:j,isDisabled:K,numberFormatter:defaultNumberFormatter,orientation:P,value:G?B:void 0,defaultValue:G?void 0:B,onChange:ee,onChangeEnd:te}),[K,ee,te,G,B,P,O,L,j]),ae=(0,_slider2().useSliderState)(re),ne="horizontal"===P?u||(0,_utils().isRTL)():u,ie="horizontal"===P?ne:u,{trackProps:oe}=(0,_slider().useSlider)({orientation:P,isDisabled:K,"aria-label":x??"Slider"},ae,z,ie),ue=oe,{style:ce,onLayout:se,...le}=ue,de=(0,_react().useCallback)(e=>{q(e),se?.(e)},[q,se]),me=(0,_react().useCallback)(e=>{if(K)return;if(!ae.values.every((e,t)=>!ae.isThumbDragging(t)))return;const{locationX:t,locationY:r,pageX:a,pageY:n}=e.nativeEvent,i=(0,_validate.isFiniteNumber)(t)?t:(0,_validate.isFiniteNumber)(a)?a-(z.x??0):0,o=(0,_validate.isFiniteNumber)(r)?r:(0,_validate.isFiniteNumber)(n)?n-(z.y??0):0,c="vertical"===P?z.height:z.width,s=("vertical"===P?o:i)/Math.max(c,1),l="vertical"===P?u?s:1-s:ne?1-s:s,d=ae.getPercentValue(Math.min(1,Math.max(0,l))),m=ae.values.reduce((e,t,r)=>Math.abs(t-d)<Math.abs(ae.values[e]-d)?r:e,0);m>=0&&ae.isThumbEditable(m)&&(e.preventDefault?.(),ae.setFocusedThumb(m),ae.setThumbDragging(m,!0),ae.setThumbValue(m,d),ae.setThumbDragging(m,!1))},[K,P,u,ne,ae,z.height,z.width,z.x,z.y]),{interactionProps:fe}=(0,_hooks.useAriaPress)({disabled:K,onPress:me,extraProps:le}),he=Z(ae.values),_e=(0,_react().useRef)(he),be=(0,_react().useRef)([]),ve=(0,_react().useRef)([]),pe=(0,_react().useRef)([]),ye=(0,_react().useRef)([]),ge=(0,_react().useRef)(new WeakMap);_e.current=he,(0,_react().useEffect)(()=>()=>{const e="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;if(e){for(const t of pe.current)null!=t&&e(t);pe.current=[],ye.current=[]}},[]);const Se=(0,_react().useCallback)((e,t)=>{if(!e)return e;if(!Q.current&&!U.current)return e;const r=ge.current.get(e),a=r?.get(t);if(a)return a;if(!(START_KEYS.some(t=>(0,_validate.isFunction)(e[t]))||MOVE_KEYS.some(t=>(0,_validate.isFunction)(e[t]))||END_KEYS.some(t=>(0,_validate.isFunction)(e[t]))))return e;const n={...e},i="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,o="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;for(const e of MOVE_KEYS){const r=n[e];if(!(0,_validate.isFunction)(r))continue;const a=r;n[e]=(...e)=>{i?(ye.current[t]=e,null==pe.current[t]&&(pe.current[t]=i(()=>{pe.current[t]=null;const e=ye.current[t];e&&(ye.current[t]=null,a(...e))}))):a(...e)}}const u=(e,t)=>{if(!t)return;const r=n[e];n[e]=(...e)=>{(0,_validate.isFunction)(r)&&r(...e),t(e[0])}},c=(e,t)=>{if(!t)return;const r=n[e];n[e]=(...e)=>{t(e[0]),(0,_validate.isFunction)(r)&&r(...e)}};for(const e of START_KEYS)u(e,()=>{be.current[t]=!1,ve.current[t]=_e.current});for(const e of MOVE_KEYS)c(e,e=>{be.current[t]||(be.current[t]=!0,Q.current?.(e,ve.current[t]??_e.current))});const s=e=>{be.current[t]&&(be.current[t]=!1,ve.current[t]=void 0,U.current?.(e,_e.current));const r=pe.current[t];null!=r&&o&&(o(r),pe.current[t]=null),ye.current[t]=null};for(const e of END_KEYS)u(e,s);const l=r??new Map;return l.set(t,n),r||ge.current.set(e,l),n},[]),we=ae.values,ke=(0,_react().useMemo)(()=>we.map(e=>((e??L)-L)/$*100),[L,$,we]),xe=(0,_react().useMemo)(()=>ke.map(e=>"vertical"===P?u?e:100-e:ne?100-e:e),[P,u,ne,ke]),Re=(0,_react().useMemo)(()=>{const e=xe[0]??0,t=xe[1]??e;return i&&xe.length>1?{offset:Math.min(e,t),size:Math.max(e,t)-Math.min(e,t)}:("horizontal"===P?!ne:u)?{offset:0,size:e}:{offset:e,size:100-e}},[P,i,u,ne,xe]),{track:{radius:Me}}=A,Ne=(0,_react().useMemo)(()=>({backgroundColor:W,borderRadius:Me,..."vertical"===P?{left:0,width:"100%",height:`${Math.max(Re.size,0)}%`,top:`${Math.max(Re.offset,0)}%`}:{top:0,height:"100%",width:`${Math.max(Re.size,0)}%`,left:`${Math.max(Re.offset,0)}%`}}),[Re.offset,Re.size,P,W,Me]),Ee=(0,_react().useMemo)(()=>"vertical"===P?[S.tv,{width:I,backgroundColor:H,alignSelf:"center"}]:[S.th,{height:I,backgroundColor:H}],[P,H,I]),Ce=(0,_validate.isFunction)(v)?v({value:he}):v??g,Fe=p??w??Ce,Te=y??k??Ce,Ae=(0,_react().useCallback)((e,t)=>t>1?0===e?Fe:Te:Ce,[Fe,Te,Ce]),Pe="web"===_reactNative().Platform.OS?{touchAction:"horizontal"===P?"pan-y":"pan-x",userSelect:"none"}:void 0,Ve=[S.tp,"vertical"===P?S.tpv:null,Pe],ze=(0,_react().useCallback)(e=>[Ve,ce(e)],[Ve,ce]),qe=ce&&(0,_validate.isFunction)(ce)?ze:[Ve,ce],{spacing:{containerPaddingVertical:Le},layout:{verticalMinHeight:Oe,verticalWidth:De},states:{disabledOpacity:je}}=A,Ie=[S.c,{paddingVertical:Le},"vertical"===P&&[S.vc,{minHeight:Oe,width:De}],c&&{opacity:je},C];return _react().default.createElement(_reactNative().View,_extends({style:Ie,onLayout:F},T),_react().default.createElement(_reactNative().View,{style:[S.tw,"vertical"===P&&S.twv]},_react().default.createElement(_reactNative().Pressable,_extends({ref:V},fe,{disabled:K,onLayout:de,style:qe}),_react().default.createElement(_reactNative().View,{style:[S.tb,{borderRadius:Me},...Ee]},_react().default.createElement(_reactNative().View,{style:[S.a,Ne]}))),we.map((e,t)=>_react().default.createElement(ThumbNode,{key:`thumb-${t}`,index:t,orientation:P,ariaReverse:ie,trackLayout:z,isDisabled:K,state:ae,size:Y,activeColor:W,content:Ae(t,we.length),visualPercent:xe[t]??0,thumbBackgroundColor:A.colors.thumbBackground,thumbElevation:A.thumb.elevation,indicatorSize:A.thumb.indicatorSize,indicatorColor:A.colors.thumbIndicator,webGestureStyle:Pe,enhanceHandlers:Se}))))},S=_reactNative().StyleSheet.create({c:{position:"relative",justifyContent:"center",width:"100%"},vc:{height:"100%",alignItems:"center",paddingVertical:0},tw:{width:"100%",justifyContent:"center",position:"relative"},twv:{flex:1,justifyContent:"center",alignItems:"center",width:"100%"},tp:{width:"100%",justifyContent:"center"},tpv:{flex:1,alignItems:"center"},tb:{overflow:"hidden",position:"relative"},th:{width:"100%"},tv:{height:"100%"},a:{position:"absolute"},t:{position:"absolute",alignItems:"center",justifyContent:"center"},thw:{position:"absolute",alignItems:"center",justifyContent:"center"}}),Slider=exports.Slider=_react().default.memo(SliderImpl);var _default=exports.default=Slider;

package/dist/cjs/components/slider/index.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Slider = require("./Slider");
-var _default = exports.default = _Slider.Slider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _Slider=require("./Slider"),_default=exports.default=_Slider.Slider;