@arkyn/components 1.3.55 → 1.3.56

package/dist/bundle.js

@@ -1,8 +1,8 @@
-import p, { createContext as Ie, useRef as Ee, useId as Kt, useContext as je, useState as fe, forwardRef as Xt, useEffect as pt } from "react";
+import p, { createContext as Ie, useRef as je, useId as Kt, useContext as Ee, useState as ue, forwardRef as Xt, useEffect as pt } from "react";
 import { Loader2 as Se, Check as Ct, ChevronDown as Jt, ChevronRight as at, ChevronLeft as qt, Ellipsis as gt, X as Nt, Info as vt, AlertCircle as Gt, XCircle as Zt, CheckCircle2 as Qt } from "lucide-react";
-import { useActionData as _t, useLocation as Et, Link as en, useNavigate as tn } from "@remix-run/react";
+import { useActionData as _t, useLocation as jt, Link as en, useNavigate as tn } from "@remix-run/react";
 import { InputMask as nn } from "@react-input/mask";
-import { AnimatePresence as jt, motion as Je } from "framer-motion";
+import { AnimatePresence as Et, motion as Ae } from "framer-motion";
 import rn from "react-dom";
 var st = { exports: {} }, Le = {};
 /**
@@ -85,7 +85,7 @@ function sn() {
     function G(t) {
       return t.displayName || "Context";
     }
-    function E(t) {
+    function j(t) {
       if (t == null)
         return null;
       if (typeof t.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
@@ -118,11 +118,11 @@ function sn() {
             return O(t, t.render, "ForwardRef");
           case y:
             var k = t.displayName || null;
-            return k !== null ? k : E(t.type) || "Memo";
+            return k !== null ? k : j(t.type) || "Memo";
           case s: {
             var D = t, W = D._payload, I = D._init;
             try {
-              return E(I(W));
+              return j(I(W));
             } catch {
               return null;
             }
@@ -131,9 +131,9 @@ function sn() {
       return null;
     }
     var J = Object.assign, F = 0, Y, te, $, Z, he, T, _;
-    function j() {
+    function E() {
     }
-    j.__reactDisabledLog = !0;
+    E.__reactDisabledLog = !0;
     function ne() {
       {
         if (F === 0) {
@@ -141,7 +141,7 @@ function sn() {
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: j,
+            value: E,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -206,13 +206,13 @@ function sn() {
 ` + re + t;
       }
     }
-    var ue = !1, ve;
+    var de = !1, ve;
     {
       var Ge = typeof WeakMap == "function" ? WeakMap : Map;
       ve = new Ge();
     }
     function Re(t, d) {
-      if (!t || ue)
+      if (!t || de)
         return "";
       {
         var g = ve.get(t);
@@ -220,7 +220,7 @@ function sn() {
           return g;
       }
       var k;
-      ue = !0;
+      de = !0;
       var D = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var W;
@@ -277,7 +277,7 @@ function sn() {
             }
         }
       } finally {
-        ue = !1, H.current = W, Q(), Error.prepareStackTrace = D;
+        de = !1, H.current = W, Q(), Error.prepareStackTrace = D;
       }
       var Te = t ? t.displayName || t.name : "", _e = Te ? oe(Te) : "";
       return typeof t == "function" && ve.set(t, _e), _e;
@@ -285,7 +285,7 @@ function sn() {
     function Ze(t, d, g) {
       return Re(t, !1);
     }
-    function Ae(t) {
+    function We(t) {
       var d = t.prototype;
       return !!(d && d.isReactComponent);
     }
@@ -293,7 +293,7 @@ function sn() {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return Re(t, Ae(t));
+        return Re(t, We(t));
       if (typeof t == "string")
         return oe(t);
       switch (t) {
@@ -318,13 +318,13 @@ function sn() {
         }
       return "";
     }
-    var me = Object.prototype.hasOwnProperty, We = {}, Ve = b.ReactDebugCurrentFrame;
+    var me = Object.prototype.hasOwnProperty, Ve = {}, Ye = b.ReactDebugCurrentFrame;
     function ae(t) {
       if (t) {
         var d = t._owner, g = Ne(t.type, t._source, d ? d.type : null);
-        Ve.setExtraStackFrame(g);
+        Ye.setExtraStackFrame(g);
       } else
-        Ve.setExtraStackFrame(null);
+        Ye.setExtraStackFrame(null);
     }
     function we(t, d, g, k, D) {
       {
@@ -341,7 +341,7 @@ function sn() {
             } catch (q) {
               P = q;
             }
-            P && !(P instanceof Error) && (ae(D), x("%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).", k || "React class", g, I, typeof P), ae(null)), P instanceof Error && !(P.message in We) && (We[P.message] = !0, ae(D), x("Failed %s type: %s", g, P.message), ae(null));
+            P && !(P instanceof Error) && (ae(D), x("%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).", k || "React class", g, I, typeof P), ae(null)), P instanceof Error && !(P.message in Ve) && (Ve[P.message] = !0, ae(D), x("Failed %s type: %s", g, P.message), ae(null));
           }
       }
     }
@@ -369,14 +369,14 @@ function sn() {
       if (et(t))
         return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", $e(t)), ze(t);
     }
-    var pe = b.ReactCurrentOwner, Ye = {
+    var pe = b.ReactCurrentOwner, He = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, ye, Fe, De;
     De = {};
-    function He(t) {
+    function Ue(t) {
       if (me.call(t, "ref")) {
         var d = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (d && d.isReactWarning)
@@ -384,7 +384,7 @@ function sn() {
       }
       return t.ref !== void 0;
     }
-    function Ue(t) {
+    function Ke(t) {
       if (me.call(t, "key")) {
         var d = Object.getOwnPropertyDescriptor(t, "key").get;
         if (d && d.isReactWarning)
@@ -394,8 +394,8 @@ function sn() {
     }
     function tt(t, d) {
       if (typeof t.ref == "string" && pe.current && d && pe.current.stateNode !== d) {
-        var g = E(pe.current.type);
-        De[g] || (x('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', E(pe.current.type), t.ref), De[g] = !0);
+        var g = j(pe.current.type);
+        De[g] || (x('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', j(pe.current.type), t.ref), De[g] = !0);
       }
     }
     function Me(t, d) {
@@ -452,9 +452,9 @@ function sn() {
     function N(t, d, g, k, D) {
       {
         var W, I = {}, P = null, ie = null;
-        g !== void 0 && (Pe(g), P = "" + g), Ue(d) && (Pe(d.key), P = "" + d.key), He(d) && (ie = d.ref, tt(d, D));
+        g !== void 0 && (Pe(g), P = "" + g), Ke(d) && (Pe(d.key), P = "" + d.key), Ue(d) && (ie = d.ref, tt(d, D));
         for (W in d)
-          me.call(d, W) && !Ye.hasOwnProperty(W) && (I[W] = d[W]);
+          me.call(d, W) && !He.hasOwnProperty(W) && (I[W] = d[W]);
         if (t && t.defaultProps) {
           var q = t.defaultProps;
           for (W in q)
@@ -480,10 +480,10 @@ function sn() {
     function ke(t) {
       return typeof t == "object" && t !== null && t.$$typeof === n;
     }
-    function Ke() {
+    function Xe() {
       {
         if (L.current) {
-          var t = E(L.current.type);
+          var t = j(L.current.type);
           if (t)
             return `
 
@@ -506,7 +506,7 @@ Check your code at ` + d + ":" + g + ".";
     var ut = {};
     function Mt(t) {
       {
-        var d = Ke();
+        var d = Xe();
         if (!d) {
           var g = typeof t == "string" ? t : t.displayName || t.name;
           g && (d = `
@@ -526,7 +526,7 @@ Check the top-level render call using <` + g + ">.");
           return;
         ut[g] = !0;
         var k = "";
-        t && t._owner && t._owner !== L.current && (k = " It was passed a child from " + E(t._owner.type) + "."), se(t), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, k), se(null);
+        t && t._owner && t._owner !== L.current && (k = " It was passed a child from " + j(t._owner.type) + "."), se(t), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', g, k), se(null);
       }
     }
     function ft(t, d) {
@@ -563,11 +563,11 @@ Check the top-level render call using <` + g + ">.");
         else
           return;
         if (g) {
-          var k = E(d);
+          var k = j(d);
           we(g, t.props, "prop", k, t);
         } else if (d.PropTypes !== void 0 && !le) {
           le = !0;
-          var D = E(d);
+          var D = j(d);
           x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", D || "Unknown");
         }
         typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -593,9 +593,9 @@ Check the top-level render call using <` + g + ">.");
           var P = "";
           (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (P += " 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 ie = Dt(D);
-          ie ? P += ie : P += Ke();
+          ie ? P += ie : P += Xe();
           var q;
-          t === null ? q = "null" : Oe(t) ? q = "array" : t !== void 0 && t.$$typeof === n ? (q = "<" + (E(t.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : q = typeof t, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, P);
+          t === null ? q = "null" : Oe(t) ? q = "array" : t !== void 0 && t.$$typeof === n ? (q = "<" + (j(t.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : q = typeof t, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", q, P);
         }
         var ee = N(t, d, g, D, W);
         if (ee == null)
@@ -614,7 +614,7 @@ Check the top-level render call using <` + g + ">.");
               ft(ge, t);
         }
         if (me.call(d, "key")) {
-          var _e = E(t), ce = Object.keys(d).filter(function(Ut) {
+          var _e = j(t), ce = Object.keys(d).filter(function(Ut) {
             return Ut !== "key";
           }), rt = ce.length > 0 ? "{key: someKey, " + ce.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!ht[_e + rt]) {
@@ -715,169 +715,7 @@ function dr(e) {
     /* @__PURE__ */ a.jsx("tr", { className: "spacing-row" })
   ] });
 }
-function un(e, n) {
-  const {
-    isLoading: r,
-    isError: o,
-    size: i = "md",
-    className: c = "",
-    variant: f = "solid",
-    prefix: l,
-    leftIcon: u,
-    disabled: m,
-    readOnly: h,
-    onFocus: y,
-    onBlur: s,
-    title: v,
-    style: S,
-    // isSearchable = false,
-    closeOnSelect: w = !0,
-    ...C
-  } = e, R = `arkyn_select ${l ? "hasPrefix" : ""} ${f} ${i} ${m || h || r ? "opacity" : ""} ${o ? "errored" : ""} ${n ? "focused" : ""} ${c}`, M = { md: 20, lg: 20 }[i];
-  return {
-    isLoading: r,
-    className: R,
-    prefix: cn(l, M, "prefix"),
-    LeftIcon: u,
-    disabled: m,
-    readOnly: h,
-    onFocus: y,
-    onBlur: s,
-    title: v,
-    closeOnSelect: w,
-    style: S,
-    // isSearchable,
-    iconSize: M,
-    Spinner: /* @__PURE__ */ a.jsx(Se, { className: "spinner", size: M, strokeWidth: 2.5 }),
-    ...C
-  };
-}
-const Rt = Ie({});
 function fr(e) {
-  var h, y;
-  const n = _t(), { children: r, className: o, ...i } = e, c = Ee(null), f = ((h = c.current) == null ? void 0 : h.name) || "", l = ((y = n == null ? void 0 : n.fieldErrors) == null ? void 0 : y[f]) || null, u = Kt(), m = `arkyn_form_controller ${o}`;
-  return /* @__PURE__ */ a.jsx(Rt.Provider, { value: { error: l, id: u, inputRef: c }, children: /* @__PURE__ */ a.jsx("section", { className: m.trim(), ...i, children: r }) });
-}
-function xe() {
-  return je(Rt);
-}
-function hr(e) {
-  var H;
-  const [n, r] = fe(!1), { inputRef: o, id: i, error: c } = xe(), f = Ee(null), l = o || f, u = e.isError || !!c, {
-    disabled: m,
-    title: h,
-    style: y,
-    className: s,
-    prefix: v,
-    iconSize: S,
-    isLoading: w,
-    LeftIcon: C,
-    value: b = null,
-    defaultValue: x = "",
-    readOnly: V,
-    onFocus: z,
-    onBlur: R,
-    Spinner: A,
-    name: M,
-    // isSearchable,
-    placeholder: X,
-    onSelect: U,
-    options: K,
-    optionMaxHeight: O,
-    closeOnSelect: G,
-    ...E
-  } = un({ ...e, id: i, isError: u }, n), [J, F] = fe(x), [Y, te] = fe("");
-  function $() {
-    m || !(l != null && l.current) || (r(!0), l.current.focus());
-  }
-  function Z(re) {
-    r(!0), z && z(re);
-  }
-  function he() {
-    r(!1), R && l.current && l.current.blur();
-  }
-  function T(re) {
-    const { label: oe, value: ue } = re;
-    F(J !== ue ? ue : ""), U && U({ label: oe, value: ue }), G && (l.current.blur(), r(!1), console.log("fecha"));
-  }
-  const _ = typeof b == "string" ? b : J, j = ((H = K.find((re) => re.value === _)) == null ? void 0 : H.label) || "", ne = () => {
-    if (!n && j) return !0;
-    if (!n && !j) return !1;
-    if (n && j) return !0;
-    if (n && !j) return !1;
-  }, Q = K.filter((re) => !0);
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsxs(
-      "section",
-      {
-        title: h,
-        style: y,
-        onClick: $,
-        className: `${s} placeholder_dark_${ne()}`,
-        children: [
-          v,
-          C && /* @__PURE__ */ a.jsx(C, { size: S, strokeWidth: 2.5 }),
-          /* @__PURE__ */ a.jsx(
-            "input",
-            {
-              disabled: m || w,
-              readOnly: !0,
-              value: Y || "",
-              placeholder: j || X,
-              onFocus: Z,
-              onBlur: () => te(""),
-              ...E
-            }
-          ),
-          /* @__PURE__ */ a.jsx(
-            "input",
-            {
-              type: "hidden",
-              ref: l,
-              name: M,
-              value: _ || "",
-              readOnly: !0
-            }
-          ),
-          n && /* @__PURE__ */ a.jsxs(
-            "div",
-            {
-              className: "arkyn_select_content",
-              style: { overflow: "auto", maxHeight: O },
-              children: [
-                Q.map(({ label: re, value: oe }) => /* @__PURE__ */ a.jsxs(
-                  "div",
-                  {
-                    onClick: () => T({ label: re, value: oe }),
-                    className: _ === oe ? "arkyn_select_option active" : "arkyn_select_option",
-                    children: [
-                      re,
-                      " ",
-                      /* @__PURE__ */ a.jsx(Ct, {})
-                    ]
-                  },
-                  oe
-                )),
-                Q.length <= 0 && /* @__PURE__ */ a.jsx("p", { children: "Sem opções disponíveis" })
-              ]
-            }
-          ),
-          !w && /* @__PURE__ */ a.jsx(
-            Jt,
-            {
-              className: "arkyn_select_arrow",
-              size: S,
-              strokeWidth: 2.5
-            }
-          ),
-          w && A
-        ]
-      }
-    ),
-    n && /* @__PURE__ */ a.jsx("aside", { className: "arkyn_select_overlay", onClick: he })
-  ] });
-}
-function mr(e) {
   const {
     isLoading: n = !1,
     scheme: r = "primary",
@@ -903,7 +741,16 @@ function mr(e) {
     ] })
   ] });
 }
-function pr(e) {
+const Rt = Ie({});
+function hr(e) {
+  var h, y;
+  const n = _t(), { children: r, className: o, ...i } = e, c = je(null), f = ((h = c.current) == null ? void 0 : h.name) || "", l = ((y = n == null ? void 0 : n.fieldErrors) == null ? void 0 : y[f]) || null, u = Kt(), m = `arkyn_form_controller ${o}`;
+  return /* @__PURE__ */ a.jsx(Rt.Provider, { value: { error: l, id: u, inputRef: c }, children: /* @__PURE__ */ a.jsx("section", { className: m.trim(), ...i, children: r }) });
+}
+function xe() {
+  return Ee(Rt);
+}
+function mr(e) {
   const {
     name: n,
     className: r = "",
@@ -914,7 +761,7 @@ function pr(e) {
     onCheck: l,
     value: u,
     ...m
-  } = e, { id: h, inputRef: y, error: s } = xe(), v = i || !!s, [S, w] = fe(c || !1), C = typeof f == "boolean" ? f : S, b = `arkyn_checkbox ${o} ${v ? "error" : ""} ${C ? "checked" : ""} ${r}`;
+  } = e, { id: h, inputRef: y, error: s } = xe(), v = i || !!s, [S, w] = ue(c || !1), C = typeof f == "boolean" ? f : S, b = `arkyn_checkbox ${o} ${v ? "error" : ""} ${C ? "checked" : ""} ${r}`;
   function x() {
     const V = S;
     w(!V), l && l(V ? "" : u || "checked");
@@ -942,11 +789,11 @@ function pr(e) {
     }
   );
 }
-function gr(e) {
+function pr(e) {
   const { children: n, className: r, ...o } = e, i = `arkyn_form_error ${r}`, { error: c } = xe();
   return n ? /* @__PURE__ */ a.jsx("strong", { className: i.trim(), ...o, children: n }) : c ? /* @__PURE__ */ a.jsx("strong", { className: i.trim(), ...o, children: c }) : /* @__PURE__ */ a.jsx(a.Fragment, {});
 }
-function vr(e) {
+function gr(e) {
   const {
     showAsterisk: n = !1,
     className: r = "",
@@ -954,7 +801,7 @@ function vr(e) {
   } = e, { id: i } = xe(), f = `arkyn_form_label ${n ? "show-asterisk" : ""} ${r}`;
   return /* @__PURE__ */ a.jsx("label", { ...o, className: f.trim(), htmlFor: i });
 }
-function br(e) {
+function vr(e) {
   const {
     isLoading: n = !1,
     scheme: r = "primary",
@@ -1000,7 +847,7 @@ const lt = {
   CPF: "999.999.999-999",
   CNPJ: "99.999.999/9999-99"
 }, Tt = it(lt.CNPJ).length;
-function dn(e, n) {
+function un(e, n) {
   const {
     isLoading: r,
     isError: o,
@@ -1027,12 +874,12 @@ function dn(e, n) {
     if (!(F.length > Tt))
       return F = $t(F, lt[Y]), F;
   }
-  const R = h ? "right" : "left", O = `arkyn_input ${l ? "hasPrefix" : ""} ${u ? "hasSufix" : ""} ${f} ${i} ${y || v || r ? "opacity" : ""} ${o ? "errored" : ""} ${n ? "focused" : ""} ${c}`, E = { md: 20, lg: 20 }[i];
+  const R = h ? "right" : "left", O = `arkyn_input ${l ? "hasPrefix" : ""} ${u ? "hasSufix" : ""} ${f} ${i} ${y || v || r ? "opacity" : ""} ${o ? "errored" : ""} ${n ? "focused" : ""} ${c}`, j = { md: 20, lg: 20 }[i];
   return {
     isLoading: r,
     className: O,
-    prefix: Ce(l, E, "prefix"),
-    sufix: Ce(u, E, "sufix"),
+    prefix: Ce(l, j, "prefix"),
+    sufix: Ce(u, j, "sufix"),
     LeftIcon: m,
     RightIcon: h,
     defaultValue: z(s || ""),
@@ -1044,13 +891,13 @@ function dn(e, n) {
     style: b,
     onChange: x,
     loadingPosition: R,
-    iconSize: E,
-    Spinner: /* @__PURE__ */ a.jsx(Se, { className: "spinner", size: E, strokeWidth: 2.5 }),
+    iconSize: j,
+    Spinner: /* @__PURE__ */ a.jsx(Se, { className: "spinner", size: j, strokeWidth: 2.5 }),
     ...V
   };
 }
-function fn(e) {
-  const [n, r] = fe(!1), o = Ee(null), { inputRef: i, id: c, error: f } = xe(), l = i || o, u = e.isError || !!f, {
+function dn(e) {
+  const [n, r] = ue(!1), o = je(null), { inputRef: i, id: c, error: f } = xe(), l = i || o, u = e.isError || !!f, {
     disabled: m,
     title: h,
     style: y,
@@ -1070,14 +917,14 @@ function fn(e) {
     value: U,
     defaultValue: K,
     ...O
-  } = dn({ ...e, id: c, isError: u }, n), [G, E] = fe(K), J = x && !b, F = A && !b, Y = C === "left" && b, te = C === "right" && b;
+  } = un({ ...e, id: c, isError: u }, n), [G, j] = ue(K), J = x && !b, F = A && !b, Y = C === "left" && b, te = C === "right" && b;
   function $() {
     m || !(l != null && l.current) || (r(!0), l.current.focus());
   }
   function Z(_) {
-    let j = it(_.target.value);
-    const ne = Pt(j);
-    j.length > Tt || (j = $t(j, lt[ne]), _.target.value = j, E(j), X && X(_));
+    let E = it(_.target.value);
+    const ne = Pt(E);
+    E.length > Tt || (E = $t(E, lt[ne]), _.target.value = E, j(E), X && X(_));
   }
   function he(_) {
     r(!0), z && z(_);
@@ -1116,7 +963,7 @@ function fn(e) {
     }
   );
 }
-function hn(e, n) {
+function fn(e, n) {
   const {
     isLoading: r,
     isError: o,
@@ -1137,12 +984,12 @@ function hn(e, n) {
     max: x = 1e9,
     onChange: V,
     ...z
-  } = e, R = h ? "right" : "left", O = `arkyn_input ${l ? "hasPrefix" : ""} ${u ? "hasSufix" : ""} ${f} ${i} ${y || s || r ? "opacity" : ""} ${o ? "errored" : ""} ${n ? "focused" : ""} ${c}`, E = { md: 20, lg: 20 }[i];
+  } = e, R = h ? "right" : "left", O = `arkyn_input ${l ? "hasPrefix" : ""} ${u ? "hasSufix" : ""} ${f} ${i} ${y || s || r ? "opacity" : ""} ${o ? "errored" : ""} ${n ? "focused" : ""} ${c}`, j = { md: 20, lg: 20 }[i];
   return {
     isLoading: r,
     className: O,
-    prefix: Ce(l, E, "prefix"),
-    sufix: Ce(u, E, "sufix"),
+    prefix: Ce(l, j, "prefix"),
+    sufix: Ce(u, j, "sufix"),
     LeftIcon: m,
     RightIcon: h,
     disabled: y,
@@ -1155,13 +1002,13 @@ function hn(e, n) {
     onChange: V,
     showCents: b,
     loadingPosition: R,
-    iconSize: E,
-    Spinner: /* @__PURE__ */ a.jsx(Se, { className: "spinner", size: E, strokeWidth: 2.5 }),
+    iconSize: j,
+    Spinner: /* @__PURE__ */ a.jsx(Se, { className: "spinner", size: j, strokeWidth: 2.5 }),
     ...z
   };
 }
-const mn = /^[1-9]{1}$/, pn = /^[0-9]{1}$/, xt = 8;
-function gn(e, n) {
+const hn = /^[1-9]{1}$/, mn = /^[0-9]{1}$/, xt = 8;
+function pn(e, n) {
   if (e === 0) return "";
   const r = (e / 100).toLocaleString("pt-BR", {
     style: "currency",
@@ -1169,9 +1016,9 @@ function gn(e, n) {
   });
   return n ? r : r.replace("R$", "").trim();
 }
-function vn(e) {
+function gn(e) {
   const { currencyValue: n, event: r, max: o, setCurrencyValue: i } = e, { key: c, keyCode: f } = r;
-  if (n === 0 && !mn.test(c) || n !== 0 && !pn.test(c) && f !== xt)
+  if (n === 0 && !hn.test(c) || n !== 0 && !mn.test(c) && f !== xt)
     return;
   const l = n.toString();
   let u;
@@ -1184,8 +1031,8 @@ function vn(e) {
   }
   u > Number(o) || i(u);
 }
-function bn(e) {
-  const [n, r] = fe(!1), o = Ee(null), { inputRef: i, id: c, error: f } = xe(), l = i || o, u = e.isError || !!f, {
+function vn(e) {
+  const [n, r] = ue(!1), o = je(null), { inputRef: i, id: c, error: f } = xe(), l = i || o, u = e.isError || !!f, {
     disabled: m,
     title: h,
     style: y,
@@ -1206,16 +1053,16 @@ function bn(e) {
     onKeyDown: K,
     onChange: O,
     showCents: G,
-    defaultValue: E,
+    defaultValue: j,
     ...J
-  } = hn({ ...e, id: c, isError: u }, n), [F, Y] = fe(E * 100 || 0), te = x && !b, $ = A && !b, Z = C === "left" && b, he = C === "right" && b;
+  } = fn({ ...e, id: c, isError: u }, n), [F, Y] = ue(j * 100 || 0), te = x && !b, $ = A && !b, Z = C === "left" && b, he = C === "right" && b;
   function T() {
     m || !(l != null && l.current) || (r(!0), l.current.focus());
   }
   function _(Q) {
-    vn({ currencyValue: F, event: Q, max: U, setCurrencyValue: Y }), O && O(F / 100), K && K(Q);
+    gn({ currencyValue: F, event: Q, max: U, setCurrencyValue: Y }), O && O(F / 100), K && K(Q);
   }
-  function j(Q) {
+  function E(Q) {
     r(!0), z && z(Q);
   }
   function ne(Q) {
@@ -1235,12 +1082,12 @@ function bn(e) {
         /* @__PURE__ */ a.jsx(
           "input",
           {
-            value: gn(X || F, G),
+            value: pn(X || F, G),
             onKeyDown: _,
             disabled: m || b,
             readOnly: V,
             ref: l,
-            onFocus: j,
+            onFocus: E,
             onBlur: ne,
             onChange: () => {
             },
@@ -1254,7 +1101,7 @@ function bn(e) {
     }
   );
 }
-function yn(e, n) {
+function bn(e, n) {
   const {
     isLoading: r,
     isError: o,
@@ -1275,12 +1122,12 @@ function yn(e, n) {
     showMask: x = !1,
     type: V,
     ...z
-  } = e, R = h ? "right" : "left", O = `arkyn_input ${l ? "hasPrefix" : ""} ${u ? "hasSufix" : ""} ${f} ${i} ${y || s || r ? "opacity" : ""} ${o ? "errored" : ""} ${n ? "focused" : ""} ${c}`, E = { md: 20, lg: 20 }[i];
+  } = e, R = h ? "right" : "left", O = `arkyn_input ${l ? "hasPrefix" : ""} ${u ? "hasSufix" : ""} ${f} ${i} ${y || s || r ? "opacity" : ""} ${o ? "errored" : ""} ${n ? "focused" : ""} ${c}`, j = { md: 20, lg: 20 }[i];
   return {
     isLoading: r,
     className: O,
-    prefix: Ce(l, E, "prefix"),
-    sufix: Ce(u, E, "sufix"),
+    prefix: Ce(l, j, "prefix"),
+    sufix: Ce(u, j, "sufix"),
     LeftIcon: m,
     RightIcon: h,
     disabled: y,
@@ -1291,15 +1138,15 @@ function yn(e, n) {
     style: C,
     onChange: b,
     loadingPosition: R,
-    iconSize: E,
+    iconSize: j,
     showMask: x,
-    Spinner: /* @__PURE__ */ a.jsx(Se, { className: "spinner", size: E, strokeWidth: 2.5 }),
+    Spinner: /* @__PURE__ */ a.jsx(Se, { className: "spinner", size: j, strokeWidth: 2.5 }),
     ...z
   };
 }
-const xn = Xt((e, n) => /* @__PURE__ */ a.jsx("input", { ref: n, ...e }));
-function wn(e) {
-  const [n, r] = fe(!1), o = Ee(null), { inputRef: i, id: c, error: f } = xe(), l = i || o, u = e.isError || !!f, {
+const yn = Xt((e, n) => /* @__PURE__ */ a.jsx("input", { ref: n, ...e }));
+function xn(e) {
+  const [n, r] = ue(!1), o = je(null), { inputRef: i, id: c, error: f } = xe(), l = i || o, u = e.isError || !!f, {
     disabled: m,
     title: h,
     style: y,
@@ -1316,8 +1163,8 @@ function wn(e) {
     RightIcon: A,
     Spinner: M,
     ...X
-  } = yn({ ...e, id: c, isError: u }, n), U = x && !b, K = A && !b, O = C === "left" && b, G = C === "right" && b;
-  function E() {
+  } = bn({ ...e, id: c, isError: u }, n), U = x && !b, K = A && !b, O = C === "left" && b, G = C === "right" && b;
+  function j() {
     m || !(l != null && l.current) || (r(!0), l.current.focus());
   }
   function J(Y) {
@@ -1331,7 +1178,7 @@ function wn(e) {
     {
       title: h,
       style: y,
-      onClick: E,
+      onClick: j,
       className: s,
       children: [
         v,
@@ -1340,7 +1187,7 @@ function wn(e) {
         /* @__PURE__ */ a.jsx(
           nn,
           {
-            component: xn,
+            component: yn,
             ref: l,
             onFocus: J,
             onBlur: F,
@@ -1354,7 +1201,7 @@ function wn(e) {
     }
   );
 }
-function kn(e, n) {
+function wn(e, n) {
   const {
     isLoading: r,
     isError: o,
@@ -1394,8 +1241,8 @@ function kn(e, n) {
     ...x
   };
 }
-function Cn(e) {
-  const [n, r] = fe(!1), o = Ee(null), { inputRef: i, id: c, error: f } = xe(), l = i || o, u = e.isError || !!f, {
+function kn(e) {
+  const [n, r] = ue(!1), o = je(null), { inputRef: i, id: c, error: f } = xe(), l = i || o, u = e.isError || !!f, {
     disabled: m,
     title: h,
     style: y,
@@ -1413,7 +1260,7 @@ function Cn(e) {
     type: M,
     Spinner: X,
     ...U
-  } = kn({ ...e, id: c, isError: u }, n), K = x && !b, O = A && !b, G = C === "left" && b, E = C === "right" && b;
+  } = wn({ ...e, id: c, isError: u }, n), K = x && !b, O = A && !b, G = C === "left" && b, j = C === "right" && b;
   function J() {
     m || !(l != null && l.current) || (r(!0), l.current.focus());
   }
@@ -1447,14 +1294,167 @@ function Cn(e) {
           }
         ),
         O && /* @__PURE__ */ a.jsx(A, { size: w, strokeWidth: 2.5 }),
-        E && X,
+        j && X,
         S
       ]
     }
   );
 }
+function br(e) {
+  return e.type === "currency" ? /* @__PURE__ */ a.jsx(vn, { ...e }) : e.type === "masked" ? /* @__PURE__ */ a.jsx(xn, { ...e }) : e.type === "cpf-cnpj" ? /* @__PURE__ */ a.jsx(dn, { ...e }) : /* @__PURE__ */ a.jsx(kn, { ...e });
+}
+function Cn(e, n) {
+  const {
+    isLoading: r,
+    isError: o,
+    size: i = "md",
+    className: c = "",
+    variant: f = "solid",
+    prefix: l,
+    leftIcon: u,
+    disabled: m,
+    readOnly: h,
+    onFocus: y,
+    onBlur: s,
+    title: v,
+    style: S,
+    // isSearchable = false,
+    closeOnSelect: w = !0,
+    ...C
+  } = e, R = `arkyn_select ${l ? "hasPrefix" : ""} ${f} ${i} ${m || h || r ? "opacity" : ""} ${o ? "errored" : ""} ${n ? "focused" : ""} ${c}`, M = { md: 20, lg: 20 }[i];
+  return {
+    isLoading: r,
+    className: R,
+    prefix: cn(l, M, "prefix"),
+    LeftIcon: u,
+    disabled: m,
+    readOnly: h,
+    onFocus: y,
+    onBlur: s,
+    title: v,
+    closeOnSelect: w,
+    style: S,
+    // isSearchable,
+    iconSize: M,
+    Spinner: /* @__PURE__ */ a.jsx(Se, { className: "spinner", size: M, strokeWidth: 2.5 }),
+    ...C
+  };
+}
 function yr(e) {
-  return e.type === "currency" ? /* @__PURE__ */ a.jsx(bn, { ...e }) : e.type === "masked" ? /* @__PURE__ */ a.jsx(wn, { ...e }) : e.type === "cpf-cnpj" ? /* @__PURE__ */ a.jsx(fn, { ...e }) : /* @__PURE__ */ a.jsx(Cn, { ...e });
+  var H;
+  const [n, r] = ue(!1), { inputRef: o, id: i, error: c } = xe(), f = je(null), l = o || f, u = e.isError || !!c, {
+    disabled: m,
+    title: h,
+    style: y,
+    className: s,
+    prefix: v,
+    iconSize: S,
+    isLoading: w,
+    LeftIcon: C,
+    value: b = null,
+    defaultValue: x = "",
+    readOnly: V,
+    onFocus: z,
+    onBlur: R,
+    Spinner: A,
+    name: M,
+    // isSearchable,
+    placeholder: X,
+    onSelect: U,
+    options: K,
+    optionMaxHeight: O,
+    closeOnSelect: G,
+    ...j
+  } = Cn({ ...e, id: i, isError: u }, n), [J, F] = ue(x), [Y, te] = ue("");
+  function $() {
+    m || !(l != null && l.current) || (r(!0), l.current.focus());
+  }
+  function Z(re) {
+    r(!0), z && z(re);
+  }
+  function he() {
+    r(!1), R && l.current && l.current.blur();
+  }
+  function T(re) {
+    const { label: oe, value: de } = re;
+    F(J !== de ? de : ""), U && U({ label: oe, value: de }), G && (l.current.blur(), r(!1), console.log("fecha"));
+  }
+  const _ = typeof b == "string" ? b : J, E = ((H = K.find((re) => re.value === _)) == null ? void 0 : H.label) || "", ne = () => {
+    if (!n && E) return !0;
+    if (!n && !E) return !1;
+    if (n && E) return !0;
+    if (n && !E) return !1;
+  }, Q = K.filter((re) => !0);
+  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+    /* @__PURE__ */ a.jsxs(
+      "section",
+      {
+        title: h,
+        style: y,
+        onClick: $,
+        className: `${s} placeholder_dark_${ne()}`,
+        children: [
+          v,
+          C && /* @__PURE__ */ a.jsx(C, { size: S, strokeWidth: 2.5 }),
+          /* @__PURE__ */ a.jsx(
+            "input",
+            {
+              disabled: m || w,
+              readOnly: !0,
+              value: Y || "",
+              placeholder: E || X,
+              onFocus: Z,
+              onBlur: () => te(""),
+              ...j
+            }
+          ),
+          /* @__PURE__ */ a.jsx(
+            "input",
+            {
+              type: "hidden",
+              ref: l,
+              name: M,
+              value: _ || "",
+              readOnly: !0
+            }
+          ),
+          n && /* @__PURE__ */ a.jsxs(
+            "div",
+            {
+              className: "arkyn_select_content",
+              style: { overflow: "auto", maxHeight: O },
+              children: [
+                Q.map(({ label: re, value: oe }) => /* @__PURE__ */ a.jsxs(
+                  "div",
+                  {
+                    onClick: () => T({ label: re, value: oe }),
+                    className: _ === oe ? "arkyn_select_option active" : "arkyn_select_option",
+                    children: [
+                      re,
+                      " ",
+                      /* @__PURE__ */ a.jsx(Ct, {})
+                    ]
+                  },
+                  oe
+                )),
+                Q.length <= 0 && /* @__PURE__ */ a.jsx("p", { children: "Sem opções disponíveis" })
+              ]
+            }
+          ),
+          !w && /* @__PURE__ */ a.jsx(
+            Jt,
+            {
+              className: "arkyn_select_arrow",
+              size: S,
+              strokeWidth: 2.5
+            }
+          ),
+          w && A
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ a.jsx("aside", { className: "arkyn_select_overlay", onClick: he })
+  ] });
 }
 function xr(e) {
   const {
@@ -1468,7 +1468,7 @@ function xr(e) {
     title: u,
     style: m,
     ...h
-  } = e, [y, s] = fe(!1), { inputRef: v, id: S, error: w } = xe(), C = Ee(null), b = v || C, V = e.isError || !!w ? "errored" : "", A = `arkyn_textarea ${n} ${r} ${i || c ? "opacity" : ""} ${V} ${y ? "focused" : ""} ${o}`;
+  } = e, [y, s] = ue(!1), { inputRef: v, id: S, error: w } = xe(), C = je(null), b = v || C, V = e.isError || !!w ? "errored" : "", A = `arkyn_textarea ${n} ${r} ${i || c ? "opacity" : ""} ${V} ${y ? "focused" : ""} ${o}`;
   function M() {
     i || !(b != null && b.current) || (s(!0), b.current.focus());
   }
@@ -1505,7 +1505,7 @@ function wr(e) {
   return /* @__PURE__ */ a.jsx("nav", { className: o, ...r });
 }
 function kr(e) {
-  const { pathname: n } = Et(), {
+  const { pathname: n } = jt(), {
     className: r = "",
     disabled: o = !1,
     children: i,
@@ -1521,7 +1521,7 @@ function kr(e) {
   ] });
 }
 function Nn(e = "") {
-  const n = Et(), r = new URLSearchParams(n.search), o = e ? `${e}:` : "", i = (c) => {
+  const n = jt(), r = new URLSearchParams(n.search), o = e ? `${e}:` : "", i = (c) => {
     Object.entries(c).forEach(([f, l]) => {
       l === void 0 ? r.delete(`${o}${f}`) : r.set(`${o}${f}`, String(l));
     });
@@ -1619,9 +1619,9 @@ function Nr(e) {
     className: c,
     ...f
   } = e, l = o === "left" ? "-100%" : "100%", m = `arkyn_drawer_container ${o} ${n ? "visible" : ""} ${c}`;
-  return /* @__PURE__ */ a.jsx(It.Provider, { value: { makeInvisible: r }, children: /* @__PURE__ */ a.jsx(jt, { children: n && /* @__PURE__ */ a.jsxs("aside", { className: m.trim(), ...f, children: [
+  return /* @__PURE__ */ a.jsx(It.Provider, { value: { makeInvisible: r }, children: /* @__PURE__ */ a.jsx(Et, { children: n && /* @__PURE__ */ a.jsxs("aside", { className: m.trim(), ...f, children: [
     /* @__PURE__ */ a.jsx(
-      Je.div,
+      Ae.div,
       {
         className: "arkyn_drawer_container-overlay",
         transition: { duration: 0.15, ease: "easeOut" },
@@ -1632,7 +1632,7 @@ function Nr(e) {
       }
     ),
     /* @__PURE__ */ a.jsx(
-      Je.div,
+      Ae.div,
       {
         className: "arkyn_drawer_container-content",
         transition: { ease: "easeOut", duration: 0.15 },
@@ -1650,7 +1650,7 @@ function _r(e) {
     className: r,
     children: o,
     ...i
-  } = e, { makeInvisible: c } = je(It), f = `arkyn_drawer_header ${r}`;
+  } = e, { makeInvisible: c } = Ee(It), f = `arkyn_drawer_header ${r}`;
   return /* @__PURE__ */ a.jsxs("header", { className: f.trim(), ...i, children: [
     o,
     n && /* @__PURE__ */ a.jsx(
@@ -1666,7 +1666,7 @@ function _r(e) {
   ] });
 }
 const Ot = Ie({});
-function Er(e) {
+function jr(e) {
   const {
     isVisibled: n,
     makeInvisible: r,
@@ -1674,9 +1674,9 @@ function Er(e) {
     className: i = "",
     ...c
   } = e, l = `arkyn_modal_container ${n ? "visible" : ""} ${i}`;
-  return /* @__PURE__ */ a.jsx(Ot.Provider, { value: { makeInvisible: r }, children: /* @__PURE__ */ a.jsx(jt, { children: n && /* @__PURE__ */ a.jsxs("aside", { className: l.trim(), ...c, children: [
+  return /* @__PURE__ */ a.jsx(Ot.Provider, { value: { makeInvisible: r }, children: /* @__PURE__ */ a.jsx(Et, { children: n && /* @__PURE__ */ a.jsxs("aside", { className: l.trim(), ...c, children: [
     /* @__PURE__ */ a.jsx(
-      Je.div,
+      Ae.div,
       {
         className: "arkyn_modal_container-overlay",
         transition: { duration: 0.15, ease: "easeOut" },
@@ -1687,7 +1687,7 @@ function Er(e) {
       }
     ),
     /* @__PURE__ */ a.jsx(
-      Je.div,
+      Ae.div,
       {
         className: "arkyn_modal_container-content",
         transition: { duration: 0.15, ease: "easeOut" },
@@ -1699,7 +1699,7 @@ function Er(e) {
     )
   ] }) }) });
 }
-function jr(e) {
+function Er(e) {
   const { alignment: n = "right", className: r, ...o } = e, i = `arkyn_modal_footer ${n} ${r}`;
   return /* @__PURE__ */ a.jsx("footer", { className: i.trim(), ...o });
 }
@@ -1709,7 +1709,7 @@ function Sr(e) {
     className: r,
     children: o,
     ...i
-  } = e, { makeInvisible: c } = je(Ot), f = `arkyn_modal_header ${r}`;
+  } = e, { makeInvisible: c } = Ee(Ot), f = `arkyn_modal_header ${r}`;
   return /* @__PURE__ */ a.jsxs("header", { className: f.trim(), ...i, children: [
     o,
     n && /* @__PURE__ */ a.jsx(
@@ -1724,6 +1724,32 @@ function Sr(e) {
     )
   ] });
 }
+function Rr(e) {
+  const { children: n, button: r, closeOnClick: o, orientation: i = "bottom-left" } = e, [c, f] = ue(!1), l = `arkyn_popover ${i}`;
+  return /* @__PURE__ */ a.jsxs("div", { className: l, onClick: () => f(!0), children: [
+    r,
+    /* @__PURE__ */ a.jsx(
+      Ae.div,
+      {
+        style: { visibility: c ? "visible" : "hidden" },
+        transition: { ease: "easeOut", duration: 0 },
+        initial: { opacity: 0 },
+        animate: { opacity: c ? 1 : 0 },
+        exit: { opacity: 0 },
+        onClick: () => o && f(!1),
+        className: "arkyn_popover-content",
+        children: n
+      }
+    ),
+    c && /* @__PURE__ */ a.jsx(
+      "span",
+      {
+        onClick: () => f(!1),
+        className: "arkyn_popover-overlay"
+      }
+    )
+  ] });
+}
 function _n(e) {
   const { message: n, title: r, type: o, size: i = "lg" } = e, c = `arkyn_toast ${o} ${i}`;
   function f() {
@@ -1751,7 +1777,7 @@ function _n(e) {
     ] })
   ] });
 }
-function Rr(e) {
+function $r(e) {
   const {
     text: n,
     size: r = "lg",
@@ -1766,8 +1792,8 @@ function Rr(e) {
   ] });
 }
 const ct = Ie({}), zt = Ie({});
-function En() {
-  const e = je(zt);
+function jn() {
+  const e = Ee(zt);
   if (Object.entries(e).length === 0)
     throw new Error("useToast must be used within a Provider");
   return e;
@@ -1775,8 +1801,8 @@ function En() {
 function wt(e) {
   return e && typeof e.title == "string" && typeof e.message == "string" && (e.size === void 0 || e.size === "md" || e.size === "lg") && (e.type === "info" || e.type === "success" || e.type === "danger" || e.type === "warning");
 }
-function $r() {
-  const e = _t(), { closeModal: n } = je(ct), { showToast: r } = En();
+function Pr() {
+  const e = _t(), { closeModal: n } = Ee(ct), { showToast: r } = jn();
   pt(() => {
     const o = e == null ? void 0 : e.closeModalKey;
     o && n(o);
@@ -1790,8 +1816,8 @@ function $r() {
   }, [e]);
 }
 const Ft = Ie({});
-function Pr(e) {
-  const n = je(Ft);
+function Tr(e) {
+  const n = Ee(Ft);
   if (Object.entries(n).length === 0)
     throw new Error("useDrawer must be used within a Provider");
   if (e) {
@@ -1805,8 +1831,8 @@ function Pr(e) {
   } else
     return n;
 }
-function Tr(e) {
-  const n = je(ct);
+function Ir(e) {
+  const n = Ee(ct);
   if (Object.entries(n).length === 0)
     throw new Error("useModal must be used within a Provider");
   if (e) {
@@ -1820,8 +1846,8 @@ function Tr(e) {
   } else
     return n;
 }
-function Ir(e) {
-  const { children: n = !1 } = e, [r, o] = fe([]);
+function Or(e) {
+  const { children: n = !1 } = e, [r, o] = ue([]);
   function i(u) {
     return !!r.some((m) => m.key === u);
   }
@@ -1844,8 +1870,8 @@ function Ir(e) {
     }
   );
 }
-function Or(e) {
-  const { children: n = !1 } = e, [r, o] = fe([]);
+function zr(e) {
+  const { children: n = !1 } = e, [r, o] = ue([]);
   function i(u) {
     return !!r.some((m) => m.key === u);
   }
@@ -1868,7 +1894,7 @@ function Or(e) {
     }
   );
 }
-var jn = (e) => {
+var En = (e) => {
   switch (e) {
     case "success":
       return $n;
@@ -1934,10 +1960,10 @@ var jn = (e) => {
       return this.create({ jsx: e(r), id: r, ...n }), r;
     }, this.subscribers = [], this.toasts = [];
   }
-}, de = new zn(), Fn = (e, n) => {
+}, fe = new zn(), Fn = (e, n) => {
   let r = (n == null ? void 0 : n.id) || ot++;
-  return de.addToast({ title: e, ...n, id: r }), r;
-}, Dn = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Mn = Fn, Ln = () => de.toasts, Bn = Object.assign(Mn, { success: de.success, info: de.info, warning: de.warning, error: de.error, custom: de.custom, message: de.message, promise: de.promise, dismiss: de.dismiss, loading: de.loading }, { getHistory: Ln });
+  return fe.addToast({ title: e, ...n, id: r }), r;
+}, Dn = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Mn = Fn, Ln = () => fe.toasts, Bn = Object.assign(Mn, { success: fe.success, info: fe.info, warning: fe.warning, error: fe.error, custom: fe.custom, message: fe.message, promise: fe.promise, dismiss: fe.dismiss, loading: fe.loading }, { getHistory: Ln });
 function An(e, { insertAt: n } = {}) {
   if (!e || typeof document > "u") return;
   let r = document.head || document.getElementsByTagName("head")[0], o = document.createElement("style");
@@ -1945,7 +1971,7 @@ function An(e, { insertAt: n } = {}) {
 }
 An(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}:where([data-sonner-toaster][data-x-position="right"]){right:max(var(--offset),env(safe-area-inset-right))}:where([data-sonner-toaster][data-x-position="left"]){left:max(var(--offset),env(safe-area-inset-left))}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:max(var(--offset),env(safe-area-inset-top))}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:max(var(--offset),env(safe-area-inset-bottom))}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--gray1);color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:0;right:0;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
 `);
-function Xe(e) {
+function Je(e) {
   return e.label !== void 0;
 }
 var Wn = 3, Vn = "32px", Yn = 4e3, Hn = 356, Un = 14, Kn = 20, Xn = 200;
@@ -1954,19 +1980,19 @@ function Jn(...e) {
 }
 var qn = (e) => {
   var n, r, o, i, c, f, l, u, m, h;
-  let { invert: y, toast: s, unstyled: v, interacting: S, setHeights: w, visibleToasts: C, heights: b, index: x, toasts: V, expanded: z, removeToast: R, defaultRichColors: A, closeButton: M, style: X, cancelButtonStyle: U, actionButtonStyle: K, className: O = "", descriptionClassName: G = "", duration: E, position: J, gap: F, loadingIcon: Y, expandByDefault: te, classNames: $, icons: Z, closeButtonAriaLabel: he = "Close toast", pauseWhenPageIsHidden: T, cn: _ } = e, [j, ne] = p.useState(!1), [Q, H] = p.useState(!1), [re, oe] = p.useState(!1), [ue, ve] = p.useState(!1), [Ge, Re] = p.useState(0), [Ze, Ae] = p.useState(0), Ne = p.useRef(null), me = p.useRef(null), We = x === 0, Ve = x + 1 <= C, ae = s.type, we = s.dismissible !== !1, Qe = s.className || "", Oe = s.descriptionClassName || "", $e = p.useMemo(() => b.findIndex((N) => N.toastId === s.id) || 0, [b, s.id]), et = p.useMemo(() => {
+  let { invert: y, toast: s, unstyled: v, interacting: S, setHeights: w, visibleToasts: C, heights: b, index: x, toasts: V, expanded: z, removeToast: R, defaultRichColors: A, closeButton: M, style: X, cancelButtonStyle: U, actionButtonStyle: K, className: O = "", descriptionClassName: G = "", duration: j, position: J, gap: F, loadingIcon: Y, expandByDefault: te, classNames: $, icons: Z, closeButtonAriaLabel: he = "Close toast", pauseWhenPageIsHidden: T, cn: _ } = e, [E, ne] = p.useState(!1), [Q, H] = p.useState(!1), [re, oe] = p.useState(!1), [de, ve] = p.useState(!1), [Ge, Re] = p.useState(0), [Ze, We] = p.useState(0), Ne = p.useRef(null), me = p.useRef(null), Ve = x === 0, Ye = x + 1 <= C, ae = s.type, we = s.dismissible !== !1, Qe = s.className || "", Oe = s.descriptionClassName || "", $e = p.useMemo(() => b.findIndex((N) => N.toastId === s.id) || 0, [b, s.id]), et = p.useMemo(() => {
     var N;
     return (N = s.closeButton) != null ? N : M;
-  }, [s.closeButton, M]), ze = p.useMemo(() => s.duration || E || Yn, [s.duration, E]), Pe = p.useRef(0), pe = p.useRef(0), Ye = p.useRef(0), ye = p.useRef(null), [Fe, De] = J.split("-"), He = p.useMemo(() => b.reduce((N, L, B) => B >= $e ? N : N + L.height, 0), [b, $e]), Ue = On(), tt = s.invert || y, Me = ae === "loading";
-  pe.current = p.useMemo(() => $e * F + He, [$e, He]), p.useEffect(() => {
+  }, [s.closeButton, M]), ze = p.useMemo(() => s.duration || j || Yn, [s.duration, j]), Pe = p.useRef(0), pe = p.useRef(0), He = p.useRef(0), ye = p.useRef(null), [Fe, De] = J.split("-"), Ue = p.useMemo(() => b.reduce((N, L, B) => B >= $e ? N : N + L.height, 0), [b, $e]), Ke = On(), tt = s.invert || y, Me = ae === "loading";
+  pe.current = p.useMemo(() => $e * F + Ue, [$e, Ue]), p.useEffect(() => {
     ne(!0);
   }, []), p.useLayoutEffect(() => {
-    if (!j) return;
+    if (!E) return;
     let N = me.current, L = N.style.height;
     N.style.height = "auto";
     let B = N.getBoundingClientRect().height;
-    N.style.height = L, Ae(B), w((se) => se.find((le) => le.toastId === s.id) ? se.map((le) => le.toastId === s.id ? { ...le, height: B } : le) : [{ toastId: s.id, height: B, position: s.position }, ...se]);
-  }, [j, s.title, s.description, w, s.id]);
+    N.style.height = L, We(B), w((se) => se.find((le) => le.toastId === s.id) ? se.map((le) => le.toastId === s.id ? { ...le, height: B } : le) : [{ toastId: s.id, height: B, position: s.position }, ...se]);
+  }, [E, s.title, s.description, w, s.id]);
   let be = p.useCallback(() => {
     H(!0), Re(pe.current), w((N) => N.filter((L) => L.toastId !== s.id)), setTimeout(() => {
       R(s);
@@ -1975,21 +2001,21 @@ var qn = (e) => {
   p.useEffect(() => {
     if (s.promise && ae === "loading" || s.duration === 1 / 0 || s.type === "loading") return;
     let N, L = ze;
-    return z || S || T && Ue ? (() => {
-      if (Ye.current < Pe.current) {
+    return z || S || T && Ke ? (() => {
+      if (He.current < Pe.current) {
         let B = (/* @__PURE__ */ new Date()).getTime() - Pe.current;
         L = L - B;
       }
-      Ye.current = (/* @__PURE__ */ new Date()).getTime();
+      He.current = (/* @__PURE__ */ new Date()).getTime();
     })() : L !== 1 / 0 && (Pe.current = (/* @__PURE__ */ new Date()).getTime(), N = setTimeout(() => {
       var B;
       (B = s.onAutoClose) == null || B.call(s, s), be();
     }, L)), () => clearTimeout(N);
-  }, [z, S, te, s, ze, be, s.promise, ae, T, Ue]), p.useEffect(() => {
+  }, [z, S, te, s, ze, be, s.promise, ae, T, Ke]), p.useEffect(() => {
     let N = me.current;
     if (N) {
       let L = N.getBoundingClientRect().height;
-      return Ae(L), w((B) => [{ toastId: s.id, height: L, position: s.position }, ...B]), () => w((B) => B.filter((se) => se.toastId !== s.id));
+      return We(L), w((B) => [{ toastId: s.id, height: L, position: s.position }, ...B]), () => w((B) => B.filter((se) => se.toastId !== s.id));
     }
   }, [w, s.id]), p.useEffect(() => {
     s.delete && be();
@@ -1997,14 +2023,14 @@ var qn = (e) => {
   function nt() {
     return Z != null && Z.loading ? p.createElement("div", { className: "sonner-loader", "data-visible": ae === "loading" }, Z.loading) : Y ? p.createElement("div", { className: "sonner-loader", "data-visible": ae === "loading" }, Y) : p.createElement(Rn, { visible: ae === "loading" });
   }
-  return p.createElement("li", { "aria-live": s.important ? "assertive" : "polite", "aria-atomic": "true", role: "status", tabIndex: 0, ref: me, className: _(O, Qe, $ == null ? void 0 : $.toast, (n = s == null ? void 0 : s.classNames) == null ? void 0 : n.toast, $ == null ? void 0 : $.default, $ == null ? void 0 : $[ae], (r = s == null ? void 0 : s.classNames) == null ? void 0 : r[ae]), "data-sonner-toast": "", "data-rich-colors": (o = s.richColors) != null ? o : A, "data-styled": !(s.jsx || s.unstyled || v), "data-mounted": j, "data-promise": !!s.promise, "data-removed": Q, "data-visible": Ve, "data-y-position": Fe, "data-x-position": De, "data-index": x, "data-front": We, "data-swiping": re, "data-dismissible": we, "data-type": ae, "data-invert": tt, "data-swipe-out": ue, "data-expanded": !!(z || te && j), style: { "--index": x, "--toasts-before": x, "--z-index": V.length - x, "--offset": `${Q ? Ge : pe.current}px`, "--initial-height": te ? "auto" : `${Ze}px`, ...X, ...s.style }, onPointerDown: (N) => {
+  return p.createElement("li", { "aria-live": s.important ? "assertive" : "polite", "aria-atomic": "true", role: "status", tabIndex: 0, ref: me, className: _(O, Qe, $ == null ? void 0 : $.toast, (n = s == null ? void 0 : s.classNames) == null ? void 0 : n.toast, $ == null ? void 0 : $.default, $ == null ? void 0 : $[ae], (r = s == null ? void 0 : s.classNames) == null ? void 0 : r[ae]), "data-sonner-toast": "", "data-rich-colors": (o = s.richColors) != null ? o : A, "data-styled": !(s.jsx || s.unstyled || v), "data-mounted": E, "data-promise": !!s.promise, "data-removed": Q, "data-visible": Ye, "data-y-position": Fe, "data-x-position": De, "data-index": x, "data-front": Ve, "data-swiping": re, "data-dismissible": we, "data-type": ae, "data-invert": tt, "data-swipe-out": de, "data-expanded": !!(z || te && E), style: { "--index": x, "--toasts-before": x, "--z-index": V.length - x, "--offset": `${Q ? Ge : pe.current}px`, "--initial-height": te ? "auto" : `${Ze}px`, ...X, ...s.style }, onPointerDown: (N) => {
     Me || !we || (Ne.current = /* @__PURE__ */ new Date(), Re(pe.current), N.target.setPointerCapture(N.pointerId), N.target.tagName !== "BUTTON" && (oe(!0), ye.current = { x: N.clientX, y: N.clientY }));
   }, onPointerUp: () => {
     var N, L, B, se;
-    if (ue || !we) return;
+    if (de || !we) return;
     ye.current = null;
-    let le = Number(((N = me.current) == null ? void 0 : N.style.getPropertyValue("--swipe-amount").replace("px", "")) || 0), ke = (/* @__PURE__ */ new Date()).getTime() - ((L = Ne.current) == null ? void 0 : L.getTime()), Ke = Math.abs(le) / ke;
-    if (Math.abs(le) >= Kn || Ke > 0.11) {
+    let le = Number(((N = me.current) == null ? void 0 : N.style.getPropertyValue("--swipe-amount").replace("px", "")) || 0), ke = (/* @__PURE__ */ new Date()).getTime() - ((L = Ne.current) == null ? void 0 : L.getTime()), Xe = Math.abs(le) / ke;
+    if (Math.abs(le) >= Kn || Xe > 0.11) {
       Re(pe.current), (B = s.onDismiss) == null || B.call(s, s), be(), ve(!0);
       return;
     }
@@ -2018,12 +2044,12 @@ var qn = (e) => {
   } : () => {
     var N;
     be(), (N = s.onDismiss) == null || N.call(s, s);
-  }, className: _($ == null ? void 0 : $.closeButton, (i = s == null ? void 0 : s.classNames) == null ? void 0 : i.closeButton) }, p.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, p.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), p.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))) : null, s.jsx || p.isValidElement(s.title) ? s.jsx || s.title : p.createElement(p.Fragment, null, ae || s.icon || s.promise ? p.createElement("div", { "data-icon": "", className: _($ == null ? void 0 : $.icon, (c = s == null ? void 0 : s.classNames) == null ? void 0 : c.icon) }, s.promise || s.type === "loading" && !s.icon ? s.icon || nt() : null, s.type !== "loading" ? s.icon || (Z == null ? void 0 : Z[ae]) || jn(ae) : null) : null, p.createElement("div", { "data-content": "", className: _($ == null ? void 0 : $.content, (f = s == null ? void 0 : s.classNames) == null ? void 0 : f.content) }, p.createElement("div", { "data-title": "", className: _($ == null ? void 0 : $.title, (l = s == null ? void 0 : s.classNames) == null ? void 0 : l.title) }, s.title), s.description ? p.createElement("div", { "data-description": "", className: _(G, Oe, $ == null ? void 0 : $.description, (u = s == null ? void 0 : s.classNames) == null ? void 0 : u.description) }, s.description) : null), p.isValidElement(s.cancel) ? s.cancel : s.cancel && Xe(s.cancel) ? p.createElement("button", { "data-button": !0, "data-cancel": !0, style: s.cancelButtonStyle || U, onClick: (N) => {
+  }, className: _($ == null ? void 0 : $.closeButton, (i = s == null ? void 0 : s.classNames) == null ? void 0 : i.closeButton) }, p.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, p.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), p.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" }))) : null, s.jsx || p.isValidElement(s.title) ? s.jsx || s.title : p.createElement(p.Fragment, null, ae || s.icon || s.promise ? p.createElement("div", { "data-icon": "", className: _($ == null ? void 0 : $.icon, (c = s == null ? void 0 : s.classNames) == null ? void 0 : c.icon) }, s.promise || s.type === "loading" && !s.icon ? s.icon || nt() : null, s.type !== "loading" ? s.icon || (Z == null ? void 0 : Z[ae]) || En(ae) : null) : null, p.createElement("div", { "data-content": "", className: _($ == null ? void 0 : $.content, (f = s == null ? void 0 : s.classNames) == null ? void 0 : f.content) }, p.createElement("div", { "data-title": "", className: _($ == null ? void 0 : $.title, (l = s == null ? void 0 : s.classNames) == null ? void 0 : l.title) }, s.title), s.description ? p.createElement("div", { "data-description": "", className: _(G, Oe, $ == null ? void 0 : $.description, (u = s == null ? void 0 : s.classNames) == null ? void 0 : u.description) }, s.description) : null), p.isValidElement(s.cancel) ? s.cancel : s.cancel && Je(s.cancel) ? p.createElement("button", { "data-button": !0, "data-cancel": !0, style: s.cancelButtonStyle || U, onClick: (N) => {
     var L, B;
-    Xe(s.cancel) && we && ((B = (L = s.cancel).onClick) == null || B.call(L, N), be());
-  }, className: _($ == null ? void 0 : $.cancelButton, (m = s == null ? void 0 : s.classNames) == null ? void 0 : m.cancelButton) }, s.cancel.label) : null, p.isValidElement(s.action) ? s.action : s.action && Xe(s.action) ? p.createElement("button", { "data-button": !0, "data-action": !0, style: s.actionButtonStyle || K, onClick: (N) => {
+    Je(s.cancel) && we && ((B = (L = s.cancel).onClick) == null || B.call(L, N), be());
+  }, className: _($ == null ? void 0 : $.cancelButton, (m = s == null ? void 0 : s.classNames) == null ? void 0 : m.cancelButton) }, s.cancel.label) : null, p.isValidElement(s.action) ? s.action : s.action && Je(s.action) ? p.createElement("button", { "data-button": !0, "data-action": !0, style: s.actionButtonStyle || K, onClick: (N) => {
     var L, B;
-    Xe(s.action) && (N.defaultPrevented || ((B = (L = s.action).onClick) == null || B.call(L, N), be()));
+    Je(s.action) && (N.defaultPrevented || ((B = (L = s.action).onClick) == null || B.call(L, N), be()));
   }, className: _($ == null ? void 0 : $.actionButton, (h = s == null ? void 0 : s.classNames) == null ? void 0 : h.actionButton) }, s.action.label) : null));
 };
 function kt() {
@@ -2032,20 +2058,20 @@ function kt() {
   return e === "auto" || !e ? window.getComputedStyle(document.documentElement).direction : e;
 }
 var Gn = (e) => {
-  let { invert: n, position: r = "bottom-right", hotkey: o = ["altKey", "KeyT"], expand: i, closeButton: c, className: f, offset: l, theme: u = "light", richColors: m, duration: h, style: y, visibleToasts: s = Wn, toastOptions: v, dir: S = kt(), gap: w = Un, loadingIcon: C, icons: b, containerAriaLabel: x = "Notifications", pauseWhenPageIsHidden: V, cn: z = Jn } = e, [R, A] = p.useState([]), M = p.useMemo(() => Array.from(new Set([r].concat(R.filter((T) => T.position).map((T) => T.position)))), [R, r]), [X, U] = p.useState([]), [K, O] = p.useState(!1), [G, E] = p.useState(!1), [J, F] = p.useState(u !== "system" ? u : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Y = p.useRef(null), te = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), $ = p.useRef(null), Z = p.useRef(!1), he = p.useCallback((T) => {
+  let { invert: n, position: r = "bottom-right", hotkey: o = ["altKey", "KeyT"], expand: i, closeButton: c, className: f, offset: l, theme: u = "light", richColors: m, duration: h, style: y, visibleToasts: s = Wn, toastOptions: v, dir: S = kt(), gap: w = Un, loadingIcon: C, icons: b, containerAriaLabel: x = "Notifications", pauseWhenPageIsHidden: V, cn: z = Jn } = e, [R, A] = p.useState([]), M = p.useMemo(() => Array.from(new Set([r].concat(R.filter((T) => T.position).map((T) => T.position)))), [R, r]), [X, U] = p.useState([]), [K, O] = p.useState(!1), [G, j] = p.useState(!1), [J, F] = p.useState(u !== "system" ? u : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Y = p.useRef(null), te = o.join("+").replace(/Key/g, "").replace(/Digit/g, ""), $ = p.useRef(null), Z = p.useRef(!1), he = p.useCallback((T) => {
     var _;
-    (_ = R.find((j) => j.id === T.id)) != null && _.delete || de.dismiss(T.id), A((j) => j.filter(({ id: ne }) => ne !== T.id));
+    (_ = R.find((E) => E.id === T.id)) != null && _.delete || fe.dismiss(T.id), A((E) => E.filter(({ id: ne }) => ne !== T.id));
   }, [R]);
-  return p.useEffect(() => de.subscribe((T) => {
+  return p.useEffect(() => fe.subscribe((T) => {
     if (T.dismiss) {
-      A((_) => _.map((j) => j.id === T.id ? { ...j, delete: !0 } : j));
+      A((_) => _.map((E) => E.id === T.id ? { ...E, delete: !0 } : E));
       return;
     }
     setTimeout(() => {
       rn.flushSync(() => {
         A((_) => {
-          let j = _.findIndex((ne) => ne.id === T.id);
-          return j !== -1 ? [..._.slice(0, j), { ..._[j], ...T }, ..._.slice(j + 1)] : [T, ..._];
+          let E = _.findIndex((ne) => ne.id === T.id);
+          return E !== -1 ? [..._.slice(0, E), { ..._[E], ...T }, ..._.slice(E + 1)] : [T, ..._];
         });
       });
     });
@@ -2061,8 +2087,8 @@ var Gn = (e) => {
     R.length <= 1 && O(!1);
   }, [R]), p.useEffect(() => {
     let T = (_) => {
-      var j, ne;
-      o.every((Q) => _[Q] || _.code === Q) && (O(!0), (j = Y.current) == null || j.focus()), _.code === "Escape" && (document.activeElement === Y.current || (ne = Y.current) != null && ne.contains(document.activeElement)) && O(!1);
+      var E, ne;
+      o.every((Q) => _[Q] || _.code === Q) && (O(!0), (E = Y.current) == null || E.focus()), _.code === "Escape" && (document.activeElement === Y.current || (ne = Y.current) != null && ne.contains(document.activeElement)) && O(!1);
     };
     return document.addEventListener("keydown", T), () => document.removeEventListener("keydown", T);
   }, [o]), p.useEffect(() => {
@@ -2070,23 +2096,23 @@ var Gn = (e) => {
       $.current && ($.current.focus({ preventScroll: !0 }), $.current = null, Z.current = !1);
     };
   }, [Y.current]), R.length ? p.createElement("section", { "aria-label": `${x} ${te}`, tabIndex: -1 }, M.map((T, _) => {
-    var j;
+    var E;
     let [ne, Q] = T.split("-");
-    return p.createElement("ol", { key: T, dir: S === "auto" ? kt() : S, tabIndex: -1, ref: Y, className: f, "data-sonner-toaster": !0, "data-theme": J, "data-y-position": ne, "data-x-position": Q, style: { "--front-toast-height": `${((j = X[0]) == null ? void 0 : j.height) || 0}px`, "--offset": typeof l == "number" ? `${l}px` : l || Vn, "--width": `${Hn}px`, "--gap": `${w}px`, ...y }, onBlur: (H) => {
+    return p.createElement("ol", { key: T, dir: S === "auto" ? kt() : S, tabIndex: -1, ref: Y, className: f, "data-sonner-toaster": !0, "data-theme": J, "data-y-position": ne, "data-x-position": Q, style: { "--front-toast-height": `${((E = X[0]) == null ? void 0 : E.height) || 0}px`, "--offset": typeof l == "number" ? `${l}px` : l || Vn, "--width": `${Hn}px`, "--gap": `${w}px`, ...y }, onBlur: (H) => {
       Z.current && !H.currentTarget.contains(H.relatedTarget) && (Z.current = !1, $.current && ($.current.focus({ preventScroll: !0 }), $.current = null));
     }, onFocus: (H) => {
       H.target instanceof HTMLElement && H.target.dataset.dismissible === "false" || Z.current || (Z.current = !0, $.current = H.relatedTarget);
     }, onMouseEnter: () => O(!0), onMouseMove: () => O(!0), onMouseLeave: () => {
       G || O(!1);
     }, onPointerDown: (H) => {
-      H.target instanceof HTMLElement && H.target.dataset.dismissible === "false" || E(!0);
-    }, onPointerUp: () => E(!1) }, R.filter((H) => !H.position && _ === 0 || H.position === T).map((H, re) => {
-      var oe, ue;
-      return p.createElement(qn, { key: H.id, icons: b, index: re, toast: H, defaultRichColors: m, duration: (oe = v == null ? void 0 : v.duration) != null ? oe : h, className: v == null ? void 0 : v.className, descriptionClassName: v == null ? void 0 : v.descriptionClassName, invert: n, visibleToasts: s, closeButton: (ue = v == null ? void 0 : v.closeButton) != null ? ue : c, interacting: G, position: T, style: v == null ? void 0 : v.style, unstyled: v == null ? void 0 : v.unstyled, classNames: v == null ? void 0 : v.classNames, cancelButtonStyle: v == null ? void 0 : v.cancelButtonStyle, actionButtonStyle: v == null ? void 0 : v.actionButtonStyle, removeToast: he, toasts: R.filter((ve) => ve.position == H.position), heights: X.filter((ve) => ve.position == H.position), setHeights: U, expandByDefault: i, gap: w, loadingIcon: C, expanded: K, pauseWhenPageIsHidden: V, cn: z });
+      H.target instanceof HTMLElement && H.target.dataset.dismissible === "false" || j(!0);
+    }, onPointerUp: () => j(!1) }, R.filter((H) => !H.position && _ === 0 || H.position === T).map((H, re) => {
+      var oe, de;
+      return p.createElement(qn, { key: H.id, icons: b, index: re, toast: H, defaultRichColors: m, duration: (oe = v == null ? void 0 : v.duration) != null ? oe : h, className: v == null ? void 0 : v.className, descriptionClassName: v == null ? void 0 : v.descriptionClassName, invert: n, visibleToasts: s, closeButton: (de = v == null ? void 0 : v.closeButton) != null ? de : c, interacting: G, position: T, style: v == null ? void 0 : v.style, unstyled: v == null ? void 0 : v.unstyled, classNames: v == null ? void 0 : v.classNames, cancelButtonStyle: v == null ? void 0 : v.cancelButtonStyle, actionButtonStyle: v == null ? void 0 : v.actionButtonStyle, removeToast: he, toasts: R.filter((ve) => ve.position == H.position), heights: X.filter((ve) => ve.position == H.position), setHeights: U, expandByDefault: i, gap: w, loadingIcon: C, expanded: K, pauseWhenPageIsHidden: V, cn: z });
     }));
   })) : null;
 };
-function zr({ children: e }) {
+function Fr({ children: e }) {
   function n(r) {
     Bn.custom((o) => /* @__PURE__ */ a.jsx(_n, { ...r }));
   }
@@ -2099,23 +2125,24 @@ export {
   ar as Badge,
   wr as BreadcrumbContainer,
   kr as BreadcrumbLink,
-  mr as Button,
-  pr as Checkbox,
+  fr as Button,
+  mr as Checkbox,
   sr as Divider,
   Nr as DrawerContainer,
   _r as DrawerHeader,
-  Ir as DrawerProvider,
-  fr as FormController,
-  gr as FormError,
-  vr as FormLabel,
-  br as IconButton,
-  yr as Input,
-  Er as ModalContainer,
-  jr as ModalFooter,
+  Or as DrawerProvider,
+  hr as FormController,
+  pr as FormError,
+  gr as FormLabel,
+  vr as IconButton,
+  br as Input,
+  jr as ModalContainer,
+  Er as ModalFooter,
   Sr as ModalHeader,
-  Or as ModalProvider,
+  zr as ModalProvider,
   Cr as Pagination,
-  hr as Select,
+  Rr as Popover,
+  yr as Select,
   or as Skeleton,
   ir as TableBody,
   lr as TableCaption,
@@ -2124,11 +2151,11 @@ export {
   dr as TableHeader,
   xr as Textarea,
   _n as Toast,
-  zr as ToastProvider,
-  Rr as Tooltip,
-  $r as useAutomation,
-  Pr as useDrawer,
-  Tr as useModal,
+  Fr as ToastProvider,
+  $r as Tooltip,
+  Pr as useAutomation,
+  Tr as useDrawer,
+  Ir as useModal,
   Nn as useScopedParams,
-  En as useToast
+  jn as useToast
 };