@salt-ds/lab 1.0.0-alpha.43 → 1.0.0-alpha.45

package/dist-types/stepper-input/useStepperInput.d.ts

@@ -1,296 +1,15 @@
-import { MutableRefObject } from "react";
-import { ButtonProps } from "@salt-ds/core";
-import { InputLegacyProps as InputProps } from "../input-legacy";
+import { MouseEvent, MutableRefObject } from "react";
+import { InputProps } from "@salt-ds/core";
 import { StepperInputProps } from "./StepperInput";
-declare type Direction = "decrement" | "increment";
 export declare const useStepperInput: (props: StepperInputProps, inputRef: MutableRefObject<HTMLInputElement | null>) => {
     decrementButtonDown: boolean;
-    getButtonIcon: (type: Direction) => "triangle-up" | "triangle-down";
-    getButtonProps: (type?: Direction, buttonPropsProp?: ButtonProps) => {
-        onMouseDown: (...args: any[]) => void;
-        onMouseUp: (...args: any[]) => void;
-        disabled?: boolean | undefined;
-        focusableWhenDisabled?: boolean | undefined;
-        variant?: "primary" | "secondary" | "cta" | undefined;
-        form?: string | undefined;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title?: string | undefined;
-        type?: "button" | "reset" | "submit" | undefined;
-        className?: string | undefined;
-        color?: string | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        name?: string | undefined;
-        role?: import("react").AriaRole | undefined;
+    getButtonProps: (direction: string) => {
+        "aria-hidden": boolean;
+        disabled: boolean;
         tabIndex: number;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
-        'aria-busy'?: (boolean | "true" | "false") | undefined;
-        'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: (boolean | "true" | "false") | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
-        "aria-hidden": boolean | "true" | "false";
-        'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: (boolean | "true" | "false") | undefined;
-        'aria-multiline'?: (boolean | "true" | "false") | undefined;
-        'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
-        'aria-readonly'?: (boolean | "true" | "false") | undefined;
-        'aria-relevant'?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
-        'aria-required'?: (boolean | "true" | "false") | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: (boolean | "true" | "false") | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
-        children?: import("react").ReactNode;
-        dangerouslySetInnerHTML?: {
-            __html: string;
-        } | undefined;
-        onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCutCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPaste?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onPasteCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEnd?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStart?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdate?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-        onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
-        onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUp?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-        onAbort?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onAbortCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThrough?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onDurationChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptied?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onEmptiedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncrypted?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onEncryptedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onEnded?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onEndedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedData?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedDataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadata?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStart?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onLoadStartCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onPause?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onPauseCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlaying?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onPlayingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgress?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onSeekingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalled?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onStalledCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspend?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onSuspendCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdate?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaiting?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onDoubleClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onDrag?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnd?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEndCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnter?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragEnterCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExit?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragExitCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeave?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragLeaveCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOver?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragOverCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStart?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDragStartCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDrop?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onDropCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
-        onMouseDownCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseEnter?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseLeave?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMove?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseMoveCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOut?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOutCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOver?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseOverCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onMouseUpCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onSelect?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onSelectCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancel?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchCancelCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEnd?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchEndCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMove?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchMoveCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStart?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-        onTouchStartCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
-        onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerDownCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMove?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerMoveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUp?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerUpCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerOutCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
-        onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
-        onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
-        onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEnd?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-        onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-        onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-        key?: import("react").Key | null | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        nonce?: string | undefined;
-        placeholder?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        resource?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
-        autoFocus?: boolean | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        value?: string | number | readonly string[] | undefined;
-        "data-testid": string;
+        onMouseDown: (event: MouseEvent<HTMLButtonElement>) => void;
+        onMouseUp: () => void | undefined;
     };
     getInputProps: (inputProps?: InputProps) => InputProps | undefined;
     incrementButtonDown: boolean;
-    isAtMax: () => boolean;
-    isAtMin: () => boolean;
-    refreshCurrentValue: () => void;
-    stepperDirection: {
-        INCREMENT: Direction;
-        DECREMENT: Direction;
-    };
-    valuesHaveDiverged: () => boolean;
 };
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.43",
+  "version": "1.0.0-alpha.45",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^1.27.0",
+    "@salt-ds/core": "^1.28.0",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
     "@salt-ds/icons": "^1.11.2"

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

@@ -1,38 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var core = require('@salt-ds/core');
-require('../../form-field-context-legacy/FormFieldLegacyContext.js');
-var useFormFieldLegacyProps = require('../../form-field-context-legacy/useFormFieldLegacyProps.js');
-
-const refreshButtonWidth = {
-  touch: 36,
-  low: 28,
-  medium: 24,
-  high: 12
-};
-function useActivationIndicatorPosition(adornmentRef, refreshButtonVisible) {
-  const formFieldProps = useFormFieldLegacyProps.useFormFieldLegacyProps();
-  const { ref: formFieldRef } = formFieldProps;
-  const density = core.useDensity();
-  core.useIsomorphicLayoutEffect(() => {
-    let offset;
-    if (adornmentRef && adornmentRef.current !== null) {
-      const marginAdjustment = density === "high" || density === "medium" ? 2 : 4;
-      const secondaryButtonAdjustment = refreshButtonVisible ? 0 : refreshButtonWidth[density];
-      offset = adornmentRef.current.getBoundingClientRect().width - marginAdjustment - secondaryButtonAdjustment;
-    }
-    if (formFieldRef && formFieldRef.current && offset) {
-      const activationIndicator = formFieldRef.current.getElementsByClassName(
-        "saltFormActivationIndicator-icon"
-      );
-      if (activationIndicator.length > 0) {
-        activationIndicator[0].style.transform = `translateX(-${offset}px)`;
-      }
-    }
-  });
-}
-
-exports.useActivationIndicatorPosition = useActivationIndicatorPosition;
-//# sourceMappingURL=useActivationIndicatorPosition.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useActivationIndicatorPosition.js","sources":["../src/stepper-input/internal/useActivationIndicatorPosition.ts"],"sourcesContent":["import { useDensity, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useFormFieldLegacyProps } from \"../../form-field-context-legacy\";\nimport { MutableRefObject } from \"react\";\n\nconst refreshButtonWidth = {\n  touch: 36,\n  low: 28,\n  medium: 24,\n  high: 12,\n};\n\n// The activation indicator icon is absolutely positioned by FormField,\n// and must be offset to accommodate the end adornment added by Stepper Input.\n// Ideally, we should be able to provide an 'activationIndicator' class to FormField to\n// override its default positioning instead of directly repositioning it via its ref.\nexport function useActivationIndicatorPosition(\n  adornmentRef: MutableRefObject<HTMLDivElement | null>,\n  refreshButtonVisible: boolean\n) {\n  const formFieldProps = useFormFieldLegacyProps();\n  const { ref: formFieldRef } = formFieldProps;\n  const density = useDensity();\n\n  useIsomorphicLayoutEffect(() => {\n    let offset;\n    if (adornmentRef && adornmentRef.current !== null) {\n      const marginAdjustment =\n        density === \"high\" || density === \"medium\" ? 2 : 4;\n\n      const secondaryButtonAdjustment = refreshButtonVisible\n        ? 0\n        : refreshButtonWidth[density];\n\n      offset =\n        adornmentRef.current.getBoundingClientRect().width -\n        marginAdjustment -\n        secondaryButtonAdjustment;\n    }\n    if (formFieldRef && formFieldRef.current && offset) {\n      const activationIndicator = formFieldRef.current.getElementsByClassName(\n        \"saltFormActivationIndicator-icon\"\n      ) as HTMLCollectionOf<HTMLElement>;\n      if (activationIndicator.length > 0) {\n        activationIndicator[0].style.transform = `translateX(-${offset}px)`;\n      }\n    }\n  });\n}\n"],"names":["useFormFieldLegacyProps","useDensity","useIsomorphicLayoutEffect"],"mappings":";;;;;;;;AAIA,MAAM,kBAAqB,GAAA;AAAA,EACzB,KAAO,EAAA,EAAA;AAAA,EACP,GAAK,EAAA,EAAA;AAAA,EACL,MAAQ,EAAA,EAAA;AAAA,EACR,IAAM,EAAA,EAAA;AACR,CAAA,CAAA;AAMgB,SAAA,8BAAA,CACd,cACA,oBACA,EAAA;AACA,EAAA,MAAM,iBAAiBA,+CAAwB,EAAA,CAAA;AAC/C,EAAM,MAAA,EAAE,GAAK,EAAA,YAAA,EAAiB,GAAA,cAAA,CAAA;AAC9B,EAAA,MAAM,UAAUC,eAAW,EAAA,CAAA;AAE3B,EAAAC,8BAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,MAAA,CAAA;AACJ,IAAI,IAAA,YAAA,IAAgB,YAAa,CAAA,OAAA,KAAY,IAAM,EAAA;AACjD,MAAA,MAAM,gBACJ,GAAA,OAAA,KAAY,MAAU,IAAA,OAAA,KAAY,WAAW,CAAI,GAAA,CAAA,CAAA;AAEnD,MAAM,MAAA,yBAAA,GAA4B,oBAC9B,GAAA,CAAA,GACA,kBAAmB,CAAA,OAAA,CAAA,CAAA;AAEvB,MAAA,MAAA,GACE,YAAa,CAAA,OAAA,CAAQ,qBAAsB,EAAA,CAAE,QAC7C,gBACA,GAAA,yBAAA,CAAA;AAAA,KACJ;AACA,IAAI,IAAA,YAAA,IAAgB,YAAa,CAAA,OAAA,IAAW,MAAQ,EAAA;AAClD,MAAM,MAAA,mBAAA,GAAsB,aAAa,OAAQ,CAAA,sBAAA;AAAA,QAC/C,kCAAA;AAAA,OACF,CAAA;AACA,MAAI,IAAA,mBAAA,CAAoB,SAAS,CAAG,EAAA;AAClC,QAAoB,mBAAA,CAAA,CAAA,CAAA,CAAG,KAAM,CAAA,SAAA,GAAY,CAAe,YAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA;AAAA,OAC1D;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AACH;;;;"}

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

@@ -1,76 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var core = require('@salt-ds/core');
-
-const useDynamicAriaLabel = (appendLabel, hasLiveValue, inputRef, value, valuesHaveDiverged) => {
-  const [hasAnnounced, setHasAnnounced] = React.useState(false);
-  const { announce } = core.useAriaAnnouncer();
-  React.useEffect(() => {
-    var _a;
-    function applyAriaMessage(ariaLabel) {
-      var _a2, _b, _c, _d;
-      if (!ariaLabel.includes(appendLabel)) {
-        (_a2 = inputRef.current) == null ? void 0 : _a2.setAttribute(
-          "aria-label",
-          `${ariaLabel}${appendLabel}`
-        );
-      }
-      const currentId = ((_b = inputRef.current) == null ? void 0 : _b.getAttribute("id")) || "";
-      const labelledBy = ((_c = inputRef.current) == null ? void 0 : _c.getAttribute("aria-labelledby")) || "";
-      if (!labelledBy.includes(currentId)) {
-        (_d = inputRef.current) == null ? void 0 : _d.setAttribute(
-          "aria-labelledby",
-          `${labelledBy} ${currentId}`
-        );
-      }
-    }
-    function removeAriaMessage(ariaLabel) {
-      var _a2, _b, _c, _d, _e;
-      const replacementAria = ariaLabel == null ? void 0 : ariaLabel.replace(appendLabel, "");
-      if (replacementAria !== void 0) {
-        (_a2 = inputRef.current) == null ? void 0 : _a2.setAttribute("aria-label", replacementAria);
-      }
-      const replacementLabelledBy = (_d = (_b = inputRef.current) == null ? void 0 : _b.getAttribute("aria-labelledby")) == null ? void 0 : _d.replace(` ${(_c = inputRef.current) == null ? void 0 : _c.getAttribute("id")}`, "");
-      if (replacementLabelledBy !== void 0) {
-        (_e = inputRef.current) == null ? void 0 : _e.setAttribute(
-          "aria-labelledby",
-          replacementLabelledBy
-        );
-      }
-    }
-    if (hasLiveValue) {
-      const ariaLabel = ((_a = inputRef.current) == null ? void 0 : _a.getAttribute("aria-label")) || "";
-      if (valuesHaveDiverged()) {
-        applyAriaMessage(ariaLabel);
-      } else {
-        removeAriaMessage(ariaLabel);
-      }
-    }
-  }, [appendLabel, inputRef, hasLiveValue, valuesHaveDiverged, value]);
-  React.useEffect(() => {
-    var _a;
-    if (hasLiveValue && valuesHaveDiverged()) {
-      if (inputRef.current !== document.activeElement && !hasAnnounced) {
-        announce("");
-        announce(`${(_a = inputRef.current) == null ? void 0 : _a.getAttribute("aria-label")}`);
-        setHasAnnounced(true);
-      }
-    }
-  }, [
-    announce,
-    appendLabel,
-    hasAnnounced,
-    inputRef,
-    hasLiveValue,
-    setHasAnnounced,
-    valuesHaveDiverged,
-    value
-  ]);
-  return { setHasAnnounced };
-};
-
-exports.useDynamicAriaLabel = useDynamicAriaLabel;
-//# sourceMappingURL=useDynamicAriaLabel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDynamicAriaLabel.js","sources":["../src/stepper-input/internal/useDynamicAriaLabel.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useAriaAnnouncer } from \"@salt-ds/core\";\n\n// Dynamically append a string to aria-label if the component\n// is controlled and the display value can be refreshed\nexport const useDynamicAriaLabel = (\n  appendLabel: string,\n  hasLiveValue: boolean,\n  inputRef: React.MutableRefObject<HTMLInputElement | null>,\n  value: number | string | undefined,\n  valuesHaveDiverged: () => boolean\n) => {\n  const [hasAnnounced, setHasAnnounced] = useState(false);\n  const { announce } = useAriaAnnouncer();\n\n  useEffect(() => {\n    function applyAriaMessage(ariaLabel: string) {\n      // Don't append the message again if it's already part of the string\n      if (!ariaLabel.includes(appendLabel)) {\n        inputRef.current?.setAttribute(\n          \"aria-label\",\n          `${ariaLabel}${appendLabel}`\n        );\n      }\n\n      const currentId = inputRef.current?.getAttribute(\"id\") || \"\";\n      const labelledBy =\n        inputRef.current?.getAttribute(\"aria-labelledby\") || \"\";\n\n      if (!labelledBy.includes(currentId)) {\n        inputRef.current?.setAttribute(\n          \"aria-labelledby\",\n          `${labelledBy} ${currentId}`\n        );\n      }\n    }\n\n    function removeAriaMessage(ariaLabel: string) {\n      const replacementAria = ariaLabel?.replace(appendLabel, \"\");\n      if (replacementAria !== undefined) {\n        inputRef.current?.setAttribute(\"aria-label\", replacementAria);\n      }\n\n      const replacementLabelledBy = inputRef.current\n        ?.getAttribute(\"aria-labelledby\")\n        ?.replace(` ${inputRef.current?.getAttribute(\"id\")}`, \"\");\n\n      if (replacementLabelledBy !== undefined) {\n        inputRef.current?.setAttribute(\n          \"aria-labelledby\",\n          replacementLabelledBy\n        );\n      }\n    }\n\n    if (hasLiveValue) {\n      const ariaLabel = inputRef.current?.getAttribute(\"aria-label\") || \"\";\n      if (valuesHaveDiverged()) {\n        applyAriaMessage(ariaLabel);\n      } else {\n        removeAriaMessage(ariaLabel);\n      }\n    }\n  }, [appendLabel, inputRef, hasLiveValue, valuesHaveDiverged, value]);\n\n  useEffect(() => {\n    if (hasLiveValue && valuesHaveDiverged()) {\n      // Screen readers will automatically announce updates when the dynamic `aria-label`\n      // changes and the component has focus. When the component *does not* have\n      // focus we should announce only once for the first value update\n      if (inputRef.current !== document.activeElement && !hasAnnounced) {\n        // Empty announcement required until a fix is in place for announcer\n        announce(\"\");\n        announce(`${inputRef.current?.getAttribute(\"aria-label\")}`);\n\n        // We only want to announce on the first value change, but this flag\n        // is reset when the input receives focus\n        setHasAnnounced(true);\n      }\n    }\n  }, [\n    announce,\n    appendLabel,\n    hasAnnounced,\n    inputRef,\n    hasLiveValue,\n    setHasAnnounced,\n    valuesHaveDiverged,\n    value,\n  ]);\n\n  return { setHasAnnounced };\n};\n"],"names":["useState","useAriaAnnouncer","useEffect","_a"],"mappings":"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"}

package/dist-es/stepper-input/internal/useActivationIndicatorPosition.js

@@ -1,34 +0,0 @@
-import { useDensity, useIsomorphicLayoutEffect } from '@salt-ds/core';
-import '../../form-field-context-legacy/FormFieldLegacyContext.js';
-import { useFormFieldLegacyProps } from '../../form-field-context-legacy/useFormFieldLegacyProps.js';
-
-const refreshButtonWidth = {
-  touch: 36,
-  low: 28,
-  medium: 24,
-  high: 12
-};
-function useActivationIndicatorPosition(adornmentRef, refreshButtonVisible) {
-  const formFieldProps = useFormFieldLegacyProps();
-  const { ref: formFieldRef } = formFieldProps;
-  const density = useDensity();
-  useIsomorphicLayoutEffect(() => {
-    let offset;
-    if (adornmentRef && adornmentRef.current !== null) {
-      const marginAdjustment = density === "high" || density === "medium" ? 2 : 4;
-      const secondaryButtonAdjustment = refreshButtonVisible ? 0 : refreshButtonWidth[density];
-      offset = adornmentRef.current.getBoundingClientRect().width - marginAdjustment - secondaryButtonAdjustment;
-    }
-    if (formFieldRef && formFieldRef.current && offset) {
-      const activationIndicator = formFieldRef.current.getElementsByClassName(
-        "saltFormActivationIndicator-icon"
-      );
-      if (activationIndicator.length > 0) {
-        activationIndicator[0].style.transform = `translateX(-${offset}px)`;
-      }
-    }
-  });
-}
-
-export { useActivationIndicatorPosition };
-//# sourceMappingURL=useActivationIndicatorPosition.js.map

package/dist-es/stepper-input/internal/useActivationIndicatorPosition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useActivationIndicatorPosition.js","sources":["../src/stepper-input/internal/useActivationIndicatorPosition.ts"],"sourcesContent":["import { useDensity, useIsomorphicLayoutEffect } from \"@salt-ds/core\";\nimport { useFormFieldLegacyProps } from \"../../form-field-context-legacy\";\nimport { MutableRefObject } from \"react\";\n\nconst refreshButtonWidth = {\n  touch: 36,\n  low: 28,\n  medium: 24,\n  high: 12,\n};\n\n// The activation indicator icon is absolutely positioned by FormField,\n// and must be offset to accommodate the end adornment added by Stepper Input.\n// Ideally, we should be able to provide an 'activationIndicator' class to FormField to\n// override its default positioning instead of directly repositioning it via its ref.\nexport function useActivationIndicatorPosition(\n  adornmentRef: MutableRefObject<HTMLDivElement | null>,\n  refreshButtonVisible: boolean\n) {\n  const formFieldProps = useFormFieldLegacyProps();\n  const { ref: formFieldRef } = formFieldProps;\n  const density = useDensity();\n\n  useIsomorphicLayoutEffect(() => {\n    let offset;\n    if (adornmentRef && adornmentRef.current !== null) {\n      const marginAdjustment =\n        density === \"high\" || density === \"medium\" ? 2 : 4;\n\n      const secondaryButtonAdjustment = refreshButtonVisible\n        ? 0\n        : refreshButtonWidth[density];\n\n      offset =\n        adornmentRef.current.getBoundingClientRect().width -\n        marginAdjustment -\n        secondaryButtonAdjustment;\n    }\n    if (formFieldRef && formFieldRef.current && offset) {\n      const activationIndicator = formFieldRef.current.getElementsByClassName(\n        \"saltFormActivationIndicator-icon\"\n      ) as HTMLCollectionOf<HTMLElement>;\n      if (activationIndicator.length > 0) {\n        activationIndicator[0].style.transform = `translateX(-${offset}px)`;\n      }\n    }\n  });\n}\n"],"names":[],"mappings":";;;;AAIA,MAAM,kBAAqB,GAAA;AAAA,EACzB,KAAO,EAAA,EAAA;AAAA,EACP,GAAK,EAAA,EAAA;AAAA,EACL,MAAQ,EAAA,EAAA;AAAA,EACR,IAAM,EAAA,EAAA;AACR,CAAA,CAAA;AAMgB,SAAA,8BAAA,CACd,cACA,oBACA,EAAA;AACA,EAAA,MAAM,iBAAiB,uBAAwB,EAAA,CAAA;AAC/C,EAAM,MAAA,EAAE,GAAK,EAAA,YAAA,EAAiB,GAAA,cAAA,CAAA;AAC9B,EAAA,MAAM,UAAU,UAAW,EAAA,CAAA;AAE3B,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAI,IAAA,MAAA,CAAA;AACJ,IAAI,IAAA,YAAA,IAAgB,YAAa,CAAA,OAAA,KAAY,IAAM,EAAA;AACjD,MAAA,MAAM,gBACJ,GAAA,OAAA,KAAY,MAAU,IAAA,OAAA,KAAY,WAAW,CAAI,GAAA,CAAA,CAAA;AAEnD,MAAM,MAAA,yBAAA,GAA4B,oBAC9B,GAAA,CAAA,GACA,kBAAmB,CAAA,OAAA,CAAA,CAAA;AAEvB,MAAA,MAAA,GACE,YAAa,CAAA,OAAA,CAAQ,qBAAsB,EAAA,CAAE,QAC7C,gBACA,GAAA,yBAAA,CAAA;AAAA,KACJ;AACA,IAAI,IAAA,YAAA,IAAgB,YAAa,CAAA,OAAA,IAAW,MAAQ,EAAA;AAClD,MAAM,MAAA,mBAAA,GAAsB,aAAa,OAAQ,CAAA,sBAAA;AAAA,QAC/C,kCAAA;AAAA,OACF,CAAA;AACA,MAAI,IAAA,mBAAA,CAAoB,SAAS,CAAG,EAAA;AAClC,QAAoB,mBAAA,CAAA,CAAA,CAAA,CAAG,KAAM,CAAA,SAAA,GAAY,CAAe,YAAA,EAAA,MAAA,CAAA,GAAA,CAAA,CAAA;AAAA,OAC1D;AAAA,KACF;AAAA,GACD,CAAA,CAAA;AACH;;;;"}

package/dist-es/stepper-input/internal/useDynamicAriaLabel.js

@@ -1,72 +0,0 @@
-import { useState, useEffect } from 'react';
-import { useAriaAnnouncer } from '@salt-ds/core';
-
-const useDynamicAriaLabel = (appendLabel, hasLiveValue, inputRef, value, valuesHaveDiverged) => {
-  const [hasAnnounced, setHasAnnounced] = useState(false);
-  const { announce } = useAriaAnnouncer();
-  useEffect(() => {
-    var _a;
-    function applyAriaMessage(ariaLabel) {
-      var _a2, _b, _c, _d;
-      if (!ariaLabel.includes(appendLabel)) {
-        (_a2 = inputRef.current) == null ? void 0 : _a2.setAttribute(
-          "aria-label",
-          `${ariaLabel}${appendLabel}`
-        );
-      }
-      const currentId = ((_b = inputRef.current) == null ? void 0 : _b.getAttribute("id")) || "";
-      const labelledBy = ((_c = inputRef.current) == null ? void 0 : _c.getAttribute("aria-labelledby")) || "";
-      if (!labelledBy.includes(currentId)) {
-        (_d = inputRef.current) == null ? void 0 : _d.setAttribute(
-          "aria-labelledby",
-          `${labelledBy} ${currentId}`
-        );
-      }
-    }
-    function removeAriaMessage(ariaLabel) {
-      var _a2, _b, _c, _d, _e;
-      const replacementAria = ariaLabel == null ? void 0 : ariaLabel.replace(appendLabel, "");
-      if (replacementAria !== void 0) {
-        (_a2 = inputRef.current) == null ? void 0 : _a2.setAttribute("aria-label", replacementAria);
-      }
-      const replacementLabelledBy = (_d = (_b = inputRef.current) == null ? void 0 : _b.getAttribute("aria-labelledby")) == null ? void 0 : _d.replace(` ${(_c = inputRef.current) == null ? void 0 : _c.getAttribute("id")}`, "");
-      if (replacementLabelledBy !== void 0) {
-        (_e = inputRef.current) == null ? void 0 : _e.setAttribute(
-          "aria-labelledby",
-          replacementLabelledBy
-        );
-      }
-    }
-    if (hasLiveValue) {
-      const ariaLabel = ((_a = inputRef.current) == null ? void 0 : _a.getAttribute("aria-label")) || "";
-      if (valuesHaveDiverged()) {
-        applyAriaMessage(ariaLabel);
-      } else {
-        removeAriaMessage(ariaLabel);
-      }
-    }
-  }, [appendLabel, inputRef, hasLiveValue, valuesHaveDiverged, value]);
-  useEffect(() => {
-    var _a;
-    if (hasLiveValue && valuesHaveDiverged()) {
-      if (inputRef.current !== document.activeElement && !hasAnnounced) {
-        announce("");
-        announce(`${(_a = inputRef.current) == null ? void 0 : _a.getAttribute("aria-label")}`);
-        setHasAnnounced(true);
-      }
-    }
-  }, [
-    announce,
-    appendLabel,
-    hasAnnounced,
-    inputRef,
-    hasLiveValue,
-    setHasAnnounced,
-    valuesHaveDiverged,
-    value
-  ]);
-  return { setHasAnnounced };
-};
-
-export { useDynamicAriaLabel };
-//# sourceMappingURL=useDynamicAriaLabel.js.map

package/dist-es/stepper-input/internal/useDynamicAriaLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDynamicAriaLabel.js","sources":["../src/stepper-input/internal/useDynamicAriaLabel.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useAriaAnnouncer } from \"@salt-ds/core\";\n\n// Dynamically append a string to aria-label if the component\n// is controlled and the display value can be refreshed\nexport const useDynamicAriaLabel = (\n  appendLabel: string,\n  hasLiveValue: boolean,\n  inputRef: React.MutableRefObject<HTMLInputElement | null>,\n  value: number | string | undefined,\n  valuesHaveDiverged: () => boolean\n) => {\n  const [hasAnnounced, setHasAnnounced] = useState(false);\n  const { announce } = useAriaAnnouncer();\n\n  useEffect(() => {\n    function applyAriaMessage(ariaLabel: string) {\n      // Don't append the message again if it's already part of the string\n      if (!ariaLabel.includes(appendLabel)) {\n        inputRef.current?.setAttribute(\n          \"aria-label\",\n          `${ariaLabel}${appendLabel}`\n        );\n      }\n\n      const currentId = inputRef.current?.getAttribute(\"id\") || \"\";\n      const labelledBy =\n        inputRef.current?.getAttribute(\"aria-labelledby\") || \"\";\n\n      if (!labelledBy.includes(currentId)) {\n        inputRef.current?.setAttribute(\n          \"aria-labelledby\",\n          `${labelledBy} ${currentId}`\n        );\n      }\n    }\n\n    function removeAriaMessage(ariaLabel: string) {\n      const replacementAria = ariaLabel?.replace(appendLabel, \"\");\n      if (replacementAria !== undefined) {\n        inputRef.current?.setAttribute(\"aria-label\", replacementAria);\n      }\n\n      const replacementLabelledBy = inputRef.current\n        ?.getAttribute(\"aria-labelledby\")\n        ?.replace(` ${inputRef.current?.getAttribute(\"id\")}`, \"\");\n\n      if (replacementLabelledBy !== undefined) {\n        inputRef.current?.setAttribute(\n          \"aria-labelledby\",\n          replacementLabelledBy\n        );\n      }\n    }\n\n    if (hasLiveValue) {\n      const ariaLabel = inputRef.current?.getAttribute(\"aria-label\") || \"\";\n      if (valuesHaveDiverged()) {\n        applyAriaMessage(ariaLabel);\n      } else {\n        removeAriaMessage(ariaLabel);\n      }\n    }\n  }, [appendLabel, inputRef, hasLiveValue, valuesHaveDiverged, value]);\n\n  useEffect(() => {\n    if (hasLiveValue && valuesHaveDiverged()) {\n      // Screen readers will automatically announce updates when the dynamic `aria-label`\n      // changes and the component has focus. When the component *does not* have\n      // focus we should announce only once for the first value update\n      if (inputRef.current !== document.activeElement && !hasAnnounced) {\n        // Empty announcement required until a fix is in place for announcer\n        announce(\"\");\n        announce(`${inputRef.current?.getAttribute(\"aria-label\")}`);\n\n        // We only want to announce on the first value change, but this flag\n        // is reset when the input receives focus\n        setHasAnnounced(true);\n      }\n    }\n  }, [\n    announce,\n    appendLabel,\n    hasAnnounced,\n    inputRef,\n    hasLiveValue,\n    setHasAnnounced,\n    valuesHaveDiverged,\n    value,\n  ]);\n\n  return { setHasAnnounced };\n};\n"],"names":["_a"],"mappings":"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"}

package/dist-types/stepper-input/internal/useActivationIndicatorPosition.d.ts

@@ -1,2 +0,0 @@
-import { MutableRefObject } from "react";
-export declare function useActivationIndicatorPosition(adornmentRef: MutableRefObject<HTMLDivElement | null>, refreshButtonVisible: boolean): void;

package/dist-types/stepper-input/internal/useDynamicAriaLabel.d.ts

@@ -1,3 +0,0 @@
-export declare const useDynamicAriaLabel: (appendLabel: string, hasLiveValue: boolean, inputRef: React.MutableRefObject<HTMLInputElement | null>, value: number | string | undefined, valuesHaveDiverged: () => boolean) => {
-    setHasAnnounced: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};