@alfadocs/ui-kit-debug 1.88.0 → 1.89.0

package/dist/_chunks/{header-settings-CifwJEKB.js → header-settings-BVhjndtV.js}

@@ -1,22 +1,22 @@
-import { jsx as t, jsxs as m, Fragment as $ } from "react/jsx-runtime";
-import { forwardRef as ie, useRef as l, useImperativeHandle as oe, useState as ce, useCallback as le, useMemo as de } from "react";
-import { c as N } from "./index-D2ZczOXr.js";
-import { useTranslation as Y } from "react-i18next";
-import { B as ue } from "./button-DohK_Ak_.js";
-import { I as pe } from "./icon-button-S8_weU3g.js";
+import { jsx as t, jsxs as p, Fragment as X } from "react/jsx-runtime";
+import { forwardRef as le, useRef as d, useImperativeHandle as de, useState as ue, useCallback as pe, useMemo as ge } from "react";
+import { c as _ } from "./index-D2ZczOXr.js";
+import { useTranslation as ee } from "react-i18next";
+import { B as me } from "./button-DohK_Ak_.js";
+import { I as he } from "./icon-button-S8_weU3g.js";
 import { D as n } from "./dropdown-menu-D1we7oAY.js";
-import { u as me, p as ge, c as w, a as Z } from "./locale-picker-QbT1p60X.js";
-import { u as he } from "./use-media-query-CcAx5SMM.js";
-import { u as fe } from "./use-locale-BExNy9Dl.js";
-import { u as ye } from "./use-theme-CYGyzFgZ.js";
-import { a as be } from "./use-direction-Dp8h70PP.js";
-import { u as ve } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-import { u as we } from "./registry-DvAUVLHh.js";
-import { u as Se } from "./length-token-DwMnGEYT.js";
-import { S as ke } from "./settings-d25ju_6L.js";
-import { A as J } from "./arrow-left-BfaGqVam.js";
-import { C as X } from "./chevron-right-I9AeSxH2.js";
-const Te = {
+import { u as fe, p as ye, d as S, r as be, b as te } from "./locale-picker-DVvinQXU.js";
+import { u as we } from "./use-media-query-CcAx5SMM.js";
+import { u as ve } from "./use-locale-BExNy9Dl.js";
+import { u as Se } from "./use-theme-CYGyzFgZ.js";
+import { a as Le } from "./use-direction-Dp8h70PP.js";
+import { u as ke } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as Te } from "./registry-DvAUVLHh.js";
+import { u as Re } from "./length-token-DwMnGEYT.js";
+import { S as Ae } from "./settings-d25ju_6L.js";
+import { A as Y } from "./arrow-left-BfaGqVam.js";
+import { C as Z } from "./chevron-right-I9AeSxH2.js";
+const Ce = {
   id: "header-settings",
   // Each setter persists a single preference value (locale / theme /
   // accessibility) — `set_value` semantics, not an ephemeral view switch.
@@ -32,7 +32,7 @@ const Te = {
     locale: {
       type: "string",
       descriptionKey: "ui.agent.headerSettings.state.locale",
-      description: 'Active IETF language tag (e.g. "en", "it", "ar"). Initially uses storage, then HTML lang when initialLocaleFromHtmlLang is enabled, then the browser. Read after set_locale to confirm the switch; unknown tags leave it unchanged.',
+      description: 'Active IETF language tag (e.g. "en", "it", "ar"). Initially uses HTML lang first when followHtmlLang is enabled; otherwise storage, then HTML lang when initialLocaleFromHtmlLang is enabled, then the browser. Read after set_locale to confirm the switch; unknown tags leave it unchanged.',
       read: (a) => a.getLocale()
     },
     theme: {
@@ -70,13 +70,13 @@ const Te = {
       },
       idempotent: !0,
       descriptionKey: "ui.agent.headerSettings.actions.setLocale",
-      description: "Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm.",
+      description: "Switch the active locale to the given IETF tag. Unknown tags are silently dropped — read the `locale` state slot afterwards to confirm. On a site with one address per language, the host may then load that language's address.",
       errors: [
         "Silently ignored when the tag names a locale the kit ships no bundle for — `locale` is unchanged."
       ],
       examples: [{ args: { locale: "it" }, note: "Switch to Italian." }],
-      invoke: (a, s) => {
-        a.setLocale(s.locale);
+      invoke: (a, i) => {
+        a.setLocale(i.locale);
       }
     },
     set_theme: {
@@ -93,8 +93,8 @@ const Te = {
       examples: [
         { args: { theme: "dark" }, note: "Switch to the dark theme." }
       ],
-      invoke: (a, s) => {
-        a.setTheme(s.theme);
+      invoke: (a, i) => {
+        a.setTheme(i.theme);
       }
     },
     set_accessibility: {
@@ -119,8 +119,8 @@ const Te = {
           note: "Enable the AAA-accessible profile."
         }
       ],
-      invoke: (a, s) => {
-        a.setAccessibility(s.accessibility);
+      invoke: (a, i) => {
+        a.setAccessibility(i.accessibility);
       }
     }
   },
@@ -137,12 +137,12 @@ const Te = {
     }
   }
 };
-function Le(a) {
+function De(a) {
   if (typeof document > "u") return;
-  const s = document.documentElement;
-  s.lang = a, s.dir = w[a].dir;
+  const i = document.documentElement;
+  i.lang = a, i.dir = S[a].dir;
 }
-const Ae = N("ds:inline-flex ds:items-center", {
+const Ie = _("ds:inline-flex ds:items-center", {
   variants: {
     align: {
       start: "",
@@ -150,59 +150,62 @@ const Ae = N("ds:inline-flex ds:items-center", {
     }
   },
   defaultVariants: { align: "end" }
-}), Re = "ds:w-[var(--popover-size-md)]", De = N("", {
+}), Ke = "ds:w-[var(--popover-size-md)]", Pe = _("", {
   variants: {
     language: {
       true: "ds:[inline-size:var(--popover-size-md)] ds:[min-inline-size:0] ds:[max-inline-size:calc(100vw_-_2_*_var(--spacing-lg))] ds:[&_input]:min-w-0",
       false: ""
     }
   }
-}), Ie = N(
+}), Ee = _(
   "ds:flex ds:flex-1 ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]"
 );
 function A({
   label: a,
-  value: s,
-  lang: d
+  value: i,
+  lang: g
 }) {
-  return /* @__PURE__ */ m("span", { className: Ie(), children: [
+  return /* @__PURE__ */ p("span", { className: Ee(), children: [
     /* @__PURE__ */ t("span", { className: "ds:truncate", children: a }),
     /* @__PURE__ */ t(
       "span",
       {
-        lang: d,
+        lang: g,
         className: "ds:shrink-0 ds:text-muted-foreground ds:[[data-highlighted]_&]:text-current",
-        children: s
+        children: i
       }
     )
   ] });
 }
-function ee(a) {
-  return Object.prototype.hasOwnProperty.call(w, a);
+function ae(a) {
+  return Object.prototype.hasOwnProperty.call(S, a);
 }
-function Ce({ locale: a }) {
-  const { t: s } = Y("ui"), d = w[ee(a) ? a : "en"], R = (r) => {
-    var u;
-    r.target === r.currentTarget && ((u = r.currentTarget.querySelector("input")) == null || u.focus({ preventScroll: !0 }));
+function Ne({
+  locale: a,
+  onLocaleChange: i
+}) {
+  const { t: g } = ee("ui"), b = S[ae(a) ? a : "en"], C = (r) => {
+    var o;
+    r.target === r.currentTarget && ((o = r.currentTarget.querySelector("input")) == null || o.focus({ preventScroll: !0 }));
   }, D = (r) => {
-    const u = r.target;
-    if (u instanceof HTMLInputElement) {
+    const o = r.target;
+    if (o instanceof HTMLInputElement) {
       if (r.nativeEvent.isComposing) {
         r.stopPropagation();
         return;
       }
-      r.key !== "ArrowLeft" && r.key !== "ArrowRight" || (u.selectionStart !== 0 || u.selectionEnd !== 0) && r.stopPropagation();
+      r.key !== "ArrowLeft" && r.key !== "ArrowRight" || (o.selectionStart !== 0 || o.selectionEnd !== 0) && r.stopPropagation();
     }
   };
-  return /* @__PURE__ */ m(n.Sub, { children: [
-    /* @__PURE__ */ t(n.SubTrigger, { "aria-haspopup": "dialog", "data-value": d.code, children: /* @__PURE__ */ m("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ t("span", { className: "ds:truncate", children: s("navigation.headerSettings.language.label") }),
+  return /* @__PURE__ */ p(n.Sub, { children: [
+    /* @__PURE__ */ t(n.SubTrigger, { "aria-haspopup": "dialog", "data-value": b.code, children: /* @__PURE__ */ p("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ t("span", { className: "ds:truncate", children: g("navigation.headerSettings.language.label") }),
       /* @__PURE__ */ t(
         "span",
         {
-          lang: d.code,
+          lang: b.code,
           className: "ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:[[data-highlighted]_&]:text-current",
-          children: d.nativeName
+          children: b.nativeName
         }
       )
     ] }) }),
@@ -211,79 +214,90 @@ function Ce({ locale: a }) {
       {
         role: "dialog",
         "aria-orientation": void 0,
-        className: Re,
-        onFocus: R,
+        className: Ke,
+        onFocus: C,
         onKeyDownCapture: D,
         onEscapeKeyDown: (r) => {
           r.isComposing && r.preventDefault();
         },
-        children: /* @__PURE__ */ t(Z.SearchList, {})
+        children: /* @__PURE__ */ t(te.SearchList, { onLocaleChange: i })
       }
     )
   ] });
 }
-const Ke = ie(
-  (a, s) => {
-    var U;
+const xe = le(
+  (a, i) => {
+    var Q;
     const {
-      align: d = "end",
-      size: R = "md",
-      disabled: D = !1,
-      initialLocaleFromHtmlLang: r = !1,
-      className: u,
-      id: _,
-      ...te
-    } = a, { t: p } = Y("ui"), o = ye(), { locale: b, setLocale: H } = fe();
-    me(r);
-    const I = l(null);
-    oe(s, () => I.current, []);
-    const g = he("(width < 48rem)"), z = be(), [S, h] = ce("main"), c = g ? S : "main", k = l(null), M = l(null), j = l(null), f = l(null), T = l("keyboard");
-    ve(() => {
-      var e, i, v, G, Q;
-      if (!g && S !== "main" && (f.current = S, h("main")), c === "language")
-        (i = (e = k.current) == null ? void 0 : e.querySelector(
+      align: g = "end",
+      size: b = "md",
+      disabled: C = !1,
+      initialLocaleFromHtmlLang: D = !1,
+      followHtmlLang: r = !1,
+      onLocaleChange: o,
+      className: ne,
+      id: z,
+      ...re
+    } = a, { t: u } = ee("ui"), c = Se(), { locale: w, setLocale: M } = ve();
+    fe(D, r);
+    const j = d(o);
+    j.current = o;
+    const I = d(null);
+    de(i, () => I.current, []);
+    const m = we("(width < 48rem)"), F = Le(), [L, h] = ue("main"), l = m ? L : "main", k = d(null), O = d(null), V = d(null), f = d(null), T = d("keyboard");
+    ke(() => {
+      var e, s, v, W, $;
+      if (!m && L !== "main" && (f.current = L, h("main")), l === "language")
+        (s = (e = k.current) == null ? void 0 : e.querySelector(
           T.current === "keyboard" ? "input" : "button"
-        )) == null || i.focus({ preventScroll: !0 });
-      else if (c === "appearance")
-        (G = (v = k.current) == null ? void 0 : v.querySelector('[role="menuitem"]')) == null || G.focus({ preventScroll: !0 });
+        )) == null || s.focus({ preventScroll: !0 });
+      else if (l === "appearance")
+        (W = (v = k.current) == null ? void 0 : v.querySelector('[role="menuitem"]')) == null || W.focus({ preventScroll: !0 });
       else if (f.current) {
-        const W = f.current, E = g ? (W === "language" ? M : j).current : (Q = k.current) == null ? void 0 : Q.querySelector(
-          `[role="menuitem"][aria-haspopup="${W === "language" ? "dialog" : "menu"}"]`
+        const J = f.current, H = m ? (J === "language" ? O : V).current : ($ = k.current) == null ? void 0 : $.querySelector(
+          `[role="menuitem"][aria-haspopup="${J === "language" ? "dialog" : "menu"}"]`
         );
-        E == null || E.focus({ preventScroll: !0 }), f.current = null;
+        H == null || H.focus({ preventScroll: !0 }), f.current = null;
       }
-    }, [g, S, c]);
-    const F = (e, i) => {
+    }, [m, L, l]);
+    const q = (e, s) => {
       if (e.nativeEvent.isComposing) return;
-      const v = z === "rtl" ? "ArrowLeft" : "ArrowRight";
-      (e.key === "Enter" || e.key === " " || e.key === v) && (T.current = "keyboard"), e.key === v && (e.preventDefault(), h(i));
-    }, C = () => {
-      c !== "main" && (f.current = c, h("main"));
-    }, ae = (e) => {
-      if (c === "main") return;
+      const v = F === "rtl" ? "ArrowLeft" : "ArrowRight";
+      (e.key === "Enter" || e.key === " " || e.key === v) && (T.current = "keyboard"), e.key === v && (e.preventDefault(), h(s));
+    }, K = () => {
+      l !== "main" && (f.current = l, h("main"));
+    }, se = (e) => {
+      if (l === "main") return;
       if (e.nativeEvent.isComposing) {
         e.stopPropagation();
         return;
       }
-      if (e.key !== (z === "rtl" ? "ArrowRight" : "ArrowLeft"))
+      if (e.key !== (F === "rtl" ? "ArrowRight" : "ArrowLeft"))
         return;
-      const i = e.target;
-      i instanceof HTMLInputElement && (i.selectionStart !== 0 || i.selectionEnd !== 0) || (e.preventDefault(), e.stopPropagation(), C());
-    }, O = le(
+      const s = e.target;
+      s instanceof HTMLInputElement && (s.selectionStart !== 0 || s.selectionEnd !== 0) || (e.preventDefault(), e.stopPropagation(), K());
+    }, B = pe(
       (e) => {
-        H(e), Le(e), ge(e);
+        M(e), De(e), ye(e);
       },
-      [H]
-    ), V = l(O);
-    V.current = O;
-    const q = l(b);
-    q.current = b;
-    const y = l(o);
-    y.current = o;
-    const ne = de(
+      [M]
+    ), U = d(B);
+    U.current = B;
+    const P = d(w);
+    P.current = w;
+    const y = d(c);
+    y.current = c;
+    const ie = ge(
       () => ({
         setLocale: (e) => {
-          Object.prototype.hasOwnProperty.call(w, e) && V.current(e);
+          if (Object.prototype.hasOwnProperty.call(S, e)) {
+            const s = P.current;
+            U.current(e), be(
+              j.current,
+              e,
+              s
+            );
+          }
         },
         setTheme: (e) => y.current.setTheme(e),
         setAccessibility: (e) => y.current.setAccessibility(e),
@@ -292,34 +306,34 @@ const Ke = ie(
         // class, so `theme: 'system'` and `theme: 'light'` both paint
         // `.theme-light`. Without these an agent cannot tell a switch
         // that landed from one that was dropped.
-        getLocale: () => q.current,
+        getLocale: () => P.current,
         getTheme: () => y.current.theme,
         getAccessibility: () => y.current.accessibility,
         getResolvedTheme: () => y.current.resolvedTheme
       }),
       []
     );
-    we(Te, ne, _);
-    const re = o.accessibility === "accessible", se = Se("--spacing-lg", I, 24), K = p("navigation.headerSettings.language.label"), L = p("navigation.headerSettings.appearance.label"), P = w[ee(b) ? b : "en"], x = [
+    Te(Ce, ie, z);
+    const oe = c.accessibility === "accessible", ce = Re("--spacing-lg", I, 24), E = u("navigation.headerSettings.language.label"), R = u("navigation.headerSettings.appearance.label"), N = S[ae(w) ? w : "en"], x = [
       {
         value: "light",
-        label: p("navigation.headerSettings.appearance.light")
+        label: u("navigation.headerSettings.appearance.light")
       },
-      { value: "dark", label: p("navigation.headerSettings.appearance.dark") },
+      { value: "dark", label: u("navigation.headerSettings.appearance.dark") },
       {
         value: "system",
-        label: p("navigation.headerSettings.appearance.system")
+        label: u("navigation.headerSettings.appearance.system")
       }
-    ], B = p("navigation.headerSettings.back");
+    ], G = u("navigation.headerSettings.back");
     return /* @__PURE__ */ t(
       "div",
       {
         ref: I,
         "data-component": "header-settings",
-        "data-component-id": _,
-        className: Ae({ align: d, className: u }),
-        ...te,
-        children: /* @__PURE__ */ m(
+        "data-component-id": z,
+        className: Ie({ align: g, className: ne }),
+        ...re,
+        children: /* @__PURE__ */ p(
           n.Root,
           {
             onOpenChange: (e) => {
@@ -327,102 +341,102 @@ const Ke = ie(
             },
             children: [
               /* @__PURE__ */ t(n.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-                pe,
+                he,
                 {
-                  size: R,
-                  disabled: D,
-                  icon: /* @__PURE__ */ t(ke, { "aria-hidden": !0 }),
-                  "aria-label": p("navigation.headerSettings.trigger")
+                  size: b,
+                  disabled: C,
+                  icon: /* @__PURE__ */ t(Ae, { "aria-hidden": !0 }),
+                  "aria-label": u("navigation.headerSettings.trigger")
                 }
               ) }),
               /* @__PURE__ */ t(
                 n.Content,
                 {
                   ref: k,
-                  align: d,
-                  collisionPadding: se,
-                  className: De({ language: c === "language" }),
-                  ...c === "language" ? {
+                  align: g,
+                  collisionPadding: ce,
+                  className: Pe({ language: l === "language" }),
+                  ...l === "language" ? {
                     role: "dialog",
                     "aria-orientation": void 0,
-                    "aria-label": K,
+                    "aria-label": E,
                     "aria-labelledby": void 0
                   } : {},
-                  onKeyDownCapture: ae,
+                  onKeyDownCapture: se,
                   onEscapeKeyDown: (e) => {
                     e.isComposing && e.preventDefault();
                   },
-                  children: c === "language" ? /* @__PURE__ */ m(
+                  children: l === "language" ? /* @__PURE__ */ p(
                     "div",
                     {
                       role: "presentation",
                       onKeyDown: (e) => {
-                        var i;
-                        e.key === "Tab" && !e.altKey && !e.ctrlKey && !e.metaKey && (e.preventDefault(), (i = e.currentTarget.querySelector(
+                        var s;
+                        e.key === "Tab" && !e.altKey && !e.ctrlKey && !e.metaKey && (e.preventDefault(), (s = e.currentTarget.querySelector(
                           e.target instanceof HTMLInputElement ? "button" : "input"
-                        )) == null || i.focus()), e.stopPropagation();
+                        )) == null || s.focus()), e.stopPropagation();
                       },
                       children: [
                         /* @__PURE__ */ t(
-                          ue,
+                          me,
                           {
                             intent: "ghost",
                             size: "sm",
                             className: "ds:w-full ds:justify-start ds:text-start ds:font-normal ds:min-h-[var(--min-target-size)] ds:sm:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:gap-[var(--spacing-sm)] ds:[&>span:last-child]:flex-1",
-                            startIcon: /* @__PURE__ */ t(J, { "aria-hidden": !0, className: "ds:size-4" }),
+                            startIcon: /* @__PURE__ */ t(Y, { "aria-hidden": !0, className: "ds:size-4" }),
                             flipIconInRtl: !0,
-                            onClick: C,
-                            children: /* @__PURE__ */ t(A, { label: B, value: K })
+                            onClick: K,
+                            children: /* @__PURE__ */ t(A, { label: G, value: E })
                           }
                         ),
                         /* @__PURE__ */ t(n.Separator, {}),
-                        /* @__PURE__ */ t(Z.SearchList, {})
+                        /* @__PURE__ */ t(te.SearchList, { onLocaleChange: o })
                       ]
                     }
-                  ) : c === "appearance" ? /* @__PURE__ */ m($, { children: [
+                  ) : l === "appearance" ? /* @__PURE__ */ p(X, { children: [
                     /* @__PURE__ */ t(
                       n.Item,
                       {
                         startIcon: /* @__PURE__ */ t(
-                          J,
+                          Y,
                           {
                             "aria-hidden": !0,
                             className: "ds:size-4 ds:rtl:-scale-x-100"
                           }
                         ),
                         onSelect: (e) => {
-                          e.preventDefault(), C();
+                          e.preventDefault(), K();
                         },
-                        children: /* @__PURE__ */ t(A, { label: B, value: L })
+                        children: /* @__PURE__ */ t(A, { label: G, value: R })
                       }
                     ),
                     /* @__PURE__ */ t(n.Separator, {}),
                     /* @__PURE__ */ t(
                       n.RadioGroup,
                       {
-                        "aria-label": L,
-                        value: o.theme,
-                        onValueChange: (e) => o.setTheme(e),
+                        "aria-label": R,
+                        value: c.theme,
+                        onValueChange: (e) => c.setTheme(e),
                         children: x.map((e) => /* @__PURE__ */ t(
                           n.RadioItem,
                           {
                             value: e.value,
-                            onSelect: (i) => i.preventDefault(),
+                            onSelect: (s) => s.preventDefault(),
                             children: e.label
                           },
                           e.value
                         ))
                       }
                     )
-                  ] }) : /* @__PURE__ */ m($, { children: [
-                    g ? /* @__PURE__ */ t(
+                  ] }) : /* @__PURE__ */ p(X, { children: [
+                    m ? /* @__PURE__ */ t(
                       n.Item,
                       {
-                        ref: M,
+                        ref: O,
                         "aria-haspopup": "dialog",
-                        "data-value": P.code,
+                        "data-value": N.code,
                         endIcon: /* @__PURE__ */ t(
-                          X,
+                          Z,
                           {
                             "aria-hidden": !0,
                             className: "ds:size-4 ds:rtl:-scale-x-100"
@@ -431,29 +445,35 @@ const Ke = ie(
                         onPointerDown: (e) => {
                           T.current = e.pointerType;
                         },
-                        onKeyDown: (e) => F(e, "language"),
+                        onKeyDown: (e) => q(e, "language"),
                         onSelect: (e) => {
                           e.preventDefault(), h("language");
                         },
                         children: /* @__PURE__ */ t(
                           A,
                           {
-                            label: K,
-                            value: P.nativeName,
-                            lang: P.code
+                            label: E,
+                            value: N.nativeName,
+                            lang: N.code
                           }
                         )
                       }
-                    ) : /* @__PURE__ */ t(Ce, { locale: b }),
+                    ) : /* @__PURE__ */ t(
+                      Ne,
+                      {
+                        locale: w,
+                        onLocaleChange: o
+                      }
+                    ),
                     /* @__PURE__ */ t(n.Separator, {}),
-                    g ? /* @__PURE__ */ t(
+                    m ? /* @__PURE__ */ t(
                       n.Item,
                       {
-                        ref: j,
+                        ref: V,
                         "aria-haspopup": "menu",
-                        "data-value": o.theme,
+                        "data-value": c.theme,
                         endIcon: /* @__PURE__ */ t(
-                          X,
+                          Z,
                           {
                             "aria-hidden": !0,
                             className: "ds:size-4 ds:rtl:-scale-x-100"
@@ -462,35 +482,35 @@ const Ke = ie(
                         onPointerDown: (e) => {
                           T.current = e.pointerType;
                         },
-                        onKeyDown: (e) => F(e, "appearance"),
+                        onKeyDown: (e) => q(e, "appearance"),
                         onSelect: (e) => {
                           e.preventDefault(), h("appearance");
                         },
                         children: /* @__PURE__ */ t(
                           A,
                           {
-                            label: L,
-                            value: ((U = x.find(
-                              (e) => e.value === o.theme
-                            )) == null ? void 0 : U.label) ?? ""
+                            label: R,
+                            value: ((Q = x.find(
+                              (e) => e.value === c.theme
+                            )) == null ? void 0 : Q.label) ?? ""
                           }
                         )
                       }
                     ) : /* @__PURE__ */ t(
                       n.ChoiceSub,
                       {
-                        label: L,
-                        value: o.theme,
-                        onValueChange: o.setTheme,
+                        label: R,
+                        value: c.theme,
+                        onValueChange: c.setTheme,
                         options: x
                       }
                     ),
                     /* @__PURE__ */ t(
                       n.SwitchItem,
                       {
-                        checked: re,
-                        onCheckedChange: (e) => o.setAccessibility(e ? "accessible" : "default"),
-                        children: p("navigation.headerSettings.appearance.accessible")
+                        checked: oe,
+                        onCheckedChange: (e) => c.setAccessibility(e ? "accessible" : "default"),
+                        children: u("navigation.headerSettings.appearance.accessible")
                       }
                     )
                   ] })
@@ -503,8 +523,8 @@ const Ke = ie(
     );
   }
 );
-Ke.displayName = "HeaderSettings";
+xe.displayName = "HeaderSettings";
 export {
-  Ke as H
+  xe as H
 };
-//# sourceMappingURL=header-settings-CifwJEKB.js.map
+//# sourceMappingURL=header-settings-BVhjndtV.js.map