@salt-ds/lab 1.0.0-alpha.5 → 1.0.0-alpha.51

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

@@ -0,0 +1,6 @@
+import { type FormFieldLegacyContextValue } from "./FormFieldLegacyContext";
+interface useFormFieldLegacyPropsProps {
+    focusVisible?: boolean;
+}
+export declare function useFormFieldLegacyProps({ focusVisible, }?: useFormFieldLegacyPropsProps): Partial<FormFieldLegacyContextValue>;
+export {};

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

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

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

@@ -0,0 +1,6 @@
+export declare const FormControlContext: import("react").Context<{
+    focused: boolean;
+}>;
+export declare const useFormControl: () => {
+    focused: boolean;
+};

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

@@ -0,0 +1,112 @@
+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 declare type FormFieldLabelPlacement = "top" | "left";
+export declare type FormFieldHelperTextPlacement = "bottom" | "tooltip";
+export declare type FormFieldValidationStatus = "error" | "warning";
+export interface A11yValueProps extends Pick<NecessityIndicatorOptions, "required"> {
+    /**
+     * If `true`, the FormField will be disabled.
+     */
+    disabled?: boolean;
+    /** id of the helper text node */
+    helperTextId?: string;
+    /** id of the label node */
+    labelId?: string;
+    /**
+     * The FormField value is Readonly
+     */
+    readOnly?: boolean;
+    /**
+     * Whether the form field needs to render helper text
+     */
+    renderHelperText?: boolean;
+}
+export interface FormFieldLegacyProps extends HTMLAttributes<HTMLDivElement>, A11yValueProps {
+    /**
+     * The component used for activation indicator. Default to `FormActivationIndicator`.
+     */
+    ActivationIndicatorComponent?: ElementType<FormActivationIndicatorProps>;
+    /**
+     * Outer focus ring focus will not be applied. Defaults to false.
+     */
+    disableFocusRing?: boolean;
+    /**
+     * Whether the form field is occupying full width.
+     */
+    fullWidth?: boolean;
+    /**
+     * Whether to show the StatusIndicator component for validation states.
+     */
+    hasStatusIndicator?: boolean;
+    /**
+     * The helper text content
+     */
+    helperText?: string;
+    /**
+     * The component used for the helper text. Default to `FormHelperText`.
+     */
+    HelperTextComponent?: ElementType<FormHelperTextProps>;
+    /**
+     * Location the helperText, values: 'bottom' (default) or 'tooltip'.
+     */
+    helperTextPlacement?: FormFieldHelperTextPlacement;
+    /**
+     * Props to be applied to the `HelperTextComponent`.
+     *
+     * Generic on `FormHelperTextProps` is omitted.
+     */
+    HelperTextProps?: Partial<FormHelperTextProps>;
+    /**
+     * The label value for the FormField
+     */
+    label?: string;
+    /**
+     * The component used for the label. Default to `FormLabel`.
+     */
+    LabelComponent?: ElementType;
+    /**
+     * Location the label, values: 'top' (default) or 'left'
+     */
+    labelPlacement?: FormFieldLabelPlacement;
+    /**
+     * Props to be applied to the `LabelComponent`
+     */
+    LabelProps?: Partial<FormLabelProps>;
+    /**
+     * Override props to be used with the StatusIndicator component
+     */
+    StatusIndicatorProps?: Partial<StatusIndicatorProps>;
+    /**
+     * The state for the FormField: Must be one of: 'error'|'warning'|undefined
+     */
+    validationStatus?: FormFieldValidationStatus;
+    /**
+     * FormField variants; defaults to primary.
+     *
+     * **Deprecated:** The 'tertiary' variant has been deprecated
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+}
+export interface useA11yValueValue {
+    "aria-labelledby": A11yValueProps["labelId"];
+    "aria-required": A11yValueProps["required"];
+    "aria-describedby": A11yValueProps["helperTextId"] | undefined;
+    disabled: A11yValueProps["disabled"];
+    readOnly: A11yValueProps["readOnly"];
+}
+export declare const useFormFieldLegacy: ({ onBlur, onFocus, }: {
+    onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
+    onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
+}) => [{
+    focused: boolean;
+}, {
+    setFocused: Dispatch<SetStateAction<boolean>>;
+}, {
+    onBlur: FocusEventHandler<HTMLDivElement>;
+    onFocus: FocusEventHandler<HTMLDivElement>;
+}];
+export declare const FormFieldLegacy: import("react").ForwardRefExoticComponent<FormFieldLegacyProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,7 @@
+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: ({ helperText, helperTextPlacement, ...restProps }: FormHelperTextProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,39 @@
+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.
+     */
+    disabled?: boolean;
+    /**
+     * Adjusts whether the StatusIndicator component is shown
+     */
+    hasStatusIndicator?: boolean;
+    /**
+     * The label value for the FormLabel
+     */
+    label?: string;
+    /**
+     * An optional renderer function used to customize the necessity adornment
+     */
+    NecessityIndicator?: ElementType<NecessityIndicatorOptions>;
+    /**
+     * Whether the form field is readOnly.
+     */
+    readOnly?: boolean;
+    /**
+     * Props used to configure the StatusIndicator component if hasStatusIndicator is true
+     */
+    StatusIndicatorProps?: Partial<StatusIndicatorProps>;
+    /**
+     * The status for the FormField: Must be one of: 'error'|'warning'|undefined
+     */
+    validationStatus?: FormFieldValidationStatus;
+    /**
+     * Text to be shown in the Tooltip.
+     */
+    tooltipText?: string;
+}
+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

@@ -0,0 +1,18 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare type FormLabelNecessity = "optional" | "required";
+export interface NecessityIndicatorOptions {
+    /**
+     * The FormField is required
+     */
+    required?: boolean;
+    /**
+     * Whether to show a label adornment for required or optional
+     */
+    displayedNecessity?: FormLabelNecessity;
+    /**
+     * Customize text displayed for necessity. Default to `(Required)` or `(Optional)`.
+     */
+    necessityText?: ReactNode;
+    className?: string;
+}
+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

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

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

@@ -0,0 +1 @@
+export declare const classBase = "saltFormFieldLegacy";

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

@@ -0,0 +1,2 @@
+export * from "./FormFieldLegacy";
+export * from "./FormLabel";

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

@@ -1,5 +1,4 @@
-import { HTMLAttributes } from "react";
-import "./FormGroup.css";
+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,4 @@
-/// <reference types="react" />
-import { InputProps } from "../input";
-import "./FormattedInput.css";
+import { type InputLegacyProps as InputProps } from "../input-legacy";
 export declare type MaskFunction = (value: string | undefined) => boolean;
 export interface RifmOptions {
     format?: (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,10 +1,7 @@
 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 "./banner";
 export * from "./breadcrumbs";
 export * from "./button-bar";
 export * from "./calendar";
@@ -15,41 +12,37 @@ export * from "./combo-box";
 export * from "./combo-box-deprecated";
 export * from "./contact-details";
 export * from "./content-status";
-export * from "./control-label";
+export * from "./date-input";
+export * from "./date-picker";
 export * from "./deck-item";
 export * from "./deck-layout";
-export * from "./dialog";
 export * from "./dropdown";
 export * from "./editable-label";
-export * from "./file-drop-zone";
-export * from "./form-field";
-export * from "./form-field-context";
+export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldProps, FormLabel, } from "./form-field-legacy";
+export * from "./form-field-context-legacy";
 export * from "./form-group";
 export * from "./formatted-input";
-export * from "./input";
+export { InputLegacy as Input, type InputLegacyProps as InputProps, StaticInputAdornment, } from "./input-legacy";
 export * from "./layer-layout";
 export * from "./list";
+export * from "./list-next";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
-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 "./stepped-tracker";
 export * from "./stepper-input";
-export * from "./switch";
+export * from "./system-status";
 export * from "./tabs";
-export * from "./toggle-button";
+export * from "./tabs-next";
+export * from "./toast-group";
 export * from "./tokenized-input";
+export * from "./tokenized-input-next";
 export * from "./toolbar";
 export * from "./tree";
 export * from "./utils";

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

@@ -0,0 +1,76 @@
+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.
+     *
+     * start = place cursor at the beginning<br>
+     * end = place cursor at the end<br>
+     * \# = index to place the cursor<br>
+     */
+    cursorPositionOnFocus?: "start" | "end" | number;
+    /**
+     * The value of the `input` element, required for an uncontrolled component.
+     */
+    defaultValue?: HTMLInputElement["defaultValue"];
+    /**
+     * If `true`, the component is disabled.
+     */
+    disabled?: HTMLInputElement["disabled"];
+    /**
+     * The marker to use in an empty read only Input.
+     * Use `''` to disable this feature. Defaults to '—'.
+     */
+    emptyReadOnlyMarker?: string;
+    /**
+     * Determines what gets highlighted on focus of the input.
+     *
+     * If `true` all text will be highlighted.
+     * If an array text between those indices will be highlighted
+     * e.g. [0,1] will highlight the first character.
+     */
+    highlightOnFocus?: boolean | number[];
+    /**
+     * The HTML element to render the Input, e.g. 'input', a custom React component.
+     */
+    inputComponent?: ElementType;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+     */
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Callback for change event.
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLInputElement>;
+    onMouseUp?: MouseEventHandler<HTMLInputElement>;
+    onMouseMove?: MouseEventHandler<HTMLInputElement>;
+    onMouseDown?: MouseEventHandler<HTMLInputElement>;
+    /**
+     * If `true`, the component is read only.
+     */
+    readOnly?: boolean;
+    /**
+     *
+     * Determines the alignment of the input text.
+     */
+    textAlign?: "left" | "right" | "center";
+    type?: HTMLInputElement["type"];
+    /**
+     * The value of the `input` element, required for a controlled component.
+     */
+    value?: HTMLInputElement["value"];
+    renderSuffix?: (state: {
+        disabled?: boolean;
+        error?: boolean;
+        focused?: boolean;
+        margin?: "dense" | "none" | "normal";
+        required?: boolean;
+        startAdornment?: ReactNode;
+    }) => ReactNode;
+    endAdornment?: ReactNode;
+    startAdornment?: ReactNode;
+}
+export declare const InputLegacy: import("react").ForwardRefExoticComponent<InputLegacyProps & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

@@ -0,0 +1,2 @@
+export * from "./InputLegacy";
+export * from "./StaticInputAdornment";

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

@@ -0,0 +1,24 @@
+import { type MouseEvent, type MutableRefObject } from "react";
+export interface useCursorOnFocusProps {
+    /**
+     * Determines the position of the text cursor on focus of the input.
+     *
+     * start = place cursor at the beginning
+     * end = place cursor at the end
+     * \# = index to place the cursor
+     */
+    cursorPositionOnFocus?: "start" | "end" | number;
+    /**
+     * Determines what gets highlighted on focus of the input.
+     *
+     * If `true` all text will be highlighted.
+     * If an array text between those indices will be highlighted
+     * e.g. [0,1] will highlight the first character.
+     */
+    highlightOnFocus?: boolean | number[];
+}
+export declare function useCursorOnFocus(inputRef: MutableRefObject<HTMLInputElement | null>, { cursorPositionOnFocus, highlightOnFocus }: useCursorOnFocusProps): {
+    handleMouseDown: () => void;
+    handleMouseMove: (event: MouseEvent) => void;
+    handleMouseUp: () => void;
+};

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

@@ -1,9 +1,7 @@
-import { HTMLAttributes } from "react";
-import { ScrimProps } from "../scrim";
-import "./LayerLayout.css";
-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 declare type LayerPositions = (typeof LAYER_POSITIONS)[number];
 export interface LayerLayoutProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Disable the scrim.

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

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

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

@@ -1,7 +1,6 @@
-import { ForwardedRef, ReactElement } from "react";
-import { ScrollingAPI, SelectionStrategy } from "../common-hooks";
-import { ListProps } from "./listTypes";
-import "./List.css";
+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_1 extends SelectionStrategy = "default">(props: ListProps<Item, Selection_1> & {
     ref?: ForwardedRef<ScrollingAPI<Item>> | undefined;
 }) => ReactElement<ListProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;

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

@@ -1,5 +1,4 @@
-import { HTMLAttributes } from "react";
-import { ListItemType } from "./listTypes";
-import "./ListItem.css";
+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>;

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,7 +1,6 @@
-import { ForwardedRef, ReactElement } from "react";
-import { SelectionStrategy } from "../common-hooks";
-import { ListProps } from "./listTypes";
-import "./List.css";
+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_1 extends SelectionStrategy = "default">(props: ListProps<Item, Selection_1> & {
     ref?: ForwardedRef<HTMLDivElement> | undefined;
 }) => ReactElement<ListProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;

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";
+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 declare type ComponentType<T = unknown> = (props: PropsWithChildren<T>) => JSX.Element;
 export declare 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";
+import { type SelectionStrategy } from "../common-hooks";
+import type { 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>;

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;

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

@@ -1,5 +1,5 @@
-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]]

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>>;

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

@@ -1,6 +1,5 @@
-import { ForwardedRef, HTMLAttributes, ReactElement, Ref } from "react";
-import { ListBaseProps } from "./ListProps";
-import "./List.css";
+import { type ForwardedRef, type HTMLAttributes, type ReactElement, type Ref } from "react";
+import type { ListBaseProps } from "./ListProps";
 export interface ListboxContextProps<Item> {
     borderless?: boolean;
     className?: string;

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

@@ -1,5 +1,5 @@
-import { ForwardedRef, ReactElement } from "react";
-import { ListItemBaseProps } from "./ListItemBase";
+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;

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

@@ -1,5 +1,4 @@
-import { HTMLAttributes } from "react";
-import "./ListItem.css";
+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;

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

@@ -1,4 +1,4 @@
-import { HTMLAttributes, Ref, SyntheticEvent } from "react";
+import type { HTMLAttributes, Ref, SyntheticEvent } from "react";
 export declare type ListSingleSelectionVariant = "default" | "deselectable";
 export declare type ListMultiSelectionVariant = "multiple" | "extended";
 export declare type ListSelectionVariant = ListSingleSelectionVariant | ListMultiSelectionVariant;

package/dist-types/list-deprecated/internal/DescendantContext.d.ts

@@ -1,7 +1,7 @@
 export function DescendantProvider({ items, ...props }: {
     [x: string]: any;
     items: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export function useDescendant(descendant: any): number;
 export const DescendantContext: React.Context<any>;
 import React from "react";

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

@@ -1 +1 @@
-export function Highlighter(props: any): JSX.Element;
+export function Highlighter(props: any): import("react/jsx-runtime").JSX.Element;

package/dist-types/list-deprecated/internal/useListAutoSizer.d.ts

@@ -1,4 +1,4 @@
-import { Ref } from "react";
+import { type Ref } from "react";
 export interface ListAutosizerProps {
     responsive: boolean;
     height?: number | string;

package/dist-types/list-deprecated/internal/useWidth.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export declare function useWidth<Element extends HTMLElement>(responsive: boolean): [RefObject<Element>, number];