@konstructio/ui 0.1.2-alpha.101 → 0.1.2-alpha.104

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

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

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

@@ -1,84 +1,79 @@
 import { t as a } from "../../../../utils-Cx-WzRZF.js";
-import { Button as p } from "../../../Button/Button.js";
-import { t as N } from "../../../../chevron-down-DNP-OOAQ.js";
-import { Badge as w } from "../../../Badge/Badge.js";
+import { Button as s } from "../../../Button/Button.js";
+import { t as k } from "../../../../chevron-down-DNP-OOAQ.js";
+import { Badge as N } from "../../../Badge/Badge.js";
 import { TimePicker as C } from "../../../TimePicker/TimePicker.js";
-import { filterButtonIconVariants as B, filterButtonVariants as j } from "../../Filter.variants.js";
-import { useTimeFilterDropdown as D } from "./TimeFilterDropdown.hook.js";
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-var V = ({ label: b, position: o = "left", format: r = "24", presets: i, showTimePicker: d = !0, onApply: h }) => {
-  const { appliedLabel: c, isOpen: n, selectedTime: x, selectedPresetLabel: m, wrapperRef: g, handleApply: f, handleOpen: u, handleSelectPreset: v, handleSelectCustom: y, handleReset: k } = D({
-    onApply: h,
+import { filterButtonIconVariants as w, filterButtonVariants as B } from "../../Filter.variants.js";
+import { FilterDropdown as D } from "../FilterDropdown/FilterDropdown.js";
+import { useTimeFilterDropdown as F } from "./TimeFilterDropdown.hook.js";
+import { Fragment as j, jsx as e, jsxs as l } from "react/jsx-runtime";
+var q = ({ label: p, position: g = "left", format: r = "24", presets: n, showTimePicker: i = !0, onApply: x }) => {
+  const { appliedLabel: c, isOpen: o, selectedTime: h, selectedPresetLabel: d, handleApply: b, handleOpenChange: u, handleSelectPreset: f, handleSelectCustom: y, handleReset: v } = F({
+    onApply: x,
     format: r
-  }), s = i && i.length > 0;
-  return /* @__PURE__ */ l("div", {
-    ref: g,
-    className: "relative",
-    children: [/* @__PURE__ */ l("button", {
-      className: a(j(), { "text-slate-700 dark:text-metal-100": n }),
-      onClick: u,
-      children: [
-        b,
-        c && /* @__PURE__ */ e(w, { label: c }),
-        /* @__PURE__ */ e(N, { className: a(B(), { "rotate-180 text-blue-600 dark:text-aurora-500": n }) })
-      ]
-    }), n && /* @__PURE__ */ l("div", {
-      className: a("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "border", "border-gray-200", "flex", "flex-col", "dark:bg-metal-800", "dark:border-metal-700", {
-        "left-0": o === "left",
-        "right-0": o === "right"
-      }),
-      children: [
-        /* @__PURE__ */ l("div", {
-          className: "flex",
-          children: [
-            s && /* @__PURE__ */ e("div", {
-              className: "flex flex-col gap-1 py-4 px-4 min-w-40",
-              children: i.map((t) => /* @__PURE__ */ e("button", {
-                type: "button",
-                className: a("text-left", "px-3", "py-1.5", "rounded", "cursor-pointer", "text-sm", "whitespace-nowrap", "transition-colors", "hover:bg-gray-100", "dark:hover:bg-metal-700", {
-                  "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": m === t.label,
-                  "text-gray-700 dark:text-gray-300": m !== t.label
-                }),
-                onClick: () => v(t),
-                children: t.label
-              }, t.label))
-            }),
-            s && d && /* @__PURE__ */ e("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
-            d && /* @__PURE__ */ e("div", {
-              className: "py-4 px-6",
-              children: /* @__PURE__ */ e("div", {
-                className: a({
-                  "w-35.5": r === "24",
-                  "w-52": r === "12"
-                }),
-                children: /* @__PURE__ */ e(C, {
-                  format: r,
-                  time: x,
-                  onChange: y,
-                  mode: "input"
-                })
+  }), m = n && n.length > 0;
+  return /* @__PURE__ */ l(D, {
+    isOpen: o,
+    position: g,
+    contentClassName: a("border", "border-gray-200", "flex", "flex-col"),
+    triggerClassName: a(B(), { "text-slate-700 dark:text-metal-100": o }),
+    trigger: /* @__PURE__ */ l(j, { children: [
+      p,
+      c && /* @__PURE__ */ e(N, { label: c }),
+      /* @__PURE__ */ e(k, { className: a(w(), { "rotate-180 text-blue-600 dark:text-aurora-500": o }) })
+    ] }),
+    onOpenChange: u,
+    children: [
+      /* @__PURE__ */ l("div", {
+        className: "flex",
+        children: [
+          m && /* @__PURE__ */ e("div", {
+            className: "flex flex-col gap-1 py-4 px-4 min-w-40",
+            children: n.map((t) => /* @__PURE__ */ e("button", {
+              type: "button",
+              className: a("text-left", "px-3", "py-1.5", "rounded", "cursor-pointer", "text-sm", "whitespace-nowrap", "transition-colors", "hover:bg-gray-100", "dark:hover:bg-metal-700", {
+                "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": d === t.label,
+                "text-gray-700 dark:text-gray-300": d !== t.label
+              }),
+              onClick: () => f(t),
+              children: t.label
+            }, t.label))
+          }),
+          m && i && /* @__PURE__ */ e("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
+          i && /* @__PURE__ */ e("div", {
+            className: "py-4 px-6",
+            children: /* @__PURE__ */ e("div", {
+              className: a({
+                "w-35.5": r === "24",
+                "w-52": r === "12"
+              }),
+              children: /* @__PURE__ */ e(C, {
+                format: r,
+                time: h,
+                onChange: y,
+                mode: "input"
               })
             })
-          ]
-        }),
-        /* @__PURE__ */ e("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
-        /* @__PURE__ */ l("div", {
-          className: a("flex", "justify-end", "items-center", "gap-4", "px-6", "py-3"),
-          children: [/* @__PURE__ */ e(p, {
-            variant: "secondary",
-            appearance: "compact",
-            onClick: k,
-            children: "Reset"
-          }), /* @__PURE__ */ e(p, {
-            appearance: "compact",
-            onClick: f,
-            children: "Apply"
-          })]
-        })
-      ]
-    })]
+          })
+        ]
+      }),
+      /* @__PURE__ */ e("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
+      /* @__PURE__ */ l("div", {
+        className: a("flex", "justify-end", "items-center", "gap-4", "px-6", "py-3"),
+        children: [/* @__PURE__ */ e(s, {
+          variant: "secondary",
+          appearance: "compact",
+          onClick: v,
+          children: "Reset"
+        }), /* @__PURE__ */ e(s, {
+          appearance: "compact",
+          onClick: b,
+          children: "Apply"
+        })]
+      })
+    ]
   });
 };
 export {
-  V as TimeFilterDropdown
+  q as TimeFilterDropdown
 };

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

@@ -1,9 +1,17 @@
-import { FilterContext as e } from "./filter.context.js";
-import { jsx as t } from "react/jsx-runtime";
-var v = ({ children: r, closeOnApply: o }) => /* @__PURE__ */ t(e.Provider, {
-  value: { closeOnApply: o },
-  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 {
-  v 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/Filter/utils/index.js

@@ -1,4 +1,4 @@
-import { t } from "../../../utils-B6A9pnrH.js";
+import { t } from "../../../utils-B-BTGYA5.js";
 export {
   t as getLocale
 };

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-DG3snJf_.js";
+import { t as o } from "../../Input-Cf44DzfE.js";
 export {
   o as Input
 };

package/dist/components/LineChart/LineChart.js

@@ -1,6 +1,6 @@
 import { i as l, t as _ } from "../../utils-Cx-WzRZF.js";
 import { Typography as z } from "../Typography/Typography.js";
-import { a as P, c as j, d as D, i as E, l as F, n as H, o as N, s as O, u as M } from "../../dist-AihTpWdF2.js";
+import { a as P, c as j, d as D, i as E, l as F, n as H, o as N, s as O, u as M } from "../../dist-AihTpWdF.js";
 import { useMemo as h } from "react";
 import { jsx as p, jsxs as V } from "react/jsx-runtime";
 P.register(E, F, M, O, N, j, D);

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-Bcu6LLAp.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-Bcu6LLAp.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-Bcu6LLAp.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-CYt24H4n.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-CYt24H4n.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-CYt24H4n.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-CYt24H4n.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-CJJOFYk-.js";
-import { t } from "../../Wrapper-DtT29fc5.js";
+import { t as p } from "../../phone-number.provider-BxQCTxp8.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-BARhzfj2.js";
+import { t as o } from "../../../../FlagSelectorList-CkTR3j6O.js";
 export {
   o as FlagSelectorList
 };