impact-nova 2.5.16 → 2.6.0-alpha.0

package/dist/components/flows/filter-panel/filter-panel.js

@@ -1,22 +1,22 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import b from "react";
-import { Sheet as g, SheetContent as N, SheetDescription as y, SheetTitle as w, SheetClose as k } from "../../feedback/sheet/sheet.js";
-import { createCompoundPart as C } from "../../../lib/primitives/create-compound.js";
+import g from "react";
+import { Sheet as N, SheetContent as y, SheetDescription as w, SheetTitle as k, SheetClose as C } from "../../feedback/sheet/sheet.js";
+import { createCompoundPart as F } from "../../../lib/primitives/create-compound.js";
 import { cn as o } from "../../../lib/utils.js";
-import { MultiColorFilter as F, Cross as P, InfoBadge as u } from "impact-nova-icons";
-import { Button as D } from "../../primitives/button/button.js";
-import { Tooltip as c, TooltipTrigger as f, TooltipContent as h } from "../../feedback/tooltip/tooltip.js";
-import { Kbd as S } from "../../primitives/kbd/kbd.js";
-import { OverflowTooltip as j } from "../../feedback/tooltip/overflow-tooltip.js";
-import { useImpactNovaI18n as v } from "../../../i18n/use-impact-nova-i18n.js";
-import { useOverlayHostDismissNestedLayersOnNavigation as I } from "../../../lib/overlay/overlay-portal-context.js";
-import { preventDismissOnTooltipOutside as x } from "../../../lib/overlay/prevent-dismiss-on-tooltip-outside.js";
-const O = ({
+import { MultiColorFilter as P, Cross as D, InfoBadge as x } from "impact-nova-icons";
+import { Button as S } from "../../primitives/button/button.js";
+import { Tooltip as h, TooltipTrigger as p, TooltipContent as m } from "../../feedback/tooltip/tooltip.js";
+import { Kbd as j } from "../../primitives/kbd/kbd.js";
+import { OverflowTooltip as I } from "../../feedback/tooltip/overflow-tooltip.js";
+import { useImpactNovaI18n as b } from "../../../i18n/use-impact-nova-i18n.js";
+import { useOverlayHostDismissNestedLayersOnNavigation as O } from "../../../lib/overlay/overlay-portal-context.js";
+import { preventDismissOnTooltipOutside as v } from "../../../lib/overlay/prevent-dismiss-on-tooltip-outside.js";
+const T = ({
   title: i,
   children: n,
   className: l
 }) => {
-  const { t: d } = v();
+  const { t: c } = b();
   return /* @__PURE__ */ a(
     "div",
     {
@@ -32,73 +32,74 @@ const O = ({
             {
               className: "flex size-8 shrink-0 items-center justify-center rounded-md border border-brand-tint bg-canvas-elevated",
               "aria-hidden": !0,
-              children: /* @__PURE__ */ e(F, { className: "size-5 shrink-0" })
+              children: /* @__PURE__ */ e(P, { className: "size-5 shrink-0" })
             }
           ),
-          /* @__PURE__ */ e(w, { className: "text-lg font-bold text-content", children: i })
+          /* @__PURE__ */ e(k, { className: "text-lg font-bold text-content", children: i })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
           n,
-          /* @__PURE__ */ e(k, { asChild: !0, children: /* @__PURE__ */ e(
-            D,
+          /* @__PURE__ */ e(C, { asChild: !0, children: /* @__PURE__ */ e(
+            S,
             {
               variant: "secondary",
               size: "icon",
               tabIndex: -1,
-              "aria-label": d("aria.close"),
+              "aria-label": c("aria.close"),
               "data-component": "filter-panel-close",
-              children: /* @__PURE__ */ e(P, { className: "h-3 w-3" })
+              children: /* @__PURE__ */ e(D, { className: "h-3 w-3" })
             }
           ) })
         ] })
       ]
     }
   );
-}, G = ({
+}, J = ({
   open: i,
   onOpenChange: n,
   title: l = "Filter panel",
+  description: c = "Select filters to apply to the current view.",
   children: d,
-  header: s,
-  sidebar: p,
-  className: m,
-  preventClose: t = !1
-}) => /* @__PURE__ */ e(g, { open: i, onOpenChange: n, children: /* @__PURE__ */ a(
-  N,
+  header: f,
+  sidebar: u,
+  className: t,
+  preventClose: r = !1
+}) => /* @__PURE__ */ e(N, { open: i, onOpenChange: n, children: /* @__PURE__ */ a(
+  y,
   {
     side: "right",
     className: o(
       "w-full !max-w-[840px] p-0 sm:!max-w-[840px] gap-0 border-l shadow-xl transition-all duration-300 ease-in-out bg-canvas-elevated",
-      m
+      t
     ),
-    onInteractOutside: (r) => {
-      x(r), t && r.preventDefault();
+    onInteractOutside: (s) => {
+      v(s), r && s.preventDefault();
     },
-    onPointerDownOutside: (r) => {
-      x(r), t && r.preventDefault();
+    onPointerDownOutside: (s) => {
+      v(s), r && s.preventDefault();
     },
-    onEscapeKeyDown: (r) => {
-      t && r.preventDefault();
+    onEscapeKeyDown: (s) => {
+      r && s.preventDefault();
     },
     children: [
-      /* @__PURE__ */ e(y, { className: "sr-only", children: "Select filters to apply to the current view." }),
+      /* @__PURE__ */ e(w, { className: "sr-only", children: c }),
       /* @__PURE__ */ a("div", { className: "flex h-full flex-col bg-canvas-elevated", "data-component": "filter-panel", children: [
-        s || /* @__PURE__ */ e(O, { title: l }),
+        f || /* @__PURE__ */ e(T, { title: l }),
         /* @__PURE__ */ a("div", { className: "flex flex-1 overflow-hidden", children: [
-          p,
+          u,
           /* @__PURE__ */ e("div", { className: "flex flex-col flex-1 overflow-hidden", children: d })
         ] })
       ] })
     ]
   }
-) }), J = ({
+) }), Q = ({
   items: i,
   activeTab: n,
   onTabChange: l,
-  className: d
+  className: c
 }) => {
-  const { t: s } = v(), p = I(), m = (t) => {
-    t !== n && p(), l(t);
+  const { t: d } = b(), f = O(), u = (t) => {
+    t !== n && f(), l(t);
   };
   return /* @__PURE__ */ e(
     "div",
@@ -106,7 +107,7 @@ const O = ({
       "data-component": "filter-panel-sidebar",
       className: o(
         "flex w-[200px] shrink-0 flex-col border-r bg-navigation-canvas",
-        d
+        c
       ),
       children: /* @__PURE__ */ e(
         "div",
@@ -115,14 +116,14 @@ const O = ({
           className: "flex max-h-full min-h-0 flex-col gap-1 overflow-y-auto py-2",
           children: i.map((t) => {
             const r = n === t.id;
-            return /* @__PURE__ */ a(b.Fragment, { children: [
+            return /* @__PURE__ */ a(g.Fragment, { children: [
               t.separator && /* @__PURE__ */ e("div", { className: "my-2 h-px bg-stroke-hairline" }),
               /* @__PURE__ */ a(
                 "button",
                 {
                   type: "button",
                   autoFocus: r,
-                  onClick: () => m(t.id),
+                  onClick: () => u(t.id),
                   "data-component": "filter-panel-sidebar-item",
                   "data-active": r ? "true" : "false",
                   "data-tab": t.id,
@@ -145,14 +146,14 @@ const O = ({
                       ),
                       /* @__PURE__ */ a("div", { className: "flex items-center gap-1 min-w-0", children: [
                         /* @__PURE__ */ e(
-                          j,
+                          I,
                           {
                             triggerClassName: "truncate font-['Manrope'] block min-w-0",
                             content: t.tooltipKeybinding ? /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
                               t.label,
                               " ",
                               /* @__PURE__ */ e(
-                                S,
+                                j,
                                 {
                                   keybinding: t.tooltipKeybinding,
                                   size: "sm"
@@ -168,8 +169,8 @@ const O = ({
                       ] })
                     ] }),
                     /* @__PURE__ */ a("div", { className: "flex items-center gap-1 shrink-0 ml-1", children: [
-                      t.count !== void 0 && t.count > 0 && /* @__PURE__ */ a(c, { children: [
-                        /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(
+                      t.count !== void 0 && t.count > 0 && /* @__PURE__ */ a(h, { children: [
+                        /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(
                           "span",
                           {
                             className: o(
@@ -179,22 +180,22 @@ const O = ({
                             children: t.count
                           }
                         ) }),
-                        /* @__PURE__ */ e(h, { variant: "tertiary", side: "top", children: s(
+                        /* @__PURE__ */ e(m, { variant: "tertiary", side: "top", children: d(
                           t.countBadgeContext === "savedFiltersTotal" ? "filterPanel.savedFiltersAvailableCount" : "filterPanel.filtersAppliedCount",
                           { count: t.count }
                         ) })
                       ] }),
-                      t.hasError && /* @__PURE__ */ a(c, { children: [
-                        /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-danger" }) }),
-                        /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.tabContainsErrors") })
+                      t.hasError && /* @__PURE__ */ a(h, { children: [
+                        /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(x, { className: "h-5 w-5 shrink-0 text-danger" }) }),
+                        /* @__PURE__ */ e(m, { variant: "tertiary", children: d("filterPanel.tabContainsErrors") })
                       ] }),
-                      t.hasWarning && /* @__PURE__ */ a(c, { children: [
-                        /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-warning" }) }),
-                        /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.tabHasWarnings") })
+                      t.hasWarning && /* @__PURE__ */ a(h, { children: [
+                        /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(x, { className: "h-5 w-5 shrink-0 text-warning" }) }),
+                        /* @__PURE__ */ e(m, { variant: "tertiary", children: d("filterPanel.tabHasWarnings") })
                       ] }),
-                      t.hasInfo && /* @__PURE__ */ a(c, { children: [
-                        /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(u, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
-                        /* @__PURE__ */ e(h, { variant: "tertiary", children: s("filterPanel.additionalInfoAvailable") })
+                      t.hasInfo && /* @__PURE__ */ a(h, { children: [
+                        /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(x, { className: "h-5 w-5 shrink-0 text-content-icon" }) }),
+                        /* @__PURE__ */ e(m, { variant: "tertiary", children: d("filterPanel.additionalInfoAvailable") })
                       ] })
                     ] })
                   ]
@@ -206,12 +207,12 @@ const O = ({
       )
     }
   );
-}, Q = C("filter-panel", {
+}, U = F("filter-panel", {
   part: "body",
   displayName: "FilterPanelBody",
   className: "flex flex-1 flex-col overflow-auto bg-canvas-elevated p-4",
   scrollSurface: !0
-}), U = ({
+}), V = ({
   children: i,
   className: n,
   leftAction: l
@@ -230,9 +231,9 @@ const O = ({
   }
 );
 export {
-  G as FilterPanel,
-  Q as FilterPanelBody,
-  U as FilterPanelFooter,
-  O as FilterPanelHeader,
-  J as FilterPanelSidebar
+  J as FilterPanel,
+  U as FilterPanelBody,
+  V as FilterPanelFooter,
+  T as FilterPanelHeader,
+  Q as FilterPanelSidebar
 };

package/dist/components/flows/filter-panel/filter-panel.types.d.ts

@@ -8,6 +8,7 @@ export interface FilterPanelProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     title?: React.ReactNode;
+    description?: string;
     children: React.ReactNode;
     header?: React.ReactNode;
     sidebar?: React.ReactNode;

package/dist/components/forms/date-picker/date-picker.js

@@ -1,113 +1,112 @@
-import { jsx as s, jsxs as S } from "react/jsx-runtime";
-import * as r from "react";
-import { Cross as ge, CalendarMonth as ye } from "impact-nova-icons";
-import { format as b } from "date-fns";
-import { cn as ke } from "../../../lib/utils.js";
-import { usePickerDismissActionsRef as ve, usePickerFooterDismissNudge as Ce, isDateInputInvalid as Ie, resolveSingleValueDismissFlash as Pe, handlePickerEscapeKeyDown as Me, handlePickerSurfacePointerDown as xe, maskDateInput as Re, parseDateInput as Se, resolveDateInputOnBlur as be, resolveDateInputOnEnter as we } from "./date-input-behavior.js";
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import * as i from "react";
+import { Cross as ge, CalendarMonth as ke } from "impact-nova-icons";
+import { format as w } from "date-fns";
+import { cn as ye } from "../../../lib/utils.js";
+import { usePickerDismissActionsRef as Pe, usePickerFooterDismissNudge as ve, isDateInputInvalid as Ce, resolveSingleValueDismissFlash as Ie, handlePickerEscapeKeyDown as xe, handlePickerSurfacePointerDown as Re, maskDateInput as Se, parseDateInput as be, resolveDateInputOnBlur as we, resolveDateInputOnEnter as Me } from "./date-input-behavior.js";
 import { Input as Te } from "../input/input.js";
 import { Calendar as Ee } from "../../data-display/calendar/calendar.js";
 import { Tooltip as K, TooltipTrigger as j, TooltipContent as B } from "../../feedback/tooltip/tooltip.js";
-import { useImpactNovaI18n as Ae } from "../../../i18n/use-impact-nova-i18n.js";
-import { getDateFnsLocale as Ne } from "../../../i18n/getDateFnsLocale.js";
-import { createComponent as Le } from "../../../lib/primitives/create-component.js";
+import { usePickerI18n as Ae } from "./use-picker-i18n.js";
+import { createComponent as Ne } from "../../../lib/primitives/create-component.js";
 import { coerceSingleDateApply as Oe, coerceSingleDate as Ve } from "./calendar-selection-adapters.js";
 import { buildDateBoundsMatcher as Ke } from "../../../lib/date-bounds-matcher.js";
 import { fiscalCalendarPassThrough as je } from "./fiscal-pass-through.js";
 import { DatePickerShell as Be } from "./date-picker-shell.js";
-const tt = Le(
+const $e = Ne(
   "DatePicker",
   ({
     value: n,
     onChange: p,
-    format: l = "MM/dd/yyyy",
+    format: L,
     placeholder: z,
-    minDate: H,
-    maxDate: q,
-    startMonth: G,
-    endMonth: J,
-    showFooter: a = !0,
-    weekStartsOn: w,
-    disabled: c,
-    className: Q,
-    calendarKind: U,
-    fiscalMode: W,
-    granularity: X,
-    fiscalMonthPattern: Y,
-    fiscalYearStartMonth: Z,
-    fiscalConfig: _,
-    showPresets: $,
-    showPeriodBoundaries: F,
+    minDate: F,
+    maxDate: H,
+    startMonth: q,
+    endMonth: G,
+    showFooter: c = !0,
+    weekStartsOn: M,
+    disabled: s,
+    className: J,
+    calendarKind: Q,
+    fiscalMode: U,
+    granularity: W,
+    fiscalMonthPattern: X,
+    fiscalYearStartMonth: Y,
+    fiscalConfig: Z,
+    showPresets: _,
+    showPeriodBoundaries: $,
     autoNavigateToAvailable: ee,
     comparison: te,
     onComparisonChange: ne,
     ...re
   }, ie) => {
-    const { locale: T, t: h } = Ae(), f = r.useMemo(() => Ne(T), [T]), oe = z ?? h("datePicker.selectDate"), g = r.useRef(null), E = r.useRef(null), I = r.useRef(null);
-    r.useImperativeHandle(ie, () => g.current);
-    const [i, A] = r.useState(!1), N = ve(), { footerFlashKey: se, footerFlashTarget: ce, popoverHandlers: le } = Ce(a, i, N, E), y = r.useRef(!1), [x, o] = r.useState(null), k = n ? b(n, l, { locale: f }) : "", d = x?.input ?? k, P = i ? x?.pending ?? n : n, ae = x?.viewMonth ?? n ?? /* @__PURE__ */ new Date(), u = r.useCallback(() => {
-      o(null), A(!1);
+    const { dateFnsLocale: d, dateFormat: l, t: h } = Ae(L), oe = z ?? h("datePicker.selectDate"), g = i.useRef(null), T = i.useRef(null), C = i.useRef(null);
+    i.useImperativeHandle(ie, () => g.current);
+    const [r, E] = i.useState(!1), A = Pe(), { footerFlashKey: ae, footerFlashTarget: se, popoverHandlers: ce } = ve(c, r, A, T), k = i.useRef(!1), [R, o] = i.useState(null), y = n ? w(n, l, { locale: d }) : "", f = R?.input ?? y, I = r ? R?.pending ?? n : n, le = R?.viewMonth ?? n ?? /* @__PURE__ */ new Date(), u = i.useCallback(() => {
+      o(null), E(!1);
     }, []), m = (e) => {
-      if (!c) {
+      if (!s) {
         if (e) {
           o({
-            input: k,
+            input: y,
             pending: n,
             viewMonth: n ?? /* @__PURE__ */ new Date()
-          }), A(!0);
+          }), E(!0);
           return;
         }
         u();
       }
     };
-    r.useEffect(() => {
-      g.current && I.current !== null && (g.current.setSelectionRange(I.current, I.current), I.current = null);
-    }, [d]);
+    i.useEffect(() => {
+      g.current && C.current !== null && (g.current.setSelectionRange(C.current, C.current), C.current = null);
+    }, [f]);
     const ue = (e) => {
-      const t = Ve(e), D = t ? b(t, l, { locale: f }) : "";
+      const t = Ve(e), D = t ? w(t, l, { locale: d }) : "";
       o(
-        (v) => v ? { ...v, pending: t, input: D, viewMonth: t ?? v.viewMonth } : null
-      ), t && !a && (p?.(t), u());
-    }, L = (e) => {
-      const t = Oe(e, P);
+        (P) => P ? { ...P, pending: t, input: D, viewMonth: t ?? P.viewMonth } : null
+      ), t && !c && (p?.(t), u());
+    }, N = (e) => {
+      const t = Oe(e, I);
       p?.(t), u();
-    }, R = () => {
+    }, S = () => {
       u();
     }, O = () => {
-      p?.(void 0), a ? o(
+      p?.(void 0), c ? o(
         (e) => e ? { ...e, pending: void 0, input: "" } : null
       ) : u();
-    }, M = r.useCallback(
+    }, x = i.useCallback(
       () => ({
-        input: k,
+        input: y,
         pending: n,
         viewMonth: n ?? /* @__PURE__ */ new Date()
       }),
-      [k, n]
+      [y, n]
     ), pe = (e) => {
-      const t = Re(e.target.value, l, d);
-      if (o((C) => ({ ...C ?? M(), input: t })), t === "") {
-        o((C) => ({ ...C ?? M(), input: "", pending: void 0 })), a || p?.(void 0);
+      const t = Se(e.target.value, l, f);
+      if (o((v) => ({ ...v ?? x(), input: t })), t === "") {
+        o((v) => ({ ...v ?? x(), input: "", pending: void 0 })), c || p?.(void 0);
         return;
       }
-      const { parsed: D, isValid: v } = Se(t, l, f);
-      v && D && (o((C) => ({
-        ...C ?? M(),
+      const { parsed: D, isValid: P } = be(t, l, d);
+      P && D && (o((v) => ({
+        ...v ?? x(),
         input: t,
         pending: D,
         viewMonth: D
-      })), a || p?.(D));
-    }, fe = r.useCallback(
+      })), c || p?.(D));
+    }, de = i.useCallback(
       (e) => {
         p?.(e), u();
       },
       [p, u]
-    ), de = () => {
-      if (i) return;
-      const e = be(
-        d,
+    ), fe = () => {
+      if (r) return;
+      const e = we(
+        f,
         l,
-        k,
-        f
+        y,
+        d
       );
       if (e.resetToCommitted) {
         o(null);
@@ -115,84 +114,84 @@ const tt = Le(
       }
       if (e.parsed) {
         o((t) => ({
-          ...t ?? M(),
+          ...t ?? x(),
           input: e.display,
           pending: e.parsed,
           viewMonth: e.parsed
-        })), a || (p?.(e.parsed), o(null));
+        })), c || (p?.(e.parsed), o(null));
         return;
       }
       o(null);
     }, me = () => {
-      if (i && a) {
-        L();
+      if (r && c) {
+        N();
         return;
       }
-      const e = we(d, l, f);
+      const e = Me(f, l, d);
       if (e.parsed) {
-        a && fe(e.parsed);
+        c && de(e.parsed);
         return;
       }
-      i || (y.current = !0, m(!0));
-    }, V = (n ? b(n, l, { locale: f }) : "") !== d, he = Ie(d, l, f), De = r.useCallback(
-      () => Pe(
-        P,
+      r || (k.current = !0, m(!0));
+    }, V = (n ? w(n, l, { locale: d }) : "") !== f, he = Ce(f, l, d), De = i.useCallback(
+      () => Ie(
+        I,
         n,
         (e, t) => e.getTime() === t.getTime()
       ),
-      [P, n]
+      [I, n]
     );
-    return r.useLayoutEffect(() => {
-      N.current = {
-        onDismiss: R,
+    return i.useLayoutEffect(() => {
+      A.current = {
+        onDismiss: S,
         resolveFlash: De
       };
-    }), /* @__PURE__ */ s(
+    }), /* @__PURE__ */ a(
       Be,
       {
-        open: i,
-        disabled: c,
+        open: r,
+        disabled: s,
         ariaLabel: h("datePicker.selectDate"),
         onOpenChange: m,
         onOpenAutoFocus: (e) => {
-          y.current || e.preventDefault(), y.current = !1;
+          k.current || e.preventDefault(), k.current = !1;
         },
-        popoverHandlers: le,
-        trigger: /* @__PURE__ */ s(
+        popoverHandlers: ce,
+        trigger: /* @__PURE__ */ a(
           "div",
           {
-            ref: E,
+            ref: T,
             "data-component": "date-picker",
-            "data-state": i ? "open" : "closed",
+            "data-state": r ? "open" : "closed",
             "data-pending": V || void 0,
-            onPointerDown: (e) => xe({
-              disabled: c,
+            onPointerDown: (e) => Re({
+              disabled: s,
               event: e,
               onOpen: () => m(!0),
               focusField: () => g.current?.focus()
             }),
-            children: /* @__PURE__ */ s(
+            children: /* @__PURE__ */ a(
               Te,
               {
                 ref: g,
-                value: d,
+                value: f,
                 onChange: pe,
-                onBlur: de,
-                onClick: () => !c && m(!0),
+                onBlur: fe,
+                onClick: () => !s && m(!0),
                 onKeyDown: (e) => {
-                  e.key === "Enter" && !c && (e.preventDefault(), me()), e.key === "ArrowDown" && !i && !c && (e.preventDefault(), y.current = !0, m(!0)), e.key === "Escape" && i && Me(e, { open: i, onCancel: R });
+                  e.key === "Enter" && !s && (e.preventDefault(), me()), e.key === "ArrowDown" && !r && !s && (e.preventDefault(), k.current = !0, m(!0)), e.key === "Escape" && r && xe(e, { open: r, onCancel: S });
                 },
-                placeholder: i ? l : oe,
-                disabled: c,
+                placeholder: r ? l : oe,
+                disabled: s,
                 "data-form-control": "input",
-                className: ke(
+                className: ye(
                   "cursor-pointer",
                   he ? "text-destructive" : V ? "text-content-placeholder" : "",
-                  Q
+                  J
                 ),
-                suffix: /* @__PURE__ */ S("div", { className: "flex items-center gap-1", children: [
-                  n && !c && /* @__PURE__ */ S(K, { children: [
-                    /* @__PURE__ */ s(j, { asChild: !0, children: /* @__PURE__ */ s(
+                suffix: /* @__PURE__ */ b("div", { className: "flex items-center gap-1", children: [
+                  n && !s && /* @__PURE__ */ b(K, { children: [
+                    /* @__PURE__ */ a(j, { asChild: !0, children: /* @__PURE__ */ a(
                       "button",
                       {
                         type: "button",
@@ -202,18 +201,18 @@ const tt = Le(
                           e.stopPropagation(), O();
                         },
                         className: "inline-flex size-4 items-center justify-center bg-transparent border-none p-0 cursor-pointer",
-                        children: /* @__PURE__ */ s(ge, { className: "size-3 hover:text-content" })
+                        children: /* @__PURE__ */ a(ge, { className: "size-3 hover:text-content" })
                       }
                     ) }),
-                    /* @__PURE__ */ s(B, { variant: "tertiary", side: "top", children: h("calendar.clear") })
+                    /* @__PURE__ */ a(B, { variant: "tertiary", side: "top", children: h("calendar.clear") })
                   ] }),
-                  /* @__PURE__ */ S(K, { children: [
-                    /* @__PURE__ */ s(j, { asChild: !0, children: /* @__PURE__ */ s("button", { type: "button", tabIndex: 0, "aria-label": h("datePicker.selectDate"), onClick: (e) => {
-                      e.stopPropagation(), c || (i ? u() : m(!0));
+                  /* @__PURE__ */ b(K, { children: [
+                    /* @__PURE__ */ a(j, { asChild: !0, children: /* @__PURE__ */ a("button", { type: "button", tabIndex: 0, "aria-label": h("datePicker.selectDate"), onClick: (e) => {
+                      e.stopPropagation(), s || (r ? u() : m(!0));
                     }, onKeyDown: (e) => {
-                      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), c || (y.current = !0, i ? u() : m(!0)));
-                    }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ s(ye, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
-                    /* @__PURE__ */ s(B, { variant: "tertiary", side: "top", children: h("datePicker.selectDate") })
+                      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), s || (k.current = !0, r ? u() : m(!0)));
+                    }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ a(ke, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+                    /* @__PURE__ */ a(B, { variant: "tertiary", side: "top", children: h("datePicker.selectDate") })
                   ] })
                 ] }),
                 ...re
@@ -221,36 +220,36 @@ const tt = Le(
             )
           }
         ),
-        children: /* @__PURE__ */ s(
+        children: /* @__PURE__ */ a(
           Ee,
           {
             mode: "single",
-            selected: P,
-            footerFlashKey: se,
-            footerFlashTarget: ce,
+            selected: I,
+            footerFlashKey: ae,
+            footerFlashTarget: se,
             onSelect: ue,
-            month: ae,
+            month: le,
             onMonthChange: (e) => o(
               (t) => t ? { ...t, viewMonth: e } : null
             ),
-            disabled: Ke(H, q),
-            startMonth: G,
-            endMonth: J,
-            showFooter: a,
-            onApply: L,
-            onCancel: R,
+            disabled: Ke(F, H),
+            startMonth: q,
+            endMonth: G,
+            showFooter: c,
+            onApply: N,
+            onCancel: S,
             onClear: O,
             captionLayout: "dropdown",
-            ...w !== void 0 ? { weekStartsOn: w } : {},
+            ...M !== void 0 ? { weekStartsOn: M } : {},
             ...je({
-              calendarKind: U,
-              fiscalMode: W,
-              granularity: X,
-              fiscalMonthPattern: Y,
-              fiscalYearStartMonth: Z,
-              fiscalConfig: _,
-              showPresets: $,
-              showPeriodBoundaries: F,
+              calendarKind: Q,
+              fiscalMode: U,
+              granularity: W,
+              fiscalMonthPattern: X,
+              fiscalYearStartMonth: Y,
+              fiscalConfig: Z,
+              showPresets: _,
+              showPeriodBoundaries: $,
               autoNavigateToAvailable: ee,
               comparison: te,
               onComparisonChange: ne
@@ -262,5 +261,5 @@ const tt = Le(
   }
 );
 export {
-  tt as DatePicker
+  $e as DatePicker
 };