@eightshift/ui-components 1.6.1 → 1.7.0

package/dist/{Slider-Dkj8Slw3.js → Slider-D9Cs6yKr.js}

@@ -1,17 +1,17 @@
-import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "./utils-Du2x3YVu.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-BqW0M3HN.js";
+import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "./utils-BCJajCwh.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-BwqMVkuV.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import React__default, { useRef, useMemo, useCallback, useEffect, useState, createContext, forwardRef, useContext } from "react";
-import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-B-20GQ2u.js";
-import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a, m as $7215afc6de606d6b$export$de79e2c695e052f3, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-xMzk3syC.js";
-import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4, a as $9446cca9a3875146$export$cb6e0bb50bc19463 } from "./number-CHmNj-oR.js";
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-D5Bit8i8.js";
-import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-Bk7iP__W.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-kCEA3M_y.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-fUHUaaR6.js";
-import { a as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-Bu2Ovohk.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-rz8eyzby.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-DsMLX-RC.js";
+import React__default, { useRef, useMemo, useCallback, useState, useEffect, createContext, forwardRef, useContext } from "react";
+import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-Cyx5Dxkf.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, i as $507fabe10e71c6fb$export$8397ddfc504fdb9a, m as $7215afc6de606d6b$export$de79e2c695e052f3, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-CgFLw4FA.js";
+import { $ as $9446cca9a3875146$export$cb6e0bb50bc19463, a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-GajL10e1.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-CvK0YHTZ.js";
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-B6uO0wVK.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Cs-ZD1nu.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-B8m1uz1J.js";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd, $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-ByyKSVQv.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-BMOTWmOx.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-WhC7vZaL.js";
 function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
   let { onMoveStart, onMove, onMoveEnd } = props;
   let state = useRef({
@@ -219,6 +219,155 @@ function $e8a7022cf87cba2a$export$36da96379f79f245(props) {
     moveProps
   };
 }
+const $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE = 0;
+const $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE = 100;
+const $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE = 1;
+function $28f99e3e86e6ec45$export$e5fda3247f5d67f9(props) {
+  const { isDisabled = false, minValue = $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE, maxValue = $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE, numberFormatter: formatter, step = $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE, orientation = "horizontal" } = props;
+  let pageSize = useMemo(() => {
+    let calcPageSize = (maxValue - minValue) / 10;
+    calcPageSize = $9446cca9a3875146$export$cb6e0bb50bc19463(calcPageSize, 0, calcPageSize + step, step);
+    return Math.max(calcPageSize, step);
+  }, [
+    step,
+    maxValue,
+    minValue
+  ]);
+  let restrictValues = useCallback((values2) => values2 === null || values2 === void 0 ? void 0 : values2.map((val, idx) => {
+    let min = idx === 0 ? minValue : val[idx - 1];
+    let max = idx === values2.length - 1 ? maxValue : val[idx + 1];
+    return $9446cca9a3875146$export$cb6e0bb50bc19463(val, min, max, step);
+  }), [
+    minValue,
+    maxValue,
+    step
+  ]);
+  let value = useMemo(() => restrictValues($28f99e3e86e6ec45$var$convertValue(props.value)), [
+    props.value
+  ]);
+  let defaultValue = useMemo(() => {
+    var _convertValue;
+    return restrictValues((_convertValue = $28f99e3e86e6ec45$var$convertValue(props.defaultValue)) !== null && _convertValue !== void 0 ? _convertValue : [
+      minValue
+    ]);
+  }, [
+    props.defaultValue,
+    minValue
+  ]);
+  let onChange = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChange);
+  let onChangeEnd = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
+  const [values, setValuesState] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange);
+  const [isDraggings, setDraggingsState] = useState(new Array(values.length).fill(false));
+  const isEditablesRef = useRef(new Array(values.length).fill(true));
+  const [focusedIndex, setFocusedIndex] = useState(void 0);
+  const valuesRef = useRef(values);
+  const isDraggingsRef = useRef(isDraggings);
+  let setValues = (values2) => {
+    valuesRef.current = values2;
+    setValuesState(values2);
+  };
+  let setDraggings = (draggings) => {
+    isDraggingsRef.current = draggings;
+    setDraggingsState(draggings);
+  };
+  function getValuePercent(value2) {
+    return (value2 - minValue) / (maxValue - minValue);
+  }
+  function getThumbMinValue(index) {
+    return index === 0 ? minValue : values[index - 1];
+  }
+  function getThumbMaxValue(index) {
+    return index === values.length - 1 ? maxValue : values[index + 1];
+  }
+  function isThumbEditable(index) {
+    return isEditablesRef.current[index];
+  }
+  function setThumbEditable(index, editable) {
+    isEditablesRef.current[index] = editable;
+  }
+  function updateValue(index, value2) {
+    if (isDisabled || !isThumbEditable(index)) return;
+    const thisMin = getThumbMinValue(index);
+    const thisMax = getThumbMaxValue(index);
+    value2 = $9446cca9a3875146$export$cb6e0bb50bc19463(value2, thisMin, thisMax, step);
+    let newValues = $28f99e3e86e6ec45$var$replaceIndex(valuesRef.current, index, value2);
+    setValues(newValues);
+  }
+  function updateDragging(index, dragging) {
+    if (isDisabled || !isThumbEditable(index)) return;
+    if (dragging) valuesRef.current = values;
+    const wasDragging = isDraggingsRef.current[index];
+    isDraggingsRef.current = $28f99e3e86e6ec45$var$replaceIndex(isDraggingsRef.current, index, dragging);
+    setDraggings(isDraggingsRef.current);
+    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
+  }
+  function getFormattedValue(value2) {
+    return formatter.format(value2);
+  }
+  function setThumbPercent(index, percent) {
+    updateValue(index, getPercentValue(percent));
+  }
+  function getRoundedValue(value2) {
+    return Math.round((value2 - minValue) / step) * step + minValue;
+  }
+  function getPercentValue(percent) {
+    const val = percent * (maxValue - minValue) + minValue;
+    return $9446cca9a3875146$export$7d15b64cf5a3a4c4(getRoundedValue(val), minValue, maxValue);
+  }
+  function incrementThumb(index, stepSize = 1) {
+    let s = Math.max(stepSize, step);
+    updateValue(index, $9446cca9a3875146$export$cb6e0bb50bc19463(values[index] + s, minValue, maxValue, step));
+  }
+  function decrementThumb(index, stepSize = 1) {
+    let s = Math.max(stepSize, step);
+    updateValue(index, $9446cca9a3875146$export$cb6e0bb50bc19463(values[index] - s, minValue, maxValue, step));
+  }
+  return {
+    values,
+    getThumbValue: (index) => values[index],
+    setThumbValue: updateValue,
+    setThumbPercent,
+    isThumbDragging: (index) => isDraggings[index],
+    setThumbDragging: updateDragging,
+    focusedThumb: focusedIndex,
+    setFocusedThumb: setFocusedIndex,
+    getThumbPercent: (index) => getValuePercent(values[index]),
+    getValuePercent,
+    getThumbValueLabel: (index) => getFormattedValue(values[index]),
+    getFormattedValue,
+    getThumbMinValue,
+    getThumbMaxValue,
+    getPercentValue,
+    isThumbEditable,
+    setThumbEditable,
+    incrementThumb,
+    decrementThumb,
+    step,
+    pageSize,
+    orientation,
+    isDisabled
+  };
+}
+function $28f99e3e86e6ec45$var$replaceIndex(array, index, value) {
+  if (array[index] === value) return array;
+  return [
+    ...array.slice(0, index),
+    value,
+    ...array.slice(index + 1)
+  ];
+}
+function $28f99e3e86e6ec45$var$convertValue(value) {
+  if (value == null) return void 0;
+  return Array.isArray(value) ? value : [
+    value
+  ];
+}
+function $28f99e3e86e6ec45$var$createOnChange(value, defaultValue, onChange) {
+  return (newValue) => {
+    if (typeof value === "number" || typeof defaultValue === "number") onChange === null || onChange === void 0 ? void 0 : onChange(newValue[0]);
+    else onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+  };
+}
 const $aa519ee6cf463259$export$d6c8d9636a3dc49c = /* @__PURE__ */ new WeakMap();
 function $aa519ee6cf463259$export$68e648cbec363a18(state, index) {
   let data = $aa519ee6cf463259$export$d6c8d9636a3dc49c.get(state);
@@ -514,155 +663,6 @@ function $47b897dc8cdb026b$export$8d15029008292ae(opts, state) {
     isFocused
   };
 }
-const $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE = 0;
-const $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE = 100;
-const $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE = 1;
-function $28f99e3e86e6ec45$export$e5fda3247f5d67f9(props) {
-  const { isDisabled = false, minValue = $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE, maxValue = $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE, numberFormatter: formatter, step = $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE, orientation = "horizontal" } = props;
-  let pageSize = useMemo(() => {
-    let calcPageSize = (maxValue - minValue) / 10;
-    calcPageSize = $9446cca9a3875146$export$cb6e0bb50bc19463(calcPageSize, 0, calcPageSize + step, step);
-    return Math.max(calcPageSize, step);
-  }, [
-    step,
-    maxValue,
-    minValue
-  ]);
-  let restrictValues = useCallback((values2) => values2 === null || values2 === void 0 ? void 0 : values2.map((val, idx) => {
-    let min = idx === 0 ? minValue : val[idx - 1];
-    let max = idx === values2.length - 1 ? maxValue : val[idx + 1];
-    return $9446cca9a3875146$export$cb6e0bb50bc19463(val, min, max, step);
-  }), [
-    minValue,
-    maxValue,
-    step
-  ]);
-  let value = useMemo(() => restrictValues($28f99e3e86e6ec45$var$convertValue(props.value)), [
-    props.value
-  ]);
-  let defaultValue = useMemo(() => {
-    var _convertValue;
-    return restrictValues((_convertValue = $28f99e3e86e6ec45$var$convertValue(props.defaultValue)) !== null && _convertValue !== void 0 ? _convertValue : [
-      minValue
-    ]);
-  }, [
-    props.defaultValue,
-    minValue
-  ]);
-  let onChange = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChange);
-  let onChangeEnd = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
-  const [values, setValuesState] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange);
-  const [isDraggings, setDraggingsState] = useState(new Array(values.length).fill(false));
-  const isEditablesRef = useRef(new Array(values.length).fill(true));
-  const [focusedIndex, setFocusedIndex] = useState(void 0);
-  const valuesRef = useRef(values);
-  const isDraggingsRef = useRef(isDraggings);
-  let setValues = (values2) => {
-    valuesRef.current = values2;
-    setValuesState(values2);
-  };
-  let setDraggings = (draggings) => {
-    isDraggingsRef.current = draggings;
-    setDraggingsState(draggings);
-  };
-  function getValuePercent(value2) {
-    return (value2 - minValue) / (maxValue - minValue);
-  }
-  function getThumbMinValue(index) {
-    return index === 0 ? minValue : values[index - 1];
-  }
-  function getThumbMaxValue(index) {
-    return index === values.length - 1 ? maxValue : values[index + 1];
-  }
-  function isThumbEditable(index) {
-    return isEditablesRef.current[index];
-  }
-  function setThumbEditable(index, editable) {
-    isEditablesRef.current[index] = editable;
-  }
-  function updateValue(index, value2) {
-    if (isDisabled || !isThumbEditable(index)) return;
-    const thisMin = getThumbMinValue(index);
-    const thisMax = getThumbMaxValue(index);
-    value2 = $9446cca9a3875146$export$cb6e0bb50bc19463(value2, thisMin, thisMax, step);
-    let newValues = $28f99e3e86e6ec45$var$replaceIndex(valuesRef.current, index, value2);
-    setValues(newValues);
-  }
-  function updateDragging(index, dragging) {
-    if (isDisabled || !isThumbEditable(index)) return;
-    if (dragging) valuesRef.current = values;
-    const wasDragging = isDraggingsRef.current[index];
-    isDraggingsRef.current = $28f99e3e86e6ec45$var$replaceIndex(isDraggingsRef.current, index, dragging);
-    setDraggings(isDraggingsRef.current);
-    if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) onChangeEnd(valuesRef.current);
-  }
-  function getFormattedValue(value2) {
-    return formatter.format(value2);
-  }
-  function setThumbPercent(index, percent) {
-    updateValue(index, getPercentValue(percent));
-  }
-  function getRoundedValue(value2) {
-    return Math.round((value2 - minValue) / step) * step + minValue;
-  }
-  function getPercentValue(percent) {
-    const val = percent * (maxValue - minValue) + minValue;
-    return $9446cca9a3875146$export$7d15b64cf5a3a4c4(getRoundedValue(val), minValue, maxValue);
-  }
-  function incrementThumb(index, stepSize = 1) {
-    let s = Math.max(stepSize, step);
-    updateValue(index, $9446cca9a3875146$export$cb6e0bb50bc19463(values[index] + s, minValue, maxValue, step));
-  }
-  function decrementThumb(index, stepSize = 1) {
-    let s = Math.max(stepSize, step);
-    updateValue(index, $9446cca9a3875146$export$cb6e0bb50bc19463(values[index] - s, minValue, maxValue, step));
-  }
-  return {
-    values,
-    getThumbValue: (index) => values[index],
-    setThumbValue: updateValue,
-    setThumbPercent,
-    isThumbDragging: (index) => isDraggings[index],
-    setThumbDragging: updateDragging,
-    focusedThumb: focusedIndex,
-    setFocusedThumb: setFocusedIndex,
-    getThumbPercent: (index) => getValuePercent(values[index]),
-    getValuePercent,
-    getThumbValueLabel: (index) => getFormattedValue(values[index]),
-    getFormattedValue,
-    getThumbMinValue,
-    getThumbMaxValue,
-    getPercentValue,
-    isThumbEditable,
-    setThumbEditable,
-    incrementThumb,
-    decrementThumb,
-    step,
-    pageSize,
-    orientation,
-    isDisabled
-  };
-}
-function $28f99e3e86e6ec45$var$replaceIndex(array, index, value) {
-  if (array[index] === value) return array;
-  return [
-    ...array.slice(0, index),
-    value,
-    ...array.slice(index + 1)
-  ];
-}
-function $28f99e3e86e6ec45$var$convertValue(value) {
-  if (value == null) return void 0;
-  return Array.isArray(value) ? value : [
-    value
-  ];
-}
-function $28f99e3e86e6ec45$var$createOnChange(value, defaultValue, onChange) {
-  return (newValue) => {
-    if (typeof value === "number" || typeof defaultValue === "number") onChange === null || onChange === void 0 ? void 0 : onChange(newValue[0]);
-    else onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
-  };
-}
 const $6f909507e6374d18$export$e99164f0030f3bff = /* @__PURE__ */ createContext(null);
 const $6f909507e6374d18$export$1e7083018727fa60 = /* @__PURE__ */ createContext(null);
 const $6f909507e6374d18$export$f1fce0420cc6d8ee = /* @__PURE__ */ createContext(null);

package/dist/{Text-CdwRBXol.js → Text-BVIXT8qq.js}

@@ -1,4 +1,4 @@
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-Du2x3YVu.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-BCJajCwh.js";
 import React__default, { forwardRef, createContext } from "react";
 const $514c0188e459b4c0$export$9afb8bc826b033ea = /* @__PURE__ */ createContext({});
 function $514c0188e459b4c0$var$Text(props, ref) {

package/dist/{VisuallyHidden-DsMLX-RC.js → VisuallyHidden-WhC7vZaL.js}

@@ -1,6 +1,6 @@
-import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Du2x3YVu.js";
+import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BCJajCwh.js";
 import React__default, { useState, useMemo } from "react";
-import { d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-xMzk3syC.js";
+import { d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-CgFLw4FA.js";
 const $5c3e21d68f1c4674$var$styles = {
   border: 0,
   clip: "rect(0 0 0 0)",