@konstructio/ui 0.1.2-alpha.29 → 0.1.2-alpha.30

package/dist/Modal-5xSxFoaD.js

@@ -0,0 +1,99 @@
+import { Body as g } from "./components/Modal/components/Body/Body.js";
+import { Footer as v } from "./components/Modal/components/Footer/Footer.js";
+import { Header as w } from "./components/Modal/components/Header/Header.js";
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import { Children as i, isValidElement as s, useEffect as A } from "react";
+import { createPortal as N } from "react-dom";
+import { R } from "./index-DrWQH0QF.js";
+import { R as k } from "./Combination-VYaRRJBZ.js";
+import { cn as p } from "./utils/index.js";
+import { buttonCloseVariants as x, modalVariants as B } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
+import { X as E } from "./x-DPU9OdYH.js";
+const F = ({
+  buttonCloseClassName: m,
+  children: e,
+  className: d,
+  showCloseButton: l = !0,
+  theme: a,
+  onClose: n
+}) => {
+  const c = i.toArray(e).find(
+    (o) => s(o) && o.type === r.Header
+  ), y = i.toArray(e).find(
+    (o) => s(o) && o.type === r.Body
+  ), u = i.toArray(e).find(
+    (o) => s(o) && o.type === r.Footer
+  ), b = i.toArray(e).filter(
+    (o) => !s(o) || ![r.Header, r.Body, r.Footer].includes(
+      o.type
+    )
+  );
+  return /* @__PURE__ */ t(k, { children: /* @__PURE__ */ f(
+    "div",
+    {
+      className: "fixed inset-0 grid place-content-center",
+      "data-theme": a,
+      children: [
+        /* @__PURE__ */ t(
+          "div",
+          {
+            className: "absolute inset-0 bg-black opacity-75 animate-in fade-in-0",
+            onClick: n,
+            role: "presentation"
+          }
+        ),
+        /* @__PURE__ */ f(
+          "div",
+          {
+            className: p(
+              B({
+                className: d
+              })
+            ),
+            role: "dialog",
+            "aria-modal": "true",
+            children: [
+              c,
+              l && /* @__PURE__ */ f(
+                "button",
+                {
+                  className: p(
+                    x({
+                      className: m
+                    })
+                  ),
+                  onClick: n,
+                  children: [
+                    /* @__PURE__ */ t(E, {}),
+                    /* @__PURE__ */ t(R, { children: "Dismiss modal" })
+                  ]
+                }
+              ),
+              y ?? b,
+              u
+            ]
+          }
+        )
+      ]
+    }
+  ) });
+}, r = ({ isOpen: m, onClose: e, container: d, ...l }) => (A(() => {
+  const a = new AbortController(), n = (c) => {
+    c.code === "Escape" && e?.();
+  };
+  return window.addEventListener("keydown", n, {
+    signal: a.signal
+  }), () => {
+    a.abort();
+  };
+}, [e]), m ? N(
+  /* @__PURE__ */ t(F, { ...l, onClose: e }),
+  d || document.body
+) : null);
+r.Header = w;
+r.Body = g;
+r.Footer = v;
+export {
+  r as M,
+  F as W
+};

package/dist/components/Modal/Modal.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
-import { M as d } from "../../Modal-Dpk-1N9W.js";
+import { M as d } from "../../Modal-5xSxFoaD.js";
 import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";

package/dist/components/Modal/components/Wrapper/Wrapper.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../../../index-DrWQH0QF.js";
 import "react";
 import "../../../../Combination-VYaRRJBZ.js";
-import { W as f } from "../../../../Modal-Dpk-1N9W.js";
+import { W as f } from "../../../../Modal-5xSxFoaD.js";
 import "../../../../utils/index.js";
 import "./Wrapper.variants.js";
 import "../../../../x-DPU9OdYH.js";

package/dist/components/Modal/components/index.js

@@ -1,7 +1,7 @@
 import { Body as e } from "./Body/Body.js";
 import { Footer as t } from "./Footer/Footer.js";
 import { Header as m } from "./Header/Header.js";
-import { W as a } from "../../../Modal-Dpk-1N9W.js";
+import { W as a } from "../../../Modal-5xSxFoaD.js";
 export {
   e as Body,
   t as Footer,

package/dist/components/PhoneNumberInput/components/FlagSelectorList/FlagSelectorList.js

@@ -555,8 +555,8 @@ function G(r) {
   });
 }
 const te = ({
-  showNameOnSearch: r,
-  showFlagOnSearch: l
+  showFlagOnSearch: r,
+  showNameOnSearch: l
 }) => {
   const e = R(null), { termOfSearch: t, countries: s, handleSelectCountry: i } = A(), n = F(() => s.filter(
     (a) => a.name.toLocaleLowerCase().includes(t.toLowerCase())
@@ -608,8 +608,8 @@ const te = ({
                         component: "span",
                         className: "flex gap-2 items-center text-left text-slate-800 dark:text-slate-50",
                         children: [
-                          l && /* @__PURE__ */ f(h, {}),
-                          r && /* @__PURE__ */ f(D, { text: u, prefix: d })
+                          r && /* @__PURE__ */ f(h, {}),
+                          l && /* @__PURE__ */ f(D, { text: u, prefix: d })
                         ]
                       }
                     )

package/dist/components/PhoneNumberInput/components/FlagSelectorWrapper/FlagSelectorWrapper.js

@@ -1,27 +1,36 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { useCallback as m } from "react";
-import { Input as i } from "../../../Input/Input.js";
-import { FlagSelectorList as p } from "../FlagSelectorList/FlagSelectorList.js";
-import { usePhoneNumberContext as c } from "../../contexts/phone-number.hook.js";
-const g = ({
-  showInputFilter: r,
-  showNameOnSearch: o,
-  showFlagOnSearch: a
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { useCallback as d } from "react";
+import { Input as p } from "../../../Input/Input.js";
+import { FlagSelectorList as c } from "../FlagSelectorList/FlagSelectorList.js";
+import { usePhoneNumberContext as u } from "../../contexts/phone-number.hook.js";
+const S = ({
+  placeholder: r = "Search",
+  showFlagOnSearch: o,
+  showInputFilter: t,
+  showNameOnSearch: a,
+  showPlaceHolder: s = !0
 }) => {
-  const { onChangeTermOfSearch: t } = c(), s = m((l) => {
-    t(l.target.value);
+  const { onChangeTermOfSearch: l } = u(), n = d((m) => {
+    l(m.target.value);
   }, []);
-  return /* @__PURE__ */ n("div", { className: "absolute top-full mt-1.5 animate-in fade-in-0 zoom-in-95 w-full border border-transparent bg-white shadow-sm py-2 z-10 rounded-sm dark:bg-slate-800 dark:border-slate-600", children: [
-    r && /* @__PURE__ */ e("div", { className: "px-6 py-2.5", children: /* @__PURE__ */ e(i, { isSearch: !0, placeholder: "Search", onChange: s }) }),
-    /* @__PURE__ */ e(
+  return /* @__PURE__ */ i("div", { className: "absolute top-full mt-1.5 animate-in fade-in-0 zoom-in-95 w-full border border-transparent bg-white shadow-sm py-2 z-10 rounded-sm dark:bg-slate-800 dark:border-slate-600", children: [
+    t && /* @__PURE__ */ e("div", { className: "px-6 py-2.5", children: /* @__PURE__ */ e(
       p,
       {
-        showNameOnSearch: o,
-        showFlagOnSearch: a
+        isSearch: !0,
+        placeholder: s ? r : void 0,
+        onChange: n
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      c,
+      {
+        showFlagOnSearch: o,
+        showNameOnSearch: a
       }
     )
   ] });
 };
 export {
-  g as FlagSelectorWrapper
+  S as FlagSelectorWrapper
 };

package/dist/components/PhoneNumberInput/components/Wrapper.js

@@ -14,12 +14,12 @@ function se(e, t) {
   return r;
 }
 function Ue(e, t, n) {
-  return t = Y(t), function(r, a) {
-    if (a && (typeof a == "object" || typeof a == "function")) return a;
-    if (a !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
-    return function(o) {
-      if (o === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-      return o;
+  return t = Y(t), function(r, o) {
+    if (o && (typeof o == "object" || typeof o == "function")) return o;
+    if (o !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
+    return function(a) {
+      if (a === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+      return a;
     }(r);
   }(e, Oe() ? Reflect.construct(t, n || [], Y(e).constructor) : t.apply(e, n));
 }
@@ -40,46 +40,46 @@ function ge(e, t) {
       }
     }(e)) || t) {
       n && (e = n);
-      var r = 0, a = function() {
+      var r = 0, o = function() {
       };
-      return { s: a, n: function() {
+      return { s: o, n: function() {
         return r >= e.length ? { done: !0 } : { done: !1, value: e[r++] };
       }, e: function(i) {
         throw i;
-      }, f: a };
+      }, f: o };
     }
     throw new TypeError(`Invalid attempt to iterate non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
   }
-  var o, l = !0, u = !1;
+  var a, l = !0, u = !1;
   return { s: function() {
     n = n.call(e);
   }, n: function() {
     var i = n.next();
     return l = i.done, i;
   }, e: function(i) {
-    u = !0, o = i;
+    u = !0, a = i;
   }, f: function() {
     try {
       l || n.return == null || n.return();
     } finally {
-      if (u) throw o;
+      if (u) throw a;
     }
   } };
 }
 function be(e, t, n) {
   return (t = function(r) {
-    var a = function(o, l) {
-      if (typeof o != "object" || !o) return o;
-      var u = o[Symbol.toPrimitive];
+    var o = function(a, l) {
+      if (typeof a != "object" || !a) return a;
+      var u = a[Symbol.toPrimitive];
       if (u !== void 0) {
-        var i = u.call(o, l);
+        var i = u.call(a, l);
         if (typeof i != "object") return i;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (l === "string" ? String : Number)(o);
+      return (l === "string" ? String : Number)(a);
     }(r, "string");
-    return typeof a == "symbol" ? a : a + "";
+    return typeof o == "symbol" ? o : o + "";
   }(t)) in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
 }
 function Y(e) {
@@ -105,8 +105,8 @@ function pe(e, t) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
-    t && (r = r.filter(function(a) {
-      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    t && (r = r.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
     })), n.push.apply(n, r);
   }
   return n;
@@ -124,7 +124,7 @@ function J(e) {
 }
 function _e(e, t) {
   if (e == null) return {};
-  var n, r, a = function(l, u) {
+  var n, r, o = function(l, u) {
     if (l == null) return {};
     var i = {};
     for (var c in l) if ({}.hasOwnProperty.call(l, c)) {
@@ -134,10 +134,10 @@ function _e(e, t) {
     return i;
   }(e, t);
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < o.length; r++) n = o[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+    var a = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < a.length; r++) n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
   }
-  return a;
+  return o;
 }
 function te(e, t) {
   return te = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
@@ -145,90 +145,90 @@ function te(e, t) {
   }, te(e, t);
 }
 function U(e, t) {
-  var n, r = t.replacementChars, a = t.replacement, o = t.separate, l = r, u = "", i = ge(e);
+  var n, r = t.replacementChars, o = t.replacement, a = t.separate, l = r, u = "", i = ge(e);
   try {
     for (i.s(); !(n = i.n()).done; ) {
-      var c, p = n.value, s = !Object.prototype.hasOwnProperty.call(a, p) && ((c = a[l[0]]) === null || c === void 0 ? void 0 : c.test(p));
-      (o && p === l[0] || s) && (l = l.slice(1), u += p);
+      var c, p = n.value, f = !Object.prototype.hasOwnProperty.call(o, p) && ((c = o[l[0]]) === null || c === void 0 ? void 0 : c.test(p));
+      (a && p === l[0] || f) && (l = l.slice(1), u += p);
     }
-  } catch (O) {
-    i.e(O);
+  } catch (b) {
+    i.e(b);
   } finally {
     i.f();
   }
   return u;
 }
 function Se(e, t) {
-  var n, r = t.mask, a = t.replacement, o = t.separate, l = t.showMask, u = 0, i = "", c = ge(r);
+  var n, r = t.mask, o = t.replacement, a = t.separate, l = t.showMask, u = 0, i = "", c = ge(r);
   try {
     for (c.s(); !(n = c.n()).done; ) {
       var p = n.value;
       if (!l && e[u] === void 0) break;
-      Object.prototype.hasOwnProperty.call(a, p) && e[u] !== void 0 ? i += e[u++] : i += p;
+      Object.prototype.hasOwnProperty.call(o, p) && e[u] !== void 0 ? i += e[u++] : i += p;
     }
-  } catch (O) {
-    c.e(O);
+  } catch (b) {
+    c.e(b);
   } finally {
     c.f();
   }
-  if (o && !l) {
-    for (var s = r.length - 1; s >= 0 && i[s] === r[s]; s--) ;
-    i = i.slice(0, s + 1);
+  if (a && !l) {
+    for (var f = r.length - 1; f >= 0 && i[f] === r[f]; f--) ;
+    i = i.slice(0, f + 1);
   }
   return i;
 }
 function we(e, t) {
-  for (var n = t.mask, r = t.replacement, a = [], o = 0; o < n.length; o++) {
-    var l, u = (l = e[o]) !== null && l !== void 0 ? l : n[o], i = Object.prototype.hasOwnProperty.call(r, u) ? "replacement" : e[o] !== void 0 && e[o] !== n[o] ? "input" : "mask";
-    a.push({ type: i, value: u, index: o });
+  for (var n = t.mask, r = t.replacement, o = [], a = 0; a < n.length; a++) {
+    var l, u = (l = e[a]) !== null && l !== void 0 ? l : n[a], i = Object.prototype.hasOwnProperty.call(r, u) ? "replacement" : e[a] !== void 0 && e[a] !== n[a] ? "input" : "mask";
+    o.push({ type: i, value: u, index: a });
   }
-  return a;
+  return o;
 }
 function K(e) {
   return e.length > 0 ? be({}, e, /./) : {};
 }
 function ne(e, t) {
-  for (var n = t.start, r = n === void 0 ? 0 : n, a = t.end, o = t.mask, l = t.replacement, u = t.separate, i = e.slice(r, a), c = o.slice(r, a), p = "", s = 0; s < c.length; s++) {
-    var O = Object.prototype.hasOwnProperty.call(l, c[s]);
-    O && i[s] !== void 0 && i[s] !== c[s] ? p += i[s] : O && u && (p += c[s]);
+  for (var n = t.start, r = n === void 0 ? 0 : n, o = t.end, a = t.mask, l = t.replacement, u = t.separate, i = e.slice(r, o), c = a.slice(r, o), p = "", f = 0; f < c.length; f++) {
+    var b = Object.prototype.hasOwnProperty.call(l, c[f]);
+    b && i[f] !== void 0 && i[f] !== c[f] ? p += i[f] : b && u && (p += c[f]);
   }
   return p;
 }
 function ke(e, t) {
-  var n = t.mask, r = t.replacement, a = typeof r == "string" ? K(r) : r, o = RegExp("[^".concat(Object.keys(a).join(""), "]"), "g");
-  return Se(U(e, { replacementChars: n.replace(o, ""), replacement: a, separate: !1 }), { mask: n, replacement: a, separate: !1, showMask: !1 });
+  var n = t.mask, r = t.replacement, o = typeof r == "string" ? K(r) : r, a = RegExp("[^".concat(Object.keys(o).join(""), "]"), "g");
+  return Se(U(e, { replacementChars: n.replace(a, ""), replacement: o, separate: !1 }), { mask: n, replacement: o, separate: !1, showMask: !1 });
 }
 function We(e, t) {
-  var n = t.mask, r = t.replacement, a = typeof r == "string" ? K(r) : r, o = ne(e, { mask: n, replacement: a, separate: !1 }), l = RegExp("[^".concat(Object.keys(a).join(""), "]"), "g");
-  return U(o, { replacementChars: n.replace(l, ""), replacement: a, separate: !1 });
+  var n = t.mask, r = t.replacement, o = typeof r == "string" ? K(r) : r, a = ne(e, { mask: n, replacement: o, separate: !1 }), l = RegExp("[^".concat(Object.keys(o).join(""), "]"), "g");
+  return U(a, { replacementChars: n.replace(l, ""), replacement: o, separate: !1 });
 }
 function Ze(e, t) {
-  var n = t.mask, r = t.replacement, a = typeof r == "string" ? K(r) : r;
-  return we(ke(e, { mask: n, replacement: a }), { mask: n, replacement: a });
+  var n = t.mask, r = t.replacement, o = typeof r == "string" ? K(r) : r;
+  return we(ke(e, { mask: n, replacement: o }), { mask: n, replacement: o });
 }
 var Je = ["[", "]", "\\", "/", "^", "$", ".", "|", "?", "*", "+", "(", ")", "{", "}"];
 function fe(e) {
   return Je.includes(e) ? "\\".concat(e) : e;
 }
 function Ye(e, t) {
-  for (var n = t.mask, r = t.replacement, a = typeof r == "string" ? K(r) : r, o = e === "partial" || e === "partial-inexact", l = e === "full" || e === "partial", u = "", i = 0; i < n.length; i++) {
+  for (var n = t.mask, r = t.replacement, o = typeof r == "string" ? K(r) : r, a = e === "partial" || e === "partial-inexact", l = e === "full" || e === "partial", u = "", i = 0; i < n.length; i++) {
     var c = n[i];
-    i === 0 && (u = "^"), o && (u += "("), u += Object.prototype.hasOwnProperty.call(a, c) ? "".concat(l ? "(?!".concat(fe(c), ")") : "", "(").concat(a[c].source, ")") : fe(c), i === n.length - 1 && (o && (u += ")?".repeat(n.length)), u += "$");
+    i === 0 && (u = "^"), a && (u += "("), u += Object.prototype.hasOwnProperty.call(o, c) ? "".concat(l ? "(?!".concat(fe(c), ")") : "", "(").concat(o[c].source, ")") : fe(c), i === n.length - 1 && (a && (u += ")?".repeat(n.length)), u += "$");
   }
   return u;
 }
 function Qe(e, t) {
-  return new Proxy(e, { set: function(n, r, a) {
-    return r === "current" && (a !== e.current && (e.current !== null && t.unregister(e.current), a !== null && t.register(a)), n[r] = a, !0);
+  return new Proxy(e, { set: function(n, r, o) {
+    return r === "current" && (o !== e.current && (e.current !== null && t.unregister(e.current), o !== null && t.register(o)), n[r] = o, !0);
   } });
 }
 function qe(e, t, n) {
-  return t = z(t), function(r, a) {
-    if (a && (typeof a == "object" || typeof a == "function")) return a;
-    if (a !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
-    return function(o) {
-      if (o === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-      return o;
+  return t = z(t), function(r, o) {
+    if (o && (typeof o == "object" || typeof o == "function")) return o;
+    if (o !== void 0) throw new TypeError("Derived constructors may only return object or undefined");
+    return function(a) {
+      if (a === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+      return a;
     }(r);
   }(e, ae() ? Reflect.construct(t, n || [], z(e).constructor) : t.apply(e, n));
 }
@@ -240,17 +240,17 @@ function Me(e, t, n) {
 }
 function Xe(e, t, n) {
   return (t = function(r) {
-    var a = function(o, l) {
-      if (typeof o != "object" || !o) return o;
-      var u = o[Symbol.toPrimitive];
+    var o = function(a, l) {
+      if (typeof a != "object" || !a) return a;
+      var u = a[Symbol.toPrimitive];
       if (u !== void 0) {
-        var i = u.call(o, l);
+        var i = u.call(a, l);
         if (typeof i != "object") return i;
         throw new TypeError("@@toPrimitive must return a primitive value.");
       }
-      return (l === "string" ? String : Number)(o);
+      return (l === "string" ? String : Number)(a);
     }(r, "string");
-    return typeof a == "symbol" ? a : a + "";
+    return typeof o == "symbol" ? o : o + "";
   }(t)) in e ? Object.defineProperty(e, t, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = n, e;
 }
 function z(e) {
@@ -276,8 +276,8 @@ function de(e, t) {
   var n = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var r = Object.getOwnPropertySymbols(e);
-    t && (r = r.filter(function(a) {
-      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    t && (r = r.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
     })), n.push.apply(n, r);
   }
   return n;
@@ -295,7 +295,7 @@ function ve(e) {
 }
 function tt(e, t) {
   if (e == null) return {};
-  var n, r, a = function(l, u) {
+  var n, r, o = function(l, u) {
     if (l == null) return {};
     var i = {};
     for (var c in l) if ({}.hasOwnProperty.call(l, c)) {
@@ -305,10 +305,10 @@ function tt(e, t) {
     return i;
   }(e, t);
   if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    for (r = 0; r < o.length; r++) n = o[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+    var a = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < a.length; r++) n = a[r], t.includes(n) || {}.propertyIsEnumerable.call(e, n) && (o[n] = e[n]);
   }
-  return a;
+  return o;
 }
 function H(e, t) {
   return H = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, r) {
@@ -318,11 +318,11 @@ function H(e, t) {
 function re(e) {
   var t = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
   return re = function(n) {
-    if (n === null || !function(a) {
+    if (n === null || !function(o) {
       try {
-        return Function.toString.call(a).indexOf("[native code]") !== -1;
+        return Function.toString.call(o).indexOf("[native code]") !== -1;
       } catch {
-        return typeof a == "function";
+        return typeof o == "function";
       }
     }(n)) return n;
     if (typeof n != "function") throw new TypeError("Super expression must either be null or a function");
@@ -331,11 +331,11 @@ function re(e) {
       t.set(n, r);
     }
     function r() {
-      return function(a, o, l) {
+      return function(o, a, l) {
         if (ae()) return Reflect.construct.apply(null, arguments);
         var u = [null];
-        u.push.apply(u, o);
-        var i = new (a.bind.apply(a, u))();
+        u.push.apply(u, a);
+        var i = new (o.bind.apply(o, u))();
         return l && H(i, l.prototype), i;
       }(n, arguments, z(this).constructor);
     }
@@ -351,50 +351,50 @@ var $ = function(e) {
 }(re(Error)), me, nt = ["options"], he = ["text", "email", "tel", "search", "url"], Ee = Me(function e(t) {
   var n = t.init, r = t.tracking;
   Pe(this, e);
-  var a = /* @__PURE__ */ new WeakMap();
-  this.register = function(o) {
+  var o = /* @__PURE__ */ new WeakMap();
+  this.register = function(a) {
     var l;
-    if (he.includes(o.type)) {
-      var u = (l = o._wrapperState) !== null && l !== void 0 ? l : {}, i = u.initialValue, c = i === void 0 ? "" : i, p = u.controlled, s = p !== void 0 && p, O = n({ initialValue: o.value || c, controlled: s }), P = O.value, E = O.options, v = { value: P, options: E, fallbackOptions: E }, d = { id: -1, cachedId: -1 }, f = { value: "", selectionStart: 0, selectionEnd: 0 }, g = Object.getOwnPropertyDescriptor("_valueTracker" in o ? o : HTMLInputElement.prototype, "value");
-      Object.defineProperty(o, "value", ve(ve({}, g), {}, { set: function(h) {
-        var y;
-        f.value = h, g == null || (y = g.set) === null || y === void 0 || y.call(o, h);
-      } })), o.value = P;
-      var b = function() {
-        var h = function() {
-          var y, S;
-          f.selectionStart = (y = o.selectionStart) !== null && y !== void 0 ? y : 0, f.selectionEnd = (S = o.selectionEnd) !== null && S !== void 0 ? S : 0, d.id = window.setTimeout(h);
+    if (he.includes(a.type)) {
+      var u = (l = a._wrapperState) !== null && l !== void 0 ? l : {}, i = u.initialValue, c = i === void 0 ? "" : i, p = u.controlled, f = p !== void 0 && p, b = n({ initialValue: a.value || c, controlled: f }), M = b.value, j = b.options, h = { value: M, options: j, fallbackOptions: j }, v = { id: -1, cachedId: -1 }, s = { value: "", selectionStart: 0, selectionEnd: 0 }, O = Object.getOwnPropertyDescriptor("_valueTracker" in a ? a : HTMLInputElement.prototype, "value");
+      Object.defineProperty(a, "value", ve(ve({}, O), {}, { set: function(y) {
+        var m;
+        s.value = y, O == null || (m = O.set) === null || m === void 0 || m.call(a, y);
+      } })), a.value = M;
+      var S = function() {
+        var y = function() {
+          var m, k;
+          s.selectionStart = (m = a.selectionStart) !== null && m !== void 0 ? m : 0, s.selectionEnd = (k = a.selectionEnd) !== null && k !== void 0 ? k : 0, v.id = window.setTimeout(y);
         };
-        d.id = window.setTimeout(h);
-      }, k = function() {
-        window.clearTimeout(d.id), d.id = -1, d.cachedId = -1;
-      }, m = function(h) {
+        v.id = window.setTimeout(y);
+      }, w = function() {
+        window.clearTimeout(v.id), v.id = -1, v.cachedId = -1;
+      }, d = function(y) {
         try {
-          var y, S;
-          if (d.cachedId === d.id) throw new $("The input selection has not been updated.");
-          d.cachedId = d.id;
-          var w = o.value, M = o.selectionStart, C = o.selectionEnd;
-          if (M === null || C === null) throw new $("The selection attributes have not been initialized.");
-          var j, T = f.value;
-          if (h.inputType === void 0 && (f.selectionStart = 0, f.selectionEnd = T.length), M > f.selectionStart ? j = "insert" : M <= f.selectionStart && M < f.selectionEnd ? j = "deleteBackward" : M === f.selectionEnd && w.length < T.length && (j = "deleteForward"), j === void 0 || (j === "deleteBackward" || j === "deleteForward") && w.length > T.length) throw new $("Input type detection error.");
-          var I = "", N = f.selectionStart, B = f.selectionEnd;
-          if (j === "insert") I = w.slice(f.selectionStart, M);
+          var m, k;
+          if (v.cachedId === v.id) throw new $("The input selection has not been updated.");
+          v.cachedId = v.id;
+          var P = a.value, g = a.selectionStart, T = a.selectionEnd;
+          if (g === null || T === null) throw new $("The selection attributes have not been initialized.");
+          var C, E = s.value;
+          if (y.inputType === void 0 && (s.selectionStart = 0, s.selectionEnd = E.length), g > s.selectionStart ? C = "insert" : g <= s.selectionStart && g < s.selectionEnd ? C = "deleteBackward" : g === s.selectionEnd && P.length < E.length && (C = "deleteForward"), C === void 0 || (C === "deleteBackward" || C === "deleteForward") && P.length > E.length) throw new $("Input type detection error.");
+          var I = "", N = s.selectionStart, B = s.selectionEnd;
+          if (C === "insert") I = P.slice(s.selectionStart, g);
           else {
-            var D = T.length - w.length;
-            N = M, B = M + D;
+            var D = E.length - P.length;
+            N = g, B = g + D;
           }
-          v.value !== T ? v.options = v.fallbackOptions : v.fallbackOptions = v.options;
-          var F = v.options, R = r({ inputType: j, previousValue: T, previousOptions: F, value: w, addedValue: I, changeStart: N, changeEnd: B, selectionStart: M, selectionEnd: C }), _ = R.options, A = tt(R, nt);
-          o.value = A.value, o.setSelectionRange(A.selectionStart, A.selectionEnd), v.value = A.value, v.options = _, f.selectionStart = A.selectionStart, f.selectionEnd = A.selectionEnd, (y = o._valueTracker) === null || y === void 0 || (S = y.setValue) === null || S === void 0 || S.call(y, T);
+          h.value !== E ? h.options = h.fallbackOptions : h.fallbackOptions = h.options;
+          var F = h.options, R = r({ inputType: C, previousValue: E, previousOptions: F, value: P, addedValue: I, changeStart: N, changeEnd: B, selectionStart: g, selectionEnd: T }), _ = R.options, A = tt(R, nt);
+          a.value = A.value, a.setSelectionRange(A.selectionStart, A.selectionEnd), h.value = A.value, h.options = _, s.selectionStart = A.selectionStart, s.selectionEnd = A.selectionEnd, (m = a._valueTracker) === null || m === void 0 || (k = m.setValue) === null || k === void 0 || k.call(m, E);
         } catch (W) {
-          if (o.value = f.value, o.setSelectionRange(f.selectionStart, f.selectionEnd), h.preventDefault(), h.stopPropagation(), W.name !== "SyntheticChangeError") throw W;
+          if (a.value = s.value, a.setSelectionRange(s.selectionStart, s.selectionEnd), y.preventDefault(), y.stopPropagation(), W.name !== "SyntheticChangeError") throw W;
         }
       };
-      document.activeElement === o && b(), o.addEventListener("focus", b), o.addEventListener("blur", k), o.addEventListener("input", m), a.set(o, { onFocus: b, onBlur: k, onInput: m });
+      document.activeElement === a && S(), a.addEventListener("focus", S), a.addEventListener("blur", w), a.addEventListener("input", d), o.set(a, { onFocus: S, onBlur: w, onInput: d });
     } else process.env.NODE_ENV !== "production" && console.warn("Warn: The input element type does not match one of the types: ".concat(he.join(", "), "."));
-  }, this.unregister = function(o) {
-    var l = a.get(o);
-    l !== void 0 && (o.removeEventListener("focus", l.onFocus), o.removeEventListener("blur", l.onBlur), o.removeEventListener("input", l.onInput), a.delete(o));
+  }, this.unregister = function(a) {
+    var l = o.get(a);
+    l !== void 0 && (a.removeEventListener("focus", l.onFocus), a.removeEventListener("blur", l.onBlur), a.removeEventListener("input", l.onInput), o.delete(a));
   };
 });
 me = Ee, Object.defineProperty(me.prototype, Symbol.toStringTag, { writable: !1, enumerable: !1, configurable: !0, value: "Input" });
@@ -408,44 +408,44 @@ var X = function(e) {
   };
 }, ye, rt = ["track", "modify"];
 function x(e) {
-  var t, n, r, a;
-  return { mask: (t = e.mask) !== null && t !== void 0 ? t : "", replacement: typeof e.replacement == "string" ? K(e.replacement) : (n = e.replacement) !== null && n !== void 0 ? n : {}, showMask: (r = e.showMask) !== null && r !== void 0 && r, separate: (a = e.separate) !== null && a !== void 0 && a, track: e.track, modify: e.modify };
+  var t, n, r, o;
+  return { mask: (t = e.mask) !== null && t !== void 0 ? t : "", replacement: typeof e.replacement == "string" ? K(e.replacement) : (n = e.replacement) !== null && n !== void 0 ? n : {}, showMask: (r = e.showMask) !== null && r !== void 0 && r, separate: (o = e.separate) !== null && o !== void 0 && o, track: e.track, modify: e.modify };
 }
 var Ce = function(e) {
   function t() {
     var n, r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-    return $e(this, t), (n = Ue(this, t, [{ init: function(a) {
-      var o = a.initialValue, l = a.controlled, u = x(r), i = u.mask, c = u.replacement, p = u.separate, s = u.showMask;
-      return o = l || o ? o : s ? i : "", process.env.NODE_ENV !== "production" && function(O) {
-        var P = O.initialValue, E = O.mask, v = O.replacement;
-        P.length > E.length && console.error(X(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(P, '".'), "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 d = Object.keys(v).filter(function(m) {
-          return m.length > 1;
+    return $e(this, t), (n = Ue(this, t, [{ init: function(o) {
+      var a = o.initialValue, l = o.controlled, u = x(r), i = u.mask, c = u.replacement, p = u.separate, f = u.showMask;
+      return a = l || a ? a : f ? i : "", process.env.NODE_ENV !== "production" && function(b) {
+        var M = b.initialValue, j = b.mask, h = b.replacement;
+        M.length > j.length && console.error(X(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(M, '".'), "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 v = Object.keys(h).filter(function(d) {
+          return d.length > 1;
         });
-        d.length > 0 && console.error(X(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(d.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 f = E.slice(0, P.length), g = -1, b = 0; b < f.length; b++) {
-          var k = Object.prototype.hasOwnProperty.call(v, f[b]);
-          if (!(f[b] === P[b] || k && v[f[b]].test(P[b]))) {
-            g = b;
+        v.length > 0 && console.error(X(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(v.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 s = j.slice(0, M.length), O = -1, S = 0; S < s.length; S++) {
+          var w = Object.prototype.hasOwnProperty.call(h, s[S]);
+          if (!(s[S] === M[S] || w && h[s[S]].test(M[S]))) {
+            O = S;
             break;
           }
         }
-        g !== -1 && console.error(X(Error)("An invalid character was found in the initialized property value `value` or `defaultValue` (index: ".concat(g, "). Check the correctness of the initialized value in the specified property."), 'Invalid value: "'.concat(P, '".'), "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: o, mask: i, replacement: c }), { value: o, options: { mask: i, replacement: c, separate: p } };
-    }, tracking: function(a) {
-      var o = a.inputType, l = a.previousValue, u = a.previousOptions, i = a.addedValue, c = a.changeStart, p = a.changeEnd, s = x(r), O = s.track, P = s.modify, E = _e(s, rt), v = E.mask, d = E.replacement, f = E.showMask, g = E.separate, b = J(J({}, o === "insert" ? { inputType: o, data: i } : { inputType: o, data: null }), {}, { value: l, selectionStart: c, selectionEnd: p }), k = O?.(b);
-      if (k === !1) throw new $("Custom tracking stop.");
-      k === null ? i = "" : k !== !0 && k !== void 0 && (i = k);
-      var m = P?.(b);
-      m?.mask !== void 0 && (v = m.mask), m?.replacement !== void 0 && (d = typeof m?.replacement == "string" ? K(m?.replacement) : m.replacement), m?.showMask !== void 0 && (f = m.showMask), m?.separate !== void 0 && (g = m.separate);
-      var h = ne(l, J({ end: c }, u)), y = ne(l, J({ start: p }, u)), S = RegExp("[^".concat(Object.keys(d).join(""), "]"), "g"), w = v.replace(S, "");
-      if (h && (h = U(h, { replacementChars: w, replacement: d, separate: g }), w = w.slice(h.length)), i && (i = U(i, { replacementChars: w, replacement: d, separate: !1 }), w = w.slice(i.length)), o === "insert" && i === "") throw new $("The character does not match the key value of the `replacement` object.");
-      if (g) {
-        var M = v.slice(c, p).replace(S, ""), C = M.length - i.length;
-        C < 0 ? y = y.slice(-C) : C > 0 && (y = M.slice(-C) + y);
+        O !== -1 && console.error(X(Error)("An invalid character was found in the initialized property value `value` or `defaultValue` (index: ".concat(O, "). Check the correctness of the initialized value in the specified property."), 'Invalid value: "'.concat(M, '".'), "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: a, mask: i, replacement: c }), { value: a, options: { mask: i, replacement: c, separate: p } };
+    }, tracking: function(o) {
+      var a = o.inputType, l = o.previousValue, u = o.previousOptions, i = o.addedValue, c = o.changeStart, p = o.changeEnd, f = x(r), b = f.track, M = f.modify, j = _e(f, rt), h = j.mask, v = j.replacement, s = j.showMask, O = j.separate, S = J(J({}, a === "insert" ? { inputType: a, data: i } : { inputType: a, data: null }), {}, { value: l, selectionStart: c, selectionEnd: p }), w = b?.(S);
+      if (w === !1) throw new $("Custom tracking stop.");
+      w === null ? i = "" : w !== !0 && w !== void 0 && (i = w);
+      var d = M?.(S);
+      d?.mask !== void 0 && (h = d.mask), d?.replacement !== void 0 && (v = typeof d?.replacement == "string" ? K(d?.replacement) : d.replacement), d?.showMask !== void 0 && (s = d.showMask), d?.separate !== void 0 && (O = d.separate);
+      var y = ne(l, J({ end: c }, u)), m = ne(l, J({ start: p }, u)), k = RegExp("[^".concat(Object.keys(v).join(""), "]"), "g"), P = h.replace(k, "");
+      if (y && (y = U(y, { replacementChars: P, replacement: v, separate: O }), P = P.slice(y.length)), i && (i = U(i, { replacementChars: P, replacement: v, separate: !1 }), P = P.slice(i.length)), a === "insert" && i === "") throw new $("The character does not match the key value of the `replacement` object.");
+      if (O) {
+        var g = h.slice(c, p).replace(k, ""), T = g.length - i.length;
+        T < 0 ? m = m.slice(-T) : T > 0 && (m = g.slice(-T) + m);
       }
-      y && (y = U(y, { replacementChars: w, replacement: d, separate: g }));
-      var j = Se(h + i + y, { mask: v, replacement: d, separate: g, showMask: f }), T = function(I) {
+      m && (m = U(m, { replacementChars: P, replacement: v, separate: O }));
+      var C = Se(y + i + m, { mask: h, replacement: v, separate: O, showMask: s }), E = function(I) {
         var N, B, D, F = I.inputType, R = I.value, _ = I.addedValue, A = I.beforeChangeValue, W = I.mask, oe = I.replacement, je = I.separate, Q = we(R, { mask: W, replacement: oe }).filter(function(q) {
           var ue = q.type;
           return ue === "input" || je && ue === "replacement";
@@ -467,24 +467,24 @@ var Ce = function(e) {
           return Object.prototype.hasOwnProperty.call(oe, q);
         });
         return le !== -1 ? le : R.length;
-      }({ inputType: o, value: j, addedValue: i, beforeChangeValue: h, mask: v, replacement: d, separate: g });
-      return { value: j, selectionStart: T, selectionEnd: T, options: { mask: v, replacement: d, separate: g } };
-    } }])).format = function(a) {
-      return ke(a, x(r));
-    }, n.formatToParts = function(a) {
-      return Ze(a, x(r));
-    }, n.unformat = function(a) {
-      return We(a, x(r));
-    }, n.generatePattern = function(a) {
-      return Ye(a, x(r));
+      }({ inputType: a, value: C, addedValue: i, beforeChangeValue: y, mask: h, replacement: v, separate: O });
+      return { value: C, selectionStart: E, selectionEnd: E, options: { mask: h, replacement: v, separate: O } };
+    } }])).format = function(o) {
+      return ke(o, x(r));
+    }, n.formatToParts = function(o) {
+      return Ze(o, x(r));
+    }, n.unformat = function(o) {
+      return We(o, x(r));
+    }, n.generatePattern = function(o) {
+      return Ye(o, x(r));
     }, n;
   }
   return He(t, Ee), ze(t);
 }();
 ye = Ce, Object.defineProperty(ye.prototype, Symbol.toStringTag, { writable: !1, enumerable: !1, configurable: !0, value: "Mask" });
 function at() {
-  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.mask, n = e.replacement, r = e.showMask, a = e.separate, o = e.track, l = e.modify, u = ee(null), i = ee({ mask: t, replacement: n, showMask: r, separate: a, track: o, modify: l });
-  return i.current.mask = t, i.current.replacement = n, i.current.showMask = r, i.current.separate = a, i.current.track = o, i.current.modify = l, Ie(function() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = e.mask, n = e.replacement, r = e.showMask, o = e.separate, a = e.track, l = e.modify, u = ee(null), i = ee({ mask: t, replacement: n, showMask: r, separate: o, track: a, modify: l });
+  return i.current.mask = t, i.current.replacement = n, i.current.showMask = r, i.current.separate = o, i.current.track = a, i.current.modify = l, Ie(function() {
     return Qe(u, new Ce(i.current));
   }, []);
 }
@@ -496,79 +496,81 @@ Te.registerLocale(lt);
 const gt = Ae(
   ({
     disabled: e = !1,
-    isRequired: t,
-    label: n,
-    labelClassName: r,
-    name: a,
-    showFlagOnSearch: o = !0,
-    showInputFilter: l = !0,
-    showNameOnSearch: u = !0,
-    wrapperClassName: i,
-    helperText: c,
-    helperTextClassName: p,
-    error: s,
-    ...O
-  }, P) => {
-    const E = a ?? Ne(), v = ee(null), {
-      isOpenSelector: d,
-      value: f,
-      selectedCountry: g,
-      onChangeValue: b,
-      handleOpenSelector: k
-    } = xe(), m = typeof s == "string" && s.length >= 0, h = at({
-      mask: Ke(g),
+    error: t,
+    helperText: n,
+    helperTextClassName: r,
+    isRequired: o,
+    label: a,
+    labelClassName: l,
+    name: u,
+    placeholder: i,
+    showFlagOnSearch: c = !0,
+    showInputFilter: p = !0,
+    showNameOnSearch: f = !0,
+    wrapperClassName: b,
+    showPlaceHolder: M,
+    ...j
+  }, h) => {
+    const v = u ?? Ne(), s = ee(null), {
+      isOpenSelector: O,
+      value: S,
+      selectedCountry: w,
+      onChangeValue: d,
+      handleOpenSelector: y
+    } = xe(), m = typeof t == "string" && t.length >= 0, k = at({
+      mask: Ke(w),
       replacement: { _: /\d/ }
     });
-    Be(P, () => h.current, [h]);
-    const y = Re(
-      (S) => {
-        S.target.value.startsWith(g.prefix) ? b(S.target.value) : b(`${g.prefix} `);
+    Be(h, () => k.current, [k]);
+    const P = Re(
+      (g) => {
+        g.target.value.startsWith(w.prefix) ? d(g.target.value) : d(`${w.prefix} `);
       },
-      [g.prefix, b]
+      [w.prefix, d]
     );
     return ce(() => {
-      const S = new AbortController(), w = (C) => {
-        C.key === "Escape" && k(!1);
-      }, M = (C) => {
-        v.current?.contains(C.target) || k(!1);
+      const g = new AbortController(), T = (E) => {
+        E.key === "Escape" && y(!1);
+      }, C = (E) => {
+        s.current?.contains(E.target) || y(!1);
       };
-      return document.addEventListener("keydown", w, {
-        signal: S.signal
-      }), document.addEventListener("mousedown", M, {
-        signal: S.signal
+      return document.addEventListener("keydown", T, {
+        signal: g.signal
+      }), document.addEventListener("mousedown", C, {
+        signal: g.signal
       }), document.addEventListener(
         "visibilitychange",
         () => {
-          document.hidden && k(!1);
+          document.hidden && y(!1);
         },
         {
-          signal: S.signal
+          signal: g.signal
         }
       ), () => {
-        S.abort();
+        g.abort();
       };
-    }, [k, v]), ce(() => {
-      h.current && (h.current.value = g.prefix + " ");
-    }, [g.code]), /* @__PURE__ */ Z("div", { className: "w-full flex flex-col gap-2", children: [
-      n ? /* @__PURE__ */ Z(
+    }, [y, s]), ce(() => {
+      k.current && (k.current.value = w.prefix + " ");
+    }, [w.code]), /* @__PURE__ */ Z("div", { className: "w-full flex flex-col gap-2", children: [
+      a ? /* @__PURE__ */ Z(
         "label",
         {
-          id: E,
-          className: Le({ className: r }),
-          onClick: () => !e && h.current?.focus(),
+          id: v,
+          className: Le({ className: l }),
+          onClick: () => !e && k.current?.focus(),
           children: [
-            n,
-            t && /* @__PURE__ */ V("span", { className: "text-red-600 ml-1", children: "*" })
+            a,
+            o && /* @__PURE__ */ V("span", { className: "text-red-600 ml-1", children: "*" })
           ]
         }
       ) : null,
       /* @__PURE__ */ Z(
         "div",
         {
-          ref: v,
-          "data-state": d ? "open" : "closed",
+          ref: s,
+          "data-state": O ? "open" : "closed",
           className: Ve({
-            className: i,
+            className: b,
             variant: m ? "error" : "default"
           }),
           children: [
@@ -577,40 +579,42 @@ const gt = Ae(
               /* @__PURE__ */ V(
                 "input",
                 {
-                  id: n ? E : void 0,
-                  ref: h,
-                  name: a,
+                  id: a ? v : void 0,
+                  ref: k,
+                  name: u,
                   autoComplete: "off",
                   className: "outline-0 w-full caret-slate-800 text-slate-800 bg-transparent dark:caret-slate-50 dark:text-slate-50 disabled:cursor-not-allowed disabled:opacity-50",
                   type: "tel",
                   inputMode: "tel",
-                  value: f,
-                  onChange: y,
+                  value: S,
+                  onChange: P,
                   disabled: e,
-                  ...O
+                  ...j
                 }
               )
             ] }),
-            d && /* @__PURE__ */ V(
+            O && /* @__PURE__ */ V(
               Fe,
               {
-                showNameOnSearch: u,
-                showFlagOnSearch: o,
-                showInputFilter: l
+                placeholder: i,
+                showFlagOnSearch: c,
+                showInputFilter: p,
+                showNameOnSearch: f,
+                showPlaceHolder: M
               }
             )
           ]
         }
       ),
-      s ? /* @__PURE__ */ V("span", { className: "text-xs text-red-700 dark:text-red-500", children: s }) : null,
-      !s && c ? /* @__PURE__ */ V(
+      t ? /* @__PURE__ */ V("span", { className: "text-xs text-red-700 dark:text-red-500", children: t }) : null,
+      !t && n ? /* @__PURE__ */ V(
         "span",
         {
           className: Ge(
             "text-xs text-slate-600 dark:text-slate-200 kubefirst-dark:text-slate-200",
-            p
+            r
           ),
-          children: c
+          children: n
         }
       ) : null
     ] });

package/dist/components/index.js

@@ -13,7 +13,7 @@ import { DropdownButton as h } from "./DropdownButton/DropdownButton.js";
 import { Filter as P } from "./Filter/Filter.js";
 import { Input as w } from "./Input/Input.js";
 import { Loading as k } from "./Loading/Loading.js";
-import { M as G } from "../Modal-Dpk-1N9W.js";
+import { M as G } from "../Modal-5xSxFoaD.js";
 import { NumberInput as L } from "./NumberInput/NumberInput.js";
 import { PhoneNumberInput as y } from "./PhoneNumberInput/PhoneNumberInput.js";
 import { PieChart as O } from "./PieChart/PieChart.js";

package/dist/index.d.ts

@@ -365,6 +365,7 @@ declare interface ModalProps extends PropsWithChildren, VariantProps<typeof moda
     className?: string;
     container?: Element | DocumentFragment;
     isOpen?: boolean;
+    showCloseButton?: boolean;
     theme?: Theme;
     onClose?: () => void;
 }
@@ -519,19 +520,21 @@ declare type Props = {
 };
 
 declare type Props_2 = InputHTMLAttributes<HTMLInputElement> & {
-    name?: string;
-    label?: string;
-    isRequired?: boolean;
-    wrapperClassName?: string;
     defaultCountryCode?: RegionCode;
-    showNameOnSearch?: boolean;
-    showFlagOnSearch?: boolean;
-    showInputFilter?: boolean;
     disabled?: boolean;
-    labelClassName?: string;
+    error?: string;
     helperText?: string;
     helperTextClassName?: string;
-    error?: string;
+    isRequired?: boolean;
+    label?: string;
+    labelClassName?: string;
+    name?: string;
+    placeholder?: string;
+    showFlagOnSearch?: boolean;
+    showInputFilter?: boolean;
+    showNameOnSearch?: boolean;
+    showPlaceHolder?: boolean;
+    wrapperClassName?: string;
 };
 
 /**

package/dist/index.js

@@ -16,7 +16,7 @@ import { BadgeMultiSelect as k } from "./components/Filter/components/BadgeDropd
 import { DateFilterDropdown as G } from "./components/Filter/components/DateFilterDropdown/DateFilterDropdown.js";
 import { Input as L } from "./components/Input/Input.js";
 import { Loading as y } from "./components/Loading/Loading.js";
-import { M as O } from "./Modal-Dpk-1N9W.js";
+import { M as O } from "./Modal-5xSxFoaD.js";
 import { NumberInput as j } from "./components/NumberInput/NumberInput.js";
 import { PhoneNumberInput as E } from "./components/PhoneNumberInput/PhoneNumberInput.js";
 import { PieChart as J } from "./components/PieChart/PieChart.js";

package/dist/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.28",
+  "version": "0.1.2-alpha.29",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.29",
+  "version": "0.1.2-alpha.30",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/dist/Modal-Dpk-1N9W.js

@@ -1,98 +0,0 @@
-import { Body as b } from "./components/Modal/components/Body/Body.js";
-import { Footer as g } from "./components/Modal/components/Footer/Footer.js";
-import { Header as v } from "./components/Modal/components/Header/Header.js";
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { Children as i, isValidElement as s, useEffect as w } from "react";
-import { createPortal as A } from "react-dom";
-import { R as N } from "./index-DrWQH0QF.js";
-import { R } from "./Combination-VYaRRJBZ.js";
-import { cn as p } from "./utils/index.js";
-import { buttonCloseVariants as k, modalVariants as x } from "./components/Modal/components/Wrapper/Wrapper.variants.js";
-import { X as B } from "./x-DPU9OdYH.js";
-const E = ({
-  children: e,
-  theme: t,
-  className: m,
-  buttonCloseClassName: d,
-  onClose: a
-}) => {
-  const l = i.toArray(e).find(
-    (o) => s(o) && o.type === r.Header
-  ), c = i.toArray(e).find(
-    (o) => s(o) && o.type === r.Body
-  ), y = i.toArray(e).find(
-    (o) => s(o) && o.type === r.Footer
-  ), u = i.toArray(e).filter(
-    (o) => !s(o) || ![r.Header, r.Body, r.Footer].includes(
-      o.type
-    )
-  );
-  return /* @__PURE__ */ n(R, { children: /* @__PURE__ */ f(
-    "div",
-    {
-      className: "fixed inset-0 grid place-content-center",
-      "data-theme": t,
-      children: [
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: "absolute inset-0 bg-black opacity-75 animate-in fade-in-0",
-            onClick: a,
-            role: "presentation"
-          }
-        ),
-        /* @__PURE__ */ f(
-          "div",
-          {
-            className: p(
-              x({
-                className: m
-              })
-            ),
-            role: "dialog",
-            "aria-modal": "true",
-            children: [
-              l,
-              /* @__PURE__ */ f(
-                "button",
-                {
-                  className: p(
-                    k({
-                      className: d
-                    })
-                  ),
-                  onClick: a,
-                  children: [
-                    /* @__PURE__ */ n(B, {}),
-                    /* @__PURE__ */ n(N, { children: "Dismiss modal" })
-                  ]
-                }
-              ),
-              c ?? u,
-              y
-            ]
-          }
-        )
-      ]
-    }
-  ) });
-}, r = ({ isOpen: e, onClose: t, container: m, ...d }) => (w(() => {
-  const a = new AbortController(), l = (c) => {
-    c.code === "Escape" && t?.();
-  };
-  return window.addEventListener("keydown", l, {
-    signal: a.signal
-  }), () => {
-    a.abort();
-  };
-}, [t]), e ? A(
-  /* @__PURE__ */ n(E, { ...d, onClose: t }),
-  m || document.body
-) : null);
-r.Header = v;
-r.Body = b;
-r.Footer = g;
-export {
-  r as M,
-  E as W
-};