@konstructio/ui 0.1.2-alpha.99 → 0.1.3

package/dist/components/MultiSelectDropdown/contexts/MultiSelectDropdown.provider.js

@@ -1,107 +1,110 @@
-import { useToggle as V } from "../../../hooks/useToggle.js";
-import { MultiSelectDropdownContext as k } from "./MultiSelectDropdown.context.js";
-import { useCallback as f, useEffect as O, useRef as C, useState as R } from "react";
-import { jsx as E } from "react/jsx-runtime";
-var q = ({ children: g, defaultOptions: r = [], multiselect: c = !0, value: S, onChange: m, onBlur: u, name: h, isLoading: x, noOptionsText: b }) => {
-  const o = C(null), [v, I] = V(!1), [j, l] = R(r), [i, w] = R([]), d = S !== void 0;
-  O(() => {
-    if (!d) {
-      const t = new Set(i.map((e) => e.id));
-      l(c ? r.filter((e) => !t.has(e.id)) : r.map((e) => ({
+import { useToggle as k } from "../../../hooks/useToggle.js";
+import { MultiSelectDropdownContext as C } from "./MultiSelectDropdown.context.js";
+import { useCallback as S, useEffect as R, useRef as E, useState as g } from "react";
+import { jsx as J } from "react/jsx-runtime";
+var z = ({ children: x, defaultOptions: r = [], multiselect: i = !0, value: f, onChange: m, onBlur: w, name: h, isLoading: b, noOptionsText: j, loadingText: y }) => {
+  const d = E(null), [u, I] = k(!1), [D, p] = g(r), [c, v] = g([]), o = f !== void 0;
+  R(() => {
+    if (!o) {
+      const n = new Set(c.map((e) => e.id));
+      p(i ? r.filter((e) => !n.has(e.id)) : r.map((e) => ({
         ...e,
-        isSelected: t.has(e.id)
+        isSelected: n.has(e.id)
       })));
     }
   }, [
     r,
-    c,
-    d,
-    i
-  ]), O(() => {
-    if (d) {
-      const t = S || [];
-      w(t);
-      const e = new Set(t.map((s) => s.id));
-      l(c ? r.filter((s) => !e.has(s.id)) : r.map((s) => ({
+    i,
+    o,
+    c
+  ]), R(() => {
+    if (o) {
+      const n = f || [];
+      v(n);
+      const e = new Set(n.map((s) => s.id));
+      p(i ? r.filter((s) => !e.has(s.id)) : r.map((s) => ({
         ...s,
         isSelected: e.has(s.id)
       })));
     }
   }, [
-    S,
-    d,
+    f,
+    o,
     r,
-    c
+    i
   ]);
-  const a = f((t) => {
-    const e = t.map(({ id: n, value: M, label: P }) => ({
-      id: n,
-      value: M ?? P
+  const l = S((n) => {
+    const e = n.map(({ id: t, value: O, label: V }) => ({
+      id: t,
+      value: O ?? V
     })), s = JSON.stringify(e);
-    o.current && (o.current.value = s), m && m({ target: {
-      value: t,
+    d.current && (d.current.value = s), m && m({ target: {
+      value: n,
       name: h ?? ""
     } });
-  }, [m, h]), p = f((t) => {
-    const e = v;
-    I(t), e && t === !1 && u && o.current && u({
-      target: o.current,
+  }, [m, h]), a = S((n) => {
+    const e = u;
+    I(n), e && n === !1 && w && d.current && w({
+      target: d.current,
       type: "blur"
     });
   }, [
-    v,
-    I,
     u,
-    o
-  ]), y = f((t) => {
-    if (d) {
-      a([...c ? i : [], t]), p(!1);
+    I,
+    w,
+    d
+  ]), M = S((n) => {
+    if (o) {
+      const t = [...i ? c : [], n];
+      l(t), a(!1);
       return;
     }
-    const e = [...c ? i : [], t];
-    w(e);
-    const s = e.map((n) => n.id);
-    l(() => c ? r.filter((n) => !s.includes(n.id)) : r.map((n) => ({
-      ...n,
-      isSelected: s.includes(n.id)
-    }))), a(e), p(!1);
+    const e = [...i ? c : [], n];
+    v(e);
+    const s = e.map((t) => t.id);
+    p(() => i ? r.filter((t) => !s.includes(t.id)) : r.map((t) => ({
+      ...t,
+      isSelected: s.includes(t.id)
+    }))), l(e), a(!1);
   }, [
     r,
-    a,
-    c,
+    l,
     i,
-    p,
-    d
-  ]), D = f((t) => {
-    if (d) {
-      a(i.filter((n) => n.id !== t.id));
+    c,
+    a,
+    o
+  ]), P = S((n) => {
+    if (o) {
+      const t = c.filter((O) => O.id !== n.id);
+      l(t);
       return;
     }
-    const e = i.filter((n) => n.id !== t.id);
-    w(e);
-    const s = e.map((n) => n.id);
-    l(() => r.filter((n) => !s.includes(n.id))), a(e);
+    const e = c.filter((t) => t.id !== n.id);
+    v(e);
+    const s = e.map((t) => t.id);
+    p(() => r.filter((t) => !s.includes(t.id))), l(e);
   }, [
     r,
-    a,
-    i,
-    d
+    l,
+    c,
+    o
   ]);
-  return /* @__PURE__ */ E(k.Provider, {
+  return /* @__PURE__ */ J(C.Provider, {
     value: {
-      options: j,
-      selectedOptions: i,
-      isOpen: v,
-      inputRef: o,
-      onSelectOption: y,
-      onRemoveOption: D,
-      onOpen: p,
-      isLoading: x,
-      noOptionsText: b
+      options: D,
+      selectedOptions: c,
+      isOpen: u,
+      inputRef: d,
+      onSelectOption: M,
+      onRemoveOption: P,
+      onOpen: a,
+      isLoading: b,
+      noOptionsText: j,
+      loadingText: y
     },
-    children: g
+    children: x
   });
 };
 export {
-  q as MultiSelectDropdownProvider
+  z as MultiSelectDropdownProvider
 };

package/dist/components/MultiSelectDropdown/hooks/useMultiSelectDropdown.js

@@ -1,23 +1,24 @@
-import { useMultiSelectDropdown as s } from "../contexts/MultiSelectDropdown.hook.js";
-import { useCallback as a, useEffect as u, useRef as c } from "react";
-var f = () => {
-  const n = c(null), { onOpen: e } = s();
-  return u(() => {
-    const t = new AbortController(), r = (o) => {
-      o.key === "Escape" && e(!1);
-    }, l = (o) => {
-      n.current?.contains(o.target) || e(!1);
+import { useClickOutside as s } from "../../../hooks/useClickOutside.js";
+import { useMultiSelectDropdown as a } from "../contexts/MultiSelectDropdown.hook.js";
+import { useCallback as u, useEffect as c, useRef as d } from "react";
+var w = () => {
+  const o = d(null), { onOpen: e } = a(), n = u(() => {
+    e(!1);
+  }, [e]);
+  return s(o, n), c(() => {
+    const t = new AbortController(), r = (l) => {
+      l.key === "Escape" && e(!1);
     };
-    return document.addEventListener("keydown", r, { signal: t.signal }), document.addEventListener("mousedown", l, { signal: t.signal }), () => {
+    return document.addEventListener("keydown", r, { signal: t.signal }), () => {
       t.abort();
     };
-  }, [e, n]), {
-    wrapperRef: n,
-    handleOpen: a((t) => {
+  }, [e]), {
+    wrapperRef: o,
+    handleOpen: (t) => {
       t.target?.closest("[data-value]") || e(!0);
-    }, [e])
+    }
   };
 };
 export {
-  f as useMultiSelectDropdown
+  w as useMultiSelectDropdown
 };

package/dist/components/OtpInput/OtpInput.js

@@ -0,0 +1,103 @@
+import { t as I } from "../../utils-DnIJruo0.js";
+import { Typography as $ } from "../Typography/Typography.js";
+import { useEffect as z, useId as B, useRef as S, useState as T } from "react";
+import { jsx as f, jsxs as w } from "react/jsx-runtime";
+var x = (c, u) => Array.from({ length: u }, (y, p) => c?.[p] ?? ""), _ = ({ autoFocus: c = !1, className: u, defaultValue: y, digitLabel: p = (l) => `Digit ${l}`, disabled: h = !1, error: m, inputClassName: N, label: j, length: a = 6, name: v, theme: A, value: D, onChange: C, onComplete: E }) => {
+  const l = `${B()}-error`, g = S([]), [K, M] = T(() => x(y, a)), o = D !== void 0 ? x(D, a) : K, s = typeof m == "string" && m.length > 0;
+  z(() => {
+    if (c) {
+      const e = o.findIndex((t) => t === "");
+      g.current[e === -1 ? a - 1 : e]?.focus();
+    }
+  }, [c]);
+  const n = (e) => {
+    const t = g.current[Math.min(Math.max(e, 0), a - 1)];
+    t?.focus(), t?.select();
+  }, b = (e) => {
+    M(e);
+    const t = e.join("");
+    C?.(t), e.every((r) => r !== "") && E?.(t);
+  }, k = (e, t) => {
+    const r = e.replace(/\D/g, "");
+    if (!r) return;
+    const i = [...o];
+    let d = t;
+    for (const P of r) {
+      if (d >= a) break;
+      i[d] = P, d += 1;
+    }
+    b(i), n(d);
+  }, R = (e, t) => {
+    const r = t.target.value.replace(/\D/g, "");
+    if (r.length > 1) {
+      k(r, e);
+      return;
+    }
+    const i = [...o];
+    i[e] = r, b(i), r && e < a - 1 && n(e + 1);
+  }, L = (e, t) => {
+    if (t.key === "Backspace" && !o[e] && e > 0) {
+      t.preventDefault();
+      const r = [...o];
+      r[e - 1] = "", b(r), n(e - 1);
+      return;
+    }
+    if (t.key === "ArrowLeft") {
+      t.preventDefault(), n(e - 1);
+      return;
+    }
+    t.key === "ArrowRight" && (t.preventDefault(), n(e + 1));
+  }, O = (e, t) => {
+    const r = t.clipboardData.getData("text");
+    r && (t.preventDefault(), k(r, e));
+  };
+  return /* @__PURE__ */ w("div", {
+    className: "flex flex-col gap-2",
+    "data-theme": A,
+    children: [/* @__PURE__ */ w("fieldset", {
+      className: I("flex gap-3 border-0 p-0", u),
+      "aria-describedby": s ? l : void 0,
+      "aria-invalid": s || void 0,
+      disabled: h,
+      children: [
+        /* @__PURE__ */ f("legend", {
+          className: "sr-only",
+          children: j
+        }),
+        o.map((e, t) => /* @__PURE__ */ f("input", {
+          ref: (r) => {
+            g.current[t] = r;
+          },
+          type: "text",
+          inputMode: "numeric",
+          autoComplete: t === 0 ? "one-time-code" : "off",
+          maxLength: t === 0 ? a : 1,
+          value: e,
+          disabled: h,
+          "aria-label": p(t + 1),
+          "aria-invalid": s || void 0,
+          className: I("tap-target size-10 rounded border bg-white text-center text-base text-slate-800 transition-all", "focus-visible:border-transparent focus-visible:outline-none focus-visible:ring-1", "disabled:cursor-not-allowed disabled:bg-gray-100", "dark:bg-metal-800 dark:text-metal-50 dark:disabled:bg-metal-900", s ? "border-red-600 focus-visible:ring-red-600 dark:border-red-500" : "border-gray-200 focus-visible:ring-aurora-500 dark:border-metal-700", N),
+          onChange: (r) => R(t, r),
+          onKeyDown: (r) => L(t, r),
+          onPaste: (r) => O(t, r),
+          onFocus: (r) => r.target.select()
+        }, t)),
+        v ? /* @__PURE__ */ f("input", {
+          type: "hidden",
+          name: v,
+          value: o.join("")
+        }) : null
+      ]
+    }), s ? /* @__PURE__ */ f($, {
+      component: "span",
+      id: l,
+      role: "alert",
+      className: "text-xs tracking-normal text-red-700 dark:text-red-400",
+      children: m
+    }) : null]
+  });
+};
+_.displayName = "KonstructOtpInput";
+export {
+  _ as OtpInput
+};

package/dist/components/PasswordRules/PasswordRules.js

@@ -0,0 +1,51 @@
+import { CheckAltIcon as x } from "../../assets/icons/components/CheckAlt.js";
+import { t as s } from "../../utils-DnIJruo0.js";
+import { Typography as i } from "../Typography/Typography.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+var u = ({ className: r, metLabel: c = "met", pendingLabel: o = "pending", rules: m, theme: d, title: n, value: p }) => /* @__PURE__ */ l("div", {
+  "aria-live": "polite",
+  "data-theme": d,
+  className: s("flex flex-col gap-1", r),
+  children: [n ? /* @__PURE__ */ e(i, {
+    variant: "body3",
+    component: "p",
+    className: "text-slate-700 dark:text-metal-200",
+    children: n
+  }) : null, /* @__PURE__ */ e("ul", {
+    className: "m-0 flex list-none flex-col gap-1 p-0",
+    children: m.map((t) => {
+      const a = t.test(p);
+      return /* @__PURE__ */ l("li", {
+        "data-met": a,
+        className: "flex items-center gap-3",
+        children: [
+          /* @__PURE__ */ l("span", {
+            className: "relative inline-flex size-4 items-center justify-center",
+            children: [/* @__PURE__ */ e("span", {
+              "aria-hidden": "true",
+              className: s("absolute inset-0 inline-flex items-center justify-center leading-none text-slate-500 transition-all duration-200 ease-out dark:text-metal-400", a ? "scale-75 opacity-0" : "scale-100 opacity-100"),
+              children: "•"
+            }), /* @__PURE__ */ e(x, {
+              "aria-hidden": "true",
+              className: s("absolute inset-0 size-4 text-green-600 transition-all duration-200 ease-out dark:text-green-400", a ? "scale-100 opacity-100" : "scale-75 opacity-0")
+            })]
+          }),
+          /* @__PURE__ */ e(i, {
+            variant: "body3",
+            component: "span",
+            className: "text-slate-700 dark:text-metal-200",
+            children: t.label
+          }),
+          /* @__PURE__ */ e("span", {
+            className: "sr-only",
+            children: a ? c : o
+          })
+        ]
+      }, t.id);
+    })
+  })]
+});
+u.displayName = "KonstructPasswordRules";
+export {
+  u as PasswordRules
+};

package/dist/components/PhoneNumberInput/PhoneNumberInput.js

@@ -1,14 +1,43 @@
-import { t as p } from "../../phone-number.provider-D3j9sszx.js";
-import { t } from "../../Wrapper-w8u2Zn4M.js";
-import { forwardRef as f } from "react";
-import { jsx as r } from "react/jsx-runtime";
-var h = f(({ defaultCountryCode: o = "US", ...m }, e) => /* @__PURE__ */ r(p, {
-  defaultCountryCode: o,
-  children: /* @__PURE__ */ r(t, {
-    ref: e,
-    ...m
+import { Typography as t } from "../Typography/Typography.js";
+import { t as c } from "../../utils-DnIJruo0.js";
+import { labelVariants as p, phoneNumberInputVariants as d } from "./PhoneNumberInput.variants.js";
+import { Suspense as u, forwardRef as h, lazy as f } from "react";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+var N = f(() => import("./components/PhoneNumberInputContent.js").then((a) => ({ default: a.PhoneNumberInputContent }))), v = ({ error: a, isRequired: r, label: n, labelClassName: s, labelWrapperClassName: m, wrapperClassName: o }) => {
+  const i = typeof a == "string" && a.length > 0;
+  return /* @__PURE__ */ l("div", {
+    className: "w-full flex flex-col gap-2",
+    "aria-busy": "true",
+    children: [n ? /* @__PURE__ */ e("div", {
+      className: c(m),
+      children: /* @__PURE__ */ l(t, {
+        component: "span",
+        className: p({ className: s }),
+        children: [n, r && /* @__PURE__ */ e(t, {
+          component: "span",
+          "aria-hidden": "true",
+          className: "text-red-600 dark:text-red-500 ml-1",
+          children: "*"
+        })]
+      })
+    }) : null, /* @__PURE__ */ e("div", {
+      className: d({
+        className: o,
+        variant: i ? "error" : "default"
+      }),
+      children: /* @__PURE__ */ e("div", {
+        className: "p-2 flex items-center gap-2.5",
+        children: /* @__PURE__ */ e("div", { className: "h-6 w-full" })
+      })
+    })]
+  });
+}, P = h((a, r) => /* @__PURE__ */ e(u, {
+  fallback: /* @__PURE__ */ e(v, { ...a }),
+  children: /* @__PURE__ */ e(N, {
+    ref: r,
+    ...a
   })
 }));
 export {
-  h as PhoneNumberInput
+  P as PhoneNumberInput
 };

package/dist/components/PhoneNumberInput/PhoneNumberInput.variants.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../dist-Bcn6lMQe.js";
+import { t as r } from "../../dist-B9GE4SXf.js";
 var e = r([
   "text-sm",
   "relative",

package/dist/components/PhoneNumberInput/components/FlagContent/FlagContent.js

@@ -1,15 +1,17 @@
-import { t as n } from "../../../../utils-COaoD3PI.js";
-import { t as s } from "../../../../chevron-up-BKlxfVX9.js";
+import { t as n } from "../../../../chevron-up-B8hiVgxZ.js";
+import { t as s } from "../../../../utils-DnIJruo0.js";
 import { usePhoneNumberContext as l } from "../../contexts/phone-number.hook.js";
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as a, jsxs as c } from "react/jsx-runtime";
 var u = () => {
-  const { selectedCountry: o, isOpenSelector: t, handleOpenSelector: a } = l(), { flag: r } = o;
+  const { selectedCountry: e, isOpenSelector: t, handleOpenSelector: o } = l(), { flag: r } = e;
   return /* @__PURE__ */ c("button", {
     type: "button",
+    "aria-label": `Select country, ${e.name}`,
+    "aria-expanded": t,
     className: "flex items-center gap-2 cursor-pointer",
-    onClick: () => a(!t),
-    children: [/* @__PURE__ */ e(r, {}), /* @__PURE__ */ e(s, {
-      className: n("transition-all", "duration-100", "data-[state=open]:rotate-0", "data-[state=closed]:rotate-180", "w-5", "h-5", "text-slate-400"),
+    onClick: () => o(!t),
+    children: [/* @__PURE__ */ a(r, {}), /* @__PURE__ */ a(n, {
+      className: s("transition-all", "duration-100", "data-[state=open]:rotate-0", "data-[state=closed]:rotate-180", "w-5", "h-5", "text-slate-400"),
       "data-state": t ? "open" : "closed"
     })]
   });

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

@@ -1,4 +1,4 @@
-import { t as o } from "../../../../FlagSelectorList-NMlHNF7N.js";
+import { t as o } from "../../../../FlagSelectorList-PTBEUWVJ.js";
 export {
   o as FlagSelectorList
 };

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

@@ -1,28 +1,28 @@
-import { t as n } from "../../../../Input-BZG7N8m1.js";
-import { t as d } from "../../../../utils-COaoD3PI.js";
-import { t as p } from "../../../../FlagSelectorList-NMlHNF7N.js";
+import { t as i } from "../../../../Input-C1Js3pbF.js";
 import { usePhoneNumberContext as c } from "../../contexts/phone-number.hook.js";
-import { useCallback as u } from "react";
+import { t as d } from "../../../../FlagSelectorList-PTBEUWVJ.js";
+import { t as p } from "../../../../utils-DnIJruo0.js";
 import { jsx as r, jsxs as h } from "react/jsx-runtime";
-var C = ({ placeholder: e = "Search", showFlagOnSearch: o, showInputFilter: a, showNameOnSearch: t, showPlaceHolder: m = !0 }) => {
-  const { onChangeTermOfSearch: l } = c(), s = u((i) => {
-    l(i.target.value);
-  }, []);
+var v = ({ placeholder: e = "Search", showFlagOnSearch: a, showInputFilter: o, showNameOnSearch: t, showPlaceHolder: m = !0 }) => {
+  const { onChangeTermOfSearch: l } = c(), n = (s) => {
+    l(s.target.value);
+  };
   return /* @__PURE__ */ h("div", {
-    className: d("absolute", "top-full", "mt-1.5", "animate-in", "fade-in-0", "zoom-in-95", "w-full", "border", "border-gray-100", "bg-white", "shadow-sm", "py-2", "z-10", "rounded-sm", "dark:bg-metal-800", "dark:border-metal-700"),
-    children: [a && /* @__PURE__ */ r("div", {
+    className: p("absolute", "top-full", "mt-1.5", "animate-in", "fade-in-0", "zoom-in-95", "w-full", "border", "border-gray-100", "bg-white", "shadow-sm", "py-2", "z-10", "rounded-sm", "dark:bg-metal-800", "dark:border-metal-700"),
+    children: [o && /* @__PURE__ */ r("div", {
       className: "px-6 py-2.5",
-      children: /* @__PURE__ */ r(n, {
+      children: /* @__PURE__ */ r(i, {
         isSearch: !0,
+        "aria-label": "Search country",
         placeholder: m ? e : void 0,
-        onChange: s
+        onChange: n
       })
-    }), /* @__PURE__ */ r(p, {
-      showFlagOnSearch: o,
+    }), /* @__PURE__ */ r(d, {
+      showFlagOnSearch: a,
       showNameOnSearch: t
     })]
   });
 };
 export {
-  C as FlagSelectorWrapper
+  v as FlagSelectorWrapper
 };

package/dist/components/PhoneNumberInput/components/PhoneNumberInputContent.js

@@ -0,0 +1,15 @@
+import { t as m } from "../../../phone-number.provider-CJeivoDY.js";
+import { t as n } from "../../../Wrapper-CTd3eiq3.js";
+import { forwardRef as p } from "react";
+import { jsx as r } from "react/jsx-runtime";
+var a = p(({ defaultCountryCode: o = "US", ...e }, t) => /* @__PURE__ */ r(m, {
+  defaultCountryCode: o,
+  children: /* @__PURE__ */ r(n, {
+    ref: t,
+    ...e
+  })
+}));
+a.displayName = "PhoneNumberInputContent";
+export {
+  a as PhoneNumberInputContent
+};

package/dist/components/PhoneNumberInput/components/TruncateText/TruncateText.js

@@ -1,31 +1,31 @@
-import { o as f } from "../../../../chunk-cI0lbGMq.js";
-import { a as u, i as b, n as m, o as p } from "../../../../dist-BeLV4B_x.js";
-import { t as h } from "../../../../debounce-B55BpO1u.js";
-import { useCallback as w, useEffect as i, useRef as g, useState as v } from "react";
+import { o as f } from "../../../../rolldown-runtime-B28h4lGi.js";
+import { a as u, o as b, r as m, t as p } from "../../../../dist-DsOk4psA.js";
+import { t as h } from "../../../../debounce-DhCY9mXz.js";
+import { useCallback as T, useEffect as i, useRef as w, useState as g } from "react";
 import { jsx as s, jsxs as a } from "react/jsx-runtime";
-var k = /* @__PURE__ */ f(h(), 1), N = ({ text: r, prefix: n }) => {
-  const o = g(null), [c, d] = v(!1), t = w(() => {
-    const e = o.current;
+var v = /* @__PURE__ */ f(h(), 1), R = ({ text: r, prefix: o }) => {
+  const n = w(null), [c, d] = g(!1), t = T(() => {
+    const e = n.current;
     e && d(e.scrollWidth > e.clientWidth);
   }, []);
   return i(() => {
-    const e = new AbortController(), l = (0, k.default)(t, 300);
+    const e = new AbortController(), l = (0, v.default)(t, 300);
     return window.addEventListener("resize", l, { signal: e.signal }), () => {
       e.abort(), l.cancel();
     };
   }, [t]), i(() => {
     t();
-  }, [r, t]), c ? /* @__PURE__ */ s(b, {
+  }, [r, t]), c ? /* @__PURE__ */ s(u, {
     delayDuration: 0,
-    children: /* @__PURE__ */ a(u, { children: [/* @__PURE__ */ s(p, {
+    children: /* @__PURE__ */ a(p, { children: [/* @__PURE__ */ s(b, {
       asChild: !0,
       children: /* @__PURE__ */ a("span", {
-        ref: o,
+        ref: n,
         className: "w-full truncate cursor-pointer",
         children: [
           r,
           " ",
-          n
+          o
         ]
       })
     }), /* @__PURE__ */ a(m, {
@@ -35,18 +35,18 @@ var k = /* @__PURE__ */ f(h(), 1), N = ({ text: r, prefix: n }) => {
       children: [
         r,
         " ",
-        n
+        o
       ]
     })] })
   }) : /* @__PURE__ */ a("span", {
-    ref: o,
+    ref: n,
     className: "w-full truncate",
     children: [r, /* @__PURE__ */ s("span", {
       className: "text-slate-500",
-      children: n
+      children: o
     })]
   });
 };
 export {
-  N as TruncateText
+  R as TruncateText
 };

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

@@ -1,4 +1,4 @@
-import { t as p } from "../../../Wrapper-w8u2Zn4M.js";
+import { t as p } from "../../../Wrapper-CTd3eiq3.js";
 export {
   p as Wrapper
 };

package/dist/components/PhoneNumberInput/components/index.js

@@ -1,5 +1,5 @@
-import { t } from "../../../FlagSelectorList-NMlHNF7N.js";
-import { t as p } from "../../../Wrapper-w8u2Zn4M.js";
+import { t } from "../../../FlagSelectorList-PTBEUWVJ.js";
+import { t as p } from "../../../Wrapper-CTd3eiq3.js";
 export {
   t as FlagSelectorList,
   p as Wrapper

package/dist/components/PhoneNumberInput/contexts/index.js

@@ -1,5 +1,5 @@
 import { PhoneNumberContext as r } from "./phone-number.context.js";
-import { t as m } from "../../../phone-number.provider-D3j9sszx.js";
+import { t as m } from "../../../phone-number.provider-CJeivoDY.js";
 import { usePhoneNumberContext as n } from "./phone-number.hook.js";
 export {
   r as PhoneNumberContext,

package/dist/components/PhoneNumberInput/contexts/phone-number.provider.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../../phone-number.provider-D3j9sszx.js";
+import { t as o } from "../../../phone-number.provider-CJeivoDY.js";
 export {
   o as PhoneNumberProvider
 };

package/dist/components/PhoneNumberInput/utils/index.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../libphonenumber-Dy3Kac9j.js";
+import { t as m } from "../../../libphonenumber-BIeQOhzl.js";
 var n = m(), e = n.PhoneNumberUtil.getInstance(), p = (t) => {
   const r = t.code, o = e.getExampleNumber(r);
   if (!o) return;