@salt-ds/lab 1.0.0-alpha.51 → 1.0.0-alpha.53

package/dist-cjs/slider/internal/SliderRailMarks.js

@@ -1,48 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var react = require('react');
-var styles$1 = require('./styles.js');
-var utils = require('./utils.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var Slider = require('../Slider.css.js');
-
-const withBaseName = core.makePrefixer("saltSliderRailMarks");
-function SliderRailMarks(props) {
-  const { min, max, marks } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-slider",
-    css: Slider,
-    window: targetWindow
-  });
-  const style = react.useMemo(
-    () => styles$1.createSliderRailMarksStyle(min, max, marks),
-    [min, max, marks]
-  );
-  const marksLength = marks.length;
-  const markStyles = react.useMemo(
-    () => styles$1.createHandleStyles(marksLength),
-    [marksLength]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: withBaseName(),
-    style,
-    children: marks.map((mark, i) => {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: clsx.clsx(withBaseName("mark"), {
-          [withBaseName("max")]: utils.isMarkAtMax(max, mark)
-        }),
-        style: markStyles[i]
-      }, utils.isLabeledMark(mark) ? mark.value : mark);
-    })
-  });
-}
-
-exports.SliderRailMarks = SliderRailMarks;
-//# sourceMappingURL=SliderRailMarks.js.map

package/dist-cjs/slider/internal/SliderRailMarks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SliderRailMarks.js","sources":["../src/slider/internal/SliderRailMarks.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type ReactNode, useMemo } from \"react\";\nimport { createHandleStyles, createSliderRailMarksStyle } from \"./styles\";\nimport { isLabeledMark, isMarkAtMax } from \"./utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport sliderCss from \"../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\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-slider\",\n    css: sliderCss,\n    window: targetWindow,\n  });\n\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={isLabeledMark(mark) ? mark.value : mark}\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":["makePrefixer","useWindow","useComponentCssInjection","sliderCss","useMemo","createSliderRailMarksStyle","createHandleStyles","jsx","clsx","isMarkAtMax","isLabeledMark"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA,CAAA;AAehD,SAAS,gBAAgB,KAA6B,EAAA;AAC3D,EAAA,MAAM,EAAE,GAAA,EAAK,GAAK,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AAE5B,EAAA,MAAM,eAAeC,gBAAU,EAAA,CAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,aAAA;AAAA,IACR,GAAK,EAAAC,MAAA;AAAA,IACL,MAAQ,EAAA,YAAA;AAAA,GACT,CAAA,CAAA;AAED,EAAA,MAAM,KAAQ,GAAAC,aAAA;AAAA,IACZ,MAAMC,mCAAA,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,GAAAD,aAAA;AAAA,IACjB,MAAME,4BAAmB,WAAW,CAAA;AAAA,IACpC,CAAC,WAAW,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,uBACGC,cAAA,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,uBACGA,cAAA,CAAA,KAAA,EAAA;AAAA,QAEC,SAAW,EAAAC,SAAA,CAAK,YAAa,CAAA,MAAM,CAAG,EAAA;AAAA,UACpC,CAAC,YAAa,CAAA,KAAK,CAAI,GAAAC,iBAAA,CAAY,KAAK,IAAI,CAAA;AAAA,SAC7C,CAAA;AAAA,QACD,OAAO,UAAW,CAAA,CAAA,CAAA;AAAA,OAAA,EAJbC,mBAAc,CAAA,IAAI,CAAI,GAAA,IAAA,CAAK,QAAQ,IAK1C,CAAA,CAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/slider/internal/styles.js

@@ -1,99 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('./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 (const 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) => utils.isLabeledMark(mark) ? mark.value : mark)
-    )
-  };
-}
-function createSliderMarkLabelsStyle(min, max, marks) {
-  const range = max - min;
-  const colWidths = [];
-  let prev = min;
-  for (const m of marks) {
-    const w = utils.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;
-}
-
-exports.createHandleStyles = createHandleStyles;
-exports.createSliderMarkLabelStyles = createSliderMarkLabelStyles;
-exports.createSliderMarkLabelsStyle = createSliderMarkLabelsStyle;
-exports.createSliderRailMarksStyle = createSliderRailMarksStyle;
-exports.createTrackStyle = createTrackStyle;
-//# sourceMappingURL=styles.js.map

package/dist-cjs/slider/internal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../src/slider/internal/styles.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\nimport type { SliderValue } from \"../types\";\nimport type { 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 (const 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 (const 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":["isLabeledMark"],"mappings":"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"}

package/dist-cjs/slider/internal/useSliderKeyDown.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var utils = require('./utils.js');
-
-function useSliderKeyDown(value, min, max, pageStep, step, updateValueItem, setValue, onChange) {
-  return (event) => {
-    const handleElement = event.target;
-    const handleIndex = utils.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 = utils.roundValue(valueItem, step);
-    valueItem = utils.clampValue(valueItem, min, max);
-    const newValue = updateValueItem(value, handleIndex, valueItem);
-    if (newValue !== value) {
-      setValue(newValue);
-      if (onChange) {
-        onChange(newValue);
-      }
-    }
-  };
-}
-
-exports.useSliderKeyDown = useSliderKeyDown;
-//# sourceMappingURL=useSliderKeyDown.js.map

package/dist-cjs/slider/internal/useSliderKeyDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderKeyDown.js","sources":["../src/slider/internal/useSliderKeyDown.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\";\nimport type { SliderChangeHandler, SliderValue } from \"../types\";\nimport {\n  type UpdateValueItem,\n  clampValue,\n  getHandleIndex,\n  roundValue,\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: 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":["getHandleIndex","roundValue","clampValue"],"mappings":";;;;;;AASgB,SAAA,gBAAA,CACd,OACA,GACA,EAAA,GAAA,EACA,UACA,IACA,EAAA,eAAA,EACA,UACA,QACA,EAAA;AACA,EAAA,OAAO,CAAC,KAAyB,KAAA;AAC/B,IAAA,MAAM,gBAAgB,KAAM,CAAA,MAAA,CAAA;AAC5B,IAAM,MAAA,WAAA,GAAcA,qBAAe,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,GAAAC,gBAAA,CAAW,WAAW,IAAI,CAAA,CAAA;AACtC,IAAY,SAAA,GAAAC,gBAAA,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-cjs/slider/internal/useSliderMouseDown.js

@@ -1,96 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var utils = require('./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 = utils.roundValue(v, step);
-  v = utils.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 = react.useRef({
-    min,
-    max,
-    step,
-    value,
-    trackRef,
-    updateValueItem,
-    setValue,
-    onChange
-  });
-  react.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 = react.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 = react.useCallback(() => {
-    document.removeEventListener("mouseup", onMouseUp);
-    document.removeEventListener("mousemove", onMouseMove);
-    mouseContext.current.handleIndex = void 0;
-  }, [onMouseMove]);
-  return react.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();
-    },
-    [onMouseMove, onMouseUp]
-  );
-}
-
-exports.useSliderMouseDown = useSliderMouseDown;
-//# sourceMappingURL=useSliderMouseDown.js.map

package/dist-cjs/slider/internal/useSliderMouseDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSliderMouseDown.js","sources":["../src/slider/internal/useSliderMouseDown.ts"],"sourcesContent":["import {\n  type MouseEvent as ReactMouseEvent,\n  type RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport type { SliderChangeHandler, SliderValue } from \"../types\";\nimport { type UpdateValueItem, clampValue, roundValue } 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(() => {\n    document.removeEventListener(\"mouseup\", onMouseUp);\n    document.removeEventListener(\"mousemove\", onMouseMove);\n    mouseContext.current.handleIndex = undefined;\n  }, [onMouseMove]);\n\n  return useCallback(\n    (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    [onMouseMove, onMouseUp],\n  );\n}\n"],"names":["roundValue","clampValue","useRef","useEffect","useCallback","value","updateValueItem","setValue","onChange"],"mappings":"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"}

package/dist-cjs/stepper-input/internal/useSpinner.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var react = require('react');
-var useInterval = require('./useInterval.js');
-
-const INTERVAL_DELAY = 300;
-function useSpinner(activationFn, isAtLimit) {
-  const [buttonDown, setButtonDown] = react.useState(false);
-  react.useEffect(() => {
-    if (isAtLimit)
-      setButtonDown(false);
-  }, [isAtLimit]);
-  react.useEffect(() => {
-    const cancelInterval = () => setButtonDown(false);
-    window.addEventListener("keyup", cancelInterval);
-    window.addEventListener("mouseup", cancelInterval);
-    return () => {
-      window.removeEventListener("keyup", cancelInterval);
-      window.removeEventListener("mouseup", cancelInterval);
-    };
-  }, []);
-  const activate = () => {
-    activationFn();
-    setButtonDown(true);
-  };
-  useInterval.useInterval(activationFn, buttonDown ? INTERVAL_DELAY : null);
-  return { activate, buttonDown };
-}
-
-exports.useSpinner = useSpinner;
-//# sourceMappingURL=useSpinner.js.map

package/dist-cjs/stepper-input/internal/useSpinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSpinner.js","sources":["../src/stepper-input/internal/useSpinner.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useInterval } from \"./useInterval\";\n\nconst INTERVAL_DELAY = 300;\n\nfunction useSpinner(activationFn: () => void, isAtLimit: boolean) {\n  const [buttonDown, setButtonDown] = useState(false);\n\n  useEffect(() => {\n    if (isAtLimit) setButtonDown(false);\n  }, [isAtLimit]);\n\n  useEffect(() => {\n    const cancelInterval = () => setButtonDown(false);\n\n    window.addEventListener(\"keyup\", cancelInterval);\n    window.addEventListener(\"mouseup\", cancelInterval);\n    return () => {\n      window.removeEventListener(\"keyup\", cancelInterval);\n      window.removeEventListener(\"mouseup\", cancelInterval);\n    };\n  }, []);\n\n  const activate = () => {\n    activationFn();\n    setButtonDown(true);\n  };\n\n  useInterval(activationFn, buttonDown ? INTERVAL_DELAY : null);\n\n  return { activate, buttonDown };\n}\n\nexport { useSpinner };\n"],"names":["useState","useEffect","useInterval"],"mappings":";;;;;;;AAIA,MAAM,cAAiB,GAAA,GAAA,CAAA;AAEvB,SAAS,UAAA,CAAW,cAA0B,SAAoB,EAAA;AAChE,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAElD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAI,IAAA,SAAA;AAAW,MAAA,aAAA,CAAc,KAAK,CAAA,CAAA;AAAA,GACpC,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EAAAA,eAAA,CAAU,MAAM;AACd,IAAM,MAAA,cAAA,GAAiB,MAAM,aAAA,CAAc,KAAK,CAAA,CAAA;AAEhD,IAAO,MAAA,CAAA,gBAAA,CAAiB,SAAS,cAAc,CAAA,CAAA;AAC/C,IAAO,MAAA,CAAA,gBAAA,CAAiB,WAAW,cAAc,CAAA,CAAA;AACjD,IAAA,OAAO,MAAM;AACX,MAAO,MAAA,CAAA,mBAAA,CAAoB,SAAS,cAAc,CAAA,CAAA;AAClD,MAAO,MAAA,CAAA,mBAAA,CAAoB,WAAW,cAAc,CAAA,CAAA;AAAA,KACtD,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,WAAW,MAAM;AACrB,IAAa,YAAA,EAAA,CAAA;AACb,IAAA,aAAA,CAAc,IAAI,CAAA,CAAA;AAAA,GACpB,CAAA;AAEA,EAAYC,uBAAA,CAAA,YAAA,EAAc,UAAa,GAAA,cAAA,GAAiB,IAAI,CAAA,CAAA;AAE5D,EAAO,OAAA,EAAE,UAAU,UAAW,EAAA,CAAA;AAChC;;;;"}

package/dist-es/calendar/internal/CalendarCarousel.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltCalendarCarousel-track {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarCarousel-track > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarCarousel-track > :nth-child(2) {\n  position: relative;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarCarousel.css.js.map

package/dist-es/calendar/internal/CalendarCarousel.css.js.map

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

package/dist-es/calendar/internal/CalendarCarousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarCarousel.js","sources":["../src/calendar/internal/CalendarCarousel.tsx"],"sourcesContent":["import { type DateValue, isSameMonth } from \"@internationalized/date\";\nimport { makePrefixer, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { useCalendarContext } from \"./CalendarContext\";\nimport { CalendarMonth, type CalendarMonthProps } from \"./CalendarMonth\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport calendarCarouselCss from \"./CalendarCarousel.css\";\nimport { formatDate, monthDiff } from \"./utils\";\n\nexport type CalendarCarouselProps = Omit<CalendarMonthProps, \"date\">;\n\nfunction getMonths(month: DateValue) {\n  return [month.subtract({ months: 1 }), month, month.add({ months: 1 })];\n}\n\nconst withBaseName = makePrefixer(\"saltCalendarCarousel\");\n\nexport const CalendarCarousel = forwardRef<\n  HTMLDivElement,\n  CalendarCarouselProps\n>(function CalendarCarousel(props, ref) {\n  const { ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-calendar-carousel\",\n    css: calendarCarouselCss,\n    window: targetWindow,\n  });\n\n  const {\n    state: { visibleMonth },\n  } = useCalendarContext();\n  const containerRef = useRef<HTMLDivElement>(null);\n  const diffIndex = (a: DateValue, b: DateValue) => monthDiff(a, b);\n\n  const { current: baseIndex } = useRef(visibleMonth);\n\n  useIsomorphicLayoutEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.style.transform = `translate3d(${\n        diffIndex(baseIndex, visibleMonth) * -101 // needs to be higher than 100% so the next month doesn't show on the edges\n      }%, 0, 0)`;\n    }\n  });\n\n  const [months, setMonths] = useState(() => getMonths(visibleMonth));\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: uses formatData to change visibleMonth into string\n  useEffect(() => {\n    setMonths((oldMonths) => {\n      const newMonths = getMonths(visibleMonth).filter((month) => {\n        return !oldMonths.find((oldMonth) => isSameMonth(oldMonth, month));\n      });\n\n      return oldMonths.concat(newMonths);\n    });\n    setMonths(getMonths(visibleMonth));\n    return undefined;\n  }, [formatDate(visibleMonth)]);\n\n  return (\n    <div\n      className={withBaseName()}\n      tabIndex={-1} // https://bugzilla.mozilla.org/show_bug.cgi?id=1069739\n      style={{\n        overflowX: \"hidden\",\n        position: \"relative\",\n      }}\n      ref={ref}\n    >\n      <div className={withBaseName(\"track\")} ref={containerRef}>\n        {months.map((date, index) => (\n          <div\n            key={formatDate(date)}\n            className={withBaseName(\"slide\")}\n            style={{\n              transform: `translateX(${diffIndex(date, baseIndex) * -101}%)`,\n            }}\n            aria-hidden={index !== 1 ? \"true\" : undefined}\n          >\n            <CalendarMonth {...rest} date={date} />\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n"],"names":["CalendarCarousel","calendarCarouselCss"],"mappings":"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"}

package/dist-es/calendar/internal/CalendarNavigation.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltCalendarNavigation {\n  display: grid;\n  grid-template-columns: min-content auto min-content;\n  padding-bottom: var(--salt-spacing-100);\n  grid-gap: 0;\n  align-items: center;\n  box-sizing: border-box;\n}\n\n.saltCalendarNavigation-hideYearDropdown {\n  grid-template-columns: min-content auto min-content;\n  grid-gap: var(--salt-spacing-300);\n}\n\n.saltCalendarNavigation-dropdowns {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: var(--salt-spacing-100);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=CalendarNavigation.css.js.map

package/dist-es/calendar/internal/CalendarNavigation.js

@@ -1,214 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, Tooltip, Button, Dropdown, useListControlContext, Option } from '@salt-ds/core';
-import { ChevronLeftIcon, ChevronRightIcon } from '@salt-ds/icons';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { useCalendarContext } from './CalendarContext.js';
-import { isSameMonth, isSameYear } from '@internationalized/date';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import css_248z from './CalendarNavigation.css.js';
-import { monthsForLocale, formatDate, monthDiff } from './utils.js';
-
-const withBaseName = makePrefixer("saltCalendarNavigation");
-function useCalendarNavigation() {
-  const {
-    state: { visibleMonth, minDate, maxDate },
-    helpers: {
-      setVisibleMonth,
-      isDayVisible,
-      isOutsideAllowedYears,
-      isOutsideAllowedMonths
-    }
-  } = useCalendarContext();
-  const moveToNextMonth = (event) => {
-    setVisibleMonth(event, visibleMonth.add({ months: 1 }));
-  };
-  const moveToPreviousMonth = (event) => {
-    setVisibleMonth(event, visibleMonth.subtract({ months: 1 }));
-  };
-  const moveToMonth = (event, month) => {
-    let newMonth = month;
-    if (!isOutsideAllowedYears(newMonth)) {
-      if (isOutsideAllowedMonths(newMonth)) {
-        const navigableMonths = monthsForLocale(visibleMonth).filter(
-          (n) => !isOutsideAllowedMonths(n)
-        );
-        newMonth = navigableMonths.reduce(
-          (closestMonth, currentMonth) => Math.abs(monthDiff(currentMonth, newMonth)) < Math.abs(monthDiff(closestMonth, newMonth)) ? currentMonth : closestMonth
-        );
-      }
-      setVisibleMonth(event, newMonth);
-    }
-  };
-  const months = monthsForLocale(visibleMonth);
-  const years = [-2, -1, 0, 1, 2].map((delta) => visibleMonth.add({ years: delta })).filter((year) => !isOutsideAllowedYears(year));
-  const selectedMonth = months.find(
-    (month) => isSameMonth(month, visibleMonth)
-  );
-  const selectedYear = years.find(
-    (year) => isSameYear(year, visibleMonth)
-  );
-  const canNavigatePrevious = !(minDate && isDayVisible(minDate));
-  const canNavigateNext = !(maxDate && isDayVisible(maxDate));
-  return {
-    moveToNextMonth,
-    moveToPreviousMonth,
-    moveToMonth,
-    visibleMonth,
-    months,
-    years,
-    canNavigateNext,
-    canNavigatePrevious,
-    selectedMonth,
-    selectedYear,
-    isOutsideAllowedMonths
-  };
-}
-const OptionWithTooltip = ({
-  value,
-  children,
-  disabled,
-  tooltipContent
-}) => {
-  const { activeState, openState } = useListControlContext();
-  const open = (activeState == null ? void 0 : activeState.value) === value;
-  return /* @__PURE__ */ jsx(Tooltip, {
-    placement: "right",
-    open: open && openState,
-    disabled: !disabled,
-    content: tooltipContent,
-    enterDelay: 0,
-    leaveDelay: 0,
-    children: /* @__PURE__ */ jsx(Option, {
-      value,
-      disabled,
-      children
-    })
-  });
-};
-const CalendarNavigation = forwardRef(function CalendarNavigation2(props, ref) {
-  const {
-    className,
-    MonthDropdownProps,
-    YearDropdownProps,
-    hideYearDropdown,
-    borderedDropdown,
-    ...rest
-  } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-calendar-navigation",
-    css: css_248z,
-    window: targetWindow
-  });
-  const {
-    moveToPreviousMonth,
-    moveToNextMonth,
-    moveToMonth,
-    months,
-    years,
-    canNavigateNext,
-    canNavigatePrevious,
-    visibleMonth,
-    selectedMonth,
-    selectedYear,
-    isOutsideAllowedMonths
-  } = useCalendarNavigation();
-  const handleNavigatePrevious = (event) => {
-    moveToPreviousMonth(event);
-  };
-  const handleNavigateNext = (event) => {
-    moveToNextMonth(event);
-  };
-  const handleMonthSelect = (event, month) => {
-    moveToMonth(event, month[0]);
-  };
-  const handleYearSelect = (event, year) => {
-    moveToMonth(event, year[0]);
-  };
-  const formatMonth = (date) => {
-    return !date ? "" : formatDate(date, { month: hideYearDropdown ? "long" : "short" });
-  };
-  const formatYear = (date) => {
-    return !date ? "" : formatDate(date, { year: "numeric" });
-  };
-  return /* @__PURE__ */ jsxs("div", {
-    className: clsx(
-      withBaseName(),
-      { [withBaseName("hideYearDropdown")]: hideYearDropdown },
-      className
-    ),
-    ref,
-    ...rest,
-    children: [
-      /* @__PURE__ */ jsx(Tooltip, {
-        placement: "top",
-        disabled: canNavigatePrevious,
-        content: "Past dates are out of range",
-        enterDelay: 0,
-        leaveDelay: 0,
-        children: /* @__PURE__ */ jsx(Button, {
-          disabled: !canNavigatePrevious,
-          variant: "secondary",
-          onClick: handleNavigatePrevious,
-          focusableWhenDisabled: true,
-          children: /* @__PURE__ */ jsx(ChevronLeftIcon, {
-            "aria-label": "Previous Month"
-          })
-        })
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: withBaseName("dropdowns"),
-        children: [
-          /* @__PURE__ */ jsx(Dropdown, {
-            bordered: borderedDropdown,
-            "aria-label": "Month Dropdown",
-            selected: selectedMonth ? [selectedMonth] : [],
-            value: formatMonth(selectedMonth),
-            onSelectionChange: handleMonthSelect,
-            ...MonthDropdownProps,
-            children: months.map((month) => /* @__PURE__ */ jsx(OptionWithTooltip, {
-              value: month,
-              disabled: isOutsideAllowedMonths(month),
-              tooltipContent: "This month is out of range",
-              children: formatMonth(month)
-            }, formatMonth(month)))
-          }),
-          !hideYearDropdown && /* @__PURE__ */ jsx(Dropdown, {
-            "aria-label": "Year Dropdown",
-            selected: selectedYear ? [selectedYear] : [],
-            value: formatYear(selectedYear),
-            onSelectionChange: handleYearSelect,
-            bordered: borderedDropdown,
-            ...YearDropdownProps,
-            children: years.map((year) => /* @__PURE__ */ jsx(OptionWithTooltip, {
-              value: year,
-              tooltipContent: "This year is out of range",
-              children: formatYear(year)
-            }, formatYear(year)))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(Tooltip, {
-        placement: "top",
-        disabled: canNavigateNext,
-        content: "Future dates are out of range",
-        enterDelay: 0,
-        leaveDelay: 0,
-        children: /* @__PURE__ */ jsx(Button, {
-          disabled: !canNavigateNext,
-          variant: "secondary",
-          onClick: handleNavigateNext,
-          focusableWhenDisabled: true,
-          children: /* @__PURE__ */ jsx(ChevronRightIcon, {
-            "aria-label": "Next Month"
-          })
-        })
-      })
-    ]
-  });
-});
-
-export { CalendarNavigation };
-//# sourceMappingURL=CalendarNavigation.js.map