@banzamel/mineralui 0.4.0 → 0.4.1

package/dist/index.js

@@ -748,40 +748,40 @@ function Ze({
   const d = ge(null), [u, f] = U({
     top: 0,
     left: 0
-  }), [h, m] = U(!1), g = P(() => {
+  }), [h, m] = U(!1), b = P(() => {
     if (!t.current || !d.current) return;
-    const b = t.current.getBoundingClientRect(), w = d.current.getBoundingClientRect(), T = {
+    const N = t.current.getBoundingClientRect(), w = d.current.getBoundingClientRect(), T = {
       width: window.innerWidth,
       height: window.innerHeight
-    }, p = s.startsWith("top"), M = s.endsWith("end"), N = T.height - b.bottom - i, I = b.top - i, D = p ? I < w.height && N > I : N < w.height && I > N;
+    }, p = s.startsWith("top"), M = s.endsWith("end"), g = T.height - N.bottom - i, I = N.top - i, D = p ? I < w.height && g > I : g < w.height && I > g;
     m(D);
     const L = p ? !D : D;
     let E;
-    L ? E = b.top - w.height - i + window.scrollY : E = b.bottom + i + window.scrollY;
+    L ? E = N.top - w.height - i + window.scrollY : E = N.bottom + i + window.scrollY;
     let A;
-    M ? A = b.right - w.width + window.scrollX : A = b.left + window.scrollX, A = Math.max(8, Math.min(A, T.width - w.width - 8)), E = Math.max(8 + window.scrollY, E), f({
+    M ? A = N.right - w.width + window.scrollX : A = N.left + window.scrollX, A = Math.max(8, Math.min(A, T.width - w.width - 8)), E = Math.max(8 + window.scrollY, E), f({
       top: E,
       left: A,
-      width: a ? b.width : void 0
+      width: a ? N.width : void 0
     });
   }, [t, s, i, a]);
   return Ne(() => {
     if (e)
-      return requestAnimationFrame(g), window.addEventListener("scroll", g, { passive: !0 }), window.addEventListener("resize", g, { passive: !0 }), () => {
-        window.removeEventListener("scroll", g), window.removeEventListener("resize", g);
+      return requestAnimationFrame(b), window.addEventListener("scroll", b, { passive: !0 }), window.addEventListener("resize", b, { passive: !0 }), () => {
+        window.removeEventListener("scroll", b), window.removeEventListener("resize", b);
       };
-  }, [e, g]), Ne(() => {
+  }, [e, b]), Ne(() => {
     if (!e) return;
-    const b = (w) => {
+    const N = (w) => {
       w.key === "Escape" && r();
     };
-    return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
+    return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
   }, [e, r]), Ne(() => {
     if (!e) return;
-    const b = (w) => {
+    const N = (w) => {
       d.current && !d.current.contains(w.target) && t.current && !t.current.contains(w.target) && r();
     };
-    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
+    return document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
   }, [e, r, t]), e ? /* @__PURE__ */ n(Jt, { children: /* @__PURE__ */ n(
     "div",
     {
@@ -814,8 +814,8 @@ function ze({
   pb: f,
   pl: h,
   pr: m,
-  px: g,
-  py: b,
+  px: b,
+  py: N,
   fullWidth: w
 }) {
   return [
@@ -833,8 +833,8 @@ function ze({
     f !== void 0 && `pb-${f}`,
     h !== void 0 && `pl-${h}`,
     m !== void 0 && `pr-${m}`,
-    g !== void 0 && `px-${g}`,
-    b !== void 0 && `py-${b}`,
+    b !== void 0 && `px-${b}`,
+    N !== void 0 && `py-${N}`,
     w && "full-width"
   ];
 }
@@ -859,13 +859,13 @@ function Nt({
   my: f,
   pt: h,
   pb: m,
-  pl: g,
-  pr: b,
+  pl: b,
+  pr: N,
   px: w,
   py: T,
   fullWidth: p,
   className: M,
-  style: N,
+  style: g,
   children: I,
   ...D
 }) {
@@ -890,15 +890,15 @@ function Nt({
           my: f,
           pt: h,
           pb: m,
-          pl: g,
-          pr: b,
+          pl: b,
+          pr: N,
           px: w,
           py: T,
           fullWidth: p
         }),
         M
       ),
-      style: { ...L, ...N },
+      style: { ...L, ...g },
       ...D,
       children: I
     }
@@ -949,13 +949,13 @@ function as({
   mr: f,
   mx: h,
   my: m,
-  pt: g,
-  pb: b,
+  pt: b,
+  pb: N,
   pl: w,
   pr: T,
   px: p,
   py: M,
-  fullWidth: N,
+  fullWidth: g,
   className: I,
   style: D,
   children: L,
@@ -980,13 +980,13 @@ function as({
           mr: f,
           mx: h,
           my: m,
-          pt: g,
-          pb: b,
+          pt: b,
+          pb: N,
           pl: w,
           pr: T,
           px: p,
           py: M,
-          fullWidth: N
+          fullWidth: g
         }),
         I
       ),
@@ -1040,8 +1040,8 @@ const Or = be(function({
   href: f,
   onClick: h,
   ...m
-}, g) {
-  const b = t ?? "a";
+}, b) {
+  const N = t ?? "a";
   function w(T) {
     if (o) {
       T.preventDefault();
@@ -1050,9 +1050,9 @@ const Or = be(function({
     h == null || h(T);
   }
   return /* @__PURE__ */ n(
-    b,
+    N,
     {
-      ref: g,
+      ref: b,
       href: t || o ? void 0 : f,
       to: t ? r : void 0,
       className: y(
@@ -1164,15 +1164,15 @@ function ls({
   clickEffect: f = "ripple",
   rippleColor: h,
   className: m,
-  ...g
+  ...b
 }) {
-  const b = fe(
+  const N = fe(
     () => {
       var L;
       return r ?? ((L = e.find((E) => !E.disabled)) == null ? void 0 : L.value) ?? "";
     },
     [r, e]
-  ), [w, T] = U(b), p = t ?? w, M = e.find((L) => L.value === p) ?? e[0], N = lr();
+  ), [w, T] = U(N), p = t ?? w, M = e.find((L) => L.value === p) ?? e[0], g = lr();
   function I(L) {
     t === void 0 && T(L), s == null || s(L);
   }
@@ -1204,10 +1204,10 @@ function ls({
         l && "full-width",
         m
       ),
-      ...g,
+      ...b,
       children: [
         /* @__PURE__ */ n("div", { className: "tabs-list", role: "tablist", "aria-orientation": i, onKeyDown: D, children: e.map((L) => {
-          const E = L.value === (M == null ? void 0 : M.value), A = `${N}-${L.value}-tab`, G = `${N}-${L.value}-panel`;
+          const E = L.value === (M == null ? void 0 : M.value), A = `${g}-${L.value}-tab`, G = `${g}-${L.value}-panel`;
           return /* @__PURE__ */ n(
             Xr,
             {
@@ -1225,9 +1225,9 @@ function ls({
         d && (M == null ? void 0 : M.content) !== void 0 && /* @__PURE__ */ n(
           "div",
           {
-            id: `${N}-${M.value}-panel`,
+            id: `${g}-${M.value}-panel`,
             role: "tabpanel",
-            "aria-labelledby": `${N}-${M.value}-tab`,
+            "aria-labelledby": `${g}-${M.value}-tab`,
             className: y("tabs-panel", u),
             children: M.content
           }
@@ -1262,13 +1262,13 @@ function Fe({
   my: f,
   pt: h,
   pb: m,
-  pl: g,
-  pr: b,
+  pl: b,
+  pr: N,
   px: w,
   py: T,
   fullWidth: p,
   className: M,
-  style: N,
+  style: g,
   children: I,
   ...D
 }) {
@@ -1293,15 +1293,15 @@ function Fe({
           my: f,
           pt: h,
           pb: m,
-          pl: g,
-          pr: b,
+          pl: b,
+          pr: N,
           px: w,
           py: T,
           fullWidth: p
         }),
         M
       ),
-      style: { ...L, ...N },
+      style: { ...L, ...g },
       ...D,
       children: I
     }
@@ -1322,13 +1322,13 @@ function ds({
   mr: f,
   mx: h,
   my: m,
-  pt: g,
-  pb: b,
+  pt: b,
+  pb: N,
   pl: w,
   pr: T,
   px: p,
   py: M,
-  fullWidth: N,
+  fullWidth: g,
   className: I,
   style: D,
   children: L,
@@ -1355,13 +1355,13 @@ function ds({
           mr: f,
           mx: h,
           my: m,
-          pt: g,
-          pb: b,
+          pt: b,
+          pb: N,
           pl: w,
           pr: T,
           px: p,
           py: M,
-          fullWidth: N
+          fullWidth: g
         }),
         I
       ),
@@ -1401,13 +1401,13 @@ function qr({
   mt: f,
   mb: h,
   ml: m,
-  mr: g,
-  mx: b,
+  mr: b,
+  mx: N,
   my: w,
   pt: T,
   pb: p,
   pl: M,
-  pr: N,
+  pr: g,
   px: I,
   py: D,
   fullWidth: L,
@@ -1437,13 +1437,13 @@ function qr({
             mt: f,
             mb: h,
             ml: m,
-            mr: g,
-            mx: b,
+            mr: b,
+            mx: N,
             my: w,
             pt: T,
             pb: p,
             pl: M,
-            pr: N,
+            pr: g,
             px: I,
             py: D,
             fullWidth: L
@@ -1475,13 +1475,13 @@ function qr({
           mt: f,
           mb: h,
           ml: m,
-          mr: g,
-          mx: b,
+          mr: b,
+          mx: N,
           my: w,
           pt: T,
           pb: p,
           pl: M,
-          pr: N,
+          pr: g,
           px: I,
           py: D,
           fullWidth: L ?? !0
@@ -1512,13 +1512,13 @@ function Jr({
   mx: f,
   my: h,
   pt: m,
-  pb: g,
-  pl: b,
+  pb: b,
+  pl: N,
   pr: w,
   px: T,
   py: p,
   fullWidth: M,
-  className: N,
+  className: g,
   style: I,
   children: D,
   ...L
@@ -1544,14 +1544,14 @@ function Jr({
           mx: f,
           my: h,
           pt: m,
-          pb: g,
-          pl: b,
+          pb: b,
+          pl: N,
           pr: w,
           px: T,
           py: p,
           fullWidth: M
         }),
-        N
+        g
       ),
       style: { ...E, ...I },
       ...L,
@@ -1576,13 +1576,13 @@ const Ye = be(function({
   clickEffect: f = "ripple",
   rippleColor: h,
   className: m,
-  style: g,
-  children: b,
+  style: b,
+  children: N,
   disabled: w = !1,
   type: T = "button",
   onPointerDown: p,
   onKeyDown: M,
-  ...N
+  ...g
 }, I) {
   const D = w || o, { effectClassName: L, effectLayer: E, handlePointerDown: A, triggerEffect: G } = Re({
     effect: f,
@@ -1609,7 +1609,7 @@ const Ye = be(function({
         L,
         m
       ),
-      style: g,
+      style: b,
       disabled: D,
       "aria-busy": o || void 0,
       onPointerDown: (z) => {
@@ -1618,12 +1618,12 @@ const Ye = be(function({
       onKeyDown: (z) => {
         (z.key === " " || z.key === "Enter") && G(z.currentTarget), M == null || M(z);
       },
-      ...N,
+      ...g,
       children: [
         E,
         o && /* @__PURE__ */ n("span", { className: "spinner", "aria-hidden": "true" }),
         d && /* @__PURE__ */ n("span", { className: "icon start", children: d }),
-        b && /* @__PURE__ */ n("span", { className: "content", children: b }),
+        N && /* @__PURE__ */ n("span", { className: "content", children: N }),
         u && /* @__PURE__ */ n("span", { className: "icon end", children: u })
       ]
     }
@@ -1642,14 +1642,14 @@ const Ye = be(function({
   label: f,
   labelPosition: h = "right",
   error: m = !1,
-  errorText: g,
-  onChange: b,
+  errorText: b,
+  onChange: N,
   clickEffect: w = "ripple",
   rippleColor: T,
   className: p,
   style: M
-}, N) {
-  const I = ge(null), D = N ?? I, { effectClassName: L, effectLayer: E, handlePointerDown: A, triggerEffect: G } = Re({
+}, g) {
+  const I = ge(null), D = g ?? I, { effectClassName: L, effectLayer: E, handlePointerDown: A, triggerEffect: G } = Re({
     effect: w,
     disabled: l,
     centered: !0,
@@ -1658,7 +1658,7 @@ const Ye = be(function({
   Ne(() => {
     D.current && (D.current.indeterminate = s);
   }, [s, D]);
-  const z = m || !!g;
+  const z = m || !!b;
   return /* @__PURE__ */ $("div", { className: y("checkbox", ...oe({ fcolor: u }), p), style: M, children: [
     /* @__PURE__ */ $("label", { className: y("label", o, h === "left" && "label-left", l && "disabled"), children: [
       /* @__PURE__ */ $(
@@ -1679,7 +1679,7 @@ const Ye = be(function({
                 id: i,
                 value: c,
                 disabled: l,
-                onChange: b,
+                onChange: N,
                 onKeyDown: (S) => {
                   (S.key === " " || S.key === "Enter") && G(S.currentTarget.parentElement);
                 },
@@ -1703,7 +1703,7 @@ const Ye = be(function({
       ),
       f && /* @__PURE__ */ n("span", { className: "label-text", children: f })
     ] }),
-    g && /* @__PURE__ */ n("span", { className: "error-text", role: "alert", children: g })
+    b && /* @__PURE__ */ n("span", { className: "error-text", role: "alert", children: b })
   ] });
 }), Qt = vt(null);
 function Qr() {
@@ -1723,15 +1723,15 @@ const ps = be(function({
   labelPosition: f = "right",
   onChange: h,
   clickEffect: m = "ripple",
-  rippleColor: g,
-  className: b,
+  rippleColor: b,
+  className: N,
   style: w
 }, T) {
-  const p = Qr(), M = (p == null ? void 0 : p.name) ?? s, N = (p == null ? void 0 : p.disabled) ?? c, I = (p == null ? void 0 : p.size) ?? l, D = (p == null ? void 0 : p.color) ?? o, L = (p == null ? void 0 : p.fcolor) ?? d, E = p ? p.value === i : t, { effectClassName: A, effectLayer: G, handlePointerDown: z, triggerEffect: S } = Re({
+  const p = Qr(), M = (p == null ? void 0 : p.name) ?? s, g = (p == null ? void 0 : p.disabled) ?? c, I = (p == null ? void 0 : p.size) ?? l, D = (p == null ? void 0 : p.color) ?? o, L = (p == null ? void 0 : p.fcolor) ?? d, E = p ? p.value === i : t, { effectClassName: A, effectLayer: G, handlePointerDown: z, triggerEffect: S } = Re({
     effect: m,
-    disabled: N,
+    disabled: g,
     centered: !0,
-    color: g
+    color: b
   }), v = P(
     (k) => {
       h == null || h(k), p != null && p.onChange && i && p.onChange(i);
@@ -1746,8 +1746,8 @@ const ps = be(function({
         I,
         ...oe({ fcolor: L }),
         f === "left" && "label-left",
-        N && "disabled",
-        b
+        g && "disabled",
+        N
       ),
       style: w,
       children: [
@@ -1763,7 +1763,7 @@ const ps = be(function({
               value: i,
               checked: E,
               defaultChecked: p ? void 0 : r,
-              disabled: N,
+              disabled: g,
               onChange: v,
               onKeyDown: (k) => {
                 (k.key === " " || k.key === "Enter") && S(k.currentTarget.parentElement);
@@ -1793,11 +1793,11 @@ function vs({
   errorText: f,
   label: h,
   className: m,
-  style: g
+  style: b
 }) {
-  const [b, w] = U(r), T = t !== void 0 ? t : b, p = P(
-    (N) => {
-      t === void 0 && w(N), s == null || s(N);
+  const [N, w] = U(r), T = t !== void 0 ? t : N, p = P(
+    (g) => {
+      t === void 0 && w(g), s == null || s(g);
     },
     [s, t]
   ), M = fe(
@@ -1808,7 +1808,7 @@ function vs({
     "fieldset",
     {
       className: y("radio-group", a, ...oe({ fcolor: d }), m),
-      style: g,
+      style: b,
       role: "radiogroup",
       children: [
         h && /* @__PURE__ */ n("legend", { className: y("label", u && "error"), children: h }),
@@ -1832,10 +1832,10 @@ const ys = be(function({
   onChange: f,
   clickEffect: h = "ripple",
   rippleColor: m,
-  className: g,
-  style: b
+  className: b,
+  style: N
 }, w) {
-  const { effectClassName: T, effectLayer: p, handlePointerDown: M, triggerEffect: N } = Re({
+  const { effectClassName: T, effectLayer: p, handlePointerDown: M, triggerEffect: g } = Re({
     effect: h,
     disabled: i,
     centered: !0,
@@ -1850,9 +1850,9 @@ const ys = be(function({
         ...oe({ fcolor: o }),
         u === "left" && "label-left",
         i && "disabled",
-        g
+        b
       ),
-      style: b,
+      style: N,
       children: [
         /* @__PURE__ */ $("span", { className: y("track", l, T), onPointerDown: M, children: [
           p,
@@ -1868,7 +1868,7 @@ const ys = be(function({
               disabled: i,
               onChange: f,
               onKeyDown: (I) => {
-                (I.key === " " || I.key === "Enter") && N(I.currentTarget.parentElement);
+                (I.key === " " || I.key === "Enter") && g(I.currentTarget.parentElement);
               },
               className: "input",
               role: "switch",
@@ -1884,42 +1884,44 @@ const ys = be(function({
 });
 function Vt({
   interactive: e = !1,
-  tone: t = "raised",
-  padded: r = !1,
-  color: s,
-  fcolor: a,
-  clickEffect: i,
-  rippleColor: c,
-  className: l,
-  children: o,
-  onPointerDown: d,
-  ...u
+  stretch: t = !0,
+  tone: r = "raised",
+  padded: s = !1,
+  color: a,
+  fcolor: i,
+  clickEffect: c,
+  rippleColor: l,
+  className: o,
+  children: d,
+  onPointerDown: u,
+  ...f
 }) {
-  const { effectClassName: f, effectLayer: h, handlePointerDown: m } = Re({
-    effect: i ?? (e ? "ripple" : "none"),
+  const { effectClassName: h, effectLayer: m, handlePointerDown: b } = Re({
+    effect: c ?? (e ? "ripple" : "none"),
     disabled: !e,
-    color: c
+    color: l
   });
   return /* @__PURE__ */ $(
     Jr,
     {
-      tone: t,
-      padded: r,
+      tone: r,
+      padded: s,
       className: y(
         "card",
-        s,
-        ...oe({ fcolor: a }),
+        !t && "no-stretch",
+        a,
+        ...oe({ fcolor: i }),
         e && "interactive",
-        f,
-        l
+        h,
+        o
       ),
-      onPointerDown: (g) => {
-        m(g), d == null || d(g);
+      onPointerDown: (N) => {
+        b(N), u == null || u(N);
       },
-      ...u,
+      ...f,
       children: [
-        h,
-        o
+        m,
+        d
       ]
     }
   );
@@ -2034,13 +2036,13 @@ function Ue({
   mb: f,
   ml: h,
   mr: m,
-  mx: g,
-  my: b,
+  mx: b,
+  my: N,
   pt: w,
   pb: T,
   pl: p,
   pr: M,
-  px: N,
+  px: g,
   py: I,
   fullWidth: D,
   className: L,
@@ -2067,13 +2069,13 @@ function Ue({
           mb: f,
           ml: h,
           mr: m,
-          mx: g,
-          my: b,
+          mx: b,
+          my: N,
           pt: w,
           pb: T,
           pl: p,
           pr: M,
-          px: N,
+          px: g,
           py: I,
           fullWidth: D
         }),
@@ -2127,13 +2129,13 @@ function nn({
   className: f,
   style: h,
   onPointerDown: m,
-  ...g
+  ...b
 }) {
-  const b = rn(r, s), w = typeof g.onClick == "function" || g.role === "button" || g.tabIndex !== void 0, { effectClassName: T, effectLayer: p, handlePointerDown: M } = Re({
+  const N = rn(r, s), w = typeof b.onClick == "function" || b.role === "button" || b.tabIndex !== void 0, { effectClassName: T, effectLayer: p, handlePointerDown: M } = Re({
     effect: d ?? (w ? "ripple" : "none"),
     disabled: !w,
     color: u
-  }), N = typeof a == "number" ? {
+  }), g = typeof a == "number" ? {
     width: `${a}px`,
     height: `${a}px`,
     ...h,
@@ -2154,15 +2156,15 @@ function nn({
         ...oe({ color: c, fcolor: l }),
         f
       ),
-      style: N,
+      style: g,
       "aria-label": t ?? r ?? "Avatar",
       onPointerDown: (I) => {
         M(I), m == null || m(I);
       },
-      ...g,
+      ...b,
       children: [
         p,
-        e ? /* @__PURE__ */ n("img", { src: e, alt: t ?? r ?? "", className: "image" }) : /* @__PURE__ */ n("span", { className: "fallback", children: b })
+        e ? /* @__PURE__ */ n("img", { src: e, alt: t ?? r ?? "", className: "image" }) : /* @__PURE__ */ n("span", { className: "fallback", children: N })
       ]
     }
   );
@@ -2436,10 +2438,10 @@ function pn({
 }) {
   const u = De(Ee(/* @__PURE__ */ new Date()));
   return /* @__PURE__ */ n("div", { className: "calendar-board__week", children: e.map((f) => {
-    const h = De(f), m = t.get(h) ?? [], g = (l == null ? void 0 : l(f, m)) ?? (m.length > 0 ? /* @__PURE__ */ n(qe, { size: "sm", children: m.length }) : null), b = bt(m), w = !!(r && De(r) === h), T = {
+    const h = De(f), m = t.get(h) ?? [], b = (l == null ? void 0 : l(f, m)) ?? (m.length > 0 ? /* @__PURE__ */ n(qe, { size: "sm", children: m.length }) : null), N = bt(m), w = !!(r && De(r) === h), T = {
       date: f,
       events: m,
-      badge: g,
+      badge: b,
       isToday: h === u,
       isSelected: w,
       isOutsideMonth: !1
@@ -2449,8 +2451,8 @@ function pn({
       {
         date: f,
         events: m,
-        badge: g,
-        markers: b,
+        badge: b,
+        markers: N,
         isToday: T.isToday,
         isSelected: w || !!(s && De(s) === h),
         isOutsideMonth: !1,
@@ -2589,7 +2591,7 @@ function gn({
   emptyStateText: f,
   renderEventItem: h,
   className: m,
-  style: g
+  style: b
 }) {
   return /* @__PURE__ */ n(
     Ze,
@@ -2599,7 +2601,7 @@ function gn({
       onClose: r,
       placement: "bottom-start",
       className: y("calendar-board-popover", m),
-      style: g,
+      style: b,
       children: /* @__PURE__ */ n(Vt, { className: "calendar-event-popover", onPointerEnter: s, onPointerLeave: a, children: /* @__PURE__ */ n(er, { children: /* @__PURE__ */ n(
         nr,
         {
@@ -2631,13 +2633,13 @@ function Ts({
   defaultSelectedDate: f,
   onDayClick: h,
   dayBadge: m,
-  renderDayCell: g,
-  renderEventItem: b,
+  renderDayCell: b,
+  renderEventItem: N,
   detailsTrigger: w = "click",
   detailsMode: T = "auto",
   showTimeline: p = !0,
   timelineStartHour: M = 6,
-  timelineEndHour: N = 22,
+  timelineEndHour: g = 22,
   emptyStateText: I,
   filters: D = [],
   activeFilters: L,
@@ -2788,7 +2790,7 @@ function Ts({
           w === "hover" && ue === "popover" && Me();
         },
         dayBadge: m,
-        renderDayCell: g,
+        renderDayCell: b,
         locale: a
       }
     ) : /* @__PURE__ */ n("div", { className: "calendar-board__grid", children: pe.map((X) => {
@@ -2815,7 +2817,7 @@ function Ts({
           onMouseLeave: () => {
             w === "hover" && ue === "popover" && Me();
           },
-          children: g ? g(X, cr) : void 0
+          children: b ? b(X, cr) : void 0
         },
         se
       );
@@ -2832,10 +2834,10 @@ function Ts({
         events: Y,
         locale: a,
         timelineStartHour: M,
-        timelineEndHour: N,
+        timelineEndHour: g,
         showTimeline: p,
         emptyStateText: I ?? v.emptyStateText,
-        renderEventItem: b
+        renderEventItem: N
       }
     ) : /* @__PURE__ */ n(
       sn,
@@ -2852,10 +2854,10 @@ function Ts({
             events: Y,
             locale: a,
             timelineStartHour: M,
-            timelineEndHour: N,
+            timelineEndHour: g,
             showTimeline: p,
             emptyStateText: I ?? v.emptyStateText,
-            renderEventItem: b
+            renderEventItem: N
           }
         )
       }
@@ -2892,13 +2894,13 @@ const Te = be(function({
   autoComplete: f,
   inputMode: h,
   variant: m = "outlined",
-  size: g = "md",
-  color: b,
+  size: b = "md",
+  color: N,
   fcolor: w,
   fullWidth: T = !1,
   rounded: p = !1,
   label: M,
-  helperText: N,
+  helperText: g,
   errorText: I,
   startIcon: D,
   endIcon: L,
@@ -2946,15 +2948,15 @@ const Te = be(function({
   }, [ce, B, te, H]), de = y(
     "container",
     m,
-    g,
+    b,
     ie && "focused",
     Q && "input-error",
     G && !Q && "input-success",
-    b === "neutral" && "color-neutral",
-    b === "success" && "color-success",
-    b === "error" && "color-error",
-    b === "warning" && "color-warning",
-    b === "info" && "color-info",
+    N === "neutral" && "color-neutral",
+    N === "success" && "color-success",
+    N === "error" && "color-error",
+    N === "warning" && "color-warning",
+    N === "info" && "color-info",
     l && "disabled",
     p && "rounded",
     J
@@ -3005,7 +3007,7 @@ const Te = be(function({
               onBlur: pe,
               onKeyDown: x,
               "aria-invalid": Q || void 0,
-              "aria-describedby": I ? `${i}-error` : N ? `${i}-helper` : void 0
+              "aria-describedby": I ? `${i}-error` : g ? `${i}-helper` : void 0
             }
           ),
           R && /* @__PURE__ */ n("span", { className: "spinner" }),
@@ -3031,10 +3033,10 @@ const Te = be(function({
           ),
           L && !R && /* @__PURE__ */ n("span", { className: "end-icon", children: L })
         ] }),
-        (I || N || S) && /* @__PURE__ */ $("div", { className: "bottom-row", children: [
+        (I || g || S) && /* @__PURE__ */ $("div", { className: "bottom-row", children: [
           /* @__PURE__ */ $("span", { children: [
             I && /* @__PURE__ */ n("span", { id: i ? `${i}-error` : void 0, className: "error-text", role: "alert", children: I }),
-            !I && N && /* @__PURE__ */ n("span", { id: i ? `${i}-helper` : void 0, className: "helper-text", children: N })
+            !I && g && /* @__PURE__ */ n("span", { id: i ? `${i}-helper` : void 0, className: "helper-text", children: g })
           ] }),
           S && z && /* @__PURE__ */ $("span", { className: y("char-count", ee.length > z && "over"), children: [
             ee.length,
@@ -3059,13 +3061,13 @@ const Te = be(function({
   autoResize: f = !1,
   minRows: h,
   maxRows: m,
-  variant: g = "outlined",
-  size: b = "md",
+  variant: b = "outlined",
+  size: N = "md",
   color: w,
   fcolor: T,
   fullWidth: p = !1,
   label: M,
-  helperText: N,
+  helperText: g,
   errorText: I,
   error: D = !1,
   success: L = !1,
@@ -3107,8 +3109,8 @@ const Te = be(function({
     [z, _]
   ), re = y(
     "container",
-    g,
     b,
+    N,
     j && "focused",
     W && "error",
     L && !W && "success",
@@ -3160,15 +3162,15 @@ const Te = be(function({
               onFocus: ye,
               onBlur: C,
               "aria-invalid": W || void 0,
-              "aria-describedby": I ? `${a}-error` : N ? `${a}-helper` : void 0
+              "aria-describedby": I ? `${a}-error` : g ? `${a}-helper` : void 0
             }
           ),
           G && /* @__PURE__ */ n("span", { className: "spinner" })
         ] }),
-        (I || N || A) && /* @__PURE__ */ $("div", { className: "bottom-row", children: [
+        (I || g || A) && /* @__PURE__ */ $("div", { className: "bottom-row", children: [
           /* @__PURE__ */ $("span", { children: [
             I && /* @__PURE__ */ n("span", { id: a ? `${a}-error` : void 0, className: "error-text", role: "alert", children: I }),
-            !I && N && /* @__PURE__ */ n("span", { id: a ? `${a}-helper` : void 0, className: "helper-text", children: N })
+            !I && g && /* @__PURE__ */ n("span", { id: a ? `${a}-helper` : void 0, className: "helper-text", children: g })
           ] }),
           A && E && /* @__PURE__ */ $("span", { className: y("char-count", Z.length > E && "over"), children: [
             Z.length,
@@ -3190,10 +3192,10 @@ const wn = {
   good: "Good",
   strong: "Strong"
 }, Ps = be(function({ showToggle: t = !0, showStrength: r = !1, onStrengthChange: s, value: a, defaultValue: i, onChange: c, className: l, ...o }, d) {
-  const [u, f] = U(!1), [h, m] = U((i == null ? void 0 : i.toString()) ?? ""), g = a !== void 0 ? a.toString() : h, b = bn(g);
+  const [u, f] = U(!1), [h, m] = U((i == null ? void 0 : i.toString()) ?? ""), b = a !== void 0 ? a.toString() : h, N = bn(b);
   Ne(() => {
-    s == null || s(b);
-  }, [b, s]);
+    s == null || s(N);
+  }, [N, s]);
   const w = P(
     (p) => {
       a === void 0 && m(p.target.value), c == null || c(p);
@@ -3217,23 +3219,23 @@ const wn = {
         ...o,
         ref: d,
         type: u ? "text" : "password",
-        value: g,
+        value: b,
         onChange: w,
         endIcon: T
       }
     ),
-    r && g.length > 0 && /* @__PURE__ */ $("div", { className: "strength-row", children: [
+    r && b.length > 0 && /* @__PURE__ */ $("div", { className: "strength-row", children: [
       /* @__PURE__ */ n("div", { className: "strength-bar", children: [0, 1, 2, 3].map((p) => /* @__PURE__ */ n(
         "div",
         {
           className: y(
             "strength-segment",
-            p < ["weak", "fair", "good", "strong"].indexOf(b) + 1 && `strength-${b}`
+            p < ["weak", "fair", "good", "strong"].indexOf(N) + 1 && `strength-${N}`
           )
         },
         p
       )) }),
-      /* @__PURE__ */ n("span", { className: y("strength-label", `strength-${b}`), children: wn[b] })
+      /* @__PURE__ */ n("span", { className: y("strength-label", `strength-${N}`), children: wn[N] })
     ] })
   ] });
 });
@@ -3258,10 +3260,10 @@ const Fs = be(function({
   onKeyDown: f,
   onBlur: h,
   disabled: m = !1,
-  className: g,
-  ...b
+  className: b,
+  ...N
 }, w) {
-  const [T, p] = U((d == null ? void 0 : d.toString()) ?? ""), M = o !== void 0 ? o.toString() : T, N = ge(), I = P(
+  const [T, p] = U((d == null ? void 0 : d.toString()) ?? ""), M = o !== void 0 ? o.toString() : T, g = ge(), I = P(
     (v) => {
       o === void 0 && p(v);
       const k = parseFloat(v);
@@ -3276,11 +3278,11 @@ const Fs = be(function({
     [M, s, t, r, i, I]
   ), L = P(
     (v) => {
-      D(v), N.current = setInterval(() => D(v), 150);
+      D(v), g.current = setInterval(() => D(v), 150);
     },
     [D]
   ), E = P(() => {
-    N.current && (clearInterval(N.current), N.current = void 0);
+    g.current && (clearInterval(g.current), g.current = void 0);
   }, []);
   Ne(() => E, [E]);
   const A = P(
@@ -3308,7 +3310,7 @@ const Fs = be(function({
   return /* @__PURE__ */ n(
     Te,
     {
-      ...b,
+      ...N,
       ref: w,
       type: "text",
       inputMode: "decimal",
@@ -3365,7 +3367,7 @@ const Fs = be(function({
         )
       ] }) : void 0,
       disabled: m,
-      className: y("input-number", g)
+      className: y("input-number", b)
     }
   );
 }), Rs = be(function({
@@ -3380,16 +3382,16 @@ const Fs = be(function({
   placeholder: d = "Search...",
   ...u
 }, f) {
-  const [h, m] = U((a == null ? void 0 : a.toString()) ?? ""), g = s !== void 0 ? s.toString() : h, b = Xt((N) => r == null ? void 0 : r(N), t), w = P(
-    (N) => {
-      s === void 0 && m(N.target.value), b(N.target.value), i == null || i(N);
+  const [h, m] = U((a == null ? void 0 : a.toString()) ?? ""), b = s !== void 0 ? s.toString() : h, N = Xt((g) => r == null ? void 0 : r(g), t), w = P(
+    (g) => {
+      s === void 0 && m(g.target.value), N(g.target.value), i == null || i(g);
     },
-    [i, s, b]
+    [i, s, N]
   ), T = P(
-    (N) => {
-      N.key === "Enter" && (r == null || r(g)), c == null || c(N);
+    (g) => {
+      g.key === "Enter" && (r == null || r(b)), c == null || c(g);
     },
-    [g, r, c]
+    [b, r, c]
   ), p = P(() => {
     s === void 0 && m(""), r == null || r(""), l == null || l();
   }, [s, r, l]);
@@ -3399,7 +3401,7 @@ const Fs = be(function({
       ...u,
       ref: f,
       type: "search",
-      value: g,
+      value: b,
       onChange: w,
       onKeyDown: T,
       onClear: p,
@@ -3425,8 +3427,8 @@ const Fs = be(function({
   success: f,
   placeholder: h = "email@example.com",
   ...m
-}, g) {
-  const [b, w] = U((c == null ? void 0 : c.toString()) ?? ""), [T, p] = U({ valid: !0 }), [M, N] = U(!1), I = i !== void 0 ? i.toString() : b, D = P(
+}, b) {
+  const [N, w] = U((c == null ? void 0 : c.toString()) ?? ""), [T, p] = U({ valid: !0 }), [M, g] = U(!1), I = i !== void 0 ? i.toString() : N, D = P(
     (k) => {
       const F = Ir(k);
       return p(F), a == null || a(F), F;
@@ -3439,7 +3441,7 @@ const Fs = be(function({
     [l, i, r, M, D]
   ), E = P(
     (k) => {
-      N(!0), t && k.target.value && D(k.target.value), o == null || o(k);
+      g(!0), t && k.target.value && D(k.target.value), o == null || o(k);
     },
     [o, t, D]
   ), A = d || M && !T.valid, G = u || (M && !T.valid ? T.error : void 0), z = !A && f !== void 0 ? f : M && T.valid && I.length > 0;
@@ -3447,7 +3449,7 @@ const Fs = be(function({
     Te,
     {
       ...m,
-      ref: g,
+      ref: b,
       type: "email",
       value: I,
       onChange: L,
@@ -3477,10 +3479,10 @@ const Fs = be(function({
   error: f,
   errorText: h,
   placeholder: m = "123 456 789",
-  className: g,
-  ...b
+  className: b,
+  ...N
 }, w) {
-  const [T, p] = U((o == null ? void 0 : o.toString()) ?? ""), [M, N] = U({ valid: !0 }), [I, D] = U(!1), L = l !== void 0 ? l.toString() : T, E = P(
+  const [T, p] = U((o == null ? void 0 : o.toString()) ?? ""), [M, g] = U({ valid: !0 }), [I, D] = U(!1), L = l !== void 0 ? l.toString() : T, E = P(
     (F) => {
       const x = Ke(F.target.value), B = s ? Hr(x, { countryCode: t }) : x;
       l === void 0 && p(B), c == null || c(x, B), d == null || d(F);
@@ -3490,7 +3492,7 @@ const Fs = be(function({
     (F) => {
       if (D(!0), a && L) {
         const x = Dr(Ke(L), t);
-        N(x), i == null || i(x);
+        g(x), i == null || i(x);
       }
       u == null || u(F);
     },
@@ -3510,7 +3512,7 @@ const Fs = be(function({
   return /* @__PURE__ */ n(
     Te,
     {
-      ...b,
+      ...N,
       ref: w,
       type: "tel",
       value: L,
@@ -3520,7 +3522,7 @@ const Fs = be(function({
       errorText: k,
       placeholder: m,
       startIcon: r ? z : S,
-      className: y("input-phone", g)
+      className: y("input-phone", b)
     }
   );
 }), Us = be(function({
@@ -3537,9 +3539,9 @@ const Fs = be(function({
   error: f,
   errorText: h,
   placeholder: m = "Jan Kowalski",
-  ...g
-}, b) {
-  const [w, T] = U((o == null ? void 0 : o.toString()) ?? ""), [p, M] = U({ valid: !0 }), [N, I] = U(!1), D = l !== void 0 ? l.toString() : w, L = P(
+  ...b
+}, N) {
+  const [w, T] = U((o == null ? void 0 : o.toString()) ?? ""), [p, M] = U({ valid: !0 }), [g, I] = U(!1), D = l !== void 0 ? l.toString() : w, L = P(
     (v) => {
       let k = v;
       return r || (k = k.replace(/\d/g, "")), s || (k = k.replace(/[^a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ\s'-]/g, "")), t && (k = Ur(k)), k;
@@ -3569,12 +3571,12 @@ const Fs = be(function({
       u == null || u(v);
     },
     [u, i, D, a, c]
-  ), G = f || N && !p.valid, z = h || (N && !p.valid ? p.error : void 0);
+  ), G = f || g && !p.valid, z = h || (g && !p.valid ? p.error : void 0);
   return /* @__PURE__ */ n(
     Te,
     {
-      ...g,
-      ref: b,
+      ...b,
+      ref: N,
       type: "text",
       value: D,
       onChange: E,
@@ -3602,9 +3604,9 @@ const Fs = be(function({
   errorText: f,
   success: h,
   placeholder: m = "PL00 0000 0000 0000 0000 0000 0000",
-  ...g
-}, b) {
-  const [w, T] = U((l == null ? void 0 : l.toString()) ?? ""), [p, M] = U({ valid: !0 }), [N, I] = U(!1), D = c !== void 0 ? c.toString() : w, L = P(
+  ...b
+}, N) {
+  const [w, T] = U((l == null ? void 0 : l.toString()) ?? ""), [p, M] = U({ valid: !0 }), [g, I] = U(!1), D = c !== void 0 ? c.toString() : w, L = P(
     (k) => {
       const x = k.target.value.replace(/[^a-zA-Z0-9\s]/g, "").toUpperCase().replace(/\s/g, ""), B = t ? Gr(x) : x;
       c === void 0 && T(B), i == null || i(x, B), o == null || o(k);
@@ -3619,12 +3621,12 @@ const Fs = be(function({
       d == null || d(k);
     },
     [d, r, D, a]
-  ), A = u || N && !p.valid, G = f || (N && !p.valid ? p.error : void 0), z = !A && (h !== void 0 ? h : N && p.valid && D.length > 0);
+  ), A = u || g && !p.valid, G = f || (g && !p.valid ? p.error : void 0), z = !A && (h !== void 0 ? h : g && p.valid && D.length > 0);
   return /* @__PURE__ */ n(
     Te,
     {
-      ...g,
-      ref: b,
+      ...b,
+      ref: N,
       type: "text",
       value: D,
       onChange: L,
@@ -3669,10 +3671,10 @@ const Fs = be(function({
   error: f,
   errorText: h,
   success: m,
-  placeholder: g,
-  ...b
+  placeholder: b,
+  ...N
 }, w) {
-  const [T, p] = U((o == null ? void 0 : o.toString()) ?? ""), [M, N] = U({ valid: !0 }), [I, D] = U(!1), L = l !== void 0 ? l.toString() : T, E = P(
+  const [T, p] = U((o == null ? void 0 : o.toString()) ?? ""), [M, g] = U({ valid: !0 }), [I, D] = U(!1), L = l !== void 0 ? l.toString() : T, E = P(
     (F) => {
       const x = Ke(F.target.value), B = r && t === "NIP" ? Wr(x) : x;
       l === void 0 && p(B), c == null || c(x), d == null || d(F);
@@ -3682,7 +3684,7 @@ const Fs = be(function({
     (F) => {
       if (D(!0), s && L) {
         const x = kn[t], B = x(Ke(L));
-        N(B), i == null || i(B);
+        g(B), i == null || i(B);
       }
       u == null || u(F);
     },
@@ -3695,7 +3697,7 @@ const Fs = be(function({
   return /* @__PURE__ */ n(
     Te,
     {
-      ...b,
+      ...N,
       ref: w,
       type: "text",
       inputMode: "numeric",
@@ -3705,7 +3707,7 @@ const Fs = be(function({
       error: G,
       errorText: z,
       success: S,
-      placeholder: g ?? xn[t],
+      placeholder: b ?? xn[t],
       startIcon: v,
       endIcon: k,
       maxLength: Mn[t]
@@ -3725,13 +3727,13 @@ const Fs = be(function({
   value: f,
   defaultValue: h,
   onChange: m,
-  onBlur: g,
-  placeholder: b = "0,00",
+  onBlur: b,
+  placeholder: N = "0,00",
   startIcon: w,
   endIcon: T,
   className: p,
   ...M
-}, N) {
+}, g) {
   const [I, D] = U((h == null ? void 0 : h.toString()) ?? ""), L = f !== void 0 ? f.toString() : I, E = r ?? t ?? "", A = P(
     (S) => {
       const v = S.target.value;
@@ -3752,21 +3754,21 @@ const Fs = be(function({
         const k = v.toFixed(c).replace(".", a), F = Et(k, { decimalSeparator: a, thousandSeparator: i, precision: c });
         f === void 0 && D(F), u == null || u(v);
       }
-      g == null || g(S);
+      b == null || b(S);
     },
-    [L, l, o, c, a, i, f, u, g]
+    [L, l, o, c, a, i, f, u, b]
   ), z = E ? /* @__PURE__ */ n("span", { className: "symbol", children: E }) : void 0;
   return /* @__PURE__ */ n(
     Te,
     {
       ...M,
-      ref: N,
+      ref: g,
       type: "text",
       inputMode: "decimal",
       value: L,
       onChange: A,
       onBlur: G,
-      placeholder: b,
+      placeholder: N,
       startIcon: s === "start" ? z : w,
       endIcon: s === "end" ? z : T,
       className: y("input-currency", p)
@@ -3791,12 +3793,12 @@ const Ws = be(function({
   onBlur: f,
   error: h,
   errorText: m,
-  success: g,
-  placeholder: b = "4242 4242 4242 4242",
+  success: b,
+  placeholder: N = "4242 4242 4242 4242",
   className: w,
   ...T
 }, p) {
-  const [M, N] = U(() => ut((d == null ? void 0 : d.toString()) ?? "")), [I, D] = U({ valid: !0 }), [L, E] = U(!1), A = o !== void 0 ? ut(o.toString()) : M;
+  const [M, g] = U(() => ut((d == null ? void 0 : d.toString()) ?? "")), [I, D] = U({ valid: !0 }), [L, E] = U(!1), A = o !== void 0 ? ut(o.toString()) : M;
   fe(() => Qe(A), [A]);
   const G = P(
     (B) => {
@@ -3807,7 +3809,7 @@ const Ws = be(function({
   ), z = P(
     (B) => {
       const R = ut(B.target.value), j = Qe(R);
-      o === void 0 && N(R), c == null || c(j.brand), l == null || l(Je(R), R, j.brand), r && L && G(R), u == null || u(B);
+      o === void 0 && g(R), c == null || c(j.brand), l == null || l(Je(R), R, j.brand), r && L && G(R), u == null || u(B);
     },
     [c, u, l, G, L, r, o]
   ), S = P(
@@ -3815,7 +3817,7 @@ const Ws = be(function({
       E(!0), t && A && G(A), f == null || f(B);
     },
     [A, f, G, t]
-  ), v = h || L && !I.valid, k = m || (L && !I.valid ? I.error : void 0), F = !v && g !== void 0 ? g : L && I.valid && Je(A).length > 0;
+  ), v = h || L && !I.valid, k = m || (L && !I.valid ? I.error : void 0), F = !v && b !== void 0 ? b : L && I.valid && Je(A).length > 0;
   return /* @__PURE__ */ n(
     Te,
     {
@@ -3829,7 +3831,7 @@ const Ws = be(function({
       error: v,
       errorText: k,
       success: F,
-      placeholder: b,
+      placeholder: N,
       startIcon: s ? /* @__PURE__ */ n(In, { value: A }) : void 0,
       endIcon: a && F ? /* @__PURE__ */ n("span", { className: "valid-icon", "aria-hidden": "true", children: /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ n("path", { d: "M3 8L6.5 11.5L13 4.5" }) }) }) : void 0,
       className: y("input-credit-card", w)
@@ -3881,13 +3883,13 @@ const Dn = be(function({
   required: f = !1,
   autoFocus: h = !1,
   autoComplete: m,
-  inputMode: g,
-  size: b = "md",
+  inputMode: b,
+  size: N = "md",
   fcolor: w,
   fullWidth: T = !1,
   label: p,
   helperText: M,
-  errorText: N,
+  errorText: g,
   color: I = "primary",
   error: D = !1,
   maxLength: L,
@@ -3907,7 +3909,7 @@ const Dn = be(function({
     effect: v,
     disabled: d || u,
     color: k
-  }), ie = D || !!N, { currentValue: ye, setCurrentValue: C } = wt(a, i), J = P(
+  }), ie = D || !!g, { currentValue: ye, setCurrentValue: C } = wt(a, i), J = P(
     (H) => {
       le(!0), A == null || A(H);
     },
@@ -3954,7 +3956,7 @@ const Dn = be(function({
           {
             className: y(
               "container",
-              b,
+              N,
               V && "focused",
               ie && "has-error",
               d && "disabled",
@@ -3978,7 +3980,7 @@ const Dn = be(function({
                   required: f,
                   autoFocus: h,
                   autoComplete: m,
-                  inputMode: g,
+                  inputMode: b,
                   maxLength: L,
                   className: y("field", B),
                   onChange: q,
@@ -3986,7 +3988,7 @@ const Dn = be(function({
                   onBlur: re,
                   onKeyDown: z,
                   "aria-invalid": ie || void 0,
-                  "aria-describedby": N ? `${l}-error` : M ? `${l}-helper` : void 0
+                  "aria-describedby": g ? `${l}-error` : M ? `${l}-helper` : void 0
                 }
               ),
               S && /* @__PURE__ */ n("span", { className: "spinner-addon", children: /* @__PURE__ */ n("span", { className: "spinner" }) }),
@@ -3994,9 +3996,9 @@ const Dn = be(function({
             ]
           }
         ),
-        (N || M) && /* @__PURE__ */ $("div", { className: "bottom", children: [
-          N && /* @__PURE__ */ n("span", { id: l ? `${l}-error` : void 0, className: "error-text", role: "alert", children: N }),
-          !N && M && /* @__PURE__ */ n("span", { id: l ? `${l}-helper` : void 0, className: "helper", children: M })
+        (g || M) && /* @__PURE__ */ $("div", { className: "bottom", children: [
+          g && /* @__PURE__ */ n("span", { id: l ? `${l}-error` : void 0, className: "error-text", role: "alert", children: g }),
+          !g && M && /* @__PURE__ */ n("span", { id: l ? `${l}-helper` : void 0, className: "helper", children: M })
         ] })
       ]
     }
@@ -4015,13 +4017,13 @@ const Dn = be(function({
   onChange: f,
   onBlur: h,
   error: m,
-  errorText: g,
-  helperText: b,
+  errorText: b,
+  helperText: N,
   placeholder: w,
   className: T,
   disabled: p = !1,
   ...M
-}, N) {
+}, g) {
   const [I, D] = U(r.toUpperCase()), [L, E] = U(
     () => nt((u == null ? void 0 : u.toString()) ?? "", t ?? r)
   ), [A, G] = U({ valid: !0 }), [z, S] = U(!1), v = (t ?? I).toUpperCase(), k = fe(() => yt(v), [v]), F = d !== void 0 ? nt(d.toString(), v) : L, x = P(
@@ -4047,12 +4049,12 @@ const Dn = be(function({
       t === void 0 && D(_), d === void 0 && E(W), c == null || c(_), z && x(W, _);
     },
     [t, F, c, x, z, d]
-  ), V = m || z && !A.valid, le = g || (z && !A.valid ? A.error : void 0);
+  ), V = m || z && !A.valid, le = b || (z && !A.valid ? A.error : void 0);
   return /* @__PURE__ */ n(
     Dn,
     {
       ...M,
-      ref: N,
+      ref: g,
       type: "text",
       inputMode: k.inputMode,
       value: F,
@@ -4060,7 +4062,7 @@ const Dn = be(function({
       onBlur: R,
       error: V,
       errorText: le,
-      helperText: le ? void 0 : b ?? `Format: ${k.example}`,
+      helperText: le ? void 0 : N ?? `Format: ${k.example}`,
       placeholder: w ?? k.placeholder,
       maxLength: k.maxLength,
       disabled: p,
@@ -4094,13 +4096,13 @@ function Cs({
   size: f = "md",
   color: h,
   fcolor: m,
-  fullWidth: g = !1,
-  label: b,
+  fullWidth: b = !1,
+  label: N,
   helperText: w,
   errorText: T,
   error: p = !1,
   required: M = !1,
-  loading: N = !1,
+  loading: g = !1,
   clearable: I = !1,
   maxHeight: D = 300,
   noOptionsText: L = "No options",
@@ -4158,17 +4160,17 @@ function Cs({
         "select",
         h && `color-${h}`,
         ...oe({ fcolor: m }),
-        g && "full-width",
+        b && "full-width",
         G
       ),
       style: z,
       children: [
-        b && /* @__PURE__ */ n(
+        N && /* @__PURE__ */ n(
           "label",
           {
             htmlFor: d,
             className: y("label", S && "focused", V && "error", M && "required"),
-            children: b
+            children: N
           }
         ),
         /* @__PURE__ */ $(
@@ -4186,8 +4188,8 @@ function Cs({
             id: d,
             children: [
               /* @__PURE__ */ n("span", { className: "value", children: ee }),
-              N && /* @__PURE__ */ n("span", { className: "spinner" }),
-              I && le.length > 0 && !N && !l && /* @__PURE__ */ n(
+              g && /* @__PURE__ */ n("span", { className: "spinner" }),
+              I && le.length > 0 && !g && !l && /* @__PURE__ */ n(
                 "button",
                 {
                   type: "button",
@@ -4326,13 +4328,13 @@ function js({
   loadingText: f = "Loading...",
   noOptionsText: h = "No options",
   placeholder: m = "Type to search...",
-  disabled: g = !1,
-  name: b,
+  disabled: b = !1,
+  name: N,
   id: w,
   variant: T = "outlined",
   size: p = "md",
   color: M,
-  fcolor: N,
+  fcolor: g,
   fullWidth: I = !1,
   label: D,
   helperText: L,
@@ -4407,7 +4409,7 @@ function js({
       className: y(
         "autocomplete",
         M && `color-${M}`,
-        ...oe({ fcolor: N }),
+        ...oe({ fcolor: g }),
         I && "full-width",
         F
       ),
@@ -4431,7 +4433,7 @@ function js({
               p,
               B && "focused",
               _ && "error",
-              g && "disabled"
+              b && "disabled"
             ),
             onClick: () => {
               var K;
@@ -4475,7 +4477,7 @@ function js({
                   },
                   onKeyDown: H,
                   placeholder: W.length > 0 ? "" : m,
-                  disabled: g,
+                  disabled: b,
                   id: w,
                   "aria-expanded": B,
                   "aria-haspopup": "listbox",
@@ -4484,7 +4486,7 @@ function js({
                 }
               ),
               u && /* @__PURE__ */ n("span", { className: "spinner" }),
-              z && (W.length > 0 || j) && !u && !g && /* @__PURE__ */ n("button", { type: "button", className: "clear-btn", onClick: Q, tabIndex: -1, children: /* @__PURE__ */ n("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ n(
+              z && (W.length > 0 || j) && !u && !b && /* @__PURE__ */ n("button", { type: "button", className: "clear-btn", onClick: Q, tabIndex: -1, children: /* @__PURE__ */ n("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ n(
                 "path",
                 {
                   d: "M4 4L12 12M12 4L4 12",
@@ -4497,7 +4499,7 @@ function js({
             ]
           }
         ),
-        b && /* @__PURE__ */ n("input", { type: "hidden", name: b, value: W.map(a).join(",") }),
+        N && /* @__PURE__ */ n("input", { type: "hidden", name: N, value: W.map(a).join(",") }),
         /* @__PURE__ */ n(
           Ze,
           {
@@ -4571,13 +4573,13 @@ function Ks({
   name: f,
   id: h,
   variant: m = "outlined",
-  size: g = "md",
-  fcolor: b,
+  size: b = "md",
+  fcolor: N,
   label: w,
   helperText: T,
   errorText: p,
   error: M = !1,
-  required: N = !1,
+  required: g = !1,
   clearable: I = !1,
   inline: D = !1,
   showTodayButton: L = !0,
@@ -4711,27 +4713,27 @@ function Ks({
     {
       className: y(
         "date-picker",
-        ...oe({ fcolor: b }),
+        ...oe({ fcolor: N }),
         A && "full-width",
         G
       ),
       style: z,
       children: [
-        w && /* @__PURE__ */ n("label", { className: y("label", ie && "error", N && "required"), children: w }),
+        w && /* @__PURE__ */ n("label", { className: y("label", ie && "error", g && "required"), children: w }),
         pe()
       ]
     }
   ) : /* @__PURE__ */ $(
     "div",
     {
-      className: y("date-picker", ...oe({ fcolor: b }), A && "full-width", G),
+      className: y("date-picker", ...oe({ fcolor: N }), A && "full-width", G),
       style: z,
       children: [
         w && /* @__PURE__ */ n(
           "label",
           {
             htmlFor: h,
-            className: y("label", S && "focused", ie && "error", N && "required"),
+            className: y("label", S && "focused", ie && "error", g && "required"),
             children: w
           }
         ),
@@ -4739,7 +4741,7 @@ function Ks({
           "div",
           {
             ref: _,
-            className: y("trigger", m, g, S && "focused", ie && "error", d && "disabled"),
+            className: y("trigger", m, b, S && "focused", ie && "error", d && "disabled"),
             onClick: () => !d && !u && v(!0),
             children: [
               /* @__PURE__ */ n("span", { className: "icon", children: ue }),
@@ -4896,13 +4898,13 @@ function Zs({
   name: f,
   id: h,
   variant: m = "outlined",
-  size: g = "md",
-  fcolor: b,
+  size: b = "md",
+  fcolor: N,
   label: w,
   helperText: T,
   errorText: p,
   error: M = !1,
-  required: N = !1,
+  required: g = !1,
   clearable: I = !1,
   inline: D = !1,
   showTodayButton: L = !0,
@@ -5070,13 +5072,13 @@ function Zs({
     {
       className: y(
         "date-range-picker",
-        ...oe({ fcolor: b }),
+        ...oe({ fcolor: N }),
         G && "full-width",
         S
       ),
       style: v,
       children: [
-        w && /* @__PURE__ */ n("label", { className: y("label", ye && "error", N && "required"), children: w }),
+        w && /* @__PURE__ */ n("label", { className: y("label", ye && "error", g && "required"), children: w }),
         Ge()
       ]
     }
@@ -5085,7 +5087,7 @@ function Zs({
     {
       className: y(
         "date-range-picker",
-        ...oe({ fcolor: b }),
+        ...oe({ fcolor: N }),
         G && "full-width",
         S
       ),
@@ -5095,7 +5097,7 @@ function Zs({
           "label",
           {
             htmlFor: h,
-            className: y("label", j && "focused", ye && "error", N && "required"),
+            className: y("label", j && "focused", ye && "error", g && "required"),
             children: w
           }
         ),
@@ -5103,7 +5105,7 @@ function Zs({
           "div",
           {
             ref: le,
-            className: y("trigger", m, g, j && "focused", ye && "error", d && "disabled"),
+            className: y("trigger", m, b, j && "focused", ye && "error", d && "disabled"),
             onClick: () => !d && !u && V(!0),
             children: [
               /* @__PURE__ */ n("span", { className: "icon", children: /* @__PURE__ */ n(_n, {}) }),
@@ -5182,13 +5184,13 @@ function Os({
   name: f,
   id: h,
   variant: m = "outlined",
-  size: g = "md",
-  fcolor: b,
+  size: b = "md",
+  fcolor: N,
   label: w,
   helperText: T,
   errorText: p,
   error: M = !1,
-  required: N = !1,
+  required: g = !1,
   clearable: I = !1,
   fullWidth: D = !1,
   className: L,
@@ -5245,14 +5247,14 @@ function Os({
   return /* @__PURE__ */ $(
     "div",
     {
-      className: y("time-picker", ...oe({ fcolor: b }), D && "full-width", L),
+      className: y("time-picker", ...oe({ fcolor: N }), D && "full-width", L),
       style: E,
       children: [
         w && /* @__PURE__ */ n(
           "label",
           {
             htmlFor: h,
-            className: y("label", A && "focused", F && "error", N && "required"),
+            className: y("label", A && "focused", F && "error", g && "required"),
             children: w
           }
         ),
@@ -5260,7 +5262,7 @@ function Os({
           "div",
           {
             ref: v,
-            className: y("trigger", m, g, A && "focused", F && "error", d && "disabled"),
+            className: y("trigger", m, b, A && "focused", F && "error", d && "disabled"),
             onClick: () => !d && !u && G(!0),
             children: [
               /* @__PURE__ */ n("span", { className: "icon", children: ye }),
@@ -5378,7 +5380,7 @@ function Xs({
   style: c,
   noValidate: l = !0
 }) {
-  const [o, d] = U({ ...e }), [u, f] = U({}), [h, m] = U({}), [g, b] = U(!1), w = ge(/* @__PURE__ */ new Map()), T = P((S) => {
+  const [o, d] = U({ ...e }), [u, f] = U({}), [h, m] = U({}), [b, N] = U(!1), w = ge(/* @__PURE__ */ new Map()), T = P((S) => {
     w.current.set(S.name, S);
   }, []), p = P((S) => {
     w.current.delete(S);
@@ -5399,7 +5401,7 @@ function Xs({
       return { valid: !0 };
     },
     [o]
-  ), N = P(
+  ), g = P(
     (S) => {
       const v = M(S);
       return f((k) => {
@@ -5428,34 +5430,34 @@ function Xs({
       d((k) => {
         const F = { ...k, [S]: v };
         return r == null || r(F), F;
-      }), s === "onChange" && h[S] && setTimeout(() => N(S), 0);
+      }), s === "onChange" && h[S] && setTimeout(() => g(S), 0);
     },
-    [r, s, h, N]
+    [r, s, h, g]
   ), L = P((S, v) => {
     f((k) => ({ ...k, [S]: v }));
   }, []), E = P(
     (S, v) => {
-      m((k) => ({ ...k, [S]: v })), s === "onBlur" && v && N(S);
+      m((k) => ({ ...k, [S]: v })), s === "onBlur" && v && g(S);
     },
-    [s, N]
+    [s, g]
   ), A = P(() => {
-    d({ ...e }), f({}), m({}), b(!1);
+    d({ ...e }), f({}), m({}), N(!1);
   }, [e]), G = P(
     async (S) => {
-      if (S.preventDefault(), g || !I()) return;
-      b(!0);
+      if (S.preventDefault(), b || !I()) return;
+      N(!0);
       const k = {
-        setSubmitting: b,
+        setSubmitting: N,
         resetForm: A,
         setFieldError: L
       };
       try {
         await (t == null ? void 0 : t(o, k));
       } finally {
-        b(!1);
+        N(!1);
       }
     },
-    [g, I, o, t, A, L]
+    [b, I, o, t, A, L]
   ), z = fe(
     () => ({
       values: o,
@@ -5466,10 +5468,10 @@ function Xs({
       setFieldValue: D,
       setFieldError: L,
       setFieldTouched: E,
-      validateField: N,
+      validateField: g,
       validateAll: I,
       resetForm: A,
-      isSubmitting: g
+      isSubmitting: b
     }),
     [
       o,
@@ -5480,10 +5482,10 @@ function Xs({
       D,
       L,
       E,
-      N,
+      g,
       I,
       A,
-      g
+      b
     ]
   );
   return /* @__PURE__ */ n(ar.Provider, { value: z, children: /* @__PURE__ */ n("form", { onSubmit: G, noValidate: l, className: i, style: c, children: typeof a == "function" ? a(z) : a }) });