@alfadocs/ui-kit 1.50.1 → 1.52.0

package/dist/_chunks/{locale-picker-DGkQmhV9.js → locale-picker-DYDppQdZ.js}

@@ -1,86 +1,86 @@
 import { jsx as o, jsxs as _ } from "react/jsx-runtime";
-import { forwardRef as I, createElement as ee, useId as se, useState as q, useCallback as T, useMemo as U, useRef as G, useImperativeHandle as oe, useEffect as ae } from "react";
-import { c as J } from "./index-D2ZczOXr.js";
-import { useTranslation as A } from "react-i18next";
-import { _ as y, R as te } from "./index-4xgbg-sn.js";
-import { I as ne } from "./icon-button-CY7GU_Se.js";
-import { P as L } from "./popover-Dvb40vPH.js";
-import { F as ie, f as re, s as K, _ as le, a as ce, b as de, c as ue, d as ge, e as me, g as _e, h as fe, i as ve, j as pe, k as he, l as ye, m as be, n as Ne, o as Le, p as xe, q as Ce, r as Se, t as ke, u as we, v as Ee, w as Re, x as Pe, y as Ie, z as Te, A as Ae, B as De, C as je, D as Fe, E as Oe, G as Ue, H as Ge, I as ze, J as He, K as Me, L as Be } from "./flag-view-udarpAot.js";
-import { b as qe } from "./menu-row-BAr8bx1I.js";
-import { c as Je, a as Ke, d as Ve } from "./input-surface-xyERuLU_.js";
-import { LOCALES_WITH_BUNDLES as D } from "../i18n/config.js";
-import { u as We } from "./use-locale-BkCIHujH.js";
+import { forwardRef as P, createElement as se, useId as oe, useState as B, useCallback as I, useEffect as ae, useMemo as U, useRef as G, useImperativeHandle as te } from "react";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as T } from "react-i18next";
+import { _ as y, R as ne } from "./index-4xgbg-sn.js";
+import { I as ie } from "./icon-button-JAXAkqWC.js";
+import { P as b } from "./popover-CGYPYIVi.js";
+import { F as re, f as le, s as J, _ as ce, a as de, b as ue, c as ge, d as me, e as _e, g as fe, h as ve, i as pe, j as he, k as ye, l as be, m as Ne, n as Le, o as xe, p as Ce, q as Se, r as ke, t as we, u as Ee, v as Re, w as Pe, x as Ie, y as Te, z as Ae, A as De, B as je, C as Fe, D as Oe, E as Ue, G as Ge, H as ze, I as He, J as Me, K as Be, L as qe } from "./flag-view-udarpAot.js";
+import { b as Je } from "./menu-row-BAr8bx1I.js";
+import { c as Ke, a as Ve, d as We } from "./input-surface-xyERuLU_.js";
+import { LOCALES_WITH_BUNDLES as A } from "../i18n/config.js";
+import { u as K } from "./use-locale-BExNy9Dl.js";
 import { u as Ye } from "./registry-DvAUVLHh.js";
-import { G as j } from "./globe-sHBW1JN5.js";
+import { G as D } from "./globe-sHBW1JN5.js";
 import { M as Qe } from "./monitor-xXSrufmP.js";
 import { C as z } from "./check-DrFSN__t.js";
-const F = K(
+const j = J(
   () => /* @__PURE__ */ Object.assign({
-    "/node_modules/country-flag-icons/3x2/AL.svg": Se,
-    "/node_modules/country-flag-icons/3x2/CN.svg": Ce,
-    "/node_modules/country-flag-icons/3x2/DE.svg": xe,
-    "/node_modules/country-flag-icons/3x2/ES.svg": Le,
-    "/node_modules/country-flag-icons/3x2/FR.svg": Ne,
-    "/node_modules/country-flag-icons/3x2/GB.svg": be,
-    "/node_modules/country-flag-icons/3x2/GR.svg": ye,
-    "/node_modules/country-flag-icons/3x2/IN.svg": he,
-    "/node_modules/country-flag-icons/3x2/IT.svg": pe,
-    "/node_modules/country-flag-icons/3x2/JP.svg": ve,
-    "/node_modules/country-flag-icons/3x2/NL.svg": fe,
-    "/node_modules/country-flag-icons/3x2/PL.svg": _e,
-    "/node_modules/country-flag-icons/3x2/PT.svg": me,
-    "/node_modules/country-flag-icons/3x2/RO.svg": ge,
-    "/node_modules/country-flag-icons/3x2/RU.svg": ue,
-    "/node_modules/country-flag-icons/3x2/SA.svg": de,
-    "/node_modules/country-flag-icons/3x2/SE.svg": ce,
-    "/node_modules/country-flag-icons/3x2/TR.svg": le
+    "/node_modules/country-flag-icons/3x2/AL.svg": ke,
+    "/node_modules/country-flag-icons/3x2/CN.svg": Se,
+    "/node_modules/country-flag-icons/3x2/DE.svg": Ce,
+    "/node_modules/country-flag-icons/3x2/ES.svg": xe,
+    "/node_modules/country-flag-icons/3x2/FR.svg": Le,
+    "/node_modules/country-flag-icons/3x2/GB.svg": Ne,
+    "/node_modules/country-flag-icons/3x2/GR.svg": be,
+    "/node_modules/country-flag-icons/3x2/IN.svg": ye,
+    "/node_modules/country-flag-icons/3x2/IT.svg": he,
+    "/node_modules/country-flag-icons/3x2/JP.svg": pe,
+    "/node_modules/country-flag-icons/3x2/NL.svg": ve,
+    "/node_modules/country-flag-icons/3x2/PL.svg": fe,
+    "/node_modules/country-flag-icons/3x2/PT.svg": _e,
+    "/node_modules/country-flag-icons/3x2/RO.svg": me,
+    "/node_modules/country-flag-icons/3x2/RU.svg": ge,
+    "/node_modules/country-flag-icons/3x2/SA.svg": ue,
+    "/node_modules/country-flag-icons/3x2/SE.svg": de,
+    "/node_modules/country-flag-icons/3x2/TR.svg": ce
   })
-), Xe = K(
+), Xe = J(
   () => /* @__PURE__ */ Object.assign({
-    "/node_modules/country-flag-icons/1x1/AL.svg": Be,
-    "/node_modules/country-flag-icons/1x1/CN.svg": Me,
-    "/node_modules/country-flag-icons/1x1/DE.svg": He,
-    "/node_modules/country-flag-icons/1x1/ES.svg": ze,
-    "/node_modules/country-flag-icons/1x1/FR.svg": Ge,
-    "/node_modules/country-flag-icons/1x1/GB.svg": Ue,
-    "/node_modules/country-flag-icons/1x1/GR.svg": Oe,
-    "/node_modules/country-flag-icons/1x1/IN.svg": Fe,
-    "/node_modules/country-flag-icons/1x1/IT.svg": je,
-    "/node_modules/country-flag-icons/1x1/JP.svg": De,
-    "/node_modules/country-flag-icons/1x1/NL.svg": Ae,
-    "/node_modules/country-flag-icons/1x1/PL.svg": Te,
-    "/node_modules/country-flag-icons/1x1/PT.svg": Ie,
-    "/node_modules/country-flag-icons/1x1/RO.svg": Pe,
-    "/node_modules/country-flag-icons/1x1/RU.svg": Re,
-    "/node_modules/country-flag-icons/1x1/SA.svg": Ee,
-    "/node_modules/country-flag-icons/1x1/SE.svg": we,
-    "/node_modules/country-flag-icons/1x1/TR.svg": ke
+    "/node_modules/country-flag-icons/1x1/AL.svg": qe,
+    "/node_modules/country-flag-icons/1x1/CN.svg": Be,
+    "/node_modules/country-flag-icons/1x1/DE.svg": Me,
+    "/node_modules/country-flag-icons/1x1/ES.svg": He,
+    "/node_modules/country-flag-icons/1x1/FR.svg": ze,
+    "/node_modules/country-flag-icons/1x1/GB.svg": Ge,
+    "/node_modules/country-flag-icons/1x1/GR.svg": Ue,
+    "/node_modules/country-flag-icons/1x1/IN.svg": Oe,
+    "/node_modules/country-flag-icons/1x1/IT.svg": Fe,
+    "/node_modules/country-flag-icons/1x1/JP.svg": je,
+    "/node_modules/country-flag-icons/1x1/NL.svg": De,
+    "/node_modules/country-flag-icons/1x1/PL.svg": Ae,
+    "/node_modules/country-flag-icons/1x1/PT.svg": Te,
+    "/node_modules/country-flag-icons/1x1/RO.svg": Ie,
+    "/node_modules/country-flag-icons/1x1/RU.svg": Pe,
+    "/node_modules/country-flag-icons/1x1/SA.svg": Re,
+    "/node_modules/country-flag-icons/1x1/SE.svg": Ee,
+    "/node_modules/country-flag-icons/1x1/TR.svg": we
   })
 );
 Object.freeze(
-  Object.keys(F).sort()
+  Object.keys(j).sort()
 );
-function O(e) {
-  return e.toUpperCase() in F;
+function F(e) {
+  return e.toUpperCase() in j;
 }
-const E = I(
+const E = P(
   ({
     country: e,
     label: s,
-    shape: d = "rectangle",
-    size: l = "sm",
-    rounded: r = "sm",
-    className: c,
-    ...i
-  }, t) => {
-    const n = e.toUpperCase();
-    return ee(ie, {
-      ref: t,
-      code: n,
-      src: (d === "square" ? Xe : F)[n],
+    shape: l = "rectangle",
+    size: r = "sm",
+    rounded: i = "sm",
+    className: d,
+    ...c
+  }, n) => {
+    const t = e.toUpperCase();
+    return se(re, {
+      ref: n,
+      code: t,
+      src: (l === "square" ? Xe : j)[t],
       label: s,
-      className: re({ shape: d, size: l, rounded: r }, c),
-      ...i
+      className: le({ shape: l, size: r, rounded: i }, d),
+      ...c
     });
   }
 );
@@ -231,9 +231,9 @@ const x = {
     dir: "ltr"
   }
 };
-D.map((e) => x[e]);
+A.map((e) => x[e]);
 const $e = [
-  ...D.map((e) => x[e])
+  ...A.map((e) => x[e])
 ].sort((e, s) => e.englishName.localeCompare(s.englishName, "en")), Ze = {
   id: "locale-picker",
   // Persists a single locale choice via the handle's `setLocale` → set_value.
@@ -284,12 +284,12 @@ const $e = [
       description: "Marks the LocalePicker wrapper."
     }
   }
-}, b = "alfadocs-ui.locale", m = "system";
+}, N = "alfadocs-ui.locale", m = "system";
 let H = !1;
 function v(e) {
-  return typeof e == "string" && D.includes(e);
+  return typeof e == "string" && A.includes(e);
 }
-function M(e) {
+function V(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -297,60 +297,64 @@ function M(e) {
     return null;
   }
 }
-function V(e, s) {
+function W(e, s) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, s);
     } catch {
     }
 }
-function P() {
+function O() {
   if (typeof navigator > "u") return "en";
   const e = navigator.language;
   if (!e) return "en";
   const s = e.toLowerCase().split("-")[0];
   return v(s) ? s : "en";
 }
-function N(e) {
+function L(e) {
   if (typeof document > "u") return;
   const s = document.documentElement;
   s.lang = e, s.dir = x[e].dir;
 }
-function W(e) {
+function Y(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.removeItem(e);
     } catch {
     }
 }
-function Y() {
-  const { locale: e, setLocale: s } = We(), [d, l] = q(
-    () => M(b) === null
-  ), r = v(e) ? e : "en", c = T(
-    (i) => {
-      if (i === m) {
-        W(b);
-        const t = P();
-        s(t), N(t), l(!0);
+function Q() {
+  const { locale: e, setLocale: s } = K(), [l, r] = B(
+    () => V(N) === null
+  ), i = v(e) ? e : "en", d = I(
+    (c) => {
+      if (c === m) {
+        Y(N);
+        const n = O();
+        s(n), L(n), r(!0);
         return;
       }
-      v(i) && (s(i), N(i), V(b, i), l(!1));
+      v(c) && (s(c), L(c), W(N, c), r(!1));
     },
     [s]
   );
-  return ae(() => {
+  return es(), { locale: i, isSystemDefault: l, setLocale: d };
+}
+function es() {
+  const { locale: e, setLocale: s } = K();
+  ae(() => {
     if (H) return;
     H = !0;
-    const i = M(b);
-    if (v(i)) {
-      i !== e && s(i), N(i);
+    const l = V(N);
+    if (v(l)) {
+      l !== e && s(l), L(l);
       return;
     }
-    const t = P();
-    s(t), N(t);
-  }, []), { locale: r, isSystemDefault: d, setLocale: c };
+    const r = O();
+    s(r), L(r);
+  }, []);
 }
-const Q = J("ds:inline-flex ds:items-center", {
+const X = q("ds:inline-flex ds:items-center", {
   variants: {
     variant: {
       icon: "",
@@ -358,7 +362,7 @@ const Q = J("ds:inline-flex ds:items-center", {
     }
   },
   defaultVariants: { variant: "icon" }
-}), es = [
+}), ss = [
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
   "ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-sm)]",
   "ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)]",
@@ -369,21 +373,21 @@ const Q = J("ds:inline-flex ds:items-center", {
   "ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
   "ds:disabled:opacity-50 ds:disabled:cursor-not-allowed",
   "type-body-sm"
-].join(" "), X = [
+].join(" "), $ = [
   "ds:w-[18rem] ds:rounded-[var(--radius-md)]",
   "ds:bg-background ds:text-foreground ds:border ds:border-border",
   "ds:shadow-[var(--shadow-lg)]",
   "ds:overflow-hidden"
-].join(" "), B = [
+].join(" "), M = [
   "ds:relative ds:flex ds:cursor-pointer ds:select-none",
   "ds:items-center ds:gap-[var(--spacing-sm)]",
   "ds:rounded-[var(--radius-sm)]",
   "ds:min-h-[var(--min-target-size)]",
   "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]",
   "ds:text-foreground ds:outline-none",
-  qe.selected,
+  Je.selected,
   "ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed"
-].join(" "), ss = J("ds:flex ds:flex-col", {
+].join(" "), os = q("ds:flex ds:flex-col", {
   variants: {
     loading: {
       true: "ds:opacity-60 ds:pointer-events-none",
@@ -391,53 +395,53 @@ const Q = J("ds:inline-flex ds:items-center", {
     }
   },
   defaultVariants: { loading: !1 }
-}), R = I(
+}), R = P(
   ({
     value: e,
     onValueChange: s,
-    inputId: d,
-    disabled: l = !1,
-    loading: r = !1,
-    className: c
-  }, i) => {
-    const { t } = A(), n = Y(), S = n.locale, C = e ?? (n.isSystemDefault ? m : n.locale), f = se(), k = d ?? `${f}-search`, [w, p] = q(""), h = T(
+    inputId: l,
+    disabled: r = !1,
+    loading: i = !1,
+    className: d
+  }, c) => {
+    const { t: n } = T("ui"), t = Q(), S = t.locale, C = e ?? (t.isSystemDefault ? m : t.locale), f = oe(), k = l ?? `${f}-search`, [w, p] = B(""), h = I(
       (a) => {
-        if (!(l || r)) {
+        if (!(r || i)) {
           if (a === m) {
-            s ? s(m) : n.setLocale(m);
+            s ? s(m) : t.setLocale(m);
             return;
           }
-          v(a) && (s ? s(a) : n.setLocale(a));
+          v(a) && (s ? s(a) : t.setLocale(a));
         }
       },
-      [l, r, s, n]
+      [r, i, s, t]
     );
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: i,
-        className: [ss({ loading: r }), c].filter(Boolean).join(" "),
+        ref: c,
+        className: [os({ loading: i }), d].filter(Boolean).join(" "),
         "data-component": "locale-picker-search-list",
         children: /* @__PURE__ */ _(
           y,
           {
-            label: t("navigation.localePicker.commandLabel"),
-            filter: te,
+            label: n("navigation.localePicker.commandLabel"),
+            filter: ne,
             shouldFilter: !0,
             children: [
               /* @__PURE__ */ _(
                 "div",
                 {
                   className: [
-                    Je,
-                    Ke.sm,
+                    Ke,
                     Ve.sm,
+                    We.sm,
                     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
                     "ds:m-[var(--spacing-xs)]"
                   ].join(" "),
                   children: [
                     /* @__PURE__ */ o(
-                      j,
+                      D,
                       {
                         "aria-hidden": "true",
                         className: "ds:size-4 ds:text-muted-foreground ds:shrink-0"
@@ -449,9 +453,9 @@ const Q = J("ds:inline-flex ds:items-center", {
                         id: k,
                         value: w,
                         onValueChange: p,
-                        placeholder: t("navigation.localePicker.searchPlaceholder"),
-                        "aria-label": t("navigation.localePicker.searchLabel"),
-                        disabled: l || r,
+                        placeholder: n("navigation.localePicker.searchPlaceholder"),
+                        "aria-label": n("navigation.localePicker.searchLabel"),
+                        disabled: r || i,
                         className: [
                           "ds:peer ds:flex-1 ds:bg-transparent ds:border-0 ds:outline-none",
                           "ds:placeholder:text-muted-foreground ds:text-foreground",
@@ -477,7 +481,7 @@ const Q = J("ds:inline-flex ds:items-center", {
                           "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]",
                           "type-body-sm ds:text-muted-foreground"
                         ].join(" "),
-                        children: t("navigation.localePicker.empty")
+                        children: n("navigation.localePicker.empty")
                       }
                     ),
                     (() => {
@@ -494,9 +498,9 @@ const Q = J("ds:inline-flex ds:items-center", {
                             u.nativeName,
                             u.englishName
                           ],
-                          disabled: l || r,
+                          disabled: r || i,
                           onSelect: h,
-                          className: B,
+                          className: M,
                           "aria-selected": a || void 0,
                           "data-current": a ? "true" : void 0,
                           children: [
@@ -507,7 +511,7 @@ const Q = J("ds:inline-flex ds:items-center", {
                                 className: "ds:size-4 ds:text-muted-foreground ds:shrink-0"
                               }
                             ),
-                            /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm", children: t("navigation.localePicker.systemDefault", {
+                            /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm", children: n("navigation.localePicker.systemDefault", {
                               locale: u.nativeName
                             }) }),
                             a ? /* @__PURE__ */ o(
@@ -517,7 +521,7 @@ const Q = J("ds:inline-flex ds:items-center", {
                                 className: "ds:size-4 ds:text-primary ds:shrink-0"
                               }
                             ) : null,
-                            a ? /* @__PURE__ */ o("span", { className: "ds:sr-only", children: t("navigation.localePicker.currentSelection") }) : null
+                            a ? /* @__PURE__ */ o("span", { className: "ds:sr-only", children: n("navigation.localePicker.currentSelection") }) : null
                           ]
                         },
                         m
@@ -530,14 +534,14 @@ const Q = J("ds:inline-flex ds:items-center", {
                         {
                           value: a.code,
                           keywords: [a.nativeName, a.englishName],
-                          disabled: l || r,
+                          disabled: r || i,
                           onSelect: h,
-                          className: B,
+                          className: M,
                           "aria-selected": u || void 0,
                           "data-current": u ? "true" : void 0,
                           lang: a.code,
                           children: [
-                            O(a.countryCode) ? /* @__PURE__ */ o(
+                            F(a.countryCode) ? /* @__PURE__ */ o(
                               E,
                               {
                                 country: a.countryCode,
@@ -570,7 +574,7 @@ const Q = J("ds:inline-flex ds:items-center", {
                                 className: "ds:size-4 ds:text-primary ds:shrink-0"
                               }
                             ) : null,
-                            u ? /* @__PURE__ */ o("span", { className: "ds:sr-only", children: t("navigation.localePicker.currentSelection") }) : null
+                            u ? /* @__PURE__ */ o("span", { className: "ds:sr-only", children: n("navigation.localePicker.currentSelection") }) : null
                           ]
                         },
                         a.code
@@ -587,35 +591,35 @@ const Q = J("ds:inline-flex ds:items-center", {
   }
 );
 R.displayName = "LocalePicker.SearchList";
-function os({
+function as({
   state: e,
   rest: s,
-  forwardedRef: d,
-  className: l,
-  disabled: r,
-  loading: c,
-  popoverSide: i
+  forwardedRef: l,
+  className: r,
+  disabled: i,
+  loading: d,
+  popoverSide: c
 }) {
-  const { t } = A(), n = x[e.locale];
+  const { t: n } = T("ui"), t = x[e.locale];
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: d,
+      ref: l,
       "data-component": "locale-picker",
       "data-component-id": s.id,
-      className: Q({ variant: "icon", className: l }),
+      className: X({ variant: "icon", className: r }),
       ...s,
-      children: /* @__PURE__ */ _(L.Root, { children: [
-        /* @__PURE__ */ o(L.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
-          ne,
+      children: /* @__PURE__ */ _(b.Root, { children: [
+        /* @__PURE__ */ o(b.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
+          ie,
           {
-            disabled: r || c,
+            disabled: i || d,
             icon: /* @__PURE__ */ _("span", { className: "ds:relative ds:inline-flex ds:items-center ds:justify-center", children: [
-              /* @__PURE__ */ o(j, { "aria-hidden": !0, className: "ds:size-5" }),
-              O(n.countryCode) ? /* @__PURE__ */ o(
+              /* @__PURE__ */ o(D, { "aria-hidden": !0, className: "ds:size-5" }),
+              F(t.countryCode) ? /* @__PURE__ */ o(
                 E,
                 {
-                  country: n.countryCode,
+                  country: t.countryCode,
                   size: "sm",
                   shape: "rectangle",
                   rounded: "sm",
@@ -633,26 +637,26 @@ function os({
                 }
               ) : null
             ] }),
-            "aria-label": t("navigation.localePicker.trigger", {
-              locale: n.nativeName
+            "aria-label": n("navigation.localePicker.trigger", {
+              locale: t.nativeName
             })
           }
         ) }),
         /* @__PURE__ */ o(
-          L.Content,
+          b.Content,
           {
-            side: i,
+            side: c,
             align: "start",
             sideOffset: 8,
-            className: X,
-            "aria-label": t("navigation.localePicker.popupLabel"),
+            className: $,
+            "aria-label": n("navigation.localePicker.popupLabel"),
             children: /* @__PURE__ */ o(
               R,
               {
                 value: e.locale,
                 onValueChange: e.setLocale,
-                disabled: r,
-                loading: c
+                disabled: i,
+                loading: d
               }
             )
           }
@@ -661,71 +665,71 @@ function os({
     }
   );
 }
-function as({
+function ts({
   state: e,
   rest: s,
-  forwardedRef: d,
-  className: l,
-  disabled: r,
-  loading: c,
-  popoverSide: i
+  forwardedRef: l,
+  className: r,
+  disabled: i,
+  loading: d,
+  popoverSide: c
 }) {
-  const { t } = A(), n = x[e.locale];
+  const { t: n } = T("ui"), t = x[e.locale];
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: d,
+      ref: l,
       "data-component": "locale-picker",
       "data-component-id": s.id,
-      className: Q({ variant: "compact", className: l }),
+      className: X({ variant: "compact", className: r }),
       ...s,
-      children: /* @__PURE__ */ _(L.Root, { children: [
-        /* @__PURE__ */ o(L.Trigger, { asChild: !0, children: /* @__PURE__ */ _(
+      children: /* @__PURE__ */ _(b.Root, { children: [
+        /* @__PURE__ */ o(b.Trigger, { asChild: !0, children: /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            disabled: r || c,
-            className: es,
-            "aria-label": t("navigation.localePicker.trigger", {
-              locale: n.nativeName
+            disabled: i || d,
+            className: ss,
+            "aria-label": n("navigation.localePicker.trigger", {
+              locale: t.nativeName
             }),
             children: [
-              O(n.countryCode) ? /* @__PURE__ */ o(
+              F(t.countryCode) ? /* @__PURE__ */ o(
                 E,
                 {
-                  country: n.countryCode,
+                  country: t.countryCode,
                   size: "sm",
                   shape: "rectangle",
                   rounded: "sm",
                   className: "ds:shrink-0"
                 }
-              ) : /* @__PURE__ */ o(j, { "aria-hidden": !0, className: "ds:size-4 ds:shrink-0" }),
+              ) : /* @__PURE__ */ o(D, { "aria-hidden": !0, className: "ds:size-4 ds:shrink-0" }),
               /* @__PURE__ */ o(
                 "span",
                 {
                   className: "ds:flex-1 ds:truncate type-body-sm",
-                  lang: n.code,
-                  children: n.nativeName
+                  lang: t.code,
+                  children: t.nativeName
                 }
               )
             ]
           }
         ) }),
         /* @__PURE__ */ o(
-          L.Content,
+          b.Content,
           {
-            side: i,
+            side: c,
             align: "start",
             sideOffset: 8,
-            className: X,
-            "aria-label": t("navigation.localePicker.popupLabel"),
+            className: $,
+            "aria-label": n("navigation.localePicker.popupLabel"),
             children: /* @__PURE__ */ o(
               R,
               {
                 value: e.locale,
                 onValueChange: e.setLocale,
-                disabled: r,
-                loading: c
+                disabled: i,
+                loading: d
               }
             )
           }
@@ -734,31 +738,31 @@ function as({
     }
   );
 }
-const $ = I(
+const Z = P(
   (e, s) => {
     const {
-      variant: d = "icon",
-      value: l,
-      onValueChange: r,
-      disabled: c = !1,
-      loading: i = !1,
-      popoverSide: t = "bottom",
-      className: n,
+      variant: l = "icon",
+      value: r,
+      onValueChange: i,
+      disabled: d = !1,
+      loading: c = !1,
+      popoverSide: n = "bottom",
+      className: t,
       id: S,
       ...C
-    } = e, f = Y(), k = l ?? f.locale, w = T(
+    } = e, f = Q(), k = r ?? f.locale, w = I(
       (g) => {
-        if (r) {
-          if (r(g), g === m) {
-            W(b);
-            const Z = P();
-            N(Z);
-          } else v(g) && (N(g), V(b, g));
+        if (i) {
+          if (i(g), g === m) {
+            Y(N);
+            const ee = O();
+            L(ee);
+          } else v(g) && (L(g), W(N, g));
           return;
         }
         f.setLocale(g);
       },
-      [r, f]
+      [i, f]
     ), p = U(
       () => ({
         locale: k,
@@ -767,7 +771,7 @@ const $ = I(
       }),
       [k, f.isSystemDefault, w]
     ), h = G(null);
-    oe(s, () => h.current, []);
+    te(s, () => h.current, []);
     const a = G(p);
     a.current = p;
     const u = U(
@@ -783,39 +787,40 @@ const $ = I(
       }),
       []
     );
-    return Ye(Ze, u, S), d === "compact" ? /* @__PURE__ */ o(
-      as,
+    return Ye(Ze, u, S), l === "compact" ? /* @__PURE__ */ o(
+      ts,
       {
         state: p,
         rest: C,
         forwardedRef: h,
-        className: n,
-        disabled: c,
-        loading: i,
-        popoverSide: t
+        className: t,
+        disabled: d,
+        loading: c,
+        popoverSide: n
       }
     ) : /* @__PURE__ */ o(
-      os,
+      as,
       {
         state: p,
         rest: C,
         forwardedRef: h,
-        className: n,
-        disabled: c,
-        loading: i,
-        popoverSide: t
+        className: t,
+        disabled: d,
+        loading: c,
+        popoverSide: n
       }
     );
   }
 );
-$.displayName = "LocalePicker";
-const bs = Object.assign($, {
+Z.displayName = "LocalePicker";
+const Ns = Object.assign(Z, {
   SearchList: R
 });
 export {
-  b as L,
-  bs as a,
+  N as L,
+  Ns as a,
   R as b,
-  x as c
+  x as c,
+  es as u
 };
-//# sourceMappingURL=locale-picker-DGkQmhV9.js.map
+//# sourceMappingURL=locale-picker-DYDppQdZ.js.map