@alfadocs/ui-kit 1.70.0 → 1.71.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "1.70.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/auth-form-parts-B40zvD-a.js

@@ -1,86 +0,0 @@
-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:self-center 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]'
-);
-function S({ href: s, action: e, children: t }) {
-  return /* @__PURE__ */ r("a", { href: s, "data-action": e, className: N(), children: t });
-}
-function V({
-  id: s,
-  title: e,
-  description: t,
-  level: a,
-  showLogo: o,
-  logoMotion: d
-}) {
-  const i = `h${a}`;
-  return /* @__PURE__ */ m("div", { className: w({ centred: o }), children: [
-    o && /* @__PURE__ */ r(b, { motion: d, label: x }),
-    /* @__PURE__ */ r(i, { id: s, className: "type-title-card", children: e }),
-    t && /* @__PURE__ */ r("p", { className: "type-body-sm ds:text-[var(--muted-foreground)]", children: t })
-  ] });
-}
-const y = h(
-  ({ id: s, announce: e, children: t }, a) => /* @__PURE__ */ r(
-    c,
-    {
-      ref: a,
-      id: s,
-      variant: "error",
-      announce: e,
-      tabIndex: -1,
-      "data-field": "form",
-      className: A(),
-      children: /* @__PURE__ */ r(c.Description, { children: t })
-    }
-  )
-);
-y.displayName = "AuthFormMessage";
-function C(s, e, t, a) {
-  const o = new Set(Object.values(t ?? {})), d = e ? Object.entries(a ?? {}) : [], i = d.filter(([n]) => o.has(n)).map(([n]) => n).join(", ");
-  return f(() => {
-    i && u() && console.warn(
-      `${s}: hiddenFields "${i}" is also named in fieldNames and was left out. The form's own field wins.`
-    );
-  }, [i, s]), d.filter(([n]) => !o.has(n));
-}
-function D(s, e, t) {
-  const a = e && t && p(t) ? t : void 0, o = t ? e ? 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(() => {
-    o && u() && console.warn(`${s}: ${o}`);
-  }, [s, o]), a;
-}
-function H({ fields: s }) {
-  return /* @__PURE__ */ r(v, { children: s.map(([e, t]) => /* @__PURE__ */ r("input", { type: "hidden", name: e, value: t }, e)) });
-}
-function O({ busy: s }) {
-  const { t: e } = g("ui");
-  return /* @__PURE__ */ r("p", { role: "status", className: "ds:sr-only", children: s ? e("chat.message.status.sending") : "" });
-}
-export {
-  V as A,
-  H as E,
-  C as a,
-  y as b,
-  O as c,
-  S as d,
-  D as u
-};
-//# sourceMappingURL=auth-form-parts-B40zvD-a.js.map

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