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

package/dist-types/cascading-menu/internal/stateUtils.d.ts

@@ -1,5 +1,5 @@
-import { MenuDescriptor } from "../CascadingMenuProps";
-export declare type menuState = {
+import type { MenuDescriptor } from "../CascadingMenuProps";
+export type menuState = {
     id: string;
     flipped?: boolean;
     highlightedItemIndex?: number;
@@ -10,7 +10,7 @@ export declare type menuState = {
     };
     menuItems: MenuDescriptor[];
 };
-export declare type flattenedMenuState = {
+export type flattenedMenuState = {
     [key: string]: menuState;
 };
 export declare function deriveFlatStateFromTree(tree: MenuDescriptor, parentId?: string | null, level?: number, generatedId?: string): flattenedMenuState;

package/dist-types/cascading-menu/internal/useClickAway.d.ts

@@ -1,3 +1,3 @@
-declare type clickAwayHook = (nodes: HTMLElement[] | (() => HTMLElement[]) | null, containingDocument: Document, onClickAway: (event: FocusEvent) => void, onClick: (event: MouseEvent) => void, mouseEvent?: keyof DocumentEventMap) => void;
+type clickAwayHook = (nodes: HTMLElement[] | (() => HTMLElement[]) | null, containingDocument: Document, onClickAway: (event: FocusEvent) => void, onClick: (event: MouseEvent) => void, mouseEvent?: keyof DocumentEventMap) => void;
 export declare const useClickAway: clickAwayHook;
 export {};

package/dist-types/cascading-menu/internal/useMenuTriggerHandlers.d.ts

@@ -1,9 +1,10 @@
-import { CascadingMenuProps } from "../CascadingMenuProps";
-import { menuState } from "./stateUtils";
-import { stateItem } from "./useStateReducer";
-import { MouseEvent, KeyboardEvent } from "react";
+import { type Dispatch, type KeyboardEvent, type MouseEvent } from "react";
+import type { CascadingMenuProps } from "../CascadingMenuProps";
+import { type menuAction } from "./CascadingMenuAction";
+import type { menuState } from "./stateUtils";
+import type { stateItem } from "./useStateReducer";
 interface useMenuTriggerHandlersProps {
-    dispatch: (action: any) => void;
+    dispatch: Dispatch<menuAction>;
     children: CascadingMenuProps["children"];
     setIsNavigatingWithKeyboard: (value: boolean) => void;
     openCloseMenu: (open: boolean) => void;
@@ -11,5 +12,5 @@ interface useMenuTriggerHandlersProps {
     rootMenuId: string | undefined;
     menusDataById: Record<string, menuState>;
 }
-export declare function useMenuTriggerHandlers({ dispatch, children, setIsNavigatingWithKeyboard, openCloseMenu, rootMenuState, rootMenuId, menusDataById, }: useMenuTriggerHandlersProps): readonly [(event: MouseEvent<HTMLElement, globalThis.MouseEvent>) => void, (event: KeyboardEvent<HTMLElement>) => void];
+export declare function useMenuTriggerHandlers({ dispatch, children, setIsNavigatingWithKeyboard, openCloseMenu, rootMenuState, rootMenuId, menusDataById, }: useMenuTriggerHandlersProps): readonly [(event: MouseEvent<HTMLElement>) => void, (event: KeyboardEvent<HTMLElement>) => void];
 export {};

package/dist-types/cascading-menu/internal/useMountedRef.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Used to know if the component is mounted or not
  */

package/dist-types/cascading-menu/internal/useMouseHandlers.d.ts

@@ -1,3 +1,3 @@
-import { Dispatch, SetStateAction, MouseEvent } from "react";
-import { CascadingMenuListProps } from "../CascadingMenuList";
+import { type Dispatch, type MouseEvent, type SetStateAction } from "react";
+import type { CascadingMenuListProps } from "../CascadingMenuList";
 export declare function useMouseHandlers(props: CascadingMenuListProps, isMenuActiveState: [boolean, Dispatch<SetStateAction<boolean>>], menuRef: HTMLElement | null): readonly [(highlightedIndex: number) => void, (event: MouseEvent<HTMLElement>) => void];

package/dist-types/cascading-menu/internal/useRefsManager.d.ts

@@ -1,4 +1,4 @@
-export declare type refsManager = {
+export type refsManager = {
     get: (key: string) => HTMLElement | undefined;
     set: (key: string, ref: HTMLElement) => void;
     values: () => HTMLElement[];

package/dist-types/cascading-menu/internal/useStateReducer.d.ts

@@ -1,9 +1,9 @@
-import { flattenedMenuState } from "./stateUtils";
-import { menuAction } from "./CascadingMenuAction";
-export declare type stateItem = {
+import { type menuAction } from "./CascadingMenuAction";
+import type { flattenedMenuState } from "./stateUtils";
+export type stateItem = {
     id: string;
     highlightedItemIndex: number | null;
 };
-declare type state = stateItem[];
-export declare function useStateReducer(menusDataById: flattenedMenuState | undefined, isNavigatingWithKeyboard: boolean): (state: state, action: menuAction) => state;
+type state = stateItem[];
+export declare function useStateReducer(menusDataById: flattenedMenuState, isNavigatingWithKeyboard: boolean): (state: state, action: menuAction) => state;
 export {};

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

@@ -1,4 +1,4 @@
-export declare type stateChangeCause = "keyboardToggle" | "mouseToggle" | "clickedAway" | "onResize" | "itemClicked" | "itemKeydownEnter" | "itemKeydownArrowRight" | "itemKeydownArrowLeft" | "itemKeydownArrowDown" | "itemKeydownArrowUp" | "itemKeydownSpacebar" | "itemKeydownTab" | "itemKeydownEscape" | "itemKeydownHome" | "itemKeydownEnd" | "itemMouseEnter" | "itemMouseMoveToParent" | "mouseOutOfMenus" | "keyboardNavAutoFocus";
+export type stateChangeCause = "keyboardToggle" | "mouseToggle" | "clickedAway" | "onResize" | "itemClicked" | "itemKeydownEnter" | "itemKeydownArrowRight" | "itemKeydownArrowLeft" | "itemKeydownArrowDown" | "itemKeydownArrowUp" | "itemKeydownSpacebar" | "itemKeydownTab" | "itemKeydownEscape" | "itemKeydownHome" | "itemKeydownEnd" | "itemMouseEnter" | "itemMouseMoveToParent" | "mouseOutOfMenus" | "keyboardNavAutoFocus";
 export declare const stateChangeTypes: {
     [key: string]: stateChangeCause;
 };

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { type ChangeEvent } from "react";
 interface AlphaInputProps {
     alphaValue: number;
     showAsOpacity?: boolean;
-    onSubmit: (alpha: number, e?: React.ChangeEvent) => void;
+    onSubmit: (alpha: number, e?: ChangeEvent) => void;
 }
 export declare const AlphaInput: ({ alphaValue, onSubmit, showAsOpacity, }: AlphaInputProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-export declare type RGBAValue = {
+export type RGBAValue = {
     r: number;
     b: number;
     g: number;

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

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

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

@@ -1,4 +1,4 @@
-import { ChangeEvent } from "react";
+import type { ChangeEvent } from "react";
 import { Color } from "./Color";
 export interface ColorPickerProps {
     disableAlphaChooser: boolean;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { TabstripProps } from "../tabs";
-import { ColorPicker, ColorPickerProps } from "./ColorPicker";
-import { Swatches, SwatchesTabProps } from "./Swatches";
-export declare type ColorChooserTabs = {
+import { type TabstripProps } from "../tabs";
+import type { ColorPicker, ColorPickerProps } from "./ColorPicker";
+import type { Swatches, SwatchesTabProps } from "./Swatches";
+export type ColorChooserTabs = {
     Swatches?: {
         Component: typeof Swatches;
         props: SwatchesTabProps;

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import type { ChangeEvent } from "react";
 interface HexInputProps {
     hexValue: string | undefined;
     disableAlphaChooser: boolean;
-    onSubmit: (hex: string | undefined, e?: React.ChangeEvent) => void;
+    onSubmit: (hex: string | undefined, e?: ChangeEvent) => void;
 }
 export declare const HexInput: ({ hexValue, disableAlphaChooser, onSubmit, }: HexInputProps) => JSX.Element;
 export {};

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import { type ChangeEvent } from "react";
 interface HexInputProps {
     hexValue: string | undefined;
     disableAlphaChooser: boolean;
-    onSubmit: (hex: string | undefined, e?: React.ChangeEvent) => void;
+    onSubmit: (hex: string | undefined, e?: ChangeEvent) => void;
 }
 export declare const HexInput: ({ hexValue, disableAlphaChooser, onSubmit, }: HexInputProps) => JSX.Element;
 export {};

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

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

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import { RGBAValue } from "./Color";
+import { type ChangeEvent } from "react";
+import type { RGBAValue } from "./Color";
 interface RGBInputProps {
     rgbaValue: RGBAValue;
     value: "r" | "g" | "b";
-    onSubmit: (rgb: RGBAValue, e?: React.ChangeEvent) => void;
+    onSubmit: (rgb: RGBAValue, e?: ChangeEvent) => void;
 }
 export declare const RGBInput: ({ rgbaValue, value, onSubmit, }: RGBInputProps) => JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-import { ChangeEvent } from "react";
+import type { ChangeEvent } from "react";
 import { Color } from "./Color";
 interface SwatchProps {
     active: boolean;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { Color } from "./Color";
+import type { ChangeEvent } from "react";
+import type { Color } from "./Color";
 export interface SwatchesTabProps {
     allColors: string[][];
     color: Color | undefined;
     alpha: number;
-    handleColorChange: (color: Color | undefined, finalSelection: boolean, e?: React.ChangeEvent) => void;
+    handleColorChange: (color: Color | undefined, finalSelection: boolean, e?: ChangeEvent) => void;
     displayColorName: string | undefined;
     placeholder: string | undefined;
     onDialogClosed: () => void;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { Color } from "./Color";
+import type { ChangeEvent } from "react";
+import type { Color } from "./Color";
 interface SwatchesPickerProps {
     allColors: string[][];
     color: Color | undefined;
     alpha?: number;
-    onChange: (color: Color | undefined, finalSelection: boolean, e?: React.ChangeEvent) => void;
+    onChange: (color: Color | undefined, finalSelection: boolean, e?: ChangeEvent) => void;
     onDialogClosed: () => void;
 }
 export declare const SwatchesPicker: ({ allColors, color, alpha, onChange, onDialogClosed, }: SwatchesPickerProps) => JSX.Element;

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

@@ -1 +1 @@
-export declare const isTransparent: (color?: string | undefined) => boolean;
+export declare const isTransparent: (color?: string) => boolean;

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

@@ -1,6 +1,6 @@
-import { ChangeEvent } from "react";
-import { Color } from "./Color";
-import { DictTabsProps } from "./DictTabs";
+import type { ChangeEvent } from "react";
+import type { Color } from "./Color";
+import type { DictTabsProps } from "./DictTabs";
 interface TabsMappingProps {
     swatches: boolean;
     colorPicker: boolean;

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

@@ -1,8 +1,8 @@
-export * from "./ColorChooser";
 export * from "./Color";
+export * from "./ColorChooser";
+export * from "./ColorHelpers";
 export * from "./ColorPicker";
+export * from "./colorMap";
 export * from "./GetColorPalettes";
-export * from "./ColorHelpers";
-export * from "./SwatchesPicker";
 export * from "./Swatch";
-export * from "./colorMap";
+export * from "./SwatchesPicker";

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

@@ -1,8 +1,8 @@
-import { ForwardedRef, ReactElement } from "react";
-import { DropdownBaseProps } from "../dropdown";
-import { ListProps } from "../list";
-import { InputLegacyProps as InputProps } from "../input-legacy";
-import { SelectionProps, SelectionStrategy } from "../common-hooks";
+import { type ForwardedRef, type ReactElement } from "react";
+import { type SelectionProps, type SelectionStrategy } from "../common-hooks";
+import { type DropdownBaseProps } from "../dropdown";
+import { type InputLegacyProps as InputProps } from "../input-legacy";
+import { type ListProps } from "../list";
 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;
     ListProps?: Omit<ListProps<Item, Selection>, "ListItem" | "itemToString" | "source">;
@@ -12,6 +12,6 @@ export interface ComboBoxProps<Item = string, Selection extends SelectionStrateg
     stringToItem?: (value?: string) => Item | null | undefined;
     value?: string;
 }
-export declare const ComboBox: <Item, Selection_1 extends SelectionStrategy = "default">(props: ComboBoxProps<Item, Selection_1> & {
-    ref?: ForwardedRef<HTMLDivElement> | undefined;
-}) => ReactElement<ComboBoxProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;
+export declare const ComboBox: <Item, Selection extends SelectionStrategy = "default">(props: ComboBoxProps<Item, Selection> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement<ComboBoxProps<Item, Selection>>;

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 { InputLegacyProps as InputProps } from "../input-legacy";
+import { type SelectionStrategy } from "../common-hooks";
+import type { DropdownHookProps, DropdownHookResult } from "../dropdown";
+import type { InputLegacyProps as InputProps } from "../input-legacy";
+import { type ListHookProps, type ListHookResult } from "../list";
 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;
@@ -16,4 +16,4 @@ export interface ComboboxHookResult<Item, Selection extends SelectionStrategy> e
     inputProps: InputProps;
     onOpenChange: (isOpen: boolean) => void;
 }
-export declare const useCombobox: <Item, Selection_1 extends SelectionStrategy = "default">({ allowFreeText, ariaLabel, collectionHook, defaultIsOpen, defaultValue, disabled, onBlur, onFocus, onChange, onSelect, id, isOpen: isOpenProp, itemToString, onOpenChange, onSelectionChange, selectionStrategy, stringToItem, value: valueProp, InputProps: inputProps, }: ComboboxHookProps<Item, Selection_1>) => ComboboxHookResult<Item, Selection_1>;
+export declare const useCombobox: <Item, Selection extends SelectionStrategy = "default">({ allowFreeText, ariaLabel, collectionHook, defaultIsOpen, defaultValue, onBlur, onFocus, onChange, onSelect, id, isOpen: isOpenProp, itemToString, onOpenChange, onSelectionChange, selectionStrategy, stringToItem, value: valueProp, InputProps: inputProps, }: ComboboxHookProps<Item, Selection>) => ComboboxHookResult<Item, Selection>;

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

@@ -1,11 +1,11 @@
-import { Ref } from "react";
-import { DefaultComboBoxProps } from "./internal/DefaultComboBox";
-import { MultiSelectComboBoxProps } from "./internal/MultiSelectComboBox";
-export declare type ComboBoxDeprecatedProps = Omit<DefaultComboBoxProps<any> | MultiSelectComboBoxProps<any>, "rootRef"> & {
+import { type Ref } from "react";
+import { type DefaultComboBoxProps } from "./internal/DefaultComboBox";
+import { type MultiSelectComboBoxProps } from "./internal/MultiSelectComboBox";
+export type ComboBoxDeprecatedProps = Omit<DefaultComboBoxProps<any> | MultiSelectComboBoxProps<any>, "rootRef"> & {
     rootRef?: Ref<HTMLElement>;
     delimiter?: string | string[];
 };
 export declare const ComboBoxDeprecated: import("react").ForwardRefExoticComponent<Omit<DefaultComboBoxProps<any> | MultiSelectComboBoxProps<any>, "rootRef"> & {
-    rootRef?: Ref<HTMLElement> | undefined;
-    delimiter?: string | string[] | undefined;
+    rootRef?: Ref<HTMLElement>;
+    delimiter?: string | string[];
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,3 @@
-export declare type GetFilterRegex = (inputValue: string) => RegExp;
+export type GetFilterRegex = (inputValue: string) => RegExp;
 export declare const getDefaultFilterRegex: GetFilterRegex;
 export declare const getDefaultFilter: (inputValue?: string, getFilterRegex?: GetFilterRegex) => (itemValue?: string) => boolean;

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

@@ -1,9 +1,9 @@
-import { ComponentType, HTMLAttributes, ReactNode, Ref, RefObject } from "react";
-import { IndexedListItemProps, ListProps, ListSelectionVariant } from "../../list-deprecated";
-import { GetFilterRegex } from "../filterHelpers";
-import { WindowProps } from "../../window";
-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"> & {
+import { type ComponentType, type HTMLAttributes, type ReactNode, type Ref, type RefObject } from "react";
+import { type InputLegacyProps as InputProps } from "../../input-legacy";
+import { type IndexedListItemProps, type ListProps, type ListSelectionVariant } from "../../list-deprecated";
+import { type WindowProps } from "../../window";
+import type { GetFilterRegex } from "../filterHelpers";
+export 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>>;
     WindowProps?: Partial<WindowProps>;

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { TokenizedInputProps } from "../../tokenized-input";
-import { BaseComboBoxProps } from "./DefaultComboBox";
-export declare type MultiSelectComboBoxProps<Item> = BaseComboBoxProps<Item, "multiple"> & Pick<TokenizedInputProps<Item>, "onFocus" | "onBlur" | "onInputFocus" | "onInputBlur" | "onInputChange" | "onInputSelect" | "stringToItem"> & {
+import { type TokenizedInputProps } from "../../tokenized-input";
+import type { BaseComboBoxProps } from "./DefaultComboBox";
+export type MultiSelectComboBoxProps<Item> = BaseComboBoxProps<Item, "multiple"> & Pick<TokenizedInputProps<Item>, "onFocus" | "onBlur" | "onInputFocus" | "onInputBlur" | "onInputChange" | "onInputSelect" | "stringToItem"> & {
     InputProps?: Partial<TokenizedInputProps<Item>>;
     initialSelectedItem?: Item[];
     selectedItem?: Item[];
     multiSelect: true;
     delimiter?: string | string[];
 };
-export declare function MultiSelectComboBox<Item>(props: MultiSelectComboBoxProps<Item>): JSX.Element;
+export declare function MultiSelectComboBox<Item>(props: MultiSelectComboBoxProps<Item>): import("react/jsx-runtime").JSX.Element;