@salt-ds/lab 1.0.0-alpha.6 → 1.0.0-alpha.60

package/dist-es/packages/lab/src/slider/Slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.js","sources":["../src/slider/Slider.tsx"],"sourcesContent":["import { makePrefixer, useControlled } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport {\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { SliderHandle } from \"./internal/SliderHandle\";\nimport { SliderMarkLabels } from \"./internal/SliderMarkLabels\";\nimport { SliderRail } from \"./internal/SliderRail\";\nimport { SliderMark, SliderRailMarks } from \"./internal/SliderRailMarks\";\nimport { SliderSelection } from \"./internal/SliderSelection\";\nimport { createHandleStyles, createTrackStyle } from \"./internal/styles\";\nimport { useSliderKeyDown } from \"./internal/useSliderKeyDown\";\nimport { useSliderMouseDown } from \"./internal/useSliderMouseDown\";\nimport { useValueUpdater } from \"./internal/utils\";\nimport { SliderChangeHandler, SliderValue } from \"./types\";\n\nimport \"./Slider.css\";\n\nconst withBaseName = makePrefixer(\"saltSlider\");\n\nconst defaultMin = 0;\nconst defaultMax = 100;\nconst defaultStep = 1;\n\nexport interface SliderProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  label?: string;\n  min?: number;\n  max?: number;\n  step?: number;\n  pageStep?: number;\n  value?: SliderValue;\n  defaultValue?: SliderValue;\n  pushable?: boolean;\n  pushDistance?: number;\n  disabled?: boolean;\n  onChange?: SliderChangeHandler;\n  marks?: SliderMark[];\n  hideMarks?: boolean;\n  hideMarkLabels?: boolean;\n}\n\nexport const Slider = forwardRef<HTMLDivElement, SliderProps>(function Slider(\n  {\n    min = defaultMin,\n    max = defaultMax,\n    step = defaultStep,\n    pageStep = step,\n    value: valueProp,\n    defaultValue = defaultMin,\n    onChange,\n    label,\n    className,\n    pushable,\n    pushDistance = 0,\n    disabled,\n    marks,\n    hideMarks,\n    hideMarkLabels,\n    ...restProps\n  },\n  ref\n) {\n  const trackRef = useRef<HTMLDivElement>(null);\n\n  const [value, setValue] = useControlled<SliderValue>({\n    controlled: valueProp,\n    default: defaultValue,\n    name: \"Slider\",\n    state: \"Value\",\n  });\n\n  const updateValueItem = useValueUpdater(pushable, pushDistance, min, max);\n\n  const trackStyle = useMemo(\n    () => createTrackStyle(min, max, value),\n    [min, max, value]\n  );\n\n  const valueLength = Array.isArray(value) ? value.length : 1;\n\n  const handleStyles: CSSProperties[] = useMemo(\n    () => createHandleStyles(valueLength),\n    [valueLength]\n  );\n\n  const onMouseDown = useSliderMouseDown(\n    trackRef,\n    value,\n    min,\n    max,\n    step,\n    updateValueItem,\n    setValue,\n    onChange\n  );\n\n  const onKeyDown = useSliderKeyDown(\n    value,\n    min,\n    max,\n    pageStep,\n    step,\n    updateValueItem,\n    setValue,\n    onChange\n  );\n\n  return (\n    <div\n      className={clsx(\n        withBaseName(),\n        {\n          [withBaseName(\"disabled\")]: disabled,\n        },\n        className\n      )}\n      ref={ref}\n      onKeyDown={disabled ? undefined : onKeyDown}\n      aria-label={`${label} slider from ${min} to ${max}`}\n      role=\"group\"\n    >\n      {label !== undefined ? (\n        <div className={withBaseName(\"label\")}>{label}</div>\n      ) : null}\n      <div\n        className={withBaseName(\"clickable\")}\n        onMouseDown={disabled ? undefined : onMouseDown}\n      >\n        <div\n          className={withBaseName(\"track\")}\n          style={trackStyle}\n          ref={trackRef}\n        >\n          <SliderRail />\n          {marks && !hideMarks ? (\n            <SliderRailMarks min={min} max={max} marks={marks} />\n          ) : null}\n          {marks && !hideMarkLabels ? (\n            <SliderMarkLabels min={min} max={max} marks={marks} />\n          ) : null}\n          <SliderSelection valueLength={valueLength} />\n          {(Array.isArray(value) ? value : [value]).map((v, i) => (\n            <SliderHandle\n              key={i}\n              min={min}\n              max={max}\n              value={v}\n              index={i}\n              disabled={!!disabled}\n              valueLength={valueLength}\n              style={handleStyles[i]}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n});\n"],"names":["Slider"],"mappings":"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"}

package/dist-es/packages/lab/src/slider/internal/SliderHandle.js

@@ -1,32 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, Tooltip } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { getSliderAriaLabel } from './utils.js';
-import '../Slider.css.js';
-
-const withBaseName = makePrefixer("saltSliderHandle");
-function SliderHandle(props) {
-  const { min, max, value, disabled, valueLength, index, style } = props;
-  return /* @__PURE__ */ jsx(Tooltip, {
-    content: value,
-    placement: "top",
-    children: /* @__PURE__ */ jsx("div", {
-      className: clsx(withBaseName(), {
-        [withBaseName("min")]: value === min,
-        [withBaseName("max")]: value === max
-      }),
-      style,
-      role: "slider",
-      "aria-valuemin": min,
-      "aria-valuemax": max,
-      "aria-valuenow": value,
-      "aria-disabled": disabled,
-      "aria-label": getSliderAriaLabel(valueLength, index),
-      tabIndex: 0,
-      "data-handle-index": index
-    })
-  });
-}
-
-export { SliderHandle };
-//# sourceMappingURL=SliderHandle.js.map

package/dist-es/packages/lab/src/slider/internal/SliderHandle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderHandle.js","sources":["../src/slider/internal/SliderHandle.tsx"],"sourcesContent":["import { makePrefixer, Tooltip } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { CSSProperties } from \"react\";\nimport { getSliderAriaLabel } from \"./utils\";\n\nimport \"../Slider.css\";\n\nconst withBaseName = makePrefixer(\"saltSliderHandle\");\n\nexport interface SliderHandleProps {\n  min: number;\n  max: number;\n  value: number;\n  index: number;\n  disabled: boolean;\n  valueLength: number;\n  style: CSSProperties;\n}\n\nexport function SliderHandle(props: SliderHandleProps): JSX.Element {\n  const { min, max, value, disabled, valueLength, index, style } = props;\n\n  return (\n    <Tooltip content={value} placement=\"top\">\n      <div\n        className={clsx(withBaseName(), {\n          [withBaseName(\"min\")]: value === min,\n          [withBaseName(\"max\")]: value === max,\n        })}\n        style={style}\n        role=\"slider\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={value}\n        aria-disabled={disabled}\n        aria-label={getSliderAriaLabel(valueLength, index)}\n        tabIndex={0}\n        data-handle-index={index}\n      />\n    </Tooltip>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,kBAAkB,CAAA,CAAA;AAY7C,SAAS,aAAa,KAAuC,EAAA;AAClE,EAAM,MAAA,EAAE,KAAK,GAAK,EAAA,KAAA,EAAO,UAAU,WAAa,EAAA,KAAA,EAAO,OAAU,GAAA,KAAA,CAAA;AAEjE,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,KAAA;AAAA,IAAO,SAAU,EAAA,KAAA;AAAA,IACjC,QAAC,kBAAA,GAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAA,EAAW,IAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,QAC9B,CAAC,YAAA,CAAa,KAAK,CAAA,GAAI,KAAU,KAAA,GAAA;AAAA,QACjC,CAAC,YAAA,CAAa,KAAK,CAAA,GAAI,KAAU,KAAA,GAAA;AAAA,OAClC,CAAA;AAAA,MACD,KAAA;AAAA,MACA,IAAK,EAAA,QAAA;AAAA,MACL,eAAe,EAAA,GAAA;AAAA,MACf,eAAe,EAAA,GAAA;AAAA,MACf,eAAe,EAAA,KAAA;AAAA,MACf,eAAe,EAAA,QAAA;AAAA,MACf,YAAA,EAAY,kBAAmB,CAAA,WAAA,EAAa,KAAK,CAAA;AAAA,MACjD,QAAU,EAAA,CAAA;AAAA,MACV,mBAAmB,EAAA,KAAA;AAAA,KACrB,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/slider/internal/SliderMarkLabels.js

@@ -1,33 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { createSliderMarkLabelsStyle, createSliderMarkLabelStyles } from './styles.js';
-import { isLabeledMark } from './utils.js';
-import { useMemo } from 'react';
-import '../Slider.css.js';
-
-const withBaseName = makePrefixer("saltSliderMarkLabels");
-function SliderMarkLabels(props) {
-  const { min, max, marks } = props;
-  const style = useMemo(
-    () => createSliderMarkLabelsStyle(min, max, marks),
-    [min, max, marks]
-  );
-  const labelStyles = useMemo(
-    () => createSliderMarkLabelStyles(marks),
-    [marks]
-  );
-  return /* @__PURE__ */ jsx("div", {
-    className: withBaseName(),
-    style,
-    children: marks.map((mark, i) => {
-      return /* @__PURE__ */ jsx("div", {
-        className: withBaseName("label"),
-        style: labelStyles[i],
-        children: isLabeledMark(mark) ? mark.label : `${mark}`
-      }, i);
-    })
-  });
-}
-
-export { SliderMarkLabels };
-//# sourceMappingURL=SliderMarkLabels.js.map

package/dist-es/packages/lab/src/slider/internal/SliderMarkLabels.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderMarkLabels.js","sources":["../src/slider/internal/SliderMarkLabels.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport {\n  createSliderMarkLabelsStyle,\n  createSliderMarkLabelStyles,\n} from \"./styles\";\nimport { isLabeledMark } from \"./utils\";\nimport { SliderMark } from \"./SliderRailMarks\";\nimport { useMemo } from \"react\";\nimport \"../Slider.css\";\n\nconst withBaseName = makePrefixer(\"saltSliderMarkLabels\");\n\nexport interface SliderMarkLabelsProps {\n  min: number;\n  max: number;\n  marks: SliderMark[];\n}\n\nexport function SliderMarkLabels(props: SliderMarkLabelsProps) {\n  const { min, max, marks } = props;\n  const style = useMemo(\n    () => createSliderMarkLabelsStyle(min, max, marks),\n    [min, max, marks]\n  );\n  const labelStyles = useMemo(\n    () => createSliderMarkLabelStyles(marks),\n    [marks]\n  );\n  return (\n    <div className={withBaseName()} style={style}>\n      {marks.map((mark, i) => {\n        return (\n          <div key={i} className={withBaseName(\"label\")} style={labelStyles[i]}>\n            {isLabeledMark(mark) ? mark.label : `${mark}`}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAUA,MAAM,YAAA,GAAe,aAAa,sBAAsB,CAAA,CAAA;AAQjD,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,EAAA,MAAM,EAAE,GAAA,EAAK,GAAK,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAC5B,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,MAAM,2BAAA,CAA4B,GAAK,EAAA,GAAA,EAAK,KAAK,CAAA;AAAA,IACjD,CAAC,GAAK,EAAA,GAAA,EAAK,KAAK,CAAA;AAAA,GAClB,CAAA;AACA,EAAA,MAAM,WAAc,GAAA,OAAA;AAAA,IAClB,MAAM,4BAA4B,KAAK,CAAA;AAAA,IACvC,CAAC,KAAK,CAAA;AAAA,GACR,CAAA;AACA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAG,KAAA;AAAA,IAC7B,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,CAAM,KAAA;AACtB,MAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,QAAY,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAAG,OAAO,WAAY,CAAA,CAAA,CAAA;AAAA,QAC/D,QAAc,EAAA,aAAA,CAAA,IAAI,CAAI,GAAA,IAAA,CAAK,QAAQ,CAAG,EAAA,IAAA,CAAA,CAAA;AAAA,OAAA,EAD/B,CAEV,CAAA,CAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/slider/internal/SliderRail.js

@@ -1,13 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import '../Slider.css.js';
-
-const withBaseName = makePrefixer("saltSliderRail");
-function SliderRail(props) {
-  return /* @__PURE__ */ jsx("div", {
-    className: withBaseName()
-  });
-}
-
-export { SliderRail };
-//# sourceMappingURL=SliderRail.js.map

package/dist-es/packages/lab/src/slider/internal/SliderRail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderRail.js","sources":["../src/slider/internal/SliderRail.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport \"../Slider.css\";\n\nexport interface SliderRailProps {}\n\nconst withBaseName = makePrefixer(\"saltSliderRail\");\n\nexport function SliderRail(props: SliderRailProps) {\n  return <div className={withBaseName()} />;\n}\n"],"names":[],"mappings":";;;;AAKA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA,CAAA;AAE3C,SAAS,WAAW,KAAwB,EAAA;AACjD,EAAA,uBAAQ,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,GAAG,CAAA,CAAA;AACzC;;;;"}

package/dist-es/packages/lab/src/slider/internal/SliderRailMarks.js

@@ -1,36 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { makePrefixer } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { createSliderRailMarksStyle, createHandleStyles } from './styles.js';
-import { isMarkAtMax } from './utils.js';
-import '../Slider.css.js';
-
-const withBaseName = makePrefixer("saltSliderRailMarks");
-function SliderRailMarks(props) {
-  const { min, max, marks } = props;
-  const style = useMemo(
-    () => createSliderRailMarksStyle(min, max, marks),
-    [min, max, marks]
-  );
-  const marksLength = marks.length;
-  const markStyles = useMemo(
-    () => createHandleStyles(marksLength),
-    [marksLength]
-  );
-  return /* @__PURE__ */ jsx("div", {
-    className: withBaseName(),
-    style,
-    children: marks.map((mark, i) => {
-      return /* @__PURE__ */ jsx("div", {
-        className: clsx(withBaseName("mark"), {
-          [withBaseName("max")]: isMarkAtMax(max, mark)
-        }),
-        style: markStyles[i]
-      }, `Mark${i}`);
-    })
-  });
-}
-
-export { SliderRailMarks };
-//# sourceMappingURL=SliderRailMarks.js.map

package/dist-es/packages/lab/src/slider/internal/SliderRailMarks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderRailMarks.js","sources":["../src/slider/internal/SliderRailMarks.tsx"],"sourcesContent":["import { ReactNode, useMemo } from \"react\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { createHandleStyles, createSliderRailMarksStyle } from \"./styles\";\nimport { isMarkAtMax } from \"./utils\";\nimport \"../Slider.css\";\n\nconst withBaseName = makePrefixer(\"saltSliderRailMarks\");\n\nexport interface LabeledMark {\n  value: number;\n  label: ReactNode;\n}\n\nexport type SliderMark = number | LabeledMark;\n\nexport interface SliderRailMarksProps {\n  min: number;\n  max: number;\n  marks: SliderMark[];\n}\n\nexport function SliderRailMarks(props: SliderRailMarksProps) {\n  const { min, max, marks } = props;\n  const style = useMemo(\n    () => createSliderRailMarksStyle(min, max, marks),\n    [min, max, marks]\n  );\n  const marksLength = marks.length;\n  const markStyles = useMemo(\n    () => createHandleStyles(marksLength),\n    [marksLength]\n  );\n\n  return (\n    <div className={withBaseName()} style={style}>\n      {marks.map((mark, i) => {\n        return (\n          <div\n            key={`Mark${i}`}\n            className={clsx(withBaseName(\"mark\"), {\n              [withBaseName(\"max\")]: isMarkAtMax(max, mark),\n            })}\n            style={markStyles[i]}\n          />\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAehD,SAAS,gBAAgB,KAA6B,EAAA;AAC3D,EAAA,MAAM,EAAE,GAAA,EAAK,GAAK,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAC5B,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,MAAM,0BAAA,CAA2B,GAAK,EAAA,GAAA,EAAK,KAAK,CAAA;AAAA,IAChD,CAAC,GAAK,EAAA,GAAA,EAAK,KAAK,CAAA;AAAA,GAClB,CAAA;AACA,EAAA,MAAM,cAAc,KAAM,CAAA,MAAA,CAAA;AAC1B,EAAA,MAAM,UAAa,GAAA,OAAA;AAAA,IACjB,MAAM,mBAAmB,WAAW,CAAA;AAAA,IACpC,CAAC,WAAW,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,IAAG,KAAA;AAAA,IAC7B,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,CAAM,KAAA;AACtB,MAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,QAEC,SAAW,EAAA,IAAA,CAAK,YAAa,CAAA,MAAM,CAAG,EAAA;AAAA,UACpC,CAAC,YAAa,CAAA,KAAK,CAAI,GAAA,WAAA,CAAY,KAAK,IAAI,CAAA;AAAA,SAC7C,CAAA;AAAA,QACD,OAAO,UAAW,CAAA,CAAA,CAAA;AAAA,OAAA,EAJb,OAAO,CAKd,CAAA,CAAA,CAAA,CAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-es/packages/lab/src/slider/internal/SliderSelection.js

@@ -1,13 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import '../Slider.css.js';
-
-const withBaseName = makePrefixer("saltSliderSelection");
-function SliderSelection({ valueLength }) {
-  return /* @__PURE__ */ jsx("div", {
-    className: valueLength < 2 ? withBaseName() : withBaseName("range")
-  });
-}
-
-export { SliderSelection };
-//# sourceMappingURL=SliderSelection.js.map

package/dist-es/packages/lab/src/slider/internal/SliderSelection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderSelection.js","sources":["../src/slider/internal/SliderSelection.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport \"../Slider.css\";\n\nconst withBaseName = makePrefixer(\"saltSliderSelection\");\n\nexport interface SliderSelectionProps {\n  valueLength: number;\n}\n\nexport function SliderSelection({ valueLength }: SliderSelectionProps) {\n  return (\n    <div className={valueLength < 2 ? withBaseName() : withBaseName(\"range\")} />\n  );\n}\n"],"names":[],"mappings":";;;;AAGA,MAAM,YAAA,GAAe,aAAa,qBAAqB,CAAA,CAAA;AAMvC,SAAA,eAAA,CAAgB,EAAE,WAAA,EAAqC,EAAA;AACrE,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,WAAc,GAAA,CAAA,GAAI,YAAa,EAAA,GAAI,aAAa,OAAO,CAAA;AAAA,GAAG,CAAA,CAAA;AAE9E;;;;"}

package/dist-es/packages/lab/src/slider/internal/styles.js

@@ -1,91 +0,0 @@
-import { isLabeledMark } from './utils.js';
-
-function widthToPercentage(w, range) {
-  return `${Math.round(1e3 * w / range) * 0.1}%`;
-}
-function createGridTemplateColumns(min, max, values) {
-  const range = max - min;
-  const colWidths = [];
-  let prev = min;
-  for (let v of values) {
-    colWidths.push(v - prev);
-    prev = v;
-  }
-  colWidths.push(max - prev);
-  let auto = false;
-  const colTemplates = colWidths.map((w) => {
-    if (w === 0) {
-      return "0";
-    }
-    if (!auto) {
-      auto = true;
-      return "auto";
-    }
-    return widthToPercentage(w, range);
-  });
-  return colTemplates.join(" ");
-}
-function createTrackStyle(min, max, value) {
-  const values = Array.isArray(value) ? value : [value];
-  return {
-    gridTemplateColumns: createGridTemplateColumns(min, max, values)
-  };
-}
-function createHandleStyles(count) {
-  return [...Array(count).keys()].map((i) => ({
-    gridColumnStart: `${i + 2}`
-  }));
-}
-function createSliderRailMarksStyle(min, max, marks) {
-  return {
-    gridTemplateColumns: createGridTemplateColumns(
-      min,
-      max,
-      marks.map((mark) => isLabeledMark(mark) ? mark.value : mark)
-    )
-  };
-}
-function createSliderMarkLabelsStyle(min, max, marks) {
-  const range = max - min;
-  const colWidths = [];
-  let prev = min;
-  for (let m of marks) {
-    const w = isLabeledMark(m) ? m.value : m;
-    colWidths.push(w - prev);
-    colWidths.push(0);
-    prev = w;
-  }
-  colWidths.push(max - prev);
-  let auto = false;
-  const colTemplates = colWidths.map((w) => {
-    if (w === 0) {
-      return "0";
-    }
-    if (!auto) {
-      auto = true;
-      return "auto";
-    }
-    return widthToPercentage(w, range);
-  });
-  return {
-    gridTemplateColumns: colTemplates.join(" ")
-  };
-}
-function createSliderMarkLabelStyles(marks) {
-  const styles = [];
-  marks.forEach((mark, i) => {
-    styles.push({
-      gridColumnStart: 2 * i + 2
-    });
-  });
-  if (marks.length > 0) {
-    styles[0].justifySelf = "left";
-  }
-  if (marks.length > 1) {
-    styles[marks.length - 1].justifySelf = "right";
-  }
-  return styles;
-}
-
-export { createHandleStyles, createSliderMarkLabelStyles, createSliderMarkLabelsStyle, createSliderRailMarksStyle, createTrackStyle };
-//# sourceMappingURL=styles.js.map

package/dist-es/packages/lab/src/slider/internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../src/slider/internal/styles.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { SliderValue } from \"../types\";\nimport { SliderMark } from \"./SliderRailMarks\";\nimport { isLabeledMark } from \"./utils\";\n\nfunction widthToPercentage(w: number, range: number) {\n  return `${Math.round((1000 * w) / range) * 0.1}%`;\n}\n\nfunction createGridTemplateColumns(\n  min: number,\n  max: number,\n  values: number[]\n): string {\n  const range = max - min;\n  const colWidths: number[] = [];\n  let prev = min;\n  for (let v of values) {\n    colWidths.push(v - prev);\n    prev = v;\n  }\n  colWidths.push(max - prev);\n  let auto = false;\n  const colTemplates = colWidths.map((w) => {\n    if (w === 0) {\n      return \"0\";\n    }\n    if (!auto) {\n      auto = true;\n      return \"auto\";\n    }\n    return widthToPercentage(w, range);\n  });\n  return colTemplates.join(\" \");\n}\n\nexport function createTrackStyle(\n  min: number,\n  max: number,\n  value: SliderValue\n): CSSProperties {\n  const values = Array.isArray(value) ? value : [value];\n  return {\n    gridTemplateColumns: createGridTemplateColumns(min, max, values),\n  };\n}\n\nexport function createHandleStyles(count: number) {\n  return [...Array(count).keys()].map((i) => ({\n    gridColumnStart: `${i + 2}`,\n  }));\n}\n\nexport function createSliderRailMarksStyle(\n  min: number,\n  max: number,\n  marks: SliderMark[]\n): CSSProperties {\n  return {\n    gridTemplateColumns: createGridTemplateColumns(\n      min,\n      max,\n      marks.map((mark) => (isLabeledMark(mark) ? mark.value : mark))\n    ),\n  };\n}\n\nexport function createSliderMarkLabelsStyle(\n  min: number,\n  max: number,\n  marks: SliderMark[]\n): CSSProperties {\n  const range = max - min;\n  const colWidths: number[] = [];\n  let prev = min;\n  for (let m of marks) {\n    const w = isLabeledMark(m) ? m.value : m;\n    colWidths.push(w - prev);\n    colWidths.push(0);\n    prev = w;\n  }\n  colWidths.push(max - prev);\n  let auto = false;\n  const colTemplates = colWidths.map((w) => {\n    if (w === 0) {\n      return \"0\";\n    }\n    if (!auto) {\n      auto = true;\n      return \"auto\";\n    }\n    return widthToPercentage(w, range);\n  });\n\n  return {\n    gridTemplateColumns: colTemplates.join(\" \"),\n  };\n}\n\nexport function createSliderMarkLabelStyles(\n  marks: SliderMark[]\n): CSSProperties[] {\n  const styles: CSSProperties[] = [];\n  marks.forEach((mark, i) => {\n    styles.push({\n      gridColumnStart: 2 * i + 2,\n    });\n  });\n  if (marks.length > 0) {\n    styles[0].justifySelf = \"left\";\n  }\n  if (marks.length > 1) {\n    styles[marks.length - 1].justifySelf = \"right\";\n  }\n  return styles;\n}\n"],"names":[],"mappings":"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"}

package/dist-es/packages/lab/src/slider/internal/useSliderKeyDown.js

@@ -1,46 +0,0 @@
-import { getHandleIndex, roundValue, clampValue } from './utils.js';
-
-function useSliderKeyDown(value, min, max, pageStep, step, updateValueItem, setValue, onChange) {
-  return (event) => {
-    const handleElement = event.target;
-    const handleIndex = getHandleIndex(handleElement);
-    let valueItem = Array.isArray(value) ? value[handleIndex] : value;
-    switch (event.key) {
-      case "Home":
-        valueItem = min;
-        break;
-      case "End":
-        valueItem = max;
-        break;
-      case "PageUp":
-        valueItem += pageStep;
-        break;
-      case "PageDown":
-        valueItem -= pageStep;
-        break;
-      case "ArrowUp":
-      case "ArrowRight":
-        valueItem += step;
-        break;
-      case "ArrowDown":
-      case "ArrowLeft":
-        valueItem -= step;
-        break;
-      default:
-        return;
-    }
-    event.preventDefault();
-    valueItem = roundValue(valueItem, step);
-    valueItem = clampValue(valueItem, min, max);
-    const newValue = updateValueItem(value, handleIndex, valueItem);
-    if (newValue !== value) {
-      setValue(newValue);
-      if (onChange) {
-        onChange(newValue);
-      }
-    }
-  };
-}
-
-export { useSliderKeyDown };
-//# sourceMappingURL=useSliderKeyDown.js.map

package/dist-es/packages/lab/src/slider/internal/useSliderKeyDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderKeyDown.js","sources":["../src/slider/internal/useSliderKeyDown.ts"],"sourcesContent":["import { SliderChangeHandler, SliderValue } from \"../types\";\nimport {\n  clampValue,\n  getHandleIndex,\n  roundValue,\n  UpdateValueItem,\n} from \"./utils\";\n\nexport function useSliderKeyDown(\n  value: SliderValue,\n  min: number,\n  max: number,\n  pageStep: number,\n  step: number,\n  updateValueItem: UpdateValueItem,\n  setValue: SliderChangeHandler,\n  onChange?: SliderChangeHandler\n) {\n  return (event: React.KeyboardEvent) => {\n    const handleElement = event.target as HTMLDivElement;\n    const handleIndex = getHandleIndex(handleElement);\n    let valueItem: number = Array.isArray(value) ? value[handleIndex] : value;\n    switch (event.key) {\n      case \"Home\":\n        valueItem = min;\n        break;\n      case \"End\":\n        valueItem = max;\n        break;\n      case \"PageUp\":\n        valueItem += pageStep;\n        break;\n      case \"PageDown\":\n        valueItem -= pageStep;\n        break;\n      case \"ArrowUp\":\n      case \"ArrowRight\":\n        valueItem += step;\n        break;\n      case \"ArrowDown\":\n      case \"ArrowLeft\":\n        valueItem -= step;\n        break;\n      default:\n        return;\n    }\n    event.preventDefault();\n    valueItem = roundValue(valueItem, step);\n    valueItem = clampValue(valueItem, min, max);\n    const newValue = updateValueItem(value, handleIndex, valueItem);\n    if (newValue !== value) {\n      setValue(newValue);\n      if (onChange) {\n        onChange(newValue);\n      }\n    }\n  };\n}\n"],"names":[],"mappings":";;AAQgB,SAAA,gBAAA,CACd,OACA,GACA,EAAA,GAAA,EACA,UACA,IACA,EAAA,eAAA,EACA,UACA,QACA,EAAA;AACA,EAAA,OAAO,CAAC,KAA+B,KAAA;AACrC,IAAA,MAAM,gBAAgB,KAAM,CAAA,MAAA,CAAA;AAC5B,IAAM,MAAA,WAAA,GAAc,eAAe,aAAa,CAAA,CAAA;AAChD,IAAA,IAAI,YAAoB,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAM,WAAe,CAAA,GAAA,KAAA,CAAA;AACpE,IAAA,QAAQ,KAAM,CAAA,GAAA;AAAA,MACP,KAAA,MAAA;AACH,QAAY,SAAA,GAAA,GAAA,CAAA;AACZ,QAAA,MAAA;AAAA,MACG,KAAA,KAAA;AACH,QAAY,SAAA,GAAA,GAAA,CAAA;AACZ,QAAA,MAAA;AAAA,MACG,KAAA,QAAA;AACH,QAAa,SAAA,IAAA,QAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,UAAA;AACH,QAAa,SAAA,IAAA,QAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,SAAA,CAAA;AAAA,MACA,KAAA,YAAA;AACH,QAAa,SAAA,IAAA,IAAA,CAAA;AACb,QAAA,MAAA;AAAA,MACG,KAAA,WAAA,CAAA;AAAA,MACA,KAAA,WAAA;AACH,QAAa,SAAA,IAAA,IAAA,CAAA;AACb,QAAA,MAAA;AAAA,MAAA;AAEA,QAAA,OAAA;AAAA,KAAA;AAEJ,IAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,IAAY,SAAA,GAAA,UAAA,CAAW,WAAW,IAAI,CAAA,CAAA;AACtC,IAAY,SAAA,GAAA,UAAA,CAAW,SAAW,EAAA,GAAA,EAAK,GAAG,CAAA,CAAA;AAC1C,IAAA,MAAM,QAAW,GAAA,eAAA,CAAgB,KAAO,EAAA,WAAA,EAAa,SAAS,CAAA,CAAA;AAC9D,IAAA,IAAI,aAAa,KAAO,EAAA;AACtB,MAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AACjB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,QAAA,CAAS,QAAQ,CAAA,CAAA;AAAA,OACnB;AAAA,KACF;AAAA,GACF,CAAA;AACF;;;;"}

package/dist-es/packages/lab/src/slider/internal/useSliderMouseDown.js

@@ -1,89 +0,0 @@
-import { useRef, useEffect, useCallback } from 'react';
-import { roundValue, clampValue } from './utils.js';
-
-const valueFromClientX = (context, x) => {
-  const { min, max, step, trackRef } = context;
-  const rect = trackRef.current.getBoundingClientRect();
-  const localX = x - rect.x;
-  let v = localX / rect.width * (max - min) + min;
-  v = roundValue(v, step);
-  v = clampValue(v, min, max);
-  return v;
-};
-function getNearestHandle(value, clickValue) {
-  if (!Array.isArray(value)) {
-    return 0;
-  }
-  let minDistance = Number.MAX_VALUE;
-  let handleIndex = -1;
-  value.forEach((v, i) => {
-    const d = Math.abs(clickValue - v);
-    if (d < minDistance) {
-      minDistance = d;
-      handleIndex = i;
-    }
-  });
-  return handleIndex;
-}
-function useSliderMouseDown(trackRef, value, min, max, step, updateValueItem, setValue, onChange) {
-  const mouseContext = useRef({
-    min,
-    max,
-    step,
-    value,
-    trackRef,
-    updateValueItem,
-    setValue,
-    onChange
-  });
-  useEffect(() => {
-    const c = mouseContext.current;
-    c.min = min;
-    c.max = max;
-    c.step = step;
-    c.value = value;
-    c.updateValueItem = updateValueItem;
-    c.onChange = onChange;
-    c.setValue = setValue;
-  }, [min, max, step, value, setValue, updateValueItem, onChange]);
-  const onMouseMove = useCallback((event) => {
-    const { handleIndex, value: value2, updateValueItem: updateValueItem2, setValue: setValue2, onChange: onChange2 } = mouseContext.current;
-    if (handleIndex === void 0) {
-      return;
-    }
-    const { clientX } = event;
-    const clickValue = valueFromClientX(mouseContext.current, clientX);
-    const newValue = updateValueItem2(value2, handleIndex, clickValue);
-    if (newValue !== value2) {
-      setValue2(newValue);
-      if (onChange2) {
-        onChange2(newValue);
-      }
-    }
-  }, []);
-  const onMouseUp = useCallback((event) => {
-    document.removeEventListener("mouseup", onMouseUp);
-    document.removeEventListener("mousemove", onMouseMove);
-    mouseContext.current.handleIndex = void 0;
-  }, []);
-  return useCallback((event) => {
-    const { value: value2, setValue: setValue2, onChange: onChange2 } = mouseContext.current;
-    document.addEventListener("mouseup", onMouseUp);
-    document.addEventListener("mousemove", onMouseMove);
-    const { clientX } = event;
-    const clickValue = valueFromClientX(mouseContext.current, clientX);
-    const handleIndex = getNearestHandle(value2, clickValue);
-    mouseContext.current.handleIndex = handleIndex;
-    const newValue = updateValueItem(value2, handleIndex, clickValue);
-    if (newValue !== value2) {
-      setValue2(newValue);
-      if (onChange2) {
-        onChange2(newValue);
-      }
-    }
-    event.preventDefault();
-  }, []);
-}
-
-export { useSliderMouseDown };
-//# sourceMappingURL=useSliderMouseDown.js.map

package/dist-es/packages/lab/src/slider/internal/useSliderMouseDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderMouseDown.js","sources":["../src/slider/internal/useSliderMouseDown.ts"],"sourcesContent":["import {\n  MouseEvent as ReactMouseEvent,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { SliderChangeHandler, SliderValue } from \"../types\";\nimport { clampValue, roundValue, UpdateValueItem } from \"./utils\";\n\ninterface MouseContext {\n  min: number;\n  max: number;\n  step: number;\n  value: SliderValue;\n  trackRef: RefObject<HTMLDivElement>;\n  handleIndex?: number;\n  updateValueItem: UpdateValueItem;\n  setValue: SliderChangeHandler;\n  onChange?: SliderChangeHandler;\n}\n\nconst valueFromClientX = (context: MouseContext, x: number) => {\n  const { min, max, step, trackRef } = context;\n  const rect = trackRef.current!.getBoundingClientRect();\n  const localX = x - rect.x;\n  let v = (localX / rect.width) * (max - min) + min;\n  v = roundValue(v, step);\n  v = clampValue(v, min, max);\n  return v;\n};\n\nfunction getNearestHandle(value: SliderValue, clickValue: number): number {\n  if (!Array.isArray(value)) {\n    return 0;\n  }\n  let minDistance = Number.MAX_VALUE;\n  let handleIndex = -1;\n  value.forEach((v, i) => {\n    const d = Math.abs(clickValue - v);\n    if (d < minDistance) {\n      minDistance = d;\n      handleIndex = i;\n    }\n  });\n  return handleIndex;\n}\n\nexport function useSliderMouseDown(\n  trackRef: RefObject<HTMLDivElement>,\n  value: SliderValue,\n  min: number,\n  max: number,\n  step: number,\n  updateValueItem: UpdateValueItem,\n  setValue: SliderChangeHandler,\n  onChange?: SliderChangeHandler\n) {\n  const mouseContext = useRef<MouseContext>({\n    min,\n    max,\n    step,\n    value,\n    trackRef,\n    updateValueItem,\n    setValue,\n    onChange,\n  });\n\n  useEffect(() => {\n    const c = mouseContext.current;\n    c.min = min;\n    c.max = max;\n    c.step = step;\n    c.value = value;\n    c.updateValueItem = updateValueItem;\n    c.onChange = onChange;\n    c.setValue = setValue;\n  }, [min, max, step, value, setValue, updateValueItem, onChange]);\n\n  const onMouseMove = useCallback((event: MouseEvent) => {\n    const { handleIndex, value, updateValueItem, setValue, onChange } =\n      mouseContext.current;\n    if (handleIndex === undefined) {\n      return;\n    }\n    const { clientX } = event;\n    const clickValue = valueFromClientX(mouseContext.current, clientX);\n    const newValue = updateValueItem(value, handleIndex, clickValue);\n    if (newValue !== value) {\n      setValue(newValue);\n      if (onChange) {\n        onChange(newValue);\n      }\n    }\n  }, []);\n\n  const onMouseUp = useCallback((event: MouseEvent) => {\n    document.removeEventListener(\"mouseup\", onMouseUp);\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    mouseContext.current.handleIndex = undefined;\n  }, []);\n\n  return useCallback((event: ReactMouseEvent) => {\n    const { value, setValue, onChange } = mouseContext.current;\n    document.addEventListener(\"mouseup\", onMouseUp);\n    document.addEventListener(\"mousemove\", onMouseMove);\n\n    const { clientX } = event;\n    const clickValue = valueFromClientX(mouseContext.current, clientX);\n\n    const handleIndex = getNearestHandle(value, clickValue);\n    mouseContext.current.handleIndex = handleIndex;\n    const newValue = updateValueItem(value, handleIndex, clickValue);\n\n    if (newValue !== value) {\n      setValue(newValue);\n      if (onChange) {\n        onChange(newValue);\n      }\n    }\n\n    event.preventDefault();\n  }, []);\n}\n"],"names":["value","updateValueItem","setValue","onChange"],"mappings":"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"}

package/dist-es/packages/lab/src/slider/internal/utils.js

@@ -1,121 +0,0 @@
-import { useMemo } from 'react';
-
-const updateValueItemNotPushable = (oldValue, index, valueItem, min, max) => {
-  const newValue = [...oldValue];
-  if (valueItem < oldValue[index]) {
-    const constraint = index === 0 ? min : newValue[index - 1];
-    newValue[index] = Math.max(constraint, valueItem);
-  } else {
-    const constraint = index === newValue.length - 1 ? max : newValue[index + 1];
-    newValue[index] = Math.min(constraint, valueItem);
-  }
-  return newValue;
-};
-const updateValueItemPushable = (oldValue, index, valueItem, min, max, pushDistance) => {
-  const newValue = [...oldValue];
-  newValue[index] = valueItem;
-  if (valueItem < oldValue[index]) {
-    for (let i = index - 1; i >= 0; --i) {
-      if (newValue[i + 1] - newValue[i] < pushDistance) {
-        newValue[i] = newValue[i + 1] - pushDistance;
-      } else {
-        break;
-      }
-    }
-    const distToMin = newValue[0] - min;
-    if (distToMin < 0) {
-      for (let i = index; i >= 0; --i) {
-        newValue[i] -= distToMin;
-      }
-    }
-  } else {
-    for (let i = index + 1; i < newValue.length; ++i) {
-      if (newValue[i] - newValue[i - 1] < pushDistance) {
-        newValue[i] = newValue[i - 1] + pushDistance;
-      } else {
-        break;
-      }
-    }
-    const distToMax = max - newValue[newValue.length - 1];
-    if (distToMax < 0) {
-      for (let i = index; i < newValue.length; ++i) {
-        newValue[i] += distToMax;
-      }
-    }
-  }
-  return newValue;
-};
-function useValueUpdater(pushable, pushDistance, min, max) {
-  return useMemo(() => {
-    const updater = pushable ? (oldValue, index, valueItem) => updateValueItemPushable(
-      oldValue,
-      index,
-      valueItem,
-      min,
-      max,
-      pushDistance
-    ) : (oldValue, index, valueItem) => updateValueItemNotPushable(oldValue, index, valueItem, min, max);
-    return (oldValue, index, valueItem) => {
-      if (!Array.isArray(oldValue)) {
-        return valueItem;
-      }
-      if (oldValue[index] === valueItem) {
-        return oldValue;
-      }
-      const newValue = updater(oldValue, index, valueItem);
-      if (-1 === newValue.findIndex((v, i) => oldValue[i] !== v)) {
-        return oldValue;
-      }
-      return newValue;
-    };
-  }, [pushable, pushDistance, min, max]);
-}
-const roundValue = (v, step) => Math.round(v / step) * step;
-const clampValue = (v, min, max) => {
-  if (v < min) {
-    return min;
-  }
-  if (v > max) {
-    return max;
-  }
-  return v;
-};
-function getSliderAriaLabel(count, index) {
-  if (count < 2) {
-    return;
-  }
-  if (count === 2) {
-    return index === 0 ? "Min" : "Max";
-  }
-  if (index >= 0 && index < 10) {
-    return [
-      "First",
-      "Second",
-      "Third",
-      "Fourth",
-      "Fifth",
-      "Sixth",
-      "Seventh",
-      "Eighth",
-      "Ninth",
-      "Tenth"
-    ][index];
-  }
-  return;
-}
-function getHandleIndex(element) {
-  const handleIndexAttribute = element.getAttribute("data-handle-index");
-  if (handleIndexAttribute) {
-    return parseInt(handleIndexAttribute, 10);
-  }
-  return getHandleIndex(element.parentElement);
-}
-function isLabeledMark(mark) {
-  return typeof mark !== "number";
-}
-function isMarkAtMax(max, mark) {
-  return max === (isLabeledMark(mark) ? mark.value : mark);
-}
-
-export { clampValue, getHandleIndex, getSliderAriaLabel, isLabeledMark, isMarkAtMax, roundValue, useValueUpdater };
-//# sourceMappingURL=utils.js.map

package/dist-es/packages/lab/src/slider/internal/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../src/slider/internal/utils.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { SliderValue } from \"../types\";\nimport { LabeledMark, SliderMark } from \"./SliderRailMarks\";\n\nconst updateValueItemNotPushable = (\n  oldValue: number[],\n  index: number,\n  valueItem: number,\n  min: number,\n  max: number\n) => {\n  const newValue = [...oldValue];\n  if (valueItem < oldValue[index]) {\n    const constraint = index === 0 ? min : newValue[index - 1];\n    newValue[index] = Math.max(constraint, valueItem);\n  } else {\n    const constraint =\n      index === newValue.length - 1 ? max : newValue[index + 1];\n    newValue[index] = Math.min(constraint, valueItem);\n  }\n  return newValue;\n};\n\nconst updateValueItemPushable = (\n  oldValue: number[],\n  index: number,\n  valueItem: number,\n  min: number,\n  max: number,\n  pushDistance: number\n) => {\n  const newValue = [...oldValue];\n  newValue[index] = valueItem;\n  if (valueItem < oldValue[index]) {\n    for (let i = index - 1; i >= 0; --i) {\n      if (newValue[i + 1] - newValue[i] < pushDistance) {\n        newValue[i] = newValue[i + 1] - pushDistance;\n      } else {\n        break;\n      }\n    }\n    const distToMin = newValue[0] - min;\n    if (distToMin < 0) {\n      for (let i = index; i >= 0; --i) {\n        newValue[i] -= distToMin;\n      }\n    }\n  } else {\n    for (let i = index + 1; i < newValue.length; ++i) {\n      if (newValue[i] - newValue[i - 1] < pushDistance) {\n        newValue[i] = newValue[i - 1] + pushDistance;\n      } else {\n        break;\n      }\n    }\n    const distToMax = max - newValue[newValue.length - 1];\n    if (distToMax < 0) {\n      for (let i = index; i < newValue.length; ++i) {\n        newValue[i] += distToMax;\n      }\n    }\n  }\n  return newValue;\n};\n\nexport type UpdateValueItem = (\n  oldValue: SliderValue,\n  index: number,\n  valueItem: number\n) => SliderValue;\n\nexport function useValueUpdater(\n  pushable: boolean | undefined,\n  pushDistance: number,\n  min: number,\n  max: number\n): UpdateValueItem {\n  return useMemo(() => {\n    const updater = pushable\n      ? (oldValue: number[], index: number, valueItem: number) =>\n          updateValueItemPushable(\n            oldValue,\n            index,\n            valueItem,\n            min,\n            max,\n            pushDistance\n          )\n      : (oldValue: number[], index: number, valueItem: number) =>\n          updateValueItemNotPushable(oldValue, index, valueItem, min, max);\n    return (oldValue: SliderValue, index: number, valueItem: number) => {\n      if (!Array.isArray(oldValue)) {\n        return valueItem;\n      }\n      if (oldValue[index] === valueItem) {\n        return oldValue;\n      }\n      const newValue = updater(oldValue, index, valueItem);\n      if (-1 === newValue.findIndex((v, i) => oldValue[i] !== v)) {\n        return oldValue;\n      }\n      return newValue;\n    };\n  }, [pushable, pushDistance, min, max]);\n}\n\nexport const roundValue = (v: number, step: number) =>\n  Math.round(v / step) * step;\n\nexport const clampValue = (v: number, min: number, max: number) => {\n  if (v < min) {\n    return min;\n  }\n  if (v > max) {\n    return max;\n  }\n  return v;\n};\n\nexport function getSliderAriaLabel(count: number, index: number) {\n  if (count < 2) {\n    return;\n  }\n  if (count === 2) {\n    return index === 0 ? \"Min\" : \"Max\";\n  }\n  if (index >= 0 && index < 10) {\n    return [\n      \"First\",\n      \"Second\",\n      \"Third\",\n      \"Fourth\",\n      \"Fifth\",\n      \"Sixth\",\n      \"Seventh\",\n      \"Eighth\",\n      \"Ninth\",\n      \"Tenth\",\n    ][index];\n  }\n  return;\n}\n\nexport function getHandleIndex(element: HTMLElement): number {\n  const handleIndexAttribute = element.getAttribute(\"data-handle-index\");\n  if (handleIndexAttribute) {\n    return parseInt(handleIndexAttribute, 10);\n  }\n  return getHandleIndex(element.parentElement as HTMLElement);\n}\n\nexport function isLabeledMark(mark: SliderMark): mark is LabeledMark {\n  return typeof mark !== \"number\";\n}\n\nexport function isMarkAtMax(max: number, mark: SliderMark) {\n  return max === (isLabeledMark(mark) ? mark.value : mark);\n}\n"],"names":[],"mappings":"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"}

package/dist-es/packages/lab/src/stepper-input/StepperInput.css.js

@@ -1,7 +0,0 @@
-import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".salt-density-medium {\n  --stepperInput-adornment-container-top: -2px;\n  --stepperInput-button-height: 12px;\n  --stepperInput-button-margin: 2px;\n  --stepperInput-button-width: 24px;\n  --stepperInput-input-maxHeight: 28px;\n  --stepperInput-secondary-button-height: 26px;\n  --stepperInput-secondary-button-width: 26px;\n  --stepperInput-secondary-button-marginRight: 2px;\n}\n\n.salt-density-touch {\n  --stepperInput-adornment-container-top: 0;\n  --stepperInput-button-height: 16px;\n  --stepperInput-button-margin: 4px;\n  --stepperInput-button-width: 36px;\n  --stepperInput-secondary-button-height: 36px;\n  --stepperInput-secondary-button-width: 36px;\n  --stepperInput-secondary-button-marginRight: 4px;\n}\n\n.salt-density-low {\n  --stepperInput-adornment-container-top: 0;\n  --stepperInput-button-height: 12px;\n  --stepperInput-button-margin: 4px;\n  --stepperInput-button-width: 28px;\n  --stepperInput-secondary-button-height: 28px;\n  --stepperInput-secondary-button-width: 28px;\n  --stepperInput-secondary-button-marginRight: 4px;\n}\n\n.salt-density-high {\n  --stepperInput-adornment-container-top: -2px;\n  --stepperInput-button-height: 8px;\n  --stepperInput-button-margin: 2px;\n  --stepperInput-button-width: 16px;\n  --stepperInput-input-maxHeight: 20px;\n  --stepperInput-secondary-button-height: 18px;\n  --stepperInput-secondary-button-width: 18px;\n  --stepperInput-secondary-button-marginRight: 2px;\n}\n\n/* Styles applied to adornment container */\n.saltStepperInput-adornmentContainer {\n  display: flex;\n  position: relative;\n  top: var(--saltStepperInput-adornment-container-top, var(--stepperInput-adornment-container-top));\n}\n\n/* Styles applied to refresh button */\n.saltStepperInput-secondaryButton {\n  --saltButton-height: var(--stepperInput-secondary-button-height);\n  --saltButton-margin: var(--stepperInput-button-margin) var(--stepperInput-secondary-button-marginRight) var(--stepperInput-button-margin) var(--stepperInput-button-margin);\n  --saltButton-width: var(--stepperInput-secondary-button-width);\n}\n\n.saltStepperInput-hideSecondaryButton {\n  visibility: hidden;\n}\n\n/* Styles applied to stepper buttons container */\n.saltStepperInput-buttonContainer {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n/* Styles applied to stepper buttons */\n.saltStepperInput-stepperButton {\n  --saltButton-height: var(--stepperInput-button-height);\n  --saltButton-margin: var(--stepperInput-button-margin);\n  --saltButton-width: var(--stepperInput-button-width);\n}\n\n/* Styles applied to increment button */\n.saltStepperInput-increment {\n}\n\n/* Styles applied to decrement button */\n.saltStepperInput-decrement {\n  margin-top: 0;\n}\n\n/* Styles applied to stepper button icon */\n.saltStepperInput-stepperButtonIcon {\n}\n\n/* Styles applied to input component */\n.saltStepperInput-input {\n  max-height: var(--saltStepperInput-maxHeight, unset);\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };
-//# sourceMappingURL=StepperInput.css.js.map

package/dist-es/packages/lab/src/stepper-input/StepperInput.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepperInput.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}