@salt-ds/lab 1.0.0-alpha.9 → 1.0.0-alpha.90

package/dist-types/side-panel/internal/SidePanelContext.d.ts

@@ -0,0 +1,48 @@
+import type { FloatingRootContext } from "@floating-ui/react";
+import { type Dispatch, type SetStateAction } from "react";
+export interface SidePanelContextValue {
+    /**
+     * Whether the side panel is currently open.
+     */
+    openState: boolean;
+    /**
+     * The floating-ui root context shared between the trigger and the panel.
+     * Coordinates interactions (click, dismiss, role) across both elements.
+     */
+    floatingRootContext: FloatingRootContext;
+    /**
+     * Ref setter for the panel element.
+     * Registers the panel DOM node with floating-ui.
+     */
+    setFloating: Dispatch<SetStateAction<HTMLDivElement | null>>;
+    /**
+     * Ref setter for the reference (trigger) element.
+     * Registers the trigger DOM node with floating-ui for focus return.
+     */
+    setReference: Dispatch<SetStateAction<HTMLElement | null>>;
+    /**
+     * Sets the open state of the panel.
+     * Called by the close button in SidePanelHeader, or any consumer that needs to close the panel.
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * Side panel id used for aria-controls on the trigger.
+     */
+    panelId?: string;
+    /**
+     * Registers or clears the side panel id used for aria-controls/id linkage.
+     */
+    setPanelId: Dispatch<SetStateAction<string | undefined>>;
+    /**
+     * The auto-generated id placed on SidePanelTitle.
+     * Used for aria-labelledby on the panel region and the scrollable body.
+     */
+    titleId?: string;
+    /**
+     * Registers the title id from SidePanelTitle back to the context
+     * so that SidePanel and SidePanelContent can use it for aria-labelledby.
+     */
+    setTitleId: Dispatch<SetStateAction<string | undefined>>;
+}
+export declare const SidePanelContext: import("react").Context<SidePanelContextValue>;
+export declare function useSidePanelContext(): SidePanelContextValue;

package/dist-types/side-panel/internal/index.d.ts

@@ -0,0 +1 @@
+export { SidePanelContext, type SidePanelContextValue, useSidePanelContext, } from "./SidePanelContext";

package/dist-types/side-panel/useSidePanel.d.ts

@@ -0,0 +1,32 @@
+export interface SidePanelValue {
+    /**
+     * Whether the side panel is currently open.
+     */
+    openState: boolean;
+    /**
+     * Sets the open state of the panel.
+     */
+    setOpen: (open: boolean) => void;
+    /**
+     * Props getter for a single trigger element.
+     * Merges `aria-expanded`, `aria-controls`, a `ref` callback (to register
+     * the trigger for focus-return), and user-provided props.
+     * Best for the common case where one button toggles one panel.
+     *
+     * For multi-trigger scenarios (e.g. table rows), use `setTriggerRef` and
+     * manage ARIA attributes yourself instead.
+     */
+    getTriggerProps: (userProps?: Record<string, unknown>) => Record<string, unknown>;
+    /**
+     * Registers the element that should receive focus when the panel closes.
+     * Use this in multi-trigger scenarios (e.g. table rows) where each trigger
+     * needs explicit control over which element is the reference.
+     */
+    setTriggerRef: (element: HTMLElement | null) => void;
+    /**
+     * The panel's DOM id. Use this for `aria-controls` in multi-trigger
+     * scenarios where you manage ARIA attributes yourself.
+     */
+    panelId: string | undefined;
+}
+export declare function useSidePanel(): SidePanelValue;

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,23 +1,23 @@
-import { KeyboardEvent, MouseEvent } from "react";
-import "./Tab.css";
+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,10 +1,8 @@
-/// <reference types="react" />
-import "./TabActivationIndicator.css";
 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,5 +1,4 @@
-import { HTMLAttributes } from "react";
-import "./TabPanel.css";
+import { type HTMLAttributes } from "react";
 export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
     enableClose?: boolean;
     label: string;

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

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import { FocusAPI, TabstripProps } from "./TabsTypes";
-import "./Tabs.css";
-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,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;

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;

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

@@ -1,10 +1,10 @@
-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 | null | undefined;
+    onSelectionChange?: (tabIndex: number) => void;
+    selected?: number | null;
 }) => {
     activateTab: (tabIndex: number) => void;
     isControlled: boolean;

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

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { TabDescriptor } from "./TabsTypes";
+import { type ReactNode } from "react";
+import type { TabDescriptor } from "./TabsTypes";
 export interface TabsHookProps {
     activeTabIndex?: number | null;
     children: ReactNode;

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

@@ -1,9 +1,9 @@
-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 | null;
     allowDragDrop?: boolean | dragStrategy;

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

@@ -0,0 +1,9 @@
+export type TabSlotLocation = "hidden" | "main" | "overflow";
+export interface TabListLayoutContextValue {
+    getLocation: (value: string) => TabSlotLocation;
+    overflowActiveValue: string | null;
+    setOverflowActiveValue: (value: string | null) => void;
+    moveOverflowFocus: (key: "ArrowDown" | "ArrowUp" | "Home" | "End", value: string) => boolean;
+}
+export declare const TabListLayoutContext: import("react").Context<TabListLayoutContextValue | null>;
+export declare function useTabListLayout(): TabListLayoutContextValue | null;

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. This must be unique within a `TabsNext` instance.
+     */
+    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,9 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TabNextPanelProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The value of the panel. This should map to the corresponding tab and must
+     * be unique within a `TabsNext` instance.
+     */
+    value: string;
+}
+export declare const TabNextPanel: import("react").ForwardRefExoticComponent<TabNextPanelProps & import("react").RefAttributes<HTMLDivElement>>;