blimpui 0.0.26 → 0.0.28

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/select/index.d.ts

@@ -1,5 +1,5 @@
-export { Select as SelectBase } from "./select";
-export { SelectField as Select } from "./select-field";
+export { Select } from "./select";
+export { SelectField as SelectBase } 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";

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../$/components/ui/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC3D,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

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "blimpui",
-	"version": "0.0.26",
+	"version": "0.0.28",
 	"private": false,
 	"type": "module",
 	"main": "./dist/index.js",