@salt-ds/lab 1.0.0-alpha.8 → 1.0.0-alpha.81

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.
@@ -56,21 +56,21 @@ export interface TabstripProps extends HTMLAttributes<HTMLDivElement> {
     showActivationIndicator?: boolean;
     source?: TabsSource;
     /**
-     *  index value of Active Tab, used in controlled mode
+     *  index value of Active Tab, used in controlled mode. Set to `null` for no active tab.
      */
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     /**
      * Set variant - defaults 'primary'
      */
     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,5 +1,2 @@
-import React from "react";
-import { FocusAPI, TabstripProps } from "./TabsTypes";
-import "./Tabstrip.css";
-import "./ThemeTabstrip.css";
-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,10 +1,9 @@
-import { MutableRefObject } from "react";
-import { Rect } from "./dragDropTypes";
-import "./Draggable.css";
+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,7 +1,5 @@
-/// <reference types="react" />
-import { Rect } from "./dragDropTypes";
-import "./DropIndicator.css";
+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;
@@ -9,7 +9,7 @@ declare type activationIndicatorStyles = {
 };
 export declare function useActivationIndicator({ rootRef, tabId, orientation, }: {
     rootRef: RefObject<HTMLDivElement | null>;
-    tabId?: string;
+    tabId?: string | null;
     orientation: orientationType;
 }): activationIndicatorStyles;
 export {};

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

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

@@ -1,6 +1,6 @@
-import { FocusEvent, FocusEventHandler, KeyboardEvent, MouseEvent, MouseEventHandler } from "react";
-import { OverflowItem } from "../responsive";
-declare type orientationType = "horizontal" | "vertical";
+import { type FocusEvent, type FocusEventHandler, type KeyboardEvent, type MouseEvent, type MouseEventHandler } from "react";
+import type { OverflowItem } from "../responsive";
+type orientationType = "horizontal" | "vertical";
 export interface ContainerNavigationProps {
     onBlur: FocusEventHandler;
     onFocus: FocusEventHandler;
@@ -13,7 +13,7 @@ interface TabstripNavigationHookProps {
     indexPositions: OverflowItem[];
     keyBoardActivation?: "manual" | "automatic";
     orientation: orientationType;
-    selectedIndex: number;
+    selectedIndex: number | null;
 }
 interface TabstripNavigationHookResult {
     containerProps: ContainerNavigationProps;

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

@@ -1,14 +1,14 @@
-import { KeyboardEvent, MouseEvent } from "react";
+import { type KeyboardEvent, type MouseEvent } from "react";
 export declare const isTabElement: (el: HTMLElement) => boolean;
 export declare const useSelection: ({ defaultSelected, highlightedIdx, onSelectionChange, selected: selectedProp, }: {
-    defaultSelected?: number | undefined;
+    defaultSelected?: number;
     highlightedIdx: number;
-    onSelectionChange?: ((tabIndex: number) => void) | undefined;
-    selected?: number | undefined;
+    onSelectionChange?: (tabIndex: number) => void;
+    selected?: number | null;
 }) => {
     activateTab: (tabIndex: number) => void;
     isControlled: boolean;
     onClick: (evt: MouseEvent<Element>, tabIndex: number) => void;
     onKeyDown: (evt: KeyboardEvent) => void;
-    selected: number;
+    selected: number | null;
 };

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

@@ -1,14 +1,14 @@
-import { ReactNode } from "react";
-import { TabDescriptor } from "./TabsTypes";
+import { type ReactNode } from "react";
+import type { TabDescriptor } from "./TabsTypes";
 export interface TabsHookProps {
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     children: ReactNode;
     defaultActiveTabIndex?: number;
     id?: string;
     onActiveChange?: (tabIndex: number) => void;
 }
 export interface TabsHookResult {
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     id: string;
     onActiveChange?: (tabIndex: number) => void;
     tabPanel?: ReactNode;

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

@@ -1,11 +1,11 @@
-import { RefObject } from "react";
-import { ContainerNavigationProps } from "./useKeyboardNavigation";
-import { dragStrategy, DragHookResult } from "./drag-drop";
-import { ExitEditModeHandler, EditableItemHookResult } from "./useEditableItem";
-import { OverflowCollectionHookResult } from "../responsive";
-import { composableTabProps, navigationProps, TabDescriptor, TabElement } from "./TabsTypes";
+import { type RefObject } from "react";
+import type { OverflowCollectionHookResult } from "../responsive";
+import { type DragHookResult, type dragStrategy } from "./drag-drop";
+import type { composableTabProps, navigationProps, TabDescriptor, TabElement } from "./TabsTypes";
+import { type EditableItemHookResult, type ExitEditModeHandler } from "./useEditableItem";
+import { type ContainerNavigationProps } from "./useKeyboardNavigation";
 interface tabstripHookProps {
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     allowDragDrop?: boolean | dragStrategy;
     collectionHook: OverflowCollectionHookResult;
     defaultActiveTabIndex?: number;
@@ -26,7 +26,7 @@ interface tabstripHookProps {
 }
 interface tabstripHookResult extends DragHookResult, Pick<EditableItemHookResult, "editing"> {
     activateTab: (tabIndex: number) => void;
-    activeTabIndex: number;
+    activeTabIndex: number | null;
     addTab: (indexPosition?: number) => void;
     closeTab: (indexPosition: number) => void;
     containerProps: ContainerNavigationProps;

package/dist-types/tabs-next/TabBar.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithRef } from "react";
+export interface TabBarProps extends ComponentPropsWithRef<"div"> {
+    /**
+     * Styling variant with a bottom separator. Defaults to false
+     */
+    divider?: boolean;
+    /**
+     * Styling variant with left and right padding. Defaults to false
+     */
+    inset?: boolean;
+}
+export declare const TabBar: import("react").ForwardRefExoticComponent<Omit<TabBarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs-next/TabListNext.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabListNextProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /**
+     * Styling active color variant. Defaults to "primary".
+     */
+    activeColor?: "primary" | "secondary" | "tertiary";
+    /**
+     * The appearance of the tabs. Defaults to "bordered".
+     */
+    appearance?: "bordered" | "transparent";
+}
+export declare const TabListNext: import("react").ForwardRefExoticComponent<TabListNextProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs-next/TabNext.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabNextProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * If `true`, the tab will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The value of the tab.
+     */
+    value: string;
+}
+export declare const TabNext: import("react").ForwardRefExoticComponent<TabNextProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs-next/TabNextAction.d.ts

@@ -0,0 +1,4 @@
+import { type ButtonProps } from "@salt-ds/core";
+export interface TabNextActionProps extends ButtonProps {
+}
+export declare const TabNextAction: import("react").ForwardRefExoticComponent<TabNextActionProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/tabs-next/TabNextContext.d.ts

@@ -0,0 +1,12 @@
+interface TabNextContextValue {
+    tabId?: string;
+    focused: boolean;
+    selected: boolean;
+    value: string;
+    disabled: boolean;
+    actions: string[];
+    registerAction: (id: string) => () => void;
+}
+export declare const TabNextContext: import("react").Context<TabNextContextValue>;
+export declare function useTabNext(): TabNextContextValue;
+export {};

package/dist-types/tabs-next/TabNextPanel.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabNextPanelProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The value of the panel, this should map to the corresponding tab.
+     */
+    value: string;
+}
+export declare const TabNextPanel: import("react").ForwardRefExoticComponent<TabNextPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs-next/TabNextTrigger.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabNextTriggerProps extends Omit<ComponentPropsWithoutRef<"button">, "id"> {
+}
+export declare const TabNextTrigger: import("react").ForwardRefExoticComponent<TabNextTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/tabs-next/TabOverflowList.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentPropsWithoutRef, type Dispatch, type ReactNode, type Ref, type RefObject, type SetStateAction } from "react";
+interface TabOverflowListProps extends ComponentPropsWithoutRef<"button"> {
+    buttonRef?: Ref<HTMLButtonElement>;
+    tabstripRef: RefObject<HTMLDivElement>;
+    children?: ReactNode;
+    isMeasuring?: boolean;
+    open: boolean;
+    setOpen: Dispatch<SetStateAction<boolean>>;
+}
+export declare const TabOverflowList: import("react").ForwardRefExoticComponent<TabOverflowListProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist-types/tabs-next/TabsNext.d.ts

@@ -0,0 +1,17 @@
+import { type ComponentPropsWithoutRef, type ReactNode, type SyntheticEvent } from "react";
+export interface TabsNextProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    children?: ReactNode;
+    /**
+     * The default value. Use when the component is not controlled.
+     */
+    defaultValue?: string;
+    /**
+     * The value. Use when the component is controlled.
+     */
+    value?: string;
+    /**
+     * Callback fired when the selection changes. The event will be null when selection is moved automatically.
+     */
+    onChange?: (event: SyntheticEvent | null, value: string) => void;
+}
+export declare const TabsNext: import("react").ForwardRefExoticComponent<TabsNextProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tabs-next/TabsNextContext.d.ts

@@ -0,0 +1,21 @@
+import { type Dispatch, type MutableRefObject, type SetStateAction, type SyntheticEvent } from "react";
+import type { useCollection } from "./hooks/useCollection";
+export interface Item {
+    id: string;
+    value: string;
+    element: HTMLElement;
+}
+export interface TabsNextContextValue extends Omit<ReturnType<typeof useCollection>, "registerItem"> {
+    registerTab: (item: Item) => () => void;
+    registerPanel: (id: string, value: string) => () => void;
+    getPanelId: (value: string) => string | undefined;
+    getTabId: (value: string) => string | undefined;
+    selected?: string;
+    setSelected: (event: SyntheticEvent, value: string) => void;
+    activeTab: MutableRefObject<Pick<Item, "id" | "value"> | undefined>;
+    removedActiveTabRef: MutableRefObject<string | undefined>;
+    menuOpen: boolean;
+    setMenuOpen: Dispatch<SetStateAction<boolean>>;
+}
+export declare const TabsNextContext: import("react").Context<TabsNextContextValue>;
+export declare function useTabsNext(): TabsNextContextValue;

package/dist-types/tabs-next/hooks/useCollection.d.ts

@@ -0,0 +1,18 @@
+export interface Item {
+    id: string;
+    element?: HTMLElement | null;
+    value: string;
+}
+interface UseCollectionProps {
+    wrap: boolean;
+}
+export declare function useCollection({ wrap }: UseCollectionProps): {
+    registerItem: (item: Item) => () => import("react").MutableRefObject<Item[]>;
+    item: (id?: string | null) => Item | null;
+    getNext: (current: string) => Item | null;
+    getPrevious: (current: string) => Item | null;
+    getFirst: () => Item | null;
+    getLast: () => Item | null;
+    items: Item[];
+};
+export {};

package/dist-types/tabs-next/hooks/useFocusOutside.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from "react";
+export declare function useFocusOutside(elementRef: RefObject<HTMLElement>, onFocusOutside: () => void, enabled: boolean, ignore?: string): void;

package/dist-types/tabs-next/hooks/useOverflow.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode, type RefObject } from "react";
+import type { Item } from "./useCollection";
+interface UseOverflowProps {
+    container: RefObject<HTMLElement>;
+    selected?: string;
+    children: ReactNode;
+    tabs: Item[];
+    overflowButton: RefObject<HTMLButtonElement>;
+}
+export declare function useOverflow({ tabs, container, overflowButton, children, selected, }: UseOverflowProps): readonly [(string | number | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal)[], (string | number | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal)[], false, import("react").MutableRefObject<number>] | readonly [(string | number | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal)[], readonly [], true, import("react").MutableRefObject<number>];
+export {};

package/dist-types/tabs-next/hooks/useRestoreActiveTab.d.ts

@@ -0,0 +1,10 @@
+import { type MutableRefObject, type RefObject } from "react";
+import type { Item } from "./useCollection";
+interface UseHandleRemovalProps {
+    container: RefObject<HTMLElement>;
+    tabs: Item[];
+    realSelectedIndex: RefObject<number>;
+    removedActiveTabRef: MutableRefObject<string | undefined>;
+}
+export declare function useRestoreActiveTab({ container, tabs, realSelectedIndex, removedActiveTabRef, }: UseHandleRemovalProps): void;
+export {};

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

@@ -0,0 +1,7 @@
+export * from "./TabBar";
+export * from "./TabListNext";
+export * from "./TabNext";
+export * from "./TabNextAction";
+export * from "./TabNextPanel";
+export * from "./TabNextTrigger";
+export * from "./TabsNext";

package/dist-types/toast-group/ToastGroup.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface ToastGroupProps extends ComponentPropsWithoutRef<"div"> {
+    placement?: "top-right" | "bottom-right";
+}
+export declare const ToastGroup: import("react").ForwardRefExoticComponent<ToastGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/toast-group/index.d.ts

@@ -0,0 +1 @@
+export * from "./ToastGroup";

package/dist-types/tokenized-input/TokenizedInput.d.ts

@@ -1,9 +1,8 @@
-import { UseTooltipProps } from "@salt-ds/core";
-import { ComponentType } from "react";
-import { TokenizedInputBaseProps } from "./TokenizedInputBase";
-import "./TokenizedInput.css";
-export declare type StringToItem<Item> = (selectedItems: Array<Item>, value: string) => Item | null | undefined;
-export declare type ChangeHandler<Item> = (selectedItems: Item[] | undefined) => void;
+import { type UseTooltipProps } from "@salt-ds/core";
+import { type ComponentType } from "react";
+import { type TokenizedInputBaseProps } from "./TokenizedInputBase";
+export type StringToItem<Item> = (selectedItems: Array<Item>, value: string) => Item | null | undefined;
+export type ChangeHandler<Item> = (selectedItems: Item[] | undefined) => void;
 export interface TokenizedInputProps<Item> extends Omit<TokenizedInputBaseProps<Item>, "activeIndices" | "focused" | "highlightedIndex" | "helpers" | "onRemoveItem"> {
     Tooltip?: ComponentType;
     delimiter?: string | Array<string>;

package/dist-types/tokenized-input/TokenizedInputBase.d.ts

@@ -1,10 +1,10 @@
-import { ChangeEventHandler, FocusEventHandler, ForwardedRef, HTMLAttributes, KeyboardEventHandler, ReactElement, ReactEventHandler, Ref, SyntheticEvent } from "react";
-import { ButtonProps } from "@salt-ds/core";
-import { TokenizedInputHelpers, TokenizedInputState } from "./useTokenizedInput";
-import { InputProps } from "../input";
-export declare type RemoveItemHandler = (itemIndex: number) => void;
-export declare type ItemToString<Item> = (item: Item) => string;
-export declare type ExpandButtonProps = Pick<ButtonProps, "role" | "aria-roledescription" | "aria-describedby"> & {
+import { type ButtonProps } from "@salt-ds/core";
+import { type ChangeEventHandler, type FocusEventHandler, type ForwardedRef, type HTMLAttributes, type KeyboardEventHandler, type ReactElement, type ReactEventHandler, type Ref, type SyntheticEvent } from "react";
+import { type InputLegacyProps as InputProps } from "../input-legacy";
+import type { TokenizedInputHelpers, TokenizedInputState } from "./useTokenizedInput";
+export type RemoveItemHandler = (itemIndex: number) => void;
+export type ItemToString<Item> = (item: Item) => string;
+export type ExpandButtonProps = Pick<ButtonProps, "role" | "aria-roledescription" | "aria-describedby"> & {
     accessibleText?: string;
 };
 export interface TokenizedInputBaseProps<Item> extends Partial<TokenizedInputState<Item>>, Omit<HTMLAttributes<HTMLDivElement>, "onFocus" | "onBlur" | "onChange" | "onKeyUp" | "onKeyDown"> {
@@ -28,5 +28,5 @@ export interface TokenizedInputBaseProps<Item> extends Partial<TokenizedInputSta
     onClear?: ReactEventHandler;
 }
 export declare const TokenizedInputBase: <Item>(p: TokenizedInputBaseProps<Item> & {
-    ref?: ForwardedRef<HTMLDivElement> | undefined;
-}) => ReactElement<TokenizedInputBaseProps<Item>, string | import("react").JSXElementConstructor<any>>;
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement<TokenizedInputBaseProps<Item>>;