@alfadocs/ui-kit 1.73.3 → 1.75.0

package/dist/_chunks/{locale-picker-KT-Vz3bx.js → locale-picker-DzdGDSBI.js}

@@ -1,91 +1,91 @@
-import { jsx as o, jsxs as _ } from "react/jsx-runtime";
-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-S8_weU3g.js";
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as F, createElement as te, useId as ne, useState as ie, useCallback as j, useEffect as re, useMemo as B, useRef as q, useImperativeHandle as le, useSyncExternalStore as ce } from "react";
+import { c as W } from "./index-D2ZczOXr.js";
+import { useTranslation as O } from "react-i18next";
+import { _ as y, R as de } from "./index-4xgbg-sn.js";
+import { I as ue } from "./icon-button-S8_weU3g.js";
 import { P as b } from "./popover-Da1ekjV1.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-iBmxVBfr.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 D } from "./globe-sHBW1JN5.js";
-import { M as Qe } from "./monitor-xXSrufmP.js";
-import { C as z } from "./check-DrFSN__t.js";
-const j = J(
+import { F as ge, f as me, s as Y, _ as _e, a as fe, b as ve, c as pe, d as he, e as ye, g as be, h as Ne, i as Le, j as Se, k as xe, l as Ce, m as ke, n as we, o as Pe, p as Ee, q as Re, r as Ie, t as Te, u as Ae, v as De, w as Fe, x as je, y as Oe, z as Ue, A as Ge, B as ze, C as He, D as Me, E as Be, G as qe, H as Je, I as Ke, J as Ve, K as We, L as Ye } from "./flag-view-udarpAot.js";
+import { b as Qe } from "./menu-row-BAr8bx1I.js";
+import { c as Xe, a as $e, d as Ze } from "./input-surface-iBmxVBfr.js";
+import { LOCALES_WITH_BUNDLES as U, resolveUiLanguage as es } from "../i18n/config.js";
+import { u as Q } from "./use-locale-BExNy9Dl.js";
+import { u as ss } from "./registry-DvAUVLHh.js";
+import { G } from "./globe-sHBW1JN5.js";
+import { M as os } from "./monitor-xXSrufmP.js";
+import { C as J } from "./check-DrFSN__t.js";
+const z = Y(
   () => /* @__PURE__ */ Object.assign({
-    "/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
+    "/node_modules/country-flag-icons/3x2/AL.svg": Ie,
+    "/node_modules/country-flag-icons/3x2/CN.svg": Re,
+    "/node_modules/country-flag-icons/3x2/DE.svg": Ee,
+    "/node_modules/country-flag-icons/3x2/ES.svg": Pe,
+    "/node_modules/country-flag-icons/3x2/FR.svg": we,
+    "/node_modules/country-flag-icons/3x2/GB.svg": ke,
+    "/node_modules/country-flag-icons/3x2/GR.svg": Ce,
+    "/node_modules/country-flag-icons/3x2/IN.svg": xe,
+    "/node_modules/country-flag-icons/3x2/IT.svg": Se,
+    "/node_modules/country-flag-icons/3x2/JP.svg": Le,
+    "/node_modules/country-flag-icons/3x2/NL.svg": Ne,
+    "/node_modules/country-flag-icons/3x2/PL.svg": be,
+    "/node_modules/country-flag-icons/3x2/PT.svg": ye,
+    "/node_modules/country-flag-icons/3x2/RO.svg": he,
+    "/node_modules/country-flag-icons/3x2/RU.svg": pe,
+    "/node_modules/country-flag-icons/3x2/SA.svg": ve,
+    "/node_modules/country-flag-icons/3x2/SE.svg": fe,
+    "/node_modules/country-flag-icons/3x2/TR.svg": _e
   })
-), Xe = J(
+), as = Y(
   () => /* @__PURE__ */ Object.assign({
-    "/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
+    "/node_modules/country-flag-icons/1x1/AL.svg": Ye,
+    "/node_modules/country-flag-icons/1x1/CN.svg": We,
+    "/node_modules/country-flag-icons/1x1/DE.svg": Ve,
+    "/node_modules/country-flag-icons/1x1/ES.svg": Ke,
+    "/node_modules/country-flag-icons/1x1/FR.svg": Je,
+    "/node_modules/country-flag-icons/1x1/GB.svg": qe,
+    "/node_modules/country-flag-icons/1x1/GR.svg": Be,
+    "/node_modules/country-flag-icons/1x1/IN.svg": Me,
+    "/node_modules/country-flag-icons/1x1/IT.svg": He,
+    "/node_modules/country-flag-icons/1x1/JP.svg": ze,
+    "/node_modules/country-flag-icons/1x1/NL.svg": Ge,
+    "/node_modules/country-flag-icons/1x1/PL.svg": Ue,
+    "/node_modules/country-flag-icons/1x1/PT.svg": Oe,
+    "/node_modules/country-flag-icons/1x1/RO.svg": je,
+    "/node_modules/country-flag-icons/1x1/RU.svg": Fe,
+    "/node_modules/country-flag-icons/1x1/SA.svg": De,
+    "/node_modules/country-flag-icons/1x1/SE.svg": Ae,
+    "/node_modules/country-flag-icons/1x1/TR.svg": Te
   })
 );
 Object.freeze(
-  Object.keys(j).sort()
+  Object.keys(z).sort()
 );
-function F(e) {
-  return e.toUpperCase() in j;
+function H(e) {
+  return e.toUpperCase() in z;
 }
-const E = P(
+const R = F(
   ({
     country: e,
     label: s,
-    shape: l = "rectangle",
-    size: r = "sm",
-    rounded: i = "sm",
+    shape: r = "rectangle",
+    size: t = "sm",
+    rounded: n = "sm",
     className: d,
-    ...c
-  }, n) => {
-    const t = e.toUpperCase();
-    return se(re, {
-      ref: n,
-      code: t,
-      src: (l === "square" ? Xe : j)[t],
+    ...i
+  }, l) => {
+    const c = e.toUpperCase();
+    return te(ge, {
+      ref: l,
+      code: c,
+      src: (r === "square" ? as : z)[c],
       label: s,
-      className: le({ shape: l, size: r, rounded: i }, d),
-      ...c
+      className: me({ shape: r, size: t, rounded: n }, d),
+      ...i
     });
   }
 );
-E.displayName = "CoreFlag";
-const x = {
+R.displayName = "CoreFlag";
+const L = {
   en: {
     code: "en",
     nativeName: "English",
@@ -231,10 +231,10 @@ const x = {
     dir: "ltr"
   }
 };
-A.map((e) => x[e]);
-const $e = [
-  ...A.map((e) => x[e])
-].sort((e, s) => e.englishName.localeCompare(s.englishName, "en")), Ze = {
+U.map((e) => L[e]);
+const ts = [
+  ...U.map((e) => L[e])
+].sort((e, s) => e.englishName.localeCompare(s.englishName, "en")), ns = {
   id: "locale-picker",
   // Persists a single locale choice via the handle's `setLocale` → set_value.
   capabilities: ["set_value"],
@@ -248,7 +248,7 @@ const $e = [
     isSystemDefault: {
       type: "boolean",
       descriptionKey: "ui.agent.localePicker.state.isSystemDefault",
-      description: 'True when the resolved locale came from `navigator.language` rather than an explicit user choice. Distinguishes "the user chose English" from "we are following the browser, which happens to be English" — a distinction the resolved tag alone destroys.',
+      description: "True when following navigator.language. False for a saved or explicit choice, or when initialLocaleFromHtmlLang used the page language. Read alongside locale to distinguish browser detection from a concrete language selection.",
       read: (e) => e.getIsSystemDefault()
     }
   },
@@ -284,12 +284,26 @@ const $e = [
       description: "Marks the LocalePicker wrapper."
     }
   }
-}, N = "alfadocs-ui.locale", m = "system";
-let H = !1;
+}, P = "alfadocs-ui.locale", u = "system";
+let K = !1, T;
+const A = /* @__PURE__ */ new Set();
+function is(e) {
+  return A.add(e), () => {
+    A.delete(e);
+  };
+}
+function rs() {
+  if (T !== void 0) return T;
+  const e = X(P);
+  return e === null ? u : v(e) ? e : "en";
+}
+function D(e) {
+  T = e, A.forEach((s) => s());
+}
 function v(e) {
-  return typeof e == "string" && A.includes(e);
+  return typeof e == "string" && U.includes(e);
 }
-function V(e) {
+function X(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -297,64 +311,73 @@ function V(e) {
     return null;
   }
 }
-function W(e, s) {
+function ls(e, s) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.setItem(e, s);
     } catch {
     }
 }
-function O() {
+function M() {
   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 L(e) {
+function N(e) {
   if (typeof document > "u") return;
   const s = document.documentElement;
-  s.lang = e, s.dir = x[e].dir;
+  s.lang = e, s.dir = L[e].dir;
 }
-function Y(e) {
+function cs(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.removeItem(e);
     } catch {
     }
 }
-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);
+function E(e) {
+  e === u ? cs(P) : ls(P, e), D(e);
+}
+function $(e = !1) {
+  const { locale: s, setLocale: r } = Q(), t = ce(
+    is,
+    rs,
+    () => u
+  ), n = v(s) ? s : "en", d = j(
+    (i) => {
+      if (i === u) {
+        E(u);
+        const l = M();
+        r(l), N(l);
         return;
       }
-      v(c) && (s(c), L(c), W(N, c), r(!1));
+      v(i) && (r(i), N(i), E(i));
     },
-    [s]
+    [r]
   );
-  return es(), { locale: i, isSystemDefault: l, setLocale: d };
+  return ds(e), {
+    locale: n,
+    isSystemDefault: t === u,
+    setLocale: d
+  };
 }
-function es() {
-  const { locale: e, setLocale: s } = K();
-  ae(() => {
-    if (H) return;
-    H = !0;
-    const l = V(N);
-    if (v(l)) {
-      l !== e && s(l), L(l);
+function ds(e = !1) {
+  const { locale: s, setLocale: r } = Q();
+  re(() => {
+    if (K) return;
+    K = !0;
+    const t = X(P);
+    if (v(t)) {
+      t !== s && r(t), N(t), D(t);
       return;
     }
-    const r = O();
-    s(r), L(r);
+    const n = e && typeof document < "u" ? es(document.documentElement.lang.trim()) : void 0, d = v(n) ? n : void 0, i = d ?? M();
+    D(d ?? u), r(i), N(i);
   }, []);
 }
-const X = q("ds:inline-flex ds:items-center", {
+const Z = W("ds:inline-flex ds:items-center", {
   variants: {
     variant: {
       icon: "",
@@ -362,7 +385,7 @@ const X = q("ds:inline-flex ds:items-center", {
     }
   },
   defaultVariants: { variant: "icon" }
-}), ss = [
+}), us = [
   "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)]",
@@ -373,21 +396,21 @@ const X = q("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(" "), $ = [
+].join(" "), ee = [
   "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(" "), M = [
+].join(" "), V = [
   "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",
-  Je.selected,
+  Qe.selected,
   "ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed"
-].join(" "), os = q("ds:flex ds:flex-col", {
+].join(" "), gs = W("ds:flex ds:flex-col", {
   variants: {
     loading: {
       true: "ds:opacity-60 ds:pointer-events-none",
@@ -395,53 +418,53 @@ const X = q("ds:inline-flex ds:items-center", {
     }
   },
   defaultVariants: { loading: !1 }
-}), R = P(
+}), I = F(
   ({
     value: e,
     onValueChange: s,
-    inputId: l,
-    disabled: r = !1,
-    loading: i = !1,
+    inputId: r,
+    disabled: t = !1,
+    loading: n = !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(
+  }, i) => {
+    const { t: l } = O("ui"), c = $(), g = c.locale, x = e ?? (c.isSystemDefault ? u : c.locale), C = ne(), p = r ?? `${C}-search`, [S, k] = ie(""), h = j(
       (a) => {
-        if (!(r || i)) {
-          if (a === m) {
-            s ? s(m) : t.setLocale(m);
+        if (!(t || n)) {
+          if (a === u) {
+            s ? s(u) : c.setLocale(u);
             return;
           }
-          v(a) && (s ? s(a) : t.setLocale(a));
+          v(a) && (s ? s(a) : c.setLocale(a));
         }
       },
-      [r, i, s, t]
+      [t, n, s, c]
     );
     return /* @__PURE__ */ o(
       "div",
       {
-        ref: c,
-        className: [os({ loading: i }), d].filter(Boolean).join(" "),
+        ref: i,
+        className: [gs({ loading: n }), d].filter(Boolean).join(" "),
         "data-component": "locale-picker-search-list",
-        children: /* @__PURE__ */ _(
+        children: /* @__PURE__ */ f(
           y,
           {
-            label: n("navigation.localePicker.commandLabel"),
-            filter: ne,
+            label: l("navigation.localePicker.commandLabel"),
+            filter: de,
             shouldFilter: !0,
             children: [
-              /* @__PURE__ */ _(
+              /* @__PURE__ */ f(
                 "div",
                 {
                   className: [
-                    Ke,
-                    Ve.sm,
-                    We.sm,
+                    Xe,
+                    $e.sm,
+                    Ze.sm,
                     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
                     "ds:m-[var(--spacing-xs)]"
                   ].join(" "),
                   children: [
                     /* @__PURE__ */ o(
-                      D,
+                      G,
                       {
                         "aria-hidden": "true",
                         className: "ds:size-4 ds:text-muted-foreground ds:shrink-0"
@@ -450,12 +473,12 @@ const X = q("ds:inline-flex ds:items-center", {
                     /* @__PURE__ */ o(
                       y.Input,
                       {
-                        id: k,
-                        value: w,
-                        onValueChange: p,
-                        placeholder: n("navigation.localePicker.searchPlaceholder"),
-                        "aria-label": n("navigation.localePicker.searchLabel"),
-                        disabled: r || i,
+                        id: p,
+                        value: S,
+                        onValueChange: k,
+                        placeholder: l("navigation.localePicker.searchPlaceholder"),
+                        "aria-label": l("navigation.localePicker.searchLabel"),
+                        disabled: t || n,
                         className: [
                           "ds:peer ds:flex-1 ds:bg-transparent ds:border-0 ds:outline-none",
                           "ds:placeholder:text-muted-foreground ds:text-foreground",
@@ -466,7 +489,7 @@ const X = q("ds:inline-flex ds:items-center", {
                   ]
                 }
               ),
-              /* @__PURE__ */ _(
+              /* @__PURE__ */ f(
                 y.List,
                 {
                   className: [
@@ -481,68 +504,68 @@ const X = q("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: n("navigation.localePicker.empty")
+                        children: l("navigation.localePicker.empty")
                       }
                     ),
                     (() => {
-                      const a = C === m, u = x[S];
-                      return /* @__PURE__ */ _(
+                      const a = x === u, m = L[g];
+                      return /* @__PURE__ */ f(
                         y.Item,
                         {
-                          value: m,
+                          value: u,
                           keywords: [
                             "system",
                             "default",
                             "auto",
                             "browser",
-                            u.nativeName,
-                            u.englishName
+                            m.nativeName,
+                            m.englishName
                           ],
-                          disabled: r || i,
+                          disabled: t || n,
                           onSelect: h,
-                          className: M,
+                          className: V,
                           "aria-selected": a || void 0,
                           "data-current": a ? "true" : void 0,
                           children: [
                             /* @__PURE__ */ o(
-                              Qe,
+                              os,
                               {
                                 "aria-hidden": "true",
                                 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: n("navigation.localePicker.systemDefault", {
-                              locale: u.nativeName
+                            /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm", children: l("navigation.localePicker.systemDefault", {
+                              locale: m.nativeName
                             }) }),
                             a ? /* @__PURE__ */ o(
-                              z,
+                              J,
                               {
                                 "aria-hidden": "true",
                                 className: "ds:size-4 ds:text-primary ds:shrink-0"
                               }
                             ) : null,
-                            a ? /* @__PURE__ */ o("span", { className: "ds:sr-only", children: n("navigation.localePicker.currentSelection") }) : null
+                            a ? /* @__PURE__ */ o("span", { className: "ds:sr-only", children: l("navigation.localePicker.currentSelection") }) : null
                           ]
                         },
-                        m
+                        u
                       );
                     })(),
-                    $e.map((a) => {
-                      const u = C === a.code;
-                      return /* @__PURE__ */ _(
+                    ts.map((a) => {
+                      const m = x === a.code;
+                      return /* @__PURE__ */ f(
                         y.Item,
                         {
                           value: a.code,
                           keywords: [a.nativeName, a.englishName],
-                          disabled: r || i,
+                          disabled: t || n,
                           onSelect: h,
-                          className: M,
-                          "aria-selected": u || void 0,
-                          "data-current": u ? "true" : void 0,
+                          className: V,
+                          "aria-selected": m || void 0,
+                          "data-current": m ? "true" : void 0,
                           lang: a.code,
                           children: [
-                            F(a.countryCode) ? /* @__PURE__ */ o(
-                              E,
+                            H(a.countryCode) ? /* @__PURE__ */ o(
+                              R,
                               {
                                 country: a.countryCode,
                                 size: "sm",
@@ -567,14 +590,14 @@ const X = q("ds:inline-flex ds:items-center", {
                               )
                             ),
                             /* @__PURE__ */ o("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm", children: a.nativeName }),
-                            u ? /* @__PURE__ */ o(
-                              z,
+                            m ? /* @__PURE__ */ o(
+                              J,
                               {
                                 "aria-hidden": "true",
                                 className: "ds:size-4 ds:text-primary ds:shrink-0"
                               }
                             ) : null,
-                            u ? /* @__PURE__ */ o("span", { className: "ds:sr-only", children: n("navigation.localePicker.currentSelection") }) : null
+                            m ? /* @__PURE__ */ o("span", { className: "ds:sr-only", children: l("navigation.localePicker.currentSelection") }) : null
                           ]
                         },
                         a.code
@@ -590,36 +613,37 @@ const X = q("ds:inline-flex ds:items-center", {
     );
   }
 );
-R.displayName = "LocalePicker.SearchList";
-function as({
+I.displayName = "LocalePicker.SearchList";
+function ms({
   state: e,
-  rest: s,
-  forwardedRef: l,
-  className: r,
-  disabled: i,
-  loading: d,
-  popoverSide: c
+  selection: s,
+  rest: r,
+  forwardedRef: t,
+  className: n,
+  disabled: d,
+  loading: i,
+  popoverSide: l
 }) {
-  const { t: n } = T("ui"), t = x[e.locale];
+  const { t: c } = O("ui"), g = L[e.locale];
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: l,
+      ref: t,
       "data-component": "locale-picker",
-      "data-component-id": s.id,
-      className: X({ variant: "icon", className: r }),
-      ...s,
-      children: /* @__PURE__ */ _(b.Root, { children: [
+      "data-component-id": r.id,
+      className: Z({ variant: "icon", className: n }),
+      ...r,
+      children: /* @__PURE__ */ f(b.Root, { children: [
         /* @__PURE__ */ o(b.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
-          ie,
+          ue,
           {
-            disabled: i || d,
-            icon: /* @__PURE__ */ _("span", { className: "ds:relative ds:inline-flex ds:items-center ds:justify-center", children: [
-              /* @__PURE__ */ o(D, { "aria-hidden": !0, className: "ds:size-5" }),
-              F(t.countryCode) ? /* @__PURE__ */ o(
-                E,
+            disabled: d || i,
+            icon: /* @__PURE__ */ f("span", { className: "ds:relative ds:inline-flex ds:items-center ds:justify-center", children: [
+              /* @__PURE__ */ o(G, { "aria-hidden": !0, className: "ds:size-5" }),
+              H(g.countryCode) ? /* @__PURE__ */ o(
+                R,
                 {
-                  country: t.countryCode,
+                  country: g.countryCode,
                   size: "sm",
                   shape: "rectangle",
                   rounded: "sm",
@@ -637,26 +661,26 @@ function as({
                 }
               ) : null
             ] }),
-            "aria-label": n("navigation.localePicker.trigger", {
-              locale: t.nativeName
+            "aria-label": c("navigation.localePicker.trigger", {
+              locale: g.nativeName
             })
           }
         ) }),
         /* @__PURE__ */ o(
           b.Content,
           {
-            side: c,
+            side: l,
             align: "start",
             sideOffset: 8,
-            className: $,
-            "aria-label": n("navigation.localePicker.popupLabel"),
+            className: ee,
+            "aria-label": c("navigation.localePicker.popupLabel"),
             children: /* @__PURE__ */ o(
-              R,
+              I,
               {
-                value: e.locale,
+                value: s,
                 onValueChange: e.setLocale,
-                disabled: i,
-                loading: d
+                disabled: d,
+                loading: i
               }
             )
           }
@@ -665,51 +689,52 @@ function as({
     }
   );
 }
-function ts({
+function _s({
   state: e,
-  rest: s,
-  forwardedRef: l,
-  className: r,
-  disabled: i,
-  loading: d,
-  popoverSide: c
+  selection: s,
+  rest: r,
+  forwardedRef: t,
+  className: n,
+  disabled: d,
+  loading: i,
+  popoverSide: l
 }) {
-  const { t: n } = T("ui"), t = x[e.locale];
+  const { t: c } = O("ui"), g = L[e.locale];
   return /* @__PURE__ */ o(
     "div",
     {
-      ref: l,
+      ref: t,
       "data-component": "locale-picker",
-      "data-component-id": s.id,
-      className: X({ variant: "compact", className: r }),
-      ...s,
-      children: /* @__PURE__ */ _(b.Root, { children: [
-        /* @__PURE__ */ o(b.Trigger, { asChild: !0, children: /* @__PURE__ */ _(
+      "data-component-id": r.id,
+      className: Z({ variant: "compact", className: n }),
+      ...r,
+      children: /* @__PURE__ */ f(b.Root, { children: [
+        /* @__PURE__ */ o(b.Trigger, { asChild: !0, children: /* @__PURE__ */ f(
           "button",
           {
             type: "button",
-            disabled: i || d,
-            className: ss,
-            "aria-label": n("navigation.localePicker.trigger", {
-              locale: t.nativeName
+            disabled: d || i,
+            className: us,
+            "aria-label": c("navigation.localePicker.trigger", {
+              locale: g.nativeName
             }),
             children: [
-              F(t.countryCode) ? /* @__PURE__ */ o(
-                E,
+              H(g.countryCode) ? /* @__PURE__ */ o(
+                R,
                 {
-                  country: t.countryCode,
+                  country: g.countryCode,
                   size: "sm",
                   shape: "rectangle",
                   rounded: "sm",
                   className: "ds:shrink-0"
                 }
-              ) : /* @__PURE__ */ o(D, { "aria-hidden": !0, className: "ds:size-4 ds:shrink-0" }),
+              ) : /* @__PURE__ */ o(G, { "aria-hidden": !0, className: "ds:size-4 ds:shrink-0" }),
               /* @__PURE__ */ o(
                 "span",
                 {
                   className: "ds:flex-1 ds:truncate type-body-sm",
-                  lang: t.code,
-                  children: t.nativeName
+                  lang: g.code,
+                  children: g.nativeName
                 }
               )
             ]
@@ -718,18 +743,18 @@ function ts({
         /* @__PURE__ */ o(
           b.Content,
           {
-            side: c,
+            side: l,
             align: "start",
             sideOffset: 8,
-            className: $,
-            "aria-label": n("navigation.localePicker.popupLabel"),
+            className: ee,
+            "aria-label": c("navigation.localePicker.popupLabel"),
             children: /* @__PURE__ */ o(
-              R,
+              I,
               {
-                value: e.locale,
+                value: s,
                 onValueChange: e.setLocale,
-                disabled: i,
-                loading: d
+                disabled: d,
+                loading: i
               }
             )
           }
@@ -738,89 +763,93 @@ function ts({
     }
   );
 }
-const Z = P(
+const se = F(
   (e, s) => {
     const {
-      variant: l = "icon",
-      value: r,
-      onValueChange: i,
+      variant: r = "icon",
+      value: t,
+      onValueChange: n,
       disabled: d = !1,
-      loading: c = !1,
-      popoverSide: n = "bottom",
-      className: t,
-      id: S,
+      loading: i = !1,
+      initialLocaleFromHtmlLang: l = !1,
+      popoverSide: c = "bottom",
+      className: g,
+      id: x,
       ...C
-    } = e, f = Q(), k = r ?? f.locale, w = I(
-      (g) => {
-        if (i) {
-          if (i(g), g === m) {
-            Y(N);
-            const ee = O();
-            L(ee);
-          } else v(g) && (L(g), W(N, g));
+    } = e, p = $(l), S = t ?? p.locale, k = j(
+      (_) => {
+        if (n) {
+          if (n(_), _ === u) {
+            E(u);
+            const ae = M();
+            N(ae);
+          } else v(_) && (N(_), E(_));
           return;
         }
-        f.setLocale(g);
+        p.setLocale(_);
       },
-      [i, f]
-    ), p = U(
+      [n, p]
+    ), h = B(
       () => ({
-        locale: k,
-        isSystemDefault: f.isSystemDefault,
-        setLocale: w
+        locale: S,
+        isSystemDefault: p.isSystemDefault,
+        setLocale: k
       }),
-      [k, f.isSystemDefault, w]
-    ), h = G(null);
-    te(s, () => h.current, []);
-    const a = G(p);
-    a.current = p;
-    const u = U(
+      [S, p.isSystemDefault, k]
+    ), a = l && t === void 0 && p.isSystemDefault ? u : S, m = q(null);
+    le(s, () => m.current, []);
+    const w = q(h);
+    w.current = h;
+    const oe = B(
       () => ({
-        setLocale: (g) => {
-          v(g) && a.current.setLocale(g);
+        setLocale: (_) => {
+          v(_) && w.current.setLocale(_);
         },
         // Read-back for `set_locale` — the setter swallows unsupported
         // tags, so these are the only way an agent can tell a switch
         // landed from one that was dropped.
-        getLocale: () => a.current.locale,
-        getIsSystemDefault: () => a.current.isSystemDefault
+        getLocale: () => w.current.locale,
+        getIsSystemDefault: () => w.current.isSystemDefault
       }),
       []
     );
-    return Ye(Ze, u, S), l === "compact" ? /* @__PURE__ */ o(
-      ts,
+    return ss(ns, oe, x), r === "compact" ? /* @__PURE__ */ o(
+      _s,
       {
-        state: p,
+        state: h,
+        selection: a,
         rest: C,
-        forwardedRef: h,
-        className: t,
+        forwardedRef: m,
+        className: g,
         disabled: d,
-        loading: c,
-        popoverSide: n
+        loading: i,
+        popoverSide: c
       }
     ) : /* @__PURE__ */ o(
-      as,
+      ms,
       {
-        state: p,
+        state: h,
+        selection: a,
         rest: C,
-        forwardedRef: h,
-        className: t,
+        forwardedRef: m,
+        className: g,
         disabled: d,
-        loading: c,
-        popoverSide: n
+        loading: i,
+        popoverSide: c
       }
     );
   }
 );
-Z.displayName = "LocalePicker";
-const Ns = Object.assign(Z, {
-  SearchList: R
+se.displayName = "LocalePicker";
+const Is = Object.assign(se, {
+  SearchList: I
 });
 export {
-  N as L,
-  Ns as a,
-  R as b,
-  x as c,
-  es as u
+  P as L,
+  Is as a,
+  I as b,
+  L as c,
+  E as p,
+  ds as u
 };
-//# sourceMappingURL=locale-picker-KT-Vz3bx.js.map
+//# sourceMappingURL=locale-picker-DzdGDSBI.js.map