@lets-events/react 8.0.0 → 10.0.0

package/dist/index.mjs

@@ -9,18 +9,18 @@ var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a4, b3) => {
-  for (var prop in b3 || (b3 = {}))
-    if (__hasOwnProp.call(b3, prop))
-      __defNormalProp(a4, prop, b3[prop]);
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b3)) {
-      if (__propIsEnum.call(b3, prop))
-        __defNormalProp(a4, prop, b3[prop]);
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-  return a4;
+  return a;
 };
-var __spreadProps = (a4, b3) => __defProps(a4, __getOwnPropDescs(b3));
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
   for (var prop in source)
@@ -58,110 +58,110 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 var require_react_is_production_min = __commonJS({
   "../../node_modules/prop-types/node_modules/react-is/cjs/react-is.production.min.js"(exports) {
     "use strict";
-    var b3 = "function" === typeof Symbol && Symbol.for;
-    var c2 = b3 ? Symbol.for("react.element") : 60103;
-    var d2 = b3 ? Symbol.for("react.portal") : 60106;
-    var e5 = b3 ? Symbol.for("react.fragment") : 60107;
-    var f3 = b3 ? Symbol.for("react.strict_mode") : 60108;
-    var g3 = b3 ? Symbol.for("react.profiler") : 60114;
-    var h2 = b3 ? Symbol.for("react.provider") : 60109;
-    var k3 = b3 ? Symbol.for("react.context") : 60110;
-    var l3 = b3 ? Symbol.for("react.async_mode") : 60111;
-    var m2 = b3 ? Symbol.for("react.concurrent_mode") : 60111;
-    var n5 = b3 ? Symbol.for("react.forward_ref") : 60112;
-    var p3 = b3 ? Symbol.for("react.suspense") : 60113;
-    var q = b3 ? Symbol.for("react.suspense_list") : 60120;
-    var r6 = b3 ? Symbol.for("react.memo") : 60115;
-    var t3 = b3 ? Symbol.for("react.lazy") : 60116;
-    var v2 = b3 ? Symbol.for("react.block") : 60121;
-    var w3 = b3 ? Symbol.for("react.fundamental") : 60117;
-    var x = b3 ? Symbol.for("react.responder") : 60118;
-    var y4 = b3 ? Symbol.for("react.scope") : 60119;
-    function z(a4) {
-      if ("object" === typeof a4 && null !== a4) {
-        var u3 = a4.$$typeof;
-        switch (u3) {
-          case c2:
-            switch (a4 = a4.type, a4) {
-              case l3:
-              case m2:
-              case e5:
-              case g3:
-              case f3:
-              case p3:
-                return a4;
+    var b = "function" === typeof Symbol && Symbol.for;
+    var c = b ? Symbol.for("react.element") : 60103;
+    var d = b ? Symbol.for("react.portal") : 60106;
+    var e = b ? Symbol.for("react.fragment") : 60107;
+    var f = b ? Symbol.for("react.strict_mode") : 60108;
+    var g = b ? Symbol.for("react.profiler") : 60114;
+    var h = b ? Symbol.for("react.provider") : 60109;
+    var k = b ? Symbol.for("react.context") : 60110;
+    var l = b ? Symbol.for("react.async_mode") : 60111;
+    var m = b ? Symbol.for("react.concurrent_mode") : 60111;
+    var n = b ? Symbol.for("react.forward_ref") : 60112;
+    var p = b ? Symbol.for("react.suspense") : 60113;
+    var q = b ? Symbol.for("react.suspense_list") : 60120;
+    var r = b ? Symbol.for("react.memo") : 60115;
+    var t = b ? Symbol.for("react.lazy") : 60116;
+    var v = b ? Symbol.for("react.block") : 60121;
+    var w = b ? Symbol.for("react.fundamental") : 60117;
+    var x = b ? Symbol.for("react.responder") : 60118;
+    var y = b ? Symbol.for("react.scope") : 60119;
+    function z(a) {
+      if ("object" === typeof a && null !== a) {
+        var u = a.$$typeof;
+        switch (u) {
+          case c:
+            switch (a = a.type, a) {
+              case l:
+              case m:
+              case e:
+              case g:
+              case f:
+              case p:
+                return a;
               default:
-                switch (a4 = a4 && a4.$$typeof, a4) {
-                  case k3:
-                  case n5:
-                  case t3:
-                  case r6:
-                  case h2:
-                    return a4;
+                switch (a = a && a.$$typeof, a) {
+                  case k:
+                  case n:
+                  case t:
+                  case r:
+                  case h:
+                    return a;
                   default:
-                    return u3;
+                    return u;
                 }
             }
-          case d2:
-            return u3;
+          case d:
+            return u;
         }
       }
     }
-    function A(a4) {
-      return z(a4) === m2;
-    }
-    exports.AsyncMode = l3;
-    exports.ConcurrentMode = m2;
-    exports.ContextConsumer = k3;
-    exports.ContextProvider = h2;
-    exports.Element = c2;
-    exports.ForwardRef = n5;
-    exports.Fragment = e5;
-    exports.Lazy = t3;
-    exports.Memo = r6;
-    exports.Portal = d2;
-    exports.Profiler = g3;
-    exports.StrictMode = f3;
-    exports.Suspense = p3;
-    exports.isAsyncMode = function(a4) {
-      return A(a4) || z(a4) === l3;
+    function A(a) {
+      return z(a) === m;
+    }
+    exports.AsyncMode = l;
+    exports.ConcurrentMode = m;
+    exports.ContextConsumer = k;
+    exports.ContextProvider = h;
+    exports.Element = c;
+    exports.ForwardRef = n;
+    exports.Fragment = e;
+    exports.Lazy = t;
+    exports.Memo = r;
+    exports.Portal = d;
+    exports.Profiler = g;
+    exports.StrictMode = f;
+    exports.Suspense = p;
+    exports.isAsyncMode = function(a) {
+      return A(a) || z(a) === l;
     };
     exports.isConcurrentMode = A;
-    exports.isContextConsumer = function(a4) {
-      return z(a4) === k3;
+    exports.isContextConsumer = function(a) {
+      return z(a) === k;
     };
-    exports.isContextProvider = function(a4) {
-      return z(a4) === h2;
+    exports.isContextProvider = function(a) {
+      return z(a) === h;
     };
-    exports.isElement = function(a4) {
-      return "object" === typeof a4 && null !== a4 && a4.$$typeof === c2;
+    exports.isElement = function(a) {
+      return "object" === typeof a && null !== a && a.$$typeof === c;
     };
-    exports.isForwardRef = function(a4) {
-      return z(a4) === n5;
+    exports.isForwardRef = function(a) {
+      return z(a) === n;
     };
-    exports.isFragment = function(a4) {
-      return z(a4) === e5;
+    exports.isFragment = function(a) {
+      return z(a) === e;
     };
-    exports.isLazy = function(a4) {
-      return z(a4) === t3;
+    exports.isLazy = function(a) {
+      return z(a) === t;
     };
-    exports.isMemo = function(a4) {
-      return z(a4) === r6;
+    exports.isMemo = function(a) {
+      return z(a) === r;
     };
-    exports.isPortal = function(a4) {
-      return z(a4) === d2;
+    exports.isPortal = function(a) {
+      return z(a) === d;
     };
-    exports.isProfiler = function(a4) {
-      return z(a4) === g3;
+    exports.isProfiler = function(a) {
+      return z(a) === g;
     };
-    exports.isStrictMode = function(a4) {
-      return z(a4) === f3;
+    exports.isStrictMode = function(a) {
+      return z(a) === f;
     };
-    exports.isSuspense = function(a4) {
-      return z(a4) === p3;
+    exports.isSuspense = function(a) {
+      return z(a) === p;
     };
-    exports.isValidElementType = function(a4) {
-      return "string" === typeof a4 || "function" === typeof a4 || a4 === e5 || a4 === m2 || a4 === g3 || a4 === f3 || a4 === p3 || a4 === q || "object" === typeof a4 && null !== a4 && (a4.$$typeof === t3 || a4.$$typeof === r6 || a4.$$typeof === h2 || a4.$$typeof === k3 || a4.$$typeof === n5 || a4.$$typeof === w3 || a4.$$typeof === x || a4.$$typeof === y4 || a4.$$typeof === v2);
+    exports.isValidElementType = function(a) {
+      return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
     };
     exports.typeOf = z;
   }
@@ -358,11 +358,11 @@ var require_object_assign = __commonJS({
           return false;
         }
         var test2 = {};
-        for (var i3 = 0; i3 < 10; i3++) {
-          test2["_" + String.fromCharCode(i3)] = i3;
+        for (var i = 0; i < 10; i++) {
+          test2["_" + String.fromCharCode(i)] = i;
         }
-        var order2 = Object.getOwnPropertyNames(test2).map(function(n5) {
-          return test2[n5];
+        var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
+          return test2[n];
         });
         if (order2.join("") !== "0123456789") {
           return false;
@@ -383,8 +383,8 @@ var require_object_assign = __commonJS({
       var from;
       var to = toObject(target);
       var symbols;
-      for (var s3 = 1; s3 < arguments.length; s3++) {
-        from = Object(arguments[s3]);
+      for (var s = 1; s < arguments.length; s++) {
+        from = Object(arguments[s]);
         for (var key in from) {
           if (hasOwnProperty.call(from, key)) {
             to[key] = from[key];
@@ -392,9 +392,9 @@ var require_object_assign = __commonJS({
         }
         if (getOwnPropertySymbols) {
           symbols = getOwnPropertySymbols(from);
-          for (var i3 = 0; i3 < symbols.length; i3++) {
-            if (propIsEnumerable.call(from, symbols[i3])) {
-              to[symbols[i3]] = from[symbols[i3]];
+          for (var i = 0; i < symbols.length; i++) {
+            if (propIsEnumerable.call(from, symbols[i])) {
+              to[symbols[i]] = from[symbols[i]];
             }
           }
         }
@@ -544,11 +544,11 @@ var require_factoryWithTypeCheckers = __commonJS({
         shape: createShapeTypeChecker,
         exact: createStrictShapeTypeChecker
       };
-      function is(x, y4) {
-        if (x === y4) {
-          return x !== 0 || 1 / x === 1 / y4;
+      function is(x, y) {
+        if (x === y) {
+          return x !== 0 || 1 / x === 1 / y;
         } else {
-          return x !== x && y4 !== y4;
+          return x !== x && y !== y;
         }
       }
       function PropTypeError(message2, data) {
@@ -628,8 +628,8 @@ var require_factoryWithTypeCheckers = __commonJS({
             var propType = getPropType(propValue);
             return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
           }
-          for (var i3 = 0; i3 < propValue.length; i3++) {
-            var error = typeChecker(propValue, i3, componentName, location, propFullName + "[" + i3 + "]", ReactPropTypesSecret);
+          for (var i = 0; i < propValue.length; i++) {
+            var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
             if (error instanceof Error) {
               return error;
             }
@@ -686,8 +686,8 @@ var require_factoryWithTypeCheckers = __commonJS({
         }
         function validate(props, propName, componentName, location, propFullName) {
           var propValue = props[propName];
-          for (var i3 = 0; i3 < expectedValues.length; i3++) {
-            if (is(propValue, expectedValues[i3])) {
+          for (var i = 0; i < expectedValues.length; i++) {
+            if (is(propValue, expectedValues[i])) {
               return null;
             }
           }
@@ -729,19 +729,19 @@ var require_factoryWithTypeCheckers = __commonJS({
           process.env.NODE_ENV !== "production" ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
           return emptyFunctionThatReturnsNull;
         }
-        for (var i3 = 0; i3 < arrayOfTypeCheckers.length; i3++) {
-          var checker = arrayOfTypeCheckers[i3];
+        for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
+          var checker = arrayOfTypeCheckers[i];
           if (typeof checker !== "function") {
             printWarning(
-              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i3 + "."
+              "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
             );
             return emptyFunctionThatReturnsNull;
           }
         }
         function validate(props, propName, componentName, location, propFullName) {
           var expectedTypes = [];
-          for (var i4 = 0; i4 < arrayOfTypeCheckers.length; i4++) {
-            var checker2 = arrayOfTypeCheckers[i4];
+          for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
+            var checker2 = arrayOfTypeCheckers[i2];
             var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
             if (checkerResult == null) {
               return null;
@@ -2481,506 +2481,8 @@ function Flex2(_a) {
   return /* @__PURE__ */ jsx6(FlexStyled, __spreadProps(__spreadValues({}, props), { children }));
 }
 
-// ../../node_modules/@react-input/mask/module/helpers-BtaZ0NTN.js
-function e(e5, t3) {
-  (null == t3 || t3 > e5.length) && (t3 = e5.length);
-  for (var r6 = 0, n5 = Array(t3); r6 < t3; r6++) n5[r6] = e5[r6];
-  return n5;
-}
-function t(e5, t3, r6) {
-  return t3 = i(t3), function(e6, t4) {
-    if (t4 && ("object" == typeof t4 || "function" == typeof t4)) return t4;
-    if (void 0 !== t4) throw new TypeError("Derived constructors may only return object or undefined");
-    return function(e7) {
-      if (void 0 === e7) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-      return e7;
-    }(e6);
-  }(e5, l() ? Reflect.construct(t3, r6 || [], i(e5).constructor) : t3.apply(e5, r6));
-}
-function r(e5, t3) {
-  if (!(e5 instanceof t3)) throw new TypeError("Cannot call a class as a function");
-}
-function n(e5, t3, r6) {
-  return Object.defineProperty(e5, "prototype", { writable: false }), e5;
-}
-function o(t3, r6) {
-  var n5 = "undefined" != typeof Symbol && t3[Symbol.iterator] || t3["@@iterator"];
-  if (!n5) {
-    if (Array.isArray(t3) || (n5 = function(t4, r7) {
-      if (t4) {
-        if ("string" == typeof t4) return e(t4, r7);
-        var n6 = {}.toString.call(t4).slice(8, -1);
-        return "Object" === n6 && t4.constructor && (n6 = t4.constructor.name), "Map" === n6 || "Set" === n6 ? Array.from(t4) : "Arguments" === n6 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n6) ? e(t4, r7) : void 0;
-      }
-    }(t3)) || r6) {
-      n5 && (t3 = n5);
-      var o3 = 0, a4 = function() {
-      };
-      return { s: a4, n: function() {
-        return o3 >= t3.length ? { done: true } : { done: false, value: t3[o3++] };
-      }, e: function(e5) {
-        throw e5;
-      }, f: a4 };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  var c2, i3 = true, u3 = false;
-  return { s: function() {
-    n5 = n5.call(t3);
-  }, n: function() {
-    var e5 = n5.next();
-    return i3 = e5.done, e5;
-  }, e: function(e5) {
-    u3 = true, c2 = e5;
-  }, f: function() {
-    try {
-      i3 || null == n5.return || n5.return();
-    } finally {
-      if (u3) throw c2;
-    }
-  } };
-}
-function a(e5, t3, r6) {
-  return (t3 = function(e6) {
-    var t4 = function(e7, t5) {
-      if ("object" != typeof e7 || !e7) return e7;
-      var r7 = e7[Symbol.toPrimitive];
-      if (void 0 !== r7) {
-        var n5 = r7.call(e7, t5 || "default");
-        if ("object" != typeof n5) return n5;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-      }
-      return ("string" === t5 ? String : Number)(e7);
-    }(e6, "string");
-    return "symbol" == typeof t4 ? t4 : t4 + "";
-  }(t3)) in e5 ? Object.defineProperty(e5, t3, { value: r6, enumerable: true, configurable: true, writable: true }) : e5[t3] = r6, e5;
-}
-function i(e5) {
-  return i = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e6) {
-    return e6.__proto__ || Object.getPrototypeOf(e6);
-  }, i(e5);
-}
-function u(e5, t3) {
-  if ("function" != typeof t3 && null !== t3) throw new TypeError("Super expression must either be null or a function");
-  e5.prototype = Object.create(t3 && t3.prototype, { constructor: { value: e5, writable: true, configurable: true } }), Object.defineProperty(e5, "prototype", { writable: false }), t3 && y(e5, t3);
-}
-function l() {
-  try {
-    var e5 = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-  } catch (e6) {
-  }
-  return (l = function() {
-    return !!e5;
-  })();
-}
-function f(e5, t3) {
-  var r6 = Object.keys(e5);
-  if (Object.getOwnPropertySymbols) {
-    var n5 = Object.getOwnPropertySymbols(e5);
-    t3 && (n5 = n5.filter(function(t4) {
-      return Object.getOwnPropertyDescriptor(e5, t4).enumerable;
-    })), r6.push.apply(r6, n5);
-  }
-  return r6;
-}
-function s(e5) {
-  for (var t3 = 1; t3 < arguments.length; t3++) {
-    var r6 = null != arguments[t3] ? arguments[t3] : {};
-    t3 % 2 ? f(Object(r6), true).forEach(function(t4) {
-      a(e5, t4, r6[t4]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e5, Object.getOwnPropertyDescriptors(r6)) : f(Object(r6)).forEach(function(t4) {
-      Object.defineProperty(e5, t4, Object.getOwnPropertyDescriptor(r6, t4));
-    });
-  }
-  return e5;
-}
-function p(e5, t3) {
-  if (null == e5) return {};
-  var r6, n5, o3 = function(e6, t4) {
-    if (null == e6) return {};
-    var r7 = {};
-    for (var n6 in e6) if ({}.hasOwnProperty.call(e6, n6)) {
-      if (t4.includes(n6)) continue;
-      r7[n6] = e6[n6];
-    }
-    return r7;
-  }(e5, t3);
-  if (Object.getOwnPropertySymbols) {
-    var a4 = Object.getOwnPropertySymbols(e5);
-    for (n5 = 0; n5 < a4.length; n5++) r6 = a4[n5], t3.includes(r6) || {}.propertyIsEnumerable.call(e5, r6) && (o3[r6] = e5[r6]);
-  }
-  return o3;
-}
-function y(e5, t3) {
-  return y = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e6, t4) {
-    return e6.__proto__ = t4, e6;
-  }, y(e5, t3);
-}
-function b(e5, t3) {
-  var r6, n5 = t3.replacementChars, a4 = t3.replacement, c2 = t3.separate, i3 = n5, u3 = "", l3 = o(e5);
-  try {
-    for (l3.s(); !(r6 = l3.n()).done; ) {
-      var f3, s3 = r6.value, p3 = !Object.prototype.hasOwnProperty.call(a4, s3) && (null === (f3 = a4[i3[0]]) || void 0 === f3 ? void 0 : f3.test(s3));
-      (c2 && s3 === i3[0] || p3) && (i3 = i3.slice(1), u3 += s3);
-    }
-  } catch (e6) {
-    l3.e(e6);
-  } finally {
-    l3.f();
-  }
-  return u3;
-}
-function v(e5, t3) {
-  var r6, n5 = t3.mask, a4 = t3.replacement, c2 = t3.separate, i3 = t3.showMask, u3 = 0, l3 = "", f3 = o(n5);
-  try {
-    for (f3.s(); !(r6 = f3.n()).done; ) {
-      var s3 = r6.value;
-      if (!i3 && void 0 === e5[u3]) break;
-      Object.prototype.hasOwnProperty.call(a4, s3) && void 0 !== e5[u3] ? l3 += e5[u3++] : l3 += s3;
-    }
-  } catch (e6) {
-    f3.e(e6);
-  } finally {
-    f3.f();
-  }
-  if (c2 && !i3) {
-    for (var p3 = n5.length - 1; p3 >= 0 && l3[p3] === n5[p3]; p3--) ;
-    l3 = l3.slice(0, p3 + 1);
-  }
-  return l3;
-}
-function m(e5, t3) {
-  for (var r6 = t3.mask, n5 = t3.replacement, o3 = [], a4 = 0; a4 < r6.length; a4++) {
-    var c2, i3 = null !== (c2 = e5[a4]) && void 0 !== c2 ? c2 : r6[a4], u3 = Object.prototype.hasOwnProperty.call(n5, i3) ? "replacement" : void 0 !== e5[a4] && e5[a4] !== r6[a4] ? "input" : "mask";
-    o3.push({ type: u3, value: i3, index: a4 });
-  }
-  return o3;
-}
-function O(e5) {
-  return e5.length > 0 ? a({}, e5, /./) : {};
-}
-function h(e5, t3) {
-  for (var r6 = t3.start, n5 = void 0 === r6 ? 0 : r6, o3 = t3.end, a4 = t3.mask, c2 = t3.replacement, i3 = t3.separate, u3 = e5.slice(n5, o3), l3 = a4.slice(n5, o3), f3 = "", s3 = 0; s3 < l3.length; s3++) {
-    var p3 = Object.prototype.hasOwnProperty.call(c2, l3[s3]);
-    p3 && void 0 !== u3[s3] && u3[s3] !== l3[s3] ? f3 += u3[s3] : p3 && i3 && (f3 += l3[s3]);
-  }
-  return f3;
-}
-function d(e5, t3) {
-  var r6 = t3.mask, n5 = t3.replacement, o3 = "string" == typeof n5 ? O(n5) : n5, a4 = RegExp("[^".concat(Object.keys(o3).join(""), "]"), "g");
-  return v(b(e5, { replacementChars: r6.replace(a4, ""), replacement: o3, separate: false }), { mask: r6, replacement: o3, separate: false, showMask: false });
-}
-function g(e5, t3) {
-  var r6 = t3.mask, n5 = t3.replacement, o3 = "string" == typeof n5 ? O(n5) : n5, a4 = h(e5, { mask: r6, replacement: o3, separate: false }), c2 = RegExp("[^".concat(Object.keys(o3).join(""), "]"), "g");
-  return b(a4, { replacementChars: r6.replace(c2, ""), replacement: o3, separate: false });
-}
-function j(e5, t3) {
-  var r6 = t3.mask, n5 = t3.replacement, o3 = "string" == typeof n5 ? O(n5) : n5;
-  return m(d(e5, { mask: r6, replacement: o3 }), { mask: r6, replacement: o3 });
-}
-var w = ["[", "]", "\\", "/", "^", "$", ".", "|", "?", "*", "+", "(", ")", "{", "}"];
-function P(e5) {
-  return w.includes(e5) ? "\\".concat(e5) : e5;
-}
-function k(e5, t3) {
-  for (var r6 = t3.mask, n5 = t3.replacement, o3 = "string" == typeof n5 ? O(n5) : n5, a4 = "partial" === e5 || "partial-inexact" === e5, c2 = "full" === e5 || "partial" === e5, i3 = "", u3 = 0; u3 < r6.length; u3++) {
-    var l3 = r6[u3];
-    0 === u3 && (i3 = "^"), a4 && (i3 += "("), i3 += Object.prototype.hasOwnProperty.call(o3, l3) ? "".concat(c2 ? "(?!".concat(P(l3), ")") : "", "(").concat(o3[l3].source, ")") : P(l3), u3 === r6.length - 1 && (a4 && (i3 += ")?".repeat(r6.length)), i3 += "$");
-  }
-  return i3;
-}
-
-// ../../node_modules/@react-input/core/module/createProxy.js
-function r2(r6, e5) {
-  return new Proxy(r6, { set: function(n5, t3, u3) {
-    return "current" === t3 && (u3 !== r6.current && (null !== r6.current && e5.unregister(r6.current), null !== u3 && e5.register(u3)), n5[t3] = u3, true);
-  } });
-}
-
-// ../../node_modules/@react-input/core/module/helpers-C8k3UfPS.js
-function t2(t3, e5, r6) {
-  return e5 = o2(e5), function(t4, e6) {
-    if (e6 && ("object" == typeof e6 || "function" == typeof e6)) return e6;
-    if (void 0 !== e6) throw new TypeError("Derived constructors may only return object or undefined");
-    return function(t5) {
-      if (void 0 === t5) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-      return t5;
-    }(t4);
-  }(t3, i2() ? Reflect.construct(e5, r6 || [], o2(t3).constructor) : e5.apply(t3, r6));
-}
-function e2(t3, e5) {
-  if (!(t3 instanceof e5)) throw new TypeError("Cannot call a class as a function");
-}
-function r3(t3, e5, r6) {
-  return Object.defineProperty(t3, "prototype", { writable: false }), t3;
-}
-function n2(t3, e5, r6) {
-  return (e5 = function(t4) {
-    var e6 = function(t5, e7) {
-      if ("object" != typeof t5 || !t5) return t5;
-      var r7 = t5[Symbol.toPrimitive];
-      if (void 0 !== r7) {
-        var n5 = r7.call(t5, e7 || "default");
-        if ("object" != typeof n5) return n5;
-        throw new TypeError("@@toPrimitive must return a primitive value.");
-      }
-      return ("string" === e7 ? String : Number)(t5);
-    }(t4, "string");
-    return "symbol" == typeof e6 ? e6 : e6 + "";
-  }(e5)) in t3 ? Object.defineProperty(t3, e5, { value: r6, enumerable: true, configurable: true, writable: true }) : t3[e5] = r6, t3;
-}
-function o2(t3) {
-  return o2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(t4) {
-    return t4.__proto__ || Object.getPrototypeOf(t4);
-  }, o2(t3);
-}
-function u2(t3, e5) {
-  if ("function" != typeof e5 && null !== e5) throw new TypeError("Super expression must either be null or a function");
-  t3.prototype = Object.create(e5 && e5.prototype, { constructor: { value: t3, writable: true, configurable: true } }), Object.defineProperty(t3, "prototype", { writable: false }), e5 && a2(t3, e5);
-}
-function i2() {
-  try {
-    var t3 = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-    }));
-  } catch (t4) {
-  }
-  return (i2 = function() {
-    return !!t3;
-  })();
-}
-function c(t3, e5) {
-  var r6 = Object.keys(t3);
-  if (Object.getOwnPropertySymbols) {
-    var n5 = Object.getOwnPropertySymbols(t3);
-    e5 && (n5 = n5.filter(function(e6) {
-      return Object.getOwnPropertyDescriptor(t3, e6).enumerable;
-    })), r6.push.apply(r6, n5);
-  }
-  return r6;
-}
-function f2(t3) {
-  for (var e5 = 1; e5 < arguments.length; e5++) {
-    var r6 = null != arguments[e5] ? arguments[e5] : {};
-    e5 % 2 ? c(Object(r6), true).forEach(function(e6) {
-      n2(t3, e6, r6[e6]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t3, Object.getOwnPropertyDescriptors(r6)) : c(Object(r6)).forEach(function(e6) {
-      Object.defineProperty(t3, e6, Object.getOwnPropertyDescriptor(r6, e6));
-    });
-  }
-  return t3;
-}
-function p2(t3, e5) {
-  if (null == t3) return {};
-  var r6, n5, o3 = function(t4, e6) {
-    if (null == t4) return {};
-    var r7 = {};
-    for (var n6 in t4) if ({}.hasOwnProperty.call(t4, n6)) {
-      if (e6.includes(n6)) continue;
-      r7[n6] = t4[n6];
-    }
-    return r7;
-  }(t3, e5);
-  if (Object.getOwnPropertySymbols) {
-    var u3 = Object.getOwnPropertySymbols(t3);
-    for (n5 = 0; n5 < u3.length; n5++) r6 = u3[n5], e5.includes(r6) || {}.propertyIsEnumerable.call(t3, r6) && (o3[r6] = t3[r6]);
-  }
-  return o3;
-}
-function a2(t3, e5) {
-  return a2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t4, e6) {
-    return t4.__proto__ = e6, t4;
-  }, a2(t3, e5);
-}
-function y2(t3) {
-  var e5 = "function" == typeof Map ? /* @__PURE__ */ new Map() : void 0;
-  return y2 = function(t4) {
-    if (null === t4 || !function(t5) {
-      try {
-        return -1 !== Function.toString.call(t5).indexOf("[native code]");
-      } catch (e6) {
-        return "function" == typeof t5;
-      }
-    }(t4)) return t4;
-    if ("function" != typeof t4) throw new TypeError("Super expression must either be null or a function");
-    if (void 0 !== e5) {
-      if (e5.has(t4)) return e5.get(t4);
-      e5.set(t4, r6);
-    }
-    function r6() {
-      return function(t5, e6, r7) {
-        if (i2()) return Reflect.construct.apply(null, arguments);
-        var n5 = [null];
-        n5.push.apply(n5, e6);
-        var o3 = new (t5.bind.apply(t5, n5))();
-        return r7 && a2(o3, r7.prototype), o3;
-      }(t4, arguments, o2(this).constructor);
-    }
-    return r6.prototype = Object.create(t4.prototype, { constructor: { value: r6, enumerable: false, writable: true, configurable: true } }), a2(r6, t4);
-  }, y2(t3);
-}
-
-// ../../node_modules/@react-input/core/module/SyntheticChangeError.js
-var n3 = function(t3) {
-  function n5(r6) {
-    var a4;
-    return e2(this, n5), (a4 = t2(this, n5, [r6])).name = "SyntheticChangeError", a4;
-  }
-  return u2(n5, t3), r3(n5);
-}(y2(Error));
-
-// ../../node_modules/@react-input/core/module/Input.js
-var l2;
-var a3 = ["options"];
-var r4 = ["text", "email", "tel", "search", "url"];
-var s2 = r3(function e3(l3) {
-  var s3 = l3.init, c2 = l3.tracking;
-  e2(this, e3);
-  var u3 = /* @__PURE__ */ new WeakMap();
-  this.register = function(e5) {
-    var t3;
-    if (r4.includes(e5.type)) {
-      var l4 = null !== (t3 = e5._wrapperState) && void 0 !== t3 ? t3 : {}, d2 = l4.initialValue, v2 = void 0 === d2 ? "" : d2, p3 = l4.controlled, h2 = void 0 !== p3 && p3, f3 = s3({ initialValue: e5.value || v2, controlled: h2 }), E = f3.value, g3 = f3.options, w3 = { value: E, options: g3, fallbackOptions: g3 }, S = { id: -1, cachedId: -1 }, m2 = { value: "", selectionStart: 0, selectionEnd: 0 }, b3 = Object.getOwnPropertyDescriptor("_valueTracker" in e5 ? e5 : HTMLInputElement.prototype, "value");
-      Object.defineProperty(e5, "value", f2(f2({}, b3), {}, { set: function(t4) {
-        var n5;
-        m2.value = t4, null == b3 || null === (n5 = b3.set) || void 0 === n5 || n5.call(e5, t4);
-      } })), e5.value = E;
-      var y4 = function() {
-        var t4 = function() {
-          var n5, o3;
-          m2.selectionStart = null !== (n5 = e5.selectionStart) && void 0 !== n5 ? n5 : 0, m2.selectionEnd = null !== (o3 = e5.selectionEnd) && void 0 !== o3 ? o3 : 0, S.id = window.setTimeout(t4);
-        };
-        S.id = window.setTimeout(t4);
-      }, T = function() {
-        window.clearTimeout(S.id), S.id = -1, S.cachedId = -1;
-      }, k3 = function(t4) {
-        try {
-          var n5, l5;
-          if (S.cachedId === S.id) throw new n3("The input selection has not been updated.");
-          S.cachedId = S.id;
-          var r6 = e5.value, s4 = e5.selectionStart, u4 = e5.selectionEnd;
-          if (null === s4 || null === u4) throw new n3("The selection attributes have not been initialized.");
-          var d3, v3 = m2.value;
-          if (void 0 === t4.inputType && (m2.selectionStart = 0, m2.selectionEnd = v3.length), s4 > m2.selectionStart ? d3 = "insert" : s4 <= m2.selectionStart && s4 < m2.selectionEnd ? d3 = "deleteBackward" : s4 === m2.selectionEnd && r6.length < v3.length && (d3 = "deleteForward"), void 0 === d3 || ("deleteBackward" === d3 || "deleteForward" === d3) && r6.length > v3.length) throw new n3("Input type detection error.");
-          var p4 = "", h3 = m2.selectionStart, f4 = m2.selectionEnd;
-          if ("insert" === d3) p4 = r6.slice(m2.selectionStart, s4);
-          else {
-            var E2 = v3.length - r6.length;
-            h3 = s4, f4 = s4 + E2;
-          }
-          w3.value !== v3 ? w3.options = w3.fallbackOptions : w3.fallbackOptions = w3.options;
-          var g4 = w3.options, b4 = c2({ inputType: d3, previousValue: v3, previousOptions: g4, value: r6, addedValue: p4, changeStart: h3, changeEnd: f4, selectionStart: s4, selectionEnd: u4 }), y5 = b4.options, T2 = p2(b4, a3);
-          e5.value = T2.value, e5.setSelectionRange(T2.selectionStart, T2.selectionEnd), w3.value = T2.value, w3.options = y5, m2.selectionStart = T2.selectionStart, m2.selectionEnd = T2.selectionEnd, null === (n5 = e5._valueTracker) || void 0 === n5 || null === (l5 = n5.setValue) || void 0 === l5 || l5.call(n5, v3);
-        } catch (n6) {
-          if (e5.value = m2.value, e5.setSelectionRange(m2.selectionStart, m2.selectionEnd), t4.preventDefault(), t4.stopPropagation(), "SyntheticChangeError" !== n6.name) throw n6;
-        }
-      };
-      document.activeElement === e5 && y4(), e5.addEventListener("focus", y4), e5.addEventListener("blur", T), e5.addEventListener("input", k3), u3.set(e5, { onFocus: y4, onBlur: T, onInput: k3 });
-    } else "production" !== process.env.NODE_ENV && console.warn("Warn: The input element type does not match one of the types: ".concat(r4.join(", "), "."));
-  }, this.unregister = function(e5) {
-    var t3 = u3.get(e5);
-    void 0 !== t3 && (e5.removeEventListener("focus", t3.onFocus), e5.removeEventListener("blur", t3.onBlur), e5.removeEventListener("input", t3.onInput), u3.delete(e5));
-  };
-});
-l2 = s2, Object.defineProperty(l2.prototype, Symbol.toStringTag, { writable: false, enumerable: false, configurable: true, value: "Input" });
-
-// ../../node_modules/@react-input/mask/module/useMask.js
-import { useRef as r5, useMemo as e4 } from "react";
-
-// ../../node_modules/@react-input/mask/module/Mask.js
-var k2 = function(e5) {
-  return function() {
-    for (var t3 = arguments.length, a4 = new Array(t3), n5 = 0; n5 < t3; n5++) a4[n5] = arguments[n5];
-    return new e5("".concat(a4.join("\n\n"), "\n"));
-  };
-};
-var g2;
-var y3 = ["track", "modify"];
-function w2(e5) {
-  var t3, a4, n5, r6;
-  return { mask: null !== (t3 = e5.mask) && void 0 !== t3 ? t3 : "", replacement: "string" == typeof e5.replacement ? O(e5.replacement) : null !== (a4 = e5.replacement) && void 0 !== a4 ? a4 : {}, showMask: null !== (n5 = e5.showMask) && void 0 !== n5 && n5, separate: null !== (r6 = e5.separate) && void 0 !== r6 && r6, track: e5.track, modify: e5.modify };
-}
-var b2 = function(g3) {
-  function b3() {
-    var t3, a4 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {};
-    return r(this, b3), (t3 = t(this, b3, [{ init: function(e5) {
-      var t4 = e5.initialValue, n5 = e5.controlled, r6 = w2(a4), i3 = r6.mask, l3 = r6.replacement, o3 = r6.separate, s3 = r6.showMask;
-      return t4 = n5 || t4 ? t4 : s3 ? i3 : "", "production" !== process.env.NODE_ENV && function(e6) {
-        var t5 = e6.initialValue, a5 = e6.mask, n6 = e6.replacement;
-        t5.length > a5.length && console.error(k2(Error)("The initialized value of the `value` or `defaultValue` property is longer than the value specified in the `mask` property. Check the correctness of the initialized value in the specified property.", 'Invalid value: "'.concat(t5, '".'), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
-        var r7 = Object.keys(n6).filter(function(e7) {
-          return e7.length > 1;
-        });
-        r7.length > 0 && console.error(k2(Error)("Object keys in the `replacement` property are longer than one character. Replacement keys must be one character long. Check the correctness of the value in the specified property.", "Invalid keys: ".concat(r7.join(", "), "."), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
-        for (var i4 = a5.slice(0, t5.length), l4 = -1, o4 = 0; o4 < i4.length; o4++) {
-          var s4 = Object.prototype.hasOwnProperty.call(n6, i4[o4]);
-          if (!(i4[o4] === t5[o4] || s4 && n6[i4[o4]].test(t5[o4]))) {
-            l4 = o4;
-            break;
-          }
-        }
-        -1 !== l4 && console.error(k2(Error)("An invalid character was found in the initialized property value `value` or `defaultValue` (index: ".concat(l4, "). Check the correctness of the initialized value in the specified property."), 'Invalid value: "'.concat(t5, '".'), "To initialize an unmasked value, use the `format` utility. More details https://github.com/GoncharukOrg/react-input/tree/main/packages/mask#initializing-the-value."));
-      }({ initialValue: t4, mask: i3, replacement: l3 }), { value: t4, options: { mask: i3, replacement: l3, separate: o3 } };
-    }, tracking: function(t4) {
-      var n5 = t4.inputType, r6 = t4.previousValue, i3 = t4.previousOptions, l3 = t4.addedValue, o3 = t4.changeStart, s3 = t4.changeEnd, m2 = w2(a4), k3 = m2.track, g4 = m2.modify, b4 = p(m2, y3), O2 = b4.mask, j2 = b4.replacement, T = b4.showMask, V = b4.separate, M = s(s({}, "insert" === n5 ? { inputType: n5, data: l3 } : { inputType: n5, data: null }), {}, { value: r6, selectionStart: o3, selectionEnd: s3 }), z = null == k3 ? void 0 : k3(M);
-      if (false === z) throw new n3("Custom tracking stop.");
-      null === z ? l3 = "" : true !== z && void 0 !== z && (l3 = z);
-      var C = null == g4 ? void 0 : g4(M);
-      void 0 !== (null == C ? void 0 : C.mask) && (O2 = C.mask), void 0 !== (null == C ? void 0 : C.replacement) && (j2 = "string" == typeof (null == C ? void 0 : C.replacement) ? O(null == C ? void 0 : C.replacement) : C.replacement), void 0 !== (null == C ? void 0 : C.showMask) && (T = C.showMask), void 0 !== (null == C ? void 0 : C.separate) && (V = C.separate);
-      var E = h(r6, s({ end: o3 }, i3)), x = h(r6, s({ start: s3 }, i3)), P2 = RegExp("[^".concat(Object.keys(j2).join(""), "]"), "g"), S = O2.replace(P2, "");
-      if (E && (E = b(E, { replacementChars: S, replacement: j2, separate: V }), S = S.slice(E.length)), l3 && (l3 = b(l3, { replacementChars: S, replacement: j2, separate: false }), S = S.slice(l3.length)), "insert" === n5 && "" === l3) throw new n3("The character does not match the key value of the `replacement` object.");
-      if (V) {
-        var I = O2.slice(o3, s3).replace(P2, ""), G = I.length - l3.length;
-        G < 0 ? x = x.slice(-G) : G > 0 && (x = I.slice(-G) + x);
-      }
-      x && (x = b(x, { replacementChars: S, replacement: j2, separate: V }));
-      var A = v(E + l3 + x, { mask: O2, replacement: j2, separate: V, showMask: T }), N = function(t5) {
-        var a5, n6, r7, i4 = t5.inputType, l4 = t5.value, o4 = t5.addedValue, s4 = t5.beforeChangeValue, c2 = t5.mask, u3 = t5.replacement, p3 = t5.separate, d2 = m(l4, { mask: c2, replacement: u3 }).filter(function(e5) {
-          var t6 = e5.type;
-          return "input" === t6 || p3 && "replacement" === t6;
-        }), h2 = null === (a5 = d2[s4.length + o4.length - 1]) || void 0 === a5 ? void 0 : a5.index, v2 = null === (n6 = d2[s4.length - 1]) || void 0 === n6 ? void 0 : n6.index, m3 = null === (r7 = d2[s4.length + o4.length]) || void 0 === r7 ? void 0 : r7.index;
-        if ("insert" === i4) {
-          if (void 0 !== h2) return h2 + 1;
-          if (void 0 !== m3) return m3;
-          if (void 0 !== v2) return v2 + 1;
-        }
-        if ("deleteForward" === i4) {
-          if (void 0 !== m3) return m3;
-          if (void 0 !== v2) return v2 + 1;
-        }
-        if ("deleteBackward" === i4) {
-          if (void 0 !== v2) return v2 + 1;
-          if (void 0 !== m3) return m3;
-        }
-        var f3 = l4.split("").findIndex(function(e5) {
-          return Object.prototype.hasOwnProperty.call(u3, e5);
-        });
-        return -1 !== f3 ? f3 : l4.length;
-      }({ inputType: n5, value: A, addedValue: l3, beforeChangeValue: E, mask: O2, replacement: j2, separate: V });
-      return { value: A, selectionStart: N, selectionEnd: N, options: { mask: O2, replacement: j2, separate: V } };
-    } }])).format = function(e5) {
-      return d(e5, w2(a4));
-    }, t3.formatToParts = function(e5) {
-      return j(e5, w2(a4));
-    }, t3.unformat = function(e5) {
-      return g(e5, w2(a4));
-    }, t3.generatePattern = function(e5) {
-      return k(e5, w2(a4));
-    }, t3;
-  }
-  return u(b3, s2), n(b3);
-}();
-g2 = b2, Object.defineProperty(g2.prototype, Symbol.toStringTag, { writable: false, enumerable: false, configurable: true, value: "Mask" });
-
-// ../../node_modules/@react-input/mask/module/useMask.js
-function n4() {
-  var n5 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}, c2 = n5.mask, o3 = n5.replacement, m2 = n5.showMask, s3 = n5.separate, u3 = n5.track, p3 = n5.modify, i3 = r5(null), k3 = r5({ mask: c2, replacement: o3, showMask: m2, separate: s3, track: u3, modify: p3 });
-  return k3.current.mask = c2, k3.current.replacement = o3, k3.current.showMask = m2, k3.current.separate = s3, k3.current.track = u3, k3.current.modify = p3, e4(function() {
-    return r2(i3, new b2(k3.current));
-  }, []);
-}
-
 // src/components/TextField.tsx
+import { format, useMask, unformat } from "@react-input/mask";
 import { jsx as jsx7, jsxs } from "react/jsx-runtime";
 var TextFieldStyled = styled(TextFieldRadix.Root, {
   height: "$40",
@@ -3140,8 +2642,8 @@ var InputAddon = styled(TextStyle, {
   alignItems: "center",
   lineHeight: 1
 });
-var maskFormat = d;
-var maskUnformat = g;
+var maskFormat = format;
+var maskUnformat = unformat;
 function TextField(_a) {
   var _b = _a, {
     children,
@@ -3164,7 +2666,7 @@ function TextField(_a) {
     "textAlign",
     "mask"
   ]);
-  const maskRef = mask ? n4(mask) : void 0;
+  const maskRef = mask ? useMask(mask) : void 0;
   return /* @__PURE__ */ jsxs(Flex2, { gap: "0", css: { width: "100%" }, children: [
     !!addon && /* @__PURE__ */ jsx7(InputAddon, { typography: "labelSmall", children: addon }),
     /* @__PURE__ */ jsxs(
@@ -4021,7 +3523,7 @@ function Badge(_a) {
 }
 
 // src/components/Modal.tsx
-import { Dialog as ModalRadix } from "@radix-ui/themes";
+import { Dialog as ModalRadix } from "radix-ui";
 
 // src/components/Box.tsx
 import { Box as BoxRadix } from "@radix-ui/themes";
@@ -4029,12 +3531,6 @@ var Box = BoxRadix;
 
 // src/components/Modal.tsx
 import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
-var ModalStyled = styled("div", {
-  fontFamily: "$default",
-  lineHeight: "$base",
-  fontSize: "$13",
-  borderRadius: "$sm"
-});
 var ModalContentStyled = styled(ModalRadix.Content, {
   fontFamily: "$default",
   lineHeight: "$base",
@@ -4043,11 +3539,22 @@ var ModalContentStyled = styled(ModalRadix.Content, {
   width: "100%",
   border: "1px solid $neutral",
   borderRadius: "$2xl",
-  boxShadow: "0px 4px 4px 0px rgba(35, 53, 67, 0.08), 0px 2px 4px 0px rgba(35, 53, 67, 0.16)"
+  boxShadow: "0px 4px 4px 0px rgba(35, 53, 67, 0.08), 0px 2px 4px 0px rgba(35, 53, 67, 0.16)",
+  position: "fixed",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  backgroundColor: "$dark50"
+});
+var ModalOverlay = styled(ModalRadix.Overlay, {
+  position: "fixed",
+  inset: 0,
+  opacity: 1,
+  backgroundColor: "rgba(0, 0, 0, .5)"
 });
 var ModalHeaderStyled = styled("div", {
   borderBottom: "1px solid $neutral300",
-  padding: "$16 $24",
+  padding: "$18 $24",
   textAlign: "center",
   position: "relative",
   display: "flex",
@@ -4059,13 +3566,6 @@ var ModalIconClose = styled(Icon_default, {
   right: "$24",
   cursor: "pointer"
 });
-var ModalFooterStyled = styled("div", {
-  borderTop: "1px solid $neutral300",
-  padding: "$16 $24",
-  ".modal-footer-flex": {
-    justifyContent: "flex-end"
-  }
-});
 var ModalTitleStyled = styled(ModalRadix.Title, {
   fontFamily: "$default",
   lineHeight: "$base",
@@ -4075,21 +3575,17 @@ var ModalTitleStyled = styled(ModalRadix.Title, {
   textTransform: "uppercase"
 });
 function Modal(_a) {
-  var _b = _a, { children, title, trigger, cancel, cancelText, action, actionText, onAction } = _b, props = __objRest(_b, ["children", "title", "trigger", "cancel", "cancelText", "action", "actionText", "onAction"]);
-  return /* @__PURE__ */ jsx13(ModalRadix.Root, { children: /* @__PURE__ */ jsxs4(ModalStyled, __spreadProps(__spreadValues({}, props), { children: [
-    /* @__PURE__ */ jsx13(ModalRadix.Trigger, { children: trigger }),
-    /* @__PURE__ */ jsxs4(ModalContentStyled, { children: [
-      /* @__PURE__ */ jsxs4(ModalHeaderStyled, { children: [
-        title && /* @__PURE__ */ jsx13(ModalTitleStyled, { children: title }),
-        /* @__PURE__ */ jsx13(ModalRadix.Close, { children: /* @__PURE__ */ jsx13(ModalIconClose, { name: "close", size: "xl" }) })
+  var _b = _a, { children, title, trigger } = _b, props = __objRest(_b, ["children", "title", "trigger"]);
+  return /* @__PURE__ */ jsxs4(ModalRadix.Root, __spreadProps(__spreadValues({}, props), { children: [
+    trigger && /* @__PURE__ */ jsx13(ModalRadix.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx13(ModalRadix.Portal, { children: /* @__PURE__ */ jsx13(ModalOverlay, { children: /* @__PURE__ */ jsxs4(ModalContentStyled, { children: [
+      title && /* @__PURE__ */ jsxs4(ModalHeaderStyled, { children: [
+        /* @__PURE__ */ jsx13(ModalTitleStyled, { asChild: true, children: /* @__PURE__ */ jsx13(Text, { typography: "headline6", fontWeight: "medium", children: title }) }),
+        /* @__PURE__ */ jsx13(ModalRadix.Close, { asChild: true, children: /* @__PURE__ */ jsx13(ModalIconClose, { name: "close", size: "xl" }) })
       ] }),
-      /* @__PURE__ */ jsx13(Box, { children }),
-      cancel || action ? /* @__PURE__ */ jsx13(ModalFooterStyled, { children: /* @__PURE__ */ jsxs4(Flex2, { gap: "10", justify: "end", width: "100%", className: "modal-footer-flex", children: [
-        action && onAction && /* @__PURE__ */ jsx13(ModalRadix.Close, { children: /* @__PURE__ */ jsx13(Button, { variant: "contained", color: "brand", onClick: onAction, children: actionText ? actionText : "Salvar" }) }),
-        cancel && /* @__PURE__ */ jsx13(ModalRadix.Close, { children: /* @__PURE__ */ jsx13(Button, { variant: "outlined", color: "neutral", children: cancelText ? cancelText : "cancelar" }) })
-      ] }) }) : null
-    ] })
-  ] })) });
+      /* @__PURE__ */ jsx13(Box, { children })
+    ] }) }) })
+  ] }));
 }
 
 // src/components/Calendar/index.tsx
@@ -4121,8 +3617,8 @@ import { DayPicker } from "react-day-picker";
 function buildFormatLongFn(args) {
   return (options = {}) => {
     const width = options.width ? String(options.width) : args.defaultWidth;
-    const format2 = args.formats[width] || args.formats[args.defaultWidth];
-    return format2;
+    const format3 = args.formats[width] || args.formats[args.defaultWidth];
+    return format3;
   };
 }
 
@@ -4817,11 +4313,11 @@ var formatRelativeLocale2 = {
   other: "P"
 };
 var formatRelative2 = (token, date, _baseDate, _options) => {
-  const format2 = formatRelativeLocale2[token];
-  if (typeof format2 === "function") {
-    return format2(date);
+  const format3 = formatRelativeLocale2[token];
+  if (typeof format3 === "function") {
+    return format3(date);
   }
-  return format2;
+  return format3;
 };
 
 // ../../node_modules/date-fns/locale/pt-BR/_lib/localize.js
@@ -6089,14 +5585,14 @@ function isProtectedDayOfYearToken(token) {
 function isProtectedWeekYearToken(token) {
   return weekYearTokenRE.test(token);
 }
-function warnOrThrowProtectedError(token, format2, input) {
-  const _message = message(token, format2, input);
+function warnOrThrowProtectedError(token, format3, input) {
+  const _message = message(token, format3, input);
   console.warn(_message);
   if (throwTokens.includes(token)) throw new RangeError(_message);
 }
-function message(token, format2, input) {
+function message(token, format3, input) {
   const subject = token[0] === "Y" ? "years" : "days of the month";
-  return `Use \`${token.toLowerCase()}\` instead of \`${token}\` (in \`${format2}\`) for formatting ${subject} to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+  return `Use \`${token.toLowerCase()}\` instead of \`${token}\` (in \`${format3}\`) for formatting ${subject} to the input \`${input}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
 }
 
 // ../../node_modules/date-fns/format.js
@@ -6105,7 +5601,7 @@ var longFormattingTokensRegExp = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g;
 var escapedStringRegExp = /^'([^]*?)'?$/;
 var doubleQuoteRegExp = /''/g;
 var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
-function format(date, formatStr, options) {
+function format2(date, formatStr, options) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
   const defaultOptions2 = getDefaultOptions();
   const locale = (_b = (_a = options == null ? void 0 : options.locale) != null ? _a : defaultOptions2.locale) != null ? _b : enUS;
@@ -6380,8 +5876,8 @@ function parseTimezonePattern(pattern, dateString) {
 function parseAnyDigitsSigned(dateString) {
   return parseNumericPattern(numericPatterns.anyDigitsSigned, dateString);
 }
-function parseNDigits(n5, dateString) {
-  switch (n5) {
+function parseNDigits(n, dateString) {
+  switch (n) {
     case 1:
       return parseNumericPattern(numericPatterns.singleDigit, dateString);
     case 2:
@@ -6391,11 +5887,11 @@ function parseNDigits(n5, dateString) {
     case 4:
       return parseNumericPattern(numericPatterns.fourDigits, dateString);
     default:
-      return parseNumericPattern(new RegExp("^\\d{1," + n5 + "}"), dateString);
+      return parseNumericPattern(new RegExp("^\\d{1," + n + "}"), dateString);
   }
 }
-function parseNDigitsSigned(n5, dateString) {
-  switch (n5) {
+function parseNDigitsSigned(n, dateString) {
+  switch (n) {
     case 1:
       return parseNumericPattern(numericPatterns.singleDigitSigned, dateString);
     case 2:
@@ -6405,7 +5901,7 @@ function parseNDigitsSigned(n5, dateString) {
     case 4:
       return parseNumericPattern(numericPatterns.fourDigitsSigned, dateString);
     default:
-      return parseNumericPattern(new RegExp("^-?\\d{1," + n5 + "}"), dateString);
+      return parseNumericPattern(new RegExp("^-?\\d{1," + n + "}"), dateString);
   }
 }
 function dayPeriodEnumToHours(dayPeriod) {
@@ -7981,8 +7477,8 @@ function parse(dateStr, formatStr, referenceDate, options) {
   if (dateStr.length > 0 && notWhitespaceRegExp.test(dateStr)) {
     return invalidDate();
   }
-  const uniquePrioritySetters = setters.map((setter) => setter.priority).sort((a4, b3) => b3 - a4).filter((priority, index, array) => array.indexOf(priority) === index).map(
-    (priority) => setters.filter((setter) => setter.priority === priority).sort((a4, b3) => b3.subPriority - a4.subPriority)
+  const uniquePrioritySetters = setters.map((setter) => setter.priority).sort((a, b) => b - a).filter((priority, index, array) => array.indexOf(priority) === index).map(
+    (priority) => setters.filter((setter) => setter.priority === priority).sort((a, b) => b.subPriority - a.subPriority)
   ).map((setterArray) => setterArray[0]);
   let date = toDate(referenceDate, options == null ? void 0 : options.in);
   if (isNaN(+date)) return invalidDate();
@@ -8244,13 +7740,13 @@ function Calendar(_a) {
   const maxDate = addYears(today, 20);
   useEffect2(() => {
     if (selected) {
-      setInputValue(format(selected, "dd/MM/yyyy"));
+      setInputValue(format2(selected, "dd/MM/yyyy"));
     } else {
       setInputValue("");
     }
   }, [selected]);
-  const handleInputChange = (e5) => {
-    const masked = formatToDateMask(e5.target.value);
+  const handleInputChange = (e) => {
+    const masked = formatToDateMask(e.target.value);
     setInputValue(masked);
     const parsed = parse(masked, "dd/MM/yyyy", /* @__PURE__ */ new Date());
     if (isValid(parsed)) {
@@ -8260,18 +7756,25 @@ function Calendar(_a) {
     }
   };
   return /* @__PURE__ */ jsx14("div", { children: /* @__PURE__ */ jsxs5(CalendarStyled, __spreadProps(__spreadValues({}, props), { ref: dropdownRef, children: [
-    /* @__PURE__ */ jsx14(CalendarButtonStyled, { onClick: () => setShowCalendar((prev) => !prev), children: /* @__PURE__ */ jsx14(
-      TextField,
+    /* @__PURE__ */ jsx14(
+      CalendarButtonStyled,
       {
-        placeholder: "00/00/0000",
-        type: "text",
-        value: inputValue,
-        onChange: handleInputChange,
-        inputMode: "numeric",
-        textAlign: "right",
-        children: /* @__PURE__ */ jsx14(TextFieldSlot, { children: /* @__PURE__ */ jsx14(Icon_default, { name: "calendar", size: "xl" }) })
+        type: "button",
+        onClick: () => setShowCalendar((prev) => !prev),
+        children: /* @__PURE__ */ jsx14(
+          TextField,
+          {
+            placeholder: "00/00/0000",
+            type: "text",
+            value: inputValue,
+            onChange: handleInputChange,
+            inputMode: "numeric",
+            textAlign: "right",
+            children: /* @__PURE__ */ jsx14(TextFieldSlot, { children: /* @__PURE__ */ jsx14(Icon_default, { name: "calendar", size: "xl" }) })
+          }
+        )
       }
-    ) }),
+    ),
     showContainer && /* @__PURE__ */ jsxs5(
       CalendarContentStyled,
       {
@@ -8296,6 +7799,7 @@ function Calendar(_a) {
             {
               variant: "text",
               color: "brand",
+              type: "button",
               onClick: () => {
                 setShowCalendar(false);
               },
@@ -8359,6 +7863,31 @@ var TimerPickerContentStyled = styled("div", {
     textAlign: "center!important"
   }
 });
+var InputStyled = styled("input", {
+  height: "$40",
+  fontFamily: "$default",
+  borderRadius: "$sm",
+  boxSizing: "border-box",
+  color: "$dark500",
+  border: "1px solid $dark300",
+  position: "relative",
+  display: "flex",
+  width: "100%",
+  alignItems: "center",
+  padding: "0",
+  outline: "none",
+  margin: 0,
+  textAlign: "center",
+  "&:has(input:focus)": {
+    border: "2px solid $brand300"
+  },
+  "&:has(input:disabled)": {
+    backgroundColor: "$dark100",
+    color: "$dark400",
+    border: "1px solid $dark200",
+    cursor: "not-allowed"
+  }
+});
 function TimePicker({
   selected,
   setSelected,
@@ -8433,6 +7962,7 @@ function TimePicker({
                   /* @__PURE__ */ jsx15(
                     Button,
                     {
+                      type: "button",
                       variant: "text",
                       onClick: () => handleIncrement(unit),
                       children: /* @__PURE__ */ jsxs6(
@@ -8464,20 +7994,18 @@ function TimePicker({
                     }
                   ),
                   /* @__PURE__ */ jsx15(
-                    TextField,
+                    InputStyled,
                     {
                       value: unit === "hours" ? hours : minutes,
-                      onChange: (e5) => handleInputValue(e5.target.value),
+                      onChange: (e) => handleInputValue(e.target.value),
                       type: "text",
-                      placeholder: "00",
-                      typography: "labelSmall",
-                      fontWeight: "regular",
-                      textAlign: "center"
+                      placeholder: "00"
                     }
                   ),
                   /* @__PURE__ */ jsx15(
                     Button,
                     {
+                      type: "button",
                       variant: "text",
                       onClick: () => handleDecrement(unit),
                       children: /* @__PURE__ */ jsxs6(
@@ -8517,6 +8045,7 @@ function TimePicker({
           /* @__PURE__ */ jsx15(TimePickerFooterStyled, { children: /* @__PURE__ */ jsx15(
             Button,
             {
+              type: "button",
               variant: "text",
               color: "brand",
               onClick: () => handleInputValue(`${hours}:${minutes}`),
@@ -9369,10 +8898,8 @@ export {
   Grid,
   GridStyled,
   Icon,
+  InputStyled,
   Modal,
-  ModalContentStyled,
-  ModalStyled,
-  ModalTitleStyled,
   RadioGroup,
   RadioGroupStyled,
   RadioItem,