@stenajs-webui/calendar 23.3.1 → 23.5.0

package/dist/index.es.js

@@ -377,7 +377,7 @@ const Wt = (e, t, n, r) => {
         }
       )
     }
-  ), f = st.td({
+  ), g = st.td({
     ...i.CalendarDay.tdStyle && i.CalendarDay.tdStyle(
       u,
       s,
@@ -386,7 +386,7 @@ const Wt = (e, t, n, r) => {
       r,
       o
     )
-  }), g = st.div({
+  }), f = st.div({
     ...i.CalendarDay.innerWrapperStyle && i.CalendarDay.innerWrapperStyle(
       u,
       s,
@@ -411,10 +411,10 @@ const Wt = (e, t, n, r) => {
     position: "relative"
   }), w = hr(u, s);
   return /* @__PURE__ */ a(
-    f,
+    g,
     {
       onClick: w ? void 0 : (y) => c?.(t, o, y),
-      children: /* @__PURE__ */ a(g, { children: /* @__PURE__ */ a(m, { children: (t.month === r.monthInYear || d) && /* @__PURE__ */ _(mt, { children: [
+      children: /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(m, { children: (t.month === r.monthInYear || d) && /* @__PURE__ */ _(mt, { children: [
         l && /* @__PURE__ */ a(
           l,
           {
@@ -509,8 +509,8 @@ function pr({
   onClickMonth: u,
   renderWeekNumber: d,
   renderWeekDay: h,
-  headerRightContent: f,
-  theme: g = ve,
+  headerRightContent: g,
+  theme: f = ve,
   extraDayContent: m,
   defaultHighlights: w,
   showWeekNumber: y
@@ -519,7 +519,7 @@ function pr({
     /* @__PURE__ */ _(
       Y,
       {
-        justifyContent: f ? "space-between" : "center",
+        justifyContent: g ? "space-between" : "center",
         alignItems: "center",
         children: [
           /* @__PURE__ */ a(Y, { justifyContent: "center", alignItems: "center", children: u ? /* @__PURE__ */ a(
@@ -534,29 +534,29 @@ function pr({
             " ",
             e.year
           ] }) }),
-          f && /* @__PURE__ */ a(L, { alignItems: "center", children: f })
+          g && /* @__PURE__ */ a(L, { alignItems: "center", children: g })
         ]
       }
     ),
     /* @__PURE__ */ a("table", { children: /* @__PURE__ */ _("tbody", { children: [
       /* @__PURE__ */ _("tr", { children: [
-        y && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(L, { width: g.width, height: g.height }) }),
-        e.weeks[0].days.map((C) => /* @__PURE__ */ a("td", { children: h ? h(C.name, g, l) : /* @__PURE__ */ a(
+        y && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(L, { width: f.width, height: f.height }) }),
+        e.weeks[0].days.map((C) => /* @__PURE__ */ a("td", { children: h ? h(C.name, f, l) : /* @__PURE__ */ a(
           ur,
           {
             day: C,
             onClickWeekDay: l,
-            theme: g
+            theme: f
           }
         ) }, C.name))
       ] }),
       e.weeks.map((C) => /* @__PURE__ */ _("tr", { children: [
-        y && /* @__PURE__ */ a("td", { children: d ? d(C, g, i) : /* @__PURE__ */ a(
+        y && /* @__PURE__ */ a("td", { children: d ? d(C, f, i) : /* @__PURE__ */ a(
           fr,
           {
             week: C,
             onClickWeek: i,
-            theme: g
+            theme: f
           }
         ) }),
         C.days.map((p) => /* @__PURE__ */ a(
@@ -569,7 +569,7 @@ function pr({
             dayState: n && n[C.weekNumber] && n[C.weekNumber][p.dayOfMonth],
             userData: r && r[C.weekNumber] && r[C.weekNumber][p.dayOfMonth],
             onClickDay: c,
-            theme: g,
+            theme: f,
             extraDayContent: m,
             defaultHighlights: w,
             minDate: s,
@@ -594,8 +594,8 @@ function Dr({
   onClickMonth: u,
   renderWeekDay: d,
   renderWeekNumber: h,
-  headerRightContent: f,
-  extraDayContent: g,
+  headerRightContent: g,
+  extraDayContent: f,
   defaultHighlights: m,
   showWeekNumber: w,
   theme: y = ve
@@ -628,8 +628,8 @@ function Dr({
           theme: y,
           renderWeekNumber: h,
           renderWeekDay: d,
-          headerRightContent: f,
-          extraDayContent: g,
+          headerRightContent: g,
+          extraDayContent: f,
           defaultHighlights: m,
           minDate: C,
           maxDate: p,
@@ -768,7 +768,7 @@ const br = (e, t, n) => {
   ), d = I(
     () => W(e, "LLLL", { locale: l }),
     [l, e]
-  ), h = $(null), f = cn(c, o), g = n ? 0 : -1;
+  ), h = $(null), g = cn(c, o), f = n ? 0 : -1;
   re(() => {
     h.current?.focus();
   }, []);
@@ -787,7 +787,7 @@ const br = (e, t, n) => {
   return /* @__PURE__ */ a(Y, { justifyContent: "center", onKeyDown: m, children: n ? /* @__PURE__ */ a(
     Re,
     {
-      id: f,
+      id: g,
       "aria-label": d,
       label: u,
       onClick: t,
@@ -795,17 +795,17 @@ const br = (e, t, n) => {
       autoFocus: s,
       ref: h,
       size: i === "large" ? "large" : "medium",
-      tabIndex: g
+      tabIndex: f
     }
   ) : /* @__PURE__ */ a(
     X,
     {
-      id: f,
+      id: g,
       label: u,
       "aria-label": d,
       onClick: t,
       size: i === "large" ? "large" : "medium",
-      tabIndex: g
+      tabIndex: f
     }
   ) });
 }, Mr = (e, t, n) => {
@@ -843,7 +843,7 @@ const br = (e, t, n) => {
   onCancel: o,
   size: c = "medium"
 }) => {
-  const i = vt(), l = Te(), u = s > 0 ? s : 12, [d, h] = S(!1), f = Mr(n, u, Tr(c)), g = I(() => He(n, u), [u, n]);
+  const i = vt(), l = Te(), u = s > 0 ? s : 12, [d, h] = S(!1), g = Mr(n, u, Tr(c)), f = I(() => He(n, u), [u, n]);
   re(() => {
     h(!0);
   }, []);
@@ -853,18 +853,18 @@ const br = (e, t, n) => {
     },
     [o]
   );
-  return /* @__PURE__ */ a(q, { gap: 1, maxWidth: Ir(c), onKeyDown: m, children: f.yearOrder.map((w, y) => {
-    const { rows: C } = f.years[w];
+  return /* @__PURE__ */ a(q, { gap: 1, maxWidth: Ir(c), onKeyDown: m, children: g.yearOrder.map((w, y) => {
+    const { rows: C } = g.years[w];
     return /* @__PURE__ */ _(Ct.Fragment, { children: [
       (y !== 0 || w !== l.getFullYear()) && /* @__PURE__ */ a(Ye, { variant: "h4", children: w }),
       /* @__PURE__ */ a("table", { style: { borderSpacing: "0 8px" }, children: /* @__PURE__ */ a("tbody", { children: C.map((p) => {
-        const { columns: b } = f.rows[p];
+        const { columns: b } = g.rows[p];
         return /* @__PURE__ */ a("tr", { children: b.map(({ month: v, position: k }) => /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(
           Sr,
           {
             month: v,
             firstAvailableMonth: n,
-            lastAvailableMonth: g,
+            lastAvailableMonth: f,
             localeCode: r,
             selected: e ? he(e, v) : !1,
             autoFocus: d,
@@ -980,12 +980,12 @@ const br = (e, t, n) => {
   const d = I(
     () => t == null ? "en-GB" : kr(t) ?? "en-GB",
     [t]
-  ), h = Te(), f = D(
+  ), h = Te(), g = D(
     (m) => {
       r && r(m), o("calendar");
     },
     [r, o]
-  ), g = D(() => {
+  ), f = D(() => {
     o("month");
   }, [o]);
   switch (s) {
@@ -995,14 +995,14 @@ const br = (e, t, n) => {
         {
           ...u,
           date: n,
-          onClickMonth: g,
+          onClickMonth: f,
           locale: t
         }
       );
     case "month":
       return c ? c({
         value: n,
-        onValueChange: f,
+        onValueChange: g,
         locale: t,
         firstMonth: i ?? h,
         numMonths: l ?? 24,
@@ -1011,7 +1011,7 @@ const br = (e, t, n) => {
         We,
         {
           value: n,
-          onValueChange: f,
+          onValueChange: g,
           localeCode: d,
           firstMonth: i ?? h,
           numMonths: l ?? 24
@@ -1080,7 +1080,7 @@ function ke({
   numMonthsInMonthPicker: u,
   ...d
 }) {
-  const { nextMonth: h, prevMonth: f, nextYear: g, prevYear: m } = Er(
+  const { nextMonth: h, prevMonth: g, nextYear: f, prevYear: m } = Er(
     n,
     r,
     d.monthsPerRow,
@@ -1096,8 +1096,8 @@ function ke({
         {
           theme: t,
           nextMonth: h,
-          prevMonth: f,
-          nextYear: g,
+          prevMonth: g,
+          nextYear: f,
           prevYear: m,
           children: /* @__PURE__ */ a(dt, { ...d, theme: t, date: n })
         }
@@ -1120,7 +1120,7 @@ function ke({
             /* @__PURE__ */ a(
               de,
               {
-                onClick: f,
+                onClick: g,
                 leftIcon: Je
               }
             ),
@@ -1200,7 +1200,7 @@ const Nr = (e, t) => e || (t || 1) > 1 ? "below" : "header", Br = (e) => ({
     n,
     e,
     r
-  ), f = I(
+  ), g = I(
     () => Pe(
       s,
       t?.startDate,
@@ -1210,7 +1210,7 @@ const Nr = (e, t) => e || (t || 1) > 1 ? "below" : "header", Br = (e) => ({
   );
   return {
     onClickDay: h,
-    statePerMonth: f,
+    statePerMonth: g,
     currentPanel: i,
     setCurrentPanel: l,
     setDateInFocus: d,
@@ -1267,27 +1267,30 @@ const $r = ({
   onChange: e,
   value: t,
   statePerMonth: n,
-  onChangePanel: r
+  onChangePanel: r,
+  initialDateInFocus: s
 }) => {
-  const { currentPanel: s, setCurrentPanel: o } = et(r), [c, i] = S(() => /* @__PURE__ */ new Date()), l = D(
-    (d) => {
+  const { currentPanel: o, setCurrentPanel: c } = et(r), [i, l] = S(
+    s ?? /* @__PURE__ */ new Date()
+  ), u = D(
+    (h) => {
       if (!e)
         return;
-      const h = t && t.find((f) => B(f, d.date));
-      e(t && h ? t.filter((f) => !B(f, d.date)) : [...t || [], d.date]);
+      const g = t && t.find((f) => B(f, h.date));
+      e(t && g ? t.filter((f) => !B(f, h.date)) : [...t || [], h.date]);
     },
     [e, t]
-  ), u = I(() => t ? t.reduce(
-    (d, h) => ue(d, h, ["selected"]),
+  ), d = I(() => t ? t.reduce(
+    (h, g) => ue(h, g, ["selected"]),
     n
   ) : n, [n, t]);
   return {
-    onClickDay: l,
-    statePerMonth: u,
-    currentPanel: s,
-    setCurrentPanel: o,
-    dateInFocus: c,
-    setDateInFocus: i
+    onClickDay: u,
+    statePerMonth: d,
+    currentPanel: o,
+    setCurrentPanel: c,
+    dateInFocus: i,
+    setDateInFocus: l
   };
 };
 function po(e) {
@@ -1302,28 +1305,28 @@ const Wr = ({
   locale: s = qe
 }) => {
   const [o, c] = S(() => {
-    const g = ot(t, s);
-    return g ? g.days[0].date : /* @__PURE__ */ new Date();
+    const f = ot(t, s);
+    return f ? f.days[0].date : /* @__PURE__ */ new Date();
   }), { currentPanel: i, setCurrentPanel: l } = et(r), u = D(
-    (g) => {
-      e && e(Ut(St(g.date, s)));
+    (f) => {
+      e && e(Ut(St(f.date, s)));
     },
     [s, e]
   ), d = D(
-    (g) => {
-      e && e(Ut(g));
+    (f) => {
+      e && e(Ut(f));
     },
     [e]
   ), h = I(() => {
-    const g = ot(t, s);
-    return g ? Qn(n, g) : n;
-  }, [t, s, n]), f = I(() => {
-    const g = ot(t, s);
-    return g ? g.days[0].date : /* @__PURE__ */ new Date();
+    const f = ot(t, s);
+    return f ? Qn(n, f) : n;
+  }, [t, s, n]), g = I(() => {
+    const f = ot(t, s);
+    return f ? f.days[0].date : /* @__PURE__ */ new Date();
   }, [s, t]);
   return {
     statePerMonth: h,
-    date: f,
+    date: g,
     dateInFocus: o,
     setDateInFocus: c,
     onClickDay: u,
@@ -1374,8 +1377,8 @@ const Oe = "bottom", Or = (e, t, n) => {
   width: u,
   minDate: d,
   maxDate: h = Ue,
-  disabled: f,
-  portalTarget: g,
+  disabled: g,
+  portalTarget: f,
   zIndex: m
 }) => {
   const { hideCalendar: w, showingCalendar: y, onSelectDate: C, showCalendar: p } = Or(i, c, o);
@@ -1385,7 +1388,7 @@ const Oe = "bottom", Or = (e, t, n) => {
       hideArrow: !0,
       open: y,
       onRequestClose: w,
-      appendTo: g,
+      appendTo: f,
       zIndex: m,
       renderTrigger: (b) => /* @__PURE__ */ a(L, { ...b, children: /* @__PURE__ */ a(
         fe,
@@ -1396,7 +1399,7 @@ const Oe = "bottom", Or = (e, t, n) => {
           value: n ? W(n, e) : "",
           placeholder: t,
           size: 9,
-          disabled: f,
+          disabled: g,
           autoFocus: o,
           variant: l,
           min: d,
@@ -1421,17 +1424,17 @@ const Oe = "bottom", Or = (e, t, n) => {
   const n = $(null), r = $(null), [s, o] = S(!1), [c, i] = S(void 0), l = D(() => (i("startDate"), o(!0), !0), [i, o]), u = D(() => (i("endDate"), o(!0), !0), [i, o]), d = D(() => {
     o(!1);
   }, [o]), h = D(
-    (g) => {
+    (f) => {
       c === "startDate" ? (t?.({
-        startDate: g.date,
+        startDate: f.date,
         endDate: e?.endDate
       }), e?.endDate ? setTimeout(d, 150) : (i("endDate"), r.current?.focus())) : c === "endDate" && (t?.({
         startDate: e?.startDate,
-        endDate: g.date
+        endDate: f.date
       }), e?.startDate ? setTimeout(d, 150) : (i("startDate"), n.current?.focus()));
     },
     [c, t, i, d, e]
-  ), f = I(
+  ), g = I(
     () => e?.startDate && e?.endDate && Q(e.startDate, e.endDate),
     [e?.startDate, e?.endDate]
   );
@@ -1445,7 +1448,7 @@ const Oe = "bottom", Or = (e, t, n) => {
     startDateInputRef: n,
     endDateInputRef: r,
     onClickDay: h,
-    startDateIsAfterEnd: f
+    startDateIsAfterEnd: g
   };
 };
 function wo({
@@ -1461,9 +1464,9 @@ function wo({
   maxDate: u = Ue,
   disabled: d,
   portalTarget: h,
-  zIndex: f
+  zIndex: g
 }) {
-  const [g, m] = S("calendar"), {
+  const [f, m] = S("calendar"), {
     hideCalendar: w,
     showCalendarEndDate: y,
     showCalendarStartDate: C,
@@ -1484,7 +1487,7 @@ function wo({
     {
       hideArrow: !0,
       appendTo: h,
-      zIndex: f,
+      zIndex: g,
       renderTrigger: (M) => /* @__PURE__ */ _(Y, { alignItems: "center", ...M, children: [
         /* @__PURE__ */ a(
           fe,
@@ -1537,7 +1540,7 @@ function wo({
           statePerMonth: A,
           theme: c,
           onClickDay: E,
-          currentPanel: g,
+          currentPanel: f,
           setCurrentPanel: m,
           minDate: l,
           maxDate: u
@@ -1559,8 +1562,8 @@ const yo = ({
   hideCalenderIcon: u = !1,
   minDate: d,
   maxDate: h = Ue,
-  variant: f,
-  portalTarget: g,
+  variant: g,
+  portalTarget: f,
   zIndex: m,
   ...w
 }) => {
@@ -1588,13 +1591,13 @@ const yo = ({
   return /* @__PURE__ */ a(L, { width: i, children: /* @__PURE__ */ a(
     $e,
     {
-      appendTo: g,
+      appendTo: f,
       zIndex: m,
       renderTrigger: ({ ref: A, ...M }) => /* @__PURE__ */ a(
         fe,
         {
           ...w,
-          variant: R ? "error" : f,
+          variant: R ? "error" : g,
           disableContentPaddingRight: !0,
           contentRight: u ? void 0 : /* @__PURE__ */ a(Y, { alignItems: "center", indent: 0.5, children: /* @__PURE__ */ a(
             X,
@@ -1710,13 +1713,13 @@ const yo = ({
 }) => {
   const [i, l] = S(() => ut(r)), u = "hh:mm", d = D(() => {
     if (r) {
-      const f = Vr(r);
-      l(f.success), f.success && e && e(f.time);
+      const g = Vr(r);
+      l(g.success), g.success && e && e(g.time);
     }
   }, [r, e, l]), h = D(
-    (f) => {
-      const g = f.target.value, m = ut(g);
-      l(m && g.length <= u.length), e && e(g);
+    (g) => {
+      const f = g.target.value, m = ut(f);
+      l(m && f.length <= u.length), e && e(f);
     },
     [e, l]
   );
@@ -1747,8 +1750,8 @@ const yo = ({
   typeLeft: u,
   typeRight: d,
   onChangeLeft: h,
-  onChangeRight: f,
-  valueLeft: g,
+  onChangeRight: g,
+  valueLeft: f,
   valueRight: m,
   minLeft: w,
   maxLeft: y,
@@ -1838,7 +1841,7 @@ const yo = ({
             disabled: V,
             hideBorder: !0,
             placeholder: i,
-            value: g,
+            value: f,
             onValueChange: s,
             onChange: h,
             onBlur: ie,
@@ -1870,7 +1873,7 @@ const yo = ({
             placeholder: l,
             value: m,
             onValueChange: o,
-            onChange: f,
+            onChange: g,
             onBlur: se,
             onFocus: te,
             inputRef: F,
@@ -2058,7 +2061,7 @@ const yo = ({
   localDate: u,
   setLocalDate: d
 }, h) => {
-  const f = D(
+  const g = D(
     (p) => {
       if (!p)
         return;
@@ -2086,7 +2089,7 @@ const yo = ({
       n,
       d
     ]
-  ), g = D(
+  ), f = D(
     (p) => {
       if (p)
         if (e) {
@@ -2101,12 +2104,12 @@ const yo = ({
     [t, e, u, l]
   ), m = D(
     (p) => {
-      p.target.value[0] !== "0" && f(p.target.valueAsDate);
+      p.target.value[0] !== "0" && g(p.target.valueAsDate);
     },
-    [f]
-  ), w = D(
-    (p) => g(p.target.value),
     [g]
+  ), w = D(
+    (p) => f(p.target.value),
+    [f]
   ), y = D(() => {
     n(e || /* @__PURE__ */ new Date()), c("calendar"), r();
   }, [e, c, r, n]), C = D(() => {
@@ -2117,11 +2120,11 @@ const yo = ({
     inputRightChangeHandler: w,
     hideCalendar: C,
     showCalendar: y,
-    onChangeTime: g,
-    onChangeDate: f
+    onChangeTime: f,
+    onChangeDate: g
   };
 }, ns = (e) => {
-  const [t, n] = S(void 0), [r, s] = S(void 0), [o, c, i] = lt(!1), [l, u, d] = lt(!1), [h, f] = S(void 0), [g, m] = S(
+  const [t, n] = S(void 0), [r, s] = S(void 0), [o, c, i] = lt(!1), [l, u, d] = lt(!1), [h, g] = S(void 0), [f, m] = S(
     () => e ?? /* @__PURE__ */ new Date()
   ), [w, y] = S("calendar");
   return {
@@ -2129,8 +2132,8 @@ const yo = ({
     showCalendarInternal: c,
     hideCalendarInternal: i,
     firstFocusedInput: h,
-    setFirstFocusedInput: f,
-    dateInFocus: g,
+    setFirstFocusedInput: g,
+    dateInFocus: f,
     setDateInFocus: m,
     currentPanel: w,
     setCurrentPanel: y,
@@ -2159,7 +2162,7 @@ const yo = ({
     [e, r, c]
   ), h = D(() => {
     o("presets"), n();
-  }, [o, n]), f = D(() => {
+  }, [o, n]), g = D(() => {
     s ? r() : (t.current?.focus(), o("calendar"), n());
   }, [
     s,
@@ -2167,7 +2170,7 @@ const yo = ({
     t,
     o,
     n
-  ]), g = D(
+  ]), f = D(
     (m) => {
       m.key === "Escape" && r();
     },
@@ -2178,8 +2181,8 @@ const yo = ({
     onFocusRight: u,
     onClickDay: d,
     onClickArrowButton: h,
-    onClickCalendarButton: f,
-    onKeyDownHandler: g
+    onClickCalendarButton: g,
+    onKeyDownHandler: f
   };
 }, vo = ({
   value: e,
@@ -2194,8 +2197,8 @@ const yo = ({
   maxDate: u = Ue,
   variant: d,
   disabled: h,
-  zIndex: f,
-  appendTo: g
+  zIndex: g,
+  appendTo: f
 }) => {
   const m = $(null), w = $(null), y = ns(e), {
     setCurrentPanel: C,
@@ -2245,8 +2248,8 @@ const yo = ({
     $e,
     {
       hideArrow: !0,
-      zIndex: f,
-      appendTo: g,
+      zIndex: g,
+      appendTo: f,
       renderTrigger: (U) => /* @__PURE__ */ a(L, { ...U, children: /* @__PURE__ */ a(
         gn,
         {
@@ -2404,24 +2407,24 @@ const yo = ({
   setCurrentPanel: i
 }) => {
   const l = D(
-    (f) => {
-      f.target.value[0] !== "0" && n?.({
-        startDate: f.target.valueAsDate ?? void 0,
+    (g) => {
+      g.target.value[0] !== "0" && n?.({
+        startDate: g.target.valueAsDate ?? void 0,
         endDate: t
       });
     },
     [n, t]
   ), u = D(
-    (f) => {
-      f.target.value[0] !== "0" && n?.({
+    (g) => {
+      g.target.value[0] !== "0" && n?.({
         startDate: e,
-        endDate: f.target.valueAsDate ?? void 0
+        endDate: g.target.valueAsDate ?? void 0
       });
     },
     [n, e]
   ), d = D(
-    (f) => {
-      f != null ? r(f) : r(e || t || /* @__PURE__ */ new Date()), i("calendar"), s();
+    (g) => {
+      g != null ? r(g) : r(e || t || /* @__PURE__ */ new Date()), i("calendar"), s();
     },
     [e, t, i, s, r]
   ), h = D(() => {
@@ -2436,7 +2439,7 @@ const yo = ({
     showCalendar: d
   };
 }, cs = (e, t) => {
-  const [n, r, s] = lt(!1), [o, c] = S(void 0), [i, l] = S("startDate"), [u, d] = S(() => (i === "startDate" ? e : i === "endDate" ? t : void 0) ?? /* @__PURE__ */ new Date()), [h, f] = S("calendar");
+  const [n, r, s] = lt(!1), [o, c] = S(void 0), [i, l] = S("startDate"), [u, d] = S(() => (i === "startDate" ? e : i === "endDate" ? t : void 0) ?? /* @__PURE__ */ new Date()), [h, g] = S("calendar");
   return {
     isCalendarVisible: n,
     showCalendarInternal: r,
@@ -2448,7 +2451,7 @@ const yo = ({
     dateInFocus: u,
     setDateInFocus: d,
     currentPanel: h,
-    setCurrentPanel: f
+    setCurrentPanel: g
   };
 }, ls = (e, t, n, r, s, o, c, {
   firstFocusedInput: i,
@@ -2456,11 +2459,11 @@ const yo = ({
   isCalendarVisible: u,
   setFocusedInput: d,
   focusedInput: h,
-  setCurrentPanel: f,
-  setDateInFocus: g
+  setCurrentPanel: g,
+  setDateInFocus: f
 }) => {
   const m = D(() => {
-    i == null && l("startDate"), d("startDate"), u ? e != null && g(e) : o(e);
+    i == null && l("startDate"), d("startDate"), u ? e != null && f(e) : o(e);
   }, [
     i,
     d,
@@ -2468,9 +2471,9 @@ const yo = ({
     e,
     l,
     o,
-    g
+    f
   ]), w = D(() => {
-    i == null && l("endDate"), d("endDate"), u ? t != null && g(t) : o(t);
+    i == null && l("endDate"), d("endDate"), u ? t != null && f(t) : o(t);
   }, [
     i,
     d,
@@ -2478,7 +2481,7 @@ const yo = ({
     t,
     l,
     o,
-    g
+    f
   ]), y = D(
     (v) => {
       h === "startDate" ? t != null && Q(v.date, t) ? (n?.({
@@ -2510,16 +2513,16 @@ const yo = ({
       r
     ]
   ), C = D(() => {
-    f("presets"), o();
-  }, [f, o]), p = D(() => {
-    u ? c() : (d("startDate"), l("startDate"), r.current?.focus(), f("calendar"), o());
+    g("presets"), o();
+  }, [g, o]), p = D(() => {
+    u ? c() : (d("startDate"), l("startDate"), r.current?.focus(), g("calendar"), o());
   }, [
     u,
     c,
     d,
     l,
     r,
-    f,
+    g,
     o
   ]), b = D(
     (v) => {
@@ -2549,8 +2552,8 @@ function So({
   widthLeft: u = 128,
   widthRight: d = 128,
   firstMonthInMonthPicker: h,
-  numMonthsInMonthPicker: f,
-  variant: g,
+  numMonthsInMonthPicker: g,
+  variant: f,
   disabled: m,
   zIndex: w,
   appendTo: y,
@@ -2634,7 +2637,7 @@ function So({
           onClickRight: ee,
           inputRefLeft: v,
           inputRefRight: k,
-          variant: H ? "error" : g,
+          variant: H ? "error" : f,
           widthLeft: u,
           widthRight: d,
           minLeft: c,
@@ -2653,7 +2656,7 @@ function So({
             onClickDay: oe,
             dateInFocus: T,
             firstMonthInMonthPicker: h,
-            numMonthsInMonthPicker: f,
+            numMonthsInMonthPicker: g,
             setDateInFocus: x,
             currentPanel: A,
             setCurrentPanel: M,
@@ -2681,8 +2684,8 @@ const ht = ({
   calendarSize: u,
   onFocus: d,
   onBlur: h,
-  placeholderWhenBlurred: f,
-  placeholder: g,
+  placeholderWhenBlurred: g,
+  placeholder: f,
   valueWhenBlurred: m,
   label: w,
   variant: y,
@@ -2710,7 +2713,7 @@ const ht = ({
       h?.(R), v(!1);
     },
     [h]
-  ), x = b ? g : f ?? g;
+  ), x = b ? f : g ?? f;
   return y === "standard" ? /* @__PURE__ */ a(xn, { text: w ?? "", children: /* @__PURE__ */ a(
     fe,
     {
@@ -2826,7 +2829,7 @@ const ht = ({
   valueWhenBlurredEndDate: d,
   variant: h
 }) => {
-  const { mask: f, placeholder: g } = I(() => {
+  const { mask: g, placeholder: f } = I(() => {
     const m = xe(n);
     return {
       mask: pn(m),
@@ -2837,7 +2840,7 @@ const ht = ({
     /* @__PURE__ */ a(
       ht,
       {
-        mask: f,
+        mask: g,
         value: e?.startDate,
         onValueChange: (m) => {
           t?.({ startDate: m });
@@ -2852,7 +2855,7 @@ const ht = ({
         onFocus: o,
         label: r,
         borderRadiusVariant: "onlyLeft",
-        placeholder: g,
+        placeholder: f,
         placeholderWhenBlurred: i,
         valueWhenBlurred: u,
         calendarSize: c,
@@ -2862,7 +2865,7 @@ const ht = ({
     /* @__PURE__ */ a(
       ht,
       {
-        mask: f,
+        mask: g,
         value: e?.endDate,
         onValueChange: (m) => t?.({ endDate: m }),
         onBlur: (m) => {
@@ -2875,7 +2878,7 @@ const ht = ({
         onFocus: o,
         label: s,
         borderRadiusVariant: "onlyRight",
-        placeholder: g,
+        placeholder: f,
         placeholderWhenBlurred: l,
         valueWhenBlurred: d,
         calendarSize: c,
@@ -2896,10 +2899,10 @@ const ht = ({
   ), h = I(
     () => e?.endDate?.length === u.length ? De(e.endDate, n) : void 0,
     [u.length, n, e?.endDate]
-  ), f = I(
+  ), g = I(
     () => d != null ? gt(d, i, o) : void 0,
     [o, d, i]
-  ), g = I(
+  ), f = I(
     () => h != null ? gt(h, i, o) : void 0,
     [o, h, i]
   ), [m, w] = S(
@@ -2970,8 +2973,8 @@ const ht = ({
     selectedEndDate: h,
     today: i,
     visibleMonth: m,
-    valueWhenBlurredStartDate: f,
-    valueWhenBlurredEndDate: g
+    valueWhenBlurredStartDate: g,
+    valueWhenBlurredEndDate: f
   };
 }, tt = ({
   previousMonthButtonAriaLabel: e,
@@ -2986,9 +2989,9 @@ const ht = ({
   nextMonthDisabled: u,
   calendarSize: d,
   previousMonthButtonTestId: h,
-  nextMonthButtonTestId: f
+  nextMonthButtonTestId: g
 }) => {
-  const g = d === "smaller" || d === "small" ? "medium" : "large";
+  const f = d === "smaller" || d === "small" ? "medium" : "large";
   return /* @__PURE__ */ _(Y, { alignSelf: "center", justifyContent: "space-between", width: "100%", children: [
     /* @__PURE__ */ a(
       X,
@@ -3000,7 +3003,7 @@ const ht = ({
           r === "calendar" ? "month-picker" : "calendar"
         ),
         ref: o,
-        size: g
+        size: f
       }
     ),
     /* @__PURE__ */ _(Y, { alignItems: "center", gap: 2, children: [
@@ -3011,7 +3014,7 @@ const ht = ({
           onClick: () => c(wt(i, 1)),
           disabled: l?.(i),
           "aria-label": e,
-          size: g,
+          size: f,
           "data-testid": h
         }
       ),
@@ -3022,8 +3025,8 @@ const ht = ({
           onClick: () => c(He(i, 1)),
           disabled: u?.(i),
           "aria-label": t,
-          size: g,
-          "data-testid": f
+          size: f,
+          "data-testid": g
         }
       )
     ] })
@@ -3150,27 +3153,27 @@ const ht = ({
   hoverDate: u,
   today: d,
   todayIsInVisibleMonth: h,
-  calendarId: f,
-  isDateDisabled: g,
+  calendarId: g,
+  isDateDisabled: f,
   size: m,
   dateTestId: w
 }) => {
   const y = D(
     async (T) => {
-      const x = _s(r.date, T.key), R = (x && g?.(x)) ?? !1;
-      x && !R && (i(x), he(r.date, x) ? document.getElementById(at(x, f))?.focus() : (n(x), setTimeout(() => {
-        document.getElementById(at(x, f))?.focus();
+      const x = _s(r.date, T.key), R = (x && f?.(x)) ?? !1;
+      x && !R && (i(x), he(r.date, x) ? document.getElementById(at(x, g))?.focus() : (n(x), setTimeout(() => {
+        document.getElementById(at(x, g))?.focus();
       }, 10))), (T.key === "Enter" || T.code === "Space") && e(r.date);
     },
     [
-      f,
-      r.date,
       g,
+      r.date,
+      f,
       n,
       e,
       i
     ]
-  ), C = r.month === t.getMonth(), p = g?.(r.date) ?? !1, b = o ? B(o, r.date) : !1, v = c ? B(c, r.date) : !1, k = B(r.date, d), E = xs(
+  ), C = r.month === t.getMonth(), p = f?.(r.date) ?? !1, b = o ? B(o, r.date) : !1, v = c ? B(c, r.date) : !1, k = B(r.date, d), E = xs(
     r.date,
     o,
     c,
@@ -3192,7 +3195,7 @@ const ht = ({
         t,
         h
       ),
-      id: p ? void 0 : at(r.date, f),
+      id: p ? void 0 : at(r.date, g),
       onKeyDown: p ? void 0 : y,
       ...p ? void 0 : { "aria-selected": b || v },
       "data-testid": w?.(r.date),
@@ -3250,8 +3253,8 @@ const ht = ({
   today: u,
   calendarId: d,
   isDateDisabled: h,
-  todayIsInVisibleMonth: f,
-  size: g = "medium",
+  todayIsInVisibleMonth: g,
+  size: f = "medium",
   multiSelectable: m,
   dateTestId: w
 }) => /* @__PURE__ */ a(
@@ -3265,7 +3268,7 @@ const ht = ({
       e.weeks.map((y) => /* @__PURE__ */ a(Ct.Fragment, { children: /* @__PURE__ */ a("tr", { children: y.days.map((C) => /* @__PURE__ */ a(
         Ys,
         {
-          size: g,
+          size: f,
           onClick: (p) => t(p),
           visibleMonth: s,
           onChangeVisibleMonth: r,
@@ -3277,7 +3280,7 @@ const ht = ({
           selectedEndDate: i,
           hoverDate: l,
           today: u,
-          todayIsInVisibleMonth: f,
+          todayIsInVisibleMonth: g,
           calendarId: d,
           isDateDisabled: h,
           dateTestId: w
@@ -3303,8 +3306,8 @@ const ht = ({
   placeholderWhenBlurredStartDate: u,
   placeholderWhenBlurredEndDate: d,
   heading: h,
-  headingLevel: f,
-  numMonthsInMonthPicker: g = 12,
+  headingLevel: g,
+  numMonthsInMonthPicker: f = 12,
   isDateDisabled: m,
   prevMonthDisabled: w,
   nextMonthDisabled: y,
@@ -3404,7 +3407,7 @@ const ht = ({
                 shadow: "popover",
                 borderRadius: "var(--swui-border-radius-large)",
                 children: /* @__PURE__ */ _(Jt, { gap: 3, children: [
-                  h && /* @__PURE__ */ a(Ye, { variant: "h2", as: f, children: h }),
+                  h && /* @__PURE__ */ a(Ye, { variant: "h2", as: g, children: h }),
                   /* @__PURE__ */ a(L, { height: ee }),
                   /* @__PURE__ */ a(
                     tt,
@@ -3433,7 +3436,7 @@ const ht = ({
                     We,
                     {
                       firstMonth: C,
-                      numMonths: g,
+                      numMonths: f,
                       value: ie,
                       size: E,
                       localeCode: s,
@@ -3483,8 +3486,8 @@ const ht = ({
       value: e,
       onValueChange: t,
       onBlur: (h) => {
-        const f = ft(h.target.value, r);
-        f && f !== e && t?.(f);
+        const g = ft(h.target.value, r);
+        g && g !== e && t?.(g);
       },
       onFocus: s,
       label: n,
@@ -3502,10 +3505,10 @@ const ht = ({
   ), h = I(
     () => e?.length === d.length ? De(e, n) : void 0,
     [d.length, n, e]
-  ), f = I(
+  ), g = I(
     () => h != null ? gt(h, l, c) : void 0,
     [c, h, l]
-  ), [g, m] = S(
+  ), [f, m] = S(
     s ?? h ?? /* @__PURE__ */ new Date()
   ), w = D(
     (R) => {
@@ -3514,18 +3517,18 @@ const ht = ({
     [l]
   ), y = I(
     () => Xe(
-      g.getFullYear(),
-      g.getMonth(),
+      f.getFullYear(),
+      f.getMonth(),
       c
     ),
-    [c, g]
+    [c, f]
   ), C = I(() => Qe(
     nn(
-      g,
+      f,
       { month: "long", year: "numeric" },
       { locale: c.code }
     )
-  ), [c, g]), p = I(() => he(l, g), [l, g]), [b, v] = S(), [k, E] = S("calendar"), T = D(
+  ), [c, f]), p = I(() => he(l, f), [l, f]), [b, v] = S(), [k, E] = S("calendar"), T = D(
     (R) => {
       const A = R?.length === d.length ? De(R, n) : void 0;
       A && w(A), t?.(R);
@@ -3549,8 +3552,8 @@ const ht = ({
     setHoverDate: v,
     selectedDate: h,
     today: l,
-    visibleMonth: g,
-    valueWhenBlurred: f
+    visibleMonth: f,
+    valueWhenBlurred: g
   };
 }, Io = ({
   value: e,
@@ -3565,8 +3568,8 @@ const ht = ({
   heading: u,
   headingLevel: d,
   numMonthsInMonthPicker: h = 12,
-  isDateDisabled: f,
-  prevMonthDisabled: g,
+  isDateDisabled: g,
+  prevMonthDisabled: f,
   nextMonthDisabled: m,
   firstMonthInMonthPicker: w = /* @__PURE__ */ new Date(),
   zIndex: y = 1e3,
@@ -3677,7 +3680,7 @@ const ht = ({
                       previousMonthButtonAriaLabel: c,
                       nextMonthButtonAriaLabel: i,
                       calendarSize: v,
-                      prevMonthDisabled: g,
+                      prevMonthDisabled: f,
                       nextMonthDisabled: m,
                       previousMonthButtonTestId: E,
                       nextMonthButtonTestId: T
@@ -3692,7 +3695,7 @@ const ht = ({
                       selectedStartDate: se,
                       selectedEndDate: se,
                       multiSelectable: !1,
-                      isDateDisabled: f,
+                      isDateDisabled: g,
                       dateTestId: k
                     }
                   ),
@@ -3734,8 +3737,8 @@ const ht = ({
   heading: u,
   headingLevel: d,
   numMonthsInMonthPicker: h = 12,
-  isDateDisabled: f,
-  prevMonthDisabled: g,
+  isDateDisabled: g,
+  prevMonthDisabled: f,
   nextMonthDisabled: m,
   firstMonthInMonthPicker: w = /* @__PURE__ */ new Date(),
   dateTestId: y,
@@ -3781,7 +3784,7 @@ const ht = ({
         previousMonthButtonAriaLabel: c,
         nextMonthButtonAriaLabel: i,
         calendarSize: C,
-        prevMonthDisabled: g,
+        prevMonthDisabled: f,
         nextMonthDisabled: m,
         previousMonthButtonTestId: p,
         nextMonthButtonTestId: b
@@ -3795,7 +3798,7 @@ const ht = ({
         selectedStartDate: F,
         selectedEndDate: F,
         isValidDateRange: !!F,
-        isDateDisabled: f,
+        isDateDisabled: g,
         multiSelectable: !1,
         dateTestId: y
       }
@@ -3830,8 +3833,8 @@ const ht = ({
   heading: u,
   headingLevel: d,
   numMonthsInMonthPicker: h = 12,
-  isDateDisabled: f,
-  prevMonthDisabled: g,
+  isDateDisabled: g,
+  prevMonthDisabled: f,
   nextMonthDisabled: m,
   firstMonthInMonthPicker: w = /* @__PURE__ */ new Date(),
   size: y = "medium",
@@ -3880,7 +3883,7 @@ const ht = ({
         previousMonthButtonAriaLabel: i,
         nextMonthButtonAriaLabel: l,
         calendarSize: y,
-        prevMonthDisabled: g,
+        prevMonthDisabled: f,
         nextMonthDisabled: m,
         previousMonthButtonTestId: p,
         nextMonthButtonTestId: b
@@ -3892,7 +3895,7 @@ const ht = ({
         ...T,
         size: y,
         multiSelectable: !0,
-        isDateDisabled: f,
+        isDateDisabled: g,
         dateTestId: C
       }
     ),