@salt-ds/lab 1.0.0-alpha.1 → 1.0.0-alpha.10

package/dist-types/combo-box-deprecated/internal/DefaultComboBox.d.ts

@@ -2,12 +2,10 @@ import { ComponentType, HTMLAttributes, ReactNode, Ref, RefObject } from "react"
 import { IndexedListItemProps, ListProps, ListSelectionVariant } from "../../list-deprecated";
 import { GetFilterRegex } from "../filterHelpers";
 import { WindowProps } from "../../window";
-import { TooltipContextProps } from "../../tooltip";
-import { InputProps } from "../../input";
-export declare type BaseComboBoxProps<Item, Variant extends ListSelectionVariant = "default"> = Omit<HTMLAttributes<HTMLDivElement>, "children" | "onChange" | "onSelect" | "onFocus" | "onBlur" | "onClick"> & Pick<ListProps<Item, Variant>, "displayedItemCount" | "itemToString" | "listRef" | "onChange" | "onSelect" | "overscanCount" | "tooltipEnterDelay" | "tooltipLeaveDelay" | "tooltipPlacement" | "virtualized" | "width"> & {
+import { InputLegacyProps as InputProps } from "../../input-legacy";
+export declare type BaseComboBoxProps<Item, Variant extends ListSelectionVariant = "default"> = Omit<HTMLAttributes<HTMLDivElement>, "children" | "onChange" | "onSelect" | "onFocus" | "onBlur" | "onClick"> & Pick<ListProps<Item, Variant>, "displayedItemCount" | "itemToString" | "listRef" | "onChange" | "onSelect" | "overscanCount" | "virtualized" | "width"> & {
     ListItem?: ComponentType<IndexedListItemProps<Item>>;
     ListProps?: Partial<ListProps<Item, Variant>>;
-    Tooltip?: TooltipContextProps["Tooltip"];
     WindowProps?: Partial<WindowProps>;
     allowFreeText?: boolean;
     disabled?: boolean;

package/dist-types/combo-box-deprecated/internal/useComboBox.d.ts

@@ -1,6 +1,6 @@
 import { MouseEvent } from "react";
 import { DefaultComboBoxProps } from "./DefaultComboBox";
-import { InputProps } from "../../input";
+import { InputLegacyProps as InputProps } from "../../input-legacy";
 export declare type UseComboBoxProps<Item> = Omit<DefaultComboBoxProps<Item>, "ListItem" | "Tooltip" | "tooltipEnterDelay" | "tooltipLeaveDelay" | "tooltipPlacement" | "rootRef" | "listRef" | "inputRef" | "rootWidth" | "listWidth">;
 export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
     inputRef: import("react").Ref<any>;
@@ -17,7 +17,6 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         itemTextHighlightPattern: RegExp | undefined;
         onClick: (event: MouseEvent) => void;
         isListOpen: boolean;
-        Tooltip?: import("react").ComponentType<import("../..").TooltipProps> | undefined;
         disableTypeToSelect?: boolean | undefined;
         getItemIndex?: ((item: Item) => number) | undefined;
         highlightedIndex?: number | undefined;
@@ -27,9 +26,6 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         selectedItem?: Item | undefined;
         selectionVariant?: "default" | undefined;
         tabToSelect?: boolean | undefined;
-        tooltipEnterDelay?: number | undefined;
-        tooltipLeaveDelay?: number | undefined;
-        tooltipPlacement?: import("@floating-ui/core").Placement | undefined;
         ListItem?: any;
         ListPlaceholder?: any;
         borderless?: boolean | undefined;
@@ -180,6 +176,8 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -280,6 +278,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         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;

package/dist-types/combo-box-deprecated/internal/useMultiSelectComboBox.d.ts

@@ -27,7 +27,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
                 autoFocus?: boolean | undefined;
                 capture?: boolean | "user" | "environment" | undefined;
                 checked?: boolean | undefined;
-                crossOrigin?: string | undefined;
+                crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
                 disabled?: boolean | undefined;
                 enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
                 form?: string | undefined;
@@ -68,6 +68,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
                 hidden?: boolean | undefined;
                 id?: string | undefined;
                 lang?: string | undefined;
+                nonce?: string | undefined;
                 slot?: string | undefined;
                 spellCheck?: (boolean | "true" | "false") | undefined;
                 style?: import("react").CSSProperties | undefined;
@@ -215,6 +216,8 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
                 onProgressCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
                 onRateChange?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
                 onRateChangeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+                onResize?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
+                onResizeCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
                 onSeeked?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
                 onSeekedCapture?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
                 onSeeking?: import("react").ReactEventHandler<HTMLInputElement> | undefined;
@@ -437,6 +440,8 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -539,6 +544,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         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;
@@ -567,10 +573,10 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         disabled?: boolean | undefined;
         focused?: boolean | undefined;
         expanded?: boolean | undefined;
+        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
         itemToString?: import("../../tokenized-input").ItemToString<Item> | undefined;
         highlightedIndex?: number | undefined;
         onClear?: import("react").ReactEventHandler<Element> | undefined;
-        inputRef?: import("react").Ref<HTMLInputElement> | undefined;
         onInputFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
         onInputBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
         onInputChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
@@ -585,7 +591,6 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         itemTextHighlightPattern: RegExp | undefined;
         onClick: (event: MouseEvent<HTMLDivElement>) => void;
         isListOpen: boolean;
-        Tooltip?: import("react").ComponentType<import("../..").TooltipProps> | undefined;
         disableTypeToSelect?: boolean | undefined;
         getItemIndex?: ((item: Item) => number) | undefined;
         highlightedIndex?: number | undefined;
@@ -595,9 +600,6 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         selectedItem?: Item[] | undefined;
         selectionVariant?: "multiple" | undefined;
         tabToSelect?: boolean | undefined;
-        tooltipEnterDelay?: number | undefined;
-        tooltipLeaveDelay?: number | undefined;
-        tooltipPlacement?: import("@floating-ui/core").Placement | undefined;
         ListItem?: any;
         ListPlaceholder?: any;
         borderless?: boolean | undefined;
@@ -748,6 +750,8 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
@@ -848,6 +852,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         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;

package/dist-types/contact-details/ContactAction.d.ts

@@ -1,7 +1,6 @@
-import { ButtonProps } from "@salt-ds/core";
+import { ButtonProps, TooltipProps } from "@salt-ds/core";
 import { IconProps } from "@salt-ds/icons";
 import { ComponentType } from "react";
-import { TooltipProps } from "../tooltip";
 export declare type ContactActionProps = ButtonProps & {
     accessibleText?: string;
     tooltipProps?: TooltipProps;

package/dist-types/contact-details/ContactAvatar.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { AvatarProps } from "../avatar";
-export interface ContactAvatarProps extends AvatarProps {
-}
-export declare const ContactAvatar: import("react").ForwardRefExoticComponent<ContactAvatarProps & import("react").RefAttributes<HTMLDivElement>>;
+import { AvatarProps } from "@salt-ds/core";
+export declare type ContactAvatarProps = AvatarProps;
+export declare const ContactAvatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/contact-details/ContactDetails.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./ContactDetails.css";
 export declare type ContactDetailsVariant = "default" | "compact" | "mini";
 export interface ContactDetailsProps extends HTMLAttributes<HTMLDivElement> {
     variant?: ContactDetailsVariant;

package/dist-types/contact-details/ContactFavoriteToggle.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { TooltipProps } from "@salt-ds/core";
 import { FavoriteToggleWithTooltipProps } from "./internal";
-import { TooltipProps } from "../tooltip";
 export interface ContactFavoriteToggleProps extends FavoriteToggleWithTooltipProps {
     isFavorite?: boolean;
     defaultIsFavorite?: boolean;

package/dist-types/contact-details/internal/FavoriteToggleWithTooltip.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { TooltipProps } from "@salt-ds/core";
 import { FavoriteToggleProps } from "./FavoriteToggle";
-import { TooltipProps } from "../../tooltip";
 export interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {
     tooltipProps?: TooltipProps;
     tooltipTitle?: string;

package/dist-types/content-status/ContentStatus.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes, MouseEvent, Ref } from "react";
 import { StatusIndicatorProps } from "./internal/StatusIndicator";
-import "./ContentStatus.css";
 export interface ContentStatusProps extends HTMLAttributes<HTMLDivElement>, StatusIndicatorProps {
     actionLabel?: string;
     buttonRef?: Ref<any>;

package/dist-types/content-status/internal/StatusIndicator.d.ts

@@ -1,7 +1,6 @@
-import { StatusIndicatorProps as BaseStatusIndicatorProps } from "@salt-ds/core";
+import { StatusIndicatorProps as BaseStatusIndicatorProps, SpinnerProps } from "@salt-ds/core";
 import { ReactElement } from "react";
 import { CircularProgressProps } from "../../progress";
-import { SpinnerProps } from "../../spinner";
 export interface StatusIndicatorProps extends Pick<SpinnerProps, "disableAnnouncer">, Pick<CircularProgressProps, "unit" | "value"> {
     title?: string;
     message?: string;

package/dist-types/control-label/ControlLabel.d.ts

@@ -1,5 +1,4 @@
 import React, { LabelHTMLAttributes, ReactNode } from "react";
-import "./ControlLabel.css";
 export interface ControlLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     disabled?: boolean;
     label?: ReactNode;

package/dist-types/deck-item/DeckItem.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from "react";
 import { LayoutAnimation } from "../deck-layout";
-import "./DeckItem.css";
 export interface DeckItemProps extends HTMLAttributes<HTMLDivElement> {
     activeIndex?: number;
     animation?: LayoutAnimation;

package/dist-types/deck-layout/DeckLayout.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from "react";
 import { DeckItemProps } from "../deck-item";
-import "./DeckLayout.css";
 export declare type LayoutAnimation = "slide" | "fade";
 export declare type LayoutAnimationDirection = "horizontal" | "vertical";
 export declare type LayoutAnimationTransition = "increase" | "decrease";

package/dist-types/dialog/Dialog.d.ts

@@ -1,7 +1,6 @@
 import { ValidationStatus } from "@salt-ds/core";
 import { HTMLAttributes } from "react";
 import { ScrimProps } from "../scrim";
-import "./Dialog.css";
 export interface DialogProps extends HTMLAttributes<HTMLDivElement> {
     autoFocusRef?: ScrimProps["autoFocusRef"];
     height?: string | number;

package/dist-types/dialog/DialogActions.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./DialogActions.css";
 export interface DialogActionsProps extends HTMLAttributes<HTMLDivElement> {
 }
 export declare const DialogActions: import("react").ForwardRefExoticComponent<DialogActionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/dialog/DialogContent.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./DialogContent.css";
 export interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
 }
 export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/dialog/DialogTitle.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, SyntheticEvent } from "react";
-import "./DialogTitle.css";
 export interface DialogTitleProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Disable the built-in ARIA heading attributes.

package/dist-types/dropdown/DropdownBase.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { DropdownBaseProps } from "./dropdownTypes";
-import "./Dropdown.css";
 export declare type MaybeChildProps = {
     className?: string;
     id?: string;

package/dist-types/dropdown/DropdownButton.d.ts

@@ -1,7 +1,6 @@
 import { ButtonProps } from "@salt-ds/core";
 import { IconProps } from "@salt-ds/icons";
 import { AriaAttributes, ComponentType } from "react";
-import "./DropdownButton.css";
 export interface DropdownButtonProps extends ButtonProps {
     /**
      * Replace the default Icon component

package/dist-types/editable-label/EditableLabel.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import "./EditableLabel.css";
 export interface EditableLabelProps {
     className?: string;
     defaultEditing?: boolean;

package/dist-types/file-drop-zone/FileDropZone.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes, ReactNode, SyntheticEvent } from "react";
 import { FilesValidator } from "./validators";
-import "./FileDropZone.css";
 export declare type FilesAcceptedEventHandler = (files: ReadonlyArray<File>, event: SyntheticEvent) => void;
 export declare type FilesRejectedEventHandler<ErrorType = string> = (errors: ReadonlyArray<ErrorType>, event: SyntheticEvent) => void;
 /**

package/dist-types/form-field-context-legacy/FormFieldLegacyContext.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, FocusEventHandler, RefObject, SetStateAction } from "react";
+import { useA11yValueValue } from "../form-field-legacy";
+export interface FormFieldLegacyContextValue {
+    inFormField: true;
+    ref: RefObject<HTMLDivElement>;
+    a11yProps: useA11yValueValue;
+    focused: boolean;
+    setFocused: Dispatch<SetStateAction<boolean>>;
+    onBlur: FocusEventHandler<HTMLElement>;
+    onFocus: FocusEventHandler<HTMLElement>;
+}
+export declare const FormFieldLegacyContext: import("react").Context<FormFieldLegacyContextValue>;

package/dist-types/form-field-context-legacy/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FormFieldLegacyContext";
+export * from "./useFormFieldLegacyProps";

package/dist-types/form-field-context-legacy/useFormFieldLegacyProps.d.ts

@@ -0,0 +1,6 @@
+import { FormFieldLegacyContextValue } from "./FormFieldLegacyContext";
+interface useFormFieldLegacyPropsProps {
+    focusVisible?: boolean;
+}
+export declare function useFormFieldLegacyProps({ focusVisible, }?: useFormFieldLegacyPropsProps): Partial<FormFieldLegacyContextValue>;
+export {};

package/dist-types/form-field-legacy/FormActivationIndicator.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { FormFieldLegacyProps as FormFieldProps } from "./FormFieldLegacy";
+export interface FormActivationIndicatorProps extends Pick<FormFieldProps, "validationStatus"> {
+    hasIcon?: boolean;
+}
+export declare const FormActivationIndicator: ({ hasIcon, validationStatus, }: FormActivationIndicatorProps) => JSX.Element;

package/dist-types/form-field-legacy/FormFieldLegacy.d.ts

@@ -0,0 +1,112 @@
+import { Dispatch, ElementType, FocusEventHandler, HTMLAttributes, SetStateAction } from "react";
+import { FormActivationIndicatorProps } from "./FormActivationIndicator";
+import { FormHelperTextProps } from "./FormHelperText";
+import { FormLabelProps } from "./FormLabel";
+import { NecessityIndicatorOptions } from "./NecessityIndicator";
+import { StatusIndicatorProps } from "./StatusIndicator";
+export declare type FormFieldLabelPlacement = "top" | "left";
+export declare type FormFieldHelperTextPlacement = "bottom" | "tooltip";
+export declare type FormFieldValidationStatus = "error" | "warning";
+export interface A11yValueProps extends Pick<NecessityIndicatorOptions, "required"> {
+    /**
+     * If `true`, the FormField will be disabled.
+     */
+    disabled?: boolean;
+    /** id of the helper text node */
+    helperTextId?: string;
+    /** id of the label node */
+    labelId?: string;
+    /**
+     * The FormField value is Readonly
+     */
+    readOnly?: boolean;
+    /**
+     * Whether the form field needs to render helper text
+     */
+    renderHelperText?: boolean;
+}
+export interface FormFieldLegacyProps extends HTMLAttributes<HTMLDivElement>, A11yValueProps {
+    /**
+     * The component used for activation indicator. Default to `FormActivationIndicator`.
+     */
+    ActivationIndicatorComponent?: ElementType<FormActivationIndicatorProps>;
+    /**
+     * Outer focus ring focus will not be applied. Defaults to false.
+     */
+    disableFocusRing?: boolean;
+    /**
+     * Whether the form field is occupying full width.
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether to show the StatusIndicator component for validation states.
+     */
+    hasStatusIndicator?: boolean;
+    /**
+     * The helper text content
+     */
+    helperText?: string;
+    /**
+     * The component used for the helper text. Default to `FormHelperText`.
+     */
+    HelperTextComponent?: ElementType<FormHelperTextProps>;
+    /**
+     * Location the helperText, values: 'bottom' (default) or 'tooltip'.
+     */
+    helperTextPlacement?: FormFieldHelperTextPlacement;
+    /**
+     * Props to be applied to the `HelperTextComponent`.
+     *
+     * Generic on `FormHelperTextProps` is omitted.
+     */
+    HelperTextProps?: Partial<FormHelperTextProps>;
+    /**
+     * The label value for the FormField
+     */
+    label?: string;
+    /**
+     * The component used for the label. Default to `FormLabel`.
+     */
+    LabelComponent?: ElementType;
+    /**
+     * Location the label, values: 'top' (default) or 'left'
+     */
+    labelPlacement?: FormFieldLabelPlacement;
+    /**
+     * Props to be applied to the `LabelComponent`
+     */
+    LabelProps?: Partial<FormLabelProps>;
+    /**
+     * Override props to be used with the StatusIndicator component
+     */
+    StatusIndicatorProps?: Partial<StatusIndicatorProps>;
+    /**
+     * The state for the FormField: Must be one of: 'error'|'warning'|undefined
+     */
+    validationStatus?: FormFieldValidationStatus;
+    /**
+     * FormField variants; defaults to primary.
+     *
+     * **Deprecated:** The 'tertiary' variant has been deprecated
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+}
+export interface useA11yValueValue {
+    "aria-labelledby": A11yValueProps["labelId"];
+    "aria-required": A11yValueProps["required"];
+    "aria-describedby": A11yValueProps["helperTextId"] | undefined;
+    disabled: A11yValueProps["disabled"];
+    readOnly: A11yValueProps["readOnly"];
+}
+export declare const useFormFieldLegacy: ({ onBlur, onFocus, }: {
+    onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
+    onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
+}) => [{
+    focused: boolean;
+}, {
+    setFocused: Dispatch<SetStateAction<boolean>>;
+}, {
+    onBlur: FocusEventHandler<HTMLDivElement>;
+    onFocus: FocusEventHandler<HTMLDivElement>;
+}];
+export declare const FormFieldLegacy: import("react").ForwardRefExoticComponent<FormFieldLegacyProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/form-field-legacy/FormHelperText.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef } from "react";
+import { FormFieldLegacyProps as FormFieldProps } from "./FormFieldLegacy";
+export declare type FormHelperTextProps<E extends React.ElementType = "p"> = ComponentPropsWithoutRef<E> & {
+    helperText: FormFieldProps["helperText"];
+    helperTextPlacement: FormFieldProps["helperTextPlacement"];
+};
+export declare const FormHelperText: <E extends import("react").ElementType<any> = "p">({ helperText, helperTextPlacement, ...restProps }: FormHelperTextProps<E>) => JSX.Element | null;

package/dist-types/form-field-legacy/FormLabel.d.ts

@@ -0,0 +1,39 @@
+import { ElementType, HTMLAttributes } from "react";
+import { FormFieldValidationStatus } from "./FormFieldLegacy";
+import { NecessityIndicatorOptions } from "./NecessityIndicator";
+import { StatusIndicatorProps } from "./StatusIndicator";
+export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement>, NecessityIndicatorOptions {
+    /**
+     * Whether the form field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Adjusts whether the StatusIndicator component is shown
+     */
+    hasStatusIndicator?: boolean;
+    /**
+     * The label value for the FormLabel
+     */
+    label?: string;
+    /**
+     * An optional renderer function used to customize the necessity adornment
+     */
+    NecessityIndicator?: ElementType<NecessityIndicatorOptions>;
+    /**
+     * Whether the form field is readOnly.
+     */
+    readOnly?: boolean;
+    /**
+     * Props used to configure the StatusIndicator component if hasStatusIndicator is true
+     */
+    StatusIndicatorProps?: Partial<StatusIndicatorProps>;
+    /**
+     * The status for the FormField: Must be one of: 'error'|'warning'|undefined
+     */
+    validationStatus?: FormFieldValidationStatus;
+    /**
+     * Text to be shown in the Tooltip.
+     */
+    tooltipText?: string;
+}
+export declare const FormLabel: ({ label, NecessityIndicator, required, displayedNecessity, hasStatusIndicator, StatusIndicatorProps, validationStatus, necessityText, className, disabled, readOnly, tooltipText, ...restProps }: FormLabelProps) => JSX.Element;

package/dist-types/form-field-legacy/StatusIndicator.d.ts

@@ -0,0 +1,13 @@
+import { IconProps } from "@salt-ds/icons";
+import { ElementType } from "react";
+import { TooltipProps } from "@salt-ds/core";
+export declare type StatusIndicatorStatus = "error" | "info" | "warning" | "success";
+export interface StatusIndicatorProps extends IconProps {
+    hasTooltip?: boolean;
+    IconProps?: Partial<IconProps>;
+    status?: StatusIndicatorStatus;
+    TooltipComponent?: ElementType<TooltipProps>;
+    TooltipProps?: Partial<TooltipProps>;
+    tooltipText?: string;
+}
+export declare const StatusIndicator: (props: StatusIndicatorProps) => JSX.Element;

package/dist-types/form-field-legacy/constant.d.ts

@@ -0,0 +1 @@
+export declare const classBase = "saltFormFieldLegacy";

package/dist-types/form-field-legacy/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FormFieldLegacy";
+export * from "./FormLabel";

package/dist-types/form-group/FormGroup.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./FormGroup.css";
 export interface FormGroupProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Display group of elements in a compact row.

package/dist-types/formatted-input/FormattedInput.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { InputProps } from "../input";
-import "./FormattedInput.css";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 export declare type MaskFunction = (value: string | undefined) => boolean;
 export interface RifmOptions {
     format?: (str: string) => string;

package/dist-types/index.d.ts

@@ -3,15 +3,12 @@ export type { ListChangeHandler as ListChangeHandlerDeprecated, ListSelectHandle
 export { ListItemBase as ListItemBaseDeprecated, useListItem as useListItemDeprecated, } from "./list-deprecated";
 export * from "./accordion";
 export * from "./app-header";
-export * from "./avatar";
 export * from "./badge";
-export * from "./banner";
 export * from "./breadcrumbs";
 export * from "./button-bar";
 export * from "./calendar";
 export * from "./carousel";
 export * from "./cascading-menu";
-export * from "./checkbox";
 export * from "./color-chooser";
 export * from "./combo-box";
 export * from "./combo-box-deprecated";
@@ -24,40 +21,36 @@ export * from "./dialog";
 export * from "./dropdown";
 export * from "./editable-label";
 export * from "./file-drop-zone";
-export * from "./form-field";
-export * from "./form-field-context";
+export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldProps, FormLabel, } from "./form-field-legacy";
+export * from "./form-field-context-legacy";
 export * from "./form-group";
 export * from "./formatted-input";
-export * from "./input";
+export { InputLegacy as Input, type InputLegacyProps as InputProps, StaticInputAdornment, } from "./input-legacy";
 export * from "./layer-layout";
 export * from "./list";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
+export * from "./nav-item";
 export * from "./overlay";
 export * from "./pagination";
 export * from "./parent-child-item";
 export * from "./parent-child-layout";
 export * from "./pill";
-export * from "./popper";
 export * from "./portal";
 export * from "./progress";
 export * from "./query-input";
-export * from "./radio-button";
 export * from "./responsive";
 export * from "./scrim";
 export * from "./search-input";
 export * from "./skip-link";
 export * from "./slider";
-export * from "./spinner";
-export * from "./split-layout";
 export * from "./stepper-input";
 export * from "./switch";
 export * from "./tabs";
 export * from "./toggle-button";
 export * from "./tokenized-input";
 export * from "./toolbar";
-export * from "./tooltip";
 export * from "./tree";
 export * from "./utils";
 export * from "./window";