@vuu-ui/vuu-ui-controls 4.0.0-alpha.21 → 4.0.0-alpha.23

package/package.json

@@ -1,26 +1,26 @@
 {
-  "version": "4.0.0-alpha.21",
+  "version": "4.0.0-alpha.23",
   "description": "VUU UI Controls",
   "main": "./src/index.js",
   "author": "heswell",
   "license": "Apache-2.0",
-  "type": "module",
   "scripts": {
     "build:dev": "node ../../scripts/run-build.mjs",
     "build": "node ../../scripts/run-build-rslib.ts",
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-table-types": "4.0.0-alpha.21"
+    "@vuu-ui/vuu-data-types": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-table-types": "4.0.0-alpha.23"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-data-react": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-popups": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-table": "4.0.0-alpha.21",
-    "@vuu-ui/vuu-utils": "4.0.0-alpha.21",
+    "@vuu-ui/vuu-context-menu": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-data-react": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-layout": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-popups": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-table": "4.0.0-alpha.23",
+    "@vuu-ui/vuu-utils": "4.0.0-alpha.23",
     "@salt-ds/core": "1.72.0",
     "@salt-ds/icons": "1.18.3",
     "@salt-ds/styles": "0.4.1",
@@ -35,6 +35,7 @@
     "react-dom": "^19.2.3"
   },
   "sideEffects": false,
+  "type": "module",
   "files": [
     "README.md",
     "src",

package/src/drag-drop/useDragDrop.js

@@ -292,6 +292,7 @@ const useDragDrop = ({ allowDragDrop, containerRef, draggableClassName, getDragP
             scrollableContainerRef.current = scrollableContainer;
             const containerRect = scrollableContainer.getBoundingClientRect();
             const draggableRect = dragElement.getBoundingClientRect();
+            const dragElementStyle = getComputedStyle(dragElement);
             const dragDropState = dragDropStateRef.current = new DragDropState(mousePosition, dragElement);
             setDragBoundaries(containerRect, draggableRect);
             beginDrag(dragElement);
@@ -303,7 +304,12 @@ const useDragDrop = ({ allowDragDrop, containerRef, draggableClassName, getDragP
                     onDropped: terminateDrag,
                     onTransitionEnd: terminateDrag,
                     ref: dragDropState.setDraggable,
-                    style: constrainRect(draggableRect, containerRect),
+                    style: {
+                        ...constrainRect(draggableRect, containerRect),
+                        backgroundColor: dragElementStyle.backgroundColor,
+                        color: dragElementStyle.color,
+                        font: dragElementStyle.font
+                    },
                     wrapperClassName: draggableClassName
                 }),
                 draggedItemIndex: parseInt(index)

package/src/hover-overlay/HoverOverlay.css.js

@@ -0,0 +1,8 @@
+const css = `
+.vuuHoverOverlay-panel {
+  --saltOverlay-borderColor: var(--salt-container-primary-borderColor);
+}
+
+
+`;
+export default css;

package/src/hover-overlay/HoverOverlay.js

@@ -1,11 +1,38 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Overlay, OverlayPanel, OverlayPanelContent, OverlayTrigger } from "@salt-ds/core";
+import { useComponentCssInjection } from "@salt-ds/styles";
+import { useWindow } from "@salt-ds/window";
+import { containsPoint } from "@vuu-ui/vuu-utils";
 import { useCallback, useEffect, useRef, useState } from "react";
-const HoverOverlay = ({ children, open: openProp = false, onOpenChange, placement = "right", trigger })=>{
+import HoverOverlay from "./HoverOverlay.css";
+const classBase = "vuuHoverOverlay";
+const OPEN_DELAY = 400;
+const CLOSE_DELAY = 300;
+const HoverOverlay_HoverOverlay = ({ children, open: openProp = false, onOpenChange, openOn = "hover", placement = "right", trigger })=>{
+    const targetWindow = useWindow();
+    useComponentCssInjection({
+        testId: "vuu-hover-overlay",
+        css: HoverOverlay,
+        window: targetWindow
+    });
     const [open, _setOpen] = useState(openProp);
     const isOpen = useRef(false);
     const showHandle = useRef(void 0);
     const hideHandle = useRef(void 0);
+    const triggerRef = useRef(null);
+    const panelRef = useRef(null);
+    const clearShowTimer = useCallback(()=>{
+        if (showHandle.current) {
+            clearTimeout(showHandle.current);
+            showHandle.current = void 0;
+        }
+    }, []);
+    const clearHideTimer = useCallback(()=>{
+        if (hideHandle.current) {
+            clearTimeout(hideHandle.current);
+            hideHandle.current = void 0;
+        }
+    }, []);
     const setOpen = useCallback((open)=>{
         if (open !== isOpen.current) {
             isOpen.current = open;
@@ -15,78 +42,100 @@ const HoverOverlay = ({ children, open: openProp = false, onOpenChange, placemen
     }, [
         onOpenChange
     ]);
+    const startHideTimer = useCallback(()=>{
+        if (void 0 === hideHandle.current) hideHandle.current = setTimeout(()=>{
+            hideHandle.current = void 0;
+            setOpen(false);
+        }, CLOSE_DELAY);
+    }, [
+        setOpen
+    ]);
     useEffect(()=>{
         if (openProp !== isOpen.current) setOpen(openProp);
     }, [
         openProp,
         setOpen
     ]);
-    const handleOverlayMouseEnter = useCallback(()=>{
-        if (hideHandle.current) {
-            clearTimeout(hideHandle.current);
-            hideHandle.current = void 0;
+    useEffect(()=>()=>{
+            clearShowTimer();
+            clearHideTimer();
+        }, [
+        clearHideTimer,
+        clearShowTimer
+    ]);
+    useEffect(()=>{
+        if (open && "hover" === openOn) {
+            const doc = triggerRef.current?.ownerDocument ?? document;
+            const handlePointerMove = ({ clientX, clientY })=>{
+                if (containsPoint(triggerRef.current, clientX, clientY) || containsPoint(panelRef.current, clientX, clientY)) clearHideTimer();
+                else startHideTimer();
+            };
+            doc.addEventListener("pointermove", handlePointerMove);
+            doc.documentElement.addEventListener("mouseleave", startHideTimer);
+            return ()=>{
+                doc.removeEventListener("pointermove", handlePointerMove);
+                doc.documentElement.removeEventListener("mouseleave", startHideTimer);
+                clearHideTimer();
+            };
         }
-    }, []);
-    const handleOverlayMouseLeave = useCallback(()=>{
-        hideHandle.current = setTimeout(()=>{
-            setOpen(false);
-            hideHandle.current = void 0;
-        }, 300);
     }, [
-        setOpen
+        clearHideTimer,
+        open,
+        openOn,
+        startHideTimer
     ]);
     const handleMouseEnter = useCallback(()=>{
-        showHandle.current = setTimeout(()=>{
-            setOpen(true);
+        if (!isOpen.current && void 0 === showHandle.current) showHandle.current = setTimeout(()=>{
             showHandle.current = void 0;
-        }, 400);
-        if (hideHandle.current) {
-            clearTimeout(hideHandle.current);
-            hideHandle.current = void 0;
-        }
+            setOpen(true);
+        }, OPEN_DELAY);
     }, [
         setOpen
     ]);
     const handleMouseLeave = useCallback(()=>{
-        if (showHandle.current) {
-            clearTimeout(showHandle.current);
-            showHandle.current = void 0;
-        } else if (isOpen.current) hideHandle.current = setTimeout(()=>{
-            setOpen(false);
-            hideHandle.current = void 0;
-        }, 300);
+        clearShowTimer();
     }, [
-        setOpen
+        clearShowTimer
     ]);
     const handleClick = useCallback(()=>{
-        if (showHandle.current) {
-            clearTimeout(showHandle.current);
-            showHandle.current = void 0;
-        } else if (isOpen.current) setOpen(false);
+        clearShowTimer();
+    }, [
+        clearShowTimer
+    ]);
+    const handleOpenChange = useCallback((open)=>{
+        clearShowTimer();
+        clearHideTimer();
+        setOpen(open);
     }, [
+        clearHideTimer,
+        clearShowTimer,
         setOpen
     ]);
+    const triggerProps = "hover" === openOn ? {
+        onClick: handleClick,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave
+    } : void 0;
     return /*#__PURE__*/ jsxs(Overlay, {
         placement: placement,
-        onOpenChange: onOpenChange,
+        onOpenChange: handleOpenChange,
         open: open,
         children: [
             /*#__PURE__*/ jsx(OverlayTrigger, {
                 children: /*#__PURE__*/ jsx("div", {
-                    onClick: handleClick,
-                    onMouseEnter: handleMouseEnter,
-                    onMouseLeave: handleMouseLeave,
+                    ...triggerProps,
+                    ref: triggerRef,
                     children: trigger
                 })
             }),
             /*#__PURE__*/ jsx(OverlayPanel, {
+                className: `${classBase}-panel`,
+                ref: panelRef,
                 children: /*#__PURE__*/ jsx(OverlayPanelContent, {
-                    onMouseEnter: handleOverlayMouseEnter,
-                    onMouseLeave: handleOverlayMouseLeave,
                     children: children
                 })
             })
         ]
     });
 };
-export { HoverOverlay };
+export { HoverOverlay_HoverOverlay as HoverOverlay };

package/src/instrument-picker/TablePicker.css.js

@@ -7,6 +7,7 @@ const css = `
 }
 
 .vuuTablePicker-floating-table {
+  background: var(--salt-container-primary-background);
   border: solid 1px var(--salt-container-secondary-borderColor);
   padding: var(--salt-spacing-100) 0;
   z-index: var(--salt-zIndex-popout);

package/src/item-picker/useItemPicker.js

@@ -17,7 +17,11 @@ const itemName = (target)=>{
     if (name) return name;
     throw Error("[useItemPicker] item name could not be identified, data-name attribute not found");
 };
-const byItemName = ({ name: n1 }, { name: n2 })=>n1 > n2 ? 1 : n2 > n1 ? -1 : 0;
+const byItemName = (item1, item2)=>{
+    const n1 = item1.label ? item1.label : item1.name;
+    const n2 = item2.label ? item2.label : item2.name;
+    return n1 > n2 ? 1 : n2 > n1 ? -1 : 0;
+};
 const useItemPicker = ({ allItems, selectedItems, maxSelections, onSelectedItemsChange })=>{
     if (maxSelections && selectedItems.length > maxSelections) throw Error(`[useItemPicker] max selections ${maxSelections} exceeded by selected items (that has count ${selectedItems.length})`);
     const [searchPattern, setSearchPattern] = useState("");

package/src/prompt/Prompt.css.js

@@ -1,5 +1,6 @@
 const css = `
 .vuuPrompt {
+  max-width: var(--vuuPrompt-maxWidth);
   min-height: var(--vuuPrompt-minHeight, 257px);
   min-width: var(--vuuPrompt-minWidth, 380px);
 

package/src/table-search/SearchCell.css.js

@@ -3,8 +3,10 @@ const css = `
   --vuu-icon-left: 0;
   --vuu-icon-size: 16px;
   --vuu-icon-top: -1px;
-  color: var(--background-cell-color);
-  z-index: -1;
+  color: inherit;
+  cursor: grab;
+  -webkit-user-select: none;
+  user-select: none;
   align-items: center;
   padding: 0 8px;
   display: flex;

package/src/table-search/SearchCell.js

@@ -2,6 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import { applyHighlighting } from "@vuu-ui/vuu-table";
+import { Icon } from "../icon-button/index.js";
 import SearchCell from "./SearchCell.css";
 const classBase = "vuuSearchCell";
 const SearchCell_SearchCell = ({ column, dataRow, searchPattern = "" })=>{
@@ -16,8 +17,8 @@ const SearchCell_SearchCell = ({ column, dataRow, searchPattern = "" })=>{
         className: classBase,
         tabIndex: -1,
         children: [
-            /*#__PURE__*/ jsx("span", {
-                "data-icon": "draggable"
+            /*#__PURE__*/ jsx(Icon, {
+                name: "draggable"
             }),
             valueWithHighlighting
         ]

package/src/table-search/TableSearch.css.js

@@ -1,6 +1,10 @@
 const css = `
 .vuuTableSearch {
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
   height: 100%;
+  min-height: 0;
   padding: var(--vuuTableSearch-padding, 12px);
   flex-direction: column;
   display: flex;

package/src/table-search/TableSearch.js

@@ -16,7 +16,7 @@ const defaultConfig = {
 const searchIcon = /*#__PURE__*/ jsx("span", {
     "data-icon": "search"
 });
-const TableSearch_TableSearch = ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus = false, className, placeHolder, searchColumns, ...htmlAttributes })=>{
+const TableSearch_TableSearch = ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus = false, baseFilter, className, placeHolder, searchColumns, ...htmlAttributes })=>{
     const targetWindow = useWindow();
     useComponentCssInjection({
         testId: "vuu-table-search",
@@ -30,6 +30,7 @@ const TableSearch_TableSearch = ({ TableProps: { dataSource: dataSourceProp, ...
         TableProps?.config
     ]);
     const { dataSource, onChange, searchState } = useTableSearch({
+        baseFilter,
         dataSource: dataSourceProp,
         searchColumns
     });
@@ -46,6 +47,7 @@ const TableSearch_TableSearch = ({ TableProps: { dataSource: dataSourceProp, ...
             /*#__PURE__*/ jsx("div", {
                 className: `${classBase}-inputField`,
                 children: /*#__PURE__*/ jsx(Input, {
+                    bordered: true,
                     inputProps: {
                         onKeyDown
                     },

package/src/table-search/useTableSearch.js

@@ -1,5 +1,5 @@
-import { useCallback, useMemo, useState } from "react";
-const useTableSearch = ({ dataSource, searchColumns })=>{
+import { useCallback, useEffect, useMemo, useState } from "react";
+const useTableSearch = ({ baseFilter = "", dataSource, searchColumns })=>{
     const [searchState, setSearchState] = useState({
         searchText: "",
         filter: ""
@@ -14,12 +14,20 @@ const useTableSearch = ({ dataSource, searchColumns })=>{
             searchText: value,
             filter
         });
-        if (dataSource) dataSource.filter = {
-            filter
+    }, [
+        baseFilterPattern
+    ]);
+    useEffect(()=>{
+        dataSource.filter = {
+            filter: [
+                baseFilter,
+                searchState.filter
+            ].filter(Boolean).map((filter)=>`(${filter})`).join(" and ")
         };
     }, [
-        baseFilterPattern,
-        dataSource
+        baseFilter,
+        dataSource,
+        searchState.filter
     ]);
     return {
         dataSource,

package/types/hover-overlay/HoverOverlay.d.ts

@@ -3,6 +3,12 @@ import { ReactNode } from "react";
 export interface HoverOverlayProps extends Pick<OverlayProps, "placement" | "onOpenChange"> {
     children: ReactNode;
     open?: boolean;
+    /**
+     * hover (default) opens the overlay after a short delay when pointer
+     * enters trigger and closes it when pointer leaves both trigger and
+     * overlay. click leaves open/close entirely to Salt Overlay.
+     */
+    openOn?: "hover" | "click";
     trigger: ReactNode;
 }
-export declare const HoverOverlay: ({ children, open: openProp, onOpenChange, placement, trigger, }: HoverOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HoverOverlay: ({ children, open: openProp, onOpenChange, openOn, placement, trigger, }: HoverOverlayProps) => import("react/jsx-runtime").JSX.Element;

package/types/index.d.ts

@@ -9,7 +9,7 @@ export * from "./drag-drop";
 export * from "./editable";
 export * from "./editable-label";
 export * from "./expando-input";
-export { HoverOverlay } from "./hover-overlay/HoverOverlay";
+export { HoverOverlay, type HoverOverlayProps, } from "./hover-overlay/HoverOverlay";
 export * from "./icon-button";
 export * from "./instrument-picker";
 export { ItemPicker, type ItemPickerProps } from "./item-picker/ItemPicker";

package/types/prompt/Prompt.d.ts

@@ -1,5 +1,5 @@
-import { DialogHeaderProps, DialogProps } from "@salt-ds/core";
-import { HTMLAttributes, ReactNode, RefObject } from "react";
+import { type DialogHeaderProps, type DialogProps } from "@salt-ds/core";
+import { type HTMLAttributes, type ReactNode, type RefObject } from "react";
 /**
  * Allow fine grained configuration of Prompt buttons
  * The ref is provided to facilitate programmatic focus.

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

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

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

@@ -1,11 +1,11 @@
 import { FormEventHandler } from "react";
 import { TableSearchProps } from "./TableSearch";
 import { DataSource } from "@vuu-ui/vuu-data-types";
-export interface TableSearchHookProps extends Pick<TableSearchProps, "searchColumns"> {
+export interface TableSearchHookProps extends Pick<TableSearchProps, "searchColumns" | "baseFilter"> {
     dataSource: DataSource;
     label?: string;
 }
-export declare const useTableSearch: ({ dataSource, searchColumns, }: TableSearchHookProps) => {
+export declare const useTableSearch: ({ baseFilter, dataSource, searchColumns, }: TableSearchHookProps) => {
     dataSource: DataSource;
     onChange: FormEventHandler;
     searchState: {

package/types/modal-provider/ModalProvider.d.ts

@@ -1,13 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-import { PromptProps } from "../prompt/Prompt";
-export type ShowDialog = (dialogContent: ReactElement, title: string, dialogActionButtons?: ReactElement[], hideCloseButton?: boolean) => void;
-export type ShowPrompt = (promptContent: ReactElement, promptProps: PromptProps) => void;
-export declare const ModalProvider: ({ children }: {
-    children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useModal: () => {
-    showDialog: ShowDialog;
-    closeDialog: () => void;
-    showPrompt: ShowPrompt;
-    closePrompt: () => void;
-};

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 {};