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

package/dist-types/tabs/useKeyboardNavigation.d.ts

@@ -1,6 +1,6 @@
-import { FocusEvent, FocusEventHandler, KeyboardEvent, MouseEvent, MouseEventHandler } from "react";
-import { OverflowItem } from "../responsive";
-declare type orientationType = "horizontal" | "vertical";
+import { type FocusEvent, type FocusEventHandler, type KeyboardEvent, type MouseEvent, type MouseEventHandler } from "react";
+import type { OverflowItem } from "../responsive";
+type orientationType = "horizontal" | "vertical";
 export interface ContainerNavigationProps {
     onBlur: FocusEventHandler;
     onFocus: FocusEventHandler;

package/dist-types/tabs/useSelection.d.ts

@@ -1,10 +1,10 @@
-import { KeyboardEvent, MouseEvent } from "react";
+import { type KeyboardEvent, type MouseEvent } from "react";
 export declare const isTabElement: (el: HTMLElement) => boolean;
 export declare const useSelection: ({ defaultSelected, highlightedIdx, onSelectionChange, selected: selectedProp, }: {
-    defaultSelected?: number | undefined;
+    defaultSelected?: number;
     highlightedIdx: number;
-    onSelectionChange?: ((tabIndex: number) => void) | undefined;
-    selected?: number | null | undefined;
+    onSelectionChange?: (tabIndex: number) => void;
+    selected?: number | null;
 }) => {
     activateTab: (tabIndex: number) => void;
     isControlled: boolean;

package/dist-types/tabs/useTabs.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { TabDescriptor } from "./TabsTypes";
+import { type ReactNode } from "react";
+import type { TabDescriptor } from "./TabsTypes";
 export interface TabsHookProps {
     activeTabIndex?: number | null;
     children: ReactNode;

package/dist-types/tabs/useTabstrip.d.ts

@@ -1,9 +1,9 @@
-import { RefObject } from "react";
-import { ContainerNavigationProps } from "./useKeyboardNavigation";
-import { dragStrategy, DragHookResult } from "./drag-drop";
-import { ExitEditModeHandler, EditableItemHookResult } from "./useEditableItem";
-import { OverflowCollectionHookResult } from "../responsive";
-import { composableTabProps, navigationProps, TabDescriptor, TabElement } from "./TabsTypes";
+import { type RefObject } from "react";
+import type { OverflowCollectionHookResult } from "../responsive";
+import { type DragHookResult, type dragStrategy } from "./drag-drop";
+import type { composableTabProps, navigationProps, TabDescriptor, TabElement } from "./TabsTypes";
+import { type EditableItemHookResult, type ExitEditModeHandler } from "./useEditableItem";
+import { type ContainerNavigationProps } from "./useKeyboardNavigation";
 interface tabstripHookProps {
     activeTabIndex?: number | null;
     allowDragDrop?: boolean | dragStrategy;

package/dist-types/toast-group/ToastGroup.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface ToastGroupProps extends ComponentPropsWithoutRef<"div"> {
+    placement?: "top-right" | "bottom-right";
+}
+export declare const ToastGroup: import("react").ForwardRefExoticComponent<ToastGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/toast-group/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToastGroup";

package/dist-types/tokenized-input/TokenizedInput.d.ts

@@ -1,8 +1,8 @@
-import { UseTooltipProps } from "@salt-ds/core";
-import { ComponentType } from "react";
-import { TokenizedInputBaseProps } from "./TokenizedInputBase";
-export declare type StringToItem<Item> = (selectedItems: Array<Item>, value: string) => Item | null | undefined;
-export declare type ChangeHandler<Item> = (selectedItems: Item[] | undefined) => void;
+import { type UseTooltipProps } from "@salt-ds/core";
+import { type ComponentType } from "react";
+import { type TokenizedInputBaseProps } from "./TokenizedInputBase";
+export type StringToItem<Item> = (selectedItems: Array<Item>, value: string) => Item | null | undefined;
+export type ChangeHandler<Item> = (selectedItems: Item[] | undefined) => void;
 export interface TokenizedInputProps<Item> extends Omit<TokenizedInputBaseProps<Item>, "activeIndices" | "focused" | "highlightedIndex" | "helpers" | "onRemoveItem"> {
     Tooltip?: ComponentType;
     delimiter?: string | Array<string>;

package/dist-types/tokenized-input/TokenizedInputBase.d.ts

@@ -1,10 +1,10 @@
-import { ChangeEventHandler, FocusEventHandler, ForwardedRef, HTMLAttributes, KeyboardEventHandler, ReactElement, ReactEventHandler, Ref, SyntheticEvent } from "react";
-import { ButtonProps } from "@salt-ds/core";
-import { TokenizedInputHelpers, TokenizedInputState } from "./useTokenizedInput";
-import { InputLegacyProps as InputProps } from "../input-legacy";
-export declare type RemoveItemHandler = (itemIndex: number) => void;
-export declare type ItemToString<Item> = (item: Item) => string;
-export declare type ExpandButtonProps = Pick<ButtonProps, "role" | "aria-roledescription" | "aria-describedby"> & {
+import { type ButtonProps } from "@salt-ds/core";
+import { type ChangeEventHandler, type FocusEventHandler, type ForwardedRef, type HTMLAttributes, type KeyboardEventHandler, type ReactElement, type ReactEventHandler, type Ref, type SyntheticEvent } from "react";
+import { type InputLegacyProps as InputProps } from "../input-legacy";
+import type { TokenizedInputHelpers, TokenizedInputState } from "./useTokenizedInput";
+export type RemoveItemHandler = (itemIndex: number) => void;
+export type ItemToString<Item> = (item: Item) => string;
+export type ExpandButtonProps = Pick<ButtonProps, "role" | "aria-roledescription" | "aria-describedby"> & {
     accessibleText?: string;
 };
 export interface TokenizedInputBaseProps<Item> extends Partial<TokenizedInputState<Item>>, Omit<HTMLAttributes<HTMLDivElement>, "onFocus" | "onBlur" | "onChange" | "onKeyUp" | "onKeyDown"> {
@@ -28,5 +28,5 @@ export interface TokenizedInputBaseProps<Item> extends Partial<TokenizedInputSta
     onClear?: ReactEventHandler;
 }
 export declare const TokenizedInputBase: <Item>(p: TokenizedInputBaseProps<Item> & {
-    ref?: ForwardedRef<HTMLDivElement> | undefined;
-}) => ReactElement<TokenizedInputBaseProps<Item>, string | import("react").JSXElementConstructor<any>>;
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement<TokenizedInputBaseProps<Item>>;

package/dist-types/tokenized-input/internal/InputPill.d.ts

@@ -1,16 +1,18 @@
-import { MutableRefObject } from "react";
-import { PillProps } from "../../pill";
-export declare type InputPillProps = Omit<PillProps<"basic" | "closable">, "variant" | "onDelete" | "clickable"> & {
+import { type PillProps } from "@salt-ds/core";
+import { type MutableRefObject } from "react";
+export type InputPillProps = PillProps & {
     /**
      * An ref object holds pills index map to width.
      */
-    pillsRef: MutableRefObject<{
-        [index: number]: number | undefined;
-    }>;
+    pillsRef: MutableRefObject<Record<number, number | undefined>>;
     /**
      * Index of the pill within Input.
      */
     index: number;
+    /**
+     * Pill label.
+     */
+    label?: string;
     /**
      * Whether the pill is the last visible one within Input.
      */
@@ -28,4 +30,4 @@ export declare type InputPillProps = Omit<PillProps<"basic" | "closable">, "vari
      */
     onDelete?: (index: number) => void;
 };
-export declare const InputPill: import("react").NamedExoticComponent<InputPillProps>;
+export declare const InputPill: import("react").MemoExoticComponent<(props: InputPillProps) => import("react/jsx-runtime").JSX.Element>;

package/dist-types/tokenized-input/internal/InputRuler.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from "react";
+import { type InputHTMLAttributes } from "react";
 /**
  * This hidden component is used to wrap a copy of an input value
  * so that we can use it to determine the input width dynamically

package/dist-types/tokenized-input/internal/getCursorPosition.d.ts

@@ -1,2 +1,2 @@
-import { MutableRefObject } from "react";
+import type { MutableRefObject } from "react";
 export declare const getCursorPosition: (inputRef: MutableRefObject<HTMLInputElement | null>) => number;

package/dist-types/tokenized-input/internal/isPlainObject.d.ts

@@ -1,4 +1,4 @@
-export declare type PlainObject = {
+export type PlainObject = {
     [name: string]: any;
 };
 export declare const isPlainObject: (obj: any) => obj is PlainObject;

package/dist-types/tokenized-input/internal/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "react";
+import { type Ref } from "react";
 /**
  * This monitors the size of a component and calls `onSizeChange` callback
  * every time when size changes.

package/dist-types/tokenized-input/internal/useWidth.d.ts

@@ -1,4 +1,4 @@
-import { Density } from "@salt-ds/core";
+import { type Density } from "@salt-ds/core";
 export declare const getWidth: (node: HTMLElement | null) => number;
 /**
  * This records the width of a component when it's rendered

package/dist-types/tokenized-input/useTokenizedInput.d.ts

@@ -1,6 +1,6 @@
-import { Ref } from "react";
-import { TokenizedInputProps } from "./TokenizedInput";
-import { TokenizedInputBaseProps } from "./TokenizedInputBase";
+import { type Ref } from "react";
+import type { TokenizedInputProps } from "./TokenizedInput";
+import type { TokenizedInputBaseProps } from "./TokenizedInputBase";
 export interface TokenizedInputState<Item> {
     activeIndices: Array<number>;
     expanded: boolean | undefined;
@@ -17,7 +17,7 @@ export interface TokenizedInputHelpers<Item> {
     setSelectedItems: (selectedItems: Array<Item>) => void;
     updateExpanded: (expanded: boolean) => void;
 }
-declare type useTokenizedInputResult<Item> = {
+type useTokenizedInputResult<Item> = {
     /**
      * Used to do auto focus. It should be set to the actual input node.
      */

package/dist-types/tokenized-input-next/TokenizedInputNext.d.ts

@@ -0,0 +1,51 @@
+import { type ButtonProps, type NecessityType, type ValidationStatus } from "@salt-ds/core";
+import { type ChangeEventHandler, type FocusEventHandler, type HTMLAttributes, type KeyboardEventHandler, type ReactEventHandler, type Ref, type SyntheticEvent, type TextareaHTMLAttributes } from "react";
+import { type TokenizedInputNextState } from "./useTokenizedInputNext";
+type ChangeHandler<Item> = (event: SyntheticEvent, selectedItems: Item[] | undefined) => void;
+type ExpandButtonProps = Pick<ButtonProps, "role" | "aria-roledescription" | "aria-describedby"> & {
+    "aria-label"?: string;
+};
+export interface TokenizedInputNextProps<Item> extends Partial<TokenizedInputNextState<Item>>, Omit<HTMLAttributes<HTMLDivElement>, "onFocus" | "onBlur" | "onChange" | "onKeyUp" | "onKeyDown"> {
+    ExpandButtonProps?: ExpandButtonProps;
+    disabled?: boolean;
+    focused?: boolean;
+    expandButtonRef?: Ref<HTMLButtonElement>;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement | HTMLButtonElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement | HTMLButtonElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement | HTMLButtonElement>;
+    onRemoveItem?: (event: SyntheticEvent, index: number) => void;
+    onInputBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onInputFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onInputChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    onClick?: ReactEventHandler;
+    onClear?: ReactEventHandler;
+    delimiters?: string[];
+    disableAddOnBlur?: boolean;
+    defaultSelected?: Item[];
+    onChange?: ChangeHandler<Item>;
+    onCollapse?: ReactEventHandler;
+    onExpand?: ReactEventHandler;
+    /**
+     * Validation status.
+     */
+    validationStatus?: Omit<ValidationStatus, "info">;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea#Attributes) applied to the `textarea` element.
+     */
+    textAreaProps?: TextareaHTMLAttributes<HTMLTextAreaElement>;
+    /**
+     * Optional ref for the textarea component
+     */
+    textAreaRef?: Ref<HTMLTextAreaElement>;
+    necessity?: NecessityType;
+    /**
+     * Styling variant. Defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+}
+export declare const TokenizedInputNext: import("react").ForwardRefExoticComponent<TokenizedInputNextProps<unknown> & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist-types/tokenized-input-next/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TokenizedInputNext";
+export * from "./useTokenizedInputNext";

package/dist-types/tokenized-input-next/internal/InputPill.d.ts

@@ -0,0 +1,29 @@
+import { type PillProps } from "@salt-ds/core";
+import { type MutableRefObject, type SyntheticEvent } from "react";
+export type InputPillProps = PillProps & {
+    /**
+     * A ref object holds pills index map to width.
+     */
+    pillsRef: MutableRefObject<Record<number, number | undefined>>;
+    /**
+     * Index of the pill within Input.
+     */
+    index: number;
+    /**
+     * Whether the pill is the last visible one within Input.
+     */
+    lastVisible?: boolean;
+    /**
+     * Pill label.
+     */
+    label?: string;
+    /**
+     * Whether the pill is highlighted.
+     */
+    highlighted?: boolean;
+    /**
+     * Callback when pill is deleted.
+     */
+    onClose?: (event: SyntheticEvent, index: number) => void;
+};
+export declare const InputPill: import("react").MemoExoticComponent<(props: InputPillProps) => import("react/jsx-runtime").JSX.Element>;

package/dist-types/tokenized-input-next/internal/calcFirstHiddenIndex.d.ts

@@ -0,0 +1,4 @@
+export declare function calcFirstHiddenIndex({ containerWidth, pillWidths, }?: {
+    containerWidth?: number;
+    pillWidths?: number[];
+}): number | null;

package/dist-types/tokenized-input-next/internal/useResizeObserver.d.ts

@@ -0,0 +1,6 @@
+import { type Ref } from "react";
+/**
+ * This monitors the size of a component and calls `onSizeChange` callback
+ * every time when size changes.
+ */
+export declare function useResizeObserver<Element extends HTMLElement>(onSizeChange: (entries: ResizeObserverEntry[], observer?: ResizeObserver) => void): Ref<Element>;

package/dist-types/tokenized-input-next/internal/useWidth.d.ts

@@ -0,0 +1,7 @@
+import { type Density } from "@salt-ds/core";
+export declare const getPadding: (node: HTMLElement | null) => number;
+export declare const getWidth: (node: HTMLElement | null) => number;
+/**
+ * This records the width of a component when it's rendered
+ */
+export declare const useWidth: (density: Density) => [(newNode: any) => void, number];

package/dist-types/tokenized-input-next/useTokenizedInputNext.d.ts

@@ -0,0 +1,47 @@
+import { type MutableRefObject, type Ref, type SyntheticEvent } from "react";
+import type { TokenizedInputNextProps } from "./TokenizedInputNext";
+export interface TokenizedInputNextState<Item> {
+    activeIndices: number[];
+    expanded: boolean | undefined;
+    highlightedIndex: number | undefined;
+    selectedItems: Item[];
+    value: string | undefined;
+}
+export interface TokenizedInputNextHelpers<Item> {
+    setHighlightedIndex: (value?: number) => void;
+    setValue: (value: string) => void;
+    setSelectedItems: (selectedItems: Item[]) => void;
+    updateExpanded: (event: SyntheticEvent, expanded: boolean) => void;
+}
+export interface TokenizedInputNextRefs {
+    textAreaRef: Ref<HTMLTextAreaElement>;
+    pillsRef: MutableRefObject<Record<number, number | undefined>>;
+    clearButtonRef: (newNode: HTMLButtonElement) => void;
+    expandButtonRef: Ref<HTMLButtonElement>;
+    statusAdornmentRef: Ref<SVGSVGElement>;
+    containerRef: Ref<HTMLDivElement>;
+}
+interface useTokenizedInputNextResult<Item> {
+    /**
+     * The tokenized input state
+     */
+    state: TokenizedInputNextState<Item>;
+    /**
+     * First hidden element when collapsed
+     */
+    firstHiddenIndex: number | null;
+    /**
+     * Utility functions for modifying tokenized input state
+     */
+    helpers: TokenizedInputNextHelpers<Item>;
+    /**
+     * Refs for tokenized input items.
+     */
+    refs: TokenizedInputNextRefs;
+    /**
+     * Properties applied to a basic tokenized input component
+     */
+    inputProps: Omit<TokenizedInputNextProps<Item>, "helpers" | "onChange">;
+}
+export declare function useTokenizedInputNext<Item>(props: TokenizedInputNextProps<Item>): useTokenizedInputNextResult<Item>;
+export {};

package/dist-types/toolbar/Toolbar.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ToolbarProps } from "./ToolbarProps";
+import type { ToolbarProps } from "./ToolbarProps";
 /**
  * The core Toolbar implementation, without the external wrapper provided by Toolbar.js
  */

package/dist-types/toolbar/ToolbarButton.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { ButtonProps } from "@salt-ds/core";
-export declare type ToolbarButtonProps = ButtonProps & {
+import { type ButtonProps } from "@salt-ds/core";
+export type ToolbarButtonProps = ButtonProps & {
     overflowLabel?: string;
     label?: string;
 };
 export declare const ToolbarButton: import("react").ForwardRefExoticComponent<ButtonProps & {
-    overflowLabel?: string | undefined;
-    label?: string | undefined;
+    overflowLabel?: string;
+    label?: string;
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/toolbar/ToolbarProps.d.ts

@@ -1,6 +1,6 @@
-import { TooltipProps } from "@salt-ds/core";
-import { ComponentType, HTMLAttributes, ReactNode } from "react";
-export declare type OrientationShape = "vertical" | "horizontal";
+import type { TooltipProps } from "@salt-ds/core";
+import type { ComponentType, HTMLAttributes, ReactNode } from "react";
+export type OrientationShape = "vertical" | "horizontal";
 export interface ToolbarAlignmentProps {
     alignCenter?: true | undefined;
     alignEnd?: true | undefined;

package/dist-types/toolbar/Tooltray.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { TooltrayProps } from "./TooltrayProps";
-export declare const Tooltray: (props: TooltrayProps) => JSX.Element;
+import type { TooltrayProps } from "./TooltrayProps";
+export declare const Tooltray: (props: TooltrayProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/toolbar/TooltrayProps.d.ts

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from "react";
-import { OrientationShape, ToolbarAlignmentProps } from "./ToolbarProps";
-declare type collapsibleType = "dynamic" | "instant";
-declare type booleanAttribute = "true" | "false";
+import type { HTMLAttributes } from "react";
+import type { OrientationShape, ToolbarAlignmentProps } from "./ToolbarProps";
+type collapsibleType = "dynamic" | "instant";
+type booleanAttribute = "true" | "false";
 export interface TooltrayProps extends ToolbarAlignmentProps, HTMLAttributes<HTMLDivElement> {
     collapse?: boolean;
     collapsed?: boolean;

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

@@ -1,6 +1,6 @@
 export * from "./Toolbar";
-export * from "./Tooltray";
 export * from "./ToolbarButton";
 export * from "./ToolbarProps";
+export * from "./Tooltray";
 export * from "./TooltrayProps";
 export * from "./toolbar-field";

package/dist-types/toolbar/internal/ToolbarButtonRefsContext.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from "react";
-declare type refsMap<T> = {
+import { type RefObject } from "react";
+type refsMap<T> = {
     [key: string]: RefObject<T>;
 };
 declare const _default: import("react").Context<refsMap<HTMLButtonElement>>;

package/dist-types/toolbar/internal/ToolbarHiddenItemIdsContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: import("react").Context<{}>;
 export default _default;

package/dist-types/toolbar/internal/renderToolbarItems.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { orientationType, OverflowCollectionHookResult, OverflowItem } from "../../responsive";
-export declare const renderToolbarItems: (collectionHook: OverflowCollectionHookResult, overflowedItems: OverflowItem<"child">[] | undefined, orientation: orientationType) => JSX.Element[];
+import { type OverflowCollectionHookResult, type OverflowItem, type orientationType } from "../../responsive";
+export declare const renderToolbarItems: (collectionHook: OverflowCollectionHookResult, overflowedItems: OverflowItem[], orientation: orientationType) => JSX.Element[];

package/dist-types/toolbar/internal/renderTrayTools.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
-import { OverflowCollectionHookResult, OverflowItem } from "../../responsive/overflowTypes";
-import { OrientationShape } from "../ToolbarProps";
-export declare const renderTrayTools: (collectionHook: OverflowCollectionHookResult, overflowedItems: OverflowItem[], orientation: OrientationShape, collapsed?: string | boolean | undefined) => ReactNode;
+import { type ReactNode } from "react";
+import type { OverflowCollectionHookResult, OverflowItem } from "../../responsive/overflowTypes";
+import type { OrientationShape } from "../ToolbarProps";
+export declare const renderTrayTools: (collectionHook: OverflowCollectionHookResult, overflowedItems: OverflowItem[], orientation: OrientationShape, collapsed?: boolean | string) => ReactNode;

package/dist-types/toolbar/overflow-panel/OverflowPanel.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
-import { DropdownBaseProps } from "../../dropdown";
+import { type DropdownBaseProps } from "../../dropdown";
 export interface DropdownPanelProps extends DropdownBaseProps {
     /**
      * Trigger button icon
@@ -10,4 +9,4 @@ export interface DropdownPanelProps extends DropdownBaseProps {
      */
     triggerButtonLabel?: string;
 }
-export declare const OverflowPanel: React.ForwardRefExoticComponent<DropdownPanelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const OverflowPanel: import("react").ForwardRefExoticComponent<DropdownPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/toolbar/overflow-panel/OverflowSeparator.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactElement } from "react";
+import type { HTMLAttributes, ReactElement } from "react";
 export interface OverflowSeparatorProps extends HTMLAttributes<HTMLDivElement> {
     children?: never;
     focusable?: boolean;

package/dist-types/toolbar/toolbar-field/ToolbarField.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { ToolbarFieldProps } from "./toolbarFieldTypes";
+import type { ToolbarFieldProps } from "./toolbarFieldTypes";
 export declare const ToolbarField: import("react").ForwardRefExoticComponent<ToolbarFieldProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/toolbar/toolbar-field/toolbarFieldTypes.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldLegacyProps } from "../../form-field-legacy";
+import type { FormFieldLegacyProps } from "../../form-field-legacy";
 export interface ToolbarFieldProps extends FormFieldLegacyProps {
     inOverflowPanel?: undefined | true;
 }

package/dist-types/toolbar/toolbar-field/useToolbarField.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
-import { ToolbarFieldProps } from "./toolbarFieldTypes";
+import { type ReactNode } from "react";
+import type { ToolbarFieldProps } from "./toolbarFieldTypes";
 export declare const getToolbarFormFieldProps: (child: ReactNode, isOverflowPanel?: boolean) => ToolbarFieldProps;
 export declare const useToolbarField: (props: ToolbarFieldProps) => ToolbarFieldProps;

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

@@ -0,0 +1,11 @@
+import { type ComponentType } from "react";
+/**
+ * Wrap a component so that a deprecation warning is logged on first render
+ * instead of at import time.
+ */
+export declare function deprecatedComponent<P extends object>(Component: ComponentType<P>, displayName: string, deprecationKey: string, message: string): typeof Component;
+/**
+ * Wrap a hook or plain function so that a deprecation warning is logged on
+ * first call instead of at import time.
+ */
+export declare function deprecatedFunction<T extends (...args: any[]) => any>(hook: T, deprecationKey: string, message: string): T;

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

@@ -1,3 +1,3 @@
-declare type Props = Record<string, any>;
+type Props = Record<string, any>;
 export declare const forwardCallbackProps: <P1 extends Props, P2 extends Props>(ownProps: P1, overrideProps: P2) => P1 & P2;
 export {};

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

@@ -1,11 +1,10 @@
 export * from "./escapeRegExp";
-export * from "./isEmail";
 export * from "./forwardCallbackProps";
+export * from "./isEmail";
 export * from "./isPlainObject";
 export * from "./partition";
 export * from "./useClickOutside";
 export * from "./useEventCallback";
-export * from "./useFloatingUI";
 export * from "./useIsViewportLargerThanBreakpoint";
 export * from "./useLayoutEffectOnce";
 export * from "./useLayoutEffectSkipFirst";

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

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

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

@@ -1,5 +1,5 @@
-import { Ref } from "react";
-declare type MouseEvents = keyof {
+import { type Ref } from "react";
+type MouseEvents = keyof {
     [K in keyof GlobalEventHandlersEventMap as GlobalEventHandlersEventMap[K] extends MouseEvent ? K : never]: GlobalEventHandlersEventMap[K];
 };
 export declare function useClickOutside<Element extends HTMLElement>(handler: () => void, triggerEvents?: MouseEvents[], containers?: HTMLElement[]): Ref<Element>;

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

@@ -1,4 +1,4 @@
 /**
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
  */
-export declare function useEventCallback<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;
+export declare function useEventCallback<const T extends (...args: any[]) => void>(fn: T): T;

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

@@ -1,2 +1,2 @@
-import { Breakpoints } from "@salt-ds/core";
+import { type Breakpoints } from "@salt-ds/core";
 export declare const useIsViewportLargerThanBreakpoint: (targetedBreakpoint: keyof Breakpoints) => boolean;

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

@@ -1,2 +1,2 @@
-import { DependencyList, EffectCallback } from "react";
+import { type DependencyList, type EffectCallback } from "react";
 export declare const useLayoutEffectOnce: (condition: boolean, callback: EffectCallback, dependencies: DependencyList) => void;

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

@@ -1,2 +1,2 @@
-import { DependencyList, EffectCallback } from "react";
+import { type DependencyList, type EffectCallback } from "react";
 export declare const useLayoutEffectSkipFirst: (callback: EffectCallback, dependencies: DependencyList) => void;

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

@@ -1,2 +1,2 @@
-import { Ref, DependencyList } from "react";
+import { type DependencyList, type Ref } from "react";
 export declare function useOverflowDetection<Element extends HTMLElement>(dependencies?: DependencyList): [Ref<Element>, boolean];

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

@@ -1,2 +1,2 @@
-import { LayoutAnimationTransition } from "../deck-layout";
-export declare const useSlideSelection: (initialValue?: number | undefined) => [LayoutAnimationTransition | undefined, number, (sliderIndex: number, transition?: LayoutAnimationTransition | undefined) => void];
+import type { LayoutAnimationTransition } from "../deck-layout";
+export declare const useSlideSelection: (initialValue?: number) => [LayoutAnimationTransition | undefined, number, (sliderIndex: number, transition?: LayoutAnimationTransition) => void];

package/dist-types/window/ElectronWindow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ElectronWindow: import("react").ForwardRefExoticComponent<{
-    open?: boolean | undefined;
+    open?: boolean;
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/window/WindowContext.d.ts

@@ -1,14 +1,14 @@
-import { ComponentPropsWithoutRef } from "react";
-export declare type WindowProps = {
+import { type ComponentPropsWithoutRef } from "react";
+export type WindowProps = {
     open?: boolean;
 } & ComponentPropsWithoutRef<"div">;
 export declare const Window: import("react").ForwardRefExoticComponent<{
-    open?: boolean | undefined;
+    open?: boolean;
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const WindowContext: import("react").Context<import("react").ForwardRefExoticComponent<{
-    open?: boolean | undefined;
+    open?: boolean;
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>>;
 export declare const useWindow: () => import("react").ForwardRefExoticComponent<{
-    open?: boolean | undefined;
+    open?: boolean;
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const isDesktop: boolean;

package/dist-types/window/desktop-utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WindowParentContext: import("react").Context<{
     top: number;
     left: number;

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

@@ -1,2 +1,2 @@
-export * from "./WindowContext";
 export * from "./ElectronWindow";
+export * from "./WindowContext";