@salt-ds/core 1.31.0 → 1.32.0

package/dist-types/radio-button/RadioButton.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEventHandler, ComponentPropsWithoutRef, FocusEventHandler, InputHTMLAttributes, ReactNode } from "react";
-import { AdornmentValidationStatus } from "../status-adornment";
+import { type ChangeEventHandler, type ComponentPropsWithoutRef, type FocusEventHandler, type InputHTMLAttributes, type ReactNode } from "react";
+import type { AdornmentValidationStatus } from "../status-adornment";
 export interface RadioButtonProps extends Omit<ComponentPropsWithoutRef<"label">, "onChange" | "onBlur" | "onFocus"> {
     /**
      * Set the default selected radio button in the group

package/dist-types/radio-button/RadioButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, ComponentPropsWithoutRef } from "react";
+import { type ChangeEventHandler, type ComponentPropsWithoutRef } from "react";
 export interface RadioButtonGroupProps extends Omit<ComponentPropsWithoutRef<"fieldset">, "onChange"> {
     /**
      * Set the selected value when initialized.

package/dist-types/radio-button/RadioButtonIcon.d.ts

@@ -1,5 +1,5 @@
-import { AdornmentValidationStatus } from "../status-adornment";
-import { ComponentPropsWithoutRef } from "react";
+import type { ComponentPropsWithoutRef } from "react";
+import type { AdornmentValidationStatus } from "../status-adornment";
 export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
     checked?: boolean;
     disabled?: boolean;
@@ -13,4 +13,4 @@ export interface RadioButtonIconProps extends ComponentPropsWithoutRef<"div"> {
 /**
  * Default radio icon
  */
-export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => JSX.Element;
+export declare const RadioButtonIcon: ({ checked, className, error, disabled, validationStatus, readOnly, ...rest }: RadioButtonIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/radio-button/internal/RadioGroupContext.d.ts

@@ -1,5 +1,5 @@
-import { ChangeEventHandler } from "react";
-import { AdornmentValidationStatus } from "../../status-adornment";
+import type { ChangeEventHandler } from "react";
+import type { AdornmentValidationStatus } from "../../status-adornment";
 export interface RadioGroupContextValue {
     disabled?: boolean;
     name?: string;

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

@@ -1,10 +1,7 @@
-import React, { ReactElement, ReactNode } from "react";
-import { Breakpoints } from "../breakpoints";
-import { Density, Mode, ThemeName, UNSTABLE_ActionFont } from "../theme";
-import { WindowContextType } from "@salt-ds/window";
-import { UNSTABLE_Corner } from "../theme/Corner";
-import { UNSTABLE_HeadingFont } from "../theme/HeadingFont";
-import { UNSTABLE_Accent } from "../theme/Accent";
+import { type WindowContextType } from "@salt-ds/window";
+import React, { type ReactElement, type ReactNode } from "react";
+import { type Breakpoints } from "../breakpoints";
+import type { Accent, ActionFont, Corner, Density, HeadingFont, Mode, ThemeName } from "../theme";
 export declare const DEFAULT_DENSITY = "medium";
 export interface ThemeContextProps {
     theme: ThemeName;
@@ -12,21 +9,62 @@ export interface ThemeContextProps {
     window?: WindowContextType;
     /** Only available when using SaltProviderNext. */
     themeNext: boolean;
-    UNSTABLE_corner: UNSTABLE_Corner;
-    UNSTABLE_headingFont: UNSTABLE_HeadingFont;
-    UNSTABLE_accent: UNSTABLE_Accent;
-    UNSTABLE_actionFont: UNSTABLE_ActionFont;
+    corner: Corner;
+    /** @deprecated use `corner`*/
+    UNSTABLE_corner: Corner;
+    headingFont: HeadingFont;
+    /** @deprecated use `headingFont` */
+    UNSTABLE_headingFont: HeadingFont;
+    accent: Accent;
+    /** @deprecated use `accent` */
+    UNSTABLE_accent: Accent;
+    actionFont: ActionFont;
+    /** @deprecated use `actionFont` */
+    UNSTABLE_actionFont: ActionFont;
 }
 export declare const DensityContext: React.Context<"touch" | "high" | "low" | "medium">;
 export declare const ThemeContext: React.Context<ThemeContextProps>;
 export declare const BreakpointContext: React.Context<Breakpoints>;
 declare type TargetElement = "root" | "scope" | "child";
 interface SaltProviderBaseProps {
+    /**
+     * Either "root", "scope" or "child".
+     * Specifies the location of salt theme class and attributes should be applied to.
+     *
+     * Defaults to "root" for a root provider, otherwise "scope".
+     */
     applyClassesTo?: TargetElement;
+    /**
+     * Either "high", "medium", "low" or "touch".
+     * Determines the amount of content that can fit on a screen based on the size and spacing of components.
+     * Refer to [density](https://www.saltdesignsystem.com/salt/foundations/density) doc for more detail.
+     *
+     * @default "medium"
+     */
     density?: Density;
+    /**
+     * A string. Specifies custom theme name(s) you want to apply, similar to `className`.
+     */
     theme?: ThemeName;
+    /**
+     * Either "light" or "dark". Enable the color palette to change from light to dark.
+     * Refer to [modes](https://www.saltdesignsystem.com/salt/foundations/modes) doc for more detail.
+     *
+     * @default "light"
+     */
     mode?: Mode;
+    /**
+     * Shape of `{ xs: number; sm: number; md: number; lg: number; xl: number; }`.
+     * Determins breakpoints used in responsive calulation for layout components.
+     */
     breakpoints?: Breakpoints;
+    /**
+     * A boolean. Enables dynamic style injection for each component.
+     *
+     * If `false`, you'll need to include component CSS yourself.
+     *
+     * @default true
+     */
     enableStyleInjection?: boolean;
 }
 interface SaltProviderThatAppliesClassesToChild extends SaltProviderBaseProps {
@@ -40,15 +78,19 @@ interface SaltProviderThatClassesToRoot extends SaltProviderThatInjectsThemeElem
     applyClassesTo: "root";
 }
 declare type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderThatInjectsThemeElement | SaltProviderThatClassesToRoot;
-export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): JSX.Element;
-interface UNSTABLE_SaltProviderNextAdditionalProps {
-    corner?: UNSTABLE_Corner;
-    headingFont?: UNSTABLE_HeadingFont;
-    accent?: UNSTABLE_Accent;
-    actionFont?: UNSTABLE_ActionFont;
+export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): import("react/jsx-runtime").JSX.Element;
+interface SaltProviderNextAdditionalProps {
+    corner?: Corner;
+    headingFont?: HeadingFont;
+    accent?: Accent;
+    actionFont?: ActionFont;
 }
-export declare type UNSTABLE_SaltProviderNextProps = SaltProviderProps & UNSTABLE_SaltProviderNextAdditionalProps;
-export declare function UNSTABLE_SaltProviderNext({ enableStyleInjection, ...restProps }: UNSTABLE_SaltProviderNextProps): JSX.Element;
+export declare type SaltProviderNextProps = SaltProviderProps & SaltProviderNextAdditionalProps;
+/** @deprecated use `SaltProviderNextProps` */
+export declare 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;
 export declare const useTheme: () => ThemeContextProps;
 /**
  * `useDensity` merges density value from `DensityContext` with the one from component's props.

package/dist-types/scrim/Scrim.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 export interface ScrimProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * If `true` the scrim is bound to the document viewport.

package/dist-types/segmented-button-group/SegmentedButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 export interface SegmentedButtonGroupProps extends ComponentPropsWithoutRef<"div"> {
 }
 export declare const SegmentedButtonGroup: import("react").ForwardRefExoticComponent<SegmentedButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 /**
  * Spinner component, provides an indeterminate loading indicator
  *

package/dist-types/spinner/svgSpinners/SpinnerSVG.d.ts

@@ -1,11 +1,11 @@
-import { SVGAttributes } from "react";
-import { SpinnerSVGSize } from "../Spinner";
-import { Density } from "../../theme";
+import type { SVGAttributes } from "react";
+import type { Density } from "../../theme";
+import type { SpinnerSVGSize } from "../Spinner";
 interface SpinnerProps {
     id?: string;
     rest?: Omit<SVGAttributes<SVGSVGElement>, "id">;
     size: SpinnerSVGSize;
     density: Density;
 }
-export declare const SpinnerSVG: ({ id, rest, size, density, }: SpinnerProps) => JSX.Element;
+export declare const SpinnerSVG: ({ id, rest, size, density, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,6 +1,6 @@
-import { ElementType, ReactElement, ReactNode } from "react";
-import { FlexLayoutProps } from "../flex-layout";
-import { PolymorphicComponentPropWithRef } from "../utils";
+import { type ElementType, type ReactElement, type ReactNode } from "react";
+import { type FlexLayoutProps } from "../flex-layout";
+import { type PolymorphicComponentPropWithRef } from "../utils";
 export declare 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.

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

@@ -1,6 +1,6 @@
-import { ElementType, ReactElement } from "react";
-import { FlexLayoutProps, LayoutDirection, LayoutSeparator } from "../flex-layout";
-import { PolymorphicComponentPropWithRef, ResponsiveProp } from "../utils";
+import { type ElementType, type ReactElement } 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, {
     /**
      * Defines the default behavior for how flex items are laid out along the cross axis on the current line, default is "stretch".

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { IconProps } from "@salt-ds/icons";
-import { ValidationStatus } from "./ValidationStatus";
+import { type IconProps } from "@salt-ds/icons";
+import type { ValidationStatus } from "./ValidationStatus";
 export interface StatusIndicatorProps extends IconProps {
     /**
      * Status indicator to be displayed.

package/dist-types/switch/Switch.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEventHandler, ComponentPropsWithoutRef, FocusEventHandler, ReactNode } from "react";
+import { type ChangeEventHandler, type ComponentPropsWithoutRef, type FocusEventHandler, type ReactNode } from "react";
 export interface SwitchProps extends Omit<ComponentPropsWithoutRef<"label">, "children" | "onFocus" | "onBlur" | "onChange"> {
     /**
      * If `true`, the checkbox will be checked.

package/dist-types/tag/Tag.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef } from "react";
 export interface TagProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Styling variant with full border. Defaults to false

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

@@ -1,2 +1,2 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const Code: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"code">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,4 +1,4 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const Display1: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 export declare const Display2: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 export declare const Display3: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,4 +1,4 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const H1: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h1">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
 export declare const H2: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h2">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
 export declare const H3: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"h3">, "as">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

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

@@ -1,2 +1,2 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"label">, "as">, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

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

@@ -1,6 +1,6 @@
-import { PolymorphicComponentPropWithRef } from "../utils";
-import { ElementType, ReactElement } from "react";
-import { ValidationStatus } from "../status-indicator";
+import { type ElementType, type ReactElement } from "react";
+import { type PolymorphicComponentPropWithRef } from "../utils";
+import type { ValidationStatus } from "../status-indicator";
 export declare type TextProps<T extends ElementType> = PolymorphicComponentPropWithRef<T, {
     /**
      * Applies disabled styling when true

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

@@ -1,2 +1,2 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const TextAction: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,2 +1,2 @@
-import { TextProps } from "./Text";
+import { type TextProps } from "./Text";
 export declare const TextNotation: import("react").ForwardRefExoticComponent<Omit<Omit<TextProps<"span">, "as">, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

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

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

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

@@ -1,2 +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 UNSTABLE_ActionFont = (typeof UNSTABLE_ActionFontValues)[number];
+export declare type ActionFont = (typeof ActionFontValues)[number];
+/** @deprecated use `ActionFont` */
+export declare type UNSTABLE_ActionFont = ActionFont;

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

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

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

@@ -1,2 +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 UNSTABLE_HeadingFont = (typeof UNSTABLE_HeadingFontValues)[number];
+export declare type HeadingFont = (typeof HeadingFontValues)[number];
+/** @deprecated Use `HeadingFont` */
+export declare type UNSTABLE_HeadingFont = HeadingFont;

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

@@ -1,6 +1,6 @@
-import { ComponentPropsWithoutRef, ReactElement } from "react";
-import { ValidationStatus } from "../status-indicator";
-import { 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/toast/ToastContent.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 export interface ToastContentProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * The content of Toast Content

package/dist-types/toggle-button/ToggleButton.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ComponentPropsWithoutRef } from "react";
+import { type ComponentPropsWithoutRef, type MouseEvent } from "react";
 export interface ToggleButtonProps extends ComponentPropsWithoutRef<"button"> {
     selected?: boolean;
     onChange?: (event: MouseEvent<HTMLButtonElement>) => void;

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

@@ -1,5 +1,5 @@
-import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
-import { Value } from "./ToggleButtonGroupContext";
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+import { type Value } from "./ToggleButtonGroupContext";
 export interface ToggleButtonGroupProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
     /**
      * The default value. Use when the component is not controlled.

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

@@ -1,4 +1,4 @@
-import { SyntheticEvent } from "react";
+import { type SyntheticEvent } from "react";
 export declare type Value = string | readonly string[] | number | undefined;
 export interface ToggleButtonGroupContextValue {
     disabled?: boolean;

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

@@ -1,6 +1,6 @@
-import { HTMLAttributes, ReactNode } from "react";
-import { ValidationStatus } from "../status-indicator";
-import { UseFloatingUIProps } from "../utils";
+import { type HTMLAttributes, type ReactNode } from "react";
+import { type ValidationStatus } from "../status-indicator";
+import { type UseFloatingUIProps } from "../utils";
 export interface TooltipProps extends Pick<UseFloatingUIProps, "open" | "onOpenChange" | "placement">, Omit<HTMLAttributes<HTMLDivElement>, "content"> {
     /**
      * The children will be the Tooltip's trigger.

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

@@ -1,6 +1,6 @@
-import { ValidationStatus } from "../status-indicator";
-import { FloatingArrowProps } from "@floating-ui/react";
-import { TooltipProps } from "./Tooltip";
+import { type FloatingArrowProps } from "@floating-ui/react";
+import { type ValidationStatus } from "../status-indicator";
+import type { TooltipProps } from "./Tooltip";
 interface TooltipBaseProps extends Omit<TooltipProps, "children"> {
     arrowProps: FloatingArrowProps;
     /**
@@ -8,5 +8,5 @@ interface TooltipBaseProps extends Omit<TooltipProps, "children"> {
      */
     status?: ValidationStatus;
 }
-export declare const TooltipBase: (props: TooltipBaseProps) => JSX.Element;
+export declare const TooltipBase: (props: TooltipBaseProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
-import { HTMLProps } from "react";
-import { UseFloatingUIProps } from "../utils";
+import { type HTMLProps } from "react";
+import { type UseFloatingUIProps } from "../utils";
 export interface UseTooltipProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
     /**
      * When `true`, the tooltip will be disabled.

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

@@ -1,2 +1,2 @@
-import { Context } from "react";
+import { type Context } from "react";
 export declare function createContext<ContextValueType>(name: string, defaultValue: ContextValueType): Context<ContextValueType>;

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

@@ -0,0 +1,2 @@
+import { type ReactNode } from "react";
+export declare function getRefFromChildren(child: ReactNode): any;

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

@@ -21,3 +21,4 @@ export * from "./mergeProps";
 export * from "./useValueEffect";
 export * from "./useResizeObserver";
 export * from "./useEventCallback";
+export * from "./getRefFromChildren";

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

@@ -1,2 +1,2 @@
-import type { DetailedHTMLProps, AnchorHTMLAttributes } from "react";
+import type { AnchorHTMLAttributes, DetailedHTMLProps } from "react";
 export declare type inferElementType<T> = T extends keyof JSX.IntrinsicElements ? JSX.IntrinsicElements[T] extends DetailedHTMLProps<AnchorHTMLAttributes<any>, infer Elem> ? Elem : never : HTMLElement;

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

@@ -1,2 +1,2 @@
-import { Middleware } from "@floating-ui/core";
+import type { Middleware } from "@floating-ui/core";
 export declare const margin: (value?: number) => Middleware;

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

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ComponentPropsWithRef, ElementType, PropsWithChildren } from "react";
+import type { ComponentPropsWithRef, ComponentPropsWithoutRef, ElementType, PropsWithChildren } from "react";
 declare type AsProp<T extends ElementType> = {
     /**
      * The HTML element used for the root node.

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

@@ -1,2 +1,2 @@
-import { MutableRefObject } from "react";
+import type { MutableRefObject } from "react";
 export declare function setRef<T>(ref: MutableRefObject<T | null> | ((instance: T | null) => void) | null | undefined, value: T | null): void;

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

@@ -1,4 +1,4 @@
-import { Dispatch, SetStateAction } from "react";
+import { type Dispatch, type SetStateAction } from "react";
 export interface UseControlledProps<T> {
     /**
      * Holds the component value when it's controlled.

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

@@ -1,5 +1,5 @@
-import { FloatingFocusManagerProps, Middleware, Platform, Strategy, UseFloatingOptions, useFloating } from "@floating-ui/react";
-import { ComponentPropsWithoutRef, ReactNode } from "react";
+import { type FloatingFocusManagerProps, type Middleware, type Platform, type Strategy, type UseFloatingOptions, useFloating } from "@floating-ui/react";
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
 export interface FloatingComponentProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Whether the floating component is open (used for determining whether to show the component)
@@ -29,7 +29,7 @@ export interface FloatingComponentContextType {
 export interface FloatingComponentProviderProps extends FloatingComponentContextType {
     children: ReactNode;
 }
-export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): JSX.Element;
+export declare function FloatingComponentProvider(props: FloatingComponentProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useFloatingComponent(): FloatingComponentContextType;
 export interface UseFloatingUIProps extends Pick<UseFloatingOptions, "placement" | "strategy" | "open" | "onOpenChange" | "nodeId"> {
     /**
@@ -49,7 +49,7 @@ export interface FloatingPlatformProviderProps {
     children: ReactNode;
     animationFrame?: boolean;
 }
-export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): JSX.Element;
+export declare function FloatingPlatformProvider(props: FloatingPlatformProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useFloatingPlatform(): FloatingPlatformContextType;
 export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
     name: string;

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

@@ -1,2 +1,2 @@
-import { Ref } from "react";
+import { type Ref } from "react";
 export declare function useForkRef<Instance>(refA: Ref<Instance> | null | undefined, refB: Ref<Instance> | null | undefined): Ref<Instance> | null;

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

@@ -1,4 +1,4 @@
-import { FocusEvent, MutableRefObject, Ref } from "react";
+import { type FocusEvent, type MutableRefObject, type Ref } from "react";
 export declare function teardown(doc: Document): void;
 export declare function useIsFocusVisible<T extends HTMLElement = HTMLElement>(): {
     isFocusVisibleRef: MutableRefObject<boolean>;

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

@@ -1,2 +1,2 @@
-import { useEffect } from "react";
-export declare const useIsomorphicLayoutEffect: typeof useEffect;
+import { useLayoutEffect } from "react";
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

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

@@ -1,2 +1,2 @@
-import { DependencyList } from "react";
+import { type DependencyList } from "react";
 export declare function usePrevious<T>(value: T, deps?: DependencyList, initialValue?: T): T | undefined;

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

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export interface UseResizeObserverProps {
     ref: RefObject<HTMLElement>;
     onResize: () => void;

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

@@ -1,4 +1,4 @@
-import { Breakpoints } from "../breakpoints";
+import type { Breakpoints } from "../breakpoints";
 declare type BreakpointProp<T> = {
     [K in keyof Breakpoints]?: T;
 };

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

@@ -1,4 +1,4 @@
-import { Dispatch } from "react";
+import { type Dispatch } from "react";
 declare type SetValueAction<S> = (prev: S) => Generator<any, void, unknown>;
 export declare function useValueEffect<S>(defaultValue: S | (() => S)): [S, Dispatch<SetValueAction<S>>];
 export {};

package/dist-types/viewport/ViewportProvider.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 declare const ViewportContext: import("react").Context<number | null>;
 declare type ViewportProviderProps = {
     children?: ReactNode;
 };
-declare const ViewportProvider: ({ children }: ViewportProviderProps) => JSX.Element;
+declare const ViewportProvider: ({ children }: ViewportProviderProps) => import("react/jsx-runtime").JSX.Element;
 declare const useViewport: () => number;
 export { ViewportProvider, ViewportContext, useViewport };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -13,8 +13,8 @@
   "dependencies": {
     "@floating-ui/react": "^0.26.5",
     "clsx": "^2.0.0",
-    "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.2.1",
+    "@salt-ds/window": "^0.1.1",
     "@salt-ds/icons": "^1.12.1"
   },
   "peerDependencies": {