@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/datepicker.js

@@ -0,0 +1,404 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { Popover } from "@base-ui/react/popover";
+import styles from "./components/DatePicker/DatePicker.module.scss.js";
+/* empty css                    */
+let _DayPicker = null;
+let _dpUI = null;
+let _SelectionState = null;
+let _DayFlag = null;
+let _formatDate = null;
+let _dpLoaded = false;
+let _dpFailed = false;
+function loadDatePickerDeps() {
+  if (_dpLoaded) return;
+  _dpLoaded = true;
+  try {
+    const rdp = require("react-day-picker");
+    _DayPicker = rdp.DayPicker;
+    _dpUI = rdp.UI;
+    _SelectionState = rdp.SelectionState;
+    _DayFlag = rdp.DayFlag;
+  } catch {
+    _dpFailed = true;
+  }
+  try {
+    _formatDate = require("date-fns").format;
+  } catch {
+    _dpFailed = true;
+  }
+}
+function CalendarIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+        /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+      ]
+    }
+  );
+}
+function ChevronLeftIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
+    }
+  );
+}
+function ChevronRightIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+    }
+  );
+}
+const DatePickerContext = React.createContext(null);
+function useDatePickerContext() {
+  const context = React.useContext(DatePickerContext);
+  if (!context) {
+    throw new Error("DatePicker compound components must be used within <DatePicker>");
+  }
+  return context;
+}
+function defaultFormatDate(date) {
+  if (_formatDate) return _formatDate(date, "PPP");
+  return date.toLocaleDateString();
+}
+function defaultFormatRange(range) {
+  if (!range.from) return "";
+  if (_formatDate) {
+    if (!range.to) return _formatDate(range.from, "LLL dd, y");
+    return `${_formatDate(range.from, "LLL dd, y")} - ${_formatDate(range.to, "LLL dd, y")}`;
+  }
+  if (!range.to) return range.from.toLocaleDateString();
+  return `${range.from.toLocaleDateString()} - ${range.to.toLocaleDateString()}`;
+}
+function getCalendarClassNames() {
+  if (!_dpUI || !_SelectionState || !_DayFlag) return {};
+  return {
+    [_dpUI.Root]: styles.calendar,
+    [_dpUI.Months]: styles.months,
+    [_dpUI.Month]: styles.month,
+    [_dpUI.MonthCaption]: styles.monthCaption,
+    [_dpUI.CaptionLabel]: styles.captionLabel,
+    [_dpUI.Nav]: styles.nav,
+    [_dpUI.PreviousMonthButton]: styles.navButton,
+    [_dpUI.NextMonthButton]: styles.navButton,
+    [_dpUI.MonthGrid]: styles.monthGrid,
+    [_dpUI.Weekdays]: styles.weekdays,
+    [_dpUI.Weekday]: styles.weekday,
+    [_dpUI.Weeks]: styles.weeks,
+    [_dpUI.Week]: styles.week,
+    [_dpUI.Day]: styles.day,
+    [_dpUI.DayButton]: styles.dayButton,
+    [_dpUI.Chevron]: styles.chevron,
+    [_SelectionState.selected]: styles.selected,
+    [_SelectionState.range_start]: styles.rangeStart,
+    [_SelectionState.range_middle]: styles.rangeMiddle,
+    [_SelectionState.range_end]: styles.rangeEnd,
+    [_DayFlag.today]: styles.today,
+    [_DayFlag.outside]: styles.outside,
+    [_DayFlag.disabled]: styles.disabled,
+    [_DayFlag.focused]: styles.focused
+  };
+}
+function DatePickerRoot({
+  children,
+  mode = "single",
+  selected: selectedProp,
+  selectedRange: selectedRangeProp,
+  onSelect,
+  onRangeSelect,
+  numberOfMonths = 1,
+  disabled = false,
+  disabledDates,
+  placeholder,
+  locale,
+  fixedWeeks = false,
+  formatDate: formatDateProp,
+  formatRange: formatRangeProp,
+  open: openProp,
+  onOpenChange,
+  name
+}) {
+  var _a, _b, _c;
+  loadDatePickerDeps();
+  const [internalSelected, setInternalSelected] = React.useState(
+    selectedProp ?? null
+  );
+  const [internalRange, setInternalRange] = React.useState(
+    selectedRangeProp ?? null
+  );
+  const [internalOpen, setInternalOpen] = React.useState(false);
+  const isControlledOpen = openProp !== void 0;
+  const isOpen = isControlledOpen ? openProp : internalOpen;
+  React.useEffect(() => {
+    if (selectedProp !== void 0) {
+      setInternalSelected(selectedProp);
+    }
+  }, [selectedProp]);
+  React.useEffect(() => {
+    if (selectedRangeProp !== void 0) {
+      setInternalRange(selectedRangeProp);
+    }
+  }, [selectedRangeProp]);
+  const handleOpenChange = React.useCallback(
+    (newOpen) => {
+      if (!isControlledOpen) {
+        setInternalOpen(newOpen);
+      }
+      onOpenChange == null ? void 0 : onOpenChange(newOpen);
+    },
+    [isControlledOpen, onOpenChange]
+  );
+  const setSelected = React.useCallback(
+    (date) => {
+      if (selectedProp === void 0) {
+        setInternalSelected(date);
+      }
+      onSelect == null ? void 0 : onSelect(date);
+      if (!isControlledOpen && date) {
+        setTimeout(() => {
+          setInternalOpen(false);
+          onOpenChange == null ? void 0 : onOpenChange(false);
+        }, 150);
+      }
+    },
+    [selectedProp, onSelect, isControlledOpen, onOpenChange]
+  );
+  const setSelectedRange = React.useCallback(
+    (range) => {
+      if (selectedRangeProp === void 0) {
+        setInternalRange(range);
+      }
+      onRangeSelect == null ? void 0 : onRangeSelect(range);
+    },
+    [selectedRangeProp, onRangeSelect]
+  );
+  const defaultPlaceholder = mode === "range" ? "Select date range" : "Pick a date";
+  const contextValue = React.useMemo(
+    () => ({
+      mode,
+      selected: selectedProp !== void 0 ? selectedProp : internalSelected,
+      selectedRange: selectedRangeProp !== void 0 ? selectedRangeProp : internalRange,
+      setSelected,
+      setSelectedRange,
+      numberOfMonths,
+      disabled,
+      disabledDates,
+      placeholder: placeholder ?? defaultPlaceholder,
+      locale,
+      fixedWeeks,
+      formatDate: formatDateProp ?? defaultFormatDate,
+      formatRange: formatRangeProp ?? defaultFormatRange,
+      isOpen,
+      setIsOpen: handleOpenChange,
+      isControlledOpen,
+      name
+    }),
+    [
+      mode,
+      selectedProp,
+      internalSelected,
+      selectedRangeProp,
+      internalRange,
+      setSelected,
+      setSelectedRange,
+      numberOfMonths,
+      disabled,
+      disabledDates,
+      placeholder,
+      defaultPlaceholder,
+      locale,
+      fixedWeeks,
+      formatDateProp,
+      formatRangeProp,
+      isOpen,
+      handleOpenChange,
+      isControlledOpen,
+      name
+    ]
+  );
+  return /* @__PURE__ */ jsxs(DatePickerContext.Provider, { value: contextValue, children: [
+    /* @__PURE__ */ jsx(
+      Popover.Root,
+      {
+        open: isOpen,
+        onOpenChange: handleOpenChange,
+        children
+      }
+    ),
+    name && /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "hidden",
+        name,
+        value: mode === "single" ? ((_a = contextValue.selected) == null ? void 0 : _a.toISOString()) ?? "" : contextValue.selectedRange ? `${((_b = contextValue.selectedRange.from) == null ? void 0 : _b.toISOString()) ?? ""},${((_c = contextValue.selectedRange.to) == null ? void 0 : _c.toISOString()) ?? ""}` : ""
+      }
+    )
+  ] });
+}
+function DatePickerTrigger({ children, placeholder, className, ...htmlProps }) {
+  var _a;
+  const ctx = useDatePickerContext();
+  const placeholderText = placeholder ?? ctx.placeholder;
+  const classes = [styles.trigger, className].filter(Boolean).join(" ");
+  let displayText = null;
+  if (ctx.mode === "single" && ctx.selected) {
+    displayText = ctx.formatDate(ctx.selected);
+  } else if (ctx.mode === "range" && ((_a = ctx.selectedRange) == null ? void 0 : _a.from)) {
+    displayText = ctx.formatRange(ctx.selectedRange);
+  }
+  return /* @__PURE__ */ jsx(
+    Popover.Trigger,
+    {
+      ...htmlProps,
+      className: classes,
+      disabled: ctx.disabled,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: styles.triggerIcon, children: /* @__PURE__ */ jsx(CalendarIcon, {}) }),
+        /* @__PURE__ */ jsx("span", { className: displayText ? styles.triggerValue : styles.triggerPlaceholder, children: displayText ?? placeholderText })
+      ] })
+    }
+  );
+}
+function DatePickerContent({
+  children,
+  className,
+  sideOffset = 4,
+  align = "start",
+  ...htmlProps
+}) {
+  const popupClasses = [styles.popup, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx(Popover.Portal, { children: /* @__PURE__ */ jsx(
+    Popover.Positioner,
+    {
+      side: "bottom",
+      align,
+      sideOffset,
+      className: styles.positioner,
+      children: /* @__PURE__ */ jsx(Popover.Popup, { ...htmlProps, className: popupClasses, children })
+    }
+  ) });
+}
+function DatePickerCalendar({ numberOfMonths: numberOfMonthsProp, className }) {
+  loadDatePickerDeps();
+  const ctx = useDatePickerContext();
+  const monthCount = numberOfMonthsProp ?? ctx.numberOfMonths;
+  const components = React.useMemo(
+    () => ({
+      Chevron: (props) => props.orientation === "left" ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(ChevronRightIcon, {})
+    }),
+    []
+  );
+  if (_dpFailed || !_DayPicker) {
+    if (_dpFailed && process.env.NODE_ENV === "development") {
+      console.warn(
+        "[@fragments-sdk/ui] DatePicker: react-day-picker and date-fns are not installed. Install them with: npm install react-day-picker date-fns"
+      );
+    }
+    return null;
+  }
+  const calendarClassNames = getCalendarClassNames();
+  const calendarClasses = className ? { ...calendarClassNames, [_dpUI.Root]: [styles.calendar, className].join(" ") } : calendarClassNames;
+  const DayPickerComponent = _DayPicker;
+  if (ctx.mode === "range") {
+    const rangeSelected = ctx.selectedRange ? { from: ctx.selectedRange.from ?? void 0, to: ctx.selectedRange.to ?? void 0 } : void 0;
+    return /* @__PURE__ */ jsx(
+      DayPickerComponent,
+      {
+        mode: "range",
+        selected: rangeSelected,
+        onSelect: (range) => {
+          ctx.setSelectedRange(range ? { from: range.from ?? void 0, to: range.to ?? void 0 } : null);
+        },
+        numberOfMonths: monthCount,
+        disabled: ctx.disabledDates,
+        locale: ctx.locale,
+        fixedWeeks: ctx.fixedWeeks,
+        classNames: calendarClasses,
+        components,
+        showOutsideDays: true
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    DayPickerComponent,
+    {
+      mode: "single",
+      selected: ctx.selected ?? void 0,
+      onSelect: (date) => {
+        ctx.setSelected(date ?? null);
+      },
+      numberOfMonths: monthCount,
+      disabled: ctx.disabledDates,
+      locale: ctx.locale,
+      fixedWeeks: ctx.fixedWeeks,
+      classNames: calendarClasses,
+      components,
+      showOutsideDays: true
+    }
+  );
+}
+function DatePickerPreset({ children, date, range, className }) {
+  const ctx = useDatePickerContext();
+  const classes = [styles.preset, className].filter(Boolean).join(" ");
+  const handleClick = React.useCallback(() => {
+    if (ctx.mode === "single" && date) {
+      ctx.setSelected(date);
+    } else if (ctx.mode === "range" && range) {
+      ctx.setSelectedRange(range);
+    }
+  }, [ctx, date, range]);
+  return /* @__PURE__ */ jsx("button", { type: "button", className: classes, onClick: handleClick, children });
+}
+const DatePicker = Object.assign(DatePickerRoot, {
+  Trigger: DatePickerTrigger,
+  Content: DatePickerContent,
+  Calendar: DatePickerCalendar,
+  Preset: DatePickerPreset
+});
+export {
+  DatePicker,
+  DatePickerCalendar,
+  DatePickerContent,
+  DatePickerPreset,
+  DatePickerRoot,
+  DatePickerTrigger
+};
+//# sourceMappingURL=datepicker.js.map

package/dist/datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datepicker.js","sources":["../src/components/DatePicker/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover as BasePopover } from '@base-ui/react/popover';\nimport styles from './DatePicker.module.scss';\n// Import globals to ensure CSS variables are defined\nimport '../../styles/globals.scss';\n\n// ============================================\n// Types (self-owned — no external dependency for types)\n// ============================================\n\nexport type DateRange = { from: Date | undefined; to?: Date | undefined };\nexport type Matcher = Date | DateRange | ((date: Date) => boolean) | Date[];\ntype Locale = { [key: string]: unknown };\n\nexport interface DatePickerProps {\n  children: React.ReactNode;\n  /** Selection mode */\n  mode?: 'single' | 'range';\n  /** Controlled date (single mode) */\n  selected?: Date | null;\n  /** Controlled range (range mode) */\n  selectedRange?: DateRange | null;\n  /** Single selection callback */\n  onSelect?: (date: Date | null) => void;\n  /** Range selection callback */\n  onRangeSelect?: (range: DateRange | null) => void;\n  /** Number of months displayed side-by-side */\n  numberOfMonths?: number;\n  /** Disable the picker */\n  disabled?: boolean;\n  /** react-day-picker Matcher for disabled dates */\n  disabledDates?: Matcher | Matcher[];\n  /** Trigger placeholder text */\n  placeholder?: string;\n  /** date-fns locale for i18n */\n  locale?: Locale;\n  /** Always show 6 rows */\n  fixedWeeks?: boolean;\n  /** Custom trigger date formatter */\n  formatDate?: (date: Date) => string;\n  /** Custom trigger range formatter */\n  formatRange?: (range: DateRange) => string;\n  /** Controlled popover open state */\n  open?: boolean;\n  /** Popover open state change callback */\n  onOpenChange?: (open: boolean) => void;\n  /** Hidden input name for forms */\n  name?: string;\n}\n\nexport interface DatePickerTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {\n  children?: React.ReactNode;\n  placeholder?: string;\n}\n\nexport interface DatePickerContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  sideOffset?: number;\n  align?: 'start' | 'center' | 'end';\n}\n\nexport interface DatePickerCalendarProps {\n  /** Override number of months from root */\n  numberOfMonths?: number;\n  className?: string;\n}\n\nexport interface DatePickerPresetProps {\n  children: React.ReactNode;\n  /** Date to select (single mode) */\n  date?: Date;\n  /** Range to select (range mode) */\n  range?: DateRange;\n  className?: string;\n}\n\n// ============================================\n// Lazy-loaded dependencies (react-day-picker + date-fns)\n// ============================================\n\nlet _DayPicker: any = null;\nlet _dpUI: any = null;\nlet _SelectionState: any = null;\nlet _DayFlag: any = null;\nlet _formatDate: ((date: Date, fmt: string) => string) | null = null;\nlet _dpLoaded = false;\nlet _dpFailed = false;\n\nfunction loadDatePickerDeps() {\n  if (_dpLoaded) return;\n  _dpLoaded = true;\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    const rdp = require('react-day-picker');\n    _DayPicker = rdp.DayPicker;\n    _dpUI = rdp.UI;\n    _SelectionState = rdp.SelectionState;\n    _DayFlag = rdp.DayFlag;\n  } catch {\n    _dpFailed = true;\n  }\n  try {\n    // eslint-disable-next-line @typescript-eslint/no-require-imports\n    _formatDate = require('date-fns').format;\n  } catch {\n    _dpFailed = true;\n  }\n}\n\n// ============================================\n// Icons\n// ============================================\n\nfunction CalendarIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" />\n      <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" />\n      <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" />\n      <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" />\n    </svg>\n  );\n}\n\nfunction ChevronLeftIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"15 18 9 12 15 6\" />\n    </svg>\n  );\n}\n\nfunction ChevronRightIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <polyline points=\"9 18 15 12 9 6\" />\n    </svg>\n  );\n}\n\n// ============================================\n// Context\n// ============================================\n\ninterface DatePickerContextValue {\n  mode: 'single' | 'range';\n  selected: Date | null;\n  selectedRange: DateRange | null;\n  setSelected: (date: Date | null) => void;\n  setSelectedRange: (range: DateRange | null) => void;\n  numberOfMonths: number;\n  disabled: boolean;\n  disabledDates?: Matcher | Matcher[];\n  placeholder: string;\n  locale?: Locale;\n  fixedWeeks: boolean;\n  formatDate: (date: Date) => string;\n  formatRange: (range: DateRange) => string;\n  isOpen: boolean;\n  setIsOpen: (open: boolean) => void;\n  isControlledOpen: boolean;\n  name?: string;\n}\n\nconst DatePickerContext = React.createContext<DatePickerContextValue | null>(null);\n\nfunction useDatePickerContext() {\n  const context = React.useContext(DatePickerContext);\n  if (!context) {\n    throw new Error('DatePicker compound components must be used within <DatePicker>');\n  }\n  return context;\n}\n\n// ============================================\n// Default formatters\n// ============================================\n\nfunction defaultFormatDate(date: Date): string {\n  if (_formatDate) return _formatDate(date, 'PPP');\n  return date.toLocaleDateString();\n}\n\nfunction defaultFormatRange(range: DateRange): string {\n  if (!range.from) return '';\n  if (_formatDate) {\n    if (!range.to) return _formatDate(range.from, 'LLL dd, y');\n    return `${_formatDate(range.from, 'LLL dd, y')} - ${_formatDate(range.to, 'LLL dd, y')}`;\n  }\n  if (!range.to) return range.from.toLocaleDateString();\n  return `${range.from.toLocaleDateString()} - ${range.to.toLocaleDateString()}`;\n}\n\n// ============================================\n// ClassNames mapping (built lazily)\n// ============================================\n\nfunction getCalendarClassNames() {\n  if (!_dpUI || !_SelectionState || !_DayFlag) return {};\n  return {\n    [_dpUI.Root]: styles.calendar,\n    [_dpUI.Months]: styles.months,\n    [_dpUI.Month]: styles.month,\n    [_dpUI.MonthCaption]: styles.monthCaption,\n    [_dpUI.CaptionLabel]: styles.captionLabel,\n    [_dpUI.Nav]: styles.nav,\n    [_dpUI.PreviousMonthButton]: styles.navButton,\n    [_dpUI.NextMonthButton]: styles.navButton,\n    [_dpUI.MonthGrid]: styles.monthGrid,\n    [_dpUI.Weekdays]: styles.weekdays,\n    [_dpUI.Weekday]: styles.weekday,\n    [_dpUI.Weeks]: styles.weeks,\n    [_dpUI.Week]: styles.week,\n    [_dpUI.Day]: styles.day,\n    [_dpUI.DayButton]: styles.dayButton,\n    [_dpUI.Chevron]: styles.chevron,\n    [_SelectionState.selected]: styles.selected,\n    [_SelectionState.range_start]: styles.rangeStart,\n    [_SelectionState.range_middle]: styles.rangeMiddle,\n    [_SelectionState.range_end]: styles.rangeEnd,\n    [_DayFlag.today]: styles.today,\n    [_DayFlag.outside]: styles.outside,\n    [_DayFlag.disabled]: styles.disabled,\n    [_DayFlag.focused]: styles.focused,\n  };\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction DatePickerRoot({\n  children,\n  mode = 'single',\n  selected: selectedProp,\n  selectedRange: selectedRangeProp,\n  onSelect,\n  onRangeSelect,\n  numberOfMonths = 1,\n  disabled = false,\n  disabledDates,\n  placeholder,\n  locale,\n  fixedWeeks = false,\n  formatDate: formatDateProp,\n  formatRange: formatRangeProp,\n  open: openProp,\n  onOpenChange,\n  name,\n}: DatePickerProps) {\n  // Load deps eagerly so date formatters are available in the trigger\n  loadDatePickerDeps();\n  const [internalSelected, setInternalSelected] = React.useState<Date | null>(\n    selectedProp ?? null\n  );\n  const [internalRange, setInternalRange] = React.useState<DateRange | null>(\n    selectedRangeProp ?? null\n  );\n  const [internalOpen, setInternalOpen] = React.useState(false);\n\n  const isControlledOpen = openProp !== undefined;\n  const isOpen = isControlledOpen ? openProp : internalOpen;\n\n  // Sync controlled selected\n  React.useEffect(() => {\n    if (selectedProp !== undefined) {\n      setInternalSelected(selectedProp);\n    }\n  }, [selectedProp]);\n\n  // Sync controlled range\n  React.useEffect(() => {\n    if (selectedRangeProp !== undefined) {\n      setInternalRange(selectedRangeProp);\n    }\n  }, [selectedRangeProp]);\n\n  const handleOpenChange = React.useCallback(\n    (newOpen: boolean) => {\n      if (!isControlledOpen) {\n        setInternalOpen(newOpen);\n      }\n      onOpenChange?.(newOpen);\n    },\n    [isControlledOpen, onOpenChange]\n  );\n\n  const setSelected = React.useCallback(\n    (date: Date | null) => {\n      if (selectedProp === undefined) {\n        setInternalSelected(date);\n      }\n      onSelect?.(date);\n\n      // Auto-close after single selection (uncontrolled)\n      if (!isControlledOpen && date) {\n        setTimeout(() => {\n          setInternalOpen(false);\n          onOpenChange?.(false);\n        }, 150);\n      }\n    },\n    [selectedProp, onSelect, isControlledOpen, onOpenChange]\n  );\n\n  const setSelectedRange = React.useCallback(\n    (range: DateRange | null) => {\n      if (selectedRangeProp === undefined) {\n        setInternalRange(range);\n      }\n      onRangeSelect?.(range);\n\n      // Range mode never auto-closes. The user closes manually via\n      // click-outside, Escape, or clicking the trigger again. This\n      // matches shadcn behavior and avoids premature close on first\n      // click or preset selection.\n    },\n    [selectedRangeProp, onRangeSelect]\n  );\n\n  const defaultPlaceholder = mode === 'range' ? 'Select date range' : 'Pick a date';\n\n  const contextValue = React.useMemo<DatePickerContextValue>(\n    () => ({\n      mode,\n      selected: selectedProp !== undefined ? selectedProp : internalSelected,\n      selectedRange: selectedRangeProp !== undefined ? selectedRangeProp : internalRange,\n      setSelected,\n      setSelectedRange,\n      numberOfMonths,\n      disabled,\n      disabledDates,\n      placeholder: placeholder ?? defaultPlaceholder,\n      locale,\n      fixedWeeks,\n      formatDate: formatDateProp ?? defaultFormatDate,\n      formatRange: formatRangeProp ?? defaultFormatRange,\n      isOpen,\n      setIsOpen: handleOpenChange,\n      isControlledOpen,\n      name,\n    }),\n    [\n      mode,\n      selectedProp,\n      internalSelected,\n      selectedRangeProp,\n      internalRange,\n      setSelected,\n      setSelectedRange,\n      numberOfMonths,\n      disabled,\n      disabledDates,\n      placeholder,\n      defaultPlaceholder,\n      locale,\n      fixedWeeks,\n      formatDateProp,\n      formatRangeProp,\n      isOpen,\n      handleOpenChange,\n      isControlledOpen,\n      name,\n    ]\n  );\n\n  return (\n    <DatePickerContext.Provider value={contextValue}>\n      <BasePopover.Root\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n      >\n        {children}\n      </BasePopover.Root>\n      {name && (\n        <input\n          type=\"hidden\"\n          name={name}\n          value={\n            mode === 'single'\n              ? (contextValue.selected?.toISOString() ?? '')\n              : contextValue.selectedRange\n                ? `${contextValue.selectedRange.from?.toISOString() ?? ''},${contextValue.selectedRange.to?.toISOString() ?? ''}`\n                : ''\n          }\n        />\n      )}\n    </DatePickerContext.Provider>\n  );\n}\n\nfunction DatePickerTrigger({ children, placeholder, className, ...htmlProps }: DatePickerTriggerProps) {\n  const ctx = useDatePickerContext();\n  const placeholderText = placeholder ?? ctx.placeholder;\n\n  const classes = [styles.trigger, className].filter(Boolean).join(' ');\n\n  let displayText: string | null = null;\n  if (ctx.mode === 'single' && ctx.selected) {\n    displayText = ctx.formatDate(ctx.selected);\n  } else if (ctx.mode === 'range' && ctx.selectedRange?.from) {\n    displayText = ctx.formatRange(ctx.selectedRange);\n  }\n\n  return (\n    <BasePopover.Trigger\n      {...htmlProps}\n      className={classes}\n      disabled={ctx.disabled}\n    >\n      {children ?? (\n        <>\n          <span className={styles.triggerIcon}>\n            <CalendarIcon />\n          </span>\n          <span className={displayText ? styles.triggerValue : styles.triggerPlaceholder}>\n            {displayText ?? placeholderText}\n          </span>\n        </>\n      )}\n    </BasePopover.Trigger>\n  );\n}\n\nfunction DatePickerContent({\n  children,\n  className,\n  sideOffset = 4,\n  align = 'start',\n  ...htmlProps\n}: DatePickerContentProps) {\n  const popupClasses = [styles.popup, className].filter(Boolean).join(' ');\n\n  return (\n    <BasePopover.Portal>\n      <BasePopover.Positioner\n        side=\"bottom\"\n        align={align}\n        sideOffset={sideOffset}\n        className={styles.positioner}\n      >\n        <BasePopover.Popup {...htmlProps} className={popupClasses}>\n          {children}\n        </BasePopover.Popup>\n      </BasePopover.Positioner>\n    </BasePopover.Portal>\n  );\n}\n\nfunction DatePickerCalendar({ numberOfMonths: numberOfMonthsProp, className }: DatePickerCalendarProps) {\n  loadDatePickerDeps();\n\n  const ctx = useDatePickerContext();\n  const monthCount = numberOfMonthsProp ?? ctx.numberOfMonths;\n\n  const components = React.useMemo(\n    () => ({\n      Chevron: (props: { orientation?: string }) =>\n        props.orientation === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon />,\n    }),\n    []\n  );\n\n  if (_dpFailed || !_DayPicker) {\n    if (_dpFailed && process.env.NODE_ENV === 'development') {\n      console.warn(\n        '[@fragments-sdk/ui] DatePicker: react-day-picker and date-fns are not installed. ' +\n        'Install them with: npm install react-day-picker date-fns'\n      );\n    }\n    return null;\n  }\n\n  const calendarClassNames = getCalendarClassNames();\n\n  const calendarClasses = className\n    ? { ...calendarClassNames, [_dpUI.Root]: [styles.calendar, className].join(' ') }\n    : calendarClassNames;\n\n  const DayPickerComponent = _DayPicker;\n\n  if (ctx.mode === 'range') {\n    const rangeSelected = ctx.selectedRange\n      ? { from: ctx.selectedRange.from ?? undefined, to: ctx.selectedRange.to ?? undefined }\n      : undefined;\n\n    return (\n      <DayPickerComponent\n        mode=\"range\"\n        selected={rangeSelected}\n        onSelect={(range: any) => {\n          ctx.setSelectedRange(range ? { from: range.from ?? undefined, to: range.to ?? undefined } : null);\n        }}\n        numberOfMonths={monthCount}\n        disabled={ctx.disabledDates}\n        locale={ctx.locale}\n        fixedWeeks={ctx.fixedWeeks}\n        classNames={calendarClasses}\n        components={components}\n        showOutsideDays\n      />\n    );\n  }\n\n  return (\n    <DayPickerComponent\n      mode=\"single\"\n      selected={ctx.selected ?? undefined}\n      onSelect={(date: any) => {\n        ctx.setSelected(date ?? null);\n      }}\n      numberOfMonths={monthCount}\n      disabled={ctx.disabledDates}\n      locale={ctx.locale}\n      fixedWeeks={ctx.fixedWeeks}\n      classNames={calendarClasses}\n      components={components}\n      showOutsideDays\n    />\n  );\n}\n\nfunction DatePickerPreset({ children, date, range, className }: DatePickerPresetProps) {\n  const ctx = useDatePickerContext();\n  const classes = [styles.preset, className].filter(Boolean).join(' ');\n\n  const handleClick = React.useCallback(() => {\n    if (ctx.mode === 'single' && date) {\n      ctx.setSelected(date);\n    } else if (ctx.mode === 'range' && range) {\n      ctx.setSelectedRange(range);\n    }\n  }, [ctx, date, range]);\n\n  return (\n    <button type=\"button\" className={classes} onClick={handleClick}>\n      {children}\n    </button>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const DatePicker = Object.assign(DatePickerRoot, {\n  Trigger: DatePickerTrigger,\n  Content: DatePickerContent,\n  Calendar: DatePickerCalendar,\n  Preset: DatePickerPreset,\n});\n\n// Re-export individual components\nexport {\n  DatePickerRoot,\n  DatePickerTrigger,\n  DatePickerContent,\n  DatePickerCalendar,\n  DatePickerPreset,\n};\n"],"names":["BasePopover"],"mappings":"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"}