@alfadocs/ui-kit-debug 1.120.0 → 1.122.0

package/dist/_chunks/{date-range-panel-CT6nXjRM.js → date-range-panel-CT9Pk-HF.js}

@@ -3,7 +3,7 @@ import { useState as v } from "react";
 import { useTranslation as h } from "react-i18next";
 import { c as m } from "./index-D2ZczOXr.js";
 import { B as x } from "./button-DohK_Ak_.js";
-import { D } from "./date-range-picker-PTRpDkXT.js";
+import { D } from "./date-range-picker-2Up_FRrM.js";
 import { f as r, t as i } from "./export-files-BByoK9Cg.js";
 import { b as R } from "./accessible-target-D3j6F-AG.js";
 const T = m("ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]"), k = m(
@@ -59,4 +59,4 @@ function M({
 export {
   M as DateRangeFilterPanel
 };
-//# sourceMappingURL=date-range-panel-CT6nXjRM.js.map
+//# sourceMappingURL=date-range-panel-CT9Pk-HF.js.map

package/dist/_chunks/{date-range-panel-CT6nXjRM.js.map → date-range-panel-CT9Pk-HF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"date-range-panel-CT6nXjRM.js","sources":["../../src/components/data-grid/filters/date-range-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* DataGrid date-range filter panel (design § 6.1).                       */\n/*                                                                        */\n/* Loaded with React.lazy from `filter-trigger.tsx`, so DateRangePicker   */\n/* and its calendar stay out of the grid chunk until a date filter opens. */\n/* Writes `{ type: 'inRange', dateFrom, dateTo }` with calendar days      */\n/* (`YYYY-MM-DD`), either end open. Server mode defaults to               */\n/* `commitMode: 'apply'`, so one range is one request.                    */\n/* -------------------------------------------------------------------- */\n\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { Button } from '../../button/button';\nimport { DateRangePicker, type DateRangeValue } from '../../date-range-picker';\nimport {\n  fromIsoDate,\n  toIsoDate,\n} from '../../_shared/table-filters/calendar-day';\nimport type { DateRangeFilterModel } from '../../_shared/table-toolbar/seam';\nimport { accessibleTargetBlockClass } from '../data-grid.variants';\nimport type { DataGridColumnFilter } from '../types';\nimport type { DataGridFilterPanelProps } from './filter-panels';\n\nconst panelVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]');\nconst actionsVariants = cva(\n  'ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-xs)]',\n);\n\nexport function DateRangeFilterPanel({\n  columnLabel,\n  value,\n  dataMode,\n  onApply,\n  config,\n}: DataGridFilterPanelProps & {\n  config: Extract<DataGridColumnFilter, { kind: 'dateRange' }>;\n}) {\n  const { t } = useTranslation('ui');\n  const current = value as DateRangeFilterModel | undefined;\n  const [range, setRange] = useState<DateRangeValue>(() => ({\n    from: fromIsoDate(current?.dateFrom),\n    to: fromIsoDate(current?.dateTo),\n  }));\n  const commitMode =\n    config.commitMode ?? (dataMode === 'server' ? 'apply' : 'auto');\n\n  function commit(next: DateRangeValue) {\n    setRange(next);\n    if (!next.from && !next.to) {\n      onApply(null);\n      return;\n    }\n    onApply({\n      type: 'inRange',\n      dateFrom: toIsoDate(next.from),\n      dateTo: toIsoDate(next.to),\n    });\n  }\n\n  return (\n    <div data-filter-kind=\"dateRange\" className={panelVariants()}>\n      <DateRangePicker\n        value={range}\n        onChange={commit}\n        commitMode={commitMode}\n        size=\"sm\"\n        // A column filter has no room for the two-month rail-and-title layout.\n        compact\n        aria-label={t('dataGrid.filter.button', { column: columnLabel })}\n      />\n      <div className={actionsVariants()}>\n        <Button\n          intent=\"ghost\"\n          size=\"sm\"\n          type=\"button\"\n          className={accessibleTargetBlockClass}\n          onClick={() => onApply(null)}\n        >\n          {t('dataTable.selectFilter.clear')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["panelVariants","cva","actionsVariants","DateRangeFilterPanel","columnLabel","value","dataMode","onApply","config","t","useTranslation","current","range","setRange","useState","fromIsoDate","commitMode","commit","next","toIsoDate","jsx","DateRangePicker","Button","accessibleTargetBlockClass"],"mappings":";;;;;;;;AAwBA,MAAMA,IAAgBC,EAAI,gDAAgD,GACpEC,IAAkBD;AAAA,EACtB;AACF;AAEO,SAASE,EAAqB;AAAA,EACnC,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,GAEG;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAUN,GACV,CAACO,GAAOC,CAAQ,IAAIC,EAAyB,OAAO;AAAA,IACxD,MAAMC,EAAYJ,KAAA,gBAAAA,EAAS,QAAQ;AAAA,IACnC,IAAII,EAAYJ,KAAA,gBAAAA,EAAS,MAAM;AAAA,EAAA,EAC/B,GACIK,IACJR,EAAO,eAAeF,MAAa,WAAW,UAAU;AAE1D,WAASW,EAAOC,GAAsB;AAEpC,QADAL,EAASK,CAAI,GACT,CAACA,EAAK,QAAQ,CAACA,EAAK,IAAI;AAC1B,MAAAX,EAAQ,IAAI;AACZ;AAAA,IACF;AACA,IAAAA,EAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAUY,EAAUD,EAAK,IAAI;AAAA,MAC7B,QAAQC,EAAUD,EAAK,EAAE;AAAA,IAAA,CAC1B;AAAA,EACH;AAEA,2BACG,OAAA,EAAI,oBAAiB,aAAY,WAAWlB,KAC3C,UAAA;AAAA,IAAA,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOT;AAAA,QACP,UAAUK;AAAA,QACV,YAAAD;AAAA,QACA,MAAK;AAAA,QAEL,SAAO;AAAA,QACP,cAAYP,EAAE,0BAA0B,EAAE,QAAQL,GAAa;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjE,gBAAAgB,EAAC,OAAA,EAAI,WAAWlB,EAAA,GACd,UAAA,gBAAAkB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAWC;AAAA,QACX,SAAS,MAAMhB,EAAQ,IAAI;AAAA,QAE1B,YAAE,8BAA8B;AAAA,MAAA;AAAA,IAAA,EACnC,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"date-range-panel-CT9Pk-HF.js","sources":["../../src/components/data-grid/filters/date-range-panel.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* DataGrid date-range filter panel (design § 6.1).                       */\n/*                                                                        */\n/* Loaded with React.lazy from `filter-trigger.tsx`, so DateRangePicker   */\n/* and its calendar stay out of the grid chunk until a date filter opens. */\n/* Writes `{ type: 'inRange', dateFrom, dateTo }` with calendar days      */\n/* (`YYYY-MM-DD`), either end open. Server mode defaults to               */\n/* `commitMode: 'apply'`, so one range is one request.                    */\n/* -------------------------------------------------------------------- */\n\nimport { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { Button } from '../../button/button';\nimport { DateRangePicker, type DateRangeValue } from '../../date-range-picker';\nimport {\n  fromIsoDate,\n  toIsoDate,\n} from '../../_shared/table-filters/calendar-day';\nimport type { DateRangeFilterModel } from '../../_shared/table-toolbar/seam';\nimport { accessibleTargetBlockClass } from '../data-grid.variants';\nimport type { DataGridColumnFilter } from '../types';\nimport type { DataGridFilterPanelProps } from './filter-panels';\n\nconst panelVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]');\nconst actionsVariants = cva(\n  'ds:flex ds:flex-wrap ds:items-center ds:justify-end ds:gap-[var(--spacing-xs)] ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-xs)]',\n);\n\nexport function DateRangeFilterPanel({\n  columnLabel,\n  value,\n  dataMode,\n  onApply,\n  config,\n}: DataGridFilterPanelProps & {\n  config: Extract<DataGridColumnFilter, { kind: 'dateRange' }>;\n}) {\n  const { t } = useTranslation('ui');\n  const current = value as DateRangeFilterModel | undefined;\n  const [range, setRange] = useState<DateRangeValue>(() => ({\n    from: fromIsoDate(current?.dateFrom),\n    to: fromIsoDate(current?.dateTo),\n  }));\n  const commitMode =\n    config.commitMode ?? (dataMode === 'server' ? 'apply' : 'auto');\n\n  function commit(next: DateRangeValue) {\n    setRange(next);\n    if (!next.from && !next.to) {\n      onApply(null);\n      return;\n    }\n    onApply({\n      type: 'inRange',\n      dateFrom: toIsoDate(next.from),\n      dateTo: toIsoDate(next.to),\n    });\n  }\n\n  return (\n    <div data-filter-kind=\"dateRange\" className={panelVariants()}>\n      <DateRangePicker\n        value={range}\n        onChange={commit}\n        commitMode={commitMode}\n        size=\"sm\"\n        // A column filter has no room for the two-month rail-and-title layout.\n        compact\n        aria-label={t('dataGrid.filter.button', { column: columnLabel })}\n      />\n      <div className={actionsVariants()}>\n        <Button\n          intent=\"ghost\"\n          size=\"sm\"\n          type=\"button\"\n          className={accessibleTargetBlockClass}\n          onClick={() => onApply(null)}\n        >\n          {t('dataTable.selectFilter.clear')}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["panelVariants","cva","actionsVariants","DateRangeFilterPanel","columnLabel","value","dataMode","onApply","config","t","useTranslation","current","range","setRange","useState","fromIsoDate","commitMode","commit","next","toIsoDate","jsx","DateRangePicker","Button","accessibleTargetBlockClass"],"mappings":";;;;;;;;AAwBA,MAAMA,IAAgBC,EAAI,gDAAgD,GACpEC,IAAkBD;AAAA,EACtB;AACF;AAEO,SAASE,EAAqB;AAAA,EACnC,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,GAEG;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAUN,GACV,CAACO,GAAOC,CAAQ,IAAIC,EAAyB,OAAO;AAAA,IACxD,MAAMC,EAAYJ,KAAA,gBAAAA,EAAS,QAAQ;AAAA,IACnC,IAAII,EAAYJ,KAAA,gBAAAA,EAAS,MAAM;AAAA,EAAA,EAC/B,GACIK,IACJR,EAAO,eAAeF,MAAa,WAAW,UAAU;AAE1D,WAASW,EAAOC,GAAsB;AAEpC,QADAL,EAASK,CAAI,GACT,CAACA,EAAK,QAAQ,CAACA,EAAK,IAAI;AAC1B,MAAAX,EAAQ,IAAI;AACZ;AAAA,IACF;AACA,IAAAA,EAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAUY,EAAUD,EAAK,IAAI;AAAA,MAC7B,QAAQC,EAAUD,EAAK,EAAE;AAAA,IAAA,CAC1B;AAAA,EACH;AAEA,2BACG,OAAA,EAAI,oBAAiB,aAAY,WAAWlB,KAC3C,UAAA;AAAA,IAAA,gBAAAoB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAOT;AAAA,QACP,UAAUK;AAAA,QACV,YAAAD;AAAA,QACA,MAAK;AAAA,QAEL,SAAO;AAAA,QACP,cAAYP,EAAE,0BAA0B,EAAE,QAAQL,GAAa;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjE,gBAAAgB,EAAC,OAAA,EAAI,WAAWlB,EAAA,GACd,UAAA,gBAAAkB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,MAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAWC;AAAA,QACX,SAAS,MAAMhB,EAAQ,IAAI;AAAA,QAE1B,YAAE,8BAA8B;AAAA,MAAA;AAAA,IAAA,EACnC,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/_chunks/{date-range-picker-PTRpDkXT.js → date-range-picker-2Up_FRrM.js}

@@ -1,23 +1,24 @@
 import { jsx as r, jsxs as u, Fragment as $t } from "react/jsx-runtime";
-import { forwardRef as Wt, useState as b, useRef as ge, useId as M, useCallback as Be, useEffect as ze, useMemo as jt, useImperativeHandle as qt, Fragment as _t } from "react";
+import { forwardRef as Wt, useState as b, useRef as ge, useId as M, useCallback as Be, useEffect as ze, useMemo as jt, useImperativeHandle as _t, Fragment as qt } from "react";
 import { useTranslation as Bt } from "react-i18next";
 import * as H from "@radix-ui/react-popover";
 import { u as zt, f as Yt } from "./non-modal-tab-exit-j3CPOuE3.js";
 import * as Q from "@radix-ui/react-radio-group";
 import { S as Ut } from "./spinner-CoflYlEx.js";
-import { g as Ht, h as Qt, u as Jt, c as Xt, j as Ye, k as Zt, s as ea, b as ta, d as aa, t as ra, l as Ue, m as He, r as Qe, p as sa, n as na, D as oa, C as ia, o as da, e as la, q as J, f as ca, a as ve, i as ua } from "./date-picker-variants-J1EeAhIH.js";
+import { f as Ht, g as Qt, u as Jt, b as Xt, h as Ye, j as Zt, s as ea, c as ta, t as aa, k as Ue, l as He, r as Qe, p as ra, m as sa, D as na, C as oa, n as ia, d as da, o as J, e as la, a as ve, i as ca } from "./date-picker-variants-DmfVRNDB.js";
 import { u as Je } from "./use-select-on-arrow-Cr4iBuW5.js";
 import { u as ye } from "./use-controllable-state-BiY4xTzM.js";
-import { u as pa, a as ma } from "./form-field-context-DtiROUJV.js";
-import { S as fa } from "./switch-DO6uC4HJ.js";
-import { u as ga } from "./registry-DvAUVLHh.js";
-import { u as va, g as ya } from "./date-locale-OG-MupVD.js";
-import { f as k, d as he, a as Xe, i as ha } from "./format-ql5WTsYT.js";
-import { s as V } from "./subDays-Bsoy023P.js";
+import { u as ua, a as pa } from "./form-field-context-DtiROUJV.js";
+import { S as ma } from "./switch-DO6uC4HJ.js";
+import { u as fa } from "./registry-DvAUVLHh.js";
+import { u as ga, g as va } from "./date-locale-OG-MupVD.js";
+import { f as k, d as he, a as Xe, i as ya } from "./format-ql5WTsYT.js";
+import { s as V } from "./subDays-DC99JK7a.js";
 import { s as Ze } from "./normalizeDates-BBNNIR-v.js";
+import { a as ha } from "./addDays-CuE8wLqb.js";
 import { C as ba } from "./calendar-days-BGWklvE-.js";
 import { C as ka } from "./check-DrFSN__t.js";
-import { p as Ra } from "./parse-BLBWPIgE.js";
+import { p as Ra } from "./parse-BFur8Byx.js";
 function xa(s, l, g) {
   return Ht(s, -1, g);
 }
@@ -256,15 +257,15 @@ const Pa = {
     className: pt,
     id: mt
   }, ft) => {
-    const { t: n, i18n: re } = Bt("ui"), F = pa(), se = ma(F, mt), xe = F.disabled || ct, gt = F.invalid ? "error" : "default", c = va(re.language), vt = Jt(), f = ya(re.language), yt = ut ?? n("inputs.dateRangePicker.placeholder", "Select date range"), [ht, Pe] = ye({
+    const { t: n, i18n: re } = Bt("ui"), F = ua(), se = pa(F, mt), xe = F.disabled || ct, gt = F.invalid ? "error" : "default", c = ga(re.language), vt = Jt(), f = va(re.language), yt = ut ?? n("inputs.dateRangePicker.placeholder", "Select date range"), [ht, Pe] = ye({
       value: s,
       defaultValue: l ?? {},
       onChange: g
-    }), i = ht ?? {}, [O, R] = b(!1), [a, T] = b(i), [bt, ne] = b(i.from ?? /* @__PURE__ */ new Date()), [De, Ne] = b(""), [we, Se] = b(""), [G, L] = b(!1), [K, $] = b(!1), q = be !== void 0 || ke !== void 0, _ = Z && Z.length > 0 ? Z : void 0, Ie = _ ? tt.filter(
-      (e) => _.includes(e.value)
+    }), i = ht ?? {}, [O, R] = b(!1), [a, T] = b(i), [bt, ne] = b(i.from ?? /* @__PURE__ */ new Date()), [De, Ne] = b(""), [we, Se] = b(""), [G, L] = b(!1), [K, $] = b(!1), _ = be !== void 0 || ke !== void 0, q = Z && Z.length > 0 ? Z : void 0, Ie = q ? tt.filter(
+      (e) => q.includes(e.value)
     ) : tt, W = (e) => {
       var t;
-      return !_ || _.includes(e) ? e : ((t = Ie[0]) == null ? void 0 : t.value) ?? e;
+      return !q || q.includes(e) ? e : ((t = Ie[0]) == null ? void 0 : t.value) ?? e;
     }, [kt, oe] = ye({
       value: be,
       defaultValue: W(ke ?? "day"),
@@ -281,7 +282,7 @@ const Pa = {
         Pe(e);
       },
       [Pe]
-    ), Nt = Xt(ee, te), wt = (e) => (ee ? ua(e, ee) : !1) || (te ? ve(e, te) : !1);
+    ), Nt = Xt(ee, te), wt = (e) => (ee ? ca(e, ee) : !1) || (te ? ve(e, te) : !1);
     ze(() => {
       O && (T(i), E(C ?? !1), L(!1), $(!1), N.current = !1);
     }, [O]), ze(() => {
@@ -363,10 +364,10 @@ const Pa = {
         compareStart: e,
         compareEnd: t
       };
-      return he(t, e) >= 2 && (d.compareMiddle = { from: ta(e, 1), to: V(t, 1) }), d;
+      return he(t, e) >= 2 && (d.compareMiddle = { from: ha(e, 1), to: V(t, 1) }), d;
     })(), Ae = (e) => {
       const t = {};
-      return q && (t.granularity = B), Y && (t.compareRange = y(e)), t.granularity || t.compareRange ? t : void 0;
+      return _ && (t.granularity = B), Y && (t.compareRange = y(e)), t.granularity || t.compareRange ? t : void 0;
     }, Fe = Je(), Le = Je(), Ot = (e) => {
       Le.noteSelection();
       const t = e;
@@ -392,7 +393,7 @@ const Pa = {
         return;
       }
       const o = Ra(t, f, /* @__PURE__ */ new Date(), { locale: c });
-      if (!ha(o) || wt(o)) {
+      if (!ya(o) || wt(o)) {
         d(!0);
         return;
       }
@@ -422,7 +423,7 @@ const Pa = {
       if (!i.from || !i.to) return !1;
       const t = e.range();
       return Xe(t.from, i.from) && Xe(t.to, i.to);
-    }, w = de.find(At), qe = (() => {
+    }, w = de.find(At), _e = (() => {
       if (i.from && i.to) {
         const e = k(i.from, f, { locale: c }), t = k(i.to, f, { locale: c });
         return `${e} – ${t}`;
@@ -438,7 +439,7 @@ const Pa = {
     })(), v = ge({
       currentValue: i,
       open: O,
-      getGranularity: () => q ? B : void 0,
+      getGranularity: () => _ ? B : void 0,
       setGranularity: (e) => oe(W(e)),
       getCompareRange: () => Ve ? y(i) : void 0,
       // Imperative/agent path commits directly (like setRange/clear), so
@@ -457,7 +458,7 @@ const Pa = {
     v.current = {
       currentValue: i,
       open: O,
-      getGranularity: () => q ? B : void 0,
+      getGranularity: () => _ ? B : void 0,
       setGranularity: (e) => oe(W(e)),
       getCompareRange: () => Ve ? y(i) : void 0,
       setCompare: (e) => {
@@ -490,11 +491,11 @@ const Pa = {
       }),
       [x]
     );
-    qt(ft, () => me, [me]), ga(Pa, me, se);
+    _t(ft, () => me, [me]), fa(Pa, me, se);
     const Lt = zt(!0, {
       getAnchor: Yt,
       onReturnToTrigger: () => je(!1)
-    }), _e = (e) => e === "from" ? G ? "error" : U === "start" ? "active" : "default" : K ? "error" : U === "end" ? "active" : "default";
+    }), qe = (e) => e === "from" ? G ? "error" : U === "start" ? "active" : "default" : K ? "error" : U === "end" ? "active" : "default";
     return /* @__PURE__ */ r(H.Root, { open: O, onOpenChange: je, children: /* @__PURE__ */ u(
       "div",
       {
@@ -513,7 +514,7 @@ const Pa = {
               "aria-invalid": F.invalid || void 0,
               "aria-haspopup": "dialog",
               "aria-expanded": O,
-              className: ra({ size: Re, tone: gt, chrome: lt }),
+              className: aa({ size: Re, tone: gt, chrome: lt }),
               children: [
                 /* @__PURE__ */ r(
                   "span",
@@ -525,16 +526,16 @@ const Pa = {
                       // lets the flex child shrink below its content width so
                       // `truncate` engages.
                       "ds:min-w-0 ds:flex-1 ds:truncate ds:text-start",
-                      qe ? "ds:text-foreground" : "ds:text-muted-foreground"
+                      _e ? "ds:text-foreground" : "ds:text-muted-foreground"
                     ].join(" "),
-                    children: qe || yt
+                    children: _e || yt
                   }
                 ),
                 /* @__PURE__ */ r(
                   "span",
                   {
                     "aria-hidden": "true",
-                    className: aa({ size: Re }),
+                    className: ta({ size: Re }),
                     children: /* @__PURE__ */ r(ba, {})
                   }
                 )
@@ -553,7 +554,7 @@ const Pa = {
                 "Select date range"
               ),
               "data-component": "date-range-picker-content",
-              className: ca(),
+              className: la(),
               children: /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
                 /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
                   /* @__PURE__ */ u("div", { className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
@@ -565,7 +566,7 @@ const Pa = {
                         children: n("inputs.dateRangePicker.title", "Select date range")
                       }
                     ),
-                    q ? /* @__PURE__ */ r(
+                    _ ? /* @__PURE__ */ r(
                       Q.Root,
                       {
                         value: B,
@@ -619,7 +620,7 @@ const Pa = {
                           onBlur: (e) => ce("from", e.target.value),
                           onKeyDown: $e("from"),
                           className: Qe({
-                            state: _e("from")
+                            state: qe("from")
                           })
                         }
                       )
@@ -655,7 +656,7 @@ const Pa = {
                           onBlur: (e) => ce("to", e.target.value),
                           onKeyDown: $e("to"),
                           className: Qe({
-                            state: _e("to")
+                            state: qe("to")
                           })
                         }
                       )
@@ -687,7 +688,7 @@ const Pa = {
                           type: "button",
                           "aria-pressed": fe,
                           onClick: () => Kt(P),
-                          className: sa({ active: fe }),
+                          className: ra({ active: fe }),
                           children: [
                             /* @__PURE__ */ r("span", { className: "ds:min-w-0 ds:truncate", children: P.label }),
                             fe ? /* @__PURE__ */ r(
@@ -713,7 +714,7 @@ const Pa = {
                             "div",
                             {
                               id: d,
-                              className: na(),
+                              className: sa(),
                               children: e.group
                             }
                           ),
@@ -721,12 +722,12 @@ const Pa = {
                         ]
                       },
                       e.group
-                    ) : /* @__PURE__ */ r(_t, { children: o }, e.group || "_ungrouped");
+                    ) : /* @__PURE__ */ r(qt, { children: o }, e.group || "_ungrouped");
                   }) }) : null,
                   /* @__PURE__ */ u("div", { role: "region", "aria-labelledby": Ce, children: [
                     /* @__PURE__ */ r("span", { id: Ce, className: "ds:sr-only", children: n("inputs.dateRangePicker.gridLabel", "Calendar") }),
                     c ? /* @__PURE__ */ r(
-                      oa,
+                      na,
                       {
                         mode: "range",
                         selected: a.from ? { from: a.from, to: a.to } : void 0,
@@ -742,17 +743,17 @@ const Pa = {
                         showOutsideDays: !0,
                         fixedWeeks: !0,
                         pagedNavigation: !0,
-                        classNames: la,
+                        classNames: da,
                         modifiers: It,
-                        modifiersClassNames: da,
-                        components: { Chevron: ia }
+                        modifiersClassNames: ia,
+                        components: { Chevron: oa }
                       }
                     ) : /* @__PURE__ */ r(Ut, {})
                   ] })
                 ] }),
                 j ? /* @__PURE__ */ u("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)] ds:border-t ds:border-border ds:pt-[var(--spacing-sm)]", children: [
                   /* @__PURE__ */ r(
-                    fa,
+                    ma,
                     {
                       id: Dt,
                       label: n(
@@ -864,4 +865,4 @@ export {
   Na as D,
   Pa as d
 };
-//# sourceMappingURL=date-range-picker-PTRpDkXT.js.map
+//# sourceMappingURL=date-range-picker-2Up_FRrM.js.map