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

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

@@ -1,18 +1,19 @@
-import { HTMLAttributes, Ref, SyntheticEvent } from "react";
-export declare type ListSingleSelectionVariant = "default" | "deselectable";
-export declare type ListMultiSelectionVariant = "multiple" | "extended";
-export declare type ListSelectionVariant = ListSingleSelectionVariant | ListMultiSelectionVariant;
-export declare type ListChangeHandler<Item = string, Variant extends ListSelectionVariant = "default"> = (event: SyntheticEvent, item: null | (Variant extends ListMultiSelectionVariant ? Array<Item> : Item)) => void;
-export declare type ListSelectHandler<Item = string> = (event: SyntheticEvent, item: Item | null) => void;
+import type { ComponentProps, ComponentType, HTMLAttributes, Ref, SyntheticEvent } from "react";
+import type { IndexedListItemProps } from "./useListItem";
+export type ListSingleSelectionVariant = "default" | "deselectable";
+export type ListMultiSelectionVariant = "multiple" | "extended";
+export type ListSelectionVariant = ListSingleSelectionVariant | ListMultiSelectionVariant;
+export type ListChangeHandler<Item = string, Variant extends ListSelectionVariant = "default"> = (event: SyntheticEvent, item: null | (Variant extends ListMultiSelectionVariant ? Array<Item> : Item)) => void;
+export type ListSelectHandler<Item = string> = (event: SyntheticEvent, item: Item | null) => void;
 export interface ListBaseProps<Item = string> extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "onSelect"> {
     /**
      * The component used for item instead of the default.
      */
-    ListItem?: any;
+    ListItem?: ComponentType<IndexedListItemProps<Item>>;
     /**
      * The component used when there are no items.
      */
-    ListPlaceholder?: any;
+    ListPlaceholder?: ComponentType<ComponentProps<"div">>;
     /**
      * If `true`, the component will have no border.
      */
@@ -105,10 +106,10 @@ export interface ListBaseProps<Item = string> extends Omit<HTMLAttributes<HTMLDi
      */
     itemToString?: (item: Item) => string;
     /**
-     * Used for accessing the scrollable list node inside of the component. If you want to access
+     * Used for accessing the scrollable list node inside the component. If you want to access
      * the outer wrapper node use `ref` instead.
      */
-    listRef?: Ref<HTMLElement>;
+    listRef?: Ref<HTMLDivElement>;
     /**
      * Maximum list height.
      */
@@ -128,7 +129,7 @@ export interface ListBaseProps<Item = string> extends Omit<HTMLAttributes<HTMLDi
     /**
      * @external - react-window
      *
-     * The number of items to render outside of the visible area.
+     * The number of items to render outside the visible area.
      */
     overscanCount?: number;
     /**

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

@@ -1,2 +1,7 @@
-export const ListStateContext: import("react").Context<any>;
-export function useListStateContext(): any;
+interface ListStateContextValue {
+    state: any;
+    helpers: any;
+}
+export declare const ListStateContext: import("react").Context<ListStateContextValue | undefined>;
+export declare const useListStateContext: () => ListStateContextValue;
+export {};

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

@@ -1,11 +1,11 @@
-export * from "./ListProps";
+export * from "./itemToString";
 export * from "./List";
 export * from "./ListBase";
-export * from "./ListItemBase";
 export * from "./ListItem";
+export * from "./ListItemBase";
 export * from "./ListItemContext";
+export * from "./ListProps";
 export * from "./ListStateContext";
 export * from "./useList";
 export * from "./useListItem";
 export * from "./useTypeSelect";
-export * from "./itemToString";

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

@@ -1,7 +1,13 @@
-export function DescendantProvider({ items, ...props }: {
-    [x: string]: any;
-    items: any;
-}): JSX.Element;
-export function useDescendant(descendant: any): number;
-export const DescendantContext: React.Context<any>;
-import React from "react";
+import { type MutableRefObject, type ReactNode } from "react";
+interface DescendantProviderProps {
+    children?: ReactNode;
+    items?: MutableRefObject<unknown[]>;
+}
+interface DescendantContextType {
+    assigning?: MutableRefObject<boolean>;
+    items?: DescendantProviderProps["items"];
+}
+export declare const DescendantContext: import("react").Context<DescendantContextType>;
+export declare function DescendantProvider({ items, ...props }: DescendantProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useDescendant(descendant: unknown): number;
+export {};

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/helpers.d.ts

@@ -1,2 +1,3 @@
-export function isPlainObject(obj: any): boolean;
-export function calcPreferredListHeight(props?: {}): number | undefined;
+import type { ListBaseProps } from "../ListProps";
+export declare const isPlainObject: (obj: unknown) => obj is Record<string, unknown>;
+export declare const calcPreferredListHeight: (props?: Partial<ListBaseProps>) => number | undefined;

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

@@ -1,12 +1,7 @@
-import { Ref } from "react";
+import { type CSSProperties } from "react";
 export interface ListAutosizerProps {
     responsive: boolean;
     height?: number | string;
     width?: number | string;
 }
-interface size {
-    height?: number | string;
-    width?: number | string;
-}
-export declare function useListAutoSizer<Element extends HTMLElement>(props: ListAutosizerProps): [Ref<Element>, size];
-export {};
+export declare function useListAutoSizer<Element extends HTMLElement>(props: ListAutosizerProps): readonly [import("react").RefObject<Element>, CSSProperties];

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

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

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

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

@@ -1,5 +1,5 @@
-import { AriaAttributes, Dispatch, KeyboardEvent, KeyboardEventHandler, MouseEvent, Ref, SetStateAction } from "react";
-import { ListMultiSelectionVariant, ListProps, ListSelectionVariant } from "./ListProps";
+import { type AriaAttributes, type Dispatch, type KeyboardEvent, type KeyboardEventHandler, type MouseEvent, type Ref, type SetStateAction } from "react";
+import type { ListMultiSelectionVariant, ListProps, ListSelectionVariant } from "./ListProps";
 interface listBoxAriaProps extends Pick<AriaAttributes, "aria-activedescendant" | "aria-multiselectable"> {
     role: string;
 }
@@ -22,7 +22,7 @@ export interface ListHelpers<Item = string, Variant extends ListSelectionVariant
     };
 }
 export declare function useList<Item, Variant extends ListSelectionVariant>(props?: ListProps<Item, Variant>): {
-    focusedRef: Ref<any>;
+    focusedRef: Ref<unknown>;
     listProps: Partial<ListProps<Item, Variant>> & listBoxAriaProps;
     state: ListState<Item, Variant>;
     helpers: ListHelpers<Item, Variant>;

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

@@ -1,7 +1,7 @@
-import { ListChildComponentProps } from "react-window";
-import { ListItemProps } from "./ListItem";
-import { ListItemBaseProps } from "./ListItemBase";
-declare type UseItemHookReturnType<Item> = {
+import type { ListChildComponentProps } from "react-window";
+import type { ListItemProps } from "./ListItem";
+import type { ListItemBaseProps } from "./ListItemBase";
+type UseItemHookReturnType<Item> = {
     /**
      * Item data
      */
@@ -27,6 +27,6 @@ export interface IndexedListItemProps<Item> extends ListItemProps<Item> {
     itemHeight?: number | string;
 }
 export declare function useListItem<Item>(props: IndexedListItemProps<Item>): UseItemHookReturnType<Item>;
-declare type VirtualizedListItemProps = Pick<ListChildComponentProps, "index" | "style" | "data">;
+type VirtualizedListItemProps = Pick<ListChildComponentProps, "index" | "style" | "data">;
 export declare const useVirtualizedListItem: (props: VirtualizedListItemProps) => UseItemHookReturnType<any>;
 export {};

package/dist-types/list-next/ListItemNext.d.ts

@@ -0,0 +1,16 @@
+import { type HTMLAttributes } from "react";
+export interface ListItemNextProps extends HTMLAttributes<HTMLLIElement> {
+    /**
+     * If true, the particular list item in list will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * List item id.
+     */
+    id?: string;
+    /**
+     * List item value.
+     */
+    value: string;
+}
+export declare const ListItemNext: import("react").ForwardRefExoticComponent<ListItemNextProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/list-next/ListNext.d.ts

@@ -0,0 +1,18 @@
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+export interface ListNextProps extends Omit<ComponentPropsWithoutRef<"ul">, "onChange" | "onSelect"> {
+    /**
+     * If true, all items in list will be disabled.
+     */
+    disabled?: boolean;
+    disableFocus?: boolean;
+    highlightedItem?: string;
+    selected?: string;
+    onChange?: (event: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    onSelect?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    defaultSelected?: string;
+}
+export declare const ListNext: import("react").ForwardRefExoticComponent<ListNextProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist-types/list-next/ListNextContext.d.ts

@@ -0,0 +1,12 @@
+import { type SyntheticEvent } from "react";
+export interface ListNextContextValue {
+    disabled?: boolean;
+    id?: string;
+    select: (event: SyntheticEvent<HTMLLIElement>) => void;
+    isSelected: (value: string) => boolean;
+    isFocused: (value: string) => boolean;
+    highlight: (event: SyntheticEvent<HTMLLIElement>) => void;
+    isHighlighted: (value: string) => boolean;
+}
+export declare const ListNextContext: import("react").Context<ListNextContextValue | undefined>;
+export declare function useListItem(): ListNextContextValue | undefined;

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

@@ -0,0 +1,2 @@
+export * from "./ListItemNext";
+export * from "./ListNext";

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

@@ -0,0 +1,39 @@
+import { type FocusEvent, type KeyboardEvent, type RefObject, type SyntheticEvent } from "react";
+export interface UseListProps {
+    /**
+     * If true, all items in list will be disabled.
+     */
+    disabled?: boolean;
+    highlightedItem?: string;
+    selected?: string;
+    defaultSelected?: string;
+    onChange?: (e: SyntheticEvent, data: {
+        value: string | undefined;
+    }) => void;
+    onSelect?: (e: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    id?: string;
+    ref: RefObject<HTMLUListElement>;
+}
+export declare const useList: ({ disabled, highlightedItem: highlightedItemProp, selected: selectedProp, defaultSelected, onChange, onSelect, id, ref, }: UseListProps) => {
+    focusHandler: (event: FocusEvent<HTMLUListElement | HTMLElement>) => void;
+    keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
+    blurHandler: () => void;
+    mouseOverHandler: () => void;
+    activeDescendant: string | undefined;
+    selectedItem: string | undefined;
+    highlightedItem: string | undefined;
+    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    contextValue: {
+        disabled: boolean;
+        id: string | undefined;
+        select: (event: SyntheticEvent<HTMLLIElement>) => void;
+        isSelected: (value: string) => boolean;
+        isFocused: (value: string) => boolean;
+        highlight: (event: SyntheticEvent<HTMLLIElement>) => void;
+        isHighlighted: (value: string) => boolean;
+    };
+    focusVisibleRef: import("react").Ref<HTMLElement>;
+};

package/dist-types/logo/Logo.d.ts

@@ -1,31 +1,3 @@
-import { ComponentPropsWithoutRef, ComponentType } from "react";
-import { LogoTitleProps } from "./internal/LogoTitle";
-export interface LogoProps extends ComponentPropsWithoutRef<"span"> {
-    /**
-     * Used to provide application title
-     */
-    appTitle?: string;
-    /**
-     * If `true`, the logo will be compact;
-     */
-    compact?: boolean;
-    /**
-     * Props passed to the Logo.
-     */
-    ImageProps?: Partial<ComponentPropsWithoutRef<"img">>;
-    /**
-     * Custom Component to render the logo image.
-     * e.g. if a custom renderer instead of static image using `src` prop.
-     */
-    LogoImageComponent?: ComponentType<Partial<ComponentPropsWithoutRef<"img">>>;
-    /**
-     * Image src for logo.
-     */
-    src?: string;
-    /**
-     * Props passed to the Application Title if used.
-     * If using a custom image then ImageProps.alt should be set to include a screen reader alternative text.
-     */
-    TitleProps?: Omit<Partial<LogoTitleProps>, "label">;
-}
-export declare const Logo: import("react").ForwardRefExoticComponent<LogoProps & import("react").RefAttributes<HTMLSpanElement>>;
+import { type ComponentPropsWithoutRef } from "react";
+export type LogoProps = ComponentPropsWithoutRef<"span">;
+export declare const Logo: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/logo/LogoImage.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface LogoImageProps extends Omit<ComponentPropsWithoutRef<"img">, "alt"> {
+    alt: string;
+}
+export declare const LogoImage: import("react").ForwardRefExoticComponent<LogoImageProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist-types/logo/LogoSeparator.d.ts

@@ -0,0 +1,3 @@
+import { type ComponentPropsWithoutRef } from "react";
+export type LogoSeparatorProps = ComponentPropsWithoutRef<"span">;
+export declare const LogoSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;

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

@@ -1 +1,3 @@
 export * from "./Logo";
+export * from "./LogoImage";
+export * from "./LogoSeparator";

package/dist-types/menu-button/MenuButton.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { ButtonProps } from "@salt-ds/core";
-import { CascadingMenuProps } from "../cascading-menu";
+import type { ButtonProps } from "@salt-ds/core";
+import { type ReactNode } from "react";
+import { type CascadingMenuProps } from "../cascading-menu";
 export interface MenuButtonProps extends ButtonProps {
     CascadingMenuProps: CascadingMenuProps;
     children: ReactNode;

package/dist-types/menu-button/MenuButtonTrigger.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { ButtonProps } from "@salt-ds/core";
+import { type ButtonProps } from "@salt-ds/core";
+import { type ReactNode } from "react";
 export interface MenuButtonTriggerProps extends ButtonProps {
     className?: string;
     hideCaret?: boolean;

package/dist-types/metric/Metric.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from "react";
-import { MetricContextValue } from "./internal";
+import { type HTMLAttributes } from "react";
+import { type MetricContextValue } from "./internal";
 export interface MetricProps extends MetricContextValue, HTMLAttributes<HTMLDivElement> {
     /**
      * The aria-level attribute to be applied to the heading component. The default is 2.

package/dist-types/metric/MetricContent.d.ts

@@ -1,5 +1,5 @@
-import { IconProps } from "@salt-ds/icons";
-import { ComponentType, HTMLAttributes } from "react";
+import { type IconProps } from "@salt-ds/icons";
+import { type ComponentType, type HTMLAttributes } from "react";
 export interface MetricContentProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * These props will be passed to the indicator icon. Use this to render a

package/dist-types/metric/MetricHeader.d.ts

@@ -1,5 +1,5 @@
-import { LinkProps } from "@salt-ds/core";
-import { HTMLAttributes } from "react";
+import { type LinkProps } from "@salt-ds/core";
+import { type HTMLAttributes } from "react";
 export interface MetricHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * If provided, subtitle will be rendered as a `Link` element with these props.

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

@@ -1,3 +1,3 @@
 export * from "./Metric";
-export * from "./MetricHeader";
 export * from "./MetricContent";
+export * from "./MetricHeader";

package/dist-types/metric/internal/MetricContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MetricContextValue {
     /**
      * Text and value alignment.

package/dist-types/metric/internal/helpers.d.ts

@@ -1,4 +1,4 @@
 /**
  * This function only capitalise the first letter of a string.
  */
-export declare const capitalise: (target: any) => string;
+export declare function capitalise(value: string): string;

package/dist-types/metric/internal/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./MetricContext";
 export * from "./helpers";
+export * from "./MetricContext";

package/dist-types/portal/Portal.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 export interface PortalProps {
     /**
      * The children to render into the `container`.

package/dist-types/query-input/QueryInput.d.ts

@@ -1,6 +1,6 @@
-import { HTMLAttributes } from "react";
-import { QueryInputCategory, QueryInputItem } from "./queryInputTypes";
-import { BooleanOperator } from "./useQueryInput";
+import { type HTMLAttributes } from "react";
+import type { QueryInputCategory, QueryInputItem } from "./queryInputTypes";
+import { type BooleanOperator } from "./useQueryInput";
 export interface QueryInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
     disabled?: boolean;
     categories: QueryInputCategory[];

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

@@ -1,3 +1,3 @@
-export * from "./queryInputTypes";
 export * from "./QueryInput";
+export * from "./queryInputTypes";
 export * from "./useQueryInput";

package/dist-types/query-input/internal/CategoryList.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch, SetStateAction } from "react";
-import { QueryInputCategory } from "../queryInputTypes";
+import { type Dispatch, type SetStateAction } from "react";
+import type { QueryInputCategory } from "../queryInputTypes";
 export interface CategoryListProps {
     categories: QueryInputCategory[];
     rootWidth: number;
@@ -7,4 +7,4 @@ export interface CategoryListProps {
     highlightedCategoryIndex?: number;
     setHighlightedCategoryIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function CategoryList(props: CategoryListProps): JSX.Element;
+export declare function CategoryList(props: CategoryListProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/query-input/internal/CategoryListContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CategoryListContext {
     width: number;
 }

package/dist-types/query-input/internal/CategoryListItem.d.ts

@@ -1,5 +1,5 @@
-import { ListItemProps, ListItemType } from "../../list";
-import { QueryInputCategory } from "../queryInputTypes";
+import { type ListItemProps, type ListItemType } from "../../list";
+import type { QueryInputCategory } from "../queryInputTypes";
 export interface CategoryListItemProps extends ListItemProps<QueryInputCategory> {
     category: QueryInputCategory;
 }

package/dist-types/query-input/internal/QueryInputBody.d.ts

@@ -1,7 +1,7 @@
-import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, Ref, SyntheticEvent } from "react";
-import { ChangeHandler } from "../../tokenized-input";
-import { QueryInputItem } from "../queryInputTypes";
-import { BooleanOperator } from "../useQueryInput";
+import { type ChangeEventHandler, type FocusEventHandler, type KeyboardEventHandler, type Ref, type SyntheticEvent } from "react";
+import { type ChangeHandler } from "../../tokenized-input";
+import type { QueryInputItem } from "../queryInputTypes";
+import type { BooleanOperator } from "../useQueryInput";
 export interface QueryInputBodyProps {
     inputRef: Ref<HTMLInputElement>;
     disabled?: boolean;

package/dist-types/query-input/internal/SearchList.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch, SetStateAction } from "react";
-import { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
+import { type Dispatch, type SetStateAction } from "react";
+import type { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
 export interface SearchListProps {
     inputValue?: string;
     selectedItems?: QueryInputItem[];
@@ -9,4 +9,4 @@ export interface SearchListProps {
     visibleCategories: QueryInputCategory[];
     setHighlightedIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function SearchList(props: SearchListProps): JSX.Element;
+export declare function SearchList(props: SearchListProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/query-input/internal/ValueList.d.ts

@@ -1,5 +1,5 @@
-import { QueryInputCategory } from "../queryInputTypes";
-import { Dispatch, SetStateAction } from "react";
+import type { Dispatch, SetStateAction } from "react";
+import type { QueryInputCategory } from "../queryInputTypes";
 export interface ValueListProps {
     category: QueryInputCategory | null;
     rootWidth: number;
@@ -9,4 +9,4 @@ export interface ValueListProps {
     highlightedValueIndex?: number;
     setHighlightedValueIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function ValueList(props: ValueListProps): JSX.Element;
+export declare function ValueList(props: ValueListProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/query-input/internal/ValueSelector.d.ts

@@ -1,5 +1,5 @@
-import { Dispatch, Ref, SetStateAction } from "react";
-import { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
+import { type Dispatch, type Ref, type SetStateAction } from "react";
+import type { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
 export interface ValueSelectorProps {
     isOpen: boolean;
     anchorElement: HTMLElement | null;
@@ -20,4 +20,4 @@ export interface ValueSelectorProps {
     setHighlightedCategoryIndex: Dispatch<SetStateAction<number>>;
     setHighlightedValueIndex: Dispatch<SetStateAction<number>>;
 }
-export declare function ValueSelector(props: ValueSelectorProps): JSX.Element | null;
+export declare function ValueSelector(props: ValueSelectorProps): import("react/jsx-runtime").JSX.Element | null;

package/dist-types/query-input/internal/usePopperStatus.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent, KeyboardEvent } from "react";
+import { type KeyboardEvent } from "react";
 export interface UsePopperStatusProps {
     initialOpen?: boolean;
     autoClose?: boolean;
@@ -6,8 +6,8 @@ export interface UsePopperStatusProps {
 export declare function usePopperStatus(props: UsePopperStatusProps): {
     isOpen: boolean;
     onKeyDown: (event: KeyboardEvent) => void;
-    onFocus: (event: FocusEvent) => void;
-    onBlur: (event: FocusEvent) => void;
+    onFocus: () => void;
+    onBlur: () => void;
     onChange: () => void;
     onClick: () => void;
 };

package/dist-types/query-input/useQueryInput.d.ts

@@ -1,8 +1,8 @@
-import { FocusEventHandler, ForwardedRef, Ref } from "react";
-import { QueryInputBodyProps } from "./internal/QueryInputBody";
-import { ValueSelectorProps } from "./internal/ValueSelector";
-import { QueryInputProps } from "./QueryInput";
-export declare type BooleanOperator = "or" | "and";
+import { type FocusEventHandler, type ForwardedRef, type Ref } from "react";
+import type { QueryInputBodyProps } from "./internal/QueryInputBody";
+import type { ValueSelectorProps } from "./internal/ValueSelector";
+import type { QueryInputProps } from "./QueryInput";
+export type BooleanOperator = "or" | "and";
 export interface UseQueryInputResult {
     queryInputProps: {
         onFocus: FocusEventHandler<HTMLDivElement>;

package/dist-types/responsive/OverflowReducer.d.ts

@@ -4,8 +4,8 @@
  * the source prop or as child elements. We also support 'injected' items. These allow for additional UI
  * controls to be inserted into the container, eg an 'Add Item' button.
  */
-import { ReactElement, ReactNode, Reducer } from "react";
-import { OverflowItem, OverflowItems, OverflowCollectionOptions, OverflowSource } from "./overflowTypes";
+import { type ReactElement, type ReactNode, type Reducer } from "react";
+import type { OverflowCollectionOptions, OverflowItem, OverflowItems, OverflowSource } from "./overflowTypes";
 interface InitAction {
     type: "init";
     overflowItems?: OverflowItem[];
@@ -27,7 +27,7 @@ interface RemoveItemAction {
 }
 interface MultiItemAction {
     type: "update-items" | "update-items-remove-overflow-indicator";
-    overflowItems: Partial<Omit<OverflowItem, "id">> & Pick<OverflowItem, "id">[];
+    overflowItems: (Partial<Omit<OverflowItem, "id">> & Pick<OverflowItem, "id">)[];
 }
 interface SingleItemAction {
     type: "add-overflow-indicator" | "replace-item" | "collapsing-item" | "uncollapse-dynamic-item" | "collapse-instant-item";
@@ -46,9 +46,9 @@ interface DynamicCollapseAction extends Omit<SingleItemAction, "type"> {
     collapsedSize: number;
     minSize: number;
 }
-export declare type OverflowAction = AddChildAction | CombinedItemAction | DynamicCollapseAction | EmptyPayloadAction | InitAction | MultiItemAction | RemoveItemAction | SingleItemAction | SourceAction;
-export declare type OverflowReducer = Reducer<OverflowItems, OverflowAction>;
-export declare type OverflowReducerInitialisationProps = {
+export type OverflowAction = AddChildAction | CombinedItemAction | DynamicCollapseAction | EmptyPayloadAction | InitAction | MultiItemAction | RemoveItemAction | SingleItemAction | SourceAction;
+export type OverflowReducer = Reducer<OverflowItems, OverflowAction>;
+export type OverflowReducerInitialisationProps = {
     children?: ReactNode;
     source?: OverflowSource[];
     injectedItems?: any[];

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

@@ -1,11 +1,11 @@
-export * from "./useInstantCollapse";
+export * from "./overflowTypes";
+export * from "./overflowUtils";
 export * from "./useDynamicCollapse";
-export * from "./useReclaimSpace";
-export * from "./useResizeObserver";
+export * from "./useInstantCollapse";
 export * from "./useOverflow";
 export * from "./useOverflowCollectionItems";
 export * from "./useOverflowLayout";
+export * from "./useReclaimSpace";
+export * from "./useResizeObserver";
 export * from "./useWidth";
-export * from "./overflowTypes";
-export * from "./overflowUtils";
 export * from "./utils";