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

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

@@ -1,9 +1,9 @@
-import { SyntheticEvent, KeyboardEvent } from "react";
+import { type KeyboardEvent, type SyntheticEvent } from "react";
 export declare const isToggleList: (event: KeyboardEvent) => boolean;
 export declare const usePopperStatus: (props: {
-    initialOpen?: boolean | undefined;
-    isMultiSelect?: boolean | undefined;
-    onClose?: ((event: SyntheticEvent) => void) | undefined;
+    initialOpen?: boolean;
+    isMultiSelect?: boolean;
+    onClose?: (event: SyntheticEvent) => void;
 }) => {
     isOpen: boolean;
     notifyPopper: (event: SyntheticEvent) => void;

package/dist-types/common-hooks/collectionProvider.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement } from "react";
-import { CollectionHookResult } from "./collectionTypes";
+import { type ReactElement } from "react";
+import type { CollectionHookResult } from "./collectionTypes";
 export interface collectionContext<T> {
     collection: CollectionHookResult<T>;
 }
@@ -8,6 +8,6 @@ interface ContextProviderProps<Item> {
     children: ReactElement;
     collectionHook: CollectionHookResult<Item>;
 }
-export declare function CollectionProvider<Item>({ children, collectionHook, ...props }: ContextProviderProps<Item>): JSX.Element;
+export declare function CollectionProvider<Item>({ children, collectionHook, ...props }: ContextProviderProps<Item>): import("react/jsx-runtime").JSX.Element;
 export declare function useCollection<Item>(): CollectionHookResult<Item> | undefined;
 export {};

package/dist-types/common-hooks/collectionTypes.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { SelectionStrategy, SingleSelectionStrategy } from "./selectionTypes";
+import type { ReactNode } from "react";
+import type { SelectionStrategy, SingleSelectionStrategy } from "./selectionTypes";
 export interface CollectionIndexer {
     value: number;
 }
@@ -23,7 +23,7 @@ export interface CollectionItem<T> extends CollectionItemBase<T> {
 export interface SourceGroup<T> {
     childNodes: T[];
 }
-export declare type CollectionOptions<T> = {
+export type CollectionOptions<T> = {
     collapsibleHeaders?: boolean;
     defaultExpanded?: boolean;
     filterPattern?: string;
@@ -33,14 +33,14 @@ export declare type CollectionOptions<T> = {
     itemToString?: (item: T) => string;
     revealSelected?: boolean | T | T[];
 };
-export declare type CollectionHookProps<T> = {
+export type CollectionHookProps<T> = {
     children?: ReactNode;
     id: string;
     label?: string;
     source?: ReadonlyArray<T>;
     options?: CollectionOptions<T>;
 };
-export declare type CollectionHookResult<T> = {
+export type CollectionHookResult<T> = {
     /** set expanded to false for target */
     collapseGroupItem: (item: CollectionItem<T>) => void;
     /** data items from the collection to be rendered */

package/dist-types/common-hooks/index.d.ts

@@ -1,13 +1,13 @@
-export * from "./useAutoSizer";
 export * from "./calcPreferredHeight";
 export * from "./collectionProvider";
 export * from "./collectionTypes";
 export * from "./itemToString";
 export * from "./keyUtils";
-export * from "./useCollapsibleGroups";
 export * from "./list-dom-utils";
 export * from "./navigationTypes";
 export * from "./selectionTypes";
+export * from "./useAutoSizer";
+export * from "./useCollapsibleGroups";
 export * from "./useCollectionItems";
 export * from "./useImperativeScrollingAPI";
 export * from "./useKeyboardNavigation";

package/dist-types/common-hooks/itemToString.d.ts

@@ -1,2 +1,2 @@
-export declare type ItemToStringFunction = (item: any) => string;
+export type ItemToStringFunction = (item: any) => string;
 export declare function itemToString(item: unknown): string;

package/dist-types/common-hooks/keyUtils.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type { KeyboardEvent } from "react";
 export declare const ArrowUp = "ArrowUp";
 export declare const ArrowDown = "ArrowDown";
 export declare const ArrowLeft = "ArrowLeft";
@@ -11,5 +11,5 @@ export declare const PageUp = "PageUp";
 export declare const PageDown = "PageDown";
 export declare const Space = " ";
 export declare const Tab = "Tab";
-export declare const isCharacterKey: (evt: React.KeyboardEvent) => boolean;
-export declare const isNavigationKey: ({ key }: React.KeyboardEvent) => boolean;
+export declare const isCharacterKey: (evt: KeyboardEvent) => boolean;
+export declare const isNavigationKey: ({ key }: KeyboardEvent) => boolean;

package/dist-types/common-hooks/navigationTypes.d.ts

@@ -1,6 +1,6 @@
-import { FocusEvent, KeyboardEvent, RefObject } from "react";
-import { CollectionItem } from "./collectionTypes";
-import { SelectionStrategy, SingleSelectionStrategy } from "./selectionTypes";
+import type { FocusEvent, KeyboardEvent, RefObject } from "react";
+import type { CollectionItem } from "./collectionTypes";
+import type { SelectionStrategy, SingleSelectionStrategy } from "./selectionTypes";
 export interface NavigationProps<Item = unknown> {
     cycleFocus?: boolean;
     defaultHighlightedIndex?: number;
@@ -10,7 +10,7 @@ export interface NavigationProps<Item = unknown> {
     highlightedIndex?: number;
     indexPositions: CollectionItem<Item>[];
     onHighlight?: (idx: number) => void;
-    onKeyboardNavigation?: (evt: KeyboardEvent, idx: number) => void;
+    onKeyboardNavigation?: (evt: KeyboardEvent<HTMLElement>, idx: number) => void;
     restoreLastFocus?: boolean;
 }
 export interface NavigationHookProps<Item, Selection extends SelectionStrategy> extends NavigationProps<Item> {
@@ -19,9 +19,9 @@ export interface NavigationHookProps<Item, Selection extends SelectionStrategy>
     selected?: Selection extends SingleSelectionStrategy ? CollectionItem<Item> | null : CollectionItem<Item>[];
 }
 export interface KeyboardHookListProps {
-    onBlur: (evt: FocusEvent) => void;
-    onFocus: (evt: FocusEvent) => void;
-    onKeyDown: (evt: KeyboardEvent) => void;
+    onBlur: (evt: FocusEvent<HTMLElement>) => void;
+    onFocus: (evt: FocusEvent<HTMLElement>) => void;
+    onKeyDown: (evt: KeyboardEvent<HTMLElement>) => void;
     onMouseDownCapture: () => void;
     onMouseMove: () => void;
     onMouseLeave: () => void;

package/dist-types/common-hooks/selectionTypes.d.ts

@@ -1,15 +1,15 @@
-import { SyntheticEvent } from "react";
-import { CollectionItem } from "./collectionTypes";
+import type { KeyboardEvent, MouseEvent, SyntheticEvent } from "react";
+import type { CollectionItem } from "./collectionTypes";
 export declare const SINGLE = "default";
 export declare const MULTIPLE = "multiple";
 export declare const EXTENDED = "extended";
 export declare const DESELECTABLE = "deselectable";
-export declare type SingleSelectionStrategy = "default" | "deselectable";
-export declare type MultiSelectionStrategy = "multiple" | "extended" | "extended-multi-range";
-export declare type SelectionStrategy = SingleSelectionStrategy | MultiSelectionStrategy;
-export declare type selectedType<Item, Selection extends SelectionStrategy> = Selection extends MultiSelectionStrategy ? Item[] : Item | null;
-export declare type SelectHandler<Item = string> = (event: SyntheticEvent, selectedItem: Item) => void;
-export declare type SelectionChangeHandler<Item = string, Selection extends SelectionStrategy = "default"> = (event: SyntheticEvent, selected: Selection extends SingleSelectionStrategy ? Item | null : Item[]) => void;
+export type SingleSelectionStrategy = "default" | "deselectable";
+export type MultiSelectionStrategy = "multiple" | "extended" | "extended-multi-range";
+export type SelectionStrategy = SingleSelectionStrategy | MultiSelectionStrategy;
+export type selectedType<Item, Selection extends SelectionStrategy> = Selection extends MultiSelectionStrategy ? Item[] : Item | null;
+export type SelectHandler<Item = string> = (event: SyntheticEvent, selectedItem: Item) => void;
+export type SelectionChangeHandler<Item = string, Selection extends SelectionStrategy = "default"> = (event: SyntheticEvent, selected: Selection extends SingleSelectionStrategy ? Item | null : Item[]) => void;
 export declare const hasSelection: <Item = unknown>(selected: Item | Item[] | null) => boolean;
 export declare const getFirstSelectedItem: <Item = unknown>(selected: Item | Item[] | null) => Item | null;
 export interface SelectionProps<Item, Selection extends SelectionStrategy = "default"> {
@@ -20,10 +20,10 @@ export interface SelectionProps<Item, Selection extends SelectionStrategy = "def
     selectionStrategy?: Selection;
 }
 export interface ListHandlers {
-    onClick?: (event: React.MouseEvent) => void;
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    onKeyboardNavigation?: (event: React.KeyboardEvent, currentIndex: number) => void;
-    onMouseMove?: (event: React.MouseEvent) => void;
+    onClick?: (event: MouseEvent<HTMLElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
+    onKeyboardNavigation?: (event: KeyboardEvent<HTMLElement>, currentIndex: number) => void;
+    onMouseMove?: (event: MouseEvent<HTMLElement>) => void;
 }
 export interface SelectionHookProps<Item, Selection extends SelectionStrategy = "default"> extends SelectionProps<CollectionItem<Item>, Selection> {
     disableSelection?: boolean;

package/dist-types/common-hooks/useAutoSizer.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export interface ListAutosizerProps {
     containerRef: RefObject<Element>;
     responsive: boolean;
@@ -9,5 +9,5 @@ interface size {
     height?: number | string;
     width?: number | string;
 }
-export declare function useAutoSizer<Element extends HTMLElement>(props: ListAutosizerProps): size;
+export declare function useAutoSizer(props: ListAutosizerProps): size;
 export {};

package/dist-types/common-hooks/useCollapsibleGroups.d.ts

@@ -1,14 +1,14 @@
-import { ListHandlers } from "./selectionTypes";
-import { CollectionHookResult } from "./collectionTypes";
+import type { CollectionHookResult } from "./collectionTypes";
+import type { ListHandlers } from "./selectionTypes";
 interface CollapsibleHookProps<Item> {
     collapsibleHeaders?: boolean;
     collectionHook: CollectionHookResult<Item>;
     highlightedIdx: number;
     onToggle?: (node: Item) => void;
 }
-interface CollapsibleHookResult<Item> {
+interface CollapsibleHookResult {
     onClick?: ListHandlers["onClick"];
     onKeyDown?: ListHandlers["onKeyDown"];
 }
-export declare const useCollapsibleGroups: <Item>({ collapsibleHeaders, collectionHook, highlightedIdx, onToggle, }: CollapsibleHookProps<Item>) => CollapsibleHookResult<Item>;
+export declare const useCollapsibleGroups: <Item>({ collapsibleHeaders, collectionHook, highlightedIdx, onToggle, }: CollapsibleHookProps<Item>) => CollapsibleHookResult;
 export {};

package/dist-types/common-hooks/useCollectionItems.d.ts

@@ -1,2 +1,2 @@
-import { CollectionHookProps, CollectionHookResult } from "./collectionTypes";
-export declare const useCollectionItems: <Item>({ children, id: idRoot, label, options, source, }: CollectionHookProps<Item>) => CollectionHookResult<Item>;
+import type { CollectionHookProps, CollectionHookResult } from "./collectionTypes";
+export declare const useCollectionItems: <Item>({ children, id: idRoot, label: _label, options, source, }: CollectionHookProps<Item>) => CollectionHookResult<Item>;

package/dist-types/common-hooks/useImperativeScrollingAPI.d.ts

@@ -1,5 +1,5 @@
-import { ForwardedRef, MutableRefObject } from "react";
-import { CollectionHookResult, CollectionItem } from "./collectionTypes";
+import { type ForwardedRef, type MutableRefObject } from "react";
+import type { CollectionHookResult, CollectionItem } from "./collectionTypes";
 export interface ScrollingAPI<Item> {
     scrollToIndex: (itemIndex: number) => void;
     scrollToItem: (item: Item) => void;

package/dist-types/common-hooks/useKeyboardNavigation.d.ts

@@ -1,4 +1,4 @@
-import { NavigationHookProps, NavigationHookResult } from "./navigationTypes";
-import { SelectionStrategy } from "./selectionTypes";
+import type { NavigationHookProps, NavigationHookResult } from "./navigationTypes";
+import { type SelectionStrategy } from "./selectionTypes";
 export declare const LIST_FOCUS_VISIBLE = -2;
-export declare const useKeyboardNavigation: <Item, Selection_1 extends SelectionStrategy>({ containerRef, defaultHighlightedIndex, disableHighlightOnFocus, highlightedIndex: highlightedIndexProp, indexPositions, onHighlight, onKeyboardNavigation, restoreLastFocus, selected, }: NavigationHookProps<Item, Selection_1>) => NavigationHookResult;
+export declare const useKeyboardNavigation: <Item, Selection extends SelectionStrategy>({ containerRef, defaultHighlightedIndex, disableHighlightOnFocus, highlightedIndex: highlightedIndexProp, indexPositions, onHighlight, onKeyboardNavigation, restoreLastFocus, selected, }: NavigationHookProps<Item, Selection>) => NavigationHookResult;

package/dist-types/common-hooks/useKeyboardNavigationPanel.d.ts

@@ -1,2 +1,2 @@
-import { NavigationProps, NavigationHookResult } from "./navigationTypes";
+import type { NavigationHookResult, NavigationProps } from "./navigationTypes";
 export declare const useKeyboardNavigationPanel: ({ cycleFocus, defaultHighlightedIndex: defaultHighlightedIdx, focusOnHighlight, highlightedIndex: highlightedIdxProp, indexPositions, onHighlight, onKeyboardNavigation, }: NavigationProps) => NavigationHookResult;

package/dist-types/common-hooks/useSelection.d.ts

@@ -1,8 +1,8 @@
-import { SelectionHookProps, SelectionHookResult, SelectionStrategy } from "./selectionTypes";
+import type { SelectionHookProps, SelectionHookResult, SelectionStrategy } from "./selectionTypes";
 export declare const CHECKBOX = "checkbox";
 export declare const GROUP_SELECTION_NONE = "none";
 export declare const GROUP_SELECTION_SINGLE = "single";
 export declare const GROUP_SELECTION_CASCADE = "cascade";
-export declare type GroupSelectionMode = "none" | "single" | "cascade";
+export type GroupSelectionMode = "none" | "single" | "cascade";
 export declare const groupSelectionEnabled: (groupSelection: GroupSelectionMode) => boolean;
-export declare const useSelection: <Item, Selection_1 extends SelectionStrategy = "default">({ defaultSelected, disableSelection, highlightedIdx, indexPositions, label, onSelect, onSelectionChange, selected: selectedProp, selectionStrategy, selectionKeys, tabToSelect, }: SelectionHookProps<Item, Selection_1>) => SelectionHookResult<Item, Selection_1>;
+export declare const useSelection: <Item, Selection extends SelectionStrategy = "default">({ defaultSelected, disableSelection, highlightedIdx, indexPositions, label: _label, onSelect, onSelectionChange, selected: selectedProp, selectionStrategy, selectionKeys, tabToSelect, }: SelectionHookProps<Item, Selection>) => SelectionHookResult<Item, Selection>;

package/dist-types/common-hooks/useTypeahead.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { CollectionItem } from "./collectionTypes";
+import { type KeyboardEvent } from "react";
+import type { CollectionItem } from "./collectionTypes";
 interface TypeaheadHookProps<Item> {
     disableTypeToSelect?: boolean;
     highlightedIdx: number;
@@ -9,7 +9,7 @@ interface TypeaheadHookProps<Item> {
     items: CollectionItem<Item>[];
 }
 interface TypeaheadHookResult {
-    onKeyDown?: (e: React.KeyboardEvent) => void;
+    onKeyDown?: (e: KeyboardEvent) => void;
 }
 export declare const useTypeahead: <Item>({ disableTypeToSelect, highlightedIdx, highlightItemAtIndex, typeToNavigate, items, applyIncrementalSearch, }: TypeaheadHookProps<Item>) => TypeaheadHookResult;
 export {};

package/dist-types/common-hooks/useViewportTracking.d.ts

@@ -1,5 +1,5 @@
-import { MutableRefObject, RefObject } from "react";
-import { CollectionItem } from "./collectionTypes";
+import { type MutableRefObject, type RefObject } from "react";
+import type { CollectionItem } from "./collectionTypes";
 export interface ViewportTrackingProps<Item> {
     containerRef: RefObject<HTMLElement>;
     contentRef?: RefObject<HTMLElement>;

package/dist-types/common-hooks/utils/collection-item-utils.d.ts

@@ -1,5 +1,5 @@
-import { ReactElement, ReactNode } from "react";
-import { CollectionItem, CollectionOptions } from "../collectionTypes";
+import { type ReactElement, type ReactNode } from "react";
+import type { CollectionItem, CollectionOptions } from "../collectionTypes";
 export declare const sourceItemHasProp: (item: unknown, propertyName: string) => boolean;
 export declare const isHeader: (item: unknown) => boolean;
 export declare const isGroupNode: (item: unknown) => boolean;
@@ -13,8 +13,8 @@ export declare const getChildLabel: (element: ReactElement<{
 }>) => string | undefined;
 export declare const childIsGroup: (child: ReactElement) => boolean;
 export declare const getChildNodes: (element: ReactElement) => CollectionItem<ReactElement>[] | undefined;
-declare type CollectionItemWithoutId<T> = Omit<CollectionItem<T>, "id">;
-export declare const sourceItems: <T>(source?: readonly T[] | undefined, options?: CollectionOptions<T> | undefined) => CollectionItemWithoutId<T>[] | undefined;
+type CollectionItemWithoutId<T> = Omit<CollectionItem<T>, "id">;
+export declare const sourceItems: <T>(source?: ReadonlyArray<T>, options?: CollectionOptions<T>) => CollectionItemWithoutId<T>[] | undefined;
 export declare const childItems: (children: ReactNode) => CollectionItem<ReactElement>[] | undefined;
 export declare const isParentPath: (parentPath: string, childPath: string) => boolean;
 export declare function replaceCollectionItem<Item>(nodes: CollectionItem<Item>[], id: string, props: Partial<CollectionItem<Item>>): CollectionItem<Item>[];

package/dist-types/common-hooks/utils/filter-utils.d.ts

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

package/dist-types/common-hooks/utils/isSelected.d.ts

@@ -1,2 +1,2 @@
-import { CollectionItem } from "../collectionTypes";
+import type { CollectionItem } from "../collectionTypes";
 export declare function isSelected<Item>(selected: CollectionItem<Item> | CollectionItem<Item>[] | null, item: CollectionItem<Item>): boolean;

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { AvatarProps } from "@salt-ds/core";
-export declare type ContactAvatarProps = AvatarProps;
+import { type AvatarProps } from "@salt-ds/core";
+export 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,5 @@
-import { HTMLAttributes } from "react";
-export declare type ContactDetailsVariant = "default" | "compact" | "mini";
+import { type HTMLAttributes } from "react";
+export type ContactDetailsVariant = "default" | "compact" | "mini";
 export interface ContactDetailsProps extends HTMLAttributes<HTMLDivElement> {
     variant?: ContactDetailsVariant;
     stackAtBreakpoint?: number;

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

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

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 export interface ContactMetadataProps extends HTMLAttributes<HTMLDivElement> {
     collapsible?: boolean;
     collapseButtonId?: string;

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

@@ -1,6 +1,6 @@
-import { IconProps } from "@salt-ds/icons";
-import { ComponentType, HTMLAttributes } from "react";
-import { ValueComponentProps } from "./types";
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes } from "react";
+import type { ValueComponentProps } from "./types";
 export interface ContactMetadataItemProps extends HTMLAttributes<HTMLDivElement> {
     label?: string;
     value: string;

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

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from "react";
-export interface ContactPrimaryInfoProps extends HTMLAttributes<HTMLDivElement> {
+import { type HTMLAttributes } from "react";
+export interface ContactPrimaryInfoProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     text: string;
 }
 export declare const ContactPrimaryInfo: import("react").ForwardRefExoticComponent<ContactPrimaryInfoProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
-import { IconProps } from "@salt-ds/icons";
-import { ComponentType, HTMLAttributes } from "react";
-import { ValueComponentProps } from "./types";
-export interface ContactSecondaryInfoProps extends HTMLAttributes<HTMLDivElement> {
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes } from "react";
+import type { ValueComponentProps } from "./types";
+export interface ContactSecondaryInfoProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     icon?: ComponentType<IconProps>;
     text: string;
     ValueComponent?: ComponentType<ValueComponentProps>;

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

@@ -1,6 +1,6 @@
-import { IconProps } from "@salt-ds/icons";
-import { ComponentType, HTMLAttributes } from "react";
-export interface ContactTertiaryInfoProps extends HTMLAttributes<HTMLDivElement> {
+import type { IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes } from "react";
+export interface ContactTertiaryInfoProps extends Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     icon?: ComponentType<IconProps>;
     text: string;
 }

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

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

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

@@ -2,11 +2,11 @@ export * from "./ContactAction";
 export * from "./ContactActions";
 export * from "./ContactAvatar";
 export * from "./ContactDetails";
+export * from "./ContactFavoriteToggle";
 export * from "./ContactMetadata";
 export * from "./ContactMetadataItem";
 export * from "./ContactPrimaryInfo";
 export * from "./ContactSecondaryInfo";
 export * from "./ContactTertiaryInfo";
-export * from "./ContactFavoriteToggle";
 export * from "./MailLinkComponent";
 export * from "./types";

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { ContactDetailsVariant } from "../ContactDetails";
+import type { ContactDetailsVariant } from "../ContactDetails";
 export interface ContactDetailsContext {
     variant: ContactDetailsVariant;
     primary?: string;

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

@@ -1,12 +1,12 @@
-import React, { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from "react";
-import { StarIconContainerProps } from "./StarIconContainer";
+import { type FocusEventHandler, type KeyboardEventHandler, type MouseEvent, type MouseEventHandler } from "react";
+import { type StarIconContainerProps } from "./StarIconContainer";
 export interface FavoriteToggleProps extends Omit<StarIconContainerProps, "onChange"> {
     onBlur?: FocusEventHandler;
     onChange?: (isSelected: boolean) => void;
-    onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+    onClick?: (event: MouseEvent<HTMLSpanElement>) => void;
     onFocus?: FocusEventHandler;
     onKeyDown?: KeyboardEventHandler<HTMLSpanElement>;
     onMouseEnter?: MouseEventHandler<HTMLSpanElement>;
     onMouseLeave?: MouseEventHandler<HTMLSpanElement>;
 }
-export declare const FavoriteToggle: React.ForwardRefExoticComponent<FavoriteToggleProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const FavoriteToggle: import("react").ForwardRefExoticComponent<FavoriteToggleProps & import("react").RefAttributes<HTMLSpanElement>>;

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

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

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

@@ -1,7 +1,6 @@
-import React from "react";
 export interface StarIconProps {
     className?: string;
     selected?: boolean;
     highlighted?: boolean;
 }
-export declare const StarIcon: React.ForwardRefExoticComponent<StarIconProps & React.RefAttributes<SVGSVGElement>>;
+export declare const StarIcon: import("react").ForwardRefExoticComponent<StarIconProps & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -1,4 +1,4 @@
-import React, { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 export interface StarIconContainerProps extends HTMLAttributes<HTMLSpanElement> {
     className?: string;
     isFocusVisible?: boolean;
@@ -6,4 +6,4 @@ export interface StarIconContainerProps extends HTMLAttributes<HTMLSpanElement>
     isHighlighted?: boolean;
     isSelected?: boolean;
 }
-export declare const StarIconContainer: React.ForwardRefExoticComponent<StarIconContainerProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const StarIconContainer: import("react").ForwardRefExoticComponent<StarIconContainerProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1,3 +1,3 @@
-export * from "./FavoriteToggleWithTooltip";
 export * from "./ContactDetailsContext";
+export * from "./FavoriteToggleWithTooltip";
 export * from "./useComponentSize";

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

@@ -1,4 +1,4 @@
-import { MutableRefObject } from "react";
+import { type MutableRefObject } from "react";
 export interface ComponentSize {
     height?: number;
     width: number;

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-export interface ValueComponentProps extends HTMLAttributes<HTMLSpanElement> {
+import type { HTMLAttributes } from "react";
+export interface ValueComponentProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color"> {
     value?: string;
 }

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

@@ -1,8 +1,8 @@
-import { HTMLAttributes, MouseEvent, Ref } from "react";
-import { StatusIndicatorProps } from "./internal/StatusIndicator";
+import { type HTMLAttributes, type MouseEvent, type Ref } from "react";
+import { type StatusIndicatorProps } from "./internal/StatusIndicator";
 export interface ContentStatusProps extends HTMLAttributes<HTMLDivElement>, StatusIndicatorProps {
     actionLabel?: string;
-    buttonRef?: Ref<any>;
+    buttonRef?: Ref<HTMLButtonElement>;
     onActionClick?: (evt: MouseEvent<HTMLButtonElement>) => void;
 }
 export declare const ContentStatus: import("react").ForwardRefExoticComponent<ContentStatusProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,6 @@
-import { StatusIndicatorProps as BaseStatusIndicatorProps, SpinnerProps } from "@salt-ds/core";
-import { ReactElement } from "react";
-import { CircularProgressProps } from "../../progress";
-export interface StatusIndicatorProps extends Pick<SpinnerProps, "disableAnnouncer">, Pick<CircularProgressProps, "unit" | "value"> {
+import { type StatusIndicatorProps as BaseStatusIndicatorProps, type CircularProgressProps, type SpinnerProps } from "@salt-ds/core";
+import type { ReactElement } from "react";
+export interface StatusIndicatorProps extends Pick<SpinnerProps, "disableAnnouncer">, Pick<CircularProgressProps, "value"> {
     title?: string;
     message?: string;
     CircularProgressProps?: Partial<CircularProgressProps>;
@@ -9,4 +8,4 @@ export interface StatusIndicatorProps extends Pick<SpinnerProps, "disableAnnounc
     id?: string;
     status?: BaseStatusIndicatorProps["status"] | "loading";
 }
-export declare function StatusIndicator({ status, disableAnnouncer, unit, value, title, message, CircularProgressProps: { className: circularProgressClassName, ...restCircularProgressProps }, SpinnerProps: { className: spinnerClassName, ...restSpinnerProps }, id, }: StatusIndicatorProps): ReactElement;
+export declare function StatusIndicator({ status, disableAnnouncer, value, title, message, CircularProgressProps: { className: circularProgressClassName, ...restCircularProgressProps }, SpinnerProps: { className: spinnerClassName, ...restSpinnerProps }, id, }: StatusIndicatorProps): ReactElement;

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

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

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

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from "react";
-import { DeckItemProps } from "../deck-item";
-export declare type LayoutAnimation = "slide" | "fade";
-export declare type LayoutAnimationDirection = "horizontal" | "vertical";
-export declare type LayoutAnimationTransition = "increase" | "decrease";
+import { type HTMLAttributes } from "react";
+import { type DeckItemProps } from "../deck-item";
+export type LayoutAnimation = "slide" | "fade";
+export type LayoutAnimationDirection = "horizontal" | "vertical";
+export type LayoutAnimationTransition = "increase" | "decrease";
 export interface DeckLayoutProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The initial item to render.

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

@@ -1,10 +1,10 @@
-import { ForwardedRef, ReactElement } from "react";
-import { SelectionProps, SelectionStrategy } from "../common-hooks";
-import { ListProps } from "../list/listTypes";
-import { DropdownBaseProps } from "./dropdownTypes";
+import { type ForwardedRef, type ReactElement } from "react";
+import { type SelectionProps, type SelectionStrategy } from "../common-hooks";
+import type { ListProps } from "../list/listTypes";
+import type { DropdownBaseProps } from "./dropdownTypes";
 export interface DropdownProps<Item = string, Selection extends SelectionStrategy = "default"> extends DropdownBaseProps, Pick<ListProps<Item, Selection>, "ListItem" | "itemToString" | "source" | "width">, SelectionProps<Item, Selection> {
     ListProps?: Omit<ListProps<Item, Selection>, "ListItem" | "itemToString" | "source">;
 }
-export declare const Dropdown: <Item, Selection_1 extends SelectionStrategy = "default">(props: DropdownProps<Item, Selection_1> & {
-    ref?: ForwardedRef<HTMLDivElement> | undefined;
-}) => ReactElement<DropdownProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;
+export declare const Dropdown: <Item, Selection extends SelectionStrategy = "default">(props: DropdownProps<Item, Selection> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement<DropdownProps<Item, Selection>>;

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

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