@alfadocs/ui-kit 1.50.0 → 1.51.0

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

@@ -1,335 +0,0 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as I, useRef as c, useImperativeHandle as C, useCallback as R, useMemo as E } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as K } from "react-i18next";
-import { I as l } from "./icon-button-CY7GU_Se.js";
-import { I as M } from "./icon-button-group-B_426QN_.js";
-import { D as r } from "./dropdown-menu-C8PaW3lR.js";
-import { S as N } from "./switch-OILsBLWo.js";
-import { c as S, a as j, L as H } from "./locale-picker-DGkQmhV9.js";
-import { u as O } from "./use-locale-BkCIHujH.js";
-import { u as P } from "./use-theme-CAuo6EYT.js";
-import { u as V } from "./registry-DvAUVLHh.js";
-import { S as D } from "./settings-d25ju_6L.js";
-import { S as q, M as z } from "./sun-Bj9Mr553.js";
-import { M as F } from "./monitor-xXSrufmP.js";
-const U = {
-  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, s) => {
-        e.setLocale(s.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, s) => {
-        e.setTheme(s.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, s) => {
-        e.setAccessibility(s.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 B(e, s) {
-  if (!(typeof window > "u"))
-    try {
-      window.localStorage.setItem(e, s);
-    } catch {
-    }
-}
-function G(e) {
-  if (typeof document > "u") return;
-  const s = document.documentElement;
-  s.lang = e, s.dir = S[e].dir;
-}
-const W = _("ds:inline-flex ds:items-center", {
-  variants: {
-    align: {
-      start: "",
-      end: ""
-    }
-  },
-  defaultVariants: { align: "end" }
-}), Y = [
-  "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(" "), J = I(
-  (e, s) => {
-    const {
-      align: h = "end",
-      size: w = "md",
-      disabled: T = !1,
-      className: k,
-      id: g,
-      ...A
-    } = e, { t: i } = K(), n = P(), { locale: m, setLocale: u } = O(), y = c(null);
-    C(s, () => y.current, []);
-    const f = R(
-      (a) => {
-        u(a), G(a), B(H, a);
-      },
-      [u]
-    ), b = c(f);
-    b.current = f;
-    const v = c(m);
-    v.current = m;
-    const o = c(n);
-    o.current = n;
-    const L = E(
-      () => ({
-        setLocale: (a) => {
-          Object.prototype.hasOwnProperty.call(S, a) && b.current(a);
-        },
-        setTheme: (a) => o.current.setTheme(a),
-        setAccessibility: (a) => o.current.setAccessibility(a),
-        // 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: () => o.current.theme,
-        getAccessibility: () => o.current.accessibility,
-        getResolvedTheme: () => o.current.resolvedTheme
-      }),
-      []
-    );
-    V(U, L, g);
-    const x = n.accessibility === "accessible";
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        ref: y,
-        "data-component": "header-settings",
-        "data-component-id": g,
-        className: W({ align: h, className: k }),
-        ...A,
-        children: /* @__PURE__ */ p(r.Root, { children: [
-          /* @__PURE__ */ t(r.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
-            l,
-            {
-              size: w,
-              disabled: T,
-              icon: /* @__PURE__ */ t(D, { "aria-hidden": !0 }),
-              "aria-label": i("navigation.headerSettings.trigger")
-            }
-          ) }),
-          /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ p(
-            r.Content,
-            {
-              align: h,
-              sideOffset: 8,
-              className: Y,
-              onKeyDownCapture: (a) => {
-                const d = a.target;
-                (d == null ? void 0 : d.tagName) === "INPUT" && // Always allow Escape so the menu can close.
-                a.key !== "Escape" && a.stopPropagation();
-              },
-              children: [
-                /* @__PURE__ */ t(r.Label, { children: i("navigation.headerSettings.language.label") }),
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    role: "group",
-                    "aria-label": i("navigation.headerSettings.language.label"),
-                    className: [
-                      "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
-                      // Stretch the compact LocalePicker to the full menu
-                      // width so it reads as a single row affordance (not
-                      // a centred pill). The picker's root is
-                      // inline-flex; the `*:` child selector + `flex-1`
-                      // gives it `flex: 1 1 0%` once it's a child of the
-                      // flex container we make this div into.
-                      "ds:flex ds:[&>*]:flex-1"
-                    ].join(" "),
-                    children: /* @__PURE__ */ t(j, { variant: "compact", popoverSide: "end" })
-                  }
-                ),
-                /* @__PURE__ */ t(r.Separator, {}),
-                /* @__PURE__ */ t(r.Label, { children: i("navigation.headerSettings.appearance.label") }),
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    role: "group",
-                    "aria-label": i("navigation.headerSettings.appearance.label"),
-                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
-                    children: /* @__PURE__ */ p(
-                      M,
-                      {
-                        role: "radiogroup",
-                        mode: "toggle-single",
-                        size: "sm",
-                        "aria-label": i("navigation.headerSettings.appearance.label"),
-                        value: n.theme,
-                        onValueChange: (a) => n.setTheme(a),
-                        children: [
-                          /* @__PURE__ */ t(
-                            l,
-                            {
-                              icon: /* @__PURE__ */ t(q, { "aria-hidden": !0 }),
-                              "aria-label": i("navigation.headerSettings.appearance.light"),
-                              value: "light"
-                            }
-                          ),
-                          /* @__PURE__ */ t(
-                            l,
-                            {
-                              icon: /* @__PURE__ */ t(z, { "aria-hidden": !0 }),
-                              "aria-label": i("navigation.headerSettings.appearance.dark"),
-                              value: "dark"
-                            }
-                          ),
-                          /* @__PURE__ */ t(
-                            l,
-                            {
-                              icon: /* @__PURE__ */ t(F, { "aria-hidden": !0 }),
-                              "aria-label": i(
-                                "navigation.headerSettings.appearance.system"
-                              ),
-                              value: "system"
-                            }
-                          )
-                        ]
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ t(r.Separator, {}),
-                /* @__PURE__ */ t(
-                  "div",
-                  {
-                    role: "group",
-                    "aria-label": i(
-                      "navigation.headerSettings.appearance.accessible"
-                    ),
-                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]",
-                    children: /* @__PURE__ */ t(
-                      N,
-                      {
-                        label: i("navigation.headerSettings.appearance.accessible"),
-                        labelSide: "start",
-                        size: "sm",
-                        checked: x,
-                        onCheckedChange: (a) => n.setAccessibility(a ? "accessible" : "default")
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ) })
-        ] })
-      }
-    );
-  }
-);
-J.displayName = "HeaderSettings";
-export {
-  J as H
-};
-//# sourceMappingURL=header-settings-ZXa6hXuu.js.map

package/dist/_chunks/resource-chip-DYTG0IQQ.js

@@ -1,83 +0,0 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { c as u } from "./index-D2ZczOXr.js";
-import { A as m } from "./armchair-BaLDW6Hz.js";
-const h = u(
-  [
-    "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-    "ds:max-w-full",
-    // No pill: the label sits on the page ink, so it is legible in all
-    // four themes without knowing the resource colour.
-    "ds:text-[color:var(--foreground)]",
-    "type-eyebrow ds:[--type-eyebrow-size:var(--font-size-2xs)]"
-  ].join(" "),
-  {
-    variants: {
-      orientation: {
-        // Disc above, name beneath — the stack spends the header's
-        // block axis, which is the one a resource column has to spare.
-        horizontal: "ds:flex-col",
-        // column-REVERSE: the label writes bottom-to-top (the kit's
-        // rotated-label direction), so the glyph circle must sit at the
-        // BLOCK-END — the start of the reading flow — while keeping
-        // circle-first DOM order in both orientations.
-        vertical: "ds:flex-col-reverse"
-      }
-    },
-    defaultVariants: { orientation: "horizontal" }
-  }
-), f = p(
-  ({ label: o, color: s, icon: i, orientation: r, className: a, style: t, ...c }, d) => {
-    const n = s ? { "--resource-chip-color": s } : void 0;
-    return /* @__PURE__ */ l(
-      "span",
-      {
-        ref: d,
-        ...c,
-        "data-component": "resource-chip",
-        "data-orientation": r ?? "horizontal",
-        className: h({ orientation: r, className: a }),
-        style: t,
-        children: [
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: [
-                "ds:flex ds:size-6 ds:shrink-0 ds:items-center ds:justify-center",
-                /* Hairline ring, NOT 1.5px: the Lucide glyph is a 24-unit
-                   icon at stroke-width 2 drawn at 14px, so its strokes land
-                   at ~1.17px — a 1.5px ring is visibly HEAVIER than the
-                   glyph it encloses, and a fractional width on a full-radius
-                   circle antialiases unevenly around the curve. 1px sits
-                   just under the glyph weight and matches the kit's other
-                   indicator disc. */
-                "ds:rounded-full ds:border ds:[&_svg]:size-3.5",
-                // Seeded default; the inline setter wins when a colour is given.
-                "ds:[--resource-chip-color:var(--muted-foreground)]",
-                "ds:[--resource-chip-ink:color-mix(in_srgb,var(--resource-chip-color)_70%,var(--foreground))]",
-                "ds:[background-color:color-mix(in_srgb,var(--resource-chip-color)_16%,transparent)]",
-                "ds:[border-color:var(--resource-chip-ink)]",
-                "ds:[color:var(--resource-chip-ink)]"
-              ].join(" "),
-              style: n,
-              "aria-hidden": "true",
-              children: i ?? /* @__PURE__ */ e(m, {})
-            }
-          ),
-          /* @__PURE__ */ e(
-            "span",
-            {
-              className: r === "vertical" ? "ds:truncate ds:text-start ds:[writing-mode:vertical-rl] ds:rotate-180 ds:[max-inline-size:6.5rem]" : "ds:truncate ds:text-center ds:[max-inline-size:100%]",
-              children: o
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-f.displayName = "ResourceChip";
-export {
-  f as R
-};
-//# sourceMappingURL=resource-chip-DYTG0IQQ.js.map