@xola/ui-kit 2.0.0 → 2.0.2

package/build/ui-kit.mjs

@@ -1,14 +1,14 @@
 import { Transition as ye, Dialog as Qe, Switch as kn } from "@headlessui/react";
 import c from "prop-types";
 import * as Z from "react";
-import n, { cloneElement as pt, Fragment as fe, useState as ne, Children as Se, createContext as gt, useRef as de, useCallback as ae, useMemo as Ne, useContext as Te, useEffect as ht, useLayoutEffect as io, forwardRef as An, createElement as He, Component as $a } from "react";
+import n, { cloneElement as gt, Fragment as fe, useState as ne, useEffect as _e, Children as Se, createContext as ht, useRef as de, useCallback as ae, useMemo as Ne, useContext as Te, useLayoutEffect as io, forwardRef as An, createElement as He, Component as $a } from "react";
 import I from "clsx";
 import Ln from "@tippyjs/react";
 import { followCursor as so } from "tippy.js";
 import { useCombobox as Kt } from "downshift";
 import { useHotkeys as ur } from "react-hotkeys-hook";
 import Pt from "get-user-locale";
-import { round as tt, isArray as e1, isFunction as t1, merge as Ue } from "lodash";
+import { round as nt, isArray as e1, isFunction as t1, merge as Ue } from "lodash";
 import n1 from "react-select";
 import { createPortal as r1 } from "react-dom";
 import o1 from "nouislider-react";
@@ -253,7 +253,7 @@ const uo = {
     a
   ),
   ...i
-}, o ? pt(o, { className: I("mr-1", f1[t]) }) : null, r);
+}, o ? gt(o, { className: I("mr-1", f1[t]) }) : null, r);
 v1.propTypes = {
   className: c.string,
   color: c.oneOf(Object.keys(uo)),
@@ -275,7 +275,7 @@ const mr = {
     size: c.oneOf(Object.keys(mr)),
     className: c.string
   }, t;
-}, _e = p((e) => /* @__PURE__ */ n.createElement("svg", {
+}, $e = p((e) => /* @__PURE__ */ n.createElement("svg", {
   width: 14,
   height: 14,
   fill: "none",
@@ -295,7 +295,7 @@ const mr = {
   fill: "#fff",
   d: "M0 0h14v14H0z"
 })))));
-_e.tags = ["cross", "delete", "x"];
+$e.tags = ["cross", "delete", "x"];
 const po = {
   primary: "bg-primary-lighter text-black border border-primary",
   secondary: "bg-secondary-light text-gray-darker border border-secondary",
@@ -314,7 +314,7 @@ const po = {
   return /* @__PURE__ */ n.createElement("span", {
     className: I("ui-tag", "inline-flex rounded", po[e], go[t], a),
     ...i
-  }, r, o ? /* @__PURE__ */ n.createElement(_e, {
+  }, r, o ? /* @__PURE__ */ n.createElement($e, {
     size: "small",
     className: I(
       "ui-tag-close ml-2 cursor-pointer leading-4 hover:text-gray-darker",
@@ -364,7 +364,7 @@ const fo = {
 }, a), o ? /* @__PURE__ */ n.createElement("button", {
   type: "button",
   className: "ui-alert-close ml-3 cursor-pointer hover:text-gray-dark"
-}, /* @__PURE__ */ n.createElement(_e, {
+}, /* @__PURE__ */ n.createElement($e, {
   onClick: o
 })) : null);
 vo.propTypes = {
@@ -485,7 +485,7 @@ const un = ({ isOpen: e = !1, title: t, content: o, onClose: a, classNames: r =
   variant: "link",
   className: "text-gray-darker focus:hidden",
   onClick: a
-}, /* @__PURE__ */ n.createElement(_e, null))))), /* @__PURE__ */ n.createElement("div", {
+}, /* @__PURE__ */ n.createElement($e, null))))), /* @__PURE__ */ n.createElement("div", {
   className: I("relative mt-3 flex-1 px-4 sm:px-6", r.content)
 }, o))))))));
 un.propTypes = {
@@ -661,6 +661,7 @@ const E1 = "_main_1bcuo_1", I1 = {
 }, C1 = typeof window > "u" ? void 0 : window.document.body, Rn = ({ children: e, content: t, ...o }) => /* @__PURE__ */ n.createElement(Ln, {
   interactive: !0,
   trigger: "mouseenter",
+  hideOnClick: "toggle",
   appendTo: C1,
   placement: "right",
   offset: [0, 4],
@@ -683,7 +684,11 @@ Rn.propTypes = {
 const y1 = {
   background: "linear-gradient(138.65deg, #583DFF 19.59%, #F849C7 62.96%, #FFC03D 97.07%)"
 }, Ve = ({ logo: e, children: t, className: o, footer: a, notifications: r, isFixed: i = !0, onLogoClick: l }) => {
-  const [s, u] = ne(!1), [d, m] = ne(!1), g = () => {
+  const [s, u] = ne(!1), [d, m] = ne(!1);
+  _e(() => {
+    u(!1), m(!1);
+  }, [r]);
+  const g = () => {
     s || m(!1), u(!s);
   }, w = () => {
     d || u(!1), m(!d);
@@ -912,7 +917,7 @@ const M1 = {
     type: "button",
     className: "absolute top-0 right-0 m-4 hidden p-2 text-gray hover:text-gray-darker sm:block",
     onClick: a
-  }, /* @__PURE__ */ n.createElement(_e, null)) : null, r)))));
+  }, /* @__PURE__ */ n.createElement($e, null)) : null, r)))));
 }, On = ({ children: e, description: t, className: o, ...a }) => /* @__PURE__ */ n.createElement(Qe.Title, {
   as: "div",
   className: I(o, "ui-modal-header text-center"),
@@ -981,7 +986,7 @@ le.Header.propTypes = {
 le.Body = ({ className: e, isStriped: t = !1, children: o, ...a }) => /* @__PURE__ */ n.createElement("tbody", {
   className: I("ui-table-body", "border-none", e),
   ...a
-}, Se.map(o, (r) => r && pt(r, { isStriped: t })));
+}, Se.map(o, (r) => r && gt(r, { isStriped: t })));
 le.Body.displayName = "Table.Body";
 le.Body.propTypes = {
   className: c.string,
@@ -1015,7 +1020,7 @@ const Pn = {
 }, Se.map(i, (s, u) => {
   const d = { size: e };
   if (!s.props.isHidden)
-    return t !== void 0 && (d.isActive = t === u), o && t >= 0 && t !== u && (d.shouldShowText = !1), a && (d.onClick = () => a(u)), pt(s, d);
+    return t !== void 0 && (d.isActive = t === u), o && t >= 0 && t !== u && (d.shouldShowText = !1), a && (d.onClick = () => a(u)), gt(s, d);
 }));
 Io.propTypes = {
   className: c.string,
@@ -1097,16 +1102,16 @@ var O1 = H1, W1 = O1, j1 = /^\s+/;
 function P1(e) {
   return e && e.slice(0, W1(e) + 1).replace(j1, "");
 }
-var Z1 = P1, X1 = ko, Y1 = X1.Symbol, Ao = Y1, pr = Ao, Lo = Object.prototype, J1 = Lo.hasOwnProperty, U1 = Lo.toString, nt = pr ? pr.toStringTag : void 0;
+var Z1 = P1, X1 = ko, Y1 = X1.Symbol, Ao = Y1, pr = Ao, Lo = Object.prototype, J1 = Lo.hasOwnProperty, U1 = Lo.toString, rt = pr ? pr.toStringTag : void 0;
 function Q1(e) {
-  var t = J1.call(e, nt), o = e[nt];
+  var t = J1.call(e, rt), o = e[rt];
   try {
-    e[nt] = void 0;
+    e[rt] = void 0;
     var a = !0;
   } catch {
   }
   var r = U1.call(e);
-  return a && (t ? e[nt] = o : delete e[nt]), r;
+  return a && (t ? e[rt] = o : delete e[rt]), r;
 }
 var q1 = Q1, K1 = Object.prototype, _1 = K1.toString;
 function $1(e) {
@@ -1191,7 +1196,7 @@ function Li(e, t, o) {
 var Mi = Li;
 const yt = typeof window > "u" ? !1 : window.navigator.userAgent.includes("Macintosh");
 let Ni = 1;
-const Mo = gt({
+const Mo = ht({
   generateId: () => (console.warn(
     "Please wrap your app with `<Provider />` component from `@xola/ui-kit`. Otherwise your app will not work with SSR frameworks."
   ), Ni++)
@@ -1205,7 +1210,7 @@ const Mo = gt({
   return o;
 }, Bi = () => {
   const [e, t] = ne(!1);
-  return ht(() => {
+  return _e(() => {
     t(!0);
   }, []), e;
 }, No = p((e) => /* @__PURE__ */ n.createElement("svg", {
@@ -1280,7 +1285,7 @@ const Si = Mi((e, t) => e(t), 500), Bo = ({
     defaultHighlightedIndex: 0,
     onSelectedItemChange: M
   });
-  ht(() => {
+  _e(() => {
     P ? E(!1) : setTimeout(() => E(!0), 1);
   }, [P, E]);
   const O = () => {
@@ -1419,7 +1424,7 @@ const Ti = Pt(), Vi = /* @__PURE__ */ new Set(["JPY", "CLP", "KRW", "LAK", "PYG"
   return t && (s.currency = t, s.currencyDisplay = i ? "narrowSymbol" : "symbol"), r ? Gi(e, o) : new Intl.NumberFormat(o, s).format(e);
 }, To = (e, t) => {
   let o = Number(t);
-  return Xn(e) ? tt(o) : (tt(o, 3) === tt(o, 4) && (o = tt(o, 3)), tt(o, 2));
+  return Xn(e) ? nt(o) : (nt(o, 3) === nt(o, 4) && (o = nt(o, 3)), nt(o, 2));
 }, Gi = (e, t = Fo) => new Intl.NumberFormat(t, { notation: "compact", maximumFractionDigits: 2 }).format(e), Vo = Pt(), We = ({
   currency: e = "USD",
   locale: t = Vo,
@@ -1487,7 +1492,7 @@ const Xt = {
   success: "text-success",
   danger: "text-danger",
   caution: "text-caution"
-}, Jn = gt(), je = ({ children: e, className: t, currency: o, ...a }) => /* @__PURE__ */ n.createElement(Jn.Provider, {
+}, Jn = ht(), je = ({ children: e, className: t, currency: o, ...a }) => /* @__PURE__ */ n.createElement(Jn.Provider, {
   value: o
 }, /* @__PURE__ */ n.createElement("table", {
   className: I("ui-breakdown", "w-full", t),
@@ -1628,7 +1633,7 @@ function S() {
     return e;
   }, S.apply(this, arguments);
 }
-function at(e, t, o) {
+function it(e, t, o) {
   return t in e ? Object.defineProperty(e, t, {
     value: o,
     enumerable: !0,
@@ -1650,7 +1655,7 @@ function T(e) {
   for (var t = 1; t < arguments.length; t++) {
     var o = arguments[t] != null ? arguments[t] : {};
     t % 2 ? wr(Object(o), !0).forEach(function(a) {
-      at(e, a, o[a]);
+      it(e, a, o[a]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : wr(Object(o)).forEach(function(a) {
       Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(o, a));
     });
@@ -1767,7 +1772,7 @@ function Ji() {
   throw new TypeError(`Invalid attempt to spread non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
 }
-function st(e) {
+function lt(e) {
   return Xi(e) || Yi(e) || Ho(e) || Ji();
 }
 function Ui(e) {
@@ -1834,7 +1839,7 @@ function hn(e, t) {
 function oe(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function lt(e, t, o) {
+function ct(e, t, o) {
   return e.slice(t, o);
 }
 function Ie(e) {
@@ -1849,32 +1854,32 @@ function wt(e, t) {
 function ns(e, t) {
   return e.map(t).join("");
 }
-var Jt = 1, Ke = 1, jo = 0, me = 0, te = 0, $e = "";
+var Jt = 1, Ke = 1, jo = 0, me = 0, te = 0, et = "";
 function Ut(e, t, o, a, r, i, l) {
   return { value: e, root: t, parent: o, type: a, props: r, children: i, line: Jt, column: Ke, length: l, return: "" };
 }
-function rt(e, t) {
+function ot(e, t) {
   return $i(Ut("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function rs() {
   return te;
 }
 function os() {
-  return te = me > 0 ? oe($e, --me) : 0, Ke--, te === 10 && (Ke = 1, Jt--), te;
+  return te = me > 0 ? oe(et, --me) : 0, Ke--, te === 10 && (Ke = 1, Jt--), te;
 }
 function pe() {
-  return te = me < jo ? oe($e, me++) : 0, Ke++, te === 10 && (Ke = 1, Jt++), te;
+  return te = me < jo ? oe(et, me++) : 0, Ke++, te === 10 && (Ke = 1, Jt++), te;
 }
 function ke() {
-  return oe($e, me);
+  return oe(et, me);
 }
 function kt() {
   return me;
 }
 function bt(e, t) {
-  return lt($e, e, t);
+  return ct(et, e, t);
 }
-function ct(e) {
+function ut(e) {
   switch (e) {
     case 0:
     case 9:
@@ -1907,10 +1912,10 @@ function ct(e) {
   return 0;
 }
 function Po(e) {
-  return Jt = Ke = 1, jo = Ie($e = e), me = 0, [];
+  return Jt = Ke = 1, jo = Ie(et = e), me = 0, [];
 }
 function Zo(e) {
-  return $e = "", e;
+  return et = "", e;
 }
 function At(e) {
   return Wo(bt(me - 1, fn(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
@@ -1918,7 +1923,7 @@ function At(e) {
 function as(e) {
   for (; (te = ke()) && te < 33; )
     pe();
-  return ct(e) > 2 || ct(te) > 3 ? "" : " ";
+  return ut(e) > 2 || ut(te) > 3 ? "" : " ";
 }
 function is(e, t) {
   for (; --t && pe() && !(te < 48 || te > 102 || te > 57 && te < 65 || te > 70 && te < 97); )
@@ -1950,7 +1955,7 @@ function ss(e, t) {
   return "/*" + bt(t, me - 1) + "*" + Yt(e === 47 ? e : pe());
 }
 function ls(e) {
-  for (; !ct(ke()); )
+  for (; !ut(ke()); )
     pe();
   return bt(e, me);
 }
@@ -2047,15 +2052,15 @@ function Lt(e, t, o, a, r, i, l, s, u) {
 }
 function Er(e, t, o, a, r, i, l, s, u, d, m) {
   for (var g = r - 1, w = r === 0 ? i : [""], x = Kn(w), v = 0, h = 0, f = 0; v < a; ++v)
-    for (var b = 0, k = lt(e, g + 1, g = _i(h = l[v])), y = e; b < x; ++b)
+    for (var b = 0, k = ct(e, g + 1, g = _i(h = l[v])), y = e; b < x; ++b)
       (y = Wo(h > 0 ? w[b] + " " + k : Q(k, /&\f/g, w[b]))) && (u[f++] = y);
   return Ut(e, t, o, r === 0 ? Qn : s, u, d, m);
 }
 function us(e, t, o) {
-  return Ut(e, t, o, Un, Yt(rs()), lt(e, 2, -2), 0);
+  return Ut(e, t, o, Un, Yt(rs()), ct(e, 2, -2), 0);
 }
 function Ir(e, t, o, a) {
-  return Ut(e, t, o, qn, lt(e, 0, a), lt(e, a + 1, -1), a);
+  return Ut(e, t, o, qn, ct(e, 0, a), ct(e, a + 1, -1), a);
 }
 function qe(e, t) {
   for (var o = "", a = Kn(e), r = 0; r < a; r++)
@@ -2096,13 +2101,13 @@ function gs(e) {
   };
 }
 var hs = function(t, o, a) {
-  for (var r = 0, i = 0; r = i, i = ke(), r === 38 && i === 12 && (o[a] = 1), !ct(i); )
+  for (var r = 0, i = 0; r = i, i = ke(), r === 38 && i === 12 && (o[a] = 1), !ut(i); )
     pe();
   return bt(t, me);
 }, fs = function(t, o) {
   var a = -1, r = 44;
   do
-    switch (ct(r)) {
+    switch (ut(r)) {
       case 0:
         r === 38 && ke() === 12 && (o[a] = 1), t[a] += hs(me - 1, o, a);
         break;
@@ -2294,7 +2299,7 @@ var ks = function(t, o, a, r) {
         t.return = Yo(t.value, t.length);
         break;
       case Oo:
-        return qe([rt(t, {
+        return qe([ot(t, {
           value: Q(t.value, "@", "@" + X)
         })], r);
       case Qn:
@@ -2303,15 +2308,15 @@ var ks = function(t, o, a, r) {
             switch (ts(i, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return qe([rt(t, {
+                return qe([ot(t, {
                   props: [Q(i, /:(read-\w+)/, ":" + Dt + "$1")]
                 })], r);
               case "::placeholder":
-                return qe([rt(t, {
+                return qe([ot(t, {
                   props: [Q(i, /:(plac\w+)/, ":" + X + "input-$1")]
-                }), rt(t, {
+                }), ot(t, {
                   props: [Q(i, /:(plac\w+)/, ":" + Dt + "$1")]
-                }), rt(t, {
+                }), ot(t, {
                   props: [Q(i, /:(plac\w+)/, ie + "input-$1")]
                 })], r);
             }
@@ -2681,7 +2686,7 @@ if (process.env.NODE_ENV !== "production") {
   };
 }
 var _o = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function ut(e, t, o) {
+function dt(e, t, o) {
   if (o == null)
     return "";
   if (o.__emotion_styles !== void 0) {
@@ -2716,7 +2721,7 @@ function ut(e, t, o) {
     case "function": {
       if (e !== void 0) {
         var i = we, l = o(e);
-        return we = i, ut(e, t, l);
+        return we = i, dt(e, t, l);
       } else
         process.env.NODE_ENV !== "production" && console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
       break;
@@ -2745,7 +2750,7 @@ function js(e, t, o) {
   var a = "";
   if (Array.isArray(o))
     for (var r = 0; r < o.length; r++)
-      a += ut(e, t, o[r]) + ";";
+      a += dt(e, t, o[r]) + ";";
   else
     for (var i in o) {
       var l = o[i];
@@ -2758,7 +2763,7 @@ function js(e, t, o) {
           for (var s = 0; s < l.length; s++)
             Mr(l[s]) && (a += $t(i) + ":" + zt(i, l[s]) + ";");
         else {
-          var u = ut(e, t, l);
+          var u = dt(e, t, l);
           switch (i) {
             case "animation":
             case "animationName": {
@@ -2775,15 +2780,15 @@ function js(e, t, o) {
 }
 var Br = /label:\s*([^\s;\n{]+)\s*(;|$)/g, $o;
 process.env.NODE_ENV !== "production" && ($o = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g);
-var we, dt = function(t, o, a) {
+var we, mt = function(t, o, a) {
   if (t.length === 1 && typeof t[0] == "object" && t[0] !== null && t[0].styles !== void 0)
     return t[0];
   var r = !0, i = "";
   we = void 0;
   var l = t[0];
-  l == null || l.raw === void 0 ? (r = !1, i += ut(a, o, l)) : (process.env.NODE_ENV !== "production" && l[0] === void 0 && console.error(Lr), i += l[0]);
+  l == null || l.raw === void 0 ? (r = !1, i += dt(a, o, l)) : (process.env.NODE_ENV !== "production" && l[0] === void 0 && console.error(Lr), i += l[0]);
   for (var s = 1; s < t.length; s++)
-    i += ut(a, o, t[s]), r && (process.env.NODE_ENV !== "production" && l[s] === void 0 && console.error(Lr), i += l[s]);
+    i += dt(a, o, t[s]), r && (process.env.NODE_ENV !== "production" && l[s] === void 0 && console.error(Lr), i += l[s]);
   var u;
   process.env.NODE_ENV !== "production" && (i = i.replace($o, function(w) {
     return u = w, "";
@@ -2806,7 +2811,7 @@ var we, dt = function(t, o, a) {
   };
 }, Ps = function(t) {
   return t();
-}, ea = Z["useInsertionEffect"] ? Z["useInsertionEffect"] : !1, ta = ea || Ps, Fr = ea || io, tr = {}.hasOwnProperty, nr = /* @__PURE__ */ gt(
+}, ea = Z["useInsertionEffect"] ? Z["useInsertionEffect"] : !1, ta = ea || Ps, Fr = ea || io, tr = {}.hasOwnProperty, nr = /* @__PURE__ */ ht(
   typeof HTMLElement < "u" ? /* @__PURE__ */ Ls({
     key: "css"
   }) : null
@@ -2818,7 +2823,7 @@ var rr = function(t) {
     var r = Te(nr);
     return t(o, r, a);
   });
-}, Qt = /* @__PURE__ */ gt({});
+}, Qt = /* @__PURE__ */ ht({});
 process.env.NODE_ENV !== "production" && (Qt.displayName = "EmotionThemeContext");
 var Sr = function(t) {
   var o = t.split(".");
@@ -2862,10 +2867,10 @@ var Sr = function(t) {
   typeof a == "string" && t.registered[a] !== void 0 && (a = t.registered[a]);
   var r = e[vn], i = [a], l = "";
   typeof e.className == "string" ? l = qo(t.registered, i, e.className) : e.className != null && (l = e.className + " ");
-  var s = dt(i, void 0, Te(Qt));
+  var s = mt(i, void 0, Te(Qt));
   if (process.env.NODE_ENV !== "production" && s.name.indexOf("-") === -1) {
     var u = e[bn];
-    u && (s = dt([s, "label:" + u + ";"]));
+    u && (s = mt([s, "label:" + u + ";"]));
   }
   l += t.key + "-" + s.name;
   var d = {};
@@ -3010,7 +3015,7 @@ var qs = {
   return He.apply(null, i);
 }, Tr = !1, Ks = /* @__PURE__ */ rr(function(e, t) {
   process.env.NODE_ENV !== "production" && !Tr && (e.className || e.css) && (console.error("It looks like you're using the css prop on Global, did you mean to use the styles prop instead?"), Tr = !0);
-  var o = e.styles, a = dt([o], void 0, Te(Qt)), r = de();
+  var o = e.styles, a = mt([o], void 0, Te(Qt)), r = de();
   return Fr(function() {
     var i = t.key + "-global", l = new t.sheet.constructor({
       key: i,
@@ -3038,7 +3043,7 @@ process.env.NODE_ENV !== "production" && (Ks.displayName = "EmotionGlobal");
 function or() {
   for (var e = arguments.length, t = new Array(e), o = 0; o < e; o++)
     t[o] = arguments[o];
-  return dt(t);
+  return mt(t);
 }
 var _s = function() {
   var t = or.apply(void 0, arguments), o = "animation-" + t.name;
@@ -3092,7 +3097,7 @@ var t0 = function(t) {
       throw new Error("css can only be used during render");
     for (var d = arguments.length, m = new Array(d), g = 0; g < d; g++)
       m[g] = arguments[g];
-    var w = dt(m, t.registered);
+    var w = mt(m, t.registered);
     return a.push(w), _n(t, w, !1), t.key + "-" + w.name;
   }, i = function() {
     if (o && process.env.NODE_ENV !== "production")
@@ -3422,7 +3427,7 @@ function k0(e) {
 function A0(e) {
   return Array.isArray(e);
 }
-function it(e, t, o) {
+function st(e, t, o) {
   return e ? t : o;
 }
 var L0 = function(t) {
@@ -3519,14 +3524,14 @@ var ma = function(t) {
   var a, r = t.placement, i = t.theme, l = i.borderRadius, s = i.spacing, u = i.colors;
   return T((a = {
     label: "menu"
-  }, at(a, N0(r), "100%"), at(a, "position", "absolute"), at(a, "width", "100%"), at(a, "zIndex", 1), a), o ? {} : {
+  }, it(a, N0(r), "100%"), it(a, "position", "absolute"), it(a, "width", "100%"), it(a, "zIndex", 1), a), o ? {} : {
     backgroundColor: u.neutral0,
     borderRadius: l,
     boxShadow: "0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",
     marginBottom: s.menuGutter,
     marginTop: s.menuGutter
   });
-}, pa = /* @__PURE__ */ gt(null), F0 = function(t) {
+}, pa = /* @__PURE__ */ ht(null), F0 = function(t) {
   var o = t.children, a = t.minMenuHeight, r = t.maxMenuHeight, i = t.menuPlacement, l = t.menuPosition, s = t.menuShouldScrollIntoView, u = t.theme, d = Te(pa) || {}, m = d.setPortalPlacement, g = de(null), w = ne(r), x = Be(w, 2), v = x[0], h = x[1], f = ne(null), b = Be(f, 2), k = b[0], y = b[1], C = u.spacing.controlHeight;
   return xn(function() {
     var E = g.current;
@@ -4611,7 +4616,7 @@ function Pl(e) {
   }, [x, w, g]), h = ae(function(f) {
     !f || (f.removeEventListener("wheel", g, !1), f.removeEventListener("touchstart", w, !1), f.removeEventListener("touchmove", x, !1));
   }, [x, w, g]);
-  return ht(function() {
+  return _e(function() {
     if (!!t) {
       var f = d.current;
       return v(f), function() {
@@ -4641,7 +4646,7 @@ function Kr() {
 function _r() {
   return "ontouchstart" in window || navigator.maxTouchPoints;
 }
-var $r = !!(typeof window < "u" && window.document && window.document.createElement), ot = 0, Je = {
+var $r = !!(typeof window < "u" && window.document && window.document.createElement), at = 0, Je = {
   capture: !1,
   passive: !1
 };
@@ -4652,25 +4657,25 @@ function Zl(e) {
       if (a && Jr.forEach(function(v) {
         var h = m && m[v];
         r.current[v] = h;
-      }), a && ot < 1) {
+      }), a && at < 1) {
         var g = parseInt(r.current.paddingRight, 10) || 0, w = document.body ? document.body.clientWidth : 0, x = window.innerWidth - w + g || 0;
         Object.keys(Ur).forEach(function(v) {
           var h = Ur[v];
           m && (m[v] = h);
         }), m && (m.paddingRight = "".concat(x, "px"));
       }
-      d && _r() && (d.addEventListener("touchmove", Qr, Je), u && (u.addEventListener("touchstart", Kr, Je), u.addEventListener("touchmove", qr, Je))), ot += 1;
+      d && _r() && (d.addEventListener("touchmove", Qr, Je), u && (u.addEventListener("touchstart", Kr, Je), u.addEventListener("touchmove", qr, Je))), at += 1;
     }
   }, [a]), s = ae(function(u) {
     if (!!$r) {
       var d = document.body, m = d && d.style;
-      ot = Math.max(ot - 1, 0), a && ot < 1 && Jr.forEach(function(g) {
+      at = Math.max(at - 1, 0), a && at < 1 && Jr.forEach(function(g) {
         var w = r.current[g];
         m && (m[g] = w);
       }), d && _r() && (d.removeEventListener("touchmove", Qr, Je), u && (u.removeEventListener("touchstart", Kr, Je), u.removeEventListener("touchmove", qr, Je)));
     }
   }, [a]);
-  return ht(function() {
+  return _e(function() {
     if (!!t) {
       var u = i.current;
       return l(u), function() {
@@ -4873,7 +4878,7 @@ function Ma(e, t) {
 }
 function Na(e) {
   return e.reduce(function(t, o) {
-    return o.type === "group" ? t.push.apply(t, st(o.options.map(function(a) {
+    return o.type === "group" ? t.push.apply(t, lt(o.options.map(function(a) {
       return a.data;
     }))) : t.push(o.data), t;
   }, []);
@@ -4976,7 +4981,7 @@ var Va = function(t) {
           return r.getOptionValue(f) !== h;
         }), "deselect-option", s);
       } else if (!v)
-        m ? r.setValue([].concat(st(w), [s]), "select-option", s) : r.setValue(s, "select-option");
+        m ? r.setValue([].concat(lt(w), [s]), "select-option", s) : r.setValue(s, "select-option");
       else {
         r.ariaOnChange(s, {
           action: "select-option",
@@ -4989,19 +4994,19 @@ var Va = function(t) {
     }, r.removeValue = function(s) {
       var u = r.props.isMulti, d = r.state.selectValue, m = r.getOptionValue(s), g = d.filter(function(x) {
         return r.getOptionValue(x) !== m;
-      }), w = it(u, g, g[0] || null);
+      }), w = st(u, g, g[0] || null);
       r.onChange(w, {
         action: "remove-value",
         removedValue: s
       }), r.focusInput();
     }, r.clearValue = function() {
       var s = r.state.selectValue;
-      r.onChange(it(r.props.isMulti, [], null), {
+      r.onChange(st(r.props.isMulti, [], null), {
         action: "clear",
         removedValues: s
       });
     }, r.popValue = function() {
-      var s = r.props.isMulti, u = r.state.selectValue, d = u[u.length - 1], m = u.slice(0, u.length - 1), g = it(s, m, m[0] || null);
+      var s = r.props.isMulti, u = r.state.selectValue, d = u[u.length - 1], m = u.slice(0, u.length - 1), g = st(s, m, m[0] || null);
       r.onChange(g, {
         action: "pop-value",
         removedValue: d
@@ -5784,7 +5789,7 @@ var Va = function(t) {
         inputIsHiddenAfterUpdate: void 0
       } : {}, L = d, M = m && g;
       return m && !M && (L = {
-        value: it(f, b, b[0] || null),
+        value: st(f, b, b[0] || null),
         options: b,
         action: "initial-input-focus"
       }, M = !g), (d == null ? void 0 : d.action) === "initial-input-focus" && (L = null), T(T(T({}, k), A), {}, {
@@ -5847,7 +5852,7 @@ function gc(e) {
       getOptionLabel: y
     }) ? m(C, l(C)) : void 0;
   }, [l, m, y, b, C, u, x, L]), P = Ne(function() {
-    return (o || !E) && V ? r === "first" ? [V].concat(st(x)) : [].concat(st(x), [V]) : x;
+    return (o || !E) && V ? r === "first" ? [V].concat(lt(x)) : [].concat(lt(x), [V]) : x;
   }, [o, r, E, V, x]), q = ae(function(D, Y) {
     if (Y.action !== "select-option")
       return v(D, Y);
@@ -5861,7 +5866,7 @@ function gc(e) {
           name: M,
           option: z
         };
-        v(it(A, [].concat(st(Ot(L)), [z]), z), B);
+        v(st(A, [].concat(lt(Ot(L)), [z]), z), B);
       }
       return;
     }
@@ -6035,31 +6040,31 @@ wc.propTypes = {
   step: c.number,
   onChange: c.func
 };
-const et = ({ classNames: e, children: t }) => /* @__PURE__ */ n.createElement("div", {
+const tt = ({ classNames: e, children: t }) => /* @__PURE__ */ n.createElement("div", {
   className: I(
     "ui-header-toolbar",
     "flex w-full items-center space-x-2 border-b border-gray-light px-5 py-3 pr-3 xl:space-x-6 xl:px-10 xl:py-5",
     e
   )
 }, t);
-et.propTypes = {
+tt.propTypes = {
   classNames: c.string,
   children: c.node.isRequired
 };
-et.Breadcrumb = ({ className: e, children: t }) => /* @__PURE__ */ n.createElement(vt, {
+tt.Breadcrumb = ({ className: e, children: t }) => /* @__PURE__ */ n.createElement(vt, {
   className: I(
     "ui-header-toolbar-breadcrumb",
     "border-r border-gray-light text-xl md:pr-4 xl:pr-6",
     e
   )
 }, t);
-et.Breadcrumb.displayName = "HeaderToolbar.Breadcrumb";
-et.Breadcrumb.propTypes = {
+tt.Breadcrumb.displayName = "HeaderToolbar.Breadcrumb";
+tt.Breadcrumb.propTypes = {
   className: c.string,
   children: c.node.isRequired
 };
-et.Breadcrumb.displayName = "HeaderToolbar.Search";
-et.Search = (e) => /* @__PURE__ */ n.createElement(Bo, {
+tt.Breadcrumb.displayName = "HeaderToolbar.Search";
+tt.Search = (e) => /* @__PURE__ */ n.createElement(Bo, {
   className: "ui-header-toolbar-search w-full flex-grow pr-1",
   ...e
 });
@@ -6107,14 +6112,14 @@ sr.displayName = "Tabs.Tab";
 const za = {
   default: "border-t border-gray-light",
   simple: "bg-gray-lighter"
-}, mt = ({ className: e, variant: t = "default", value: o, onChange: a, children: r, ...i }) => {
-  const l = Se.toArray(r), s = l.filter((d) => d.type === mt.Tab), u = l.filter((d) => d.type === mt.Panel);
+}, pt = ({ className: e, variant: t = "default", value: o, onChange: a, children: r, ...i }) => {
+  const l = Se.toArray(r), s = l.filter((d) => d.type === pt.Tab), u = l.filter((d) => d.type === pt.Panel);
   return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("nav", {
     className: I("ui-tabs", "flex overflow-x-auto", za[t], e),
     ...i
   }, t === "default" ? /* @__PURE__ */ n.createElement("div", {
     className: "min-w-10 flex-shrink-0 border-b border-gray-light"
-  }) : null, s.map((d, m) => pt(d, {
+  }) : null, s.map((d, m) => gt(d, {
     variant: t,
     isActive: m === o,
     onClick: () => a == null ? void 0 : a(m)
@@ -6122,15 +6127,15 @@ const za = {
     className: "min-w-10 flex-grow border-b border-gray-light"
   }) : null), u[o]);
 };
-mt.propTypes = {
+pt.propTypes = {
   variant: c.oneOf(Object.keys(za)),
   className: c.string,
   value: c.number.isRequired,
   onChange: c.func.isRequired,
   children: c.node.isRequired
 };
-mt.Tab = sr;
-mt.Panel = ir;
+pt.Tab = sr;
+pt.Panel = ir;
 const xc = "_shimmer_qt4e9_7", Ec = {
   shimmer: xc
 }, Ic = ({ style: e, height: t = 300, shouldAnimate: o = !0, children: a, classNames: r = {}, ...i }) => /* @__PURE__ */ n.createElement("div", {
@@ -6617,7 +6622,7 @@ const Nt = {
 }) => {
   var H, z;
   const h = e === Nt.single ? t : t.from, [f, b] = ne(h), [k, y] = ne(""), C = e === Nt.range;
-  ht(() => {
+  _e(() => {
     l == null || l(f);
   }, [f, l]);
   const E = (B, G, O) => {
@@ -6951,7 +6956,7 @@ const Nc = (e, t = "YYYY-MM-DD") => R(e).format(t), A4 = (e, t = "h:mm a") => {
     className: I("ui-date-picker-input", i.popover),
     onClickOutside: b,
     ...s
-  }, r ? pt(r, { onClick: v }) : /* @__PURE__ */ n.createElement(Ja, {
+  }, r ? gt(r, { onClick: v }) : /* @__PURE__ */ n.createElement(Ja, {
     readOnly: !0,
     size: "medium",
     value: e ? Nc(e, o) : "",
@@ -7383,7 +7388,7 @@ const N4 = (e) => /* @__PURE__ */ n.createElement("svg", {
     }, e), o && /* @__PURE__ */ n.createElement("div", {
       className: "flex cursor-pointer items-center justify-center pl-3 opacity-60 hover:opacity-100",
       onClick: r
-    }, /* @__PURE__ */ n.createElement(_e, null))));
+    }, /* @__PURE__ */ n.createElement($e, null))));
   },
   dismiss(e) {
     dr.dismiss(e);
@@ -11460,7 +11465,7 @@ export {
   $4 as ClockAltIcon,
   e3 as ClockIcon,
   gu as ClockManualIcon,
-  _e as CloseIcon,
+  $e as CloseIcon,
   o3 as CollapseIcon,
   fc as ComboBox,
   n3 as CommentAltIcon,
@@ -11518,7 +11523,7 @@ export {
   p3 as GlobeIcon,
   Ju as HandIcon,
   Uu as HandshakeIcon,
-  et as HeaderToolbar,
+  tt as HeaderToolbar,
   a4 as HelpCenterIcon,
   F4 as HistogramOptions,
   Qu as HouseIcon,
@@ -11608,7 +11613,7 @@ export {
   p1 as SubmitButton,
   Ye as Switch,
   le as Table,
-  mt as Tabs,
+  pt as Tabs,
   b1 as Tag,
   R2 as TaxIcon,
   Di as Textarea,