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

package/dist-types/date-picker/useKeyboard.d.ts

@@ -0,0 +1,14 @@
+import type { ElementProps, FloatingContext } from "@floating-ui/react";
+export interface UseKeyboardProps {
+    /**
+     * Whether the hook is enabled
+     * @default true
+     */
+    enabled?: boolean;
+}
+/**
+ * Floating UI Interactions hook, that will open DatePicker on keydown
+ * @param context
+ * @param props
+ */
+export declare function useKeyboard(context: FloatingContext, props: UseKeyboardProps): ElementProps;

package/dist-types/index.d.ts

@@ -1,6 +1,6 @@
 export type { SelectHandler, SelectionChangeHandler, SelectionStrategy, useCollectionItems, } from "./common-hooks";
-export type { ListChangeHandler as ListChangeHandlerDeprecated, ListSelectHandler as ListSelectHandlerDeprecated, } from "./list-deprecated";
 export { ListItemBase as ListItemBaseDeprecated, useListItem as useListItemDeprecated, } from "./list-deprecated";
+export type { ListChangeHandler as ListChangeHandlerDeprecated, ListSelectHandler as ListSelectHandlerDeprecated, } from "./list-deprecated";
 export * from "./app-header";
 export * from "./breadcrumbs";
 export * from "./button-bar";
@@ -19,11 +19,11 @@ export * from "./deck-layout";
 export * from "./dialog";
 export * from "./dropdown";
 export * from "./editable-label";
-export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldProps, FormLabel, } from "./form-field-legacy";
 export * from "./form-field-context-legacy";
+export { FormFieldLegacy as FormField, FormLabel, type FormFieldLegacyProps as FormFieldProps, } from "./form-field-legacy";
 export * from "./form-group";
 export * from "./formatted-input";
-export { InputLegacy as Input, type InputLegacyProps as InputProps, StaticInputAdornment, } from "./input-legacy";
+export { InputLegacy as Input, StaticInputAdornment, type InputLegacyProps as InputProps, } from "./input-legacy";
 export * from "./layer-layout";
 export * from "./list";
 export * from "./list-next";
@@ -31,15 +31,16 @@ export * from "./localization-provider";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
+export * from "./number-input";
 export * from "./overlay";
 export * from "./portal";
 export * from "./query-input";
 export * from "./responsive";
 export * from "./search-input";
 export * from "./slider";
+export * from "./splitter";
 export * from "./static-list";
 export * from "./stepped-tracker";
-export * from "./stepper-input";
 export * from "./system-status";
 export * from "./tabs";
 export * from "./tabs-next";

package/dist-types/{stepper-input/StepperInput.d.ts → number-input/NumberInput.d.ts}

@@ -1,6 +1,6 @@
 import { type ValidationStatus } from "@salt-ds/core";
 import { type ComponentPropsWithoutRef, type InputHTMLAttributes, type ReactNode, type Ref, type SyntheticEvent } from "react";
-export interface StepperInputProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+export interface NumberInputProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     /**
      * A boolean. When `true`, the input will receive a full border.
      */
@@ -14,7 +14,7 @@ export interface StepperInputProps extends Omit<ComponentPropsWithoutRef<"div">,
      */
     defaultValue?: number | string;
     /**
-     * If `true`, the stepper input will be disabled.
+     * If `true`, the number input will be disabled.
      */
     disabled?: boolean;
     /**
@@ -28,7 +28,7 @@ export interface StepperInputProps extends Omit<ComponentPropsWithoutRef<"div">,
      */
     endAdornment?: ReactNode;
     /**
-     * Whether to hide the stepper buttons. Defaults to `false`.
+     * Whether to hide the number buttons. Defaults to `false`.
      * @default false
      */
     hideButtons?: boolean;
@@ -51,7 +51,7 @@ export interface StepperInputProps extends Omit<ComponentPropsWithoutRef<"div">,
      */
     min?: number;
     /**
-     * Callback when stepper input value is changed.
+     * Callback when number input value is changed.
      * @param event - the event triggers value change, could be undefined during increment / decrement button long press
      */
     onChange?: (event: SyntheticEvent | undefined, value: number | string) => void;
@@ -68,7 +68,7 @@ export interface StepperInputProps extends Omit<ComponentPropsWithoutRef<"div">,
      */
     startAdornment?: ReactNode;
     /**
-     * The amount to increment or decrement the value by when using the stepper buttons or Up Arrow and Down Arrow keys. Default to 1.
+     * The amount to increment or decrement the value by when using the number buttons or Up Arrow and Down Arrow keys. Default to 1.
      * @default 1
      */
     step?: number;
@@ -93,8 +93,8 @@ export interface StepperInputProps extends Omit<ComponentPropsWithoutRef<"div">,
      */
     variant?: "primary" | "secondary";
     /**
-     * The value of the stepper input. The component will be controlled if this prop is provided.
+     * The value of the number input. The component will be controlled if this prop is provided.
      */
     value?: number | string | undefined;
 }
-export declare const StepperInput: import("react").ForwardRefExoticComponent<StepperInputProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/number-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useNumberInput";
+export * from "./NumberInput";

package/dist-types/{stepper-input/useStepperInput.d.ts → number-input/useNumberInput.d.ts}

@@ -1,9 +1,9 @@
 import { type Dispatch, type MouseEvent, type MutableRefObject, type SetStateAction, type SyntheticEvent } from "react";
-import type { StepperInputProps } from "./StepperInput";
+import type { NumberInputProps } from "./NumberInput";
 /**
  * Manages increment / decrement logic
  */
-export declare const useStepperInput: ({ decimalPlaces, disabled, inputRef, max, min, onChange, readOnly, setValue, step, stepBlock, value, }: Pick<StepperInputProps, "value" | "max" | "min" | "onChange" | "disabled" | "readOnly" | "step" | "inputRef" | "decimalPlaces" | "stepBlock"> & {
+export declare const useNumberInput: ({ decimalPlaces, disabled, inputRef, max, min, onChange, readOnly, setValue, step, stepBlock, value, }: Pick<NumberInputProps, "value" | "max" | "min" | "onChange" | "disabled" | "readOnly" | "step" | "inputRef" | "decimalPlaces" | "stepBlock"> & {
     setValue: Dispatch<SetStateAction<string | number | undefined>>;
     inputRef: MutableRefObject<HTMLInputElement | null>;
 }) => {

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/dist-types/splitter/SplitHandle.d.ts

@@ -0,0 +1,21 @@
+import { type PanelResizeHandleProps } from "react-resizable-panels";
+export declare type SplitHandleVariant = "primary" | "secondary" | "tertiary" | "transparent";
+export declare type SplitHandleBorder = "top" | "bottom" | "right" | "left" | "top-bottom" | "left-right" | "none";
+export interface SplitHandleProps extends PanelResizeHandleProps {
+    /**
+     * Styling variant
+     * @default "primary"
+     */
+    variant?: SplitHandleVariant;
+    /**
+     * Change which sides get a border displayed
+     *
+     * Default is based on the orientation and appearance
+     * set on the parent Stepper components, ex.
+     * bordered + vertical = left-right
+     * bordered + horizontal = top-bottom
+     * transparent = none
+     */
+    border?: SplitHandleBorder;
+}
+export declare function SplitHandle({ variant: variantProp, border: borderProp, hitAreaMargins, className, ...props }: SplitHandleProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/splitter/SplitPanel.d.ts

@@ -0,0 +1,10 @@
+import { type ImperativePanelHandle, type PanelProps } from "react-resizable-panels";
+export declare type SplitPanelVariant = "primary" | "secondary" | "tertiary";
+export interface SplitPanelProps extends PanelProps {
+    /**
+     * Styling variant
+     * @default "primary"
+     */
+    variant?: SplitPanelVariant;
+}
+export declare const SplitPanel: import("react").ForwardRefExoticComponent<SplitPanelProps & import("react").RefAttributes<ImperativePanelHandle>>;

package/dist-types/splitter/Splitter.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+import { type PanelGroupProps } from "react-resizable-panels";
+export declare type SplitterAppearance = "bordered" | "transparent";
+export declare type SplitterOrientation = "horizontal" | "vertical";
+export declare const OrientationContext: import("react").Context<SplitterOrientation>;
+export declare const AppearanceContext: import("react").Context<SplitterAppearance>;
+export interface SplitterProps extends Omit<PanelGroupProps, "direction"> {
+    /**
+     * The orientation of the splitter.
+     * Replaces `PanelGroupProps["direction"]`
+     */
+    orientation: SplitterOrientation;
+    /**
+     * The appearance of the splitter.
+     * If set to "transparent", the splitter handle will
+     * be transparent, hence the background will be visible.
+     * @default "bordered"
+     */
+    appearance?: SplitterAppearance;
+    children: ReactNode;
+}
+export declare function Splitter({ orientation, appearance: appearanceProp, ...props }: SplitterProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+export { Splitter, type SplitterProps } from "./Splitter";
+export { SplitPanel, type SplitPanelProps } from "./SplitPanel";
+export { SplitHandle, type SplitHandleProps } from "./SplitHandle";
+export type { ImperativePanelHandle } from "react-resizable-panels";

package/dist-types/splitter/utils.d.ts

@@ -0,0 +1,4 @@
+import type { SplitHandleBorder } from "./SplitHandle";
+import type { SplitterAppearance, SplitterOrientation } from "./Splitter";
+export declare function computeAccent(appearance: SplitterAppearance, orientation: SplitterOrientation): SplitHandleBorder;
+export declare function computeVariant(appearance: SplitterAppearance): "primary" | "transparent";

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

@@ -11,11 +11,9 @@ export interface StepProps extends Omit<ComponentPropsWithoutRef<"li">, "onToggl
     substeps?: StepRecord[];
     children?: ReactNode;
 }
-export declare type StepRecord = (Omit<StepProps, "children"> & {
+export declare type StepRecord = Omit<StepProps, "children"> & {
     id: string;
-}) | (Omit<StepProps, "children"> & {
-    key: string;
-});
+};
 export declare type StepStatus = "warning" | "error";
 export declare type StepStage = "pending" | "locked" | "completed" | "inprogress" | "active";
 export declare type StepDepth = number;

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

@@ -2,10 +2,10 @@ import type { StepRecord } from ".";
 export interface StepReducerState {
     steps: StepRecord[];
     flatSteps: StepRecord[];
+    activeStepIndex: number;
     activeStep: StepRecord | null;
     previousStep: StepRecord | null;
     nextStep: StepRecord | null;
-    activeStepIndex: number;
     started: boolean;
     ended: boolean;
 }
@@ -14,11 +14,13 @@ export declare type StepReducerAction = {
 } | {
     type: "previous";
 } | {
-    type: "error";
+    type: "reset";
+} | {
+    type: "status/error";
 } | {
-    type: "warning";
+    type: "status/warning";
 } | {
-    type: "clear";
+    type: "status/clear";
 };
 export interface StepReducerOptions {
     activeStepId?: string;

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

@@ -1,7 +1,10 @@
-import type { StepRecord, StepStage } from "./Step.types";
+import type { StepRecord, StepStage, StepStatus } from "./Step.types";
 import type { StepReducerOptions, StepReducerState } from "./stepReducer.types";
-export declare function assignSteps(steps: StepRecord[], stage?: StepStage): StepRecord[];
-export declare function resetSteps(steps: StepRecord[]): StepRecord[];
+export declare function assignStepsStage(steps: StepRecord[], stage?: StepStage): StepRecord[];
+export declare function assignStepStatus(steps: StepRecord[], stepId: string, status: StepStatus | undefined): StepRecord[];
+export declare function resetSteps(steps: StepRecord[], options?: {
+    resetStatus: boolean;
+}): StepRecord[];
 export declare function autoStageSteps(steps: StepRecord[], options?: StepReducerOptions): StepRecord[];
 export declare function flattenSteps(steps: StepRecord[]): StepRecord[];
 export declare function initStepReducerState(initialSteps: StepRecord[], options?: StepReducerOptions): StepReducerState;