@alfadocs/ui-kit 1.70.0 → 1.71.1

package/dist/_chunks/auth-form-parts-DHv6LVV2.js

@@ -0,0 +1,98 @@
+import { jsxs as m, jsx as r, Fragment as v } from "react/jsx-runtime";
+import { useEffect as f, forwardRef as h } from "react";
+import { c as l } from "./index-D2ZczOXr.js";
+import { useTranslation as g } from "react-i18next";
+import { A as c } from "./alert-9kEwDza3.js";
+import { i as u } from "./is-development-CLUAnsU7.js";
+import { a as p } from "./safe-href-5dbsfbQn.js";
+import { B as b } from "./use-registration-submit-eWAECgUC.js";
+const x = "Alfadocs", w = l(
+  "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-xs)]",
+  {
+    variants: {
+      centred: { true: "ds:items-center ds:text-center", false: "" }
+    },
+    defaultVariants: { centred: !0 }
+  }
+), A = l(
+  "ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]"
+), N = l(
+  'type-body-sm ds:relative ds:rounded-[var(--radius-sm)] ds:underline ds:underline-offset-4 ds:text-[var(--foreground)] ds:before:absolute ds:before:inset-x-0 ds:before:inset-y-[calc((var(--min-target-size)-100%)/-2)] ds:before:content-[""] ds:focus-visible:outline-solid ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-[var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]',
+  {
+    variants: {
+      /** Centred under a button, or at the end edge under a field. */
+      align: { center: "ds:self-center", end: "ds:self-end" }
+    },
+    defaultVariants: { align: "center" }
+  }
+);
+function B({
+  href: e,
+  action: s,
+  align: t,
+  children: a
+}) {
+  return /* @__PURE__ */ r("a", { href: e, "data-action": s, className: N({ align: t }), children: a });
+}
+function S({
+  id: e,
+  title: s,
+  description: t,
+  level: a,
+  showLogo: n,
+  logoMotion: d
+}) {
+  const i = `h${a}`;
+  return /* @__PURE__ */ m("div", { className: w({ centred: n }), children: [
+    n && /* @__PURE__ */ r(b, { motion: d, label: x }),
+    /* @__PURE__ */ r(i, { id: e, className: "type-title-card", children: s }),
+    t && /* @__PURE__ */ r("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: t })
+  ] });
+}
+const y = h(
+  ({ id: e, announce: s, children: t }, a) => /* @__PURE__ */ r(
+    c,
+    {
+      ref: a,
+      id: e,
+      variant: "error",
+      announce: s,
+      tabIndex: -1,
+      "data-field": "form",
+      className: A(),
+      children: /* @__PURE__ */ r(c.Description, { children: t })
+    }
+  )
+);
+y.displayName = "AuthFormMessage";
+function C(e, s, t, a) {
+  const n = new Set(Object.values(t ?? {})), d = s ? Object.entries(a ?? {}) : [], i = d.filter(([o]) => n.has(o)).map(([o]) => o).join(", ");
+  return f(() => {
+    i && u() && console.warn(
+      `${e}: hiddenFields "${i}" is also named in fieldNames and was left out. The form's own field wins.`
+    );
+  }, [i, e]), d.filter(([o]) => !n.has(o));
+}
+function D(e, s, t) {
+  const a = s && t && p(t) ? t : void 0, n = t ? s ? a ? void 0 : "`action` is not a path or an address on this origin and was left out. The form posts to the current address." : "`action` does nothing without `fieldNames`: only a native form post has an address." : void 0;
+  return f(() => {
+    n && u() && console.warn(`${e}: ${n}`);
+  }, [e, n]), a;
+}
+function H({ fields: e }) {
+  return /* @__PURE__ */ r(v, { children: e.map(([s, t]) => /* @__PURE__ */ r("input", { type: "hidden", name: s, value: t }, s)) });
+}
+function O({ busy: e }) {
+  const { t: s } = g("ui");
+  return /* @__PURE__ */ r("p", { role: "status", className: "ds:sr-only", children: e ? s("chat.message.status.sending") : "" });
+}
+export {
+  S as A,
+  H as E,
+  C as a,
+  y as b,
+  O as c,
+  B as d,
+  D as u
+};
+//# sourceMappingURL=auth-form-parts-DHv6LVV2.js.map

package/dist/_chunks/{forgot-password-form-Dqi7R-NL.js → forgot-password-form-BGPc8TGr.js}

@@ -10,7 +10,7 @@ import { E as bo } from "./error-summary-mGxIyDAY.js";
 import { F as wo } from "./form-field-Ani72sVY.js";
 import { i as xo } from "./safe-href-5dbsfbQn.js";
 import { u as Eo } from "./use-state-backed-input-DhRQo6gM.js";
-import { u as Io, a as Ao, A as Po, b as yo, E as So, c as Ro, d as To } from "./auth-form-parts-B40zvD-a.js";
+import { u as Io, a as Ao, A as Po, b as yo, E as So, c as Ro, d as To } from "./auth-form-parts-DHv6LVV2.js";
 import { u as Bo, a as Mo, b as No } from "./use-registration-submit-eWAECgUC.js";
 const Vo = ["email"], Do = U(
   "ds:mx-auto ds:w-full ds:max-w-[400px] ds:text-start ds:text-[var(--foreground)]"
@@ -231,4 +231,4 @@ export {
   Vo as F,
   _o as a
 };
-//# sourceMappingURL=forgot-password-form-Dqi7R-NL.js.map
+//# sourceMappingURL=forgot-password-form-BGPc8TGr.js.map

package/dist/_chunks/header-settings-CAC0Yl0t.js

@@ -0,0 +1,516 @@
+import { jsx as t, jsxs as g, Fragment as Q } from "react/jsx-runtime";
+import { forwardRef as se, useRef as d, useImperativeHandle as ie, useState as oe, useCallback as ce, useMemo as le } from "react";
+import { c as P } from "./index-D2ZczOXr.js";
+import { useTranslation as J } from "react-i18next";
+import { B as de } from "./button-D-MQxsA_.js";
+import { I as ue } from "./icon-button-C_1TgRiK.js";
+import { D as r } from "./dropdown-menu-D1we7oAY.js";
+import { u as pe, c as v, a as X, L as ge } from "./locale-picker-CeveTnDK.js";
+import { u as me } from "./use-media-query-CcAx5SMM.js";
+import { u as he } from "./use-locale-BExNy9Dl.js";
+import { u as fe } from "./use-theme-CAuo6EYT.js";
+import { a as ye } from "./use-direction-Dp8h70PP.js";
+import { u as be } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { u as we } from "./registry-DvAUVLHh.js";
+import { u as ve } from "./length-token-DwMnGEYT.js";
+import { S as Se } from "./settings-d25ju_6L.js";
+import { A as Y } from "./arrow-left-BfaGqVam.js";
+import { C as $ } from "./chevron-right-I9AeSxH2.js";
+const ke = {
+  id: "header-settings",
+  // Each setter persists a single preference value (locale / theme /
+  // accessibility) — `set_value` semantics, not an ephemeral view switch.
+  capabilities: ["set_value"],
+  // Read-back for all three setters. None of these preferences is
+  // recoverable from the DOM — `useTheme` resolves preference + OS into
+  // a single applied class, so `theme: 'system'` and `theme: 'light'`
+  // both paint `.theme-light` — and `set_locale` swallows unknown tags.
+  // Without these slots an agent cannot distinguish "switched to
+  // Italian" from "the tag was dropped on the floor". All four are UI
+  // preferences: no PHI, no patient-identifiable data (§7).
+  state: {
+    locale: {
+      type: "string",
+      descriptionKey: "ui.agent.headerSettings.state.locale",
+      description: 'Active IETF language tag (e.g. "en", "it", "ar"). Read after `set_locale` to confirm the switch landed — an unknown tag is silently dropped and leaves this unchanged.',
+      read: (a) => a.getLocale()
+    },
+    theme: {
+      type: "'light' | 'dark' | 'system'",
+      descriptionKey: "ui.agent.headerSettings.state.theme",
+      description: "Stored base-theme preference. `'system'` means no override is set and the OS decides — read `resolvedTheme` for what is actually painted.",
+      read: (a) => a.getTheme()
+    },
+    accessibility: {
+      type: "'default' | 'accessible' | 'system'",
+      descriptionKey: "ui.agent.headerSettings.state.accessibility",
+      description: "Stored AAA-contrast preference. `'system'` means no override is set and `prefers-contrast` decides.",
+      read: (a) => a.getAccessibility()
+    },
+    resolvedTheme: {
+      type: "'light' | 'dark' | 'light-accessible' | 'dark-accessible'",
+      descriptionKey: "ui.agent.headerSettings.state.resolvedTheme",
+      description: 'The theme actually applied to the document once preference and OS signals resolve. This is what makes a `set_theme("system")` or `set_accessibility("system")` write verifiable.',
+      read: (a) => a.getResolvedTheme()
+    }
+  },
+  actions: {
+    set_locale: {
+      safety: "write",
+      argsType: "{ locale: string }",
+      argsSchema: {
+        type: "object",
+        properties: {
+          locale: {
+            type: "string",
+            description: 'IETF language tag (e.g. "en", "it", "ar"). Unknown tags are silently dropped.'
+          }
+        },
+        required: ["locale"]
+      },
+      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.",
+      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, n) => {
+        a.setLocale(n.locale);
+      }
+    },
+    set_theme: {
+      safety: "write",
+      argsType: '{ theme: "light" | "dark" | "system" }',
+      argsSchema: {
+        type: "object",
+        properties: { theme: { enum: ["light", "dark", "system"] } },
+        required: ["theme"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.headerSettings.actions.setTheme",
+      description: "Switch the theme preference. Verify with the `theme` slot (the stored preference) and `resolvedTheme` (what is actually painted).",
+      examples: [
+        { args: { theme: "dark" }, note: "Switch to the dark theme." }
+      ],
+      invoke: (a, n) => {
+        a.setTheme(n.theme);
+      }
+    },
+    set_accessibility: {
+      safety: "write",
+      argsType: '{ accessibility: "default" | "accessible" | "system" }',
+      argsSchema: {
+        type: "object",
+        properties: {
+          accessibility: {
+            enum: ["default", "accessible", "system"],
+            description: "`'system'` clears the override and follows `prefers-contrast`."
+          }
+        },
+        required: ["accessibility"]
+      },
+      idempotent: !0,
+      descriptionKey: "ui.agent.headerSettings.actions.setAccessibility",
+      description: "Switch the accessibility preference. Verify with the `accessibility` slot (the stored preference) and `resolvedTheme` (what is actually painted).",
+      examples: [
+        {
+          args: { accessibility: "accessible" },
+          note: "Enable the AAA-accessible profile."
+        }
+      ],
+      invoke: (a, n) => {
+        a.setAccessibility(n.accessibility);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "header-settings",
+      description: "Marks the HeaderSettings wrapper."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop (forwarded via HTMLAttributes)."
+    }
+  }
+};
+function Te(a, n) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(a, n);
+    } catch {
+    }
+}
+function Le(a) {
+  if (typeof document > "u") return;
+  const n = document.documentElement;
+  n.lang = a, n.dir = v[a].dir;
+}
+const Ae = P("ds:inline-flex ds:items-center", {
+  variants: {
+    align: {
+      start: "",
+      end: ""
+    }
+  },
+  defaultVariants: { align: "end" }
+}), Re = "ds:w-[var(--popover-size-md)]", Ce = P("", {
+  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: ""
+    }
+  }
+}), De = P(
+  "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: n,
+  lang: u
+}) {
+  return /* @__PURE__ */ g("span", { className: De(), children: [
+    /* @__PURE__ */ t("span", { className: "ds:truncate", children: a }),
+    /* @__PURE__ */ t(
+      "span",
+      {
+        lang: u,
+        className: "ds:shrink-0 ds:text-muted-foreground ds:[[data-highlighted]_&]:text-current",
+        children: n
+      }
+    )
+  ] });
+}
+function Z(a) {
+  return Object.prototype.hasOwnProperty.call(v, a);
+}
+function Ie({ locale: a }) {
+  const { t: n } = J("ui"), u = v[Z(a) ? a : "en"], R = (s) => {
+    var l;
+    s.target === s.currentTarget && ((l = s.currentTarget.querySelector("input")) == null || l.focus({ preventScroll: !0 }));
+  }, C = (s) => {
+    const l = s.target;
+    if (l instanceof HTMLInputElement) {
+      if (s.nativeEvent.isComposing) {
+        s.stopPropagation();
+        return;
+      }
+      s.key !== "ArrowLeft" && s.key !== "ArrowRight" || (l.selectionStart !== 0 || l.selectionEnd !== 0) && s.stopPropagation();
+    }
+  };
+  return /* @__PURE__ */ g(r.Sub, { children: [
+    /* @__PURE__ */ t(r.SubTrigger, { "aria-haspopup": "dialog", "data-value": u.code, children: /* @__PURE__ */ g("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: n("navigation.headerSettings.language.label") }),
+      /* @__PURE__ */ t(
+        "span",
+        {
+          lang: u.code,
+          className: "ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:[[data-highlighted]_&]:text-current",
+          children: u.nativeName
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ t(
+      r.SubContent,
+      {
+        role: "dialog",
+        "aria-orientation": void 0,
+        className: Re,
+        onFocus: R,
+        onKeyDownCapture: C,
+        onEscapeKeyDown: (s) => {
+          s.isComposing && s.preventDefault();
+        },
+        children: /* @__PURE__ */ t(X.SearchList, {})
+      }
+    )
+  ] });
+}
+const Ke = se(
+  (a, n) => {
+    var B;
+    const {
+      align: u = "end",
+      size: R = "md",
+      disabled: C = !1,
+      className: s,
+      id: l,
+      ...ee
+    } = a, { t: p } = J("ui"), o = fe(), { locale: b, setLocale: _ } = he();
+    pe();
+    const D = d(null);
+    ie(n, () => D.current, []);
+    const m = me("(width < 48rem)"), z = ye(), [S, h] = oe("main"), c = m ? S : "main", k = d(null), H = d(null), O = d(null), f = d(null), T = d("keyboard");
+    be(() => {
+      var e, i, w, G, U;
+      if (!m && S !== "main" && (f.current = S, h("main")), c === "language")
+        (i = (e = k.current) == null ? void 0 : e.querySelector(
+          T.current === "keyboard" ? "input" : "button"
+        )) == null || i.focus({ preventScroll: !0 });
+      else if (c === "appearance")
+        (G = (w = k.current) == null ? void 0 : w.querySelector('[role="menuitem"]')) == null || G.focus({ preventScroll: !0 });
+      else if (f.current) {
+        const W = f.current, N = m ? (W === "language" ? H : O).current : (U = k.current) == null ? void 0 : U.querySelector(
+          `[role="menuitem"][aria-haspopup="${W === "language" ? "dialog" : "menu"}"]`
+        );
+        N == null || N.focus({ preventScroll: !0 }), f.current = null;
+      }
+    }, [m, S, c]);
+    const j = (e, i) => {
+      if (e.nativeEvent.isComposing) return;
+      const w = z === "rtl" ? "ArrowLeft" : "ArrowRight";
+      (e.key === "Enter" || e.key === " " || e.key === w) && (T.current = "keyboard"), e.key === w && (e.preventDefault(), h(i));
+    }, I = () => {
+      c !== "main" && (f.current = c, h("main"));
+    }, te = (e) => {
+      if (c === "main") return;
+      if (e.nativeEvent.isComposing) {
+        e.stopPropagation();
+        return;
+      }
+      if (e.key !== (z === "rtl" ? "ArrowRight" : "ArrowLeft"))
+        return;
+      const i = e.target;
+      i instanceof HTMLInputElement && (i.selectionStart !== 0 || i.selectionEnd !== 0) || (e.preventDefault(), e.stopPropagation(), I());
+    }, M = ce(
+      (e) => {
+        _(e), Le(e), Te(ge, e);
+      },
+      [_]
+    ), V = d(M);
+    V.current = M;
+    const q = d(b);
+    q.current = b;
+    const y = d(o);
+    y.current = o;
+    const ae = le(
+      () => ({
+        setLocale: (e) => {
+          Object.prototype.hasOwnProperty.call(v, e) && V.current(e);
+        },
+        setTheme: (e) => y.current.setTheme(e),
+        setAccessibility: (e) => y.current.setAccessibility(e),
+        // Read-back. None of the three preferences is recoverable from
+        // the DOM: `useTheme` resolves preference + OS into one applied
+        // 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,
+        getTheme: () => y.current.theme,
+        getAccessibility: () => y.current.accessibility,
+        getResolvedTheme: () => y.current.resolvedTheme
+      }),
+      []
+    );
+    we(ke, ae, l);
+    const ne = o.accessibility === "accessible", re = ve("--spacing-lg", D, 24), K = p("navigation.headerSettings.language.label"), L = p("navigation.headerSettings.appearance.label"), E = v[Z(b) ? b : "en"], x = [
+      {
+        value: "light",
+        label: p("navigation.headerSettings.appearance.light")
+      },
+      { value: "dark", label: p("navigation.headerSettings.appearance.dark") },
+      {
+        value: "system",
+        label: p("navigation.headerSettings.appearance.system")
+      }
+    ], F = p("navigation.headerSettings.back");
+    return /* @__PURE__ */ t(
+      "div",
+      {
+        ref: D,
+        "data-component": "header-settings",
+        "data-component-id": l,
+        className: Ae({ align: u, className: s }),
+        ...ee,
+        children: /* @__PURE__ */ g(
+          r.Root,
+          {
+            onOpenChange: (e) => {
+              e || (f.current = null, h("main"));
+            },
+            children: [
+              /* @__PURE__ */ t(r.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
+                ue,
+                {
+                  size: R,
+                  disabled: C,
+                  icon: /* @__PURE__ */ t(Se, { "aria-hidden": !0 }),
+                  "aria-label": p("navigation.headerSettings.trigger")
+                }
+              ) }),
+              /* @__PURE__ */ t(
+                r.Content,
+                {
+                  ref: k,
+                  align: u,
+                  collisionPadding: re,
+                  className: Ce({ language: c === "language" }),
+                  ...c === "language" ? {
+                    role: "dialog",
+                    "aria-orientation": void 0,
+                    "aria-label": K,
+                    "aria-labelledby": void 0
+                  } : {},
+                  onKeyDownCapture: te,
+                  onEscapeKeyDown: (e) => {
+                    e.isComposing && e.preventDefault();
+                  },
+                  children: c === "language" ? /* @__PURE__ */ g(
+                    "div",
+                    {
+                      role: "presentation",
+                      onKeyDown: (e) => {
+                        var i;
+                        e.key === "Tab" && !e.altKey && !e.ctrlKey && !e.metaKey && (e.preventDefault(), (i = e.currentTarget.querySelector(
+                          e.target instanceof HTMLInputElement ? "button" : "input"
+                        )) == null || i.focus()), e.stopPropagation();
+                      },
+                      children: [
+                        /* @__PURE__ */ t(
+                          de,
+                          {
+                            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(Y, { "aria-hidden": !0, className: "ds:size-4" }),
+                            flipIconInRtl: !0,
+                            onClick: I,
+                            children: /* @__PURE__ */ t(A, { label: F, value: K })
+                          }
+                        ),
+                        /* @__PURE__ */ t(r.Separator, {}),
+                        /* @__PURE__ */ t(X.SearchList, {})
+                      ]
+                    }
+                  ) : c === "appearance" ? /* @__PURE__ */ g(Q, { children: [
+                    /* @__PURE__ */ t(
+                      r.Item,
+                      {
+                        startIcon: /* @__PURE__ */ t(
+                          Y,
+                          {
+                            "aria-hidden": !0,
+                            className: "ds:size-4 ds:rtl:-scale-x-100"
+                          }
+                        ),
+                        onSelect: (e) => {
+                          e.preventDefault(), I();
+                        },
+                        children: /* @__PURE__ */ t(A, { label: F, value: L })
+                      }
+                    ),
+                    /* @__PURE__ */ t(r.Separator, {}),
+                    /* @__PURE__ */ t(
+                      r.RadioGroup,
+                      {
+                        "aria-label": L,
+                        value: o.theme,
+                        onValueChange: (e) => o.setTheme(e),
+                        children: x.map((e) => /* @__PURE__ */ t(
+                          r.RadioItem,
+                          {
+                            value: e.value,
+                            onSelect: (i) => i.preventDefault(),
+                            children: e.label
+                          },
+                          e.value
+                        ))
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ g(Q, { children: [
+                    m ? /* @__PURE__ */ t(
+                      r.Item,
+                      {
+                        ref: H,
+                        "aria-haspopup": "dialog",
+                        "data-value": E.code,
+                        endIcon: /* @__PURE__ */ t(
+                          $,
+                          {
+                            "aria-hidden": !0,
+                            className: "ds:size-4 ds:rtl:-scale-x-100"
+                          }
+                        ),
+                        onPointerDown: (e) => {
+                          T.current = e.pointerType;
+                        },
+                        onKeyDown: (e) => j(e, "language"),
+                        onSelect: (e) => {
+                          e.preventDefault(), h("language");
+                        },
+                        children: /* @__PURE__ */ t(
+                          A,
+                          {
+                            label: K,
+                            value: E.nativeName,
+                            lang: E.code
+                          }
+                        )
+                      }
+                    ) : /* @__PURE__ */ t(Ie, { locale: b }),
+                    /* @__PURE__ */ t(r.Separator, {}),
+                    m ? /* @__PURE__ */ t(
+                      r.Item,
+                      {
+                        ref: O,
+                        "aria-haspopup": "menu",
+                        "data-value": o.theme,
+                        endIcon: /* @__PURE__ */ t(
+                          $,
+                          {
+                            "aria-hidden": !0,
+                            className: "ds:size-4 ds:rtl:-scale-x-100"
+                          }
+                        ),
+                        onPointerDown: (e) => {
+                          T.current = e.pointerType;
+                        },
+                        onKeyDown: (e) => j(e, "appearance"),
+                        onSelect: (e) => {
+                          e.preventDefault(), h("appearance");
+                        },
+                        children: /* @__PURE__ */ t(
+                          A,
+                          {
+                            label: L,
+                            value: ((B = x.find(
+                              (e) => e.value === o.theme
+                            )) == null ? void 0 : B.label) ?? ""
+                          }
+                        )
+                      }
+                    ) : /* @__PURE__ */ t(
+                      r.ChoiceSub,
+                      {
+                        label: L,
+                        value: o.theme,
+                        onValueChange: o.setTheme,
+                        options: x
+                      }
+                    ),
+                    /* @__PURE__ */ t(
+                      r.SwitchItem,
+                      {
+                        checked: ne,
+                        onCheckedChange: (e) => o.setAccessibility(e ? "accessible" : "default"),
+                        children: p("navigation.headerSettings.appearance.accessible")
+                      }
+                    )
+                  ] })
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Ke.displayName = "HeaderSettings";
+export {
+  Ke as H
+};
+//# sourceMappingURL=header-settings-CAC0Yl0t.js.map