@salt-ds/core 1.47.0 → 1.47.2

package/dist-types/flow-layout/FlowLayout.d.ts

@@ -1,7 +1,7 @@
-import { type ElementType, type ReactElement } from "react";
+import { type ElementType, type FunctionComponent } from "react";
 import { type FlexLayoutProps } from "../flex-layout";
 import type { PolymorphicComponentPropWithRef } from "../utils";
-export declare type FlowLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
+export type FlowLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Defines the default behavior for how flex items are laid out along the cross axis on the current line, default is "stretch".
      */
@@ -23,6 +23,6 @@ export declare type FlowLayoutProps<T extends ElementType> = PolymorphicComponen
      */
     padding?: FlexLayoutProps<ElementType>["padding"];
 }>;
-declare type FlowLayoutComponent = <T extends ElementType = "div">(props: FlowLayoutProps<T>) => ReactElement | null;
+type FlowLayoutComponent = <T extends ElementType = "div">(props: FlowLayoutProps<T>) => ReturnType<FunctionComponent>;
 export declare const FlowLayout: FlowLayoutComponent;
 export {};

package/dist-types/form-field/FormField.d.ts

@@ -1,6 +1,6 @@
 import { type HTMLAttributes } from "react";
 import { type A11yValueProps } from "../form-field-context";
-export declare type FormFieldLabelPlacement = "top" | "left" | "right";
+export type FormFieldLabelPlacement = "top" | "left" | "right";
 export interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, A11yValueProps {
     /**
      * If `true`, the field will be disabled.

package/dist-types/form-field-context/FormFieldContext.d.ts

@@ -9,7 +9,7 @@ export interface A11yValueProps {
      */
     labelId?: string;
 }
-export declare type NecessityType = "required" | "optional" | "asterisk";
+export type NecessityType = "required" | "optional" | "asterisk";
 export interface a11yValueAriaProps {
     "aria-labelledby": A11yValueProps["labelId"];
     "aria-describedby": A11yValueProps["helperTextId"] | undefined;

package/dist-types/grid-item/GridItem.d.ts

@@ -1,9 +1,9 @@
-import { type ElementType, type ReactElement } from "react";
+import { type ElementType, type FunctionComponent } from "react";
 import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
 export declare const GRID_ALIGNMENT_BASE: readonly ["start", "end", "center", "stretch"];
-declare type GridAlignment = (typeof GRID_ALIGNMENT_BASE)[number];
-declare type GridProperty = number | "auto";
-export declare type GridItemProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
+type GridAlignment = (typeof GRID_ALIGNMENT_BASE)[number];
+type GridProperty = number | "auto";
+export type GridItemProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * The item will span across the provided number of grid columns. Defaults to "auto"
      */
@@ -29,6 +29,6 @@ export declare type GridItemProps<T extends ElementType> = PolymorphicComponentP
      */
     padding?: ResponsiveProp<number | string>;
 }>;
-declare type GridItemComponent = <T extends ElementType = "div">(props: GridItemProps<T>) => ReactElement | null;
+type GridItemComponent = <T extends ElementType = "div">(props: GridItemProps<T>) => ReturnType<FunctionComponent>;
 export declare const GridItem: GridItemComponent;
 export {};

package/dist-types/grid-layout/GridLayout.d.ts

@@ -1,6 +1,6 @@
-import { type ElementType, type ReactElement } from "react";
+import { type ElementType, type FunctionComponent } from "react";
 import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
-export declare type GridLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
+export type GridLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Number of columns to be displayed. Defaults to 12
      */
@@ -30,6 +30,6 @@ export declare type GridLayoutProps<T extends ElementType> = PolymorphicComponen
      */
     padding?: ResponsiveProp<number | string>;
 }>;
-declare type GridLayoutComponent = <T extends ElementType = "div">(props: GridLayoutProps<T>) => ReactElement | null;
+type GridLayoutComponent = <T extends ElementType = "div">(props: GridLayoutProps<T>) => ReturnType<FunctionComponent>;
 export declare const GridLayout: GridLayoutComponent;
 export {};

package/dist-types/index.d.ts

@@ -39,26 +39,26 @@ export * from "./parent-child-layout";
 export * from "./pill";
 export * from "./progress";
 export * from "./radio-button";
+export * from "./salt-provider";
 export * from "./scrim";
 export * from "./segmented-button-group";
+export * from "./semantic-icon-provider";
 export * from "./skip-link";
+export * from "./slider";
 export * from "./spinner";
+export * from "./split-layout";
 export * from "./stack-layout";
 export * from "./status-adornment";
 export * from "./status-indicator";
 export * from "./stepper";
+export * from "./switch";
+export * from "./tag";
 export * from "./text";
 export * from "./theme";
 export * from "./toast";
-export * from "./salt-provider";
-export * from "./slider";
-export * from "./split-layout";
-export * from "./switch";
-export * from "./tag";
 export * from "./toggle-button";
 export * from "./toggle-button-group";
 export * from "./tooltip";
+export * from "./types";
 export * from "./utils";
 export * from "./viewport";
-export * from "./types";
-export * from "./semantic-icon-provider";

package/dist-types/interactable-card/InteractableCardGroupContext.d.ts

@@ -1,5 +1,5 @@
 import { type SyntheticEvent } from "react";
-export declare type InteractableCardValue = string | readonly string[] | undefined;
+export type InteractableCardValue = string | readonly string[] | undefined;
 export interface InteractableCardGroupContextValue {
     disabled?: boolean;
     select: (event: SyntheticEvent<HTMLDivElement>, value: InteractableCardValue) => void;

package/dist-types/list-box/ListBox.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
 import { type ListControlProps } from "../list-control/ListControlState";
-export declare type ListBoxProps<Item = string> = {
+export type ListBoxProps<Item = string> = {
     /**
      * If `true`, the list box will be disabled.
      */
@@ -18,23 +18,6 @@ export declare type ListBoxProps<Item = string> = {
      */
     multiselect?: boolean;
 } & ComponentPropsWithoutRef<"div"> & Omit<ListControlProps<Item>, "onOpenChange">;
-export declare const ListBox: <Item = string>(props: {
-    /**
-     * If `true`, the list box will be disabled.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * If `false`, the list box will have not a border.
-     */
-    bordered?: boolean | undefined;
-    /**
-     * The options to display in the list box.
-     */
-    children?: ReactNode;
-    /**
-     * If `true`, the list box will be multiselect.
-     */
-    multiselect?: boolean | undefined;
-} & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & Omit<ListControlProps<Item>, "onOpenChange"> & {
-    ref?: Ref<HTMLDivElement> | undefined;
+export declare const ListBox: <Item = string>(props: ListBoxProps<Item> & {
+    ref?: Ref<HTMLDivElement>;
 }) => JSX.Element;

package/dist-types/list-control/ListControlContext.d.ts

@@ -1,10 +1,10 @@
-import { type SyntheticEvent } from "react";
+import { type RefObject, type SyntheticEvent } from "react";
 export interface OptionValue<Item> {
     id: string;
     disabled: boolean;
     value: Item;
 }
-export declare type OpenChangeReason = "input" | "manual";
+export type OpenChangeReason = "input" | "manual";
 export interface ListControlContextValue<Item> {
     openState: boolean;
     setOpen: (newOpen: boolean, openChangeReason?: OpenChangeReason) => void;
@@ -17,6 +17,7 @@ export interface ListControlContextValue<Item> {
     focusVisibleState: boolean;
     valueToString: (item: Item) => string;
     disabled?: boolean;
+    listRef?: RefObject<HTMLDivElement>;
 }
 export declare const ListControlContext: import("react").Context<ListControlContextValue<any>>;
 export declare function useListControlContext<Item>(): ListControlContextValue<Item>;

package/dist-types/list-control/ListControlState.d.ts

@@ -1,7 +1,7 @@
 import { type SyntheticEvent } from "react";
 import type { OptionValue } from "./ListControlContext";
-export declare type OpenChangeReason = "input" | "manual";
-export declare type ListControlProps<Item> = {
+export type OpenChangeReason = "input" | "manual";
+export type ListControlProps<Item> = {
     /**
      * If true, the control will be disabled.
      */
@@ -47,10 +47,10 @@ export declare function defaultValueToString<Item>(item: Item): string;
 export declare function useListControl<Item>(props: ListControlProps<Item>): {
     multiselect: boolean;
     openState: boolean;
-    setOpen: (newOpen: boolean, reason?: OpenChangeReason | undefined, key?: string | undefined) => void;
+    setOpen: (newOpen: boolean, reason?: OpenChangeReason, key?: string) => void;
     openKey: import("react").MutableRefObject<string | undefined>;
     activeState: OptionValue<Item> | undefined;
-    setActive: (option?: OptionValue<Item> | undefined) => void;
+    setActive: (option?: OptionValue<Item>) => void;
     selectedState: Item[];
     setSelectedState: import("react").Dispatch<import("react").SetStateAction<Item[]>>;
     select: (event: SyntheticEvent, option: OptionValue<Item>) => void;
@@ -71,7 +71,7 @@ export declare function useListControl<Item>(props: ListControlProps<Item>): {
         data: OptionValue<Item>;
         element: HTMLElement;
     }[];
-    getOptionFromSearch: (search: string, startFrom?: OptionValue<Item> | undefined) => OptionValue<Item> | undefined;
+    getOptionFromSearch: (search: string, startFrom?: OptionValue<Item>) => OptionValue<Item> | undefined;
     getOptionAfter: (option: OptionValue<Item>) => {
         data: OptionValue<Item>;
         element: HTMLElement;

package/dist-types/menu/MenuContext.d.ts

@@ -1,7 +1,7 @@
 import type { useInteractions } from "@floating-ui/react";
 import { type Dispatch, type MutableRefObject, type SetStateAction } from "react";
 import { type UseFloatingUIReturn } from "../utils";
-declare type UseInteractionsReturn = ReturnType<typeof useInteractions>;
+type UseInteractionsReturn = ReturnType<typeof useInteractions>;
 export interface MenuContextValue extends Pick<UseInteractionsReturn, "getItemProps" | "getReferenceProps" | "getFloatingProps">, Partial<Pick<UseFloatingUIReturn, "context" | "refs">> {
     openState: boolean;
     activeIndex: number | null;

package/dist-types/menu/MenuTrigger.d.ts

@@ -5,4 +5,4 @@ export interface MenuTriggerProps {
      */
     children?: ReactNode;
 }
-export declare function MenuTrigger(props: MenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare const MenuTrigger: import("react").ForwardRefExoticComponent<MenuTriggerProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,5 +1,5 @@
 export * from "./Menu";
+export * from "./MenuGroup";
 export * from "./MenuItem";
 export * from "./MenuPanel";
 export * from "./MenuTrigger";
-export * from "./MenuGroup";

package/dist-types/overlay/OverlayContext.d.ts

@@ -1,6 +1,6 @@
 import type { FloatingArrowProps, FloatingContext, ReferenceType, Strategy } from "@floating-ui/react";
 import { type HTMLProps } from "react";
-declare type FloatingStyleProps = {
+type FloatingStyleProps = {
     top: number;
     left: number;
     position: Strategy;

package/dist-types/overlay/OverlayTrigger.d.ts

@@ -2,4 +2,4 @@ import { type ReactNode } from "react";
 export interface OverlayTriggerProps {
     children?: ReactNode;
 }
-export declare function OverlayTrigger(props: OverlayTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare const OverlayTrigger: import("react").ForwardRefExoticComponent<OverlayTriggerProps & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,6 +1,6 @@
 export * from "./Overlay";
-export * from "./OverlayTrigger";
-export * from "./OverlayPanel";
 export * from "./OverlayHeader";
+export * from "./OverlayPanel";
 export * from "./OverlayPanelCloseButton";
 export * from "./OverlayPanelContent";
+export * from "./OverlayTrigger";

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

@@ -1,5 +1,5 @@
-export * from "./Pagination";
-export * from "./Paginator";
 export * from "./CompactInput";
 export * from "./CompactPaginator";
 export * from "./GoToInput";
+export * from "./Pagination";
+export * from "./Paginator";

package/dist-types/pagination/usePagination.d.ts

@@ -1,2 +1,2 @@
-export declare type PageRange = [number, number];
+export type PageRange = [number, number];
 export declare function usePagination(page: number, count: number, boundaryCount: number, siblingCount: number): readonly [PageRange | undefined, PageRange, PageRange | undefined];

package/dist-types/salt-provider/SaltProvider.d.ts

@@ -25,7 +25,7 @@ export interface ThemeContextProps {
 export declare const DensityContext: import("react").Context<"touch" | "high" | "low" | "medium">;
 export declare const ThemeContext: import("react").Context<ThemeContextProps>;
 export declare const BreakpointContext: import("react").Context<Breakpoints>;
-declare type TargetElement = "root" | "scope" | "child";
+type TargetElement = "root" | "scope" | "child";
 interface SaltProviderBaseProps {
     /**
      * Either "root", "scope" or "child".
@@ -77,7 +77,7 @@ interface SaltProviderThatInjectsThemeElement extends SaltProviderBaseProps {
 interface SaltProviderThatClassesToRoot extends SaltProviderThatInjectsThemeElement {
     applyClassesTo: "root";
 }
-declare type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderThatInjectsThemeElement | SaltProviderThatClassesToRoot;
+type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderThatInjectsThemeElement | SaltProviderThatClassesToRoot;
 export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): import("react/jsx-runtime").JSX.Element;
 interface SaltProviderNextAdditionalProps {
     /**
@@ -105,9 +105,9 @@ interface SaltProviderNextAdditionalProps {
      */
     actionFont?: ActionFont;
 }
-export declare type SaltProviderNextProps = SaltProviderProps & SaltProviderNextAdditionalProps;
+export type SaltProviderNextProps = SaltProviderProps & SaltProviderNextAdditionalProps;
 /** @deprecated use `SaltProviderNextProps` */
-export declare type UNSTABLE_SaltProviderNextProps = SaltProviderNextProps;
+export type UNSTABLE_SaltProviderNextProps = SaltProviderNextProps;
 export declare function SaltProviderNext({ enableStyleInjection, ...restProps }: SaltProviderNextProps): import("react/jsx-runtime").JSX.Element;
 /** @deprecated use `SaltProviderNext` */
 export declare const UNSTABLE_SaltProviderNext: typeof SaltProviderNext;

package/dist-types/semantic-icon-provider/SemanticIconProvider.d.ts

@@ -1,5 +1,5 @@
 import { type ElementType, type ReactNode } from "react";
-export declare type SemanticIconMap = {
+export type SemanticIconMap = {
     ExpandIcon: ElementType;
     CollapseIcon: ElementType;
     ExpandGroupIcon: ElementType;

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

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

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

@@ -1,6 +1,6 @@
 import { type ChangeEvent, type Dispatch, type RefObject, type SetStateAction } from "react";
 import type { SliderProps } from "../Slider";
-declare type UseRangeSliderThumbProps = Pick<SliderProps, "min" | "max" | "step"> & {
+type UseRangeSliderThumbProps = Pick<SliderProps, "min" | "max" | "step"> & {
     decimalPlaces: number;
     handleInputChange: (event: ChangeEvent<HTMLInputElement>, thumbIndex: number) => void;
     inputRefs: RefObject<HTMLInputElement>[];

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

@@ -1,6 +1,6 @@
 import { type ChangeEvent, type Dispatch, type RefObject, type SetStateAction } from "react";
 import type { SliderProps } from "../Slider";
-declare type UseSliderThumbProps = Pick<SliderProps, "min" | "max" | "step"> & {
+type UseSliderThumbProps = Pick<SliderProps, "min" | "max" | "step"> & {
     decimalPlaces: number;
     handleInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
     inputRef: RefObject<HTMLInputElement>;

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

@@ -5,16 +5,16 @@ export declare const calculatePercentage: (value: number, max: number, min: numb
 export declare const clamp: (value: number, max: number, min: number, step: number, decimalPlaces: number, marks?: {
     value: number;
     label: string;
-}[] | undefined, restrictToMarks?: boolean | undefined) => number;
+}[], restrictToMarks?: boolean) => 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];
+}[], restrictToMarks?: boolean) => [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?: {
+}[], restrictToMarks?: boolean) => number | undefined;
+export declare const getKeyboardValue: (event: React.KeyboardEvent, value: number, step: number, stepMultiplier: number, max: number, min: number, restrictToMarks?: boolean, marks?: {
     label: string;
     value: number;
-}[] | undefined) => number;
+}[]) => number;

package/dist-types/spinner/Spinner.d.ts

@@ -6,8 +6,8 @@ import { type HTMLAttributes } from "react";
  * <Spinner size="small" | "medium" | "large" />
  */
 export declare const SpinnerSizeValues: readonly ["default", "large", "small", "medium"];
-declare type SpinnerSize = (typeof SpinnerSizeValues)[number];
-export declare type SpinnerSVGSize = Exclude<SpinnerSize, "default">;
+type SpinnerSize = (typeof SpinnerSizeValues)[number];
+export type SpinnerSVGSize = Exclude<SpinnerSize, "default">;
 export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Determines the interval on which the component will continue to announce the aria-label. Defaults to 5000ms (5s)

package/dist-types/split-layout/SplitLayout.d.ts

@@ -1,7 +1,7 @@
-import { type ElementType, type ReactElement, type ReactNode } from "react";
+import { type ElementType, type FunctionComponent, type ReactNode } from "react";
 import { type FlexLayoutProps } from "../flex-layout";
 import { type PolymorphicComponentPropWithRef } from "../utils";
-export declare type SplitLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
+export type SplitLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Defines the default behavior for how flex items are laid out along the cross axis on the current line.
      */
@@ -31,6 +31,6 @@ export declare type SplitLayoutProps<T extends ElementType> = PolymorphicCompone
      */
     padding?: FlexLayoutProps<ElementType>["padding"];
 }>;
-declare type SplitLayoutComponent = <T extends ElementType = "div">(props: SplitLayoutProps<T>) => ReactElement | null;
+type SplitLayoutComponent = <T extends ElementType = "div">(props: SplitLayoutProps<T>) => ReturnType<FunctionComponent>;
 export declare const SplitLayout: SplitLayoutComponent;
 export {};

package/dist-types/stack-layout/StackLayout.d.ts

@@ -1,7 +1,7 @@
-import { type ElementType, type ReactElement } from "react";
+import { type ElementType, type FunctionComponent } from "react";
 import { type FlexLayoutProps, type LayoutDirection, type LayoutSeparator } from "../flex-layout";
 import { type PolymorphicComponentPropWithRef, type ResponsiveProp } from "../utils";
-export declare type StackLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
+export type StackLayoutProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Defines the default behavior for how flex items are laid out along the cross axis on the current line, default is "stretch".
      */
@@ -27,6 +27,6 @@ export declare type StackLayoutProps<T extends ElementType> = PolymorphicCompone
      */
     padding?: FlexLayoutProps<ElementType>["padding"];
 }>;
-declare type StackLayoutComponent = <T extends ElementType = "div">(props: StackLayoutProps<T>) => ReactElement | null;
+type StackLayoutComponent = <T extends ElementType = "div">(props: StackLayoutProps<T>) => ReturnType<FunctionComponent>;
 export declare const StackLayout: StackLayoutComponent;
 export {};

package/dist-types/status-adornment/ErrorAdornment.d.ts

@@ -1,3 +1,3 @@
 import type { IconProps } from "@salt-ds/icons";
-export declare type ErrorAdornmentIconProps = IconProps;
+export type ErrorAdornmentIconProps = IconProps;
 export declare const ErrorAdornmentIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist-types/status-adornment/StatusAdornment.d.ts

@@ -1,6 +1,6 @@
 import type { IconProps } from "@salt-ds/icons";
 import type { ValidationStatus } from "../status-indicator";
-export declare type AdornmentValidationStatus = Exclude<ValidationStatus, "info">;
+export type AdornmentValidationStatus = Exclude<ValidationStatus, "info">;
 export interface StatusAdornmentProps extends IconProps {
     /**
      * Status adornment to be displayed.

package/dist-types/status-adornment/SuccessAdornment.d.ts

@@ -1,3 +1,3 @@
 import type { IconProps } from "@salt-ds/icons";
-export declare type SuccessAdornmentIconProps = IconProps;
+export type SuccessAdornmentIconProps = IconProps;
 export declare const SuccessAdornmentIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist-types/status-adornment/WarningAdornment.d.ts

@@ -1,3 +1,3 @@
 import type { IconProps } from "@salt-ds/icons";
-export declare type WarningAdornmentIconProps = IconProps;
+export type WarningAdornmentIconProps = IconProps;
 export declare const WarningAdornmentIcon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist-types/status-indicator/ValidationStatus.d.ts

@@ -1,2 +1,2 @@
 export declare const VALIDATION_NAMED_STATUS: readonly ["error", "warning", "success", "info"];
-export declare type ValidationStatus = (typeof VALIDATION_NAMED_STATUS)[number];
+export type ValidationStatus = (typeof VALIDATION_NAMED_STATUS)[number];

package/dist-types/stepper/Step.d.ts

@@ -30,10 +30,10 @@ export interface StepProps extends Omit<ComponentPropsWithoutRef<"li">, "onToggl
      */
     onToggle?: ButtonProps["onClick"];
 }
-export declare type StepId = string;
-export declare type StepStatus = "warning" | "error";
-export declare type StepStage = "pending" | "locked" | "completed" | "inprogress" | "active";
-export declare type StepDepth = number;
+export type StepId = string;
+export type StepStatus = "warning" | "error";
+export type StepStage = "pending" | "locked" | "completed" | "inprogress" | "active";
+export type StepDepth = number;
 export interface StepProps extends Omit<ComponentPropsWithoutRef<"li">, "onToggle"> {
     label?: ReactNode;
     description?: ReactNode;

package/dist-types/stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 import { type ComponentPropsWithoutRef } from "react";
-export declare type StepperOrientation = "horizontal" | "vertical";
+export type StepperOrientation = "horizontal" | "vertical";
 export interface StepperProps extends ComponentPropsWithoutRef<"ol"> {
     /**
      * The orientation of the stepper: defaults to horizontal.

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

@@ -1,2 +1,2 @@
-export * from "./Stepper";
 export * from "./Step";
+export * from "./Stepper";

package/dist-types/text/Text.d.ts

@@ -1,7 +1,7 @@
-import { type ElementType, type ReactElement } from "react";
-import { type PolymorphicComponentPropWithRef } from "../utils";
+import { type ElementType, type FunctionComponent } from "react";
 import type { ValidationStatus } from "../status-indicator";
-export declare type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
+import { type PolymorphicComponentPropWithRef } from "../utils";
+export type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Applies disabled styling when true
      */
@@ -21,6 +21,6 @@ export declare type TextProps<T extends ElementType> = PolymorphicComponentPropW
     variant?: "primary" | "secondary";
     color?: "inherit" | "primary" | "secondary" | ValidationStatus;
 }>;
-declare type TextComponent = <T extends ElementType = "div">(props: TextProps<T>) => ReactElement | null;
+type TextComponent = <T extends ElementType = "div">(props: TextProps<T>) => ReturnType<FunctionComponent>;
 export declare const Text: TextComponent;
 export {};

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

@@ -1,7 +1,7 @@
-export * from "./Text";
 export * from "./Code";
 export * from "./Display";
 export * from "./Headings";
 export * from "./Label";
+export * from "./Text";
 export * from "./TextAction";
 export * from "./TextNotation";

package/dist-types/theme/Accent.d.ts

@@ -1,6 +1,6 @@
 export declare const AccentValues: readonly ["blue", "teal"];
 /** @deprecated use `AccentValues` */
 export declare const UNSTABLE_AccentValues: readonly ["blue", "teal"];
-export declare type Accent = (typeof AccentValues)[number];
+export type Accent = (typeof AccentValues)[number];
 /** @deprecated use `Accent` */
-export declare type UNSTABLE_Accent = Accent;
+export type UNSTABLE_Accent = Accent;

package/dist-types/theme/ActionFont.d.ts

@@ -1,6 +1,6 @@
 export declare const ActionFontValues: readonly ["Open Sans", "Amplitude"];
 /** @deprecated use `ActionFontValues` */
 export declare const UNSTABLE_ActionFontValues: readonly ["Open Sans", "Amplitude"];
-export declare type ActionFont = (typeof ActionFontValues)[number];
+export type ActionFont = (typeof ActionFontValues)[number];
 /** @deprecated use `ActionFont` */
-export declare type UNSTABLE_ActionFont = ActionFont;
+export type UNSTABLE_ActionFont = ActionFont;

package/dist-types/theme/Corner.d.ts

@@ -1,6 +1,6 @@
 export declare const CornerValues: readonly ["sharp", "rounded"];
 /** @deprecated use `CornerValues` */
 export declare const UNSTABLE_CornerValues: readonly ["sharp", "rounded"];
-export declare type Corner = (typeof CornerValues)[number];
+export type Corner = (typeof CornerValues)[number];
 /** @deprecated Use `Corner` */
-export declare type UNSTABLE_Corner = Corner;
+export type UNSTABLE_Corner = Corner;

package/dist-types/theme/Density.d.ts

@@ -1,2 +1,2 @@
 export declare const DensityValues: readonly ["high", "medium", "low", "touch"];
-export declare type Density = (typeof DensityValues)[number];
+export type Density = (typeof DensityValues)[number];

package/dist-types/theme/HeadingFont.d.ts

@@ -1,6 +1,6 @@
 export declare const HeadingFontValues: readonly ["Open Sans", "Amplitude"];
 /** @deprecated use `HeadingFontValues` */
 export declare const UNSTABLE_HeadingFontValues: readonly ["Open Sans", "Amplitude"];
-export declare type HeadingFont = (typeof HeadingFontValues)[number];
+export type HeadingFont = (typeof HeadingFontValues)[number];
 /** @deprecated Use `HeadingFont` */
-export declare type UNSTABLE_HeadingFont = HeadingFont;
+export type UNSTABLE_HeadingFont = HeadingFont;

package/dist-types/theme/Mode.d.ts

@@ -1,2 +1,2 @@
 export declare const ModeValues: readonly ["light", "dark"];
-export declare type Mode = (typeof ModeValues)[number];
+export type Mode = (typeof ModeValues)[number];

package/dist-types/theme/Theme.d.ts

@@ -1,3 +1,3 @@
-export declare type characteristic = "accent" | "actionable" | "container" | "draggable" | "editable" | "focused" | "measured" | "navigable" | "overlayable" | "selectable" | "separable" | "status" | "taggable" | "target" | "text" | "differential";
-export declare type ThemeName = string;
-export declare const getCharacteristicValue: (themeName: ThemeName, characteristicName: characteristic, variant: string, scopeElement?: HTMLElement | undefined) => string | null;
+export type characteristic = "accent" | "actionable" | "container" | "draggable" | "editable" | "focused" | "measured" | "navigable" | "overlayable" | "selectable" | "separable" | "status" | "taggable" | "target" | "text" | "differential";
+export type ThemeName = string;
+export declare const getCharacteristicValue: (themeName: ThemeName, characteristicName: characteristic, variant: string, scopeElement?: HTMLElement) => string | null;

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

@@ -1,7 +1,7 @@
 export * from "./Accent";
 export * from "./ActionFont";
+export * from "./Corner";
 export * from "./Density";
 export * from "./HeadingFont";
-export * from "./Theme";
 export * from "./Mode";
-export * from "./Corner";
+export * from "./Theme";

package/dist-types/toast/Toast.d.ts

@@ -1,6 +1,6 @@
+import type { IconProps } from "@salt-ds/icons";
 import { type ComponentPropsWithoutRef, type ReactElement } from "react";
 import { type ValidationStatus } from "../status-indicator";
-import type { IconProps } from "@salt-ds/icons";
 export interface ToastProps extends ComponentPropsWithoutRef<"div"> {
     /**
      *  A string to determine the current state of the Toast.

package/dist-types/toggle-button-group/ToggleButtonGroupContext.d.ts

@@ -1,6 +1,6 @@
 import { type SyntheticEvent } from "react";
 import type { ButtonAppearance, ButtonSentiment } from "../button";
-export declare type Value = string | readonly string[] | number | undefined;
+export type Value = string | readonly string[] | number | undefined;
 export interface ToggleButtonGroupContextValue {
     appearance?: Extract<ButtonAppearance, "bordered" | "solid">;
     disabled?: boolean;

package/dist-types/tooltip/useAriaAnnounce.d.ts

@@ -1,5 +1,5 @@
 import type { ElementProps, FloatingContext } from "@floating-ui/react";
-declare type Props = {
+type Props = {
     delay?: number | Partial<{
         open: number;
         close: number;