@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.105

package/dist/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.hook.js

@@ -1,62 +1,49 @@
 import { useFilterContext as F } from "../../contexts/filter.hook.js";
-import { FilterEvent as g, sendOpenFilterEvent as L } from "../../events/index.js";
-import { t as S } from "../../../../utils-B-BTGYA5.js";
-import { useCallback as a, useEffect as u, useId as D, useMemo as w, useState as f } from "react";
-var k = ({ defaultRange: h, onApply: t, countryCode: v = "US" }) => {
-  const { closeOnApply: s } = F(), o = D(), [p, r] = f(!1), [i, l] = f(h), [n, d] = f(), R = w(() => {
-    if (!n?.from) return;
-    const e = (c) => c.toLocaleDateString(S(v), {
+import { sendOpenFilterEvent as O } from "../../events/index.js";
+import { useFilterDropdownSync as w } from "../../hooks/useFilterDropdownSync.js";
+import { t as x } from "../../../../utils-B-BTGYA5.js";
+import { useCallback as a, useId as y, useMemo as I, useState as i } from "react";
+var E = ({ defaultRange: d, onApply: n, countryCode: p = "US" }) => {
+  const { closeOnApply: l } = F(), r = y(), [g, o] = i(!1), [s, c] = i(d), [t, m] = i(), u = I(() => {
+    if (!t?.from) return;
+    const e = (D) => D.toLocaleDateString(x(p), {
       day: "numeric",
       month: "short"
     });
-    return n.to ? `${e(n.from)} - ${e(n.to)}` : e(n.from);
-  }, [n]), E = a((e) => {
-    e && L(o), r(e);
-  }, [o]), C = a(() => {
+    return t.to ? `${e(t.from)} - ${e(t.to)}` : e(t.from);
+  }, [t]), h = (e) => {
+    e && O(r), o(e);
+  }, R = () => {
     const e = {
-      from: i?.from,
-      to: i?.to
+      from: s?.from,
+      to: s?.to
     };
-    d(e), t?.(e), s && r(!1);
-  }, [
-    s,
-    t,
-    i
-  ]), b = a((e) => {
-    l({
+    m(e), n?.(e), l && o(!1);
+  }, C = a((e) => {
+    c({
       from: e.from,
       to: e.to
     });
-  }, []), m = a(() => r(!1), []), O = a(() => {
-    l(void 0), d(void 0), t?.(), s && r(!1);
-  }, [s, t]);
-  return u(() => {
-    const e = new AbortController();
-    return document.addEventListener(g.OPEN, (c) => {
-      c.detail !== o && r(!1);
-    }, { signal: e.signal }), document.addEventListener(g.RESET, () => {
-      l(void 0), d(void 0), t?.();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [o, t]), u(() => {
-    const e = new AbortController();
-    return document.addEventListener("visibilitychange", () => {
-      document.hidden && m();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [m]), {
-    id: o,
-    appliedRange: R,
-    isOpen: p,
-    selectedRange: i,
-    handleApply: C,
-    handleOpenChange: E,
-    handleRangeChange: b,
-    handleReset: O
+  }, []), S = a(() => o(!1), []), f = a(() => {
+    c(void 0), m(void 0), n?.();
+  }, [n]), v = () => {
+    f(), l && o(!1);
+  };
+  return w({
+    id: r,
+    onClose: S,
+    onReset: f
+  }), {
+    id: r,
+    appliedRange: u,
+    isOpen: g,
+    selectedRange: s,
+    handleApply: R,
+    handleOpenChange: h,
+    handleRangeChange: C,
+    handleReset: v
   };
 };
 export {
-  k as useDateRangeFilterDropdown
+  E as useDateRangeFilterDropdown
 };

package/dist/components/Filter/components/FilterDropdown/FilterDropdown.js

@@ -1,6 +1,6 @@
 import { t as l } from "../../../../utils-Cx-WzRZF.js";
 import { useFilterContext as f } from "../../contexts/filter.hook.js";
-import { i as p, n as c, r as h, t as g } from "../../../../dist-2bGlmy8N2.js";
+import { i as p, n as c, r as h, t as g } from "../../../../dist-BaPW7qXd2.js";
 import { jsx as e, jsxs as u } from "react/jsx-runtime";
 var j = ({ isOpen: t, trigger: r, triggerClassName: o, position: a = "left", contentClassName: n, children: s, onOpenChange: i }) => {
   const { theme: m } = f();

package/dist/components/Filter/components/ResetButton/ResetButton.js

@@ -1,21 +1,24 @@
-import { t as n } from "../../../../utils-Cx-WzRZF.js";
-import { Button as a } from "../../../Button/Button.js";
+import { t as a } from "../../../../utils-Cx-WzRZF.js";
+import { Button as i } from "../../../Button/Button.js";
+import { useFilterContext as c } from "../../contexts/filter.hook.js";
 import { resetEvent as m } from "../../events/index.js";
-import { useCallback as i } from "react";
-import { jsx as p } from "react/jsx-runtime";
-var v = ({ disabled: r, className: e, onClick: t, ...o }) => /* @__PURE__ */ p(a, {
-  type: "button",
-  variant: "link",
-  appearance: "compact",
-  version: "alternate",
-  onClick: i(() => {
-    m(), t?.();
-  }, [t]),
-  disabled: r,
-  className: n("hover:no-underline", e),
-  ...o,
-  children: "Reset"
-});
+import { jsx as s } from "react/jsx-runtime";
+var h = ({ disabled: t, className: e, onClick: r, ...o }) => {
+  const { resetScope: n } = c();
+  return /* @__PURE__ */ s(i, {
+    type: "button",
+    variant: "link",
+    appearance: "compact",
+    version: "alternate",
+    onClick: () => {
+      m(n), r?.();
+    },
+    disabled: t,
+    className: a("hover:no-underline", e),
+    ...o,
+    children: "Reset"
+  });
+};
 export {
-  v as ResetButton
+  h as ResetButton
 };

package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../Checkbox-DzAx7n67.js";
+import { t as m } from "../../../../Checkbox-B_ngk9Dj.js";
 import { t as s } from "../../../../utils-Cx-WzRZF.js";
 import { Button as o } from "../../../Button/Button.js";
 import { t as y } from "../../../../chevron-down-DNP-OOAQ.js";

package/dist/components/Filter/components/TimeFilterDropdown/TimeFilterDropdown.hook.js

@@ -1,51 +1,37 @@
-import { getFormattedTime as w } from "../../../TimePicker/utils/index.js";
-import { useFilterContext as x } from "../../contexts/filter.hook.js";
-import { FilterEvent as b, sendOpenFilterEvent as I } from "../../events/index.js";
-import { useCallback as s, useEffect as p, useId as R, useState as i } from "react";
-var j = ({ onApply: t, format: g = "24" }) => {
-  const { closeOnApply: l } = x(), n = R(), [h, o] = i(!1), [d, r] = i(), [f, c] = i(), [m, a] = i(), [E, v] = i(), L = E ?? (f ? w(f, g) : void 0), C = s((e) => {
-    e && I(n), o(e);
-  }, [n]), T = s((e) => {
-    r(e.value), a(e.label);
-  }, []), O = s((e) => {
-    r(e), a(void 0);
-  }, []), P = s(() => {
-    c(d), v(m), t?.(d), l && o(!1);
-  }, [
-    l,
-    t,
-    d,
-    m
-  ]), u = s(() => o(!1), []), S = s(() => {
-    r(void 0), c(void 0), a(void 0), v(void 0), t?.(), l && o(!1);
-  }, [l, t]);
-  return p(() => {
-    const e = new AbortController();
-    return document.addEventListener(b.OPEN, (F) => {
-      F.detail !== n && o(!1);
-    }, { signal: e.signal }), document.addEventListener(b.RESET, () => {
-      r(void 0), c(void 0), a(void 0), v(void 0), t?.();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [n, t]), p(() => {
-    const e = new AbortController();
-    return document.addEventListener("visibilitychange", () => {
-      document.hidden && u();
-    }, { signal: e.signal }), () => {
-      e.abort();
-    };
-  }, [u]), {
-    id: n,
-    appliedLabel: L,
-    isOpen: h,
-    selectedTime: d,
+import { getFormattedTime as g } from "../../../TimePicker/utils/index.js";
+import { useFilterContext as w } from "../../contexts/filter.hook.js";
+import { sendOpenFilterEvent as x } from "../../events/index.js";
+import { useFilterDropdownSync as A } from "../../hooks/useFilterDropdownSync.js";
+import { useCallback as d, useId as D, useState as t } from "react";
+var j = ({ onApply: o, format: v = "24" }) => {
+  const { closeOnApply: c } = w(), l = D(), [b, s] = t(!1), [n, i] = t(), [r, p] = t(), [m, a] = t(), [h, f] = t(), S = h ?? (r ? g(r, v) : void 0), C = (e) => {
+    e && x(l), s(e);
+  }, T = (e) => {
+    i(e.value), a(e.label);
+  }, F = d((e) => {
+    i(e), a(void 0);
+  }, []), L = () => {
+    p(n), f(m), o?.(n), c && s(!1);
+  }, O = d(() => s(!1), []), u = d(() => {
+    i(void 0), p(void 0), a(void 0), f(void 0), o?.();
+  }, [o]), P = () => {
+    u(), c && s(!1);
+  };
+  return A({
+    id: l,
+    onClose: O,
+    onReset: u
+  }), {
+    id: l,
+    appliedLabel: S,
+    isOpen: b,
+    selectedTime: n,
     selectedPresetLabel: m,
-    handleApply: P,
+    handleApply: L,
     handleOpenChange: C,
     handleSelectPreset: T,
-    handleSelectCustom: O,
-    handleReset: S
+    handleSelectCustom: F,
+    handleReset: P
   };
 };
 export {

package/dist/components/Filter/contexts/filter.provider.js

@@ -1,12 +1,17 @@
-import { FilterContext as t } from "./filter.context.js";
-import { jsx as i } from "react/jsx-runtime";
-var l = ({ children: r, closeOnApply: o, theme: e }) => /* @__PURE__ */ i(t.Provider, {
-  value: {
-    closeOnApply: o,
-    theme: e
-  },
-  children: r
-});
+import { FilterContext as m } from "./filter.context.js";
+import { useId as p } from "react";
+import { jsx as d } from "react/jsx-runtime";
+var a = ({ children: r, closeOnApply: e, resetScope: o, theme: t }) => {
+  const i = p();
+  return /* @__PURE__ */ d(m.Provider, {
+    value: {
+      closeOnApply: e,
+      resetScope: o ?? i,
+      theme: t
+    },
+    children: r
+  });
+};
 export {
-  l as FilterProvider
+  a as FilterProvider
 };

package/dist/components/Filter/events/index.js

@@ -1,8 +1,29 @@
-var e = /* @__PURE__ */ (function(t) {
+var s = /* @__PURE__ */ (function(t) {
+  return t.OPEN = "@konstructio/KonstructFilter/event-OPEN", t.RESET = "@konstructio/KonstructFilter/event-RESET", t;
+})({}), E = /* @__PURE__ */ (function(t) {
   return t.OPEN = "@konstrtuctio/KonstructFilter/event-OPEN", t.RESET = "@konstrtuctio/KonstructFilter/event-RESET", t;
-})({}), n = (t) => document.dispatchEvent(new CustomEvent("@konstrtuctio/KonstructFilter/event-OPEN", { detail: t })), r = () => document.dispatchEvent(new CustomEvent("@konstrtuctio/KonstructFilter/event-RESET"));
+})({}), o = {
+  "@konstructio/KonstructFilter/event-OPEN": "@konstrtuctio/KonstructFilter/event-OPEN",
+  "@konstructio/KonstructFilter/event-RESET": "@konstrtuctio/KonstructFilter/event-RESET"
+}, c = "__konstructFilterDuplicate", u = (t, e) => {
+  document.dispatchEvent(new CustomEvent(t, { detail: e }));
+  const n = new CustomEvent(o[t], { detail: e });
+  Object.assign(n, { [c]: !0 }), document.dispatchEvent(n);
+}, i = (t) => {
+  u("@konstructio/KonstructFilter/event-OPEN", t);
+}, v = (t) => {
+  u("@konstructio/KonstructFilter/event-RESET", t);
+}, a = (t, e, n) => {
+  document.addEventListener(t, (r) => {
+    e(r);
+  }, n), document.addEventListener(o[t], (r) => {
+    c in r || e(r);
+  }, n);
+};
 export {
-  e as FilterEvent,
-  r as resetEvent,
-  n as sendOpenFilterEvent
+  s as FilterEvent,
+  E as LegacyFilterEvent,
+  a as addFilterEventListener,
+  v as resetEvent,
+  i as sendOpenFilterEvent
 };

package/dist/components/Filter/hooks/index.js

@@ -0,0 +1,4 @@
+import { useFilterDropdownSync as r } from "./useFilterDropdownSync.js";
+export {
+  r as useFilterDropdownSync
+};

package/dist/components/Filter/hooks/useFilterDropdownSync.js

@@ -0,0 +1,26 @@
+import { useFilterContext as s } from "../contexts/filter.hook.js";
+import { FilterEvent as o, addFilterEventListener as a } from "../events/index.js";
+import { useEffect as d } from "react";
+var u = ({ id: i, onClose: r, onReset: n }) => {
+  const { resetScope: l } = s();
+  d(() => {
+    const t = new AbortController();
+    return a(o.OPEN, (e) => {
+      e.detail !== i && r();
+    }, { signal: t.signal }), a(o.RESET, (e) => {
+      e.detail != null && e.detail !== l || n();
+    }, { signal: t.signal }), document.addEventListener("visibilitychange", () => {
+      document.hidden && r();
+    }, { signal: t.signal }), () => {
+      t.abort();
+    };
+  }, [
+    i,
+    r,
+    n,
+    l
+  ]);
+};
+export {
+  u as useFilterDropdownSync
+};

package/dist/components/ImageUpload/ImageUpload.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../ImageUpload-DZTm4SBB.js";
+import { t as a } from "../../ImageUpload-DiwymQcU.js";
 export {
   a as ImageUpload
 };

package/dist/components/Input/Input.js

@@ -1,4 +1,4 @@
-import { t as o } from "../../Input-CW0VwW2T.js";
+import { t as o } from "../../Input-Cf44DzfE.js";
 export {
   o as Input
 };

package/dist/components/Loading/Loading.js

@@ -1,4 +1,4 @@
-import { t as r } from "../../Loading-fD0Xiyeq.js";
+import { t as r } from "../../Loading-DUh9PMJN.js";
 export {
   r as Loading
 };

package/dist/components/Modal/Modal.js

@@ -1,5 +1,5 @@
 "use client";
-import { t } from "../../Modal-Bfzggwlr.js";
+import { t } from "../../Modal-Dyn088X7.js";
 export {
   t as Modal
 };

package/dist/components/Modal/components/Body/Body.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../dist-DqKFpce5.js";
+import { t as m } from "../../../../dist-xCbHbMLA.js";
 import { t as a } from "../../../../utils-Cx-WzRZF.js";
 import { jsx as s } from "react/jsx-runtime";
 var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ s(o ? m : "div", {

package/dist/components/Modal/components/Footer/Footer.js

@@ -1,4 +1,4 @@
-import { t as m } from "../../../../dist-DqKFpce5.js";
+import { t as m } from "../../../../dist-xCbHbMLA.js";
 import { t as a } from "../../../../utils-Cx-WzRZF.js";
 import { jsx as e } from "react/jsx-runtime";
 var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ e(o ? m : "div", {

package/dist/components/Modal/components/Header/Header.js

@@ -1,4 +1,4 @@
-import { t as a } from "../../../../dist-DqKFpce5.js";
+import { t as a } from "../../../../dist-xCbHbMLA.js";
 import { t as e } from "../../../../utils-Cx-WzRZF.js";
 import { jsx as m } from "react/jsx-runtime";
 var p = ({ children: r, asChild: o, className: t }) => /* @__PURE__ */ m(o ? a : "div", {

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

@@ -1,4 +1,4 @@
-import { n as p } from "../../../../Modal-Bfzggwlr.js";
+import { n as p } from "../../../../Modal-Dyn088X7.js";
 export {
   p as Wrapper
 };

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

@@ -1,7 +1,7 @@
 import { Body as o } from "./Body/Body.js";
 import { Footer as p } from "./Footer/Footer.js";
 import { Header as e } from "./Header/Header.js";
-import { n as i } from "../../../Modal-Bfzggwlr.js";
+import { n as i } from "../../../Modal-Dyn088X7.js";
 export {
   o as Body,
   p as Footer,

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

@@ -1,23 +1,30 @@
-import { useToggle as i } from "../../../hooks/useToggle.js";
-import { ModalContext as f } from "./Modal.context.js";
-import { useCallback as t, useState as n } from "react";
-import { jsx as h } from "react/jsx-runtime";
-var x = ({ children: s }) => {
-  const [r, l] = n(!0), [a, o] = i(!1), [u, d] = n(), e = t(() => o(!0), [o]), p = t(() => o(!1), [o]), c = (m, C = !0) => {
-    d(m), e(), l(C);
-  };
-  return /* @__PURE__ */ h(f.Provider, {
-    value: {
-      content: u,
-      isOpen: a,
-      shouldShowClose: r,
-      onClose: p,
-      onOpen: e,
-      setContentAndOpen: c
-    },
-    children: s
+import { useToggle as f } from "../../../hooks/useToggle.js";
+import { ModalContext as h } from "./Modal.context.js";
+import { useCallback as t, useMemo as S, useState as u } from "react";
+import { jsx as g } from "react/jsx-runtime";
+var w = ({ children: c }) => {
+  const [n, d] = u(!0), [s, o] = f(!1), [r, m] = u(), e = t(() => o(!0), [o]), l = t(() => o(!1), [o]), a = t((C, i = !0) => {
+    m(C), e(), d(i);
+  }, [e]), p = S(() => ({
+    content: r,
+    isOpen: s,
+    shouldShowClose: n,
+    onClose: l,
+    onOpen: e,
+    setContentAndOpen: a
+  }), [
+    r,
+    s,
+    n,
+    l,
+    e,
+    a
+  ]);
+  return /* @__PURE__ */ g(h.Provider, {
+    value: p,
+    children: c
   });
 };
 export {
-  x as ModalProvider
+  w as ModalProvider
 };

package/dist/components/MultiSelectDropdown/MultiSelectDropdown.js

@@ -1,4 +1,4 @@
-import { t } from "../../components-BIHlj4yH.js";
+import { t } from "../../components-Cf345jTv.js";
 export {
   t as MultiSelectDropdown
 };

package/dist/components/MultiSelectDropdown/components/List/List.js

@@ -1,4 +1,4 @@
-import { r as o } from "../../../../components-BIHlj4yH.js";
+import { r as o } from "../../../../components-Cf345jTv.js";
 export {
   o as List
 };

package/dist/components/MultiSelectDropdown/components/Wrapper/Wrapper.js

@@ -1,4 +1,4 @@
-import { n as p } from "../../../../components-BIHlj4yH.js";
+import { n as p } from "../../../../components-Cf345jTv.js";
 export {
   p as Wrapper
 };

package/dist/components/MultiSelectDropdown/components/index.js

@@ -1,5 +1,5 @@
 import { Item as m } from "./Item/Item.js";
-import { n as p, r as t } from "../../../components-BIHlj4yH.js";
+import { n as p, r as t } from "../../../components-Cf345jTv.js";
 export {
   m as Item,
   t as List,

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

@@ -1,23 +1,24 @@
+import { useClickOutside as l } from "../../../hooks/useClickOutside.js";
 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);
+var m = () => {
+  const o = c(null), { onOpen: e } = s();
+  return l(o, a(() => {
+    e(!1);
+  }, [e])), u(() => {
+    const t = new AbortController(), n = (r) => {
+      r.key === "Escape" && e(!1);
     };
-    return document.addEventListener("keydown", r, { signal: t.signal }), document.addEventListener("mousedown", l, { signal: t.signal }), () => {
+    return document.addEventListener("keydown", n, { 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
+  m as useMultiSelectDropdown
 };

package/dist/components/PhoneNumberInput/PhoneNumberInput.js

@@ -1,5 +1,5 @@
 import { t as p } from "../../phone-number.provider-BxQCTxp8.js";
-import { t } from "../../Wrapper-XeeD3av7.js";
+import { t } from "../../Wrapper-DP6Sxngx.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, {

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

@@ -1,14 +1,16 @@
 import { t as n } from "../../../../utils-Cx-WzRZF.js";
 import { t as s } from "../../../../chevron-up-Bjpvg6ui.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, {
+    onClick: () => o(!t),
+    children: [/* @__PURE__ */ a(r, {}), /* @__PURE__ */ a(s, {
       className: n("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-BoYG-_It.js";
+import { t as o } from "../../../../FlagSelectorList-CkTR3j6O.js";
 export {
   o as FlagSelectorList
 };

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

@@ -1,28 +1,28 @@
-import { t as n } from "../../../../Input-CW0VwW2T.js";
-import { t as d } from "../../../../utils-Cx-WzRZF.js";
-import { t as p } from "../../../../FlagSelectorList-BoYG-_It.js";
-import { usePhoneNumberContext as c } from "../../contexts/phone-number.hook.js";
-import { useCallback as u } from "react";
+import { t as i } from "../../../../Input-Cf44DzfE.js";
+import { t as c } from "../../../../utils-Cx-WzRZF.js";
+import { t as d } from "../../../../FlagSelectorList-CkTR3j6O.js";
+import { usePhoneNumberContext as p } from "../../contexts/phone-number.hook.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 } = p(), 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: c("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/TruncateText/TruncateText.js

@@ -1,5 +1,5 @@
 import { o as f } from "../../../../rolldown-runtime-Ck3dxwZt.js";
-import { a as u, i as b, n as m, o as p } from "../../../../dist-CVDFmWf2.js";
+import { a as u, i as b, n as m, o as p } from "../../../../dist-tGUUcv8n.js";
 import { t as h } from "../../../../debounce-C5Ycjilj.js";
 import { useCallback as w, useEffect as i, useRef as g, useState as v } from "react";
 import { jsx as s, jsxs as a } from "react/jsx-runtime";

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

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