@alfadocs/ui-kit-debug 0.17.0 → 0.17.2

package/dist/_chunks/{date-range-picker-C2hRu_Ke.js → date-range-picker-9gANFNG9.js}

@@ -1,16 +1,17 @@
-import { jsx as r, jsxs as u } 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 { jsx as n, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as J, useState as S, useRef as Q, useCallback as U, useMemo as X, useImperativeHandle as Z } from "react";
+import { useTranslation as z } from "react-i18next";
 import * as m from "@radix-ui/react-popover";
+import { u as ee } from "./use-controllable-state-BiY4xTzM.js";
 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 fe } from "./react-day-picker-C5F3-TTX.js";
-import { c as ge, b as N, s as ue, f as R, d as me } from "./isSameMonth-5wNF2f4I.js";
+import { a as ae, g as ne, b as re, e as N, c as se, C as oe, d as ie, t as de, p as ce, D as le, f as pe, h as ge } from "./react-day-picker-C5F3-TTX.js";
+import { c as ue, b as I, s as fe, f as b, d as me } from "./isSameMonth-5wNF2f4I.js";
 import { u as ye } from "./registry-C9nwlNyL.js";
-function D(t, s, n) {
-  return ge(t, -s, n);
+function v(t, r, o) {
+  return ue(t, -r, o);
 }
-function he(t, s, n) {
-  return ae(t, -1, n);
+function he(t, r, o) {
+  return ae(t, -1, o);
 }
 const ke = {
   id: "date-range-picker",
@@ -21,11 +22,11 @@ const ke = {
       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();
+        var o, l;
+        const r = t.getRange();
         return {
-          from: ((n = s.from) == null ? void 0 : n.toISOString()) ?? null,
-          to: ((l = s.to) == null ? void 0 : l.toISOString()) ?? null
+          from: ((o = r.from) == null ? void 0 : o.toISOString()) ?? null,
+          to: ((l = r.to) == null ? void 0 : l.toISOString()) ?? null
         };
       }
     },
@@ -42,8 +43,8 @@ const ke = {
       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) });
+      invoke: (t, r) => {
+        t.setRange({ from: new Date(r.from), to: new Date(r.to) });
       }
     },
     clear: {
@@ -83,177 +84,179 @@ const ke = {
       description: "Sourced from the id prop."
     }
   }
-}, be = Q(
+}, be = J(
   ({
     value: t,
-    defaultValue: s,
-    onChange: n,
+    defaultValue: r,
+    onChange: o,
     minDate: l,
     maxDate: T,
     presets: y,
     mergePresets: W = !1,
-    size: P = "md",
+    size: R = "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("inputs.dateRangePicker.placeholder", "Select date range"), k = t !== void 0, [_, $] = v(
-      t ?? s ?? {}
-    ), a = k ? t : _, [p, f] = v(!1), [Y, M] = v(a.from ?? /* @__PURE__ */ new Date()), q = U(null), d = X(
+    const { t: s, i18n: A } = z(), c = te(), h = F ?? c.id, D = c.disabled || V, B = c.invalid ? "error" : "default", i = ne(A.language), H = K ?? s("inputs.dateRangePicker.placeholder", "Select date range"), [_, P] = ee({
+      value: t,
+      defaultValue: r ?? {},
+      onChange: o
+    }), a = _ ?? {}, [p, g] = S(!1), [$, w] = S(a.from ?? /* @__PURE__ */ new Date()), Y = Q(null), d = U(
       (e) => {
-        k || $(e), n == null || n(e);
+        P(e);
       },
-      [k, n]
-    ), E = re(l, T), O = [
+      [P]
+    ), q = re(l, T), M = [
       {
-        label: o("inputs.dateRangePicker.presets.today", "Today"),
+        label: s("inputs.dateRangePicker.presets.today", "Today"),
         range: () => {
           const e = /* @__PURE__ */ new Date();
           return { from: e, to: e };
         }
       },
       {
-        label: o("inputs.dateRangePicker.presets.yesterday", "Yesterday"),
+        label: s("inputs.dateRangePicker.presets.yesterday", "Yesterday"),
         range: () => {
-          const e = D(/* @__PURE__ */ new Date(), 1);
+          const e = v(/* @__PURE__ */ new Date(), 1);
           return { from: e, to: e };
         }
       },
       {
-        label: o("inputs.dateRangePicker.presets.last7", "Last 7 days"),
+        label: s("inputs.dateRangePicker.presets.last7", "Last 7 days"),
         range: () => ({
-          from: D(/* @__PURE__ */ new Date(), 6),
+          from: v(/* @__PURE__ */ new Date(), 6),
           to: /* @__PURE__ */ new Date()
         })
       },
       {
-        label: o("inputs.dateRangePicker.presets.thisWeek", "This week"),
+        label: s("inputs.dateRangePicker.presets.thisWeek", "This week"),
         range: () => ({
-          from: N(/* @__PURE__ */ new Date(), { locale: i }),
-          to: I(/* @__PURE__ */ new Date(), { locale: i })
+          from: I(/* @__PURE__ */ new Date(), { locale: i }),
+          to: N(/* @__PURE__ */ new Date(), { locale: i })
         })
       },
       {
-        label: o("inputs.dateRangePicker.presets.lastWeek", "Last week"),
+        label: s("inputs.dateRangePicker.presets.lastWeek", "Last week"),
         range: () => {
           const e = he(/* @__PURE__ */ new Date());
           return {
-            from: N(e, { locale: i }),
-            to: I(e, { locale: i })
+            from: I(e, { locale: i }),
+            to: N(e, { locale: i })
           };
         }
       },
       {
-        label: o("inputs.dateRangePicker.presets.thisMonth", "This month"),
+        label: s("inputs.dateRangePicker.presets.thisMonth", "This month"),
         range: () => ({
-          from: ue(/* @__PURE__ */ new Date()),
+          from: fe(/* @__PURE__ */ new Date()),
           to: se(/* @__PURE__ */ new Date())
         })
       },
       {
-        label: o("inputs.dateRangePicker.presets.last30", "Last 30 days"),
+        label: s("inputs.dateRangePicker.presets.last30", "Last 30 days"),
         range: () => ({
-          from: D(/* @__PURE__ */ new Date(), 29),
+          from: v(/* @__PURE__ */ new Date(), 29),
           to: /* @__PURE__ */ new Date()
         })
       }
-    ], x = y ? W ? [...O, ...y] : y : O, G = (e) => {
+    ], C = y ? W ? [...M, ...y] : y : M, E = (e) => {
       d(e ? { from: e.from, to: e.to } : {});
-    }, J = (e) => {
-      const g = e.range();
-      d(g), M(g.from), f(!1);
-    }, S = (() => {
+    }, G = (e) => {
+      const u = e.range();
+      d(u), w(u.from), g(!1);
+    }, O = (() => {
       if (a.from && a.to) {
-        const e = R(a.from, "MMM d, yyyy", { locale: i }), g = R(a.to, "MMM d, yyyy", { locale: i });
-        return `${e} – ${g}`;
+        const e = b(a.from, "MMM d, yyyy", { locale: i }), u = b(a.to, "MMM d, yyyy", { locale: i });
+        return `${e} – ${u}`;
       }
-      return a.from ? R(a.from, "MMM d, yyyy", { locale: i }) : "";
-    })(), C = (() => {
+      return a.from ? b(a.from, "MMM d, yyyy", { locale: i }) : "";
+    })(), x = (() => {
       if (a.from && a.to) {
         const e = me(a.to, a.from) + 1;
-        return o("inputs.dateRangePicker.days", "{{count}} days", {
+        return s("inputs.dateRangePicker.days", "{{count}} days", {
           count: e
         });
       }
       return "";
-    })(), b = Z(
+    })(), k = X(
       () => ({
         getRange: () => a,
         setRange: (e) => d(e),
         clear: () => d({}),
         isOpen: () => p,
-        open: () => f(!0),
-        close: () => f(!1)
+        open: () => g(!0),
+        close: () => g(!1)
       }),
       [a, d, p]
     );
-    return z(j, () => b, [b]), ye(ke, b, h), /* @__PURE__ */ r(m.Root, { open: p, onOpenChange: f, children: /* @__PURE__ */ u(
+    return Z(j, () => k, [k]), ye(ke, k, h), /* @__PURE__ */ n(m.Root, { open: p, onOpenChange: g, children: /* @__PURE__ */ f(
       "div",
       {
         className: L,
         "data-component": "date-range-picker",
         "data-component-id": h,
         children: [
-          /* @__PURE__ */ r(m.Trigger, { asChild: !0, disabled: w, children: /* @__PURE__ */ u(
+          /* @__PURE__ */ n(m.Trigger, { asChild: !0, disabled: D, children: /* @__PURE__ */ f(
             "button",
             {
-              ref: q,
+              ref: Y,
               id: h,
               type: "button",
-              disabled: w,
+              disabled: D,
               "aria-describedby": c.describedBy || void 0,
               "aria-invalid": c.invalid || void 0,
               "aria-haspopup": "dialog",
               "aria-expanded": p,
-              className: de({ size: P, tone: B }),
+              className: de({ size: R, tone: B }),
               children: [
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ n(
                   "span",
                   {
-                    className: S ? "ds:text-foreground" : "ds:text-muted-foreground",
-                    children: S || H
+                    className: O ? "ds:text-foreground" : "ds:text-muted-foreground",
+                    children: O || H
                   }
                 ),
-                /* @__PURE__ */ r(
+                /* @__PURE__ */ n(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: ie({ size: P }),
-                    children: /* @__PURE__ */ r(oe, {})
+                    className: ie({ size: R }),
+                    children: /* @__PURE__ */ n(oe, {})
                   }
                 )
               ]
             }
           ) }),
-          /* @__PURE__ */ r(m.Portal, { children: /* @__PURE__ */ r(
+          /* @__PURE__ */ n(m.Portal, { children: /* @__PURE__ */ n(
             m.Content,
             {
               sideOffset: 4,
               align: "start",
-              className: fe(),
-              children: /* @__PURE__ */ u("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(
+              className: ge(),
+              children: /* @__PURE__ */ f("div", { className: "ds:flex ds:gap-[var(--spacing-md)]", children: [
+                C.length > 0 ? /* @__PURE__ */ 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)]", children: C.map((e) => /* @__PURE__ */ n(
                   "button",
                   {
                     type: "button",
-                    onClick: () => J(e),
+                    onClick: () => G(e),
                     className: ce(),
                     children: e.label
                   },
                   e.label
                 )) }) : null,
-                /* @__PURE__ */ u("div", { children: [
-                  /* @__PURE__ */ r(
+                /* @__PURE__ */ f("div", { children: [
+                  /* @__PURE__ */ n(
                     le,
                     {
                       mode: "range",
                       selected: a.from ? { from: a.from, to: a.to } : void 0,
-                      onSelect: G,
-                      month: Y,
-                      onMonthChange: M,
+                      onSelect: E,
+                      month: $,
+                      onMonthChange: w,
                       numberOfMonths: 2,
-                      disabled: E,
+                      disabled: q,
                       locale: i,
                       showOutsideDays: !0,
                       fixedWeeks: !0,
@@ -261,13 +264,13 @@ const ke = {
                       components: { Chevron: pe }
                     }
                   ),
-                  C ? /* @__PURE__ */ r(
+                  x ? /* @__PURE__ */ n(
                     "div",
                     {
                       role: "status",
                       "aria-live": "polite",
                       className: "type-body-sm ds:text-muted-foreground ds:mt-[var(--spacing-sm)] ds:text-center",
-                      children: C
+                      children: x
                     }
                   ) : null
                 ] })
@@ -284,4 +287,4 @@ export {
   be as D,
   ke as d
 };
-//# sourceMappingURL=date-range-picker-C2hRu_Ke.js.map
+//# sourceMappingURL=date-range-picker-9gANFNG9.js.map

package/dist/_chunks/date-range-picker-9gANFNG9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker-9gANFNG9.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 { useControllableState } from '../../hooks/use-controllable-state';\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('inputs.dateRangePicker.placeholder', 'Select date range');\n\n    const [currentValueRaw, setDateRangeValue] = useControllableState<\n      DateRangeValue\n    >({\n      value,\n      defaultValue: defaultValue ?? {},\n      onChange,\n    });\n    const currentValue: DateRangeValue = currentValueRaw ?? {};\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        setDateRangeValue(range);\n      },\n      [setDateRangeValue],\n    );\n\n    const disabledMatcher = buildDisabledMatcher(minDate, maxDate);\n\n    // Default presets\n    const defaultPresets: DateRangePreset[] = [\n      {\n        label: t('inputs.dateRangePicker.presets.today', 'Today'),\n        range: () => {\n          const today = new Date();\n          return { from: today, to: today };\n        },\n      },\n      {\n        label: t('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('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('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('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('inputs.dateRangePicker.presets.thisMonth', 'This month'),\n        range: () => ({\n          from: startOfMonth(new Date()),\n          to: endOfMonth(new Date()),\n        }),\n      },\n      {\n        label: t('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('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","currentValueRaw","setDateRangeValue","useControllableState","currentValue","open","setOpen","useState","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]}