@alfadocs/ui-kit-debug 0.98.0 → 0.99.0

package/dist/_chunks/{locale-picker-EyvPrwDc.js → locale-picker-BfBUdT1m.js}

@@ -1,19 +1,90 @@
-import { jsx as s, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as H, useId as $, useState as M, useCallback as R, useMemo as D, useRef as F, useImperativeHandle as Q, useEffect as Z } from "react";
-import { c as B } from "./index-D2ZczOXr.js";
-import { useTranslation as T } from "react-i18next";
-import { _ as y, R as ee } from "./index-4xgbg-sn.js";
-import { I as ae } from "./icon-button-C_kbcd7I.js";
-import { P as C } from "./popover-Cc0a69sw.js";
-import { h as A, a as _ } from "./flag-Cnmivlrl.js";
-import { c as se, a as te, d as re } from "./input-surface-xyERuLU_.js";
+import { jsx as a, jsxs as _ } from "react/jsx-runtime";
+import { forwardRef as I, createElement as Z, useId as ee, useState as B, useCallback as T, useMemo as D, useRef as U, useImperativeHandle as se, useEffect as ae } from "react";
+import { c as q } from "./index-D2ZczOXr.js";
+import { useTranslation as A } from "react-i18next";
+import { _ as y, R as oe } from "./index-4xgbg-sn.js";
+import { I as te } from "./icon-button-C_kbcd7I.js";
+import { P as x } from "./popover-Cc0a69sw.js";
+import { F as ne, f as ie, s as J, _ as re, a as le, b as de, c as ce, d as ue, e as ge, g as me, h as _e, i as fe, j as ve, k as pe, l as he, m as ye, n as be, o as Ne, p as xe, q as Le, r as Ce, t as Se, u as ke, v as Pe, w as Ee, x as Re, y as we, z as Ie, A as Te, B as Ae, C as je, D as Fe, E as Oe, G as ze, H as De, I as Ue, J as Ge, K as Me, L as He } from "./flag-view-udarpAot.js";
+import { c as Be, a as qe, d as Je } from "./input-surface-xyERuLU_.js";
 import { LOCALES_WITH_BUNDLES as j } from "../i18n/config.js";
-import { u as oe } from "./use-locale-BkCIHujH.js";
-import { u as ne } from "./registry-DvAUVLHh.js";
-import { G as z } from "./globe-sHBW1JN5.js";
-import { M as ie } from "./monitor-xXSrufmP.js";
-import { C as O } from "./check-DrFSN__t.js";
-const k = {
+import { u as Ve } from "./use-locale-BkCIHujH.js";
+import { u as Ke } from "./registry-DvAUVLHh.js";
+import { G as F } from "./globe-sHBW1JN5.js";
+import { M as We } from "./monitor-xXSrufmP.js";
+import { C as G } from "./check-DrFSN__t.js";
+const O = J(
+  () => /* @__PURE__ */ Object.assign({
+    "/node_modules/country-flag-icons/3x2/AL.svg": Ce,
+    "/node_modules/country-flag-icons/3x2/CN.svg": Le,
+    "/node_modules/country-flag-icons/3x2/DE.svg": xe,
+    "/node_modules/country-flag-icons/3x2/ES.svg": Ne,
+    "/node_modules/country-flag-icons/3x2/FR.svg": be,
+    "/node_modules/country-flag-icons/3x2/GB.svg": ye,
+    "/node_modules/country-flag-icons/3x2/GR.svg": he,
+    "/node_modules/country-flag-icons/3x2/IN.svg": pe,
+    "/node_modules/country-flag-icons/3x2/IT.svg": ve,
+    "/node_modules/country-flag-icons/3x2/JP.svg": fe,
+    "/node_modules/country-flag-icons/3x2/NL.svg": _e,
+    "/node_modules/country-flag-icons/3x2/PL.svg": me,
+    "/node_modules/country-flag-icons/3x2/PT.svg": ge,
+    "/node_modules/country-flag-icons/3x2/RO.svg": ue,
+    "/node_modules/country-flag-icons/3x2/RU.svg": ce,
+    "/node_modules/country-flag-icons/3x2/SA.svg": de,
+    "/node_modules/country-flag-icons/3x2/SE.svg": le,
+    "/node_modules/country-flag-icons/3x2/TR.svg": re
+  })
+), Ye = J(
+  () => /* @__PURE__ */ Object.assign({
+    "/node_modules/country-flag-icons/1x1/AL.svg": He,
+    "/node_modules/country-flag-icons/1x1/CN.svg": Me,
+    "/node_modules/country-flag-icons/1x1/DE.svg": Ge,
+    "/node_modules/country-flag-icons/1x1/ES.svg": Ue,
+    "/node_modules/country-flag-icons/1x1/FR.svg": De,
+    "/node_modules/country-flag-icons/1x1/GB.svg": ze,
+    "/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": Ae,
+    "/node_modules/country-flag-icons/1x1/NL.svg": Te,
+    "/node_modules/country-flag-icons/1x1/PL.svg": Ie,
+    "/node_modules/country-flag-icons/1x1/PT.svg": we,
+    "/node_modules/country-flag-icons/1x1/RO.svg": Re,
+    "/node_modules/country-flag-icons/1x1/RU.svg": Ee,
+    "/node_modules/country-flag-icons/1x1/SA.svg": Pe,
+    "/node_modules/country-flag-icons/1x1/SE.svg": ke,
+    "/node_modules/country-flag-icons/1x1/TR.svg": Se
+  })
+);
+Object.freeze(
+  Object.keys(O).sort()
+);
+function z(e) {
+  return e.toUpperCase() in O;
+}
+const E = I(
+  ({
+    country: e,
+    label: s,
+    shape: c = "rectangle",
+    size: l = "sm",
+    rounded: r = "sm",
+    className: d,
+    ...i
+  }, o) => {
+    const n = e.toUpperCase();
+    return Z(ne, {
+      ref: o,
+      code: n,
+      src: (c === "square" ? Ye : O)[n],
+      label: s,
+      className: ie({ shape: c, size: l, rounded: r }, d),
+      ...i
+    });
+  }
+);
+E.displayName = "CoreFlag";
+const L = {
   en: {
     code: "en",
     nativeName: "English",
@@ -159,10 +230,10 @@ const k = {
     dir: "ltr"
   }
 };
-j.map((e) => k[e]);
-const de = [
-  ...j.map((e) => k[e])
-].sort((e, a) => e.englishName.localeCompare(a.englishName, "en")), le = {
+j.map((e) => L[e]);
+const Qe = [
+  ...j.map((e) => L[e])
+].sort((e, s) => e.englishName.localeCompare(s.englishName, "en")), Xe = {
   id: "locale-picker",
   // Persists a single locale choice via the handle's `setLocale` → set_value.
   capabilities: ["set_value"],
@@ -184,8 +255,8 @@ const de = [
       idempotent: !0,
       descriptionKey: "ui.agent.localePicker.actions.setLocale",
       description: "Switch the active locale to the given IETF tag.",
-      invoke: (e, a) => {
-        e.setLocale(a.locale);
+      invoke: (e, s) => {
+        e.setLocale(s.locale);
       }
     }
   },
@@ -196,12 +267,12 @@ const de = [
       description: "Marks the LocalePicker wrapper."
     }
   }
-}, b = "alfadocs-ui.locale", g = "system";
-let U = !1;
-function h(e) {
+}, b = "alfadocs-ui.locale", m = "system";
+let M = !1;
+function v(e) {
   return typeof e == "string" && j.includes(e);
 }
-function G(e) {
+function H(e) {
   if (typeof window > "u") return null;
   try {
     return window.localStorage.getItem(e);
@@ -209,60 +280,60 @@ function G(e) {
     return null;
   }
 }
-function q(e, a) {
+function V(e, s) {
   if (!(typeof window > "u"))
     try {
-      window.localStorage.setItem(e, a);
+      window.localStorage.setItem(e, s);
     } catch {
     }
 }
-function x() {
+function w() {
   if (typeof navigator > "u") return "en";
   const e = navigator.language;
   if (!e) return "en";
-  const a = e.toLowerCase().split("-")[0];
-  return h(a) ? a : "en";
+  const s = e.toLowerCase().split("-")[0];
+  return v(s) ? s : "en";
 }
-function L(e) {
+function N(e) {
   if (typeof document > "u") return;
-  const a = document.documentElement;
-  a.lang = e, a.dir = k[e].dir;
+  const s = document.documentElement;
+  s.lang = e, s.dir = L[e].dir;
 }
-function V(e) {
+function K(e) {
   if (!(typeof window > "u"))
     try {
       window.localStorage.removeItem(e);
     } catch {
     }
 }
-function J() {
-  const { locale: e, setLocale: a } = oe(), [u, d] = M(
-    () => G(b) === null
-  ), i = h(e) ? e : "en", l = R(
-    (o) => {
-      if (o === g) {
-        V(b);
-        const r = x();
-        a(r), L(r), d(!0);
+function W() {
+  const { locale: e, setLocale: s } = Ve(), [c, l] = B(
+    () => H(b) === null
+  ), r = v(e) ? e : "en", d = T(
+    (i) => {
+      if (i === m) {
+        K(b);
+        const o = w();
+        s(o), N(o), l(!0);
         return;
       }
-      h(o) && (a(o), L(o), q(b, o), d(!1));
+      v(i) && (s(i), N(i), V(b, i), l(!1));
     },
-    [a]
+    [s]
   );
-  return Z(() => {
-    if (U) return;
-    U = !0;
-    const o = G(b);
-    if (h(o)) {
-      o !== e && a(o), L(o);
+  return ae(() => {
+    if (M) return;
+    M = !0;
+    const i = H(b);
+    if (v(i)) {
+      i !== e && s(i), N(i);
       return;
     }
-    const r = x();
-    a(r), L(r);
-  }, []), { locale: i, isSystemDefault: u, setLocale: l };
+    const o = w();
+    s(o), N(o);
+  }, []), { locale: r, isSystemDefault: c, setLocale: d };
 }
-const K = B("ds:inline-flex ds:items-center", {
+const Y = q("ds:inline-flex ds:items-center", {
   variants: {
     variant: {
       icon: "",
@@ -270,7 +341,7 @@ const K = B("ds:inline-flex ds:items-center", {
     }
   },
   defaultVariants: { variant: "icon" }
-}), ce = [
+}), $e = [
   "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)]",
@@ -281,12 +352,12 @@ const K = B("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(" "), W = [
+].join(" "), Q = [
   "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(" "), ue = B("ds:flex ds:flex-col", {
+].join(" "), Ze = q("ds:flex ds:flex-col", {
   variants: {
     loading: {
       true: "ds:opacity-60 ds:pointer-events-none",
@@ -294,67 +365,67 @@ const K = B("ds:inline-flex ds:items-center", {
     }
   },
   defaultVariants: { loading: !1 }
-}), I = H(
+}), R = I(
   ({
     value: e,
-    onValueChange: a,
-    inputId: u,
-    disabled: d = !1,
-    loading: i = !1,
-    className: l
-  }, o) => {
-    const { t: r } = T(), n = J(), E = n.locale, S = e ?? (n.isSystemDefault ? g : n.locale), p = $(), w = u ?? `${p}-search`, [P, v] = M(""), N = R(
+    onValueChange: s,
+    inputId: c,
+    disabled: l = !1,
+    loading: r = !1,
+    className: d
+  }, i) => {
+    const { t: o } = A(), n = W(), S = n.locale, C = e ?? (n.isSystemDefault ? m : n.locale), f = ee(), k = c ?? `${f}-search`, [P, p] = B(""), h = T(
       (t) => {
-        if (!(d || i)) {
-          if (t === g) {
-            a ? a(g) : n.setLocale(g);
+        if (!(l || r)) {
+          if (t === m) {
+            s ? s(m) : n.setLocale(m);
             return;
           }
-          h(t) && (a ? a(t) : n.setLocale(t));
+          v(t) && (s ? s(t) : n.setLocale(t));
         }
       },
-      [d, i, a, n]
+      [l, r, s, n]
     );
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ a(
       "div",
       {
-        ref: o,
-        className: [ue({ loading: i }), l].filter(Boolean).join(" "),
+        ref: i,
+        className: [Ze({ loading: r }), d].filter(Boolean).join(" "),
         "data-component": "locale-picker-search-list",
-        children: /* @__PURE__ */ f(
+        children: /* @__PURE__ */ _(
           y,
           {
-            label: r("navigation.localePicker.commandLabel"),
-            filter: ee,
+            label: o("navigation.localePicker.commandLabel"),
+            filter: oe,
             shouldFilter: !0,
             children: [
-              /* @__PURE__ */ f(
+              /* @__PURE__ */ _(
                 "div",
                 {
                   className: [
-                    se,
-                    te.sm,
-                    re.sm,
+                    Be,
+                    qe.sm,
+                    Je.sm,
                     "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]",
                     "ds:m-[var(--spacing-xs)]"
                   ].join(" "),
                   children: [
-                    /* @__PURE__ */ s(
-                      z,
+                    /* @__PURE__ */ a(
+                      F,
                       {
                         "aria-hidden": "true",
                         className: "ds:size-4 ds:text-muted-foreground ds:shrink-0"
                       }
                     ),
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ a(
                       y.Input,
                       {
-                        id: w,
+                        id: k,
                         value: P,
-                        onValueChange: v,
-                        placeholder: r("navigation.localePicker.searchPlaceholder"),
-                        "aria-label": r("navigation.localePicker.searchLabel"),
-                        disabled: d || i,
+                        onValueChange: p,
+                        placeholder: o("navigation.localePicker.searchPlaceholder"),
+                        "aria-label": o("navigation.localePicker.searchLabel"),
+                        disabled: l || r,
                         className: [
                           "ds:peer ds:flex-1 ds:bg-transparent ds:border-0 ds:outline-none",
                           "ds:placeholder:text-muted-foreground ds:text-foreground",
@@ -365,7 +436,7 @@ const K = B("ds:inline-flex ds:items-center", {
                   ]
                 }
               ),
-              /* @__PURE__ */ f(
+              /* @__PURE__ */ _(
                 y.List,
                 {
                   className: [
@@ -373,32 +444,32 @@ const K = B("ds:inline-flex ds:items-center", {
                     "ds:p-[var(--spacing-xs)]"
                   ].join(" "),
                   children: [
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ a(
                       y.Empty,
                       {
                         className: [
                           "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]",
                           "type-body-sm ds:text-muted-foreground"
                         ].join(" "),
-                        children: r("navigation.localePicker.empty")
+                        children: o("navigation.localePicker.empty")
                       }
                     ),
                     (() => {
-                      const t = S === g, c = k[E];
-                      return /* @__PURE__ */ f(
+                      const t = C === m, u = L[S];
+                      return /* @__PURE__ */ _(
                         y.Item,
                         {
-                          value: g,
+                          value: m,
                           keywords: [
                             "system",
                             "default",
                             "auto",
                             "browser",
-                            c.nativeName,
-                            c.englishName
+                            u.nativeName,
+                            u.englishName
                           ],
-                          disabled: d || i,
-                          onSelect: N,
+                          disabled: l || r,
+                          onSelect: h,
                           className: [
                             "ds:relative ds:flex ds:cursor-pointer ds:select-none",
                             "ds:items-center ds:gap-[var(--spacing-sm)]",
@@ -413,38 +484,38 @@ const K = B("ds:inline-flex ds:items-center", {
                           "aria-selected": t || void 0,
                           "data-current": t ? "true" : void 0,
                           children: [
-                            /* @__PURE__ */ s(
-                              ie,
+                            /* @__PURE__ */ a(
+                              We,
                               {
                                 "aria-hidden": "true",
                                 className: "ds:size-4 ds:text-muted-foreground ds:shrink-0"
                               }
                             ),
-                            /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm", children: r("navigation.localePicker.systemDefault", {
-                              locale: c.nativeName
+                            /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm", children: o("navigation.localePicker.systemDefault", {
+                              locale: u.nativeName
                             }) }),
-                            t ? /* @__PURE__ */ s(
-                              O,
+                            t ? /* @__PURE__ */ a(
+                              G,
                               {
                                 "aria-hidden": "true",
                                 className: "ds:size-4 ds:text-primary ds:shrink-0"
                               }
                             ) : null,
-                            t ? /* @__PURE__ */ s("span", { className: "ds:sr-only", children: r("navigation.localePicker.currentSelection") }) : null
+                            t ? /* @__PURE__ */ a("span", { className: "ds:sr-only", children: o("navigation.localePicker.currentSelection") }) : null
                           ]
                         },
-                        g
+                        m
                       );
                     })(),
-                    de.map((t) => {
-                      const c = S === t.code;
-                      return /* @__PURE__ */ f(
+                    Qe.map((t) => {
+                      const u = C === t.code;
+                      return /* @__PURE__ */ _(
                         y.Item,
                         {
                           value: t.code,
                           keywords: [t.nativeName, t.englishName],
-                          disabled: d || i,
-                          onSelect: N,
+                          disabled: l || r,
+                          onSelect: h,
                           className: [
                             "ds:relative ds:flex ds:cursor-pointer ds:select-none",
                             "ds:items-center ds:gap-[var(--spacing-sm)]",
@@ -456,12 +527,12 @@ const K = B("ds:inline-flex ds:items-center", {
                             "ds:aria-selected:bg-muted",
                             "ds:aria-disabled:opacity-50 ds:aria-disabled:cursor-not-allowed"
                           ].join(" "),
-                          "aria-selected": c || void 0,
-                          "data-current": c ? "true" : void 0,
+                          "aria-selected": u || void 0,
+                          "data-current": u ? "true" : void 0,
                           lang: t.code,
                           children: [
-                            A(t.countryCode) ? /* @__PURE__ */ s(
-                              _,
+                            z(t.countryCode) ? /* @__PURE__ */ a(
+                              E,
                               {
                                 country: t.countryCode,
                                 size: "sm",
@@ -470,13 +541,13 @@ const K = B("ds:inline-flex ds:items-center", {
                                 className: "ds:shrink-0"
                               }
                             ) : (
-                              /* hasFlag fallback: render the emoji glyph only
+                              /* hasCoreFlag fallback: render the emoji glyph only
                                  when the kit doesn't ship an SVG for this
                                  country code. All 18 bundled locales currently
                                  have SVG flags, so this is dead code on the
                                  canonical set — kept for resilience when
                                  consumers extend the registry. */
-                              /* @__PURE__ */ s(
+                              /* @__PURE__ */ a(
                                 "span",
                                 {
                                   "aria-hidden": "true",
@@ -485,15 +556,15 @@ const K = B("ds:inline-flex ds:items-center", {
                                 }
                               )
                             ),
-                            /* @__PURE__ */ s("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm", children: t.nativeName }),
-                            c ? /* @__PURE__ */ s(
-                              O,
+                            /* @__PURE__ */ a("span", { className: "ds:flex-1 ds:min-w-0 ds:truncate type-body-sm", children: t.nativeName }),
+                            u ? /* @__PURE__ */ a(
+                              G,
                               {
                                 "aria-hidden": "true",
                                 className: "ds:size-4 ds:text-primary ds:shrink-0"
                               }
                             ) : null,
-                            c ? /* @__PURE__ */ s("span", { className: "ds:sr-only", children: r("navigation.localePicker.currentSelection") }) : null
+                            u ? /* @__PURE__ */ a("span", { className: "ds:sr-only", children: o("navigation.localePicker.currentSelection") }) : null
                           ]
                         },
                         t.code
@@ -509,34 +580,34 @@ const K = B("ds:inline-flex ds:items-center", {
     );
   }
 );
-I.displayName = "LocalePicker.SearchList";
-function me({
+R.displayName = "LocalePicker.SearchList";
+function es({
   state: e,
-  rest: a,
-  forwardedRef: u,
-  className: d,
-  disabled: i,
-  loading: l,
-  popoverSide: o
+  rest: s,
+  forwardedRef: c,
+  className: l,
+  disabled: r,
+  loading: d,
+  popoverSide: i
 }) {
-  const { t: r } = T(), n = k[e.locale];
-  return /* @__PURE__ */ s(
+  const { t: o } = A(), n = L[e.locale];
+  return /* @__PURE__ */ a(
     "div",
     {
-      ref: u,
+      ref: c,
       "data-component": "locale-picker",
-      "data-component-id": a.id,
-      className: K({ variant: "icon", className: d }),
-      ...a,
-      children: /* @__PURE__ */ f(C.Root, { children: [
-        /* @__PURE__ */ s(C.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
-          ae,
+      "data-component-id": s.id,
+      className: Y({ variant: "icon", className: l }),
+      ...s,
+      children: /* @__PURE__ */ _(x.Root, { children: [
+        /* @__PURE__ */ a(x.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+          te,
           {
-            disabled: i || l,
-            icon: /* @__PURE__ */ f("span", { className: "ds:relative ds:inline-flex ds:items-center ds:justify-center", children: [
-              /* @__PURE__ */ s(z, { "aria-hidden": !0, className: "ds:size-5" }),
-              A(n.countryCode) ? /* @__PURE__ */ s(
-                _,
+            disabled: r || d,
+            icon: /* @__PURE__ */ _("span", { className: "ds:relative ds:inline-flex ds:items-center ds:justify-center", children: [
+              /* @__PURE__ */ a(F, { "aria-hidden": !0, className: "ds:size-5" }),
+              z(n.countryCode) ? /* @__PURE__ */ a(
+                E,
                 {
                   country: n.countryCode,
                   size: "sm",
@@ -556,26 +627,26 @@ function me({
                 }
               ) : null
             ] }),
-            "aria-label": r("navigation.localePicker.trigger", {
+            "aria-label": o("navigation.localePicker.trigger", {
               locale: n.nativeName
             })
           }
         ) }),
-        /* @__PURE__ */ s(
-          C.Content,
+        /* @__PURE__ */ a(
+          x.Content,
           {
-            side: o,
+            side: i,
             align: "start",
             sideOffset: 8,
-            className: W,
-            "aria-label": r("navigation.localePicker.popupLabel"),
-            children: /* @__PURE__ */ s(
-              I,
+            className: Q,
+            "aria-label": o("navigation.localePicker.popupLabel"),
+            children: /* @__PURE__ */ a(
+              R,
               {
                 value: e.locale,
                 onValueChange: e.setLocale,
-                disabled: i,
-                loading: l
+                disabled: r,
+                loading: d
               }
             )
           }
@@ -584,37 +655,37 @@ function me({
     }
   );
 }
-function ge({
+function ss({
   state: e,
-  rest: a,
-  forwardedRef: u,
-  className: d,
-  disabled: i,
-  loading: l,
-  popoverSide: o
+  rest: s,
+  forwardedRef: c,
+  className: l,
+  disabled: r,
+  loading: d,
+  popoverSide: i
 }) {
-  const { t: r } = T(), n = k[e.locale];
-  return /* @__PURE__ */ s(
+  const { t: o } = A(), n = L[e.locale];
+  return /* @__PURE__ */ a(
     "div",
     {
-      ref: u,
+      ref: c,
       "data-component": "locale-picker",
-      "data-component-id": a.id,
-      className: K({ variant: "compact", className: d }),
-      ...a,
-      children: /* @__PURE__ */ f(C.Root, { children: [
-        /* @__PURE__ */ s(C.Trigger, { asChild: !0, children: /* @__PURE__ */ f(
+      "data-component-id": s.id,
+      className: Y({ variant: "compact", className: l }),
+      ...s,
+      children: /* @__PURE__ */ _(x.Root, { children: [
+        /* @__PURE__ */ a(x.Trigger, { asChild: !0, children: /* @__PURE__ */ _(
           "button",
           {
             type: "button",
-            disabled: i || l,
-            className: ce,
-            "aria-label": r("navigation.localePicker.trigger", {
+            disabled: r || d,
+            className: $e,
+            "aria-label": o("navigation.localePicker.trigger", {
               locale: n.nativeName
             }),
             children: [
-              A(n.countryCode) ? /* @__PURE__ */ s(
-                _,
+              z(n.countryCode) ? /* @__PURE__ */ a(
+                E,
                 {
                   country: n.countryCode,
                   size: "sm",
@@ -622,8 +693,8 @@ function ge({
                   rounded: "sm",
                   className: "ds:shrink-0"
                 }
-              ) : /* @__PURE__ */ s(z, { "aria-hidden": !0, className: "ds:size-4 ds:shrink-0" }),
-              /* @__PURE__ */ s(
+              ) : /* @__PURE__ */ a(F, { "aria-hidden": !0, className: "ds:size-4 ds:shrink-0" }),
+              /* @__PURE__ */ a(
                 "span",
                 {
                   className: "ds:flex-1 ds:truncate type-body-sm",
@@ -634,21 +705,21 @@ function ge({
             ]
           }
         ) }),
-        /* @__PURE__ */ s(
-          C.Content,
+        /* @__PURE__ */ a(
+          x.Content,
           {
-            side: o,
+            side: i,
             align: "start",
             sideOffset: 8,
-            className: W,
-            "aria-label": r("navigation.localePicker.popupLabel"),
-            children: /* @__PURE__ */ s(
-              I,
+            className: Q,
+            "aria-label": o("navigation.localePicker.popupLabel"),
+            children: /* @__PURE__ */ a(
+              R,
               {
                 value: e.locale,
                 onValueChange: e.setLocale,
-                disabled: i,
-                loading: l
+                disabled: r,
+                loading: d
               }
             )
           }
@@ -657,83 +728,83 @@ function ge({
     }
   );
 }
-const Y = H(
-  (e, a) => {
+const X = I(
+  (e, s) => {
     const {
-      variant: u = "icon",
-      value: d,
-      onValueChange: i,
-      disabled: l = !1,
-      loading: o = !1,
-      popoverSide: r = "bottom",
+      variant: c = "icon",
+      value: l,
+      onValueChange: r,
+      disabled: d = !1,
+      loading: i = !1,
+      popoverSide: o = "bottom",
       className: n,
-      id: E,
-      ...S
-    } = e, p = J(), w = d ?? p.locale, P = R(
-      (m) => {
-        if (i) {
-          if (i(m), m === g) {
-            V(b);
-            const X = x();
-            L(X);
-          } else h(m) && (L(m), q(b, m));
+      id: S,
+      ...C
+    } = e, f = W(), k = l ?? f.locale, P = T(
+      (g) => {
+        if (r) {
+          if (r(g), g === m) {
+            K(b);
+            const $ = w();
+            N($);
+          } else v(g) && (N(g), V(b, g));
           return;
         }
-        p.setLocale(m);
+        f.setLocale(g);
       },
-      [i, p]
-    ), v = D(
+      [r, f]
+    ), p = D(
       () => ({
-        locale: w,
-        isSystemDefault: p.isSystemDefault,
+        locale: k,
+        isSystemDefault: f.isSystemDefault,
         setLocale: P
       }),
-      [w, p.isSystemDefault, P]
-    ), N = F(null);
-    Q(a, () => N.current, []);
-    const t = F(v);
-    t.current = v;
-    const c = D(
+      [k, f.isSystemDefault, P]
+    ), h = U(null);
+    se(s, () => h.current, []);
+    const t = U(p);
+    t.current = p;
+    const u = D(
       () => ({
-        setLocale: (m) => {
-          h(m) && t.current.setLocale(m);
+        setLocale: (g) => {
+          v(g) && t.current.setLocale(g);
         }
       }),
       []
     );
-    return ne(le, c, E), u === "compact" ? /* @__PURE__ */ s(
-      ge,
+    return Ke(Xe, u, S), c === "compact" ? /* @__PURE__ */ a(
+      ss,
       {
-        state: v,
-        rest: S,
-        forwardedRef: N,
+        state: p,
+        rest: C,
+        forwardedRef: h,
         className: n,
-        disabled: l,
-        loading: o,
-        popoverSide: r
+        disabled: d,
+        loading: i,
+        popoverSide: o
       }
-    ) : /* @__PURE__ */ s(
-      me,
+    ) : /* @__PURE__ */ a(
+      es,
       {
-        state: v,
-        rest: S,
-        forwardedRef: N,
+        state: p,
+        rest: C,
+        forwardedRef: h,
         className: n,
-        disabled: l,
-        loading: o,
-        popoverSide: r
+        disabled: d,
+        loading: i,
+        popoverSide: o
       }
     );
   }
 );
-Y.displayName = "LocalePicker";
-const xe = Object.assign(Y, {
-  SearchList: I
+X.displayName = "LocalePicker";
+const ps = Object.assign(X, {
+  SearchList: R
 });
 export {
   b as L,
-  xe as a,
-  I as b,
-  k as c
+  ps as a,
+  R as b,
+  L as c
 };
-//# sourceMappingURL=locale-picker-EyvPrwDc.js.map
+//# sourceMappingURL=locale-picker-BfBUdT1m.js.map