@tamagui/slider 1.61.2 → 1.62.0

package/dist/jsx/Slider.native.js

@@ -0,0 +1,419 @@
+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";
+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), <SliderOrientationProvider
+      scope={props.__scopeSlider}
+      startEdge={isDirectionLTR ? "left" : "right"}
+      endEdge={isDirectionLTR ? "right" : "left"}
+      direction={isDirectionLTR ? 1 : -1}
+      sizeProp="width"
+      size={state.size}
+    ><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 });
+      }}
+    /></SliderOrientationProvider>;
+  }
+);
+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), <SliderOrientationProvider
+      scope={props.__scopeSlider}
+      startEdge="bottom"
+      endEdge="top"
+      sizeProp="height"
+      size={state.size}
+      direction={1}
+    ><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 });
+      }}
+    /></SliderOrientationProvider>;
+  }
+), 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 <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 <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 <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 <SliderProvider
+      scope={props.__scopeSlider}
+      disabled={disabled}
+      min={min}
+      max={max}
+      valueIndexToChangeRef={valueIndexToChangeRef}
+      thumbs={thumbRefs.current}
+      values={values}
+      orientation={orientation}
+      size={sizeProp}
+    >
+      <SliderOriented
+        aria-disabled={disabled}
+        data-disabled={disabled ? "" : void 0}
+        {...sliderProps}
+        ref={composedRefs}
+        min={min}
+        max={max}
+        onSlideEnd={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);
+          }
+        }}
+      />
+      {
+        /* {isFormControl &&
+        values.map((value, index) => (
+          <BubbleInput
+            key={index}
+            name={name ? name + (values.length > 1 ? '[]' : '') : undefined}
+            value={value}
+          />
+        ))} */
+      }
+    </SliderProvider>;
+  }
+), 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/jsx/Slider.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Slider.tsx"],
+  "mappings": "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",
+  "names": ["value"]
+}

package/dist/jsx/SliderImpl.js

@@ -10,32 +10,25 @@ const DirectionalYStack = styled(YStack, {
       vertical: {}
     }
   }
-});
-const SliderFrame = styled(DirectionalYStack, {
+}), SliderFrame = styled(DirectionalYStack, {
   position: "relative",
   variants: {
     size: (val, extras) => {
-      if (!val) {
+      if (!val)
         return;
-      }
-      const orientation = extras.props.orientation;
-      const size = Math.round(getVariableValue(getSize(val)) / 6);
-      if (orientation === "horizontal") {
-        return {
-          height: size,
-          borderRadius: size,
-          justifyContent: "center"
-        };
-      }
-      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"
       };
     }
   }
-});
-const SliderImpl = React.forwardRef(
+}), SliderImpl = React.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSlider,
@@ -46,8 +39,7 @@ const SliderImpl = React.forwardRef(
       onEndKeyDown,
       onStepKeyDown,
       ...sliderProps
-    } = props;
-    const context = useSliderContext(SLIDER_NAME, __scopeSlider);
+    } = props, context = useSliderContext(SLIDER_NAME, __scopeSlider);
     return <SliderFrame
       size="$4"
       {...sliderProps}
@@ -55,39 +47,21 @@ const SliderImpl = React.forwardRef(
       ref={forwardedRef}
       {...isWeb && {
         onKeyDown: (event) => {
-          if (event.key === "Home") {
-            onHomeKeyDown(event);
-            event.preventDefault();
-          } else if (event.key === "End") {
-            onEndKeyDown(event);
-            event.preventDefault();
-          } else if (PAGE_KEYS.concat(ARROW_KEYS).includes(event.key)) {
-            onStepKeyDown(event);
-            event.preventDefault();
-          }
+          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={() => true}
-      onScrollShouldSetResponder={() => true}
-      onScrollShouldSetResponderCapture={() => true}
-      onMoveShouldSetResponder={() => true}
-      onStartShouldSetResponder={() => true}
-      onResponderTerminationRequest={() => {
-        return false;
-      }}
+      onMoveShouldSetResponderCapture={() => !0}
+      onScrollShouldSetResponder={() => !0}
+      onScrollShouldSetResponderCapture={() => !0}
+      onMoveShouldSetResponder={() => !0}
+      onStartShouldSetResponder={() => !0}
+      onResponderTerminationRequest={() => !1}
       onResponderGrant={composeEventHandlers(props.onResponderGrant, (event) => {
-        const target = event.target;
-        const isStartingOnThumb = context.thumbs.has(target);
-        if (isWeb && target instanceof HTMLElement) {
-          if (context.thumbs.has(target)) {
-            target.focus();
-          }
-        }
-        onSlideStart(event, isStartingOnThumb ? "thumb" : "track");
+        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);
+        event.stopPropagation(), onSlideMove(event);
       })}
       onResponderRelease={composeEventHandlers(props.onResponderRelease, (event) => {
         onSlideEnd(event);

package/dist/jsx/SliderImpl.js.map

@@ -1,6 +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;AAG9D,MAAM,oBAAoB,OAAO,QAAQ;AAAA,EAC9C,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY,CAAC;AAAA,MACb,UAAU,CAAC;AAAA,IACb;AAAA,EACF;AACF,CAAC;AAEM,MAAM,cAAc,OAAO,mBAAmB;AAAA,EACnD,UAAU;AAAA,EAEV,UAAU;AAAA,IACR,MAAM,CAAC,KAAK,WAAW;AACrB,UAAI,CAAC,KAAK;AACR;AAAA,MACF;AACA,YAAM,cAAc,OAAO,MAAM;AACjC,YAAM,OAAO,KAAK,MAAM,iBAAiB,QAAQ,GAAG,CAAC,IAAI,CAAC;AAC1D,UAAI,gBAAgB,cAAc;AAChC,eAAO;AAAA,UACL,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,gBAAgB;AAAA,QAClB;AAAA,MACF;AACA,aAAO;AAAA,QACL,OAAO;AAAA,QACP,cAAc;AAAA,QACd,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,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;AACJ,UAAM,UAAU,iBAAiB,aAAa,aAAa;AAC3D,WACE,CAAC;AAAA,MACC,KAAK;AAAA,UACD;AAAA,MACJ,kBAAkB,YAAY;AAAA,MAC9B,KAAK;AAAA,UACA,SAAS;AAAA,QACZ,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,QAAQ;AACxB,0BAAc,KAAK;AAEnB,kBAAM,eAAe;AAAA,UACvB,WAAW,MAAM,QAAQ,OAAO;AAC9B,yBAAa,KAAK;AAElB,kBAAM,eAAe;AAAA,UACvB,WAAW,UAAU,OAAO,UAAU,EAAE,SAAS,MAAM,GAAG,GAAG;AAC3D,0BAAc,KAAK;AAEnB,kBAAM,eAAe;AAAA,UACvB;AAAA,QACF;AAAA,MACF;AAAA,MACA,iCAAiC,MAAM;AAAA,MACvC,4BAA4B,MAAM;AAAA,MAClC,mCAAmC,MAAM;AAAA,MACzC,0BAA0B,MAAM;AAAA,MAChC,2BAA2B,MAAM;AAAA,MAEjC,+BAA+B,MAAM;AACnC,eAAO;AAAA,MACT;AAAA,MACA,kBAAkB,qBAAqB,MAAM,kBAAkB,CAAC,UAAU;AACxE,cAAM,SAAS,MAAM;AACrB,cAAM,oBAAoB,QAAQ,OAAO,IAAI,MAAM;AAInD,YAAI,SAAS,kBAAkB,aAAa;AAC1C,cAAI,QAAQ,OAAO,IAAI,MAAM,GAAG;AAC9B,mBAAO,MAAM;AAAA,UACf;AAAA,QACF;AACA,qBAAa,OAAO,oBAAoB,UAAU,OAAO;AAAA,MAC3D,CAAC;AAAA,MACD,iBAAiB,qBAAqB,MAAM,iBAAiB,CAAC,UAAU;AACtE,cAAM,gBAAgB;AAEtB,oBAAY,KAAK;AAAA,MACnB,CAAC;AAAA,MACD,oBAAoB,qBAAqB,MAAM,oBAAoB,CAAC,UAAU;AAE5E,mBAAW,KAAK;AAAA,MAClB,CAAC;AAAA,IACH;AAAA,EAEJ;AACF;",
+  "mappings": "AAIA,SAAS,sBAAsB,kBAAkB,OAAO,cAAc;AACtE,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,YAAY,WAAW;AAGvB,SAAS,YAAY,WAAW,aAAa,wBAAwB;AAG9D,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,CAAC;AAAA,MACC,KAAK;AAAA,UACD;AAAA,MACJ,kBAAkB,YAAY;AAAA,MAC9B,KAAK;AAAA,UACA,SAAS;AAAA,QACZ,WAAW,CAAC,UAAU;AACpB,UAAI,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,QAEzB;AAAA,MACF;AAAA,MACA,iCAAiC,MAAM;AAAA,MACvC,4BAA4B,MAAM;AAAA,MAClC,mCAAmC,MAAM;AAAA,MACzC,0BAA0B,MAAM;AAAA,MAChC,2BAA2B,MAAM;AAAA,MAEjC,+BAA+B,MACtB;AAAA,MAET,kBAAkB,qBAAqB,MAAM,kBAAkB,CAAC,UAAU;AACxE,cAAM,SAAS,MAAM,QACf,oBAAoB,QAAQ,OAAO,IAAI,MAAM;AAInD,QAAI,SAAS,kBAAkB,eACzB,QAAQ,OAAO,IAAI,MAAM,KAC3B,OAAO,MAAM,GAGjB,aAAa,OAAO,oBAAoB,UAAU,OAAO;AAAA,MAC3D,CAAC;AAAA,MACD,iBAAiB,qBAAqB,MAAM,iBAAiB,CAAC,UAAU;AACtE,cAAM,gBAAgB,GAEtB,YAAY,KAAK;AAAA,MACnB,CAAC;AAAA,MACD,oBAAoB,qBAAqB,MAAM,oBAAoB,CAAC,UAAU;AAE5E,mBAAW,KAAK;AAAA,MAClB,CAAC;AAAA,IACH;AAAA,EAEJ;AACF;",
   "names": []
 }

package/dist/jsx/SliderImpl.native.js

@@ -0,0 +1,77 @@
+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";
+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 <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/jsx/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;AAG9D,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,CAAC;AAAA,MACC,KAAK;AAAA,UACD;AAAA,MACJ,kBAAkB,YAAY;AAAA,MAC9B,KAAK;AAAA,UACA,SAAS;AAAA,QACZ,WAAW,CAAC,UAAU;AACpB,UAAI,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,QAEzB;AAAA,MACF;AAAA,MACA,iCAAiC,MAAM;AAAA,MACvC,4BAA4B,MAAM;AAAA,MAClC,mCAAmC,MAAM;AAAA,MACzC,0BAA0B,MAAM;AAAA,MAChC,2BAA2B,MAAM;AAAA,MAEjC,+BAA+B,MACtB;AAAA,MAET,kBAAkB,qBAAqB,MAAM,kBAAkB,CAAC,UAAU;AACxE,cAAM,SAAS,MAAM,QACf,oBAAoB,QAAQ,OAAO,IAAI,MAAM;AAInD,QAAI,SAAS,kBAAkB,eACzB,QAAQ,OAAO,IAAI,MAAM,KAC3B,OAAO,MAAM,GAGjB,aAAa,OAAO,oBAAoB,UAAU,OAAO;AAAA,MAC3D,CAAC;AAAA,MACD,iBAAiB,qBAAqB,MAAM,iBAAiB,CAAC,UAAU;AACtE,cAAM,gBAAgB,GAEtB,YAAY,KAAK;AAAA,MACnB,CAAC;AAAA,MACD,oBAAoB,qBAAqB,MAAM,oBAAoB,CAAC,UAAU;AAE5E,mBAAW,KAAK;AAAA,MAClB,CAAC;AAAA,IACH;AAAA,EAEJ;AACF;",
+  "names": []
+}

package/dist/jsx/constants.js

@@ -1,17 +1,11 @@
 import { createContextScope } from "@tamagui/create-context";
-const SLIDER_NAME = "Slider";
-const [createSliderContext, createSliderScope] = createContextScope(SLIDER_NAME);
-const [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME);
-const [SliderOrientationProvider, useSliderOrientationContext] = createSliderContext(SLIDER_NAME, {
+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
-});
-const PAGE_KEYS = ["PageUp", "PageDown"];
-const ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
-const BACK_KEYS = {
+}), PAGE_KEYS = ["PageUp", "PageDown"], ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], BACK_KEYS = {
   ltr: ["ArrowDown", "Home", "ArrowLeft", "PageDown"],
   rtl: ["ArrowDown", "Home", "ArrowRight", "PageDown"]
 };

package/dist/jsx/constants.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/constants.tsx"],
-  "mappings": "AACA,SAAS,0BAA0B;AAI5B,MAAM,cAAc;AAEpB,MAAM,CAAC,qBAAqB,iBAAiB,IAAI,mBAAmB,WAAW;AAE/E,MAAM,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW;AAE9C,MAAM,CAAC,2BAA2B,2BAA2B,IAClE,oBAMG,aAAa;AAAA,EACd,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AACb,CAAC;AAEI,MAAM,YAAY,CAAC,UAAU,UAAU;AACvC,MAAM,aAAa,CAAC,WAAW,aAAa,aAAa,YAAY;AACrE,MAAM,YAAyC;AAAA,EACpD,KAAK,CAAC,aAAa,QAAQ,aAAa,UAAU;AAAA,EAClD,KAAK,CAAC,aAAa,QAAQ,cAAc,UAAU;AACrD;",
+  "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": []
 }