@juanitte/inoui 1.1.1 → 1.1.3

package/dist/ino-ui.mjs

@@ -1,5 +1,5 @@
 import { jsx as r, jsxs as T, Fragment as Bt } from "react/jsx-runtime";
-import { useState as G, useEffect as Me, useLayoutEffect as Ht, useMemo as Qe, useContext as Wt, createContext as Ut, useRef as q, useCallback as j, Children as or, isValidElement as ir, cloneElement as Ar, Fragment as kn, forwardRef as Qt, useImperativeHandle as sr, Component as ps } from "react";
+import { useState as G, useEffect as Me, useLayoutEffect as Ht, useMemo as Qe, useContext as Wt, createContext as Gt, useRef as q, useCallback as j, Children as or, isValidElement as ir, cloneElement as Ar, Fragment as kn, forwardRef as Qt, useImperativeHandle as sr, Component as ps } from "react";
 import { createPortal as mr } from "react-dom";
 function gs(e) {
   const t = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
@@ -58,7 +58,7 @@ function ms(e) {
     900: ar(t, Math.min(n + 10, 100), s[900])
   };
 }
-const Jn = Ut(null), ys = {
+const Jn = Gt(null), ys = {
   primary: "#8c75d1",
   secondary: "#78808bff",
   success: "#79bc58",
@@ -1090,7 +1090,7 @@ function nl(e) {
   );
   return [g, y];
 }
-const Yo = Ut(null);
+const Yo = Gt(null);
 function ol() {
   const e = Wt(Yo);
   if (!e) throw new Error("useApp must be used within an <App> component");
@@ -1157,7 +1157,7 @@ const sh = Object.assign(il, { useApp: ol }), Ko = {
     defaultRequiredMessage: "Este campo es obligatorio",
     defaultPatternMessage: "No coincide con el patrón requerido"
   }
-}, Wn = Ut(null), sl = {
+}, Wn = Gt(null), sl = {
   locale: Ko
 };
 function ur() {
@@ -1580,7 +1580,7 @@ function vl(e, t, n, o) {
 function xl(e) {
   return e === "top" ? "bottom" : e === "topLeft" ? "bottomLeft" : e === "topRight" ? "bottomRight" : e === "bottom" ? "top" : e === "bottomLeft" ? "topLeft" : e === "bottomRight" ? "topRight" : e === "left" ? "right" : e === "leftTop" ? "rightTop" : e === "leftBottom" ? "rightBottom" : e === "right" ? "left" : e === "rightTop" ? "leftTop" : e === "rightBottom" ? "leftBottom" : e;
 }
-function Gt({
+function Xt({
   content: e,
   children: t,
   placement: n,
@@ -2031,7 +2031,7 @@ function Bl({
       style: { ...h?.root, ...g },
       children: [
         e,
-        x && /* @__PURE__ */ r(Gt, { content: k, disabled: !k, children: /* @__PURE__ */ r("sup", { className: K(_, E), style: R, children: m }) })
+        x && /* @__PURE__ */ r(Xt, { content: k, disabled: !k, children: /* @__PURE__ */ r("sup", { className: K(_, E), style: R, children: m }) })
       ]
     }
   ) : x ? /* @__PURE__ */ r(
@@ -2039,7 +2039,7 @@ function Bl({
     {
       className: K("ino-badge--standalone", p, y?.root),
       style: { ...h?.root, ...g },
-      children: /* @__PURE__ */ r(Gt, { content: k, disabled: !k, children: /* @__PURE__ */ r("sup", { className: K(_, E), style: R, children: m }) })
+      children: /* @__PURE__ */ r(Xt, { content: k, disabled: !k, children: /* @__PURE__ */ r("sup", { className: K(_, E), style: R, children: m }) })
     }
   ) : null;
 }
@@ -2610,7 +2610,7 @@ function ph({
   );
   let R = e;
   s && (R = /* @__PURE__ */ r("mark", { className: "ino-text__mark", children: R })), l && (R = /* @__PURE__ */ r("code", { className: "ino-text__code", children: R })), c && (R = /* @__PURE__ */ r("kbd", { className: "ino-text__kbd", children: R }));
-  const I = g && /* @__PURE__ */ r(Gt, { content: b ? "Copiado!" : "Copiar", delay: 100, children: /* @__PURE__ */ r(
+  const I = g && /* @__PURE__ */ r(Xt, { content: b ? "Copiado!" : "Copiar", delay: 100, children: /* @__PURE__ */ r(
     "button",
     {
       onClick: L,
@@ -2896,7 +2896,7 @@ const en = 24, qo = {
   lg: 992,
   xl: 1200,
   xxl: 1600
-}, Nl = ["xxl", "xl", "lg", "md", "sm", "xs"], Go = Ut({ gutter: [0, 0] });
+}, Nl = ["xxl", "xl", "lg", "md", "sm", "xs"], Go = Gt({ gutter: [0, 0] });
 function _n(e, t) {
   if (typeof e != "object" || e === null)
     return e;
@@ -3005,7 +3005,7 @@ const yh = {
   lg: 992,
   xl: 1200,
   xxl: 1600
-}, Xo = Ut({ siderCollapsed: !1 });
+}, Xo = Gt({ siderCollapsed: !1 });
 function Hl({
   children: e,
   hasSider: t,
@@ -3130,7 +3130,7 @@ const vh = Object.assign(Hl, {
   Footer: Vl,
   Content: Yl,
   Sider: Kl
-}), Fn = Ut(null);
+}), Fn = Gt(null);
 function xh() {
   return Wt(Fn);
 }
@@ -3739,7 +3739,7 @@ function ic({
       }
     );
     return /* @__PURE__ */ T("div", { className: k ? void 0 : "ino-anchor__link-wrapper--horizontal", children: [
-      typeof $.title == "string" ? /* @__PURE__ */ r(Gt, { content: $.title, delay: 600, children: P }) : P,
+      P,
       k && $.children && $.children.length > 0 && /* @__PURE__ */ r("div", { children: R($.children, A + 1) })
     ] }, $.key);
   }), I = K(
@@ -4383,7 +4383,7 @@ function yc({
       style: p,
       title: u ? void 0 : e.title,
       onClick: g,
-      children: u && e.title ? /* @__PURE__ */ r(Gt, { content: e.title, position: "right", delay: 100, children: y }) : y
+      children: u && e.title ? /* @__PURE__ */ r(Xt, { content: e.title, position: "right", delay: 100, children: y }) : y
     }
   );
 }
@@ -4683,7 +4683,7 @@ function _r({
     {
       style: { listStyle: "none", cursor: o ? "not-allowed" : "pointer" },
       onClick: o ? void 0 : a,
-      children: w && b ? /* @__PURE__ */ r(Gt, { content: w, delay: 300, children: m }) : m
+      children: w && b ? /* @__PURE__ */ r(Xt, { content: w, delay: 300, children: m }) : m
     }
   );
 }
@@ -7151,7 +7151,7 @@ function qc() {
 function Gc() {
   return /* @__PURE__ */ r("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ r("line", { x1: "2.5", y1: "5", x2: "7.5", y2: "5" }) });
 }
-const si = Ut(null);
+const si = Gt(null);
 function li({
   checked: e,
   defaultChecked: t = !1,
@@ -7307,7 +7307,7 @@ function ci() {
     /* @__PURE__ */ r("line", { x1: "9", y1: "3", x2: "3", y2: "9" })
   ] });
 }
-function Xt(e, t, n) {
+function Ut(e, t, n) {
   return Math.max(t, Math.min(n, e));
 }
 function Lr(e, t, n) {
@@ -7441,8 +7441,8 @@ function ro(e, t, n) {
       u.preventDefault();
       const a = e.current.getBoundingClientRect();
       o.current(
-        Xt((u.clientX - a.left) / a.width, 0, 1),
-        Xt((u.clientY - a.top) / a.height, 0, 1)
+        Ut((u.clientX - a.left) / a.width, 0, 1),
+        Ut((u.clientY - a.top) / a.height, 0, 1)
       );
     }, d = () => {
       l.current && (l.current = !1, s.current());
@@ -7454,8 +7454,8 @@ function ro(e, t, n) {
     if (c.preventDefault(), l.current = !0, !e.current) return;
     const d = e.current.getBoundingClientRect();
     o.current(
-      Xt((c.clientX - d.left) / d.width, 0, 1),
-      Xt((c.clientY - d.top) / d.height, 0, 1)
+      Ut((c.clientX - d.left) / d.width, 0, 1),
+      Ut((c.clientY - d.top) / d.height, 0, 1)
     );
   };
 }
@@ -7585,17 +7585,17 @@ function na({ color: e, format: t, disabledAlpha: n, onColorChange: o, onFormatC
       c(wr(e).toUpperCase());
   }, { r: f, g: p, b: g } = Lr(e.h, e.s, e.b), y = (m, k) => {
     if (isNaN(k)) return;
-    const M = m === "r" ? Xt(k, 0, 255) : f, B = m === "g" ? Xt(k, 0, 255) : p, S = m === "b" ? Xt(k, 0, 255) : g, L = Kr(M, B, S);
+    const M = m === "r" ? Ut(k, 0, 255) : f, B = m === "g" ? Ut(k, 0, 255) : p, S = m === "b" ? Ut(k, 0, 255) : g, L = Kr(M, B, S);
     o({ ...L, a: e.a });
   }, h = (m, k) => {
     isNaN(k) || o({
-      h: m === "h" ? Xt(k, 0, 360) : e.h,
-      s: m === "s" ? Xt(k, 0, 100) : e.s,
-      b: m === "b" ? Xt(k, 0, 100) : e.b,
+      h: m === "h" ? Ut(k, 0, 360) : e.h,
+      s: m === "s" ? Ut(k, 0, 100) : e.s,
+      b: m === "b" ? Ut(k, 0, 100) : e.b,
       a: e.a
     });
   }, v = (m) => {
-    isNaN(m) || o({ ...e, a: Xt(m, 0, 100) / 100 });
+    isNaN(m) || o({ ...e, a: Ut(m, 0, 100) / 100 });
   }, [w, C] = G(!1), b = q(null);
   Me(() => {
     if (!w) return;
@@ -7786,7 +7786,7 @@ function ia({ stops: e, activeIndex: t, angle: n, onSelectStop: o, onMoveStop: s
     const b = (m) => {
       if (f.current === null || !a.current) return;
       m.preventDefault();
-      const k = a.current.getBoundingClientRect(), M = Xt((m.clientX - k.left) / k.width * 100, 0, 100);
+      const k = a.current.getBoundingClientRect(), M = Ut((m.clientX - k.left) / k.width * 100, 0, 100);
       p.current(f.current, Math.round(M));
     }, x = () => {
       f.current !== null && (f.current = null, g.current());
@@ -7797,7 +7797,7 @@ function ia({ stops: e, activeIndex: t, angle: n, onSelectStop: o, onMoveStop: s
   }, []);
   const y = (b) => {
     if (!a.current) return;
-    const x = a.current.getBoundingClientRect(), m = Xt((b.clientX - x.left) / x.width * 100, 0, 100);
+    const x = a.current.getBoundingClientRect(), m = Ut((b.clientX - x.left) / x.width * 100, 0, 100);
     l(Math.round(m));
   }, h = (b, x) => {
     b.stopPropagation(), b.preventDefault(), f.current = x, o(x);
@@ -7862,7 +7862,7 @@ function ia({ stops: e, activeIndex: t, angle: n, onSelectStop: o, onMoveStop: s
           min: 0,
           max: 360,
           value: n,
-          onChange: (b) => d(Xt(+b.target.value, 0, 360)),
+          onChange: (b) => d(Ut(+b.target.value, 0, 360)),
           style: {
             height: "1.5rem",
             width: "3rem",
@@ -8615,7 +8615,7 @@ function da(e) {
       return ".+";
   }
 }
-const ua = new ai(), di = Ut(null);
+const ua = new ai(), di = Gt(null);
 function $h({ adapter: e, children: t }) {
   return /* @__PURE__ */ r(di.Provider, { value: e, children: t });
 }
@@ -10159,7 +10159,7 @@ class Dh {
     return `Q${t}`;
   }
 }
-const Ba = new ai(), ki = Ut(null);
+const Ba = new ai(), ki = Gt(null);
 function Ph({ adapter: e, children: t }) {
   return /* @__PURE__ */ r(ki.Provider, { value: e, children: t });
 }
@@ -11796,7 +11796,7 @@ const sn = {
 function fd(e) {
   return `translate3d(${e.x}px, ${e.y}px, 0) scale(${e.scale}) rotate(${e.rotate}deg) scaleX(${e.flipX ? -1 : 1}) scaleY(${e.flipY ? -1 : 1})`;
 }
-const Bi = Ut({
+const Bi = Gt({
   isGroup: !1,
   register: () => () => {
   },
@@ -12924,7 +12924,7 @@ class It {
     s && s.scrollIntoView({ behavior: "smooth", block: "nearest", ...n });
   }
 }
-const Xr = Ut(null), Kn = Ut(null), Ii = Ut(null);
+const Xr = Gt(null), Kn = Gt(null), Ii = Gt(null);
 function Ri(e) {
   const t = q(null);
   t.current || (t.current = new It());
@@ -14803,7 +14803,7 @@ const Yh = Qt(function(t, n) {
   small: "sm",
   middle: "md",
   large: "lg"
-}, no = Ut(null);
+}, no = Gt(null);
 function Di({
   checked: e,
   defaultChecked: t = !1,
@@ -15225,7 +15225,7 @@ function ou({
             ]
           }
         );
-        return O ? /* @__PURE__ */ r(Gt, { content: O, children: ae }, Y) : /* @__PURE__ */ r("span", { children: ae }, Y);
+        return O ? /* @__PURE__ */ r(Xt, { content: O, children: ae }, Y) : /* @__PURE__ */ r("span", { children: ae }, Y);
       })
     }
   );
@@ -20777,7 +20777,7 @@ function Wf({
                 f
               ),
               children: [
-                n.showPreviewIcon && (b || e.url || e.thumbUrl) && /* @__PURE__ */ r(Gt, { content: "Preview", children: /* @__PURE__ */ r(
+                n.showPreviewIcon && (b || e.url || e.thumbUrl) && /* @__PURE__ */ r(Xt, { content: "Preview", children: /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
@@ -20794,7 +20794,7 @@ function Wf({
                     children: M(n.previewIcon, /* @__PURE__ */ r(Bf, {}))
                   }
                 ) }),
-                n.showDownloadIcon && b && /* @__PURE__ */ r(Gt, { content: "Download", children: /* @__PURE__ */ r(
+                n.showDownloadIcon && b && /* @__PURE__ */ r(Xt, { content: "Download", children: /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
@@ -20811,7 +20811,7 @@ function Wf({
                     children: M(n.downloadIcon, /* @__PURE__ */ r(zo, {}))
                   }
                 ) }),
-                n.showRemoveIcon && !o && /* @__PURE__ */ r(Gt, { content: "Remove", children: /* @__PURE__ */ r(
+                n.showRemoveIcon && !o && /* @__PURE__ */ r(Xt, { content: "Remove", children: /* @__PURE__ */ r(
                   "button",
                   {
                     type: "button",
@@ -20902,7 +20902,7 @@ function Wf({
           }
         ) : /* @__PURE__ */ r("span", { style: { flexShrink: 0, display: "flex", color: C ? i.colorError : i.colorTextMuted }, children: /* @__PURE__ */ r(_f, {}) }),
         /* @__PURE__ */ T("div", { style: { flex: 1, minWidth: 0 }, children: [
-          /* @__PURE__ */ r(Gt, { content: e.name, children: /* @__PURE__ */ r(
+          /* @__PURE__ */ r(Xt, { content: e.name, children: /* @__PURE__ */ r(
             "span",
             {
               style: {
@@ -20958,7 +20958,7 @@ function Wf({
               f
             ),
             children: [
-              n.showDownloadIcon && b && /* @__PURE__ */ r(Gt, { content: "Download", children: /* @__PURE__ */ r(
+              n.showDownloadIcon && b && /* @__PURE__ */ r(Xt, { content: "Download", children: /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
@@ -20975,7 +20975,7 @@ function Wf({
                   children: M(n.downloadIcon, /* @__PURE__ */ r(zo, {}))
                 }
               ) }),
-              n.showRemoveIcon && !o && /* @__PURE__ */ r(Gt, { content: "Remove", children: /* @__PURE__ */ r(
+              n.showRemoveIcon && !o && /* @__PURE__ */ r(Xt, { content: "Remove", children: /* @__PURE__ */ r(
                 "button",
                 {
                   type: "button",
@@ -21496,7 +21496,7 @@ function Kf(e) {
     return window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
   }, [e]), t;
 }
-const ts = Ut({});
+const ts = Gt({});
 function rs({
   src: e,
   srcSet: t,
@@ -25241,7 +25241,7 @@ function E0({
       ]
     }
   );
-  return A && p != null ? /* @__PURE__ */ r(Gt, { content: /* @__PURE__ */ r("span", { children: p }), children: N }) : N;
+  return A && p != null ? /* @__PURE__ */ r(Xt, { content: /* @__PURE__ */ r("span", { children: p }), children: N }) : N;
 }
 function D0({
   percent: e,
@@ -25348,7 +25348,7 @@ function D0({
       ]
     }
   );
-  return A && f != null ? /* @__PURE__ */ r(Gt, { content: /* @__PURE__ */ r("span", { children: f }), children: N }) : N;
+  return A && f != null ? /* @__PURE__ */ r(Xt, { content: /* @__PURE__ */ r("span", { children: f }), children: N }) : N;
 }
 function fs(e, t) {
   switch (e) {
@@ -25758,7 +25758,7 @@ export {
   Zh as TimePicker,
   cp as Timeline,
   Qh as Toggle,
-  Gt as Tooltip,
+  Xt as Tooltip,
   ap as Tour,
   Jh as Transfer,
   tp as Tree,