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

package/dist-types/calendar/useCalendarDay.d.ts

@@ -14,6 +14,6 @@ export interface useCalendarDayProps {
 }
 export declare function useCalendarDay({ date, month }: useCalendarDayProps, ref: RefObject<HTMLElement>): {
     status: DayStatus;
-    dayProps: Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>;
+    dayProps: Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">;
     unselectableReason: string | undefined;
 };

package/dist-types/carousel/Carousel.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactElement } from "react";
-import "./Carousel.css";
 import { CarouselSlideProps } from "./CarouselSlide";
 export interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     /**

package/dist-types/cascading-menu/CascadingMenuItem.d.ts

@@ -1,7 +1,6 @@
 import { KeyboardEvent, MouseEvent } from "react";
 import { ListItemProps } from "../list-deprecated";
 import { MenuDescriptor } from "./CascadingMenuProps";
-import "./CascadingMenuItem.css";
 export interface MenuItemProps extends ListItemProps<MenuDescriptor> {
     blurSelected: boolean;
     className?: string;

package/dist-types/cascading-menu/CascadingMenuList.d.ts

@@ -1,11 +1,10 @@
 /// <reference types="react" />
+import { UseFloatingUIProps } from "@salt-ds/core";
 import { ListProps } from "../list-deprecated";
 import { MenuItemProps } from "./CascadingMenuItem";
 import { screenBounds } from "./internal/menuPositioning";
 import { menuState } from "./internal/stateUtils";
 import { refsManager } from "./internal/useRefsManager";
-import { UseFloatingUIProps } from "../popper";
-import "./CascadingMenuList.css";
 export interface CascadingMenuListProps {
     className?: string;
     data: menuState;

package/dist-types/cascading-menu/CascadingMenuProps.d.ts

@@ -1,8 +1,8 @@
 import { IconProps } from "@salt-ds/icons";
+import { UseFloatingUIProps } from "@salt-ds/core";
 import { ComponentType, HTMLAttributes, ReactNode, MouseEvent, KeyboardEvent } from "react";
 import { ItemToStringFunction } from "../list-deprecated";
 import { CascadingMenuListProps } from "./CascadingMenuList";
-import { UseFloatingUIProps } from "../popper";
 export interface ScreenBounds {
     clientHeight: number;
     clientWidth: number;

package/dist-types/color-chooser/AlphaInputField.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "./RGBAInput.css";
 interface AlphaInputProps {
     alphaValue: number;
     showAsOpacity?: boolean;

package/dist-types/color-chooser/Color.d.ts

@@ -8,6 +8,8 @@ export declare class Color {
     private color;
     get hex(): string;
     get rgba(): RGBAValue;
+    /** E.g. Orange800 */
+    get colorName(): string | undefined;
     static makeColorFromHex(hexValue: string | undefined): Color | undefined;
     static makeColorFromRGB(r: number, g: number, b: number, a?: number): Color;
     setAlpha(alpha: number): Color;

package/dist-types/color-chooser/ColorChooser.d.ts

@@ -1,7 +1,6 @@
 import { ChangeEvent } from "react";
 import { ButtonProps } from "@salt-ds/core";
 import { Color } from "./Color";
-import "./ColorChooser.css";
 export interface ColorChooserProps {
     color: Color | undefined;
     defaultAlpha?: number;

package/dist-types/color-chooser/ColorHelpers.d.ts

@@ -1,4 +1,6 @@
-export declare function getColorNameByHexValue(hexValue: string | undefined, disableAlpha?: boolean, saltColorOverrides?: Record<string, string>): string | undefined;
+export declare function getColorNameByHexValue(hexValue: string | undefined, disableAlpha?: boolean, saltColorOverrides?: Record<string, string>, 
+/** When disabled, color names not recognized will be undefined instead of hex values */
+disableFallBackToHex?: boolean): string | undefined;
 export declare function hexValueWithoutAlpha(hexValue: string | undefined): string | undefined;
 export declare function getHexValue(hexValue: string | undefined, disableAlpha: boolean): string | undefined;
 export declare const isValidHex: (hex: string | undefined) => boolean;

package/dist-types/color-chooser/ColorPicker.d.ts

@@ -1,6 +1,5 @@
 import { ChangeEvent } from "react";
 import { Color } from "./Color";
-import "./ColorPicker.css";
 export interface ColorPickerProps {
     disableAlphaChooser: boolean;
     color?: Color;

package/dist-types/color-chooser/HexInput.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "./HexInput.css";
 interface HexInputProps {
     hexValue: string | undefined;
     disableAlphaChooser: boolean;

package/dist-types/color-chooser/HexInputField.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "./ColorPicker.css";
 interface HexInputProps {
     hexValue: string | undefined;
     disableAlphaChooser: boolean;

package/dist-types/color-chooser/RGBAInput.d.ts

@@ -1,6 +1,5 @@
 import { ChangeEvent } from "react";
 import { RGBAValue } from "./Color";
-import "./RGBAInput.css";
 interface RGBAInputProps {
     disableAlphaChooser: boolean;
     rgbaText: string;

package/dist-types/color-chooser/RGBAInputField.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { RGBAValue } from "./Color";
-import "./RGBAInput.css";
 interface RGBInputProps {
     rgbaValue: RGBAValue;
     value: "r" | "g" | "b";

package/dist-types/color-chooser/Swatches.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { Color } from "./Color";
-import "./Swatches.css";
 export interface SwatchesTabProps {
     allColors: string[][];
     color: Color | undefined;

package/dist-types/color-chooser/SwatchesPicker.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { Color } from "./Color";
-import "./Swatch.css";
 interface SwatchesPickerProps {
     allColors: string[][];
     color: Color | undefined;

package/dist-types/combo-box/ComboBox.d.ts

@@ -1,7 +1,7 @@
 import { ForwardedRef, ReactElement } from "react";
 import { DropdownBaseProps } from "../dropdown";
 import { ListProps } from "../list";
-import { InputProps } from "../input";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 import { SelectionProps, SelectionStrategy } from "../common-hooks";
 export interface ComboBoxProps<Item = string, Selection extends SelectionStrategy = "default"> extends Omit<DropdownBaseProps, "triggerComponent" | "onBlur" | "onChange" | "onFocus">, Pick<InputProps, "onBlur" | "onChange" | "onFocus" | "onSelect">, Pick<ListProps<Item, Selection>, "ListItem" | "itemToString" | "source" | "width">, Pick<SelectionProps<Item, Selection>, "onSelectionChange" | "selectionStrategy"> {
     InputProps?: InputProps;

package/dist-types/combo-box/useCombobox.d.ts

@@ -1,7 +1,7 @@
 import { ListHookProps, ListHookResult } from "../list";
 import { DropdownHookResult, DropdownHookProps } from "../dropdown";
 import { SelectionStrategy } from "../common-hooks";
-import { InputProps } from "../input";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 export interface ComboboxHookProps<Item, Strategy extends SelectionStrategy> extends Partial<Omit<DropdownHookProps, "id" | "onKeyDown">>, Pick<InputProps, "onBlur" | "onChange" | "onFocus" | "onSelect">, Omit<ListHookProps<Item, Strategy>, "containerRef" | "defaultSelected" | "selected" | "onSelect"> {
     InputProps?: InputProps;
     allowFreeText?: boolean;

package/dist-types/combo-box-deprecated/ComboBoxDeprecated.d.ts

@@ -1,7 +1,6 @@
 import { Ref } from "react";
 import { DefaultComboBoxProps } from "./internal/DefaultComboBox";
 import { MultiSelectComboBoxProps } from "./internal/MultiSelectComboBox";
-import "./ComboBox.css";
 export declare type ComboBoxDeprecatedProps = Omit<DefaultComboBoxProps<any> | MultiSelectComboBoxProps<any>, "rootRef"> & {
     rootRef?: Ref<HTMLElement>;
     delimiter?: string | string[];

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;
@@ -53,16 +49,12 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         restoreLastFocus?: boolean | undefined;
         virtualized?: boolean | undefined;
         width?: string | number | undefined;
-        children?: import("react").ReactNode;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-        dir?: string | undefined;
-        accessKey?: string | undefined;
-        id?: string | undefined;
         className?: string | undefined;
         color?: string | undefined;
+        id?: string | undefined;
         lang?: string | undefined;
         role: (import("react").AriaRole | undefined) & string;
         tabIndex?: number | undefined;
@@ -78,7 +70,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
@@ -113,6 +105,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         } | undefined;
@@ -147,6 +140,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -182,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;
@@ -276,10 +272,13 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
+        nonce?: string | undefined;
         placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         translate?: "yes" | "no" | undefined;
@@ -303,7 +302,7 @@ export declare const useComboBox: <Item>(props: UseComboBoxProps<Item>) => {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | 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;
@@ -95,7 +96,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
                 results?: number | undefined;
                 security?: string | undefined;
                 unselectable?: "on" | "off" | undefined;
-                inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+                inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
                 is?: string | undefined;
                 'aria-activedescendant'?: string | undefined;
                 'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -110,7 +111,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
                 'aria-describedby'?: string | undefined;
                 'aria-details'?: string | undefined;
                 'aria-disabled'?: (boolean | "true" | "false") | undefined;
-                'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+                'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
                 'aria-errormessage'?: string | undefined;
                 'aria-expanded'?: (boolean | "true" | "false") | undefined;
                 'aria-flowto'?: string | 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;
@@ -311,15 +314,9 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
             'aria-describedby'?: string | undefined;
         };
         onKeyDown: (event: KeyboardEvent<HTMLInputElement | HTMLButtonElement | HTMLDivElement>) => void;
-        children?: import("react").ReactNode;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        onClick?: ((event: SyntheticEvent<HTMLElement, Event>) => void) | undefined;
-        dir?: string | undefined;
-        accessKey?: string | undefined;
-        expanded?: boolean | undefined;
-        disabled?: boolean | undefined;
         className?: string | undefined;
         color?: string | undefined;
         lang?: string | undefined;
@@ -338,7 +335,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
@@ -373,6 +370,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         } | undefined;
@@ -442,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;
@@ -458,6 +458,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: ((event: SyntheticEvent<HTMLElement, Event>) => void) | undefined;
         onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -537,10 +538,13 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
+        nonce?: string | undefined;
         placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         translate?: "yes" | "no" | undefined;
@@ -564,13 +568,15 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
+        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;
@@ -621,16 +623,12 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         restoreLastFocus?: boolean | undefined;
         virtualized?: boolean | undefined;
         width?: string | number | undefined;
-        children?: import("react").ReactNode;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
-        dir?: string | undefined;
-        accessKey?: string | undefined;
-        id?: string | undefined;
         className?: string | undefined;
         color?: string | undefined;
+        id?: string | undefined;
         lang?: string | undefined;
         role: (import("react").AriaRole | undefined) & string;
         tabIndex?: number | undefined;
@@ -646,7 +644,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
@@ -681,6 +679,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         } | undefined;
@@ -715,6 +714,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+        onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPress?: KeyboardEventHandler<HTMLDivElement> | undefined;
         onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
@@ -750,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;
@@ -844,10 +846,13 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
+        nonce?: string | undefined;
         placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         translate?: "yes" | "no" | undefined;
@@ -871,7 +876,7 @@ export declare const useMultiSelectComboBox: <Item>(props: Omit<UseMultiSelectCo
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | 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.