@alfadocs/ui-kit 1.71.0 → 1.71.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.71.0",
+  "version": "1.71.1",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

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

@@ -1,306 +0,0 @@
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import { forwardRef as E, useRef as p, useImperativeHandle as I, useCallback as R, useMemo as K } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as T } from "react-i18next";
-import { I as H } from "./icon-button-C_1TgRiK.js";
-import { D as n } from "./dropdown-menu-D1we7oAY.js";
-import { u as O, c as g, L as P, a as j } from "./locale-picker-CeveTnDK.js";
-import { u as x } from "./use-locale-BExNy9Dl.js";
-import { u as N } from "./use-theme-CAuo6EYT.js";
-import { u as D } from "./registry-DvAUVLHh.js";
-import { u as M } from "./length-token-DwMnGEYT.js";
-import { S as F } from "./settings-d25ju_6L.js";
-const V = {
-  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: (e) => e.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: (e) => e.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: (e) => e.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: (e) => e.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: (e, a) => {
-        e.setLocale(a.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: (e, a) => {
-        e.setTheme(a.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: (e, a) => {
-        e.setAccessibility(a.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 q(e, a) {
-  if (!(typeof window > "u"))
-    try {
-      window.localStorage.setItem(e, a);
-    } catch {
-    }
-}
-function z(e) {
-  if (typeof document > "u") return;
-  const a = document.documentElement;
-  a.lang = e, a.dir = g[e].dir;
-}
-const U = _("ds:inline-flex ds:items-center", {
-  variants: {
-    align: {
-      start: "",
-      end: ""
-    }
-  },
-  defaultVariants: { align: "end" }
-}), W = "ds:w-[var(--popover-size-md)]";
-function B(e) {
-  return Object.prototype.hasOwnProperty.call(g, e);
-}
-function G({ locale: e }) {
-  const { t: a } = T("ui"), o = g[B(e) ? e : "en"], m = (t) => {
-    var r;
-    t.target === t.currentTarget && ((r = t.currentTarget.querySelector("input")) == null || r.focus({ preventScroll: !0 }));
-  }, u = (t) => {
-    const r = t.target;
-    if (r instanceof HTMLInputElement) {
-      if (t.nativeEvent.isComposing) {
-        t.stopPropagation();
-        return;
-      }
-      t.key !== "ArrowLeft" && t.key !== "ArrowRight" || (r.selectionStart !== 0 || r.selectionEnd !== 0) && t.stopPropagation();
-    }
-  };
-  return /* @__PURE__ */ h(n.Sub, { children: [
-    /* @__PURE__ */ s(n.SubTrigger, { "aria-haspopup": "dialog", "data-value": o.code, children: /* @__PURE__ */ h("span", { className: "ds:flex ds:min-w-0 ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ s("span", { className: "ds:truncate", children: a("navigation.headerSettings.language.label") }),
-      /* @__PURE__ */ s(
-        "span",
-        {
-          lang: o.code,
-          className: "ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:[[data-highlighted]_&]:text-current",
-          children: o.nativeName
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ s(
-      n.SubContent,
-      {
-        role: "dialog",
-        "aria-orientation": void 0,
-        className: W,
-        onFocus: m,
-        onKeyDownCapture: u,
-        onEscapeKeyDown: (t) => {
-          t.isComposing && t.preventDefault();
-        },
-        children: /* @__PURE__ */ s(j.SearchList, {})
-      }
-    )
-  ] });
-}
-const Y = E(
-  (e, a) => {
-    const {
-      align: o = "end",
-      size: m = "md",
-      disabled: u = !1,
-      className: t,
-      id: r,
-      ...k
-    } = e, { t: c } = T("ui"), l = N(), { locale: y, setLocale: b } = x();
-    O();
-    const f = p(null);
-    I(a, () => f.current, []);
-    const S = R(
-      (i) => {
-        b(i), z(i), q(P, i);
-      },
-      [b]
-    ), w = p(S);
-    w.current = S;
-    const v = p(y);
-    v.current = y;
-    const d = p(l);
-    d.current = l;
-    const A = K(
-      () => ({
-        setLocale: (i) => {
-          Object.prototype.hasOwnProperty.call(g, i) && w.current(i);
-        },
-        setTheme: (i) => d.current.setTheme(i),
-        setAccessibility: (i) => d.current.setAccessibility(i),
-        // 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: () => v.current,
-        getTheme: () => d.current.theme,
-        getAccessibility: () => d.current.accessibility,
-        getResolvedTheme: () => d.current.resolvedTheme
-      }),
-      []
-    );
-    D(V, A, r);
-    const L = l.accessibility === "accessible", C = M("--spacing-lg", f, 24);
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: f,
-        "data-component": "header-settings",
-        "data-component-id": r,
-        className: U({ align: o, className: t }),
-        ...k,
-        children: /* @__PURE__ */ h(n.Root, { children: [
-          /* @__PURE__ */ s(n.Trigger, { asChild: !0, children: /* @__PURE__ */ s(
-            H,
-            {
-              size: m,
-              disabled: u,
-              icon: /* @__PURE__ */ s(F, { "aria-hidden": !0 }),
-              "aria-label": c("navigation.headerSettings.trigger")
-            }
-          ) }),
-          /* @__PURE__ */ h(n.Content, { align: o, collisionPadding: C, children: [
-            /* @__PURE__ */ s(G, { locale: y }),
-            /* @__PURE__ */ s(n.Separator, {}),
-            /* @__PURE__ */ s(
-              n.ChoiceSub,
-              {
-                label: c("navigation.headerSettings.appearance.label"),
-                value: l.theme,
-                onValueChange: l.setTheme,
-                options: [
-                  {
-                    value: "light",
-                    label: c("navigation.headerSettings.appearance.light")
-                  },
-                  {
-                    value: "dark",
-                    label: c("navigation.headerSettings.appearance.dark")
-                  },
-                  {
-                    value: "system",
-                    label: c("navigation.headerSettings.appearance.system")
-                  }
-                ]
-              }
-            ),
-            /* @__PURE__ */ s(
-              n.SwitchItem,
-              {
-                checked: L,
-                onCheckedChange: (i) => l.setAccessibility(i ? "accessible" : "default"),
-                children: c("navigation.headerSettings.appearance.accessible")
-              }
-            )
-          ] })
-        ] })
-      }
-    );
-  }
-);
-Y.displayName = "HeaderSettings";
-export {
-  Y as H
-};
-//# sourceMappingURL=header-settings-DlUbvAUx.js.map