@salt-ds/lab 1.0.0-alpha.5 → 1.0.0-alpha.50

package/dist-types/stepped-tracker/SteppedTracker.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface SteppedTrackerProps extends ComponentPropsWithoutRef<"ul"> {
+    /**
+     * The index of the current activeStep
+     */
+    activeStep: number;
+    /**
+     * Should be one or more TrackerStep components
+     */
+    children: ReactNode;
+    /**
+     * The orientation of the SteppedTracker. Defaults to `horizontal`
+     */
+    orientation?: "horizontal" | "vertical";
+}
+export declare const SteppedTracker: import("react").ForwardRefExoticComponent<SteppedTrackerProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist-types/stepped-tracker/SteppedTrackerContext.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+export interface SteppedTrackerContextType {
+    activeStep: number;
+    totalSteps: number;
+    isWithinSteppedTracker: boolean;
+}
+declare type SteppedTrackerProviderProps = Omit<SteppedTrackerContextType, "isWithinSteppedTracker"> & {
+    children: ReactNode;
+};
+export declare const SteppedTrackerProvider: ({ activeStep, totalSteps, children, }: SteppedTrackerProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useSteppedTrackerContext: () => SteppedTrackerContextType;
+export declare const useTrackerStepContext: () => number;
+interface TrackerStepProviderProps {
+    stepNumber: number;
+    children: ReactNode;
+}
+export declare const TrackerStepProvider: ({ children, stepNumber, }: TrackerStepProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-types/stepped-tracker/TrackerConnector/TrackerConnector.d.ts

@@ -0,0 +1,9 @@
+declare type ConnectorState = "default" | "active";
+interface TrackerConnectorProps {
+    /**
+     * The state of the connector, which acts as an indicator of whether the active step is ahead/behind
+     */
+    state: ConnectorState;
+}
+export declare const TrackerConnector: ({ state }: TrackerConnectorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-types/stepped-tracker/TrackerConnector/index.d.ts

@@ -0,0 +1 @@
+export { TrackerConnector } from "./TrackerConnector";

package/dist-types/stepped-tracker/TrackerStep/TrackerStep.d.ts

@@ -0,0 +1,10 @@
+import { type ComponentPropsWithoutRef } from "react";
+declare type State = "default" | "completed";
+export interface TrackerStepProps extends ComponentPropsWithoutRef<"li"> {
+    /**
+     * The state of the TrackerStep
+     */
+    state?: State;
+}
+export declare const TrackerStep: import("react").ForwardRefExoticComponent<TrackerStepProps & import("react").RefAttributes<HTMLLIElement>>;
+export {};

package/dist-types/stepped-tracker/TrackerStep/index.d.ts

@@ -0,0 +1,2 @@
+export { TrackerStep } from "./TrackerStep";
+export type { TrackerStepProps } from "./TrackerStep";

package/dist-types/stepped-tracker/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SteppedTracker";
+export * from "./TrackerStep";
+export * from "./StepLabel";

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

@@ -1,23 +1,53 @@
-import React from "react";
-import { ButtonProps } from "@salt-ds/core";
-import { InputProps } from "../input";
-import "./StepperInput.css";
-export interface StepperInputProps {
-    ButtonProps?: Partial<ButtonProps>;
-    InputProps?: Partial<InputProps>;
+import { type InputProps } from "@salt-ds/core";
+import { type FocusEventHandler } from "react";
+export interface StepperInputProps extends Omit<InputProps, "onChange" | "emptyReadOnlyMarker"> {
+    /**
+     * A multiplier applied to the `step` when the value is incremented or decremented using the PageDown/PageUp keys.
+     */
     block?: number;
-    className?: string;
+    /**
+     * The number of decimal places to display.
+     */
     decimalPlaces?: number;
+    /**
+     * Sets the initial default value of the component.
+     */
     defaultValue?: number;
-    liveValue?: number;
+    /**
+     * The maximum value that can be selected.
+     */
     max?: number;
+    /**
+     * The minimum value that can be selected.
+     */
     min?: number;
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * Whether to hide the stepper buttons. Defaults to `false`.
+     */
+    hideButtons?: boolean;
+    /**
+     * Callback when stepper input loses focus.
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Callback when stepper input value is changed.
+     */
     onChange?: (changedValue: number | string) => void;
-    showRefreshButton?: boolean;
+    /**
+     * Callback when stepper input gains focus.
+     */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * The amount to increment or decrement the value by when using the stepper buttons or Up Arrow and Down Arrow keys.
+     */
     step?: number;
+    /**
+     * Determines the text alignment of the display value.
+     */
     textAlign?: "center" | "left" | "right";
+    /**
+     * The value of the stepper input. The component will be controlled if this prop is provided.
+     */
     value?: number | string;
 }
-export declare const StepperInput: React.ForwardRefExoticComponent<StepperInputProps & React.RefAttributes<HTMLDivElement>>;
+export declare const StepperInput: import("react").ForwardRefExoticComponent<StepperInputProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,3 @@
-declare type IntervalFunction = () => unknown | void;
+declare type IntervalFunction = () => void;
 declare function useInterval(callback: IntervalFunction, delay: number | null): void;
 export { useInterval };

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

@@ -1,296 +1,15 @@
-import { MutableRefObject } from "react";
-import { ButtonProps } from "@salt-ds/core";
-import { InputProps } from "../input";
-import { StepperInputProps } from "./StepperInput";
-declare type Direction = "decrement" | "increment";
+import { type InputProps } from "@salt-ds/core";
+import type { MouseEvent, MutableRefObject } from "react";
+import type { StepperInputProps } from "./StepperInput";
 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" | "inline" | "both" | 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" | "execute" | "move" | "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/dist-types/system-status/SystemStatus.d.ts

@@ -0,0 +1,9 @@
+import { type ValidationStatus } from "@salt-ds/core";
+import { type HTMLAttributes } from "react";
+export interface SystemStatusProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     *  A string to determine the current state of the SystemStatus. Defaults to `info`.
+     */
+    status?: ValidationStatus;
+}
+export declare const SystemStatus: import("react").ForwardRefExoticComponent<SystemStatusProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/system-status/SystemStatusActions.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+interface SystemStatusActionsProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of SystemStatusActions
+     */
+    children: ReactNode;
+}
+export declare const SystemStatusActions: import("react").ForwardRefExoticComponent<SystemStatusActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist-types/system-status/SystemStatusContent.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+interface SystemStatusContentProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of SystemStatusContent
+     */
+    children: ReactNode;
+}
+export declare const SystemStatusContent: import("react").ForwardRefExoticComponent<SystemStatusContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist-types/system-status/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SystemStatus";
+export * from "./SystemStatusContent";
+export * from "./SystemStatusActions";

package/dist-types/tabs/Tab.d.ts

@@ -1,5 +1,4 @@
-import { KeyboardEvent, MouseEvent } from "react";
-import "./Tab.css";
+import { type KeyboardEvent, type MouseEvent } from "react";
 export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onKeyUp" | "onClick"> & {
     ariaControls?: string | undefined;
     closeable?: boolean | undefined;

package/dist-types/tabs/TabActivationIndicator.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
-import "./TabActivationIndicator.css";
 interface TabActivationIndicatorProps {
     hideThumb?: boolean;
     orientation?: "horizontal" | "vertical";
     disableAnimation?: boolean;
-    tabId?: string;
+    tabId?: string | null;
 }
-export declare const TabActivationIndicator: ({ hideThumb, orientation, tabId, }: TabActivationIndicatorProps) => JSX.Element;
+export declare const TabActivationIndicator: ({ hideThumb, orientation, tabId, }: TabActivationIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist-types/tabs/TabPanel.d.ts

@@ -1,5 +1,4 @@
-import { HTMLAttributes } from "react";
-import "./TabPanel.css";
+import { type HTMLAttributes } from "react";
 export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
     enableClose?: boolean;
     label: string;

package/dist-types/tabs/Tabs.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import { FocusAPI, TabstripProps } from "./TabsTypes";
-import "./Tabs.css";
+import type { FocusAPI, TabstripProps } from "./TabsTypes";
 export declare type TabsProps = Omit<TabstripProps, "defaultSource">;
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<FocusAPI>>;

package/dist-types/tabs/TabsTypes.d.ts

@@ -1,7 +1,7 @@
-import { AriaAttributes, HTMLAttributes, KeyboardEvent, MouseEvent, ReactElement } from "react";
-import { orientationType, OverflowSource } from "../responsive";
-import { EditableLabelProps } from "../editable-label";
-import { ExitEditModeHandler } from "./useEditableItem";
+import type { AriaAttributes, HTMLAttributes, KeyboardEvent, MouseEvent, ReactElement } from "react";
+import type { EditableLabelProps } from "../editable-label";
+import type { OverflowSource, orientationType } from "../responsive";
+import type { ExitEditModeHandler } from "./useEditableItem";
 export interface FocusAPI {
     focus: () => void;
 }
@@ -56,9 +56,9 @@ export interface TabstripProps extends HTMLAttributes<HTMLDivElement> {
     showActivationIndicator?: boolean;
     source?: TabsSource;
     /**
-     *  index value of Active Tab, used in controlled mode
+     *  index value of Active Tab, used in controlled mode. Set to `null` for no active tab.
      */
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     /**
      * Set variant - defaults 'primary'
      */

package/dist-types/tabs/Tabstrip.d.ts

@@ -1,5 +1,2 @@
-import React from "react";
-import { FocusAPI, TabstripProps } from "./TabsTypes";
-import "./Tabstrip.css";
-import "./ThemeTabstrip.css";
-export declare const Tabstrip: React.ForwardRefExoticComponent<TabstripProps & React.RefAttributes<FocusAPI>>;
+import type { FocusAPI, TabstripProps } from "./TabsTypes";
+export declare const Tabstrip: import("react").ForwardRefExoticComponent<TabstripProps & import("react").RefAttributes<FocusAPI>>;

package/dist-types/tabs/drag-drop/Draggable.d.ts

@@ -1,6 +1,5 @@
-import { MutableRefObject } from "react";
-import { Rect } from "./dragDropTypes";
-import "./Draggable.css";
+import { type MutableRefObject } from "react";
+import type { Rect } from "./dragDropTypes";
 export declare const Draggable: import("react").ForwardRefExoticComponent<{
     wrapperClassName: string;
     element: HTMLElement;

package/dist-types/tabs/drag-drop/DropIndicator.d.ts

@@ -1,6 +1,4 @@
-/// <reference types="react" />
-import { Rect } from "./dragDropTypes";
-import "./DropIndicator.css";
+import type { Rect } from "./dragDropTypes";
 export declare const DropIndicator: import("react").ForwardRefExoticComponent<{
     className?: string | undefined;
     rect: Rect;