@tribepad/themis 1.0.0 → 1.0.1

package/dist/elements/DatePicker/index.mjs

@@ -1,6 +1,855 @@
-export { Calendar, CalendarPropsSchema, DateField, DateFieldPropsSchema, DatePicker, DatePickerPropsSchema, DateRangePicker, DateRangePickerPropsSchema, RangeCalendarPropsSchema, calendarCellVariants, calendarGridHeaderCellVariants, calendarGridVariants, calendarHeaderVariants, calendarNavButtonVariants, dateFieldVariants, datePickerDescriptionVariants, datePickerErrorVariants, datePickerLabelVariants, datePickerPopoverVariants, datePickerTriggerVariants, dateSegmentVariants, getLocalTimeZone, isWeekend, now, parseDate, parseDateTime, parseZonedDateTime, today } from '../../chunk-JJOWXFXQ.mjs';
-import '../../chunk-Z4FRNOF6.mjs';
-import '../../chunk-HK46BT5U.mjs';
-import '../../chunk-E2KQFV3O.mjs';
+"use client";
+import { createContext, forwardRef, useMemo } from 'react';
+import { DatePicker as DatePicker$1, Label, Group, DateInput, DateSegment, Button, Text, FieldError, Popover, Dialog, Calendar as Calendar$2, Heading, CalendarGrid, CalendarGridHeader, CalendarHeaderCell, CalendarGridBody, CalendarCell, DateRangePicker as DateRangePicker$1, RangeCalendar, DateField as DateField$1 } from 'react-aria-components';
+import { Calendar as Calendar$1, ChevronLeft, ChevronRight } from 'lucide-react';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { z } from 'zod';
+export { getLocalTimeZone, isWeekend, now, parseDate, parseDateTime, parseZonedDateTime, today } from '@internationalized/date';
+
+// src/elements/DatePicker/DatePicker.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/styles/shared-variants.ts
+var FOCUS_WITHIN_RING = [
+  "focus-within:outline-none",
+  "focus-within:ring-2",
+  "focus-within:ring-[var(--ring)]",
+  "focus-within:ring-offset-2"
+];
+var FOCUS_RING = [
+  "focus:outline-none",
+  "focus:ring-2",
+  "focus:ring-[var(--ring)]"
+];
+var FOCUS_HIGHLIGHT = [
+  "focus:outline-none",
+  "focus:bg-[var(--accent)]",
+  "focus:text-[var(--accent-foreground)]"
+];
+var DISABLED_STANDARD = [
+  "disabled:pointer-events-none",
+  "disabled:opacity-50"
+];
+var DISABLED_DATA_ATTR = [
+  "data-[disabled]:pointer-events-none",
+  "data-[disabled]:opacity-50",
+  "data-[disabled]:cursor-not-allowed"
+];
+var TEXT_SIZE_SMALL_SCALE = {
+  sm: "text-xs",
+  default: "text-sm",
+  lg: "text-base"
+};
+var TEXT_SIZE_MEDIUM_SCALE = {
+  sm: "text-sm",
+  default: "text-base",
+  lg: "text-lg"
+};
+var FIELD_HEIGHTS = {
+  sm: "h-9",
+  // 36px
+  default: "h-11",
+  // 44px
+  lg: "h-14"
+  // 56px
+};
+var ERROR_MESSAGE_BASE = [
+  "flex",
+  "items-center",
+  "gap-1.5",
+  "text-[var(--destructive)]"
+];
+var DESCRIPTION_BASE = [
+  "text-[var(--menu-muted)]"
+];
+var LABEL_BASE = [
+  "font-medium",
+  "text-[var(--content-foreground)]"
+];
+var POPOVER_ANIMATION_IN = [
+  "data-[entering]:animate-in",
+  "data-[entering]:fade-in-0",
+  "data-[entering]:zoom-in-95"
+];
+var POPOVER_ANIMATION_OUT = [
+  "data-[exiting]:animate-out",
+  "data-[exiting]:fade-out-0",
+  "data-[exiting]:zoom-out-95"
+];
+var REDUCED_MOTION = [
+  "motion-reduce:transition-none",
+  "motion-reduce:animate-none"
+];
+var TRANSITION_FAST = [
+  "transition-colors",
+  "duration-150"
+];
+var HOVER_ACCENT = [
+  "hover:bg-[var(--accent)]",
+  "hover:text-[var(--accent-foreground)]"
+];
+function combineStyles(...styles) {
+  return styles.flatMap((s) => Array.isArray(s) ? [...s] : [s]);
+}
+
+// src/elements/DatePicker/DatePicker.variants.ts
+var dateFieldVariants = cva(
+  combineStyles(
+    "flex items-center rounded-md border",
+    "bg-[var(--content-background)] text-[var(--content-foreground)]",
+    "transition-colors duration-200",
+    FOCUS_WITHIN_RING,
+    DISABLED_DATA_ATTR
+  ),
+  {
+    variants: {
+      size: {
+        sm: `${FIELD_HEIGHTS.sm} px-3 text-sm gap-0.5`,
+        default: `${FIELD_HEIGHTS.default} px-4 text-base gap-1`,
+        lg: `${FIELD_HEIGHTS.lg} px-5 text-lg gap-1.5`
+      },
+      isInvalid: {
+        true: "border-[var(--destructive)] focus-within:ring-[var(--destructive)]",
+        false: "border-[var(--input)] hover:border-[var(--input)]/80"
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      isInvalid: false
+    }
+  }
+);
+var dateSegmentVariants = cva(
+  combineStyles(
+    "tabular-nums rounded px-0.5",
+    FOCUS_HIGHLIGHT,
+    "data-[placeholder]:text-[var(--menu-muted)]",
+    "data-[type=literal]:text-[var(--menu-muted)]"
+  ),
+  {
+    variants: {
+      size: TEXT_SIZE_MEDIUM_SCALE
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var calendarCellVariants = cva(
+  combineStyles(
+    "flex items-center justify-center rounded-md cursor-pointer",
+    TRANSITION_FAST,
+    HOVER_ACCENT,
+    FOCUS_RING,
+    // Selected state
+    "data-[selected]:bg-[var(--primary)] data-[selected]:text-[var(--primary-foreground)]",
+    "data-[selected]:hover:bg-[var(--primary)]/90 data-[selected]:font-semibold",
+    // Today indicator
+    "data-[today]:border data-[today]:border-[var(--primary)]",
+    // Range selection
+    "data-[selection-start]:rounded-l-md data-[selection-start]:rounded-r-none",
+    "data-[selection-end]:rounded-r-md data-[selection-end]:rounded-l-none",
+    "data-[selected]:data-[selection-start]:rounded-l-md",
+    "data-[selected]:data-[selection-end]:rounded-r-md",
+    // Unavailable/outside/disabled states
+    "data-[unavailable]:text-[var(--menu-muted)] data-[unavailable]:pointer-events-none data-[unavailable]:opacity-50 data-[unavailable]:line-through",
+    "data-[outside-month]:text-[var(--menu-muted)] data-[outside-month]:opacity-50",
+    "data-[disabled]:text-[var(--menu-muted)] data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+  ),
+  {
+    variants: {
+      size: {
+        sm: "h-9 w-9 text-sm",
+        default: "h-11 w-11 text-base",
+        lg: "h-14 w-14 text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var calendarHeaderVariants = cva(
+  "flex items-center justify-between px-1 pb-4",
+  {
+    variants: {
+      size: TEXT_SIZE_MEDIUM_SCALE
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var calendarNavButtonVariants = cva(
+  combineStyles(
+    "inline-flex items-center justify-center rounded-md text-[var(--menu-muted)]",
+    TRANSITION_FAST,
+    HOVER_ACCENT,
+    FOCUS_RING,
+    DISABLED_STANDARD
+  ),
+  {
+    variants: {
+      size: {
+        sm: "h-7 w-7",
+        default: "h-9 w-9",
+        lg: "h-11 w-11"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var calendarGridVariants = cva(
+  "w-full border-collapse",
+  {
+    variants: {
+      size: TEXT_SIZE_MEDIUM_SCALE
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var calendarGridHeaderCellVariants = cva(
+  "text-center font-medium text-[var(--menu-muted)] pb-2",
+  {
+    variants: {
+      size: {
+        sm: "text-xs w-9",
+        default: "text-sm w-11",
+        lg: "text-base w-14"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var datePickerPopoverVariants = cva(
+  combineStyles(
+    "z-50 rounded-md border p-3 shadow-md outline-none",
+    "bg-[var(--menu-background)] text-[var(--menu-foreground)]",
+    POPOVER_ANIMATION_IN,
+    POPOVER_ANIMATION_OUT,
+    REDUCED_MOTION
+  ),
+  {
+    variants: {
+      size: {
+        sm: "w-[260px]",
+        default: "w-[320px]",
+        lg: "w-[380px]"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var datePickerTriggerVariants = cva(
+  combineStyles(
+    "inline-flex items-center justify-center rounded-md text-[var(--menu-muted)]",
+    TRANSITION_FAST,
+    HOVER_ACCENT,
+    FOCUS_RING,
+    DISABLED_DATA_ATTR
+  ),
+  {
+    variants: {
+      size: {
+        sm: "h-7 w-7",
+        default: "h-9 w-9",
+        lg: "h-11 w-11"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var datePickerDescriptionVariants = cva(
+  combineStyles(DESCRIPTION_BASE, "mt-1"),
+  {
+    variants: {
+      size: TEXT_SIZE_SMALL_SCALE
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var datePickerErrorVariants = cva(
+  combineStyles(ERROR_MESSAGE_BASE, "mt-1"),
+  {
+    variants: {
+      size: TEXT_SIZE_SMALL_SCALE
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var datePickerLabelVariants = cva(
+  combineStyles(
+    LABEL_BASE,
+    "block mb-1.5",
+    'data-[required]:after:content-["*"] data-[required]:after:ml-0.5 data-[required]:after:text-[var(--destructive)]'
+  ),
+  {
+    variants: {
+      size: {
+        sm: "text-sm",
+        default: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var DatePickerContext = createContext({
+  size: "default"
+});
+var DatePicker = forwardRef(
+  ({
+    label,
+    description,
+    errorMessage,
+    size = "default",
+    className,
+    placement = "bottom",
+    ...props
+  }, ref) => {
+    const contextValue = useMemo(
+      () => ({
+        size,
+        isInvalid: props.isInvalid,
+        isDisabled: props.isDisabled
+      }),
+      [size, props.isInvalid, props.isDisabled]
+    );
+    return /* @__PURE__ */ jsx(DatePickerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(
+      DatePicker$1,
+      {
+        ref,
+        className: cn("group flex flex-col gap-1", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            Label,
+            {
+              className: cn(datePickerLabelVariants({ size })),
+              "data-required": props.isRequired || void 0,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              className: cn(
+                dateFieldVariants({
+                  size,
+                  isInvalid: props.isInvalid
+                })
+              ),
+              children: [
+                /* @__PURE__ */ jsx(DateInput, { className: "flex flex-1 items-center", children: (segment) => /* @__PURE__ */ jsx(
+                  DateSegment,
+                  {
+                    segment,
+                    className: cn(dateSegmentVariants({ size }))
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    className: cn(datePickerTriggerVariants({ size })),
+                    "aria-label": "Open calendar",
+                    children: /* @__PURE__ */ jsx(Calendar$1, { className: "h-4 w-4" })
+                  }
+                )
+              ]
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            Text,
+            {
+              slot: "description",
+              className: cn(datePickerDescriptionVariants({ size })),
+              children: description
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldError, { className: cn(datePickerErrorVariants({ size })), children: errorMessage }),
+          /* @__PURE__ */ jsx(
+            Popover,
+            {
+              placement,
+              className: cn(datePickerPopoverVariants({ size })),
+              children: /* @__PURE__ */ jsx(Dialog, { className: "outline-none", children: /* @__PURE__ */ jsxs(Calendar$2, { className: "w-full", children: [
+                /* @__PURE__ */ jsxs("div", { className: cn(calendarHeaderVariants({ size })), children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      slot: "previous",
+                      className: cn(calendarNavButtonVariants({ size })),
+                      "aria-label": "Previous month",
+                      children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Heading, { className: "flex-1 text-center font-semibold" }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      slot: "next",
+                      className: cn(calendarNavButtonVariants({ size })),
+                      "aria-label": "Next month",
+                      children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(CalendarGrid, { className: cn(calendarGridVariants({ size })), children: [
+                  /* @__PURE__ */ jsx(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx(
+                    CalendarHeaderCell,
+                    {
+                      className: cn(calendarGridHeaderCellVariants({ size })),
+                      children: day
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx(
+                    CalendarCell,
+                    {
+                      date,
+                      className: cn(calendarCellVariants({ size }))
+                    }
+                  ) })
+                ] })
+              ] }) })
+            }
+          )
+        ]
+      }
+    ) });
+  }
+);
+DatePicker.displayName = "DatePicker";
+var DateRangePicker = forwardRef(
+  ({
+    label,
+    description,
+    errorMessage,
+    size = "default",
+    className,
+    placement = "bottom",
+    startName,
+    endName,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      DateRangePicker$1,
+      {
+        ref,
+        className: cn("group flex flex-col gap-1", className),
+        startName,
+        endName,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            Label,
+            {
+              className: cn(datePickerLabelVariants({ size })),
+              "data-required": props.isRequired || void 0,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            Group,
+            {
+              className: cn(
+                dateFieldVariants({
+                  size,
+                  isInvalid: props.isInvalid
+                })
+              ),
+              children: [
+                /* @__PURE__ */ jsx(DateInput, { slot: "start", className: "flex items-center", children: (segment) => /* @__PURE__ */ jsx(
+                  DateSegment,
+                  {
+                    segment,
+                    className: cn(dateSegmentVariants({ size }))
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "px-2 text-[var(--menu-muted)]",
+                    children: "\u2013"
+                  }
+                ),
+                /* @__PURE__ */ jsx(DateInput, { slot: "end", className: "flex items-center", children: (segment) => /* @__PURE__ */ jsx(
+                  DateSegment,
+                  {
+                    segment,
+                    className: cn(dateSegmentVariants({ size }))
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    className: cn(datePickerTriggerVariants({ size })),
+                    "aria-label": "Open calendar",
+                    children: /* @__PURE__ */ jsx(Calendar$1, { className: "h-4 w-4" })
+                  }
+                )
+              ]
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            Text,
+            {
+              slot: "description",
+              className: cn(datePickerDescriptionVariants({ size })),
+              children: description
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldError, { className: cn(datePickerErrorVariants({ size })), children: errorMessage }),
+          /* @__PURE__ */ jsx(
+            Popover,
+            {
+              placement,
+              className: cn(datePickerPopoverVariants({ size })),
+              children: /* @__PURE__ */ jsx(Dialog, { className: "outline-none", children: /* @__PURE__ */ jsxs(RangeCalendar, { className: "w-full", children: [
+                /* @__PURE__ */ jsxs("div", { className: cn(calendarHeaderVariants({ size })), children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      slot: "previous",
+                      className: cn(calendarNavButtonVariants({ size })),
+                      "aria-label": "Previous month",
+                      children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Heading, { className: "flex-1 text-center font-semibold" }),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      slot: "next",
+                      className: cn(calendarNavButtonVariants({ size })),
+                      "aria-label": "Next month",
+                      children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs(CalendarGrid, { className: cn(calendarGridVariants({ size })), children: [
+                  /* @__PURE__ */ jsx(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx(
+                    CalendarHeaderCell,
+                    {
+                      className: cn(calendarGridHeaderCellVariants({ size })),
+                      children: day
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx(
+                    CalendarCell,
+                    {
+                      date,
+                      className: cn(calendarCellVariants({ size }))
+                    }
+                  ) })
+                ] })
+              ] }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+DateRangePicker.displayName = "DateRangePicker";
+var DateField = forwardRef(
+  ({
+    label,
+    description,
+    errorMessage,
+    size = "default",
+    className,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      DateField$1,
+      {
+        ref,
+        className: cn("group flex flex-col gap-1", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(
+            Label,
+            {
+              className: cn(datePickerLabelVariants({ size })),
+              "data-required": props.isRequired || void 0,
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            DateInput,
+            {
+              className: cn(
+                dateFieldVariants({
+                  size,
+                  isInvalid: props.isInvalid
+                }),
+                "w-fit"
+              ),
+              children: (segment) => /* @__PURE__ */ jsx(
+                DateSegment,
+                {
+                  segment,
+                  className: cn(dateSegmentVariants({ size }))
+                }
+              )
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            Text,
+            {
+              slot: "description",
+              className: cn(datePickerDescriptionVariants({ size })),
+              children: description
+            }
+          ),
+          /* @__PURE__ */ jsx(FieldError, { className: cn(datePickerErrorVariants({ size })), children: errorMessage })
+        ]
+      }
+    );
+  }
+);
+DateField.displayName = "DateField";
+var Calendar = forwardRef(
+  ({ size = "default", className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Calendar$2,
+      {
+        ref,
+        className: cn("w-fit", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: cn(calendarHeaderVariants({ size })), children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                slot: "previous",
+                className: cn(calendarNavButtonVariants({ size })),
+                "aria-label": "Previous month",
+                children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(Heading, { className: "flex-1 text-center font-semibold" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                slot: "next",
+                className: cn(calendarNavButtonVariants({ size })),
+                "aria-label": "Next month",
+                children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(CalendarGrid, { className: cn(calendarGridVariants({ size })), children: [
+            /* @__PURE__ */ jsx(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx(
+              CalendarHeaderCell,
+              {
+                className: cn(calendarGridHeaderCellVariants({ size })),
+                children: day
+              }
+            ) }),
+            /* @__PURE__ */ jsx(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx(
+              CalendarCell,
+              {
+                date,
+                className: cn(calendarCellVariants({ size }))
+              }
+            ) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Calendar.displayName = "Calendar";
+var DatePickerPropsSchema = z.object({
+  // Value props
+  value: z.custom().optional(),
+  defaultValue: z.custom().optional(),
+  placeholderValue: z.custom().optional(),
+  // Granularity props
+  granularity: z.enum(["day", "hour", "minute", "second"]).default("day"),
+  hourCycle: z.union([z.literal(12), z.literal(24)]).optional(),
+  hideTimeZone: z.boolean().optional(),
+  shouldForceLeadingZeros: z.boolean().optional(),
+  // Constraint props
+  minValue: z.custom().optional(),
+  maxValue: z.custom().optional(),
+  /** Callback to determine if a specific date is unavailable for selection */
+  isDateUnavailable: z.function().optional(),
+  // State props
+  isOpen: z.boolean().optional(),
+  defaultOpen: z.boolean().optional(),
+  isDisabled: z.boolean().optional(),
+  isReadOnly: z.boolean().optional(),
+  isRequired: z.boolean().optional(),
+  isInvalid: z.boolean().optional(),
+  // Validation props
+  /** Custom validation function that returns an error message or null */
+  validate: z.function().optional(),
+  validationBehavior: z.enum(["native", "aria"]).default("native"),
+  // Display props
+  label: z.string(),
+  description: z.string().optional(),
+  /** Error message string or render function */
+  errorMessage: z.union([z.string(), z.function()]).optional(),
+  // Calendar props
+  firstDayOfWeek: z.enum(["sun", "mon", "tue", "wed", "thu", "fri", "sat"]).optional(),
+  pageBehavior: z.enum(["single", "visible"]).optional(),
+  // Form props
+  name: z.string().optional(),
+  // Popover props
+  placement: z.enum(["bottom", "top", "left", "right"]).optional(),
+  visibleDuration: z.object({ months: z.number() }).optional(),
+  // Variant props
+  size: z.enum(["sm", "default", "lg"]).default("default"),
+  // Event props
+  /** Called when the date value changes */
+  onChange: z.function().optional(),
+  /** Called when the popover open state changes */
+  onOpenChange: z.function().optional(),
+  /** Called when the field gains focus */
+  onFocus: z.function().optional(),
+  /** Called when the field loses focus */
+  onBlur: z.function().optional(),
+  /** Called when focus state changes */
+  onFocusChange: z.function().optional(),
+  // Standard props
+  className: z.string().optional(),
+  children: z.any().optional()
+});
+var DateRangePickerPropsSchema = DatePickerPropsSchema.omit({
+  value: true,
+  defaultValue: true,
+  onChange: true
+}).extend({
+  // Range value props
+  value: z.object({
+    start: z.custom(),
+    end: z.custom()
+  }).optional(),
+  defaultValue: z.object({
+    start: z.custom(),
+    end: z.custom()
+  }).optional(),
+  // Form props for range
+  startName: z.string().optional(),
+  endName: z.string().optional(),
+  // Range event props
+  /** Called when the date range value changes */
+  onChange: z.function().optional()
+});
+var DateFieldPropsSchema = z.object({
+  // Value props
+  value: z.custom().optional(),
+  defaultValue: z.custom().optional(),
+  placeholderValue: z.custom().optional(),
+  // Granularity props
+  granularity: z.enum(["day", "hour", "minute", "second"]).default("day"),
+  hourCycle: z.union([z.literal(12), z.literal(24)]).optional(),
+  hideTimeZone: z.boolean().optional(),
+  shouldForceLeadingZeros: z.boolean().optional(),
+  // Constraint props
+  minValue: z.custom().optional(),
+  maxValue: z.custom().optional(),
+  // State props
+  isDisabled: z.boolean().optional(),
+  isReadOnly: z.boolean().optional(),
+  isRequired: z.boolean().optional(),
+  isInvalid: z.boolean().optional(),
+  // Validation props
+  /** Custom validation function that returns an error message or null */
+  validate: z.function().optional(),
+  validationBehavior: z.enum(["native", "aria"]).default("native"),
+  // Display props
+  label: z.string(),
+  description: z.string().optional(),
+  /** Error message string or render function */
+  errorMessage: z.union([z.string(), z.function()]).optional(),
+  // Form props
+  name: z.string().optional(),
+  // Variant props
+  size: z.enum(["sm", "default", "lg"]).default("default"),
+  // Event props
+  /** Called when the date value changes */
+  onChange: z.function().optional(),
+  /** Called when the field gains focus */
+  onFocus: z.function().optional(),
+  /** Called when the field loses focus */
+  onBlur: z.function().optional(),
+  /** Called when focus state changes */
+  onFocusChange: z.function().optional(),
+  // Standard props
+  className: z.string().optional()
+});
+var CalendarPropsSchema = z.object({
+  // Value props
+  value: z.custom().optional(),
+  defaultValue: z.custom().optional(),
+  focusedValue: z.custom().optional(),
+  defaultFocusedValue: z.custom().optional(),
+  // Constraint props
+  minValue: z.custom().optional(),
+  maxValue: z.custom().optional(),
+  /** Callback to determine if a specific date is unavailable for selection */
+  isDateUnavailable: z.function().optional(),
+  // State props
+  isDisabled: z.boolean().optional(),
+  isReadOnly: z.boolean().optional(),
+  // Calendar props
+  firstDayOfWeek: z.enum(["sun", "mon", "tue", "wed", "thu", "fri", "sat"]).optional(),
+  pageBehavior: z.enum(["single", "visible"]).optional(),
+  visibleDuration: z.object({ months: z.number() }).optional(),
+  // Variant props
+  size: z.enum(["sm", "default", "lg"]).default("default"),
+  // Event props
+  /** Called when the date value changes */
+  onChange: z.function().optional(),
+  /** Called when the focused date changes */
+  onFocusChange: z.function().optional(),
+  // Standard props
+  className: z.string().optional()
+});
+var RangeCalendarPropsSchema = CalendarPropsSchema.omit({
+  value: true,
+  defaultValue: true,
+  onChange: true
+}).extend({
+  // Range value props
+  value: z.object({
+    start: z.custom(),
+    end: z.custom()
+  }).optional(),
+  defaultValue: z.object({
+    start: z.custom(),
+    end: z.custom()
+  }).optional(),
+  // Range event props
+  /** Called when the date range value changes */
+  onChange: z.function().optional()
+});
+
+export { Calendar, CalendarPropsSchema, DateField, DateFieldPropsSchema, DatePicker, DatePickerPropsSchema, DateRangePicker, DateRangePickerPropsSchema, RangeCalendarPropsSchema, calendarCellVariants, calendarGridHeaderCellVariants, calendarGridVariants, calendarHeaderVariants, calendarNavButtonVariants, dateFieldVariants, datePickerDescriptionVariants, datePickerErrorVariants, datePickerLabelVariants, datePickerPopoverVariants, datePickerTriggerVariants, dateSegmentVariants };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map