xtreme-ui 0.0.11 → 0.0.12

package/dist/components/layout/Sider/types.d.ts

@@ -6,11 +6,14 @@ export type TSiderProps = {
     showMiniLeftSider?: boolean;
     rightSider?: ReactNode;
     showMiniRightSider?: boolean;
-    open?: keyof typeof EOpenModes;
+    open?: TSiderModes;
     setOpen?: (open: boolean) => void;
 };
-export declare enum EOpenModes {
+export type TSiderModes = keyof typeof EOpenModes;
+declare enum EOpenModes {
     left = "left",
     right = "right",
     closed = "closed"
 }
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/layout/Sider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC;AAClD,aAAK,UAAU;IACd,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;CACjB"}

package/dist/index.d.ts

@@ -8,6 +8,6 @@ export { type IProgressBarProps } from './components/base/ProgressBar/types';
 export { Textfield } from './components/base/Textfield/Textfield';
 export { type TTextfieldProps } from './components/base/Textfield/types';
 export { Sider } from './components/layout/Sider/Sider';
-export { type TSiderProps, EOpenModes } from './components/layout/Sider/types';
+export { type TSiderProps, type TSiderModes } from './components/layout/Sider/types';
 export { Navigation } from './components/layout/Navigation/Navigation';
 export { type TNavigationProps, type TNavigationRoute } from './components/layout/Navigation/types';

package/dist/index.es.js

@@ -1,11 +1,11 @@
 import ar, { forwardRef as U, useRef as Ar, useMemo as Wr } from "react";
-const he = typeof window < "u", Y = he ? window : void 0, Te = (r, n) => he ? getComputedStyle((n == null ? void 0 : n.current) || document.documentElement).getPropertyValue(r) : "", ia = (r, n) => parseInt(Te(r, n).replace(/px/g, "")), oa = (r, n) => {
+const he = typeof window < "u", Y = he ? window : void 0, Te = (r, n) => he ? getComputedStyle((n == null ? void 0 : n.current) || document.documentElement).getPropertyValue(r) : "", aa = (r, n) => parseInt(Te(r, n).replace(/px/g, "")), ia = (r, n) => {
   const i = parseInt(Te(r, n).replace(/vh/g, ""));
   return [((Y == null ? void 0 : Y.innerHeight) ?? 0) * i / 100, i];
-}, sa = (r, n) => {
+}, oa = (r, n) => {
   const i = parseInt(Te(r, n).replace(/vw/g, ""));
   return [((Y == null ? void 0 : Y.innerWidth) ?? 0) * i / 100, i];
-}, la = (r, n, i) => he ? ((i == null ? void 0 : i.current) || document.documentElement).style.setProperty(r, n) : "", ca = (r) => new Promise((n) => {
+}, sa = (r, n, i) => he ? ((i == null ? void 0 : i.current) || document.documentElement).style.setProperty(r, n) : "", ca = (r) => new Promise((n) => {
   let i = document.querySelector(r);
   if (i)
     return n(i);
@@ -13,14 +13,14 @@ const he = typeof window < "u", Y = he ? window : void 0, Te = (r, n) => he ? ge
     i = document.querySelector(r), i && (n(i), o.disconnect());
   });
   o.observe(document.body, { childList: !0, subtree: !0 });
-}), ua = (r, n) => {
+}), la = (r, n) => {
   var i;
   (i = n == null ? void 0 : n.forEach) == null || i.call(n, (o) => {
-    let l;
+    let c;
     new MutationObserver((_) => {
-      var c;
-      document.querySelector(o) && (l = document.querySelector(o)), (c = _ == null ? void 0 : _.forEach) == null || c.call(_, (m) => {
-        m.type === "childList" && (Array.from(m.addedNodes).indexOf(l) > -1 && r(l, "added", m), Array.from(m.removedNodes).indexOf(l) > -1 && r(l, "removed", m));
+      var l;
+      document.querySelector(o) && (c = document.querySelector(o)), (l = _ == null ? void 0 : _.forEach) == null || l.call(_, (m) => {
+        m.type === "childList" && (Array.from(m.addedNodes).indexOf(c) > -1 && r(c, "added", m), Array.from(m.removedNodes).indexOf(c) > -1 && r(c, "removed", m));
       });
     }).observe(document.body, { childList: !0, subtree: !0 });
   });
@@ -48,16 +48,16 @@ function Yr() {
   if (Ge)
     return K;
   Ge = 1;
-  var r = ar, n = Symbol.for("react.element"), i = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, l = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function _(d, c, m) {
+  var r = ar, n = Symbol.for("react.element"), i = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, c = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, g = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function _(d, l, m) {
     var y, b = {}, x = null, w = null;
-    m !== void 0 && (x = "" + m), c.key !== void 0 && (x = "" + c.key), c.ref !== void 0 && (w = c.ref);
-    for (y in c)
-      o.call(c, y) && !g.hasOwnProperty(y) && (b[y] = c[y]);
+    m !== void 0 && (x = "" + m), l.key !== void 0 && (x = "" + l.key), l.ref !== void 0 && (w = l.ref);
+    for (y in l)
+      o.call(l, y) && !g.hasOwnProperty(y) && (b[y] = l[y]);
     if (d && d.defaultProps)
-      for (y in c = d.defaultProps, c)
-        b[y] === void 0 && (b[y] = c[y]);
-    return { $$typeof: n, type: d, key: x, ref: w, props: b, _owner: l.current };
+      for (y in l = d.defaultProps, l)
+        b[y] === void 0 && (b[y] = l[y]);
+    return { $$typeof: n, type: d, key: x, ref: w, props: b, _owner: c.current };
   }
   return K.Fragment = i, K.jsx = _, K.jsxs = _, K;
 }
@@ -74,7 +74,7 @@ var Z = {};
 var Je;
 function Ur() {
   return Je || (Je = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = ar, n = Symbol.for("react.element"), i = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), d = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), W = Symbol.iterator, q = "@@iterator";
+    var r = ar, n = Symbol.for("react.element"), i = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), d = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), x = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), W = Symbol.iterator, q = "@@iterator";
     function z(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -102,7 +102,7 @@ function Ur() {
     var se = !1, G = !1, S = !1, P = !1, F = !1, J;
     J = Symbol.for("react.module.reference");
     function fr(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === o || e === g || F || e === l || e === m || e === y || P || e === w || se || G || S || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === b || e.$$typeof === _ || e.$$typeof === d || e.$$typeof === c || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === o || e === g || F || e === c || e === m || e === y || P || e === w || se || G || S || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === b || e.$$typeof === _ || e.$$typeof === d || e.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -132,7 +132,7 @@ function Ur() {
           return "Portal";
         case g:
           return "Profiler";
-        case l:
+        case c:
           return "StrictMode";
         case m:
           return "Suspense";
@@ -147,7 +147,7 @@ function Ur() {
           case _:
             var a = e;
             return Ee(a._context) + ".Provider";
-          case c:
+          case l:
             return dr(e, e.render, "ForwardRef");
           case b:
             var s = e.displayName || null;
@@ -225,18 +225,18 @@ function Ur() {
         X < 0 && T("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var le = j.ReactCurrentDispatcher, ce;
+    var ce = j.ReactCurrentDispatcher, le;
     function ee(e, t, a) {
       {
-        if (ce === void 0)
+        if (le === void 0)
           try {
             throw Error();
           } catch (p) {
             var s = p.stack.trim().match(/\n( *(at )?)/);
-            ce = s && s[1] || "";
+            le = s && s[1] || "";
           }
         return `
-` + ce + e;
+` + le + e;
       }
     }
     var ue = !1, re;
@@ -257,7 +257,7 @@ function Ur() {
       var p = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var v;
-      v = le.current, le.current = null, pr();
+      v = ce.current, ce.current = null, pr();
       try {
         if (t) {
           var f = function() {
@@ -310,7 +310,7 @@ function Ur() {
             }
         }
       } finally {
-        ue = !1, le.current = v, _r(), Error.prepareStackTrace = p;
+        ue = !1, ce.current = v, _r(), Error.prepareStackTrace = p;
       }
       var V = e ? e.displayName || e.name : "", Be = V ? ee(V) : "";
       return typeof e == "function" && re.set(e, Be), Be;
@@ -337,7 +337,7 @@ function Ur() {
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case c:
+          case l:
             return gr(e.render);
           case b:
             return te(e.type, t, a);
@@ -589,7 +589,7 @@ Check the top-level render call using <` + a + ">.");
         var a;
         if (typeof t == "function")
           a = t.propTypes;
-        else if (typeof t == "object" && (t.$$typeof === c || // Note: Memo only checks outer props here.
+        else if (typeof t == "object" && (t.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         t.$$typeof === b))
           a = t.propTypes;
@@ -694,7 +694,7 @@ var nt = tt, at = nt, it = /^\s+/;
 function ot(r) {
   return r && r.slice(0, at(r) + 1).replace(it, "");
 }
-var st = ot, lt = or, ct = lt.Symbol, sr = ct, Xe = sr, lr = Object.prototype, ut = lr.hasOwnProperty, ft = lr.toString, Q = Xe ? Xe.toStringTag : void 0;
+var st = ot, ct = or, lt = ct.Symbol, sr = lt, Xe = sr, cr = Object.prototype, ut = cr.hasOwnProperty, ft = cr.toString, Q = Xe ? Xe.toStringTag : void 0;
 function dt(r) {
   var n = ut.call(r, Q), i = r[Q];
   try {
@@ -702,8 +702,8 @@ function dt(r) {
     var o = !0;
   } catch {
   }
-  var l = ft.call(r);
-  return o && (n ? r[Q] = i : delete r[Q]), l;
+  var c = ft.call(r);
+  return o && (n ? r[Q] = i : delete r[Q]), c;
 }
 var pt = dt, _t = Object.prototype, vt = _t.toString;
 function gt(r) {
@@ -739,24 +739,24 @@ function Lt(r) {
 }
 var At = Lt, Wt = Se, ge = et, er = At, qt = "Expected a function", zt = Math.max, Mt = Math.min;
 function Vt(r, n, i) {
-  var o, l, g, _, d, c, m = 0, y = !1, b = !1, x = !0;
+  var o, c, g, _, d, l, m = 0, y = !1, b = !1, x = !0;
   if (typeof r != "function")
     throw new TypeError(qt);
   n = er(n) || 0, Wt(i) && (y = !!i.leading, b = "maxWait" in i, g = b ? zt(er(i.maxWait) || 0, n) : g, x = "trailing" in i ? !!i.trailing : x);
   function w(S) {
-    var P = o, F = l;
-    return o = l = void 0, m = S, _ = r.apply(F, P), _;
+    var P = o, F = c;
+    return o = c = void 0, m = S, _ = r.apply(F, P), _;
   }
   function W(S) {
     return m = S, d = setTimeout(j, n), y ? w(S) : _;
   }
   function q(S) {
-    var P = S - c, F = S - m, J = n - P;
+    var P = S - l, F = S - m, J = n - P;
     return b ? Mt(J, g - F) : J;
   }
   function z(S) {
-    var P = S - c, F = S - m;
-    return c === void 0 || P >= n || P < 0 || b && F >= g;
+    var P = S - l, F = S - m;
+    return l === void 0 || P >= n || P < 0 || b && F >= g;
   }
   function j() {
     var S = ge();
@@ -765,21 +765,21 @@ function Vt(r, n, i) {
     d = setTimeout(j, q(S));
   }
   function T(S) {
-    return d = void 0, x && o ? w(S) : (o = l = void 0, _);
+    return d = void 0, x && o ? w(S) : (o = c = void 0, _);
   }
   function oe() {
-    d !== void 0 && clearTimeout(d), m = 0, o = c = l = d = void 0;
+    d !== void 0 && clearTimeout(d), m = 0, o = l = c = d = void 0;
   }
   function se() {
     return d === void 0 ? _ : T(ge());
   }
   function G() {
     var S = ge(), P = z(S);
-    if (o = arguments, l = this, c = S, P) {
+    if (o = arguments, c = this, l = S, P) {
       if (d === void 0)
-        return W(c);
+        return W(l);
       if (b)
-        return clearTimeout(d), d = setTimeout(j, n), w(c);
+        return clearTimeout(d), d = setTimeout(j, n), w(l);
     }
     return d === void 0 && (d = setTimeout(j, n)), _;
   }
@@ -787,13 +787,13 @@ function Vt(r, n, i) {
 }
 var Yt = Vt, Ut = Yt, Bt = Se, Gt = "Expected a function";
 function Jt(r, n, i) {
-  var o = !0, l = !0;
+  var o = !0, c = !0;
   if (typeof r != "function")
     throw new TypeError(Gt);
-  return Bt(i) && (o = "leading" in i ? !!i.leading : o, l = "trailing" in i ? !!i.trailing : l), Ut(r, n, {
+  return Bt(i) && (o = "leading" in i ? !!i.leading : o, c = "trailing" in i ? !!i.trailing : c), Ut(r, n, {
     leading: o,
     maxWait: n,
-    trailing: l
+    trailing: c
   });
 }
 var Xt = Jt;
@@ -809,25 +809,25 @@ const Ht = /* @__PURE__ */ Vr(Xt), Kt = "_icon_awnbf_2", Zt = "_thin_awnbf_25",
   sharpLight: on,
   brand: sn
 };
-var cr = /* @__PURE__ */ ((r) => (r[r.mini = 12] = "mini", r[r.default = 18] = "default", r[r.large = 24] = "large", r))(cr || {});
+var lr = /* @__PURE__ */ ((r) => (r[r.mini = 12] = "mini", r[r.default = 18] = "default", r[r.large = 24] = "large", r))(lr || {});
 const Re = U((r, n) => {
-  const { className: i, code: o, type: l = "light", size: g } = r, _ = g ? `${typeof g == "number" ? g : cr[g]}px` : void 0, d = B(
+  const { className: i, code: o, type: c = "light", size: g } = r, _ = g ? `${typeof g == "number" ? g : lr[g]}px` : void 0, d = B(
     rr.icon,
-    l && rr[l],
+    c && rr[c],
     i
   );
   return /* @__PURE__ */ h.jsx("span", { className: d, ref: n, style: { "--iconSize": _ }, "data-content": Mr(o) });
 });
 Re.displayName = "Icon";
-const ln = "_progressBar_luf46_1", cn = "_progress_luf46_1", un = "_intermediate_luf46_31", fn = "_barberPole_luf46_1", me = {
-  progressBar: ln,
-  progress: cn,
+const cn = "_progressBar_luf46_1", ln = "_progress_luf46_1", un = "_intermediate_luf46_31", fn = "_barberPole_luf46_1", me = {
+  progressBar: cn,
+  progress: ln,
   intermediate: un,
   barberPole: fn
 }, ur = U((r, n) => {
-  const { className: i, progress: o = 100, intermediate: l = !1 } = r, g = l ? 150 : Math.min(Math.max(o, 0), 100), _ = B(
+  const { className: i, progress: o = 100, intermediate: c = !1 } = r, g = c ? 150 : Math.min(Math.max(o, 0), 100), _ = B(
     me.progressBar,
-    l && me.intermediate,
+    c && me.intermediate,
     i
   );
   return /* @__PURE__ */ h.jsx("div", { className: _, ref: n, children: /* @__PURE__ */ h.jsx("span", { className: me.progress, style: { width: `${g}%` } }) });
@@ -861,11 +861,11 @@ const kn = U((r, n) => {
   const {
     className: i,
     label: o,
-    type: l = "primary",
+    type: c = "primary",
     size: g = "default",
     disabled: _ = !1,
     loading: d = !1,
-    icon: c,
+    icon: l,
     iconType: m,
     iconPosition: y = "left",
     onClick: b
@@ -876,17 +876,17 @@ const kn = U((r, n) => {
       (T = x.current) == null || T.classList.remove(k.clicked);
     }, 600 + tr);
   }, tr), W = (j) => {
-    b == null || b(j), l.includes(be.link) || w();
-  }, q = () => c ? /* @__PURE__ */ h.jsx(Re, { className: k.icon, code: c, type: m, size: g }) : null, z = B(
+    b == null || b(j), c.includes(be.link) || w();
+  }, q = () => l ? /* @__PURE__ */ h.jsx(Re, { className: k.icon, code: l, type: m, size: g }) : null, z = B(
     k.button,
-    k[`${l}Type`],
+    k[`${c}Type`],
     k[`${g}Size`],
     !o && k.iconOnly,
     d && k.loading,
     i
   );
-  return !o && !c ? null : /* @__PURE__ */ h.jsxs("button", { className: z, ref: qr([x, n]), onClick: W, disabled: _, children: [
-    l.includes(be.link) && /* @__PURE__ */ h.jsx(ur, { className: k.underline, intermediate: d }),
+  return !o && !l ? null : /* @__PURE__ */ h.jsxs("button", { className: z, ref: qr([x, n]), onClick: W, disabled: _, children: [
+    c.includes(be.link) && /* @__PURE__ */ h.jsx(ur, { className: k.underline, intermediate: d }),
     y === "left" && /* @__PURE__ */ h.jsx(q, {}),
     o && /* @__PURE__ */ h.jsx("span", { className: k.label, children: o }),
     y === "right" && /* @__PURE__ */ h.jsx(q, {})
@@ -905,35 +905,35 @@ const Nn = "_textfield_7y99a_1", $n = "_icon_7y99a_27", Dn = "_input_7y99a_36",
   const {
     className: i,
     type: o = "text",
-    textarea: l,
+    textarea: c,
     placeholder: g,
     autoComplete: _ = "off",
     autoFocus: d,
-    icon: c,
+    icon: l,
     iconType: m = "regular",
     value: y,
     onChange: b
   } = r, x = Wr(() => {
-    if (l === !0)
+    if (c === !0)
       return null;
-    if (c)
-      return c;
+    if (l)
+      return l;
     if (o === "number")
       return "23";
     if (o === "search")
       return "f002";
     if (o === "password")
       return "f30d";
-  }, [l, c, o]), w = B(
+  }, [c, l, o]), w = B(
     D.textfield,
     x && D.withIcon,
-    l && D.textarea,
+    c && D.textarea,
     y && D.hasValue,
     i
   );
   return /* @__PURE__ */ h.jsxs("div", { className: w, ref: n, children: [
-    !!x && !l && /* @__PURE__ */ h.jsx(Re, { className: D.icon, code: x, type: m }),
-    l ? /* @__PURE__ */ h.jsx(
+    !!x && !c && /* @__PURE__ */ h.jsx(Re, { className: D.icon, code: x, type: m }),
+    c ? /* @__PURE__ */ h.jsx(
       "textarea",
       {
         className: D.input,
@@ -970,42 +970,41 @@ const qn = "_sider_9guyz_1", zn = "_leftSiderContainer_9guyz_13", Mn = "_rightSi
   const {
     className: i,
     children: o,
-    leftSider: l,
+    leftSider: c,
     showMiniLeftSider: g = !0,
     rightSider: _,
     showMiniRightSider: d = !1,
-    open: c = "closed"
+    open: l = "closed"
     // setOpen,
   } = r, m = B(
     I.sider,
-    c === "left" && I.leftOpen,
+    l === "left" && I.leftOpen,
     g && I.miniLeftSider,
-    c === "right" && I.rightOpen,
+    l === "right" && I.rightOpen,
     d && I.miniRightSider,
     i
   );
   return /* @__PURE__ */ h.jsxs("section", { className: m, ref: n, role: "sider", children: [
-    /* @__PURE__ */ h.jsx("div", { className: I.leftSiderContainer, children: l }),
+    /* @__PURE__ */ h.jsx("div", { className: I.leftSiderContainer, children: c }),
     /* @__PURE__ */ h.jsx("div", { className: I.rightSiderContainer, children: _ }),
     /* @__PURE__ */ h.jsx("div", { className: I.content, children: o })
   ] });
 });
 Jn.displayName = "Sider";
-var Xn = /* @__PURE__ */ ((r) => (r.left = "left", r.right = "right", r.closed = "closed", r))(Xn || {});
-const Hn = "_navigation_zrgjp_1", Kn = "_brand_zrgjp_9", Zn = "_routeList_zrgjp_18", Qn = "_route_zrgjp_18", ea = "_icon_zrgjp_59", ra = "_label_zrgjp_65", ta = "_active_zrgjp_77", A = {
-  navigation: Hn,
-  brand: Kn,
-  routeList: Zn,
-  route: Qn,
-  icon: ea,
-  label: ra,
-  active: ta
-}, na = U((r, n) => {
-  const { className: i, Routes: o } = r, l = B(
+const Xn = "_navigation_zrgjp_1", Hn = "_brand_zrgjp_9", Kn = "_routeList_zrgjp_18", Zn = "_route_zrgjp_18", Qn = "_icon_zrgjp_59", ea = "_label_zrgjp_65", ra = "_active_zrgjp_77", A = {
+  navigation: Xn,
+  brand: Hn,
+  routeList: Kn,
+  route: Zn,
+  icon: Qn,
+  label: ea,
+  active: ra
+}, ta = U((r, n) => {
+  const { className: i, Routes: o } = r, c = B(
     A.navigation,
     i
   );
-  return /* @__PURE__ */ h.jsxs("section", { className: l, ref: n, role: "navigation", children: [
+  return /* @__PURE__ */ h.jsxs("section", { className: c, ref: n, role: "navigation", children: [
     /* @__PURE__ */ h.jsx("div", { className: A.brand, children: "🎲 XtremeUI" }),
     /* @__PURE__ */ h.jsx("div", { className: A.routeList, children: !!o && /* @__PURE__ */ h.jsx(
       o,
@@ -1018,27 +1017,26 @@ const Hn = "_navigation_zrgjp_1", Kn = "_brand_zrgjp_9", Zn = "_routeList_zrgjp_
     ) })
   ] });
 });
-na.displayName = "Navigation";
+ta.displayName = "Navigation";
 export {
   kn as Button,
   be as EButtonTypes,
-  cr as EIconSize,
-  Xn as EOpenModes,
+  lr as EIconSize,
   Re as Icon,
-  na as Navigation,
+  ta as Navigation,
   ur as ProgressBar,
   Jn as Sider,
   Wn as Textfield,
   Y as dom,
-  ua as elementObserver,
+  la as elementObserver,
   Te as getCssProperty,
-  ia as getCssPropertyPx,
-  oa as getCssPropertyVh,
-  sa as getCssPropertyVw,
+  aa as getCssPropertyPx,
+  ia as getCssPropertyVh,
+  oa as getCssPropertyVw,
   he as isClient,
   qr as mergeRefs,
   zr as safeStringFromCodePoint,
-  la as setCssProperty,
+  sa as setCssProperty,
   Mr as unicodeToString,
   ca as waitForElement
 };

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(function(v,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],x):(v=typeof globalThis<"u"?globalThis:v||self,x(v.XtremeUI={},v.require$$0))})(this,function(v,x){"use strict";const sn="",re=typeof window<"u",A=re?window:void 0,te=(r,n)=>re?getComputedStyle((n==null?void 0:n.current)||document.documentElement).getPropertyValue(r):"",br=(r,n)=>parseInt(te(r,n).replace(/px/g,"")),hr=(r,n)=>{const i=parseInt(te(r,n).replace(/vh/g,""));return[((A==null?void 0:A.innerHeight)??0)*i/100,i]},Tr=(r,n)=>{const i=parseInt(te(r,n).replace(/vw/g,""));return[((A==null?void 0:A.innerWidth)??0)*i/100,i]},Sr=(r,n,i)=>re?((i==null?void 0:i.current)||document.documentElement).style.setProperty(r,n):"",Rr=r=>new Promise(n=>{let i=document.querySelector(r);if(i)return n(i);const o=new MutationObserver(()=>{i=document.querySelector(r),i&&(n(i),o.disconnect())});o.observe(document.body,{childList:!0,subtree:!0})}),Er=(r,n)=>{var i;(i=n==null?void 0:n.forEach)==null||i.call(n,o=>{let l;new MutationObserver(g=>{var c;document.querySelector(o)&&(l=document.querySelector(o)),(c=g==null?void 0:g.forEach)==null||c.call(g,y=>{y.type==="childList"&&(Array.from(y.addedNodes).indexOf(l)>-1&&r(l,"added",y),Array.from(y.removedNodes).indexOf(l)>-1&&r(l,"removed",y))})}).observe(document.body,{childList:!0,subtree:!0})})},we=r=>n=>{r.forEach(i=>{typeof i=="function"?i(n):i!=null&&(i.current=n)})},Ce=r=>isNaN(r)||r<0||r>1114111||Math.floor(r)!==r?"":String.fromCodePoint(r),xe=r=>Ce(parseInt(`0x${r}`,16));var ne=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function jr(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var fe={exports:{}},J={};/**
+(function(_,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],x):(_=typeof globalThis<"u"?globalThis:_||self,x(_.XtremeUI={},_.require$$0))})(this,function(_,x){"use strict";const on="",re=typeof window<"u",A=re?window:void 0,te=(r,n)=>re?getComputedStyle((n==null?void 0:n.current)||document.documentElement).getPropertyValue(r):"",yr=(r,n)=>parseInt(te(r,n).replace(/px/g,"")),br=(r,n)=>{const i=parseInt(te(r,n).replace(/vh/g,""));return[((A==null?void 0:A.innerHeight)??0)*i/100,i]},hr=(r,n)=>{const i=parseInt(te(r,n).replace(/vw/g,""));return[((A==null?void 0:A.innerWidth)??0)*i/100,i]},Tr=(r,n,i)=>re?((i==null?void 0:i.current)||document.documentElement).style.setProperty(r,n):"",Sr=r=>new Promise(n=>{let i=document.querySelector(r);if(i)return n(i);const o=new MutationObserver(()=>{i=document.querySelector(r),i&&(n(i),o.disconnect())});o.observe(document.body,{childList:!0,subtree:!0})}),Rr=(r,n)=>{var i;(i=n==null?void 0:n.forEach)==null||i.call(n,o=>{let l;new MutationObserver(g=>{var c;document.querySelector(o)&&(l=document.querySelector(o)),(c=g==null?void 0:g.forEach)==null||c.call(g,y=>{y.type==="childList"&&(Array.from(y.addedNodes).indexOf(l)>-1&&r(l,"added",y),Array.from(y.removedNodes).indexOf(l)>-1&&r(l,"removed",y))})}).observe(document.body,{childList:!0,subtree:!0})})},we=r=>n=>{r.forEach(i=>{typeof i=="function"?i(n):i!=null&&(i.current=n)})},Ce=r=>isNaN(r)||r<0||r>1114111||Math.floor(r)!==r?"":String.fromCodePoint(r),xe=r=>Ce(parseInt(`0x${r}`,16));var ne=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Er(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var fe={exports:{}},J={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Pe;function Or(){if(Pe)return J;Pe=1;var r=x,n=Symbol.for("react.element"),i=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,m={key:!0,ref:!0,__self:!0,__source:!0};function g(d,c,y){var b,h={},O=null,P=null;y!==void 0&&(O=""+y),c.key!==void 0&&(O=""+c.key),c.ref!==void 0&&(P=c.ref);for(b in c)o.call(c,b)&&!m.hasOwnProperty(b)&&(h[b]=c[b]);if(d&&d.defaultProps)for(b in c=d.defaultProps,c)h[b]===void 0&&(h[b]=c[b]);return{$$typeof:n,type:d,key:O,ref:P,props:h,_owner:l.current}}return J.Fragment=i,J.jsx=g,J.jsxs=g,J}var X={};/**
+ */var Pe;function jr(){if(Pe)return J;Pe=1;var r=x,n=Symbol.for("react.element"),i=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,m={key:!0,ref:!0,__self:!0,__source:!0};function g(d,c,y){var b,h={},O=null,P=null;y!==void 0&&(O=""+y),c.key!==void 0&&(O=""+c.key),c.ref!==void 0&&(P=c.ref);for(b in c)o.call(c,b)&&!m.hasOwnProperty(b)&&(h[b]=c[b]);if(d&&d.defaultProps)for(b in c=d.defaultProps,c)h[b]===void 0&&(h[b]=c[b]);return{$$typeof:n,type:d,key:O,ref:P,props:h,_owner:l.current}}return J.Fragment=i,J.jsx=g,J.jsxs=g,J}var X={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,14 +14,14 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ke;function wr(){return ke||(ke=1,process.env.NODE_ENV!=="production"&&function(){var r=x,n=Symbol.for("react.element"),i=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),d=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),P=Symbol.for("react.offscreen"),q=Symbol.iterator,Y="@@iterator";function B(e){if(e===null||typeof e!="object")return null;var t=q&&e[q]||e[Y];return typeof t=="function"?t:null}var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function S(e){{for(var t=arguments.length,a=new Array(t>1?t-1:0),s=1;s<t;s++)a[s-1]=arguments[s];me("error",e,a)}}function me(e,t,a){{var s=w.ReactDebugCurrentFrame,p=s.getStackAddendum();p!==""&&(t+="%s",a=a.concat([p]));var _=a.map(function(f){return String(f)});_.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,_)}}var ye=!1,K=!1,R=!1,D=!1,W=!1,Z;Z=Symbol.for("react.module.reference");function Dt(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===m||W||e===l||e===y||e===b||D||e===P||ye||K||R||typeof e=="object"&&e!==null&&(e.$$typeof===O||e.$$typeof===h||e.$$typeof===g||e.$$typeof===d||e.$$typeof===c||e.$$typeof===Z||e.getModuleId!==void 0))}function $t(e,t,a){var s=e.displayName;if(s)return s;var p=t.displayName||t.name||"";return p!==""?a+"("+p+")":a}function He(e){return e.displayName||"Context"}function $(e){if(e==null)return null;if(typeof e.tag=="number"&&S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case o:return"Fragment";case i:return"Portal";case m:return"Profiler";case l:return"StrictMode";case y:return"Suspense";case b:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case d:var t=e;return He(t)+".Consumer";case g:var a=e;return He(a._context)+".Provider";case c:return $t(e,e.render,"ForwardRef");case h:var s=e.displayName||null;return s!==null?s:$(e.type)||"Memo";case O:{var p=e,_=p._payload,f=p._init;try{return $(f(_))}catch{return null}}}return null}var M=Object.assign,Q=0,Ke,Ze,Qe,er,rr,tr,nr;function ar(){}ar.__reactDisabledLog=!0;function It(){{if(Q===0){Ke=console.log,Ze=console.info,Qe=console.warn,er=console.error,rr=console.group,tr=console.groupCollapsed,nr=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ar,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Q++}}function Ft(){{if(Q--,Q===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:M({},e,{value:Ke}),info:M({},e,{value:Ze}),warn:M({},e,{value:Qe}),error:M({},e,{value:er}),group:M({},e,{value:rr}),groupCollapsed:M({},e,{value:tr}),groupEnd:M({},e,{value:nr})})}Q<0&&S("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var be=w.ReactCurrentDispatcher,he;function oe(e,t,a){{if(he===void 0)try{throw Error()}catch(p){var s=p.stack.trim().match(/\n( *(at )?)/);he=s&&s[1]||""}return`
-`+he+e}}var Te=!1,se;{var Lt=typeof WeakMap=="function"?WeakMap:Map;se=new Lt}function ir(e,t){if(!e||Te)return"";{var a=se.get(e);if(a!==void 0)return a}var s;Te=!0;var p=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var _;_=be.current,be.current=null,It();try{if(t){var f=function(){throw Error()};if(Object.defineProperty(f.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(f,[])}catch(I){s=I}Reflect.construct(e,[],f)}else{try{f.call()}catch(I){s=I}e.call(f.prototype)}}else{try{throw Error()}catch(I){s=I}e()}}catch(I){if(I&&s&&typeof I.stack=="string"){for(var u=I.stack.split(`
+ */var ke;function Or(){return ke||(ke=1,process.env.NODE_ENV!=="production"&&function(){var r=x,n=Symbol.for("react.element"),i=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),d=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),P=Symbol.for("react.offscreen"),q=Symbol.iterator,Y="@@iterator";function B(e){if(e===null||typeof e!="object")return null;var t=q&&e[q]||e[Y];return typeof t=="function"?t:null}var w=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function S(e){{for(var t=arguments.length,a=new Array(t>1?t-1:0),s=1;s<t;s++)a[s-1]=arguments[s];me("error",e,a)}}function me(e,t,a){{var s=w.ReactDebugCurrentFrame,p=s.getStackAddendum();p!==""&&(t+="%s",a=a.concat([p]));var v=a.map(function(f){return String(f)});v.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,v)}}var ye=!1,K=!1,R=!1,D=!1,W=!1,Z;Z=Symbol.for("react.module.reference");function Nt(e){return!!(typeof e=="string"||typeof e=="function"||e===o||e===m||W||e===l||e===y||e===b||D||e===P||ye||K||R||typeof e=="object"&&e!==null&&(e.$$typeof===O||e.$$typeof===h||e.$$typeof===g||e.$$typeof===d||e.$$typeof===c||e.$$typeof===Z||e.getModuleId!==void 0))}function Dt(e,t,a){var s=e.displayName;if(s)return s;var p=t.displayName||t.name||"";return p!==""?a+"("+p+")":a}function Xe(e){return e.displayName||"Context"}function $(e){if(e==null)return null;if(typeof e.tag=="number"&&S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case o:return"Fragment";case i:return"Portal";case m:return"Profiler";case l:return"StrictMode";case y:return"Suspense";case b:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case d:var t=e;return Xe(t)+".Consumer";case g:var a=e;return Xe(a._context)+".Provider";case c:return Dt(e,e.render,"ForwardRef");case h:var s=e.displayName||null;return s!==null?s:$(e.type)||"Memo";case O:{var p=e,v=p._payload,f=p._init;try{return $(f(v))}catch{return null}}}return null}var M=Object.assign,Q=0,He,Ke,Ze,Qe,er,rr,tr;function nr(){}nr.__reactDisabledLog=!0;function $t(){{if(Q===0){He=console.log,Ke=console.info,Ze=console.warn,Qe=console.error,er=console.group,rr=console.groupCollapsed,tr=console.groupEnd;var e={configurable:!0,enumerable:!0,value:nr,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}Q++}}function It(){{if(Q--,Q===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:M({},e,{value:He}),info:M({},e,{value:Ke}),warn:M({},e,{value:Ze}),error:M({},e,{value:Qe}),group:M({},e,{value:er}),groupCollapsed:M({},e,{value:rr}),groupEnd:M({},e,{value:tr})})}Q<0&&S("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var be=w.ReactCurrentDispatcher,he;function oe(e,t,a){{if(he===void 0)try{throw Error()}catch(p){var s=p.stack.trim().match(/\n( *(at )?)/);he=s&&s[1]||""}return`
+`+he+e}}var Te=!1,se;{var Ft=typeof WeakMap=="function"?WeakMap:Map;se=new Ft}function ar(e,t){if(!e||Te)return"";{var a=se.get(e);if(a!==void 0)return a}var s;Te=!0;var p=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var v;v=be.current,be.current=null,$t();try{if(t){var f=function(){throw Error()};if(Object.defineProperty(f.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(f,[])}catch(I){s=I}Reflect.construct(e,[],f)}else{try{f.call()}catch(I){s=I}e.call(f.prototype)}}else{try{throw Error()}catch(I){s=I}e()}}catch(I){if(I&&s&&typeof I.stack=="string"){for(var u=I.stack.split(`
 `),C=s.stack.split(`
 `),E=u.length-1,j=C.length-1;E>=1&&j>=0&&u[E]!==C[j];)j--;for(;E>=1&&j>=0;E--,j--)if(u[E]!==C[j]){if(E!==1||j!==1)do if(E--,j--,j<0||u[E]!==C[j]){var k=`
-`+u[E].replace(" at new "," at ");return e.displayName&&k.includes("<anonymous>")&&(k=k.replace("<anonymous>",e.displayName)),typeof e=="function"&&se.set(e,k),k}while(E>=1&&j>=0);break}}}finally{Te=!1,be.current=_,Ft(),Error.prepareStackTrace=p}var G=e?e.displayName||e.name:"",yr=G?oe(G):"";return typeof e=="function"&&se.set(e,yr),yr}function At(e,t,a){return ir(e,!1)}function zt(e){var t=e.prototype;return!!(t&&t.isReactComponent)}function le(e,t,a){if(e==null)return"";if(typeof e=="function")return ir(e,zt(e));if(typeof e=="string")return oe(e);switch(e){case y:return oe("Suspense");case b:return oe("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case c:return At(e.render);case h:return le(e.type,t,a);case O:{var s=e,p=s._payload,_=s._init;try{return le(_(p),t,a)}catch{}}}return""}var ce=Object.prototype.hasOwnProperty,or={},sr=w.ReactDebugCurrentFrame;function ue(e){if(e){var t=e._owner,a=le(e.type,e._source,t?t.type:null);sr.setExtraStackFrame(a)}else sr.setExtraStackFrame(null)}function Wt(e,t,a,s,p){{var _=Function.call.bind(ce);for(var f in e)if(_(e,f)){var u=void 0;try{if(typeof e[f]!="function"){var C=Error((s||"React class")+": "+a+" type `"+f+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[f]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw C.name="Invariant Violation",C}u=e[f](t,f,s,a,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){u=E}u&&!(u instanceof Error)&&(ue(p),S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",s||"React class",a,f,typeof u),ue(null)),u instanceof Error&&!(u.message in or)&&(or[u.message]=!0,ue(p),S("Failed %s type: %s",a,u.message),ue(null))}}}var Mt=Array.isArray;function Se(e){return Mt(e)}function Vt(e){{var t=typeof Symbol=="function"&&Symbol.toStringTag,a=t&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a}}function qt(e){try{return lr(e),!1}catch{return!0}}function lr(e){return""+e}function cr(e){if(qt(e))return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Vt(e)),lr(e)}var ee=w.ReactCurrentOwner,Yt={key:!0,ref:!0,__self:!0,__source:!0},ur,fr,Re;Re={};function Bt(e){if(ce.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return e.ref!==void 0}function Ut(e){if(ce.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function Gt(e,t){if(typeof e.ref=="string"&&ee.current&&t&&ee.current.stateNode!==t){var a=$(ee.current.type);Re[a]||(S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',$(ee.current.type),e.ref),Re[a]=!0)}}function Jt(e,t){{var a=function(){ur||(ur=!0,S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}}function Xt(e,t){{var a=function(){fr||(fr=!0,S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};a.isReactWarning=!0,Object.defineProperty(e,"ref",{get:a,configurable:!0})}}var Ht=function(e,t,a,s,p,_,f){var u={$$typeof:n,type:e,key:t,ref:a,props:f,_owner:_};return u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(u,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(u,"_source",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u};function Kt(e,t,a,s,p){{var _,f={},u=null,C=null;a!==void 0&&(cr(a),u=""+a),Ut(t)&&(cr(t.key),u=""+t.key),Bt(t)&&(C=t.ref,Gt(t,p));for(_ in t)ce.call(t,_)&&!Yt.hasOwnProperty(_)&&(f[_]=t[_]);if(e&&e.defaultProps){var E=e.defaultProps;for(_ in E)f[_]===void 0&&(f[_]=E[_])}if(u||C){var j=typeof e=="function"?e.displayName||e.name||"Unknown":e;u&&Jt(f,j),C&&Xt(f,j)}return Ht(e,u,C,p,s,ee.current,f)}}var Ee=w.ReactCurrentOwner,dr=w.ReactDebugCurrentFrame;function U(e){if(e){var t=e._owner,a=le(e.type,e._source,t?t.type:null);dr.setExtraStackFrame(a)}else dr.setExtraStackFrame(null)}var je;je=!1;function Oe(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}function pr(){{if(Ee.current){var e=$(Ee.current.type);if(e)return`
+`+u[E].replace(" at new "," at ");return e.displayName&&k.includes("<anonymous>")&&(k=k.replace("<anonymous>",e.displayName)),typeof e=="function"&&se.set(e,k),k}while(E>=1&&j>=0);break}}}finally{Te=!1,be.current=v,It(),Error.prepareStackTrace=p}var G=e?e.displayName||e.name:"",mr=G?oe(G):"";return typeof e=="function"&&se.set(e,mr),mr}function Lt(e,t,a){return ar(e,!1)}function At(e){var t=e.prototype;return!!(t&&t.isReactComponent)}function le(e,t,a){if(e==null)return"";if(typeof e=="function")return ar(e,At(e));if(typeof e=="string")return oe(e);switch(e){case y:return oe("Suspense");case b:return oe("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case c:return Lt(e.render);case h:return le(e.type,t,a);case O:{var s=e,p=s._payload,v=s._init;try{return le(v(p),t,a)}catch{}}}return""}var ce=Object.prototype.hasOwnProperty,ir={},or=w.ReactDebugCurrentFrame;function ue(e){if(e){var t=e._owner,a=le(e.type,e._source,t?t.type:null);or.setExtraStackFrame(a)}else or.setExtraStackFrame(null)}function zt(e,t,a,s,p){{var v=Function.call.bind(ce);for(var f in e)if(v(e,f)){var u=void 0;try{if(typeof e[f]!="function"){var C=Error((s||"React class")+": "+a+" type `"+f+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[f]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw C.name="Invariant Violation",C}u=e[f](t,f,s,a,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(E){u=E}u&&!(u instanceof Error)&&(ue(p),S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",s||"React class",a,f,typeof u),ue(null)),u instanceof Error&&!(u.message in ir)&&(ir[u.message]=!0,ue(p),S("Failed %s type: %s",a,u.message),ue(null))}}}var Wt=Array.isArray;function Se(e){return Wt(e)}function Mt(e){{var t=typeof Symbol=="function"&&Symbol.toStringTag,a=t&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a}}function Vt(e){try{return sr(e),!1}catch{return!0}}function sr(e){return""+e}function lr(e){if(Vt(e))return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Mt(e)),sr(e)}var ee=w.ReactCurrentOwner,qt={key:!0,ref:!0,__self:!0,__source:!0},cr,ur,Re;Re={};function Yt(e){if(ce.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return e.ref!==void 0}function Bt(e){if(ce.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function Ut(e,t){if(typeof e.ref=="string"&&ee.current&&t&&ee.current.stateNode!==t){var a=$(ee.current.type);Re[a]||(S('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',$(ee.current.type),e.ref),Re[a]=!0)}}function Gt(e,t){{var a=function(){cr||(cr=!0,S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}}function Jt(e,t){{var a=function(){ur||(ur=!0,S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};a.isReactWarning=!0,Object.defineProperty(e,"ref",{get:a,configurable:!0})}}var Xt=function(e,t,a,s,p,v,f){var u={$$typeof:n,type:e,key:t,ref:a,props:f,_owner:v};return u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(u,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(u,"_source",{configurable:!1,enumerable:!1,writable:!1,value:p}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u};function Ht(e,t,a,s,p){{var v,f={},u=null,C=null;a!==void 0&&(lr(a),u=""+a),Bt(t)&&(lr(t.key),u=""+t.key),Yt(t)&&(C=t.ref,Ut(t,p));for(v in t)ce.call(t,v)&&!qt.hasOwnProperty(v)&&(f[v]=t[v]);if(e&&e.defaultProps){var E=e.defaultProps;for(v in E)f[v]===void 0&&(f[v]=E[v])}if(u||C){var j=typeof e=="function"?e.displayName||e.name||"Unknown":e;u&&Gt(f,j),C&&Jt(f,j)}return Xt(e,u,C,p,s,ee.current,f)}}var Ee=w.ReactCurrentOwner,fr=w.ReactDebugCurrentFrame;function U(e){if(e){var t=e._owner,a=le(e.type,e._source,t?t.type:null);fr.setExtraStackFrame(a)}else fr.setExtraStackFrame(null)}var je;je=!1;function Oe(e){return typeof e=="object"&&e!==null&&e.$$typeof===n}function dr(){{if(Ee.current){var e=$(Ee.current.type);if(e)return`
 
-Check the render method of \``+e+"`."}return""}}function Zt(e){{if(e!==void 0){var t=e.fileName.replace(/^.*[\\\/]/,""),a=e.lineNumber;return`
+Check the render method of \``+e+"`."}return""}}function Kt(e){{if(e!==void 0){var t=e.fileName.replace(/^.*[\\\/]/,""),a=e.lineNumber;return`
 
-Check your code at `+t+":"+a+"."}return""}}var gr={};function Qt(e){{var t=pr();if(!t){var a=typeof e=="string"?e:e.displayName||e.name;a&&(t=`
+Check your code at `+t+":"+a+"."}return""}}var pr={};function Zt(e){{var t=dr();if(!t){var a=typeof e=="string"?e:e.displayName||e.name;a&&(t=`
 
-Check the top-level render call using <`+a+">.")}return t}}function vr(e,t){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var a=Qt(t);if(gr[a])return;gr[a]=!0;var s="";e&&e._owner&&e._owner!==Ee.current&&(s=" It was passed a child from "+$(e._owner.type)+"."),U(e),S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',a,s),U(null)}}function _r(e,t){{if(typeof e!="object")return;if(Se(e))for(var a=0;a<e.length;a++){var s=e[a];Oe(s)&&vr(s,t)}else if(Oe(e))e._store&&(e._store.validated=!0);else if(e){var p=B(e);if(typeof p=="function"&&p!==e.entries)for(var _=p.call(e),f;!(f=_.next()).done;)Oe(f.value)&&vr(f.value,t)}}}function en(e){{var t=e.type;if(t==null||typeof t=="string")return;var a;if(typeof t=="function")a=t.propTypes;else if(typeof t=="object"&&(t.$$typeof===c||t.$$typeof===h))a=t.propTypes;else return;if(a){var s=$(t);Wt(a,e.props,"prop",s,e)}else if(t.PropTypes!==void 0&&!je){je=!0;var p=$(t);S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",p||"Unknown")}typeof t.getDefaultProps=="function"&&!t.getDefaultProps.isReactClassApproved&&S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function rn(e){{for(var t=Object.keys(e.props),a=0;a<t.length;a++){var s=t[a];if(s!=="children"&&s!=="key"){U(e),S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",s),U(null);break}}e.ref!==null&&(U(e),S("Invalid attribute `ref` supplied to `React.Fragment`."),U(null))}}function mr(e,t,a,s,p,_){{var f=Dt(e);if(!f){var u="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(u+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var C=Zt(p);C?u+=C:u+=pr();var E;e===null?E="null":Se(e)?E="array":e!==void 0&&e.$$typeof===n?(E="<"+($(e.type)||"Unknown")+" />",u=" Did you accidentally export a JSX literal instead of a component?"):E=typeof e,S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,u)}var j=Kt(e,t,a,p,_);if(j==null)return j;if(f){var k=t.children;if(k!==void 0)if(s)if(Se(k)){for(var G=0;G<k.length;G++)_r(k[G],e);Object.freeze&&Object.freeze(k)}else S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else _r(k,e)}return e===o?rn(j):en(j),j}}function tn(e,t,a){return mr(e,t,a,!0)}function nn(e,t,a){return mr(e,t,a,!1)}var an=nn,on=tn;X.Fragment=o,X.jsx=an,X.jsxs=on}()),X}process.env.NODE_ENV==="production"?fe.exports=Or():fe.exports=wr();var T=fe.exports;function Ne(r){var n,i,o="";if(typeof r=="string"||typeof r=="number")o+=r;else if(typeof r=="object")if(Array.isArray(r))for(n=0;n<r.length;n++)r[n]&&(i=Ne(r[n]))&&(o&&(o+=" "),o+=i);else for(n in r)r[n]&&(o&&(o+=" "),o+=n);return o}function V(){for(var r,n,i=0,o="";i<arguments.length;)(r=arguments[i++])&&(n=Ne(r))&&(o&&(o+=" "),o+=n);return o}function Cr(r){var n=typeof r;return r!=null&&(n=="object"||n=="function")}var de=Cr,xr=typeof ne=="object"&&ne&&ne.Object===Object&&ne,Pr=xr,kr=Pr,Nr=typeof self=="object"&&self&&self.Object===Object&&self,Dr=kr||Nr||Function("return this")(),De=Dr,$r=De,Ir=function(){return $r.Date.now()},Fr=Ir,Lr=/\s/;function Ar(r){for(var n=r.length;n--&&Lr.test(r.charAt(n)););return n}var zr=Ar,Wr=zr,Mr=/^\s+/;function Vr(r){return r&&r.slice(0,Wr(r)+1).replace(Mr,"")}var qr=Vr,Yr=De,Br=Yr.Symbol,$e=Br,Ie=$e,Fe=Object.prototype,Ur=Fe.hasOwnProperty,Gr=Fe.toString,H=Ie?Ie.toStringTag:void 0;function Jr(r){var n=Ur.call(r,H),i=r[H];try{r[H]=void 0;var o=!0}catch{}var l=Gr.call(r);return o&&(n?r[H]=i:delete r[H]),l}var Xr=Jr,Hr=Object.prototype,Kr=Hr.toString;function Zr(r){return Kr.call(r)}var Qr=Zr,Le=$e,et=Xr,rt=Qr,tt="[object Null]",nt="[object Undefined]",Ae=Le?Le.toStringTag:void 0;function at(r){return r==null?r===void 0?nt:tt:Ae&&Ae in Object(r)?et(r):rt(r)}var it=at;function ot(r){return r!=null&&typeof r=="object"}var st=ot,lt=it,ct=st,ut="[object Symbol]";function ft(r){return typeof r=="symbol"||ct(r)&&lt(r)==ut}var dt=ft,pt=qr,ze=de,gt=dt,We=0/0,vt=/^[-+]0x[0-9a-f]+$/i,_t=/^0b[01]+$/i,mt=/^0o[0-7]+$/i,yt=parseInt;function bt(r){if(typeof r=="number")return r;if(gt(r))return We;if(ze(r)){var n=typeof r.valueOf=="function"?r.valueOf():r;r=ze(n)?n+"":n}if(typeof r!="string")return r===0?r:+r;r=pt(r);var i=_t.test(r);return i||mt.test(r)?yt(r.slice(2),i?2:8):vt.test(r)?We:+r}var ht=bt,Tt=de,pe=Fr,Me=ht,St="Expected a function",Rt=Math.max,Et=Math.min;function jt(r,n,i){var o,l,m,g,d,c,y=0,b=!1,h=!1,O=!0;if(typeof r!="function")throw new TypeError(St);n=Me(n)||0,Tt(i)&&(b=!!i.leading,h="maxWait"in i,m=h?Rt(Me(i.maxWait)||0,n):m,O="trailing"in i?!!i.trailing:O);function P(R){var D=o,W=l;return o=l=void 0,y=R,g=r.apply(W,D),g}function q(R){return y=R,d=setTimeout(w,n),b?P(R):g}function Y(R){var D=R-c,W=R-y,Z=n-D;return h?Et(Z,m-W):Z}function B(R){var D=R-c,W=R-y;return c===void 0||D>=n||D<0||h&&W>=m}function w(){var R=pe();if(B(R))return S(R);d=setTimeout(w,Y(R))}function S(R){return d=void 0,O&&o?P(R):(o=l=void 0,g)}function me(){d!==void 0&&clearTimeout(d),y=0,o=c=l=d=void 0}function ye(){return d===void 0?g:S(pe())}function K(){var R=pe(),D=B(R);if(o=arguments,l=this,c=R,D){if(d===void 0)return q(c);if(h)return clearTimeout(d),d=setTimeout(w,n),P(c)}return d===void 0&&(d=setTimeout(w,n)),g}return K.cancel=me,K.flush=ye,K}var Ot=jt,wt=Ot,Ct=de,xt="Expected a function";function Pt(r,n,i){var o=!0,l=!0;if(typeof r!="function")throw new TypeError(xt);return Ct(i)&&(o="leading"in i?!!i.leading:o,l="trailing"in i?!!i.trailing:l),wt(r,n,{leading:o,maxWait:n,trailing:l})}var kt=Pt;const Nt=jr(kt),Ve={icon:"_icon_awnbf_2",thin:"_thin_awnbf_25",light:"_light_awnbf_29",regular:"_regular_awnbf_33",solid:"_solid_awnbf_37",duotone:"_duotone_awnbf_41",sharpSolid:"_sharpSolid_awnbf_52",sharpRegular:"_sharpRegular_awnbf_56",sharpLight:"_sharpLight_awnbf_60",brand:"_brand_awnbf_64"};var ge=(r=>(r[r.mini=12]="mini",r[r.default=18]="default",r[r.large=24]="large",r))(ge||{});const ae=x.forwardRef((r,n)=>{const{className:i,code:o,type:l="light",size:m}=r,g=m?`${typeof m=="number"?m:ge[m]}px`:void 0,d=V(Ve.icon,l&&Ve[l],i);return T.jsx("span",{className:d,ref:n,style:{"--iconSize":g},"data-content":xe(o)})});ae.displayName="Icon";const ve={progressBar:"_progressBar_luf46_1",progress:"_progress_luf46_1",intermediate:"_intermediate_luf46_31",barberPole:"_barberPole_luf46_1"},_e=x.forwardRef((r,n)=>{const{className:i,progress:o=100,intermediate:l=!1}=r,m=l?150:Math.min(Math.max(o,0),100),g=V(ve.progressBar,l&&ve.intermediate,i);return T.jsx("div",{className:g,ref:n,children:T.jsx("span",{className:ve.progress,style:{width:`${m}%`}})})});_e.displayName="ProgressBar";const N={button:"_button_6uqr8_1",label:"_label_6uqr8_17",icon:"_icon_6uqr8_23",underline:"_underline_6uqr8_26",primaryType:"_primaryType_6uqr8_49",primaryDangerType:"_primaryDangerType_6uqr8_49",secondaryType:"_secondaryType_6uqr8_54",secondaryDangerType:"_secondaryDangerType_6uqr8_54",linkType:"_linkType_6uqr8_59",linkDangerType:"_linkDangerType_6uqr8_59",miniSize:"_miniSize_6uqr8_88",iconOnly:"_iconOnly_6uqr8_99",defaultSize:"_defaultSize_6uqr8_106",largeSize:"_largeSize_6uqr8_124",clicked:"_clicked_6uqr8_157",ripple:"_ripple_6uqr8_1",loading:"_loading_6uqr8_166",barberPole:"_barberPole_6uqr8_1",spin:"_spin_6uqr8_1"};var ie=(r=>(r.primary="primary",r.primaryDanger="primaryDanger",r.secondary="secondary",r.secondaryDanger="secondaryDanger",r.link="link",r.linkDanger="linkDanger",r))(ie||{});const qe=100;let Ye;const Be=x.forwardRef((r,n)=>{const{className:i,label:o,type:l="primary",size:m="default",disabled:g=!1,loading:d=!1,icon:c,iconType:y,iconPosition:b="left",onClick:h}=r,O=x.useRef(null),P=Nt(()=>{var w;clearTimeout(Ye),(w=O.current)==null||w.classList.add(N.clicked),Ye=window.setTimeout(()=>{var S;(S=O.current)==null||S.classList.remove(N.clicked)},600+qe)},qe),q=w=>{h==null||h(w),l.includes(ie.link)||P()},Y=()=>c?T.jsx(ae,{className:N.icon,code:c,type:y,size:m}):null,B=V(N.button,N[`${l}Type`],N[`${m}Size`],!o&&N.iconOnly,d&&N.loading,i);return!o&&!c?null:T.jsxs("button",{className:B,ref:we([O,n]),onClick:q,disabled:g,children:[l.includes(ie.link)&&T.jsx(_e,{className:N.underline,intermediate:d}),b==="left"&&T.jsx(Y,{}),o&&T.jsx("span",{className:N.label,children:o}),b==="right"&&T.jsx(Y,{})]})});Be.displayName="Button";const F={textfield:"_textfield_7y99a_1",icon:"_icon_7y99a_27",input:"_input_7y99a_36",placeholder:"_placeholder_7y99a_49",withIcon:"_withIcon_7y99a_73",textarea:"_textarea_7y99a_83",hasValue:"_hasValue_7y99a_92"},Ue=x.forwardRef((r,n)=>{const{className:i,type:o="text",textarea:l,placeholder:m,autoComplete:g="off",autoFocus:d,icon:c,iconType:y="regular",value:b,onChange:h}=r,O=x.useMemo(()=>{if(l===!0)return null;if(c)return c;if(o==="number")return"23";if(o==="search")return"f002";if(o==="password")return"f30d"},[l,c,o]),P=V(F.textfield,O&&F.withIcon,l&&F.textarea,b&&F.hasValue,i);return T.jsxs("div",{className:P,ref:n,children:[!!O&&!l&&T.jsx(ae,{className:F.icon,code:O,type:y}),l?T.jsx("textarea",{className:F.input,autoFocus:d,autoComplete:g,value:b,onChange:h}):T.jsx("input",{className:F.input,type:o,autoFocus:d,autoComplete:g,value:b,onChange:h}),T.jsx("span",{className:F.placeholder,children:m})]})});Ue.displayName="Textfield";const L={sider:"_sider_9guyz_1",leftSiderContainer:"_leftSiderContainer_9guyz_13",rightSiderContainer:"_rightSiderContainer_9guyz_20",content:"_content_9guyz_27",miniLeftSider:"_miniLeftSider_9guyz_37",miniRightSider:"_miniRightSider_9guyz_44",leftOpen:"_leftOpen_9guyz_51",rightOpen:"_rightOpen_9guyz_57"},Ge=x.forwardRef((r,n)=>{const{className:i,children:o,leftSider:l,showMiniLeftSider:m=!0,rightSider:g,showMiniRightSider:d=!1,open:c="closed"}=r,y=V(L.sider,c==="left"&&L.leftOpen,m&&L.miniLeftSider,c==="right"&&L.rightOpen,d&&L.miniRightSider,i);return T.jsxs("section",{className:y,ref:n,role:"sider",children:[T.jsx("div",{className:L.leftSiderContainer,children:l}),T.jsx("div",{className:L.rightSiderContainer,children:g}),T.jsx("div",{className:L.content,children:o})]})});Ge.displayName="Sider";var Je=(r=>(r.left="left",r.right="right",r.closed="closed",r))(Je||{});const z={navigation:"_navigation_zrgjp_1",brand:"_brand_zrgjp_9",routeList:"_routeList_zrgjp_18",route:"_route_zrgjp_18",icon:"_icon_zrgjp_59",label:"_label_zrgjp_65",active:"_active_zrgjp_77"},Xe=x.forwardRef((r,n)=>{const{className:i,Routes:o}=r,l=V(z.navigation,i);return T.jsxs("section",{className:l,ref:n,role:"navigation",children:[T.jsx("div",{className:z.brand,children:"🎲 XtremeUI"}),T.jsx("div",{className:z.routeList,children:!!o&&T.jsx(o,{className:z.route,activeClassName:z.active,iconClassName:z.icon,labelClassName:z.label})})]})});Xe.displayName="Navigation",v.Button=Be,v.EButtonTypes=ie,v.EIconSize=ge,v.EOpenModes=Je,v.Icon=ae,v.Navigation=Xe,v.ProgressBar=_e,v.Sider=Ge,v.Textfield=Ue,v.dom=A,v.elementObserver=Er,v.getCssProperty=te,v.getCssPropertyPx=br,v.getCssPropertyVh=hr,v.getCssPropertyVw=Tr,v.isClient=re,v.mergeRefs=we,v.safeStringFromCodePoint=Ce,v.setCssProperty=Sr,v.unicodeToString=xe,v.waitForElement=Rr,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});
+Check the top-level render call using <`+a+">.")}return t}}function gr(e,t){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var a=Zt(t);if(pr[a])return;pr[a]=!0;var s="";e&&e._owner&&e._owner!==Ee.current&&(s=" It was passed a child from "+$(e._owner.type)+"."),U(e),S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',a,s),U(null)}}function vr(e,t){{if(typeof e!="object")return;if(Se(e))for(var a=0;a<e.length;a++){var s=e[a];Oe(s)&&gr(s,t)}else if(Oe(e))e._store&&(e._store.validated=!0);else if(e){var p=B(e);if(typeof p=="function"&&p!==e.entries)for(var v=p.call(e),f;!(f=v.next()).done;)Oe(f.value)&&gr(f.value,t)}}}function Qt(e){{var t=e.type;if(t==null||typeof t=="string")return;var a;if(typeof t=="function")a=t.propTypes;else if(typeof t=="object"&&(t.$$typeof===c||t.$$typeof===h))a=t.propTypes;else return;if(a){var s=$(t);zt(a,e.props,"prop",s,e)}else if(t.PropTypes!==void 0&&!je){je=!0;var p=$(t);S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",p||"Unknown")}typeof t.getDefaultProps=="function"&&!t.getDefaultProps.isReactClassApproved&&S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function en(e){{for(var t=Object.keys(e.props),a=0;a<t.length;a++){var s=t[a];if(s!=="children"&&s!=="key"){U(e),S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",s),U(null);break}}e.ref!==null&&(U(e),S("Invalid attribute `ref` supplied to `React.Fragment`."),U(null))}}function _r(e,t,a,s,p,v){{var f=Nt(e);if(!f){var u="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(u+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var C=Kt(p);C?u+=C:u+=dr();var E;e===null?E="null":Se(e)?E="array":e!==void 0&&e.$$typeof===n?(E="<"+($(e.type)||"Unknown")+" />",u=" Did you accidentally export a JSX literal instead of a component?"):E=typeof e,S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",E,u)}var j=Ht(e,t,a,p,v);if(j==null)return j;if(f){var k=t.children;if(k!==void 0)if(s)if(Se(k)){for(var G=0;G<k.length;G++)vr(k[G],e);Object.freeze&&Object.freeze(k)}else S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else vr(k,e)}return e===o?en(j):Qt(j),j}}function rn(e,t,a){return _r(e,t,a,!0)}function tn(e,t,a){return _r(e,t,a,!1)}var nn=tn,an=rn;X.Fragment=o,X.jsx=nn,X.jsxs=an}()),X}process.env.NODE_ENV==="production"?fe.exports=jr():fe.exports=Or();var T=fe.exports;function Ne(r){var n,i,o="";if(typeof r=="string"||typeof r=="number")o+=r;else if(typeof r=="object")if(Array.isArray(r))for(n=0;n<r.length;n++)r[n]&&(i=Ne(r[n]))&&(o&&(o+=" "),o+=i);else for(n in r)r[n]&&(o&&(o+=" "),o+=n);return o}function V(){for(var r,n,i=0,o="";i<arguments.length;)(r=arguments[i++])&&(n=Ne(r))&&(o&&(o+=" "),o+=n);return o}function wr(r){var n=typeof r;return r!=null&&(n=="object"||n=="function")}var de=wr,Cr=typeof ne=="object"&&ne&&ne.Object===Object&&ne,xr=Cr,Pr=xr,kr=typeof self=="object"&&self&&self.Object===Object&&self,Nr=Pr||kr||Function("return this")(),De=Nr,Dr=De,$r=function(){return Dr.Date.now()},Ir=$r,Fr=/\s/;function Lr(r){for(var n=r.length;n--&&Fr.test(r.charAt(n)););return n}var Ar=Lr,zr=Ar,Wr=/^\s+/;function Mr(r){return r&&r.slice(0,zr(r)+1).replace(Wr,"")}var Vr=Mr,qr=De,Yr=qr.Symbol,$e=Yr,Ie=$e,Fe=Object.prototype,Br=Fe.hasOwnProperty,Ur=Fe.toString,H=Ie?Ie.toStringTag:void 0;function Gr(r){var n=Br.call(r,H),i=r[H];try{r[H]=void 0;var o=!0}catch{}var l=Ur.call(r);return o&&(n?r[H]=i:delete r[H]),l}var Jr=Gr,Xr=Object.prototype,Hr=Xr.toString;function Kr(r){return Hr.call(r)}var Zr=Kr,Le=$e,Qr=Jr,et=Zr,rt="[object Null]",tt="[object Undefined]",Ae=Le?Le.toStringTag:void 0;function nt(r){return r==null?r===void 0?tt:rt:Ae&&Ae in Object(r)?Qr(r):et(r)}var at=nt;function it(r){return r!=null&&typeof r=="object"}var ot=it,st=at,lt=ot,ct="[object Symbol]";function ut(r){return typeof r=="symbol"||lt(r)&&st(r)==ct}var ft=ut,dt=Vr,ze=de,pt=ft,We=0/0,gt=/^[-+]0x[0-9a-f]+$/i,vt=/^0b[01]+$/i,_t=/^0o[0-7]+$/i,mt=parseInt;function yt(r){if(typeof r=="number")return r;if(pt(r))return We;if(ze(r)){var n=typeof r.valueOf=="function"?r.valueOf():r;r=ze(n)?n+"":n}if(typeof r!="string")return r===0?r:+r;r=dt(r);var i=vt.test(r);return i||_t.test(r)?mt(r.slice(2),i?2:8):gt.test(r)?We:+r}var bt=yt,ht=de,pe=Ir,Me=bt,Tt="Expected a function",St=Math.max,Rt=Math.min;function Et(r,n,i){var o,l,m,g,d,c,y=0,b=!1,h=!1,O=!0;if(typeof r!="function")throw new TypeError(Tt);n=Me(n)||0,ht(i)&&(b=!!i.leading,h="maxWait"in i,m=h?St(Me(i.maxWait)||0,n):m,O="trailing"in i?!!i.trailing:O);function P(R){var D=o,W=l;return o=l=void 0,y=R,g=r.apply(W,D),g}function q(R){return y=R,d=setTimeout(w,n),b?P(R):g}function Y(R){var D=R-c,W=R-y,Z=n-D;return h?Rt(Z,m-W):Z}function B(R){var D=R-c,W=R-y;return c===void 0||D>=n||D<0||h&&W>=m}function w(){var R=pe();if(B(R))return S(R);d=setTimeout(w,Y(R))}function S(R){return d=void 0,O&&o?P(R):(o=l=void 0,g)}function me(){d!==void 0&&clearTimeout(d),y=0,o=c=l=d=void 0}function ye(){return d===void 0?g:S(pe())}function K(){var R=pe(),D=B(R);if(o=arguments,l=this,c=R,D){if(d===void 0)return q(c);if(h)return clearTimeout(d),d=setTimeout(w,n),P(c)}return d===void 0&&(d=setTimeout(w,n)),g}return K.cancel=me,K.flush=ye,K}var jt=Et,Ot=jt,wt=de,Ct="Expected a function";function xt(r,n,i){var o=!0,l=!0;if(typeof r!="function")throw new TypeError(Ct);return wt(i)&&(o="leading"in i?!!i.leading:o,l="trailing"in i?!!i.trailing:l),Ot(r,n,{leading:o,maxWait:n,trailing:l})}var Pt=xt;const kt=Er(Pt),Ve={icon:"_icon_awnbf_2",thin:"_thin_awnbf_25",light:"_light_awnbf_29",regular:"_regular_awnbf_33",solid:"_solid_awnbf_37",duotone:"_duotone_awnbf_41",sharpSolid:"_sharpSolid_awnbf_52",sharpRegular:"_sharpRegular_awnbf_56",sharpLight:"_sharpLight_awnbf_60",brand:"_brand_awnbf_64"};var ge=(r=>(r[r.mini=12]="mini",r[r.default=18]="default",r[r.large=24]="large",r))(ge||{});const ae=x.forwardRef((r,n)=>{const{className:i,code:o,type:l="light",size:m}=r,g=m?`${typeof m=="number"?m:ge[m]}px`:void 0,d=V(Ve.icon,l&&Ve[l],i);return T.jsx("span",{className:d,ref:n,style:{"--iconSize":g},"data-content":xe(o)})});ae.displayName="Icon";const ve={progressBar:"_progressBar_luf46_1",progress:"_progress_luf46_1",intermediate:"_intermediate_luf46_31",barberPole:"_barberPole_luf46_1"},_e=x.forwardRef((r,n)=>{const{className:i,progress:o=100,intermediate:l=!1}=r,m=l?150:Math.min(Math.max(o,0),100),g=V(ve.progressBar,l&&ve.intermediate,i);return T.jsx("div",{className:g,ref:n,children:T.jsx("span",{className:ve.progress,style:{width:`${m}%`}})})});_e.displayName="ProgressBar";const N={button:"_button_6uqr8_1",label:"_label_6uqr8_17",icon:"_icon_6uqr8_23",underline:"_underline_6uqr8_26",primaryType:"_primaryType_6uqr8_49",primaryDangerType:"_primaryDangerType_6uqr8_49",secondaryType:"_secondaryType_6uqr8_54",secondaryDangerType:"_secondaryDangerType_6uqr8_54",linkType:"_linkType_6uqr8_59",linkDangerType:"_linkDangerType_6uqr8_59",miniSize:"_miniSize_6uqr8_88",iconOnly:"_iconOnly_6uqr8_99",defaultSize:"_defaultSize_6uqr8_106",largeSize:"_largeSize_6uqr8_124",clicked:"_clicked_6uqr8_157",ripple:"_ripple_6uqr8_1",loading:"_loading_6uqr8_166",barberPole:"_barberPole_6uqr8_1",spin:"_spin_6uqr8_1"};var ie=(r=>(r.primary="primary",r.primaryDanger="primaryDanger",r.secondary="secondary",r.secondaryDanger="secondaryDanger",r.link="link",r.linkDanger="linkDanger",r))(ie||{});const qe=100;let Ye;const Be=x.forwardRef((r,n)=>{const{className:i,label:o,type:l="primary",size:m="default",disabled:g=!1,loading:d=!1,icon:c,iconType:y,iconPosition:b="left",onClick:h}=r,O=x.useRef(null),P=kt(()=>{var w;clearTimeout(Ye),(w=O.current)==null||w.classList.add(N.clicked),Ye=window.setTimeout(()=>{var S;(S=O.current)==null||S.classList.remove(N.clicked)},600+qe)},qe),q=w=>{h==null||h(w),l.includes(ie.link)||P()},Y=()=>c?T.jsx(ae,{className:N.icon,code:c,type:y,size:m}):null,B=V(N.button,N[`${l}Type`],N[`${m}Size`],!o&&N.iconOnly,d&&N.loading,i);return!o&&!c?null:T.jsxs("button",{className:B,ref:we([O,n]),onClick:q,disabled:g,children:[l.includes(ie.link)&&T.jsx(_e,{className:N.underline,intermediate:d}),b==="left"&&T.jsx(Y,{}),o&&T.jsx("span",{className:N.label,children:o}),b==="right"&&T.jsx(Y,{})]})});Be.displayName="Button";const F={textfield:"_textfield_7y99a_1",icon:"_icon_7y99a_27",input:"_input_7y99a_36",placeholder:"_placeholder_7y99a_49",withIcon:"_withIcon_7y99a_73",textarea:"_textarea_7y99a_83",hasValue:"_hasValue_7y99a_92"},Ue=x.forwardRef((r,n)=>{const{className:i,type:o="text",textarea:l,placeholder:m,autoComplete:g="off",autoFocus:d,icon:c,iconType:y="regular",value:b,onChange:h}=r,O=x.useMemo(()=>{if(l===!0)return null;if(c)return c;if(o==="number")return"23";if(o==="search")return"f002";if(o==="password")return"f30d"},[l,c,o]),P=V(F.textfield,O&&F.withIcon,l&&F.textarea,b&&F.hasValue,i);return T.jsxs("div",{className:P,ref:n,children:[!!O&&!l&&T.jsx(ae,{className:F.icon,code:O,type:y}),l?T.jsx("textarea",{className:F.input,autoFocus:d,autoComplete:g,value:b,onChange:h}):T.jsx("input",{className:F.input,type:o,autoFocus:d,autoComplete:g,value:b,onChange:h}),T.jsx("span",{className:F.placeholder,children:m})]})});Ue.displayName="Textfield";const L={sider:"_sider_9guyz_1",leftSiderContainer:"_leftSiderContainer_9guyz_13",rightSiderContainer:"_rightSiderContainer_9guyz_20",content:"_content_9guyz_27",miniLeftSider:"_miniLeftSider_9guyz_37",miniRightSider:"_miniRightSider_9guyz_44",leftOpen:"_leftOpen_9guyz_51",rightOpen:"_rightOpen_9guyz_57"},Ge=x.forwardRef((r,n)=>{const{className:i,children:o,leftSider:l,showMiniLeftSider:m=!0,rightSider:g,showMiniRightSider:d=!1,open:c="closed"}=r,y=V(L.sider,c==="left"&&L.leftOpen,m&&L.miniLeftSider,c==="right"&&L.rightOpen,d&&L.miniRightSider,i);return T.jsxs("section",{className:y,ref:n,role:"sider",children:[T.jsx("div",{className:L.leftSiderContainer,children:l}),T.jsx("div",{className:L.rightSiderContainer,children:g}),T.jsx("div",{className:L.content,children:o})]})});Ge.displayName="Sider";const z={navigation:"_navigation_zrgjp_1",brand:"_brand_zrgjp_9",routeList:"_routeList_zrgjp_18",route:"_route_zrgjp_18",icon:"_icon_zrgjp_59",label:"_label_zrgjp_65",active:"_active_zrgjp_77"},Je=x.forwardRef((r,n)=>{const{className:i,Routes:o}=r,l=V(z.navigation,i);return T.jsxs("section",{className:l,ref:n,role:"navigation",children:[T.jsx("div",{className:z.brand,children:"🎲 XtremeUI"}),T.jsx("div",{className:z.routeList,children:!!o&&T.jsx(o,{className:z.route,activeClassName:z.active,iconClassName:z.icon,labelClassName:z.label})})]})});Je.displayName="Navigation",_.Button=Be,_.EButtonTypes=ie,_.EIconSize=ge,_.Icon=ae,_.Navigation=Je,_.ProgressBar=_e,_.Sider=Ge,_.Textfield=Ue,_.dom=A,_.elementObserver=Rr,_.getCssProperty=te,_.getCssPropertyPx=yr,_.getCssPropertyVh=br,_.getCssPropertyVw=hr,_.isClient=re,_.mergeRefs=we,_.safeStringFromCodePoint=Ce,_.setCssProperty=Tr,_.unicodeToString=xe,_.waitForElement=Sr,Object.defineProperty(_,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "xtreme-ui",
-	"version": "0.0.11",
+	"version": "0.0.12",
 	"type": "module",
 	"description": "Collection of reusable components that can be used in web projects",
 	"main": "dist/index.umd.js",