@channel.io/bezier-react 2.6.2 → 3.0.0

package/dist/esm/node_modules/@radix-ui/react-slider/dist/index.mjs

@@ -1,71 +1,66 @@
-import _extends from '../../../@babel/runtime/helpers/esm/extends.mjs';
-import { forwardRef, useState, useRef, createElement, useMemo, useEffect } from 'react';
-import { clamp as $ae6933e535247d3d$export$7d15b64cf5a3a4c4 } from '../../number/dist/index.mjs';
-import { composeEventHandlers as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../../primitive/dist/index.mjs';
-import { useComposedRefs as $6ed0406888f73fc4$export$c7b2cbe3552a0d05 } from '../../react-compose-refs/dist/index.mjs';
-import { createContextScope as $c512c27ab02ef895$export$50c7b4e9d9f19c1 } from '../../react-context/dist/index.mjs';
-import { useControllableState as $71cd76cc60e0454e$export$6f32135080cb4c3 } from '../../react-use-controllable-state/dist/index.mjs';
-import { useDirection as $f631663db3294ace$export$b39126d51d94e6f3 } from '../../react-direction/dist/index.mjs';
-import { usePrevious as $010c2913dbd2fe3d$export$5cae361ad82dce8b } from '../../react-use-previous/dist/index.mjs';
-import { useSize as $db6c3485150b8e66$export$1ab7ae714698c4b8 } from '../../react-use-size/dist/index.mjs';
-import { Primitive as $8927f6f2acc4f386$export$250ffa63cdc0d034 } from '../../react-primitive/dist/index.mjs';
-import { createCollection as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2 } from '../../react-collection/dist/index.mjs';
+import * as React from 'react';
+import { clamp } from '../../number/dist/index.mjs';
+import { composeEventHandlers } from '../../primitive/dist/index.mjs';
+import { useComposedRefs } from '../../react-compose-refs/dist/index.mjs';
+import { createContextScope } from '../../react-context/dist/index.mjs';
+import { useControllableState } from '../../react-use-controllable-state/dist/index.mjs';
+import { useDirection } from '../../react-direction/dist/index.mjs';
+import { usePrevious } from '../../react-use-previous/dist/index.mjs';
+import { useSize } from '../../react-use-size/dist/index.mjs';
+import { Primitive } from '../../react-primitive/dist/index.mjs';
+import { createCollection } from '../../react-collection/dist/index.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-const $faa2e61a3361514f$var$PAGE_KEYS = ['PageUp', 'PageDown'];
-const $faa2e61a3361514f$var$ARROW_KEYS = ['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'];
-const $faa2e61a3361514f$var$BACK_KEYS = {
-  'from-left': ['Home', 'PageDown', 'ArrowDown', 'ArrowLeft'],
-  'from-right': ['Home', 'PageDown', 'ArrowDown', 'ArrowRight'],
-  'from-bottom': ['Home', 'PageDown', 'ArrowDown', 'ArrowLeft'],
-  'from-top': ['Home', 'PageDown', 'ArrowUp', 'ArrowLeft']
+var PAGE_KEYS = ["PageUp", "PageDown"];
+var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+var BACK_KEYS = {
+  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
+  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
 };
-/* -------------------------------------------------------------------------------------------------
- * Slider
- * -----------------------------------------------------------------------------------------------*/
-const $faa2e61a3361514f$var$SLIDER_NAME = 'Slider';
-const [$faa2e61a3361514f$var$Collection, $faa2e61a3361514f$var$useCollection, $faa2e61a3361514f$var$createCollectionScope] = $e02a7d9cb1dc128c$export$c74125a8e3af6bb2($faa2e61a3361514f$var$SLIDER_NAME);
-const [$faa2e61a3361514f$var$createSliderContext, $faa2e61a3361514f$export$ef72632d7b901f97] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($faa2e61a3361514f$var$SLIDER_NAME, [$faa2e61a3361514f$var$createCollectionScope]);
-const [$faa2e61a3361514f$var$SliderProvider, $faa2e61a3361514f$var$useSliderContext] = $faa2e61a3361514f$var$createSliderContext($faa2e61a3361514f$var$SLIDER_NAME);
-const $faa2e61a3361514f$export$472062a354075cee = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+var SLIDER_NAME = "Slider";
+var [Collection, useCollection, createCollectionScope] = createCollection(SLIDER_NAME);
+var [createSliderContext, createSliderScope] = createContextScope(SLIDER_NAME, [createCollectionScope]);
+var [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME);
+var Slider = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
-    name: name,
+    name,
     min = 0,
     max = 100,
     step = 1,
-    orientation = 'horizontal',
+    orientation = "horizontal",
     disabled = false,
     minStepsBetweenThumbs = 0,
     defaultValue = [min],
-    value: value1,
+    value,
     onValueChange = () => {},
     onValueCommit = () => {},
     inverted = false,
+    form,
     ...sliderProps
   } = props;
-  const [slider, setSlider] = useState(null);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, node => setSlider(node));
-  const thumbRefs = useRef(new Set());
-  const valueIndexToChangeRef = useRef(0);
-  const isHorizontal = orientation === 'horizontal'; // We set this to true by default so that events bubble to forms without JS (SSR)
-  const isFormControl = slider ? Boolean(slider.closest('form')) : true;
-  const SliderOrientation = isHorizontal ? $faa2e61a3361514f$var$SliderHorizontal : $faa2e61a3361514f$var$SliderVertical;
-  const [values = [], setValues] = $71cd76cc60e0454e$export$6f32135080cb4c3({
-    prop: value1,
+  const thumbRefs = React.useRef(/* @__PURE__ */new Set());
+  const valueIndexToChangeRef = React.useRef(0);
+  const isHorizontal = orientation === "horizontal";
+  const SliderOrientation = isHorizontal ? SliderHorizontal : SliderVertical;
+  const [values = [], setValues] = useControllableState({
+    prop: value,
     defaultProp: defaultValue,
-    onChange: value => {
+    onChange: value2 => {
       var _thumbs$valueIndexToC;
       const thumbs = [...thumbRefs.current];
       (_thumbs$valueIndexToC = thumbs[valueIndexToChangeRef.current]) === null || _thumbs$valueIndexToC === void 0 || _thumbs$valueIndexToC.focus();
-      onValueChange(value);
+      onValueChange(value2);
     }
   });
-  const valuesBeforeSlideStartRef = useRef(values);
-  function handleSlideStart(value) {
-    const closestIndex = $faa2e61a3361514f$var$getClosestValueIndex(values, value);
-    updateValues(value, closestIndex);
+  const valuesBeforeSlideStartRef = React.useRef(values);
+  function handleSlideStart(value2) {
+    const closestIndex = getClosestValueIndex(values, value2);
+    updateValues(value2, closestIndex);
   }
-  function handleSlideMove(value) {
-    updateValues(value, valueIndexToChangeRef.current);
+  function handleSlideMove(value2) {
+    updateValues(value2, valueIndexToChangeRef.current);
   }
   function handleSlideEnd() {
     const prevValue = valuesBeforeSlideStartRef.current[valueIndexToChangeRef.current];
@@ -73,339 +68,336 @@ const $faa2e61a3361514f$export$472062a354075cee = /*#__PURE__*/forwardRef((props
     const hasChanged = nextValue !== prevValue;
     if (hasChanged) onValueCommit(values);
   }
-  function updateValues(value, atIndex, {
-    commit: commit
+  function updateValues(value2, atIndex, {
+    commit
   } = {
     commit: false
   }) {
-    const decimalCount = $faa2e61a3361514f$var$getDecimalCount(step);
-    const snapToStep = $faa2e61a3361514f$var$roundValue(Math.round((value - min) / step) * step + min, decimalCount);
-    const nextValue = $ae6933e535247d3d$export$7d15b64cf5a3a4c4(snapToStep, [min, max]);
+    const decimalCount = getDecimalCount(step);
+    const snapToStep = roundValue(Math.round((value2 - min) / step) * step + min, decimalCount);
+    const nextValue = clamp(snapToStep, [min, max]);
     setValues((prevValues = []) => {
-      const nextValues = $faa2e61a3361514f$var$getNextSortedValues(prevValues, nextValue, atIndex);
-      if ($faa2e61a3361514f$var$hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {
+      const nextValues = getNextSortedValues(prevValues, nextValue, atIndex);
+      if (hasMinStepsBetweenValues(nextValues, minStepsBetweenThumbs * step)) {
         valueIndexToChangeRef.current = nextValues.indexOf(nextValue);
         const hasChanged = String(nextValues) !== String(prevValues);
         if (hasChanged && commit) onValueCommit(nextValues);
         return hasChanged ? nextValues : prevValues;
-      } else return prevValues;
+      } else {
+        return prevValues;
+      }
     });
   }
-  return /*#__PURE__*/createElement($faa2e61a3361514f$var$SliderProvider, {
+  return /* @__PURE__ */jsx(SliderProvider, {
     scope: props.__scopeSlider,
-    disabled: disabled,
-    min: min,
-    max: max,
-    valueIndexToChangeRef: valueIndexToChangeRef,
+    name,
+    disabled,
+    min,
+    max,
+    valueIndexToChangeRef,
     thumbs: thumbRefs.current,
-    values: values,
-    orientation: orientation
-  }, /*#__PURE__*/createElement($faa2e61a3361514f$var$Collection.Provider, {
-    scope: props.__scopeSlider
-  }, /*#__PURE__*/createElement($faa2e61a3361514f$var$Collection.Slot, {
-    scope: props.__scopeSlider
-  }, /*#__PURE__*/createElement(SliderOrientation, _extends({
-    "aria-disabled": disabled,
-    "data-disabled": disabled ? '' : undefined
-  }, sliderProps, {
-    ref: composedRefs,
-    onPointerDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(sliderProps.onPointerDown, () => {
-      if (!disabled) valuesBeforeSlideStartRef.current = values;
-    }),
-    min: min,
-    max: max,
-    inverted: inverted,
-    onSlideStart: disabled ? undefined : handleSlideStart,
-    onSlideMove: disabled ? undefined : handleSlideMove,
-    onSlideEnd: disabled ? undefined : handleSlideEnd,
-    onHomeKeyDown: () => !disabled && updateValues(min, 0, {
-      commit: true
-    }),
-    onEndKeyDown: () => !disabled && updateValues(max, values.length - 1, {
-      commit: true
-    }),
-    onStepKeyDown: ({
-      event: event,
-      direction: stepDirection
-    }) => {
-      if (!disabled) {
-        const isPageKey = $faa2e61a3361514f$var$PAGE_KEYS.includes(event.key);
-        const isSkipKey = isPageKey || event.shiftKey && $faa2e61a3361514f$var$ARROW_KEYS.includes(event.key);
-        const multiplier = isSkipKey ? 10 : 1;
-        const atIndex = valueIndexToChangeRef.current;
-        const value = values[atIndex];
-        const stepInDirection = step * multiplier * stepDirection;
-        updateValues(value + stepInDirection, atIndex, {
-          commit: true
-        });
-      }
-    }
-  })))), isFormControl && values.map((value, index) => /*#__PURE__*/createElement($faa2e61a3361514f$var$BubbleInput, {
-    key: index,
-    name: name ? name + (values.length > 1 ? '[]' : '') : undefined,
-    value: value
-  })));
+    values,
+    orientation,
+    form,
+    children: /* @__PURE__ */jsx(Collection.Provider, {
+      scope: props.__scopeSlider,
+      children: /* @__PURE__ */jsx(Collection.Slot, {
+        scope: props.__scopeSlider,
+        children: /* @__PURE__ */jsx(SliderOrientation, {
+          "aria-disabled": disabled,
+          "data-disabled": disabled ? "" : void 0,
+          ...sliderProps,
+          ref: forwardedRef,
+          onPointerDown: composeEventHandlers(sliderProps.onPointerDown, () => {
+            if (!disabled) valuesBeforeSlideStartRef.current = values;
+          }),
+          min,
+          max,
+          inverted,
+          onSlideStart: disabled ? void 0 : handleSlideStart,
+          onSlideMove: disabled ? void 0 : handleSlideMove,
+          onSlideEnd: disabled ? void 0 : handleSlideEnd,
+          onHomeKeyDown: () => !disabled && updateValues(min, 0, {
+            commit: true
+          }),
+          onEndKeyDown: () => !disabled && updateValues(max, values.length - 1, {
+            commit: true
+          }),
+          onStepKeyDown: ({
+            event,
+            direction: stepDirection
+          }) => {
+            if (!disabled) {
+              const isPageKey = PAGE_KEYS.includes(event.key);
+              const isSkipKey = isPageKey || event.shiftKey && ARROW_KEYS.includes(event.key);
+              const multiplier = isSkipKey ? 10 : 1;
+              const atIndex = valueIndexToChangeRef.current;
+              const value2 = values[atIndex];
+              const stepInDirection = step * multiplier * stepDirection;
+              updateValues(value2 + stepInDirection, atIndex, {
+                commit: true
+              });
+            }
+          }
+        })
+      })
+    })
+  });
 });
-/* -------------------------------------------------------------------------------------------------
- * SliderHorizontal
- * -----------------------------------------------------------------------------------------------*/
-const [$faa2e61a3361514f$var$SliderOrientationProvider, $faa2e61a3361514f$var$useSliderOrientationContext] = $faa2e61a3361514f$var$createSliderContext($faa2e61a3361514f$var$SLIDER_NAME, {
-  startEdge: 'left',
-  endEdge: 'right',
-  size: 'width',
+Slider.displayName = SLIDER_NAME;
+var [SliderOrientationProvider, useSliderOrientationContext] = createSliderContext(SLIDER_NAME, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
   direction: 1
 });
-const $faa2e61a3361514f$var$SliderHorizontal = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+var SliderHorizontal = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
-    min: min,
-    max: max,
-    dir: dir,
-    inverted: inverted,
-    onSlideStart: onSlideStart,
-    onSlideMove: onSlideMove,
-    onSlideEnd: onSlideEnd,
-    onStepKeyDown: onStepKeyDown,
+    min,
+    max,
+    dir,
+    inverted,
+    onSlideStart,
+    onSlideMove,
+    onSlideEnd,
+    onStepKeyDown,
     ...sliderProps
   } = props;
-  const [slider, setSlider] = useState(null);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, node => setSlider(node));
-  const rectRef = useRef();
-  const direction = $f631663db3294ace$export$b39126d51d94e6f3(dir);
-  const isDirectionLTR = direction === 'ltr';
+  const [slider, setSlider] = React.useState(null);
+  const composedRefs = useComposedRefs(forwardedRef, node => setSlider(node));
+  const rectRef = React.useRef(void 0);
+  const direction = useDirection(dir);
+  const isDirectionLTR = direction === "ltr";
   const isSlidingFromLeft = isDirectionLTR && !inverted || !isDirectionLTR && inverted;
   function getValueFromPointer(pointerPosition) {
     const rect = rectRef.current || slider.getBoundingClientRect();
     const input = [0, rect.width];
     const output = isSlidingFromLeft ? [min, max] : [max, min];
-    const value = $faa2e61a3361514f$var$linearScale(input, output);
+    const value = linearScale(input, output);
     rectRef.current = rect;
     return value(pointerPosition - rect.left);
   }
-  return /*#__PURE__*/createElement($faa2e61a3361514f$var$SliderOrientationProvider, {
+  return /* @__PURE__ */jsx(SliderOrientationProvider, {
     scope: props.__scopeSlider,
-    startEdge: isSlidingFromLeft ? 'left' : 'right',
-    endEdge: isSlidingFromLeft ? 'right' : 'left',
+    startEdge: isSlidingFromLeft ? "left" : "right",
+    endEdge: isSlidingFromLeft ? "right" : "left",
     direction: isSlidingFromLeft ? 1 : -1,
-    size: "width"
-  }, /*#__PURE__*/createElement($faa2e61a3361514f$var$SliderImpl, _extends({
-    dir: direction,
-    "data-orientation": "horizontal"
-  }, sliderProps, {
-    ref: composedRefs,
-    style: {
-      ...sliderProps.style,
-      ['--radix-slider-thumb-transform']: 'translateX(-50%)'
-    },
-    onSlideStart: event => {
-      const value = getValueFromPointer(event.clientX);
-      onSlideStart === null || onSlideStart === void 0 || onSlideStart(value);
-    },
-    onSlideMove: event => {
-      const value = getValueFromPointer(event.clientX);
-      onSlideMove === null || onSlideMove === void 0 || onSlideMove(value);
-    },
-    onSlideEnd: () => {
-      rectRef.current = undefined;
-      onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd();
-    },
-    onStepKeyDown: event => {
-      const slideDirection = isSlidingFromLeft ? 'from-left' : 'from-right';
-      const isBackKey = $faa2e61a3361514f$var$BACK_KEYS[slideDirection].includes(event.key);
-      onStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({
-        event: event,
-        direction: isBackKey ? -1 : 1
-      });
-    }
-  })));
+    size: "width",
+    children: /* @__PURE__ */jsx(SliderImpl, {
+      dir: direction,
+      "data-orientation": "horizontal",
+      ...sliderProps,
+      ref: composedRefs,
+      style: {
+        ...sliderProps.style,
+        ["--radix-slider-thumb-transform"]: "translateX(-50%)"
+      },
+      onSlideStart: event => {
+        const value = getValueFromPointer(event.clientX);
+        onSlideStart === null || onSlideStart === void 0 || onSlideStart(value);
+      },
+      onSlideMove: event => {
+        const value = getValueFromPointer(event.clientX);
+        onSlideMove === null || onSlideMove === void 0 || onSlideMove(value);
+      },
+      onSlideEnd: () => {
+        rectRef.current = void 0;
+        onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd();
+      },
+      onStepKeyDown: event => {
+        const slideDirection = isSlidingFromLeft ? "from-left" : "from-right";
+        const isBackKey = BACK_KEYS[slideDirection].includes(event.key);
+        onStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({
+          event,
+          direction: isBackKey ? -1 : 1
+        });
+      }
+    })
+  });
 });
-/* -------------------------------------------------------------------------------------------------
- * SliderVertical
- * -----------------------------------------------------------------------------------------------*/
-const $faa2e61a3361514f$var$SliderVertical = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+var SliderVertical = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
-    min: min,
-    max: max,
-    inverted: inverted,
-    onSlideStart: onSlideStart,
-    onSlideMove: onSlideMove,
-    onSlideEnd: onSlideEnd,
-    onStepKeyDown: onStepKeyDown,
+    min,
+    max,
+    inverted,
+    onSlideStart,
+    onSlideMove,
+    onSlideEnd,
+    onStepKeyDown,
     ...sliderProps
   } = props;
-  const sliderRef = useRef(null);
-  const ref = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, sliderRef);
-  const rectRef = useRef();
+  const sliderRef = React.useRef(null);
+  const ref = useComposedRefs(forwardedRef, sliderRef);
+  const rectRef = React.useRef(void 0);
   const isSlidingFromBottom = !inverted;
   function getValueFromPointer(pointerPosition) {
     const rect = rectRef.current || sliderRef.current.getBoundingClientRect();
     const input = [0, rect.height];
     const output = isSlidingFromBottom ? [max, min] : [min, max];
-    const value = $faa2e61a3361514f$var$linearScale(input, output);
+    const value = linearScale(input, output);
     rectRef.current = rect;
     return value(pointerPosition - rect.top);
   }
-  return /*#__PURE__*/createElement($faa2e61a3361514f$var$SliderOrientationProvider, {
+  return /* @__PURE__ */jsx(SliderOrientationProvider, {
     scope: props.__scopeSlider,
-    startEdge: isSlidingFromBottom ? 'bottom' : 'top',
-    endEdge: isSlidingFromBottom ? 'top' : 'bottom',
+    startEdge: isSlidingFromBottom ? "bottom" : "top",
+    endEdge: isSlidingFromBottom ? "top" : "bottom",
     size: "height",
-    direction: isSlidingFromBottom ? 1 : -1
-  }, /*#__PURE__*/createElement($faa2e61a3361514f$var$SliderImpl, _extends({
-    "data-orientation": "vertical"
-  }, sliderProps, {
-    ref: ref,
-    style: {
-      ...sliderProps.style,
-      ['--radix-slider-thumb-transform']: 'translateY(50%)'
-    },
-    onSlideStart: event => {
-      const value = getValueFromPointer(event.clientY);
-      onSlideStart === null || onSlideStart === void 0 || onSlideStart(value);
-    },
-    onSlideMove: event => {
-      const value = getValueFromPointer(event.clientY);
-      onSlideMove === null || onSlideMove === void 0 || onSlideMove(value);
-    },
-    onSlideEnd: () => {
-      rectRef.current = undefined;
-      onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd();
-    },
-    onStepKeyDown: event => {
-      const slideDirection = isSlidingFromBottom ? 'from-bottom' : 'from-top';
-      const isBackKey = $faa2e61a3361514f$var$BACK_KEYS[slideDirection].includes(event.key);
-      onStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({
-        event: event,
-        direction: isBackKey ? -1 : 1
-      });
-    }
-  })));
+    direction: isSlidingFromBottom ? 1 : -1,
+    children: /* @__PURE__ */jsx(SliderImpl, {
+      "data-orientation": "vertical",
+      ...sliderProps,
+      ref,
+      style: {
+        ...sliderProps.style,
+        ["--radix-slider-thumb-transform"]: "translateY(50%)"
+      },
+      onSlideStart: event => {
+        const value = getValueFromPointer(event.clientY);
+        onSlideStart === null || onSlideStart === void 0 || onSlideStart(value);
+      },
+      onSlideMove: event => {
+        const value = getValueFromPointer(event.clientY);
+        onSlideMove === null || onSlideMove === void 0 || onSlideMove(value);
+      },
+      onSlideEnd: () => {
+        rectRef.current = void 0;
+        onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd();
+      },
+      onStepKeyDown: event => {
+        const slideDirection = isSlidingFromBottom ? "from-bottom" : "from-top";
+        const isBackKey = BACK_KEYS[slideDirection].includes(event.key);
+        onStepKeyDown === null || onStepKeyDown === void 0 || onStepKeyDown({
+          event,
+          direction: isBackKey ? -1 : 1
+        });
+      }
+    })
+  });
 });
-/* -------------------------------------------------------------------------------------------------
- * SliderImpl
- * -----------------------------------------------------------------------------------------------*/
-const $faa2e61a3361514f$var$SliderImpl = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+var SliderImpl = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
-    __scopeSlider: __scopeSlider,
-    onSlideStart: onSlideStart,
-    onSlideMove: onSlideMove,
-    onSlideEnd: onSlideEnd,
-    onHomeKeyDown: onHomeKeyDown,
-    onEndKeyDown: onEndKeyDown,
-    onStepKeyDown: onStepKeyDown,
+    __scopeSlider,
+    onSlideStart,
+    onSlideMove,
+    onSlideEnd,
+    onHomeKeyDown,
+    onEndKeyDown,
+    onStepKeyDown,
     ...sliderProps
   } = props;
-  const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$SLIDER_NAME, __scopeSlider);
-  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({}, sliderProps, {
+  const context = useSliderContext(SLIDER_NAME, __scopeSlider);
+  return /* @__PURE__ */jsx(Primitive.span, {
+    ...sliderProps,
     ref: forwardedRef,
-    onKeyDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, event => {
-      if (event.key === 'Home') {
-        onHomeKeyDown(event); // Prevent scrolling to page start
+    onKeyDown: composeEventHandlers(props.onKeyDown, event => {
+      if (event.key === "Home") {
+        onHomeKeyDown(event);
         event.preventDefault();
-      } else if (event.key === 'End') {
-        onEndKeyDown(event); // Prevent scrolling to page end
+      } else if (event.key === "End") {
+        onEndKeyDown(event);
         event.preventDefault();
-      } else if ($faa2e61a3361514f$var$PAGE_KEYS.concat($faa2e61a3361514f$var$ARROW_KEYS).includes(event.key)) {
-        onStepKeyDown(event); // Prevent scrolling for directional key presses
+      } else if (PAGE_KEYS.concat(ARROW_KEYS).includes(event.key)) {
+        onStepKeyDown(event);
         event.preventDefault();
       }
     }),
-    onPointerDown: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDown, event => {
+    onPointerDown: composeEventHandlers(props.onPointerDown, event => {
       const target = event.target;
-      target.setPointerCapture(event.pointerId); // Prevent browser focus behaviour because we focus a thumb manually when values change.
-      event.preventDefault(); // Touch devices have a delay before focusing so won't focus if touch immediately moves
-      // away from target (sliding). We want thumb to focus regardless.
-      if (context.thumbs.has(target)) target.focus();else onSlideStart(event);
+      target.setPointerCapture(event.pointerId);
+      event.preventDefault();
+      if (context.thumbs.has(target)) {
+        target.focus();
+      } else {
+        onSlideStart(event);
+      }
     }),
-    onPointerMove: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerMove, event => {
+    onPointerMove: composeEventHandlers(props.onPointerMove, event => {
       const target = event.target;
       if (target.hasPointerCapture(event.pointerId)) onSlideMove(event);
     }),
-    onPointerUp: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerUp, event => {
+    onPointerUp: composeEventHandlers(props.onPointerUp, event => {
       const target = event.target;
       if (target.hasPointerCapture(event.pointerId)) {
         target.releasePointerCapture(event.pointerId);
         onSlideEnd(event);
       }
     })
-  }));
+  });
 });
-/* -------------------------------------------------------------------------------------------------
- * SliderTrack
- * -----------------------------------------------------------------------------------------------*/
-const $faa2e61a3361514f$var$TRACK_NAME = 'SliderTrack';
-const $faa2e61a3361514f$export$105594979f116971 = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+var TRACK_NAME = "SliderTrack";
+var SliderTrack = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
-    __scopeSlider: __scopeSlider,
+    __scopeSlider,
     ...trackProps
   } = props;
-  const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$TRACK_NAME, __scopeSlider);
-  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
-    "data-disabled": context.disabled ? '' : undefined,
-    "data-orientation": context.orientation
-  }, trackProps, {
+  const context = useSliderContext(TRACK_NAME, __scopeSlider);
+  return /* @__PURE__ */jsx(Primitive.span, {
+    "data-disabled": context.disabled ? "" : void 0,
+    "data-orientation": context.orientation,
+    ...trackProps,
     ref: forwardedRef
-  }));
+  });
 });
-/* -------------------------------------------------------------------------------------------------
- * SliderRange
- * -----------------------------------------------------------------------------------------------*/
-const $faa2e61a3361514f$var$RANGE_NAME = 'SliderRange';
-const $faa2e61a3361514f$export$a5cf38a7a000fe77 = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+SliderTrack.displayName = TRACK_NAME;
+var RANGE_NAME = "SliderRange";
+var SliderRange = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
-    __scopeSlider: __scopeSlider,
+    __scopeSlider,
     ...rangeProps
   } = props;
-  const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$RANGE_NAME, __scopeSlider);
-  const orientation = $faa2e61a3361514f$var$useSliderOrientationContext($faa2e61a3361514f$var$RANGE_NAME, __scopeSlider);
-  const ref = useRef(null);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
+  const context = useSliderContext(RANGE_NAME, __scopeSlider);
+  const orientation = useSliderOrientationContext(RANGE_NAME, __scopeSlider);
+  const ref = React.useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, ref);
   const valuesCount = context.values.length;
-  const percentages = context.values.map(value => $faa2e61a3361514f$var$convertValueToPercentage(value, context.min, context.max));
+  const percentages = context.values.map(value => convertValueToPercentage(value, context.min, context.max));
   const offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0;
   const offsetEnd = 100 - Math.max(...percentages);
-  return /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
+  return /* @__PURE__ */jsx(Primitive.span, {
     "data-orientation": context.orientation,
-    "data-disabled": context.disabled ? '' : undefined
-  }, rangeProps, {
+    "data-disabled": context.disabled ? "" : void 0,
+    ...rangeProps,
     ref: composedRefs,
     style: {
       ...props.style,
-      [orientation.startEdge]: offsetStart + '%',
-      [orientation.endEdge]: offsetEnd + '%'
+      [orientation.startEdge]: offsetStart + "%",
+      [orientation.endEdge]: offsetEnd + "%"
     }
-  }));
+  });
 });
-/* -------------------------------------------------------------------------------------------------
- * SliderThumb
- * -----------------------------------------------------------------------------------------------*/
-const $faa2e61a3361514f$var$THUMB_NAME = 'SliderThumb';
-const $faa2e61a3361514f$export$2c1b491743890dec = /*#__PURE__*/forwardRef((props, forwardedRef) => {
-  const getItems = $faa2e61a3361514f$var$useCollection(props.__scopeSlider);
-  const [thumb, setThumb] = useState(null);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, node => setThumb(node));
-  const index = useMemo(() => thumb ? getItems().findIndex(item => item.ref.current === thumb) : -1, [getItems, thumb]);
-  return /*#__PURE__*/createElement($faa2e61a3361514f$var$SliderThumbImpl, _extends({}, props, {
+SliderRange.displayName = RANGE_NAME;
+var THUMB_NAME = "SliderThumb";
+var SliderThumb = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
+  const getItems = useCollection(props.__scopeSlider);
+  const [thumb, setThumb] = React.useState(null);
+  const composedRefs = useComposedRefs(forwardedRef, node => setThumb(node));
+  const index = React.useMemo(() => thumb ? getItems().findIndex(item => item.ref.current === thumb) : -1, [getItems, thumb]);
+  return /* @__PURE__ */jsx(SliderThumbImpl, {
+    ...props,
     ref: composedRefs,
-    index: index
-  }));
+    index
+  });
 });
-const $faa2e61a3361514f$var$SliderThumbImpl = /*#__PURE__*/forwardRef((props, forwardedRef) => {
+var SliderThumbImpl = /*#__PURE__*/React.forwardRef((props, forwardedRef) => {
   const {
-    __scopeSlider: __scopeSlider,
-    index: index,
+    __scopeSlider,
+    index,
+    name,
     ...thumbProps
   } = props;
-  const context = $faa2e61a3361514f$var$useSliderContext($faa2e61a3361514f$var$THUMB_NAME, __scopeSlider);
-  const orientation = $faa2e61a3361514f$var$useSliderOrientationContext($faa2e61a3361514f$var$THUMB_NAME, __scopeSlider);
-  const [thumb, setThumb] = useState(null);
-  const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, node => setThumb(node));
-  const size = $db6c3485150b8e66$export$1ab7ae714698c4b8(thumb); // We cast because index could be `-1` which would return undefined
+  const context = useSliderContext(THUMB_NAME, __scopeSlider);
+  const orientation = useSliderOrientationContext(THUMB_NAME, __scopeSlider);
+  const [thumb, setThumb] = React.useState(null);
+  const composedRefs = useComposedRefs(forwardedRef, node => setThumb(node));
+  const isFormControl = thumb ? context.form || !!thumb.closest("form") : true;
+  const size = useSize(thumb);
   const value = context.values[index];
-  const percent = value === undefined ? 0 : $faa2e61a3361514f$var$convertValueToPercentage(value, context.min, context.max);
-  const label = $faa2e61a3361514f$var$getLabel(index, context.values.length);
+  const percent = value === void 0 ? 0 : convertValueToPercentage(value, context.min, context.max);
+  const label = getLabel(index, context.values.length);
   const orientationSize = size === null || size === void 0 ? void 0 : size[orientation.size];
-  const thumbInBoundsOffset = orientationSize ? $faa2e61a3361514f$var$getThumbInBoundsOffset(orientationSize, percent, orientation.direction) : 0;
-  useEffect(() => {
+  const thumbInBoundsOffset = orientationSize ? getThumbInBoundsOffset(orientationSize, percent, orientation.direction) : 0;
+  React.useEffect(() => {
     if (thumb) {
       context.thumbs.add(thumb);
       return () => {
@@ -413,162 +405,131 @@ const $faa2e61a3361514f$var$SliderThumbImpl = /*#__PURE__*/forwardRef((props, fo
       };
     }
   }, [thumb, context.thumbs]);
-  return /*#__PURE__*/createElement("span", {
+  return /* @__PURE__ */jsxs("span", {
     style: {
-      transform: 'var(--radix-slider-thumb-transform)',
-      position: 'absolute',
+      transform: "var(--radix-slider-thumb-transform)",
+      position: "absolute",
       [orientation.startEdge]: `calc(${percent}% + ${thumbInBoundsOffset}px)`
-    }
-  }, /*#__PURE__*/createElement($faa2e61a3361514f$var$Collection.ItemSlot, {
-    scope: props.__scopeSlider
-  }, /*#__PURE__*/createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends({
-    role: "slider",
-    "aria-label": props['aria-label'] || label,
-    "aria-valuemin": context.min,
-    "aria-valuenow": value,
-    "aria-valuemax": context.max,
-    "aria-orientation": context.orientation,
-    "data-orientation": context.orientation,
-    "data-disabled": context.disabled ? '' : undefined,
-    tabIndex: context.disabled ? undefined : 0
-  }, thumbProps, {
-    ref: composedRefs,
-    style: value === undefined ? {
-      display: 'none'
-    } : props.style,
-    onFocus: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocus, () => {
-      context.valueIndexToChangeRef.current = index;
-    })
-  }))));
+    },
+    children: [/* @__PURE__ */jsx(Collection.ItemSlot, {
+      scope: props.__scopeSlider,
+      children: /* @__PURE__ */jsx(Primitive.span, {
+        role: "slider",
+        "aria-label": props["aria-label"] || label,
+        "aria-valuemin": context.min,
+        "aria-valuenow": value,
+        "aria-valuemax": context.max,
+        "aria-orientation": context.orientation,
+        "data-orientation": context.orientation,
+        "data-disabled": context.disabled ? "" : void 0,
+        tabIndex: context.disabled ? void 0 : 0,
+        ...thumbProps,
+        ref: composedRefs,
+        style: value === void 0 ? {
+          display: "none"
+        } : props.style,
+        onFocus: composeEventHandlers(props.onFocus, () => {
+          context.valueIndexToChangeRef.current = index;
+        })
+      })
+    }), isFormControl && /* @__PURE__ */jsx(BubbleInput, {
+      name: name !== null && name !== void 0 ? name : context.name ? context.name + (context.values.length > 1 ? "[]" : "") : void 0,
+      form: context.form,
+      value
+    }, index)]
+  });
 });
-/* -----------------------------------------------------------------------------------------------*/
-const $faa2e61a3361514f$var$BubbleInput = props => {
+SliderThumb.displayName = THUMB_NAME;
+var BubbleInput = props => {
   const {
-    value: value,
+    value,
     ...inputProps
   } = props;
-  const ref = useRef(null);
-  const prevValue = $010c2913dbd2fe3d$export$5cae361ad82dce8b(value); // Bubble value change to parents (e.g form change event)
-  useEffect(() => {
+  const ref = React.useRef(null);
+  const prevValue = usePrevious(value);
+  React.useEffect(() => {
     const input = ref.current;
     const inputProto = window.HTMLInputElement.prototype;
-    const descriptor = Object.getOwnPropertyDescriptor(inputProto, 'value');
+    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "value");
     const setValue = descriptor.set;
     if (prevValue !== value && setValue) {
-      const event = new Event('input', {
+      const event = new Event("input", {
         bubbles: true
       });
       setValue.call(input, value);
       input.dispatchEvent(event);
     }
   }, [prevValue, value]);
-  /**
-  * We purposefully do not use `type="hidden"` here otherwise forms that
-  * wrap it will not be able to access its value via the FormData API.
-  *
-  * We purposefully do not add the `value` attribute here to allow the value
-  * to be set programatically and bubble to any parent form `onChange` event.
-  * Adding the `value` will cause React to consider the programatic
-  * dispatch a duplicate and it will get swallowed.
-  */
-  return /*#__PURE__*/createElement("input", _extends({
+  return /* @__PURE__ */jsx("input", {
     style: {
-      display: 'none'
-    }
-  }, inputProps, {
-    ref: ref,
+      display: "none"
+    },
+    ...inputProps,
+    ref,
     defaultValue: value
-  }));
+  });
 };
-function $faa2e61a3361514f$var$getNextSortedValues(prevValues = [], nextValue, atIndex) {
+function getNextSortedValues(prevValues = [], nextValue, atIndex) {
   const nextValues = [...prevValues];
   nextValues[atIndex] = nextValue;
   return nextValues.sort((a, b) => a - b);
 }
-function $faa2e61a3361514f$var$convertValueToPercentage(value, min, max) {
+function convertValueToPercentage(value, min, max) {
   const maxSteps = max - min;
   const percentPerStep = 100 / maxSteps;
   const percentage = percentPerStep * (value - min);
-  return $ae6933e535247d3d$export$7d15b64cf5a3a4c4(percentage, [0, 100]);
+  return clamp(percentage, [0, 100]);
 }
-/**
- * Returns a label for each thumb when there are two or more thumbs
- */
-function $faa2e61a3361514f$var$getLabel(index, totalValues) {
-  if (totalValues > 2) return `Value ${index + 1} of ${totalValues}`;else if (totalValues === 2) return ['Minimum', 'Maximum'][index];else return undefined;
+function getLabel(index, totalValues) {
+  if (totalValues > 2) {
+    return `Value ${index + 1} of ${totalValues}`;
+  } else if (totalValues === 2) {
+    return ["Minimum", "Maximum"][index];
+  } else {
+    return void 0;
+  }
 }
-/**
- * Given a `values` array and a `nextValue`, determine which value in
- * the array is closest to `nextValue` and return its index.
- *
- * @example
- * // returns 1
- * getClosestValueIndex([10, 30], 25);
- */
-function $faa2e61a3361514f$var$getClosestValueIndex(values, nextValue) {
+function getClosestValueIndex(values, nextValue) {
   if (values.length === 1) return 0;
   const distances = values.map(value => Math.abs(value - nextValue));
   const closestDistance = Math.min(...distances);
   return distances.indexOf(closestDistance);
 }
-/**
- * Offsets the thumb centre point while sliding to ensure it remains
- * within the bounds of the slider when reaching the edges
- */
-function $faa2e61a3361514f$var$getThumbInBoundsOffset(width, left, direction) {
+function getThumbInBoundsOffset(width, left, direction) {
   const halfWidth = width / 2;
   const halfPercent = 50;
-  const offset = $faa2e61a3361514f$var$linearScale([0, halfPercent], [0, halfWidth]);
+  const offset = linearScale([0, halfPercent], [0, halfWidth]);
   return (halfWidth - offset(left) * direction) * direction;
 }
-/**
- * Gets an array of steps between each value.
- *
- * @example
- * // returns [1, 9]
- * getStepsBetweenValues([10, 11, 20]);
- */
-function $faa2e61a3361514f$var$getStepsBetweenValues(values) {
+function getStepsBetweenValues(values) {
   return values.slice(0, -1).map((value, index) => values[index + 1] - value);
 }
-/**
- * Verifies the minimum steps between all values is greater than or equal
- * to the expected minimum steps.
- *
- * @example
- * // returns false
- * hasMinStepsBetweenValues([1,2,3], 2);
- *
- * @example
- * // returns true
- * hasMinStepsBetweenValues([1,2,3], 1);
- */
-function $faa2e61a3361514f$var$hasMinStepsBetweenValues(values, minStepsBetweenValues) {
+function hasMinStepsBetweenValues(values, minStepsBetweenValues) {
   if (minStepsBetweenValues > 0) {
-    const stepsBetweenValues = $faa2e61a3361514f$var$getStepsBetweenValues(values);
+    const stepsBetweenValues = getStepsBetweenValues(values);
     const actualMinStepsBetweenValues = Math.min(...stepsBetweenValues);
     return actualMinStepsBetweenValues >= minStepsBetweenValues;
   }
   return true;
-} // https://github.com/tmcw-up-for-adoption/simple-linear-scale/blob/master/index.js
-function $faa2e61a3361514f$var$linearScale(input, output) {
+}
+function linearScale(input, output) {
   return value => {
     if (input[0] === input[1] || output[0] === output[1]) return output[0];
     const ratio = (output[1] - output[0]) / (input[1] - input[0]);
     return output[0] + ratio * (value - input[0]);
   };
 }
-function $faa2e61a3361514f$var$getDecimalCount(value) {
-  return (String(value).split('.')[1] || '').length;
+function getDecimalCount(value) {
+  return (String(value).split(".")[1] || "").length;
 }
-function $faa2e61a3361514f$var$roundValue(value, decimalCount) {
+function roundValue(value, decimalCount) {
   const rounder = Math.pow(10, decimalCount);
   return Math.round(value * rounder) / rounder;
 }
-const $faa2e61a3361514f$export$be92b6f5f03c0fe9 = $faa2e61a3361514f$export$472062a354075cee;
-const $faa2e61a3361514f$export$13921ac0cc260818 = $faa2e61a3361514f$export$105594979f116971;
-const $faa2e61a3361514f$export$9a58ef0d7ad3278c = $faa2e61a3361514f$export$a5cf38a7a000fe77;
-const $faa2e61a3361514f$export$6521433ed15a34db = $faa2e61a3361514f$export$2c1b491743890dec;
+var Root = Slider;
+var Track = SliderTrack;
+var Range = SliderRange;
+var Thumb = SliderThumb;
 
-export { $faa2e61a3361514f$export$9a58ef0d7ad3278c as Range, $faa2e61a3361514f$export$be92b6f5f03c0fe9 as Root, $faa2e61a3361514f$export$472062a354075cee as Slider, $faa2e61a3361514f$export$a5cf38a7a000fe77 as SliderRange, $faa2e61a3361514f$export$2c1b491743890dec as SliderThumb, $faa2e61a3361514f$export$105594979f116971 as SliderTrack, $faa2e61a3361514f$export$6521433ed15a34db as Thumb, $faa2e61a3361514f$export$13921ac0cc260818 as Track, $faa2e61a3361514f$export$ef72632d7b901f97 as createSliderScope };
+export { Range, Root, Slider, SliderRange, SliderThumb, SliderTrack, Thumb, Track, createSliderScope };
 //# sourceMappingURL=index.mjs.map