blimpui 0.0.25 → 0.0.27

package/dist/$/components/primitives/calendar/calendar-month-grid.d.ts

@@ -6,7 +6,7 @@ type CalendarMonthGridProps = {
     disabled?: (date: Date) => boolean;
     isDateUnavailable?: (date: Date) => boolean;
     pickerOpen: boolean;
-    onSelectDay: (day: Date) => void;
+    onSelectDay: (day: Date, outside: boolean) => void;
 };
 declare function CalendarMonthGrid({ displayMonth, firstDayOfWeekIndex, selectedDate, today, disabled, isDateUnavailable, pickerOpen, onSelectDay, }: CalendarMonthGridProps): import("react/jsx-runtime").JSX.Element;
 export { CalendarMonthGrid };

package/dist/$/components/primitives/calendar/calendar-month-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-month-grid.d.ts","sourceRoot":"","sources":["../../../../../$/components/primitives/calendar/calendar-month-grid.tsx"],"names":[],"mappings":"AAOA,KAAK,sBAAsB,GAAG;IAC7B,YAAY,EAAE,IAAI,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,UAAU,EACV,WAAW,GACX,EAAE,sBAAsB,2CA8DxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"calendar-month-grid.d.ts","sourceRoot":"","sources":["../../../../../$/components/primitives/calendar/calendar-month-grid.tsx"],"names":[],"mappings":"AAOA,KAAK,sBAAsB,GAAG;IAC7B,YAAY,EAAE,IAAI,CAAC;IACnB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,KAAK,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAC5C,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD,CAAC;AAEF,iBAAS,iBAAiB,CAAC,EAC1B,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,iBAAiB,EACjB,UAAU,EACV,WAAW,GACX,EAAE,sBAAsB,2CA8DxB;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/$/components/primitives/calendar/calendar-month-grid.js

@@ -9,21 +9,21 @@ function CalendarMonthGrid(_a) {
     var grid = React.useMemo(function () { return buildMonthGrid(displayMonth, firstDayOfWeekIndex); }, [displayMonth, firstDayOfWeekIndex]);
     return (_jsx(View, { className: "mt-2", children: grid.map(function (week, weekIndex) { return (_jsx(View, { className: "flex-row", children: week.map(function (day, dayIndex) {
                 var outside = !isSameMonth(day, displayMonth);
-                var dayDisabled = outside || Boolean(disabled === null || disabled === void 0 ? void 0 : disabled(day));
+                var dayDisabled = Boolean(disabled === null || disabled === void 0 ? void 0 : disabled(day));
                 var unavailable = !outside && Boolean(isDateUnavailable === null || isDateUnavailable === void 0 ? void 0 : isDateUnavailable(day));
                 var selected = selectedDate
                     ? isSameDay(day, selectedDate)
                     : false;
                 var isToday = isSameDay(day, today);
-                return (_jsx(View, { className: "flex-1 items-center justify-center py-1", children: _jsx(Pressable, { disabled: dayDisabled || pickerOpen, onPress: function () {
+                return (_jsx(View, { className: "flex-1 items-center justify-center py-1", children: _jsx(Pressable, { disabled: dayDisabled || pickerOpen || unavailable, onPress: function () {
                             if (unavailable)
                                 return;
-                            onSelectDay(day);
+                            onSelectDay(day, outside);
                         }, accessibilityState: {
                             disabled: dayDisabled || unavailable,
                         }, className: cn("h-8 w-8 items-center justify-center rounded-full", selected && "bg-primary", !selected &&
                             isToday &&
-                            "border-primary bg-primary/10 border", dayDisabled && "opacity-40"), children: _jsx(Text, { className: cn("text-base", selected && "text-primary-foreground", !selected && unavailable && "text-destructive", !selected && outside && "text-muted-foreground", !selected && !outside && "text-foreground"), selectable: false, children: day.getDate() }) }) }, "day-".concat(dayIndex)));
+                            "border-primary bg-primary/10 border", (outside || dayDisabled) && "opacity-40"), children: _jsx(Text, { className: cn("text-base", selected && "text-primary-foreground", !selected && unavailable && "text-destructive", !selected && outside && "text-muted-foreground", !selected && !outside && "text-foreground"), selectable: false, children: day.getDate() }) }) }, "day-".concat(dayIndex)));
             }) }, "week-".concat(weekIndex))); }) }));
 }
 export { CalendarMonthGrid };

package/dist/$/components/primitives/calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../$/components/primitives/calendar.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAE5E,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,iBAAS,QAAQ,CAAC,EACjB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,MAAM,EACN,aAAa,EACb,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,iCAAiC,GACjC,EAAE,aAAa,2CAsHf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../$/components/primitives/calendar.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AAE5E,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,iBAAS,QAAQ,CAAC,EACjB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,MAAM,EACN,aAAa,EACb,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,iCAAiC,GACjC,EAAE,aAAa,2CAyHf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/$/components/primitives/calendar.js

@@ -36,13 +36,16 @@ function Calendar(_a) {
     }), displayMonth = _c.displayMonth, setDisplayMonth = _c.setDisplayMonth, locale = _c.locale, firstDayOfWeekIndex = _c.firstDayOfWeekIndex, safeVisibleMonths = _c.safeVisibleMonths, pageStep = _c.pageStep, monthsToRender = _c.monthsToRender, years = _c.years, months = _c.months, canGoPrev = _c.canGoPrev, canGoNext = _c.canGoNext, pickerOpen = _c.pickerOpen, setPickerOpen = _c.setPickerOpen, onMonthWheel = _c.onMonthWheel, onYearWheel = _c.onYearWheel;
     var headerMonthIndex = displayMonth.getMonth();
     var headerYear = displayMonth.getFullYear();
-    var onSelectDay = React.useCallback(function (day) {
+    var onSelectDay = React.useCallback(function (day, outside) {
         if (disabled === null || disabled === void 0 ? void 0 : disabled(day))
             return;
         if (isDateUnavailable === null || isDateUnavailable === void 0 ? void 0 : isDateUnavailable(day))
             return;
+        if (outside) {
+            setDisplayMonth(startOfMonth(day));
+        }
         setSelectedDate(day);
-    }, [disabled, isDateUnavailable, setSelectedDate]);
+    }, [disabled, isDateUnavailable, setDisplayMonth, setSelectedDate]);
     return (_jsxs(View, { className: cn("bg-card border-border rounded-xl border p-4 shadow-sm shadow-black/5", className), children: [_jsx(CalendarHeader, { displayMonth: displayMonth, pickerOpen: pickerOpen, onTogglePicker: function () { return setPickerOpen(function (o) { return !o; }); }, canGoPrev: canGoPrev, canGoNext: canGoNext, onPrev: function () { return setDisplayMonth(addMonths(displayMonth, -pageStep)); }, onNext: function () { return setDisplayMonth(addMonths(displayMonth, pageStep)); } }), _jsxs(View, { className: "mt-3 relative", children: [_jsx(View, { className: cn(safeVisibleMonths > 1 && "flex-row gap-4"), children: monthsToRender.map(function (m) { return (_jsxs(View, { className: cn(safeVisibleMonths > 1 && "flex-1"), children: [safeVisibleMonths > 1 && (_jsxs(Text, { variant: "small", className: "mb-1 text-center font-semibold", children: [MONTHS[m.getMonth()], " ", m.getFullYear()] })), _jsx(CalendarWeekdaysRow, { firstDayOfWeekIndex: firstDayOfWeekIndex, locale: locale }), _jsx(CalendarMonthGrid, { displayMonth: m, firstDayOfWeekIndex: firstDayOfWeekIndex, selectedDate: selectedDate, today: today, disabled: disabled, isDateUnavailable: isDateUnavailable, pickerOpen: pickerOpen, onSelectDay: onSelectDay })] }, "".concat(m.getFullYear(), "-").concat(m.getMonth()))); }) }), _jsx(MonthYearOverlay, { open: pickerOpen, months: months, years: years, monthIndex: headerMonthIndex, year: headerYear, onMonthChange: onMonthWheel, onYearChange: onYearWheel, monthYearPickerContainerClassName: monthYearPickerContainerClassName })] })] }));
 }
 export { Calendar };

package/dist/$/components/primitives/range-calendar/range-calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../../../$/components/primitives/range-calendar/range-calendar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EACX,cAAc,EACd,YAAY,EACZ,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,EAAE,CAAC,EAAE,IAAI,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC,CAAC,EAAE,MAAM,CAAC;CAC3C,CAAC;AAkKF,iBAAS,aAAa,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,MAAM,EACN,aAAa,EACb,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,iCAAiC,GACjC,EAAE,kBAAkB,2CAyLpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"range-calendar.d.ts","sourceRoot":"","sources":["../../../../../$/components/primitives/range-calendar/range-calendar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EACX,cAAc,EACd,YAAY,EACZ,MAAM,wCAAwC,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG;IACvB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,EAAE,CAAC,EAAE,IAAI,CAAC;CACV,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC,CAAC,EAAE,MAAM,CAAC;CAC3C,CAAC;AA8JF,iBAAS,aAAa,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,MAAM,EACN,aAAa,EACb,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,iCAAiC,GACjC,EAAE,kBAAkB,2CAmMpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/$/components/primitives/range-calendar/range-calendar.js

@@ -37,32 +37,28 @@ function RangeCalendarMonthGrid(_a) {
     }, [selectedRange, previewRange]), from = _b.from, to = _b.to;
     return (_jsx(View, { className: "mt-2", children: grid.map(function (week, weekIndex) { return (_jsx(View, { className: "flex-row", children: week.map(function (day, dayIndex) {
                 var outside = !isSameMonth(day, displayMonth);
-                var dayDisabled = outside || Boolean(disabled === null || disabled === void 0 ? void 0 : disabled(day));
+                var dayDisabled = Boolean(disabled === null || disabled === void 0 ? void 0 : disabled(day));
                 var unavailable = !outside && Boolean(isDateUnavailable === null || isDateUnavailable === void 0 ? void 0 : isDateUnavailable(day));
                 var isToday = !outside && isSameDay(day, today);
-                var isStart = Boolean(from && !outside && isSameDay(day, from));
-                var isEnd = Boolean(to && !outside && isSameDay(day, to));
+                var isStart = Boolean(from && isSameDay(day, from));
+                var isEnd = Boolean(to && isSameDay(day, to));
                 var hasFullRange = Boolean(from && to);
-                var inRange = hasFullRange &&
-                    !outside &&
-                    isInInclusiveRange(day, from, to);
+                var inRange = hasFullRange && isInInclusiveRange(day, from, to);
                 var endpointSelected = isStart || isEnd;
                 var prevDay = week[dayIndex - 1];
                 var nextDay = week[dayIndex + 1];
                 var prevInRange = inRange &&
                     prevDay &&
-                    isSameMonth(prevDay, displayMonth) &&
                     isInInclusiveRange(prevDay, from, to);
                 var nextInRange = inRange &&
                     nextDay &&
-                    isSameMonth(nextDay, displayMonth) &&
                     isInInclusiveRange(nextDay, from, to);
                 var segmentStart = inRange && !prevInRange;
                 var segmentEnd = inRange && !nextInRange;
                 return (_jsx(View, { className: "flex-1 items-center justify-center py-1", children: _jsxs(View, { className: "relative h-8 w-full items-center justify-center", children: [_jsx(View, { pointerEvents: "none", className: cn("absolute inset-y-0 left-0 right-0", inRange && "bg-primary/10", segmentStart && "rounded-l-full", segmentEnd && "rounded-r-full") }), _jsx(Pressable, { disabled: dayDisabled || pickerOpen, onPress: function () {
                                     if (unavailable)
                                         return;
-                                    onSelectDay(day);
+                                    onSelectDay(day, outside);
                                 }, onHoverIn: function () {
                                     if (pickerOpen)
                                         return;
@@ -126,7 +122,7 @@ function RangeCalendar(_a) {
     }), displayMonth = _d.displayMonth, setDisplayMonth = _d.setDisplayMonth, locale = _d.locale, firstDayOfWeekIndex = _d.firstDayOfWeekIndex, safeVisibleMonths = _d.safeVisibleMonths, pageStep = _d.pageStep, monthsToRender = _d.monthsToRender, years = _d.years, months = _d.months, canGoPrev = _d.canGoPrev, canGoNext = _d.canGoNext, pickerOpen = _d.pickerOpen, setPickerOpen = _d.setPickerOpen, onMonthWheel = _d.onMonthWheel, onYearWheel = _d.onYearWheel;
     var headerMonthIndex = displayMonth.getMonth();
     var headerYear = displayMonth.getFullYear();
-    var onSelectDay = React.useCallback(function (day) {
+    var onSelectDay = React.useCallback(function (day, outside) {
         if (disabled === null || disabled === void 0 ? void 0 : disabled(day))
             return;
         if (isDateUnavailable === null || isDateUnavailable === void 0 ? void 0 : isDateUnavailable(day))
@@ -136,6 +132,9 @@ function RangeCalendar(_a) {
             hoverClearTimeoutRef.current = null;
         }
         setHoveredDay(undefined);
+        if (outside) {
+            setDisplayMonth(startOfMonth(day));
+        }
         var nextDay = startOfDay(day);
         var current = normalizeRange(selectedRangeRaw);
         // Start a new range
@@ -150,7 +149,13 @@ function RangeCalendar(_a) {
             return;
         }
         setSelectedRangeRaw({ from: fromDay, to: nextDay });
-    }, [disabled, isDateUnavailable, selectedRangeRaw, setSelectedRangeRaw]);
+    }, [
+        disabled,
+        isDateUnavailable,
+        selectedRangeRaw,
+        setDisplayMonth,
+        setSelectedRangeRaw,
+    ]);
     var onHoverDay = React.useCallback(function (day) {
         if (hoverClearTimeoutRef.current) {
             clearTimeout(hoverClearTimeoutRef.current);

package/dist/$/components/ui/date-range-picker.js

@@ -28,7 +28,6 @@ import { FormField } from "./form-field";
 import { Icon } from "./icon";
 import { Text } from "./text";
 import { Popover } from "./popover";
-import { Calendar as CalendarIcon } from "lucide-react-native";
 import * as React from "react";
 import { Pressable, useWindowDimensions, View } from "react-native";
 var buildDefaultRangeFormatter = function (locale, formatOptions) {
@@ -82,7 +81,7 @@ function DateRangePicker(_a) {
             var resolvedPopoverContentClassName = cn("border-none bg-transparent p-0 shadow-none", popoverContentProps === null || popoverContentProps === void 0 ? void 0 : popoverContentProps.className);
             return (_jsxs(_Fragment, { children: [_jsx(Popover, { onOpenChange: handleOpenChange, content: _jsx(RangeCalendar, __assign({ value: selectedRange, onValueChange: handleRangeChange }, rangeCalendarProps)), contentProps: __assign(__assign({}, popoverContentProps), { className: resolvedPopoverContentClassName, sideOffset: (_b = popoverContentProps === null || popoverContentProps === void 0 ? void 0 : popoverContentProps.sideOffset) !== null && _b !== void 0 ? _b : 8 }), triggerRef: popoverRef, type: isSmallerScreen ? "floating-sheet" : "popover" }), _jsxs(Pressable, { className: "flex-row items-center justify-between gap-2 py-1.5", disabled: formFieldProps.disabled, accessibilityState: {
                             disabled: formFieldProps.disabled,
-                        }, onPress: function () { var _a; return (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, children: [_jsx(View, { className: "flex-1", children: _jsx(Text, { className: cn("text-base", displayValue ? "text-foreground" : "text-muted-foreground"), numberOfLines: 1, ellipsizeMode: "tail", children: textToShow }) }), _jsx(Icon, { as: CalendarIcon, className: cn("size-5 text-muted-foreground", isFocused && !hasError && !hasSuccess && "text-foreground", hasError && "text-destructive", hasSuccess && "text-primary", iconClassName) })] })] }));
+                        }, onPress: function () { var _a; return (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, children: [_jsx(View, { className: "flex-1", children: _jsx(Text, { className: cn("text-base", displayValue ? "text-foreground" : "text-muted-foreground"), numberOfLines: 1, ellipsizeMode: "tail", children: textToShow }) }), _jsx(Icon, { name: "solar:calendar-outline", className: cn("size-5 text-muted-foreground", isFocused && !hasError && !hasSuccess && "text-foreground", hasError && "text-destructive", hasSuccess && "text-primary", iconClassName) })] })] }));
         } })));
 }
 DateRangePicker.displayName = "DateRangePicker";

package/dist/$/components/ui/datepicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/datepicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,EAAW,cAAc,EAAkB,MAAM,WAAW,CAAC;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,eAAe,GAAG,IAAI,CAC1B,cAAc,EACZ,UAAU,GACV,OAAO,GACP,cAAc,GACd,eAAe,GACf,SAAS,GACT,QAAQ,GACR,aAAa,CACf,GAAG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,MAAM,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC3C,aAAa,CAAC,EAAE,IAAI,CACnB,aAAa,EACb,OAAO,GAAG,cAAc,GAAG,eAAe,CAC1C,CAAC;IACF,mBAAmB,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAcF,iBAAS,UAAU,CAAC,EACnB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA6B,EAC7B,UAAU,EACV,MAAM,EACN,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,cAAc,EACd,GAAG,cAAc,EACjB,EAAE,eAAe,2CAoHjB;kBArIQ,UAAU;;;AAyInB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"datepicker.d.ts","sourceRoot":"","sources":["../../../../$/components/ui/datepicker.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,EAAW,cAAc,EAAkB,MAAM,WAAW,CAAC;AAGpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,eAAe,GAAG,IAAI,CAC1B,cAAc,EACZ,UAAU,GACV,OAAO,GACP,cAAc,GACd,eAAe,GACf,SAAS,GACT,QAAQ,GACR,aAAa,CACf,GAAG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,MAAM,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC3C,aAAa,CAAC,EAAE,IAAI,CACnB,aAAa,EACb,OAAO,GAAG,cAAc,GAAG,eAAe,CAC1C,CAAC;IACF,mBAAmB,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;CACvC,CAAC;AAcF,iBAAS,UAAU,CAAC,EACnB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,WAA6B,EAC7B,UAAU,EACV,MAAM,EACN,aAAa,EACb,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,cAAc,EACd,GAAG,cAAc,EACjB,EAAE,eAAe,2CAsHjB;kBAvIQ,UAAU;;;AA2InB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/$/components/ui/datepicker.js

@@ -28,7 +28,6 @@ import { FormField } from "./form-field";
 import { Icon } from "./icon";
 import { Text } from "./text";
 import { Popover } from "./popover";
-import { Calendar as CalendarIcon } from "lucide-react-native";
 import * as React from "react";
 import { Pressable, useWindowDimensions, View } from "react-native";
 var buildDefaultFormatter = function (locale, formatOptions) {
@@ -75,7 +74,9 @@ function DatePicker(_a) {
                         }, onPress: function () {
                             var _a;
                             (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.open();
-                        }, children: [_jsx(View, { className: "flex-1", children: _jsx(Text, { className: cn("text-base", displayValue ? "text-foreground" : "text-muted-foreground"), numberOfLines: 1, ellipsizeMode: "tail", children: textToShow }) }), _jsx(Icon, { as: CalendarIcon, className: cn("size-5 text-muted-foreground", isFocused && !hasError && !hasSuccess && "text-foreground", hasError && "text-destructive", hasSuccess && "text-primary", iconClassName) })] }) }));
+                        }, children: [_jsx(View, { className: "flex-1", children: _jsx(Text, { className: cn("text-base", displayValue
+                                        ? "text-foreground"
+                                        : "text-muted-foreground"), numberOfLines: 1, ellipsizeMode: "tail", children: textToShow }) }), _jsx(Icon, { name: "solar:calendar-outline", className: cn("size-5 text-muted-foreground", isFocused && !hasError && !hasSuccess && "text-foreground", hasError && "text-destructive", hasSuccess && "text-primary", iconClassName) })] }) }));
             } })) }));
 }
 DatePicker.displayName = "DatePicker";

package/dist/$/components/ui/icon/index.d.ts

@@ -0,0 +1,3 @@
+import { IconifyProps } from "./types";
+export declare const Icon: (props: IconifyProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/$/components/ui/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/icon/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,IAAI,GAAI,OAAO,YAAY,4CAOvC,CAAC"}

package/dist/$/components/ui/icon/index.js

@@ -0,0 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon as DefaultIcon } from "@iconify/react";
+export var Icon = function (props) { return (_jsx(DefaultIcon, __assign({}, props, { width: props.size, height: props.size, icon: props.name }))); };

package/dist/$/components/ui/icon/index.native.d.ts

@@ -0,0 +1,2 @@
+export declare const Icon: (props: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.native.d.ts.map

package/dist/$/components/ui/icon/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/icon/index.native.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,GAAI,OAAO,GAAG,4CAAgC,CAAC"}

package/dist/$/components/ui/icon/index.native.js

@@ -0,0 +1,16 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconifyIcon } from "@huymobile/react-native-iconify";
+import { withUniwind } from "uniwind";
+var IconifyLocal = withUniwind(IconifyIcon);
+export var Icon = function (props) { return _jsx(IconifyLocal, __assign({}, props)); };

package/dist/$/components/ui/icon/types.d.ts

@@ -0,0 +1,8 @@
+export interface IconifyProps {
+    name: string;
+    size?: number;
+    color?: string;
+    className?: string;
+    colorClassName?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/$/components/ui/icon/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/icon/types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/$/components/ui/icon/types.js

@@ -0,0 +1 @@
+export {};

package/dist/$/components/ui/picker.js

@@ -28,7 +28,6 @@ import { FormField } from "./form-field";
 import { Icon } from "./icon";
 import { Text } from "./text";
 import { Popover } from "./popover";
-import { ChevronDown } from "lucide-react-native";
 import * as React from "react";
 import { Pressable, useWindowDimensions, View } from "react-native";
 function Picker(_a) {
@@ -49,7 +48,7 @@ function Picker(_a) {
     var isSmallerScreen = dimensions.width < 640;
     var selectedOption = selectedValue !== undefined ? optionsMap.get(selectedValue) : undefined;
     var displayLabel = selectedOption
-        ? (_b = formatOptionLabel === null || formatOptionLabel === void 0 ? void 0 : formatOptionLabel(selectedOption)) !== null && _b !== void 0 ? _b : selectedOption.label
+        ? ((_b = formatOptionLabel === null || formatOptionLabel === void 0 ? void 0 : formatOptionLabel(selectedOption)) !== null && _b !== void 0 ? _b : selectedOption.label)
         : "";
     var textToShow = displayLabel || placeholder;
     var resolvedPopoverContentClassName = cn("border-none bg-transparent p-0 shadow-none", popoverContentProps === null || popoverContentProps === void 0 ? void 0 : popoverContentProps.className);
@@ -78,7 +77,7 @@ function Picker(_a) {
                                 (_a = popoverRef.current) === null || _a === void 0 ? void 0 : _a.open();
                             }, children: [_jsx(View, { className: "flex-1", children: _jsx(Text, { className: cn("text-base", displayLabel
                                             ? "text-foreground"
-                                            : "text-muted-foreground"), numberOfLines: 1, ellipsizeMode: "tail", children: textToShow }) }), _jsx(Icon, { as: ChevronDown, className: cn("size-5 text-muted-foreground", isFocused &&
+                                            : "text-muted-foreground"), numberOfLines: 1, ellipsizeMode: "tail", children: textToShow }) }), _jsx(Icon, { name: "icon-park-outline:down", className: cn("size-5 text-muted-foreground", isFocused &&
                                         !hasError &&
                                         !hasSuccess &&
                                         "text-foreground", hasError && "text-destructive", hasSuccess && "text-primary", iconClassName) })] }) }));

package/dist/$/components/ui/select/dialog-select.d.ts

@@ -0,0 +1,27 @@
+import { DialogContent } from "../../primitives/dialog";
+import * as React from "react";
+import type { SelectClassNames, SelectOption, SelectTriggerBaseProps, TriggerRef } from "./types";
+type DialogSelectProps = {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    renderOption?: (option: SelectOption, state: {
+        isSelected: boolean;
+        isDisabled: boolean;
+    }) => React.ReactNode;
+    classNames?: SelectClassNames;
+    dialogTitle?: string;
+    dialogContentProps?: React.ComponentPropsWithoutRef<typeof DialogContent>;
+    triggerProps?: SelectTriggerBaseProps & {
+        size?: "default" | "sm";
+    };
+    onValueChange?: (value: string | undefined, option?: SelectOption) => void;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    className?: string;
+};
+declare const DialogSelect: React.ForwardRefExoticComponent<DialogSelectProps & React.RefAttributes<TriggerRef>>;
+export { DialogSelect };
+export type { DialogSelectProps };
+//# sourceMappingURL=dialog-select.d.ts.map

package/dist/$/components/ui/select/dialog-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-select.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/select/dialog-select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEN,aAAa,EAGb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,sBAAsB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAElG,KAAK,iBAAiB,GAAG;IACxB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CACd,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE;QAAE,UAAU,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,KAC/C,KAAK,CAAC,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAC;IAC1E,YAAY,CAAC,EAAE,sBAAsB,GAAG;QAAE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;KAAE,CAAC;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,QAAA,MAAM,YAAY,sFA0HjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/$/components/ui/select/dialog-select.js

@@ -0,0 +1,56 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from "../../../../$/components/primitives/icon";
+import { cn } from "../../../../$/lib/utils";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, } from "../../primitives/dialog";
+import { ChevronDown } from "lucide-react-native";
+import * as React from "react";
+import { Platform, Pressable, ScrollView, Text, View } from "react-native";
+import { StandaloneOptionList } from "./option-list";
+var DialogSelect = React.forwardRef(function (props, ref) {
+    var options = props.options, value = props.value, defaultValue = props.defaultValue, _a = props.placeholder, placeholder = _a === void 0 ? "Select an option" : _a, renderOption = props.renderOption, classNames = props.classNames, dialogTitle = props.dialogTitle, dialogContentProps = props.dialogContentProps, triggerProps = props.triggerProps, onValueChange = props.onValueChange, onOpenChange = props.onOpenChange, disabled = props.disabled, className = props.className;
+    var _b = React.useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : ""), internalValue = _b[0], setInternalValue = _b[1];
+    var resolvedValue = value !== undefined ? value : internalValue;
+    var _c = React.useState(false), open = _c[0], setOpen = _c[1];
+    var handleOpenChange = React.useCallback(function (next) {
+        setOpen(next);
+        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(next);
+    }, [onOpenChange]);
+    React.useImperativeHandle(ref, function () {
+        return ({
+            open: function () { return handleOpenChange(true); },
+            close: function () { return handleOpenChange(false); },
+            focus: function () { return handleOpenChange(true); },
+            blur: function () { return handleOpenChange(false); },
+        });
+    }, [handleOpenChange]);
+    var handleSelect = React.useCallback(function (option) {
+        if (value === undefined) {
+            setInternalValue(option.value);
+        }
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(option.value, option);
+        handleOpenChange(false);
+    }, [value, onValueChange, handleOpenChange]);
+    var displayLabel = React.useMemo(function () {
+        var _a;
+        if (!resolvedValue)
+            return null;
+        var match = options.find(function (o) { return o.value === resolvedValue; });
+        return (_a = match === null || match === void 0 ? void 0 : match.label) !== null && _a !== void 0 ? _a : resolvedValue;
+    }, [resolvedValue, options]);
+    return (_jsxs(View, { className: cn("w-full", className), children: [_jsxs(Pressable, __assign({ onPress: function () { return !disabled && handleOpenChange(true); }, disabled: disabled, className: cn("bg-background flex h-10 flex-row items-center justify-between gap-2 rounded-md w-full sm:h-9", "border-none bg-transparent", (triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.size) === "sm" && "h-8", disabled && "opacity-50", triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.trigger) }, (Platform.OS === "web"
+                ? { role: "combobox", "aria-expanded": open }
+                : {}), { children: [_jsx(Text, { className: cn("text-sm flex-1", displayLabel ? "text-foreground" : "text-muted-foreground", classNames === null || classNames === void 0 ? void 0 : classNames.value), numberOfLines: 1, children: displayLabel !== null && displayLabel !== void 0 ? displayLabel : placeholder }), _jsx(Icon, { as: ChevronDown, className: "text-muted-foreground size-4" })] })), _jsx(Dialog, { open: open, onOpenChange: handleOpenChange, children: _jsxs(DialogContent, __assign({}, dialogContentProps, { className: cn("p-0 overflow-hidden", dialogContentProps === null || dialogContentProps === void 0 ? void 0 : dialogContentProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.content), children: [dialogTitle && (_jsx(DialogHeader, { className: "px-4 pt-4 pb-2", children: _jsx(DialogTitle, { children: dialogTitle }) })), _jsx(ScrollView, { className: cn("max-h-80 p-1", classNames === null || classNames === void 0 ? void 0 : classNames.optionList), children: _jsx(StandaloneOptionList, { options: options, selectedValue: resolvedValue, onSelect: handleSelect, renderOption: renderOption, classNames: classNames }) })] })) })] }));
+});
+DialogSelect.displayName = "DialogSelect";
+export { DialogSelect };

package/dist/$/components/ui/select/index.d.ts

@@ -0,0 +1,6 @@
+export { Select as SelectBase } from "./select";
+export { SelectField as Select } from "./select-field";
+export { NativeSelectScrollView, SelectContent, SelectTrigger, SelectValue, } from "../../primitives/select";
+export type { OptionRenderState, SelectClassNames, SelectOption, SelectProps, SelectType, } from "./types";
+export type { SelectFieldProps } from "./select-field";
+//# sourceMappingURL=index.d.ts.map

package/dist/$/components/ui/select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EACN,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,WAAW,GACX,MAAM,yBAAyB,CAAC;AACjC,YAAY,EACX,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,UAAU,GACV,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/$/components/ui/select/index.js

@@ -0,0 +1,3 @@
+export { Select as SelectBase } from "./select";
+export { SelectField as Select } from "./select-field";
+export { NativeSelectScrollView, SelectContent, SelectTrigger, SelectValue, } from "../../primitives/select";

package/dist/$/components/ui/select/option-list.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import type { SelectClassNames, SelectOption, OptionRenderState } from "./types";
+export declare const PrimitiveOptionList: ({ options, renderOption, classNames, }: {
+    options: SelectOption[];
+    renderOption?: (option: SelectOption, state: OptionRenderState) => React.ReactNode;
+    classNames?: SelectClassNames;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const StandaloneOptionList: ({ options, selectedValue, onSelect, renderOption, classNames, }: {
+    options: SelectOption[];
+    selectedValue?: string;
+    onSelect: (option: SelectOption) => void;
+    renderOption?: (option: SelectOption, state: OptionRenderState) => React.ReactNode;
+    classNames?: SelectClassNames;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=option-list.d.ts.map

package/dist/$/components/ui/select/option-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-list.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/select/option-list.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAGjF,eAAO,MAAM,mBAAmB,GAAI,wCAIjC;IACF,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,CAAC,EAAE,CACd,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,iBAAiB,KACpB,KAAK,CAAC,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC9B,4CAyDA,CAAC;AAGF,eAAO,MAAM,oBAAoB,GAAI,iEAMlC;IACF,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,YAAY,CAAC,EAAE,CACd,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE,iBAAiB,KACpB,KAAK,CAAC,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC9B,4CAqDA,CAAC"}

package/dist/$/components/ui/select/option-list.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Icon } from "../../../../$/components/primitives/icon";
+import { cn } from "../../../../$/lib/utils";
+import * as SelectPrimitive from "@rn-primitives/select";
+import { Check } from "lucide-react-native";
+import { Platform, Pressable, Text, View } from "react-native";
+// Used inside SelectPrimitive.Root (popover variant)
+export var PrimitiveOptionList = function (_a) {
+    var options = _a.options, renderOption = _a.renderOption, classNames = _a.classNames;
+    var value = SelectPrimitive.useRootContext().value;
+    var selectedValue = value === null || value === void 0 ? void 0 : value.value;
+    return (_jsx(_Fragment, { children: options.map(function (option) {
+            var _a, _b;
+            var isSelected = selectedValue === option.value;
+            var isDisabled = !!option.disabled;
+            var renderer = (_a = option.renderOption) !== null && _a !== void 0 ? _a : renderOption;
+            var content = (_b = renderer === null || renderer === void 0 ? void 0 : renderer(option, { isSelected: isSelected, isDisabled: isDisabled })) !== null && _b !== void 0 ? _b : (_jsx(SelectPrimitive.ItemText, { className: cn("text-foreground text-sm", classNames === null || classNames === void 0 ? void 0 : classNames.optionItemLabel) }));
+            return (_jsxs(SelectPrimitive.Item, { value: option.value, label: option.label, disabled: option.disabled, className: cn("group relative flex w-full flex-row items-center gap-2 rounded-sm py-2 pl-3 pr-8 sm:py-1.5", Platform.select({
+                    web: cn("focus:bg-accent focus:text-accent-foreground cursor-default outline-none data-[disabled]:pointer-events-none", "[&_svg]:pointer-events-none"),
+                }), classNames === null || classNames === void 0 ? void 0 : classNames.optionItemContainer, isSelected && (classNames === null || classNames === void 0 ? void 0 : classNames.optionItemActiveContainer), isDisabled && (classNames === null || classNames === void 0 ? void 0 : classNames.optionItemDisabledContainer)), children: [_jsx(View, { className: cn("absolute right-2 flex size-3.5 items-center justify-center", classNames === null || classNames === void 0 ? void 0 : classNames.optionItemIndicator), children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Icon, { as: Check, className: "text-muted-foreground size-4 shrink-0" }) }) }), content] }, option.value));
+        }) }));
+};
+// Standalone option list for sheet/dialog — no SelectPrimitive context needed
+export var StandaloneOptionList = function (_a) {
+    var options = _a.options, selectedValue = _a.selectedValue, onSelect = _a.onSelect, renderOption = _a.renderOption, classNames = _a.classNames;
+    return (_jsx(_Fragment, { children: options.map(function (option) {
+            var _a;
+            var isSelected = selectedValue === option.value;
+            var isDisabled = !!option.disabled;
+            var renderer = (_a = option.renderOption) !== null && _a !== void 0 ? _a : renderOption;
+            var label = renderer ? (renderer(option, { isSelected: isSelected, isDisabled: isDisabled })) : (_jsx(Text, { className: cn("text-foreground text-sm", classNames === null || classNames === void 0 ? void 0 : classNames.optionItemLabel), children: option.label }));
+            return (_jsxs(Pressable, { onPress: function () { return !isDisabled && onSelect(option); }, disabled: isDisabled, className: cn("group relative flex w-full flex-row items-center gap-2 rounded-sm py-2 pl-3 pr-8 sm:py-1.5", classNames === null || classNames === void 0 ? void 0 : classNames.optionItemContainer, isSelected && (classNames === null || classNames === void 0 ? void 0 : classNames.optionItemActiveContainer), isDisabled && (classNames === null || classNames === void 0 ? void 0 : classNames.optionItemDisabledContainer), isDisabled && "opacity-50"), children: [_jsx(View, { className: cn("absolute right-2 flex size-3.5 items-center justify-center", classNames === null || classNames === void 0 ? void 0 : classNames.optionItemIndicator), children: isSelected && (_jsx(Icon, { as: Check, className: "text-muted-foreground size-4 shrink-0" })) }), label] }, option.value));
+        }) }));
+};

package/dist/$/components/ui/select/popover-select.d.ts

@@ -0,0 +1,52 @@
+import { NativeSelectScrollView, SelectContent, SelectTrigger, SelectValue, type Option as PrimitiveOption, type TriggerRef } from "../../primitives/select";
+import * as SelectPrimitive from "@rn-primitives/select";
+import * as React from "react";
+import type { SelectOption, SelectClassNames } from "./types";
+type PopoverSelectProps = Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>, "children" | "value" | "defaultValue" | "onValueChange"> & {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    renderOption?: (option: SelectOption, state: {
+        isSelected: boolean;
+        isDisabled: boolean;
+    }) => React.ReactNode;
+    classNames?: SelectClassNames;
+    triggerProps?: React.ComponentPropsWithoutRef<typeof SelectTrigger>;
+    contentProps?: React.ComponentPropsWithoutRef<typeof SelectContent>;
+    valueProps?: Omit<React.ComponentPropsWithoutRef<typeof SelectValue>, "placeholder">;
+    scrollViewProps?: React.ComponentProps<typeof NativeSelectScrollView>;
+    onValueChange?: (value: string | undefined, option?: SelectOption) => void;
+    onOptionChange?: (option: PrimitiveOption) => void;
+};
+declare const PopoverSelect: React.ForwardRefExoticComponent<Omit<Omit<import("react-native").ViewProps & {
+    asChild?: boolean;
+} & {
+    value?: import("@rn-primitives/select").Option;
+    defaultValue?: import("@rn-primitives/select").Option;
+    onValueChange?: (option: import("@rn-primitives/select").Option) => void;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    dir?: "ltr" | "rtl";
+    name?: string;
+    required?: boolean;
+} & React.RefAttributes<import("react-native").View>, "ref">, "children" | "value" | "defaultValue" | "onValueChange"> & {
+    options: SelectOption[];
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    renderOption?: (option: SelectOption, state: {
+        isSelected: boolean;
+        isDisabled: boolean;
+    }) => React.ReactNode;
+    classNames?: SelectClassNames;
+    triggerProps?: React.ComponentPropsWithoutRef<typeof SelectTrigger>;
+    contentProps?: React.ComponentPropsWithoutRef<typeof SelectContent>;
+    valueProps?: Omit<React.ComponentPropsWithoutRef<typeof SelectValue>, "placeholder">;
+    scrollViewProps?: React.ComponentProps<typeof NativeSelectScrollView>;
+    onValueChange?: (value: string | undefined, option?: SelectOption) => void;
+    onOptionChange?: (option: PrimitiveOption) => void;
+} & React.RefAttributes<TriggerRef>>;
+export { PopoverSelect };
+export type { PopoverSelectProps };
+//# sourceMappingURL=popover-select.d.ts.map

package/dist/$/components/ui/select/popover-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-select.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/select/popover-select.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,sBAAsB,EACtB,aAAa,EACb,aAAa,EACb,WAAW,EACX,KAAK,MAAM,IAAI,eAAe,EAC9B,KAAK,UAAU,EACf,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE9D,KAAK,kBAAkB,GAAG,IAAI,CAC7B,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,eAAe,CACvD,GAAG;IACH,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,CACd,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE;QAAE,UAAU,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,KAC/C,KAAK,CAAC,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAC;IACpE,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAC;IACpE,UAAU,CAAC,EAAE,IAAI,CAChB,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,EAClD,aAAa,CACb,CAAC;IACF,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC,CAAC;IACtE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3E,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD,CAAC;AAYF,QAAA,MAAM,aAAa;;;;;;;;;;;;aA9BT,YAAY,EAAE;YACf,MAAM;mBACC,MAAM;kBACP,MAAM;mBACL,CACd,MAAM,EAAE,YAAY,EACpB,KAAK,EAAE;QAAE,UAAU,EAAE,OAAO,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,KAC/C,KAAK,CAAC,SAAS;iBACP,gBAAgB;mBACd,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC;mBACpD,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC;iBACtD,IAAI,CAChB,KAAK,CAAC,wBAAwB,CAAC,OAAO,WAAW,CAAC,EAClD,aAAa,CACb;sBACiB,KAAK,CAAC,cAAc,CAAC,OAAO,sBAAsB,CAAC;oBACrD,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,MAAM,CAAC,EAAE,YAAY,KAAK,IAAI;qBACzD,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI;oCAwGlD,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/$/components/ui/select/popover-select.js

@@ -0,0 +1,55 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NativeSelectScrollView, SelectContent, SelectTrigger, SelectValue, } from "../../primitives/select";
+import { cn } from "../../../../$/lib/utils";
+import * as SelectPrimitive from "@rn-primitives/select";
+import * as React from "react";
+import { PrimitiveOptionList } from "./option-list";
+var toPrimitiveOption = function (optionValue, optionsMap) {
+    if (!optionValue)
+        return undefined;
+    var match = optionsMap.get(optionValue);
+    if (match)
+        return { value: match.value, label: match.label };
+    return { value: optionValue, label: optionValue };
+};
+var PopoverSelect = React.forwardRef(function (props, ref) {
+    var options = props.options, value = props.value, defaultValue = props.defaultValue, _a = props.placeholder, placeholder = _a === void 0 ? "Select an option" : _a, renderOption = props.renderOption, classNames = props.classNames, triggerProps = props.triggerProps, contentProps = props.contentProps, valueProps = props.valueProps, scrollViewProps = props.scrollViewProps, onValueChange = props.onValueChange, onOptionChange = props.onOptionChange, rootProps = __rest(props, ["options", "value", "defaultValue", "placeholder", "renderOption", "classNames", "triggerProps", "contentProps", "valueProps", "scrollViewProps", "onValueChange", "onOptionChange"]);
+    var optionsMap = React.useMemo(function () { return new Map(options.map(function (opt) { return [opt.value, opt]; })); }, [options]);
+    var resolvedValue = React.useMemo(function () { return toPrimitiveOption(value, optionsMap); }, [value, optionsMap]);
+    var resolvedDefaultValue = React.useMemo(function () { return toPrimitiveOption(defaultValue, optionsMap); }, [defaultValue, optionsMap]);
+    var handleValueChange = React.useCallback(function (option) {
+        var _a, _b;
+        onOptionChange === null || onOptionChange === void 0 ? void 0 : onOptionChange(option);
+        var matchingOption = (option === null || option === void 0 ? void 0 : option.value)
+            ? (_a = optionsMap.get(option.value)) !== null && _a !== void 0 ? _a : (option
+                ? { label: (_b = option.label) !== null && _b !== void 0 ? _b : option.value, value: option.value }
+                : undefined)
+            : undefined;
+        onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(option === null || option === void 0 ? void 0 : option.value, matchingOption);
+    }, [onOptionChange, onValueChange, optionsMap]);
+    return (_jsxs(SelectPrimitive.Root, __assign({ value: resolvedValue, defaultValue: resolvedDefaultValue, onValueChange: handleValueChange }, rootProps, { className: cn("w-full", rootProps.className), children: [_jsx(SelectTrigger, __assign({ ref: ref }, triggerProps, { className: cn("border-none bg-transparent text-foreground placeholder:text-muted-foreground w-full", triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.trigger), children: _jsx(SelectValue, __assign({ placeholder: placeholder }, valueProps, { className: cn("text-foreground placeholder:text-muted-foreground", valueProps === null || valueProps === void 0 ? void 0 : valueProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.value) })) })), _jsx(SelectContent, __assign({}, contentProps, { className: cn(contentProps === null || contentProps === void 0 ? void 0 : contentProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.content), children: _jsx(NativeSelectScrollView, __assign({}, scrollViewProps, { className: cn(scrollViewProps === null || scrollViewProps === void 0 ? void 0 : scrollViewProps.className, classNames === null || classNames === void 0 ? void 0 : classNames.optionList), children: _jsx(PrimitiveOptionList, { options: options, renderOption: renderOption, classNames: classNames }) })) }))] })));
+});
+PopoverSelect.displayName = "PopoverSelect";
+export { PopoverSelect };

package/dist/$/components/ui/select/select-field.d.ts

@@ -0,0 +1,11 @@
+import { type FormFieldProps } from "../form-field";
+import * as React from "react";
+import type { SelectProps, TriggerRef } from "./types";
+type SelectFieldProps = SelectProps & Omit<FormFieldProps, "children" | "value" | "defaultValue" | "onValueChange" | "onFocus" | "onBlur" | "placeholder"> & {
+    onFieldFocus?: FormFieldProps["onFocus"];
+    onFieldBlur?: FormFieldProps["onBlur"];
+};
+declare const SelectField: React.ForwardRefExoticComponent<SelectFieldProps & React.RefAttributes<TriggerRef>>;
+export { SelectField };
+export type { SelectFieldProps };
+//# sourceMappingURL=select-field.d.ts.map