@alfadocs/ui-kit-debug 1.88.1 → 1.89.0

package/dist/_chunks/{locale-picker-QbT1p60X.js → locale-picker-DVvinQXU.js}

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