@salt-ds/lab 1.0.0-alpha.7 → 1.0.0-alpha.71

package/dist-types/calendar/useCalendarSelection.d.ts

@@ -0,0 +1,268 @@
+import type { DateFrameworkType, Timezone } from "@salt-ds/date-adapters";
+import type { KeyboardEventHandler, MouseEventHandler, SyntheticEvent } from "react";
+/**
+ * Type representing a single date selection.
+ * @template TDate - The type of the date object.
+ */
+export type SingleDateSelection<TDate extends DateFrameworkType> = TDate;
+/**
+ * Type representing multiple date selections.
+ * @template TDate - The type of the date object.
+ */
+export type MultipleDateSelection<TDate extends DateFrameworkType> = TDate[];
+/**
+ * Type representing a date range selection.
+ * @template TDate - The type of the date object.
+ */
+export type DateRangeSelection<TDate extends DateFrameworkType> = {
+    /**
+     * The start date of the range.
+     */
+    startDate?: TDate | null;
+    /**
+     * The end date of the range.
+     */
+    endDate?: TDate | null;
+};
+/**
+ * Type representing all possible selection value types.
+ * @template TDate - The type of the date object.
+ */
+export type AllSelectionValueType<TDate extends DateFrameworkType> = SingleDateSelection<TDate> | MultipleDateSelection<TDate> | DateRangeSelection<TDate> | null;
+/**
+ * Checks if a value is a single date selection.
+ * @template TDate - The type of the date object.
+ * @param value - The value to check.
+ * @returns `true` if the value is a single date selection, otherwise `false`.
+ */
+export declare function isSingleSelectionValueType<TDate extends DateFrameworkType>(value: any): value is TDate;
+/**
+ * Checks if a value is a date range selection.
+ * @template TDate - The type of the date object.
+ * @param value - The value to check.
+ * @returns `true` if the value is a date range selection, otherwise `false`.
+ */
+export declare function isDateRangeSelection<TDate extends DateFrameworkType>(value: any): value is DateRangeSelection<TDate>;
+/**
+ * Checks if a value is a multiple date selection.
+ * @template TDate - The type of the date object.
+ * @param value - The value to check.
+ * @returns `true` if the value is a multiple date selection, otherwise `false`.
+ */
+export declare function isMultipleDateSelection<TDate extends DateFrameworkType>(value: any): value is MultipleDateSelection<TDate>;
+/**
+ * Base properties for calendar UseCalendarSelection hook.
+ * @template TDate - The type of the date object.
+ */
+export interface UseCalendarSelectionBaseProps<TDate extends DateFrameworkType> {
+    /**
+     * The currently focused date in the calendar, or null if no date is focused.
+     */
+    focusedDate?: TDate | null;
+    /**
+     * The currently hovered date.
+     */
+    hoveredDate?: TDate | null;
+    /**
+     * Determines if a date is outside the allowed date range.
+     * @param date - The date to check.
+     * @returns `true` if the date is outside the allowed range, otherwise `false`.
+     */
+    isOutsideAllowedDates?: (date: TDate) => boolean;
+    /**
+     * Function to determine if a day is selectable.
+     * @param date - The date to check.
+     * @returns `true` if the day is selectable, otherwise `false`.
+     */
+    isDaySelectable?: (date: TDate) => boolean;
+    /**
+     * Function to determine if a day is visible.
+     * @param date - The date to check.
+     * @returns `true` if the day is visible, otherwise `false`.
+     */
+    isDayVisible?: (date: TDate) => boolean;
+    /**
+     * Ref to attach to the focused element, enabling focus to be controlled.
+     */
+    focusedDateRef?: React.MutableRefObject<HTMLElement | null>;
+    /**
+     * Callback fired when the focused date changes.
+     * @param event - The synthetic event, if user event triggered focus or null.
+     * @param date - The new focused date.
+     */
+    onFocusedDateChange?: (event: SyntheticEvent | null, date: TDate | null) => void;
+    /**
+     * Callback fired when the hovered date changes.
+     * @param event - The synthetic event.
+     * @param hoveredDate - The new hovered date.
+     */
+    onHoveredDateChange?: (event: SyntheticEvent, hoveredDate: TDate | null) => void;
+    /**
+     * Specifies the timezone behavior:
+     * - If undefined, the timezone will be derived from the passed date, or from `defaultSelectedDate`/`selectedDate`.
+     * - If set to "default", the default timezone of the date library will be used.
+     * - If set to "system", the local system's timezone will be applied.
+     * - If set to "UTC", the time will be returned in UTC.
+     * - If set to a valid IANA timezone identifier, the time will be returned for that specific timezone.
+     */
+    timezone?: Timezone;
+    /**
+     * The currently visible month.
+     */
+    visibleMonth?: TDate;
+}
+/**
+ * UseCalendar hook props to return a calendar day's status
+ * @template TDate - The type of the date object.
+ */
+export interface UseCalendarSelectionOffsetProps<TDate extends DateFrameworkType> extends Omit<UseCalendarSelectionBaseProps<TDate>, "startDateOffset" | "endDateOffset"> {
+    /**
+     * The selection variant, set to "offset".
+     */
+    selectionVariant: "offset";
+    /**
+     * The currently selected date.
+     */
+    selectedDate?: DateRangeSelection<TDate>;
+    /**
+     * The default selected date.
+     */
+    defaultSelectedDate?: DateRangeSelection<TDate>;
+    /**
+     * Callback fired when the selected date changes.
+     * @param event - The synthetic event.
+     * @param selectedDate - The new selected date.
+     */
+    onSelectionChange?: (event: SyntheticEvent, selectedDate: DateRangeSelection<TDate>) => void;
+    /**
+     * Function to calculate the start date offset.
+     * @param date - The date to offset.
+     * @returns The offset start date.
+     */
+    startDateOffset?: (date: TDate) => TDate;
+    /**
+     * Function to calculate the end date offset.
+     * @param date - The date to offset.
+     * @returns The offset end date.
+     */
+    endDateOffset?: (date: TDate) => TDate;
+}
+/**
+ * Properties for the range date selection hook.
+ * @template TDate - The type of the date object.
+ */
+export interface UseCalendarSelectionRangeProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
+    /**
+     * The selection variant, set to "range".
+     */
+    selectionVariant: "range";
+    /**
+     * The currently selected date.
+     */
+    selectedDate?: DateRangeSelection<TDate>;
+    /**
+     * The default selected date.
+     */
+    defaultSelectedDate?: DateRangeSelection<TDate>;
+    /**
+     * Callback fired when the selected date changes.
+     * @param event - The synthetic event.
+     * @param selectedDate - The new selected date.
+     */
+    onSelectionChange?: (event: SyntheticEvent, selectedDate: DateRangeSelection<TDate>) => void;
+}
+/**
+ * Properties for the multi-select date selection hook.
+ * @template TDate - The type of the date object.
+ */
+export interface UseCalendarSelectionMultiSelectProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
+    /**
+     * The selection variant, set to "multiselect".
+     */
+    selectionVariant: "multiselect";
+    /**
+     * The currently selected date.
+     */
+    selectedDate?: MultipleDateSelection<TDate>;
+    /**
+     * The default selected date.
+     */
+    defaultSelectedDate?: MultipleDateSelection<TDate>;
+    /**
+     * Callback fired when the selected date changes.
+     * @param event - The synthetic event.
+     * @param selectedDate - The new selected date.
+     */
+    onSelectionChange?: (event: SyntheticEvent, selectedDate: MultipleDateSelection<TDate>) => void;
+}
+/**
+ * Properties for the single date selection hook.
+ * @template TDate - The type of the date object.
+ */
+export interface UseCalendarSelectionSingleProps<TDate extends DateFrameworkType> extends UseCalendarSelectionBaseProps<TDate> {
+    /**
+     * The selection variant, set to "single".
+     */
+    selectionVariant: "single";
+    /**
+     * The currently selected date.
+     */
+    selectedDate?: SingleDateSelection<TDate> | null;
+    /**
+     * The default selected date.
+     */
+    defaultSelectedDate?: SingleDateSelection<TDate> | null;
+    /**
+     * Callback fired when the selected date changes.
+     * @param event - The synthetic event.
+     * @param selectedDate - The new selected date.
+     */
+    onSelectionChange?: (event: SyntheticEvent, selectedDate: SingleDateSelection<TDate> | null) => void;
+}
+/**
+ * UseCalendarSelection hook props, wth the selection variant determining the return type of the date selection
+ * @template TDate - The type of the date object.
+ */
+export type UseCalendarSelectionProps<TDate extends DateFrameworkType> = UseCalendarSelectionSingleProps<TDate> | UseCalendarSelectionMultiSelectProps<TDate> | UseCalendarSelectionRangeProps<TDate> | UseCalendarSelectionOffsetProps<TDate>;
+export declare function useCalendarSelection<TDate extends DateFrameworkType>(props: UseCalendarSelectionProps<TDate>): {
+    state: {
+        focusedDate: TDate | null;
+        focusedDateRef: import("react").MutableRefObject<HTMLElement | null> | undefined;
+        hoveredDate: TDate | null | undefined;
+        selectedDate: TDate | MultipleDateSelection<TDate> | DateRangeSelection<TDate> | null | undefined;
+        focusableDates: TDate[];
+    };
+    helpers: {
+        setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: TDate) => void;
+        isSelected: (date: TDate) => boolean;
+        setHoveredDate: (event: SyntheticEvent, date: TDate | null) => void;
+        isHovered: (date: TDate) => boolean;
+        isSelectedSpan: (date: TDate) => boolean;
+        isHoveredSpan: (date: TDate) => boolean;
+        isSelectedStart: (date: TDate) => boolean;
+        isSelectedEnd: (date: TDate) => boolean;
+        isHoveredOffset: (date: TDate) => boolean;
+        isDaySelectable: (date: TDate) => boolean;
+        setFocusedDate: (event: SyntheticEvent | null, date: TDate | null) => void;
+    };
+};
+export declare function useCalendarSelectionDay<TDate extends DateFrameworkType>({ date, }: {
+    date: TDate;
+}): {
+    handleClick: MouseEventHandler<HTMLButtonElement>;
+    handleKeyDown: KeyboardEventHandler<HTMLButtonElement>;
+    status: {
+        selected: boolean;
+        selectedSpan: boolean;
+        hoveredSpan: boolean;
+        selectedStart: boolean;
+        selectedEnd: boolean;
+        hovered: boolean;
+        hoveredOffset: boolean;
+    };
+    dayProps: {
+        className: string;
+        "aria-pressed": string | undefined;
+        "aria-disabled": string | undefined;
+    };
+};

package/dist-types/cascading-menu/CascadingMenu.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { CascadingMenuProps } from "./CascadingMenuProps";
+import type { CascadingMenuProps } from "./CascadingMenuProps";
 export declare const CascadingMenu: import("react").ForwardRefExoticComponent<CascadingMenuProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/cascading-menu/CascadingMenuItem.d.ts

@@ -1,7 +1,6 @@
-import { KeyboardEvent, MouseEvent } from "react";
-import { ListItemProps } from "../list-deprecated";
-import { MenuDescriptor } from "./CascadingMenuProps";
-import "./CascadingMenuItem.css";
+import { type KeyboardEvent, type MouseEvent } from "react";
+import { type ListItemProps } from "../list-deprecated";
+import type { MenuDescriptor } from "./CascadingMenuProps";
 export interface MenuItemProps extends ListItemProps<MenuDescriptor> {
     blurSelected: boolean;
     className?: string;

package/dist-types/cascading-menu/CascadingMenuList.d.ts

@@ -1,11 +1,9 @@
-/// <reference types="react" />
-import { UseFloatingUIProps } from "@salt-ds/core";
-import { ListProps } from "../list-deprecated";
-import { MenuItemProps } from "./CascadingMenuItem";
-import { screenBounds } from "./internal/menuPositioning";
-import { menuState } from "./internal/stateUtils";
-import { refsManager } from "./internal/useRefsManager";
-import "./CascadingMenuList.css";
+import { type UseFloatingUIProps } from "@salt-ds/core";
+import { type ListProps } from "../list-deprecated";
+import { type MenuItemProps } from "./CascadingMenuItem";
+import { type screenBounds } from "./internal/menuPositioning";
+import { type menuState } from "./internal/stateUtils";
+import type { refsManager } from "./internal/useRefsManager";
 export interface CascadingMenuListProps {
     className?: string;
     data: menuState;

package/dist-types/cascading-menu/CascadingMenuProps.d.ts

@@ -1,8 +1,8 @@
-import { IconProps } from "@salt-ds/icons";
-import { UseFloatingUIProps } from "@salt-ds/core";
-import { ComponentType, HTMLAttributes, ReactNode, MouseEvent, KeyboardEvent } from "react";
-import { ItemToStringFunction } from "../list-deprecated";
-import { CascadingMenuListProps } from "./CascadingMenuList";
+import type { UseFloatingUIProps } from "@salt-ds/core";
+import type { IconProps } from "@salt-ds/icons";
+import type { ComponentType, HTMLAttributes, KeyboardEvent, MouseEvent, ReactNode } from "react";
+import type { ItemToStringFunction } from "../list-deprecated";
+import type { CascadingMenuListProps } from "./CascadingMenuList";
 export interface ScreenBounds {
     clientHeight: number;
     clientWidth: number;

package/dist-types/cascading-menu/internal/CascadingMenuAction.d.ts

@@ -1,6 +1,6 @@
-import { stateChangeCause } from "../stateChangeTypes";
-export declare type menuActionType = "setCurrentInteractedItem" | "resetMenu" | "openMenu" | "closeMenu" | "closeCascadingMenu" | "setFlipped";
-export declare type menuAction = {
+import type { stateChangeCause } from "../stateChangeTypes";
+export type menuActionType = "setCurrentInteractedItem" | "resetMenu" | "openMenu" | "closeMenu" | "closeCascadingMenu" | "setFlipped";
+export type menuAction = {
     type: menuActionType;
     cause: stateChangeCause;
     flipped?: boolean;

package/dist-types/cascading-menu/internal/keydownHandlers.d.ts

@@ -1,5 +1,5 @@
-import { CascadingMenuListProps } from "../CascadingMenuList";
-import { Dispatch, SetStateAction, KeyboardEvent } from "react";
+import type { Dispatch, KeyboardEvent, SetStateAction } from "react";
+import type { CascadingMenuListProps } from "../CascadingMenuList";
 interface getKeyDownHandlersProps extends CascadingMenuListProps {
     keyDownHandlersOverride?: Record<string, (event: Event) => void>;
 }

package/dist-types/cascading-menu/internal/menuPositioning.d.ts

@@ -1,4 +1,4 @@
-export declare type screenBounds = {
+export type screenBounds = {
     clientHeight: number;
     clientWidth: number;
 };

package/dist-types/cascading-menu/internal/stateUtils.d.ts

@@ -1,5 +1,5 @@
-import { MenuDescriptor } from "../CascadingMenuProps";
-export declare type menuState = {
+import type { MenuDescriptor } from "../CascadingMenuProps";
+export type menuState = {
     id: string;
     flipped?: boolean;
     highlightedItemIndex?: number;
@@ -10,7 +10,7 @@ export declare type menuState = {
     };
     menuItems: MenuDescriptor[];
 };
-export declare type flattenedMenuState = {
+export type flattenedMenuState = {
     [key: string]: menuState;
 };
 export declare function deriveFlatStateFromTree(tree: MenuDescriptor, parentId?: string | null, level?: number, generatedId?: string): flattenedMenuState;

package/dist-types/cascading-menu/internal/useClickAway.d.ts

@@ -1,3 +1,3 @@
-declare type clickAwayHook = (nodes: HTMLElement[] | (() => HTMLElement[]) | null, containingDocument: Document, onClickAway: (event: FocusEvent) => void, onClick: (event: MouseEvent) => void, mouseEvent?: keyof DocumentEventMap) => void;
+type clickAwayHook = (nodes: HTMLElement[] | (() => HTMLElement[]) | null, containingDocument: Document, onClickAway: (event: FocusEvent) => void, onClick: (event: MouseEvent) => void, mouseEvent?: keyof DocumentEventMap) => void;
 export declare const useClickAway: clickAwayHook;
 export {};

package/dist-types/cascading-menu/internal/useMenuTriggerHandlers.d.ts

@@ -1,7 +1,7 @@
-import { CascadingMenuProps } from "../CascadingMenuProps";
-import { menuState } from "./stateUtils";
-import { stateItem } from "./useStateReducer";
-import { MouseEvent, KeyboardEvent } from "react";
+import { type KeyboardEvent, type MouseEvent } from "react";
+import type { CascadingMenuProps } from "../CascadingMenuProps";
+import type { menuState } from "./stateUtils";
+import type { stateItem } from "./useStateReducer";
 interface useMenuTriggerHandlersProps {
     dispatch: (action: any) => void;
     children: CascadingMenuProps["children"];

package/dist-types/cascading-menu/internal/useMountedRef.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * Used to know if the component is mounted or not
  */

package/dist-types/cascading-menu/internal/useMouseHandlers.d.ts

@@ -1,3 +1,3 @@
-import { Dispatch, SetStateAction, MouseEvent } from "react";
-import { CascadingMenuListProps } from "../CascadingMenuList";
+import { type Dispatch, type MouseEvent, type SetStateAction } from "react";
+import type { CascadingMenuListProps } from "../CascadingMenuList";
 export declare function useMouseHandlers(props: CascadingMenuListProps, isMenuActiveState: [boolean, Dispatch<SetStateAction<boolean>>], menuRef: HTMLElement | null): readonly [(highlightedIndex: number) => void, (event: MouseEvent<HTMLElement>) => void];

package/dist-types/cascading-menu/internal/useRefsManager.d.ts

@@ -1,4 +1,4 @@
-export declare type refsManager = {
+export type refsManager = {
     get: (key: string) => HTMLElement | undefined;
     set: (key: string, ref: HTMLElement) => void;
     values: () => HTMLElement[];

package/dist-types/cascading-menu/internal/useStateReducer.d.ts

@@ -1,9 +1,9 @@
-import { flattenedMenuState } from "./stateUtils";
-import { menuAction } from "./CascadingMenuAction";
-export declare type stateItem = {
+import { type menuAction } from "./CascadingMenuAction";
+import type { flattenedMenuState } from "./stateUtils";
+export type stateItem = {
     id: string;
     highlightedItemIndex: number | null;
 };
-declare type state = stateItem[];
-export declare function useStateReducer(menusDataById: flattenedMenuState | undefined, isNavigatingWithKeyboard: boolean): (state: state, action: menuAction) => state;
+type state = stateItem[];
+export declare function useStateReducer(menusDataById: flattenedMenuState, isNavigatingWithKeyboard: boolean): (state: state, action: menuAction) => state;
 export {};

package/dist-types/cascading-menu/stateChangeTypes.d.ts

@@ -1,4 +1,4 @@
-export declare type stateChangeCause = "keyboardToggle" | "mouseToggle" | "clickedAway" | "onResize" | "itemClicked" | "itemKeydownEnter" | "itemKeydownArrowRight" | "itemKeydownArrowLeft" | "itemKeydownArrowDown" | "itemKeydownArrowUp" | "itemKeydownSpacebar" | "itemKeydownTab" | "itemKeydownEscape" | "itemKeydownHome" | "itemKeydownEnd" | "itemMouseEnter" | "itemMouseMoveToParent" | "mouseOutOfMenus" | "keyboardNavAutoFocus";
+export type stateChangeCause = "keyboardToggle" | "mouseToggle" | "clickedAway" | "onResize" | "itemClicked" | "itemKeydownEnter" | "itemKeydownArrowRight" | "itemKeydownArrowLeft" | "itemKeydownArrowDown" | "itemKeydownArrowUp" | "itemKeydownSpacebar" | "itemKeydownTab" | "itemKeydownEscape" | "itemKeydownHome" | "itemKeydownEnd" | "itemMouseEnter" | "itemMouseMoveToParent" | "mouseOutOfMenus" | "keyboardNavAutoFocus";
 export declare const stateChangeTypes: {
     [key: string]: stateChangeCause;
 };

package/dist-types/color-chooser/AlphaInputField.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import "./RGBAInput.css";
+import { type ChangeEvent } from "react";
 interface AlphaInputProps {
     alphaValue: number;
     showAsOpacity?: boolean;
-    onSubmit: (alpha: number, e?: React.ChangeEvent) => void;
+    onSubmit: (alpha: number, e?: ChangeEvent) => void;
 }
 export declare const AlphaInput: ({ alphaValue, onSubmit, showAsOpacity, }: AlphaInputProps) => JSX.Element;
 export {};

package/dist-types/color-chooser/Color.d.ts

@@ -1,4 +1,4 @@
-export declare type RGBAValue = {
+export type RGBAValue = {
     r: number;
     b: number;
     g: number;

package/dist-types/color-chooser/ColorChooser.d.ts

@@ -1,7 +1,6 @@
-import { ChangeEvent } from "react";
-import { ButtonProps } from "@salt-ds/core";
-import { Color } from "./Color";
-import "./ColorChooser.css";
+import { type ButtonProps } from "@salt-ds/core";
+import { type ChangeEvent } from "react";
+import type { Color } from "./Color";
 export interface ColorChooserProps {
     color: Color | undefined;
     defaultAlpha?: number;

package/dist-types/color-chooser/ColorPicker.d.ts

@@ -1,6 +1,5 @@
-import { ChangeEvent } from "react";
+import type { ChangeEvent } from "react";
 import { Color } from "./Color";
-import "./ColorPicker.css";
 export interface ColorPickerProps {
     disableAlphaChooser: boolean;
     color?: Color;

package/dist-types/color-chooser/DictTabs.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { TabstripProps } from "../tabs";
-import { ColorPicker, ColorPickerProps } from "./ColorPicker";
-import { Swatches, SwatchesTabProps } from "./Swatches";
-export declare type ColorChooserTabs = {
+import { type TabstripProps } from "../tabs";
+import type { ColorPicker, ColorPickerProps } from "./ColorPicker";
+import type { Swatches, SwatchesTabProps } from "./Swatches";
+export type ColorChooserTabs = {
     Swatches?: {
         Component: typeof Swatches;
         props: SwatchesTabProps;

package/dist-types/color-chooser/HexInput.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import "./HexInput.css";
+import type { ChangeEvent } from "react";
 interface HexInputProps {
     hexValue: string | undefined;
     disableAlphaChooser: boolean;
-    onSubmit: (hex: string | undefined, e?: React.ChangeEvent) => void;
+    onSubmit: (hex: string | undefined, e?: ChangeEvent) => void;
 }
 export declare const HexInput: ({ hexValue, disableAlphaChooser, onSubmit, }: HexInputProps) => JSX.Element;
 export {};

package/dist-types/color-chooser/HexInputField.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-import "./ColorPicker.css";
+import { type ChangeEvent } from "react";
 interface HexInputProps {
     hexValue: string | undefined;
     disableAlphaChooser: boolean;
-    onSubmit: (hex: string | undefined, e?: React.ChangeEvent) => void;
+    onSubmit: (hex: string | undefined, e?: ChangeEvent) => void;
 }
 export declare const HexInput: ({ hexValue, disableAlphaChooser, onSubmit, }: HexInputProps) => JSX.Element;
 export {};

package/dist-types/color-chooser/RGBAInput.d.ts

@@ -1,6 +1,5 @@
-import { ChangeEvent } from "react";
-import { RGBAValue } from "./Color";
-import "./RGBAInput.css";
+import type { ChangeEvent } from "react";
+import type { RGBAValue } from "./Color";
 interface RGBAInputProps {
     disableAlphaChooser: boolean;
     rgbaText: string;

package/dist-types/color-chooser/RGBAInputField.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-import { RGBAValue } from "./Color";
-import "./RGBAInput.css";
+import { type ChangeEvent } from "react";
+import type { RGBAValue } from "./Color";
 interface RGBInputProps {
     rgbaValue: RGBAValue;
     value: "r" | "g" | "b";
-    onSubmit: (rgb: RGBAValue, e?: React.ChangeEvent) => void;
+    onSubmit: (rgb: RGBAValue, e?: ChangeEvent) => void;
 }
 export declare const RGBInput: ({ rgbaValue, value, onSubmit, }: RGBInputProps) => JSX.Element;
 export {};

package/dist-types/color-chooser/Swatch.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent } from "react";
+import type { ChangeEvent } from "react";
 import { Color } from "./Color";
 interface SwatchProps {
     active: boolean;

package/dist-types/color-chooser/Swatches.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { Color } from "./Color";
-import "./Swatches.css";
+import type { ChangeEvent } from "react";
+import type { Color } from "./Color";
 export interface SwatchesTabProps {
     allColors: string[][];
     color: Color | undefined;
     alpha: number;
-    handleColorChange: (color: Color | undefined, finalSelection: boolean, e?: React.ChangeEvent) => void;
+    handleColorChange: (color: Color | undefined, finalSelection: boolean, e?: ChangeEvent) => void;
     displayColorName: string | undefined;
     placeholder: string | undefined;
     onDialogClosed: () => void;

package/dist-types/color-chooser/SwatchesPicker.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { Color } from "./Color";
-import "./Swatch.css";
+import type { ChangeEvent } from "react";
+import type { Color } from "./Color";
 interface SwatchesPickerProps {
     allColors: string[][];
     color: Color | undefined;
     alpha?: number;
-    onChange: (color: Color | undefined, finalSelection: boolean, e?: React.ChangeEvent) => void;
+    onChange: (color: Color | undefined, finalSelection: boolean, e?: ChangeEvent) => void;
     onDialogClosed: () => void;
 }
 export declare const SwatchesPicker: ({ allColors, color, alpha, onChange, onDialogClosed, }: SwatchesPickerProps) => JSX.Element;

package/dist-types/color-chooser/color-utils.d.ts

@@ -1 +1 @@
-export declare const isTransparent: (color?: string | undefined) => boolean;
+export declare const isTransparent: (color?: string) => boolean;

package/dist-types/color-chooser/createTabsMapping.d.ts

@@ -1,6 +1,6 @@
-import { ChangeEvent } from "react";
-import { Color } from "./Color";
-import { DictTabsProps } from "./DictTabs";
+import type { ChangeEvent } from "react";
+import type { Color } from "./Color";
+import type { DictTabsProps } from "./DictTabs";
 interface TabsMappingProps {
     swatches: boolean;
     colorPicker: boolean;

package/dist-types/combo-box/ComboBox.d.ts

@@ -1,8 +1,8 @@
-import { ForwardedRef, ReactElement } from "react";
-import { DropdownBaseProps } from "../dropdown";
-import { ListProps } from "../list";
-import { InputProps } from "../input";
-import { SelectionProps, SelectionStrategy } from "../common-hooks";
+import { type ForwardedRef, type ReactElement } from "react";
+import { type DropdownBaseProps } from "../dropdown";
+import { type InputLegacyProps as InputProps } from "../input-legacy";
+import { type ListProps } from "../list";
+import { type SelectionProps, type SelectionStrategy } from "../common-hooks";
 export interface ComboBoxProps<Item = string, Selection extends SelectionStrategy = "default"> extends Omit<DropdownBaseProps, "triggerComponent" | "onBlur" | "onChange" | "onFocus">, Pick<InputProps, "onBlur" | "onChange" | "onFocus" | "onSelect">, Pick<ListProps<Item, Selection>, "ListItem" | "itemToString" | "source" | "width">, Pick<SelectionProps<Item, Selection>, "onSelectionChange" | "selectionStrategy"> {
     InputProps?: InputProps;
     ListProps?: Omit<ListProps<Item, Selection>, "ListItem" | "itemToString" | "source">;
@@ -12,6 +12,6 @@ export interface ComboBoxProps<Item = string, Selection extends SelectionStrateg
     stringToItem?: (value?: string) => Item | null | undefined;
     value?: string;
 }
-export declare const ComboBox: <Item, Selection_1 extends SelectionStrategy = "default">(props: ComboBoxProps<Item, Selection_1> & {
-    ref?: ForwardedRef<HTMLDivElement> | undefined;
-}) => ReactElement<ComboBoxProps<Item, Selection_1>, string | import("react").JSXElementConstructor<any>>;
+export declare const ComboBox: <Item, Selection extends SelectionStrategy = "default">(props: ComboBoxProps<Item, Selection> & {
+    ref?: ForwardedRef<HTMLDivElement>;
+}) => ReactElement<ComboBoxProps<Item, Selection>>;

package/dist-types/combo-box/useCombobox.d.ts

@@ -1,7 +1,7 @@
-import { ListHookProps, ListHookResult } from "../list";
-import { DropdownHookResult, DropdownHookProps } from "../dropdown";
-import { SelectionStrategy } from "../common-hooks";
-import { InputProps } from "../input";
+import { type SelectionStrategy } from "../common-hooks";
+import type { DropdownHookProps, DropdownHookResult } from "../dropdown";
+import type { InputLegacyProps as InputProps } from "../input-legacy";
+import { type ListHookProps, type ListHookResult } from "../list";
 export interface ComboboxHookProps<Item, Strategy extends SelectionStrategy> extends Partial<Omit<DropdownHookProps, "id" | "onKeyDown">>, Pick<InputProps, "onBlur" | "onChange" | "onFocus" | "onSelect">, Omit<ListHookProps<Item, Strategy>, "containerRef" | "defaultSelected" | "selected" | "onSelect"> {
     InputProps?: InputProps;
     allowFreeText?: boolean;
@@ -16,4 +16,4 @@ export interface ComboboxHookResult<Item, Selection extends SelectionStrategy> e
     inputProps: InputProps;
     onOpenChange: (isOpen: boolean) => void;
 }
-export declare const useCombobox: <Item, Selection_1 extends SelectionStrategy = "default">({ allowFreeText, ariaLabel, collectionHook, defaultIsOpen, defaultValue, disabled, onBlur, onFocus, onChange, onSelect, id, isOpen: isOpenProp, itemToString, onOpenChange, onSelectionChange, selectionStrategy, stringToItem, value: valueProp, InputProps: inputProps, }: ComboboxHookProps<Item, Selection_1>) => ComboboxHookResult<Item, Selection_1>;
+export declare const useCombobox: <Item, Selection extends SelectionStrategy = "default">({ allowFreeText, ariaLabel, collectionHook, defaultIsOpen, defaultValue, onBlur, onFocus, onChange, onSelect, id, isOpen: isOpenProp, itemToString, onOpenChange, onSelectionChange, selectionStrategy, stringToItem, value: valueProp, InputProps: inputProps, }: ComboboxHookProps<Item, Selection>) => ComboboxHookResult<Item, Selection>;