@alfadocs/ui-kit-debug 0.1.8 → 0.2.0

package/dist/_chunks/date-range-picker-mix2nEVC.js

@@ -0,0 +1,287 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as Q, useState as v, useRef as U, useCallback as X, useMemo as Z, useImperativeHandle as z } from "react";
+import { useTranslation as ee } from "react-i18next";
+import * as m from "@radix-ui/react-popover";
+import { u as te } from "./form-field-context-B3APVHKx.js";
+import { a as ae, g as ne, b as re, e as I, c as se, C as oe, d as ie, t as de, p as ce, D as le, f as pe, h as ue } from "./react-day-picker-C04L_28V.js";
+import { c as fe, b as N, s as ge, f as R, d as me } from "./isSameMonth-5wNF2f4I.js";
+import { u as ye } from "./registry-C9nwlNyL.js";
+function D(t, s, n) {
+  return fe(t, -s, n);
+}
+function he(t, s, n) {
+  return ae(t, -1, n);
+}
+const ke = {
+  id: "date-range-picker",
+  capabilities: ["range_pick", "open", "close"],
+  state: {
+    range: {
+      type: "{ from: iso-date | null, to: iso-date | null }",
+      descriptionKey: "ui.agent.dateRangePicker.state.range",
+      description: "Currently-selected ISO date range endpoints, each possibly null.",
+      read: (t) => {
+        var n, l;
+        const s = t.getRange();
+        return {
+          from: ((n = s.from) == null ? void 0 : n.toISOString()) ?? null,
+          to: ((l = s.to) == null ? void 0 : l.toISOString()) ?? null
+        };
+      }
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.dateRangePicker.state.isOpen",
+      description: "Whether the range calendar popover is open.",
+      read: (t) => t.isOpen()
+    }
+  },
+  actions: {
+    set_range: {
+      safety: "write",
+      argsType: "{ from: string, to: string }",
+      descriptionKey: "ui.agent.dateRangePicker.actions.setRange",
+      description: "Replace the selected range with the given ISO endpoints.",
+      invoke: (t, s) => {
+        t.setRange({ from: new Date(s.from), to: new Date(s.to) });
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.dateRangePicker.actions.clear",
+      description: "Clear the selected range.",
+      invoke: (t) => {
+        t.clear();
+      }
+    },
+    open: {
+      safety: "read",
+      descriptionKey: "ui.agent.dateRangePicker.actions.open",
+      description: "Open the range calendar popover.",
+      invoke: (t) => {
+        t.open();
+      }
+    },
+    close: {
+      safety: "read",
+      descriptionKey: "ui.agent.dateRangePicker.actions.close",
+      description: "Close the range calendar popover.",
+      invoke: (t) => {
+        t.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "date-range-picker",
+      description: "Marks the DateRangePicker wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, be = Q(
+  ({
+    value: t,
+    defaultValue: s,
+    onChange: n,
+    minDate: l,
+    maxDate: T,
+    presets: y,
+    mergePresets: W = !1,
+    size: P = "md",
+    disabled: V,
+    placeholder: K,
+    className: L,
+    id: F
+  }, j) => {
+    const { t: o, i18n: A } = ee(), c = te(), h = F ?? c.id, w = c.disabled || V, B = c.invalid ? "error" : "default", i = ne(A.language), H = K ?? o("ui.inputs.dateRangePicker.placeholder", "Select date range"), k = t !== void 0, [_, $] = v(
+      t ?? s ?? {}
+    ), a = k ? t : _, [p, u] = v(!1), [Y, M] = v(a.from ?? /* @__PURE__ */ new Date()), q = U(null), d = X(
+      (e) => {
+        k || $(e), n == null || n(e);
+      },
+      [k, n]
+    ), E = re(l, T), O = [
+      {
+        label: o("ui.inputs.dateRangePicker.presets.today", "Today"),
+        range: () => {
+          const e = /* @__PURE__ */ new Date();
+          return { from: e, to: e };
+        }
+      },
+      {
+        label: o("ui.inputs.dateRangePicker.presets.yesterday", "Yesterday"),
+        range: () => {
+          const e = D(/* @__PURE__ */ new Date(), 1);
+          return { from: e, to: e };
+        }
+      },
+      {
+        label: o("ui.inputs.dateRangePicker.presets.last7", "Last 7 days"),
+        range: () => ({
+          from: D(/* @__PURE__ */ new Date(), 6),
+          to: /* @__PURE__ */ new Date()
+        })
+      },
+      {
+        label: o("ui.inputs.dateRangePicker.presets.thisWeek", "This week"),
+        range: () => ({
+          from: N(/* @__PURE__ */ new Date(), { locale: i }),
+          to: I(/* @__PURE__ */ new Date(), { locale: i })
+        })
+      },
+      {
+        label: o("ui.inputs.dateRangePicker.presets.lastWeek", "Last week"),
+        range: () => {
+          const e = he(/* @__PURE__ */ new Date());
+          return {
+            from: N(e, { locale: i }),
+            to: I(e, { locale: i })
+          };
+        }
+      },
+      {
+        label: o("ui.inputs.dateRangePicker.presets.thisMonth", "This month"),
+        range: () => ({
+          from: ge(/* @__PURE__ */ new Date()),
+          to: se(/* @__PURE__ */ new Date())
+        })
+      },
+      {
+        label: o("ui.inputs.dateRangePicker.presets.last30", "Last 30 days"),
+        range: () => ({
+          from: D(/* @__PURE__ */ new Date(), 29),
+          to: /* @__PURE__ */ new Date()
+        })
+      }
+    ], x = y ? W ? [...O, ...y] : y : O, G = (e) => {
+      d(e ? { from: e.from, to: e.to } : {});
+    }, J = (e) => {
+      const f = e.range();
+      d(f), M(f.from), u(!1);
+    }, S = (() => {
+      if (a.from && a.to) {
+        const e = R(a.from, "MMM d, yyyy", { locale: i }), f = R(a.to, "MMM d, yyyy", { locale: i });
+        return `${e} – ${f}`;
+      }
+      return a.from ? R(a.from, "MMM d, yyyy", { locale: i }) : "";
+    })(), C = (() => {
+      if (a.from && a.to) {
+        const e = me(a.to, a.from) + 1;
+        return o("ui.inputs.dateRangePicker.days", "{{count}} days", {
+          count: e
+        });
+      }
+      return "";
+    })(), b = Z(
+      () => ({
+        getRange: () => a,
+        setRange: (e) => d(e),
+        clear: () => d({}),
+        isOpen: () => p,
+        open: () => u(!0),
+        close: () => u(!1)
+      }),
+      [a, d, p]
+    );
+    return z(j, () => b, [b]), ye(ke, b, h), /* @__PURE__ */ r(m.Root, { open: p, onOpenChange: u, children: /* @__PURE__ */ g(
+      "div",
+      {
+        className: L,
+        "data-component": "date-range-picker",
+        "data-component-id": h,
+        children: [
+          /* @__PURE__ */ r(m.Trigger, { asChild: !0, disabled: w, children: /* @__PURE__ */ g(
+            "button",
+            {
+              ref: q,
+              id: h,
+              type: "button",
+              disabled: w,
+              "aria-describedby": c.describedBy || void 0,
+              "aria-invalid": c.invalid || void 0,
+              "aria-haspopup": "dialog",
+              "aria-expanded": p,
+              className: de({ size: P, tone: B }),
+              children: [
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: S ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    children: S || H
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: ie({ size: P }),
+                    children: /* @__PURE__ */ r(oe, {})
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ r(m.Portal, { children: /* @__PURE__ */ r(
+            m.Content,
+            {
+              sideOffset: 4,
+              align: "start",
+              className: ue(),
+              children: /* @__PURE__ */ g("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
+                x.length > 0 ? /* @__PURE__ */ r("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]", children: x.map((e) => /* @__PURE__ */ r(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => J(e),
+                    className: ce(),
+                    children: e.label
+                  },
+                  e.label
+                )) }) : null,
+                /* @__PURE__ */ g("div", { children: [
+                  /* @__PURE__ */ r(
+                    le,
+                    {
+                      mode: "range",
+                      selected: a.from ? { from: a.from, to: a.to } : void 0,
+                      onSelect: G,
+                      month: Y,
+                      onMonthChange: M,
+                      numberOfMonths: 2,
+                      disabled: E,
+                      locale: i,
+                      showOutsideDays: !0,
+                      fixedWeeks: !0,
+                      pagedNavigation: !0,
+                      components: { Chevron: pe }
+                    }
+                  ),
+                  C ? /* @__PURE__ */ r(
+                    "div",
+                    {
+                      role: "status",
+                      "aria-live": "polite",
+                      className: "type-body-sm ds:text-muted-foreground ds:mt-[var(--spacing-sm)] ds:text-center",
+                      children: C
+                    }
+                  ) : null
+                ] })
+              ] })
+            }
+          ) })
+        ]
+      }
+    ) });
+  }
+);
+be.displayName = "DateRangePicker";
+export {
+  be as D,
+  ke as d
+};
+//# sourceMappingURL=date-range-picker-mix2nEVC.js.map

package/dist/_chunks/date-range-picker-mix2nEVC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-mix2nEVC.js","sources":["../../node_modules/date-fns/subDays.js","../../node_modules/date-fns/subWeeks.js","../../src/components/date-range-picker/date-range-picker.agent.ts","../../src/components/date-range-picker/date-range-picker.tsx"],"sourcesContent":["import { addDays } from \"./addDays.js\";\n\n/**\n * The {@link subDays} function options.\n */\n\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of days to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the days subtracted\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nexport function subDays(date, amount, options) {\n  return addDays(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subDays;\n","import { addWeeks } from \"./addWeeks.js\";\n\n/**\n * The {@link subWeeks} function options.\n */\n\n/**\n * @name subWeeks\n * @category Week Helpers\n * @summary Subtract the specified number of weeks from the given date.\n *\n * @description\n * Subtract the specified number of weeks from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of weeks to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the weeks subtracted\n *\n * @example\n * // Subtract 4 weeks from 1 September 2014:\n * const result = subWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Aug 04 2014 00:00:00\n */\nexport function subWeeks(date, amount, options) {\n  return addWeeks(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subWeeks;\n","/* -------------------------------------------------------------------- */\n/* Agent adapter — DateRangePicker.                                       */\n/*                                                                        */\n/* DateRangePicker wraps react-day-picker (range mode) inside a Radix     */\n/* Popover. The agent surface curates the trigger + popover into a small */\n/* set of range operations — set / clear / open / close.                 */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` §15.                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { DateRangePickerHandle } from './date-range-picker';\n\nexport const dateRangePickerAgent: AgentAdapter<DateRangePickerHandle> = {\n  id: 'date-range-picker',\n  capabilities: ['range_pick', 'open', 'close'],\n  state: {\n    range: {\n      type: '{ from: iso-date | null, to: iso-date | null }',\n      descriptionKey: 'ui.agent.dateRangePicker.state.range',\n      description:\n        'Currently-selected ISO date range endpoints, each possibly null.',\n      read: (handle) => {\n        const range = handle.getRange();\n        return {\n          from: range.from?.toISOString() ?? null,\n          to: range.to?.toISOString() ?? null,\n        };\n      },\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.dateRangePicker.state.isOpen',\n      description: 'Whether the range calendar popover is open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    set_range: {\n      safety: 'write',\n      argsType: '{ from: string, to: string }',\n      descriptionKey: 'ui.agent.dateRangePicker.actions.setRange',\n      description: 'Replace the selected range with the given ISO endpoints.',\n      invoke: (handle, args: { from: string; to: string }) => {\n        handle.setRange({ from: new Date(args.from), to: new Date(args.to) });\n      },\n    },\n    clear: {\n      safety: 'destructive',\n      descriptionKey: 'ui.agent.dateRangePicker.actions.clear',\n      description: 'Clear the selected range.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.dateRangePicker.actions.open',\n      description: 'Open the range calendar popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      descriptionKey: 'ui.agent.dateRangePicker.actions.close',\n      description: 'Close the range calendar popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'date-range-picker',\n      description: 'Marks the DateRangePicker wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport * as Popover from '@radix-ui/react-popover';\nimport { DayPicker, type DateRange } from 'react-day-picker';\nimport {\n  format as fnsFormat,\n  differenceInCalendarDays,\n  startOfWeek,\n  endOfWeek,\n  startOfMonth,\n  endOfMonth,\n  subDays,\n  subWeeks,\n} from 'date-fns';\nimport { Calendar } from 'lucide-react';\nimport { useFormField } from '../form-field/form-field-context';\nimport {\n  getDateFnsLocale,\n  buildDisabledMatcher,\n  CalendarChevron,\n  triggerVariants,\n  calendarIconVariants,\n  popoverContentVariants,\n  presetButtonVariants,\n} from '../_shared';\nimport { useAgentRegistration } from '../../agent';\nimport { dateRangePickerAgent } from './date-range-picker.agent';\nimport '../../tokens/themes/bridges/react-day-picker.css';\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface DateRangePreset {\n  label: string;\n  range: () => { from: Date; to: Date };\n}\n\nexport interface DateRangeValue {\n  from?: Date;\n  to?: Date;\n}\n\n/** Curated imperative handle exposed via `ref` — also consumed by the agent adapter. */\nexport interface DateRangePickerHandle {\n  /** Get the current selected range. */\n  getRange: () => DateRangeValue;\n  /** Replace the selected range. */\n  setRange: (range: DateRangeValue) => void;\n  /** Clear the selected range. */\n  clear: () => void;\n  /** Whether the popover is open. */\n  isOpen: () => boolean;\n  /** Open the range calendar popover. */\n  open: () => void;\n  /** Close the range calendar popover. */\n  close: () => void;\n}\n\nexport interface DateRangePickerProps extends Pick<\n  VariantProps<typeof triggerVariants>,\n  'size'\n> {\n  /** Current range — controlled. */\n  value?: DateRangeValue;\n  /** Default range — uncontrolled. */\n  defaultValue?: DateRangeValue;\n  /** Called when the range changes. */\n  onChange?: (range: DateRangeValue) => void;\n  /** Minimum selectable date. */\n  minDate?: Date;\n  /** Maximum selectable date. */\n  maxDate?: Date;\n  /** Custom presets. Replaces defaults unless mergePresets is true. */\n  presets?: DateRangePreset[];\n  /** Merge custom presets with defaults instead of replacing. */\n  mergePresets?: boolean;\n  /** Component size. */\n  size?: 'sm' | 'md' | 'lg';\n  /** Disabled state. */\n  disabled?: boolean;\n  /** Placeholder text. */\n  placeholder?: string;\n  /** Additional class names. */\n  className?: string;\n  /** id override. */\n  id?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport const DateRangePicker = forwardRef<\n  DateRangePickerHandle,\n  DateRangePickerProps\n>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      minDate,\n      maxDate,\n      presets: presetsProp,\n      mergePresets = false,\n      size = 'md',\n      disabled,\n      placeholder,\n      className,\n      id,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    const effectiveId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : 'default';\n\n    const locale = getDateFnsLocale(i18n.language);\n    const placeholderText =\n      placeholder ??\n      t('ui.inputs.dateRangePicker.placeholder', 'Select date range');\n\n    const isControlled = value !== undefined;\n    const [internalValue, setInternalValue] = useState<DateRangeValue>(\n      value ?? defaultValue ?? {},\n    );\n    const currentValue: DateRangeValue = isControlled ? value : internalValue;\n\n    const [open, setOpen] = useState(false);\n    const [month, setMonth] = useState<Date>(currentValue.from ?? new Date());\n\n    const triggerRef = useRef<HTMLButtonElement>(null);\n\n    const emit = useCallback(\n      (range: DateRangeValue) => {\n        if (!isControlled) setInternalValue(range);\n        onChange?.(range);\n      },\n      [isControlled, onChange],\n    );\n\n    const disabledMatcher = buildDisabledMatcher(minDate, maxDate);\n\n    // Default presets\n    const defaultPresets: DateRangePreset[] = [\n      {\n        label: t('ui.inputs.dateRangePicker.presets.today', 'Today'),\n        range: () => {\n          const today = new Date();\n          return { from: today, to: today };\n        },\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.yesterday', 'Yesterday'),\n        range: () => {\n          const yesterday = subDays(new Date(), 1);\n          return { from: yesterday, to: yesterday };\n        },\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.last7', 'Last 7 days'),\n        range: () => ({\n          from: subDays(new Date(), 6),\n          to: new Date(),\n        }),\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.thisWeek', 'This week'),\n        range: () => ({\n          from: startOfWeek(new Date(), { locale }),\n          to: endOfWeek(new Date(), { locale }),\n        }),\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.lastWeek', 'Last week'),\n        range: () => {\n          const lastWeekDay = subWeeks(new Date(), 1);\n          return {\n            from: startOfWeek(lastWeekDay, { locale }),\n            to: endOfWeek(lastWeekDay, { locale }),\n          };\n        },\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.thisMonth', 'This month'),\n        range: () => ({\n          from: startOfMonth(new Date()),\n          to: endOfMonth(new Date()),\n        }),\n      },\n      {\n        label: t('ui.inputs.dateRangePicker.presets.last30', 'Last 30 days'),\n        range: () => ({\n          from: subDays(new Date(), 29),\n          to: new Date(),\n        }),\n      },\n    ];\n\n    const effectivePresets = presetsProp\n      ? mergePresets\n        ? [...defaultPresets, ...presetsProp]\n        : presetsProp\n      : defaultPresets;\n\n    const handleRangeSelect = (range: DateRange | undefined) => {\n      if (range) {\n        emit({ from: range.from, to: range.to });\n      } else {\n        emit({});\n      }\n    };\n\n    const handlePresetClick = (preset: DateRangePreset) => {\n      const range = preset.range();\n      emit(range);\n      setMonth(range.from);\n      setOpen(false);\n    };\n\n    // Format display text\n    const displayText = (() => {\n      if (currentValue.from && currentValue.to) {\n        const fromStr = fnsFormat(currentValue.from, 'MMM d, yyyy', { locale });\n        const toStr = fnsFormat(currentValue.to, 'MMM d, yyyy', { locale });\n        return `${fromStr} – ${toStr}`;\n      }\n      if (currentValue.from) {\n        return fnsFormat(currentValue.from, 'MMM d, yyyy', { locale });\n      }\n      return '';\n    })();\n\n    // Range summary for screen readers\n    const rangeSummary = (() => {\n      if (currentValue.from && currentValue.to) {\n        const days =\n          differenceInCalendarDays(currentValue.to, currentValue.from) + 1;\n        return t('ui.inputs.dateRangePicker.days', '{{count}} days', {\n          count: days,\n        });\n      }\n      return '';\n    })();\n\n    const handle = useMemo<DateRangePickerHandle>(\n      () => ({\n        getRange: () => currentValue,\n        setRange: (range) => emit(range),\n        clear: () => emit({}),\n        isOpen: () => open,\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [currentValue, emit, open],\n    );\n\n    useImperativeHandle(ref, () => handle, [handle]);\n    useAgentRegistration(dateRangePickerAgent, handle, effectiveId);\n\n    return (\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <div\n          className={className}\n          data-component=\"date-range-picker\"\n          data-component-id={effectiveId}\n        >\n          <Popover.Trigger asChild disabled={effectiveDisabled}>\n            {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props -- FormField propagates invalid state to its trigger; users rely on this for validation announcements */}\n            <button\n              ref={triggerRef}\n              id={effectiveId}\n              type=\"button\"\n              disabled={effectiveDisabled}\n              aria-describedby={ctx.describedBy || undefined}\n              aria-invalid={ctx.invalid || undefined}\n              // `aria-required` is not valid on `<button>` per ARIA 1.2 — the\n              // FormField label's visible asterisk + `aria-describedby` link\n              // communicate the required state instead.\n              aria-haspopup=\"dialog\"\n              aria-expanded={open}\n              className={triggerVariants({ size, tone: effectiveTone })}\n            >\n              <span\n                className={\n                  displayText\n                    ? 'ds:text-foreground'\n                    : 'ds:text-muted-foreground'\n                }\n              >\n                {displayText || placeholderText}\n              </span>\n              <span\n                aria-hidden=\"true\"\n                className={calendarIconVariants({ size })}\n              >\n                <Calendar />\n              </span>\n            </button>\n          </Popover.Trigger>\n\n          <Popover.Portal>\n            <Popover.Content\n              sideOffset={4}\n              align=\"start\"\n              className={popoverContentVariants()}\n            >\n              <div className=\"ds:flex ds:gap-[var(--spacing-md)]\">\n                {/* Presets column */}\n                {effectivePresets.length > 0 ? (\n                  <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:min-w-[8rem] ds:border-e ds:border-border ds:pe-[var(--spacing-md)]\">\n                    {effectivePresets.map((preset) => (\n                      <button\n                        key={preset.label}\n                        type=\"button\"\n                        onClick={() => handlePresetClick(preset)}\n                        className={presetButtonVariants()}\n                      >\n                        {preset.label}\n                      </button>\n                    ))}\n                  </div>\n                ) : null}\n\n                {/* Dual calendar */}\n                <div>\n                  <DayPicker\n                    mode=\"range\"\n                    selected={\n                      currentValue.from\n                        ? { from: currentValue.from, to: currentValue.to }\n                        : undefined\n                    }\n                    onSelect={handleRangeSelect}\n                    month={month}\n                    onMonthChange={setMonth}\n                    numberOfMonths={2}\n                    disabled={disabledMatcher}\n                    locale={locale}\n                    showOutsideDays\n                    fixedWeeks\n                    pagedNavigation\n                    components={{ Chevron: CalendarChevron }}\n                  />\n\n                  {/* Range summary live region */}\n                  {rangeSummary ? (\n                    <div\n                      role=\"status\"\n                      aria-live=\"polite\"\n                      className=\"type-body-sm ds:text-muted-foreground ds:mt-[var(--spacing-sm)] ds:text-center\"\n                    >\n                      {rangeSummary}\n                    </div>\n                  ) : null}\n                </div>\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n    );\n  },\n);\n\nDateRangePicker.displayName = 'DateRangePicker';\n"],"names":["subDays","date","amount","options","addDays","subWeeks","addWeeks","dateRangePickerAgent","handle","range","_a","_b","args","DateRangePicker","forwardRef","value","defaultValue","onChange","minDate","maxDate","presetsProp","mergePresets","size","disabled","placeholder","className","id","ref","t","i18n","useTranslation","ctx","useFormField","effectiveId","effectiveDisabled","effectiveTone","locale","getDateFnsLocale","placeholderText","isControlled","internalValue","setInternalValue","useState","currentValue","open","setOpen","month","setMonth","triggerRef","useRef","emit","useCallback","disabledMatcher","buildDisabledMatcher","defaultPresets","today","yesterday","startOfWeek","endOfWeek","lastWeekDay","startOfMonth","endOfMonth","effectivePresets","handleRangeSelect","handlePresetClick","preset","displayText","fromStr","fnsFormat","toStr","rangeSummary","days","differenceInCalendarDays","useMemo","useImperativeHandle","useAgentRegistration","Popover","jsxs","jsx","triggerVariants","calendarIconVariants","Calendar","popoverContentVariants","presetButtonVariants","DayPicker","CalendarChevron"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/date-time-picker-Dnong_BY.js

@@ -0,0 +1,308 @@
+import { jsx as r, jsxs as T } from "react/jsx-runtime";
+import { forwardRef as oe, useState as p, useRef as de, useCallback as F, useMemo as ce, useImperativeHandle as le } from "react";
+import { c as ue } from "./index-D2ZczOXr.js";
+import { useTranslation as me } from "react-i18next";
+import * as k from "@radix-ui/react-popover";
+import { u as pe } from "./form-field-context-B3APVHKx.js";
+import { T as fe } from "./time-picker-DvPUmHH-.js";
+import { g as ge, b as he, i as ve, j as be, C as ye, d as Te, t as ke, D as we, f as De, h as Pe } from "./react-day-picker-C04L_28V.js";
+import { f as xe } from "./isSameMonth-5wNF2f4I.js";
+import { u as Ce } from "./registry-C9nwlNyL.js";
+import { t as j } from "./isSameDay-ecuM8PBB.js";
+function K(e, s, a) {
+  const i = j(e, a == null ? void 0 : a.in);
+  return i.setHours(s), i;
+}
+function A(e, s, a) {
+  const i = j(e, a == null ? void 0 : a.in);
+  return i.setMinutes(s), i;
+}
+const Oe = {
+  id: "date-time-picker",
+  capabilities: ["pick", "open", "close"],
+  state: {
+    value: {
+      type: "iso-datetime",
+      descriptionKey: "ui.agent.dateTimePicker.state.value",
+      description: "Currently-selected ISO datetime, or null.",
+      read: (e) => {
+        var s;
+        return ((s = e.getValue()) == null ? void 0 : s.toISOString()) ?? null;
+      }
+    },
+    isOpen: {
+      type: "boolean",
+      descriptionKey: "ui.agent.dateTimePicker.state.isOpen",
+      description: "Whether the datetime popover is open.",
+      read: (e) => e.isOpen()
+    }
+  },
+  actions: {
+    set_datetime: {
+      safety: "write",
+      argsType: "{ datetime: string }",
+      descriptionKey: "ui.agent.dateTimePicker.actions.setDatetime",
+      description: "Select a specific datetime (ISO string).",
+      invoke: (e, s) => {
+        e.setValue(new Date(s.datetime));
+      }
+    },
+    clear: {
+      safety: "destructive",
+      descriptionKey: "ui.agent.dateTimePicker.actions.clear",
+      description: "Clear the selected datetime.",
+      invoke: (e) => {
+        e.clear();
+      }
+    },
+    open: {
+      safety: "read",
+      descriptionKey: "ui.agent.dateTimePicker.actions.open",
+      description: "Open the datetime popover.",
+      invoke: (e) => {
+        e.open();
+      }
+    },
+    close: {
+      safety: "read",
+      descriptionKey: "ui.agent.dateTimePicker.actions.close",
+      description: "Close the datetime popover.",
+      invoke: (e) => {
+        e.close();
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "date-time-picker",
+      description: "Marks the DateTimePicker wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+};
+function Me(e, s) {
+  var a;
+  try {
+    const i = { timeZoneName: "short" };
+    return s && s !== "local" && (i.timeZone = s === "utc" ? "UTC" : s), ((a = new Intl.DateTimeFormat(e, i).formatToParts(
+      /* @__PURE__ */ new Date()
+    ).find((d) => d.type === "timeZoneName")) == null ? void 0 : a.value) ?? "";
+  } catch {
+    return "";
+  }
+}
+function Ne(e) {
+  if (!e || e === "local") return !1;
+  try {
+    const s = Intl.DateTimeFormat().resolvedOptions().timeZone;
+    return e === "utc" ? s !== "UTC" : s !== e;
+  } catch {
+    return !1;
+  }
+}
+const Ve = ue(
+  [
+    "ds:w-full ds:rounded-[var(--radius-sm)]",
+    "ds:bg-primary ds:text-primary-foreground",
+    "ds:hover:bg-primary-hover ds:cursor-pointer",
+    "ds:transition-colors ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none",
+    "ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid",
+    "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
+    "ds:disabled:cursor-not-allowed ds:disabled:opacity-50"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "ds:h-8 ds:text-[length:var(--font-size-sm)]",
+        md: "ds:h-[var(--min-target-size)] ds:text-[length:var(--font-size-base)]",
+        lg: "ds:h-12 ds:text-[length:var(--font-size-lg)]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), Ie = oe(
+  ({
+    value: e,
+    defaultValue: s,
+    onChange: a,
+    timezone: i,
+    showTimezone: w,
+    minDate: d,
+    maxDate: f,
+    hour12: B,
+    minuteStep: Z = 1,
+    size: g = "md",
+    disabled: _,
+    placeholder: z,
+    className: E,
+    id: U
+  }, W) => {
+    const { t: c, i18n: N } = me(), l = pe(), D = U ?? l.id, V = l.disabled || _, q = l.invalid ? "error" : "default", I = ge(N.language), G = z ?? c("ui.inputs.dateTimePicker.placeholder", "Select date and time"), J = c("ui.inputs.dateTimePicker.apply", "Apply"), Q = c(
+      "ui.inputs.dateTimePicker.outOfRange",
+      "Date/time is out of allowed range"
+    ), S = (w !== void 0 ? w : Ne(i)) ? Me(N.language, i) : "", P = e !== void 0, [X, Y] = p(
+      e ?? s
+    ), n = P ? e : X, [o, h] = p(n), [v, b] = p(!1), [$, x] = p(n ?? /* @__PURE__ */ new Date()), [L, u] = p(!1), R = de(null), y = F(
+      (t) => {
+        P || Y(t), a == null || a(t);
+      },
+      [P, a]
+    ), ee = he(d, f), C = F(
+      (t) => !(d && ve(t, d) || f && be(t, f)),
+      [d, f]
+    ), te = (t) => {
+      t && (h(n ?? /* @__PURE__ */ new Date()), x(n ?? /* @__PURE__ */ new Date()), u(!1)), b(t);
+    }, se = (t) => {
+      if (!t) return;
+      const M = o ?? /* @__PURE__ */ new Date(), m = A(
+        K(t, M.getHours()),
+        M.getMinutes()
+      );
+      h(m), u(!C(m));
+    }, ae = (t) => {
+      const m = A(K(o ?? /* @__PURE__ */ new Date(), t.hours), t.minutes);
+      h(m), u(!C(m));
+    }, re = () => {
+      var t;
+      if (o) {
+        if (!C(o)) {
+          u(!0);
+          return;
+        }
+        y(o), b(!1), (t = R.current) == null || t.focus();
+      }
+    }, H = n ? xe(n, "MMM d, yyyy HH:mm", { locale: I }) : "", ie = c("ui.inputs.datePicker.gridLabel", "Calendar"), ne = c("ui.inputs.timePicker.groupLabel", "Time"), O = ce(
+      () => ({
+        getValue: () => n,
+        setValue: (t) => y(t),
+        clear: () => y(void 0),
+        isOpen: () => v,
+        // Mirror the trigger's open behaviour so draft state seeds correctly.
+        open: () => {
+          h(n ?? /* @__PURE__ */ new Date()), x(n ?? /* @__PURE__ */ new Date()), u(!1), b(!0);
+        },
+        close: () => b(!1)
+      }),
+      [n, y, v]
+    );
+    return le(W, () => O, [O]), Ce(Oe, O, D), /* @__PURE__ */ r(k.Root, { open: v, onOpenChange: te, children: /* @__PURE__ */ T(
+      "div",
+      {
+        className: E,
+        "data-component": "date-time-picker",
+        "data-component-id": D,
+        children: [
+          /* @__PURE__ */ r(k.Trigger, { asChild: !0, disabled: V, children: /* @__PURE__ */ T(
+            "button",
+            {
+              ref: R,
+              id: D,
+              type: "button",
+              disabled: V,
+              "aria-describedby": l.describedBy || void 0,
+              "aria-invalid": l.invalid || void 0,
+              "aria-haspopup": "dialog",
+              "aria-expanded": v,
+              className: ke({ size: g, tone: q }),
+              children: [
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    className: H ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    children: H || G
+                  }
+                ),
+                /* @__PURE__ */ r(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: Te({ size: g }),
+                    children: /* @__PURE__ */ r(ye, {})
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ r(k.Portal, { children: /* @__PURE__ */ r(
+            k.Content,
+            {
+              sideOffset: 4,
+              align: "start",
+              className: Pe(),
+              children: /* @__PURE__ */ T("div", { className: "ds:flex ds:flex-col ds:sm:flex-row ds:gap-[var(--spacing-md)]", children: [
+                /* @__PURE__ */ r("div", { role: "region", "aria-label": ie, children: /* @__PURE__ */ r(
+                  we,
+                  {
+                    mode: "single",
+                    selected: o,
+                    onSelect: se,
+                    month: $,
+                    onMonthChange: x,
+                    disabled: ee,
+                    locale: I,
+                    showOutsideDays: !0,
+                    fixedWeeks: !0,
+                    components: { Chevron: De }
+                  }
+                ) }),
+                /* @__PURE__ */ T(
+                  "div",
+                  {
+                    role: "region",
+                    "aria-label": ne,
+                    className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:sm:border-s ds:sm:border-border ds:sm:ps-[var(--spacing-md)] ds:min-w-[10rem]",
+                    children: [
+                      /* @__PURE__ */ r(
+                        fe,
+                        {
+                          value: o ? {
+                            hours: o.getHours(),
+                            minutes: o.getMinutes()
+                          } : { hours: 0, minutes: 0 },
+                          onChange: ae,
+                          hour12: B,
+                          minuteStep: Z,
+                          size: g
+                        }
+                      ),
+                      S ? /* @__PURE__ */ r("span", { className: "type-meta ds:text-muted-foreground", children: S }) : null,
+                      L ? /* @__PURE__ */ r(
+                        "span",
+                        {
+                          role: "alert",
+                          className: "type-meta ds:text-destructive",
+                          children: Q
+                        }
+                      ) : null,
+                      /* @__PURE__ */ r(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: re,
+                          disabled: !o || L,
+                          className: Ve({ size: g }),
+                          children: J
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] })
+            }
+          ) })
+        ]
+      }
+    ) });
+  }
+);
+Ie.displayName = "DateTimePicker";
+export {
+  Ie as D,
+  Oe as d
+};
+//# sourceMappingURL=date-time-picker-Dnong_BY.js.map