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

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

@@ -1,7 +1,6 @@
-import { HTMLAttributes } from "react";
-import { QueryInputCategory, QueryInputItem } from "./queryInputTypes";
-import { BooleanOperator } from "./useQueryInput";
-import "./QueryInput.css";
+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,6 +1,5 @@
-import { Dispatch, SetStateAction } from "react";
-import { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
-import "../QueryInput.css";
+import { type Dispatch, type SetStateAction } from "react";
+import type { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
 export interface SearchListProps {
     inputValue?: string;
     selectedItems?: QueryInputItem[];
@@ -10,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/rating/Rating.d.ts

@@ -0,0 +1,48 @@
+import { type ChangeEvent, type ComponentPropsWithoutRef } from "react";
+export interface RatingProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
+    /**
+     * When provided, the component is controlled.
+     */
+    value?: number;
+    /**
+     * Default rating value for uncontrolled mode.
+     * @default 0
+     */
+    defaultValue?: number;
+    /**
+     * Callback function for rating change.
+     * The first parameter is the event, and the second is the selected rating value.
+     */
+    onChange?: (event: ChangeEvent<HTMLInputElement>, value: number) => void;
+    /**
+     * If true, the rating component will be in a read-only state.
+     */
+    readOnly?: boolean;
+    /**
+     * If true, the rating component will be in a disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Total number of icons displayed.
+     * @default 5
+     */
+    max?: number;
+    /**
+     * Function used to provide a user-friendly name for the current value of the rating. Primarily used by screen readers.
+     */
+    getLabel?: (value: number) => string;
+    /**
+     * Function used to provide a visible label for the rating.
+     */
+    getVisibleLabel?: (value: number, max: number) => string;
+    /**
+     * Position of the label relative to the rating component.
+     * @default "right"
+     */
+    labelPlacement?: "right" | "bottom";
+    /**
+     * The name to be set on each radio button within the group. If not set, then one will be generated for you.
+     */
+    name?: string;
+}
+export declare const Rating: import("react").ForwardRefExoticComponent<RatingProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/rating/RatingItem.d.ts

@@ -0,0 +1,47 @@
+import { type ChangeEvent, type ComponentPropsWithoutRef, type MouseEvent } from "react";
+export interface RatingItemProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * specifies the value of the feedback item.
+     */
+    value: number;
+    /**
+     * To define if the current star is being hovered.
+     */
+    isHovered?: boolean;
+    /**
+     * To specify if the item is selected.
+     */
+    isSelected?: boolean;
+    /**
+     * defines the current selected rating.
+     */
+    currentRating?: number;
+    /**
+     *  callback function when feedback item is hovered.
+     */
+    onMouseEnter: (event: MouseEvent<HTMLInputElement>) => void;
+    /**
+     *  callback function when feedback item is clicked.
+     */
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * If true, the rating item will be in a read-only state.
+     */
+    readOnly?: boolean;
+    /**
+     * If true, the rating item will be in a disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates whether the current rating item is in an active state.
+     * An active state typically means that the item is visually highlighted
+     * or styled differently to indicate that it is part of the current selection
+     * or interaction (e.g., hover or focus).
+     */
+    isUnselecting?: boolean;
+    /**
+     * Name of the radio group
+     */
+    name?: string;
+}
+export declare const RatingItem: import("react").ForwardRefExoticComponent<RatingItemProps & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

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,12 +1,11 @@
-import { ComponentType, SyntheticEvent } from "react";
-import { InputProps } from "../input";
-import "./SearchInput.css";
+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/side-panel/SidePanel.d.ts

@@ -0,0 +1,27 @@
+import { FloatingFocusManager } from "@floating-ui/react";
+import { type ComponentProps, type ComponentPropsWithRef } from "react";
+export interface SidePanelProps extends ComponentPropsWithRef<"div"> {
+    /**
+     * Disable the panel's own open/close animation.
+     * Set to `true` when the parent controls sizing and animation (e.g. inside a splitter).
+     * @default false
+     */
+    disableAnimation?: boolean;
+    /**
+     * Edge the panel is anchored to; controls animation direction and divider side.
+     * @default "right"
+     */
+    position?: "right" | "left";
+    /**
+     * Which element receives focus when the panel opens.
+     * Pass a number for the tabbable element index (0 = first), or a ref to a specific element.
+     * Defaults to the side panel close button.
+     */
+    initialFocus?: ComponentProps<typeof FloatingFocusManager>["initialFocus"];
+    /**
+     * The background color palette. Options are 'primary', 'secondary', 'tertiary' and 'none'.
+     * @default "primary"
+     */
+    variant?: "primary" | "secondary" | "tertiary" | "none";
+}
+export declare const SidePanel: import("react").ForwardRefExoticComponent<Omit<SidePanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithRef } from "react";
+export interface SidePanelContentProps extends ComponentPropsWithRef<"div"> {
+}
+export declare const SidePanelContent: import("react").ForwardRefExoticComponent<Omit<SidePanelContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithRef } from "react";
+export interface SidePanelHeaderProps extends ComponentPropsWithRef<"div"> {
+}
+export declare const SidePanelHeader: import("react").ForwardRefExoticComponent<Omit<SidePanelHeaderProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,20 @@
+import { type ReactNode } from "react";
+export interface SidePanelProviderProps {
+    /**
+     * Whether the panel is open.
+     */
+    open?: boolean;
+    /**
+     * Default open state when initially rendered.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback when open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * SidePanelProvider children, should include SidePanel and SidePanelTrigger.
+     */
+    children: ReactNode;
+}
+export declare function SidePanelProvider(props: SidePanelProviderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { type TextProps } from "@salt-ds/core";
+export interface SidePanelTitleProps extends TextProps<"div"> {
+}
+export declare const SidePanelTitle: import("react").ForwardRefExoticComponent<Omit<SidePanelTitleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface SidePanelTriggerProps extends ComponentPropsWithoutRef<"button"> {
+    children?: ReactNode;
+}
+export declare const SidePanelTrigger: import("react").ForwardRefExoticComponent<SidePanelTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,7 @@
+export * from "./SidePanel";
+export * from "./SidePanelContent";
+export * from "./SidePanelHeader";
+export * from "./SidePanelProvider";
+export * from "./SidePanelTitle";
+export * from "./SidePanelTrigger";
+export * from "./useSidePanel";