@alfadocs/ui-kit 0.23.0 → 0.24.0

package/dist/_chunks/use-locale-BkCIHujH.js

@@ -0,0 +1,20 @@
+import { useState as r, useEffect as u, useCallback as c } from "react";
+import "../i18n/config.js";
+import a from "i18next";
+function m() {
+  const [e, n] = r(() => a.language);
+  u(() => {
+    const t = (l) => n(l);
+    return a.on("languageChanged", t), a.language !== e && n(a.language), () => {
+      a.off("languageChanged", t);
+    };
+  }, [e]);
+  const o = c(async (t) => {
+    await a.changeLanguage(t);
+  }, []), g = a.dir(e) === "rtl" ? "rtl" : "ltr";
+  return { locale: e, dir: g, setLocale: o };
+}
+export {
+  m as u
+};
+//# sourceMappingURL=use-locale-BkCIHujH.js.map

package/dist/_chunks/use-scroll-to-first-error-BrK7dKB_.js

@@ -0,0 +1,55 @@
+import { useState as h, useEffect as w, useRef as m } from "react";
+function v(e) {
+  const [i, r] = h(() => typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia(e).matches);
+  return w(() => {
+    if (typeof window > "u" || typeof window.matchMedia != "function")
+      return;
+    const n = window.matchMedia(e);
+    r(n.matches);
+    const t = (u) => r(u.matches);
+    return typeof n.addEventListener == "function" ? (n.addEventListener("change", t), () => n.removeEventListener("change", t)) : (n.addListener(t), () => n.removeListener(t));
+  }, [e]), i;
+}
+function p(e) {
+  return e != null && e.current ? e.current : typeof document > "u" ? null : document;
+}
+function S(e, i) {
+  const r = typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : (
+    // SSR / jsdom fallback — drop every character that's
+    // significant in a CSS attribute selector. Conservative but
+    // robust enough for the test environment.
+    e.replace(/["'\\[\]]/g, "")
+  ), n = `[data-error-anchor="${r}"], [name="${r}"], [name$="[${r}]"]`, t = Array.from(i.querySelectorAll(n));
+  return t.length === 0 ? null : t.find((f) => f.offsetParent !== null) ?? t[0];
+}
+function E(e, i, r = {}) {
+  const {
+    scope: n,
+    scrollOptions: t = { behavior: "smooth", block: "center" },
+    focus: u = !0,
+    skipInitialMount: f = !0
+  } = r, l = m(!0), c = m(null), o = i.find((s) => !!e[s]) ?? null;
+  w(() => {
+    if (l.current && (l.current = !1, f)) {
+      c.current = o;
+      return;
+    }
+    if (!o) {
+      c.current = null;
+      return;
+    }
+    if (o === c.current || typeof window > "u") return;
+    const s = window.requestAnimationFrame(() => {
+      const d = p(n);
+      if (!d) return;
+      const a = S(o, d);
+      a && (a.scrollIntoView(t), u && a.focus({ preventScroll: !0 }), c.current = o);
+    });
+    return () => window.cancelAnimationFrame(s);
+  }, [o]);
+}
+export {
+  E as a,
+  v as u
+};
+//# sourceMappingURL=use-scroll-to-first-error-BrK7dKB_.js.map

package/dist/_chunks/{whatsapp-button-CtlLwM3M.js → whatsapp-button-DUjlWGKf.js}

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import { forwardRef as y, useMemo as A } from "react";
+import { forwardRef as A, useMemo as C } from "react";
 import { c as m } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
+import { useTranslation as _ } from "react-i18next";
 function u({ className: a }) {
   return /* @__PURE__ */ i(
     "svg",
@@ -15,7 +15,7 @@ function u({ className: a }) {
     }
   );
 }
-const _ = m(
+const j = m(
   [
     // `position` is provided by `positionVariants` below — `static`
     // sets `ds:relative` (so the pseudo-element touch-target anchors),
@@ -103,7 +103,7 @@ const _ = m(
       size: "md"
     }
   }
-), j = m("", {
+), B = m("", {
   variants: {
     position: {
       // `relative` so the `::before` pseudo touch-target (defined in
@@ -118,47 +118,48 @@ const _ = m(
   },
   defaultVariants: { position: "static" }
 });
-function B(a, o) {
+function L(a, o) {
   const s = a.replace(/\D/g, "");
   if (s.length === 0)
     return null;
-  const r = `https://wa.me/${s}`;
-  return o ? `${r}?text=${encodeURIComponent(o)}` : r;
+  const d = `https://wa.me/${s}`;
+  return o ? `${d}?text=${encodeURIComponent(o)}` : d;
 }
-const N = y(
+const N = A(
   ({
     phoneNumber: a,
     message: o,
     variant: s = "pill",
-    size: r = "md",
+    size: d = "md",
     position: h,
     label: g,
-    className: w,
+    tone: w = "standard",
+    className: z,
     ...n
-  }, z) => {
-    const { t: p } = C(), f = A(
-      () => B(a, o),
+  }, x) => {
+    const { t: p } = _(), f = C(
+      () => L(a, o),
       [a, o]
-    ), e = g ?? p(s === "fab" ? "whatsApp.fabLabel" : "whatsApp.label"), x = [
-      _({ variant: s, size: r }),
-      j({ position: h }),
-      w
-    ].filter(Boolean).join(" "), d = f === null, v = {
-      ref: z,
-      ...d ? {} : {
+    ), e = g ?? p(s === "fab" ? "whatsApp.fabLabel" : w === "question" ? "whatsApp.questionPrompt" : "whatsApp.label"), y = [
+      j({ variant: s, size: d }),
+      B({ position: h }),
+      z
+    ].filter(Boolean).join(" "), r = f === null, v = {
+      ref: x,
+      ...r ? {} : {
         href: f,
         target: "_blank",
         rel: "noopener noreferrer"
       },
-      "aria-disabled": d ? !0 : void 0,
+      "aria-disabled": r ? !0 : void 0,
       "data-component": "whatsapp-button",
       "data-variant": s,
       onClick: (l) => {
         var b;
-        d && l.preventDefault(), (b = n.onClick) == null || b.call(n, l);
+        r && l.preventDefault(), (b = n.onClick) == null || b.call(n, l);
       },
-      className: x
-    }, t = d ? null : p("link.opensInNewTab", "Opens in a new tab");
+      className: y
+    }, t = r ? null : p("link.opensInNewTab", "Opens in a new tab");
     if (s === "fab") {
       const l = typeof e == "string" ? t ? `${e} — ${t}` : e : void 0;
       return /* @__PURE__ */ c("a", { ...n, ...v, "aria-label": l, children: [
@@ -183,4 +184,4 @@ N.displayName = "WhatsAppButton";
 export {
   N as W
 };
-//# sourceMappingURL=whatsapp-button-CtlLwM3M.js.map
+//# sourceMappingURL=whatsapp-button-DUjlWGKf.js.map

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.23.0",
+  "packageVersion": "0.24.0",
   "components": [
     {
       "kind": "component",
@@ -1617,6 +1617,41 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "header-settings",
+      "capabilities": [
+        "view_change"
+      ],
+      "state": [],
+      "actions": [
+        {
+          "name": "set_locale",
+          "safety": "write",
+          "argsType": "{ locale: string }",
+          "description": "Switch the active locale to the given IETF tag."
+        },
+        {
+          "name": "set_theme",
+          "safety": "write",
+          "argsType": "{ theme: \"light\" | \"dark\" | \"system\" }",
+          "description": "Switch the theme preference."
+        },
+        {
+          "name": "set_accessibility",
+          "safety": "write",
+          "argsType": "{ accessibility: \"default\" | \"accessible\" }",
+          "description": "Switch the accessibility preference."
+        }
+      ],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "header-settings",
+          "description": "Marks the HeaderSettings wrapper."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "icon-button",
@@ -1747,6 +1782,29 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "locale-picker",
+      "capabilities": [
+        "view_change"
+      ],
+      "state": [],
+      "actions": [
+        {
+          "name": "set_locale",
+          "safety": "write",
+          "argsType": "{ locale: string }",
+          "description": "Switch the active locale to the given IETF tag."
+        }
+      ],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "locale-picker",
+          "description": "Marks the LocalePicker wrapper."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "logo",

package/dist/components/autocomplete/index.js

@@ -1,4 +1,4 @@
-import { A as e, a as o, b as m } from "../../_chunks/autocomplete-BxfabhZ8.js";
+import { A as e, a as o, b as m } from "../../_chunks/autocomplete-C7xq06bP.js";
 export {
   e as Autocomplete,
   o as autocompleteAgent,

package/dist/components/data-table/filters/number-filter.d.ts

@@ -0,0 +1,56 @@
+import type { CustomFilterProps, CustomFloatingFilterProps } from 'ag-grid-react';
+import type { IFilter } from 'ag-grid-community';
+/**
+ * Custom AG Grid filter component for numeric columns. AG Grid Community's
+ * built-in `agNumberColumnFilter` paints a stock browser-skinned
+ * `<input type="number">` that does not match the kit's form language —
+ * this wraps the DS `<NumberInput>` + `<Select>` so totals, prices,
+ * quantities, etc. line up visually with neighbouring DS-styled cells.
+ *
+ * Wire on a colDef:
+ * ```tsx
+ * {
+ *   field: 'total',
+ *   filter: NumberFilter,
+ *   floatingFilterComponent: NumberFloatingFilter,
+ *   filterParams: { defaultOperator: 'greaterThan', min: 0 },
+ * }
+ * ```
+ *
+ * The full-popover variant exposes the operator dropdown (equals,
+ * greaterThan, inRange, blank, …); the floating-filter row is a single
+ * compact input whose operator is fixed to `defaultOperator`. Both speak
+ * the same `NumberFilterModel` so server-side adapters can read either.
+ *
+ * Model shape `{ type, filter, filterTo? }` matches AG Grid's own
+ * `agNumberColumnFilter` vocabulary so adapters can interchange.
+ */
+export type NumberFilterOperator = 'equals' | 'notEqual' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'inRange' | 'blank' | 'notBlank';
+export interface NumberFilterModel {
+    type: NumberFilterOperator;
+    filter: number;
+    filterTo?: number;
+}
+export interface NumberFilterParams {
+    defaultOperator?: NumberFilterOperator;
+    min?: number;
+    max?: number;
+    step?: number;
+    placeholder?: string;
+}
+export declare function NumberFilter(props: CustomFilterProps<unknown, unknown, NumberFilterModel> & NumberFilterParams): import("react/jsx-runtime").JSX.Element;
+/**
+ * Floating-filter companion for `NumberFilter`.
+ *
+ * Renders the kit's `<NumberInput>` directly as the inline filter input
+ * with a fixed operator (`defaultOperator`, or `'equals'`). The operator
+ * dropdown lives only in the full popover — the floating-filter row is
+ * deliberately compact, matching the way `agNumberColumnFilter` ships
+ * with AG Grid Community.
+ *
+ * Debounced commit at 200 ms so each keystroke does not re-run the grid
+ * filter. Empty input or invalid number commits `null` so the column
+ * reverts to "no filter" rather than `filter: NaN`.
+ */
+export declare function NumberFloatingFilter(props: CustomFloatingFilterProps<IFilter, unknown, unknown, NumberFilterModel>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=number-filter.d.ts.map

package/dist/components/data-table/filters/text-filter.d.ts

@@ -0,0 +1,49 @@
+import type { CustomFilterProps, CustomFloatingFilterProps } from 'ag-grid-react';
+import type { IFilter } from 'ag-grid-community';
+/**
+ * Custom AG Grid filter component — text-comparison filter.
+ *
+ * Fills the gap left by `agTextColumnFilter`'s stock browser-skinned
+ * input by wrapping the kit's `<TextInput>` and `<Select>` so the
+ * column-header menu (`TextFilter`) and the inline floating row
+ * (`TextFloatingFilter`) match the DS form language.
+ *
+ * Wire on a colDef:
+ * ```tsx
+ * {
+ *   field: 'description',
+ *   filter: TextFilter,
+ *   floatingFilter: true,
+ *   floatingFilterComponent: TextFloatingFilter,
+ *   filterParams: { defaultOperator: 'contains' },
+ * }
+ * ```
+ *
+ * Model shape `{ type, filter }` mirrors AG Grid's `agTextColumnFilter`
+ * text-operator vocabulary (`contains`, `equals`, `startsWith`,
+ * `endsWith`, `notContains`) so server-side adapters that already
+ * understand the stock filter can read this one identically.
+ */
+export type TextFilterOperator = 'contains' | 'equals' | 'startsWith' | 'endsWith' | 'notContains';
+export interface TextFilterModel {
+    type: TextFilterOperator;
+    filter: string;
+}
+export interface TextFilterParams {
+    placeholder?: string;
+    defaultOperator?: TextFilterOperator;
+}
+export declare function TextFilter(props: CustomFilterProps<unknown, unknown, TextFilterModel> & TextFilterParams): import("react/jsx-runtime").JSX.Element;
+/**
+ * Floating-filter companion for `TextFilter`.
+ *
+ * Renders a `<TextInput size="sm">` directly as the inline floating
+ * filter — leading search icon, optional trailing clear button, fixed
+ * operator (the popover version owns operator selection so the inline
+ * row stays compact).
+ *
+ * Commits debounce at 200ms; empty input commits `null` so the grid
+ * stops filtering as soon as the field is blank.
+ */
+export declare function TextFloatingFilter(props: CustomFloatingFilterProps<IFilter, unknown, unknown, TextFilterModel>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=text-filter.d.ts.map

package/dist/components/data-table/index.d.ts

@@ -10,6 +10,10 @@ export { SelectFilter, SelectFloatingFilter } from './filters/select-filter';
 export type { SelectFilterModel, SelectFilterOption, SelectFilterParams, } from './filters/select-filter';
 export { TypeaheadFilter, TypeaheadFloatingFilter, } from './filters/typeahead-filter';
 export type { TypeaheadFilterModel, TypeaheadFilterOption, TypeaheadFilterParams, } from './filters/typeahead-filter';
+export { TextFilter, TextFloatingFilter } from './filters/text-filter';
+export type { TextFilterModel, TextFilterOperator, TextFilterParams, } from './filters/text-filter';
+export { NumberFilter, NumberFloatingFilter } from './filters/number-filter';
+export type { NumberFilterModel, NumberFilterOperator, NumberFilterParams, } from './filters/number-filter';
 export { StatusCellRenderer } from './cell-renderers/status-cell-renderer';
 export type { BadgeVariant, StatusCellRendererParams, } from './cell-renderers/status-cell-renderer';
 export { UserCellRenderer } from './cell-renderers/user-cell-renderer';

package/dist/components/data-table/index.js

@@ -1,29 +1,33 @@
-import { A as l, B as r, C as s, a as t, D as n, b as d, c as o, d as C, E as i, e as R, I as g, L as T, S as F, f as b, g as c, T as u, h as D, i as f, j as p, k as y, l as E, U as S, m as h, n as m, u as x } from "../../_chunks/editable-currency-cell-renderer-1t42gENX.js";
+import { A as l, B as r, C as t, a as s, D as n, b as d, c as i, d as o, E as C, e as R, I as F, L as g, N as T, f as b, S as u, g as c, h as D, T as m, i as p, j as x, k as f, l as y, m as E, n as S, o as h, U as A, p as L, q as N, u as k } from "../../_chunks/editable-currency-cell-renderer-DJB5MxAI.js";
 export {
   l as ActionsCellRenderer,
   r as BalanceCellRenderer,
-  s as ColorDotCellRenderer,
-  t as CurrencyCellRenderer,
+  t as ColorDotCellRenderer,
+  s as CurrencyCellRenderer,
   n as DataTable,
   d as DateCellRenderer,
-  o as DateRangeFilter,
-  C as DateRangeFloatingFilter,
-  i as EditableCurrencyCellRenderer,
+  i as DateRangeFilter,
+  o as DateRangeFloatingFilter,
+  C as EditableCurrencyCellRenderer,
   R as EditableTextCellRenderer,
-  g as ImageCellRenderer,
-  T as LinkCellRenderer,
-  F as SelectFilter,
-  b as SelectFloatingFilter,
-  c as StatusCellRenderer,
-  u as TagListCellRenderer,
-  D as ToggleCellRenderer,
-  f as Toolbar,
-  p as ToolbarProvider,
-  y as TypeaheadFilter,
-  E as TypeaheadFloatingFilter,
-  S as UserCellRenderer,
-  h as dataTableAgent,
-  m as defaultExportPdf,
-  x as useTotalRow
+  F as ImageCellRenderer,
+  g as LinkCellRenderer,
+  T as NumberFilter,
+  b as NumberFloatingFilter,
+  u as SelectFilter,
+  c as SelectFloatingFilter,
+  D as StatusCellRenderer,
+  m as TagListCellRenderer,
+  p as TextFilter,
+  x as TextFloatingFilter,
+  f as ToggleCellRenderer,
+  y as Toolbar,
+  E as ToolbarProvider,
+  S as TypeaheadFilter,
+  h as TypeaheadFloatingFilter,
+  A as UserCellRenderer,
+  L as dataTableAgent,
+  N as defaultExportPdf,
+  k as useTotalRow
 };
 //# sourceMappingURL=index.js.map

package/dist/components/header-settings/index.js

@@ -0,0 +1,205 @@
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as k, useRef as l, useImperativeHandle as T, useCallback as A, useMemo as C } from "react";
+import { c as R } from "../../_chunks/index-D2ZczOXr.js";
+import { useTranslation as N } from "react-i18next";
+import { I } from "../../_chunks/icon-button-C4CGcYuz.js";
+import { D as i } from "../../_chunks/dropdown-menu-DZxwF23X.js";
+import { S as E } from "../../_chunks/switch-D916VW86.js";
+import { c as b, a as M, L as _ } from "../../_chunks/locale-picker-CYBhgSHR.js";
+import { u as H } from "../../_chunks/use-locale-BkCIHujH.js";
+import { u as O } from "../../_chunks/use-theme-B1cwAXJR.js";
+import { u as P } from "../../_chunks/registry-C9nwlNyL.js";
+import { S as x } from "../../_chunks/settings-ca2Yi9R8.js";
+import { S as K, M as j, a as z } from "../../_chunks/sun-Eweh5fvi.js";
+const D = {
+  id: "header-settings",
+  capabilities: ["view_change"],
+  state: {},
+  actions: {
+    set_locale: {
+      safety: "write",
+      argsType: "{ locale: string }",
+      descriptionKey: "ui.agent.headerSettings.actions.setLocale",
+      description: "Switch the active locale to the given IETF tag.",
+      invoke: (t, s) => {
+        t.setLocale(s.locale);
+      }
+    },
+    set_theme: {
+      safety: "write",
+      argsType: '{ theme: "light" | "dark" | "system" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setTheme",
+      description: "Switch the theme preference.",
+      invoke: (t, s) => {
+        t.setTheme(s.theme);
+      }
+    },
+    set_accessibility: {
+      safety: "write",
+      argsType: '{ accessibility: "default" | "accessible" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setAccessibility",
+      description: "Switch the accessibility preference.",
+      invoke: (t, s) => {
+        t.setAccessibility(s.accessibility);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "header-settings",
+      description: "Marks the HeaderSettings wrapper."
+    }
+  }
+};
+function V(t, s) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(t, s);
+    } catch {
+    }
+}
+function G(t) {
+  if (typeof document > "u") return;
+  const s = document.documentElement;
+  s.lang = t, s.dir = b[t].dir;
+}
+const W = R("ds:inline-flex ds:items-center", {
+  variants: {
+    align: {
+      start: "",
+      end: ""
+    }
+  },
+  defaultVariants: { align: "end" }
+}), B = [
+  "ds:w-[20rem] ds:p-[var(--spacing-xs)]",
+  "ds:rounded-[var(--radius-md)] ds:border ds:border-border",
+  "ds:bg-background ds:text-foreground ds:shadow-[var(--shadow-lg)]"
+].join(" "), F = k(
+  (t, s) => {
+    const {
+      align: g = "end",
+      disabled: y = !1,
+      className: S,
+      id: p,
+      ...v
+    } = t, { t: r } = N(), n = O(), { setLocale: m } = H(), h = l(null);
+    T(s, () => h.current, []);
+    const u = A(
+      (e) => {
+        m(e), G(e), V(_, e);
+      },
+      [m]
+    ), f = l(u);
+    f.current = u;
+    const c = l(n);
+    c.current = n;
+    const w = C(
+      () => ({
+        setLocale: (e) => {
+          Object.prototype.hasOwnProperty.call(b, e) && f.current(e);
+        },
+        setTheme: (e) => c.current.setTheme(e),
+        setAccessibility: (e) => c.current.setAccessibility(e)
+      }),
+      []
+    );
+    P(D, w, p);
+    const L = n.accessibility === "accessible";
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: h,
+        "data-component": "header-settings",
+        "data-component-id": p,
+        className: W({ align: g, className: S }),
+        ...v,
+        children: /* @__PURE__ */ o(i.Root, { children: [
+          /* @__PURE__ */ a(i.Trigger, { asChild: !0, children: /* @__PURE__ */ a(
+            I,
+            {
+              disabled: y,
+              icon: /* @__PURE__ */ a(x, { "aria-hidden": !0 }),
+              "aria-label": r("navigation.headerSettings.trigger")
+            }
+          ) }),
+          /* @__PURE__ */ a(i.Portal, { children: /* @__PURE__ */ o(
+            i.Content,
+            {
+              align: g,
+              sideOffset: 8,
+              className: B,
+              onKeyDownCapture: (e) => {
+                const d = e.target;
+                (d == null ? void 0 : d.tagName) === "INPUT" && // Always allow Escape so the menu can close.
+                e.key !== "Escape" && e.stopPropagation();
+              },
+              children: [
+                /* @__PURE__ */ a(i.Label, { children: r("navigation.headerSettings.language.label") }),
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": r("navigation.headerSettings.language.label"),
+                    className: "ds:py-[var(--spacing-xs)]",
+                    children: /* @__PURE__ */ a(M.SearchList, {})
+                  }
+                ),
+                /* @__PURE__ */ a(i.Separator, {}),
+                /* @__PURE__ */ a(i.Label, { children: r("navigation.headerSettings.appearance.label") }),
+                /* @__PURE__ */ o(
+                  i.RadioGroup,
+                  {
+                    value: n.theme,
+                    onValueChange: (e) => n.setTheme(e),
+                    children: [
+                      /* @__PURE__ */ o(i.RadioItem, { value: "light", children: [
+                        /* @__PURE__ */ a(K, { "aria-hidden": !0, className: "ds:size-4" }),
+                        r("navigation.headerSettings.appearance.light")
+                      ] }),
+                      /* @__PURE__ */ o(i.RadioItem, { value: "dark", children: [
+                        /* @__PURE__ */ a(j, { "aria-hidden": !0, className: "ds:size-4" }),
+                        r("navigation.headerSettings.appearance.dark")
+                      ] }),
+                      /* @__PURE__ */ o(i.RadioItem, { value: "system", children: [
+                        /* @__PURE__ */ a(z, { "aria-hidden": !0, className: "ds:size-4" }),
+                        r("navigation.headerSettings.appearance.system")
+                      ] })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(i.Separator, {}),
+                /* @__PURE__ */ a(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": r(
+                      "navigation.headerSettings.appearance.accessible"
+                    ),
+                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]",
+                    children: /* @__PURE__ */ a(
+                      E,
+                      {
+                        label: r("navigation.headerSettings.appearance.accessible"),
+                        labelSide: "start",
+                        size: "sm",
+                        checked: L,
+                        onCheckedChange: (e) => n.setAccessibility(e ? "accessible" : "default")
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+);
+F.displayName = "HeaderSettings";
+export {
+  F as HeaderSettings
+};
+//# sourceMappingURL=index.js.map

package/dist/components/locale-picker/index.js

@@ -0,0 +1,7 @@
+import { L, a as c, b as r } from "../../_chunks/locale-picker-CYBhgSHR.js";
+export {
+  L as LOCALE_STORAGE_KEY,
+  c as LocalePicker,
+  r as LocalePickerSearchList
+};
+//# sourceMappingURL=index.js.map

package/dist/components/theme-toggle/index.js

@@ -1,4 +1,4 @@
-import { T as o, t } from "../../_chunks/theme-toggle-BswYl0Yp.js";
+import { T as o, t } from "../../_chunks/theme-toggle-FrotC2VI.js";
 export {
   o as ThemeToggle,
   t as themeToggleAgent

package/dist/components/whatsapp-button/index.js

@@ -1,4 +1,4 @@
-import { W as p } from "../../_chunks/whatsapp-button-CtlLwM3M.js";
+import { W as p } from "../../_chunks/whatsapp-button-DUjlWGKf.js";
 export {
   p as WhatsAppButton
 };