@vuu-ui/vuu-ui-controls 2.1.18 → 2.1.19-beta.1

package/package.json

@@ -1,20 +1,21 @@
 {
-  "version": "2.1.18",
+  "version": "2.1.19-beta.1",
   "description": "VUU UI Controls",
   "author": "heswell",
   "license": "Apache-2.0",
+  "type": "module",
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "2.1.18",
-    "@vuu-ui/vuu-protocol-types": "2.1.18",
-    "@vuu-ui/vuu-table-types": "2.1.18"
+    "@vuu-ui/vuu-data-types": "2.1.19-beta.1",
+    "@vuu-ui/vuu-protocol-types": "2.1.19-beta.1",
+    "@vuu-ui/vuu-table-types": "2.1.19-beta.1"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "2.1.18",
-    "@vuu-ui/vuu-data-react": "2.1.18",
-    "@vuu-ui/vuu-layout": "2.1.18",
-    "@vuu-ui/vuu-popups": "2.1.18",
-    "@vuu-ui/vuu-table": "2.1.18",
-    "@vuu-ui/vuu-utils": "2.1.18",
+    "@vuu-ui/vuu-context-menu": "2.1.19-beta.1",
+    "@vuu-ui/vuu-data-react": "2.1.19-beta.1",
+    "@vuu-ui/vuu-layout": "2.1.19-beta.1",
+    "@vuu-ui/vuu-popups": "2.1.19-beta.1",
+    "@vuu-ui/vuu-table": "2.1.19-beta.1",
+    "@vuu-ui/vuu-utils": "2.1.19-beta.1",
     "@salt-ds/core": "1.54.1",
     "@salt-ds/icons": "1.16.0",
     "@salt-ds/styles": "0.2.1",
@@ -29,7 +30,6 @@
     "react-dom": "^19.2.3"
   },
   "sideEffects": false,
-  "type": "module",
   "files": [
     "README.md",
     "esm",
@@ -38,13 +38,11 @@
   ],
   "exports": {
     ".": {
-      "require": "./cjs/index.js",
-      "import": "./esm/index.js",
+      "import": "./index.js",
       "types": "./types/index.d.ts"
     }
   },
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "module": "index.js",
   "name": "@vuu-ui/vuu-ui-controls",
   "types": "types/index.d.ts"
 }

package/types/calendar/useCalendar.d.ts

@@ -16,16 +16,16 @@ interface BaseUseCalendarProps {
 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 | import("./useSelection").RangeSelectionValueType | {
+        selectedDate: DateValue[] | {
             startDate?: DateValue;
             endDate?: DateValue;
-        } | DateValue[] | null | undefined;
+        } | 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: "offset" | "range" | "multiselect" | "default";
+        selectionVariant: "default" | "multiselect" | "offset" | "range";
         hideOutOfRangeDates: boolean | undefined;
         calendarFocused: boolean;
     };

package/types/calendar/useSelection.d.ts

@@ -38,7 +38,7 @@ export declare function isRangeOrOffsetSelectionValue(selectionValue?: AllSelect
 export declare function isRangeOrOffsetSelectionWithStartDate(selectionValue?: AllSelectionValueType): selectionValue is RangeSelectionValueType | OffsetSelectionValueType;
 export declare function useSelectionCalendar(props: useSelectionCalendarProps): {
     state: {
-        selectedDate: DateValue | RangeSelectionValueType | OffsetSelectionValueType | MultiSelectionValueType | null | undefined;
+        selectedDate: MultiSelectionValueType | OffsetSelectionValueType | RangeSelectionValueType | DateValue | null | undefined;
         hoveredDate: CalendarDate | import("@internationalized/date").CalendarDateTime | import("@internationalized/date").ZonedDateTime | null | undefined;
     };
     helpers: {

package/types/date-input/DateInput.d.ts

@@ -57,4 +57,4 @@ export interface DateInputProps<SelectionVariantType> extends Omit<ComponentProp
      */
     onChange?: SelectionVariantType extends SingleSelectionValueType ? (event: ChangeEvent<HTMLInputElement>, selectedDateInputValue?: string) => void : (event: ChangeEvent<HTMLInputElement>, startDateInputValue?: string, endDateInputValue?: string) => void;
 }
-export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DateInput: import("react").ForwardRefExoticComponent<DateInputProps<RangeSelectionValueType | DateValue> & import("react").RefAttributes<HTMLDivElement>>;

package/types/date-picker/DatePicker.d.ts

@@ -63,4 +63,4 @@ export interface DatePickerProps<SelectionVariantType> extends DateInputProps<Se
      */
     visibleMonths?: 1 | 2;
 }
-export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePicker: import("react").ForwardRefExoticComponent<DatePickerProps<RangeSelectionValueType | DateValue> & import("react").RefAttributes<HTMLDivElement>>;

package/types/date-picker/DatePickerContext.d.ts

@@ -15,5 +15,5 @@ export interface DatePickerContextValue<SelectionVariantType> extends Partial<Pi
     selectionVariant: "default" | "range";
     getPanelPosition: () => Record<string, unknown>;
 }
-export declare const DatePickerContext: import("react").Context<DatePickerContextValue<DateValue | RangeSelectionValueType>>;
-export declare function useDatePickerContext(): DatePickerContextValue<DateValue | RangeSelectionValueType>;
+export declare const DatePickerContext: import("react").Context<DatePickerContextValue<RangeSelectionValueType | DateValue>>;
+export declare function useDatePickerContext(): DatePickerContextValue<RangeSelectionValueType | DateValue>;

package/types/date-picker/DatePickerPanel.d.ts

@@ -7,4 +7,4 @@ export interface DatePickerPanelProps<SelectionVariantType> extends ComponentPro
     visibleMonths?: 1 | 2;
     CalendarProps?: Partial<Omit<CalendarProps, "selectionVariant" | "selectedDate" | "defaultSelectedDate" | "onSelectedDateChange">>;
 }
-export declare const DatePickerPanel: import("react").ForwardRefExoticComponent<DatePickerPanelProps<DateValue | RangeSelectionValueType> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DatePickerPanel: import("react").ForwardRefExoticComponent<DatePickerPanelProps<RangeSelectionValueType | DateValue> & import("react").RefAttributes<HTMLDivElement>>;

package/types/instrument-picker/useTablePicker.d.ts

@@ -10,13 +10,9 @@ export declare const useTablePicker: ({ TableProps, onSelect, rowToString, schem
     dataSource: import("@vuu-ui/vuu-data-types").DataSource;
     highlightedIndex: number | undefined;
     floatingUIProps: {
-        reference: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
-        floating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
         placement: import("@floating-ui/utils").Placement;
         strategy: import("@floating-ui/utils").Strategy;
         middlewareData: import("@floating-ui/core").MiddlewareData;
-        x: number;
-        y: number;
         isPositioned: boolean;
         update: () => void;
         floatingStyles: React.CSSProperties;
@@ -26,6 +22,10 @@ export declare const useTablePicker: ({ TableProps, onSelect, rowToString, schem
             setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
             setFloating: (node: HTMLElement | null) => void;
         } & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        reference: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+        floating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
+        x: number;
+        y: number;
     };
     inputProps: {
         inputProps: {

package/types/split-button/useSplitButton.d.ts

@@ -6,127 +6,7 @@ export interface SplitButtonHookProps extends Pick<SplitButtonProps, "PopupMenuP
 }
 export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuProps, classBase, onClick, }: SplitButtonHookProps) => {
     ButtonProps: {
-        onClick: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onKeyDown: KeyboardEventHandler<HTMLButtonElement>;
-        type?: "submit" | "reset" | "button" | undefined;
-        form?: string | undefined;
-        slot?: string | undefined;
-        style?: import("react").CSSProperties | undefined;
-        title?: string | undefined;
         key?: import("react").Key | null | undefined;
-        disabled?: boolean;
-        formAction?: string | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        name?: string | undefined;
-        value?: string | readonly string[] | number | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-        autoFocus?: boolean | undefined;
-        className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        tabIndex?: number | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: import("react").AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        popover?: "" | "auto" | "manual" | undefined;
-        popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
-        popoverTarget?: string | undefined;
-        inert?: boolean | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | undefined;
-        exportparts?: string | undefined;
-        part?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
         children?: import("react").ReactNode | undefined;
         dangerouslySetInnerHTML?: {
             __html: string | TrustedHTML;
@@ -297,11 +177,131 @@ export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuP
         onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: ("false" | "true" | boolean) | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+        "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: ("false" | "true" | boolean) | undefined;
+        "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+        "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: ("false" | "true" | boolean) | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: ("false" | "true" | boolean) | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+        autoFocus?: boolean | undefined;
+        className?: string | undefined;
+        contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        dir?: string | undefined;
+        draggable?: ("false" | "true" | boolean) | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+        hidden?: boolean | undefined;
+        id?: string | undefined;
+        lang?: string | undefined;
+        nonce?: string | undefined;
+        slot?: string | undefined;
+        spellCheck?: ("false" | "true" | boolean) | undefined;
+        style?: import("react").CSSProperties | undefined;
+        tabIndex?: number | undefined;
+        title?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        radioGroup?: string | undefined;
+        role?: import("react").AriaRole | undefined;
+        about?: string | undefined;
+        content?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        color?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        popover?: "" | "auto" | "manual" | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+        popoverTarget?: string | undefined;
+        inert?: boolean | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+        is?: string | undefined;
+        exportparts?: string | undefined;
+        part?: string | undefined;
+        form?: string | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        name?: string | undefined;
+        type?: "submit" | "reset" | "button" | undefined;
+        value?: string | readonly string[] | number | undefined;
+        disabled?: boolean;
         focusableWhenDisabled?: boolean;
         appearance?: import("@salt-ds/core").ButtonAppearance;
         sentiment?: import("@salt-ds/core").ButtonSentiment;
         loading?: boolean;
         loadingAnnouncement?: string;
+        onClick: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onKeyDown: KeyboardEventHandler<HTMLButtonElement>;
     };
     PopupMenuProps: PopupMenuProps;
     buttonRef: import("react").RefObject<HTMLButtonElement | null>;

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

@@ -7,5 +7,5 @@ interface UseOverflowProps {
     tabs: Item[];
     overflowButton: RefObject<HTMLButtonElement | null>;
 }
-export declare function useOverflow({ tabs, container, overflowButton, children, selected, }: UseOverflowProps): readonly [(string | number | bigint | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>)[], (string | number | bigint | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>)[], false] | readonly [(string | number | bigint | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined>)[], readonly [], true];
+export declare function useOverflow({ tabs, container, overflowButton, children, selected, }: UseOverflowProps): readonly [(string | number | bigint | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal)[], (string | number | bigint | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal)[], false] | readonly [(string | number | bigint | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal)[], readonly [], true];
 export {};

package/types/tabstrip/Tab.d.ts

@@ -1,7 +1,7 @@
 import { KeyboardEvent, MouseEvent } from "react";
 import { EditableLabelProps } from "../editable-label";
 import { MenuActionHandler } from "@vuu-ui/vuu-context-menu";
-export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onKeyUp" | "onClick"> & {
+export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onClick" | "onKeyUp"> & {
     ariaControls?: import("react").AriaAttributes["aria-controls"];
     closeable?: boolean;
     draggable?: boolean;

package/types/tabstrip/useTabstrip.d.ts

@@ -29,11 +29,11 @@ export declare const useTabstrip: ({ activeTabIndex: activeTabIndexProp, allowDr
     revealOverflowedItems?: boolean;
     activeTabIndex: number;
     containerProps: {
-        onSwitchWrappedItemIntoView: (item: OverflowItem) => void;
         onBlur: import("react").FocusEventHandler;
         onFocus: import("react").FocusEventHandler;
         onMouseDownCapture: import("react").MouseEventHandler;
         onMouseLeave: import("react").MouseEventHandler;
+        onSwitchWrappedItemIntoView: (item: OverflowItem) => void;
     };
     containerStyle: import("react").CSSProperties;
     focusVisible: number;

package/types/toolbar/useToolbar.d.ts

@@ -10,7 +10,6 @@ export declare const useToolbar: ({ activeItemIndex: activeItemIndexProp, defaul
     focusableIdx: number;
     focusVisible: number;
     containerProps: {
-        onSwitchWrappedItemIntoView: (item: OverflowItem) => void;
         onBlur: import("react").FocusEventHandler;
         onFocus: import("react").FocusEventHandler;
         onMouseDownCapture: import("react").MouseEventHandler;
@@ -19,6 +18,7 @@ export declare const useToolbar: ({ activeItemIndex: activeItemIndexProp, defaul
             onKeyDown: (evt: KeyboardEvent) => void;
             onMenuClose: import("@vuu-ui/vuu-popups").MenuCloseHandler | undefined;
         };
+        onSwitchWrappedItemIntoView: (item: OverflowItem) => void;
     };
     itemProps: {
         onClick: (evt: ReactMouseEvent<HTMLElement>) => void;

package/cjs/calendar/Calendar.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var calendarCss = ".saltCalendar {\n  width: min-content;\n  background: var(--salt-container-primary-background);\n  padding: var(--salt-spacing-100);\n}\n";
-
-module.exports = calendarCss;
-//# sourceMappingURL=Calendar.css.js.map

package/cjs/calendar/Calendar.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/calendar/Calendar.js

@@ -1,93 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var cx = require('clsx');
-var React = require('react');
-var CalendarCarousel = require('./internal/CalendarCarousel.js');
-var CalendarContext = require('./internal/CalendarContext.js');
-var CalendarNavigation = require('./internal/CalendarNavigation.js');
-var CalendarWeekHeader = require('./internal/CalendarWeekHeader.js');
-var useCalendar = require('./useCalendar.js');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var date = require('@internationalized/date');
-var Calendar$1 = require('./Calendar.css.js');
-var utils = require('./internal/utils.js');
-
-const withBaseName = core.makePrefixer("saltCalendar");
-const Calendar = React.forwardRef(
-  function Calendar2(props, ref) {
-    const {
-      className,
-      id,
-      renderDayContents,
-      hideYearDropdown,
-      TooltipProps,
-      borderedDropdown,
-      ...rest
-    } = props;
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-calendar",
-      css: Calendar$1,
-      window: targetWindow
-    });
-    const { state, helpers } = useCalendar.useCalendar({
-      hideYearDropdown,
-      ...rest
-    });
-    const { setCalendarFocused } = helpers;
-    const handleFocus = React.useCallback(() => {
-      setCalendarFocused(true);
-    }, [setCalendarFocused]);
-    const handleBlur = React.useCallback(() => {
-      setCalendarFocused(false);
-    }, [setCalendarFocused]);
-    const calendarLabel = new date.DateFormatter(utils.getCurrentLocale(), {
-      month: "long",
-      year: "numeric"
-    }).format(state.visibleMonth.toDate(date.getLocalTimeZone()));
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      CalendarContext.CalendarContext.Provider,
-      {
-        value: {
-          state,
-          helpers
-        },
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: cx.clsx(withBaseName(), className),
-            id,
-            role: "application",
-            "aria-label": calendarLabel,
-            ref,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                CalendarNavigation.CalendarNavigation,
-                {
-                  borderedDropdown,
-                  hideYearDropdown
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(CalendarWeekHeader.CalendarWeekHeader, {}),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                CalendarCarousel.CalendarCarousel,
-                {
-                  onFocus: handleFocus,
-                  onBlur: handleBlur,
-                  renderDayContents,
-                  TooltipProps
-                }
-              )
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-
-exports.Calendar = Calendar;
-//# sourceMappingURL=Calendar.js.map

package/cjs/calendar/Calendar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.js","sources":["../../../../packages/vuu-ui-controls/src/calendar/Calendar.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useCallback } from \"react\";\nimport {\n  CalendarCarousel,\n  type CalendarCarouselProps,\n} from \"./internal/CalendarCarousel\";\nimport { CalendarContext } from \"./internal/CalendarContext\";\nimport {\n  CalendarNavigation,\n  type CalendarNavigationProps,\n} from \"./internal/CalendarNavigation\";\nimport { CalendarWeekHeader } from \"./internal/CalendarWeekHeader\";\nimport { useCalendar, type useCalendarProps } from \"./useCalendar\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport { DateFormatter, getLocalTimeZone } from \"@internationalized/date\";\nimport calendarCss from \"./Calendar.css\";\nimport { getCurrentLocale } from \"./internal/utils\";\n\nexport type CalendarProps = useCalendarProps & {\n  className?: string;\n  id?: string;\n  renderDayContents?: CalendarCarouselProps[\"renderDayContents\"];\n  hideYearDropdown?: CalendarNavigationProps[\"hideYearDropdown\"];\n  borderedDropdown?: CalendarNavigationProps[\"borderedDropdown\"];\n  TooltipProps?: CalendarCarouselProps[\"TooltipProps\"];\n  hideOutOfRangeDates?: CalendarCarouselProps[\"hideOutOfRangeDates\"];\n};\n\nconst withBaseName = makePrefixer(\"saltCalendar\");\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar(props, ref) {\n    const {\n      className,\n      id,\n      renderDayContents,\n      hideYearDropdown,\n      TooltipProps,\n      borderedDropdown,\n      ...rest\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-calendar\",\n      css: calendarCss,\n      window: targetWindow,\n    });\n\n    const { state, helpers } = useCalendar({\n      hideYearDropdown,\n      ...rest,\n    });\n\n    const { setCalendarFocused } = helpers;\n\n    const handleFocus = useCallback(() => {\n      setCalendarFocused(true);\n    }, [setCalendarFocused]);\n\n    const handleBlur = useCallback(() => {\n      setCalendarFocused(false);\n    }, [setCalendarFocused]);\n\n    const calendarLabel = new DateFormatter(getCurrentLocale(), {\n      month: \"long\",\n      year: \"numeric\",\n    }).format(state.visibleMonth.toDate(getLocalTimeZone()));\n    return (\n      <CalendarContext.Provider\n        value={{\n          state,\n          helpers,\n        }}\n      >\n        <div\n          className={clsx(withBaseName(), className)}\n          id={id}\n          role=\"application\"\n          aria-label={calendarLabel}\n          ref={ref}\n        >\n          <CalendarNavigation\n            borderedDropdown={borderedDropdown}\n            hideYearDropdown={hideYearDropdown}\n          />\n          <CalendarWeekHeader />\n          <CalendarCarousel\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            renderDayContents={renderDayContents}\n            TooltipProps={TooltipProps}\n          />\n        </div>\n      </CalendarContext.Provider>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","Calendar","useWindow","useComponentCssInjection","calendarCss","useCalendar","useCallback","DateFormatter","getCurrentLocale","getLocalTimeZone","jsx","CalendarContext","jsxs","clsx","CalendarNavigation","CalendarWeekHeader","CalendarCarousel"],"mappings":";;;;;;;;;;;;;;;;;AAgCA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA;AAEzC,MAAM,QAAW,GAAAC,gBAAA;AAAA,EACtB,SAASC,SAAS,CAAA,KAAA,EAAO,GAAK,EAAA;AAC5B,IAAM,MAAA;AAAA,MACJ,SAAA;AAAA,MACA,EAAA;AAAA,MACA,iBAAA;AAAA,MACA,gBAAA;AAAA,MACA,YAAA;AAAA,MACA,gBAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,eAAA;AAAA,MACR,GAAK,EAAAC,UAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAIC,uBAAY,CAAA;AAAA,MACrC,gBAAA;AAAA,MACA,GAAG;AAAA,KACJ,CAAA;AAED,IAAM,MAAA,EAAE,oBAAuB,GAAA,OAAA;AAE/B,IAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,MAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,KACzB,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,IAAM,MAAA,UAAA,GAAaA,kBAAY,MAAM;AACnC,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA,KAC1B,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,IAAA,MAAM,aAAgB,GAAA,IAAIC,kBAAc,CAAAC,sBAAA,EAAoB,EAAA;AAAA,MAC1D,KAAO,EAAA,MAAA;AAAA,MACP,IAAM,EAAA;AAAA,KACP,EAAE,MAAO,CAAA,KAAA,CAAM,aAAa,MAAO,CAAAC,qBAAA,EAAkB,CAAC,CAAA;AACvD,IACE,uBAAAC,cAAA;AAAA,MAACC,+BAAgB,CAAA,QAAA;AAAA,MAAhB;AAAA,QACC,KAAO,EAAA;AAAA,UACL,KAAA;AAAA,UACA;AAAA,SACF;AAAA,QAEA,QAAA,kBAAAC,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAW,EAAAC,OAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,YACzC,EAAA;AAAA,YACA,IAAK,EAAA,aAAA;AAAA,YACL,YAAY,EAAA,aAAA;AAAA,YACZ,GAAA;AAAA,YAEA,QAAA,EAAA;AAAA,8BAAAH,cAAA;AAAA,gBAACI,qCAAA;AAAA,gBAAA;AAAA,kBACC,gBAAA;AAAA,kBACA;AAAA;AAAA,eACF;AAAA,6CACCC,qCAAmB,EAAA,EAAA,CAAA;AAAA,8BACpBL,cAAA;AAAA,gBAACM,iCAAA;AAAA,gBAAA;AAAA,kBACC,OAAS,EAAA,WAAA;AAAA,kBACT,MAAQ,EAAA,UAAA;AAAA,kBACR,iBAAA;AAAA,kBACA;AAAA;AAAA;AACF;AAAA;AAAA;AACF;AAAA,KACF;AAAA;AAGN;;;;"}

package/cjs/calendar/internal/CalendarCarousel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var calendarCarouselCss = ".saltCalendarCarousel-track {\n  display: grid;\n  grid-auto-flow: column;\n}\n\n.saltCalendarCarousel-track > * {\n  position: absolute;\n  left: 0;\n  width: 100%;\n}\n\n.saltCalendarCarousel-track > :nth-child(2) {\n  position: relative;\n}\n";
-
-module.exports = calendarCarouselCss;
-//# sourceMappingURL=CalendarCarousel.css.js.map

package/cjs/calendar/internal/CalendarCarousel.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarCarousel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}