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

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

@@ -1,22 +1,22 @@
-import { ReactElement, ReactNode, RefObject } from "react";
-import { OverflowAction as overflowAction2 } from "./OverflowReducer";
-declare type dimension = "width" | "height" | "scrollWidth" | "scrollHeight";
-declare type dimensions = {
+import type { ReactElement, ReactNode, RefObject } from "react";
+import type { OverflowAction as overflowAction2 } from "./OverflowReducer";
+type dimension = "width" | "height" | "scrollWidth" | "scrollHeight";
+type dimensions = {
     size: dimension;
     depth: dimension;
     scrollDepth: dimension;
 };
-export declare type dimensionsType = {
+export type dimensionsType = {
     horizontal: dimensions;
     vertical: dimensions;
 };
-export declare type orientationType = keyof dimensionsType;
-export declare type collapsibleType = "instant" | "dynamic";
+export type orientationType = keyof dimensionsType;
+export type collapsibleType = "instant" | "dynamic";
 interface NonNullableRefObject<T> {
     current: T;
 }
-export declare type FilterPredicate = (item: OverflowItem) => boolean;
-export declare type ElementRef = RefObject<HTMLDivElement>;
+export type FilterPredicate = (item: OverflowItem) => boolean;
+export type ElementRef = RefObject<HTMLDivElement>;
 export interface OverflowSource {
     id?: string;
     label: string;
@@ -25,15 +25,15 @@ export interface OverflowSource {
     position?: number;
     priority?: number;
 }
-export declare type InjectedSourceItem = {
+export type InjectedSourceItem = {
     source: OverflowSource;
 };
-export declare type InjectedChildItem = {
+export type InjectedChildItem = {
     element: JSX.Element;
 };
-export declare type InjectedItem = InjectedChildItem | InjectedSourceItem;
-export declare type overflowItemType = "source" | "child";
-export declare type OverflowItem<T extends overflowItemType = "child"> = {
+export type InjectedItem = InjectedChildItem | InjectedSourceItem;
+export type overflowItemType = "source" | "child";
+export type OverflowItem<T extends overflowItemType = "child"> = {
     collapsed?: boolean;
     collapsible?: collapsibleType;
     collapsing?: boolean;
@@ -52,29 +52,29 @@ export declare type OverflowItem<T extends overflowItemType = "child"> = {
     reclaimSpace?: boolean;
     reclaimedSpace?: boolean;
     size: number;
-    source: T extends "source" ? any : null;
+    source: T extends "source" ? unknown : null;
     type: overflowItemType;
     editable?: boolean;
     closeable?: boolean;
 };
-export declare type OverflowItems = OverflowItem<"source" | "child">[];
-export declare type ManagedListRef = NonNullableRefObject<OverflowItem[]>;
-export declare type overflowState = {
+export type OverflowItems = OverflowItem<"source" | "child">[];
+export type ManagedListRef = NonNullableRefObject<OverflowItem[]>;
+export type overflowState = {
     overflowIndicatorSize: number;
     visibleItems: OverflowItem[];
 };
-export declare type overflowAction = {
+export type overflowAction = {
     type: string;
     managedItems?: OverflowItem[];
     managedItem?: OverflowItem;
 };
-export declare type overflowDispatch = (action: overflowAction2) => void;
-export declare type OverflowCollectionOptions = {
+export type overflowDispatch = (action: overflowAction2) => void;
+export type OverflowCollectionOptions = {
     closeable?: boolean;
     editable?: boolean;
     getPriority?: (item: any, index: number) => number | undefined;
 };
-export declare type OverflowCollectionHookProps = {
+export type OverflowCollectionHookProps = {
     children?: ReactNode;
     defaultSource?: OverflowSource[];
     id: string;
@@ -84,7 +84,7 @@ export declare type OverflowCollectionHookProps = {
     orientation: orientationType;
     source?: OverflowSource[];
 };
-export declare type OverflowCollectionHookResult = {
+export type OverflowCollectionHookResult = {
     data: OverflowItem[];
     dispatch: (action: overflowAction2 | {
         type: "reset";

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { ElementRef, OverflowItem, orientationType } from "./overflowTypes";
+import type { ElementRef, OverflowItem, orientationType } from "./overflowTypes";
 export declare const DropdownPlaceholder: () => null;
-export declare const getDropdownPlaceholder: () => JSX.Element;
-export declare type heightOrWidth = "width" | "height";
+export declare const getDropdownPlaceholder: () => import("react/jsx-runtime").JSX.Element;
+export type heightOrWidth = "width" | "height";
 export declare const NO_DATA: {};
 export declare const allExceptOverflowIndicator: (sum: number, m: OverflowItem) => number;
 export declare const isCollapsed: (item: OverflowItem) => boolean;
@@ -29,11 +28,11 @@ export declare const measureContainerOverflow: (ref: ElementRef, orientation?: o
  **/
 export declare function measureElementSize(element: HTMLElement, dimension?: heightOrWidth, includeAutoMargin?: boolean): number;
 export declare const byDescendingPriority: (m1: OverflowItem, m2: OverflowItem) => number;
-export declare const getOverflowIndicator: (managedItems: OverflowItem[]) => OverflowItem<"child"> | undefined;
+export declare const getOverflowIndicator: (managedItems: OverflowItem[]) => OverflowItem | undefined;
 export declare const popNextItemByPriority: (items: OverflowItem[]) => OverflowItem | null;
 export declare const measureOverflowItems: (items: OverflowItem[], dimension: heightOrWidth) => OverflowItem[];
 export declare const addAll: (sum: number, m: OverflowItem) => number;
-export declare const getElementForItem: (ref: ElementRef, item: OverflowItem) => HTMLElement;
-declare type dimension = "left" | "right" | "top" | "bottom";
+export declare const getElementForItem: (ref: ElementRef, item: OverflowItem) => HTMLElement | null | undefined;
+type dimension = "left" | "right" | "top" | "bottom";
 export declare const getRuntimePadding: (el: HTMLElement, ...dimensions: dimension[]) => number[];
 export {};

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

@@ -1,2 +1,2 @@
-import { OverflowHookProps, DynamicCollapseHookResult } from "./overflowTypes";
-export declare const useDynamicCollapse: ({ collectionHook, innerContainerSize, label, overflowItemsRef: managedItemsRef, overflowContainerRef: ref, orientation, }: OverflowHookProps) => DynamicCollapseHookResult;
+import type { DynamicCollapseHookResult, OverflowHookProps } from "./overflowTypes";
+export declare const useDynamicCollapse: ({ collectionHook, overflowItemsRef: managedItemsRef, overflowContainerRef: ref, orientation, }: OverflowHookProps) => DynamicCollapseHookResult;

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

@@ -1,2 +1,2 @@
-import { InstantCollapseHookResult, OverflowHookProps } from "./overflowTypes";
-export declare const useInstantCollapse: ({ collectionHook, hasOverflowedItems, innerContainerSize, label, overflowContainerRef: ref, overflowItemsRef, orientation, }: OverflowHookProps) => InstantCollapseHookResult;
+import type { InstantCollapseHookResult, OverflowHookProps } from "./overflowTypes";
+export declare const useInstantCollapse: ({ collectionHook, hasOverflowedItems, innerContainerSize, overflowContainerRef: ref, overflowItemsRef, orientation, }: OverflowHookProps) => InstantCollapseHookResult;

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

@@ -1,2 +1,2 @@
-import { OverflowHookProps, OverflowHookResult } from "./overflowTypes";
+import type { OverflowHookProps, OverflowHookResult } from "./overflowTypes";
 export declare const useOverflow: ({ collectionHook: { dispatch }, id: idProp, label, overflowItemsRef, overflowContainerRef, orientation, }: OverflowHookProps) => OverflowHookResult;

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

@@ -1,4 +1,4 @@
-import { OverflowCollectionHookProps, OverflowCollectionHookResult } from "./overflowTypes";
-declare type OverflowCollectionHook = (props: OverflowCollectionHookProps) => OverflowCollectionHookResult;
+import type { OverflowCollectionHookProps, OverflowCollectionHookResult } from "./overflowTypes";
+type OverflowCollectionHook = (props: OverflowCollectionHookProps) => OverflowCollectionHookResult;
 export declare const useOverflowCollectionItems: OverflowCollectionHook;
 export {};

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

@@ -1,4 +1,4 @@
-import { ElementRef, OverflowItem, OverflowLayoutHookProps } from "./overflowTypes";
-declare type overflowUpdate = (item1: OverflowItem, item2: OverflowItem) => void;
+import type { ElementRef, OverflowItem, OverflowLayoutHookProps } from "./overflowTypes";
+type overflowUpdate = (item1: OverflowItem, item2: OverflowItem) => void;
 export declare const useOverflowLayout: ({ collectionHook, id, orientation, label, disableOverflow, }: OverflowLayoutHookProps) => [ElementRef, overflowUpdate];
 export {};

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

@@ -1,3 +1,3 @@
-import { OverflowItem, OverflowHookProps, OverflowHookResult } from "./overflowTypes";
+import type { OverflowHookProps, OverflowHookResult, OverflowItem } from "./overflowTypes";
 export declare const addAllVisible: (sum: number, m: OverflowItem) => number;
-export declare const useReclaimSpace: ({ collectionHook, label, overflowItemsRef: managedItemsRef, overflowContainerRef: ref, orientation, }: OverflowHookProps) => OverflowHookResult;
+export declare const useReclaimSpace: ({ collectionHook, label: _label, overflowItemsRef: managedItemsRef, overflowContainerRef: ref, orientation, }: OverflowHookProps) => OverflowHookResult;

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

@@ -1,12 +1,12 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export declare const WidthHeight: string[];
 export declare const HeightOnly: string[];
 export declare const WidthOnly: string[];
-export declare type measurements<T = string | number> = {
+export type measurements<T = string | number> = {
     height?: T;
     scrollHeight?: T;
     scrollWidth?: T;
     width?: T;
 };
-export declare type ResizeHandler = (measurements: measurements<number>) => void;
+export type ResizeHandler = (measurements: measurements<number>) => void;
 export declare function useResizeObserver(ref: RefObject<Element | HTMLElement | null>, dimensions: string[], onResize: ResizeHandler, reportInitialSize?: boolean): void;

package/dist-types/responsive/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/responsive/utils.d.ts

@@ -1,7 +1,7 @@
-export declare type dataPadDirection = "data-pad-start" | "data-pad-end";
+export type dataPadDirection = "data-pad-start" | "data-pad-end";
 export declare const isResponsiveAttribute: (propName: string) => boolean;
-declare type AnyProps = Record<string, unknown>;
-declare type ResponsivePropsTuple = [AnyProps, AnyProps];
+type AnyProps = Record<string, unknown>;
+type ResponsivePropsTuple = [AnyProps, AnyProps];
 /**
  * data- attributes can be used to manage item overflow behaviour. Users may
  * speficy these attributes directly on a Toolbar component, which ultimately

package/dist-types/search-input/SearchInput.d.ts

@@ -1,11 +1,11 @@
-import { ComponentType, SyntheticEvent } from "react";
-import { InputLegacyProps as InputProps } from "../input-legacy";
+import { type ComponentType, type SyntheticEvent } from "react";
+import { type InputLegacyProps as InputProps } from "../input-legacy";
 export interface SearchInputProps extends Omit<InputProps, "onSubmit"> {
     /**
      * Override "search" icon.
      * Set to `null` to hide.
      */
-    IconComponent?: ComponentType<any> | null;
+    IconComponent?: ComponentType | null;
     /**
      * Callback for when clear button is clicked.
      */

package/dist-types/static-list/StaticList.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface StaticListProps extends ComponentPropsWithoutRef<"ul"> {
+    /**
+     * The list items to be rendered within the StaticList.
+     */
+    children: ReactNode;
+}
+export declare const StaticList: import("react").ForwardRefExoticComponent<StaticListProps & import("react").RefAttributes<HTMLOListElement>>;

package/dist-types/static-list/StaticListItem.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface StaticListItemProps extends ComponentPropsWithoutRef<"li"> {
+}
+export declare const StaticListItem: import("react").ForwardRefExoticComponent<StaticListItemProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/static-list/StaticListItemContent.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface StaticListItemContentProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of Static List Item
+     */
+    children?: ReactNode;
+}
+export declare const StaticListItemContent: import("react").ForwardRefExoticComponent<StaticListItemContentProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,3 @@
+export * from "./StaticList";
+export * from "./StaticListItem";
+export * from "./StaticListItemContent";

package/dist-types/system-status/SystemStatus.d.ts

@@ -0,0 +1,9 @@
+import { type ValidationStatus } from "@salt-ds/core";
+import { type HTMLAttributes } from "react";
+export interface SystemStatusProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     *  A string to determine the current state of the SystemStatus. Defaults to `info`.
+     */
+    status?: ValidationStatus;
+}
+export declare const SystemStatus: import("react").ForwardRefExoticComponent<SystemStatusProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/system-status/SystemStatusActions.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+interface SystemStatusActionsProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of SystemStatusActions
+     */
+    children: ReactNode;
+}
+export declare const SystemStatusActions: import("react").ForwardRefExoticComponent<SystemStatusActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist-types/system-status/SystemStatusContent.d.ts

@@ -0,0 +1,9 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+interface SystemStatusContentProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of SystemStatusContent
+     */
+    children: ReactNode;
+}
+export declare const SystemStatusContent: import("react").ForwardRefExoticComponent<SystemStatusContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist-types/system-status/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SystemStatus";
+export * from "./SystemStatusActions";
+export * from "./SystemStatusContent";

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

@@ -1,22 +1,23 @@
-import { KeyboardEvent, MouseEvent } from "react";
+import { type KeyboardEvent, type MouseEvent } from "react";
+import { type EditableLabelProps } from "../editable-label";
 export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onKeyUp" | "onClick"> & {
-    ariaControls?: string | undefined;
-    closeable?: boolean | undefined;
-    draggable?: boolean | undefined;
-    dragging?: boolean | undefined;
-    editable?: boolean | undefined;
-    editing?: boolean | undefined;
-    focused?: boolean | undefined;
-    focusVisible?: boolean | undefined;
-    focusedChildIndex?: number | undefined;
-    selected?: boolean | undefined;
-    index?: number | undefined;
-    label?: string | undefined;
-    onClick?: ((e: MouseEvent<Element, globalThis.MouseEvent>, index: number) => void) | undefined;
-    onClose?: ((index: number) => void) | undefined;
-    onEnterEditMode?: (() => void) | undefined;
-    onExitEditMode?: import("./TabsTypes").exitEditHandler | undefined;
-    onKeyUp?: ((e: KeyboardEvent<Element>, index: number) => void) | undefined;
-    orientation?: "horizontal" | "vertical" | undefined;
-    tabChildIndex?: number | undefined;
+    ariaControls?: import("react").AriaAttributes["aria-controls"];
+    closeable?: boolean;
+    draggable?: boolean;
+    dragging?: boolean;
+    editable?: boolean;
+    editing?: EditableLabelProps["editing"];
+    focused?: boolean;
+    focusVisible?: boolean;
+    focusedChildIndex?: number;
+    selected?: boolean;
+    index?: number;
+    label?: EditableLabelProps["defaultValue"];
+    onClick?: (e: MouseEvent, index: number) => void;
+    onClose?: (index: number) => void;
+    onEnterEditMode?: () => void;
+    onExitEditMode?: import("./TabsTypes").exitEditHandler;
+    onKeyUp?: (e: KeyboardEvent, index: number) => void;
+    orientation?: "horizontal" | "vertical";
+    tabChildIndex?: number;
 } & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 interface TabActivationIndicatorProps {
     hideThumb?: boolean;
     orientation?: "horizontal" | "vertical";
     disableAnimation?: boolean;
     tabId?: string | null;
 }
-export declare const TabActivationIndicator: ({ hideThumb, orientation, tabId, }: TabActivationIndicatorProps) => JSX.Element;
+export declare const TabActivationIndicator: ({ hideThumb, orientation, tabId, }: TabActivationIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import { FocusAPI, TabstripProps } from "./TabsTypes";
-export declare type TabsProps = Omit<TabstripProps, "defaultSource">;
+import type { FocusAPI, TabstripProps } from "./TabsTypes";
+export type TabsProps = Omit<TabstripProps, "defaultSource">;
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<FocusAPI>>;

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

@@ -1,17 +1,17 @@
-import { AriaAttributes, HTMLAttributes, KeyboardEvent, MouseEvent, ReactElement } from "react";
-import { orientationType, OverflowSource } from "../responsive";
-import { EditableLabelProps } from "../editable-label";
-import { ExitEditModeHandler } from "./useEditableItem";
+import type { AriaAttributes, HTMLAttributes, KeyboardEvent, MouseEvent, ReactElement } from "react";
+import type { EditableLabelProps } from "../editable-label";
+import type { OverflowSource, orientationType } from "../responsive";
+import type { ExitEditModeHandler } from "./useEditableItem";
 export interface FocusAPI {
     focus: () => void;
 }
 export interface TabDescriptor extends OverflowSource {
     element?: JSX.Element;
 }
-export declare type TabsSource = string[] | TabDescriptor[];
-export declare type navigationProps = Pick<TabProps, "onFocus" | "onKeyDown">;
-export declare type composableTabProps = navigationProps & Pick<TabProps, "onClick" | "onEnterEditMode" | "onExitEditMode" | "onMouseDown">;
-export declare type TabstripVariant = "primary" | "tertiary";
+export type TabsSource = string[] | TabDescriptor[];
+export type navigationProps = Pick<TabProps, "onFocus" | "onKeyDown">;
+export type composableTabProps = navigationProps & Pick<TabProps, "onClick" | "onEnterEditMode" | "onExitEditMode" | "onMouseDown">;
+export type TabstripVariant = "primary" | "tertiary";
 export interface TabstripProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * when true Tabs may be re-arranged by dragging individual Tabs to new position within Tabstrip.
@@ -64,13 +64,13 @@ export interface TabstripProps extends HTMLAttributes<HTMLDivElement> {
      */
     variant?: TabstripVariant;
 }
-export declare type exitEditHandler = (originalValue: string, editedValue: string, allowDeactivation: boolean, tabIndex: number) => void;
+export type exitEditHandler = (originalValue: string, editedValue: string, allowDeactivation: boolean, tabIndex: number) => void;
 export interface responsiveDataAttributes {
     "data-index": number;
     "data-overflowed"?: boolean;
     "data-priority": number;
 }
-export declare type TabProps = Omit<HTMLAttributes<HTMLElement>, "onClick" | "onKeyUp"> & {
+export type TabProps = Omit<HTMLAttributes<HTMLElement>, "onClick" | "onKeyUp"> & {
     ariaControls?: AriaAttributes["aria-controls"];
     closeable?: boolean;
     draggable?: boolean;
@@ -91,4 +91,4 @@ export declare type TabProps = Omit<HTMLAttributes<HTMLElement>, "onClick" | "on
     orientation?: "horizontal" | "vertical";
     tabChildIndex?: number;
 };
-export declare type TabElement = ReactElement<TabProps>;
+export type TabElement = ReactElement<TabProps>;

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

@@ -1,3 +1,2 @@
-import React from "react";
-import { FocusAPI, TabstripProps } from "./TabsTypes";
-export declare const Tabstrip: React.ForwardRefExoticComponent<TabstripProps & React.RefAttributes<FocusAPI>>;
+import type { FocusAPI, TabstripProps } from "./TabsTypes";
+export declare const Tabstrip: import("react").ForwardRefExoticComponent<TabstripProps & import("react").RefAttributes<FocusAPI>>;

package/dist-types/tabs/drag-drop/Draggable.d.ts

@@ -1,9 +1,9 @@
-import { MutableRefObject } from "react";
-import { Rect } from "./dragDropTypes";
+import { type MutableRefObject } from "react";
+import type { Rect } from "./dragDropTypes";
 export declare const Draggable: import("react").ForwardRefExoticComponent<{
     wrapperClassName: string;
     element: HTMLElement;
     rect: Rect;
-    scale?: number | undefined;
+    scale?: number;
 } & import("react").RefAttributes<HTMLDivElement>>;
-export declare const createDragSpacer: (transitioning?: MutableRefObject<boolean> | undefined) => HTMLElement;
+export declare const createDragSpacer: (transitioning?: MutableRefObject<boolean>) => HTMLElement;

package/dist-types/tabs/drag-drop/DropIndicator.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { Rect } from "./dragDropTypes";
+import type { Rect } from "./dragDropTypes";
 export declare const DropIndicator: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
+    className?: string;
     rect: Rect;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs/drag-drop/drag-utils.d.ts

@@ -1,6 +1,6 @@
-import { orientationType } from "../../responsive";
-import { Direction } from "./dragDropTypes";
-export declare type MeasuredDropTarget = {
+import type { orientationType } from "../../responsive";
+import { type Direction } from "./dragDropTypes";
+export type MeasuredDropTarget = {
     currentIndex: number;
     dataIndex?: number;
     element: HTMLElement;
@@ -12,37 +12,41 @@ export declare type MeasuredDropTarget = {
     mid: number;
     size: number;
 };
-export declare type targetType = {
+export type targetType = {
     element: HTMLElement | null;
     index: number;
     isLast?: boolean;
 };
-declare type Dimension = keyof Pick<DOMRect, "width" | "height">;
+type MousePosKey = keyof Pick<MouseEvent, "clientX" | "clientY">;
+type DOMRectKey = keyof Omit<DOMRect, "toJSON">;
+type DOMRectDimensionKey = keyof Pick<DOMRect, "width" | "height">;
+type Dimension = keyof Pick<DOMRect, "width" | "height">;
+type ElementDimension = keyof Pick<HTMLElement, "scrollHeight" | "scrollWidth" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft">;
 export declare const measureElementSizeAndPosition: (element: HTMLElement, dimension?: Dimension, includeAutoMargin?: boolean) => number[];
 export declare const dimensions: (orientation: orientationType) => {
-    CLIENT_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    CONTRA: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
-    CONTRA_POS: "clientX" | "clientY";
-    DIMENSION: "height" | "width";
-    END: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
-    POS: "clientX" | "clientY";
-    SCROLL_POS: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    SCROLL_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    START: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
+    CLIENT_SIZE: ElementDimension;
+    CONTRA: DOMRectKey;
+    CONTRA_POS: MousePosKey;
+    DIMENSION: DOMRectDimensionKey;
+    END: DOMRectKey;
+    POS: MousePosKey;
+    SCROLL_POS: ElementDimension;
+    SCROLL_SIZE: ElementDimension;
+    START: DOMRectKey;
 } | {
-    CLIENT_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    CONTRA: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
-    CONTRA_POS: "clientX" | "clientY";
-    DIMENSION: "height" | "width";
-    END: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
-    POS: "clientX" | "clientY";
-    SCROLL_POS: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    SCROLL_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    START: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
+    CLIENT_SIZE: ElementDimension;
+    CONTRA: DOMRectKey;
+    CONTRA_POS: MousePosKey;
+    DIMENSION: DOMRectDimensionKey;
+    END: DOMRectKey;
+    POS: MousePosKey;
+    SCROLL_POS: ElementDimension;
+    SCROLL_SIZE: ElementDimension;
+    START: DOMRectKey;
 };
 export declare const getDraggedItem: (measuredItems: MeasuredDropTarget[]) => MeasuredDropTarget;
 export declare const moveDragItem: (measuredItems: MeasuredDropTarget[], dropTarget: MeasuredDropTarget) => MeasuredDropTarget[];
 export declare const isDraggedElement: (item: MeasuredDropTarget) => boolean;
-export declare const measureDropTargets: (container: HTMLElement, orientation: orientationType, draggedItem: HTMLElement, itemQuery?: string | undefined) => MeasuredDropTarget[];
+export declare const measureDropTargets: (container: HTMLElement, orientation: orientationType, draggedItem: HTMLElement, itemQuery?: string) => MeasuredDropTarget[];
 export declare const getNextDropTarget: (dropTargets: MeasuredDropTarget[], pos: number, direction: Direction) => MeasuredDropTarget | null;
 export {};

package/dist-types/tabs/drag-drop/dragDropTypes.d.ts

@@ -1,16 +1,16 @@
-import { MouseEventHandler, RefObject } from "react";
-import { orientationType } from "../../responsive";
-export declare type dragStrategy = "drop-indicator" | "natural-movement";
-export declare type Direction = "fwd" | "bwd";
+import type { MouseEventHandler, RefObject } from "react";
+import type { orientationType } from "../../responsive";
+export type dragStrategy = "drop-indicator" | "natural-movement";
+export type Direction = "fwd" | "bwd";
 export declare const FWD: Direction;
 export declare const BWD: Direction;
-export declare type Rect = {
+export type Rect = {
     height: number;
     left: number;
     top: number;
     width: number;
 };
-export declare type DragHookResult = {
+export type DragHookResult = {
     draggable: JSX.Element | null;
     dropIndicator: JSX.Element | null;
     draggedItemIndex?: number;
@@ -18,7 +18,7 @@ export declare type DragHookResult = {
     onMouseDown?: MouseEventHandler;
     revealOverflowedItems: boolean;
 };
-export declare type DragDropHook = (props: {
+export type DragDropHook = (props: {
     allowDragDrop?: boolean | dragStrategy;
     extendedDropZone?: boolean;
     onDrop: (fromIndex: number, toIndex: number) => void;

package/dist-types/tabs/drag-drop/useDragDrop.d.ts

@@ -1,2 +1,2 @@
-import { DragDropHook } from "./dragDropTypes";
+import type { DragDropHook } from "./dragDropTypes";
 export declare const useDragDrop: DragDropHook;

package/dist-types/tabs/drag-drop/useDragDropNaturalMovement.d.ts

@@ -1,2 +1,2 @@
-import { DragDropHook } from "./dragDropTypes";
+import type { DragDropHook } from "./dragDropTypes";
 export declare const useDragDropNaturalMovement: DragDropHook;

package/dist-types/tabs/drag-drop/useDragSpacers.d.ts

@@ -1,7 +1,7 @@
-import { MeasuredDropTarget } from "./drag-utils";
-import { Direction } from "./dragDropTypes";
+import type { MeasuredDropTarget } from "./drag-utils";
+import type { Direction } from "./dragDropTypes";
 export declare const useDragSpacers: () => {
-    displaceItem: (item: MeasuredDropTarget | null | undefined, size: number, useTransition?: boolean, direction?: Direction | undefined) => void;
+    displaceItem: (item: MeasuredDropTarget | null, size: number, useTransition?: boolean, direction?: Direction) => void;
     displaceLastItem: (item: MeasuredDropTarget, size: number, useTransition?: boolean) => void;
     clearSpacers: () => void;
 };

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

@@ -1,6 +1,6 @@
-export * from "./TabActivationIndicator";
-export * from "./Tabstrip";
 export * from "./Tab";
+export * from "./TabActivationIndicator";
 export * from "./TabPanel";
 export * from "./Tabs";
 export * from "./TabsTypes";
+export * from "./Tabstrip";

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

@@ -1,6 +1,6 @@
-import { RefObject } from "react";
-import { orientationType } from "../responsive";
-declare type activationIndicatorStyles = {
+import { type RefObject } from "react";
+import { type orientationType } from "../responsive";
+type activationIndicatorStyles = {
     height?: number;
     left?: number;
     top?: number;

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

@@ -1,6 +1,6 @@
-import { KeyboardEvent } from "react";
-import { OverflowItem } from "../responsive";
-export declare type ExitEditModeHandler = (originalValue: string, editedValue: string, allowDeactivation: boolean, tabIndex: number) => void;
+import { type KeyboardEvent } from "react";
+import type { OverflowItem } from "../responsive";
+export type ExitEditModeHandler = (originalValue: string, editedValue: string, allowDeactivation: boolean, tabIndex: number) => void;
 export interface Editable {
     editing: boolean;
     onEnterEditMode: () => void;

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

@@ -1,3 +1,3 @@
-import { ReactNode } from "react";
-import { TabDescriptor } from "./TabsTypes";
+import { type ReactNode } from "react";
+import type { TabDescriptor } from "./TabsTypes";
 export declare const useItemsWithIds: (children: ReactNode, id?: string) => [TabDescriptor[], (id: string) => TabDescriptor];