@datawire-ai/busyfile-design-library 1.31.0 → 1.31.1

package/dist/index109.js

@@ -1,18 +1,13 @@
-"use client";
 import * as r from "react";
-var t = 0;
-function a() {
-  r.useEffect(() => {
-    const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? n()), document.body.insertAdjacentElement("beforeend", e[1] ?? n()), t++, () => {
-      t === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((o) => o.remove()), t--;
-    };
+function o(t) {
+  const e = r.useRef(t);
+  return r.useEffect(() => {
+    e.current = t;
+  }), r.useMemo(() => (...n) => {
+    var u;
+    return (u = e.current) == null ? void 0 : u.call(e, ...n);
   }, []);
 }
-function n() {
-  const e = document.createElement("span");
-  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
-}
 export {
-  a as useFocusGuards
+  o as useCallbackRef
 };

package/dist/index110.js

@@ -1,138 +1,6 @@
-"use client";
-import * as d from "react";
-import { useComposedRefs as R } from "./index89.js";
-import { Primitive as M } from "./index90.js";
-import { useCallbackRef as y } from "./index92.js";
-import { jsx as _ } from "react/jsx-runtime";
-var F = "focusScope.autoFocusOnMount", T = "focusScope.autoFocusOnUnmount", N = { bubbles: !1, cancelable: !0 }, K = "FocusScope", k = d.forwardRef((e, n) => {
-  const {
-    loop: t = !1,
-    trapped: u = !1,
-    onMountAutoFocus: p,
-    onUnmountAutoFocus: L,
-    ...g
-  } = e, [o, U] = d.useState(null), E = y(p), v = y(L), b = d.useRef(null), A = R(n, (s) => U(s)), a = d.useRef({
-    paused: !1,
-    pause() {
-      this.paused = !0;
-    },
-    resume() {
-      this.paused = !1;
-    }
-  }).current;
-  d.useEffect(() => {
-    if (u) {
-      let s = function(i) {
-        if (a.paused || !o) return;
-        const c = i.target;
-        o.contains(c) ? b.current = c : f(b.current, { select: !0 });
-      }, l = function(i) {
-        if (a.paused || !o) return;
-        const c = i.relatedTarget;
-        c !== null && (o.contains(c) || f(b.current, { select: !0 }));
-      }, r = function(i) {
-        if (document.activeElement === document.body)
-          for (const h of i)
-            h.removedNodes.length > 0 && f(o);
-      };
-      document.addEventListener("focusin", s), document.addEventListener("focusout", l);
-      const m = new MutationObserver(r);
-      return o && m.observe(o, { childList: !0, subtree: !0 }), () => {
-        document.removeEventListener("focusin", s), document.removeEventListener("focusout", l), m.disconnect();
-      };
-    }
-  }, [u, o, a.paused]), d.useEffect(() => {
-    if (o) {
-      S.add(a);
-      const s = document.activeElement;
-      if (!o.contains(s)) {
-        const r = new CustomEvent(F, N);
-        o.addEventListener(F, E), o.dispatchEvent(r), r.defaultPrevented || (w(W(I(o)), { select: !0 }), document.activeElement === s && f(o));
-      }
-      return () => {
-        o.removeEventListener(F, E), setTimeout(() => {
-          const r = new CustomEvent(T, N);
-          o.addEventListener(T, v), o.dispatchEvent(r), r.defaultPrevented || f(s ?? document.body, { select: !0 }), o.removeEventListener(T, v), S.remove(a);
-        }, 0);
-      };
-    }
-  }, [o, E, v, a]);
-  const P = d.useCallback(
-    (s) => {
-      if (!t && !u || a.paused) return;
-      const l = s.key === "Tab" && !s.altKey && !s.ctrlKey && !s.metaKey, r = document.activeElement;
-      if (l && r) {
-        const m = s.currentTarget, [i, c] = x(m);
-        i && c ? !s.shiftKey && r === c ? (s.preventDefault(), t && f(i, { select: !0 })) : s.shiftKey && r === i && (s.preventDefault(), t && f(c, { select: !0 })) : r === m && s.preventDefault();
-      }
-    },
-    [t, u, a.paused]
-  );
-  return /* @__PURE__ */ _(M.div, { tabIndex: -1, ...g, ref: A, onKeyDown: P });
-});
-k.displayName = K;
-function w(e, { select: n = !1 } = {}) {
-  const t = document.activeElement;
-  for (const u of e)
-    if (f(u, { select: n }), document.activeElement !== t) return;
-}
-function x(e) {
-  const n = I(e), t = O(n, e), u = O(n.reverse(), e);
-  return [t, u];
-}
-function I(e) {
-  const n = [], t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: (u) => {
-      const p = u.tagName === "INPUT" && u.type === "hidden";
-      return u.disabled || u.hidden || p ? NodeFilter.FILTER_SKIP : u.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  for (; t.nextNode(); ) n.push(t.currentNode);
-  return n;
-}
-function O(e, n) {
-  for (const t of e)
-    if (!D(t, { upTo: n })) return t;
-}
-function D(e, { upTo: n }) {
-  if (getComputedStyle(e).visibility === "hidden") return !0;
-  for (; e; ) {
-    if (n !== void 0 && e === n) return !1;
-    if (getComputedStyle(e).display === "none") return !0;
-    e = e.parentElement;
-  }
-  return !1;
-}
-function H(e) {
-  return e instanceof HTMLInputElement && "select" in e;
-}
-function f(e, { select: n = !1 } = {}) {
-  if (e && e.focus) {
-    const t = document.activeElement;
-    e.focus({ preventScroll: !0 }), e !== t && H(e) && n && e.select();
-  }
-}
-var S = V();
-function V() {
-  let e = [];
-  return {
-    add(n) {
-      const t = e[0];
-      n !== t && (t == null || t.pause()), e = C(e, n), e.unshift(n);
-    },
-    remove(n) {
-      var t;
-      e = C(e, n), (t = e[0]) == null || t.resume();
-    }
-  };
-}
-function C(e, n) {
-  const t = [...e], u = t.indexOf(n);
-  return u !== -1 && t.splice(u, 1), t;
-}
-function W(e) {
-  return e.filter((n) => n.tagName !== "A");
-}
+import * as t from "react";
+var e = globalThis != null && globalThis.document ? t.useLayoutEffect : () => {
+};
 export {
-  k as FocusScope
+  e as useLayoutEffect
 };

package/dist/index111.js

@@ -1,52 +1,15 @@
-var S = function(r) {
-  if (typeof document > "u")
-    return null;
-  var u = Array.isArray(r) ? r[0] : r;
-  return u.ownerDocument.body;
-}, f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {}, h = 0, W = function(r) {
-  return r && (r.host || W(r.parentNode));
-}, D = function(r, u) {
-  return u.map(function(e) {
-    if (r.contains(e))
-      return e;
-    var n = W(e);
-    return n && r.contains(n) ? n : (console.error("aria-hidden", e, "in not contained inside", r, ". Doing nothing"), null);
-  }).filter(function(e) {
-    return !!e;
-  });
-}, E = function(r, u, e, n) {
-  var i = D(u, Array.isArray(r) ? r : [r]);
-  p[e] || (p[e] = /* @__PURE__ */ new WeakMap());
-  var s = p[e], l = [], o = /* @__PURE__ */ new Set(), b = new Set(i), y = function(t) {
-    !t || o.has(t) || (o.add(t), y(t.parentNode));
-  };
-  i.forEach(y);
-  var A = function(t) {
-    !t || b.has(t) || Array.prototype.forEach.call(t.children, function(a) {
-      if (o.has(a))
-        A(a);
-      else
-        try {
-          var c = a.getAttribute(n), w = c !== null && c !== "false", d = (f.get(a) || 0) + 1, M = (s.get(a) || 0) + 1;
-          f.set(a, d), s.set(a, M), l.push(a), d === 1 && w && v.set(a, !0), M === 1 && a.setAttribute(e, "true"), w || a.setAttribute(n, "true");
-        } catch (k) {
-          console.error("aria-hidden: cannot operate on ", a, k);
-        }
-    });
-  };
-  return A(u), o.clear(), h++, function() {
-    l.forEach(function(t) {
-      var a = f.get(t) - 1, c = s.get(t) - 1;
-      f.set(t, a), s.set(t, c), a || (v.has(t) || t.removeAttribute(n), v.delete(t)), c || t.removeAttribute(e);
-    }), h--, h || (f = /* @__PURE__ */ new WeakMap(), f = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), p = {});
-  };
-}, C = function(r, u, e) {
-  e === void 0 && (e = "data-aria-hidden");
-  var n = Array.from(Array.isArray(r) ? r : [r]), i = S(r);
-  return i ? (n.push.apply(n, Array.from(i.querySelectorAll("[aria-live], script"))), E(n, i, e, "aria-hidden")) : function() {
-    return null;
-  };
-};
+import { s as r } from "./index125.js";
+function s() {
+  return r.useSyncExternalStore(
+    e,
+    () => !0,
+    () => !1
+  );
+}
+function e() {
+  return () => {
+  };
+}
 export {
-  C as hideOthers
+  s as useIsHydrated
 };

package/dist/index112.js

@@ -1,11 +1,6 @@
-import { __assign as m } from "./index129.js";
-import * as r from "react";
-import { RemoveScroll as e } from "./index130.js";
-import t from "./index131.js";
-var s = r.forwardRef(function(a, o) {
-  return r.createElement(e, m({}, a, { ref: o, sideCar: t }));
-});
-s.classNames = e.classNames;
+function m(t, [a, n]) {
+  return Math.min(n, Math.max(a, t));
+}
 export {
-  s as default
+  m as clamp
 };

package/dist/index113.js

@@ -1,17 +1,49 @@
-var m = 1, j = 0.9, k = 0.8, B = 0.17, v = 0.1, w = 0.999, D = 0.9999, G = 0.99, H = /[\\\/_+.#"@\[\(\{&]/, J = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, A = /[\s-]/g;
-function $(t, o, e, i, n, h, u) {
-  if (h === o.length) return n === t.length ? m : G;
-  var s = `${n},${h}`;
-  if (u[s] !== void 0) return u[s];
-  for (var d = i.charAt(h), a = e.indexOf(d, n), l = 0, r, g, c, p; a >= 0; ) r = $(t, o, e, i, a + 1, h + 1, u), r > l && (a === n ? r *= m : H.test(t.charAt(a - 1)) ? (r *= k, c = t.slice(n, a - 1).match(J), c && n > 0 && (r *= Math.pow(w, c.length))) : K.test(t.charAt(a - 1)) ? (r *= j, p = t.slice(n, a - 1).match(A), p && n > 0 && (r *= Math.pow(w, p.length))) : (r *= B, n > 0 && (r *= Math.pow(w, a - n))), t.charAt(a) !== o.charAt(h) && (r *= D)), (r < v && e.charAt(a - 1) === i.charAt(h + 1) || i.charAt(h + 1) === i.charAt(h) && e.charAt(a - 1) !== i.charAt(h)) && (g = $(t, o, e, i, a + 1, h + 2, u), g * v > r && (r = g * v)), r > l && (l = r), a = e.indexOf(d, a + 1);
-  return u[s] = l, l;
-}
-function x(t) {
-  return t.toLowerCase().replace(A, " ");
-}
-function M(t, o, e) {
-  return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
+"use client";
+import r from "react";
+import { createContextScope as y } from "./index90.js";
+import { useComposedRefs as M } from "./index89.js";
+import { createSlot as x } from "./index40.js";
+import { jsx as u } from "react/jsx-runtime";
+function g(s) {
+  const m = s + "CollectionProvider", [A, N] = y(m), [_, f] = A(
+    m,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), p = (c) => {
+    const { scope: e, children: l } = c, o = r.useRef(null), t = r.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ u(_, { scope: e, itemMap: t, collectionRef: o, children: l });
+  };
+  p.displayName = m;
+  const a = s + "CollectionSlot", E = x(a), C = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o } = c, t = f(a, l), n = M(e, t.collectionRef);
+      return /* @__PURE__ */ u(E, { ref: n, children: o });
+    }
+  );
+  C.displayName = a;
+  const d = s + "CollectionItemSlot", R = "data-radix-collection-item", T = x(d), I = r.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o, ...t } = c, n = r.useRef(null), S = M(e, n), i = f(d, l);
+      return r.useEffect(() => (i.itemMap.set(n, { ref: n, ...t }), () => void i.itemMap.delete(n))), /* @__PURE__ */ u(T, { [R]: "", ref: S, children: o });
+    }
+  );
+  I.displayName = d;
+  function O(c) {
+    const e = f(s + "CollectionConsumer", c);
+    return r.useCallback(() => {
+      const o = e.collectionRef.current;
+      if (!o) return [];
+      const t = Array.from(o.querySelectorAll(`[${R}]`));
+      return Array.from(e.itemMap.values()).sort(
+        (i, v) => t.indexOf(i.ref.current) - t.indexOf(v.ref.current)
+      );
+    }, [e.collectionRef, e.itemMap]);
+  }
+  return [
+    { Provider: p, Slot: C, ItemSlot: I },
+    O,
+    N
+  ];
 }
 export {
-  M as a
+  g as createCollection
 };

package/dist/index116.js

@@ -1,23 +1,23 @@
 "use client";
 import * as r from "react";
-import { composeEventHandlers as h } from "./index95.js";
-import { createCollection as $e } from "./index108.js";
+import { composeEventHandlers as h } from "./index91.js";
+import { createCollection as $e } from "./index113.js";
 import { useComposedRefs as N, composeRefs as qe } from "./index89.js";
-import { createContextScope as Je } from "./index91.js";
+import { createContextScope as Je } from "./index90.js";
 import { useDirection as Qe } from "./index98.js";
-import { DismissableLayer as et } from "./index102.js";
-import { useFocusGuards as tt } from "./index109.js";
-import { FocusScope as nt } from "./index110.js";
-import { useId as Me } from "./index103.js";
-import { createPopperScope as ve, Root as Ce, Anchor as ot, Content as rt, Arrow as ct } from "./index104.js";
-import { Portal as at } from "./index105.js";
-import { Presence as W } from "./index101.js";
-import { Primitive as F, dispatchDiscreteCustomEvent as st } from "./index90.js";
-import { createRovingFocusGroupScope as ge, Item as ut, Root as it } from "./index96.js";
+import { DismissableLayer as et } from "./index100.js";
+import { useFocusGuards as tt } from "./index103.js";
+import { FocusScope as nt } from "./index101.js";
+import { useId as Me } from "./index99.js";
+import { createPopperScope as ve, Root as Ce, Anchor as ot, Content as rt, Arrow as ct } from "./index106.js";
+import { Portal as at } from "./index102.js";
+import { Presence as W } from "./index95.js";
+import { Primitive as F, dispatchDiscreteCustomEvent as st } from "./index96.js";
+import { createRovingFocusGroupScope as ge, Item as ut, Root as it } from "./index97.js";
 import { createSlot as lt } from "./index40.js";
-import { useCallbackRef as ee } from "./index92.js";
-import { hideOthers as dt } from "./index111.js";
-import ft from "./index112.js";
+import { useCallbackRef as ee } from "./index109.js";
+import { hideOthers as dt } from "./index105.js";
+import ft from "./index104.js";
 import { jsx as u } from "react/jsx-runtime";
 var Q = ["Enter", " "], mt = ["ArrowDown", "PageUp", "Home"], _e = ["ArrowUp", "PageDown", "End"], pt = [...mt, ..._e], Mt = {
   ltr: [...Q, "ArrowRight"],

package/dist/index12.js

@@ -1,109 +1,174 @@
-import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import { useState as B, useMemo as M, useEffect as V } from "react";
-import { InputWithLabel as H } from "./index53.js";
-import { Select as L, SelectTrigger as q, SelectContent as z, SelectItem as F } from "./index33.js";
-import { cn as G } from "./index37.js";
-const Z = ({
-  label: x = "Phone number",
-  helperText: C,
-  errorText: U,
-  size: N = "medium",
-  disabled: I,
-  labelClassName: k,
-  country: T,
-  onCountryChange: $,
-  countryOptions: d,
-  showDialCode: m = !0,
-  className: y,
-  onValidityChange: o,
-  includeDialCodeInValue: f = !0,
-  ...t
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { useState as X, useMemo as x, useEffect as Y } from "react";
+import { InputWithLabel as Z } from "./index53.js";
+import { Select as G, SelectTrigger as J, SelectContent as O, SelectItem as Q } from "./index33.js";
+import { cn as P } from "./index37.js";
+const N = "US", $ = "+1";
+function A(n) {
+  return n.replace(/\D/g, "");
+}
+function k(n) {
+  const l = (n ?? "").trim();
+  if (l.length === 0) return "Phone number is required";
+  const e = A(l);
+  if (l.startsWith("+")) {
+    if (e.length !== 11)
+      return "Phone number must have 11 digits including country code";
+    const o = e.slice(1), u = o.slice(0, 3), d = o.slice(3, 6);
+    return u[0] === "0" || u[0] === "1" ? "Invalid area code" : d[0] === "0" || d[0] === "1" ? "Invalid exchange code" : null;
+  }
+  return e.length !== 11 ? "Use format: +1 (XXX) XXX XXXX" : null;
+}
+function K(n) {
+  const l = (n ?? "").trim();
+  let e = A(l);
+  return l.startsWith("+") && e.startsWith("1") && (e = e.slice(1)), e.length >= 11 && e.startsWith("1") && (e = e.slice(1)), e.length > 10 && (e = e.slice(0, 10)), e;
+}
+function p(n) {
+  const l = n.slice(0, 10), e = l.slice(0, 3), c = l.slice(3, 6), o = l.slice(6, 10);
+  return l.length === 0 ? "" : l.length < 4 ? `(${e}` : l.length < 7 ? `(${e}) ${c}` : `(${e}) ${c}-${o}`;
+}
+function T(n, l) {
+  return n ? l ? `${$}${n}` : n : "";
+}
+function W(n) {
+  const l = typeof n == "string" ? n : Array.isArray(n) ? n.join("") : String(n ?? "");
+  return K(l);
+}
+function ee(n) {
+  const { key: l, ctrlKey: e, metaKey: c } = n;
+  return e || c || [
+    "Backspace",
+    "Delete",
+    "ArrowLeft",
+    "ArrowRight",
+    "ArrowUp",
+    "ArrowDown",
+    "Tab",
+    "Home",
+    "End",
+    "Enter"
+  ].includes(l) ? !0 : /^\d$/.test(l);
+}
+const se = ({
+  label: n = "Phone number",
+  helperText: l,
+  errorText: e,
+  size: c = "medium",
+  disabled: o,
+  labelClassName: u,
+  onCountryChange: d,
+  countryOptions: f,
+  showDialCode: S = !0,
+  className: L,
+  onValidityChange: h,
+  includeDialCodeInValue: V = !0,
+  requiredOnBlur: j = !1,
+  errorClassName: B,
+  ...r
 }) => {
-  const [g, h] = B(!1), c = T || "US", a = M(
-    () => d.find((e) => e.value === c) ?? {
-      value: "US",
-      label: "US",
-      dialCode: "+1"
+  const [w, D] = X(!1), g = N, i = x(
+    () => f.find((t) => t.value === g) ?? {
+      value: N,
+      label: N,
+      dialCode: $
     },
-    [d, c]
-  ), v = (e) => {
-    const r = (typeof e == "string" ? e : Array.isArray(e) ? e.join("") : String(e ?? "")).replace(/\D/g, "");
-    return r.length === 11 && r.startsWith("1") ? !0 : r.length === 10;
-  }, b = (e) => {
-    const l = (a == null ? void 0 : a.dialCode) ?? "";
-    if (!l) return e;
-    const r = e.replace(/\D/g, ""), i = l.replace(/\D/g, "");
-    return r.startsWith(i) ? `+${r}` : `${l}${r}`.replace(/^\+?/, "+");
-  }, S = t.value ?? "";
-  V(() => {
-    if (!o) return;
-    const e = c === "US" ? v(S) : !0;
-    o(e);
-  }, [c, S, o]);
-  const D = /* @__PURE__ */ u(
-    L,
+    [f, g]
+  ), y = r.value !== void 0, E = r.value ?? "", R = x(
+    () => W(E),
+    [E]
+  ), [q, H] = X(
+    () => W(
+      r.defaultValue ?? ""
+    )
+  ), m = y ? R : q, M = x(
+    () => p(m),
+    [m]
+  ), b = T(m, !0), _ = w ? k(b) : null, z = (j && w && m.length === 0 ? "Phone number is required" : _) ?? e;
+  Y(() => {
+    h && h(k(b) === null);
+  }, [b, h]);
+  const C = /* @__PURE__ */ v(
+    G,
     {
-      value: c,
-      onValueChange: $,
+      value: g,
+      onValueChange: (t) => d == null ? void 0 : d(t),
       disabled: !0,
       children: [
-        /* @__PURE__ */ n(
-          q,
+        /* @__PURE__ */ s(
+          J,
           {
-            className: G(
+            className: P(
               "border-0 bg-transparent px-0 py-0 h-auto shadow-none focus-visible:ring-0 focus-visible:border-0 text-neutral-black-1",
               "min-w-14"
             ),
-            children: /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
-              (a == null ? void 0 : a.flag) && /* @__PURE__ */ n("span", { className: "flex-shrink-0", children: a.flag }),
-              /* @__PURE__ */ n("span", { className: "text-sm text-neutral-black-1", children: (a == null ? void 0 : a.label) ?? c })
+            children: /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+              (i == null ? void 0 : i.flag) && /* @__PURE__ */ s("span", { className: "flex-shrink-0", children: i.flag }),
+              /* @__PURE__ */ s("span", { className: "text-sm text-neutral-black-1", children: (i == null ? void 0 : i.label) ?? "US" }),
+              S && /* @__PURE__ */ s("span", { className: "text-sm text-neutral-black-3", children: (i == null ? void 0 : i.dialCode) ?? "+1" })
             ] })
           }
         ),
-        /* @__PURE__ */ n(z, { className: "bg-white border border-neutral-black-4", children: d.map((e) => /* @__PURE__ */ n(F, { value: e.value, disabled: e.disabled, children: /* @__PURE__ */ u("span", { className: "flex items-center gap-2", children: [
-          e.flag,
-          /* @__PURE__ */ n("span", { children: e.label }),
-          m && /* @__PURE__ */ n("span", { className: "text-neutral-black-3 ml-1", children: e.dialCode })
-        ] }) }, e.value)) })
+        /* @__PURE__ */ s(O, { className: "bg-white border border-neutral-black-4", children: f.map((t) => /* @__PURE__ */ s(Q, { value: t.value, disabled: t.disabled, children: /* @__PURE__ */ v("span", { className: "flex items-center gap-2", children: [
+          t.flag,
+          /* @__PURE__ */ s("span", { children: t.label }),
+          S && /* @__PURE__ */ s("span", { className: "text-neutral-black-3 ml-1", children: t.dialCode })
+        ] }) }, t.value)) })
       ]
     }
-  ), E = m && (a != null && a.dialCode) ? `${a.dialCode} ` : "", s = t.value, j = c === "US" && g && !!s && !v(s) ? "Enter a valid number" : U, W = f && typeof s == "string" ? b(s) : s;
-  return /* @__PURE__ */ n(
-    H,
+  );
+  return /* @__PURE__ */ s(
+    Z,
     {
-      label: x,
-      helperText: C,
-      errorText: j,
-      size: N,
-      disabled: I,
-      labelClassName: k,
-      startSlot: D,
-      className: y,
+      ...r,
+      label: n,
+      helperText: l,
+      errorText: z,
+      size: c,
+      disabled: o,
+      labelClassName: u,
+      startSlot: C,
+      errorClassName: B,
+      className: L,
       inputMode: "tel",
       type: "tel",
-      placeholder: t.placeholder ?? `${E}(234) 567 8900`,
-      value: W,
-      onBlur: (e) => {
-        var l;
-        h(!0), (l = t.onBlur) == null || l.call(t, e);
+      placeholder: r.placeholder ?? "(234) 567-8900",
+      value: M,
+      maxLength: 15,
+      onKeyDown: (t) => {
+        var a;
+        ee(t) || t.preventDefault(), (a = r.onKeyDown) == null || a.call(r, t);
+      },
+      onPaste: (t) => {
+        var a;
+        (a = r.onPaste) == null || a.call(r, t);
       },
-      onChange: (e) => {
-        var l, r;
-        if (g || h(!0), f) {
-          const i = b(e.target.value), A = {
-            ...e,
-            target: { ...e.target, value: i },
-            currentTarget: { ...e.currentTarget, value: i }
-          };
-          (l = t.onChange) == null || l.call(t, A);
-        } else
-          (r = t.onChange) == null || r.call(t, e);
+      onBlur: (t) => {
+        var a;
+        D(!0), (a = r.onBlur) == null || a.call(r, t);
       },
-      ...t
+      onChange: (t) => {
+        var U;
+        D(!0);
+        const a = K(t.target.value);
+        y || H(a);
+        const I = T(
+          a,
+          V
+        ), F = {
+          ...t,
+          target: { ...t.target, value: I },
+          currentTarget: { ...t.currentTarget, value: I }
+        };
+        (U = r.onChange) == null || U.call(
+          r,
+          F
+        );
+      }
     }
   );
 };
 export {
-  Z as PhoneInput,
-  Z as default
+  se as PhoneInput,
+  se as default
 };

package/dist/index121.js

@@ -1,8 +1,14 @@
-import { __module as r } from "./index126.js";
-import { __require as e } from "./index127.js";
-import { __require as o } from "./index128.js";
-process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
-var m = r.exports;
+import * as r from "react";
+import { useCallbackRef as s } from "./index109.js";
+function p(n, e = globalThis == null ? void 0 : globalThis.document) {
+  const t = s(n);
+  r.useEffect(() => {
+    const o = (a) => {
+      a.key === "Escape" && t(a);
+    };
+    return e.addEventListener("keydown", o, { capture: !0 }), () => e.removeEventListener("keydown", o, { capture: !0 });
+  }, [t, e]);
+}
 export {
-  m as s
+  p as useEscapeKeydown
 };