@alfadocs/ui-kit-debug 1.3.12 → 1.4.0

package/dist/_chunks/{date-picker-BP_W6VtE.js → date-picker-Bp64zk2p.js}

@@ -1,16 +1,16 @@
 import { jsx as r, jsxs as v } from "react/jsx-runtime";
-import { forwardRef as ae, useState as y, useRef as K, useEffect as re, useCallback as R, useMemo as ne, useImperativeHandle as se } from "react";
-import { useTranslation as ie } from "react-i18next";
-import * as k from "@radix-ui/react-popover";
-import { u as oe } from "./use-controllable-state-BiY4xTzM.js";
-import { u as de } from "./form-field-context-B3APVHKx.js";
-import { u as ce } from "./registry-DvAUVLHh.js";
-import { u as le, g as pe, f as T, b as ue, c as fe, i as me, t as he, d as ge, p as ve, D as ye, C as ke, e as be, h as Ce, j as De } from "./date-picker-variants-eL6HjWvw.js";
-import { C as Pe } from "./calendar-days-BGWklvE-.js";
-import { C as Se } from "./check-DrFSN__t.js";
-import { p as xe } from "./parse-DvA97ro9.js";
-import { i as we } from "./isSameDay-DUEiAT0G.js";
-const Ie = {
+import { forwardRef as se, useContext as ie, useState as y, useRef as K, useEffect as oe, useCallback as R, useMemo as le, useImperativeHandle as de } from "react";
+import { useTranslation as ce } from "react-i18next";
+import * as b from "@radix-ui/react-popover";
+import { u as pe } from "./use-controllable-state-BiY4xTzM.js";
+import { u as ue, F as fe } from "./form-field-context-B3APVHKx.js";
+import { u as me } from "./registry-DvAUVLHh.js";
+import { u as he, g as ge, b as ve, i as ye, c as be, t as ke, d as Ce, p as De, D as Pe, C as Se, e as xe, f as we } from "./date-picker-variants-pKAJfnWr.js";
+import { f as T, i as Ie, b as Oe } from "./format-4HNwNGrN.js";
+import { C as Ne } from "./calendar-days-BGWklvE-.js";
+import { C as Ve } from "./check-DrFSN__t.js";
+import { p as Fe } from "./parse-JqixfsU0.js";
+const Ae = {
   id: "date-picker",
   // Persisted single date (value state + set_date) → select_single + set_value,
   // plus open/close of the calendar popover.
@@ -21,8 +21,8 @@ const Ie = {
       descriptionKey: "ui.agent.datePicker.state.value",
       description: "Currently-selected ISO date, or null.",
       read: (a) => {
-        var c;
-        return ((c = a.getValue()) == null ? void 0 : c.toISOString()) ?? null;
+        var d;
+        return ((d = a.getValue()) == null ? void 0 : d.toISOString()) ?? null;
       }
     },
     isOpen: {
@@ -51,8 +51,8 @@ const Ie = {
       descriptionKey: "ui.agent.datePicker.actions.setDate",
       description: "Select a specific date (ISO yyyy-mm-dd).",
       examples: [{ args: { date: "2026-06-23" }, note: "Select 23 Jun 2026." }],
-      invoke: (a, c) => {
-        a.setValue(new Date(c.date));
+      invoke: (a, d) => {
+        a.setValue(new Date(d.date));
       }
     },
     clear: {
@@ -96,64 +96,66 @@ const Ie = {
       description: "Sourced from the id prop."
     }
   }
-}, Oe = ae(
+}, Ke = se(
   ({
     value: a,
-    defaultValue: c,
-    onChange: F,
+    defaultValue: d,
+    onChange: M,
     minDate: m,
     maxDate: h,
-    disabledDates: l,
-    weekStartsOn: M,
-    presets: b,
+    disabledDates: c,
+    weekStartsOn: j,
+    presets: k,
     size: x = "md",
-    disabled: j,
-    placeholder: q,
-    className: B,
-    id: E
-  }, L) => {
-    const { t: w, i18n: I } = ie(), p = de(), C = E ?? p.id, O = p.disabled || j, _ = p.invalid ? "error" : "default", u = le(I.language), f = pe(I.language), H = q ?? w("inputs.datePicker.placeholder", "Select date"), [W, N] = oe({
+    disabled: q,
+    placeholder: B,
+    className: E,
+    id: L,
+    "aria-label": _,
+    "aria-labelledby": H
+  }, W) => {
+    const { t: w, i18n: I } = ce(), p = ue(), O = ie(fe) !== null, C = L ?? p.id, N = p.disabled || q, J = p.invalid ? "error" : "default", u = he(I.language), f = ge(I.language), z = B ?? w("inputs.datePicker.placeholder", "Select date"), [G, V] = pe({
       value: a,
-      defaultValue: c,
-      onChange: F
-    }), n = W, [i, s] = y(!1), [J, D] = y(
+      defaultValue: d,
+      onChange: M
+    }), n = G, [i, s] = y(!1), [Q, D] = y(
       n ? T(n, f, { locale: u }) : ""
-    ), [V, g] = y(!1), [z, P] = y(n ?? /* @__PURE__ */ new Date()), S = K(null);
-    re(() => {
+    ), [F, g] = y(!1), [U, P] = y(n ?? /* @__PURE__ */ new Date()), S = K(null);
+    oe(() => {
       n ? (D(T(n, f, { locale: u })), g(!1)) : D("");
     }, [n, f, u]);
-    const G = ue(
+    const X = ve(
       m,
       h,
-      l
-    ), Q = R(
-      (e) => m && fe(e, m) || h && me(e, h) ? !0 : Array.isArray(l) ? l.some(
+      c
+    ), Y = R(
+      (e) => m && ye(e, m) || h && be(e, h) ? !0 : Array.isArray(c) ? c.some(
         (t) => t.toDateString() === e.toDateString()
-      ) : typeof l == "function" ? l(e) : !1,
-      [m, h, l]
+      ) : typeof c == "function" ? c(e) : !1,
+      [m, h, c]
     ), o = R(
       (e) => {
-        N(e);
+        V(e);
       },
-      [N]
-    ), U = (e) => {
+      [V]
+    ), Z = (e) => {
       const t = e.target.value;
       if (D(t), t.length === 0) {
         g(!1), o(void 0);
         return;
       }
-      const d = xe(t, f, /* @__PURE__ */ new Date(), { locale: u });
-      De(d) && !Q(d) ? (g(!1), o(d), P(d)) : t.length === f.length && g(!0);
-    }, X = (e) => {
+      const l = Fe(t, f, /* @__PURE__ */ new Date(), { locale: u });
+      Ie(l) && !Y(l) ? (g(!1), o(l), P(l)) : t.length === f.length && g(!0);
+    }, $ = (e) => {
       e.key === "Enter" && i && (e.preventDefault(), s(!1)), e.key === "Escape" && i && (e.preventDefault(), s(!1)), e.key === "ArrowDown" && !i && (e.preventDefault(), s(!0));
-    }, Y = (e) => {
+    }, ee = (e) => {
       var t;
       e && (o(e), s(!1), (t = S.current) == null || t.focus());
-    }, Z = (e) => {
-      var d;
+    }, te = (e) => {
+      var l;
       const t = e.date();
-      o(t), P(t), s(!1), (d = S.current) == null || d.focus();
-    }, $ = (e) => n ? we(e.date(), n) : !1, ee = w("inputs.datePicker.gridLabel", "Calendar"), te = ne(
+      o(t), P(t), s(!1), (l = S.current) == null || l.focus();
+    }, ae = (e) => n ? Oe(e.date(), n) : !1, re = w("inputs.datePicker.gridLabel", "Calendar"), ne = le(
       () => ({
         getValue: () => n,
         setValue: (e) => o(e),
@@ -164,64 +166,66 @@ const Ie = {
       }),
       [n, o, i]
     ), A = K(null);
-    return se(L, () => A.current, []), ce(Ie, te, C), /* @__PURE__ */ r(k.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ v(
+    return de(W, () => A.current, []), me(Ae, ne, C), /* @__PURE__ */ r(b.Root, { open: i, onOpenChange: s, children: /* @__PURE__ */ v(
       "div",
       {
         ref: A,
-        className: B,
+        className: E,
         "data-component": "date-picker",
         "data-component-id": C,
         children: [
           /* @__PURE__ */ v("div", { className: "ds:relative", children: [
-            /* @__PURE__ */ r(k.Trigger, { asChild: !0, disabled: O, children: /* @__PURE__ */ r(
+            /* @__PURE__ */ r(b.Trigger, { asChild: !0, disabled: N, children: /* @__PURE__ */ r(
               "input",
               {
                 ref: S,
                 id: C,
                 type: "text",
                 role: "combobox",
-                value: J,
-                placeholder: H,
-                disabled: O,
+                value: Q,
+                placeholder: z,
+                disabled: N,
+                "aria-label": O ? void 0 : _,
+                "aria-labelledby": O ? void 0 : H,
                 "aria-describedby": p.describedBy || void 0,
-                "aria-invalid": p.invalid || V || void 0,
+                "aria-invalid": p.invalid || F || void 0,
                 "aria-required": p.required || void 0,
                 "aria-haspopup": "dialog",
                 "aria-expanded": i,
-                onChange: U,
-                onKeyDown: X,
+                onChange: Z,
+                onKeyDown: $,
                 onClick: () => !i && s(!0),
-                className: he({
+                className: ke({
                   size: x,
-                  tone: V ? "error" : _
+                  tone: F ? "error" : J
                 })
               }
             ) }),
-            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: ge({ size: x }), children: /* @__PURE__ */ r(Pe, {}) })
+            /* @__PURE__ */ r("span", { "aria-hidden": "true", className: Ce({ size: x }), children: /* @__PURE__ */ r(Ne, {}) })
           ] }),
-          /* @__PURE__ */ r(k.Portal, { children: /* @__PURE__ */ r(
-            k.Content,
+          /* @__PURE__ */ r(b.Portal, { children: /* @__PURE__ */ r(
+            b.Content,
             {
               sideOffset: 4,
               align: "start",
-              className: Ce(),
+              className: we(),
               onOpenAutoFocus: (e) => {
                 e.preventDefault();
               },
               children: /* @__PURE__ */ v("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
-                b && b.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: b.map((e) => {
-                  const t = $(e);
+                k && k.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: k.map((e) => {
+                  const t = ae(e);
                   return /* @__PURE__ */ v(
                     "button",
                     {
                       type: "button",
                       "aria-pressed": t,
-                      onClick: () => Z(e),
-                      className: ve({ active: t }),
+                      onClick: () => te(e),
+                      className: De({ active: t }),
                       children: [
                         /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: e.label }),
                         t ? /* @__PURE__ */ r(
-                          Se,
+                          Ve,
                           {
                             "aria-hidden": "true",
                             className: "ds:size-4 ds:shrink-0 ds:text-primary"
@@ -232,21 +236,21 @@ const Ie = {
                     e.label
                   );
                 }) }) : null,
-                /* @__PURE__ */ r("div", { role: "region", "aria-label": ee, children: /* @__PURE__ */ r(
-                  ye,
+                /* @__PURE__ */ r("div", { role: "region", "aria-label": re, children: /* @__PURE__ */ r(
+                  Pe,
                   {
                     mode: "single",
                     selected: n,
-                    onSelect: Y,
-                    month: z,
+                    onSelect: ee,
+                    month: U,
                     onMonthChange: P,
-                    disabled: G,
-                    weekStartsOn: M,
+                    disabled: X,
+                    weekStartsOn: j,
                     locale: u,
                     showOutsideDays: !0,
                     fixedWeeks: !0,
-                    classNames: be,
-                    components: { Chevron: ke }
+                    classNames: xe,
+                    components: { Chevron: Se }
                   }
                 ) })
               ] })
@@ -257,9 +261,9 @@ const Ie = {
     ) });
   }
 );
-Oe.displayName = "DatePicker";
+Ke.displayName = "DatePicker";
 export {
-  Oe as D,
-  Ie as d
+  Ke as D,
+  Ae as d
 };
-//# sourceMappingURL=date-picker-BP_W6VtE.js.map
+//# sourceMappingURL=date-picker-Bp64zk2p.js.map

package/dist/_chunks/date-picker-Bp64zk2p.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker-Bp64zk2p.js","sources":["../../src/components/date-picker/date-picker.agent.ts","../../src/components/date-picker/date-picker.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — DatePicker.                                            */\n/*                                                                        */\n/* DatePicker wraps react-day-picker inside a Radix Popover. The agent    */\n/* surface curates the input + popover into a small set of date-shaped    */\n/* operations — set / clear / open / close. The handle is the curated    */\n/* surface; raw rdp internals are deliberately not exposed.              */\n/*                                                                        */\n/* See `src/docs/26-agent-readiness.mdx` §15.                             */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { DatePickerHandle } from './date-picker';\n\nexport const datePickerAgent: AgentAdapter<DatePickerHandle> = {\n  id: 'date-picker',\n  // Persisted single date (value state + set_date) → select_single + set_value,\n  // plus open/close of the calendar popover.\n  capabilities: ['select_single', 'set_value', 'open', 'close'],\n  state: {\n    value: {\n      type: 'iso-date',\n      descriptionKey: 'ui.agent.datePicker.state.value',\n      description: 'Currently-selected ISO date, or null.',\n      read: (handle) => handle.getValue()?.toISOString() ?? null,\n    },\n    isOpen: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.datePicker.state.isOpen',\n      description: 'Whether the calendar popover is open.',\n      read: (handle) => handle.isOpen(),\n    },\n  },\n  actions: {\n    set_date: {\n      safety: 'write',\n      argsType: '{ date: string }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          date: {\n            type: 'string',\n            format: 'date',\n            description: 'ISO date, e.g. \"2026-06-23\".',\n          },\n        },\n        required: ['date'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.setDate',\n      description: 'Select a specific date (ISO yyyy-mm-dd).',\n      examples: [{ args: { date: '2026-06-23' }, note: 'Select 23 Jun 2026.' }],\n      invoke: (handle, args: { date: string }) => {\n        handle.setValue(new Date(args.date));\n      },\n    },\n    clear: {\n      // Discards the selected date — loses the user's input.\n      safety: 'destructive',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.clear',\n      description: 'Clear the selected date.',\n      invoke: (handle) => {\n        handle.clear();\n      },\n    },\n    open: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.open',\n      description: 'Open the calendar popover.',\n      invoke: (handle) => {\n        handle.open();\n      },\n    },\n    close: {\n      safety: 'read',\n      idempotent: true,\n      descriptionKey: 'ui.agent.datePicker.actions.close',\n      description: 'Close the calendar popover.',\n      invoke: (handle) => {\n        handle.close();\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'date-picker',\n      description: 'Marks the DatePicker 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  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type ChangeEvent,\n  type KeyboardEvent,\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 } from 'react-day-picker';\nimport {\n  format as fnsFormat,\n  parse as fnsParse,\n  isValid,\n  isSameDay,\n  isBefore,\n  isAfter,\n} from 'date-fns';\nimport { CalendarDays, Check } from 'lucide-react';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport {\n  FormFieldContext,\n  useFormField,\n} from '../form-field/form-field-context';\nimport {\n  useDateFnsLocale,\n  getShortDateFormat,\n  buildDisabledMatcher,\n  CalendarChevron,\n  calendarClassNames,\n  triggerVariants,\n  calendarIconVariants,\n  popoverContentVariants,\n  presetButtonVariants,\n} from '../_shared';\nimport { useAgentRegistration } from '../../agent';\nimport { datePickerAgent } from './date-picker.agent';\n\n/* -------------------------------------------------------------------------- */\n/*  Imperative handle                                                          */\n/* -------------------------------------------------------------------------- */\n\n/** Curated imperative handle exposed via `ref` — also consumed by the agent adapter. */\nexport interface DatePickerHandle {\n  /** Get the current selected date, or undefined. */\n  getValue: () => Date | undefined;\n  /** Set the selected date. */\n  setValue: (date: Date | undefined) => void;\n  /** Clear the selected date. */\n  clear: () => void;\n  /** Whether the popover is open. */\n  isOpen: () => boolean;\n  /** Open the calendar popover. */\n  open: () => void;\n  /** Close the calendar popover. */\n  close: () => void;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Props                                                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface DatePickerPreset {\n  label: string;\n  date: () => Date;\n}\n\nexport interface DatePickerProps extends Pick<\n  VariantProps<typeof triggerVariants>,\n  'size'\n> {\n  /** Current selected date — controlled. */\n  value?: Date;\n  /** Default selected date — uncontrolled. */\n  defaultValue?: Date;\n  /** Called when the selected date changes. */\n  onChange?: (date: Date | undefined) => void;\n  /** Minimum selectable date. */\n  minDate?: Date;\n  /** Maximum selectable date. */\n  maxDate?: Date;\n  /** Disabled dates — array or predicate. */\n  disabledDates?: Date[] | ((date: Date) => boolean);\n  /** Week starts on (0=Sunday). Derived from locale if not specified. */\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** Quick-pick presets shown inline-start of the calendar. */\n  presets?: DatePickerPreset[];\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  /** Accessible name for the date input, when the picker is NOT wrapped in a\n   * `FormField`. Without one — and without a FormField's `<label htmlFor>` —\n   * the input has no accessible name at all, so a picker placed inline beside\n   * chips or in a toolbar was unnamed to a screen reader. Ignored in favour of\n   * the FormField label when both are present. */\n  'aria-label'?: string;\n  /** Accessible name by reference, same conditions as `aria-label`. */\n  'aria-labelledby'?: string;\n}\n\n/* -------------------------------------------------------------------------- */\n/*  Component                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      minDate,\n      maxDate,\n      disabledDates,\n      weekStartsOn,\n      presets,\n      size = 'md',\n      disabled,\n      placeholder,\n      className,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const ctx = useFormField();\n    // A FormField labels the input through `<label htmlFor>`; outside one the\n    // caller's aria-label is the only name available.\n    const inFormField = useContext(FormFieldContext) !== null;\n    const effectiveId = id ?? ctx.id;\n    const effectiveDisabled = ctx.disabled || disabled;\n    const effectiveTone = ctx.invalid ? 'error' : 'default';\n\n    const locale = useDateFnsLocale(i18n.language);\n    const dateFormat = getShortDateFormat(i18n.language);\n    const placeholderText =\n      placeholder ?? t('inputs.datePicker.placeholder', 'Select date');\n\n    const [currentValueRaw, setDateValue] = useControllableState<\n      Date | undefined\n    >({\n      value,\n      defaultValue,\n      onChange,\n    });\n    const currentValue = currentValueRaw;\n\n    const [open, setOpen] = useState(false);\n    const [inputText, setInputText] = useState(\n      currentValue ? fnsFormat(currentValue, dateFormat, { locale }) : '',\n    );\n    const [inputInvalid, setInputInvalid] = useState(false);\n    const [month, setMonth] = useState<Date>(currentValue ?? new Date());\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Sync input text when value changes externally\n    useEffect(() => {\n      if (currentValue) {\n        setInputText(fnsFormat(currentValue, dateFormat, { locale }));\n        setInputInvalid(false);\n      } else {\n        setInputText('');\n      }\n    }, [currentValue, dateFormat, locale]);\n\n    const disabledMatcher = buildDisabledMatcher(\n      minDate,\n      maxDate,\n      disabledDates,\n    );\n\n    /** Check if a date is disabled. */\n    const isDateDisabled = useCallback(\n      (date: Date): boolean => {\n        if (minDate && isBefore(date, minDate)) return true;\n        if (maxDate && isAfter(date, maxDate)) return true;\n        if (Array.isArray(disabledDates)) {\n          return disabledDates.some(\n            (d) => d.toDateString() === date.toDateString(),\n          );\n        }\n        if (typeof disabledDates === 'function') {\n          return disabledDates(date);\n        }\n        return false;\n      },\n      [minDate, maxDate, disabledDates],\n    );\n\n    const emit = useCallback(\n      (date: Date | undefined) => {\n        setDateValue(date);\n      },\n      [setDateValue],\n    );\n\n    const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n      const text = e.target.value;\n      setInputText(text);\n\n      if (text.length === 0) {\n        setInputInvalid(false);\n        emit(undefined);\n        return;\n      }\n\n      const parsed = fnsParse(text, dateFormat, new Date(), { locale });\n      if (isValid(parsed) && !isDateDisabled(parsed)) {\n        setInputInvalid(false);\n        emit(parsed);\n        setMonth(parsed);\n      } else if (text.length === dateFormat.length) {\n        setInputInvalid(true);\n      }\n    };\n\n    const handleInputKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === 'Enter' && open) {\n        e.preventDefault();\n        setOpen(false);\n      }\n      if (e.key === 'Escape' && open) {\n        e.preventDefault();\n        setOpen(false);\n      }\n      if (e.key === 'ArrowDown' && !open) {\n        e.preventDefault();\n        setOpen(true);\n      }\n    };\n\n    const handleDaySelect = (date: Date | undefined) => {\n      if (date) {\n        emit(date);\n        setOpen(false);\n        inputRef.current?.focus();\n      }\n    };\n\n    const handlePresetClick = (preset: DatePickerPreset) => {\n      const date = preset.date();\n      emit(date);\n      setMonth(date);\n      setOpen(false);\n      inputRef.current?.focus();\n    };\n\n    // A preset is \"active\" when the selected date matches the one it produces,\n    // so the shortcut and the highlighted day visibly agree.\n    const isPresetActive = (preset: DatePickerPreset): boolean =>\n      currentValue ? isSameDay(preset.date(), currentValue) : false;\n\n    const gridLabel = t('inputs.datePicker.gridLabel', 'Calendar');\n\n    const handle = useMemo<DatePickerHandle>(\n      () => ({\n        getValue: () => currentValue,\n        setValue: (date) => emit(date),\n        clear: () => emit(undefined),\n        isOpen: () => open,\n        open: () => setOpen(true),\n        close: () => setOpen(false),\n      }),\n      [currentValue, emit, open],\n    );\n\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement, []);\n    useAgentRegistration(datePickerAgent, handle, effectiveId);\n\n    return (\n      <Popover.Root open={open} onOpenChange={setOpen}>\n        <div\n          ref={rootRef}\n          className={className}\n          data-component=\"date-picker\"\n          data-component-id={effectiveId}\n        >\n          <div className=\"ds:relative\">\n            {/* `Popover.Trigger asChild` slots Radix's trigger props\n               (including `type=\"button\"`, `aria-haspopup`,\n               `aria-expanded`) onto the child element. We want those on\n               the input, not the surrounding `<div>`, so the input is\n               the direct asChild target and the icon sits as a sibling. */}\n            <Popover.Trigger asChild disabled={effectiveDisabled}>\n              <input\n                ref={inputRef}\n                id={effectiveId}\n                type=\"text\"\n                // ARIA 1.2 permits `role=\"combobox\"` on `<input>`. That's\n                // what makes `aria-expanded` / `aria-controls` valid\n                // here — the input acts as a combobox-style trigger\n                // whose popup is the calendar dialog. `aria-haspopup=\"dialog\"`\n                // replaces `aria-controls` for the dialog-popup pattern.\n                // eslint-disable-next-line jsx-a11y/role-has-required-aria-props\n                role=\"combobox\"\n                value={inputText}\n                placeholder={placeholderText}\n                disabled={effectiveDisabled}\n                // A FormField labels the input through `<label htmlFor>`, so\n                // its label wins and these stay off. Outside one they are the\n                // only name the input can have.\n                aria-label={inFormField ? undefined : ariaLabel}\n                aria-labelledby={inFormField ? undefined : ariaLabelledBy}\n                aria-describedby={ctx.describedBy || undefined}\n                aria-invalid={ctx.invalid || inputInvalid || undefined}\n                aria-required={ctx.required || undefined}\n                aria-haspopup=\"dialog\"\n                aria-expanded={open}\n                onChange={handleInputChange}\n                onKeyDown={handleInputKeyDown}\n                onClick={() => !open && setOpen(true)}\n                className={triggerVariants({\n                  size,\n                  tone: inputInvalid ? 'error' : effectiveTone,\n                })}\n              />\n            </Popover.Trigger>\n            <span aria-hidden=\"true\" className={calendarIconVariants({ size })}>\n              <CalendarDays />\n            </span>\n          </div>\n\n          <Popover.Portal>\n            <Popover.Content\n              sideOffset={4}\n              align=\"start\"\n              className={popoverContentVariants()}\n              onOpenAutoFocus={(e) => {\n                // Keep focus on input, don't auto-focus the calendar\n                e.preventDefault();\n              }}\n            >\n              <div className=\"ds:flex ds:gap-[var(--spacing-md)]\">\n                {/* Presets column */}\n                {presets && presets.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                    {presets.map((preset) => {\n                      const active = isPresetActive(preset);\n                      return (\n                        <button\n                          key={preset.label}\n                          type=\"button\"\n                          aria-pressed={active}\n                          onClick={() => handlePresetClick(preset)}\n                          className={presetButtonVariants({ active })}\n                        >\n                          <span className=\"ds:min-w-0 ds:truncate\">\n                            {preset.label}\n                          </span>\n                          {active ? (\n                            <Check\n                              aria-hidden=\"true\"\n                              className=\"ds:size-4 ds:shrink-0 ds:text-primary\"\n                            />\n                          ) : null}\n                        </button>\n                      );\n                    })}\n                  </div>\n                ) : null}\n\n                {/* Calendar */}\n                <div role=\"region\" aria-label={gridLabel}>\n                  <DayPicker\n                    mode=\"single\"\n                    selected={currentValue}\n                    onSelect={handleDaySelect}\n                    month={month}\n                    onMonthChange={setMonth}\n                    disabled={disabledMatcher}\n                    weekStartsOn={weekStartsOn}\n                    locale={locale}\n                    showOutsideDays\n                    fixedWeeks\n                    classNames={calendarClassNames}\n                    components={{ Chevron: CalendarChevron }}\n                  />\n                </div>\n              </div>\n            </Popover.Content>\n          </Popover.Portal>\n        </div>\n      </Popover.Root>\n    );\n  },\n);\n\nDatePicker.displayName = 'DatePicker';\n"],"names":["datePickerAgent","handle","_a","args","DatePicker","forwardRef","value","defaultValue","onChange","minDate","maxDate","disabledDates","weekStartsOn","presets","size","disabled","placeholder","className","id","ariaLabel","ariaLabelledBy","ref","t","i18n","useTranslation","ctx","useFormField","inFormField","useContext","FormFieldContext","effectiveId","effectiveDisabled","effectiveTone","locale","useDateFnsLocale","dateFormat","getShortDateFormat","placeholderText","currentValueRaw","setDateValue","useControllableState","currentValue","open","setOpen","useState","inputText","setInputText","fnsFormat","inputInvalid","setInputInvalid","month","setMonth","inputRef","useRef","useEffect","disabledMatcher","buildDisabledMatcher","isDateDisabled","useCallback","date","isBefore","isAfter","d","emit","handleInputChange","text","parsed","fnsParse","isValid","handleInputKeyDown","handleDaySelect","handlePresetClick","preset","isPresetActive","isSameDay","gridLabel","useMemo","rootRef","useImperativeHandle","useAgentRegistration","Popover","jsxs","jsx","triggerVariants","calendarIconVariants","CalendarDays","popoverContentVariants","active","presetButtonVariants","Check","DayPicker","calendarClassNames","CalendarChevron"],"mappings":";;;;;;;;;;;;AAcO,MAAMA,KAAkD;AAAA,EAC7D,IAAI;AAAA;AAAA;AAAA,EAGJ,cAAc,CAAC,iBAAiB,aAAa,QAAQ,OAAO;AAAA,EAC5D,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACC,MAAA;;AAAW,iBAAAC,IAAAD,EAAO,SAAA,MAAP,gBAAAC,EAAmB,kBAAiB;AAAA;AAAA,IAAA;AAAA,IAExD,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,MAAM,CAACD,MAAWA,EAAO,OAAA;AAAA,IAAO;AAAA,EAClC;AAAA,EAEF,SAAS;AAAA,IACP,UAAU;AAAA,MACR,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,MAAM;AAAA,YACJ,MAAM;AAAA,YACN,QAAQ;AAAA,YACR,aAAa;AAAA,UAAA;AAAA,QACf;AAAA,QAEF,UAAU,CAAC,MAAM;AAAA,MAAA;AAAA,MAEnB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,gBAAgB,MAAM,uBAAuB;AAAA,MACxE,QAAQ,CAACA,GAAQE,MAA2B;AAC1C,QAAAF,EAAO,SAAS,IAAI,KAAKE,EAAK,IAAI,CAAC;AAAA,MACrC;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA;AAAA,MAEL,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACF,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,MAAM;AAAA,MACJ,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,KAAA;AAAA,MACT;AAAA,IAAA;AAAA,IAEF,OAAO;AAAA,MACL,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACA,MAAW;AAClB,QAAAA,EAAO,MAAA;AAAA,MACT;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCoBaG,KAAaC;AAAA,EACxB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,cAAcC;AAAA,IACd,mBAAmBC;AAAA,EAAA,GAErBC,MACG;AACH,UAAM,EAAE,GAAAC,GAAG,MAAAC,EAAA,IAASC,GAAA,GACdC,IAAMC,GAAA,GAGNC,IAAcC,GAAWC,EAAgB,MAAM,MAC/CC,IAAcZ,KAAMO,EAAI,IACxBM,IAAoBN,EAAI,YAAYV,GACpCiB,IAAgBP,EAAI,UAAU,UAAU,WAExCQ,IAASC,GAAiBX,EAAK,QAAQ,GACvCY,IAAaC,GAAmBb,EAAK,QAAQ,GAC7Cc,IACJrB,KAAeM,EAAE,iCAAiC,aAAa,GAE3D,CAACgB,GAAiBC,CAAY,IAAIC,GAEtC;AAAA,MACA,OAAAlC;AAAA,MACA,cAAAC;AAAA,MACA,UAAAC;AAAA,IAAA,CACD,GACKiC,IAAeH,GAEf,CAACI,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChC,CAACC,GAAWC,CAAY,IAAIF;AAAA,MAChCH,IAAeM,EAAUN,GAAcN,GAAY,EAAE,QAAAF,EAAA,CAAQ,IAAI;AAAA,IAAA,GAE7D,CAACe,GAAcC,CAAe,IAAIL,EAAS,EAAK,GAChD,CAACM,GAAOC,CAAQ,IAAIP,EAAeH,KAAgB,oBAAI,MAAM,GAE7DW,IAAWC,EAAyB,IAAI;AAG9C,IAAAC,GAAU,MAAM;AACd,MAAIb,KACFK,EAAaC,EAAUN,GAAcN,GAAY,EAAE,QAAAF,EAAA,CAAQ,CAAC,GAC5DgB,EAAgB,EAAK,KAErBH,EAAa,EAAE;AAAA,IAEnB,GAAG,CAACL,GAAcN,GAAYF,CAAM,CAAC;AAErC,UAAMsB,IAAkBC;AAAA,MACtB/C;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA,GAII8C,IAAiBC;AAAA,MACrB,CAACC,MACKlD,KAAWmD,GAASD,GAAMlD,CAAO,KACjCC,KAAWmD,GAAQF,GAAMjD,CAAO,IAAU,KAC1C,MAAM,QAAQC,CAAa,IACtBA,EAAc;AAAA,QACnB,CAACmD,MAAMA,EAAE,aAAA,MAAmBH,EAAK,aAAA;AAAA,MAAa,IAG9C,OAAOhD,KAAkB,aACpBA,EAAcgD,CAAI,IAEpB;AAAA,MAET,CAAClD,GAASC,GAASC,CAAa;AAAA,IAAA,GAG5BoD,IAAOL;AAAA,MACX,CAACC,MAA2B;AAC1B,QAAApB,EAAaoB,CAAI;AAAA,MACnB;AAAA,MACA,CAACpB,CAAY;AAAA,IAAA,GAGTyB,IAAoB,CAAC,MAAqC;AAC9D,YAAMC,IAAO,EAAE,OAAO;AAGtB,UAFAnB,EAAamB,CAAI,GAEbA,EAAK,WAAW,GAAG;AACrB,QAAAhB,EAAgB,EAAK,GACrBc,EAAK,MAAS;AACd;AAAA,MACF;AAEA,YAAMG,IAASC,GAASF,GAAM9B,uBAAgB,KAAA,GAAQ,EAAE,QAAAF,GAAQ;AAChE,MAAImC,GAAQF,CAAM,KAAK,CAACT,EAAeS,CAAM,KAC3CjB,EAAgB,EAAK,GACrBc,EAAKG,CAAM,GACXf,EAASe,CAAM,KACND,EAAK,WAAW9B,EAAW,UACpCc,EAAgB,EAAI;AAAA,IAExB,GAEMoB,IAAqB,CAAC,MAAuC;AACjE,MAAI,EAAE,QAAQ,WAAW3B,MACvB,EAAE,eAAA,GACFC,EAAQ,EAAK,IAEX,EAAE,QAAQ,YAAYD,MACxB,EAAE,eAAA,GACFC,EAAQ,EAAK,IAEX,EAAE,QAAQ,eAAe,CAACD,MAC5B,EAAE,eAAA,GACFC,EAAQ,EAAI;AAAA,IAEhB,GAEM2B,KAAkB,CAACX,MAA2B;;AAClD,MAAIA,MACFI,EAAKJ,CAAI,GACThB,EAAQ,EAAK,IACbzC,IAAAkD,EAAS,YAAT,QAAAlD,EAAkB;AAAA,IAEtB,GAEMqE,KAAoB,CAACC,MAA6B;;AACtD,YAAMb,IAAOa,EAAO,KAAA;AACpB,MAAAT,EAAKJ,CAAI,GACTR,EAASQ,CAAI,GACbhB,EAAQ,EAAK,IACbzC,IAAAkD,EAAS,YAAT,QAAAlD,EAAkB;AAAA,IACpB,GAIMuE,KAAiB,CAACD,MACtB/B,IAAeiC,GAAUF,EAAO,KAAA,GAAQ/B,CAAY,IAAI,IAEpDkC,KAAYrD,EAAE,+BAA+B,UAAU,GAEvDrB,KAAS2E;AAAA,MACb,OAAO;AAAA,QACL,UAAU,MAAMnC;AAAA,QAChB,UAAU,CAACkB,MAASI,EAAKJ,CAAI;AAAA,QAC7B,OAAO,MAAMI,EAAK,MAAS;AAAA,QAC3B,QAAQ,MAAMrB;AAAA,QACd,MAAM,MAAMC,EAAQ,EAAI;AAAA,QACxB,OAAO,MAAMA,EAAQ,EAAK;AAAA,MAAA;AAAA,MAE5B,CAACF,GAAcsB,GAAMrB,CAAI;AAAA,IAAA,GAGrBmC,IAAUxB,EAAuB,IAAI;AAC3C,WAAAyB,GAAoBzD,GAAK,MAAMwD,EAAQ,SAA2B,CAAA,CAAE,GACpEE,GAAqB/E,IAAiBC,IAAQ6B,CAAW,qBAGtDkD,EAAQ,MAAR,EAAa,MAAAtC,GAAY,cAAcC,GACtC,UAAA,gBAAAsC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKJ;AAAA,QACL,WAAA5D;AAAA,QACA,kBAAe;AAAA,QACf,qBAAmBa;AAAA,QAEnB,UAAA;AAAA,UAAA,gBAAAmD,EAAC,OAAA,EAAI,WAAU,eAMb,UAAA;AAAA,YAAA,gBAAAC,EAACF,EAAQ,SAAR,EAAgB,SAAO,IAAC,UAAUjD,GACjC,UAAA,gBAAAmD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,KAAK9B;AAAA,gBACL,IAAItB;AAAA,gBACJ,MAAK;AAAA,gBAOL,MAAK;AAAA,gBACL,OAAOe;AAAA,gBACP,aAAaR;AAAA,gBACb,UAAUN;AAAA,gBAIV,cAAYJ,IAAc,SAAYR;AAAA,gBACtC,mBAAiBQ,IAAc,SAAYP;AAAA,gBAC3C,oBAAkBK,EAAI,eAAe;AAAA,gBACrC,gBAAcA,EAAI,WAAWuB,KAAgB;AAAA,gBAC7C,iBAAevB,EAAI,YAAY;AAAA,gBAC/B,iBAAc;AAAA,gBACd,iBAAeiB;AAAA,gBACf,UAAUsB;AAAA,gBACV,WAAWK;AAAA,gBACX,SAAS,MAAM,CAAC3B,KAAQC,EAAQ,EAAI;AAAA,gBACpC,WAAWwC,GAAgB;AAAA,kBACzB,MAAArE;AAAA,kBACA,MAAMkC,IAAe,UAAUhB;AAAA,gBAAA,CAChC;AAAA,cAAA;AAAA,YAAA,GAEL;AAAA,YACA,gBAAAkD,EAAC,QAAA,EAAK,eAAY,QAAO,WAAWE,GAAqB,EAAE,MAAAtE,EAAA,CAAM,GAC/D,UAAA,gBAAAoE,EAACG,IAAA,CAAA,CAAa,EAAA,CAChB;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAH,EAACF,EAAQ,QAAR,EACC,UAAA,gBAAAE;AAAA,YAACF,EAAQ;AAAA,YAAR;AAAA,cACC,YAAY;AAAA,cACZ,OAAM;AAAA,cACN,WAAWM,GAAA;AAAA,cACX,iBAAiB,CAAC,MAAM;AAEtB,kBAAE,eAAA;AAAA,cACJ;AAAA,cAEA,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAU,sCAEZ,UAAA;AAAA,gBAAApE,KAAWA,EAAQ,SAAS,IAC3B,gBAAAqE,EAAC,OAAA,EAAI,WAAU,yHACZ,UAAArE,EAAQ,IAAI,CAAC2D,MAAW;AACvB,wBAAMe,IAASd,GAAeD,CAAM;AACpC,yBACE,gBAAAS;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEC,MAAK;AAAA,sBACL,gBAAcM;AAAA,sBACd,SAAS,MAAMhB,GAAkBC,CAAM;AAAA,sBACvC,WAAWgB,GAAqB,EAAE,QAAAD,GAAQ;AAAA,sBAE1C,UAAA;AAAA,wBAAA,gBAAAL,EAAC,QAAA,EAAK,WAAU,0BACb,UAAAV,EAAO,OACV;AAAA,wBACCe,IACC,gBAAAL;AAAA,0BAACO;AAAA,0BAAA;AAAA,4BACC,eAAY;AAAA,4BACZ,WAAU;AAAA,0BAAA;AAAA,wBAAA,IAEV;AAAA,sBAAA;AAAA,oBAAA;AAAA,oBAdCjB,EAAO;AAAA,kBAAA;AAAA,gBAiBlB,CAAC,GACH,IACE;AAAA,gBAGJ,gBAAAU,EAAC,OAAA,EAAI,MAAK,UAAS,cAAYP,IAC7B,UAAA,gBAAAO;AAAA,kBAACQ;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,UAAUjD;AAAA,oBACV,UAAU6B;AAAA,oBACV,OAAApB;AAAA,oBACA,eAAeC;AAAA,oBACf,UAAUI;AAAA,oBACV,cAAA3C;AAAA,oBACA,QAAAqB;AAAA,oBACA,iBAAe;AAAA,oBACf,YAAU;AAAA,oBACV,YAAY0D;AAAA,oBACZ,YAAY,EAAE,SAASC,GAAA;AAAA,kBAAgB;AAAA,gBAAA,EACzC,CACF;AAAA,cAAA,EAAA,CACF;AAAA,YAAA;AAAA,UAAA,EACF,CACF;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AACF;AAEAxF,GAAW,cAAc;"}