@salt-ds/lab 1.0.0-alpha.62 → 1.0.0-alpha.63

package/dist-types/slider/RangeSlider.d.ts

@@ -0,0 +1,91 @@
+import { type HTMLAttributes, type SyntheticEvent } from "react";
+export interface RangeSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /**
+     * When minimum and maximum labels are defined, ensure
+     * they are confined within the boundary of the slider.
+     */
+    constrainLabelPosition?: boolean;
+    /**
+     * The number of allowed decimal places
+     * @default 2
+     */
+    decimalPlaces?: number;
+    /**
+     * The default value. Use when the component is not controlled.
+     * @default [min, min + (max - min) / 2]
+     */
+    defaultValue?: [number, number];
+    /**
+     * Disable the slider.
+     */
+    disabled?: boolean;
+    /**
+     * Show visual ticks above the marks.
+     */
+    showTicks?: boolean;
+    /**
+     * A callback to format the display value in the tooltip, min and max labels
+     * and the `aria-valuetext` attribute.
+     */
+    format?: (value: number) => string | number;
+    /**
+     * Marks that are displayed under the track.
+     */
+    marks?: {
+        label: string;
+        value: number;
+    }[];
+    /**
+     * Maximum slider value.
+     * @default 10
+     */
+    max?: number;
+    /**
+     * Minimum slider value.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * Label for maximum value.
+     */
+    maxLabel?: string;
+    /**
+     * Label for minimum value.
+     */
+    minLabel?: string;
+    /**
+     * Callback called when slider value is changed.
+     * Event is either an Input change event or a click event.
+     */
+    onChange?: (event: SyntheticEvent<unknown> | Event, value: [number, number]) => void;
+    /**
+     * Callback called when the slider is stopped from being dragged or
+     * its value is changed from the keyboard.
+     * Event is either an Input change event or a click event.
+     */
+    onChangeEnd?: (event: SyntheticEvent<unknown> | Event, value: [number, number]) => void;
+    /**
+     * Restrict slider value to marks only. The step will be ignored.
+     */
+    restrictToMarks?: boolean;
+    /**
+     * Show the slider value in a tooltip when the thumb is hovered.
+     * @default true
+     */
+    showTooltip?: boolean;
+    /**
+     * Minimum interval the slider thumb can move.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * Maximum interval the slider thumb can move when using PageUp and PageDown keys.
+     * @default 2
+     */
+    stepMultiplier?: number;
+    /**
+     * Value of the slider, to be used when in a controlled state.
+     */
+    value?: [number, number];
+}
+export declare const RangeSlider: import("react").ForwardRefExoticComponent<RangeSliderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/slider/Slider.d.ts

@@ -1,33 +1,92 @@
-import { type HTMLAttributes } from "react";
-import type { SliderChangeHandler, SliderValue } from "./types";
+import { type HTMLAttributes, type SyntheticEvent } from "react";
 export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     /**
-     * Minimum slider value
+     * When minimum and maximum labels are defined, ensure
+     * they are confined within the boundary of the slider.
+     * @default false
      */
-    min?: number;
+    constrainLabelPosition?: boolean;
+    /**
+     * The number of allowed decimal places
+     * @default 2
+     */
+    decimalPlaces?: number;
+    /**
+     * The default value. Use when the component is not controlled.
+     * @default min + (max - min) / 2,
+     */
+    defaultValue?: number;
+    /**
+     * Disable the slider.
+     */
+    disabled?: boolean;
     /**
-     * Maximum slider value
+     * A callback to format the display value in the tooltip, min and max labels
+     * and the `aria-valuetext` attribute.
+     */
+    format?: (value: number) => string | number;
+    /**
+     * Marks that are displayed under the track.
+     */
+    marks?: {
+        label: string;
+        value: number;
+    }[];
+    /**
+     * Maximum slider value.
+     * @default 10
      */
     max?: number;
     /**
-     * Minimum interval the slider thumb can move
+     * Minimum slider value.
+     * @default 0
      */
-    step?: number;
+    min?: number;
     /**
-     * Initial value of the slider
+     * Label for maximum value.
      */
-    defaultValue?: SliderValue;
+    maxLabel?: string;
     /**
-     * The markings the slider is displayed with
+     * Label for the minimum value.
      */
-    marks?: "inline" | "bottom" | "all";
+    minLabel?: string;
+    /**
+     * Callback called when slider value is changed.
+     * Event is either an Input change event or a click event.
+     */
+    onChange?: (event: SyntheticEvent<unknown> | Event, value: number) => void;
+    /**
+     * Callback called when the slider is stopped from being dragged or
+     * its value is changed from the keyboard.
+     * Event is either an Input change event or a click event.
+     */
+    onChangeEnd?: (event: SyntheticEvent<unknown> | Event, value: number) => void;
+    /**
+     * Restrict slider value to marks only. The step will be ignored.
+     */
+    restrictToMarks?: boolean;
+    /**
+     * Show visual ticks above the marks.
+     */
+    showTicks?: boolean;
+    /**
+     * Show the slider value in a tooltip when the thumb is hovered.
+     * @default true
+     */
+    showTooltip?: boolean;
+    /**
+     * Minimum interval the slider thumb can move.
+     * @default 1
+     */
+    step?: number;
     /**
-     * Value of the slider, to be used when in a controlled state
+     * Maximum interval the slider thumb can move when using PageUp and PageDown keys.
+     * @default 2
      */
-    value?: SliderValue;
+    stepMultiplier?: number;
     /**
-     * Change handler to be used when in a controlled state
+     * Value of the slider, to be used when in a controlled state.
      */
-    onChange?: SliderChangeHandler;
+    value?: number;
 }
 export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/slider/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./Slider";
-export * from "./types";
+export * from "./RangeSlider";

package/dist-types/slider/internal/SliderThumb.d.ts

@@ -1,8 +1,21 @@
-import { type ComponentPropsWithoutRef } from "react";
-import type { ActiveThumbIndex, ThumbIndex } from "../types";
-export interface SliderThumbProps extends ComponentPropsWithoutRef<"div"> {
-    index: ThumbIndex;
-    activeThumb: ActiveThumbIndex;
-    setActiveThumb: (index: ActiveThumbIndex) => void;
+import { type ChangeEvent, type ComponentPropsWithoutRef } from "react";
+interface SliderThumbProps extends Omit<ComponentPropsWithoutRef<"input">, "onChange" | "defaultValue" | "min" | "max"> {
+    disabled: boolean;
+    format?: (value: number) => number | string;
+    handleInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    handleKeydownOnThumb: (event: React.KeyboardEvent) => void;
+    handlePointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+    index?: number;
+    max: number;
+    maxLabel?: string;
+    min: number;
+    minLabel?: string;
+    offsetPercentage?: string;
+    showTooltip?: boolean;
+    sliderValue: [number, number] | number;
+    step: number;
+    stepMultiplier: number;
+    trackDragging: boolean;
 }
-export declare function SliderThumb(props: SliderThumbProps): JSX.Element;
+export declare const SliderThumb: ({ "aria-label": ariaLabel, "aria-valuetext": ariaValueText, "aria-labelledby": ariaLabelledBy, disabled, format, handleInputChange, handleKeydownOnThumb, handlePointerDown, index, max, maxLabel, min, minLabel, offsetPercentage, showTooltip, sliderValue, step, stepMultiplier, trackDragging, ...rest }: SliderThumbProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-types/slider/internal/SliderTooltip.d.ts

@@ -0,0 +1,6 @@
+interface SliderTooltipProps {
+    value: number | string;
+    open?: boolean;
+}
+export declare const SliderTooltip: ({ value, open }: SliderTooltipProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-types/slider/internal/SliderTrack.d.ts

@@ -1,4 +1,24 @@
-import { type ComponentPropsWithoutRef } from "react";
-export interface SliderTrackProps extends ComponentPropsWithoutRef<"div"> {
+import { type HTMLAttributes, type RefObject } from "react";
+interface SliderTrackProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    children: React.ReactNode;
+    constrainLabelPosition?: boolean;
+    disabled: boolean;
+    showTicks?: boolean;
+    format?: (value: number) => string | number;
+    handlePointerDown: (event: React.PointerEvent<HTMLDivElement>) => void;
+    isDragging: boolean;
+    isRange?: boolean;
+    marks?: {
+        label: string;
+        value: number;
+    }[];
+    max: number;
+    maxLabel?: number | string;
+    min: number;
+    minLabel?: number | string;
+    progressPercentage?: number;
+    progressPercentageRange?: [number, number];
+    sliderRef: RefObject<HTMLDivElement>;
 }
-export declare const SliderTrack: ({ ...props }: SliderTrackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SliderTrack: import("react").ForwardRefExoticComponent<SliderTrackProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist-types/slider/internal/useRangeSliderThumb.d.ts

@@ -0,0 +1,26 @@
+import { type ChangeEvent, type Dispatch, type SetStateAction, type SyntheticEvent } from "react";
+import type { SliderProps } from "../Slider";
+declare type UseRangeSliderThumbProps = Pick<SliderProps, "min" | "max" | "step"> & {
+    decimalPlaces: number;
+    handleInputChange: (event: ChangeEvent<HTMLInputElement>, thumbIndex: number) => void;
+    marks?: {
+        label: string;
+        value: number;
+    }[];
+    onChange?: (event: SyntheticEvent<unknown> | Event, value: [number, number]) => void;
+    onChangeEnd?: (event: SyntheticEvent<unknown> | Event, value: [number, number]) => void;
+    restrictToMarks?: boolean;
+    setValue: Dispatch<SetStateAction<[number, number]>>;
+    stepMultiplier: number;
+    value: [number, number];
+};
+export declare const useRangeSliderThumb: ({ decimalPlaces, handleInputChange, marks, min, max, step, onChange, onChangeEnd, restrictToMarks, setValue, stepMultiplier, value, }: UseRangeSliderThumbProps) => {
+    handleKeydownOnThumb: (event: React.KeyboardEvent, thumbIndex: number) => void;
+    handlePointerDownOnThumb: (event: React.PointerEvent<HTMLDivElement>, thumbIndex?: number | undefined) => void;
+    handlePointerDownOnTrack: (event: React.PointerEvent<HTMLDivElement>) => void;
+    isDragging: boolean;
+    preventThumbOverlap: (currentValue: number, value: [number, number], thumbIndex: number) => [number, number];
+    sliderRef: import("react").RefObject<HTMLDivElement>;
+    thumbIndexState: number;
+};
+export {};

package/dist-types/slider/internal/useSliderThumb.d.ts

@@ -0,0 +1,24 @@
+import { type ChangeEvent, type Dispatch, type SetStateAction, type SyntheticEvent } from "react";
+import type { SliderProps } from "../Slider";
+declare type UseSliderThumbProps = Pick<SliderProps, "min" | "max" | "step"> & {
+    decimalPlaces: number;
+    handleInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    marks?: {
+        label: string;
+        value: number;
+    }[];
+    onChange?: (event: SyntheticEvent<unknown> | Event, value: number) => void;
+    onChangeEnd?: (event: SyntheticEvent<unknown> | Event, value: number) => void;
+    restrictToMarks?: boolean;
+    setValue: Dispatch<SetStateAction<number>>;
+    stepMultiplier: number;
+    value: number;
+};
+export declare const useSliderThumb: ({ decimalPlaces, handleInputChange, marks, min, max, step, onChange, onChangeEnd, restrictToMarks, setValue, stepMultiplier, value, }: UseSliderThumbProps) => {
+    handleKeydownOnThumb: (event: React.KeyboardEvent) => void;
+    handlePointerDownOnThumb: (event: React.PointerEvent<HTMLDivElement>) => void;
+    handlePointerDownOnTrack: (event: React.PointerEvent<HTMLDivElement>) => void;
+    isDragging: boolean;
+    sliderRef: import("react").RefObject<HTMLDivElement>;
+};
+export {};

package/dist-types/slider/internal/utils.d.ts

@@ -1,18 +1,20 @@
 import type { RefObject } from "react";
-import type { SliderChangeHandler, SliderValue, ThumbIndex } from "../types";
-export declare const getValue: (trackRef: RefObject<Element>, min: number, max: number, step: number, clientX: number) => number;
-export declare const setValue: (value: SliderValue, newValue: number, index: ThumbIndex, onChange: SliderChangeHandler) => void;
-export declare const roundToStep: (value: number, step: number) => number;
-export declare const clampValue: (value: number, [min, max]: number[]) => number;
-export declare const getPercentage: (min: number, max: number, value: number) => number;
-export declare const getPercentageDifference: (min: number, max: number, value: number[]) => string;
-export declare const getPercentageOffset: (min: number, max: number, value: number[]) => string;
-export declare const countDecimalPlaces: (num: number) => number;
-export declare const getMarkStyles: (min: number, max: number, step: number) => {
+export declare const toFloat: (value: number | string) => number;
+export declare const calculateMarkPosition: (value: number | string, max: number, min: number) => number;
+export declare const calculatePercentage: (value: number, max: number, min: number) => number;
+export declare const clamp: (value: number, max: number, min: number, step: number, decimalPlaces: number, marks?: {
+    value: number;
+    label: string;
+}[] | undefined, restrictToMarks?: boolean | undefined) => number;
+export declare const clampRange: (range: [number, number], max: number, min: number, step: number, decimalPlaces: number, marks?: {
+    value: number;
+    label: string;
+}[] | undefined, restrictToMarks?: boolean | undefined) => [number, number];
+export declare const getClickedPosition: (sliderRef: RefObject<HTMLDivElement>, clientX: number, max: number, min: number, step: number, decimalPlaces: number, marks?: {
+    label: string;
+    value: number;
+}[] | undefined, restrictToMarks?: boolean | undefined) => number | undefined;
+export declare const getKeyboardValue: (event: React.KeyboardEvent, value: number, step: number, stepMultiplier: number, max: number, min: number, restrictToMarks?: boolean | undefined, marks?: {
     label: string;
     value: number;
-    position: string;
-}[];
-export declare const getNearestIndex: (value: SliderValue, newValue: number) => ThumbIndex;
-export declare const preventOverlappingValues: (value: SliderValue, newValue: number, index: ThumbIndex) => number;
-export declare const parseValueProp: (value: number[] | undefined, min: number, max: number) => SliderValue | undefined;
+}[] | undefined) => number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.62",
+  "version": "1.0.0-alpha.63",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

package/dist-cjs/slider/Slider.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltSlider {\n  display: grid;\n  gap: var(--salt-spacing-100);\n  grid-template-columns: auto 1fr auto;\n  user-select: none;\n}\n\n.saltSlider-label {\n  height: var(--salt-size-base);\n  display: flex;\n  align-items: center;\n}\n\n.saltSlider-bottomLabel {\n  grid-template-columns: 1fr;\n  gap: 0;\n}\n.saltSlider-bottomLabel .saltSlider-label {\n  height: auto;\n}\n\n.saltSlider-labelMinBottom {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  width: min-content;\n}\n\n.saltSlider-labelMaxBottom {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: end;\n  width: min-content;\n}\n\n.saltSliderTrack {\n  display: flex;\n  position: relative;\n  cursor: pointer;\n  align-items: center;\n  height: var(--salt-size-base);\n}\n\n.saltSliderTrack-rail {\n  height: var(--salt-size-bar);\n  background: var(--salt-track-borderColor);\n  width: 100%;\n  position: absolute;\n}\n\n.saltSliderTrack:active {\n  cursor: grabbing;\n}\n\n.saltSliderThumb-container {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform: translate(-50%, 0%);\n  width: var(--salt-size-base);\n  height: var(--salt-size-base);\n}\n\n.saltSliderThumb-tooltip {\n  background: var(--salt-container-primary-background);\n  border-color: var(--salt-status-info-borderColor);\n  border-style: var(--salt-container-borderStyle);\n  border-width: var(--salt-size-border);\n  line-height: var(--salt-text-lineHeight);\n  box-shadow: var(--salt-overlayable-shadow-popout);\n  color: var(--salt-content-primary-foreground);\n  max-width: var(--saltTooltip-maxWidth, 230px);\n  padding: var(--saltTooltip-padding, var(--salt-size-unit));\n  position: absolute;\n  z-index: var(--salt-zIndex-flyover);\n  transform: translate(0, -100%);\n  display: none;\n}\n\n.saltSliderThumb-tooltip-arrow {\n  position: absolute;\n  pointer-events: none;\n  top: 100%;\n  left: 50%;\n  transform: translate(-50%, 0);\n  stroke: none;\n  fill: var(--salt-container-primary-background);\n  stroke: var(--salt-status-info-borderColor);\n  stroke-width: var(--salt-size-border);\n  width: var(--salt-size-icon);\n  height: var(--salt-size-icon);\n}\n\n.saltSliderThumb-tooltip-visible {\n  display: block;\n}\n\n.saltSliderThumb-container:hover .saltSliderThumb-tooltip {\n  display: block;\n}\n\n.saltSliderThumb {\n  position: relative;\n  width: var(--salt-size-indicator);\n  height: var(--salt-size-selectable);\n  background: var(--salt-accent-borderColor);\n}\n\n.saltSliderThumb:focus-visible {\n  outline-style: var(--salt-focused-outlineStyle);\n  outline-width: var(--salt-focused-outlineWidth);\n  outline-offset: var(--salt-focused-outlineOffset);\n  outline-color: var(--salt-focused-outlineColor);\n}\n\n.saltSliderSelection {\n  height: var(--salt-size-bar);\n  background: var(--salt-accent-borderColor);\n  align-items: start;\n  position: absolute;\n}\n\n.saltSliderSelection-range {\n  align-items: center;\n}\n\n.saltSliderMarks {\n  position: relative;\n}\n\n.saltSliderMarks-mark {\n  position: absolute;\n  transform: translate(-50%);\n  line-height: var(--salt-text-lineHeight);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Slider.css.js.map

package/dist-cjs/slider/Slider.css.js.map

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

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

@@ -1,19 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-const SliderContext = react.createContext({
-  min: 0,
-  max: 10,
-  step: 1,
-  value: [0],
-  onChange: () => null,
-  ariaLabel: "slider"
-});
-function useSliderContext() {
-  return react.useContext(SliderContext);
-}
-
-exports.SliderContext = SliderContext;
-exports.useSliderContext = useSliderContext;
-//# sourceMappingURL=SliderContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderContext.js","sources":["../src/slider/internal/SliderContext.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { SliderChangeHandler, SliderValue } from \"../types\";\nexport interface SliderContextValue {\n  min: number;\n  max: number;\n  step: number;\n  value: SliderValue;\n  onChange: SliderChangeHandler;\n  ariaLabel: string | undefined;\n}\n\nexport const SliderContext = createContext<SliderContextValue>({\n  min: 0,\n  max: 10,\n  step: 1,\n  value: [0],\n  onChange: () => null,\n  ariaLabel: \"slider\",\n});\n\nexport function useSliderContext() {\n  return useContext(SliderContext);\n}\n"],"names":["createContext","useContext"],"mappings":";;;;AAWO,MAAM,gBAAgBA,mBAAkC,CAAA;AAAA,EAC7D,GAAK,EAAA,CAAA;AAAA,EACL,GAAK,EAAA,EAAA;AAAA,EACL,IAAM,EAAA,CAAA;AAAA,EACN,KAAA,EAAO,CAAC,CAAC,CAAA;AAAA,EACT,UAAU,MAAM,IAAA;AAAA,EAChB,SAAW,EAAA;AACb,CAAC;AAEM,SAAS,gBAAmB,GAAA;AACjC,EAAA,OAAOC,iBAAW,aAAa,CAAA;AACjC;;;;;"}

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

@@ -1,29 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var utils = require('./utils.js');
-
-const withBaseName = core.makePrefixer("saltSliderMarks");
-function SliderMarks({
-  min,
-  max,
-  step,
-  ...rest
-}) {
-  const marks = utils.getMarkStyles(min, max, step);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName(), ...rest, children: marks.map((mark) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      core.Label,
-      {
-        className: withBaseName("mark"),
-        style: { left: mark.position },
-        children: mark.label
-      },
-      mark.value
-    );
-  }) });
-}
-
-exports.SliderMarks = SliderMarks;
-//# sourceMappingURL=SliderMarks.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderMarks.js","sources":["../src/slider/internal/SliderMarks.tsx"],"sourcesContent":["import { Label, makePrefixer } from \"@salt-ds/core\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { getMarkStyles } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSliderMarks\");\n\nexport interface SliderMarksProps extends ComponentPropsWithoutRef<\"div\"> {\n  min: number;\n  max: number;\n  step: number;\n}\n\nexport function SliderMarks({\n  min,\n  max,\n  step,\n  ...rest\n}: SliderMarksProps): JSX.Element {\n  const marks = getMarkStyles(min, max, step);\n  return (\n    <div className={withBaseName()} {...rest}>\n      {marks.map((mark) => {\n        return (\n          <Label\n            className={withBaseName(\"mark\")}\n            key={mark.value}\n            style={{ left: mark.position }}\n          >\n            {mark.label}\n          </Label>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["makePrefixer","getMarkStyles","jsx","Label"],"mappings":";;;;;;AAIA,MAAM,YAAA,GAAeA,kBAAa,iBAAiB,CAAA;AAQ5C,SAAS,WAAY,CAAA;AAAA,EAC1B,GAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAkC,EAAA;AAChC,EAAA,MAAM,KAAQ,GAAAC,mBAAA,CAAc,GAAK,EAAA,GAAA,EAAK,IAAI,CAAA;AAC1C,EACE,uBAAAC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,EAAA,EAAI,GAAG,IACjC,EAAA,QAAA,EAAA,KAAA,CAAM,GAAI,CAAA,CAAC,IAAS,KAAA;AACnB,IACE,uBAAAA,cAAA;AAAA,MAACC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,aAAa,MAAM,CAAA;AAAA,QAE9B,KAAO,EAAA,EAAE,IAAM,EAAA,IAAA,CAAK,QAAS,EAAA;AAAA,QAE5B,QAAK,EAAA,IAAA,CAAA;AAAA,OAAA;AAAA,MAHD,IAAK,CAAA;AAAA,KAIZ;AAAA,GAEH,CACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,33 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var SliderContext = require('./SliderContext.js');
-var utils = require('./utils.js');
-
-const withBaseName = core.makePrefixer("saltSliderSelection");
-function SliderSelection({
-  ...props
-}) {
-  const { min, max, value } = SliderContext.useSliderContext();
-  const thumbPosition = value.map((value2) => {
-    return utils.getPercentage(min, max, value2);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: clsx.clsx(withBaseName(), {
-        [withBaseName("range")]: Array.isArray(value)
-      }),
-      style: {
-        left: value.length > 1 ? `${thumbPosition[0]}%` : 0,
-        width: value.length > 1 ? `${thumbPosition[1] - thumbPosition[0]}%` : `${thumbPosition[0]}%`
-      },
-      ...props
-    }
-  );
-}
-
-exports.SliderSelection = SliderSelection;
-//# sourceMappingURL=SliderSelection.js.map

package/dist-cjs/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 { clsx } from \"clsx\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport { useSliderContext } from \"./SliderContext\";\nimport { getPercentage } from \"./utils\";\n\nconst withBaseName = makePrefixer(\"saltSliderSelection\");\n\nexport interface SliderSelectionProps extends ComponentPropsWithoutRef<\"div\"> {}\n\nexport function SliderSelection({\n  ...props\n}: SliderSelectionProps): JSX.Element {\n  const { min, max, value } = useSliderContext();\n\n  const thumbPosition = value.map((value) => {\n    return getPercentage(min, max, value);\n  });\n\n  return (\n    <div\n      className={clsx(withBaseName(), {\n        [withBaseName(\"range\")]: Array.isArray(value),\n      })}\n      style={{\n        left: value.length > 1 ? `${thumbPosition[0]}%` : 0,\n        width:\n          value.length > 1\n            ? `${thumbPosition[1] - thumbPosition[0]}%`\n            : `${thumbPosition[0]}%`,\n      }}\n      {...props}\n    />\n  );\n}\n"],"names":["makePrefixer","useSliderContext","value","getPercentage","jsx","clsx"],"mappings":";;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA;AAIhD,SAAS,eAAgB,CAAA;AAAA,EAC9B,GAAG;AACL,CAAsC,EAAA;AACpC,EAAA,MAAM,EAAE,GAAA,EAAK,GAAK,EAAA,KAAA,KAAUC,8BAAiB,EAAA;AAE7C,EAAA,MAAM,aAAgB,GAAA,KAAA,CAAM,GAAI,CAAA,CAACC,MAAU,KAAA;AACzC,IAAO,OAAAC,mBAAA,CAAc,GAAK,EAAA,GAAA,EAAKD,MAAK,CAAA;AAAA,GACrC,CAAA;AAED,EACE,uBAAAE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA;AAAA,QAC9B,CAAC,YAAa,CAAA,OAAO,CAAC,GAAG,KAAA,CAAM,QAAQ,KAAK;AAAA,OAC7C,CAAA;AAAA,MACD,KAAO,EAAA;AAAA,QACL,IAAA,EAAM,MAAM,MAAS,GAAA,CAAA,GAAI,GAAG,aAAc,CAAA,CAAC,CAAC,CAAM,CAAA,CAAA,GAAA,CAAA;AAAA,QAClD,KACE,EAAA,KAAA,CAAM,MAAS,GAAA,CAAA,GACX,GAAG,aAAc,CAAA,CAAC,CAAI,GAAA,aAAA,CAAc,CAAC,CAAC,CAAA,CAAA,CAAA,GACtC,CAAG,EAAA,aAAA,CAAc,CAAC,CAAC,CAAA,CAAA;AAAA,OAC3B;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

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

@@ -1,50 +0,0 @@
-'use strict';
-
-var utils = require('./utils.js');
-
-const supportedKeys = [
-  "Home",
-  "End",
-  "ArrowUp",
-  "ArrowRight",
-  "ArrowDown",
-  "ArrowLeft"
-];
-const getValueFromKeyName = (keyName, value, min, max, step) => {
-  switch (keyName) {
-    case "Home":
-      return min;
-    case "End":
-      return max;
-    case "ArrowUp":
-    case "ArrowRight":
-      return value + step;
-    case "ArrowDown":
-    case "ArrowLeft":
-      return value - step;
-    default:
-      return value;
-  }
-};
-const useKeyDownThumb = (min, max, step, value, onChange, index) => {
-  return (event) => {
-    if (!supportedKeys.includes(event.key)) return;
-    event.preventDefault();
-    const targetValue = value[index];
-    const rawValue = getValueFromKeyName(
-      event.key,
-      targetValue,
-      min,
-      max,
-      step
-    );
-    const roundedToStep = utils.roundToStep(rawValue, step);
-    const rounded = Number(roundedToStep.toFixed(1));
-    const clamped = utils.clampValue(rounded, [min, max]);
-    const newValue = utils.preventOverlappingValues(value, clamped, index);
-    utils.setValue(value, newValue, index, onChange);
-  };
-};
-
-exports.useKeyDownThumb = useKeyDownThumb;
-//# sourceMappingURL=useKeyDownThumb.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyDownThumb.js","sources":["../src/slider/internal/useKeyDownThumb.ts"],"sourcesContent":["import type { SliderChangeHandler, SliderValue, ThumbIndex } from \"../types\";\nimport {\n  clampValue,\n  preventOverlappingValues,\n  roundToStep,\n  setValue,\n} from \"./utils\";\n\nconst supportedKeys = [\n  \"Home\",\n  \"End\",\n  \"ArrowUp\",\n  \"ArrowRight\",\n  \"ArrowDown\",\n  \"ArrowLeft\",\n];\n\nconst getValueFromKeyName = (\n  keyName: string,\n  value: number,\n  min: number,\n  max: number,\n  step: number,\n) => {\n  switch (keyName) {\n    case \"Home\":\n      return min;\n    case \"End\":\n      return max;\n    case \"ArrowUp\":\n    case \"ArrowRight\":\n      return value + step;\n    case \"ArrowDown\":\n    case \"ArrowLeft\":\n      return value - step;\n    default:\n      return value;\n  }\n};\n\nexport const useKeyDownThumb = (\n  min: number,\n  max: number,\n  step: number,\n  value: SliderValue,\n  onChange: SliderChangeHandler,\n  index: ThumbIndex,\n) => {\n  return (event: React.KeyboardEvent) => {\n    if (!supportedKeys.includes(event.key)) return;\n    event.preventDefault();\n    const targetValue = value[index];\n    const rawValue = getValueFromKeyName(\n      event.key,\n      targetValue as number,\n      min,\n      max,\n      step,\n    );\n\n    const roundedToStep = roundToStep(rawValue, step);\n    const rounded = Number(roundedToStep.toFixed(1));\n    const clamped = clampValue(rounded, [min, max]);\n    const newValue = preventOverlappingValues(value, clamped, index);\n\n    setValue(value, newValue, index, onChange);\n  };\n};\n"],"names":["roundToStep","clampValue","preventOverlappingValues","setValue"],"mappings":";;;;AAQA,MAAM,aAAgB,GAAA;AAAA,EACpB,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA;AAEA,MAAM,sBAAsB,CAC1B,OAAA,EACA,KACA,EAAA,GAAA,EACA,KACA,IACG,KAAA;AACH,EAAA,QAAQ,OAAS;AAAA,IACf,KAAK,MAAA;AACH,MAAO,OAAA,GAAA;AAAA,IACT,KAAK,KAAA;AACH,MAAO,OAAA,GAAA;AAAA,IACT,KAAK,SAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAA,OAAO,KAAQ,GAAA,IAAA;AAAA,IACjB,KAAK,WAAA;AAAA,IACL,KAAK,WAAA;AACH,MAAA,OAAO,KAAQ,GAAA,IAAA;AAAA,IACjB;AACE,MAAO,OAAA,KAAA;AAAA;AAEb,CAAA;AAEO,MAAM,kBAAkB,CAC7B,GAAA,EACA,KACA,IACA,EAAA,KAAA,EACA,UACA,KACG,KAAA;AACH,EAAA,OAAO,CAAC,KAA+B,KAAA;AACrC,IAAA,IAAI,CAAC,aAAA,CAAc,QAAS,CAAA,KAAA,CAAM,GAAG,CAAG,EAAA;AACxC,IAAA,KAAA,CAAM,cAAe,EAAA;AACrB,IAAM,MAAA,WAAA,GAAc,MAAM,KAAK,CAAA;AAC/B,IAAA,MAAM,QAAW,GAAA,mBAAA;AAAA,MACf,KAAM,CAAA,GAAA;AAAA,MACN,WAAA;AAAA,MACA,GAAA;AAAA,MACA,GAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAM,MAAA,aAAA,GAAgBA,iBAAY,CAAA,QAAA,EAAU,IAAI,CAAA;AAChD,IAAA,MAAM,OAAU,GAAA,MAAA,CAAO,aAAc,CAAA,OAAA,CAAQ,CAAC,CAAC,CAAA;AAC/C,IAAA,MAAM,UAAUC,gBAAW,CAAA,OAAA,EAAS,CAAC,GAAA,EAAK,GAAG,CAAC,CAAA;AAC9C,IAAA,MAAM,QAAW,GAAAC,8BAAA,CAAyB,KAAO,EAAA,OAAA,EAAS,KAAK,CAAA;AAE/D,IAASC,cAAA,CAAA,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,QAAQ,CAAA;AAAA,GAC3C;AACF;;;;"}

package/dist-cjs/stepper-input/StepperInput.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = "/* Styles applied to stepper container */\n.saltStepperInput {\n  --stepperInput-border: none;\n  --stepperInput-borderColor: var(--salt-editable-borderColor);\n  --stepperInput-borderStyle: var(--salt-editable-borderStyle);\n  --stepperInput-outlineColor: var(--salt-focused-outlineColor);\n  --stepperInput-borderWidth: var(--salt-size-border);\n\n  align-items: center;\n  color: var(--salt-content-primary-foreground);\n  display: inline-flex;\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  height: var(--salt-size-base);\n  line-height: var(--salt-text-lineHeight);\n  min-height: var(--salt-size-base);\n  min-width: 4em;\n  width: 100%;\n  box-sizing: border-box;\n\n  gap: var(--salt-spacing-50);\n}\n\n.saltStepperInput:hover {\n  --stepperInput-borderStyle: var(--salt-editable-borderStyle-hover);\n  --stepperInput-borderColor: var(--salt-editable-borderColor-hover);\n\n  background: var(--stepperInput-background-hover);\n  cursor: var(--salt-editable-cursor-hover);\n}\n\n.saltStepperInput:active {\n  --stepperInput-borderColor: var(--salt-editable-borderColor-active);\n  --stepperInput-borderStyle: var(--salt-editable-borderStyle-active);\n  --stepperInput-borderWidth: var(--salt-editable-borderWidth-active);\n\n  background: var(--stepperInput-background-active);\n  cursor: var(--salt-editable-cursor-active);\n}\n\n/* Class applied if `variant=\"primary\"` */\n.saltStepperInput-primary {\n  --stepperInput-background: var(--salt-editable-primary-background);\n  --stepperInput-background-active: var(--salt-editable-primary-background-active);\n  --stepperInput-background-hover: var(--salt-editable-primary-background-hover);\n  --stepperInput-background-disabled: var(--salt-editable-primary-background-disabled);\n  --stepperInput-background-readonly: var(--salt-editable-primary-background-readonly);\n}\n\n/* Class applied if `variant=\"secondary\"` */\n.saltStepperInput-secondary {\n  --stepperInput-background: var(--salt-editable-secondary-background);\n  --stepperInput-background-active: var(--salt-editable-secondary-background-active);\n  --stepperInput-background-hover: var(--salt-editable-secondary-background-active);\n  --stepperInput-background-disabled: var(--salt-editable-secondary-background-disabled);\n  --stepperInput-background-readonly: var(--salt-editable-secondary-background-readonly);\n}\n\n/* Style applied to input if `validationState=\"error\"` */\n.saltStepperInput-error,\n.saltStepperInput-error:hover {\n  --stepperInput-background: var(--salt-status-error-background);\n  --stepperInput-background-active: var(--salt-status-error-background);\n  --stepperInput-background-hover: var(--salt-status-error-background);\n  --stepperInput-borderColor: var(--salt-status-error-borderColor);\n  --stepperInput-outlineColor: var(--salt-status-error-borderColor);\n  --stepperInput-background-readonly: var(--salt-status-error-background);\n}\n\n/* Style applied to input if `validationState=\"warning\"` */\n.saltStepperInput-warning,\n.saltStepperInput-warning:hover {\n  --stepperInput-background: var(--salt-status-warning-background);\n  --stepperInput-background-active: var(--salt-status-warning-background);\n  --stepperInput-background-hover: var(--salt-status-warning-background);\n  --stepperInput-borderColor: var(--salt-status-warning-borderColor);\n  --stepperInput-outlineColor: var(--salt-status-warning-borderColor);\n  --stepperInput-background-readonly: var(--salt-status-warning-background);\n}\n\n/* Style applied to input if `validationState=\"success\"` */\n.saltStepperInput-success,\n.saltStepperInput-success:hover {\n  --stepperInput-background: var(--salt-status-success-background);\n  --stepperInput-background-active: var(--salt-status-success-background);\n  --stepperInput-background-hover: var(--salt-status-success-background);\n  --stepperInput-borderColor: var(--salt-status-success-borderColor);\n  --stepperInput-outlineColor: var(--salt-status-success-borderColor);\n  --stepperInput-background-readonly: var(--salt-status-success-background);\n}\n\n.saltStepperInput-inputContainer {\n  display: flex;\n  background: var(--stepperInput-background);\n  border-radius: var(--salt-palette-corner-weak, 0);\n  border: var(--stepperInput-border);\n  box-sizing: border-box;\n  height: var(--salt-size-base);\n  min-height: var(--salt-size-base);\n  overflow: hidden;\n  padding-left: var(--salt-spacing-100);\n  padding-right: var(--salt-spacing-100);\n  position: relative;\n  flex-grow: 1;\n}\n\n/* Style applied to inner input component */\n.saltStepperInput-input {\n  background: none;\n  border: none;\n  box-sizing: content-box;\n  color: inherit;\n  cursor: inherit;\n  display: block;\n  flex: 1;\n  font: inherit;\n  height: 100%;\n  letter-spacing: var(--saltStepperInput-letterSpacing, 0);\n  margin: 0;\n  min-width: 0;\n  overflow: hidden;\n  padding: 0;\n  text-align: var(--stepperInput-textAlign);\n  width: 100%;\n}\n\n.saltStepperInput-input:focus {\n  outline: none;\n}\n\n/* Style applied to selected input */\n.saltStepperInput-input::selection {\n  background: var(--salt-content-foreground-highlight);\n}\n\n/* Style applied to placeholder text */\n.saltStepperInput-input::placeholder {\n  color: var(--salt-content-secondary-foreground);\n  font-weight: var(--salt-text-fontWeight-small);\n}\n\n/* Styling when focused */\n.saltStepperInput-focused {\n  --stepperInput-borderColor: var(--stepperInput-outlineColor);\n  --stepperInput-borderWidth: var(--salt-editable-borderWidth-active);\n\n  outline: var(--saltStepperInput-outline, var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--stepperInput-outlineColor));\n}\n\n/* Style applied if `readOnly={true}` */\n.saltStepperInput-readOnly {\n  --stepperInput-borderColor: var(--salt-editable-borderColor-readonly);\n  --stepperInput-borderStyle: var(--salt-editable-borderStyle-readonly);\n  --stepperInput-borderWidth: var(--salt-size-border);\n\n  background: var(--stepperInput-background-readonly);\n  cursor: var(--salt-editable-cursor-readonly);\n}\n\n/* Styling when focused if `disabled={true}` */\n.saltStepperInput-focused.saltStepperInput-disabled {\n  --stepperInput-borderWidth: var(--salt-size-border);\n  outline: none;\n}\n\n/* Styling when focused if `readOnly={true}` */\n.saltStepperInput-focused.saltStepperInput-readOnly {\n  --stepperInput-borderWidth: var(--salt-size-border);\n}\n\n/* Style applied to selected input if `disabled={true}` */\n.saltStepperInput-disabled .saltStepperInput-input::selection {\n  background: none;\n}\n\n/* Style applied to input if `disabled={true}` */\n.saltStepperInput-disabled,\n.saltStepperInput-disabled:hover,\n.saltStepperInput-disabled:active {\n  --stepperInput-borderColor: var(--salt-editable-borderColor-disabled);\n  --stepperInput-borderStyle: var(--salt-editable-borderStyle-disabled);\n  --stepperInput-borderWidth: var(--salt-size-border);\n\n  background: var(--stepperInput-background-disabled);\n  cursor: var(--salt-editable-cursor-disabled);\n  color: var(--saltStepperInput-color-disabled, var(--salt-content-primary-foreground-disabled));\n}\n\n.saltStepperInput-activationIndicator {\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  position: absolute;\n  border-bottom: var(--stepperInput-borderWidth) var(--stepperInput-borderStyle) var(--stepperInput-borderColor);\n}\n\n/* Style applied if `bordered={true}` */\n.saltStepperInput-bordered {\n  --stepperInput-border: var(--salt-size-border) var(--salt-container-borderStyle) var(--stepperInput-borderColor);\n  --stepperInput-borderWidth: 0;\n}\n\n/* Style applied if focused or active when `bordered={true}` */\n.saltStepperInput-bordered.saltStepperInput-focused,\n.saltStepperInput-bordered:active {\n  --stepperInput-borderWidth: var(--salt-editable-borderWidth-active);\n}\n\n/* Styling when focused if `disabled={true}` or `readOnly={true}` when `bordered={true}` */\n.saltStepperInput-bordered.saltStepperInput-readOnly,\n.saltStepperInput-bordered.saltStepperInput-disabled:hover {\n  --stepperInput-borderWidth: 0;\n}\n\n/* Style applied to start adornments */\n.saltStepperInput-startAdornmentContainer {\n  align-items: center;\n  display: inline-flex;\n  padding-right: var(--salt-spacing-100);\n  column-gap: var(--salt-spacing-100);\n}\n\n/* Style applied to end adornments */\n.saltStepperInput-endAdornmentContainer {\n  align-items: center;\n  display: inline-flex;\n  padding-left: var(--salt-spacing-100);\n  column-gap: var(--salt-spacing-100);\n}\n\n.saltStepperInput-readOnly .saltStepperInput-startAdornmentContainer {\n  margin-left: var(--salt-spacing-50);\n}\n\n.saltStepperInput-startAdornmentContainer .saltButton ~ .saltButton {\n  margin-left: calc(-1 * var(--salt-spacing-50));\n}\n\n.saltStepperInput-endAdornmentContainer .saltButton ~ .saltButton {\n  margin-left: calc(-1 * var(--salt-spacing-50));\n}\n\n.saltStepperInput-startAdornmentContainer .saltButton:first-child {\n  margin-left: calc(var(--salt-spacing-50) * -1);\n}\n\n.saltStepperInput-endAdornmentContainer .saltButton:last-child {\n  margin-right: calc(var(--salt-spacing-50) * -1);\n}\n\n.saltStepperInput-startAdornmentContainer > .saltButton,\n.saltStepperInput-endAdornmentContainer > .saltButton {\n  --saltButton-padding: calc(var(--salt-spacing-50) - var(--salt-size-border));\n  --saltButton-height: calc(var(--salt-size-base) - var(--salt-spacing-100));\n  --saltButton-borderRadius: var(--salt-palette-corner-weaker);\n}\n\n.saltStepperInput-inputTextAlignLeft {\n  text-align: left;\n}\n\n.saltStepperInput-inputTextAlignCenter {\n  text-align: center;\n}\n\n.saltStepperInput-inputTextAlignRight {\n  text-align: right;\n}\n\n/* --- Buttons --- */\n\n/* Styles applied to stepper buttons container */\n.saltStepperInput-buttonContainer {\n  --stepperInput-buttonGap: var(--salt-size-border-strong);\n  display: flex;\n  flex-direction: column;\n  gap: var(--stepperInput-buttonGap);\n}\n\n/* Styles applied to stepper buttons */\n.saltStepperInput-stepperButton {\n  --saltButton-height: calc((var(--salt-size-base) - var(--stepperInput-buttonGap)) * 0.5);\n  --saltButton-width: var(--salt-size-base);\n}\n\n.saltStepperInput-stepperButtonIncrement {\n  --saltButton-borderRadius: var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0) 0 0;\n}\n.saltStepperInput-stepperButtonDecrement {\n  --saltButton-borderRadius: 0 0 var(--salt-palette-corner-weak, 0) var(--salt-palette-corner-weak, 0);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=StepperInput.css.js.map

package/dist-cjs/stepper-input/StepperInput.css.js.map

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

package/dist-cjs/stepper-input/StepperInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepperInput.js","sources":["../src/stepper-input/StepperInput.tsx"],"sourcesContent":["import {\n  Button,\n  StatusAdornment,\n  type ValidationStatus,\n  capitalize,\n  makePrefixer,\n  useControlled,\n  useForkRef,\n  useFormFieldProps,\n  useIcon,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  type FocusEvent,\n  type InputHTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  type SyntheticEvent,\n  forwardRef,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  isAllowedNonNumeric,\n  isOutOfRange,\n  sanitizedInput,\n  toFixedDecimalPlaces,\n  toFloat,\n} from \"./internal/utils\";\n\nimport stepperInputCss from \"./StepperInput.css\";\nimport { useStepperInput } from \"./useStepperInput\";\n\nconst withBaseName = makePrefixer(\"saltStepperInput\");\n\nexport interface StepperInputProps\n  extends Omit<ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * A boolean. When `true`, the input will receive a full border.\n   */\n  bordered?: boolean;\n  /**\n   * The number of decimal places to display.\n   */\n  decimalPlaces?: number;\n  /**\n   * Sets the initial default value of the component.\n   */\n  defaultValue?: number | string;\n  /**\n   * If `true`, the stepper input will be disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The marker to use in an empty read only Input.\n   * Use `''` to disable this feature. Defaults to '—'.\n   * @default '—'\n   */\n  emptyReadOnlyMarker?: string;\n  /**\n   * End adornment component\n   */\n  endAdornment?: ReactNode;\n  /**\n   * Whether to hide the stepper buttons. Defaults to `false`.\n   * @default false\n   */\n  hideButtons?: boolean;\n  /**\n   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n  /**\n   * Optional ref for the input component\n   */\n  inputRef?: Ref<HTMLInputElement>;\n  /**\n   * The maximum value that can be selected. Defaults to Number.MAX_SAFE_INTEGER.\n   * @default Number.MAX_SAFE_INTEGER\n   */\n  max?: number;\n  /**\n   * The minimum value that can be selected. Defaults to Number.MIN_SAFE_INTEGER.\n   * @default Number.MIN_SAFE_INTEGER\n   */\n  min?: number;\n  /**\n   * Callback when stepper input value is changed.\n   * @param event - the event triggers value change, could be undefined during increment / decrement button long press\n   */\n  onChange?: (\n    event: SyntheticEvent | undefined,\n    value: number | string,\n  ) => void;\n  /**\n   * A string. Displayed in a dimmed color when the input value is empty.\n   */\n  placeholder?: string | undefined;\n  /**\n   * A boolean. If `true`, the component is not editable by the user.\n   */\n  readOnly?: boolean;\n  /**\n   * Start adornment component\n   */\n  startAdornment?: ReactNode;\n  /**\n   * The amount to increment or decrement the value by when using the stepper buttons or Up Arrow and Down Arrow keys. Default to 1.\n   * @default 1\n   */\n  step?: number;\n  /**\n   * The amount to change the value when the value is incremented or decremented by holding Shift and pressing Up arrow or Down arrow keys.\n   * Defaults to 10.\n   * @default 10\n   */\n  stepBlock?: number;\n  /**\n   * Alignment of text within container. Defaults to \"left\".\n   * @default \"left\"\n   */\n  textAlign?: \"left\" | \"center\" | \"right\";\n  /**\n   * Validation status.\n   */\n  validationStatus?: Extract<ValidationStatus, \"error\" | \"warning\" | \"success\">;\n  /**\n   * Styling variant. Defaults to \"primary\".\n   * @default \"primary\"\n   */\n  variant?: \"primary\" | \"secondary\";\n  /**\n   * The value of the stepper input. The component will be controlled if this prop is provided.\n   */\n  value?: number | string | undefined;\n}\n\nexport const StepperInput = forwardRef<HTMLDivElement, StepperInputProps>(\n  function StepperInput(\n    {\n      bordered,\n      className: classNameProp,\n      decimalPlaces = 0,\n      defaultValue: defaultValueProp,\n      disabled,\n      emptyReadOnlyMarker = \"—\",\n      endAdornment,\n      hideButtons,\n      inputProps: inputPropsProp = {},\n      inputRef: inputRefProp,\n      max = Number.MAX_SAFE_INTEGER,\n      min = Number.MIN_SAFE_INTEGER,\n      onChange: onChangeProp,\n      placeholder,\n      readOnly: readOnlyProp,\n      startAdornment,\n      step = 1,\n      stepBlock = 10,\n      textAlign = \"left\",\n      validationStatus: validationStatusProp,\n      value: valueProp,\n      variant = \"primary\",\n      ...restProps\n    },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-stepper-input\",\n      css: stepperInputCss,\n      window: targetWindow,\n    });\n\n    const { IncreaseIcon, DecreaseIcon } = useIcon();\n\n    const {\n      a11yProps: {\n        \"aria-describedby\": formFieldDescribedBy,\n        \"aria-labelledby\": formFieldLabelledBy,\n      } = {},\n      disabled: formFieldDisabled,\n      readOnly: formFieldReadOnly,\n      necessity: formFieldRequired,\n      validationStatus: formFieldValidationStatus,\n    } = useFormFieldProps();\n\n    const isDisabled = disabled || formFieldDisabled;\n    const isReadOnly = readOnlyProp || formFieldReadOnly;\n    const validationStatus = formFieldValidationStatus ?? validationStatusProp;\n\n    const {\n      \"aria-describedby\": inputDescribedBy,\n      \"aria-labelledby\": inputLabelledBy,\n      className: inputClassName,\n      onBlur: inputOnBlur,\n      onChange: inputOnChange,\n      onFocus: inputOnFocus,\n      required: inputRequired,\n      onKeyDown: inputOnKeyDown,\n      ...restInputProps\n    } = inputPropsProp;\n\n    const isRequired = formFieldRequired\n      ? [\"required\", \"asterisk\"].includes(formFieldRequired)\n      : inputRequired;\n\n    const [value, setValue] = useControlled({\n      controlled: valueProp,\n      default:\n        typeof defaultValueProp === \"number\"\n          ? toFixedDecimalPlaces(defaultValueProp, decimalPlaces)\n          : defaultValueProp,\n      name: \"StepperInput\",\n      state: \"value\",\n    });\n\n    // Won't be needed when `:has` css can be used\n    const [focused, setFocused] = useState(false);\n\n    const inputRef = useRef<HTMLInputElement | null>(null);\n    const forkedInputRef = useForkRef(inputRef, inputRefProp);\n\n    const {\n      decrementButtonProps,\n      decrementValue,\n      incrementButtonProps,\n      incrementValue,\n    } = useStepperInput({\n      inputRef,\n      setValue,\n      decimalPlaces,\n      disabled,\n      max,\n      min,\n      onChange: onChangeProp,\n      readOnly: isReadOnly,\n      step,\n      stepBlock,\n      value,\n    });\n\n    const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(true);\n\n      inputOnFocus?.(event);\n    };\n\n    const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n      setFocused(false);\n\n      if (value === undefined) return;\n\n      const floatValue = toFloat(value);\n      if (Number.isNaN(floatValue)) {\n        // Keep original value if NaN\n        setValue(value);\n        onChangeProp?.(event, value);\n      } else {\n        const roundedValue = toFixedDecimalPlaces(floatValue, decimalPlaces);\n\n        if (value !== \"\" && !isAllowedNonNumeric(value)) {\n          setValue(roundedValue);\n        }\n\n        onChangeProp?.(event, roundedValue);\n      }\n\n      inputOnBlur?.(event);\n    };\n\n    const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n      const changedValue = event.target.value;\n\n      setValue(sanitizedInput(changedValue));\n\n      onChangeProp?.(event, sanitizedInput(changedValue));\n      inputOnChange?.(event);\n    };\n\n    const handleInputKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      switch (event.key) {\n        case \"ArrowUp\": {\n          event.preventDefault();\n          const block = event.shiftKey;\n          incrementValue(event, block);\n          break;\n        }\n        case \"ArrowDown\": {\n          event.preventDefault();\n          const block = event.shiftKey;\n          decrementValue(event, block);\n          break;\n        }\n        case \"Home\": {\n          event.preventDefault();\n          setValue(min);\n          onChangeProp?.(event, min);\n          break;\n        }\n        case \"End\": {\n          event.preventDefault();\n          setValue(max);\n          onChangeProp?.(event, max);\n          break;\n        }\n        case \"PageUp\": {\n          event.preventDefault();\n          incrementValue(event, true);\n          break;\n        }\n        case \"PageDown\": {\n          event.preventDefault();\n          decrementValue(event, true);\n          break;\n        }\n      }\n\n      inputOnKeyDown?.(event);\n    };\n\n    return (\n      <div\n        className={clsx(withBaseName(), classNameProp)}\n        {...restProps}\n        ref={ref}\n      >\n        <div\n          className={clsx(\n            withBaseName(\"inputContainer\"),\n            withBaseName(variant),\n            {\n              [withBaseName(\"focused\")]: !isDisabled && focused,\n              [withBaseName(\"disabled\")]: isDisabled,\n              [withBaseName(\"readOnly\")]: isReadOnly,\n              [withBaseName(validationStatus || \"\")]: validationStatus,\n              [withBaseName(\"bordered\")]: bordered,\n            },\n          )}\n        >\n          {startAdornment && (\n            <div className={withBaseName(\"startAdornmentContainer\")}>\n              {startAdornment}\n            </div>\n          )}\n          <input\n            aria-describedby={clsx(formFieldDescribedBy, inputDescribedBy)}\n            aria-labelledby={clsx(formFieldLabelledBy, inputLabelledBy)}\n            aria-invalid={\n              !isReadOnly ? isOutOfRange(value, min, max) : undefined\n            }\n            aria-valuemax={\n              !isReadOnly\n                ? toFloat(toFixedDecimalPlaces(max, decimalPlaces))\n                : undefined\n            }\n            aria-valuemin={\n              !isReadOnly\n                ? toFloat(toFixedDecimalPlaces(min, decimalPlaces))\n                : undefined\n            }\n            aria-valuenow={\n              value && !Number.isNaN(toFloat(value)) && !isReadOnly\n                ? toFloat(toFixedDecimalPlaces(toFloat(value), decimalPlaces))\n                : undefined\n            }\n            className={clsx(\n              withBaseName(\"input\"),\n              withBaseName(`inputTextAlign${capitalize(textAlign)}`),\n              inputClassName,\n            )}\n            disabled={isDisabled}\n            onBlur={handleInputBlur}\n            onChange={handleInputChange}\n            onFocus={!isDisabled ? handleInputFocus : undefined}\n            onKeyDown={handleInputKeyDown}\n            placeholder={placeholder}\n            readOnly={isReadOnly}\n            aria-readonly={isReadOnly ? \"true\" : undefined}\n            ref={forkedInputRef}\n            required={isRequired}\n            // Workaround to have readonly conveyed by screen readers (https://github.com/jpmorganchase/salt-ds/issues/4586)\n            role={isReadOnly ? \"textbox\" : \"spinbutton\"}\n            tabIndex={isDisabled ? -1 : 0}\n            value={value}\n            {...restInputProps}\n          />\n          {!isDisabled && validationStatus && (\n            <StatusAdornment status={validationStatus} />\n          )}\n          {endAdornment && (\n            <div className={withBaseName(\"endAdornmentContainer\")}>\n              {endAdornment}\n            </div>\n          )}\n          <div className={withBaseName(\"activationIndicator\")} />\n        </div>\n\n        {!hideButtons && !isReadOnly && (\n          <div className={withBaseName(\"buttonContainer\")}>\n            <Button\n              className={clsx(\n                withBaseName(\"stepperButton\"),\n                withBaseName(\"stepperButtonIncrement\"),\n              )}\n              {...incrementButtonProps}\n            >\n              <IncreaseIcon aria-hidden />\n            </Button>\n            <Button\n              className={clsx(\n                withBaseName(\"stepperButton\"),\n                withBaseName(\"stepperButtonDecrement\"),\n              )}\n              {...decrementButtonProps}\n            >\n              <DecreaseIcon aria-hidden />\n            </Button>\n          </div>\n        )}\n      </div>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","StepperInput","useWindow","useComponentCssInjection","stepperInputCss","useIcon","useFormFieldProps","useControlled","toFixedDecimalPlaces","useState","useRef","useForkRef","useStepperInput","toFloat","isAllowedNonNumeric","sanitizedInput","jsxs","clsx","jsx","isOutOfRange","capitalize","StatusAdornment","Button"],"mappings":"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"}