sy-ui-lib 1.0.53 → 1.0.54

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as z4 from "react";
-import O, { createContext as c5, useContext as d5, useCallback as g1, useRef as t1, useLayoutEffect as a4, useState as $, useEffect as J, useMemo as H2, memo as a9, Children as u5, createElement as L3 } from "react";
+import O, { createContext as c5, useContext as d5, useCallback as g1, useRef as t1, useLayoutEffect as a4, useState as $, useEffect as Q, useMemo as H2, memo as a9, Children as u5, createElement as L3 } from "react";
 import { createPortal as C9 } from "react-dom";
 function c9(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -3034,7 +3034,7 @@ function l0(e, n) {
     // initialMonth is always computed from props.month if provided
     e.month ? o : void 0
   );
-  J(() => {
+  Q(() => {
     const b = F3(e, r, s, n);
     C(b);
   }, [e.timeZone]);
@@ -3287,18 +3287,18 @@ function g0(e) {
     to: n.selected.to ? P1(n.selected.to, r) : n.selected.to
   }), n.disabled !== void 0 && (n.disabled = b4(n.disabled, r)), n.hidden !== void 0 && (n.hidden = b4(n.hidden, r)), n.modifiers)) {
     const U = {};
-    Object.keys(n.modifiers).forEach((Q) => {
+    Object.keys(n.modifiers).forEach((J) => {
       var T;
-      U[Q] = b4((T = n.modifiers) == null ? void 0 : T[Q], r);
+      U[J] = b4((T = n.modifiers) == null ? void 0 : T[J], r);
     }), n.modifiers = U;
   }
   const { components: s, formatters: i, labels: l, dateLib: o, locale: a, classNames: C } = H2(() => {
-    const U = { ...b9, ...n.locale }, Q = n.broadcastCalendar ? 1 : n.weekStartsOn, T = n.noonSafe && n.timeZone ? U8(n.timeZone, {
-      weekStartsOn: Q,
+    const U = { ...b9, ...n.locale }, J = n.broadcastCalendar ? 1 : n.weekStartsOn, T = n.noonSafe && n.timeZone ? U8(n.timeZone, {
+      weekStartsOn: J,
       locale: U
     }) : void 0, e1 = n.dateLib && T ? { ...T, ...n.dateLib } : n.dateLib ?? T, b1 = new E1({
       locale: U,
-      weekStartsOn: Q,
+      weekStartsOn: J,
       firstWeekContainsDate: n.firstWeekContainsDate,
       useAdditionalWeekYearTokens: n.useAdditionalWeekYearTokens,
       useAdditionalDayOfYearTokens: n.useAdditionalDayOfYearTokens,
@@ -3334,13 +3334,13 @@ function g0(e) {
     n1 && (H(n1), M == null || M(n1));
   }, [n1, H, M]), B1 = g1(() => {
     a1 && (H(a1), j == null || j(a1));
-  }, [H, a1, j]), E2 = g1((U, Q) => (T) => {
-    T.preventDefault(), T.stopPropagation(), p1(U), !Q.disabled && (A == null || A(U.date, Q, T), p == null || p(U.date, Q, T));
-  }, [A, p, p1]), r1 = g1((U, Q) => (T) => {
-    p1(U), x == null || x(U.date, Q, T);
-  }, [x, p1]), f1 = g1((U, Q) => (T) => {
-    R(), h == null || h(U.date, Q, T);
-  }, [R, h]), F1 = g1((U, Q) => (T) => {
+  }, [H, a1, j]), E2 = g1((U, J) => (T) => {
+    T.preventDefault(), T.stopPropagation(), p1(U), !J.disabled && (A == null || A(U.date, J, T), p == null || p(U.date, J, T));
+  }, [A, p, p1]), r1 = g1((U, J) => (T) => {
+    p1(U), x == null || x(U.date, J, T);
+  }, [x, p1]), f1 = g1((U, J) => (T) => {
+    R(), h == null || h(U.date, J, T);
+  }, [R, h]), F1 = g1((U, J) => (T) => {
     const e1 = {
       ArrowLeft: [
         T.shiftKey ? "month" : "day",
@@ -3362,16 +3362,16 @@ function g0(e) {
       const [b1, X] = e1[T.key];
       v1(b1, X);
     }
-    m == null || m(U.date, Q, T);
-  }, [v1, m, n.dir]), W1 = g1((U, Q) => (T) => {
-    g == null || g(U.date, Q, T);
-  }, [g]), j2 = g1((U, Q) => (T) => {
-    L == null || L(U.date, Q, T);
-  }, [L]), D2 = g1((U) => (Q) => {
-    const T = Number(Q.target.value), e1 = o.setMonth(o.startOfMonth(U), T);
+    m == null || m(U.date, J, T);
+  }, [v1, m, n.dir]), W1 = g1((U, J) => (T) => {
+    g == null || g(U.date, J, T);
+  }, [g]), j2 = g1((U, J) => (T) => {
+    L == null || L(U.date, J, T);
+  }, [L]), D2 = g1((U) => (J) => {
+    const T = Number(J.target.value), e1 = o.setMonth(o.startOfMonth(U), T);
     H(e1);
-  }, [o, H]), L2 = g1((U) => (Q) => {
-    const T = Number(Q.target.value), e1 = o.setYear(o.startOfMonth(U), T);
+  }, [o, H]), L2 = g1((U) => (J) => {
+    const T = Number(J.target.value), e1 = o.setYear(o.startOfMonth(U), T);
     H(e1);
   }, [o, H]), { className: N, style: q } = H2(() => ({
     className: [C[B.Root], n.className].filter(Boolean).join(" "),
@@ -3409,23 +3409,23 @@ function g0(e) {
         s.Months,
         { className: C[B.Months], style: v == null ? void 0 : v[B.Months] },
         !n.hideNavigation && !f && O.createElement(s.Nav, { "data-animated-nav": n.animate ? "true" : void 0, className: C[B.Nav], style: v == null ? void 0 : v[B.Nav], "aria-label": R1(), onPreviousClick: u2, onNextClick: B1, previousMonth: n1, nextMonth: a1 }),
-        K.map((U, Q) => O.createElement(
+        K.map((U, J) => O.createElement(
           s.Month,
           {
             "data-animated-month": n.animate ? "true" : void 0,
             className: C[B.Month],
             style: v == null ? void 0 : v[B.Month],
             // biome-ignore lint/suspicious/noArrayIndexKey: breaks animation
-            key: Q,
-            displayIndex: Q,
+            key: J,
+            displayIndex: J,
             calendarMonth: U
           },
-          f === "around" && !n.hideNavigation && Q === 0 && O.createElement(
+          f === "around" && !n.hideNavigation && J === 0 && O.createElement(
             s.PreviousMonthButton,
             { type: "button", className: C[B.PreviousMonthButton], tabIndex: n1 ? void 0 : -1, "aria-disabled": n1 ? void 0 : !0, "aria-label": _2(n1), onClick: u2, "data-animated-button": n.animate ? "true" : void 0 },
             O.createElement(s.Chevron, { disabled: n1 ? void 0 : !0, className: C[B.Chevron], orientation: n.dir === "rtl" ? "right" : "left" })
           ),
-          O.createElement(s.MonthCaption, { "data-animated-caption": n.animate ? "true" : void 0, className: C[B.MonthCaption], style: v == null ? void 0 : v[B.MonthCaption], calendarMonth: U, displayIndex: Q }, c != null && c.startsWith("dropdown") ? O.createElement(
+          O.createElement(s.MonthCaption, { "data-animated-caption": n.animate ? "true" : void 0, className: C[B.MonthCaption], style: v == null ? void 0 : v[B.MonthCaption], calendarMonth: U, displayIndex: J }, c != null && c.startsWith("dropdown") ? O.createElement(
             s.DropdownNav,
             { className: C[B.Dropdowns], style: v == null ? void 0 : v[B.Dropdowns] },
             (() => {
@@ -3445,12 +3445,12 @@ function g0(e) {
               wordWrap: "normal"
             } }, y(U.date, o.options, o))
           ) : O.createElement(s.CaptionLabel, { className: C[B.CaptionLabel], role: "status", "aria-live": "polite" }, y(U.date, o.options, o))),
-          f === "around" && !n.hideNavigation && Q === u - 1 && O.createElement(
+          f === "around" && !n.hideNavigation && J === u - 1 && O.createElement(
             s.NextMonthButton,
             { type: "button", className: C[B.NextMonthButton], tabIndex: a1 ? void 0 : -1, "aria-disabled": a1 ? void 0 : !0, "aria-label": C2(a1), onClick: B1, "data-animated-button": n.animate ? "true" : void 0 },
             O.createElement(s.Chevron, { disabled: a1 ? void 0 : !0, className: C[B.Chevron], orientation: n.dir === "rtl" ? "left" : "right" })
           ),
-          Q === u - 1 && f === "after" && !n.hideNavigation && O.createElement(s.Nav, { "data-animated-nav": n.animate ? "true" : void 0, className: C[B.Nav], style: v == null ? void 0 : v[B.Nav], "aria-label": R1(), onPreviousClick: u2, onNextClick: B1, previousMonth: n1, nextMonth: a1 }),
+          J === u - 1 && f === "after" && !n.hideNavigation && O.createElement(s.Nav, { "data-animated-nav": n.animate ? "true" : void 0, className: C[B.Nav], style: v == null ? void 0 : v[B.Nav], "aria-label": R1(), onPreviousClick: u2, onNextClick: B1, previousMonth: n1, nextMonth: a1 }),
           O.createElement(
             s.MonthGrid,
             { role: "grid", "aria-multiselectable": d === "multiple" || d === "range", "aria-label": C1(U.date, o.options, o) || void 0, className: C[B.MonthGrid], style: v == null ? void 0 : v[B.MonthGrid] },
@@ -3504,9 +3504,9 @@ const ut = ({
   ), m = t1(null), g = g1((V) => {
     m.current && !m.current.contains(V.target) && x(null);
   }, []);
-  J(() => (document.addEventListener("click", g), () => {
+  Q(() => (document.addEventListener("click", g), () => {
     document.removeEventListener("click", g);
-  }), [g]), J(() => {
+  }), [g]), Q(() => {
     if (!u) return;
     const V = /* @__PURE__ */ new Date();
     if (n === "single" && !r && (l == null || l(V)), n === "range") {
@@ -3546,7 +3546,7 @@ const ut = ({
     }
     return !1;
   };
-  J(() => {
+  Q(() => {
     const V = () => {
       p && x(null);
     };
@@ -3665,7 +3665,7 @@ const ut = ({
   } = e, [C, c] = $(!1), d = t1(null), f = g1((b) => {
     d.current && !d.current.contains(b.target) && c(!1);
   }, []);
-  J(() => (document.addEventListener("mousedown", f), () => {
+  Q(() => (document.addEventListener("mousedown", f), () => {
     document.removeEventListener("mousedown", f);
   }), [f]);
   const u = (b) => {
@@ -9957,7 +9957,7 @@ const ut = ({
 };
 function N1() {
   const [e, n] = $(window.innerWidth < 768);
-  return J(() => {
+  return Q(() => {
     const r = () => {
       n(window.innerWidth < 768);
     };
@@ -9974,14 +9974,20 @@ const ht = (e) => {
     enableBackdropClick: o = !0,
     showCancelIcon: a = !0
   } = e, { isMobile: C } = N1();
-  J(() => {
+  Q(() => {
     const h = (p) => {
       p.key === "Escape" && s();
     };
     return document.addEventListener("keydown", h), () => document.removeEventListener("keydown", h);
-  }, [s]);
+  }, [s]), Q(() => {
+    if (!n || typeof document > "u") return;
+    const h = document.body.style.overflow, p = document.documentElement.style.overflow;
+    return document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden", () => {
+      document.body.style.overflow = h, document.documentElement.style.overflow = p;
+    };
+  }, [n]);
   const c = "fixed inset-0 z-level-7 flex items-center justify-center bg-black/50", d = "bg-white shadow-lg rounded-2xl", f = "flex items-center justify-between gap-4 md:gap-8 bg-primary text-white rounded-t-2xl px-6 py-4", u = "flex justify-end gap-2 lg:gap-7 mx-6 mb-4";
-  return typeof window < "u" && (document.body.style.overflow = n ? "hidden" : ""), n ? /* @__PURE__ */ t.jsx(
+  return n ? /* @__PURE__ */ t.jsx(
     "div",
     {
       className: c,
@@ -12588,7 +12594,7 @@ const ht = (e) => {
   }
 }) => {
   const [a, C] = $(""), [c, d] = $(""), [f, u] = $(!1), [h, p] = $(!1), [x, m] = $("none");
-  J(() => {
+  Q(() => {
     const j = g(a, c);
     m(j), o == null || o(a, c, j === "success");
   }, [a, c, o]);
@@ -12680,7 +12686,7 @@ const ht = (e) => {
     defaultValue: o,
     ...a
   } = e, [C, c] = $(o ?? ""), d = `flex justify-between items-center gap-1 bg-white border border-brightgray rounded-lg ${k4[r].size} ${s ? "w-full" : k4[r].width}`, f = "w-full text-xs text-smokyblack font-normal leading-4 tracking-tight outline-none border-none focus:outline-none focus:border-none";
-  return J(() => {
+  return Q(() => {
     const u = setTimeout(() => {
       i(C);
     }, l);
@@ -14656,9 +14662,9 @@ const r2 = (e, n = {}) => {
     getCoreRowModel: p7(),
     getPaginationRowModel: g7()
   });
-  J(() => {
+  Q(() => {
     a(p);
-  }, [p, a]), J(() => {
+  }, [p, a]), Q(() => {
     if (n) {
       const y = {};
       for (const k of n)
@@ -14771,7 +14777,7 @@ const r2 = (e, n = {}) => {
     title: l = "",
     layout: o = "landscape"
   } = e, { isMobile: a } = N1(), [C, c] = $(i), d = t1(null);
-  J(() => {
+  Q(() => {
     const u = d.current;
     u && u.scrollIntoView({
       behavior: "auto",
@@ -14904,7 +14910,7 @@ const r2 = (e, n = {}) => {
   );
 }, Lt = (e) => {
   const { title: n = "", duration: r, onComplete: s } = e, [i, l] = $(r ?? null), [o, a] = $(!0);
-  return J(() => {
+  return Q(() => {
     if (!r) return;
     if (i !== null && i <= 0) {
       a(!1), s == null || s();
@@ -14993,7 +14999,7 @@ const r2 = (e, n = {}) => {
   ), u = g1((y) => {
     d.current && !d.current.contains(y.target) && c(!1);
   }, []);
-  J(() => (document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u)), [u]);
+  Q(() => (document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u)), [u]);
   const h = () => c((y) => !y), p = (y) => i.some((k) => k.value === y.value), x = (y) => {
     const k = a && y.value === "all", _ = f.filter(
       (Z) => Z.value !== "all"
@@ -15143,7 +15149,7 @@ const F4 = {
     type: i = "info",
     onClose: l
   } = e, { isMobile: o } = N1(), [a, C] = $(!1);
-  return J(() => {
+  return Q(() => {
     const d = setTimeout(() => C(!0), 10), f = setTimeout(() => {
       C(!1), setTimeout(l, 300);
     }, r);
@@ -15203,7 +15209,7 @@ const F4 = {
   return ((e = crypto == null ? void 0 : crypto.randomUUID) == null ? void 0 : e.call(crypto)) || Math.random().toString(36).slice(2);
 }, Vt = () => {
   const [e, n] = $([]);
-  J(() => {
+  Q(() => {
     y7((l) => {
       const o = { ...l, id: H7() };
       n((a) => [...a, o]);
@@ -15409,7 +15415,7 @@ const F4 = {
     scrollSpeed: r = 100,
     defaultTitle: s = "No upcoming events. Stay tuned!"
   } = e, i = t1(null), l = t1(null);
-  return J(() => {
+  return Q(() => {
     const o = i.current, a = l.current;
     if (o && a) {
       o.style.cursor = "pointer";
@@ -15532,7 +15538,7 @@ const F4 = {
         "aria-expanded": f,
         "aria-controls": "user-bet-slip-panel",
         disabled: !d,
-        className: "w-full text-left disabled:cursor-default flex items-center justify-between gap-1 bg-primary rounded-t-lg px-2 py-2",
+        className: `w-full text-left disabled:cursor-default flex items-center justify-between gap-1 bg-primary ${f ? "rounded-t-lg" : "rounded-lg"}  px-2 py-2`,
         children: [
           /* @__PURE__ */ t.jsx(
             w,
@@ -15665,7 +15671,7 @@ const F4 = {
   const [a, C] = $(0), c = t1(null), [d, f] = $(!1), u = g1(() => {
     C((h) => h === e.length - 1 ? i ? 0 : h : h + 1);
   }, [e.length, i]);
-  return J(() => {
+  return Q(() => {
     if (l && d) return;
     function h() {
       u(), c.current = setTimeout(h, s);
@@ -15741,13 +15747,13 @@ const F4 = {
       border: "border-watermelonRed"
     }
   }, x = ["Yes", "Back", "Even", "Odd"].includes(e) ? "Back" : "Lay", { primaryBg: m, secondaryBg: g, border: L } = h[x], [j, M] = $(l), [b, v] = $(o);
-  J(() => {
+  Q(() => {
     M(l), v(o);
   }, [l, o]);
   const y = t1(u);
-  J(() => {
+  Q(() => {
     y.current = u;
-  }, [u]), J(() => {
+  }, [u]), Q(() => {
     y.current({ stake: j, odds: b });
   }, [j, b]);
   const k = (S) => /* @__PURE__ */ t.jsx("div", { className: "text-center", children: /* @__PURE__ */ t.jsx(w, { variant: "caption", text: S }) }, S), _ = (S) => {
@@ -15920,7 +15926,7 @@ const F4 = {
     md: "px-4 py-2.5",
     lg: "px-6 py-3.5"
   }, [m, g] = i.split("-"), [L, j] = $(!1), M = r4.find((Z) => Z.code === m) || r4[0], b = t1(null);
-  J(() => {
+  Q(() => {
     const Z = (V) => {
       b.current && !b.current.contains(V.target) && j(!1);
     };
@@ -16512,13 +16518,13 @@ const F4 = {
       border: "border-peachyPink"
     }
   }, g = ["Yes", "Back", "Even", "Odd"].includes(r) ? "Back" : "Lay", { primaryBg: L, tertiaryBg: j, secondaryBg: M, border: b } = x[g], [v, y] = $(a), [k, _] = $(C);
-  J(() => {
+  Q(() => {
     y(a), _(C);
   }, [a, C]);
   const S = t1(p);
-  J(() => {
+  Q(() => {
     S.current = p;
-  }, [p]), J(() => {
+  }, [p]), Q(() => {
     S.current({ stake: v, odds: k });
   }, [v, k]);
   const Z = (V) => {
@@ -16888,7 +16894,7 @@ const F4 = {
     acceptBestOdds: !(p || x)
     // If the chosen index is not the best available odds, set acceptBestOdds to true
   }, [g, L] = $(!1), j = t1(l == null ? void 0 : l.odds);
-  return J(() => {
+  return Q(() => {
     if (j.current !== (l == null ? void 0 : l.odds)) {
       L(!0);
       const M = setTimeout(() => {
@@ -18491,7 +18497,7 @@ function Se(e) {
       }
     }
   }, [r, s, l, a]), p = u5.only(n);
-  J(function() {
+  Q(function() {
     h();
     function m() {
       h();
@@ -18547,7 +18553,7 @@ function c4(e) {
   var n = s5(e), r = e.value || e.placeholder, s = Oe(r, n);
   return s === null ? null : (e.style.width = "".concat(s, "px"), s);
 }
-var j3 = typeof document < "u", Ee = j3 ? a4 : J, De = j3 && /(MSIE|Trident\/|Edge\/)/.test(navigator.userAgent), Fe = j3 && /Firefox/.test(navigator.userAgent);
+var j3 = typeof document < "u", Ee = j3 ? a4 : Q, De = j3 && /(MSIE|Trident\/|Edge\/)/.test(navigator.userAgent), Fe = j3 && /Firefox/.test(navigator.userAgent);
 function Pe(e) {
   var n = e.target;
   De ? requestAnimationFrame(function() {
@@ -18878,9 +18884,9 @@ function nt(e, n, r) {
 var o4 = Te({ useGrouping: !1 });
 function rt(e) {
   var n = e.amPmAriaLabel, r = e.autoFocus, s = e.className, i = e.disabled, l = e.format, o = e.hourAriaLabel, a = e.hourPlaceholder, C = e.isClockOpen, c = C === void 0 ? null : C, d = e.locale, f = e.maxDetail, u = f === void 0 ? "minute" : f, h = e.maxTime, p = e.minTime, x = e.minuteAriaLabel, m = e.minutePlaceholder, g = e.name, L = g === void 0 ? "time" : g, j = e.nativeInputAriaLabel, M = e.onChange, b = e.onInvalidChange, v = e.required, y = e.secondAriaLabel, k = e.secondPlaceholder, _ = e.value, S = $(null), Z = S[0], V = S[1], D = $(null), W = D[0], E = D[1], K = $(null), w1 = K[0], L1 = K[1], n1 = $(null), a1 = n1[0], H = n1[1], P = $(null), z = P[0], A = P[1], m1 = t1(null), R = t1(null), F = t1(null), u1 = t1(null), v1 = t1(null), p1 = $(c), I1 = p1[0], x1 = p1[1], C1 = t1(void 0);
-  J(function() {
+  Q(function() {
     x1(c);
-  }, [c]), J(function() {
+  }, [c]), Q(function() {
     var N = _;
     N ? (V(V2(Z1(N))[1]), E(Z1(N).toString()), L1(n2(N).toString()), H(g2(N).toString()), A(N)) : (V(null), E(null), L1(null), H(null), A(null));
   }, [
@@ -18946,7 +18952,7 @@ function rt(e) {
         if (s2) {
           var U = s1.value;
           if (Number(U) * 10 > Number(s2) || U.length >= s2.length) {
-            var Q = "nextElementSibling", T = o9(s1, Q);
+            var J = "nextElementSibling", T = o9(s1, J);
             G4(T);
           }
         }
@@ -18982,9 +18988,9 @@ function rt(e) {
       return M1.validity.valid;
     });
     if (s2 && U) {
-      var Q = Number(c1.hour24 || c1.hour12 && c1.amPm && r9(c1.hour12, c1.amPm) || 0), T = Number(c1.minute || 0), e1 = Number(c1.second || 0), b1 = function(M1) {
+      var J = Number(c1.hour24 || c1.hour12 && c1.amPm && r9(c1.hour12, c1.amPm) || 0), T = Number(c1.minute || 0), e1 = Number(c1.second || 0), b1 = function(M1) {
         return "0".concat(M1).slice(-2);
-      }, X = "".concat(b1(Q), ":").concat(b1(T), ":").concat(b1(e1)), g4 = _2(X);
+      }, X = "".concat(b1(J), ":").concat(b1(T), ":").concat(b1(e1)), g4 = _2(X);
       M(g4, !1);
       return;
     }
@@ -19146,7 +19152,7 @@ var m2 = function() {
 }, lt = t.jsxs("svg", m2({}, a5, { className: "".concat(S1, "__clock-button__icon ").concat(S1, "__button__icon"), fill: "none", children: [t.jsx("circle", { cx: "9.5", cy: "9.5", r: "7.5" }), t.jsx("path", { d: "M9.5 4.5 v5 h4" })] })), ot = t.jsxs("svg", m2({}, a5, { className: "".concat(S1, "__clear-button__icon ").concat(S1, "__button__icon"), children: [t.jsx("line", { x1: "4", x2: "15", y1: "4", y2: "15" }), t.jsx("line", { x1: "15", x2: "4", y1: "4", y2: "15" })] }));
 function at(e) {
   var n = e.amPmAriaLabel, r = e.autoFocus, s = e.className, i = e.clearAriaLabel, l = e.clearIcon, o = l === void 0 ? ot : l, a = e.clockAriaLabel, C = e.clockIcon, c = C === void 0 ? lt : C, d = e.closeClock, f = d === void 0 ? !0 : d, u = e["data-testid"], h = e.hourAriaLabel, p = e.hourPlaceholder, x = e.disableClock, m = e.disabled, g = e.format, L = e.id, j = e.isOpen, M = j === void 0 ? null : j, b = e.locale, v = e.maxTime, y = e.maxDetail, k = y === void 0 ? "minute" : y, _ = e.minTime, S = e.minuteAriaLabel, Z = e.minutePlaceholder, V = e.name, D = V === void 0 ? "time" : V, W = e.nativeInputAriaLabel, E = e.onClockClose, K = e.onClockOpen, w1 = e.onChange, L1 = e.onFocus, n1 = e.onInvalidChange, a1 = e.openClockOnFocus, H = a1 === void 0 ? !0 : a1, P = e.required, z = e.value, A = e.secondAriaLabel, m1 = e.secondPlaceholder, R = e.shouldCloseClock, F = e.shouldOpenClock, u1 = st(e, ["amPmAriaLabel", "autoFocus", "className", "clearAriaLabel", "clearIcon", "clockAriaLabel", "clockIcon", "closeClock", "data-testid", "hourAriaLabel", "hourPlaceholder", "disableClock", "disabled", "format", "id", "isOpen", "locale", "maxTime", "maxDetail", "minTime", "minuteAriaLabel", "minutePlaceholder", "name", "nativeInputAriaLabel", "onClockClose", "onClockOpen", "onChange", "onFocus", "onInvalidChange", "openClockOnFocus", "required", "value", "secondAriaLabel", "secondPlaceholder", "shouldCloseClock", "shouldOpenClock"]), v1 = $(M), p1 = v1[0], I1 = v1[1], x1 = t1(null), C1 = t1(null);
-  J(function() {
+  Q(function() {
     I1(M);
   }, [M]);
   function X1(r1) {
@@ -19184,7 +19190,7 @@ function at(e) {
       r1 ? document.addEventListener(f1, d2) : document.removeEventListener(f1, d2);
     }), r1 ? document.addEventListener("keydown", c2) : document.removeEventListener("keydown", c2);
   }, [p1, d2, c2]);
-  J(function() {
+  Q(function() {
     return Q1(), function() {
       Q1(!1);
     };
@@ -19240,9 +19246,9 @@ const qt = (e) => {
     fullWidth: i,
     errorMessage: l = "Invalid time range. Start time must be earlier than end time."
   } = e, [o, a] = $(!1), [C, c] = $(null), [d, f] = $(null), [u, h] = $(n), [p, x] = $(!1), m = t1(null);
-  J(() => {
+  Q(() => {
     c((s == null ? void 0 : s.from) ?? null), f((s == null ? void 0 : s.to) ?? null), !(s != null && s.from) && !(s != null && s.to) && h(n);
-  }, [s, n]), J(() => {
+  }, [s, n]), Q(() => {
     const v = (y) => {
       m.current && !m.current.contains(y.target) && a(!1);
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sy-ui-lib",
-  "version": "1.0.53",
+  "version": "1.0.54",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",