@tribepad/themis 1.0.1 → 1.0.3

package/dist/elements/DatePicker/index.mjs

@@ -1,855 +1,3 @@
 "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
+import {createContext,memo,forwardRef,useMemo}from'react';import {DatePicker,Label,Group,DateInput,DateSegment,Button,Text,FieldError,Popover,Dialog,Calendar as Calendar$1,Heading,CalendarGrid,CalendarGridHeader,CalendarHeaderCell,CalendarGridBody,CalendarCell,DateRangePicker,RangeCalendar,DateField}from'react-aria-components';import {Calendar,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 as z$1}from'zod';export{getLocalTimeZone,isWeekend,now,parseDate,parseDateTime,parseZonedDateTime,today}from'@internationalized/date';function e(...o){return twMerge(clsx(o))}var w=["focus-within:outline-none","focus-within:ring-2","focus-within:ring-[var(--ring)]","focus-within:ring-offset-2"];var T=["focus:outline-none","focus:ring-2","focus:ring-[var(--ring)]"],M=["focus:outline-none","focus:bg-[var(--accent)]","focus:text-[var(--accent-foreground)]"],U=["disabled:pointer-events-none","disabled:opacity-50"],F=["data-[disabled]:pointer-events-none","data-[disabled]:opacity-50","data-[disabled]:cursor-not-allowed"],B={sm:"text-xs",default:"text-sm",lg:"text-base"},R={sm:"text-sm",default:"text-base",lg:"text-lg"};var _={sm:"h-9",default:"h-11",lg:"h-14"},Z=["flex","items-center","gap-1.5","text-[var(--destructive-background)]"];var q=["text-[var(--menu-muted)]"],j=["font-medium","text-[var(--content-foreground)]"];var z=["data-[entering]:animate-in","data-[entering]:fade-in-0","data-[entering]:zoom-in-95"],W=["data-[exiting]:animate-out","data-[exiting]:fade-out-0","data-[exiting]:zoom-out-95"],X=["motion-reduce:transition-none","motion-reduce:animate-none"];var h=["transition-colors","duration-150"],y=["hover:bg-[var(--accent)]","hover:text-[var(--accent-foreground)]"];function d(...o){return o.flatMap(i=>Array.isArray(i)?[...i]:[i])}var g=cva(d("flex items-center rounded-md border","bg-[var(--content-background)] text-[var(--content-foreground)]","transition-colors duration-200",w,F),{variants:{size:{sm:`${_.sm} px-3 text-sm gap-0.5`,default:`${_.default} px-4 text-base gap-1`,lg:`${_.lg} px-5 text-lg gap-1.5`},isInvalid:{true:"border-[var(--destructive-background)] focus-within:ring-[var(--destructive-background)]",false:"border-[var(--input-border)] hover:border-[var(--input-border)]/80"}},defaultVariants:{size:"default",isInvalid:false}}),p=cva(d("tabular-nums rounded px-0.5",M,"data-[placeholder]:text-[var(--menu-muted)]","data-[type=literal]:text-[var(--menu-muted)]"),{variants:{size:R},defaultVariants:{size:"default"}}),x=cva(d("flex items-center justify-center rounded-md cursor-pointer",h,y,T,"data-[selected]:bg-[var(--primary)] data-[selected]:text-[var(--primary-foreground)]","data-[selected]:hover:bg-[var(--primary)]/90 data-[selected]:font-semibold","data-[today]:border data-[today]:border-[var(--primary)]","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","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"}}),P=cva("flex items-center justify-between px-1 pb-4",{variants:{size:R},defaultVariants:{size:"default"}}),c=cva(d("inline-flex items-center justify-center rounded-md text-[var(--menu-muted)]",h,y,T,U),{variants:{size:{sm:"h-7 w-7",default:"h-9 w-9",lg:"h-11 w-11"}},defaultVariants:{size:"default"}}),V=cva("w-full border-collapse",{variants:{size:R},defaultVariants:{size:"default"}}),v=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"}}),k=cva(d("z-50 rounded-md border p-3 shadow-md outline-none","bg-[var(--menu-background)] text-[var(--menu-foreground)]",z,W,X),{variants:{size:{sm:"w-[260px]",default:"w-[320px]",lg:"w-[380px]"}},defaultVariants:{size:"default"}}),O=cva(d("inline-flex items-center justify-center rounded-md text-[var(--menu-muted)]",h,y,T,F),{variants:{size:{sm:"h-7 w-7",default:"h-9 w-9",lg:"h-11 w-11"}},defaultVariants:{size:"default"}}),E=cva(d(q,"mt-1"),{variants:{size:B},defaultVariants:{size:"default"}}),N=cva(d(Z,"mt-1"),{variants:{size:B},defaultVariants:{size:"default"}}),S=cva(d(j,"block mb-1.5",'data-[required]:after:content-["*"] data-[required]:after:ml-0.5 data-[required]:after:text-[var(--destructive-background)]'),{variants:{size:{sm:"text-sm",default:"text-sm",lg:"text-base"}},defaultVariants:{size:"default"}});var ya=createContext({size:"default"});var J=memo(forwardRef(({label:o,description:i,errorMessage:f,size:t="default",className:u,placement:D="bottom",...s},b)=>{let I=useMemo(()=>({size:t,isInvalid:s.isInvalid,isDisabled:s.isDisabled}),[t,s.isInvalid,s.isDisabled]);return jsx(ya.Provider,{value:I,children:jsxs(DatePicker,{ref:b,className:e("group flex flex-col gap-1",u),...s,children:[jsx(Label,{className:e(S({size:t})),"data-required":s.isRequired||void 0,children:o}),jsxs(Group,{className:e(g({size:t,isInvalid:s.isInvalid})),children:[jsx(DateInput,{className:"flex flex-1 items-center",children:A=>jsx(DateSegment,{segment:A,className:e(p({size:t}))})}),jsx(Button,{className:e(O({size:t})),"aria-label":"Open calendar",children:jsx(Calendar,{className:"h-4 w-4"})})]}),i&&jsx(Text,{slot:"description",className:e(E({size:t})),children:i}),jsx(FieldError,{className:e(N({size:t})),children:f}),jsx(Popover,{placement:D,className:e(k({size:t})),children:jsx(Dialog,{className:"outline-none",children:jsxs(Calendar$1,{className:"w-full",children:[jsxs("div",{className:e(P({size:t})),children:[jsx(Button,{slot:"previous",className:e(c({size:t})),"aria-label":"Previous month",children:jsx(ChevronLeft,{className:"h-4 w-4"})}),jsx(Heading,{className:"flex-1 text-center font-semibold"}),jsx(Button,{slot:"next",className:e(c({size:t})),"aria-label":"Next month",children:jsx(ChevronRight,{className:"h-4 w-4"})})]}),jsxs(CalendarGrid,{className:e(V({size:t})),children:[jsx(CalendarGridHeader,{children:A=>jsx(CalendarHeaderCell,{className:e(v({size:t})),children:A})}),jsx(CalendarGridBody,{children:A=>jsx(CalendarCell,{date:A,className:e(x({size:t}))})})]})]})})})]})})}));J.displayName="DatePicker";var ea=forwardRef(({label:o,description:i,errorMessage:f,size:t="default",className:u,placement:D="bottom",startName:s,endName:b,...I},A)=>jsxs(DateRangePicker,{ref:A,className:e("group flex flex-col gap-1",u),startName:s,endName:b,...I,children:[jsx(Label,{className:e(S({size:t})),"data-required":I.isRequired||void 0,children:o}),jsxs(Group,{className:e(g({size:t,isInvalid:I.isInvalid})),children:[jsx(DateInput,{slot:"start",className:"flex items-center",children:C=>jsx(DateSegment,{segment:C,className:e(p({size:t}))})}),jsx("span",{"aria-hidden":"true",className:"px-2 text-[var(--menu-muted)]",children:"\u2013"}),jsx(DateInput,{slot:"end",className:"flex items-center",children:C=>jsx(DateSegment,{segment:C,className:e(p({size:t}))})}),jsx(Button,{className:e(O({size:t})),"aria-label":"Open calendar",children:jsx(Calendar,{className:"h-4 w-4"})})]}),i&&jsx(Text,{slot:"description",className:e(E({size:t})),children:i}),jsx(FieldError,{className:e(N({size:t})),children:f}),jsx(Popover,{placement:D,className:e(k({size:t})),children:jsx(Dialog,{className:"outline-none",children:jsxs(RangeCalendar,{className:"w-full",children:[jsxs("div",{className:e(P({size:t})),children:[jsx(Button,{slot:"previous",className:e(c({size:t})),"aria-label":"Previous month",children:jsx(ChevronLeft,{className:"h-4 w-4"})}),jsx(Heading,{className:"flex-1 text-center font-semibold"}),jsx(Button,{slot:"next",className:e(c({size:t})),"aria-label":"Next month",children:jsx(ChevronRight,{className:"h-4 w-4"})})]}),jsxs(CalendarGrid,{className:e(V({size:t})),children:[jsx(CalendarGridHeader,{children:C=>jsx(CalendarHeaderCell,{className:e(v({size:t})),children:C})}),jsx(CalendarGridBody,{children:C=>jsx(CalendarCell,{date:C,className:e(x({size:t}))})})]})]})})})]}));ea.displayName="DateRangePicker";var ta=forwardRef(({label:o,description:i,errorMessage:f,size:t="default",className:u,...D},s)=>jsxs(DateField,{ref:s,className:e("group flex flex-col gap-1",u),...D,children:[jsx(Label,{className:e(S({size:t})),"data-required":D.isRequired||void 0,children:o}),jsx(DateInput,{className:e(g({size:t,isInvalid:D.isInvalid}),"w-fit"),children:b=>jsx(DateSegment,{segment:b,className:e(p({size:t}))})}),i&&jsx(Text,{slot:"description",className:e(E({size:t})),children:i}),jsx(FieldError,{className:e(N({size:t})),children:f})]}));ta.displayName="DateField";var na=forwardRef(({size:o="default",className:i,...f},t)=>jsxs(Calendar$1,{ref:t,className:e("w-fit",i),...f,children:[jsxs("div",{className:e(P({size:o})),children:[jsx(Button,{slot:"previous",className:e(c({size:o})),"aria-label":"Previous month",children:jsx(ChevronLeft,{className:"h-4 w-4"})}),jsx(Heading,{className:"flex-1 text-center font-semibold"}),jsx(Button,{slot:"next",className:e(c({size:o})),"aria-label":"Next month",children:jsx(ChevronRight,{className:"h-4 w-4"})})]}),jsxs(CalendarGrid,{className:e(V({size:o})),children:[jsx(CalendarGridHeader,{children:u=>jsx(CalendarHeaderCell,{className:e(v({size:o})),children:u})}),jsx(CalendarGridBody,{children:u=>jsx(CalendarCell,{date:u,className:e(x({size:o}))})})]})]}));na.displayName="Calendar";var oa=z$1.object({value:z$1.custom().optional(),defaultValue:z$1.custom().optional(),placeholderValue:z$1.custom().optional(),granularity:z$1.enum(["day","hour","minute","second"]).default("day"),hourCycle:z$1.union([z$1.literal(12),z$1.literal(24)]).optional(),hideTimeZone:z$1.boolean().optional(),shouldForceLeadingZeros:z$1.boolean().optional(),minValue:z$1.custom().optional(),maxValue:z$1.custom().optional(),isDateUnavailable:z$1.function().optional(),isOpen:z$1.boolean().optional(),defaultOpen:z$1.boolean().optional(),isDisabled:z$1.boolean().optional(),isReadOnly:z$1.boolean().optional(),isRequired:z$1.boolean().optional(),isInvalid:z$1.boolean().optional(),validate:z$1.function().optional(),validationBehavior:z$1.enum(["native","aria"]).default("native"),label:z$1.string(),description:z$1.string().optional(),errorMessage:z$1.union([z$1.string(),z$1.function()]).optional(),firstDayOfWeek:z$1.enum(["sun","mon","tue","wed","thu","fri","sat"]).optional(),pageBehavior:z$1.enum(["single","visible"]).optional(),name:z$1.string().optional(),placement:z$1.enum(["bottom","top","left","right"]).optional(),visibleDuration:z$1.object({months:z$1.number()}).optional(),size:z$1.enum(["sm","default","lg"]).default("default"),onChange:z$1.function().optional(),onOpenChange:z$1.function().optional(),onFocus:z$1.function().optional(),onBlur:z$1.function().optional(),onFocusChange:z$1.function().optional(),className:z$1.string().optional(),children:z$1.any().optional()}),De=oa.omit({value:true,defaultValue:true,onChange:true}).extend({value:z$1.object({start:z$1.custom(),end:z$1.custom()}).optional(),defaultValue:z$1.object({start:z$1.custom(),end:z$1.custom()}).optional(),startName:z$1.string().optional(),endName:z$1.string().optional(),onChange:z$1.function().optional()}),Ae=z$1.object({value:z$1.custom().optional(),defaultValue:z$1.custom().optional(),placeholderValue:z$1.custom().optional(),granularity:z$1.enum(["day","hour","minute","second"]).default("day"),hourCycle:z$1.union([z$1.literal(12),z$1.literal(24)]).optional(),hideTimeZone:z$1.boolean().optional(),shouldForceLeadingZeros:z$1.boolean().optional(),minValue:z$1.custom().optional(),maxValue:z$1.custom().optional(),isDisabled:z$1.boolean().optional(),isReadOnly:z$1.boolean().optional(),isRequired:z$1.boolean().optional(),isInvalid:z$1.boolean().optional(),validate:z$1.function().optional(),validationBehavior:z$1.enum(["native","aria"]).default("native"),label:z$1.string(),description:z$1.string().optional(),errorMessage:z$1.union([z$1.string(),z$1.function()]).optional(),name:z$1.string().optional(),size:z$1.enum(["sm","default","lg"]).default("default"),onChange:z$1.function().optional(),onFocus:z$1.function().optional(),onBlur:z$1.function().optional(),onFocusChange:z$1.function().optional(),className:z$1.string().optional()}),ia=z$1.object({value:z$1.custom().optional(),defaultValue:z$1.custom().optional(),focusedValue:z$1.custom().optional(),defaultFocusedValue:z$1.custom().optional(),minValue:z$1.custom().optional(),maxValue:z$1.custom().optional(),isDateUnavailable:z$1.function().optional(),isDisabled:z$1.boolean().optional(),isReadOnly:z$1.boolean().optional(),firstDayOfWeek:z$1.enum(["sun","mon","tue","wed","thu","fri","sat"]).optional(),pageBehavior:z$1.enum(["single","visible"]).optional(),visibleDuration:z$1.object({months:z$1.number()}).optional(),size:z$1.enum(["sm","default","lg"]).default("default"),onChange:z$1.function().optional(),onFocusChange:z$1.function().optional(),className:z$1.string().optional()}),Ce=ia.omit({value:true,defaultValue:true,onChange:true}).extend({value:z$1.object({start:z$1.custom(),end:z$1.custom()}).optional(),defaultValue:z$1.object({start:z$1.custom(),end:z$1.custom()}).optional(),onChange:z$1.function().optional()});export{na as Calendar,ia as CalendarPropsSchema,ta as DateField,Ae as DateFieldPropsSchema,J as DatePicker,oa as DatePickerPropsSchema,ea as DateRangePicker,De as DateRangePickerPropsSchema,Ce as RangeCalendarPropsSchema,x as calendarCellVariants,v as calendarGridHeaderCellVariants,V as calendarGridVariants,P as calendarHeaderVariants,c as calendarNavButtonVariants,g as dateFieldVariants,E as datePickerDescriptionVariants,N as datePickerErrorVariants,S as datePickerLabelVariants,k as datePickerPopoverVariants,O as datePickerTriggerVariants,p as dateSegmentVariants};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map