@imj_media/ui 1.0.18 → 1.0.19

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import { jsxs as u, jsx as o, Fragment as b1 } from "react/jsx-runtime";
-import a1, { useState as $, useRef as G, useEffect as P, useCallback as H, forwardRef as j1, useImperativeHandle as I1, useId as K1, createContext as Q1, useContext as W1, useMemo as n0 } from "react";
+import a1, { useState as $, useRef as G, useEffect as z, useCallback as H, forwardRef as j1, useImperativeHandle as I1, useId as K1, createContext as Q1, useContext as W1, useMemo as n0 } from "react";
 import { clsx as e0 } from "clsx";
 import { twMerge as o0 } from "tailwind-merge";
 import { cva as t1 } from "class-variance-authority";
@@ -367,7 +367,7 @@ function N0({
     /* @__PURE__ */ o("path", { d: "M5 15.998V16.748C5 17.848 5.9 18.748 7 18.748H8.66", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function P0({
+function z0({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -380,7 +380,7 @@ function P0({
     /* @__PURE__ */ o("path", { d: "M8.01945 20.9999H5.98426C4.88026 20.9999 3.98267 20.1023 3.98267 18.9983V4.99679C3.98267 3.8928 4.88026 3 5.98426 3H12.2194C12.7522 3 13.261 3.2112 13.6354 3.5856L17.4658 7.41118C17.6386 7.58398 17.773 7.78558 17.869 8.00158", stroke: n, strokeWidth: e, strokeLinecap: "round" })
   ] });
 }
-function z0({
+function P0({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -1118,17 +1118,14 @@ function N2({
   stroke: n = "currentColor",
   strokeWidth: e = 2
 }) {
-  return /* @__PURE__ */ u("svg", { width: r, height: i, viewBox: "0 0 24 24", fill: t, xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ u("g", { clipPath: "url(#clip0_29848_88185)", children: [
-      /* @__PURE__ */ o("path", { d: "M16.8758 11.4121L10.178 18.104C10.0179 18.27 9.80453 18.3767 9.57337 18.4122L7.20838 18.7856C6.84682 18.839 6.53267 18.5248 6.58601 18.1633L6.95351 15.7924C6.98907 15.5671 7.09576 15.3537 7.26173 15.1878L13.9536 8.49586C14.3804 8.06909 15.0798 8.06909 15.5125 8.49586L16.8758 9.85913C17.3026 10.2859 17.3026 10.9794 16.8758 11.4121Z", stroke: n, strokeWidth: e, strokeMiterlimit: "10" }),
-      /* @__PURE__ */ o("path", { d: "M7.9314 14.5234L10.8476 17.4397", stroke: n, strokeWidth: e, strokeMiterlimit: "10" }),
-      /* @__PURE__ */ o("path", { d: "M16.354 0.748047V4.65413C16.354 4.95642 16.597 5.19944 16.8993 5.19944H20.7817", stroke: n, strokeWidth: e, strokeLinecap: "round" }),
-      /* @__PURE__ */ o("path", { d: "M20.7819 22.0271V5.03355C20.7819 4.71347 20.6574 4.39933 20.4262 4.16816L17.4152 1.10968C17.184 0.872588 16.8699 0.742188 16.5379 0.742188H4.22695C3.54531 0.742188 3 1.29343 3 1.96914V22.0152C3 22.6969 3.55124 23.2422 4.22695 23.2422H19.549C20.2306 23.2422 20.7759 22.6909 20.7759 22.0152L20.7819 22.0271Z", stroke: n, strokeWidth: e })
-    ] }),
-    /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("clipPath", { id: "clip0_29848_88185", children: /* @__PURE__ */ o("rect", { width: r, height: i, fill: t }) }) })
-  ] });
+  return /* @__PURE__ */ o("svg", { width: r, height: i, viewBox: "0 0 24 24", fill: t, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ u("g", { clipPath: "url(#clip0_29848_88185)", children: [
+    /* @__PURE__ */ o("path", { d: "M16.8758 11.4121L10.178 18.104C10.0179 18.27 9.80453 18.3767 9.57337 18.4122L7.20838 18.7856C6.84682 18.839 6.53267 18.5248 6.58601 18.1633L6.95351 15.7924C6.98907 15.5671 7.09576 15.3537 7.26173 15.1878L13.9536 8.49586C14.3804 8.06909 15.0798 8.06909 15.5125 8.49586L16.8758 9.85913C17.3026 10.2859 17.3026 10.9794 16.8758 11.4121Z", stroke: n, strokeWidth: e, strokeMiterlimit: "10" }),
+    /* @__PURE__ */ o("path", { d: "M7.9314 14.5234L10.8476 17.4397", stroke: n, strokeWidth: e, strokeMiterlimit: "10" }),
+    /* @__PURE__ */ o("path", { d: "M16.354 0.748047V4.65413C16.354 4.95642 16.597 5.19944 16.8993 5.19944H20.7817", stroke: n, strokeWidth: e, strokeLinecap: "round" }),
+    /* @__PURE__ */ o("path", { d: "M20.7819 22.0271V5.03355C20.7819 4.71347 20.6574 4.39933 20.4262 4.16816L17.4152 1.10968C17.184 0.872588 16.8699 0.742188 16.5379 0.742188H4.22695C3.54531 0.742188 3 1.29343 3 1.96914V22.0152C3 22.6969 3.55124 23.2422 4.22695 23.2422H19.549C20.2306 23.2422 20.7759 22.6909 20.7759 22.0152L20.7819 22.0271Z", stroke: n, strokeWidth: e })
+  ] }) });
 }
-function P2({
+function z2({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -1141,7 +1138,7 @@ function P2({
     /* @__PURE__ */ o("path", { d: "M16.9498 12.998H6.95142V20.9996H16.9498V12.998Z", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function z2({
+function P2({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -1939,7 +1936,7 @@ function N9({
     /* @__PURE__ */ o("path", { d: "M3 13.4199H20.0497", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function P9({
+function z9({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -1958,7 +1955,7 @@ function P9({
     /* @__PURE__ */ o("path", { d: "M21.0327 16.3477V19.3477C21.0327 20.4477 20.1327 21.3477 19.0327 21.3477H5.03271C3.93271 21.3477 3.03271 20.4477 3.03271 19.3477V16.3477C3.03271 15.8677 3.20271 15.4277 3.49271 15.0777C3.86271 14.6277 4.41271 14.3477 5.03271 14.3477H19.0327C20.1327 14.3477 21.0327 15.2477 21.0327 16.3477Z", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function z9({
+function P9({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -2692,7 +2689,7 @@ function N4({
 }) {
   return /* @__PURE__ */ o("svg", { width: r, height: i, viewBox: "0 0 24 24", fill: t, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M20.535 7.005C20.535 7.515 20.345 8.025 19.955 8.415L10.305 18.065C9.525 18.845 8.255 18.845 7.475 18.065L6.055 16.645L3.585 14.175C2.805 13.395 2.805 12.135 3.585 11.355C3.975 10.965 4.495 10.765 5.005 10.765C5.515 10.765 6.025 10.965 6.415 11.355L8.885 13.815L17.125 5.585C17.905 4.805 19.175 4.805 19.955 5.585C20.345 5.975 20.535 6.485 20.535 7.005Z", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function P4({
+function z4({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -2701,7 +2698,7 @@ function P4({
 }) {
   return /* @__PURE__ */ o("svg", { width: r, height: i, viewBox: "0 0 24 24", fill: t, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M19.2774 12.9972C17.5574 14.7172 15.0375 15.1412 12.9127 14.2691L6.18188 21L2.98267 17.8008L9.71354 11.0699C8.84146 8.94996 9.26545 6.4301 10.9855 4.70522C12.7056 2.98035 15.3411 2.5419 17.4851 3.49107L13.25 7.72617L16.2613 10.7375L20.4964 6.50237C21.4408 8.64642 21.0312 11.2482 19.2823 13.002L19.2774 12.9972Z", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" }) });
 }
-function z4({
+function P4({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -3451,7 +3448,7 @@ function Nn({
     /* @__PURE__ */ o("path", { d: "M12.0305 15.998V17.9996", stroke: n, strokeWidth: e })
   ] });
 }
-function Pn({
+function zn({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -3466,7 +3463,7 @@ function Pn({
     /* @__PURE__ */ o("path", { d: "M3 5H9.00001", stroke: n, strokeWidth: e, strokeLinecap: "round", strokeLinejoin: "round" })
   ] });
 }
-function zn({
+function Pn({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -4191,7 +4188,7 @@ function N8({
     /* @__PURE__ */ o("path", { d: "M18.9983 20.9997V18.998", stroke: n, strokeWidth: e, strokeMiterlimit: "10", strokeLinecap: "round" })
   ] });
 }
-function P8({
+function z8({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -4205,7 +4202,7 @@ function P8({
     /* @__PURE__ */ o("path", { d: "M18.7037 21.0004H5.99806C4.67325 21.0004 3.71325 19.7284 4.07805 18.4564L4.93726 15.4468C5.18206 14.5924 5.96446 14.002 6.85726 14.002H9.37246L9.54046 14.17L12.3581 17.002L15.1853 14.17L15.3533 14.002H17.8445C18.7373 14.002 19.5197 14.5924 19.7645 15.4468L20.6237 18.4564C20.9885 19.7284 20.0333 21.0004 18.7037 21.0004Z", stroke: n, strokeWidth: e, strokeMiterlimit: "10" })
   ] });
 }
-function z8({
+function P8({
   width: r = 24,
   height: i = 24,
   fill: t = "none",
@@ -4367,7 +4364,7 @@ const m1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ArrowDownOutlined: Sn,
   ArrowDownRightOutlined: Wn,
   ArrowHorizontalOutlined: B9,
-  ArrowLeftOutlined: z0,
+  ArrowLeftOutlined: P0,
   ArrowRightOutlined: Jn,
   ArrowUpLeftOutlined: v4,
   ArrowUpOutlined: k9,
@@ -4398,7 +4395,7 @@ const m1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   CaretRightOutlined: i8,
   CaretUpOutlined: M8,
   CatalogoOutlined: jn,
-  CentrosComercialesOutlined: P9,
+  CentrosComercialesOutlined: z9,
   Check2Outlined: Yn,
   CheckOutlined: N4,
   ChevronCircleDownOutlined: t2,
@@ -4447,7 +4444,7 @@ const m1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ElipsisVerticalOutlined: I8,
   EmojiOutlined: ln,
   EmojiSadOutlined: Q2,
-  EspectacularOutlined: z4,
+  EspectacularOutlined: P4,
   EstatusCampanaOutlined: D0,
   EstatusProyectoOutlined: f4,
   ExclamationCircleOutlined: R4,
@@ -4458,7 +4455,7 @@ const m1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   FastBackward2Outlined: Un,
   FemaleOutlined: q4,
   FileKmlOutlined: Q0,
-  FileOkOutlined: P0,
+  FileOkOutlined: z0,
   FileOutlined: D8,
   FilePdfOutlined: o4,
   FileXlsOutlined: h2,
@@ -4479,7 +4476,7 @@ const m1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   HandOutlined: $n,
   HardOutlined: T9,
   HistoryOutlined: J2,
-  HomeOutlined: zn,
+  HomeOutlined: Pn,
   IconsboxOutlined: X4,
   IdOutlined: n2,
   ImageOutlined: v9,
@@ -4507,16 +4504,16 @@ const m1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ListaCampanas2Outlined: f9,
   ListaCampanasOutlined: w2,
   LocationpinOutlined: g9,
-  LockOpenOutlined: z2,
+  LockOpenOutlined: P2,
   LockOutlined: x4,
   LogoutOutlined: u4,
   LongitudeOutlined: f8,
   LuggageOutlined: G4,
   MailOutlined: S4,
-  MaintenanceOutlined: P4,
-  MaleOutlined: z8,
+  MaintenanceOutlined: z4,
+  MaleOutlined: P8,
   MallOutlined: $2,
-  MapOutlined: P8,
+  MapOutlined: z8,
   MaximizeOutlined: g2,
   MediumOutlined: L9,
   MinimizeOutlined: U2,
@@ -4569,7 +4566,7 @@ const m1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   RouteOutlined: O2,
   RouteSlashOutlined: F4,
   SackDollarOutlined: Nn,
-  SaveOutlined: P2,
+  SaveOutlined: z2,
   ScissorsOutlined: Y0,
   ScreenOutlined: an,
   SearchCompanyOutlined: o9,
@@ -4609,7 +4606,7 @@ const m1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   TableOutlined: F9,
   TagOutlined: s8,
   TaskListOutlined: J0,
-  TaskOutlined: Pn,
+  TaskOutlined: zn,
   TelegramOutlined: l4,
   ThumbtackOutlined: V8,
   TimelineOutlined: mn,
@@ -4630,7 +4627,7 @@ const m1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   UserPlusOutlined: Z8,
   UsersOutlined: o2,
   VallasMovilesOutlined: rn,
-  VistaDerechaOutlined: z9,
+  VistaDerechaOutlined: P9,
   VistaIndefinidaOutlined: J9,
   VistaIzquierdaOutlined: nn,
   VistaListaOutlined: o8,
@@ -5088,7 +5085,7 @@ const X8 = ({ label: r, color: i = "blue", border: t = !1, className: n, ...e })
   ...s
 }) => {
   const [p, h] = $(!1), [M, v] = $({ top: 0, left: 0 }), [w, g] = $({ width: 0, height: 0 }), [x, b] = $(!1), y = G(null), I = G(null), k = G(null), T = G(`tooltip-${Math.random().toString(36).substring(2, 9)}-${Date.now()}`);
-  P(() => {
+  z(() => {
     I.current && p && requestAnimationFrame(() => {
       if (I.current) {
         const f = I.current.getBoundingClientRect(), V = {
@@ -5163,11 +5160,11 @@ const X8 = ({ label: r, color: i = "blue", border: t = !1, className: n, ...e })
     const U = window.innerWidth, Q = window.innerHeight, E = 8;
     Z < E ? Z = E : Z + w.width > U - E && (Z = U - w.width - E), V < E ? V = E : V + w.height > Q - E && (V = Q - w.height - E), v({ top: V, left: Z }), b(!0);
   }, [t, n, w]);
-  P(() => {
+  z(() => {
     p && w.width > 0 && w.height > 0 && requestAnimationFrame(() => {
       S();
     });
-  }, [p, w, S]), P(() => {
+  }, [p, w, S]), z(() => {
     const f = () => {
       p && S();
     }, V = () => {
@@ -5184,7 +5181,7 @@ const X8 = ({ label: r, color: i = "blue", border: t = !1, className: n, ...e })
   }, [d, l]), j = H(() => {
     k.current && (clearTimeout(k.current), k.current = null), h(!1), b(!1), g({ width: 0, height: 0 });
   }, []);
-  P(() => () => {
+  z(() => () => {
     k.current && clearTimeout(k.current), h(!1), b(!1), v({ top: 0, left: 0 }), g({ width: 0, height: 0 });
   }, []);
   const O = () => {
@@ -5205,7 +5202,7 @@ const X8 = ({ label: r, color: i = "blue", border: t = !1, className: n, ...e })
       }
     );
     return s1(f, document.body);
-  }, z = () => {
+  }, P = () => {
     const V = W8(e);
     switch (t) {
       case "top":
@@ -5369,7 +5366,7 @@ const X8 = ({ label: r, color: i = "blue", border: t = !1, className: n, ...e })
         ...s,
         children: [
           i,
-          /* @__PURE__ */ o("div", { className: A("tooltip-imj-ui-arrow", c), style: z() })
+          /* @__PURE__ */ o("div", { className: A("tooltip-imj-ui-arrow", c), style: P() })
         ]
       }
     );
@@ -5497,7 +5494,7 @@ const X8 = ({ label: r, color: i = "blue", border: t = !1, className: n, ...e })
   defaultTooltipColor: m = !0,
   as: j = "button",
   classNameId: O = "imj-ui-inner-button",
-  tooltip: z = "",
+  tooltip: P = "",
   tooltipPosition: R,
   tooltipAlignment: f,
   tooltipColor: V = "neutral",
@@ -5519,7 +5516,7 @@ const X8 = ({ label: r, color: i = "blue", border: t = !1, className: n, ...e })
       " "
     ] }),
     l && s && /* @__PURE__ */ o(X8, { color: l, label: d, border: C }),
-    !s && h && (typeof h == "string" ? /* @__PURE__ */ o(C1, { name: h, size: a === "icon" ? v || T : T !== "none" ? T : v, color: y, onClick: x }) : h),
+    !s && h && (typeof h == "string" ? /* @__PURE__ */ o(C1, { name: h, size: a === "icon" ? v : T !== "none" ? T : v, color: y, onClick: x }) : h),
     s && e && /* @__PURE__ */ o(d1, { slot: e, size: v, colorIcon: y, className: r, onClick: x, defaultSizeIcon: u1 })
   ] }), _ = w ? "!ui-p-0 ui-flex ui-justify-center !ui-font-medium ui-items-center" : "", o1 = t1(
     `${O} ui-flex ui-items-center ui-gap-x-1.5 ui-transition-colors ui-duration-300 ui-border-[1.5px] ui-font-bold ui-cursor-default ${I && a !== "icon" ? "ui-shadow-button" : ""} ui-overflow-hidden ${Q || n1 ? "!ui-cursor-pointer" : ""}`,
@@ -5586,7 +5583,7 @@ const X8 = ({ label: r, color: i = "blue", border: t = !1, className: n, ...e })
   ) : /* @__PURE__ */ o(
     e3,
     {
-      label: z,
+      label: P,
       position: R,
       alignment: f,
       color: m ? V || "neutral" : L,
@@ -5848,11 +5845,11 @@ const X8 = ({ label: r, color: i = "blue", border: t = !1, className: n, ...e })
   }[r][i]}`;
 }, l3 = ({ open: r, externalIsLeaving: i }) => {
   const [t, n] = $(!1), [e, a] = $(!1), l = i !== void 0 ? i : e;
-  return P(() => {
+  return z(() => {
     r ? (n(!0), a(!1)) : (a(!0), i === void 0 && setTimeout(() => {
       n(!1);
     }, 300));
-  }, [r, i]), P(() => {
+  }, [r, i]), z(() => {
     i && i !== e && (a(!0), setTimeout(() => {
       n(!1);
     }, 300));
@@ -6103,18 +6100,18 @@ const L3 = (r) => {
   }, []), S = H(() => {
     if (!L.current)
       return;
-    const m = L.current.getBoundingClientRect(), j = window.innerHeight, O = window.innerWidth, z = 320, R = 256, f = 8;
+    const m = L.current.getBoundingClientRect(), j = window.innerHeight, O = window.innerWidth, P = 320, R = 256, f = 8;
     let V, Z = m.left;
     const F = j - m.bottom, U = m.top;
-    F >= z + f ? V = m.bottom + f : U >= z + f ? V = m.top - z + f : F > U ? V = m.bottom + f : V = m.top - z + f, m.left + R > O && (Z = m.right - R), Z = Math.max(0, Math.min(Z, O - R)), C((Q) => ({ ...Q, portalPosition: { top: V, left: Z } }));
+    F >= P + f ? V = m.bottom + f : U >= P + f ? V = m.top - P + f : F > U ? V = m.bottom + f : V = m.top - P + f, m.left + R > O && (Z = m.right - R), Z = Math.max(0, Math.min(Z, O - R)), C((Q) => ({ ...Q, portalPosition: { top: V, left: Z } }));
   }, []);
-  return P(() => {
+  return z(() => {
     if (!d.isOpen) return;
     const m = () => S(), j = () => S();
     return window.addEventListener("scroll", m, !0), window.addEventListener("resize", j), () => {
       window.removeEventListener("scroll", m, !0), window.removeEventListener("resize", j);
     };
-  }, [d.isOpen, S]), P(() => {
+  }, [d.isOpen, S]), z(() => {
     d.isOpen && S();
   }, [d.isOpen, S]), {
     state: d,
@@ -6260,7 +6257,7 @@ const L3 = (r) => {
   }, [i]), a = H((d) => {
     d.key === "Escape" && i();
   }, [i]);
-  P(() => {
+  z(() => {
     if (r)
       return document.addEventListener("mousedown", e), document.addEventListener("keydown", a), () => {
         document.removeEventListener("mousedown", e), document.removeEventListener("keydown", a);
@@ -6848,7 +6845,7 @@ const L3 = (r) => {
     initialViewMode: m = "days",
     closeOnSelect: j = !1,
     autoCloseRange: O = !0,
-    placeholder: z = "Seleccionar fecha",
+    placeholder: P = "Seleccionar fecha",
     format: R = "dd/MM/yyyy",
     renderHeader: f,
     renderDay: V
@@ -6872,7 +6869,7 @@ const L3 = (r) => {
       {
         ref: Q,
         value: q(),
-        placeholder: z,
+        placeholder: P,
         isOpen: Z.isOpen,
         onInputClick: E.openPicker,
         className: h,
@@ -6925,12 +6922,12 @@ const L3 = (r) => {
   position: C = "right"
 }) => {
   const L = typeof window < "u", [c, s] = $(!1), [p, h] = $(!1), [M] = $(() => L ? document.createElement("div") : null), v = G(null);
-  if (P(() => {
+  if (z(() => {
     if (!(!M || !L))
       return document.body.appendChild(M), () => {
         document.body.removeChild(M);
       };
-  }, [M]), P(() => {
+  }, [M]), z(() => {
     if (r) {
       s(!0);
       const g = setTimeout(() => {
@@ -6942,18 +6939,18 @@ const L3 = (r) => {
       const g = setTimeout(() => s(!1), 300);
       return () => clearTimeout(g);
     }
-  }, [r]), P(() => {
+  }, [r]), z(() => {
     if (L)
       return r ? document.body.style.overflow = "ui-hidden" : document.body.style.overflow = "", () => {
         document.body.style.overflow = "";
       };
-  }, [r, L]), P(() => {
+  }, [r, L]), z(() => {
     if (!r || l) return;
     const g = (x) => {
       x.key === "Escape" && i();
     };
     return window.addEventListener("keydown", g), () => window.removeEventListener("keydown", g);
-  }, [r, i, l]), P(() => {
+  }, [r, i, l]), z(() => {
     if (!r || !d) return;
     const g = [
       "button",
@@ -7047,18 +7044,18 @@ const L3 = (r) => {
     md: "ui-h-10 ui-text-sm ui-py-2",
     lg: "ui-h-12 ui-text-base ui-py-2.5"
   }, T = () => {
-    const m = n || "md", j = !!a, O = !!l, z = !!d, f = {
+    const m = n || "md", j = !!a, O = !!l, P = !!d, f = {
       sm: {
         left: j ? "ui-pl-7.5" : "ui-pl-2",
-        right: O && z ? "ui-pr-15" : O || z ? "ui-pr-7.5" : "ui-pr-2"
+        right: O && P ? "ui-pr-15" : O || P ? "ui-pr-7.5" : "ui-pr-2"
       },
       md: {
         left: j ? "ui-pl-8.5" : "ui-pl-3",
-        right: O && z ? "ui-pr-17" : O || z ? "ui-pr-8.5" : "ui-pr-3"
+        right: O && P ? "ui-pr-17" : O || P ? "ui-pr-8.5" : "ui-pr-3"
       },
       lg: {
         left: j ? "ui-pl-10" : "ui-pl-4",
-        right: O && z ? "ui-pr-16" : O || z ? "ui-pr-9.5" : "ui-pr-4"
+        right: O && P ? "ui-pr-16" : O || P ? "ui-pr-9.5" : "ui-pr-4"
       }
     }[m];
     return `${f.left} ${f.right}`.trim();
@@ -7070,11 +7067,11 @@ const L3 = (r) => {
         md: "ui-left-2.5",
         lg: "ui-left-4"
       }[j];
-    const O = !!l, z = !!d;
+    const O = !!l, P = !!d;
     return m === "right" ? {
-      sm: z ? "ui-right-8" : "ui-right-2",
-      md: z ? "ui-right-9" : "ui-right-2.5",
-      lg: z ? "ui-right-10" : "ui-right-3"
+      sm: P ? "ui-right-8" : "ui-right-2",
+      md: P ? "ui-right-9" : "ui-right-2.5",
+      lg: P ? "ui-right-10" : "ui-right-3"
     }[j] : m === "extra" ? {
       sm: "ui-right-2",
       md: "ui-right-2.5",
@@ -7097,7 +7094,7 @@ const L3 = (r) => {
     clear: () => {
       g || b(""), p == null || p("");
     }
-  }), [y, g, v.id]), P(() => {
+  }), [y, g, v.id]), z(() => {
     g && L !== void 0 && x !== L && b(L);
   }, [L, g, x]), /* @__PURE__ */ u("div", { className: "ui-flex ui-flex-col ui-gap-1 ui-w-full ui-relative", children: [
     r && /* @__PURE__ */ o("label", { className: `ui-text-sm ui-font-bold ${i ? "ui-text-red-500" : "ui-text-neutral-900"}`, children: r }),
@@ -7155,7 +7152,7 @@ const y3 = j1(({
   dropdownId: k,
   ...T
 }, S) => {
-  const m = K1(), j = k || `dropdown-${m}`, [O, z] = $(!1), [R, f] = $(!1), [V, Z] = $(""), [F, U] = $(c || s || ""), [Q, E] = $("bottom"), [X, W] = $({}), n1 = G(null), u1 = G(null), e1 = G(null), q = c !== void 0, D = q ? c : F, _ = M.find((B) => B[v] === D), l1 = M.filter(
+  const m = K1(), j = k || `dropdown-${m}`, [O, P] = $(!1), [R, f] = $(!1), [V, Z] = $(""), [F, U] = $(c || s || ""), [Q, E] = $("bottom"), [X, W] = $({}), n1 = G(null), u1 = G(null), e1 = G(null), q = c !== void 0, D = q ? c : F, _ = M.find((B) => B[v] === D), l1 = M.filter(
     (B) => b ? B[v].toLowerCase().includes(V.toLowerCase()) : !0
   ), o1 = H(() => {
     var B;
@@ -7175,10 +7172,10 @@ const y3 = j1(({
       W(J1);
     });
   }, [o1, M.length, j]), c1 = (B) => {
-    B && B.stopPropagation(), !p && (O ? p1() : (Z(""), f(!1), r1(), setTimeout(() => z(!0), 50)));
+    B && B.stopPropagation(), !p && (O ? p1() : (Z(""), f(!1), r1(), setTimeout(() => P(!0), 50)));
   }, p1 = () => {
     f(!0), setTimeout(() => {
-      z(!1), f(!1);
+      P(!1), f(!1);
     }, 150);
   }, T1 = (B, N) => {
     if (N.stopPropagation(), B.disabled) return;
@@ -7187,14 +7184,14 @@ const y3 = j1(({
   }, E1 = (B) => {
     Z(B.target.value);
   };
-  P(() => {
+  z(() => {
     const B = (N) => {
       I && e1.current && !e1.current.contains(N.target) && p1();
     };
     return O && document.addEventListener("click", B), () => {
       document.removeEventListener("click", B);
     };
-  }, [O, I]), P(() => {
+  }, [O, I]), z(() => {
     if (O) {
       const B = () => {
         r1();
@@ -7205,7 +7202,7 @@ const y3 = j1(({
         window.removeEventListener("resize", B), window.removeEventListener("scroll", N, !0), document.removeEventListener("scroll", N, !0);
       };
     }
-  }, [O, r1]), P(() => {
+  }, [O, r1]), z(() => {
     q && c !== void 0 && U(c);
   }, [c, q]), I1(S, () => ({
     getValue: () => D,
@@ -7224,7 +7221,7 @@ const y3 = j1(({
       q || U(""), g == null || g("");
     },
     open: () => {
-      p || (r1(), setTimeout(() => z(!0), 50));
+      p || (r1(), setTimeout(() => P(!0), 50));
     },
     close: () => {
       p1();
@@ -7315,12 +7312,12 @@ const Z3 = {
   disableOutsideClick: e = !1
 }) => {
   const a = typeof window < "u", [l, d] = $(!1), [C, L] = $(!1), [c] = $(() => a ? document.createElement("div") : null), s = G(null);
-  return P(() => {
+  return z(() => {
     if (!(!c || !a))
       return document.body.appendChild(c), () => {
         document.body.removeChild(c);
       };
-  }, [c, a]), P(() => {
+  }, [c, a]), z(() => {
     if (r)
       d(!0), requestAnimationFrame(() => {
         L(!0);
@@ -7330,18 +7327,18 @@ const Z3 = {
       const p = setTimeout(() => d(!1), 200);
       return () => clearTimeout(p);
     }
-  }, [r]), P(() => {
+  }, [r]), z(() => {
     if (!r || t) return;
     const p = (h) => {
       h.key === "Escape" && i();
     };
     return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
-  }, [r, i, t]), P(() => {
+  }, [r, i, t]), z(() => {
     r && s.current && requestAnimationFrame(() => {
       var p;
       (p = s.current) == null || p.focus();
     });
-  }, [r]), P(() => {
+  }, [r]), z(() => {
     if (!r || !n) return;
     const p = [
       "button",
@@ -7362,7 +7359,7 @@ const Z3 = {
     container: c,
     modalRef: s
   };
-}, P1 = Q1(null), B3 = ({
+}, z1 = Q1(null), B3 = ({
   children: r,
   onClose: i,
   onSuccess: t,
@@ -7393,9 +7390,9 @@ const Z3 = {
     title: h,
     icon: n
   };
-  return /* @__PURE__ */ o(P1.Provider, { value: M, children: r });
-}, z1 = () => {
-  const r = W1(P1);
+  return /* @__PURE__ */ o(z1.Provider, { value: M, children: r });
+}, P1 = () => {
+  const r = W1(z1);
   if (!r)
     throw new Error("Modal components must be used within a Modal");
   return r;
@@ -7404,7 +7401,7 @@ const Z3 = {
   showCloseButton: i,
   title: t
 }) => {
-  const { onClose: n, showCloseButton: e, icon: a } = z1();
+  const { onClose: n, showCloseButton: e, icon: a } = P1();
   return /* @__PURE__ */ u("div", { className: "ui-flex ui-items-center ui-p-4 ui-gap-x-md ui-justify-between ui-border-b ui-border-neutral-100", children: [
     a && /* @__PURE__ */ o("div", { className: "ui-flex ui-items-center ui-justify-center ui-bg-blue-50 ui-rounded-full ui-gap-2 ui-w-8 ui-h-8 ui-text-blue-500", children: /* @__PURE__ */ o(d1, { slot: a, size: "lg" }) }),
     /* @__PURE__ */ o("div", { className: "ui-flex-1", children: t ? /* @__PURE__ */ o("h2", { className: "ui-text-2xl ui-font-bold", children: t }) : r }),
@@ -7426,7 +7423,7 @@ const Z3 = {
 };
 g1.displayName = "Modal.Header";
 const I3 = ({ children: r }) => /* @__PURE__ */ o("div", { className: "ui-p-4", children: r }), H1 = ({ children: r }) => {
-  const { onClose: i, cancelButtonText: t, successButtonText: n, onCancel: e, onSuccess: a, showCancelButton: l, showSuccessButton: d, closeAtSuccess: C, closeAtCancel: L } = z1();
+  const { onClose: i, cancelButtonText: t, successButtonText: n, onCancel: e, onSuccess: a, showCancelButton: l, showSuccessButton: d, closeAtSuccess: C, closeAtCancel: L } = P1();
   return /* @__PURE__ */ o("div", { className: "ui-p-4 ui-border-t ui-border-neutral-100 ui-flex ui-justify-end ui-items-center ui-gap-2", children: r || /* @__PURE__ */ u("div", { className: "ui-flex ui-gap-2", children: [
     l && /* @__PURE__ */ o(Y, { color: "white", variant: "outlined", onClick: () => {
       e && e(), L && i();
@@ -7547,7 +7544,7 @@ const I3 = ({ children: r }) => /* @__PURE__ */ o("div", { className: "ui-p-4",
   className: L = "",
   maxVisiblePages: c = 5
 }) => {
-  P(() => {
+  z(() => {
     r > i && i > 0 && d(i);
   }, [r, i, d]);
   const s = (w) => {
@@ -7638,7 +7635,7 @@ const I3 = ({ children: r }) => /* @__PURE__ */ o("div", { className: "ui-p-4",
       ] })
     }
   );
-}, P3 = [
+}, z3 = [
   // Blue variants
   {
     color: "blue",
@@ -7794,7 +7791,7 @@ const I3 = ({ children: r }) => /* @__PURE__ */ o("div", { className: "ui-p-4",
     state: "disabledChecked",
     class: "ui-border-gray-200 ui-bg-gray-200"
   }
-], z3 = t1(
+], P3 = t1(
   "ui-relative ui-rounded-full ui-border-1 ui-flex ui-items-center ui-justify-center",
   {
     variants: {
@@ -7821,7 +7818,7 @@ const I3 = ({ children: r }) => /* @__PURE__ */ o("div", { className: "ui-p-4",
         disabledChecked: "ui-cursor-not-allowed"
       }
     },
-    compoundVariants: P3,
+    compoundVariants: z3,
     defaultVariants: {
       size: "md",
       color: "blue",
@@ -7937,7 +7934,7 @@ const I3 = ({ children: r }) => /* @__PURE__ */ o("div", { className: "ui-p-4",
           /* @__PURE__ */ o(
             "div",
             {
-              className: z3({
+              className: P3({
                 size: i,
                 color: t,
                 state: h
@@ -8416,7 +8413,7 @@ const v1 = [], f1 = {
   }
 }, e5 = () => {
   const [r, i] = $([]);
-  return P(() => {
+  return z(() => {
     const n = f1.getListeners(), e = (a) => {
       if (a.isLeaving) {
         i((l) => l.map(
@@ -8459,7 +8456,7 @@ const v1 = [], f1 = {
   })[i]
 }), r5 = ({ toastItem: r }) => {
   const [i, t] = $(!0);
-  P(() => {
+  z(() => {
     r.isLeaving && setTimeout(() => {
       t(!1);
     }, 300);
@@ -8546,13 +8543,13 @@ export {
   b3 as YearGrid,
   A as cn,
   T3 as labelVariants,
-  z3 as radioButtonVariants,
+  P3 as radioButtonVariants,
   t5 as toast,
   V1 as useCalendar,
   g5 as useDateInput,
   L3 as useDatePicker,
   N1 as useDateRange,
-  z1 as useModalContext,
+  P1 as useModalContext,
   w3 as usePortal,
   E3 as useRadioButton,
   R3 as useRadioButtonGroup,