@thewhileloop/whileui 0.2.6 → 0.2.8

package/README.md

@@ -266,19 +266,19 @@ function MyScreen() {
 
 ### Layout
 
-| Block                  | Description                                        |
-| ---------------------- | -------------------------------------------------- |
-| **ActionBar**          | Sticky bottom action row with safe-area padding    |
-| **ConfirmActionSheet** | Reusable destructive confirmation sheet            |
-| **FormModalScreen**    | Modal scaffold for forms with loading states       |
-| **EmptyState**         | Empty content placeholder                          |
-| **ErrorState**         | Error display with retry                           |
-| **LoadingScreen**      | Full-screen loading indicator                      |
-| **SmartInput**         | Keyboard-aware compose input with left/right slots |
-| **OnboardingScreen**   | Onboarding flow screen                             |
-| **SplashScreen**       | Branded splash (fade/scale/slide variants)         |
-| **MinimalSplash**      | Minimal monochrome splash                          |
-| **BrandedSplash**      | Splash with brand imagery                          |
+| Block                  | Description                                                             |
+| ---------------------- | ----------------------------------------------------------------------- |
+| **ActionBar**          | Sticky bottom action row with safe-area padding                         |
+| **ConfirmActionSheet** | Reusable destructive confirmation sheet                                 |
+| **FormModalScreen**    | Modal scaffold for forms with loading states                            |
+| **EmptyState**         | Empty content placeholder                                               |
+| **ErrorState**         | Error display with retry                                                |
+| **LoadingScreen**      | Full-screen loading indicator                                           |
+| **SmartInput**         | Keyboard-aware compose input: left/center/right slots, bar/card variant |
+| **OnboardingScreen**   | Onboarding flow screen                                                  |
+| **SplashScreen**       | Branded splash (fade/scale/slide variants)                              |
+| **MinimalSplash**      | Minimal monochrome splash                                               |
+| **BrandedSplash**      | Splash with brand imagery                                               |
 
 ### Chat
 
@@ -321,6 +321,14 @@ function MyScreen() {
 | -------------- | ----------------------------------- |
 | **SmartImage** | Image with aspect ratio and loading |
 
+### Date Picker
+
+| Block                    | Description                                       |
+| ------------------------ | ------------------------------------------------- |
+| **DatePickerModal**      | Bottom sheet modal with calendar, compact trigger |
+| **DatePickerInline**     | Inline calendar for forms or dashboards           |
+| **DateRangePickerModal** | Range selection modal with period marking         |
+
 ## Layout Primitives (Stack, Row, Box)
 
 Use `Stack` for vertical layouts, `Row` for horizontal layouts. Both support `gap`, `align`, and `justify` variants.
@@ -377,6 +385,7 @@ import { AppShell, Header, BottomNav, ScrollView } from '@thewhileloop/whileui';
 | Flow       | Blocks                                                                             |
 | ---------- | ---------------------------------------------------------------------------------- |
 | Auth       | SignInForm → SignUpForm → ForgotPasswordForm → VerifyEmailForm → ResetPasswordForm |
+| Forms      | FormField + Input/NumericInput/LabeledField + DatePickerModal + FormModalScreen    |
 | Settings   | ProfileHeader + SettingsSection + SettingsItem (+ FormModalScreen for edits)       |
 | E-commerce | ProductCard list → CheckoutSummary + ActionBar                                     |
 | Chat       | Chat + ChatSuggestions + SmartInput (attach, send). Extensible for images/tags     |
@@ -494,6 +503,29 @@ import { Uniwind } from 'uniwind';
 Uniwind.setTheme('dark'); // or 'light' or 'system'
 ```
 
+### Theme Colors for RN Primitives
+
+Some React Native APIs require hex color strings (icons, ActivityIndicator, react-native-calendars). Use `useThemeColors` or `useIconColors` to read from your `global.css` theme:
+
+```tsx
+import { useThemeColors, useIconColors } from '@thewhileloop/whileui';
+import { Feather } from '@expo/vector-icons';
+
+// Full palette (primary, foreground, muted, background, border, accent, destructive, etc.)
+const colors = useThemeColors();
+
+// Shorthand for icons: foreground, muted, primary, primaryForeground, accent, destructive
+const iconColors = useIconColors();
+
+<Feather name="heart" size={20} color={iconColors.muted} />
+<Spinner color={colors.foreground} />  // Spinner defaults to this when color not passed
+```
+
+- **useThemeColors** — Returns hex values for all semantic tokens. Use for Calendar themes, Spinner, placeholderTextColor overrides.
+- **useIconColors** — Subset for icons. Maps `muted` → `mutedForeground` (readable on backgrounds).
+
+Input, Textarea, NumericInput, SmartInput, Spinner, and LoadingScreen default to theme colors when you omit `placeholderTextColor` or `spinnerColor`.
+
 Or use the first-party ThemeBridge helper with optional persistence:
 
 ```tsx
@@ -550,12 +582,12 @@ import { Input } from '@thewhileloop/whileui';
 <Input placeholder="Email" variant="default" value={value} onChangeText={setValue} />;
 ```
 
-| Prop                 | Type                   | Default     | Description                                     |
-| -------------------- | ---------------------- | ----------- | ----------------------------------------------- |
-| variant              | `'default' \| 'error'` | `'default'` | Input style variant                             |
-| placeholder          | `string`               | —           | Placeholder text                                |
-| placeholderTextColor | `string`               | —           | Hex for placeholder (theme-aware when provided) |
-| editable             | `boolean`              | `true`      | Whether input is editable                       |
+| Prop                 | Type                   | Default     | Description                                              |
+| -------------------- | ---------------------- | ----------- | -------------------------------------------------------- |
+| variant              | `'default' \| 'error'` | `'default'` | Input style variant                                      |
+| placeholder          | `string`               | —           | Placeholder text                                         |
+| placeholderTextColor | `string`               | —           | Hex for placeholder; defaults to theme `mutedForeground` |
+| editable             | `boolean`              | `true`      | Whether input is editable                                |
 
 ## NumericInput
 
@@ -1092,7 +1124,7 @@ import { ActionBar, Button, ButtonText } from '@thewhileloop/whileui';
 
 ## SmartInput
 
-Keyboard-aware compose input. Copy-paste block — uses semantic tokens, theme via `global.css`. Forwards ref to `TextInput`.
+Keyboard-aware compose input. `variant`: "bar" (sticky bottom) or "card" (floating). Slots: `leftSlot`, `centerSlot` (intent selector), `rightSlot`. `submitBehavior`: "newline" (default) or "submit"/"blurAndSubmit". Forwards ref to `TextInput`.
 
 ```tsx
 import { SmartInput, Button, ButtonText } from '@thewhileloop/whileui';
@@ -1139,19 +1171,76 @@ const [value, setValue] = useState('');
 />;
 ```
 
-| Prop                       | Type                     | Description                                       |
-| -------------------------- | ------------------------ | ------------------------------------------------- |
-| `messages`                 | `ChatMessage[]`          | `{ id, role, content, secondary?, contentSize? }` |
-| `value`                    | `string`                 | Input value                                       |
-| `onChangeText`             | `(text) => void`         | Input change                                      |
-| `onSend`                   | `() => void`             | Send handler                                      |
-| `suggestions`              | `string[]`               | Chips when empty                                  |
-| `leftSlot` / `rightSlot`   | `ReactNode`              | Attach, send, etc.                                |
-| `exampleMessage`           | `ChatMessage`            | Shown in empty state                              |
-| `renderMessage`            | `(msg) => ReactNode`     | Custom message (markdown, code, images)           |
-| `loadingIndicator`         | `ReactNode`              | Shown when loading (typing dots)                  |
-| `inputSafeArea`            | `boolean`                | SmartInput safe-area (default `true`)             |
-| `keyboardVerticalOffset`   | `number`                 | For header offset when keyboard opens             |
+| Prop                     | Type                 | Description                                       |
+| ------------------------ | -------------------- | ------------------------------------------------- |
+| `messages`               | `ChatMessage[]`      | `{ id, role, content, secondary?, contentSize? }` |
+| `value`                  | `string`             | Input value                                       |
+| `onChangeText`           | `(text) => void`     | Input change                                      |
+| `onSend`                 | `() => void`         | Send handler                                      |
+| `suggestions`            | `string[]`           | Chips when empty                                  |
+| `leftSlot` / `rightSlot` | `ReactNode`          | Attach, send, etc.                                |
+| `exampleMessage`         | `ChatMessage`        | Shown in empty state                              |
+| `renderMessage`          | `(msg) => ReactNode` | Custom message (markdown, code, images)           |
+| `loadingIndicator`       | `ReactNode`          | Shown when loading (typing dots)                  |
+| `inputSafeArea`          | `boolean`            | SmartInput safe-area (default `true`)             |
+| `keyboardVerticalOffset` | `number`             | For header offset when keyboard opens             |
+
+## DatePickerModal / DatePickerInline / DateRangePickerModal
+
+Date selection blocks using react-native-calendars. Theme-aware via `useCalendarTheme` (Uniwind light/dark). Optional `theme` prop for custom hex colors.
+
+**DatePickerModal** — Compact trigger opens bottom sheet with calendar. Use `DatePickerTrigger` as the trigger content.
+
+**DatePickerInline** — Calendar embedded inline for forms or dashboards.
+
+**DateRangePickerModal** — Range selection with period marking. Use `DateRangePickerTrigger` as the trigger content.
+
+```tsx
+import {
+  DatePickerModal,
+  DatePickerTrigger,
+  DatePickerInline,
+  DateRangePickerModal,
+  DateRangePickerTrigger,
+  type DateRange,
+} from '@thewhileloop/whileui';
+
+// Single date (modal)
+const [date, setDate] = useState<string | null>(null);
+const [open, setOpen] = useState(false);
+
+<DatePickerModal
+  value={date}
+  onValueChange={setDate}
+  open={open}
+  onOpenChange={setOpen}
+  trigger={<DatePickerTrigger value={date} placeholder="Pick a date" />}
+  title="Select date"
+/>;
+
+// Inline calendar
+<DatePickerInline value={date} onValueChange={setDate} />;
+
+// Date range (modal)
+const [range, setRange] = useState<DateRange | null>(null);
+
+<DateRangePickerModal
+  value={range}
+  onValueChange={setRange}
+  open={rangeOpen}
+  onOpenChange={setRangeOpen}
+  trigger={<DateRangePickerTrigger value={range} placeholder="Pick range" />}
+/>;
+```
+
+| Prop                    | Type                                   | Description                     |
+| ----------------------- | -------------------------------------- | ------------------------------- |
+| `value`                 | `string \| null` / `DateRange \| null` | Selected date(s) YYYY-MM-DD     |
+| `onValueChange`         | `(date) => void`                       | Change handler                  |
+| `open` / `onOpenChange` | —                                      | Modal state (modal variants)    |
+| `trigger`               | `ReactNode`                            | Custom trigger (modal variants) |
+| `minDate` / `maxDate`   | `string`                               | YYYY-MM-DD bounds               |
+| `theme`                 | `CalendarTheme`                        | Override calendar hex colors    |
 
 ## ConfirmActionSheet
 

package/dist/blocks/datepicker/date-range-picker-modal.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { type CalendarTheme } from './use-calendar-theme';
+export interface DateRange {
+    start: string;
+    end: string;
+}
+export interface DateRangePickerModalProps {
+    /** Controlled: selected range */
+    value?: DateRange | null;
+    /** Controlled: change handler */
+    onValueChange?: (range: DateRange | null) => void;
+    /** Modal open state */
+    open: boolean;
+    /** Modal open change handler */
+    onOpenChange: (open: boolean) => void;
+    /** Minimum selectable date YYYY-MM-DD */
+    minDate?: string;
+    /** Maximum selectable date YYYY-MM-DD */
+    maxDate?: string;
+    /** Override calendar theme (hex colors) */
+    theme?: CalendarTheme;
+    /** Trigger element. If not provided, no trigger is rendered. */
+    trigger?: React.ReactNode;
+    /** Title shown in modal header */
+    title?: string;
+    /** Button label for confirm */
+    confirmLabel?: string;
+    className?: string;
+}
+declare function formatRangeDisplay(range: DateRange | null | undefined): string;
+export declare function DateRangePickerModal({ value, onValueChange, open, onOpenChange, minDate, maxDate, theme: customTheme, trigger, title, confirmLabel, className, }: DateRangePickerModalProps): import("react/jsx-runtime").JSX.Element;
+/** Compact trigger showing formatted range. Use as DateRangePickerModal's trigger prop. */
+export declare function DateRangePickerTrigger({ value, placeholder, className, }: {
+    value?: DateRange | null;
+    placeholder?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export { formatRangeDisplay };
+//# sourceMappingURL=date-range-picker-modal.d.ts.map

package/dist/blocks/datepicker/date-range-picker-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-modal.d.ts","sourceRoot":"","sources":["../../../src/blocks/datepicker/date-range-picker-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAa5E,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,yBAAyB;IACxC,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,iCAAiC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,gCAAgC;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gEAAgE;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,kBAAkB,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CAOvE;AAiCD,wBAAgB,oBAAoB,CAAC,EACnC,KAAK,EACL,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,OAAO,EACP,KAAK,EAAE,WAAW,EAClB,OAAO,EACP,KAA2B,EAC3B,YAAqB,EACrB,SAAS,GACV,EAAE,yBAAyB,2CAmH3B;AAED,2FAA2F;AAC3F,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,WAAiC,EACjC,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAYA;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/blocks/datepicker/date-range-picker-modal.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { Modal, Pressable, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useUniwind } from 'uniwind';
+import { Calendar } from 'react-native-calendars';
+import { Text } from '../../components/text';
+import { Button, ButtonText } from '../../components/button';
+import { cn } from '../../lib/cn';
+import { useCalendarTheme } from './use-calendar-theme';
+function formatRangeDisplay(range) {
+    if (!range)
+        return 'Select date range';
+    const start = new Date(range.start + 'T12:00:00');
+    const end = new Date(range.end + 'T12:00:00');
+    const fmt = (d) => d.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' });
+    return `${fmt(start)} – ${fmt(end)}`;
+}
+function toLocalDateString(d) {
+    const y = d.getFullYear();
+    const m = String(d.getMonth() + 1).padStart(2, '0');
+    const day = String(d.getDate()).padStart(2, '0');
+    return `${y}-${m}-${day}`;
+}
+function buildMarkedDates(start, end, theme) {
+    const color = theme.selectedDayBackgroundColor;
+    const textColor = theme.selectedDayTextColor;
+    const marked = {};
+    const [startY, startM, startD] = start.split('-').map(Number);
+    const [endY, endM, endD] = end.split('-').map(Number);
+    const curr = new Date(startY, startM - 1, startD);
+    const e = new Date(endY, endM - 1, endD);
+    while (curr.getTime() <= e.getTime()) {
+        const key = toLocalDateString(curr);
+        marked[key] = {
+            startingDay: key === start,
+            endingDay: key === end,
+            color,
+            textColor,
+            today: false, // Prefer range style over "today" when end/start date is today
+        };
+        curr.setDate(curr.getDate() + 1);
+    }
+    return marked;
+}
+export function DateRangePickerModal({ value, onValueChange, open, onOpenChange, minDate, maxDate, theme: customTheme, trigger, title = 'Select date range', confirmLabel = 'Done', className, }) {
+    const insets = useSafeAreaInsets();
+    const { theme } = useUniwind();
+    const calendarTheme = useCalendarTheme(customTheme);
+    const [draftStart, setDraftStart] = useState(value?.start ?? null);
+    const [draftEnd, setDraftEnd] = useState(value?.end ?? null);
+    const markedDates = useMemo(() => {
+        const color = calendarTheme.selectedDayBackgroundColor;
+        const textColor = calendarTheme.selectedDayTextColor;
+        if (!draftStart || !draftEnd) {
+            if (draftStart) {
+                return {
+                    [draftStart]: {
+                        startingDay: true,
+                        endingDay: true,
+                        color,
+                        textColor,
+                        today: false,
+                    },
+                };
+            }
+            return {};
+        }
+        const [start, end] = draftStart <= draftEnd ? [draftStart, draftEnd] : [draftEnd, draftStart];
+        return buildMarkedDates(start, end, calendarTheme);
+    }, [draftStart, draftEnd, calendarTheme]);
+    const handleDayPress = useCallback((day) => {
+        const d = day.dateString;
+        if (!draftStart || draftEnd) {
+            setDraftStart(d);
+            setDraftEnd(null);
+        }
+        else {
+            setDraftEnd(d);
+        }
+    }, [draftStart, draftEnd]);
+    const handleConfirm = useCallback(() => {
+        if (draftStart) {
+            const start = draftStart;
+            const end = draftEnd ?? draftStart;
+            onValueChange?.({
+                start: start <= end ? start : end,
+                end: start <= end ? end : start,
+            });
+        }
+        else {
+            onValueChange?.(null);
+        }
+        onOpenChange(false);
+        setDraftStart(null);
+        setDraftEnd(null);
+    }, [draftStart, draftEnd, onValueChange, onOpenChange]);
+    const handleOpen = useCallback(() => {
+        setDraftStart(value?.start ?? null);
+        setDraftEnd(value?.end ?? null);
+        onOpenChange(true);
+    }, [value, onOpenChange]);
+    const handleBackdropPress = useCallback(() => {
+        onOpenChange(false);
+        setDraftStart(null);
+        setDraftEnd(null);
+    }, [onOpenChange]);
+    return (_jsxs(_Fragment, { children: [trigger ? (_jsx(Pressable, { onPress: handleOpen, className: cn('min-h-10 w-full flex-row items-center rounded-lg border border-input bg-background px-4', className), children: trigger })) : null, _jsx(Modal, { visible: open, transparent: true, animationType: "slide", children: _jsx(Pressable, { className: "flex-1 justify-end bg-black/40", onPress: handleBackdropPress, children: _jsxs(Pressable, { className: "rounded-t-xl border border-border bg-background", style: { paddingBottom: Math.max(insets.bottom, 16) }, onPress: (e) => e.stopPropagation(), children: [_jsxs(View, { className: "flex-row items-center justify-between border-b border-border px-4 py-3", children: [_jsx(Text, { className: "text-base font-medium text-foreground", children: title }), _jsx(Button, { size: "sm", onPress: handleConfirm, children: _jsx(ButtonText, { children: confirmLabel }) })] }), _jsx(View, { className: "p-4", children: _jsx(Calendar, { current: draftStart ?? value?.start ?? undefined, onDayPress: handleDayPress, markedDates: markedDates, markingType: "period", minDate: minDate, maxDate: maxDate, theme: calendarTheme, enableSwipeMonths: true }, theme) })] }) }) })] }));
+}
+/** Compact trigger showing formatted range. Use as DateRangePickerModal's trigger prop. */
+export function DateRangePickerTrigger({ value, placeholder = 'Select date range', className, }) {
+    return (_jsxs(View, { className: cn('flex-1 flex-row items-center min-w-0', className), children: [_jsx(Text, { className: cn('flex-1 text-base', value ? 'text-foreground' : 'text-muted-foreground'), numberOfLines: 1, children: value ? formatRangeDisplay(value) : placeholder }), _jsx(View, { className: "ml-2 shrink-0 h-2 w-2 rotate-45 border-b-2 border-r-2 border-muted-foreground" })] }));
+}
+export { formatRangeDisplay };
+//# sourceMappingURL=date-range-picker-modal.js.map

package/dist/blocks/datepicker/date-range-picker-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-modal.js","sourceRoot":"","sources":["../../../src/blocks/datepicker/date-range-picker-modal.tsx"],"names":[],"mappings":"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"}

package/dist/blocks/datepicker/datepicker-inline.d.ts

@@ -0,0 +1,16 @@
+import { type CalendarTheme } from './use-calendar-theme';
+export interface DatePickerInlineProps {
+    /** Controlled: selected date in YYYY-MM-DD */
+    value?: string | null;
+    /** Controlled: change handler */
+    onValueChange?: (date: string | null) => void;
+    /** Minimum selectable date YYYY-MM-DD */
+    minDate?: string;
+    /** Maximum selectable date YYYY-MM-DD */
+    maxDate?: string;
+    /** Override calendar theme (hex colors) */
+    theme?: CalendarTheme;
+    className?: string;
+}
+export declare function DatePickerInline({ value, onValueChange, minDate, maxDate, theme: customTheme, className, }: DatePickerInlineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=datepicker-inline.d.ts.map

package/dist/blocks/datepicker/datepicker-inline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-inline.d.ts","sourceRoot":"","sources":["../../../src/blocks/datepicker/datepicker-inline.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE5E,MAAM,WAAW,qBAAqB;IACpC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,aAAa,EACb,OAAO,EACP,OAAO,EACP,KAAK,EAAE,WAAW,EAClB,SAAS,GACV,EAAE,qBAAqB,2CAiCvB"}

package/dist/blocks/datepicker/datepicker-inline.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { View } from 'react-native';
+import { useUniwind } from 'uniwind';
+import { Calendar } from 'react-native-calendars';
+import { cn } from '../../lib/cn';
+import { useCalendarTheme } from './use-calendar-theme';
+export function DatePickerInline({ value, onValueChange, minDate, maxDate, theme: customTheme, className, }) {
+    const { theme } = useUniwind();
+    const calendarTheme = useCalendarTheme(customTheme);
+    const markedDates = useMemo(() => {
+        if (!value)
+            return undefined;
+        return {
+            [value]: {
+                selected: true,
+                disableTouchEvent: false,
+                today: false, // Prefer selected style over "today" when selected date is today
+            },
+        };
+    }, [value]);
+    const handleDayPress = (day) => {
+        onValueChange?.(day.dateString);
+    };
+    return (_jsx(View, { className: cn('overflow-hidden rounded-xl border border-border', className), children: _jsx(Calendar, { current: value ?? undefined, onDayPress: handleDayPress, markedDates: markedDates, minDate: minDate, maxDate: maxDate, theme: calendarTheme, enableSwipeMonths: true }, theme) }));
+}
+//# sourceMappingURL=datepicker-inline.js.map

package/dist/blocks/datepicker/datepicker-inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-inline.js","sourceRoot":"","sources":["../../../src/blocks/datepicker/datepicker-inline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAsB,MAAM,sBAAsB,CAAC;AAgB5E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,KAAK,EACL,aAAa,EACb,OAAO,EACP,OAAO,EACP,KAAK,EAAE,WAAW,EAClB,SAAS,GACa;IACtB,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAC7B,OAAO;YACL,CAAC,KAAK,CAAC,EAAE;gBACP,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,KAAK;gBACxB,KAAK,EAAE,KAAK,EAAE,iEAAiE;aAChF;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,cAAc,GAAG,CAAC,GAAa,EAAE,EAAE;QACvC,aAAa,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,YAC/E,KAAC,QAAQ,IAEP,OAAO,EAAE,KAAK,IAAI,SAAS,EAC3B,UAAU,EAAE,cAAc,EAC1B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAwC,EAC/C,iBAAiB,UAPZ,KAAK,CAQV,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/blocks/datepicker/datepicker-modal.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { type CalendarTheme } from './use-calendar-theme';
+export interface DatePickerModalProps {
+    /** Controlled: selected date in YYYY-MM-DD */
+    value?: string | null;
+    /** Controlled: change handler */
+    onValueChange?: (date: string | null) => void;
+    /** Modal open state */
+    open: boolean;
+    /** Modal open change handler */
+    onOpenChange: (open: boolean) => void;
+    /** Minimum selectable date YYYY-MM-DD */
+    minDate?: string;
+    /** Maximum selectable date YYYY-MM-DD */
+    maxDate?: string;
+    /** Override calendar theme (hex colors) */
+    theme?: CalendarTheme;
+    /** Trigger element. If not provided, no trigger is rendered. */
+    trigger?: React.ReactNode;
+    /** Title shown in modal header */
+    title?: string;
+    /** Button label for confirm */
+    confirmLabel?: string;
+    className?: string;
+}
+declare function formatDisplayDate(dateString: string | null | undefined): string;
+export declare function DatePickerModal({ value, onValueChange, open, onOpenChange, minDate, maxDate, theme: customTheme, trigger, title, confirmLabel, className, }: DatePickerModalProps): import("react/jsx-runtime").JSX.Element;
+/** Compact trigger showing formatted date. Use as DatePickerModal's trigger prop. */
+export declare function DatePickerTrigger({ value, placeholder, className, }: {
+    value?: string | null;
+    placeholder?: string;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export { formatDisplayDate };
+//# sourceMappingURL=datepicker-modal.d.ts.map

package/dist/blocks/datepicker/datepicker-modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-modal.d.ts","sourceRoot":"","sources":["../../../src/blocks/datepicker/datepicker-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,OAAO,EAAoB,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE5E,MAAM,WAAW,oBAAoB;IACnC,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,iCAAiC;IACjC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,uBAAuB;IACvB,IAAI,EAAE,OAAO,CAAC;IACd,gCAAgC;IAChC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,gEAAgE;IAChE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,iBAAS,iBAAiB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,CASxE;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,OAAO,EACP,KAAK,EAAE,WAAW,EAClB,OAAO,EACP,KAAqB,EACrB,YAAqB,EACrB,SAAS,GACV,EAAE,oBAAoB,2CAwEtB;AAED,qFAAqF;AACrF,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,WAA2B,EAC3B,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAYA;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/blocks/datepicker/datepicker-modal.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { Modal, Pressable, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useUniwind } from 'uniwind';
+import { Calendar } from 'react-native-calendars';
+import { Text } from '../../components/text';
+import { Button, ButtonText } from '../../components/button';
+import { cn } from '../../lib/cn';
+import { useCalendarTheme } from './use-calendar-theme';
+function formatDisplayDate(dateString) {
+    if (!dateString)
+        return 'Select date';
+    const d = new Date(dateString + 'T12:00:00');
+    return d.toLocaleDateString(undefined, {
+        weekday: 'short',
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+}
+export function DatePickerModal({ value, onValueChange, open, onOpenChange, minDate, maxDate, theme: customTheme, trigger, title = 'Select date', confirmLabel = 'Done', className, }) {
+    const insets = useSafeAreaInsets();
+    const { theme } = useUniwind();
+    const calendarTheme = useCalendarTheme(customTheme);
+    const markedDates = useMemo(() => {
+        if (!value)
+            return undefined;
+        return {
+            [value]: {
+                selected: true,
+                disableTouchEvent: false,
+                today: false,
+            },
+        };
+    }, [value]);
+    const handleDayPress = (day) => {
+        onValueChange?.(day.dateString);
+    };
+    const handleConfirm = () => {
+        onOpenChange(false);
+    };
+    const handleBackdropPress = () => {
+        onOpenChange(false);
+    };
+    return (_jsxs(_Fragment, { children: [trigger ? (_jsx(Pressable, { onPress: () => onOpenChange(true), className: cn('min-h-10 w-full flex-row items-center rounded-lg border border-input bg-background px-4', className), children: trigger })) : null, _jsx(Modal, { visible: open, transparent: true, animationType: "slide", children: _jsx(Pressable, { className: "flex-1 justify-end bg-black/40", onPress: handleBackdropPress, children: _jsxs(Pressable, { className: "rounded-t-xl border border-border bg-background", style: { paddingBottom: Math.max(insets.bottom, 16) }, onPress: (e) => e.stopPropagation(), children: [_jsxs(View, { className: "flex-row items-center justify-between border-b border-border px-4 py-3", children: [_jsx(Text, { className: "text-base font-medium text-foreground", children: title }), _jsx(Button, { size: "sm", onPress: handleConfirm, children: _jsx(ButtonText, { children: confirmLabel }) })] }), _jsx(View, { className: "p-4", children: _jsx(Calendar, { current: value ?? undefined, onDayPress: handleDayPress, markedDates: markedDates, minDate: minDate, maxDate: maxDate, theme: calendarTheme, enableSwipeMonths: true }, theme) })] }) }) })] }));
+}
+/** Compact trigger showing formatted date. Use as DatePickerModal's trigger prop. */
+export function DatePickerTrigger({ value, placeholder = 'Select date', className, }) {
+    return (_jsxs(View, { className: cn('flex-1 flex-row items-center min-w-0', className), children: [_jsx(Text, { className: cn('flex-1 text-base', value ? 'text-foreground' : 'text-muted-foreground'), numberOfLines: 1, children: value ? formatDisplayDate(value) : placeholder }), _jsx(View, { className: "ml-2 shrink-0 h-2 w-2 rotate-45 border-b-2 border-r-2 border-muted-foreground" })] }));
+}
+export { formatDisplayDate };
+//# sourceMappingURL=datepicker-modal.js.map

package/dist/blocks/datepicker/datepicker-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker-modal.js","sourceRoot":"","sources":["../../../src/blocks/datepicker/datepicker-modal.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAiB,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAsB,MAAM,sBAAsB,CAAC;AA0B5E,SAAS,iBAAiB,CAAC,UAAqC;IAC9D,IAAI,CAAC,UAAU;QAAE,OAAO,aAAa,CAAC;IACtC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC;IAC7C,OAAO,CAAC,CAAC,kBAAkB,CAAC,SAAS,EAAE;QACrC,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,SAAS;QACd,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;AACL,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,OAAO,EACP,KAAK,EAAE,WAAW,EAClB,OAAO,EACP,KAAK,GAAG,aAAa,EACrB,YAAY,GAAG,MAAM,EACrB,SAAS,GACY;IACrB,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,CAAC;IAC/B,MAAM,aAAa,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;IAEpD,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAC7B,OAAO;YACL,CAAC,KAAK,CAAC,EAAE;gBACP,QAAQ,EAAE,IAAI;gBACd,iBAAiB,EAAE,KAAK;gBACxB,KAAK,EAAE,KAAK;aACb;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,cAAc,GAAG,CAAC,GAAa,EAAE,EAAE;QACvC,aAAa,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,8BACG,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,SAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,SAAS,EAAE,EAAE,CACX,yFAAyF,EACzF,SAAS,CACV,YAEA,OAAO,GACE,CACb,CAAC,CAAC,CAAC,IAAI,EAER,KAAC,KAAK,IAAC,OAAO,EAAE,IAAI,EAAE,WAAW,QAAC,aAAa,EAAC,OAAO,YACrD,KAAC,SAAS,IAAC,SAAS,EAAC,gCAAgC,EAAC,OAAO,EAAE,mBAAmB,YAChF,MAAC,SAAS,IACR,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,EACrD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,aAEnC,MAAC,IAAI,IAAC,SAAS,EAAC,wEAAwE,aACtF,KAAC,IAAI,IAAC,SAAS,EAAC,uCAAuC,YAAE,KAAK,GAAQ,EACtE,KAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,aAAa,YACtC,KAAC,UAAU,cAAE,YAAY,GAAc,GAChC,IACJ,EACP,KAAC,IAAI,IAAC,SAAS,EAAC,KAAK,YACnB,KAAC,QAAQ,IAEP,OAAO,EAAE,KAAK,IAAI,SAAS,EAC3B,UAAU,EAAE,cAAc,EAC1B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,aAAwC,EAC/C,iBAAiB,UAPZ,KAAK,CAQV,GACG,IACG,GACF,GACN,IACP,CACJ,CAAC;AACJ,CAAC;AAED,qFAAqF;AACrF,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,WAAW,GAAG,aAAa,EAC3B,SAAS,GAKV;IACC,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,aACpE,KAAC,IAAI,IACH,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,uBAAuB,CAAC,EACtF,aAAa,EAAE,CAAC,YAEf,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,GAC1C,EACP,KAAC,IAAI,IAAC,SAAS,EAAC,+EAA+E,GAAG,IAC7F,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/blocks/datepicker/index.d.ts

@@ -0,0 +1,5 @@
+export { DatePickerModal, DatePickerTrigger, formatDisplayDate, type DatePickerModalProps, } from './datepicker-modal';
+export { DatePickerInline, type DatePickerInlineProps } from './datepicker-inline';
+export { DateRangePickerModal, DateRangePickerTrigger, formatRangeDisplay, type DateRangePickerModalProps, type DateRange, } from './date-range-picker-modal';
+export { useCalendarTheme, type CalendarTheme } from './use-calendar-theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/blocks/datepicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,KAAK,oBAAoB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,KAAK,yBAAyB,EAC9B,KAAK,SAAS,GACf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/blocks/datepicker/index.js

@@ -0,0 +1,5 @@
+export { DatePickerModal, DatePickerTrigger, formatDisplayDate, } from './datepicker-modal';
+export { DatePickerInline } from './datepicker-inline';
+export { DateRangePickerModal, DateRangePickerTrigger, formatRangeDisplay, } from './date-range-picker-modal';
+export { useCalendarTheme } from './use-calendar-theme';
+//# sourceMappingURL=index.js.map

package/dist/blocks/datepicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/blocks/datepicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAElB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAA8B,MAAM,qBAAqB,CAAC;AACnF,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,GAGnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAsB,MAAM,sBAAsB,CAAC"}

package/dist/blocks/datepicker/use-calendar-theme.d.ts

@@ -0,0 +1,25 @@
+/** Theme object for react-native-calendars. Pass to Calendar's theme prop. */
+export interface CalendarTheme {
+    backgroundColor?: string;
+    calendarBackground?: string;
+    textSectionTitleColor?: string;
+    textSectionTitleDisabledColor?: string;
+    selectedDayBackgroundColor?: string;
+    selectedDayTextColor?: string;
+    todayTextColor?: string;
+    todayBackgroundColor?: string;
+    dayTextColor?: string;
+    textDisabledColor?: string;
+    dotColor?: string;
+    selectedDotColor?: string;
+    arrowColor?: string;
+    monthTextColor?: string;
+    indicatorColor?: string;
+}
+/**
+ * Returns a theme object for react-native-calendars based on current Uniwind theme.
+ * Derived from useThemeColors; apps can override by passing a custom theme.
+ * Only defined custom values override base; undefined keys keep base values.
+ */
+export declare function useCalendarTheme(customTheme?: CalendarTheme): CalendarTheme;
+//# sourceMappingURL=use-calendar-theme.d.ts.map

package/dist/blocks/datepicker/use-calendar-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-calendar-theme.d.ts","sourceRoot":"","sources":["../../../src/blocks/datepicker/use-calendar-theme.ts"],"names":[],"mappings":"AAGA,8EAA8E;AAC9E,MAAM,WAAW,aAAa;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAmBD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,WAAW,CAAC,EAAE,aAAa,GAAG,aAAa,CAS3E"}

package/dist/blocks/datepicker/use-calendar-theme.js

@@ -0,0 +1,35 @@
+import { useThemeColors } from '../../lib/theme-colors';
+function buildCalendarTheme(c) {
+    return {
+        calendarBackground: c.background,
+        textSectionTitleColor: c.mutedForeground,
+        selectedDayBackgroundColor: c.primary,
+        selectedDayTextColor: c.primaryForeground,
+        todayTextColor: c.foreground,
+        todayBackgroundColor: c.muted,
+        dayTextColor: c.foreground,
+        textDisabledColor: c.border,
+        dotColor: c.accent,
+        selectedDotColor: c.primaryForeground,
+        arrowColor: c.foreground,
+        monthTextColor: c.foreground,
+    };
+}
+/**
+ * Returns a theme object for react-native-calendars based on current Uniwind theme.
+ * Derived from useThemeColors; apps can override by passing a custom theme.
+ * Only defined custom values override base; undefined keys keep base values.
+ */
+export function useCalendarTheme(customTheme) {
+    const c = useThemeColors();
+    const base = buildCalendarTheme(c);
+    if (!customTheme)
+        return base;
+    const merged = { ...base };
+    for (const [k, v] of Object.entries(customTheme)) {
+        if (v !== undefined)
+            merged[k] = v;
+    }
+    return merged;
+}
+//# sourceMappingURL=use-calendar-theme.js.map