@eggspot/ui 0.0.0 → 0.0.3

package/dist/components/Filter/FilterField/DateModeRowValue.js

@@ -0,0 +1,150 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { Popover, PopoverDialog } from "@eggspot/ui/components/Popover";
+import { Separator } from "@eggspot/ui/components/Separator";
+import { cn } from "@eggspot/ui/lib/utils";
+import dayjs from "dayjs";
+import { ChevronDown } from "lucide-react";
+import { useFilterContext } from "../Filter.store";
+const MODE_LABEL = {
+    to: "To",
+    from: "From",
+    range: "Range",
+};
+function normalizeDateValue(value) {
+    if (value == null)
+        return null;
+    if (typeof value === "object" && !Array.isArray(value) && "mode" in value) {
+        const v = value;
+        return {
+            ...v,
+            from: v.from ? new Date(v.from) : undefined,
+            to: v.to ? new Date(v.to) : undefined,
+        };
+    }
+    if (Array.isArray(value) && value.length === 2) {
+        const [fromRaw, toRaw] = value;
+        const from = fromRaw ? new Date(fromRaw) : undefined;
+        const to = toRaw ? new Date(toRaw) : undefined;
+        return {
+            mode: "range",
+            from,
+            to,
+        };
+    }
+    if (value instanceof Date || typeof value === "string") {
+        const d = new Date(value);
+        return {
+            mode: "to",
+            to: d,
+        };
+    }
+    return null;
+}
+export function DateModeRowValue({ value, field, }) {
+    const { setFieldValue } = useFilterContext();
+    const [isOpen, setIsOpen] = useState(false);
+    const triggerRef = useRef(null);
+    const v = normalizeDateValue(value);
+    const mode = v?.mode ?? "to";
+    const applyMode = (next) => {
+        const base = v ??
+            {
+                mode: next,
+            };
+        let nextValue;
+        const today = dayjs().endOf("day").toDate();
+        if (next === "from") {
+            const existingDate = base.from ?? base.to;
+            nextValue = {
+                mode: "from",
+                from: existingDate,
+                to: undefined,
+            };
+        }
+        else if (next === "to") {
+            const existingDate = base.to ?? base.from;
+            nextValue = {
+                mode: "to",
+                from: undefined,
+                to: existingDate,
+            };
+        }
+        else {
+            const existingDate = base.from ?? base.to;
+            if (existingDate) {
+                nextValue = {
+                    mode: "range",
+                    from: dayjs(existingDate).startOf("day").toDate(),
+                    to: today,
+                    preset: base.preset,
+                };
+            }
+            else {
+                nextValue = {
+                    mode: "range",
+                    from: base.from,
+                    to: base.to ?? today,
+                    preset: base.preset,
+                };
+            }
+        }
+        setFieldValue(field, nextValue);
+        setIsOpen(false);
+    };
+    const label = MODE_LABEL[mode];
+    const text = formatDateFilterValue(value);
+    const hasPreset = !!v?.preset;
+    return (_jsxs(_Fragment, { children: [_jsxs(_Fragment, { children: [_jsxs("span", { ref: triggerRef, role: "button", tabIndex: 0, onClick: (e) => {
+                            e.stopPropagation();
+                            setIsOpen(true);
+                        }, onKeyDown: (e) => {
+                            if (e.key === "Enter" || e.key === " ") {
+                                e.preventDefault();
+                                e.stopPropagation();
+                                setIsOpen(true);
+                            }
+                        }, className: cn("inline-flex items-center gap-0.5 rounded-sm py-0.5 pr-1.5 pl-2", "text-gray-12 cursor-pointer bg-transparent", "hover:bg-gray-5 focus-visible:ring-accent-9 focus-visible:ring-1 focus-visible:outline-none"), children: [_jsx("span", { className: "capitalize", children: label }), _jsx(ChevronDown, { className: "size-3", "aria-hidden": true })] }), _jsx(Separator, { orientation: "vertical", className: "bg-gray-6 mx-2.5 h-4 w-px" })] }), _jsx("span", { className: "text-gray-12", children: text }), _jsx(Popover, { triggerRef: triggerRef, isOpen: isOpen, onOpenChange: setIsOpen, placement: "bottom start", className: "overflow-hidden rounded-lg", children: _jsxs(PopoverDialog, { className: "bg-gray-2 min-w-[140px] p-1", children: [_jsx(ModeItem, { active: mode === "from", onClick: (e) => {
+                                e.stopPropagation();
+                                applyMode("from");
+                            }, children: _jsx("span", { children: "From" }) }), _jsx(ModeItem, { active: mode === "to", onClick: (e) => {
+                                e.stopPropagation();
+                                applyMode("to");
+                            }, children: _jsx("span", { children: "To" }) }), _jsx(ModeItem, { active: mode === "range", onClick: (e) => {
+                                e.stopPropagation();
+                                applyMode("range");
+                            }, children: _jsx("span", { children: "Range" }) })] }) })] }));
+}
+function ModeItem({ active, children, onClick, }) {
+    return (_jsx("button", { type: "button", onClick: onClick, className: cn("text-gray-12 flex w-full items-center rounded-md px-2 py-1 text-xs", "hover:bg-gray-3 transition-colors", active && "bg-gray-4"), children: children }));
+}
+function formatDateFilterValue(raw) {
+    const v = normalizeDateValue(raw);
+    if (!v)
+        return "Any time";
+    const fmt = (d) => (d ? dayjs(d).format("MMM D, YYYY") : "—");
+    const fmtRange = (from, to) => {
+        if (!from || !to)
+            return `${fmt(from)} - ${fmt(to)}`;
+        const fromYear = dayjs(from).year();
+        const toYear = dayjs(to).year();
+        if (fromYear === toYear) {
+            return `${dayjs(from).format("MMM D")} - ${dayjs(to).format("MMM D, YYYY")}`;
+        }
+        return `${fmt(from)} - ${fmt(to)}`;
+    };
+    if (v.preset && v.from && v.to) {
+        return fmtRange(v.from, v.to);
+    }
+    switch (v.mode) {
+        case "from":
+            return fmt(v.from);
+        case "to":
+            return fmt(v.to);
+        case "range":
+        default:
+            return fmtRange(v.from, v.to);
+    }
+}
+//# sourceMappingURL=DateModeRowValue.js.map

package/dist/components/Filter/FilterField/DateModeRowValue.js.map

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

package/dist/components/Filter/FilterField/FilterAsyncSelect.d.ts

@@ -0,0 +1,13 @@
+import { type OptionsLoader, type SelectOption } from "../Filter.types";
+interface FilterAsyncSelectProps {
+    field?: string;
+    options: SelectOption[];
+    multi?: boolean;
+    renderIcon?: (option: SelectOption, isSelected: boolean) => React.ReactNode;
+    placeholder?: string;
+    emptyMessage?: string;
+    optionsLoader: OptionsLoader;
+}
+export declare function FilterAsyncSelect({ field: fieldProp, options, multi, renderIcon, placeholder, emptyMessage, optionsLoader, }: FilterAsyncSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterAsyncSelect.d.ts.map

package/dist/components/Filter/FilterField/FilterAsyncSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterAsyncSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/FilterField/FilterAsyncSelect.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,YAAY,EAElB,MAAM,iBAAiB,CAAA;AAGxB,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,EAAE,aAAa,CAAA;CAC7B;AAED,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EAAE,SAAS,EAChB,OAAO,EACP,KAAY,EACZ,UAAU,EACV,WAAyB,EACzB,YAAoC,EACpC,aAAa,GACd,EAAE,sBAAsB,2CAwIxB"}

package/dist/components/Filter/FilterField/FilterAsyncSelect.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useContext, useMemo } from "react";
+import { SearchInput } from "@eggspot/ui/components/Input";
+import { Autocomplete, Collection, ListBox, ListBoxLoadMoreItem, ListLayout, RootMenuTriggerStateContext, Virtualizer, } from "react-aria-components";
+import { useFilterContext, useFilterItem, useFilterItemClose, } from "../Filter.store";
+import { isSelectOptionArray, } from "../Filter.types";
+import { ListBoxOptionItem } from "./OptionItem";
+export function FilterAsyncSelect({ field: fieldProp, options, multi = true, renderIcon, placeholder = "Search...", emptyMessage = "No matching options", optionsLoader, }) {
+    const { value: filters, setFieldValue } = useFilterContext();
+    const filterItem = useFilterItem();
+    const onClose = useFilterItemClose();
+    const menuState = useContext(RootMenuTriggerStateContext);
+    const field = fieldProp ?? filterItem?.field;
+    if (!field) {
+        throw new Error("FilterAsyncSelect requires a field prop or must be used within a FilterItemProvider");
+    }
+    const raw = filters[field];
+    const storedOptions = useMemo(() => {
+        if (isSelectOptionArray(raw))
+            return raw;
+        return [];
+    }, [raw]);
+    const selectedValues = useMemo(() => {
+        if (!raw)
+            return [];
+        if (isSelectOptionArray(raw)) {
+            return raw.map((opt) => opt.value);
+        }
+        if (Array.isArray(raw)) {
+            return raw.map(String);
+        }
+        return [String(raw)];
+    }, [raw]);
+    const selectedKeys = useMemo(() => new Set(selectedValues), [selectedValues]);
+    const optionsWithId = useMemo(() => options.map((opt) => ({ ...opt, id: String(opt.value) })), [options]);
+    const handleSelectionChange = useCallback((keys) => {
+        const selectedIds = Array.from(keys).map(String);
+        const allAvailableOptions = new Map();
+        storedOptions.forEach((opt) => {
+            allAvailableOptions.set(opt.value, opt);
+        });
+        options.forEach((opt) => {
+            const { icon, ...rest } = opt;
+            allAvailableOptions.set(String(opt.value), rest);
+        });
+        const selectedOptions = selectedIds
+            .map((id) => allAvailableOptions.get(id))
+            .filter((opt) => opt !== undefined);
+        setFieldValue(field, selectedOptions.length > 0 ? selectedOptions : undefined);
+        if (!multi && selectedOptions.length > 0) {
+            menuState?.close();
+            onClose?.();
+        }
+    }, [field, options, storedOptions, setFieldValue, multi, onClose]);
+    const isInitialLoading = optionsLoader.isFetching && options.length === 0;
+    return (_jsx("div", { className: "flex max-h-[300px] min-w-[200px] flex-col", children: _jsxs(Autocomplete, { disableVirtualFocus: true, children: [_jsx("div", { className: "border-gray-6 border-b px-3 py-2", children: _jsx(SearchInput, { autoFocus: true, placeholder: placeholder, className: "placeholder:text-gray-8 h-7 rounded border-0 border-none! bg-transparent pl-0 text-xs ring-0!", onChange: optionsLoader.onSearch }) }), isInitialLoading ? (_jsx("div", { className: "py-1", children: Array.from({ length: 5 }).map((_, i) => (_jsx(SkeletonOption, {}, i))) })) : (_jsx(Virtualizer, { layout: ListLayout, layoutOptions: { estimatedRowHeight: 32 }, children: _jsxs(ListBox, { "aria-label": "Filter options", selectionMode: multi ? "multiple" : "single", selectedKeys: selectedKeys, onSelectionChange: (keys) => handleSelectionChange(keys), className: "max-h-[250px] flex-1 overflow-auto py-1 outline-none", renderEmptyState: () => (_jsx("div", { className: "text-gray-11 px-3 py-6 text-center text-xs", children: emptyMessage })), children: [_jsx(Collection, { items: optionsWithId, children: (option) => (_jsx(ListBoxOptionItem, { option: option, multi: multi, renderIcon: renderIcon })) }), optionsLoader.hasNextPage && (_jsxs(ListBoxLoadMoreItem, { onLoadMore: optionsLoader.onFetchNextPage, isLoading: optionsLoader.isFetching, className: "py-1", children: [_jsx(SkeletonOption, {}), _jsx(SkeletonOption, {})] }))] }) }))] }) }));
+}
+function SkeletonOption() {
+    return (_jsxs("div", { className: "flex h-8 animate-pulse items-center gap-2.5 px-3 py-1.5", children: [_jsx("div", { className: "border-gray-6 bg-gray-4 size-4 shrink-0 rounded border" }), _jsx("div", { className: "bg-gray-4 h-4 max-w-[120px] flex-1 rounded" })] }));
+}
+//# sourceMappingURL=FilterAsyncSelect.js.map

package/dist/components/Filter/FilterField/FilterAsyncSelect.js.map

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

package/dist/components/Filter/FilterField/FilterDateMode.d.ts

@@ -0,0 +1,2 @@
+export declare function FilterDateMode(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FilterDateMode.d.ts.map

package/dist/components/Filter/FilterField/FilterDateMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDateMode.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/FilterField/FilterDateMode.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,cAAc,4CAkM7B"}

package/dist/components/Filter/FilterField/FilterDateMode.js

@@ -0,0 +1,167 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useEffect, useRef } from "react";
+import { Menu, MenuItem, MenuPopover, MenuSeparator, MenuSubTrigger, } from "@eggspot/ui/components/Menu";
+import dayjs from "dayjs";
+import { RootMenuTriggerStateContext } from "react-aria-components";
+import { useFilterContext, useFilterItem, useFilterItemClose, } from "../Filter.store";
+import { FilterDateRange } from "./FilterDateRange";
+import { FilterSingleDate } from "./FilterSingleDate";
+function normalizeValue(value) {
+    if (value == null)
+        return null;
+    if (typeof value === "object" && !Array.isArray(value) && "mode" in value) {
+        const v = value;
+        return {
+            ...v,
+            from: v.from ? new Date(v.from) : undefined,
+            to: v.to ? new Date(v.to) : undefined,
+        };
+    }
+    if (Array.isArray(value) && value.length === 2) {
+        const [fromRaw, toRaw] = value;
+        return {
+            mode: "range",
+            from: fromRaw ? new Date(fromRaw) : undefined,
+            to: toRaw ? new Date(toRaw) : undefined,
+        };
+    }
+    return null;
+}
+export function FilterDateMode() {
+    const { value, setFieldValue } = useFilterContext();
+    const item = useFilterItem();
+    const field = item?.field;
+    if (!field) {
+        throw new Error("FilterDateMode must be used within a FilterItemProvider");
+    }
+    const current = normalizeValue(value[field]);
+    const today = dayjs();
+    const todayEnd = today.endOf("day").toDate();
+    const todayStart = today.startOf("day").toDate();
+    const updateValue = (newValue) => {
+        setFieldValue(field, newValue);
+    };
+    const getDateForSingleDate = (targetMode) => {
+        if (!current)
+            return undefined;
+        if (current.mode === targetMode) {
+            return targetMode === "from" ? current.from : current.to;
+        }
+        return undefined;
+    };
+    const getRangeForDateRange = () => {
+        if (!current)
+            return undefined;
+        if (current.mode === "range" && current.from && current.to) {
+            return [current.from, current.to];
+        }
+        return undefined;
+    };
+    const tempFieldFrom = `${field}__temp_from`;
+    const tempFieldTo = `${field}__temp_to`;
+    const tempFieldRange = `${field}__temp_range`;
+    const prevCurrentRef = useRef(null);
+    const menuState = useContext(RootMenuTriggerStateContext);
+    const onClose = useFilterItemClose();
+    useEffect(() => {
+        const currentChanged = (!current && prevCurrentRef.current) ||
+            (current && !prevCurrentRef.current) ||
+            (current &&
+                prevCurrentRef.current &&
+                (current.mode !== prevCurrentRef.current.mode ||
+                    current.from?.getTime() !== prevCurrentRef.current.from?.getTime() ||
+                    current.to?.getTime() !== prevCurrentRef.current.to?.getTime()));
+        if (currentChanged) {
+            prevCurrentRef.current = current;
+        }
+        const dateForFrom = getDateForSingleDate("from");
+        const dateForTo = getDateForSingleDate("to");
+        const rangeForRange = getRangeForDateRange();
+        const currentFrom = value[tempFieldFrom];
+        const currentTo = value[tempFieldTo];
+        const currentRange = value[tempFieldRange];
+        if (dateForFrom?.getTime() !== currentFrom?.getTime()) {
+            setFieldValue(tempFieldFrom, dateForFrom);
+        }
+        if (dateForTo?.getTime() !== currentTo?.getTime()) {
+            setFieldValue(tempFieldTo, dateForTo);
+        }
+        const rangeChanged = (!rangeForRange && currentRange) ||
+            (rangeForRange && !currentRange) ||
+            (rangeForRange &&
+                currentRange &&
+                (rangeForRange[0]?.getTime() !== currentRange[0]?.getTime() ||
+                    rangeForRange[1]?.getTime() !== currentRange[1]?.getTime()));
+        if (rangeChanged) {
+            setFieldValue(tempFieldRange, rangeForRange);
+        }
+    }, [
+        current,
+        tempFieldFrom,
+        tempFieldTo,
+        tempFieldRange,
+        setFieldValue,
+        value,
+    ]);
+    const applyPreset = (preset) => {
+        let start;
+        let end;
+        switch (preset) {
+            case "lastWeek":
+                start = today.startOf("week").subtract(1, "week");
+                end = start.endOf("week");
+                break;
+            case "thisWeek":
+                start = today.startOf("week");
+                end = today.endOf("week");
+                break;
+            case "thisMonth":
+                start = today.startOf("month");
+                end = today.endOf("month");
+                break;
+        }
+        updateValue({
+            mode: "range",
+            from: start.startOf("day").toDate(),
+            to: end.endOf("day").toDate(),
+            preset,
+        });
+        menuState?.close();
+        onClose?.();
+    };
+    return (_jsxs(Menu, { "aria-label": "Date filter options", className: "min-w-[220px]", children: [_jsxs(MenuSubTrigger, { children: [_jsx(MenuItem, { children: "From date" }), _jsx(MenuPopover, { className: "p-0", children: _jsx(FilterSingleDate, { field: tempFieldFrom, onSelect: (date) => {
+                                if (!date) {
+                                    updateValue(undefined);
+                                    return;
+                                }
+                                const fromDate = dayjs(date).startOf("day").toDate();
+                                updateValue({
+                                    mode: "from",
+                                    from: fromDate,
+                                    to: undefined,
+                                });
+                            } }) })] }), _jsxs(MenuSubTrigger, { children: [_jsx(MenuItem, { children: "To date" }), _jsx(MenuPopover, { className: "p-0", children: _jsx(FilterSingleDate, { field: tempFieldTo, onSelect: (date) => {
+                                if (!date) {
+                                    updateValue(undefined);
+                                    return;
+                                }
+                                const toDate = dayjs(date).endOf("day").toDate();
+                                updateValue({
+                                    mode: "to",
+                                    from: undefined,
+                                    to: toDate,
+                                });
+                            } }) })] }), _jsxs(MenuSubTrigger, { children: [_jsx(MenuItem, { children: "Custom date" }), _jsx(MenuPopover, { className: "p-0", children: _jsx(FilterDateRange, { field: tempFieldRange, onSelectRange: (range) => {
+                                if (!range) {
+                                    updateValue(undefined);
+                                    return;
+                                }
+                                updateValue({
+                                    mode: "range",
+                                    from: range[0],
+                                    to: range[1],
+                                });
+                            } }) })] }), _jsx(MenuSeparator, {}), _jsx(MenuItem, { onAction: () => applyPreset("lastWeek"), children: "Last week" }), _jsx(MenuItem, { onAction: () => applyPreset("thisWeek"), children: "This week" }), _jsx(MenuItem, { onAction: () => applyPreset("thisMonth"), children: "This month" })] }));
+}
+//# sourceMappingURL=FilterDateMode.js.map

package/dist/components/Filter/FilterField/FilterDateMode.js.map

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

package/dist/components/Filter/FilterField/FilterDateRange.d.ts

@@ -0,0 +1,7 @@
+interface FilterDateRangeProps {
+    field?: string;
+    onSelectRange?: (range: [Date, Date] | undefined) => void;
+}
+export declare function FilterDateRange({ field: fieldProp, onSelectRange, }: FilterDateRangeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterDateRange.d.ts.map

package/dist/components/Filter/FilterField/FilterDateRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDateRange.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/FilterField/FilterDateRange.tsx"],"names":[],"mappings":"AAgCA,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;CAC1D;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EAAE,SAAS,EAChB,aAAa,GACd,EAAE,oBAAoB,2CAwGtB"}

package/dist/components/Filter/FilterField/FilterDateRange.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import { Button } from "@eggspot/ui/components/Button";
+import { CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, CalendarHeading, RangeCalendar, } from "@eggspot/ui/components/Calendar";
+import { cn } from "@eggspot/ui/lib/utils";
+import { fromDate, getLocalTimeZone, today, } from "@internationalized/date";
+import dayjs from "dayjs";
+import { RootMenuTriggerStateContext, } from "react-aria-components";
+import { useFilterContext, useFilterItem, useFilterItemClose, } from "../Filter.store";
+export function FilterDateRange({ field: fieldProp, onSelectRange, }) {
+    const { value, setFieldValue } = useFilterContext();
+    const filterItem = useFilterItem();
+    const onClose = useFilterItemClose();
+    const menuState = useContext(RootMenuTriggerStateContext);
+    const field = fieldProp ?? filterItem?.field;
+    if (!field)
+        throw new Error("...");
+    const raw = value[field];
+    const [startDate, endDate] = raw ?? [];
+    const tz = getLocalTimeZone();
+    const todayDate = today(tz);
+    const initialStart = startDate ? fromDate(startDate, tz) : undefined;
+    const initialEnd = endDate ? fromDate(endDate, tz) : undefined;
+    const [draftRange, setDraftRange] = useState(initialStart && initialEnd ? { start: initialStart, end: initialEnd } : null);
+    const calendarValue = draftRange ?? null;
+    const applyRange = (range) => {
+        if (onSelectRange) {
+            onSelectRange(range);
+        }
+        else {
+            setFieldValue(field, range);
+        }
+    };
+    const commitDraft = () => {
+        if (!draftRange?.start || !draftRange?.end) {
+            applyRange(undefined);
+            onClose?.();
+            return;
+        }
+        const start = draftRange.start.toDate(tz);
+        const end = draftRange.end.toDate(tz);
+        applyRange([
+            dayjs(start).startOf("day").toDate(),
+            dayjs(end).endOf("day").toDate(),
+        ]);
+        menuState?.close();
+        onClose?.();
+    };
+    const handleClear = () => {
+        setDraftRange(null);
+        applyRange(undefined);
+    };
+    return (_jsxs("div", { className: "flex h-[352px] min-w-[280px] flex-col p-2", children: [_jsxs(RangeCalendar, { "aria-label": "Select date range", className: "w-full flex-1", value: calendarValue, onChange: setDraftRange, defaultFocusedValue: calendarValue?.start ?? todayDate, children: [_jsx(CalendarHeading, {}), _jsxs(CalendarGrid, { className: "border-spacing-x-0 border-spacing-y-0.5", children: [_jsx(CalendarGridHeader, { children: (day) => (_jsx(CalendarHeaderCell, { className: "text-center", children: day })) }), _jsx(CalendarGridBody, { children: (date) => (_jsx(RangeCalendarCell, { date: date, range: draftRange })) })] })] }), _jsxs("div", { className: "border-gray-6 flex justify-center gap-2 border-t pt-2", children: [_jsx(Button, { size: "sm", variant: "ghost", intent: "primary", onClick: commitDraft, isDisabled: !draftRange, children: "Apply" }), _jsx(Button, { size: "sm", variant: "ghost", intent: "secondary", onClick: handleClear, isDisabled: !raw, className: "ml-2", children: "Clear" })] })] }));
+}
+function RangeCalendarCell({ date, range, }) {
+    const hasRange = !!range?.start && !!range?.end && range.start.compare(range.end) !== 0;
+    return (_jsx(CalendarCell, { date: date, className: cn("data-selected:bg-accent-4 data-selected:text-accent-12 data-selected:rounded-none", "data-selection-start:rounded-l-md", "data-selection-end:rounded-r-md", "data-selection-start:data-selection-end:rounded-md", "data-selected:data-selection-start:bg-accent-9 data-selected:data-selection-start:text-accent-contrast", "data-selected:data-selection-end:bg-accent-9 data-selected:data-selection-end:text-accent-contrast") }));
+}
+//# sourceMappingURL=FilterDateRange.js.map

package/dist/components/Filter/FilterField/FilterDateRange.js.map

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

package/dist/components/Filter/FilterField/FilterSelect.d.ts

@@ -0,0 +1,12 @@
+import { type SelectOption } from "../Filter.types";
+interface FilterSelectProps {
+    field?: string;
+    options?: SelectOption[];
+    multi?: boolean;
+    renderIcon?: (option: SelectOption, isSelected: boolean) => React.ReactNode;
+    placeholder?: string;
+    emptyMessage?: string;
+}
+export declare function FilterSelect({ field: fieldProp, options: optionsProp, multi, renderIcon, placeholder, emptyMessage, }: FilterSelectProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilterSelect.d.ts.map

package/dist/components/Filter/FilterField/FilterSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/FilterField/FilterSelect.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAGxE,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EAAE,SAAS,EAChB,OAAO,EAAE,WAAW,EACpB,KAAY,EACZ,UAAU,EACV,WAAyB,EACzB,YAAoC,GACrC,EAAE,iBAAiB,2CAmInB"}

package/dist/components/Filter/FilterField/FilterSelect.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useContext, useMemo, useState } from "react";
+import { SearchInput } from "@eggspot/ui/components/Input";
+import { cn } from "@eggspot/ui/lib/utils";
+import { Check, Minus } from "lucide-react";
+import { Menu as AriaMenu, MenuItem as AriaMenuItem, Collection, ListLayout, RootMenuTriggerStateContext, Virtualizer, } from "react-aria-components";
+import { useFilterContext, useFilterItem, useFilterItemClose, } from "../Filter.store";
+import { isSelectOptionArray } from "../Filter.types";
+import { MenuOptionItem } from "./OptionItem";
+export function FilterSelect({ field: fieldProp, options: optionsProp, multi = true, renderIcon, placeholder = "Filter...", emptyMessage = "No matching options", }) {
+    const { value: filters, setFieldValue } = useFilterContext();
+    const filterItem = useFilterItem();
+    const onClose = useFilterItemClose();
+    const menuState = useContext(RootMenuTriggerStateContext);
+    const field = fieldProp ?? filterItem?.field;
+    const options = optionsProp ?? filterItem?.options ?? [];
+    if (!field) {
+        throw new Error("FilterSelect requires a field prop or must be used within a FilterItemProvider");
+    }
+    const [search, setSearch] = useState("");
+    const raw = filters[field];
+    const selectedValues = useMemo(() => {
+        if (!raw)
+            return [];
+        if (isSelectOptionArray(raw)) {
+            return raw.map((opt) => opt.value);
+        }
+        if (Array.isArray(raw)) {
+            return raw.map(String);
+        }
+        return [String(raw)];
+    }, [raw]);
+    const selectedKeys = useMemo(() => new Set(selectedValues), [selectedValues]);
+    const filteredOptions = useMemo(() => {
+        if (!search)
+            return options;
+        const lowerSearch = search.toLowerCase();
+        return options.filter((opt) => opt.label.toLowerCase().includes(lowerSearch));
+    }, [options, search]);
+    const optionsWithId = useMemo(() => filteredOptions.map((opt) => ({ ...opt, id: String(opt.value) })), [filteredOptions]);
+    const handleSelectionChange = useCallback((keys) => {
+        const selectedIds = Array.from(keys).map(String);
+        const selectedOptions = options
+            .filter((opt) => selectedIds.includes(String(opt.value)))
+            .map(({ icon, ...rest }) => rest);
+        setFieldValue(field, selectedOptions.length > 0 ? selectedOptions : undefined);
+        if (!multi && selectedOptions.length > 0) {
+            menuState?.close();
+            onClose?.();
+        }
+    }, [field, options, setFieldValue, multi, onClose]);
+    const handleSelectAll = useCallback(() => {
+        const isAllSelected = selectedValues.length === optionsWithId.length;
+        if (isAllSelected) {
+            setFieldValue(field, undefined);
+        }
+        else {
+            const allOptions = optionsWithId.map(({ icon, id, ...rest }) => rest);
+            setFieldValue(field, allOptions);
+        }
+    }, [field, optionsWithId, selectedValues.length, setFieldValue]);
+    const isAllSelected = selectedValues.length === optionsWithId.length && optionsWithId.length > 0;
+    const isIndeterminate = selectedValues.length > 0 && selectedValues.length < optionsWithId.length;
+    return (_jsxs("div", { className: "flex max-h-[300px] min-w-[200px] flex-col", children: [_jsx("div", { className: "border-gray-6 border-b px-3 py-2", children: _jsx(SearchInput, { placeholder: placeholder, className: "placeholder:text-gray-8 h-7 rounded border-0 border-none! bg-transparent pl-0 text-xs ring-0!", onChange: setSearch, value: search }) }), _jsx(Virtualizer, { layout: ListLayout, layoutOptions: { estimatedRowHeight: 32 }, children: _jsxs(AriaMenu, { "aria-label": "Filter options", selectionMode: multi ? "multiple" : "single", selectedKeys: selectedKeys, onSelectionChange: (keys) => handleSelectionChange(keys), className: "max-h-[250px] flex-1 overflow-auto py-1 outline-none", renderEmptyState: () => (_jsx("div", { className: "text-gray-11 px-3 py-6 text-center text-xs", children: emptyMessage })), children: [multi && optionsWithId.length > 0 && (_jsx(SelectAllItem, { isAllSelected: isAllSelected, isIndeterminate: isIndeterminate, onSelectAll: handleSelectAll })), _jsx(Collection, { items: optionsWithId, children: (option) => (_jsx(MenuOptionItem, { option: option, multi: multi, renderIcon: renderIcon })) })] }) })] }));
+}
+function SelectAllItem({ isAllSelected, isIndeterminate, onSelectAll, }) {
+    return (_jsxs(AriaMenuItem, { id: "__select_all__", textValue: "Select All", onAction: onSelectAll, className: cn("flex w-full cursor-pointer items-center gap-2.5 px-3 py-1.5 text-left text-sm outline-none", "hover:bg-gray-3 data-focused:bg-gray-3 transition-colors", "text-gray-11 font-medium"), children: [_jsxs("span", { className: cn("flex size-4 shrink-0 items-center justify-center rounded border", isAllSelected || isIndeterminate
+                    ? "bg-accent-9 border-accent-9 text-white"
+                    : "border-gray-7 bg-transparent"), children: [isAllSelected && _jsx(Check, { className: "size-3", strokeWidth: 2.5 }), isIndeterminate && _jsx(Minus, { className: "size-3", strokeWidth: 2.5 })] }), _jsx("span", { className: "flex-1", children: "Select All" })] }));
+}
+//# sourceMappingURL=FilterSelect.js.map