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

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

@@ -1,11 +1,11 @@
-import { ButtonProps } from "@salt-ds/core";
-import { IconProps } from "@salt-ds/icons";
-import { AriaAttributes, ComponentType } from "react";
+import { type ButtonProps } from "@salt-ds/core";
+import { type IconProps } from "@salt-ds/icons";
+import { type AriaAttributes, type ComponentType } from "react";
 export interface DropdownButtonProps extends ButtonProps {
     /**
      * Replace the default Icon component
      */
-    IconComponent?: ComponentType<any>;
+    IconComponent?: ComponentType<IconProps>;
     /**
      * Whether the dropdown button should hide role='option' via 'aria-hidden'
      */

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

@@ -1,6 +1,6 @@
-import { PortalProps } from "../portal";
-import { HTMLAttributes, KeyboardEvent, ReactElement, RefObject } from "react";
-export declare type DropdownPlacement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
+import type { CSSProperties, HTMLAttributes, KeyboardEvent, ReactElement, RefObject } from "react";
+import type { PortalProps } from "../portal";
+export type DropdownPlacement = "bottom-start" | "bottom-end" | "top-start" | "top-end";
 export interface DropdownBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect">, Pick<PortalProps, "disablePortal" | "container"> {
     defaultIsOpen?: boolean;
     disabled?: boolean;
@@ -29,7 +29,7 @@ export interface DropdownHookTriggerProps {
     onFocus?: (e: FocusEvent) => void;
     role: string;
     onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
-    style?: any;
+    style?: CSSProperties;
 }
 interface ComponentProps extends HTMLAttributes<HTMLElement> {
     width?: number | string;

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

@@ -1,5 +1,5 @@
+export * from "./Dropdown";
 export * from "./DropdownBase";
 export * from "./DropdownButton";
-export * from "./Dropdown";
 export * from "./dropdownTypes";
 export * from "./useDropdownBase";

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

@@ -1,5 +1,5 @@
-import { RefObject } from "react";
-export declare type ClickawayHook = (props: {
+import { type RefObject } from "react";
+export type ClickawayHook = (props: {
     popperRef: RefObject<HTMLElement>;
     rootRef: RefObject<HTMLElement>;
     isOpen: boolean;

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

@@ -1,11 +1,11 @@
-import { ListHookProps, ListHookResult } from "../list";
-import { DropdownHookResult, DropdownHookProps } from "./dropdownTypes";
-import { SelectionStrategy } from "../common-hooks";
+import { type SelectionStrategy } from "../common-hooks";
+import { type ListHookProps, type ListHookResult } from "../list";
+import type { DropdownHookProps, DropdownHookResult } from "./dropdownTypes";
 export interface DropdownListHookProps<Item, Strategy extends SelectionStrategy> extends Partial<Omit<DropdownHookProps, "onKeyDown">>, Omit<ListHookProps<Item, Strategy>, "containerRef"> {
     itemToString?: (item: Item) => string;
 }
 export interface DropdownListHookResult<Item, Selection extends SelectionStrategy> extends Partial<ListHookResult<Item, Selection>>, Partial<DropdownHookResult> {
-    onOpenChange: any;
+    onOpenChange: (open: boolean) => void;
     triggerLabel?: string;
 }
-export declare const useDropdown: <Item, Selection_1 extends SelectionStrategy = "default">({ collectionHook, defaultHighlightedIndex: defaultHighlightedIndexProp, defaultIsOpen, defaultSelected, highlightedIndex: highlightedIndexProp, isOpen: isOpenProp, itemToString, onHighlight, onOpenChange, onSelectionChange, selected, selectionStrategy, }: DropdownListHookProps<Item, Selection_1>) => DropdownListHookResult<Item, Selection_1>;
+export declare const useDropdown: <Item, Selection extends SelectionStrategy = "default">({ collectionHook, defaultHighlightedIndex: defaultHighlightedIndexProp, defaultIsOpen, defaultSelected, highlightedIndex: highlightedIndexProp, isOpen: isOpenProp, itemToString, onHighlight, onOpenChange, onSelectionChange, onSelect, selected, selectionStrategy, }: DropdownListHookProps<Item, Selection>) => DropdownListHookResult<Item, Selection>;

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

@@ -1,2 +1,2 @@
-import { DropdownHookProps, DropdownHookResult } from "./dropdownTypes";
-export declare const useDropdownBase: ({ ariaLabelledBy: ariaLabelledByProp, defaultIsOpen, disabled, fullWidth: fullWidthProp, id, isOpen: isOpenProp, onOpenChange, onKeyDown: onKeyDownProp, openOnFocus, popupComponent: { props: componentProps }, popupWidth: popupWidthProp, rootRef, width, }: DropdownHookProps) => DropdownHookResult;
+import type { DropdownHookProps, DropdownHookResult } from "./dropdownTypes";
+export declare const useDropdownBase: ({ ariaLabelledBy: ariaLabelledByProp, defaultIsOpen, disabled, fullWidth: fullWidthProp, id, isOpen: isOpenProp, onOpenChange, onKeyDown: onKeyDownProp, openOnFocus, popupWidth: popupWidthProp, rootRef, width, }: DropdownHookProps) => DropdownHookResult;

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

@@ -1,4 +1,3 @@
-import React from "react";
 export interface EditableLabelProps {
     className?: string;
     defaultEditing?: boolean;
@@ -10,4 +9,4 @@ export interface EditableLabelProps {
     defaultIsEditing?: boolean;
     value?: string;
 }
-export declare const EditableLabel: React.ForwardRefExoticComponent<EditableLabelProps & React.RefAttributes<HTMLDivElement>>;
+export declare const EditableLabel: import("react").ForwardRefExoticComponent<EditableLabelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/focus-manager/FocusManager.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, RefObject } from "react";
-import { UseReturnFocusProps } from "./internal/useReturnFocus";
+import { type ReactNode, type RefObject } from "react";
+import { type UseReturnFocusProps } from "./internal/useReturnFocus";
 export interface FocusManagerProps {
     active?: boolean;
     autoFocusRef?: RefObject<HTMLElement>;

package/dist-types/focus-manager/internal/findAllTabbableElements.d.ts

@@ -1,4 +1,4 @@
-declare type HTMLElementOrNull = HTMLElement | null;
+type HTMLElementOrNull = HTMLElement | null;
 /**
  * Finds all the elements in the given root node that can be focused by a 'tab' keypress.
  * In addition, the trap-start and trap-end sentinel nodes are excluded, and all contained shadow roots are walked recursively

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

@@ -1,5 +1,5 @@
-import { Dispatch, FocusEventHandler, RefObject, SetStateAction } from "react";
-import { useA11yValueValue } from "../form-field-legacy";
+import type { Dispatch, FocusEventHandler, RefObject, SetStateAction } from "react";
+import type { useA11yValueValue } from "../form-field-legacy";
 export interface FormFieldLegacyContextValue {
     inFormField: true;
     ref: RefObject<HTMLDivElement>;

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

@@ -1,4 +1,4 @@
-import { FormFieldLegacyContextValue } from "./FormFieldLegacyContext";
+import { type FormFieldLegacyContextValue } from "./FormFieldLegacyContext";
 interface useFormFieldLegacyPropsProps {
     focusVisible?: boolean;
 }

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const FormControlContext: import("react").Context<{
     focused: boolean;
 }>;

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

@@ -1,12 +1,12 @@
-import { Dispatch, ElementType, FocusEventHandler, HTMLAttributes, SetStateAction } from "react";
-import { FormActivationIndicatorProps } from "./FormActivationIndicator";
-import { FormHelperTextProps } from "./FormHelperText";
-import { FormLabelProps } from "./FormLabel";
-import { NecessityIndicatorOptions } from "./NecessityIndicator";
-import { StatusIndicatorProps } from "./StatusIndicator";
-export declare type FormFieldLabelPlacement = "top" | "left";
-export declare type FormFieldHelperTextPlacement = "bottom" | "tooltip";
-export declare type FormFieldValidationStatus = "error" | "warning";
+import { type Dispatch, type ElementType, type FocusEventHandler, type HTMLAttributes, type SetStateAction } from "react";
+import { type FormActivationIndicatorProps } from "./FormActivationIndicator";
+import { type FormHelperTextProps } from "./FormHelperText";
+import { type FormLabelProps } from "./FormLabel";
+import type { NecessityIndicatorOptions } from "./NecessityIndicator";
+import type { StatusIndicatorProps } from "./StatusIndicator";
+export type FormFieldLabelPlacement = "top" | "left";
+export type FormFieldHelperTextPlacement = "bottom" | "tooltip";
+export type FormFieldValidationStatus = "error" | "warning";
 export interface A11yValueProps extends Pick<NecessityIndicatorOptions, "required"> {
     /**
      * If `true`, the FormField will be disabled.
@@ -99,8 +99,8 @@ export interface useA11yValueValue {
     readOnly: A11yValueProps["readOnly"];
 }
 export declare const useFormFieldLegacy: ({ onBlur, onFocus, }: {
-    onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
-    onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: FocusEventHandler<HTMLDivElement>;
+    onFocus?: FocusEventHandler<HTMLDivElement>;
 }) => [{
     focused: boolean;
 }, {

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

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

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

@@ -1,7 +1,7 @@
-import { ElementType, HTMLAttributes } from "react";
-import { FormFieldValidationStatus } from "./FormFieldLegacy";
-import { NecessityIndicatorOptions } from "./NecessityIndicator";
-import { StatusIndicatorProps } from "./StatusIndicator";
+import type { ElementType, HTMLAttributes } from "react";
+import type { FormFieldValidationStatus } from "./FormFieldLegacy";
+import { type NecessityIndicatorOptions } from "./NecessityIndicator";
+import { type StatusIndicatorProps } from "./StatusIndicator";
 export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement>, NecessityIndicatorOptions {
     /**
      * Whether the form field is disabled.
@@ -36,4 +36,4 @@ export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement>, Necess
      */
     tooltipText?: string;
 }
-export declare const FormLabel: ({ label, NecessityIndicator, required, displayedNecessity, hasStatusIndicator, StatusIndicatorProps, validationStatus, necessityText, className, disabled, readOnly, tooltipText, ...restProps }: FormLabelProps) => JSX.Element;
+export declare const FormLabel: ({ label, NecessityIndicator, required, displayedNecessity, hasStatusIndicator, StatusIndicatorProps, validationStatus, necessityText, className, disabled, readOnly, tooltipText, ...restProps }: FormLabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from "react";
-export declare type FormLabelNecessity = "optional" | "required";
+import type { HTMLAttributes, ReactNode } from "react";
+export type FormLabelNecessity = "optional" | "required";
 export interface NecessityIndicatorOptions {
     /**
      * The FormField is required
@@ -15,4 +15,4 @@ export interface NecessityIndicatorOptions {
     necessityText?: ReactNode;
     className?: string;
 }
-export declare const NecessityIndicator: ({ required, children, necessityText: necessityTextProp, displayedNecessity, className, ...restProps }: NecessityIndicatorOptions & HTMLAttributes<HTMLSpanElement>) => JSX.Element | null;
+export declare const NecessityIndicator: ({ required, children, necessityText: necessityTextProp, displayedNecessity, className, ...restProps }: NecessityIndicatorOptions & HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element | null;

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

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

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

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

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

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

package/dist-types/formatted-input/internal/InputWithMask.d.ts

@@ -1,5 +1,5 @@
-import { InputHTMLAttributes } from "react";
-import { FormattedInputProps } from "../FormattedInput";
+import { type InputHTMLAttributes } from "react";
+import type { FormattedInputProps } from "../FormattedInput";
 export declare const baseName = "saltFormattedInput";
 export interface InputWithMaskProps extends InputHTMLAttributes<HTMLInputElement> {
     mask?: FormattedInputProps["mask"];

package/dist-types/index.d.ts

@@ -1,56 +1,41 @@
-export type { SelectHandler, SelectionChangeHandler, SelectionStrategy, useCollectionItems, } from "./common-hooks";
-export type { ListChangeHandler as ListChangeHandlerDeprecated, ListSelectHandler as ListSelectHandlerDeprecated, } from "./list-deprecated";
-export { ListItemBase as ListItemBaseDeprecated, useListItem as useListItemDeprecated, } from "./list-deprecated";
-export * from "./accordion";
 export * from "./app-header";
-export * from "./badge";
 export * from "./breadcrumbs";
+export * from "./breadcrumbs-next";
 export * from "./button-bar";
-export * from "./calendar";
-export * from "./carousel";
 export * from "./cascading-menu";
 export * from "./color-chooser";
 export * from "./combo-box";
 export * from "./combo-box-deprecated";
+export type { SelectHandler, SelectionChangeHandler, SelectionStrategy, useCollectionItems, } from "./common-hooks";
 export * from "./contact-details";
 export * from "./content-status";
-export * from "./control-label";
 export * from "./deck-item";
 export * from "./deck-layout";
-export * from "./dialog";
 export * from "./dropdown";
 export * from "./editable-label";
-export * from "./file-drop-zone";
-export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldProps, FormLabel, } from "./form-field-legacy";
 export * from "./form-field-context-legacy";
+export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldProps, FormLabel, } from "./form-field-legacy";
 export * from "./form-group";
 export * from "./formatted-input";
 export { InputLegacy as Input, type InputLegacyProps as InputProps, StaticInputAdornment, } from "./input-legacy";
 export * from "./layer-layout";
 export * from "./list";
+export type { ListChangeHandler as ListChangeHandlerDeprecated, ListSelectHandler as ListSelectHandlerDeprecated, } from "./list-deprecated";
+export { ListItemBase as ListItemBaseDeprecated, useListItem as useListItemDeprecated, } from "./list-deprecated";
+export * from "./list-next";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
-export * from "./nav-item";
-export * from "./overlay";
-export * from "./pagination";
-export * from "./parent-child-item";
-export * from "./parent-child-layout";
-export * from "./pill";
 export * from "./portal";
-export * from "./progress";
 export * from "./query-input";
 export * from "./responsive";
-export * from "./scrim";
 export * from "./search-input";
-export * from "./skip-link";
-export * from "./slider";
-export * from "./stepper-input";
-export * from "./switch";
+export * from "./static-list";
+export * from "./system-status";
 export * from "./tabs";
-export * from "./toggle-button";
+export * from "./toast-group";
 export * from "./tokenized-input";
+export * from "./tokenized-input-next";
 export * from "./toolbar";
-export * from "./tree";
 export * from "./utils";
 export * from "./window";

package/dist-types/input-legacy/InputLegacy.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, ElementType, FocusEventHandler, HTMLAttributes, InputHTMLAttributes, KeyboardEventHandler, MouseEventHandler, ReactNode } from "react";
+import { type ChangeEvent, type ElementType, type FocusEventHandler, type HTMLAttributes, type InputHTMLAttributes, type KeyboardEventHandler, type MouseEventHandler, type ReactNode } from "react";
 export interface InputLegacyProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     /**
      * Determines the position of the text cursor on focus of the input.

package/dist-types/input-legacy/StaticInputAdornment.d.ts

@@ -1,3 +1,3 @@
-import { HTMLAttributes } from "react";
-export declare type StaticInputAdornmentProps = HTMLAttributes<HTMLDivElement>;
+import { type HTMLAttributes } from "react";
+export type StaticInputAdornmentProps = HTMLAttributes<HTMLDivElement>;
 export declare const StaticInputAdornment: import("react").ForwardRefExoticComponent<StaticInputAdornmentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/input-legacy/useCursorOnFocus.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, MutableRefObject } from "react";
+import { type MouseEvent, type MutableRefObject } from "react";
 export interface useCursorOnFocusProps {
     /**
      * Determines the position of the text cursor on focus of the input.

package/dist-types/layer-layout/LayerLayout.d.ts

@@ -1,8 +1,7 @@
-import { HTMLAttributes } from "react";
-import { ScrimProps } from "../scrim";
-import { Breakpoints } from "@salt-ds/core";
+import { type Breakpoints, type ScrimProps } from "@salt-ds/core";
+import { type HTMLAttributes } from "react";
 export declare const LAYER_POSITIONS: readonly ["center", "left", "top", "right", "bottom"];
-export declare type LayerPositions = typeof LAYER_POSITIONS[number];
+export type LayerPositions = (typeof LAYER_POSITIONS)[number];
 export interface LayerLayoutProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Disable the scrim.

package/dist-types/list/Highlighter.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import type { ReactElement } from "react";
 export interface HighlighterProps {
     matchPattern?: RegExp | string;
     text?: string;

package/dist-types/list/List.d.ts

@@ -1,6 +1,6 @@
-import { ForwardedRef, ReactElement } from "react";
-import { ScrollingAPI, SelectionStrategy } from "../common-hooks";
-import { ListProps } from "./listTypes";
-export declare const List: <Item = string, Selection_1 extends SelectionStrategy = "default">(props: ListProps<Item, Selection_1> & {
-    ref?: ForwardedRef<ScrollingAPI<Item>> | undefined;
-}) => ReactElement<ListProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;
+import { type ForwardedRef, type ReactElement } from "react";
+import { type ScrollingAPI, type SelectionStrategy } from "../common-hooks";
+import type { ListProps } from "./listTypes";
+export declare const List: <Item = string, Selection extends SelectionStrategy = "default">(props: ListProps<Item, Selection> & {
+    ref?: ForwardedRef<ScrollingAPI<Item>>;
+}) => ReactElement<ListProps<Item, Selection>>;

package/dist-types/list/ListItem.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
-import { ListItemType } from "./listTypes";
+import { type HTMLAttributes } from "react";
+import type { ListItemType } from "./listTypes";
 export declare const ListItemProxy: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const ListItem: ListItemType<unknown>;
+export declare const ListItem: ListItemType;

package/dist-types/list/ListItemGroup.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import type { HTMLAttributes } from "react";
 export interface ListItemGroupProps extends HTMLAttributes<HTMLDivElement> {
     children?: JSX.Element | JSX.Element[];
     label?: string;

package/dist-types/list/ListItemHeader.d.ts

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

package/dist-types/list/VirtualizedList.d.ts

@@ -1,6 +1,6 @@
-import { ForwardedRef, ReactElement } from "react";
-import { SelectionStrategy } from "../common-hooks";
-import { ListProps } from "./listTypes";
-export declare const VirtualizedList: <Item = string, Selection_1 extends SelectionStrategy = "default">(props: ListProps<Item, Selection_1> & {
-    ref?: ForwardedRef<HTMLDivElement> | undefined;
-}) => ReactElement<ListProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;
+import { type ForwardedRef, type ReactElement } from "react";
+import { type SelectionStrategy } from "../common-hooks";
+import type { ListProps } from "./listTypes";
+export declare const VirtualizedList: <Item = string, Selection extends SelectionStrategy = "default">(props: ListProps<Item, Selection> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement<ListProps<Item, Selection>>;

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

@@ -1,8 +1,8 @@
 export * from "./Highlighter";
-export * from "./ListItem";
 export * from "./List";
-export * from "./listTypes";
-export * from "./ListItemHeader";
+export * from "./ListItem";
 export * from "./ListItemGroup";
+export * from "./ListItemHeader";
+export * from "./listTypes";
 export * from "./useList";
 export * from "./VirtualizedList";

package/dist-types/list/listTypes.d.ts

@@ -1,11 +1,11 @@
-import React, { FocusEventHandler, ForwardedRef, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEventHandler, PropsWithChildren, Ref, RefObject } from "react";
-import { CollectionHookResult, CollectionItem, ListHandlers, NavigationHookResult, ScrollingAPI, SelectHandler, SelectionChangeHandler, SelectionHookResult, SelectionProps, SelectionStrategy, ViewportTrackingResult } from "../common-hooks";
-export declare type ComponentType<T = unknown> = (props: PropsWithChildren<T>) => JSX.Element;
-export declare type ListItemType<T = unknown> = ComponentType<ListItemProps<T> & {
+import type { FocusEventHandler, ForwardedRef, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEventHandler, PropsWithChildren, ReactNode, Ref, RefObject } from "react";
+import type { CollectionHookResult, CollectionItem, ListHandlers, NavigationHookResult, ScrollingAPI, SelectHandler, SelectionChangeHandler, SelectionHookResult, SelectionProps, SelectionStrategy, ViewportTrackingResult } from "../common-hooks";
+export type ComponentType<T = unknown> = (props: PropsWithChildren<T>) => JSX.Element;
+export type ListItemType<T = unknown> = ComponentType<ListItemProps<T> & {
     ref?: Ref<HTMLDivElement>;
 }>;
 export interface ListItemProps<T = unknown> extends HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
+    children?: ReactNode;
     disabled?: boolean;
     item?: T;
     itemHeight?: number | string;
@@ -169,7 +169,7 @@ export interface ListHookProps<Item, Selection extends SelectionStrategy> extend
     label?: string;
     listHandlers?: ListHandlers;
     onHighlight?: (index: number) => void;
-    onKeyboardNavigation?: (event: React.KeyboardEvent, currentIndex: number) => void;
+    onKeyboardNavigation?: (event: KeyboardEvent, currentIndex: number) => void;
     onKeyDown?: (evt: KeyboardEvent) => void;
     onSelect?: SelectHandler<Item>;
     onSelectionChange?: SelectionChangeHandler<Item, Selection>;

package/dist-types/list/useList.d.ts

@@ -1,3 +1,3 @@
-import { SelectionStrategy } from "../common-hooks";
-import { ListHookProps, ListHookResult } from "./listTypes";
-export declare const useList: <Item, Selection_1 extends SelectionStrategy = "default">({ collapsibleHeaders, collectionHook: dataHook, containerRef, contentRef, defaultHighlightedIndex, defaultSelected, disabled, disableAriaActiveDescendant, disableHighlightOnFocus, disableTypeToSelect, highlightedIndex: highlightedIndexProp, label, listHandlers: listHandlersProp, onSelect, onSelectionChange, onHighlight, onKeyboardNavigation, onKeyDown, restoreLastFocus, selected, selectionStrategy, selectionKeys, stickyHeaders, tabToSelect, }: ListHookProps<Item, Selection_1>) => ListHookResult<Item, Selection_1>;
+import { type SelectionStrategy } from "../common-hooks";
+import type { ListHookProps, ListHookResult } from "./listTypes";
+export declare const useList: <Item, Selection extends SelectionStrategy = "default">({ collapsibleHeaders, collectionHook: dataHook, containerRef, contentRef, defaultHighlightedIndex, defaultSelected, disabled, disableAriaActiveDescendant, disableHighlightOnFocus, disableTypeToSelect, highlightedIndex: highlightedIndexProp, label, listHandlers: listHandlersProp, onSelect, onSelectionChange, onHighlight, onKeyboardNavigation, onKeyDown, restoreLastFocus, selected, selectionStrategy, selectionKeys, stickyHeaders, tabToSelect, }: ListHookProps<Item, Selection>) => ListHookResult<Item, Selection>;

package/dist-types/list/useListHeight.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export interface ListHeightHookProps {
     borderless?: boolean;
     displayedItemCount: number;
@@ -12,4 +12,4 @@ export interface ListHeightHookProps {
 export interface HeightHookResult {
     preferredHeight: number | undefined;
 }
-export declare const useListHeight: ({ borderless, displayedItemCount, getItemHeight, height, itemCount, itemGapSize, itemHeight: itemHeightProp, rowHeightRef, }: ListHeightHookProps) => HeightHookResult;
+export declare const useListHeight: ({ borderless, displayedItemCount, getItemHeight, height: _height, itemCount, itemGapSize, itemHeight: itemHeightProp, rowHeightRef, }: ListHeightHookProps) => HeightHookResult;

package/dist-types/list/useVirtualization.d.ts

@@ -1,10 +1,10 @@
-import { RefObject, UIEvent } from "react";
-import { CollectionItem } from "../common-hooks";
+import { type RefObject, type UIEvent } from "react";
+import type { CollectionItem } from "../common-hooks";
 /**
  * [ item key, total height before the item, next row index, CollectionItem<Item>]
  * e.g. first item: [0, 0, 1, data[0]]
  */
-export declare type Row<Item> = [number, number, number, CollectionItem<Item>];
+export type Row<Item> = [number, number, number, CollectionItem<Item>];
 interface VirtualizationHookProps<Item> {
     viewportRef: RefObject<HTMLElement>;
     data: CollectionItem<Item>[];

package/dist-types/list-deprecated/List.d.ts

@@ -1,6 +1,6 @@
-import { ForwardedRef, ReactElement } from "react";
-import { ListScrollHandles } from "./ListBase";
-import { ListProps, ListSelectionVariant } from "./ListProps";
+import { type ForwardedRef, type ReactElement } from "react";
+import { type ListScrollHandles } from "./ListBase";
+import type { ListProps, ListSelectionVariant } from "./ListProps";
 export declare const List: <Item = string, Variant extends ListSelectionVariant = "default">(props: ListProps<Item, Variant> & {
-    ref?: ForwardedRef<ListScrollHandles<Item>> | undefined;
-}) => ReactElement<ListProps<Item, Variant>, string | import("react").JSXElementConstructor<any>>;
+    ref?: ForwardedRef<ListScrollHandles<Item>>;
+}) => ReactElement<ListProps<Item, Variant>>;

package/dist-types/list-deprecated/ListBase.d.ts

@@ -1,20 +1,16 @@
-import { ForwardedRef, HTMLAttributes, ReactElement, Ref } from "react";
-import { ListBaseProps } from "./ListProps";
-export interface ListboxContextProps<Item> {
+import { type ComponentProps, type ForwardedRef, type HTMLAttributes, type ReactElement, type Ref, type UIEvent } from "react";
+import type { ListBaseProps } from "./ListProps";
+export interface ListboxContextProps<Item> extends Pick<ComponentProps<"div">, "style" | "className" | "onScroll" | "id"> {
     borderless?: boolean;
-    className?: string;
     disabled?: boolean;
     disableFocus?: boolean;
     getItemId?: (index: number) => string;
     getItemHeight?: (index?: number) => number;
-    id?: string;
     itemToString?: (item: Item) => string;
-    listRef?: Ref<any>;
-    style?: any;
-    onScroll?: (evt: any) => void;
+    listRef?: Ref<HTMLDivElement>;
 }
 export interface ListboxProps extends HTMLAttributes<HTMLDivElement> {
-    onScroll?: (evt: any) => void;
+    onScroll?: (evt: UIEvent<HTMLDivElement>) => void;
 }
 export interface ListScrollHandles<Item> {
     scrollToIndex: (itemIndex: number) => void;
@@ -22,5 +18,5 @@ export interface ListScrollHandles<Item> {
     scrollTo: (scrollOffset: number) => void;
 }
 export declare const ListBase: <Item>(p: ListBaseProps<Item> & {
-    ref?: ForwardedRef<ListScrollHandles<Item>> | undefined;
-}) => ReactElement<ListBaseProps<Item>, string | import("react").JSXElementConstructor<any>>;
+    ref?: ForwardedRef<ListScrollHandles<Item>>;
+}) => ReactElement<ListBaseProps<Item>>;

package/dist-types/list-deprecated/ListItem.d.ts

@@ -1,10 +1,11 @@
-import { ForwardedRef, ReactElement } from "react";
-import { ListItemBaseProps } from "./ListItemBase";
+/** biome-ignore-all lint/correctness/useHookAtTopLevel: biome doesn't recognise the component correctly */
+import { type ForwardedRef, type ReactElement } from "react";
+import { type ListItemBaseProps } from "./ListItemBase";
 export interface ListItemProps<Item = string> extends Omit<ListItemBaseProps, "focusVisible" | "highlighted" | "selected" | "tooltipText"> {
     item?: Item;
     itemToString?: (item: Item) => string;
 }
-declare type GenericListItem = <Item = string>(p: ListItemProps<Item> & {
+type GenericListItem = <Item = string>(p: ListItemProps<Item> & {
     ref?: ForwardedRef<HTMLDivElement>;
 }) => ReactElement<ListItemProps<Item>>;
 declare const _ListItem: GenericListItem;

package/dist-types/list-deprecated/ListItemBase.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from "react";
+import { type HTMLAttributes } from "react";
 export interface ListItemBaseProps extends HTMLAttributes<HTMLDivElement> {
     disabled?: boolean;
     deselectable?: boolean;

package/dist-types/list-deprecated/ListItemContext.d.ts

@@ -1,4 +1,4 @@
-import { Context } from "react";
+import { type Context } from "react";
 export interface ListItemContextProps<Item> {
     disableMouseDown?: boolean;
     getItemId: (index: number) => string;
@@ -6,6 +6,6 @@ export interface ListItemContextProps<Item> {
     itemToString: (item: Item) => string;
     itemTextHighlightPattern?: RegExp | string;
 }
-export declare type ListItemContextType<Item> = Context<ListItemContextProps<Item>>;
+export type ListItemContextType<Item> = Context<ListItemContextProps<Item>>;
 export declare const ListItemContext: Context<ListItemContextProps<unknown> | undefined>;
 export declare const useListItemContext: <Item>() => ListItemContextProps<Item>;