@hxtos/hx-components 0.21.1 → 0.21.3

package/dist/index.es.js

@@ -2105,12 +2105,12 @@ var Oy = { exports: {} };
   })();
 })(Oy);
 var W7 = Oy.exports;
-const et = /* @__PURE__ */ lh(W7);
+const Qe = /* @__PURE__ */ lh(W7);
 function Z7({ size: e = "md", ...t }) {
   return /* @__PURE__ */ S.jsx(
     "div",
     {
-      className: `${et(
+      className: `${Qe(
         "bg-brand-primary rounded-full flex items-center justify-center",
         {
           "h-8 w-8": e === "sm",
@@ -2119,7 +2119,7 @@ function Z7({ size: e = "md", ...t }) {
         }
       )}`,
       ...t,
-      children: /* @__PURE__ */ S.jsx(E7, { className: et("text-brand-background", {
+      children: /* @__PURE__ */ S.jsx(E7, { className: Qe("text-brand-background", {
         "h-4 w-4": e === "sm",
         "h-6 w-6": e === "md",
         "h-8 w-8": e === "lg"
@@ -6468,13 +6468,13 @@ function Fh({
       window.removeEventListener("resize", c);
     };
   }, []);
-  const u = () => i ? et("transition inset-0 bg-black", {
+  const u = () => i ? Qe("transition inset-0 bg-black", {
     "absolute z-[90]": r && e,
     "fixed z-[90]": !r && e,
-    "bg-opacity-0 pointer-events-none backdrop-blur-none w-0 h-0": !e,
+    "bg-opacity-0 pointer-events-none backdrop-blur-none w-0 h-0 hidden invisible": !e,
     "bg-opacity-40 backdrop-blur-sm overflow-y-scroll": e,
     "bottom-0": a
-  }) : et("transition inset-0 bg-black absolute z-[90]", {
+  }) : Qe("transition inset-0 bg-black absolute z-[90]", {
     "bg-opacity-0 pointer-events-none backdrop-blur-none": !e,
     "bg-opacity-40 backdrop-blur-sm overflow-y-scroll": e,
     "bottom-0": a
@@ -6492,7 +6492,7 @@ const qa = ({
 }) => /* @__PURE__ */ S.jsx(
   "button",
   {
-    className: et(
+    className: Qe(
       "rounded-lg text-xs flex items-center justify-center",
       "disabled:bg-brand-disabled disabled:text-white disabled:cursor-not-allowed",
       "hover:bg-brand-secondary hover:text-white",
@@ -6524,7 +6524,7 @@ const qa = ({
 }) => /* @__PURE__ */ S.jsx(
   "div",
   {
-    className: et(
+    className: Qe(
       "w-full px-3 py-3.5 rounded",
       "bg-white dark:bg-brand-background-dark",
       "shadow-md hover:shadow-lg hover:transition-shadow transition-shadow",
@@ -6536,7 +6536,7 @@ const qa = ({
 ), Dte = ({ label: e, name: t, className: n, ...r }) => /* @__PURE__ */ S.jsx(
   "div",
   {
-    className: et(
+    className: Qe(
       "bg-brand-light-gray rounded-lg inline-block p-1.5 transition w-full",
       "border-2 border-transparent focus-within:border-brand-primary focus-within:transition",
       {
@@ -6547,7 +6547,7 @@ const qa = ({
       "label",
       {
         htmlFor: (r == null ? void 0 : r.id) || t,
-        className: et(
+        className: Qe(
           "relative",
           "flex gap-2 items-center"
         ),
@@ -6557,7 +6557,7 @@ const qa = ({
             {
               name: t,
               type: "checkbox",
-              className: et(
+              className: Qe(
                 "relative appearance-none w-5 h-5 border rounded-md text-brand-primary cursor-pointer transition-all focus:ring-0 focus:ring-offset-0 focus:outline-none",
                 "checked:after:absolute checked:before:absolute",
                 "checked:after:inset-0 checked:before:inset-0",
@@ -14282,7 +14282,7 @@ const eU = ({
     /* @__PURE__ */ S.jsx("div", { className: "relative h-2 grow bottom-1", children: /* @__PURE__ */ S.jsx(
       Fz,
       {
-        className: et("h-3 w-full", {
+        className: Qe("h-3 w-full", {
           "saturate-0": t,
           "saturate-100": !t
         }),
@@ -14311,7 +14311,7 @@ const eU = ({
   ] });
 };
 function Nte({ open: e, children: t, close: n, size: r = "2xl", scrollToTop: i = !0 }) {
-  return /* @__PURE__ */ S.jsx(Fh, { isOpen: e, close: n, scrollToTop: i, isDialog: !0, children: /* @__PURE__ */ S.jsx("div", { className: "w-full h-full overflow-hidden", children: /* @__PURE__ */ S.jsx(Yl, { mode: "wait", children: e && /* @__PURE__ */ S.jsx(
+  return /* @__PURE__ */ S.jsx(Fh, { isOpen: e, close: n, scrollToTop: i, isDialog: !0, children: /* @__PURE__ */ S.jsx("div", { className: Qe("w-full h-full overflow-hidden", { "hidden w-0 h-0 invisible": !e }), children: /* @__PURE__ */ S.jsx(Yl, { mode: "wait", children: e && /* @__PURE__ */ S.jsx(
     jo.div,
     {
       initial: { opacity: 0, scale: 0 },
@@ -14322,7 +14322,7 @@ function Nte({ open: e, children: t, close: n, size: r = "2xl", scrollToTop: i =
       children: /* @__PURE__ */ S.jsx(
         "div",
         {
-          className: et("flex-1 mx-auto", {
+          className: Qe("flex-1 mx-auto", {
             "max-w-xs": r === "xs",
             "max-w-sm": r === "sm",
             "max-w-md": r === "md",
@@ -15636,7 +15636,7 @@ const gU = /* @__PURE__ */ lh(pU), x5 = ({
 }) => /* @__PURE__ */ S.jsx(
   "label",
   {
-    className: et(
+    className: Qe(
       "absolute origin-top-left bottom-1 left-2 text-sm",
       "peer-focus:text-brand-primary",
       "transition hover:transition",
@@ -15655,7 +15655,7 @@ const gU = /* @__PURE__ */ lh(pU), x5 = ({
 ), C5 = ({ error: e, disabled: t, children: n }) => /* @__PURE__ */ S.jsx(
   "div",
   {
-    className: et(
+    className: Qe(
       "border-brand-gray bg-brand-light-gray dark:bg-brand-dark-gray-dark focus-within:border-brand-secondary",
       "relative  h-[36px]",
       "transition focus-within:transition",
@@ -15702,7 +15702,7 @@ const vU = ({
   disabled: h = !1,
   ...p
 }) => {
-  const m = et(
+  const m = Qe(
     "peer",
     "block w-full text-sm border-none appearance-none focus:outline-none focus:ring-0",
     "absolute bottom-0",
@@ -15765,7 +15765,7 @@ const vU = ({
 }) => /* @__PURE__ */ S.jsx(
   "nav",
   {
-    className: et(
+    className: Qe(
       "px-2 py-2 m-2",
       "flex items-center justify-between rounded-lg select-none",
       "bg-gradient-to-r from-primary-500 to-primary-400",
@@ -15781,7 +15781,7 @@ const vU = ({
 }) => /* @__PURE__ */ S.jsx(
   "button",
   {
-    className: et(
+    className: Qe(
       "rounded-md flex items-center justify-center",
       "w-12 h-12",
       "transition bg-white hover:bg-primary-50 active:bg-primary-100 text-primary-500",
@@ -15797,14 +15797,14 @@ const vU = ({
 }) => /* @__PURE__ */ S.jsx(
   "h1",
   {
-    className: et("pl-2 font-bold text-white text-2.5xl", t),
+    className: Qe("pl-2 font-bold text-white text-2.5xl", t),
     ...n,
     children: e
   }
 ), w5 = { Navbar: bU, Button: yU, Title: xU }, jte = ({ label: e, name: t, className: n, ...r }) => /* @__PURE__ */ S.jsx(
   "div",
   {
-    className: et(
+    className: Qe(
       "bg-brand-light-gray rounded-lg inline-block p-1.5 transition",
       "border-2 border-transparent focus-within:border-brand-primary focus-within:transition",
       {
@@ -15815,7 +15815,7 @@ const vU = ({
       "label",
       {
         htmlFor: (r == null ? void 0 : r.id) || t,
-        className: et(
+        className: Qe(
           "relative",
           "flex gap-2 items-center justify-center"
         ),
@@ -15825,7 +15825,7 @@ const vU = ({
             {
               name: t,
               type: "radio",
-              className: et(
+              className: Qe(
                 "relative appearance-none w-5 h-5 border rounded-full text-brand-primary cursor-pointer transition-all focus:ring-0 focus:ring-offset-0 focus:outline-none",
                 "checked:after:absolute checked:before:absolute",
                 "checked:after:inset-0 checked:before:inset-0",
@@ -20163,7 +20163,7 @@ function _q({ selectProps: e, ...t }) {
         disabled: a,
         error: r,
         focused: l,
-        className: et({ "text-brand-primary": l }),
+        className: Qe({ "text-brand-primary": l }),
         children: n
       }
     )
@@ -20219,7 +20219,7 @@ function Lq(e) {
   return /* @__PURE__ */ S.jsx(
     si.Option,
     {
-      className: et(
+      className: Qe(
         "text-sm py-1 px-2",
         "hover:bg-brand-tertiary-light hover:text-brand-primary",
         {
@@ -20977,7 +20977,7 @@ function IQ({
     /* @__PURE__ */ S.jsx(
       "div",
       {
-        className: et(
+        className: Qe(
           "dark:border-brand-secondary-text",
           "bg-white dark:bg-brand-dark-gray-dark",
           "text-brand-dark-gray-dark dark:text-white",
@@ -21009,7 +21009,7 @@ function IQ({
                 !e.hasChildren && /* @__PURE__ */ S.jsx(
                   "div",
                   {
-                    className: et(
+                    className: Qe(
                       {
                         "bg-brand-secondary text-white dark:bg-brand-secondary-text": u,
                         "bg-brand-light-gray text-brand-disabled dark:bg-brand-secondary-text": !u
@@ -21032,7 +21032,7 @@ function IQ({
     /* @__PURE__ */ S.jsx(
       "hr",
       {
-        className: et(
+        className: Qe(
           "flex w-full border solid border-brand-secondary-text-dark",
           {
             hidden: i === r || n > 0
@@ -21470,7 +21470,7 @@ const Hte = ({
     {
       checked: r,
       onChange: a,
-      className: `${et(
+      className: `${Qe(
         "relative outline-none inline-flex items-center h-6 w-11 rounded-full transition-colors",
         {
           "bg-brand-primary": n === "mono" || n === "off-on" && r || n === "on-off" && !r,
@@ -21480,7 +21480,7 @@ const Hte = ({
       children: /* @__PURE__ */ S.jsx(
         "div",
         {
-          className: et(
+          className: Qe(
             "transition duration-200 ease-out transform",
             {
               "translate-x-6": r,
@@ -23370,7 +23370,7 @@ function ew({
     /* @__PURE__ */ S.jsx(
       "select",
       {
-        className: et(
+        className: Qe(
           "w-20 border-0 border-b border-brand-disabled focus:outline-none focus:ring-0 focus:border-l-0 focus:border-b focus:border-brand-primary",
           "bg-brand-light-gray dark:bg-brand-dark-gray-dark",
           "text-brand-secondary-text dark:text-brand-gray"
@@ -23461,7 +23461,7 @@ function iw({
     return /* @__PURE__ */ S.jsx(S.Fragment, { children: /* @__PURE__ */ S.jsx(
       "th",
       {
-        className: et(
+        className: Qe(
           "px-2 py-3 text-xs text-left select-none border-b border-brand-disabled",
           {
             "border-r": Ol(l) || rw(l),
@@ -23506,7 +23506,7 @@ function ow({ row: e, index: t, renderSubComponent: n }) {
     return /* @__PURE__ */ S.jsx(
       "td",
       {
-        className: et(
+        className: Qe(
           "px-2 children:align-middle overflow-ellipsis whitespace-nowrap border-brand-disabled",
           {
             "border-r": rw(i),
@@ -23869,7 +23869,7 @@ const Kee = ({ children: e, tooltip: t }) => /* @__PURE__ */ S.jsxs("div", { cla
   /* @__PURE__ */ S.jsx(
     "span",
     {
-      className: `${et(
+      className: `${Qe(
         "invisible",
         "group-hover:visible",
         "opacity-0",
@@ -23902,7 +23902,7 @@ const Kee = ({ children: e, tooltip: t }) => /* @__PURE__ */ S.jsxs("div", { cla
 }) => /* @__PURE__ */ S.jsx(S.Fragment, { children: /* @__PURE__ */ S.jsx(Kee, { tooltip: r, children: /* @__PURE__ */ S.jsx(
   "button",
   {
-    className: `${et(
+    className: `${Qe(
       "w-8 h-8 rounded",
       "flex items-center justify-center",
       "transition outline-none outline-2",
@@ -24645,7 +24645,7 @@ vu.exports;
           for (; G-- && ge < Ie; ) {
             ee += s;
             for (var Je = -1, Me = o[ee]; ++Je < se; ) {
-              var Qe = te[Je], nt = Qe.iteratee, Cn = Qe.type, sn = nt(Me);
+              var et = te[Je], nt = et.iteratee, Cn = et.type, sn = nt(Me);
               if (Cn == be)
                 Me = sn;
               else if (!sn) {
@@ -24877,12 +24877,12 @@ vu.exports;
           return Ie;
         A.set(o, V), h1(o) ? o.forEach(function(Me) {
           V.add(Fn(Me, s, d, Me, o, A));
-        }) : f1(o) && o.forEach(function(Me, Qe) {
-          V.set(Qe, Fn(Me, s, d, Qe, o, A));
+        }) : f1(o) && o.forEach(function(Me, et) {
+          V.set(et, Fn(Me, s, d, et, o, A));
         });
         var Fe = ee ? G ? $c : Nc : G ? fn : Xt, Je = te ? n : Fe(o);
-        return Pn(Je || o, function(Me, Qe) {
-          Je && (Qe = Me, Me = o[Qe]), va(V, Qe, Fn(Me, s, d, Qe, o, A));
+        return Pn(Je || o, function(Me, et) {
+          Je && (et = Me, Me = o[et]), va(V, et, Fn(Me, s, d, et, o, A));
         }), V;
       }
       function i3(o) {
@@ -25650,11 +25650,11 @@ vu.exports;
       function Js(o, s, d, g, C, A, V, $, G, ee) {
         var te = s & Z, se = s & E, ge = s & _, Ie = s & (L | D), Fe = s & fe, Je = ge ? n : wa(o);
         function Me() {
-          for (var Qe = arguments.length, nt = W(Qe), Cn = Qe; Cn--; )
+          for (var et = arguments.length, nt = W(et), Cn = et; Cn--; )
             nt[Cn] = arguments[Cn];
           if (Ie)
             var sn = uo(Me), wn = Uw(nt, sn);
-          if (g && (nt = w0(nt, g, C, Ie)), A && (nt = S0(nt, A, V, Ie)), Qe -= wn, Ie && Qe < ee) {
+          if (g && (nt = w0(nt, g, C, Ie)), A && (nt = S0(nt, A, V, Ie)), et -= wn, Ie && et < ee) {
             var Vt = jr(nt, sn);
             return O0(
               o,
@@ -25666,11 +25666,11 @@ vu.exports;
               Vt,
               $,
               G,
-              ee - Qe
+              ee - et
             );
           }
           var Wn = se ? d : this, Sr = ge ? Wn[o] : o;
-          return Qe = nt.length, $ ? nt = n4(nt, $) : Fe && Qe > 1 && nt.reverse(), te && G < Qe && (nt.length = G), this && this !== Ut && this instanceof Me && (Sr = Je || wa(Sr)), Sr.apply(Wn, nt);
+          return et = nt.length, $ ? nt = n4(nt, $) : Fe && et > 1 && nt.reverse(), te && G < et && (nt.length = G), this && this !== Ut && this instanceof Me && (Sr = Je || wa(Sr)), Sr.apply(Wn, nt);
         }
         return Me;
       }
@@ -25823,8 +25823,8 @@ vu.exports;
             break;
           }
           if (Ie) {
-            if (!ac(s, function(Qe, nt) {
-              if (!fa(Ie, nt) && (Fe === Qe || C(Fe, Qe, d, g, A)))
+            if (!ac(s, function(et, nt) {
+              if (!fa(Ie, nt) && (Fe === et || C(Fe, et, d, g, A)))
                 return Ie.push(nt);
             })) {
               ge = !1;
@@ -25888,10 +25888,10 @@ vu.exports;
         A.set(o, s), A.set(s, o);
         for (var Me = V; ++se < G; ) {
           ge = $[se];
-          var Qe = o[ge], nt = s[ge];
+          var et = o[ge], nt = s[ge];
           if (g)
-            var Cn = V ? g(nt, Qe, ge, s, o, A) : g(Qe, nt, ge, o, s, A);
-          if (!(Cn === n ? Qe === nt || C(Qe, nt, d, g, A) : Cn)) {
+            var Cn = V ? g(nt, et, ge, s, o, A) : g(et, nt, ge, o, s, A);
+          if (!(Cn === n ? et === nt || C(et, nt, d, g, A) : Cn)) {
             Je = !1;
             break;
           }
@@ -26715,7 +26715,7 @@ vu.exports;
           return g = C = n, ee = Vt, V = o.apply(Sr, Wn), V;
         }
         function Fe(Vt) {
-          return ee = Vt, $ = Ia(Qe, s), te ? Ie(Vt) : V;
+          return ee = Vt, $ = Ia(et, s), te ? Ie(Vt) : V;
         }
         function Je(Vt) {
           var Wn = Vt - G, Sr = Vt - ee, _1 = s - Wn;
@@ -26725,11 +26725,11 @@ vu.exports;
           var Wn = Vt - G, Sr = Vt - ee;
           return G === n || Wn >= s || Wn < 0 || se && Sr >= A;
         }
-        function Qe() {
+        function et() {
           var Vt = ol();
           if (Me(Vt))
             return nt(Vt);
-          $ = Ia(Qe, Je(Vt));
+          $ = Ia(et, Je(Vt));
         }
         function nt(Vt) {
           return $ = n, ge && g ? Ie(Vt) : (g = C = n, V);
@@ -26746,9 +26746,9 @@ vu.exports;
             if ($ === n)
               return Fe(G);
             if (se)
-              return b0($), $ = Ia(Qe, s), Ie(G);
+              return b0($), $ = Ia(et, s), Ie(G);
           }
-          return $ === n && ($ = Ia(Qe, s)), V;
+          return $ === n && ($ = Ia(et, s)), V;
         }
         return wn.cancel = Cn, wn.flush = sn, wn;
       }
@@ -27294,9 +27294,9 @@ vu.exports;
           "g"
         ), Ie = "//# sourceURL=" + (pt.call(s, "sourceURL") ? (s.sourceURL + "").replace(/\s/g, " ") : "lodash.templateSources[" + ++Ow + "]") + `
 `;
-        o.replace(ge, function(Me, Qe, nt, Cn, sn, wn) {
-          return nt || (nt = Cn), se += o.slice(ee, wn).replace(Si, Kw), Qe && ($ = !0, se += `' +
-__e(` + Qe + `) +
+        o.replace(ge, function(Me, et, nt, Cn, sn, wn) {
+          return nt || (nt = Cn), se += o.slice(ee, wn).replace(Si, Kw), et && ($ = !0, se += `' +
+__e(` + et + `) +
 '`), sn && (G = !0, se += `';
 ` + sn + `;
 __p += '`), nt && (se += `' +
@@ -27617,8 +27617,8 @@ function print() { __p += __j.call(arguments, '') }
       }, nr(tt.prototype, function(o, s) {
         var d = /^(?:filter|find|map|reject)|While$/.test(s), g = /^(?:head|last)$/.test(s), C = I[g ? "take" + (s == "last" ? "Right" : "") : s], A = g || /^find/.test(s);
         C && (I.prototype[s] = function() {
-          var V = this.__wrapped__, $ = g ? [1] : arguments, G = V instanceof tt, ee = $[0], te = G || ze(V), se = function(Qe) {
-            var nt = C.apply(I, Br([Qe], $));
+          var V = this.__wrapped__, $ = g ? [1] : arguments, G = V instanceof tt, ee = $[0], te = G || ze(V), se = function(et) {
+            var nt = C.apply(I, Br([et], $));
             return g && ge ? nt[0] : nt;
           };
           te && d && typeof ee == "function" && ee.length != 1 && (G = te = !1);
@@ -28062,7 +28062,7 @@ function Ste({
       initial: { opacity: 0, y: "-10%" },
       animate: { opacity: 1, y: "0%" },
       exit: { opacity: 0, y: "-10%" },
-      className: et(
+      className: Qe(
         "w-[415px]",
         "bg-gradient-to-r from-brand to-brand-secondary",
         "rounded-lg rounded-tr-none pt-8",
@@ -28084,23 +28084,23 @@ function Ste({
             " Browse in English"
           ] })
         ] }),
-        /* @__PURE__ */ S.jsxs("div", { className: "flex justify-center w-full gap-4", children: [
-          t === 2 && /* @__PURE__ */ S.jsx("div", { className: "w-2/4 mb-4", children: /* @__PURE__ */ S.jsx(
+        /* @__PURE__ */ S.jsxs("div", { className: "flex justify-center items-center mb-4 gap-2", children: [
+          t === 2 && /* @__PURE__ */ S.jsx("div", { className: "w-48", children: /* @__PURE__ */ S.jsx(
             qa,
             {
               variant: "primary",
               onClick: f,
-              children: /* @__PURE__ */ S.jsxs("div", { className: "p-5", children: [
-                /* @__PURE__ */ S.jsxs("p", { className: "text-[12px]", children: [
+              children: /* @__PURE__ */ S.jsxs("div", { className: "p-4", children: [
+                /* @__PURE__ */ S.jsxs("p", { className: "text-xs", children: [
                   "Terminal:",
                   " ",
                   /* @__PURE__ */ S.jsx("b", { children: F ?? "" })
                 ] }),
-                /* @__PURE__ */ S.jsx("p", { className: "text-[11px]", children: x })
+                /* @__PURE__ */ S.jsx("p", { className: "text-xs", children: x })
               ] })
             }
           ) }),
-          i && /* @__PURE__ */ S.jsx("div", { className: "w-2/4 mb-4", children: /* @__PURE__ */ S.jsx(
+          i && /* @__PURE__ */ S.jsx("div", { className: "w-48", children: /* @__PURE__ */ S.jsx(
             Vq,
             {
               name: "tenant",
@@ -28142,7 +28142,7 @@ function Ste({
                       /* @__PURE__ */ S.jsx(
                         "div",
                         {
-                          className: et(
+                          className: Qe(
                             "flex items-center justify-center transition rounded-md w-11 h-9 shadow-action-button hover:shadow-action-button-hover",
                             {
                               "bg-brand-secondary text-white shadow-action-button-hover": X,
@@ -28175,7 +28175,7 @@ function Ste({
             /* @__PURE__ */ S.jsx(
               "span",
               {
-                className: et(
+                className: Qe(
                   {
                     "text-brand-secondary": n,
                     "text-brand-secondary-text": !n
@@ -28215,7 +28215,7 @@ function Ite({
     {
       onChange: t,
       checked: e,
-      className: et(
+      className: Qe(
         {
           "bg-brand-dark-gray-dark text-brand-secondary": e,
           "bg-brand-gray": !e,
@@ -28261,7 +28261,7 @@ function Ey({ children: e, onClick: t }) {
     "button",
     {
       onClick: t,
-      className: et(
+      className: Qe(
         "bg-brand-light-gray dark:bg-brand-dark-gray-dark hover:bg-brand dark:hover:bg-brand",
         "text-brand-secondary-text dark:text-white hover:text-brand-light-gray",
         "rounded-lg px-2 py-1.5 text-xs transition",