@tamagui/slider 1.2.4 → 1.2.5

package/dist/cjs/Slider.js

@@ -257,9 +257,7 @@ const getThumbSize = (val) => {
 const SliderThumbFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
   name: "SliderThumb",
   position: "absolute",
-  // TODO not taking up 2
   bordered: 2,
-  // OR THIS
   borderWidth: 2,
   backgrounded: true,
   pressTheme: import_core.isWeb,

package/dist/cjs/Slider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Slider.tsx"],
-  "sourcesContent": ["// forked from radix-ui\n\nimport { composeRefs, useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  SizeTokens,\n  getVariableValue,\n  isWeb,\n  styled,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { getSize } from '@tamagui/get-size'\nimport { clamp, composeEventHandlers } from '@tamagui/helpers'\nimport { SizableStackProps, ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport {\n  ARROW_KEYS,\n  BACK_KEYS,\n  PAGE_KEYS,\n  SLIDER_NAME,\n  SliderOrientationProvider,\n  SliderProvider,\n  useSliderContext,\n  useSliderOrientationContext,\n} from './constants'\nimport {\n  convertValueToPercentage,\n  getClosestValueIndex,\n  getDecimalCount,\n  getLabel,\n  getNextSortedValues,\n  getThumbInBoundsOffset,\n  hasMinStepsBetweenValues,\n  linearScale,\n  roundValue,\n} from './helpers'\nimport { SliderFrame, SliderImpl } from './SliderImpl'\nimport {\n  ScopedProps,\n  SliderContextValue,\n  SliderHorizontalProps,\n  SliderProps,\n  SliderTrackProps,\n  SliderVerticalProps,\n} from './types'\n\n/* -------------------------------------------------------------------------------------------------\n * SliderHorizontal\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(\n  (props: ScopedProps<SliderHorizontalProps>, forwardedRef) => {\n    const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } =\n      props\n    const direction = useDirection(dir)\n    const isDirectionLTR = direction === 'ltr'\n    const sliderRef = React.useRef<View>(null)\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = isDirectionLTR ? [min, max] : [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge={isDirectionLTR ? 'left' : 'right'}\n        endEdge={isDirectionLTR ? 'right' : 'left'}\n        direction={isDirectionLTR ? 1 : -1}\n        sizeProp=\"width\"\n        size={state.size}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          dir={direction}\n          {...sliderProps}\n          orientation=\"horizontal\"\n          onLayout={() => {\n            sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {\n              setState({\n                size: width,\n                offset: pageX,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationX)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageX - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS[direction].includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderVertical\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderVertical = React.forwardRef<View, SliderVerticalProps>(\n  (props: ScopedProps<SliderVerticalProps>, forwardedRef) => {\n    const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n    const sliderRef = React.useRef<View>(null)\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge=\"bottom\"\n        endEdge=\"top\"\n        sizeProp=\"height\"\n        size={state.size}\n        direction={1}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          {...sliderProps}\n          orientation=\"vertical\"\n          onLayout={({ nativeEvent: { layout } }) => {\n            sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {\n              setState({\n                size: height,\n                offset: pageY,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationY)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageY - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS.ltr.includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrack\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRACK_NAME = 'SliderTrack'\n\ntype SliderTrackElement = HTMLElement | View\n\nexport const SliderTrackFrame = styled(SliderFrame, {\n  name: 'SliderTrack',\n  height: '100%',\n  width: '100%',\n  backgroundColor: '$background',\n  position: 'relative',\n  borderRadius: 100_000,\n  overflow: 'hidden',\n})\n\nconst SliderTrack = React.forwardRef<SliderTrackElement, SliderTrackProps>(\n  (props: ScopedProps<SliderTrackProps>, forwardedRef) => {\n    const { __scopeSlider, ...trackProps } = props\n    const context = useSliderContext(TRACK_NAME, __scopeSlider)\n    return (\n      <SliderTrackFrame\n        data-disabled={context.disabled ? '' : undefined}\n        data-orientation={context.orientation}\n        orientation={context.orientation}\n        size={context.size}\n        {...trackProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSliderTrack.displayName = TRACK_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrackActive\n * -----------------------------------------------------------------------------------------------*/\n\nconst RANGE_NAME = 'SliderTrackActive'\n\nexport const SliderTrackActiveFrame = styled(SliderFrame, {\n  name: 'SliderTrackActive',\n  backgroundColor: '$background',\n  position: 'absolute',\n})\n\ntype SliderTrackActiveProps = GetProps<typeof SliderTrackActiveFrame>\n\nconst SliderTrackActive = React.forwardRef<View, SliderTrackActiveProps>(\n  (props: ScopedProps<SliderTrackActiveProps>, forwardedRef) => {\n    const { __scopeSlider, ...rangeProps } = props\n    const context = useSliderContext(RANGE_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider)\n    const ref = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const valuesCount = context.values.length\n    const percentages = context.values.map((value) =>\n      convertValueToPercentage(value, context.min, context.max)\n    )\n    const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0\n    const offsetEnd = 100 - Math.max(...percentages)\n\n    return (\n      <SliderTrackActiveFrame\n        orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        size={context.size}\n        {...rangeProps}\n        ref={composedRefs}\n        {...{\n          [orientation.startEdge]: `${offsetStart}%`,\n          [orientation.endEdge]: `${offsetEnd}%`,\n        }}\n        {...(orientation.sizeProp === 'width'\n          ? {\n              height: '100%',\n            }\n          : {\n              left: 0,\n              right: 0,\n            })}\n      />\n    )\n  }\n)\n\nSliderTrackActive.displayName = RANGE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SliderThumb'\n\n// TODO make this customizable through tamagui\n// so we can accurately use it for estimatedSize below\nconst getThumbSize = (val?: SizeTokens | number) => {\n  const size = typeof val === 'number' ? val : getSize(val, -1)\n  return {\n    width: size,\n    height: size,\n    minWidth: size,\n    minHeight: size,\n  }\n}\n\nexport const SliderThumbFrame = styled(ThemeableStack, {\n  name: 'SliderThumb',\n  position: 'absolute',\n  // TODO not taking up 2\n  bordered: 2,\n  // OR THIS\n  borderWidth: 2,\n  backgrounded: true,\n  pressTheme: isWeb,\n  focusTheme: isWeb,\n  hoverTheme: isWeb,\n\n  variants: {\n    size: {\n      '...size': getThumbSize,\n    },\n  } as const,\n})\n\ninterface SliderThumbProps extends SizableStackProps {\n  index: number\n}\n\nconst SliderThumb = React.forwardRef<View, SliderThumbProps>(\n  (props: ScopedProps<SliderThumbProps>, forwardedRef) => {\n    const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props\n    const context = useSliderContext(THUMB_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider)\n    const [thumb, setThumb] = React.useState<View | HTMLElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node))\n\n    // We cast because index could be `-1` which would return undefined\n    const value = context.values[index] as number | undefined\n    const percent =\n      value === undefined ? 0 : convertValueToPercentage(value, context.min, context.max)\n    const label = getLabel(index, context.values.length)\n    const sizeIn = sizeProp ?? context.size ?? '$true'\n    const [size, setSize] = React.useState(() => {\n      // for SSR\n      const estimatedSize = getVariableValue(getThumbSize(sizeIn).width)\n      return estimatedSize\n    })\n\n    const thumbInBoundsOffset = size\n      ? getThumbInBoundsOffset(size, percent, orientation.direction)\n      : 0\n\n    React.useEffect(() => {\n      if (thumb) {\n        context.thumbs.add(thumb)\n        return () => {\n          context.thumbs.delete(thumb)\n        }\n      }\n    }, [thumb, context.thumbs])\n\n    return (\n      <SliderThumbFrame\n        ref={composedRefs}\n        // TODO\n        // @ts-ignore\n        role=\"slider\"\n        aria-label={props['aria-label'] || label}\n        aria-valuemin={context.min}\n        aria-valuenow={value}\n        aria-valuemax={context.max}\n        aria-orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        tabIndex={context.disabled ? undefined : 0}\n        animateOnly={['transform', 'left', 'right', 'top', 'bottom']}\n        {...thumbProps}\n        {...(context.orientation === 'horizontal'\n          ? {\n              x: thumbInBoundsOffset - size / 2,\n              y: -size / 2,\n              top: '50%',\n              ...(size === 0 && {\n                top: 'auto',\n                bottom: 'auto',\n              }),\n            }\n          : {\n              x: -size / 2,\n              y: size / 2,\n              left: '50%',\n              ...(size === 0 && {\n                left: 'auto',\n                right: 'auto',\n              }),\n            })}\n        {...{\n          [orientation.startEdge]: `${percent}%`,\n        }}\n        size={sizeIn}\n        onLayout={(e) => {\n          setSize(e.nativeEvent.layout[orientation.sizeProp])\n        }}\n        /**\n         * There will be no value on initial render while we work out the index so we hide thumbs\n         * without a value, otherwise SSR will render them in the wrong position before they\n         * snap into the correct position during hydration which would be visually jarring for\n         * slower connections.\n         */\n        // style={value === undefined ? { display: 'none' } : props.style}\n        onFocus={composeEventHandlers(props.onFocus, () => {\n          context.valueIndexToChangeRef.current = index\n        })}\n      />\n    )\n  }\n)\n\nSliderThumb.displayName = THUMB_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Slider\n * -----------------------------------------------------------------------------------------------*/\n\nconst Slider = withStaticProperties(\n  React.forwardRef<View, SliderProps>((props: ScopedProps<SliderProps>, forwardedRef) => {\n    const {\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      orientation = 'horizontal',\n      disabled = false,\n      minStepsBetweenThumbs = 0,\n      defaultValue = [min],\n      value,\n      onValueChange = () => {},\n      size: sizeProp,\n      ...sliderProps\n    } = props\n    const sliderRef = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(sliderRef, forwardedRef)\n    const thumbRefs = React.useRef<SliderContextValue['thumbs']>(new Set())\n    const valueIndexToChangeRef = React.useRef<number>(0)\n    const isHorizontal = orientation === 'horizontal'\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    // const isFormControl =\n    //   sliderRef.current instanceof HTMLElement ? Boolean(sliderRef.current.closest('form')) : true\n\n    const [values = [], setValues] = useControllableState({\n      prop: value,\n      defaultProp: defaultValue,\n      transition: true,\n      onChange: (value) => {\n        if (isWeb) {\n          const thumbs = [...thumbRefs.current]\n          thumbs[valueIndexToChangeRef.current]?.focus()\n        }\n        onValueChange(value)\n      },\n    })\n\n    if (isWeb) {\n      React.useEffect(() => {\n        // @ts-ignore\n        const node = sliderRef.current as HTMLElement\n        if (!node) return\n        const preventDefault = (e) => {\n          e.preventDefault()\n        }\n        node.addEventListener('touchstart', preventDefault)\n        return () => {\n          node.removeEventListener('touchstart', preventDefault)\n        }\n      }, [])\n    }\n\n    function handleSlideMove(value: number) {\n      updateValues(value, valueIndexToChangeRef.current)\n    }\n\n    function updateValues(value: number, atIndex: number) {\n      const decimalCount = getDecimalCount(step)\n      const snapToStep = roundValue(\n        Math.round((value - min) / step) * step + min,\n        decimalCount\n      )\n      const nextValue = clamp(snapToStep, [min, max])\n      setValues((prevValues = []) => {\n        const nextValues = getNextSortedValues(prevValues, nextValue, atIndex)\n        if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {\n          valueIndexToChangeRef.current = nextValues.indexOf(nextValue)\n          return String(nextValues) === String(prevValues) ? prevValues : nextValues\n        } else {\n          return prevValues\n        }\n      })\n    }\n\n    const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical\n\n    return (\n      <SliderProvider\n        scope={props.__scopeSlider}\n        disabled={disabled}\n        min={min}\n        max={max}\n        valueIndexToChangeRef={valueIndexToChangeRef}\n        thumbs={thumbRefs.current}\n        values={values}\n        orientation={orientation}\n        size={sizeProp}\n      >\n        <SliderOriented\n          aria-disabled={disabled}\n          data-disabled={disabled ? '' : undefined}\n          {...sliderProps}\n          ref={composedRefs}\n          min={min}\n          max={max}\n          onSlideStart={\n            disabled\n              ? undefined\n              : (value: number, target) => {\n                  // when starting on the track, move it right away\n                  // when starting on thumb, dont jump until movemenet as it feels weird\n                  if (target !== 'thumb') {\n                    const closestIndex = getClosestValueIndex(values, value)\n                    updateValues(value, closestIndex)\n                  }\n                }\n          }\n          onSlideMove={disabled ? undefined : handleSlideMove}\n          onHomeKeyDown={() => !disabled && updateValues(min, 0)}\n          onEndKeyDown={() => !disabled && updateValues(max, values.length - 1)}\n          onStepKeyDown={({ event, direction: stepDirection }) => {\n            if (!disabled) {\n              const isPageKey = PAGE_KEYS.includes(event.key)\n              const isSkipKey =\n                isPageKey || (event.shiftKey && ARROW_KEYS.includes(event.key))\n              const multiplier = isSkipKey ? 10 : 1\n              const atIndex = valueIndexToChangeRef.current\n              const value = values[atIndex]\n              const stepInDirection = step * multiplier * stepDirection\n              updateValues(value + stepInDirection, atIndex)\n            }\n          }}\n        />\n        {/* {isFormControl &&\n          values.map((value, index) => (\n            <BubbleInput\n              key={index}\n              name={name ? name + (values.length > 1 ? '[]' : '') : undefined}\n              value={value}\n            />\n          ))} */}\n      </SliderProvider>\n    )\n  }),\n  {\n    Track: SliderTrack,\n    TrackActive: SliderTrackActive,\n    Thumb: SliderThumb,\n  }\n)\n\nSlider.displayName = SLIDER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\n// // TODO\n// const BubbleInput = (props: any) => {\n//   const { value, ...inputProps } = props\n//   const ref = React.useRef<HTMLInputElement>(null)\n//   const prevValue = usePrevious(value)\n\n//   // Bubble value change to parents (e.g form change event)\n//   React.useEffect(() => {\n//     const input = ref.current!\n//     const inputProto = window.HTMLInputElement.prototype\n//     const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value') as PropertyDescriptor\n//     const setValue = descriptor.set\n//     if (prevValue !== value && setValue) {\n//       const event = new Event('input', { bubbles: true })\n//       setValue.call(input, value)\n//       input.dispatchEvent(event)\n//     }\n//   }, [prevValue, value])\n\n//   /**\n//    * We purposefully do not use `type=\"hidden\"` here otherwise forms that\n//    * wrap it will not be able to access its value via the FormData API.\n//    *\n//    * We purposefully do not add the `value` attribute here to allow the value\n//    * to be set programatically and bubble to any parent form `onChange` event.\n//    * Adding the `value` will cause React to consider the programatic\n//    * dispatch a duplicate and it will get swallowed.\n//    */\n//   return <input style={{ display: 'none' }} {...inputProps} ref={ref} defaultValue={value} />\n// }\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Track = SliderTrack\nconst Range = SliderTrackActive\nconst Thumb = SliderThumb\n\nexport {\n  Slider,\n  SliderTrack,\n  SliderTrackActive,\n  SliderThumb,\n  //\n  Track,\n  Range,\n  Thumb,\n}\n\nexport type { SliderProps, SliderTrackProps, SliderTrackActiveProps, SliderThumbProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["// forked from radix-ui\n\nimport { composeRefs, useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  SizeTokens,\n  getVariableValue,\n  isWeb,\n  styled,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { getSize } from '@tamagui/get-size'\nimport { clamp, composeEventHandlers } from '@tamagui/helpers'\nimport { SizableStackProps, ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport {\n  ARROW_KEYS,\n  BACK_KEYS,\n  PAGE_KEYS,\n  SLIDER_NAME,\n  SliderOrientationProvider,\n  SliderProvider,\n  useSliderContext,\n  useSliderOrientationContext,\n} from './constants'\nimport {\n  convertValueToPercentage,\n  getClosestValueIndex,\n  getDecimalCount,\n  getLabel,\n  getNextSortedValues,\n  getThumbInBoundsOffset,\n  hasMinStepsBetweenValues,\n  linearScale,\n  roundValue,\n} from './helpers'\nimport { SliderFrame, SliderImpl } from './SliderImpl'\nimport {\n  ScopedProps,\n  SliderContextValue,\n  SliderHorizontalProps,\n  SliderProps,\n  SliderTrackProps,\n  SliderVerticalProps,\n} from './types'\n\n/* -------------------------------------------------------------------------------------------------\n * SliderHorizontal\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(\n  (props: ScopedProps<SliderHorizontalProps>, forwardedRef) => {\n    const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } =\n      props\n    const direction = useDirection(dir)\n    const isDirectionLTR = direction === 'ltr'\n    const sliderRef = React.useRef<View>(null)\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = isDirectionLTR ? [min, max] : [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge={isDirectionLTR ? 'left' : 'right'}\n        endEdge={isDirectionLTR ? 'right' : 'left'}\n        direction={isDirectionLTR ? 1 : -1}\n        sizeProp=\"width\"\n        size={state.size}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          dir={direction}\n          {...sliderProps}\n          orientation=\"horizontal\"\n          onLayout={() => {\n            sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {\n              setState({\n                size: width,\n                offset: pageX,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationX)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageX - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS[direction].includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderVertical\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderVertical = React.forwardRef<View, SliderVerticalProps>(\n  (props: ScopedProps<SliderVerticalProps>, forwardedRef) => {\n    const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n    const sliderRef = React.useRef<View>(null)\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge=\"bottom\"\n        endEdge=\"top\"\n        sizeProp=\"height\"\n        size={state.size}\n        direction={1}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          {...sliderProps}\n          orientation=\"vertical\"\n          onLayout={({ nativeEvent: { layout } }) => {\n            sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {\n              setState({\n                size: height,\n                offset: pageY,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationY)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageY - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS.ltr.includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrack\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRACK_NAME = 'SliderTrack'\n\ntype SliderTrackElement = HTMLElement | View\n\nexport const SliderTrackFrame = styled(SliderFrame, {\n  name: 'SliderTrack',\n  height: '100%',\n  width: '100%',\n  backgroundColor: '$background',\n  position: 'relative',\n  borderRadius: 100_000,\n  overflow: 'hidden',\n})\n\nconst SliderTrack = React.forwardRef<SliderTrackElement, SliderTrackProps>(\n  (props: ScopedProps<SliderTrackProps>, forwardedRef) => {\n    const { __scopeSlider, ...trackProps } = props\n    const context = useSliderContext(TRACK_NAME, __scopeSlider)\n    return (\n      <SliderTrackFrame\n        data-disabled={context.disabled ? '' : undefined}\n        data-orientation={context.orientation}\n        orientation={context.orientation}\n        size={context.size}\n        {...trackProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSliderTrack.displayName = TRACK_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrackActive\n * -----------------------------------------------------------------------------------------------*/\n\nconst RANGE_NAME = 'SliderTrackActive'\n\nexport const SliderTrackActiveFrame = styled(SliderFrame, {\n  name: 'SliderTrackActive',\n  backgroundColor: '$background',\n  position: 'absolute',\n})\n\ntype SliderTrackActiveProps = GetProps<typeof SliderTrackActiveFrame>\n\nconst SliderTrackActive = React.forwardRef<View, SliderTrackActiveProps>(\n  (props: ScopedProps<SliderTrackActiveProps>, forwardedRef) => {\n    const { __scopeSlider, ...rangeProps } = props\n    const context = useSliderContext(RANGE_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider)\n    const ref = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const valuesCount = context.values.length\n    const percentages = context.values.map((value) =>\n      convertValueToPercentage(value, context.min, context.max)\n    )\n    const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0\n    const offsetEnd = 100 - Math.max(...percentages)\n\n    return (\n      <SliderTrackActiveFrame\n        orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        size={context.size}\n        {...rangeProps}\n        ref={composedRefs}\n        {...{\n          [orientation.startEdge]: `${offsetStart}%`,\n          [orientation.endEdge]: `${offsetEnd}%`,\n        }}\n        {...(orientation.sizeProp === 'width'\n          ? {\n              height: '100%',\n            }\n          : {\n              left: 0,\n              right: 0,\n            })}\n      />\n    )\n  }\n)\n\nSliderTrackActive.displayName = RANGE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SliderThumb'\n\n// TODO make this customizable through tamagui\n// so we can accurately use it for estimatedSize below\nconst getThumbSize = (val?: SizeTokens | number) => {\n  const size = typeof val === 'number' ? val : getSize(val, -1)\n  return {\n    width: size,\n    height: size,\n    minWidth: size,\n    minHeight: size,\n  }\n}\n\nexport const SliderThumbFrame = styled(ThemeableStack, {\n  name: 'SliderThumb',\n  position: 'absolute',\n  bordered: 2,\n  borderWidth: 2,\n  backgrounded: true,\n  pressTheme: isWeb,\n  focusTheme: isWeb,\n  hoverTheme: isWeb,\n\n  variants: {\n    size: {\n      '...size': getThumbSize,\n    },\n  } as const,\n})\n\ninterface SliderThumbProps extends SizableStackProps {\n  index: number\n}\n\nconst SliderThumb = React.forwardRef<View, SliderThumbProps>(\n  (props: ScopedProps<SliderThumbProps>, forwardedRef) => {\n    const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props\n    const context = useSliderContext(THUMB_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider)\n    const [thumb, setThumb] = React.useState<View | HTMLElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node))\n\n    // We cast because index could be `-1` which would return undefined\n    const value = context.values[index] as number | undefined\n    const percent =\n      value === undefined ? 0 : convertValueToPercentage(value, context.min, context.max)\n    const label = getLabel(index, context.values.length)\n    const sizeIn = sizeProp ?? context.size ?? '$true'\n    const [size, setSize] = React.useState(() => {\n      // for SSR\n      const estimatedSize = getVariableValue(getThumbSize(sizeIn).width)\n      return estimatedSize\n    })\n\n    const thumbInBoundsOffset = size\n      ? getThumbInBoundsOffset(size, percent, orientation.direction)\n      : 0\n\n    React.useEffect(() => {\n      if (thumb) {\n        context.thumbs.add(thumb)\n        return () => {\n          context.thumbs.delete(thumb)\n        }\n      }\n    }, [thumb, context.thumbs])\n\n    return (\n      <SliderThumbFrame\n        ref={composedRefs}\n        // TODO\n        // @ts-ignore\n        role=\"slider\"\n        aria-label={props['aria-label'] || label}\n        aria-valuemin={context.min}\n        aria-valuenow={value}\n        aria-valuemax={context.max}\n        aria-orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        tabIndex={context.disabled ? undefined : 0}\n        animateOnly={['transform', 'left', 'right', 'top', 'bottom']}\n        {...thumbProps}\n        {...(context.orientation === 'horizontal'\n          ? {\n              x: thumbInBoundsOffset - size / 2,\n              y: -size / 2,\n              top: '50%',\n              ...(size === 0 && {\n                top: 'auto',\n                bottom: 'auto',\n              }),\n            }\n          : {\n              x: -size / 2,\n              y: size / 2,\n              left: '50%',\n              ...(size === 0 && {\n                left: 'auto',\n                right: 'auto',\n              }),\n            })}\n        {...{\n          [orientation.startEdge]: `${percent}%`,\n        }}\n        size={sizeIn}\n        onLayout={(e) => {\n          setSize(e.nativeEvent.layout[orientation.sizeProp])\n        }}\n        /**\n         * There will be no value on initial render while we work out the index so we hide thumbs\n         * without a value, otherwise SSR will render them in the wrong position before they\n         * snap into the correct position during hydration which would be visually jarring for\n         * slower connections.\n         */\n        // style={value === undefined ? { display: 'none' } : props.style}\n        onFocus={composeEventHandlers(props.onFocus, () => {\n          context.valueIndexToChangeRef.current = index\n        })}\n      />\n    )\n  }\n)\n\nSliderThumb.displayName = THUMB_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Slider\n * -----------------------------------------------------------------------------------------------*/\n\nconst Slider = withStaticProperties(\n  React.forwardRef<View, SliderProps>((props: ScopedProps<SliderProps>, forwardedRef) => {\n    const {\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      orientation = 'horizontal',\n      disabled = false,\n      minStepsBetweenThumbs = 0,\n      defaultValue = [min],\n      value,\n      onValueChange = () => {},\n      size: sizeProp,\n      ...sliderProps\n    } = props\n    const sliderRef = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(sliderRef, forwardedRef)\n    const thumbRefs = React.useRef<SliderContextValue['thumbs']>(new Set())\n    const valueIndexToChangeRef = React.useRef<number>(0)\n    const isHorizontal = orientation === 'horizontal'\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    // const isFormControl =\n    //   sliderRef.current instanceof HTMLElement ? Boolean(sliderRef.current.closest('form')) : true\n\n    const [values = [], setValues] = useControllableState({\n      prop: value,\n      defaultProp: defaultValue,\n      transition: true,\n      onChange: (value) => {\n        if (isWeb) {\n          const thumbs = [...thumbRefs.current]\n          thumbs[valueIndexToChangeRef.current]?.focus()\n        }\n        onValueChange(value)\n      },\n    })\n\n    if (isWeb) {\n      React.useEffect(() => {\n        // @ts-ignore\n        const node = sliderRef.current as HTMLElement\n        if (!node) return\n        const preventDefault = (e) => {\n          e.preventDefault()\n        }\n        node.addEventListener('touchstart', preventDefault)\n        return () => {\n          node.removeEventListener('touchstart', preventDefault)\n        }\n      }, [])\n    }\n\n    function handleSlideMove(value: number) {\n      updateValues(value, valueIndexToChangeRef.current)\n    }\n\n    function updateValues(value: number, atIndex: number) {\n      const decimalCount = getDecimalCount(step)\n      const snapToStep = roundValue(\n        Math.round((value - min) / step) * step + min,\n        decimalCount\n      )\n      const nextValue = clamp(snapToStep, [min, max])\n      setValues((prevValues = []) => {\n        const nextValues = getNextSortedValues(prevValues, nextValue, atIndex)\n        if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {\n          valueIndexToChangeRef.current = nextValues.indexOf(nextValue)\n          return String(nextValues) === String(prevValues) ? prevValues : nextValues\n        } else {\n          return prevValues\n        }\n      })\n    }\n\n    const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical\n\n    return (\n      <SliderProvider\n        scope={props.__scopeSlider}\n        disabled={disabled}\n        min={min}\n        max={max}\n        valueIndexToChangeRef={valueIndexToChangeRef}\n        thumbs={thumbRefs.current}\n        values={values}\n        orientation={orientation}\n        size={sizeProp}\n      >\n        <SliderOriented\n          aria-disabled={disabled}\n          data-disabled={disabled ? '' : undefined}\n          {...sliderProps}\n          ref={composedRefs}\n          min={min}\n          max={max}\n          onSlideStart={\n            disabled\n              ? undefined\n              : (value: number, target) => {\n                  // when starting on the track, move it right away\n                  // when starting on thumb, dont jump until movemenet as it feels weird\n                  if (target !== 'thumb') {\n                    const closestIndex = getClosestValueIndex(values, value)\n                    updateValues(value, closestIndex)\n                  }\n                }\n          }\n          onSlideMove={disabled ? undefined : handleSlideMove}\n          onHomeKeyDown={() => !disabled && updateValues(min, 0)}\n          onEndKeyDown={() => !disabled && updateValues(max, values.length - 1)}\n          onStepKeyDown={({ event, direction: stepDirection }) => {\n            if (!disabled) {\n              const isPageKey = PAGE_KEYS.includes(event.key)\n              const isSkipKey =\n                isPageKey || (event.shiftKey && ARROW_KEYS.includes(event.key))\n              const multiplier = isSkipKey ? 10 : 1\n              const atIndex = valueIndexToChangeRef.current\n              const value = values[atIndex]\n              const stepInDirection = step * multiplier * stepDirection\n              updateValues(value + stepInDirection, atIndex)\n            }\n          }}\n        />\n        {/* {isFormControl &&\n          values.map((value, index) => (\n            <BubbleInput\n              key={index}\n              name={name ? name + (values.length > 1 ? '[]' : '') : undefined}\n              value={value}\n            />\n          ))} */}\n      </SliderProvider>\n    )\n  }),\n  {\n    Track: SliderTrack,\n    TrackActive: SliderTrackActive,\n    Thumb: SliderThumb,\n  }\n)\n\nSlider.displayName = SLIDER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\n// // TODO\n// const BubbleInput = (props: any) => {\n//   const { value, ...inputProps } = props\n//   const ref = React.useRef<HTMLInputElement>(null)\n//   const prevValue = usePrevious(value)\n\n//   // Bubble value change to parents (e.g form change event)\n//   React.useEffect(() => {\n//     const input = ref.current!\n//     const inputProto = window.HTMLInputElement.prototype\n//     const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value') as PropertyDescriptor\n//     const setValue = descriptor.set\n//     if (prevValue !== value && setValue) {\n//       const event = new Event('input', { bubbles: true })\n//       setValue.call(input, value)\n//       input.dispatchEvent(event)\n//     }\n//   }, [prevValue, value])\n\n//   /**\n//    * We purposefully do not use `type=\"hidden\"` here otherwise forms that\n//    * wrap it will not be able to access its value via the FormData API.\n//    *\n//    * We purposefully do not add the `value` attribute here to allow the value\n//    * to be set programatically and bubble to any parent form `onChange` event.\n//    * Adding the `value` will cause React to consider the programatic\n//    * dispatch a duplicate and it will get swallowed.\n//    */\n//   return <input style={{ display: 'none' }} {...inputProps} ref={ref} defaultValue={value} />\n// }\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Track = SliderTrack\nconst Range = SliderTrackActive\nconst Thumb = SliderThumb\n\nexport {\n  Slider,\n  SliderTrack,\n  SliderTrackActive,\n  SliderThumb,\n  //\n  Track,\n  Range,\n  Thumb,\n}\n\nexport type { SliderProps, SliderTrackProps, SliderTrackActiveProps, SliderThumbProps }\n"],
+  "mappings": "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",
   "names": ["import_helpers", "value"]
 }

package/dist/esm/Slider.js

@@ -239,9 +239,7 @@ const getThumbSize = (val) => {
 const SliderThumbFrame = styled(ThemeableStack, {
   name: "SliderThumb",
   position: "absolute",
-  // TODO not taking up 2
   bordered: 2,
-  // OR THIS
   borderWidth: 2,
   backgrounded: true,
   pressTheme: isWeb,

package/dist/esm/Slider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Slider.tsx"],
-  "sourcesContent": ["// forked from radix-ui\n\nimport { composeRefs, useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  SizeTokens,\n  getVariableValue,\n  isWeb,\n  styled,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { getSize } from '@tamagui/get-size'\nimport { clamp, composeEventHandlers } from '@tamagui/helpers'\nimport { SizableStackProps, ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport {\n  ARROW_KEYS,\n  BACK_KEYS,\n  PAGE_KEYS,\n  SLIDER_NAME,\n  SliderOrientationProvider,\n  SliderProvider,\n  useSliderContext,\n  useSliderOrientationContext,\n} from './constants'\nimport {\n  convertValueToPercentage,\n  getClosestValueIndex,\n  getDecimalCount,\n  getLabel,\n  getNextSortedValues,\n  getThumbInBoundsOffset,\n  hasMinStepsBetweenValues,\n  linearScale,\n  roundValue,\n} from './helpers'\nimport { SliderFrame, SliderImpl } from './SliderImpl'\nimport {\n  ScopedProps,\n  SliderContextValue,\n  SliderHorizontalProps,\n  SliderProps,\n  SliderTrackProps,\n  SliderVerticalProps,\n} from './types'\n\n/* -------------------------------------------------------------------------------------------------\n * SliderHorizontal\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(\n  (props: ScopedProps<SliderHorizontalProps>, forwardedRef) => {\n    const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } =\n      props\n    const direction = useDirection(dir)\n    const isDirectionLTR = direction === 'ltr'\n    const sliderRef = React.useRef<View>(null)\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = isDirectionLTR ? [min, max] : [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge={isDirectionLTR ? 'left' : 'right'}\n        endEdge={isDirectionLTR ? 'right' : 'left'}\n        direction={isDirectionLTR ? 1 : -1}\n        sizeProp=\"width\"\n        size={state.size}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          dir={direction}\n          {...sliderProps}\n          orientation=\"horizontal\"\n          onLayout={() => {\n            sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {\n              setState({\n                size: width,\n                offset: pageX,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationX)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageX - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS[direction].includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderVertical\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderVertical = React.forwardRef<View, SliderVerticalProps>(\n  (props: ScopedProps<SliderVerticalProps>, forwardedRef) => {\n    const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n    const sliderRef = React.useRef<View>(null)\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge=\"bottom\"\n        endEdge=\"top\"\n        sizeProp=\"height\"\n        size={state.size}\n        direction={1}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          {...sliderProps}\n          orientation=\"vertical\"\n          onLayout={({ nativeEvent: { layout } }) => {\n            sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {\n              setState({\n                size: height,\n                offset: pageY,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationY)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageY - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS.ltr.includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrack\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRACK_NAME = 'SliderTrack'\n\ntype SliderTrackElement = HTMLElement | View\n\nexport const SliderTrackFrame = styled(SliderFrame, {\n  name: 'SliderTrack',\n  height: '100%',\n  width: '100%',\n  backgroundColor: '$background',\n  position: 'relative',\n  borderRadius: 100_000,\n  overflow: 'hidden',\n})\n\nconst SliderTrack = React.forwardRef<SliderTrackElement, SliderTrackProps>(\n  (props: ScopedProps<SliderTrackProps>, forwardedRef) => {\n    const { __scopeSlider, ...trackProps } = props\n    const context = useSliderContext(TRACK_NAME, __scopeSlider)\n    return (\n      <SliderTrackFrame\n        data-disabled={context.disabled ? '' : undefined}\n        data-orientation={context.orientation}\n        orientation={context.orientation}\n        size={context.size}\n        {...trackProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSliderTrack.displayName = TRACK_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrackActive\n * -----------------------------------------------------------------------------------------------*/\n\nconst RANGE_NAME = 'SliderTrackActive'\n\nexport const SliderTrackActiveFrame = styled(SliderFrame, {\n  name: 'SliderTrackActive',\n  backgroundColor: '$background',\n  position: 'absolute',\n})\n\ntype SliderTrackActiveProps = GetProps<typeof SliderTrackActiveFrame>\n\nconst SliderTrackActive = React.forwardRef<View, SliderTrackActiveProps>(\n  (props: ScopedProps<SliderTrackActiveProps>, forwardedRef) => {\n    const { __scopeSlider, ...rangeProps } = props\n    const context = useSliderContext(RANGE_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider)\n    const ref = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const valuesCount = context.values.length\n    const percentages = context.values.map((value) =>\n      convertValueToPercentage(value, context.min, context.max)\n    )\n    const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0\n    const offsetEnd = 100 - Math.max(...percentages)\n\n    return (\n      <SliderTrackActiveFrame\n        orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        size={context.size}\n        {...rangeProps}\n        ref={composedRefs}\n        {...{\n          [orientation.startEdge]: `${offsetStart}%`,\n          [orientation.endEdge]: `${offsetEnd}%`,\n        }}\n        {...(orientation.sizeProp === 'width'\n          ? {\n              height: '100%',\n            }\n          : {\n              left: 0,\n              right: 0,\n            })}\n      />\n    )\n  }\n)\n\nSliderTrackActive.displayName = RANGE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SliderThumb'\n\n// TODO make this customizable through tamagui\n// so we can accurately use it for estimatedSize below\nconst getThumbSize = (val?: SizeTokens | number) => {\n  const size = typeof val === 'number' ? val : getSize(val, -1)\n  return {\n    width: size,\n    height: size,\n    minWidth: size,\n    minHeight: size,\n  }\n}\n\nexport const SliderThumbFrame = styled(ThemeableStack, {\n  name: 'SliderThumb',\n  position: 'absolute',\n  // TODO not taking up 2\n  bordered: 2,\n  // OR THIS\n  borderWidth: 2,\n  backgrounded: true,\n  pressTheme: isWeb,\n  focusTheme: isWeb,\n  hoverTheme: isWeb,\n\n  variants: {\n    size: {\n      '...size': getThumbSize,\n    },\n  } as const,\n})\n\ninterface SliderThumbProps extends SizableStackProps {\n  index: number\n}\n\nconst SliderThumb = React.forwardRef<View, SliderThumbProps>(\n  (props: ScopedProps<SliderThumbProps>, forwardedRef) => {\n    const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props\n    const context = useSliderContext(THUMB_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider)\n    const [thumb, setThumb] = React.useState<View | HTMLElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node))\n\n    // We cast because index could be `-1` which would return undefined\n    const value = context.values[index] as number | undefined\n    const percent =\n      value === undefined ? 0 : convertValueToPercentage(value, context.min, context.max)\n    const label = getLabel(index, context.values.length)\n    const sizeIn = sizeProp ?? context.size ?? '$true'\n    const [size, setSize] = React.useState(() => {\n      // for SSR\n      const estimatedSize = getVariableValue(getThumbSize(sizeIn).width)\n      return estimatedSize\n    })\n\n    const thumbInBoundsOffset = size\n      ? getThumbInBoundsOffset(size, percent, orientation.direction)\n      : 0\n\n    React.useEffect(() => {\n      if (thumb) {\n        context.thumbs.add(thumb)\n        return () => {\n          context.thumbs.delete(thumb)\n        }\n      }\n    }, [thumb, context.thumbs])\n\n    return (\n      <SliderThumbFrame\n        ref={composedRefs}\n        // TODO\n        // @ts-ignore\n        role=\"slider\"\n        aria-label={props['aria-label'] || label}\n        aria-valuemin={context.min}\n        aria-valuenow={value}\n        aria-valuemax={context.max}\n        aria-orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        tabIndex={context.disabled ? undefined : 0}\n        animateOnly={['transform', 'left', 'right', 'top', 'bottom']}\n        {...thumbProps}\n        {...(context.orientation === 'horizontal'\n          ? {\n              x: thumbInBoundsOffset - size / 2,\n              y: -size / 2,\n              top: '50%',\n              ...(size === 0 && {\n                top: 'auto',\n                bottom: 'auto',\n              }),\n            }\n          : {\n              x: -size / 2,\n              y: size / 2,\n              left: '50%',\n              ...(size === 0 && {\n                left: 'auto',\n                right: 'auto',\n              }),\n            })}\n        {...{\n          [orientation.startEdge]: `${percent}%`,\n        }}\n        size={sizeIn}\n        onLayout={(e) => {\n          setSize(e.nativeEvent.layout[orientation.sizeProp])\n        }}\n        /**\n         * There will be no value on initial render while we work out the index so we hide thumbs\n         * without a value, otherwise SSR will render them in the wrong position before they\n         * snap into the correct position during hydration which would be visually jarring for\n         * slower connections.\n         */\n        // style={value === undefined ? { display: 'none' } : props.style}\n        onFocus={composeEventHandlers(props.onFocus, () => {\n          context.valueIndexToChangeRef.current = index\n        })}\n      />\n    )\n  }\n)\n\nSliderThumb.displayName = THUMB_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Slider\n * -----------------------------------------------------------------------------------------------*/\n\nconst Slider = withStaticProperties(\n  React.forwardRef<View, SliderProps>((props: ScopedProps<SliderProps>, forwardedRef) => {\n    const {\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      orientation = 'horizontal',\n      disabled = false,\n      minStepsBetweenThumbs = 0,\n      defaultValue = [min],\n      value,\n      onValueChange = () => {},\n      size: sizeProp,\n      ...sliderProps\n    } = props\n    const sliderRef = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(sliderRef, forwardedRef)\n    const thumbRefs = React.useRef<SliderContextValue['thumbs']>(new Set())\n    const valueIndexToChangeRef = React.useRef<number>(0)\n    const isHorizontal = orientation === 'horizontal'\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    // const isFormControl =\n    //   sliderRef.current instanceof HTMLElement ? Boolean(sliderRef.current.closest('form')) : true\n\n    const [values = [], setValues] = useControllableState({\n      prop: value,\n      defaultProp: defaultValue,\n      transition: true,\n      onChange: (value) => {\n        if (isWeb) {\n          const thumbs = [...thumbRefs.current]\n          thumbs[valueIndexToChangeRef.current]?.focus()\n        }\n        onValueChange(value)\n      },\n    })\n\n    if (isWeb) {\n      React.useEffect(() => {\n        // @ts-ignore\n        const node = sliderRef.current as HTMLElement\n        if (!node) return\n        const preventDefault = (e) => {\n          e.preventDefault()\n        }\n        node.addEventListener('touchstart', preventDefault)\n        return () => {\n          node.removeEventListener('touchstart', preventDefault)\n        }\n      }, [])\n    }\n\n    function handleSlideMove(value: number) {\n      updateValues(value, valueIndexToChangeRef.current)\n    }\n\n    function updateValues(value: number, atIndex: number) {\n      const decimalCount = getDecimalCount(step)\n      const snapToStep = roundValue(\n        Math.round((value - min) / step) * step + min,\n        decimalCount\n      )\n      const nextValue = clamp(snapToStep, [min, max])\n      setValues((prevValues = []) => {\n        const nextValues = getNextSortedValues(prevValues, nextValue, atIndex)\n        if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {\n          valueIndexToChangeRef.current = nextValues.indexOf(nextValue)\n          return String(nextValues) === String(prevValues) ? prevValues : nextValues\n        } else {\n          return prevValues\n        }\n      })\n    }\n\n    const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical\n\n    return (\n      <SliderProvider\n        scope={props.__scopeSlider}\n        disabled={disabled}\n        min={min}\n        max={max}\n        valueIndexToChangeRef={valueIndexToChangeRef}\n        thumbs={thumbRefs.current}\n        values={values}\n        orientation={orientation}\n        size={sizeProp}\n      >\n        <SliderOriented\n          aria-disabled={disabled}\n          data-disabled={disabled ? '' : undefined}\n          {...sliderProps}\n          ref={composedRefs}\n          min={min}\n          max={max}\n          onSlideStart={\n            disabled\n              ? undefined\n              : (value: number, target) => {\n                  // when starting on the track, move it right away\n                  // when starting on thumb, dont jump until movemenet as it feels weird\n                  if (target !== 'thumb') {\n                    const closestIndex = getClosestValueIndex(values, value)\n                    updateValues(value, closestIndex)\n                  }\n                }\n          }\n          onSlideMove={disabled ? undefined : handleSlideMove}\n          onHomeKeyDown={() => !disabled && updateValues(min, 0)}\n          onEndKeyDown={() => !disabled && updateValues(max, values.length - 1)}\n          onStepKeyDown={({ event, direction: stepDirection }) => {\n            if (!disabled) {\n              const isPageKey = PAGE_KEYS.includes(event.key)\n              const isSkipKey =\n                isPageKey || (event.shiftKey && ARROW_KEYS.includes(event.key))\n              const multiplier = isSkipKey ? 10 : 1\n              const atIndex = valueIndexToChangeRef.current\n              const value = values[atIndex]\n              const stepInDirection = step * multiplier * stepDirection\n              updateValues(value + stepInDirection, atIndex)\n            }\n          }}\n        />\n        {/* {isFormControl &&\n          values.map((value, index) => (\n            <BubbleInput\n              key={index}\n              name={name ? name + (values.length > 1 ? '[]' : '') : undefined}\n              value={value}\n            />\n          ))} */}\n      </SliderProvider>\n    )\n  }),\n  {\n    Track: SliderTrack,\n    TrackActive: SliderTrackActive,\n    Thumb: SliderThumb,\n  }\n)\n\nSlider.displayName = SLIDER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\n// // TODO\n// const BubbleInput = (props: any) => {\n//   const { value, ...inputProps } = props\n//   const ref = React.useRef<HTMLInputElement>(null)\n//   const prevValue = usePrevious(value)\n\n//   // Bubble value change to parents (e.g form change event)\n//   React.useEffect(() => {\n//     const input = ref.current!\n//     const inputProto = window.HTMLInputElement.prototype\n//     const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value') as PropertyDescriptor\n//     const setValue = descriptor.set\n//     if (prevValue !== value && setValue) {\n//       const event = new Event('input', { bubbles: true })\n//       setValue.call(input, value)\n//       input.dispatchEvent(event)\n//     }\n//   }, [prevValue, value])\n\n//   /**\n//    * We purposefully do not use `type=\"hidden\"` here otherwise forms that\n//    * wrap it will not be able to access its value via the FormData API.\n//    *\n//    * We purposefully do not add the `value` attribute here to allow the value\n//    * to be set programatically and bubble to any parent form `onChange` event.\n//    * Adding the `value` will cause React to consider the programatic\n//    * dispatch a duplicate and it will get swallowed.\n//    */\n//   return <input style={{ display: 'none' }} {...inputProps} ref={ref} defaultValue={value} />\n// }\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Track = SliderTrack\nconst Range = SliderTrackActive\nconst Thumb = SliderThumb\n\nexport {\n  Slider,\n  SliderTrack,\n  SliderTrackActive,\n  SliderThumb,\n  //\n  Track,\n  Range,\n  Thumb,\n}\n\nexport type { SliderProps, SliderTrackProps, SliderTrackActiveProps, SliderThumbProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["// forked from radix-ui\n\nimport { composeRefs, useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  SizeTokens,\n  getVariableValue,\n  isWeb,\n  styled,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { getSize } from '@tamagui/get-size'\nimport { clamp, composeEventHandlers } from '@tamagui/helpers'\nimport { SizableStackProps, ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport {\n  ARROW_KEYS,\n  BACK_KEYS,\n  PAGE_KEYS,\n  SLIDER_NAME,\n  SliderOrientationProvider,\n  SliderProvider,\n  useSliderContext,\n  useSliderOrientationContext,\n} from './constants'\nimport {\n  convertValueToPercentage,\n  getClosestValueIndex,\n  getDecimalCount,\n  getLabel,\n  getNextSortedValues,\n  getThumbInBoundsOffset,\n  hasMinStepsBetweenValues,\n  linearScale,\n  roundValue,\n} from './helpers'\nimport { SliderFrame, SliderImpl } from './SliderImpl'\nimport {\n  ScopedProps,\n  SliderContextValue,\n  SliderHorizontalProps,\n  SliderProps,\n  SliderTrackProps,\n  SliderVerticalProps,\n} from './types'\n\n/* -------------------------------------------------------------------------------------------------\n * SliderHorizontal\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(\n  (props: ScopedProps<SliderHorizontalProps>, forwardedRef) => {\n    const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } =\n      props\n    const direction = useDirection(dir)\n    const isDirectionLTR = direction === 'ltr'\n    const sliderRef = React.useRef<View>(null)\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = isDirectionLTR ? [min, max] : [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge={isDirectionLTR ? 'left' : 'right'}\n        endEdge={isDirectionLTR ? 'right' : 'left'}\n        direction={isDirectionLTR ? 1 : -1}\n        sizeProp=\"width\"\n        size={state.size}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          dir={direction}\n          {...sliderProps}\n          orientation=\"horizontal\"\n          onLayout={() => {\n            sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {\n              setState({\n                size: width,\n                offset: pageX,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationX)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageX - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS[direction].includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderVertical\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderVertical = React.forwardRef<View, SliderVerticalProps>(\n  (props: ScopedProps<SliderVerticalProps>, forwardedRef) => {\n    const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n    const sliderRef = React.useRef<View>(null)\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge=\"bottom\"\n        endEdge=\"top\"\n        sizeProp=\"height\"\n        size={state.size}\n        direction={1}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          {...sliderProps}\n          orientation=\"vertical\"\n          onLayout={({ nativeEvent: { layout } }) => {\n            sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {\n              setState({\n                size: height,\n                offset: pageY,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationY)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageY - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS.ltr.includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrack\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRACK_NAME = 'SliderTrack'\n\ntype SliderTrackElement = HTMLElement | View\n\nexport const SliderTrackFrame = styled(SliderFrame, {\n  name: 'SliderTrack',\n  height: '100%',\n  width: '100%',\n  backgroundColor: '$background',\n  position: 'relative',\n  borderRadius: 100_000,\n  overflow: 'hidden',\n})\n\nconst SliderTrack = React.forwardRef<SliderTrackElement, SliderTrackProps>(\n  (props: ScopedProps<SliderTrackProps>, forwardedRef) => {\n    const { __scopeSlider, ...trackProps } = props\n    const context = useSliderContext(TRACK_NAME, __scopeSlider)\n    return (\n      <SliderTrackFrame\n        data-disabled={context.disabled ? '' : undefined}\n        data-orientation={context.orientation}\n        orientation={context.orientation}\n        size={context.size}\n        {...trackProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSliderTrack.displayName = TRACK_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrackActive\n * -----------------------------------------------------------------------------------------------*/\n\nconst RANGE_NAME = 'SliderTrackActive'\n\nexport const SliderTrackActiveFrame = styled(SliderFrame, {\n  name: 'SliderTrackActive',\n  backgroundColor: '$background',\n  position: 'absolute',\n})\n\ntype SliderTrackActiveProps = GetProps<typeof SliderTrackActiveFrame>\n\nconst SliderTrackActive = React.forwardRef<View, SliderTrackActiveProps>(\n  (props: ScopedProps<SliderTrackActiveProps>, forwardedRef) => {\n    const { __scopeSlider, ...rangeProps } = props\n    const context = useSliderContext(RANGE_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider)\n    const ref = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const valuesCount = context.values.length\n    const percentages = context.values.map((value) =>\n      convertValueToPercentage(value, context.min, context.max)\n    )\n    const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0\n    const offsetEnd = 100 - Math.max(...percentages)\n\n    return (\n      <SliderTrackActiveFrame\n        orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        size={context.size}\n        {...rangeProps}\n        ref={composedRefs}\n        {...{\n          [orientation.startEdge]: `${offsetStart}%`,\n          [orientation.endEdge]: `${offsetEnd}%`,\n        }}\n        {...(orientation.sizeProp === 'width'\n          ? {\n              height: '100%',\n            }\n          : {\n              left: 0,\n              right: 0,\n            })}\n      />\n    )\n  }\n)\n\nSliderTrackActive.displayName = RANGE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SliderThumb'\n\n// TODO make this customizable through tamagui\n// so we can accurately use it for estimatedSize below\nconst getThumbSize = (val?: SizeTokens | number) => {\n  const size = typeof val === 'number' ? val : getSize(val, -1)\n  return {\n    width: size,\n    height: size,\n    minWidth: size,\n    minHeight: size,\n  }\n}\n\nexport const SliderThumbFrame = styled(ThemeableStack, {\n  name: 'SliderThumb',\n  position: 'absolute',\n  bordered: 2,\n  borderWidth: 2,\n  backgrounded: true,\n  pressTheme: isWeb,\n  focusTheme: isWeb,\n  hoverTheme: isWeb,\n\n  variants: {\n    size: {\n      '...size': getThumbSize,\n    },\n  } as const,\n})\n\ninterface SliderThumbProps extends SizableStackProps {\n  index: number\n}\n\nconst SliderThumb = React.forwardRef<View, SliderThumbProps>(\n  (props: ScopedProps<SliderThumbProps>, forwardedRef) => {\n    const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props\n    const context = useSliderContext(THUMB_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider)\n    const [thumb, setThumb] = React.useState<View | HTMLElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node))\n\n    // We cast because index could be `-1` which would return undefined\n    const value = context.values[index] as number | undefined\n    const percent =\n      value === undefined ? 0 : convertValueToPercentage(value, context.min, context.max)\n    const label = getLabel(index, context.values.length)\n    const sizeIn = sizeProp ?? context.size ?? '$true'\n    const [size, setSize] = React.useState(() => {\n      // for SSR\n      const estimatedSize = getVariableValue(getThumbSize(sizeIn).width)\n      return estimatedSize\n    })\n\n    const thumbInBoundsOffset = size\n      ? getThumbInBoundsOffset(size, percent, orientation.direction)\n      : 0\n\n    React.useEffect(() => {\n      if (thumb) {\n        context.thumbs.add(thumb)\n        return () => {\n          context.thumbs.delete(thumb)\n        }\n      }\n    }, [thumb, context.thumbs])\n\n    return (\n      <SliderThumbFrame\n        ref={composedRefs}\n        // TODO\n        // @ts-ignore\n        role=\"slider\"\n        aria-label={props['aria-label'] || label}\n        aria-valuemin={context.min}\n        aria-valuenow={value}\n        aria-valuemax={context.max}\n        aria-orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        tabIndex={context.disabled ? undefined : 0}\n        animateOnly={['transform', 'left', 'right', 'top', 'bottom']}\n        {...thumbProps}\n        {...(context.orientation === 'horizontal'\n          ? {\n              x: thumbInBoundsOffset - size / 2,\n              y: -size / 2,\n              top: '50%',\n              ...(size === 0 && {\n                top: 'auto',\n                bottom: 'auto',\n              }),\n            }\n          : {\n              x: -size / 2,\n              y: size / 2,\n              left: '50%',\n              ...(size === 0 && {\n                left: 'auto',\n                right: 'auto',\n              }),\n            })}\n        {...{\n          [orientation.startEdge]: `${percent}%`,\n        }}\n        size={sizeIn}\n        onLayout={(e) => {\n          setSize(e.nativeEvent.layout[orientation.sizeProp])\n        }}\n        /**\n         * There will be no value on initial render while we work out the index so we hide thumbs\n         * without a value, otherwise SSR will render them in the wrong position before they\n         * snap into the correct position during hydration which would be visually jarring for\n         * slower connections.\n         */\n        // style={value === undefined ? { display: 'none' } : props.style}\n        onFocus={composeEventHandlers(props.onFocus, () => {\n          context.valueIndexToChangeRef.current = index\n        })}\n      />\n    )\n  }\n)\n\nSliderThumb.displayName = THUMB_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Slider\n * -----------------------------------------------------------------------------------------------*/\n\nconst Slider = withStaticProperties(\n  React.forwardRef<View, SliderProps>((props: ScopedProps<SliderProps>, forwardedRef) => {\n    const {\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      orientation = 'horizontal',\n      disabled = false,\n      minStepsBetweenThumbs = 0,\n      defaultValue = [min],\n      value,\n      onValueChange = () => {},\n      size: sizeProp,\n      ...sliderProps\n    } = props\n    const sliderRef = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(sliderRef, forwardedRef)\n    const thumbRefs = React.useRef<SliderContextValue['thumbs']>(new Set())\n    const valueIndexToChangeRef = React.useRef<number>(0)\n    const isHorizontal = orientation === 'horizontal'\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    // const isFormControl =\n    //   sliderRef.current instanceof HTMLElement ? Boolean(sliderRef.current.closest('form')) : true\n\n    const [values = [], setValues] = useControllableState({\n      prop: value,\n      defaultProp: defaultValue,\n      transition: true,\n      onChange: (value) => {\n        if (isWeb) {\n          const thumbs = [...thumbRefs.current]\n          thumbs[valueIndexToChangeRef.current]?.focus()\n        }\n        onValueChange(value)\n      },\n    })\n\n    if (isWeb) {\n      React.useEffect(() => {\n        // @ts-ignore\n        const node = sliderRef.current as HTMLElement\n        if (!node) return\n        const preventDefault = (e) => {\n          e.preventDefault()\n        }\n        node.addEventListener('touchstart', preventDefault)\n        return () => {\n          node.removeEventListener('touchstart', preventDefault)\n        }\n      }, [])\n    }\n\n    function handleSlideMove(value: number) {\n      updateValues(value, valueIndexToChangeRef.current)\n    }\n\n    function updateValues(value: number, atIndex: number) {\n      const decimalCount = getDecimalCount(step)\n      const snapToStep = roundValue(\n        Math.round((value - min) / step) * step + min,\n        decimalCount\n      )\n      const nextValue = clamp(snapToStep, [min, max])\n      setValues((prevValues = []) => {\n        const nextValues = getNextSortedValues(prevValues, nextValue, atIndex)\n        if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {\n          valueIndexToChangeRef.current = nextValues.indexOf(nextValue)\n          return String(nextValues) === String(prevValues) ? prevValues : nextValues\n        } else {\n          return prevValues\n        }\n      })\n    }\n\n    const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical\n\n    return (\n      <SliderProvider\n        scope={props.__scopeSlider}\n        disabled={disabled}\n        min={min}\n        max={max}\n        valueIndexToChangeRef={valueIndexToChangeRef}\n        thumbs={thumbRefs.current}\n        values={values}\n        orientation={orientation}\n        size={sizeProp}\n      >\n        <SliderOriented\n          aria-disabled={disabled}\n          data-disabled={disabled ? '' : undefined}\n          {...sliderProps}\n          ref={composedRefs}\n          min={min}\n          max={max}\n          onSlideStart={\n            disabled\n              ? undefined\n              : (value: number, target) => {\n                  // when starting on the track, move it right away\n                  // when starting on thumb, dont jump until movemenet as it feels weird\n                  if (target !== 'thumb') {\n                    const closestIndex = getClosestValueIndex(values, value)\n                    updateValues(value, closestIndex)\n                  }\n                }\n          }\n          onSlideMove={disabled ? undefined : handleSlideMove}\n          onHomeKeyDown={() => !disabled && updateValues(min, 0)}\n          onEndKeyDown={() => !disabled && updateValues(max, values.length - 1)}\n          onStepKeyDown={({ event, direction: stepDirection }) => {\n            if (!disabled) {\n              const isPageKey = PAGE_KEYS.includes(event.key)\n              const isSkipKey =\n                isPageKey || (event.shiftKey && ARROW_KEYS.includes(event.key))\n              const multiplier = isSkipKey ? 10 : 1\n              const atIndex = valueIndexToChangeRef.current\n              const value = values[atIndex]\n              const stepInDirection = step * multiplier * stepDirection\n              updateValues(value + stepInDirection, atIndex)\n            }\n          }}\n        />\n        {/* {isFormControl &&\n          values.map((value, index) => (\n            <BubbleInput\n              key={index}\n              name={name ? name + (values.length > 1 ? '[]' : '') : undefined}\n              value={value}\n            />\n          ))} */}\n      </SliderProvider>\n    )\n  }),\n  {\n    Track: SliderTrack,\n    TrackActive: SliderTrackActive,\n    Thumb: SliderThumb,\n  }\n)\n\nSlider.displayName = SLIDER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\n// // TODO\n// const BubbleInput = (props: any) => {\n//   const { value, ...inputProps } = props\n//   const ref = React.useRef<HTMLInputElement>(null)\n//   const prevValue = usePrevious(value)\n\n//   // Bubble value change to parents (e.g form change event)\n//   React.useEffect(() => {\n//     const input = ref.current!\n//     const inputProto = window.HTMLInputElement.prototype\n//     const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value') as PropertyDescriptor\n//     const setValue = descriptor.set\n//     if (prevValue !== value && setValue) {\n//       const event = new Event('input', { bubbles: true })\n//       setValue.call(input, value)\n//       input.dispatchEvent(event)\n//     }\n//   }, [prevValue, value])\n\n//   /**\n//    * We purposefully do not use `type=\"hidden\"` here otherwise forms that\n//    * wrap it will not be able to access its value via the FormData API.\n//    *\n//    * We purposefully do not add the `value` attribute here to allow the value\n//    * to be set programatically and bubble to any parent form `onChange` event.\n//    * Adding the `value` will cause React to consider the programatic\n//    * dispatch a duplicate and it will get swallowed.\n//    */\n//   return <input style={{ display: 'none' }} {...inputProps} ref={ref} defaultValue={value} />\n// }\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Track = SliderTrack\nconst Range = SliderTrackActive\nconst Thumb = SliderThumb\n\nexport {\n  Slider,\n  SliderTrack,\n  SliderTrackActive,\n  SliderThumb,\n  //\n  Track,\n  Range,\n  Thumb,\n}\n\nexport type { SliderProps, SliderTrackProps, SliderTrackActiveProps, SliderThumbProps }\n"],
+  "mappings": "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",
   "names": ["value"]
 }

package/dist/jsx/Slider.js

@@ -216,9 +216,7 @@ const getThumbSize = (val) => {
 const SliderThumbFrame = styled(ThemeableStack, {
   name: "SliderThumb",
   position: "absolute",
-  // TODO not taking up 2
   bordered: 2,
-  // OR THIS
   borderWidth: 2,
   backgrounded: true,
   pressTheme: isWeb,

package/dist/jsx/Slider.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Slider.tsx"],
-  "sourcesContent": ["// forked from radix-ui\n\nimport { composeRefs, useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  SizeTokens,\n  getVariableValue,\n  isWeb,\n  styled,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { getSize } from '@tamagui/get-size'\nimport { clamp, composeEventHandlers } from '@tamagui/helpers'\nimport { SizableStackProps, ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport {\n  ARROW_KEYS,\n  BACK_KEYS,\n  PAGE_KEYS,\n  SLIDER_NAME,\n  SliderOrientationProvider,\n  SliderProvider,\n  useSliderContext,\n  useSliderOrientationContext,\n} from './constants'\nimport {\n  convertValueToPercentage,\n  getClosestValueIndex,\n  getDecimalCount,\n  getLabel,\n  getNextSortedValues,\n  getThumbInBoundsOffset,\n  hasMinStepsBetweenValues,\n  linearScale,\n  roundValue,\n} from './helpers'\nimport { SliderFrame, SliderImpl } from './SliderImpl'\nimport {\n  ScopedProps,\n  SliderContextValue,\n  SliderHorizontalProps,\n  SliderProps,\n  SliderTrackProps,\n  SliderVerticalProps,\n} from './types'\n\n/* -------------------------------------------------------------------------------------------------\n * SliderHorizontal\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(\n  (props: ScopedProps<SliderHorizontalProps>, forwardedRef) => {\n    const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } =\n      props\n    const direction = useDirection(dir)\n    const isDirectionLTR = direction === 'ltr'\n    const sliderRef = React.useRef<View>(null)\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = isDirectionLTR ? [min, max] : [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge={isDirectionLTR ? 'left' : 'right'}\n        endEdge={isDirectionLTR ? 'right' : 'left'}\n        direction={isDirectionLTR ? 1 : -1}\n        sizeProp=\"width\"\n        size={state.size}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          dir={direction}\n          {...sliderProps}\n          orientation=\"horizontal\"\n          onLayout={() => {\n            sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {\n              setState({\n                size: width,\n                offset: pageX,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationX)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageX - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS[direction].includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderVertical\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderVertical = React.forwardRef<View, SliderVerticalProps>(\n  (props: ScopedProps<SliderVerticalProps>, forwardedRef) => {\n    const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n    const sliderRef = React.useRef<View>(null)\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge=\"bottom\"\n        endEdge=\"top\"\n        sizeProp=\"height\"\n        size={state.size}\n        direction={1}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          {...sliderProps}\n          orientation=\"vertical\"\n          onLayout={({ nativeEvent: { layout } }) => {\n            sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {\n              setState({\n                size: height,\n                offset: pageY,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationY)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageY - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS.ltr.includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrack\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRACK_NAME = 'SliderTrack'\n\ntype SliderTrackElement = HTMLElement | View\n\nexport const SliderTrackFrame = styled(SliderFrame, {\n  name: 'SliderTrack',\n  height: '100%',\n  width: '100%',\n  backgroundColor: '$background',\n  position: 'relative',\n  borderRadius: 100_000,\n  overflow: 'hidden',\n})\n\nconst SliderTrack = React.forwardRef<SliderTrackElement, SliderTrackProps>(\n  (props: ScopedProps<SliderTrackProps>, forwardedRef) => {\n    const { __scopeSlider, ...trackProps } = props\n    const context = useSliderContext(TRACK_NAME, __scopeSlider)\n    return (\n      <SliderTrackFrame\n        data-disabled={context.disabled ? '' : undefined}\n        data-orientation={context.orientation}\n        orientation={context.orientation}\n        size={context.size}\n        {...trackProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSliderTrack.displayName = TRACK_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrackActive\n * -----------------------------------------------------------------------------------------------*/\n\nconst RANGE_NAME = 'SliderTrackActive'\n\nexport const SliderTrackActiveFrame = styled(SliderFrame, {\n  name: 'SliderTrackActive',\n  backgroundColor: '$background',\n  position: 'absolute',\n})\n\ntype SliderTrackActiveProps = GetProps<typeof SliderTrackActiveFrame>\n\nconst SliderTrackActive = React.forwardRef<View, SliderTrackActiveProps>(\n  (props: ScopedProps<SliderTrackActiveProps>, forwardedRef) => {\n    const { __scopeSlider, ...rangeProps } = props\n    const context = useSliderContext(RANGE_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider)\n    const ref = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const valuesCount = context.values.length\n    const percentages = context.values.map((value) =>\n      convertValueToPercentage(value, context.min, context.max)\n    )\n    const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0\n    const offsetEnd = 100 - Math.max(...percentages)\n\n    return (\n      <SliderTrackActiveFrame\n        orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        size={context.size}\n        {...rangeProps}\n        ref={composedRefs}\n        {...{\n          [orientation.startEdge]: `${offsetStart}%`,\n          [orientation.endEdge]: `${offsetEnd}%`,\n        }}\n        {...(orientation.sizeProp === 'width'\n          ? {\n              height: '100%',\n            }\n          : {\n              left: 0,\n              right: 0,\n            })}\n      />\n    )\n  }\n)\n\nSliderTrackActive.displayName = RANGE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SliderThumb'\n\n// TODO make this customizable through tamagui\n// so we can accurately use it for estimatedSize below\nconst getThumbSize = (val?: SizeTokens | number) => {\n  const size = typeof val === 'number' ? val : getSize(val, -1)\n  return {\n    width: size,\n    height: size,\n    minWidth: size,\n    minHeight: size,\n  }\n}\n\nexport const SliderThumbFrame = styled(ThemeableStack, {\n  name: 'SliderThumb',\n  position: 'absolute',\n  // TODO not taking up 2\n  bordered: 2,\n  // OR THIS\n  borderWidth: 2,\n  backgrounded: true,\n  pressTheme: isWeb,\n  focusTheme: isWeb,\n  hoverTheme: isWeb,\n\n  variants: {\n    size: {\n      '...size': getThumbSize,\n    },\n  } as const,\n})\n\ninterface SliderThumbProps extends SizableStackProps {\n  index: number\n}\n\nconst SliderThumb = React.forwardRef<View, SliderThumbProps>(\n  (props: ScopedProps<SliderThumbProps>, forwardedRef) => {\n    const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props\n    const context = useSliderContext(THUMB_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider)\n    const [thumb, setThumb] = React.useState<View | HTMLElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node))\n\n    // We cast because index could be `-1` which would return undefined\n    const value = context.values[index] as number | undefined\n    const percent =\n      value === undefined ? 0 : convertValueToPercentage(value, context.min, context.max)\n    const label = getLabel(index, context.values.length)\n    const sizeIn = sizeProp ?? context.size ?? '$true'\n    const [size, setSize] = React.useState(() => {\n      // for SSR\n      const estimatedSize = getVariableValue(getThumbSize(sizeIn).width)\n      return estimatedSize\n    })\n\n    const thumbInBoundsOffset = size\n      ? getThumbInBoundsOffset(size, percent, orientation.direction)\n      : 0\n\n    React.useEffect(() => {\n      if (thumb) {\n        context.thumbs.add(thumb)\n        return () => {\n          context.thumbs.delete(thumb)\n        }\n      }\n    }, [thumb, context.thumbs])\n\n    return (\n      <SliderThumbFrame\n        ref={composedRefs}\n        // TODO\n        // @ts-ignore\n        role=\"slider\"\n        aria-label={props['aria-label'] || label}\n        aria-valuemin={context.min}\n        aria-valuenow={value}\n        aria-valuemax={context.max}\n        aria-orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        tabIndex={context.disabled ? undefined : 0}\n        animateOnly={['transform', 'left', 'right', 'top', 'bottom']}\n        {...thumbProps}\n        {...(context.orientation === 'horizontal'\n          ? {\n              x: thumbInBoundsOffset - size / 2,\n              y: -size / 2,\n              top: '50%',\n              ...(size === 0 && {\n                top: 'auto',\n                bottom: 'auto',\n              }),\n            }\n          : {\n              x: -size / 2,\n              y: size / 2,\n              left: '50%',\n              ...(size === 0 && {\n                left: 'auto',\n                right: 'auto',\n              }),\n            })}\n        {...{\n          [orientation.startEdge]: `${percent}%`,\n        }}\n        size={sizeIn}\n        onLayout={(e) => {\n          setSize(e.nativeEvent.layout[orientation.sizeProp])\n        }}\n        /**\n         * There will be no value on initial render while we work out the index so we hide thumbs\n         * without a value, otherwise SSR will render them in the wrong position before they\n         * snap into the correct position during hydration which would be visually jarring for\n         * slower connections.\n         */\n        // style={value === undefined ? { display: 'none' } : props.style}\n        onFocus={composeEventHandlers(props.onFocus, () => {\n          context.valueIndexToChangeRef.current = index\n        })}\n      />\n    )\n  }\n)\n\nSliderThumb.displayName = THUMB_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Slider\n * -----------------------------------------------------------------------------------------------*/\n\nconst Slider = withStaticProperties(\n  React.forwardRef<View, SliderProps>((props: ScopedProps<SliderProps>, forwardedRef) => {\n    const {\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      orientation = 'horizontal',\n      disabled = false,\n      minStepsBetweenThumbs = 0,\n      defaultValue = [min],\n      value,\n      onValueChange = () => {},\n      size: sizeProp,\n      ...sliderProps\n    } = props\n    const sliderRef = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(sliderRef, forwardedRef)\n    const thumbRefs = React.useRef<SliderContextValue['thumbs']>(new Set())\n    const valueIndexToChangeRef = React.useRef<number>(0)\n    const isHorizontal = orientation === 'horizontal'\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    // const isFormControl =\n    //   sliderRef.current instanceof HTMLElement ? Boolean(sliderRef.current.closest('form')) : true\n\n    const [values = [], setValues] = useControllableState({\n      prop: value,\n      defaultProp: defaultValue,\n      transition: true,\n      onChange: (value) => {\n        if (isWeb) {\n          const thumbs = [...thumbRefs.current]\n          thumbs[valueIndexToChangeRef.current]?.focus()\n        }\n        onValueChange(value)\n      },\n    })\n\n    if (isWeb) {\n      React.useEffect(() => {\n        // @ts-ignore\n        const node = sliderRef.current as HTMLElement\n        if (!node) return\n        const preventDefault = (e) => {\n          e.preventDefault()\n        }\n        node.addEventListener('touchstart', preventDefault)\n        return () => {\n          node.removeEventListener('touchstart', preventDefault)\n        }\n      }, [])\n    }\n\n    function handleSlideMove(value: number) {\n      updateValues(value, valueIndexToChangeRef.current)\n    }\n\n    function updateValues(value: number, atIndex: number) {\n      const decimalCount = getDecimalCount(step)\n      const snapToStep = roundValue(\n        Math.round((value - min) / step) * step + min,\n        decimalCount\n      )\n      const nextValue = clamp(snapToStep, [min, max])\n      setValues((prevValues = []) => {\n        const nextValues = getNextSortedValues(prevValues, nextValue, atIndex)\n        if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {\n          valueIndexToChangeRef.current = nextValues.indexOf(nextValue)\n          return String(nextValues) === String(prevValues) ? prevValues : nextValues\n        } else {\n          return prevValues\n        }\n      })\n    }\n\n    const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical\n\n    return (\n      <SliderProvider\n        scope={props.__scopeSlider}\n        disabled={disabled}\n        min={min}\n        max={max}\n        valueIndexToChangeRef={valueIndexToChangeRef}\n        thumbs={thumbRefs.current}\n        values={values}\n        orientation={orientation}\n        size={sizeProp}\n      >\n        <SliderOriented\n          aria-disabled={disabled}\n          data-disabled={disabled ? '' : undefined}\n          {...sliderProps}\n          ref={composedRefs}\n          min={min}\n          max={max}\n          onSlideStart={\n            disabled\n              ? undefined\n              : (value: number, target) => {\n                  // when starting on the track, move it right away\n                  // when starting on thumb, dont jump until movemenet as it feels weird\n                  if (target !== 'thumb') {\n                    const closestIndex = getClosestValueIndex(values, value)\n                    updateValues(value, closestIndex)\n                  }\n                }\n          }\n          onSlideMove={disabled ? undefined : handleSlideMove}\n          onHomeKeyDown={() => !disabled && updateValues(min, 0)}\n          onEndKeyDown={() => !disabled && updateValues(max, values.length - 1)}\n          onStepKeyDown={({ event, direction: stepDirection }) => {\n            if (!disabled) {\n              const isPageKey = PAGE_KEYS.includes(event.key)\n              const isSkipKey =\n                isPageKey || (event.shiftKey && ARROW_KEYS.includes(event.key))\n              const multiplier = isSkipKey ? 10 : 1\n              const atIndex = valueIndexToChangeRef.current\n              const value = values[atIndex]\n              const stepInDirection = step * multiplier * stepDirection\n              updateValues(value + stepInDirection, atIndex)\n            }\n          }}\n        />\n        {/* {isFormControl &&\n          values.map((value, index) => (\n            <BubbleInput\n              key={index}\n              name={name ? name + (values.length > 1 ? '[]' : '') : undefined}\n              value={value}\n            />\n          ))} */}\n      </SliderProvider>\n    )\n  }),\n  {\n    Track: SliderTrack,\n    TrackActive: SliderTrackActive,\n    Thumb: SliderThumb,\n  }\n)\n\nSlider.displayName = SLIDER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\n// // TODO\n// const BubbleInput = (props: any) => {\n//   const { value, ...inputProps } = props\n//   const ref = React.useRef<HTMLInputElement>(null)\n//   const prevValue = usePrevious(value)\n\n//   // Bubble value change to parents (e.g form change event)\n//   React.useEffect(() => {\n//     const input = ref.current!\n//     const inputProto = window.HTMLInputElement.prototype\n//     const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value') as PropertyDescriptor\n//     const setValue = descriptor.set\n//     if (prevValue !== value && setValue) {\n//       const event = new Event('input', { bubbles: true })\n//       setValue.call(input, value)\n//       input.dispatchEvent(event)\n//     }\n//   }, [prevValue, value])\n\n//   /**\n//    * We purposefully do not use `type=\"hidden\"` here otherwise forms that\n//    * wrap it will not be able to access its value via the FormData API.\n//    *\n//    * We purposefully do not add the `value` attribute here to allow the value\n//    * to be set programatically and bubble to any parent form `onChange` event.\n//    * Adding the `value` will cause React to consider the programatic\n//    * dispatch a duplicate and it will get swallowed.\n//    */\n//   return <input style={{ display: 'none' }} {...inputProps} ref={ref} defaultValue={value} />\n// }\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Track = SliderTrack\nconst Range = SliderTrackActive\nconst Thumb = SliderThumb\n\nexport {\n  Slider,\n  SliderTrack,\n  SliderTrackActive,\n  SliderThumb,\n  //\n  Track,\n  Range,\n  Thumb,\n}\n\nexport type { SliderProps, SliderTrackProps, SliderTrackActiveProps, SliderThumbProps }\n"],
-  "mappings": "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",
+  "sourcesContent": ["// forked from radix-ui\n\nimport { composeRefs, useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  SizeTokens,\n  getVariableValue,\n  isWeb,\n  styled,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { getSize } from '@tamagui/get-size'\nimport { clamp, composeEventHandlers } from '@tamagui/helpers'\nimport { SizableStackProps, ThemeableStack } from '@tamagui/stacks'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport { useDirection } from '@tamagui/use-direction'\nimport * as React from 'react'\nimport { View } from 'react-native'\n\nimport {\n  ARROW_KEYS,\n  BACK_KEYS,\n  PAGE_KEYS,\n  SLIDER_NAME,\n  SliderOrientationProvider,\n  SliderProvider,\n  useSliderContext,\n  useSliderOrientationContext,\n} from './constants'\nimport {\n  convertValueToPercentage,\n  getClosestValueIndex,\n  getDecimalCount,\n  getLabel,\n  getNextSortedValues,\n  getThumbInBoundsOffset,\n  hasMinStepsBetweenValues,\n  linearScale,\n  roundValue,\n} from './helpers'\nimport { SliderFrame, SliderImpl } from './SliderImpl'\nimport {\n  ScopedProps,\n  SliderContextValue,\n  SliderHorizontalProps,\n  SliderProps,\n  SliderTrackProps,\n  SliderVerticalProps,\n} from './types'\n\n/* -------------------------------------------------------------------------------------------------\n * SliderHorizontal\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(\n  (props: ScopedProps<SliderHorizontalProps>, forwardedRef) => {\n    const { min, max, dir, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } =\n      props\n    const direction = useDirection(dir)\n    const isDirectionLTR = direction === 'ltr'\n    const sliderRef = React.useRef<View>(null)\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = isDirectionLTR ? [min, max] : [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge={isDirectionLTR ? 'left' : 'right'}\n        endEdge={isDirectionLTR ? 'right' : 'left'}\n        direction={isDirectionLTR ? 1 : -1}\n        sizeProp=\"width\"\n        size={state.size}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          dir={direction}\n          {...sliderProps}\n          orientation=\"horizontal\"\n          onLayout={() => {\n            sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {\n              setState({\n                size: width,\n                offset: pageX,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationX)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageX - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS[direction].includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderVertical\n * -----------------------------------------------------------------------------------------------*/\n\nconst SliderVertical = React.forwardRef<View, SliderVerticalProps>(\n  (props: ScopedProps<SliderVerticalProps>, forwardedRef) => {\n    const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props\n    const [state, setState] = React.useState(() => ({ size: 0, offset: 0 }))\n    const sliderRef = React.useRef<View>(null)\n\n    function getValueFromPointer(pointerPosition: number) {\n      const input: [number, number] = [0, state.size]\n      const output: [number, number] = [max, min]\n      const value = linearScale(input, output)\n      return value(pointerPosition)\n    }\n\n    return (\n      <SliderOrientationProvider\n        scope={props.__scopeSlider}\n        startEdge=\"bottom\"\n        endEdge=\"top\"\n        sizeProp=\"height\"\n        size={state.size}\n        direction={1}\n      >\n        <SliderImpl\n          ref={composeRefs(forwardedRef, sliderRef)}\n          {...sliderProps}\n          orientation=\"vertical\"\n          onLayout={({ nativeEvent: { layout } }) => {\n            sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {\n              setState({\n                size: height,\n                offset: pageY,\n              })\n            })\n          }}\n          onSlideStart={(event, target) => {\n            const value = getValueFromPointer(event.nativeEvent.locationY)\n            if (value) {\n              onSlideStart?.(value, target)\n            }\n          }}\n          onSlideMove={(event) => {\n            const value = getValueFromPointer(event.nativeEvent.pageY - state.offset)\n            if (value) {\n              onSlideMove?.(value)\n            }\n          }}\n          onSlideEnd={() => {}}\n          onStepKeyDown={(event) => {\n            const isBackKey = BACK_KEYS.ltr.includes(event.key)\n            onStepKeyDown?.({ event, direction: isBackKey ? -1 : 1 })\n          }}\n        />\n      </SliderOrientationProvider>\n    )\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrack\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRACK_NAME = 'SliderTrack'\n\ntype SliderTrackElement = HTMLElement | View\n\nexport const SliderTrackFrame = styled(SliderFrame, {\n  name: 'SliderTrack',\n  height: '100%',\n  width: '100%',\n  backgroundColor: '$background',\n  position: 'relative',\n  borderRadius: 100_000,\n  overflow: 'hidden',\n})\n\nconst SliderTrack = React.forwardRef<SliderTrackElement, SliderTrackProps>(\n  (props: ScopedProps<SliderTrackProps>, forwardedRef) => {\n    const { __scopeSlider, ...trackProps } = props\n    const context = useSliderContext(TRACK_NAME, __scopeSlider)\n    return (\n      <SliderTrackFrame\n        data-disabled={context.disabled ? '' : undefined}\n        data-orientation={context.orientation}\n        orientation={context.orientation}\n        size={context.size}\n        {...trackProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSliderTrack.displayName = TRACK_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderTrackActive\n * -----------------------------------------------------------------------------------------------*/\n\nconst RANGE_NAME = 'SliderTrackActive'\n\nexport const SliderTrackActiveFrame = styled(SliderFrame, {\n  name: 'SliderTrackActive',\n  backgroundColor: '$background',\n  position: 'absolute',\n})\n\ntype SliderTrackActiveProps = GetProps<typeof SliderTrackActiveFrame>\n\nconst SliderTrackActive = React.forwardRef<View, SliderTrackActiveProps>(\n  (props: ScopedProps<SliderTrackActiveProps>, forwardedRef) => {\n    const { __scopeSlider, ...rangeProps } = props\n    const context = useSliderContext(RANGE_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider)\n    const ref = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const valuesCount = context.values.length\n    const percentages = context.values.map((value) =>\n      convertValueToPercentage(value, context.min, context.max)\n    )\n    const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0\n    const offsetEnd = 100 - Math.max(...percentages)\n\n    return (\n      <SliderTrackActiveFrame\n        orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        size={context.size}\n        {...rangeProps}\n        ref={composedRefs}\n        {...{\n          [orientation.startEdge]: `${offsetStart}%`,\n          [orientation.endEdge]: `${offsetEnd}%`,\n        }}\n        {...(orientation.sizeProp === 'width'\n          ? {\n              height: '100%',\n            }\n          : {\n              left: 0,\n              right: 0,\n            })}\n      />\n    )\n  }\n)\n\nSliderTrackActive.displayName = RANGE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SliderThumb\n * -----------------------------------------------------------------------------------------------*/\n\nconst THUMB_NAME = 'SliderThumb'\n\n// TODO make this customizable through tamagui\n// so we can accurately use it for estimatedSize below\nconst getThumbSize = (val?: SizeTokens | number) => {\n  const size = typeof val === 'number' ? val : getSize(val, -1)\n  return {\n    width: size,\n    height: size,\n    minWidth: size,\n    minHeight: size,\n  }\n}\n\nexport const SliderThumbFrame = styled(ThemeableStack, {\n  name: 'SliderThumb',\n  position: 'absolute',\n  bordered: 2,\n  borderWidth: 2,\n  backgrounded: true,\n  pressTheme: isWeb,\n  focusTheme: isWeb,\n  hoverTheme: isWeb,\n\n  variants: {\n    size: {\n      '...size': getThumbSize,\n    },\n  } as const,\n})\n\ninterface SliderThumbProps extends SizableStackProps {\n  index: number\n}\n\nconst SliderThumb = React.forwardRef<View, SliderThumbProps>(\n  (props: ScopedProps<SliderThumbProps>, forwardedRef) => {\n    const { __scopeSlider, index, size: sizeProp, ...thumbProps } = props\n    const context = useSliderContext(THUMB_NAME, __scopeSlider)\n    const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider)\n    const [thumb, setThumb] = React.useState<View | HTMLElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setThumb(node))\n\n    // We cast because index could be `-1` which would return undefined\n    const value = context.values[index] as number | undefined\n    const percent =\n      value === undefined ? 0 : convertValueToPercentage(value, context.min, context.max)\n    const label = getLabel(index, context.values.length)\n    const sizeIn = sizeProp ?? context.size ?? '$true'\n    const [size, setSize] = React.useState(() => {\n      // for SSR\n      const estimatedSize = getVariableValue(getThumbSize(sizeIn).width)\n      return estimatedSize\n    })\n\n    const thumbInBoundsOffset = size\n      ? getThumbInBoundsOffset(size, percent, orientation.direction)\n      : 0\n\n    React.useEffect(() => {\n      if (thumb) {\n        context.thumbs.add(thumb)\n        return () => {\n          context.thumbs.delete(thumb)\n        }\n      }\n    }, [thumb, context.thumbs])\n\n    return (\n      <SliderThumbFrame\n        ref={composedRefs}\n        // TODO\n        // @ts-ignore\n        role=\"slider\"\n        aria-label={props['aria-label'] || label}\n        aria-valuemin={context.min}\n        aria-valuenow={value}\n        aria-valuemax={context.max}\n        aria-orientation={context.orientation}\n        data-orientation={context.orientation}\n        data-disabled={context.disabled ? '' : undefined}\n        tabIndex={context.disabled ? undefined : 0}\n        animateOnly={['transform', 'left', 'right', 'top', 'bottom']}\n        {...thumbProps}\n        {...(context.orientation === 'horizontal'\n          ? {\n              x: thumbInBoundsOffset - size / 2,\n              y: -size / 2,\n              top: '50%',\n              ...(size === 0 && {\n                top: 'auto',\n                bottom: 'auto',\n              }),\n            }\n          : {\n              x: -size / 2,\n              y: size / 2,\n              left: '50%',\n              ...(size === 0 && {\n                left: 'auto',\n                right: 'auto',\n              }),\n            })}\n        {...{\n          [orientation.startEdge]: `${percent}%`,\n        }}\n        size={sizeIn}\n        onLayout={(e) => {\n          setSize(e.nativeEvent.layout[orientation.sizeProp])\n        }}\n        /**\n         * There will be no value on initial render while we work out the index so we hide thumbs\n         * without a value, otherwise SSR will render them in the wrong position before they\n         * snap into the correct position during hydration which would be visually jarring for\n         * slower connections.\n         */\n        // style={value === undefined ? { display: 'none' } : props.style}\n        onFocus={composeEventHandlers(props.onFocus, () => {\n          context.valueIndexToChangeRef.current = index\n        })}\n      />\n    )\n  }\n)\n\nSliderThumb.displayName = THUMB_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * Slider\n * -----------------------------------------------------------------------------------------------*/\n\nconst Slider = withStaticProperties(\n  React.forwardRef<View, SliderProps>((props: ScopedProps<SliderProps>, forwardedRef) => {\n    const {\n      name,\n      min = 0,\n      max = 100,\n      step = 1,\n      orientation = 'horizontal',\n      disabled = false,\n      minStepsBetweenThumbs = 0,\n      defaultValue = [min],\n      value,\n      onValueChange = () => {},\n      size: sizeProp,\n      ...sliderProps\n    } = props\n    const sliderRef = React.useRef<View>(null)\n    const composedRefs = useComposedRefs(sliderRef, forwardedRef)\n    const thumbRefs = React.useRef<SliderContextValue['thumbs']>(new Set())\n    const valueIndexToChangeRef = React.useRef<number>(0)\n    const isHorizontal = orientation === 'horizontal'\n    // We set this to true by default so that events bubble to forms without JS (SSR)\n    // const isFormControl =\n    //   sliderRef.current instanceof HTMLElement ? Boolean(sliderRef.current.closest('form')) : true\n\n    const [values = [], setValues] = useControllableState({\n      prop: value,\n      defaultProp: defaultValue,\n      transition: true,\n      onChange: (value) => {\n        if (isWeb) {\n          const thumbs = [...thumbRefs.current]\n          thumbs[valueIndexToChangeRef.current]?.focus()\n        }\n        onValueChange(value)\n      },\n    })\n\n    if (isWeb) {\n      React.useEffect(() => {\n        // @ts-ignore\n        const node = sliderRef.current as HTMLElement\n        if (!node) return\n        const preventDefault = (e) => {\n          e.preventDefault()\n        }\n        node.addEventListener('touchstart', preventDefault)\n        return () => {\n          node.removeEventListener('touchstart', preventDefault)\n        }\n      }, [])\n    }\n\n    function handleSlideMove(value: number) {\n      updateValues(value, valueIndexToChangeRef.current)\n    }\n\n    function updateValues(value: number, atIndex: number) {\n      const decimalCount = getDecimalCount(step)\n      const snapToStep = roundValue(\n        Math.round((value - min) / step) * step + min,\n        decimalCount\n      )\n      const nextValue = clamp(snapToStep, [min, max])\n      setValues((prevValues = []) => {\n        const nextValues = getNextSortedValues(prevValues, nextValue, atIndex)\n        if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {\n          valueIndexToChangeRef.current = nextValues.indexOf(nextValue)\n          return String(nextValues) === String(prevValues) ? prevValues : nextValues\n        } else {\n          return prevValues\n        }\n      })\n    }\n\n    const SliderOriented = isHorizontal ? SliderHorizontal : SliderVertical\n\n    return (\n      <SliderProvider\n        scope={props.__scopeSlider}\n        disabled={disabled}\n        min={min}\n        max={max}\n        valueIndexToChangeRef={valueIndexToChangeRef}\n        thumbs={thumbRefs.current}\n        values={values}\n        orientation={orientation}\n        size={sizeProp}\n      >\n        <SliderOriented\n          aria-disabled={disabled}\n          data-disabled={disabled ? '' : undefined}\n          {...sliderProps}\n          ref={composedRefs}\n          min={min}\n          max={max}\n          onSlideStart={\n            disabled\n              ? undefined\n              : (value: number, target) => {\n                  // when starting on the track, move it right away\n                  // when starting on thumb, dont jump until movemenet as it feels weird\n                  if (target !== 'thumb') {\n                    const closestIndex = getClosestValueIndex(values, value)\n                    updateValues(value, closestIndex)\n                  }\n                }\n          }\n          onSlideMove={disabled ? undefined : handleSlideMove}\n          onHomeKeyDown={() => !disabled && updateValues(min, 0)}\n          onEndKeyDown={() => !disabled && updateValues(max, values.length - 1)}\n          onStepKeyDown={({ event, direction: stepDirection }) => {\n            if (!disabled) {\n              const isPageKey = PAGE_KEYS.includes(event.key)\n              const isSkipKey =\n                isPageKey || (event.shiftKey && ARROW_KEYS.includes(event.key))\n              const multiplier = isSkipKey ? 10 : 1\n              const atIndex = valueIndexToChangeRef.current\n              const value = values[atIndex]\n              const stepInDirection = step * multiplier * stepDirection\n              updateValues(value + stepInDirection, atIndex)\n            }\n          }}\n        />\n        {/* {isFormControl &&\n          values.map((value, index) => (\n            <BubbleInput\n              key={index}\n              name={name ? name + (values.length > 1 ? '[]' : '') : undefined}\n              value={value}\n            />\n          ))} */}\n      </SliderProvider>\n    )\n  }),\n  {\n    Track: SliderTrack,\n    TrackActive: SliderTrackActive,\n    Thumb: SliderThumb,\n  }\n)\n\nSlider.displayName = SLIDER_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\n// // TODO\n// const BubbleInput = (props: any) => {\n//   const { value, ...inputProps } = props\n//   const ref = React.useRef<HTMLInputElement>(null)\n//   const prevValue = usePrevious(value)\n\n//   // Bubble value change to parents (e.g form change event)\n//   React.useEffect(() => {\n//     const input = ref.current!\n//     const inputProto = window.HTMLInputElement.prototype\n//     const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value') as PropertyDescriptor\n//     const setValue = descriptor.set\n//     if (prevValue !== value && setValue) {\n//       const event = new Event('input', { bubbles: true })\n//       setValue.call(input, value)\n//       input.dispatchEvent(event)\n//     }\n//   }, [prevValue, value])\n\n//   /**\n//    * We purposefully do not use `type=\"hidden\"` here otherwise forms that\n//    * wrap it will not be able to access its value via the FormData API.\n//    *\n//    * We purposefully do not add the `value` attribute here to allow the value\n//    * to be set programatically and bubble to any parent form `onChange` event.\n//    * Adding the `value` will cause React to consider the programatic\n//    * dispatch a duplicate and it will get swallowed.\n//    */\n//   return <input style={{ display: 'none' }} {...inputProps} ref={ref} defaultValue={value} />\n// }\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Track = SliderTrack\nconst Range = SliderTrackActive\nconst Thumb = SliderThumb\n\nexport {\n  Slider,\n  SliderTrack,\n  SliderTrackActive,\n  SliderThumb,\n  //\n  Track,\n  Range,\n  Thumb,\n}\n\nexport type { SliderProps, SliderTrackProps, SliderTrackActiveProps, SliderThumbProps }\n"],
+  "mappings": "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",
   "names": ["value"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/slider",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "sideEffects": [
     "*.css"
   ],
@@ -23,13 +23,13 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/compose-refs": "^1.2.4",
-    "@tamagui/core": "^1.2.4",
-    "@tamagui/create-context": "^1.2.4",
-    "@tamagui/get-size": "^1.2.4",
-    "@tamagui/stacks": "^1.2.4",
-    "@tamagui/use-controllable-state": "^1.2.4",
-    "@tamagui/use-direction": "^1.2.4"
+    "@tamagui/compose-refs": "^1.2.5",
+    "@tamagui/core": "^1.2.5",
+    "@tamagui/create-context": "^1.2.5",
+    "@tamagui/get-size": "^1.2.5",
+    "@tamagui/stacks": "^1.2.5",
+    "@tamagui/use-controllable-state": "^1.2.5",
+    "@tamagui/use-direction": "^1.2.5"
   },
   "peerDependencies": {
     "react": "*",
@@ -37,7 +37,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.2.4",
+    "@tamagui/build": "^1.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "*"

package/src/Slider.tsx

@@ -287,9 +287,7 @@ const getThumbSize = (val?: SizeTokens | number) => {
 export const SliderThumbFrame = styled(ThemeableStack, {
   name: 'SliderThumb',
   position: 'absolute',
-  // TODO not taking up 2
   bordered: 2,
-  // OR THIS
   borderWidth: 2,
   backgrounded: true,
   pressTheme: isWeb,

package/types/Slider.d.ts

@@ -4,28 +4,28 @@ import * as React from 'react';
 import { View } from 'react-native';
 import { SliderProps, SliderTrackProps } from './types';
 type SliderTrackElement = HTMLElement | View;
-export declare const SliderTrackFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+export declare const SliderTrackFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>>) | (Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>>) | (Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -34,7 +34,7 @@ export declare const SliderTrackFrame: import("@tamagui/core").TamaguiComponent<
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -43,7 +43,7 @@ export declare const SliderTrackFrame: import("@tamagui/core").TamaguiComponent<
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -52,7 +52,7 @@ export declare const SliderTrackFrame: import("@tamagui/core").TamaguiComponent<
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-}>>), import("@tamagui/core").TamaguiElement, import("@tamagui/core").StackPropsBase, {
+}>>), import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -63,28 +63,28 @@ export declare const SliderTrackFrame: import("@tamagui/core").TamaguiComponent<
     [x: string]: undefined;
 })>;
 declare const SliderTrack: React.ForwardRefExoticComponent<SliderTrackProps & React.RefAttributes<SliderTrackElement>>;
-export declare const SliderTrackActiveFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+export declare const SliderTrackActiveFrame: import("@tamagui/core").TamaguiComponent<(Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>>) | (Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>>) | (Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -93,7 +93,7 @@ export declare const SliderTrackActiveFrame: import("@tamagui/core").TamaguiComp
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -102,7 +102,7 @@ export declare const SliderTrackActiveFrame: import("@tamagui/core").TamaguiComp
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -111,7 +111,7 @@ export declare const SliderTrackActiveFrame: import("@tamagui/core").TamaguiComp
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-}>>), import("@tamagui/core").TamaguiElement, import("@tamagui/core").StackPropsBase, {
+}>>), import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -122,28 +122,28 @@ export declare const SliderTrackActiveFrame: import("@tamagui/core").TamaguiComp
     [x: string]: undefined;
 })>;
 type SliderTrackActiveProps = GetProps<typeof SliderTrackActiveFrame>;
-declare const SliderTrackActive: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+declare const SliderTrackActive: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>>) | Pick<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>>) | Pick<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -152,7 +152,7 @@ declare const SliderTrackActive: React.ForwardRefExoticComponent<((Omit<import("
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -161,7 +161,7 @@ declare const SliderTrackActive: React.ForwardRefExoticComponent<((Omit<import("
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -171,7 +171,7 @@ declare const SliderTrackActive: React.ForwardRefExoticComponent<((Omit<import("
 }, string | number> & {
     [x: string]: undefined;
 }>>, string | number>) & React.RefAttributes<View>>;
-export declare const SliderThumbFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+export declare const SliderThumbFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -188,7 +188,7 @@ export declare const SliderThumbFrame: import("@tamagui/core").TamaguiComponent<
     readonly chromeless?: boolean | "all" | undefined;
 }, "size"> & {
     readonly size?: SizeTokens | undefined;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -205,7 +205,7 @@ export declare const SliderThumbFrame: import("@tamagui/core").TamaguiComponent<
     readonly chromeless?: boolean | "all" | undefined;
 }, "size"> & {
     readonly size?: SizeTokens | undefined;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -222,7 +222,7 @@ export declare const SliderThumbFrame: import("@tamagui/core").TamaguiComponent<
     readonly chromeless?: boolean | "all" | undefined;
 }, "size"> & {
     readonly size?: SizeTokens | undefined;
-}>>, import("@tamagui/core").TamaguiElement, import("@tamagui/core").StackPropsBase, {
+}>>, import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -246,28 +246,28 @@ interface SliderThumbProps extends SizableStackProps {
 declare const SliderThumb: React.ForwardRefExoticComponent<SliderThumbProps & React.RefAttributes<View>>;
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<View>> & {
     Track: React.ForwardRefExoticComponent<SliderTrackProps & React.RefAttributes<SliderTrackElement>>;
-    TrackActive: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    TrackActive: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: SizeTokens | undefined;
     } & {
         readonly orientation?: "vertical" | "horizontal" | undefined;
     }, "size"> & {
         readonly size?: any;
-    } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: SizeTokens | undefined;
     } & {
         readonly orientation?: "vertical" | "horizontal" | undefined;
     }, "size"> & {
         readonly size?: any;
-    }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: SizeTokens | undefined;
     } & {
         readonly orientation?: "vertical" | "horizontal" | undefined;
     }, "size"> & {
         readonly size?: any;
-    }>>) | Pick<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    }>>) | Pick<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: SizeTokens | undefined;
     } & {
@@ -276,7 +276,7 @@ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAtt
         readonly size?: any;
     }, string | number> & {
         [x: string]: undefined;
-    } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    } & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: SizeTokens | undefined;
     } & {
@@ -285,7 +285,7 @@ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAtt
         readonly size?: any;
     }, string | number> & {
         [x: string]: undefined;
-    }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
         readonly fullscreen?: boolean | undefined;
         readonly elevation?: SizeTokens | undefined;
     } & {
@@ -298,28 +298,28 @@ declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAtt
     Thumb: React.ForwardRefExoticComponent<SliderThumbProps & React.RefAttributes<View>>;
 };
 declare const Track: React.ForwardRefExoticComponent<SliderTrackProps & React.RefAttributes<SliderTrackElement>>;
-declare const Range: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+declare const Range: React.ForwardRefExoticComponent<((Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>>) | Pick<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>>) | Pick<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -328,7 +328,7 @@ declare const Range: React.ForwardRefExoticComponent<((Omit<import("react-native
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {
@@ -337,7 +337,7 @@ declare const Range: React.ForwardRefExoticComponent<((Omit<import("react-native
     readonly size?: any;
 }, string | number> & {
     [x: string]: undefined;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: SizeTokens | undefined;
 } & {

package/types/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/Slider.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,QAAQ,EACR,UAAU,EAKX,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,iBAAiB,EAAkB,MAAM,iBAAiB,CAAA;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAwBnC,OAAO,EAIL,WAAW,EACX,gBAAgB,EAEjB,MAAM,SAAS,CAAA;AAsIhB,KAAK,kBAAkB,GAAG,WAAW,GAAG,IAAI,CAAA;AAE5C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAQ3B,CAAA;AAEF,QAAA,MAAM,WAAW,6FAehB,CAAA;AAUD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIjC,CAAA;AAEF,KAAK,sBAAsB,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAErE,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAqCtB,CAAA;AAsBD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiB3B,CAAA;AAEF,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,+EAwFhB,CAAA;AAQD,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4IX,CAAA;AAuCD,QAAA,MAAM,KAAK,6FAAc,CAAA;AACzB,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAAoB,CAAA;AAC/B,QAAA,MAAM,KAAK,+EAAc,CAAA;AAEzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,WAAW,EAEX,KAAK,EACL,KAAK,EACL,KAAK,GACN,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/Slider.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,QAAQ,EACR,UAAU,EAKX,MAAM,eAAe,CAAA;AAGtB,OAAO,EAAE,iBAAiB,EAAkB,MAAM,iBAAiB,CAAA;AAGnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAwBnC,OAAO,EAIL,WAAW,EACX,gBAAgB,EAEjB,MAAM,SAAS,CAAA;AAsIhB,KAAK,kBAAkB,GAAG,WAAW,GAAG,IAAI,CAAA;AAE5C,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAQ3B,CAAA;AAEF,QAAA,MAAM,WAAW,6FAehB,CAAA;AAUD,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIjC,CAAA;AAEF,KAAK,sBAAsB,GAAG,QAAQ,CAAC,OAAO,sBAAsB,CAAC,CAAA;AAErE,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAqCtB,CAAA;AAsBD,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAe3B,CAAA;AAEF,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,QAAA,MAAM,WAAW,+EAwFhB,CAAA;AAQD,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4IX,CAAA;AAuCD,QAAA,MAAM,KAAK,6FAAc,CAAA;AACzB,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAAoB,CAAA;AAC/B,QAAA,MAAM,KAAK,+EAAc,CAAA;AAEzB,OAAO,EACL,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,WAAW,EAEX,KAAK,EACL,KAAK,EACL,KAAK,GACN,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,CAAA"}

package/types/SliderImpl.d.ts

@@ -1,49 +1,49 @@
 import * as React from 'react';
 import { View } from 'react-native';
 import { SliderImplProps } from './types';
-export declare const DirectionalYStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+export declare const DirectionalYStack: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 }, "orientation"> & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 }, "orientation"> & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 }, "orientation"> & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
-}>>, import("@tamagui/core").TamaguiElement, import("@tamagui/core").StackPropsBase, {
+}>>, import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }>;
-export declare const SliderFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+export declare const SliderFrame: import("@tamagui/core").TamaguiComponent<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {
     readonly orientation?: "vertical" | "horizontal" | undefined;
 }, "size"> & {
     readonly size?: any;
-}>>, import("@tamagui/core").TamaguiElement, import("@tamagui/core").StackPropsBase, {
+}>>, import("@tamagui/core").TamaguiElement, Omit<import("react-native").ViewProps, "children" | "onLayout" | "display" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps, {
     readonly fullscreen?: boolean | undefined;
     readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
 } & {