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

package/dist-cjs/date-picker/DatePickerPanel.js

@@ -1,155 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var date = require('@internationalized/date');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var Calendar = require('../calendar/Calendar.js');
-require('../calendar/internal/CalendarContext.js');
-require('../calendar/internal/utils.js');
-var useSelection = require('../calendar/useSelection.js');
-var DatePickerContext = require('./DatePickerContext.js');
-var DatePickerPanel$1 = require('./DatePickerPanel.css.js');
-
-const withBaseName = core.makePrefixer("saltDatePickerPanel");
-function getHoveredDate(date$1, compact, hoveredDate) {
-  return date$1 && !compact && hoveredDate && hoveredDate.compare(date.endOfMonth(date$1)) > 0 ? date.endOfMonth(date$1) : hoveredDate;
-}
-const DatePickerPanel = react.forwardRef(function DatePickerPanel2(props, ref) {
-  var _a;
-  const {
-    className,
-    onSelect,
-    helperText,
-    CalendarProps,
-    visibleMonths,
-    ...rest
-  } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-date-picker-panel",
-    css: DatePickerPanel$1,
-    window: targetWindow
-  });
-  const { Component: FloatingComponent } = core.useFloatingComponent();
-  const [hoveredDate, setHoveredDate] = react.useState(null);
-  const {
-    openState,
-    selectedDate,
-    setSelectedDate,
-    startVisibleMonth,
-    setStartVisibleMonth,
-    endVisibleMonth,
-    setEndVisibleMonth,
-    setOpen,
-    context,
-    getPanelPosition,
-    selectionVariant
-  } = DatePickerContext.useDatePickerContext();
-  const { a11yProps } = core.useFormFieldProps();
-  const isRangePicker = useSelection.isRangeOrOffsetSelectionWithStartDate(selectedDate) || selectionVariant === "range" && selectedDate === void 0;
-  const compact = visibleMonths === 1;
-  const setRangeDate = (event, newDate) => {
-    setSelectedDate(newDate);
-    onSelect == null ? void 0 : onSelect(event, newDate);
-    if (newDate.startDate && newDate.endDate) {
-      setOpen(false);
-    }
-  };
-  const setSingleDate = (event, newDate) => {
-    setSelectedDate(newDate);
-    onSelect == null ? void 0 : onSelect(event, newDate);
-    setOpen(false);
-  };
-  const handleHoveredDateChange = (_, newHoveredDate) => {
-    setHoveredDate(newHoveredDate);
-  };
-  react.useEffect(() => {
-    if (isRangePicker) {
-      if (selectedDate == null ? void 0 : selectedDate.startDate) {
-        setStartVisibleMonth(selectedDate.startDate);
-        setEndVisibleMonth(selectedDate.startDate.add({ months: 1 }));
-      }
-    } else {
-      setStartVisibleMonth(selectedDate);
-    }
-  }, [selectedDate, setEndVisibleMonth, setStartVisibleMonth]);
-  const firstCalendarProps = isRangePicker ? {
-    selectionVariant: "range",
-    hoveredDate: getHoveredDate(
-      selectedDate == null ? void 0 : selectedDate.startDate,
-      compact,
-      hoveredDate
-    ),
-    onHoveredDateChange: handleHoveredDateChange,
-    selectedDate,
-    onSelectedDateChange: setRangeDate,
-    maxDate: !compact && (selectedDate == null ? void 0 : selectedDate.startDate) ? date.endOfMonth(selectedDate == null ? void 0 : selectedDate.startDate) : void 0,
-    hideOutOfRangeDates: true
-  } : {
-    selectionVariant: "default",
-    selectedDate,
-    onSelectedDateChange: setSingleDate
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(FloatingComponent, {
-    open: openState,
-    className: clsx.clsx(withBaseName(), className),
-    "aria-modal": "true",
-    ref,
-    focusManagerProps: context ? {
-      context,
-      initialFocus: 4
-    } : void 0,
-    ...getPanelPosition(),
-    ...a11yProps,
-    ...rest,
-    children: /* @__PURE__ */ jsxRuntime.jsxs(core.StackLayout, {
-      separators: true,
-      gap: 0,
-      className: withBaseName("container"),
-      children: [
-        helperText && /* @__PURE__ */ jsxRuntime.jsx(core.FlexItem, {
-          className: withBaseName("header"),
-          children: /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldHelperText, {
-            children: helperText
-          })
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(core.FlexLayout, {
-          children: /* @__PURE__ */ jsxRuntime.jsxs(core.FormFieldContext.Provider, {
-            value: {},
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Calendar.Calendar, {
-                visibleMonth: startVisibleMonth,
-                onVisibleMonthChange: (_, month) => setStartVisibleMonth(month),
-                ...firstCalendarProps,
-                ...CalendarProps
-              }),
-              isRangePicker && !compact && /* @__PURE__ */ jsxRuntime.jsx(Calendar.Calendar, {
-                selectionVariant: "range",
-                hoveredDate,
-                onHoveredDateChange: handleHoveredDateChange,
-                selectedDate,
-                onSelectedDateChange: setRangeDate,
-                visibleMonth: endVisibleMonth,
-                onVisibleMonthChange: (_, month) => setEndVisibleMonth(month),
-                hideOutOfRangeDates: true,
-                minDate: (selectedDate == null ? void 0 : selectedDate.startDate) ? (_a = date.startOfMonth(selectedDate == null ? void 0 : selectedDate.startDate)) == null ? void 0 : _a.add({
-                  months: 1
-                }) : void 0,
-                ...CalendarProps
-              })
-            ]
-          })
-        })
-      ]
-    })
-  });
-});
-
-exports.DatePickerPanel = DatePickerPanel;
-//# sourceMappingURL=DatePickerPanel.js.map

package/dist-cjs/date-picker/DatePickerPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DatePickerPanel.js","sources":["../src/date-picker/DatePickerPanel.tsx"],"sourcesContent":["import {\n  type DateValue,\n  endOfMonth,\n  startOfMonth,\n} from \"@internationalized/date\";\nimport {\n  FlexItem,\n  FlexLayout,\n  FormFieldContext,\n  type FormFieldContextValue,\n  FormFieldHelperText,\n  StackLayout,\n  makePrefixer,\n  useFloatingComponent,\n  useFormFieldProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type SyntheticEvent,\n  forwardRef,\n  useEffect,\n  useState,\n} from \"react\";\nimport {\n  Calendar,\n  type CalendarProps,\n  type RangeSelectionValueType,\n  type SingleSelectionValueType,\n  type UseRangeSelectionCalendarProps,\n  type UseSingleSelectionCalendarProps,\n  isRangeOrOffsetSelectionWithStartDate,\n} from \"../calendar\";\nimport { useDatePickerContext } from \"./DatePickerContext\";\nimport dateInputPanelCss from \"./DatePickerPanel.css\";\n\nexport interface DatePickerPanelProps<SelectionVariantType>\n  extends ComponentPropsWithoutRef<\"div\"> {\n  onSelect?: (\n    event: SyntheticEvent,\n    selectedDate?: SelectionVariantType,\n  ) => void;\n  helperText?: string;\n  visibleMonths?: 1 | 2;\n  CalendarProps?: Partial<\n    Omit<\n      CalendarProps,\n      | \"selectionVariant\"\n      | \"selectedDate\"\n      | \"defaultSelectedDate\"\n      | \"onSelectedDateChange\"\n    >\n  >;\n}\n\nconst withBaseName = makePrefixer(\"saltDatePickerPanel\");\n\nfunction getHoveredDate(\n  date?: DateValue | null,\n  compact?: boolean,\n  hoveredDate?: DateValue | null,\n) {\n  return date &&\n    !compact &&\n    hoveredDate &&\n    hoveredDate.compare(endOfMonth(date)) > 0\n    ? endOfMonth(date)\n    : hoveredDate;\n}\n\nexport const DatePickerPanel = forwardRef<\n  HTMLDivElement,\n  DatePickerPanelProps<SingleSelectionValueType | RangeSelectionValueType>\n>(function DatePickerPanel(props, ref) {\n  const {\n    className,\n    onSelect,\n    helperText,\n    CalendarProps,\n    visibleMonths,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-date-picker-panel\",\n    css: dateInputPanelCss,\n    window: targetWindow,\n  });\n\n  const { Component: FloatingComponent } = useFloatingComponent();\n  const [hoveredDate, setHoveredDate] = useState<DateValue | null>(null);\n\n  const {\n    openState,\n    selectedDate,\n    setSelectedDate,\n    startVisibleMonth,\n    setStartVisibleMonth,\n    endVisibleMonth,\n    setEndVisibleMonth,\n    setOpen,\n    context,\n    getPanelPosition,\n    selectionVariant,\n  } = useDatePickerContext();\n\n  const { a11yProps } = useFormFieldProps();\n  const isRangePicker =\n    isRangeOrOffsetSelectionWithStartDate(selectedDate) ||\n    (selectionVariant === \"range\" && selectedDate === undefined);\n  const compact = visibleMonths === 1;\n\n  const setRangeDate: UseRangeSelectionCalendarProps[\"onSelectedDateChange\"] = (\n    event,\n    newDate,\n  ) => {\n    setSelectedDate(newDate);\n    onSelect?.(event, newDate);\n    if (newDate.startDate && newDate.endDate) {\n      setOpen(false);\n    }\n  };\n  const setSingleDate: UseSingleSelectionCalendarProps[\"onSelectedDateChange\"] =\n    (event, newDate) => {\n      setSelectedDate(newDate);\n      onSelect?.(event, newDate);\n      setOpen(false);\n    };\n  const handleHoveredDateChange: CalendarProps[\"onHoveredDateChange\"] = (\n    _,\n    newHoveredDate,\n  ) => {\n    setHoveredDate(newHoveredDate);\n  };\n  useEffect(() => {\n    if (isRangePicker) {\n      if (selectedDate?.startDate) {\n        setStartVisibleMonth(selectedDate.startDate);\n        setEndVisibleMonth(selectedDate.startDate.add({ months: 1 }));\n      }\n    } else {\n      setStartVisibleMonth(selectedDate);\n    }\n  }, [selectedDate, setEndVisibleMonth, setStartVisibleMonth]);\n\n  const firstCalendarProps: CalendarProps = isRangePicker\n    ? {\n        selectionVariant: \"range\",\n        hoveredDate: getHoveredDate(\n          selectedDate?.startDate,\n          compact,\n          hoveredDate,\n        ),\n        onHoveredDateChange: handleHoveredDateChange,\n        selectedDate: selectedDate,\n        onSelectedDateChange: setRangeDate,\n        maxDate:\n          !compact && selectedDate?.startDate\n            ? endOfMonth(selectedDate?.startDate)\n            : undefined,\n        hideOutOfRangeDates: true,\n      }\n    : {\n        selectionVariant: \"default\",\n        selectedDate: selectedDate,\n        onSelectedDateChange: setSingleDate,\n      };\n  return (\n    <FloatingComponent\n      open={openState}\n      className={clsx(withBaseName(), className)}\n      aria-modal=\"true\"\n      ref={ref}\n      focusManagerProps={\n        context\n          ? {\n              context: context,\n              initialFocus: 4,\n            }\n          : undefined\n      }\n      {...getPanelPosition()}\n      {...a11yProps}\n      {...rest}\n    >\n      <StackLayout separators gap={0} className={withBaseName(\"container\")}>\n        {helperText && (\n          <FlexItem className={withBaseName(\"header\")}>\n            <FormFieldHelperText>{helperText}</FormFieldHelperText>\n          </FlexItem>\n        )}\n        <FlexLayout>\n          {/* Avoid Dropdowns in Calendar inheriting the FormField's state */}\n          <FormFieldContext.Provider value={{} as FormFieldContextValue}>\n            <Calendar\n              visibleMonth={startVisibleMonth}\n              onVisibleMonthChange={(_, month) => setStartVisibleMonth(month)}\n              {...firstCalendarProps}\n              {...CalendarProps}\n            />\n            {isRangePicker && !compact && (\n              <Calendar\n                selectionVariant=\"range\"\n                hoveredDate={hoveredDate}\n                onHoveredDateChange={handleHoveredDateChange}\n                selectedDate={selectedDate}\n                onSelectedDateChange={setRangeDate}\n                visibleMonth={endVisibleMonth}\n                onVisibleMonthChange={(_, month) => setEndVisibleMonth(month)}\n                hideOutOfRangeDates\n                minDate={\n                  selectedDate?.startDate\n                    ? startOfMonth(selectedDate?.startDate)?.add({\n                        months: 1,\n                      })\n                    : undefined\n                }\n                {...CalendarProps}\n              />\n            )}\n          </FormFieldContext.Provider>\n        </FlexLayout>\n      </StackLayout>\n    </FloatingComponent>\n  );\n});\n"],"names":["makePrefixer","date","endOfMonth","forwardRef","DatePickerPanel","useWindow","useComponentCssInjection","dateInputPanelCss","useFloatingComponent","useState","useDatePickerContext","useFormFieldProps","isRangeOrOffsetSelectionWithStartDate","useEffect","jsx","clsx","jsxs","StackLayout","FlexItem","FormFieldHelperText","FlexLayout","FormFieldContext","Calendar","startOfMonth"],"mappings":"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"}

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

@@ -1,44 +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 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("saltSliderHandle");
-function SliderHandle(props) {
-  const { min, max, value, disabled, valueLength, index, style } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-slider",
-    css: Slider,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(core.Tooltip, {
-    content: value,
-    placement: "top",
-    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: clsx.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": utils.getSliderAriaLabel(valueLength, index),
-      tabIndex: 0,
-      "data-handle-index": index
-    })
-  });
-}
-
-exports.SliderHandle = SliderHandle;
-//# sourceMappingURL=SliderHandle.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderHandle.js","sources":["../src/slider/internal/SliderHandle.tsx"],"sourcesContent":["import { Tooltip, makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport type { CSSProperties } from \"react\";\nimport { getSliderAriaLabel } from \"./utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport sliderCss from \"../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  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-slider\",\n    css: sliderCss,\n    window: targetWindow,\n  });\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":["makePrefixer","useWindow","useComponentCssInjection","sliderCss","jsx","Tooltip","clsx","getSliderAriaLabel"],"mappings":";;;;;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,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,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,uBACGC,cAAA,CAAAC,YAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,KAAA;AAAA,IAAO,SAAU,EAAA,KAAA;AAAA,IACjC,QAAC,kBAAAD,cAAA,CAAA,KAAA,EAAA;AAAA,MACC,SAAA,EAAWE,SAAK,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,EAAYC,wBAAmB,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-cjs/slider/internal/SliderMarkLabels.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-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("saltSliderMarkLabels");
-function SliderMarkLabels(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.createSliderMarkLabelsStyle(min, max, marks),
-    [min, max, marks]
-  );
-  const labelStyles = react.useMemo(
-    () => styles$1.createSliderMarkLabelStyles(marks),
-    [marks]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: withBaseName(),
-    style,
-    children: marks.map((mark, i) => {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", {
-        className: withBaseName("label"),
-        style: labelStyles[i],
-        children: utils.isLabeledMark(mark) ? mark.label : `${mark}`
-      }, utils.isLabeledMark(mark) ? mark.value : mark);
-    })
-  });
-}
-
-exports.SliderMarkLabels = SliderMarkLabels;
-//# sourceMappingURL=SliderMarkLabels.js.map

package/dist-cjs/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 { useMemo } from \"react\";\nimport type { SliderMark } from \"./SliderRailMarks\";\nimport {\n  createSliderMarkLabelStyles,\n  createSliderMarkLabelsStyle,\n} from \"./styles\";\nimport { isLabeledMark } from \"./utils\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport sliderCss from \"../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\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-slider\",\n    css: sliderCss,\n    window: targetWindow,\n  });\n\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\n            key={isLabeledMark(mark) ? mark.value : mark}\n            className={withBaseName(\"label\")}\n            style={labelStyles[i]}\n          >\n            {isLabeledMark(mark) ? mark.label : `${mark}`}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","sliderCss","useMemo","createSliderMarkLabelsStyle","createSliderMarkLabelStyles","jsx","isLabeledMark"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAa,sBAAsB,CAAA,CAAA;AAQjD,SAAS,iBAAiB,KAA8B,EAAA;AAC7D,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,oCAAA,CAA4B,GAAK,EAAA,GAAA,EAAK,KAAK,CAAA;AAAA,IACjD,CAAC,GAAK,EAAA,GAAA,EAAK,KAAK,CAAA;AAAA,GAClB,CAAA;AACA,EAAA,MAAM,WAAc,GAAAD,aAAA;AAAA,IAClB,MAAME,qCAA4B,KAAK,CAAA;AAAA,IACvC,CAAC,KAAK,CAAA;AAAA,GACR,CAAA;AACA,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,SAAA,EAAW,aAAa,OAAO,CAAA;AAAA,QAC/B,OAAO,WAAY,CAAA,CAAA,CAAA;AAAA,QAElB,QAAc,EAAAC,mBAAA,CAAA,IAAI,CAAI,GAAA,IAAA,CAAK,QAAQ,CAAG,EAAA,IAAA,CAAA,CAAA;AAAA,OAAA,EAJlCA,mBAAc,CAAA,IAAI,CAAI,GAAA,IAAA,CAAK,QAAQ,IAK1C,CAAA,CAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var Slider = require('../Slider.css.js');
-
-const withBaseName = core.makePrefixer("saltSliderRail");
-function SliderRail() {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-slider",
-    css: Slider,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: withBaseName()
-  });
-}
-
-exports.SliderRail = SliderRail;
-//# sourceMappingURL=SliderRail.js.map

package/dist-cjs/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\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport sliderCss from \"../Slider.css\";\n\nconst withBaseName = makePrefixer(\"saltSliderRail\");\n\nexport function SliderRail() {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-slider\",\n    css: sliderCss,\n    window: targetWindow,\n  });\n  return <div className={withBaseName()} />;\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","sliderCss","jsx"],"mappings":";;;;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,gBAAgB,CAAA,CAAA;AAE3C,SAAS,UAAa,GAAA;AAC3B,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;AACD,EAAA,uBAAQC,cAAA,CAAA,KAAA,EAAA;AAAA,IAAI,WAAW,YAAa,EAAA;AAAA,GAAG,CAAA,CAAA;AACzC;;;;"}

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