@alfadocs/ui-kit 0.38.0 → 0.40.0

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

@@ -0,0 +1,244 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as A, useRef as p, useImperativeHandle as C, useCallback as x, useMemo as I } from "react";
+import { c as N } from "./index-D2ZczOXr.js";
+import { useTranslation as E } from "react-i18next";
+import { I as o } from "./icon-button-CKEOrN37.js";
+import { I as M } from "./icon-button-group-C48khLE0.js";
+import { D as r } from "./dropdown-menu-BC5ZdOMo.js";
+import { S as R } from "./switch-BJ6HD3Mn.js";
+import { c as v, a as H, L as _ } from "./locale-picker-D99UyZVJ.js";
+import { u as O } from "./use-locale-BkCIHujH.js";
+import { u as P } from "./use-theme-C2dHKUAN.js";
+import { u as j } from "./registry-nPAVE19X.js";
+import { S as K } from "./settings-ca2Yi9R8.js";
+import { S as D, M as z } from "./sun-BuXE0xUS.js";
+import { M as V } from "./monitor-D-SFdbrU.js";
+const B = {
+  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, i) => {
+        t.setLocale(i.locale);
+      }
+    },
+    set_theme: {
+      safety: "write",
+      argsType: '{ theme: "light" | "dark" | "system" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setTheme",
+      description: "Switch the theme preference.",
+      invoke: (t, i) => {
+        t.setTheme(i.theme);
+      }
+    },
+    set_accessibility: {
+      safety: "write",
+      argsType: '{ accessibility: "default" | "accessible" }',
+      descriptionKey: "ui.agent.headerSettings.actions.setAccessibility",
+      description: "Switch the accessibility preference.",
+      invoke: (t, i) => {
+        t.setAccessibility(i.accessibility);
+      }
+    }
+  },
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "header-settings",
+      description: "Marks the HeaderSettings wrapper."
+    }
+  }
+};
+function G(t, i) {
+  if (!(typeof window > "u"))
+    try {
+      window.localStorage.setItem(t, i);
+    } catch {
+    }
+}
+function W(t) {
+  if (typeof document > "u") return;
+  const i = document.documentElement;
+  i.lang = t, i.dir = v[t].dir;
+}
+const F = N("ds:inline-flex ds:items-center", {
+  variants: {
+    align: {
+      start: "",
+      end: ""
+    }
+  },
+  defaultVariants: { align: "end" }
+}), U = [
+  "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(" "), Y = A(
+  (t, i) => {
+    const {
+      align: g = "end",
+      size: y = "md",
+      disabled: S = !1,
+      className: w,
+      id: m,
+      ...L
+    } = t, { t: s } = E(), n = P(), { setLocale: h } = O(), u = p(null);
+    C(i, () => u.current, []);
+    const f = x(
+      (a) => {
+        h(a), W(a), G(_, a);
+      },
+      [h]
+    ), b = p(f);
+    b.current = f;
+    const c = p(n);
+    c.current = n;
+    const k = I(
+      () => ({
+        setLocale: (a) => {
+          Object.prototype.hasOwnProperty.call(v, a) && b.current(a);
+        },
+        setTheme: (a) => c.current.setTheme(a),
+        setAccessibility: (a) => c.current.setAccessibility(a)
+      }),
+      []
+    );
+    j(B, k, m);
+    const T = n.accessibility === "accessible";
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: u,
+        "data-component": "header-settings",
+        "data-component-id": m,
+        className: F({ align: g, className: w }),
+        ...L,
+        children: /* @__PURE__ */ l(r.Root, { children: [
+          /* @__PURE__ */ e(r.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
+            o,
+            {
+              size: y,
+              disabled: S,
+              icon: /* @__PURE__ */ e(K, { "aria-hidden": !0 }),
+              "aria-label": s("navigation.headerSettings.trigger")
+            }
+          ) }),
+          /* @__PURE__ */ e(r.Portal, { children: /* @__PURE__ */ l(
+            r.Content,
+            {
+              align: g,
+              sideOffset: 8,
+              className: U,
+              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__ */ e(r.Label, { children: s("navigation.headerSettings.language.label") }),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": s("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__ */ e(H, { variant: "compact", popoverSide: "end" })
+                  }
+                ),
+                /* @__PURE__ */ e(r.Separator, {}),
+                /* @__PURE__ */ e(r.Label, { children: s("navigation.headerSettings.appearance.label") }),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": s("navigation.headerSettings.appearance.label"),
+                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+                    children: /* @__PURE__ */ l(
+                      M,
+                      {
+                        role: "radiogroup",
+                        mode: "toggle-single",
+                        size: "sm",
+                        "aria-label": s("navigation.headerSettings.appearance.label"),
+                        value: n.theme,
+                        onValueChange: (a) => n.setTheme(a),
+                        children: [
+                          /* @__PURE__ */ e(
+                            o,
+                            {
+                              icon: /* @__PURE__ */ e(D, { "aria-hidden": !0 }),
+                              "aria-label": s("navigation.headerSettings.appearance.light"),
+                              value: "light"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            o,
+                            {
+                              icon: /* @__PURE__ */ e(z, { "aria-hidden": !0 }),
+                              "aria-label": s("navigation.headerSettings.appearance.dark"),
+                              value: "dark"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            o,
+                            {
+                              icon: /* @__PURE__ */ e(V, { "aria-hidden": !0 }),
+                              "aria-label": s(
+                                "navigation.headerSettings.appearance.system"
+                              ),
+                              value: "system"
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ e(r.Separator, {}),
+                /* @__PURE__ */ e(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-label": s(
+                      "navigation.headerSettings.appearance.accessible"
+                    ),
+                    className: "ds:px-[var(--spacing-sm)] ds:py-[var(--spacing-sm)]",
+                    children: /* @__PURE__ */ e(
+                      R,
+                      {
+                        label: s("navigation.headerSettings.appearance.accessible"),
+                        labelSide: "start",
+                        size: "sm",
+                        checked: T,
+                        onCheckedChange: (a) => n.setAccessibility(a ? "accessible" : "default")
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ) })
+        ] })
+      }
+    );
+  }
+);
+Y.displayName = "HeaderSettings";
+export {
+  Y as H
+};
+//# sourceMappingURL=header-settings-CBLwUK6t.js.map

package/dist/_chunks/{map-view-vD5pvWs9.js → map-view-qJLybrmN.js}

@@ -1584,7 +1584,7 @@ const Bt = {
       },
       surface: {
         bordered: "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--border)]",
-        elevated: "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]",
+        elevated: "ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)] ds:border ds:border-[color:var(--card-border)] ds:[.theme-accessible_&]:border-2",
         bare: "ds:rounded-none ds:border-0"
       }
     },
@@ -1847,4 +1847,4 @@ Zt.displayName = "MapView";
 export {
   Zt as M
 };
-//# sourceMappingURL=map-view-vD5pvWs9.js.map
+//# sourceMappingURL=map-view-qJLybrmN.js.map

package/dist/_chunks/marketplace-app-shell-BlxVizU4.js

@@ -0,0 +1,296 @@
+import { jsxs as t, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as f, useState as T } from "react";
+import { useTranslation as k } from "react-i18next";
+import { A as B } from "./app-frame-BYx1gcV7.js";
+import { A as I } from "./avatar-BNQNhoyL.js";
+import { A as L } from "./alert-ywPR59NE.js";
+import { C as x } from "./card-DPmk26CL.js";
+import { D as i } from "./dropdown-menu-BC5ZdOMo.js";
+import { H as O, g as j, f as P, e as W, a as R, c as D, d as E } from "./header-CTZWX-tm.js";
+import { H as $ } from "./header-settings-CBLwUK6t.js";
+import { S as F } from "./sign-in-with-alfadocs-button-DeHBFRNS.js";
+import { S as V, a as q, h as G, j as J, k as K, i as Q } from "./sidebar-_vJXI9rB.js";
+import { T as U } from "./theme-root-BOO73p5t.js";
+import { a as X } from "./tooltip-DvmfrNvB.js";
+import { u as Y } from "./use-theme-C2dHKUAN.js";
+import { c as N } from "./index-D2ZczOXr.js";
+import { L as Z } from "./logo-yituK7sE.js";
+const _ = N("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), ee = N(
+  [
+    "ds:[font-family:var(--font-serif)]",
+    "ds:font-semibold",
+    "ds:leading-none",
+    "ds:tracking-[0.01em]",
+    "ds:whitespace-nowrap",
+    // Forced-colors: drop the transparent text-fill and paint the label
+    // as solid CanvasText so it never disappears under Windows HCM —
+    // a gradient/transparent fill has no meaning there.
+    "ds:forced-colors:text-[CanvasText]",
+    "ds:forced-colors:[-webkit-text-fill-color:CanvasText]"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "ds:text-[calc(var(--logo-size-sm)*0.95)]",
+        md: "ds:text-[calc(var(--logo-size-md)*0.95)]",
+        lg: "ds:text-[calc(var(--logo-size-lg)*0.95)]",
+        xl: "ds:text-[calc(var(--logo-size-xl)*0.95)]"
+      },
+      tone: {
+        // Brand gradient filled into the glyphs via background-clip:text.
+        // `--gradient-wordmark` rides the theme aliases, so it stays
+        // AA-safe and adapts per theme on its own (and flattens to a solid
+        // ink in the accessible / forced-colors blocks — see tokens).
+        gradient: [
+          "ds:italic",
+          "ds:bg-[image:var(--gradient-wordmark)]",
+          "ds:bg-clip-text",
+          "ds:text-transparent",
+          "ds:[-webkit-text-fill-color:transparent]"
+        ],
+        // Monochrome: solid currentColor ink, upright, no gradient — for
+        // print, single-colour work, and coloured chrome (e.g. app-shell
+        // headers) where the lockup must ride the surrounding ink.
+        solid: "ds:text-current"
+      }
+    },
+    defaultVariants: { size: "md", tone: "gradient" }
+  }
+), u = f(
+  ({ name: s, monochrome: a = !1, size: r = "md", className: n, ...l }, d) => /* @__PURE__ */ t(
+    "span",
+    {
+      ref: d,
+      role: "img",
+      "aria-label": `Alfadocs ${s}`.trim(),
+      className: _({ className: n }),
+      "data-component": "product-lockup",
+      ...l,
+      children: [
+        /* @__PURE__ */ e(
+          Z,
+          {
+            variant: a ? "monochrome" : "wordmark",
+            size: r,
+            decorative: !0
+          }
+        ),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": !0,
+            className: ee({
+              size: r,
+              tone: a ? "solid" : "gradient"
+            }),
+            children: s
+          }
+        )
+      ]
+    }
+  )
+);
+u.displayName = "ProductLockup";
+function ae(s) {
+  return s > 99 ? "99+" : String(s);
+}
+function se({
+  user: s,
+  labels: a,
+  onSignOut: r,
+  onToggleFullscreen: n
+}) {
+  const { t: l } = k(), d = a.fullscreen ?? l("patientShell.settings.fullscreen");
+  return (
+    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell
+    // behind it (which leaves the still-focusable chrome inside an
+    // aria-hidden region — an `aria-hidden-focus` violation).
+    /* @__PURE__ */ t(i.Root, { modal: !1, children: [
+      /* @__PURE__ */ e(i.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          "aria-label": a.accountMenu,
+          "data-testid": "marketplace-account-trigger",
+          className: "ds:rounded-full ds:inline-flex ds:items-center ds:gap-[var(--spacing-sm)] ds:min-h-[var(--min-target-size)] ds:min-w-[var(--min-target-size)] ds:justify-center ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText]",
+          children: [
+            /* @__PURE__ */ e(I, { name: s.name, src: s.avatarSrc, size: "md" }),
+            /* @__PURE__ */ e("span", { className: "ds:hidden ds:sm:inline", children: s.name })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t(i.Content, { align: "end", children: [
+        /* @__PURE__ */ e(i.Label, { children: /* @__PURE__ */ t("span", { className: "ds:flex ds:flex-col", children: [
+          /* @__PURE__ */ e("span", { className: "ds:font-medium", children: s.name }),
+          s.email ? /* @__PURE__ */ e("span", { className: "ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]", children: s.email }) : null
+        ] }) }),
+        n ? /* @__PURE__ */ t(M, { children: [
+          /* @__PURE__ */ e(i.Separator, {}),
+          /* @__PURE__ */ e(
+            i.Item,
+            {
+              onSelect: n,
+              "data-testid": "marketplace-fullscreen",
+              children: d
+            }
+          )
+        ] }) : null,
+        /* @__PURE__ */ e(i.Separator, {}),
+        /* @__PURE__ */ e(
+          i.Item,
+          {
+            onSelect: r,
+            "data-testid": "marketplace-sign-out",
+            children: a.signOut
+          }
+        )
+      ] })
+    ] })
+  );
+}
+function te({ nav: s }) {
+  return /* @__PURE__ */ e(q, { children: s.map((a) => {
+    const r = typeof a.badgeCount == "number" && a.badgeCount > 0 ? a.badgeCount : void 0;
+    return /* @__PURE__ */ t(
+      G,
+      {
+        href: a.href,
+        "aria-label": a.label,
+        isActive: a.isActive,
+        children: [
+          a.icon ? /* @__PURE__ */ e(J, { children: a.icon }) : null,
+          /* @__PURE__ */ e(K, { children: a.label }),
+          r !== void 0 ? /* @__PURE__ */ e(Q, { children: ae(r) }) : null
+        ]
+      },
+      a.id
+    );
+  }) });
+}
+const re = f(
+  ({
+    productName: s,
+    productHref: a = "/",
+    nav: r,
+    user: n,
+    labels: l,
+    onSignOut: d,
+    onToggleFullscreen: c,
+    sidebarState: o,
+    mainAriaLabel: m,
+    children: p
+  }, h) => {
+    const { t: S } = k(), { theme: y, accessibility: C, resolvedTheme: g } = Y(), w = y !== "system" || C !== "system", A = g.startsWith("dark") ? "dark" : "light", z = g.endsWith("-accessible"), [H, v] = T(!1), b = /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(
+      B,
+      {
+        mainAriaLabel: m,
+        mainClassName: "ds:bg-[color:var(--app-shell-background)]",
+        header: /* @__PURE__ */ t(O, { children: [
+          /* @__PURE__ */ t(j, { children: [
+            /* @__PURE__ */ e(P, { href: "#main-content" }),
+            /* @__PURE__ */ e(W, { onMenuOpen: () => v(!0) }),
+            /* @__PURE__ */ e(
+              R,
+              {
+                href: a,
+                logo: /* @__PURE__ */ e(u, { name: s, size: "md", monochrome: !0 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e(D, {}),
+          /* @__PURE__ */ t(E, { children: [
+            /* @__PURE__ */ e($, { size: "sm" }),
+            /* @__PURE__ */ e(
+              se,
+              {
+                user: n,
+                labels: l,
+                onSignOut: d,
+                onToggleFullscreen: c
+              }
+            )
+          ] })
+        ] }),
+        sidebar: /* @__PURE__ */ e(
+          V,
+          {
+            ...o !== void 0 ? { state: o } : { defaultState: "expanded" },
+            open: H,
+            onOpenChange: v,
+            "aria-label": S("navigation.sidebar.label"),
+            "data-testid": "marketplace-app-shell-sidebar",
+            children: /* @__PURE__ */ e(te, { nav: r })
+          }
+        ),
+        children: p
+      }
+    ) });
+    return w ? /* @__PURE__ */ e(
+      U,
+      {
+        ref: h,
+        theme: A,
+        accessible: z,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: b
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: h,
+        className: "ds:contents",
+        "data-component": "marketplace-app-shell",
+        children: b
+      }
+    );
+  }
+);
+re.displayName = "MarketplaceAppShell";
+const ne = f(
+  ({
+    productName: s,
+    title: a,
+    description: r,
+    connectLabel: n,
+    status: l = "idle",
+    error: d,
+    onConnect: c,
+    footer: o,
+    className: m
+  }, p) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: p,
+      "data-component": "connect-with-alfadocs",
+      className: `ds:flex ds:min-h-dvh ds:items-center ds:justify-center ds:bg-[color:var(--app-shell-background)] ds:p-[var(--spacing-lg)] ${m ?? ""}`,
+      children: /* @__PURE__ */ e(x, { className: "ds:w-full ds:max-w-[400px]", children: /* @__PURE__ */ t(x.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
+        /* @__PURE__ */ e(u, { name: s, size: "lg" }),
+        /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ e("h1", { className: "type-title-card", children: a }),
+          /* @__PURE__ */ e("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: r })
+        ] }),
+        l === "error" && d ? /* @__PURE__ */ e(L, { variant: "error", className: "ds:w-full ds:text-start", children: d }) : null,
+        /* @__PURE__ */ e(
+          F,
+          {
+            intent: "primary",
+            className: "ds:w-full",
+            loading: l === "connecting",
+            onClick: c,
+            label: n,
+            "data-testid": "connect-with-alfadocs-button"
+          }
+        ),
+        o ? /* @__PURE__ */ e("div", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: o }) : null
+      ] }) })
+    }
+  )
+);
+ne.displayName = "ConnectWithAlfadocs";
+export {
+  ne as C,
+  re as M,
+  u as P
+};
+//# sourceMappingURL=marketplace-app-shell-BlxVizU4.js.map