@eggspot/ui 0.0.2 → 0.0.3

package/dist/components/DataTable/DataTableDisplaySettings.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { closestCenter, DndContext, DragOverlay, KeyboardSensor, PointerSensor, TouchSensor, useSensor, useSensors, } from "@dnd-kit/core";
+import { arrayMove, SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy, } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { Button } from "@eggspot/ui/components/Button";
+import { Popover, PopoverDialog, PopoverTrigger, } from "@eggspot/ui/components/Popover";
+import { ScrollArea } from "@eggspot/ui/components/ScrollArea";
+import { Switch } from "@eggspot/ui/components/Switch";
+import { cn } from "@eggspot/ui/lib/utils";
+import { capitalize } from "lodash";
+import { GripVertical, Pin, RotateCcw, Settings2 } from "lucide-react";
+import { Heading } from "../Heading";
+function toNormalText(str) {
+    return (str
+        // convert camelCase → camel Case
+        .replace(/([a-z])([A-Z])/g, "$1 $2")
+        // replace snake_case and kebab-case
+        .replace(/[-_]/g, " ")
+        // collapse repeated spaces
+        .replace(/\s+/g, " ")
+        .trim()
+        .toLowerCase());
+}
+function getColumnLabel(column) {
+    const metaLabel = column.columnDef.meta
+        ?.label;
+    if (metaLabel)
+        return metaLabel;
+    return typeof column.columnDef.header === "string"
+        ? column.columnDef.header
+        : column.id;
+}
+function SortableColumnItem({ id, label, isVisible, isPinned, onToggleVisibility, onPin, className, }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, } = useSortable({ id });
+    const style = {
+        transform: CSS.Transform.toString(transform),
+        transition,
+    };
+    const formattedLabel = capitalize(toNormalText(label));
+    return (_jsxs("div", { ref: setNodeRef, style: style, className: cn("flex items-center gap-2 px-2 py-1.5", className, isDragging && "bg-accent-9/30 *:opacity-0"), children: [_jsx("button", { ...attributes, ...listeners, className: "hover:bg-gray-3 cursor-grab rounded p-1 active:cursor-grabbing", children: _jsx(GripVertical, { className: "text-gray-11 h-4 w-4" }) }), _jsx("span", { className: "grid flex-1 text-sm", title: formattedLabel, children: _jsx("div", { className: "truncate", children: formattedLabel }) }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Button, { variant: "ghost", size: "sm", className: cn("h-6 w-6 p-0", isPinned === "left" && "text-accent-9"), onClick: () => onPin?.(isPinned === "left" ? false : "left"), tooltip: "Pin to left", children: _jsx(Pin, { className: "size-3 rotate-45" }) }), _jsx(Button, { variant: "ghost", size: "sm", className: cn("h-6 w-6 p-0", isPinned === "right" && "text-accent-9"), onClick: () => onPin?.(isPinned === "right" ? false : "right"), tooltip: "Pin to right", children: _jsx(Pin, { className: "size-3 -rotate-45" }) }), _jsx(Switch, { isSelected: isVisible, onChange: onToggleVisibility, className: "scale-75" })] })] }));
+}
+export function DataTableDisplaySettings({ table, onResetToDefaults, }) {
+    const [activeId, setActiveId] = useState(null);
+    const sensors = useSensors(useSensor(PointerSensor), useSensor(TouchSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates,
+    }));
+    const allColumns = table
+        .getAllColumns()
+        .filter((column) => column.id !== "select" && column.getCanHide());
+    const totalItemsHeight = allColumns.length * 40 + 8;
+    const columnOrder = table.getState().columnOrder;
+    const orderedColumns = columnOrder.length > 0
+        ? columnOrder
+            .map((id) => allColumns.find((col) => col.id === id))
+            .filter(Boolean)
+        : allColumns;
+    const handleDragEnd = (event) => {
+        const { active, over } = event;
+        if (over && active.id !== over.id) {
+            setActiveId(null);
+            const oldIndex = columnOrder.indexOf(active.id);
+            const newIndex = columnOrder.indexOf(over.id);
+            const newOrder = arrayMove(columnOrder, oldIndex, newIndex);
+            table.setColumnOrder(newOrder);
+        }
+    };
+    const handleSortStart = (event) => {
+        setActiveId(event.active.id);
+    };
+    const activeColumnLabel = useMemo(() => {
+        if (!activeId)
+            return "";
+        const activeColumn = orderedColumns.find((col) => col?.id === activeId);
+        return activeColumn ? getColumnLabel(activeColumn) : activeId;
+    }, [activeId, orderedColumns]);
+    return (_jsxs(PopoverTrigger, { children: [_jsx(Button, { variant: "outline", size: "sm", mode: "icon", tooltip: "Display Settings", className: "gap-2", children: _jsx(Settings2, { className: "h-4 w-4" }) }), _jsx(Popover, { className: "w-72 overflow-hidden", placement: "bottom right", children: _jsxs(PopoverDialog, { className: "p-0", children: [_jsxs("div", { className: "flex items-center justify-between border-b px-3 py-2", children: [_jsx(Heading, { variant: "subtitle2", children: "Display Settings" }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-8", onClick: onResetToDefaults, leftIcon: _jsx(RotateCcw, {}), children: "Reset" })] }), _jsx(ScrollArea, { className: "max-h-[300px]", style: { height: totalItemsHeight }, children: _jsx("div", { className: "py-1", children: _jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleSortStart, onDragEnd: handleDragEnd, children: [_jsx(SortableContext, { items: orderedColumns.map((col) => col.id), strategy: verticalListSortingStrategy, children: orderedColumns.map((column) => {
+                                                if (!column)
+                                                    return null;
+                                                return (_jsx(SortableColumnItem, { id: column.id, label: getColumnLabel(column), isVisible: column.getIsVisible(), isPinned: column.getIsPinned(), onToggleVisibility: () => column.toggleVisibility(!column.getIsVisible()), onPin: (position) => column.pin(position) }, column.id));
+                                            }) }), _jsx(DragOverlay, { children: activeId &&
+                                                orderedColumns.find((col) => col?.id === activeId) ? (_jsx(SortableColumnItem, { id: activeId, label: activeColumnLabel, isVisible: orderedColumns
+                                                    .find((col) => col?.id === activeId)
+                                                    ?.getIsVisible() ?? false, isPinned: orderedColumns
+                                                    .find((col) => col?.id === activeId)
+                                                    ?.getIsPinned() ?? false, className: "bg-gray-3 rounded shadow-sm" })) : null })] }) }) })] }) })] }));
+}
+//# sourceMappingURL=DataTableDisplaySettings.js.map

package/dist/components/DataTable/DataTableDisplaySettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableDisplaySettings.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableDisplaySettings.tsx"],"names":[],"mappings":"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"}

package/dist/components/DataTable/DataTableFloatingBar.d.ts

@@ -0,0 +1,8 @@
+interface DataTableFloatingBarProps {
+    selectedCount: number;
+    onClearSelection: () => void;
+    children?: React.ReactNode;
+}
+export declare function DataTableFloatingBar({ selectedCount, onClearSelection, children, }: DataTableFloatingBarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=DataTableFloatingBar.d.ts.map

package/dist/components/DataTable/DataTableFloatingBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFloatingBar.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableFloatingBar.tsx"],"names":[],"mappings":"AAKA,UAAU,yBAAyB;IACjC,aAAa,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,MAAM,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,aAAa,EACb,gBAAgB,EAChB,QAAQ,GACT,EAAE,yBAAyB,kDA4B3B"}

package/dist/components/DataTable/DataTableFloatingBar.js

@@ -0,0 +1,11 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "@eggspot/ui/components/Button";
+import { Separator } from "@eggspot/ui/components/Separator";
+import { cn } from "@eggspot/ui/lib/utils";
+import { X } from "lucide-react";
+export function DataTableFloatingBar({ selectedCount, onClearSelection, children, }) {
+    if (selectedCount === 0)
+        return null;
+    return (_jsxs("div", { className: cn("fixed bottom-18 left-1/2 z-10 -translate-x-1/2", "bg-gray-2 text-gray-12", "rounded-xl border p-2 shadow-2xl dark:shadow-[0_25px_50px_0px_rgba(0,0,0,0.2),0_15px_25px_-2px_rgba(0,0,0,0.1)]", "flex items-center gap-4", "animate-in fade-in slide-in-from-bottom-4"), children: [_jsxs("div", { className: "flex items-center gap-1.5 pl-2", children: [_jsxs("span", { className: "text-sm font-medium", children: [selectedCount, " selected"] }), _jsx(Button, { variant: "ghost", size: "sm", className: "text-floating-bar-foreground/70 hover:text-floating-bar-foreground hover:bg-floating-bar-foreground/10 h-7 w-7 p-0", onClick: onClearSelection, children: _jsx(X, { className: "h-4 w-4" }) })] }), _jsx(Separator, { orientation: "vertical", className: "bg-gray-6 h-6" }), _jsx("div", { className: "flex items-center gap-2", children: children })] }));
+}
+//# sourceMappingURL=DataTableFloatingBar.js.map

package/dist/components/DataTable/DataTableFloatingBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableFloatingBar.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableFloatingBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAA;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,uBAAuB,CAAA;AAC1C,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAA;AAQhC,MAAM,UAAU,oBAAoB,CAAC,EACnC,aAAa,EACb,gBAAgB,EAChB,QAAQ,GACkB;IAC1B,IAAI,aAAa,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAEpC,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,gDAAgD,EAChD,wBAAwB,EACxB,iHAAiH,EACjH,yBAAyB,EACzB,2CAA2C,CAC5C,aAED,eAAK,SAAS,EAAC,gCAAgC,aAC7C,gBAAM,SAAS,EAAC,qBAAqB,aAAE,aAAa,iBAAiB,EACrE,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,oHAAoH,EAC9H,OAAO,EAAE,gBAAgB,YAEzB,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GAClB,IACL,EACN,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,EAAC,SAAS,EAAC,eAAe,GAAG,EAC9D,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,IACrD,CACP,CAAA;AACH,CAAC"}

package/dist/components/DataTable/DataTablePagination.d.ts

@@ -0,0 +1,11 @@
+interface DataTablePaginationProps {
+    pageIndex: number;
+    pageSize: number;
+    totalRows: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange: (size: number) => void;
+    className?: string;
+}
+export declare function DataTablePagination({ pageIndex, pageSize, totalRows, onPageChange, onPageSizeChange, className, }: DataTablePaginationProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTablePagination.d.ts.map

package/dist/components/DataTable/DataTablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTablePagination.tsx"],"names":[],"mappings":"AAQA,UAAU,wBAAwB;IAChC,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAWD,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,SAAS,GACV,EAAE,wBAAwB,2CA4I1B"}

package/dist/components/DataTable/DataTablePagination.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@eggspot/ui/components/Button";
+import { NumberInput } from "@eggspot/ui/components/NumberInput";
+import { Select } from "@eggspot/ui/components/Select";
+import { cn } from "@eggspot/ui/lib/utils";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+import { useMeasure } from "react-use";
+const pageSizeOptions = [
+    { value: 10, label: "10" },
+    { value: 20, label: "20" },
+    { value: 50, label: "50" },
+    { value: 100, label: "100" },
+    { value: 200, label: "200" },
+    { value: 1000, label: "1000" },
+];
+export function DataTablePagination({ pageIndex, pageSize, totalRows, onPageChange, onPageSizeChange, className, }) {
+    const [containerRef, { width }] = useMeasure();
+    const pageCount = Math.ceil(totalRows / pageSize);
+    const canPreviousPage = pageIndex > 0;
+    const canNextPage = pageIndex < pageCount - 1;
+    const startRow = totalRows && pageIndex * pageSize + 1;
+    const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
+    // Generate page numbers with ellipsis
+    const getPageNumbers = () => {
+        const pages = [];
+        const maxVisiblePages = 7;
+        if (pageCount <= maxVisiblePages) {
+            for (let i = 0; i < pageCount; i++) {
+                pages.push(i);
+            }
+        }
+        else {
+            pages.push(0);
+            if (pageIndex <= 2) {
+                // Near start: 1, 2, 3, 4, ..., last
+                for (let i = 1; i < 4; i++) {
+                    pages.push(i);
+                }
+                pages.push("ellipsis");
+                pages.push(pageCount - 1);
+            }
+            else if (pageIndex >= pageCount - 3) {
+                // Near end: 1, ..., last-3, last-2, last-1, last
+                pages.push("ellipsis");
+                for (let i = pageCount - 4; i < pageCount; i++) {
+                    pages.push(i);
+                }
+            }
+            else {
+                // Middle: 1, ..., prev, current, next, ..., last
+                pages.push("ellipsis");
+                pages.push(pageIndex - 1);
+                pages.push(pageIndex);
+                pages.push(pageIndex + 1);
+                pages.push("ellipsis");
+                pages.push(pageCount - 1);
+            }
+        }
+        return pages;
+    };
+    return (_jsxs("div", { ref: containerRef, className: cn("border-border bg-card flex items-center justify-between border-t px-6 py-2", className), children: [_jsxs("div", { className: "flex items-center gap-6 text-sm", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-gray-11 whitespace-nowrap", children: "Rows per page" }), _jsx(Select, { triggerClassName: "w-[80px]", popoverProps: { className: "w-[97px]" }, isSearchable: false, isClearable: false, value: pageSizeOptions.find((option) => option.value === pageSize), onChange: (value) => {
+                                    onPageSizeChange(value.value);
+                                }, options: pageSizeOptions })] }), width > 1000 && (_jsxs("span", { className: "text-gray-11 whitespace-nowrap", children: ["Showing ", startRow, " to ", endRow, " of ", totalRows] }))] }), _jsxs("div", { className: "flex items-center gap-6", children: [width > 1000 && (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Button, { mode: "icon", variant: "outline", onClick: () => onPageChange(pageIndex - 1), isDisabled: !canPreviousPage, children: _jsx(ChevronLeft, { className: "h-4 w-4" }) }), getPageNumbers().map((page, index) => page === "ellipsis" ? (_jsx("span", { className: "text-gray-11 px-2", children: "..." }, `ellipsis-${index}`)) : (_jsx(Button, { mode: "icon", className: "transition-none", onClick: () => onPageChange(page), variant: page === pageIndex ? "solid" : "outline", children: page + 1 }, page))), _jsx(Button, { mode: "icon", variant: "outline", isDisabled: !canNextPage, onClick: () => onPageChange(pageIndex + 1), children: _jsx(ChevronRight, { className: "h-4 w-4" }) })] })), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-gray-11 text-sm", children: "Go to" }), _jsx(NumberInput, { showStepper: true, minValue: 1, maxValue: pageCount, value: pageIndex + 1, onChange: (value) => onPageChange(value - 1), className: "h-8 w-16 text-center", "aria-label": "Go to page", onFocus: (e) => {
+                                    const input = e.target;
+                                    input.select();
+                                } })] })] })] }));
+}
+//# sourceMappingURL=DataTablePagination.js.map

package/dist/components/DataTable/DataTablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTablePagination.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTablePagination.tsx"],"names":[],"mappings":"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"}

package/dist/components/DataTable/DataTableStates.d.ts

@@ -0,0 +1,13 @@
+export declare function DataTableLoading(): import("react/jsx-runtime").JSX.Element;
+interface DataTableEmptyProps {
+    title?: string;
+    description?: string;
+}
+export declare function DataTableEmpty({ title, description, }: DataTableEmptyProps): import("react/jsx-runtime").JSX.Element;
+interface DataTableErrorProps {
+    message?: string;
+    onRetry?: () => void;
+}
+export declare function DataTableError({ message, onRetry, }: DataTableErrorProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTableStates.d.ts.map

package/dist/components/DataTable/DataTableStates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableStates.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableStates.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,gBAAgB,4CAM/B;AAED,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAA0B,EAC1B,WAAqF,GACtF,EAAE,mBAAmB,2CAUrB;AAED,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAwD,EACxD,OAAO,GACR,EAAE,mBAAmB,2CAerB"}

package/dist/components/DataTable/DataTableStates.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@eggspot/ui/components/Button";
+import { AlertCircle, Inbox } from "lucide-react";
+import { Spinner } from "../Spinner";
+function StatesContainer({ children }) {
+    return (_jsx("tbody", { children: _jsx("tr", { className: "h-20", children: _jsx("td", { className: "absolute inset-0 top-10 flex flex-col items-center pt-20", children: children }) }) }));
+}
+export function DataTableLoading() {
+    return (_jsx(StatesContainer, { children: _jsx(Spinner, { className: "text-accent-9 mb-4 size-6" }) }));
+}
+export function DataTableEmpty({ title = "No results found", description = "Try adjusting your search or filters to find what you're looking for.", }) {
+    return (_jsxs(StatesContainer, { children: [_jsx("div", { className: "bg-gray-3 mb-3 rounded-lg p-3", children: _jsx(Inbox, { className: "size-7 stroke-[1.5px]" }) }), _jsx("h3", { className: "mb-1 text-lg font-semibold", children: title }), _jsx("p", { className: "text-gray-11 max-w-sm text-center", children: description })] }));
+}
+export function DataTableError({ message = "Something went wrong while loading the data.", onRetry, }) {
+    return (_jsxs(StatesContainer, { children: [_jsx("div", { className: "bg-error-9/10 mb-3 rounded-lg p-3", children: _jsx(AlertCircle, { className: "text-error-11 size-7 stroke-[1.5px]" }) }), _jsx("h3", { className: "mb-1 text-lg font-semibold", children: "Error loading data" }), _jsx("p", { className: "text-gray-11 mb-4 max-w-sm text-center", children: message }), onRetry && (_jsx(Button, { variant: "outline", onClick: onRetry, children: "Try again" }))] }));
+}
+//# sourceMappingURL=DataTableStates.js.map

package/dist/components/DataTable/DataTableStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableStates.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableStates.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEpC,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAiC;IAClE,OAAO,CACL,0BACE,aAAI,SAAS,EAAC,MAAM,YAClB,aAAI,SAAS,EAAC,0DAA0D,YACrE,QAAQ,GACN,GACF,GACC,CACT,CAAA;AACH,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,OAAO,CACL,KAAC,eAAe,cACd,KAAC,OAAO,IAAC,SAAS,EAAC,2BAA2B,GAAG,GACjC,CACnB,CAAA;AACH,CAAC;AAOD,MAAM,UAAU,cAAc,CAAC,EAC7B,KAAK,GAAG,kBAAkB,EAC1B,WAAW,GAAG,uEAAuE,GACjE;IACpB,OAAO,CACL,MAAC,eAAe,eACd,cAAK,SAAS,EAAC,+BAA+B,YAC5C,KAAC,KAAK,IAAC,SAAS,EAAC,uBAAuB,GAAG,GACvC,EACN,aAAI,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAM,EACvD,YAAG,SAAS,EAAC,mCAAmC,YAAE,WAAW,GAAK,IAClD,CACnB,CAAA;AACH,CAAC;AAOD,MAAM,UAAU,cAAc,CAAC,EAC7B,OAAO,GAAG,8CAA8C,EACxD,OAAO,GACa;IACpB,OAAO,CACL,MAAC,eAAe,eACd,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,WAAW,IAAC,SAAS,EAAC,qCAAqC,GAAG,GAC3D,EACN,aAAI,SAAS,EAAC,4BAA4B,mCAAwB,EAClE,YAAG,SAAS,EAAC,wCAAwC,YAAE,OAAO,GAAK,EAClE,OAAO,IAAI,CACV,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,0BAEjC,CACV,IACe,CACnB,CAAA;AACH,CAAC"}

package/dist/components/DataTable/DataTableToolbarContainer.d.ts

@@ -0,0 +1,7 @@
+interface DataTableToolbarContainerProps<TData> {
+    header: React.ReactNode;
+    content?: React.ReactNode;
+}
+export declare function DataTableToolbarContainer<TData>({ header, content, }: DataTableToolbarContainerProps<TData>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DataTableToolbarContainer.d.ts.map

package/dist/components/DataTable/DataTableToolbarContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableToolbarContainer.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableToolbarContainer.tsx"],"names":[],"mappings":"AAEA,UAAU,8BAA8B,CAAC,KAAK;IAC5C,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,EAC/C,MAAM,EACN,OAAO,GACR,EAAE,8BAA8B,CAAC,KAAK,CAAC,2CAevC"}

package/dist/components/DataTable/DataTableToolbarContainer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Separator } from "../Separator";
+export function DataTableToolbarContainer({ header, content, }) {
+    // TODO: implement the logic to open and close the toolbar
+    return (_jsxs("div", { className: "border-b", children: [_jsx("div", { className: "px-6", children: header }), content && (_jsxs(_Fragment, { children: [_jsx(Separator, {}), _jsx("div", { className: "flex items-center justify-between px-6 py-1.5", children: content })] }))] }));
+}
+//# sourceMappingURL=DataTableToolbarContainer.js.map

package/dist/components/DataTable/DataTableToolbarContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTableToolbarContainer.js","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableToolbarContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAOxC,MAAM,UAAU,yBAAyB,CAAQ,EAC/C,MAAM,EACN,OAAO,GAC+B;IACtC,0DAA0D;IAC1D,OAAO,CACL,eAAK,SAAS,EAAC,UAAU,aACvB,cAAK,SAAS,EAAC,MAAM,YAAE,MAAM,GAAO,EACnC,OAAO,IAAI,CACV,8BACE,KAAC,SAAS,KAAG,EACb,cAAK,SAAS,EAAC,+CAA+C,YAC3D,OAAO,GACJ,IACL,CACJ,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/components/DataTable/hooks/use-data-table-settings.d.ts

@@ -0,0 +1,19 @@
+import { ColumnPinningState, ColumnSizingState, VisibilityState } from "@tanstack/react-table";
+import { DisplaySettings } from "../types/data-table";
+interface UseDataTableSettingsProps {
+    storageKey: string;
+    defaultColumnVisibility?: VisibilityState;
+    defaultColumnSizing?: ColumnSizingState;
+    defaultColumnPinning?: ColumnPinningState;
+    defaultColumnOrder?: string[];
+}
+export declare function useDataTableSettings({ storageKey, defaultColumnVisibility, defaultColumnSizing, defaultColumnPinning, defaultColumnOrder, }: UseDataTableSettingsProps): {
+    settings: DisplaySettings;
+    updateColumnVisibility: (visibility: VisibilityState) => void;
+    updateColumnSizing: (sizing: ColumnSizingState) => void;
+    updateColumnPinning: (pinning: ColumnPinningState) => void;
+    updateColumnOrder: (order: string[]) => void;
+    resetToDefaults: () => void;
+};
+export {};
+//# sourceMappingURL=use-data-table-settings.d.ts.map

package/dist/components/DataTable/hooks/use-data-table-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table-settings.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/hooks/use-data-table-settings.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,eAAe,EAChB,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAIrD,UAAU,yBAAyB;IACjC,UAAU,EAAE,MAAM,CAAA;IAClB,uBAAuB,CAAC,EAAE,eAAe,CAAA;IACzC,mBAAmB,CAAC,EAAE,iBAAiB,CAAA;IACvC,oBAAoB,CAAC,EAAE,kBAAkB,CAAA;IACzC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;CAC9B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,uBAA4B,EAC5B,mBAAwB,EACxB,oBAA8C,EAC9C,kBAAuB,GACxB,EAAE,yBAAyB;;yCAoC8B,eAAe;iCAIvB,iBAAiB;mCAIf,kBAAkB;+BAItB,MAAM,EAAE;;EA2BvD"}

package/dist/components/DataTable/hooks/use-data-table-settings.js

@@ -0,0 +1,70 @@
+import { useCallback, useEffect, useState } from "react";
+const STORAGE_PREFIX = "data-table-settings-";
+export function useDataTableSettings({ storageKey, defaultColumnVisibility = {}, defaultColumnSizing = {}, defaultColumnPinning = { left: [], right: [] }, defaultColumnOrder = [], }) {
+    const fullStorageKey = STORAGE_PREFIX + storageKey;
+    const getStoredSettings = useCallback(() => {
+        try {
+            const stored = localStorage.getItem(fullStorageKey);
+            if (stored) {
+                return JSON.parse(stored);
+            }
+        }
+        catch (error) {
+            console.error("Failed to parse stored settings:", error);
+        }
+        return null;
+    }, [fullStorageKey]);
+    const [settings, setSettings] = useState(() => {
+        const stored = getStoredSettings();
+        return (stored || {
+            columnVisibility: defaultColumnVisibility,
+            columnSizing: defaultColumnSizing,
+            columnPinning: defaultColumnPinning,
+            columnOrder: defaultColumnOrder,
+        });
+    });
+    // Persist settings to localStorage
+    useEffect(() => {
+        try {
+            localStorage.setItem(fullStorageKey, JSON.stringify(settings));
+        }
+        catch (error) {
+            console.error("Failed to save settings:", error);
+        }
+    }, [settings, fullStorageKey]);
+    const updateColumnVisibility = useCallback((visibility) => {
+        setSettings((prev) => ({ ...prev, columnVisibility: visibility }));
+    }, []);
+    const updateColumnSizing = useCallback((sizing) => {
+        setSettings((prev) => ({ ...prev, columnSizing: sizing }));
+    }, []);
+    const updateColumnPinning = useCallback((pinning) => {
+        setSettings((prev) => ({ ...prev, columnPinning: pinning }));
+    }, []);
+    const updateColumnOrder = useCallback((order) => {
+        setSettings((prev) => ({ ...prev, columnOrder: order }));
+    }, []);
+    const resetToDefaults = useCallback(() => {
+        const defaults = {
+            columnVisibility: defaultColumnVisibility,
+            columnSizing: defaultColumnSizing,
+            columnPinning: defaultColumnPinning,
+            columnOrder: defaultColumnOrder,
+        };
+        setSettings(defaults);
+    }, [
+        defaultColumnVisibility,
+        defaultColumnSizing,
+        defaultColumnPinning,
+        defaultColumnOrder,
+    ]);
+    return {
+        settings,
+        updateColumnVisibility,
+        updateColumnSizing,
+        updateColumnPinning,
+        updateColumnOrder,
+        resetToDefaults,
+    };
+}
+//# sourceMappingURL=use-data-table-settings.js.map

package/dist/components/DataTable/hooks/use-data-table-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table-settings.js","sourceRoot":"","sources":["../../../../src/components/DataTable/hooks/use-data-table-settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AASxD,MAAM,cAAc,GAAG,sBAAsB,CAAA;AAU7C,MAAM,UAAU,oBAAoB,CAAC,EACnC,UAAU,EACV,uBAAuB,GAAG,EAAE,EAC5B,mBAAmB,GAAG,EAAE,EACxB,oBAAoB,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAC9C,kBAAkB,GAAG,EAAE,GACG;IAC1B,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;IAElD,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAA2B,EAAE;QACjE,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,CAAA;YACnD,IAAI,MAAM,EAAE,CAAC;gBACX,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;YAC3B,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,KAAK,CAAC,CAAA;QAC1D,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAkB,GAAG,EAAE;QAC7D,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAA;QAClC,OAAO,CACL,MAAM,IAAI;YACR,gBAAgB,EAAE,uBAAuB;YACzC,YAAY,EAAE,mBAAmB;YACjC,aAAa,EAAE,oBAAoB;YACnC,WAAW,EAAE,kBAAkB;SAChC,CACF,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,mCAAmC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC;YACH,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAA;QAChE,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAA;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAA;IAE9B,MAAM,sBAAsB,GAAG,WAAW,CAAC,CAAC,UAA2B,EAAE,EAAE;QACzE,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC,CAAC,CAAA;IACpE,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,kBAAkB,GAAG,WAAW,CAAC,CAAC,MAAyB,EAAE,EAAE;QACnE,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IAC5D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,mBAAmB,GAAG,WAAW,CAAC,CAAC,OAA2B,EAAE,EAAE;QACtE,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;IAC9D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,KAAe,EAAE,EAAE;QACxD,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,MAAM,QAAQ,GAAoB;YAChC,gBAAgB,EAAE,uBAAuB;YACzC,YAAY,EAAE,mBAAmB;YACjC,aAAa,EAAE,oBAAoB;YACnC,WAAW,EAAE,kBAAkB;SAChC,CAAA;QACD,WAAW,CAAC,QAAQ,CAAC,CAAA;IACvB,CAAC,EAAE;QACD,uBAAuB;QACvB,mBAAmB;QACnB,oBAAoB;QACpB,kBAAkB;KACnB,CAAC,CAAA;IAEF,OAAO;QACL,QAAQ;QACR,sBAAsB;QACtB,kBAAkB;QAClB,mBAAmB;QACnB,iBAAiB;QACjB,eAAe;KAChB,CAAA;AACH,CAAC"}

package/dist/components/DataTable/index.d.ts

@@ -0,0 +1,4 @@
+export { DataTable } from "./DataTable";
+export { DataTableColumnHeader } from "./DataTableColumnHeader";
+export type { DataTableProps, BulkAction, SortingState, } from "./types/data-table";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DataTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,YAAY,EACV,cAAc,EACd,UAAU,EACV,YAAY,GACb,MAAM,oBAAoB,CAAA"}

package/dist/components/DataTable/index.js

@@ -0,0 +1,3 @@
+export { DataTable } from "./DataTable";
+export { DataTableColumnHeader } from "./DataTableColumnHeader";
+//# sourceMappingURL=index.js.map

package/dist/components/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DataTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/components/DataTable/types/data-table.d.ts

@@ -0,0 +1,76 @@
+import { ButtonProps } from "@eggspot/ui/components/Button";
+import { ColumnDef, ColumnPinningState, ColumnSizingState, InitialTableState, Table, TableState, VisibilityState } from "@tanstack/react-table";
+import { FilterValue } from "../../Filter";
+export interface DataTableProps<TData> {
+    /** Columns to display */
+    columns: ColumnDef<TData, any>[];
+    /** Data to display */
+    data: TData[];
+    /** Whether the data is fetched from the server or client. Defaults to "server" */
+    dataSource?: "server" | "client";
+    /** Whether the data is loading */
+    isLoading?: boolean;
+    /** Whether the data is fetching */
+    isFetching?: boolean;
+    /** Whether the data is error */
+    isError?: boolean;
+    /** Error message */
+    errorMessage?: string;
+    /** Render a toolbar */
+    filterBar?: (clientFilterProps: {
+        value?: FilterValue;
+        onChange?: (value: FilterValue) => void;
+    }) => React.ReactNode;
+    /** Render an action bar */
+    actionBar?: ({ table, }: {
+        table: Table<TData>;
+        clearSelection: () => void;
+    }) => React.ReactNode;
+    /** Initial state for the table */
+    initialState?: InitialTableState;
+    /** Callback when the state changes */
+    onStateChange?: (state: TableState) => void;
+    /** Total number of rows for server-side pagination */
+    rowCount?: number;
+    /** Whether to enable row selection */
+    enableRowSelection?: boolean;
+    /** Key to store the display settings in localStorage */
+    storageKey?: string;
+    defaultColumnVisibility?: VisibilityState;
+    defaultColumnSizing?: ColumnSizingState;
+    defaultColumnPinning?: ColumnPinningState;
+    defaultColumnOrder?: string[];
+    /** Estimated row height for virtualization */
+    estimatedRowHeight?: number;
+    /** Title for the empty state */
+    emptyStateTitle?: string;
+    /** Description for the empty state */
+    emptyStateDescription?: string;
+}
+export interface SortingState {
+    id: string;
+    desc: boolean;
+}
+export interface BulkAction {
+    label: string;
+    leftIcon?: React.ReactNode;
+    onClick: (selectedRows: Record<string, boolean>) => void;
+    intent?: ButtonProps["intent"];
+    variant?: ButtonProps["variant"];
+    size?: ButtonProps["size"];
+}
+export interface DisplaySettings {
+    columnVisibility: VisibilityState;
+    columnSizing: ColumnSizingState;
+    columnPinning: ColumnPinningState;
+    columnOrder: string[];
+}
+export interface DataTableState {
+    sorting: SortingState[];
+    columnVisibility: VisibilityState;
+    columnSizing: ColumnSizingState;
+    columnPinning: ColumnPinningState;
+    columnOrder: string[];
+    rowSelection: Record<string, boolean>;
+}
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/DataTable/types/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../src/components/DataTable/types/data-table.ts"],"names":[],"mappings":"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"}

package/dist/components/DataTable/types/data-table.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data-table.js.map

package/dist/components/DataTable/types/data-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.js","sourceRoot":"","sources":["../../../../src/components/DataTable/types/data-table.ts"],"names":[],"mappings":""}

package/dist/components/DatePicker.d.ts

@@ -0,0 +1,19 @@
+interface EggDatePickerProps {
+    value?: Date;
+    onChange?: (value?: Date) => void;
+    defaultValue?: Date;
+    minValue?: Date;
+    maxValue?: Date;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    label?: string;
+    withAsterisk?: boolean;
+    tooltip?: React.ReactNode;
+    granularity?: "day" | "minute";
+    hourCycle?: 12 | 24;
+    format?: "dd/mm/yyyy" | "mm/dd/yyyy" | "yyyy-mm-dd";
+}
+declare function EggDatePicker({ value: controlledValue, onChange: controlledOnChange, defaultValue, minValue, maxValue, isDisabled, isInvalid, label, withAsterisk, tooltip, granularity, hourCycle, format, }: EggDatePickerProps): import("react/jsx-runtime").JSX.Element;
+export { EggDatePicker as DatePicker };
+export type { EggDatePickerProps as DatePickerProps };
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/components/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAyDA,UAAU,kBAAkB;IAE1B,KAAK,CAAC,EAAE,IAAI,CAAA;IAGZ,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IAGjC,YAAY,CAAC,EAAE,IAAI,CAAA;IAGnB,QAAQ,CAAC,EAAE,IAAI,CAAA;IAGf,QAAQ,CAAC,EAAE,IAAI,CAAA;IAGf,UAAU,CAAC,EAAE,OAAO,CAAA;IAGpB,SAAS,CAAC,EAAE,OAAO,CAAA;IAGnB,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,YAAY,CAAC,EAAE,OAAO,CAAA;IAGtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAGzB,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAG9B,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,CAAA;IAGnB,MAAM,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,YAAY,CAAA;CACpD;AAED,iBAAS,aAAa,CAAC,EACrB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,WAAmB,EACnB,SAAc,EACd,MAAqB,GACtB,EAAE,kBAAkB,2CA+EpB;AAoBD,OAAO,EAAE,aAAa,IAAI,UAAU,EAAE,CAAA;AACtC,YAAY,EAAE,kBAAkB,IAAI,eAAe,EAAE,CAAA"}

package/dist/components/DatePicker.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Button } from "@eggspot/ui/components/Button";
+import { Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, CalendarHeading, } from "@eggspot/ui/components/Calendar";
+import { DateInput } from "@eggspot/ui/components/Datefield";
+import { parse, toValidYear } from "@eggspot/ui/components/DatePicker.utils";
+import { FieldGroup } from "@eggspot/ui/components/Field";
+import { Label } from "@eggspot/ui/components/Label";
+import { Popover } from "@eggspot/ui/components/Popover";
+import { cn } from "@eggspot/ui/lib/utils";
+import { getLocalTimeZone } from "@internationalized/date";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import dayjs from "dayjs";
+import { CalendarIcon } from "lucide-react";
+import { DatePicker as AriaDatePicker, Dialog as AriaDialog, composeRenderProps, DatePickerStateContext, I18nProvider, } from "react-aria-components";
+const DatePicker = AriaDatePicker;
+const DatePickerContent = ({ className, popoverClassName, ...props }) => (_jsx(Popover, { animateOut: false, className: composeRenderProps(popoverClassName, (className) => cn("w-auto p-1", className)), placement: "bottom right", children: _jsx(AriaDialog, { className: cn("flex w-full flex-col space-y-4 outline-none sm:flex-row sm:space-y-0 sm:space-x-4", className), ...props }) }));
+function EggDatePicker({ value: controlledValue, onChange: controlledOnChange, defaultValue, minValue, maxValue, isDisabled, isInvalid, label, withAsterisk, tooltip, granularity = "day", hourCycle = 24, format = "dd/mm/yyyy", }) {
+    const [value, onChange] = useControllableState({
+        prop: controlledValue,
+        defaultProp: defaultValue,
+        onChange: controlledOnChange,
+    });
+    let locale = "en-AU";
+    if (format === "dd/mm/yyyy") {
+        locale = "en-AU";
+    }
+    else if (format === "mm/dd/yyyy") {
+        locale = "en-US";
+    }
+    else if (format === "yyyy-mm-dd") {
+        locale = "en-CA";
+    }
+    return (_jsx(I18nProvider, { locale: locale, children: _jsxs(DatePicker, { "aria-label": "Date Picker", className: "flex w-full flex-col gap-1.5", value: parse(value, granularity), onChange: (value) => onChange(value?.toDate(getLocalTimeZone())), minValue: minValue ? parse(minValue) : null, maxValue: maxValue ? parse(maxValue) : null, isDisabled: isDisabled, granularity: granularity, hourCycle: hourCycle, isInvalid: isInvalid, hideTimeZone: true, onBlur: () => {
+                if (value) {
+                    onChange(toValidYear(value));
+                }
+            }, children: [label && (_jsx(Label, { withAsterisk: withAsterisk, tooltip: tooltip, children: label })), _jsxs(FieldGroup, { className: "has-[button[aria-expanded=true]]:ring-accent-9 pr-2.5 has-[button[aria-expanded=true]]:ring-2", children: [_jsx(DateInput, { className: "flex-1", variant: "ghost" }), _jsx(Button, { mode: "icon", size: "sm", variant: "ghost", intent: "secondary", tooltip: "Select Date", tooltipDelay: 2000, className: "-mr-1 size-6 data-[focus-visible]:ring-offset-0", isDisabled: isDisabled, children: _jsx(CalendarIcon, { "aria-hidden": true, className: "text-gray-11 size-4" }) })] }), _jsx("span", { className: "text-gray-11 text-xs leading-none", children: format }), _jsx(DatePickerContent, { children: _jsxs("div", { children: [_jsxs(Calendar, { children: [_jsx(CalendarHeading, {}), _jsxs(CalendarGrid, { children: [_jsx(CalendarGridHeader, { children: (day) => _jsx(CalendarHeaderCell, { children: day }) }), _jsx(CalendarGridBody, { children: (date) => _jsx(CalendarCell, { date: date }) })] })] }), _jsx("div", { className: "flex justify-center py-1", children: _jsx(TodayButton, {}) })] }) })] }) }));
+}
+function TodayButton() {
+    const state = useContext(DatePickerStateContext);
+    return (_jsx(Button, { size: "sm", variant: "ghost", intent: "primary", onClick: () => {
+            state?.setValue(parse(dayjs().startOf("day").toDate()));
+            state?.close();
+        }, children: "Today" }));
+}
+export { EggDatePicker as DatePicker };
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"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"}