@vuu-ui/vuu-ui-controls 4.0.0-alpha.9 → 4.0.0-beta.2

package/types/split-pane/useSplitPane.d.ts

@@ -0,0 +1,18 @@
+export type SplitPaneDirection = "row" | "column";
+/**
+ * Sizes (in px) of the two panes, measured along the main axis.
+ */
+export type SplitPaneSizes = [number, number];
+export type SplitterMovedHandler = (sizes: SplitPaneSizes) => void;
+export interface SplitPaneHookProps {
+    direction: SplitPaneDirection;
+    onSplitterMoved?: SplitterMovedHandler;
+    paneCount: number;
+}
+export declare const useSplitPane: ({ direction, onSplitterMoved, paneCount, }: SplitPaneHookProps) => {
+    beginResize: () => boolean;
+    endResize: () => void;
+    resize: (distance: number) => void;
+    rootRef: import("react").RefObject<HTMLDivElement | null>;
+    splitterPosition: number | undefined;
+};

package/types/table-search/SearchCell.d.ts

@@ -1,2 +1,2 @@
 import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const SearchCell: ({ column, dataRow, searchPattern, }: TableCellRendererProps) => import("react").JSX.Element;
+export declare const SearchCell: ({ column, dataRow, searchPattern, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-search/TableSearch.d.ts

@@ -6,4 +6,4 @@ export interface TableSearchProps extends HTMLAttributes<HTMLDivElement> {
     placeHolder?: string;
     searchColumns: string[];
 }
-export declare const TableSearch: ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus, className, placeHolder, searchColumns, ...htmlAttributes }: TableSearchProps) => import("react").JSX.Element;
+export declare const TableSearch: ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus, className, placeHolder, searchColumns, ...htmlAttributes }: TableSearchProps) => import("react/jsx-runtime").JSX.Element;

package/types/tabstrip/TabMenu.d.ts

@@ -20,4 +20,4 @@ export interface TabMenuProps {
      */
     controlledComponentTitle?: string;
 }
-export declare const TabMenu: ({ allowClose, allowRename, controlledComponentId, controlledComponentTitle, location, onMenuAction, onMenuClose, index, }: TabMenuProps) => import("react").JSX.Element;
+export declare const TabMenu: ({ allowClose, allowRename, controlledComponentId, controlledComponentTitle, location, onMenuAction, onMenuClose, index, }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;

package/types/tabstrip/Tabstrip.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-import type { TabstripProps } from "./TabsTypes";
-export declare const Tabstrip: ({ activeTabIndex: activeTabIndexProp, allowAddTab, allowCloseTab, allowDragDrop, allowRenameTab, animateSelectionThumb, children, className: classNameProp, id: idProp, keyBoardActivation, location, onActiveChange, onAddTab, onCloseTab, onExitEditMode, onMoveTab, orientation, showTabMenuButton, style: styleProp, tabClassName, variant, ...htmlAttributes }: TabstripProps) => React.JSX.Element;
+import { TabstripProps } from "./TabsTypes";
+export declare const Tabstrip: ({ activeTabIndex: activeTabIndexProp, allowAddTab, allowCloseTab, allowDragDrop, allowRenameTab, animateSelectionThumb, children, className: classNameProp, id: idProp, keyBoardActivation, location, onActiveChange, onAddTab, onCloseTab, onExitEditMode, onMoveTab, orientation, showTabMenuButton, style: styleProp, tabClassName, variant, ...htmlAttributes }: TabstripProps) => import("react/jsx-runtime").JSX.Element;

package/types/time-input/MaskedInput.d.ts

@@ -1,13 +1,32 @@
-import { EventEmitter, TimeString, TimeUnit } from "@vuu-ui/vuu-utils";
+import { EventEmitter, TimeString, TimeStringMillis, TimeUnit } from "@vuu-ui/vuu-utils";
 import { ChangeEventHandler } from "react";
 export type Digit = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9";
+export type TimeValue = TimeString | TimeStringMillis;
+export declare const invalidClassName = "vuuTimeInput-invalid";
+export interface MaskedInputOptions {
+    /**
+     * When true, value includes milliseconds, hh:mm:ss.SSS
+     */
+    milliseconds?: boolean;
+}
 export type MaskedInputEvents = {
     change: ChangeEventHandler<HTMLInputElement>;
 };
 export declare class MaskedInput extends EventEmitter<MaskedInputEvents> {
     #private;
-    constructor(defaultValue: TimeString | undefined, inputEl?: HTMLInputElement | null);
-    set input(el: HTMLInputElement);
+    constructor(defaultValue: TimeValue | undefined, inputEl?: HTMLInputElement | null, { milliseconds }?: MaskedInputOptions);
+    get milliseconds(): boolean;
+    private get zeroValue();
+    /**
+     * Length of the formatted value, hh:mm:ss or hh:mm:ss.SSS
+     */
+    get length(): 8 | 12;
+    private normalise;
+    /**
+     * Attach (or re-attach) the input element. Re-attaching the same element
+     * is a no-op, attaching a different element detaches the previous one.
+     */
+    set input(el: HTMLInputElement | null);
     /**
      * The change event is fired programatically. This will only be handled
      * by a native event handler ( not a React handler). We handle this event
@@ -21,25 +40,56 @@ export declare class MaskedInput extends EventEmitter<MaskedInputEvents> {
     set selectionStart(value: number);
     get selectionEnd(): number;
     set selectionEnd(value: number);
+    private nextUnit;
+    private previousUnit;
+    private get firstUnit();
+    private get lastUnit();
     private setValue;
-    private setUnitValue;
     private getUnitValue;
-    get value(): TimeString;
+    private setUnitValue;
+    private setInvalid;
+    get value(): TimeValue;
     /**
-     * Setting the value this way invokes 'controlled' mode
+     * Setting the value this way invokes 'controlled' mode. Value
+     * will be normalised to the configured precision.
      */
-    set value(value: TimeString);
+    set value(value: TimeValue);
     clear(unit: TimeUnit): void;
-    select(unit: TimeUnit, halfUnit?: boolean): void;
+    /**
+     * Select a unit. If digitIndex > 0, only the digits of the unit
+     * not yet entered are selected.
+     */
+    select(unit: TimeUnit, digitIndex?: number): void;
     removeSelection(): void;
     restoreSelection(): void;
-    advanceSelection(): void;
+    selectFirst(): void;
+    selectLast(): void;
     moveFocus(direction: "left" | "right"): void;
-    pasteValue(value: TimeString): void;
+    /**
+     * Replace the entire value, e.g. from a paste. Values with or without
+     * milliseconds are accepted and converted to the configured precision.
+     * Invalid values are ignored. Returns true if value was accepted.
+     */
+    pasteValue(value: string): boolean;
     private getUnitAtCursorPos;
+    private get activeUnit();
     incrementValue(): void;
     decrementValue(): void;
+    /**
+     * If a full unit is selected, it is cleared and selection moves to the
+     * previous unit. If we are midway through entering a unit, the unit is
+     * cleared and remains selected.
+     */
     backspace(): void;
+    /**
+     * Typing the first digit of a unit sets the unit to that digit followed
+     * by zeros, e.g '1' => '10' and selection moves to the next digit. If
+     * the digit cannot be the first digit of a valid unit, e.g '3' for hours,
+     * the unit is zero padded, e.g '03', and selection advances to the next unit.
+     * Typing the last digit completes the unit and selection advances to the
+     * next unit. A digit which would produce an invalid value is rejected and
+     * the input is marked as invalid.
+     */
     update(key: Digit): void;
     private getSelection;
     click(): void;

package/types/time-input/TimeInput.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from "react";
-import { TimeInputHookProps } from "./useTimeInput";
-export interface TimeInputProps extends TimeInputHookProps, Omit<HTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "value">, Partial<Pick<HTMLInputElement, "placeholder">> {
-}
+import { TimeInputHookProps, TimeInputMillisecondsProps, TimeInputSecondsProps } from "./useTimeInput";
+type TimeInputHtmlAttributes = Omit<HTMLAttributes<HTMLInputElement>, "defaultValue" | "onChange" | "value"> & Partial<Pick<HTMLInputElement, "placeholder">>;
+export type { TimeInputMillisecondsProps, TimeInputSecondsProps };
+export type TimeInputProps = TimeInputHookProps & TimeInputHtmlAttributes;
 export declare const TimeInput: import("react").ForwardRefExoticComponent<TimeInputProps & import("react").RefAttributes<HTMLInputElement>>;

package/types/time-input/useTimeInput.d.ts

@@ -1,16 +1,34 @@
-import { type CommitHandler, DateStringISO, type TimeString } from "@vuu-ui/vuu-utils";
+import { type CommitHandler, DateStringISO, type TimeString, type TimeStringMillis } from "@vuu-ui/vuu-utils";
 import { ChangeEventHandler, ClipboardEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, RefCallback } from "react";
-export interface TimeInputHookProps {
+interface TimeInputCommonProps {
     date?: Date | DateStringISO;
-    defaultValue?: TimeString;
     onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export interface TimeInputSecondsProps extends TimeInputCommonProps {
+    defaultValue?: TimeString;
+    /**
+     * When true, time is entered and displayed with millisecond
+     * precision, hh:mm:ss.SSS
+     */
+    milliseconds?: false;
     onCommit: CommitHandler<HTMLInputElement, TimeString>;
     value?: TimeString;
 }
-export declare const useTimeInput: ({ defaultValue, onChange, onCommit, value, }: TimeInputHookProps) => {
+export interface TimeInputMillisecondsProps extends TimeInputCommonProps {
+    defaultValue?: TimeStringMillis;
+    /**
+     * When true, time is entered and displayed with millisecond
+     * precision, hh:mm:ss.SSS
+     */
+    milliseconds: true;
+    onCommit: CommitHandler<HTMLInputElement, TimeStringMillis>;
+    value?: TimeStringMillis;
+}
+export type TimeInputHookProps = TimeInputSecondsProps | TimeInputMillisecondsProps;
+export declare const useTimeInput: ({ defaultValue, milliseconds, onChange, onCommit: onCommitProp, value, }: TimeInputHookProps) => {
     inputRef: RefCallback<HTMLInputElement>;
     eventHandlers: {
-        onBlur: (() => void) | undefined;
+        onBlur: () => void;
         onDoubleClick: () => void;
         onFocus: FocusEventHandler<HTMLInputElement>;
         onKeyDown: KeyboardEventHandler<HTMLInputElement>;
@@ -19,3 +37,4 @@ export declare const useTimeInput: ({ defaultValue, onChange, onCommit, value, }
         onPaste: ClipboardEventHandler<HTMLInputElement>;
     };
 };
+export {};

package/types/toolbar/Toolbar.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { OverflowContainerProps } from "../overflow-container";
 import { SelectionStrategy, SpecialKeyMultipleSelection } from "../common-hooks";
 export type ActiveItemChangeHandler = (itemIndex: number[]) => void;
@@ -17,4 +16,4 @@ export interface ToolbarProps extends OverflowContainerProps {
     selectionStrategy?: SelectionStrategy | SpecialKeyMultipleSelection;
     showSeparators?: boolean;
 }
-export declare const Toolbar: ({ activeItemIndex: activeItemIndexProp, alignItems, defaultActiveItemIndex, children, className, id: idProp, onActiveChange, onNavigateOutOfBounds, orientation, selectionStrategy, showSeparators, ...props }: ToolbarProps) => React.JSX.Element;
+export declare const Toolbar: ({ activeItemIndex: activeItemIndexProp, alignItems, defaultActiveItemIndex, children, className, id: idProp, onActiveChange, onNavigateOutOfBounds, orientation, selectionStrategy, showSeparators, ...props }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/types/vuu-date-picker/VuuDatePicker.d.ts

@@ -1,7 +1,23 @@
-import { CommitHandler } from "@vuu-ui/vuu-utils";
+import { type CommitHandler, EpochTimestamp, type TimeZoneSpec } from "@vuu-ui/vuu-utils";
 import { SingleSelectionValueType } from "../calendar";
 import { DatePickerProps } from "../date-picker";
-export declare const VuuDatePicker: ({ className, onSelectionChange, selectedDate: selectedDateProp, onCommit, preserveFocusOnSelect, ...props }: Omit<DatePickerProps<SingleSelectionValueType>, "defaultSelectedDate"> & {
+export interface VuuDatePickerProps extends Omit<DatePickerProps<SingleSelectionValueType>, "defaultSelectedDate" | "onChange"> {
+    /**
+     * Invoked when user selects a date from the calendar, or enters a valid date and
+     * presses Enter. Value is epoch millis at the start of the selected day, in timeZone.
+     */
     onCommit?: CommitHandler<HTMLElement, number>;
     preserveFocusOnSelect?: boolean;
-}) => import("react").JSX.Element;
+    /**
+     * The time zone used to convert between epoch values and calendar dates.
+     * Defaults to the application default time zone (see setDefaultTimeZone).
+     */
+    timeZone?: TimeZoneSpec;
+    /**
+     * An epoch value (millis as number, or millis/nanos as EpochTimestamp). An
+     * alternative to selectedDate, when the date is derived from a timestamp. The
+     * calendar date is determined in timeZone.
+     */
+    value?: EpochTimestamp | number;
+}
+export declare const VuuDatePicker: ({ className, onSelectionChange, onCommit, preserveFocusOnSelect, selectedDate: selectedDateProp, timeZone, value, ...props }: VuuDatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/types/vuu-time-picker/VuuTimePicker.d.ts

@@ -1,7 +1,9 @@
-import { CommitHandler, TimeString } from "@vuu-ui/vuu-utils";
 import { HTMLAttributes } from "react";
-import { TimeInputProps } from "../time-input/TimeInput";
-export interface VuuTimePickerProps extends Pick<TimeInputProps, "defaultValue" | "onChange" | "value">, Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange" | "value"> {
-    onCommit: CommitHandler<HTMLInputElement, TimeString>;
-}
-export declare const VuuTimePicker: ({ className, defaultValue, onChange, onCommit, value, ...htmlAttributes }: VuuTimePickerProps) => import("react").JSX.Element;
+import { TimeInputMillisecondsProps, TimeInputSecondsProps } from "../time-input/TimeInput";
+type VuuTimePickerHtmlAttributes = Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange" | "value">;
+type TimePickerInputProps = "defaultValue" | "milliseconds" | "onChange" | "onCommit" | "value";
+export type VuuTimePickerSecondsProps = Pick<TimeInputSecondsProps, TimePickerInputProps> & VuuTimePickerHtmlAttributes;
+export type VuuTimePickerMillisecondsProps = Pick<TimeInputMillisecondsProps, TimePickerInputProps> & VuuTimePickerHtmlAttributes;
+export type VuuTimePickerProps = VuuTimePickerSecondsProps | VuuTimePickerMillisecondsProps;
+export declare const VuuTimePicker: ({ className, defaultValue, milliseconds, onChange, onCommit, value, ...htmlAttributes }: VuuTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/types/vuu-typeahead-input/VuuTypeaheadInput.d.ts

@@ -3,4 +3,4 @@ import { VuuTypeaheadInputHookProps } from "./useVuuTypeaheadInput";
 export interface VuuTypeaheadInputProps extends VuuTypeaheadInputHookProps, Pick<ComboBoxProps, "selectOnTab"> {
     className?: string;
 }
-export declare const VuuTypeaheadInput: ({ allowFreeInput, className, column, freeTextWarning, highlightFirstSuggestion, inputProps: inputPropsProp, minCharacterCountToTriggerSuggestions, onCommit, selectOnTab, table, }: VuuTypeaheadInputProps) => import("react").JSX.Element;
+export declare const VuuTypeaheadInput: ({ allowFreeInput, className, column, freeTextWarning, highlightFirstSuggestion, inputProps: inputPropsProp, minCharacterCountToTriggerSuggestions, onCommit, selectOnTab, table, }: VuuTypeaheadInputProps) => import("react/jsx-runtime").JSX.Element;

package/types/src/calendar/Calendar.d.ts

@@ -1,13 +0,0 @@
-import { type CalendarCarouselProps } from "./internal/CalendarCarousel";
-import { type CalendarNavigationProps } from "./internal/CalendarNavigation";
-import { type useCalendarProps } from "./useCalendar";
-export type CalendarProps = useCalendarProps & {
-    className?: string;
-    id?: string;
-    renderDayContents?: CalendarCarouselProps["renderDayContents"];
-    hideYearDropdown?: CalendarNavigationProps["hideYearDropdown"];
-    borderedDropdown?: CalendarNavigationProps["borderedDropdown"];
-    TooltipProps?: CalendarCarouselProps["TooltipProps"];
-    hideOutOfRangeDates?: CalendarCarouselProps["hideOutOfRangeDates"];
-};
-export declare const Calendar: import("react").ForwardRefExoticComponent<CalendarProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Calendar";
-export * from "./useCalendarDay";
-export * from "./useCalendar";
-export * from "./useSelection";

package/types/src/calendar/internal/CalendarCarousel.d.ts

@@ -1,3 +0,0 @@
-import { type CalendarMonthProps } from "./CalendarMonth";
-export type CalendarCarouselProps = Omit<CalendarMonthProps, "date">;
-export declare const CalendarCarousel: import("react").ForwardRefExoticComponent<Omit<CalendarCarouselProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/internal/CalendarContext.d.ts

@@ -1,8 +0,0 @@
-import type { useCalendar } from "../useCalendar";
-interface CalendarState {
-    state: ReturnType<typeof useCalendar>["state"];
-    helpers: ReturnType<typeof useCalendar>["helpers"];
-}
-declare const CalendarContext: import("react").Context<CalendarState | null>;
-declare function useCalendarContext(): CalendarState;
-export { CalendarContext, useCalendarContext };

package/types/src/calendar/internal/CalendarDay.d.ts

@@ -1,14 +0,0 @@
-import type { DateValue } from "@internationalized/date";
-import { type TooltipProps } from "@salt-ds/core";
-import { type ComponentPropsWithRef, type ReactElement } from "react";
-import { type DayStatus } from "../useCalendarDay";
-export type DateFormatter = (day: Date) => string | undefined;
-export interface CalendarDayProps extends Omit<ComponentPropsWithRef<"button">, "children"> {
-    day: DateValue;
-    formatDate?: DateFormatter;
-    renderDayContents?: (date: DateValue, status: DayStatus) => ReactElement;
-    status?: DayStatus;
-    month: DateValue;
-    TooltipProps?: Partial<TooltipProps>;
-}
-export declare const CalendarDay: import("react").ForwardRefExoticComponent<Omit<CalendarDayProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/types/src/calendar/internal/CalendarMonth.d.ts

@@ -1,10 +0,0 @@
-import type { DateValue } from "@internationalized/date";
-import { type ComponentPropsWithRef } from "react";
-import { type CalendarDayProps } from "./CalendarDay";
-export interface CalendarMonthProps extends ComponentPropsWithRef<"div"> {
-    date: DateValue;
-    hideOutOfRangeDates?: boolean;
-    renderDayContents?: CalendarDayProps["renderDayContents"];
-    TooltipProps?: CalendarDayProps["TooltipProps"];
-}
-export declare const CalendarMonth: import("react").ForwardRefExoticComponent<Omit<CalendarMonthProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/internal/CalendarNavigation.d.ts

@@ -1,16 +0,0 @@
-import { type ButtonProps, type DropdownProps } from "@salt-ds/core";
-import { type ComponentPropsWithRef } from "react";
-import { type DateValue } from "@internationalized/date";
-type dateDropdownProps = DropdownProps<DateValue>;
-export interface CalendarNavigationProps extends ComponentPropsWithRef<"div"> {
-    MonthDropdownProps?: dateDropdownProps;
-    YearDropdownProps?: dateDropdownProps;
-    onMonthSelect?: dateDropdownProps["onChange"];
-    onYearSelect?: dateDropdownProps["onChange"];
-    borderedDropdown?: dateDropdownProps["bordered"];
-    onNavigateNext?: ButtonProps["onClick"];
-    onNavigatePrevious?: ButtonProps["onClick"];
-    hideYearDropdown?: boolean;
-}
-export declare const CalendarNavigation: import("react").ForwardRefExoticComponent<Omit<CalendarNavigationProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};

package/types/src/calendar/internal/CalendarWeekHeader.d.ts

@@ -1,3 +0,0 @@
-import { type ComponentPropsWithRef } from "react";
-export type CalendarWeekHeaderProps = ComponentPropsWithRef<"div">;
-export declare const CalendarWeekHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/calendar/internal/useFocusManagement.d.ts

@@ -1,9 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import type { FocusEventHandler, KeyboardEventHandler, MouseEventHandler } from "react";
-export declare function useFocusManagement({ date }: {
-    date: DateValue;
-}): {
-    handleClick: MouseEventHandler<HTMLButtonElement>;
-    handleKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-    handleFocus: FocusEventHandler<HTMLButtonElement>;
-};

package/types/src/calendar/internal/utils.d.ts

@@ -1,15 +0,0 @@
-import { DateFormatter, type DateValue } from "@internationalized/date";
-export declare function getCurrentLocale(): string;
-export declare function getDateFormatter(options?: Intl.DateTimeFormatOptions): DateFormatter;
-export declare function formatDate(date: DateValue, options?: Intl.DateTimeFormatOptions): string;
-export declare function getCalender(): import("@internationalized/date").Calendar;
-type WeekdayFormat = Intl.DateTimeFormatOptions["weekday"];
-export declare function daysForLocale(weekday?: WeekdayFormat): string[];
-export declare function monthsForLocale(currentYear: DateValue): (import("@internationalized/date").CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime)[];
-export declare function generateVisibleDays(currentMonth: DateValue): {
-    date: DateValue;
-    dateOfMonth: number;
-    isCurrentMonth: boolean;
-}[];
-export declare function monthDiff(a: DateValue, b: DateValue): number;
-export {};

package/types/src/calendar/useCalendar.d.ts

@@ -1,54 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import { type SyntheticEvent } from "react";
-import { type UseMultiSelectionCalendarProps, type UseOffsetSelectionCalendarProps, type UseRangeSelectionCalendarProps, type UseSingleSelectionCalendarProps } from "./useSelection";
-interface BaseUseCalendarProps {
-    defaultVisibleMonth?: DateValue;
-    onVisibleMonthChange?: (event: SyntheticEvent, visibleMonth: DateValue) => void;
-    isDayUnselectable?: (date: DateValue) => string | false | undefined;
-    isDayHighlighted?: (date: DateValue) => string | false | undefined;
-    isDayDisabled?: (date: DateValue) => boolean;
-    visibleMonth?: DateValue;
-    hideOutOfRangeDates?: boolean;
-    hideYearDropdown?: boolean;
-    minDate?: DateValue;
-    maxDate?: DateValue;
-}
-export type useCalendarProps = (Omit<UseSingleSelectionCalendarProps, "isDaySelectable"> | Omit<UseMultiSelectionCalendarProps, "isDaySelectable"> | Omit<UseRangeSelectionCalendarProps, "isDaySelectable"> | Omit<UseOffsetSelectionCalendarProps, "isDaySelectable">) & BaseUseCalendarProps;
-export declare function useCalendar(props: useCalendarProps): {
-    state: {
-        selectedDate: DateValue[] | {
-            startDate?: DateValue;
-            endDate?: DateValue;
-        } | import("./useSelection").RangeSelectionValueType | DateValue | null | undefined;
-        hoveredDate: import("@internationalized/date").CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | null | undefined;
-        visibleMonth: DateValue;
-        focusedDate: DateValue;
-        minDate: DateValue | undefined;
-        maxDate: DateValue | undefined;
-        selectionVariant: "default" | "multiselect" | "offset" | "range";
-        hideOutOfRangeDates: boolean | undefined;
-        calendarFocused: boolean;
-    };
-    helpers: {
-        setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: DateValue) => void;
-        isSelected: (date: DateValue) => boolean;
-        setHoveredDate: (event: SyntheticEvent, date: DateValue | null) => void;
-        isHovered: (date: DateValue) => boolean;
-        isSelectedSpan: (date: DateValue) => boolean;
-        isHoveredSpan: (date: DateValue) => boolean;
-        isSelectedStart: (date: DateValue) => boolean;
-        isSelectedEnd: (date: DateValue) => boolean;
-        isHoveredOffset: (date: DateValue) => boolean;
-        setVisibleMonth: (event: SyntheticEvent, newVisibleMonth: DateValue) => void;
-        setFocusedDate: (event: SyntheticEvent, date: DateValue) => void;
-        setCalendarFocused: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-        isDayUnselectable: (date: DateValue) => string | false | undefined;
-        isDayHighlighted: (date: DateValue) => string | false | undefined;
-        isDayDisabled: (date: DateValue) => boolean;
-        isDayVisible: (date: DateValue) => boolean;
-        isOutsideAllowedDates: (date: DateValue) => boolean;
-        isOutsideAllowedMonths: (date: DateValue) => boolean;
-        isOutsideAllowedYears: (date: DateValue) => boolean;
-    };
-};
-export {};

package/types/src/calendar/useCalendarDay.d.ts

@@ -1,22 +0,0 @@
-import { type DateValue } from "@internationalized/date";
-import { type ComponentPropsWithoutRef, type RefObject } from "react";
-export interface DayStatus {
-    outOfRange?: boolean;
-    selected?: boolean;
-    today?: boolean;
-    unselectable?: string | false;
-    highlighted?: string | false;
-    focused?: boolean;
-    disabled?: boolean;
-    hidden?: boolean;
-}
-export interface useCalendarDayProps {
-    date: DateValue;
-    month: DateValue;
-}
-export declare function useCalendarDay({ date, month }: useCalendarDayProps, ref: RefObject<HTMLElement | null>): {
-    status: DayStatus;
-    dayProps: ComponentPropsWithoutRef<"button">;
-    unselectableReason: string | false | undefined;
-    highlightedReason: string | false | undefined;
-};

package/types/src/calendar/useSelection.d.ts

@@ -1,78 +0,0 @@
-import { CalendarDate, type DateValue } from "@internationalized/date";
-import type { KeyboardEventHandler, MouseEventHandler, SyntheticEvent } from "react";
-interface BaseUseSelectionCalendarProps<SelectionVariantType> {
-    hoveredDate?: DateValue | null;
-    selectedDate?: SelectionVariantType | null;
-    defaultSelectedDate?: SelectionVariantType;
-    onSelectedDateChange?: (event: SyntheticEvent, selectedDate: SelectionVariantType) => void;
-    isDaySelectable: (date?: DateValue) => boolean;
-    onHoveredDateChange?: (event: SyntheticEvent, hoveredDate: DateValue | null) => void;
-}
-export type SingleSelectionValueType = DateValue;
-type MultiSelectionValueType = DateValue[];
-export type RangeSelectionValueType = {
-    startDate?: DateValue;
-    endDate?: DateValue;
-};
-type OffsetSelectionValueType = {
-    startDate?: DateValue;
-    endDate?: DateValue;
-};
-type AllSelectionValueType = SingleSelectionValueType | MultiSelectionValueType | RangeSelectionValueType | OffsetSelectionValueType | null;
-export interface UseOffsetSelectionCalendarProps extends Omit<BaseUseSelectionCalendarProps<OffsetSelectionValueType>, "startDateOffset" | "endDateOffset"> {
-    selectionVariant: "offset";
-    startDateOffset?: (date: DateValue) => DateValue;
-    endDateOffset?: (date: DateValue) => DateValue;
-}
-export interface UseRangeSelectionCalendarProps extends BaseUseSelectionCalendarProps<RangeSelectionValueType> {
-    selectionVariant: "range";
-}
-export interface UseMultiSelectionCalendarProps extends BaseUseSelectionCalendarProps<MultiSelectionValueType> {
-    selectionVariant: "multiselect";
-}
-export interface UseSingleSelectionCalendarProps extends BaseUseSelectionCalendarProps<SingleSelectionValueType> {
-    selectionVariant: "default";
-}
-export type useSelectionCalendarProps = UseSingleSelectionCalendarProps | UseMultiSelectionCalendarProps | UseRangeSelectionCalendarProps | UseOffsetSelectionCalendarProps;
-export declare function isRangeOrOffsetSelectionValue(selectionValue?: AllSelectionValueType): selectionValue is RangeSelectionValueType | OffsetSelectionValueType;
-export declare function isRangeOrOffsetSelectionWithStartDate(selectionValue?: AllSelectionValueType): selectionValue is RangeSelectionValueType | OffsetSelectionValueType;
-export declare function useSelectionCalendar(props: useSelectionCalendarProps): {
-    state: {
-        selectedDate: MultiSelectionValueType | OffsetSelectionValueType | RangeSelectionValueType | DateValue | null | undefined;
-        hoveredDate: CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | null | undefined;
-    };
-    helpers: {
-        setSelectedDate: (event: SyntheticEvent<HTMLButtonElement>, newSelectedDate: DateValue) => void;
-        isSelected: (date: DateValue) => boolean;
-        setHoveredDate: (event: SyntheticEvent, date: DateValue | null) => void;
-        isHovered: (date: DateValue) => boolean;
-        isSelectedSpan: (date: DateValue) => boolean;
-        isHoveredSpan: (date: DateValue) => boolean;
-        isSelectedStart: (date: DateValue) => boolean;
-        isSelectedEnd: (date: DateValue) => boolean;
-        isHoveredOffset: (date: DateValue) => boolean;
-    };
-};
-export declare function useSelectionDay({ date }: {
-    date: DateValue;
-}): {
-    handleClick: MouseEventHandler<HTMLButtonElement>;
-    handleKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-    handleMouseOver: MouseEventHandler<HTMLButtonElement>;
-    handleMouseLeave: MouseEventHandler<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;
-    };
-};
-export {};

package/types/src/column-picker/ColumnPicker.d.ts

@@ -1,7 +0,0 @@
-import { IconButtonProps } from "../icon-button";
-import { ColumnSearchProps } from "./ColumnSearch";
-export interface ColumnPickerProps extends Omit<IconButtonProps, "icon">, Pick<ColumnSearchProps, "columns" | "onSelectionChange" | "selected"> {
-    icon?: string;
-    iconSize?: number;
-}
-export declare const ColumnPicker: import("react").ForwardRefExoticComponent<ColumnPickerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/types/src/column-picker/ColumnSearch.d.ts

@@ -1,12 +0,0 @@
-import { ListBoxProps } from "@salt-ds/core";
-import { HTMLAttributes } from "react";
-export interface ColumnSearchProps extends HTMLAttributes<HTMLDivElement>, Pick<ListBoxProps, "onSelectionChange" | "selected"> {
-    columns: string[];
-    onReorderColumns: (columns: string[]) => void;
-}
-/**
- * @deprecated
- *
- * use ColumnList instead
- */
-export declare const ColumnSearch: import("react").ForwardRefExoticComponent<ColumnSearchProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/src/column-picker/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ColumnPicker";
-export * from "./ColumnSearch";

package/types/src/column-picker/moving-window.d.ts

@@ -1,14 +0,0 @@
-import type { DataSourceRow } from "@vuu-ui/vuu-data-types";
-import type { VuuRange } from "@vuu-ui/vuu-protocol-types";
-export declare class MovingWindow {
-    data: DataSourceRow[];
-    rowCount: number;
-    private range;
-    constructor({ from, to }: VuuRange);
-    setRowCount: (rowCount: number) => void;
-    add(data: DataSourceRow): void;
-    getAtIndex(index: number): DataSourceRow | undefined;
-    isWithinRange(index: number): boolean;
-    setRange({ from, to }: VuuRange): void;
-    getSelectedRows(): DataSourceRow[];
-}

package/types/src/common-hooks/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./useControlled";
-export * from "./use-resize-observer";
-export * from "./selectionTypes";