@alfadocs/ui-kit 0.51.0 → 0.52.0

package/package.json

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

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

@@ -1,428 +0,0 @@
-import { jsxs as n, jsx as e, Fragment as T } from "react/jsx-runtime";
-import { forwardRef as b, useState as P } from "react";
-import { useTranslation as M } from "react-i18next";
-import { c as p } from "./index-D2ZczOXr.js";
-import { A as E } from "./app-frame-BYx1gcV7.js";
-import { A as $ } from "./avatar-BNQNhoyL.js";
-import { A as D } from "./alert-_mUKLmwA.js";
-import { C } from "./card-DPmk26CL.js";
-import { D as i } from "./dropdown-menu-DwwPovMZ.js";
-import { T as F } from "./tab-bar-Xetknddo.js";
-import { a as S, H as q, g as G, f as w, e as J, c as K, d as Q } from "./header-Ce1Br27u.js";
-import { H as U } from "./header-settings-D5Z2B_Yz.js";
-import { S as X } from "./sign-in-with-alfadocs-button-CuYn_kKP.js";
-import { S as Y, a as Z, j as _, k as ee, i as ae, h as A } from "./sidebar-DPEHzxLZ.js";
-import { T as se } from "./theme-root-BOO73p5t.js";
-import { a as te } from "./tooltip-DvmfrNvB.js";
-import { u as re } from "./use-theme-CAuo6EYT.js";
-import { L as ne } from "./logo-yituK7sE.js";
-const de = p("ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]"), le = p(
-  [
-    "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" }
-  }
-), h = b(
-  ({
-    name: s,
-    monochrome: r = !1,
-    tone: a = "auto",
-    size: t = "md",
-    className: d,
-    ...l
-  }, o) => /* @__PURE__ */ n(
-    "span",
-    {
-      ref: o,
-      role: "img",
-      "aria-label": `Alfadocs ${s}`.trim(),
-      className: de({ className: d }),
-      "data-component": "product-lockup",
-      ...l,
-      children: [
-        /* @__PURE__ */ e(
-          ne,
-          {
-            variant: r ? "monochrome" : "wordmark",
-            tone: a,
-            size: t,
-            decorative: !0
-          }
-        ),
-        /* @__PURE__ */ e(
-          "span",
-          {
-            "aria-hidden": !0,
-            className: le({
-              size: t,
-              tone: r ? "solid" : "gradient"
-            }),
-            children: s
-          }
-        )
-      ]
-    }
-  )
-);
-h.displayName = "ProductLockup";
-function ie(s) {
-  return s > 99 ? "99+" : String(s);
-}
-function oe({
-  user: s,
-  labels: r,
-  onSignOut: a,
-  onToggleFullscreen: t
-}) {
-  const { t: d } = M(), l = r.fullscreen ?? d("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__ */ n(i.Root, { modal: !1, children: [
-      /* @__PURE__ */ e(i.Trigger, { asChild: !0, children: /* @__PURE__ */ n(
-        "button",
-        {
-          type: "button",
-          "aria-label": r.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($, { name: s.name, src: s.avatarSrc, size: "md" }),
-            /* @__PURE__ */ e("span", { className: "ds:hidden ds:sm:inline", children: s.name })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ n(i.Content, { align: "end", children: [
-        /* @__PURE__ */ e(i.Label, { children: /* @__PURE__ */ n("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
-        ] }) }),
-        t ? /* @__PURE__ */ n(T, { children: [
-          /* @__PURE__ */ e(i.Separator, {}),
-          /* @__PURE__ */ e(
-            i.Item,
-            {
-              onSelect: t,
-              "data-testid": "marketplace-fullscreen",
-              children: l
-            }
-          )
-        ] }) : null,
-        /* @__PURE__ */ e(i.Separator, {}),
-        /* @__PURE__ */ e(
-          i.Item,
-          {
-            onSelect: a,
-            "data-testid": "marketplace-sign-out",
-            children: r.signOut
-          }
-        )
-      ] })
-    ] })
-  );
-}
-function ce({
-  nav: s,
-  renderLink: r
-}) {
-  return /* @__PURE__ */ e(Z, { children: s.map((a) => {
-    const t = typeof a.badgeCount == "number" && a.badgeCount > 0 ? a.badgeCount : void 0, d = /* @__PURE__ */ n(T, { children: [
-      a.icon ? /* @__PURE__ */ e(_, { children: a.icon }) : null,
-      /* @__PURE__ */ e(ee, { children: a.label }),
-      t !== void 0 ? /* @__PURE__ */ e(ae, { children: ie(t) }) : null
-    ] });
-    return r ? /* @__PURE__ */ e(A, { asChild: !0, isActive: a.isActive, children: r({
-      href: a.href,
-      children: d,
-      "aria-current": a.isActive ? "page" : void 0
-    }) }, a.id) : /* @__PURE__ */ e(
-      A,
-      {
-        href: a.href,
-        "aria-label": a.label,
-        isActive: a.isActive,
-        ...a.onClick ? { onClick: a.onClick } : {},
-        children: d
-      },
-      a.id
-    );
-  }) });
-}
-const z = p("ds:bg-[color:var(--app-shell-background)]", {
-  variants: {
-    variant: {
-      standalone: "",
-      embedded: [
-        "ds:flex-1",
-        "ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]",
-        "ds:pt-[var(--spacing-lg)] ds:pb-[var(--spacing-md)]"
-      ].join(" ")
-    }
-  },
-  defaultVariants: { variant: "standalone" }
-});
-function me({
-  nav: s,
-  ariaLabel: r,
-  renderLink: a
-}) {
-  const t = a ? ({
-    href: d,
-    className: l,
-    children: o,
-    "aria-current": m
-  }) => a({ href: d, className: l, children: o, "aria-current": m }) : void 0;
-  return /* @__PURE__ */ e(
-    F,
-    {
-      items: s,
-      ariaLabel: r,
-      ...t ? { renderLink: t } : {}
-    }
-  );
-}
-const pe = b(
-  ({
-    productName: s,
-    productHref: r = "/",
-    nav: a,
-    renderLink: t,
-    user: d,
-    labels: l,
-    onSignOut: o,
-    onToggleFullscreen: m,
-    sidebarState: c,
-    mainAriaLabel: f,
-    variant: g = "standalone",
-    children: u
-  }, x) => {
-    const { t: v } = M(), B = t ? /* @__PURE__ */ e(S, { asChild: !0, children: t({
-      href: r,
-      children: /* @__PURE__ */ e(h, { name: s, size: "md", monochrome: !0 })
-    }) }) : /* @__PURE__ */ e(
-      S,
-      {
-        href: r,
-        logo: /* @__PURE__ */ e(h, { name: s, size: "md", monochrome: !0 })
-      }
-    ), { theme: H, accessibility: I, resolvedTheme: k } = re(), V = H !== "system" || I !== "system", j = k.startsWith("dark") ? "dark" : "light", L = k.endsWith("-accessible"), [O, N] = P(!1), W = /* @__PURE__ */ e(te, { children: /* @__PURE__ */ e(
-      E,
-      {
-        mainAriaLabel: f,
-        mainClassName: z({ variant: "standalone" }),
-        header: /* @__PURE__ */ n(q, { children: [
-          /* @__PURE__ */ n(G, { children: [
-            /* @__PURE__ */ e(w, { href: "#main-content" }),
-            /* @__PURE__ */ e(J, { onMenuOpen: () => N(!0) }),
-            B
-          ] }),
-          /* @__PURE__ */ e(K, {}),
-          /* @__PURE__ */ n(Q, { children: [
-            /* @__PURE__ */ e(U, { size: "sm" }),
-            /* @__PURE__ */ e(
-              oe,
-              {
-                user: d,
-                labels: l,
-                onSignOut: o,
-                onToggleFullscreen: m
-              }
-            )
-          ] })
-        ] }),
-        sidebar: /* @__PURE__ */ e(
-          Y,
-          {
-            ...c !== void 0 ? { state: c } : { defaultState: "expanded" },
-            open: O,
-            onOpenChange: N,
-            "aria-label": v("navigation.sidebar.label"),
-            "data-testid": "marketplace-app-shell-sidebar",
-            children: /* @__PURE__ */ e(ce, { nav: a, renderLink: t })
-          }
-        ),
-        children: u
-      }
-    ) }), R = (
-      // The shell owns the warm-grey canvas; TabBar's strip is transparent and
-      // floats its pill on it, and `<main>` continues the same surface.
-      /* @__PURE__ */ n("div", { className: "ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]", children: [
-        /* @__PURE__ */ e(w, { href: "#main-content" }),
-        /* @__PURE__ */ e(
-          me,
-          {
-            nav: a,
-            ariaLabel: v("navigation.sidebar.label"),
-            renderLink: t
-          }
-        ),
-        /* @__PURE__ */ e(
-          "main",
-          {
-            id: "main-content",
-            tabIndex: -1,
-            "aria-label": f ?? v("navigation.main.label", "Main content"),
-            className: z({ variant: "embedded" }),
-            children: u
-          }
-        )
-      ] })
-    ), y = g === "embedded" ? R : W;
-    return V ? /* @__PURE__ */ e(
-      se,
-      {
-        ref: x,
-        theme: j,
-        accessible: L,
-        className: "ds:contents",
-        "data-component": "marketplace-app-shell",
-        children: y
-      }
-    ) : /* @__PURE__ */ e(
-      "div",
-      {
-        ref: x,
-        className: "ds:contents",
-        "data-component": "marketplace-app-shell",
-        children: y
-      }
-    );
-  }
-);
-pe.displayName = "MarketplaceAppShell";
-const fe = p(
-  "ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]",
-  {
-    variants: {
-      layout: {
-        card: "",
-        split: "ds:flex-col ds:lg:flex-row"
-      }
-    },
-    defaultVariants: { layout: "card" }
-  }
-), he = p("ds:w-full", {
-  variants: {
-    layout: {
-      card: "ds:max-w-[400px]",
-      split: "ds:max-w-[400px] ds:lg:max-w-[480px]"
-    }
-  },
-  defaultVariants: { layout: "card" }
-}), ue = p("", {
-  variants: {
-    layout: { card: "", split: "ds:lg:hidden" }
-  },
-  defaultVariants: { layout: "card" }
-}), ge = b(
-  ({
-    productName: s,
-    title: r,
-    description: a,
-    connectLabel: t,
-    status: d = "idle",
-    error: l,
-    onConnect: o,
-    footer: m,
-    layout: c = "card",
-    brandPanel: f,
-    className: g
-  }, u) => /* @__PURE__ */ n(
-    "div",
-    {
-      ref: u,
-      "data-component": "connect-with-alfadocs",
-      className: `${fe({ layout: c })} ${g ?? ""}`,
-      children: [
-        c === "split" ? (
-          // Desktop brand panel (lg+ only): a bold `--primary` surface with the
-          // monochrome lockup riding the `--primary-foreground` ink, plus an
-          // optional `brandPanel` slot. Decorative — the card carries the real
-          // heading + CTA, and shows its own lockup below `lg:`.
-          /* @__PURE__ */ n("div", { className: "ds:hidden ds:lg:flex ds:lg:w-[55%] ds:flex-col ds:items-center ds:justify-center ds:gap-[var(--spacing-lg)] ds:bg-[color:var(--primary)] ds:text-[color:var(--primary-foreground)] ds:ps-[var(--spacing-2xl)] ds:pe-[var(--spacing-2xl)] ds:pt-[var(--spacing-2xl)] ds:pb-[var(--spacing-2xl)] ds:text-start", children: [
-            /* @__PURE__ */ e(
-              h,
-              {
-                name: s,
-                size: "lg",
-                monochrome: !0,
-                tone: "inherit"
-              }
-            ),
-            f ? /* @__PURE__ */ e("div", { className: "type-body ds:max-w-[28rem] ds:text-start", children: f }) : null
-          ] })
-        ) : null,
-        /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]", children: /* @__PURE__ */ e(C, { className: he({ layout: c }), children: /* @__PURE__ */ n(C.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center", children: [
-          /* @__PURE__ */ e(
-            h,
-            {
-              name: s,
-              size: "lg",
-              className: ue({ layout: c })
-            }
-          ),
-          /* @__PURE__ */ n("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-            /* @__PURE__ */ e("h1", { className: "type-title-card", children: r }),
-            /* @__PURE__ */ e("p", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: a })
-          ] }),
-          d === "error" && l ? /* @__PURE__ */ e(D, { variant: "error", className: "ds:w-full ds:text-start", children: l }) : null,
-          /* @__PURE__ */ e(
-            X,
-            {
-              intent: "primary",
-              className: "ds:w-full",
-              loading: d === "connecting",
-              onClick: o,
-              label: t,
-              "data-testid": "connect-with-alfadocs-button"
-            }
-          ),
-          m ? /* @__PURE__ */ e("div", { className: "type-meta ds:text-[color:var(--muted-foreground)]", children: m }) : null
-        ] }) }) })
-      ]
-    }
-  )
-);
-ge.displayName = "ConnectWithAlfadocs";
-export {
-  ge as C,
-  pe as M,
-  h as P
-};
-//# sourceMappingURL=marketplace-app-shell-Dmo1S9av.js.map

package/dist/_chunks/patient-shell-c2YixkQw.js

@@ -1,174 +0,0 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as k, useState as w } from "react";
-import { useTranslation as m } from "react-i18next";
-import { A } from "./app-frame-BYx1gcV7.js";
-import { I as C } from "./icon-button-CKEOrN37.js";
-import { D as i } from "./dropdown-menu-DwwPovMZ.js";
-import { H, g as x, f as N, e as B, a as M, c as T, d as O } from "./header-Ce1Br27u.js";
-import { L as P } from "./logo-yituK7sE.js";
-import { S as W, a as j, h as R, j as _, k as z, i as D } from "./sidebar-DPEHzxLZ.js";
-import { T as E } from "./theme-root-BOO73p5t.js";
-import { a as q } from "./tooltip-DvmfrNvB.js";
-import { u as F } from "./use-theme-CAuo6EYT.js";
-import { S as U } from "./settings-ca2Yi9R8.js";
-import { c as G } from "./createLucideIcon-CrFbzy84.js";
-import { L as J } from "./log-out-616hnn2-.js";
-/**
- * @license lucide-react v1.8.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const K = [
-  ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
-  ["path", { d: "m21 3-7 7", key: "1l2asr" }],
-  ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
-  ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
-], Q = G("maximize-2", K);
-function V(a) {
-  return a > 99 ? "99+" : String(a);
-}
-function X(a) {
-  if (a.startsWith("/") || a.startsWith("#") || a.startsWith("?"))
-    return !0;
-  try {
-    const t = new URL(a, window.location.origin);
-    return t.protocol === "http:" || t.protocol === "https:";
-  } catch {
-    return !1;
-  }
-}
-function Y({
-  logoutHref: a,
-  onToggleFullscreen: t
-}) {
-  const { t: r } = m();
-  return /* @__PURE__ */ n(i.Root, { children: [
-    /* @__PURE__ */ e(i.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
-      C,
-      {
-        icon: /* @__PURE__ */ e(U, { "aria-hidden": "true" }),
-        "aria-label": r("patientShell.settings.triggerAria"),
-        tooltip: r("patientShell.settings.triggerAria"),
-        "data-testid": "patient-shell-settings-trigger"
-      }
-    ) }),
-    /* @__PURE__ */ n(i.Content, { align: "end", children: [
-      /* @__PURE__ */ e(
-        i.Item,
-        {
-          startIcon: /* @__PURE__ */ e(Q, { "aria-hidden": "true" }),
-          onSelect: t,
-          "data-testid": "patient-shell-fullscreen",
-          children: r("patientShell.settings.fullscreen")
-        }
-      ),
-      /* @__PURE__ */ e(i.Separator, {}),
-      /* @__PURE__ */ e(
-        i.Item,
-        {
-          startIcon: /* @__PURE__ */ e(J, { "aria-hidden": "true" }),
-          onSelect: () => {
-            typeof window > "u" || X(a) && window.location.assign(a);
-          },
-          "data-testid": "patient-shell-logout",
-          children: r("patientShell.settings.logout")
-        }
-      )
-    ] })
-  ] });
-}
-function Z({ menuItems: a }) {
-  return /* @__PURE__ */ e(j, { children: a.map((t) => {
-    const r = typeof t.badgeCount == "number" && t.badgeCount > 0 ? t.badgeCount : void 0;
-    return /* @__PURE__ */ n(
-      R,
-      {
-        href: t.href,
-        "aria-label": t.label,
-        isActive: t.isActive,
-        children: [
-          t.icon ? /* @__PURE__ */ e(_, { children: t.icon }) : null,
-          /* @__PURE__ */ e(z, { children: t.label }),
-          r !== void 0 ? /* @__PURE__ */ e(D, { children: V(r) }) : null
-        ]
-      },
-      t.id
-    );
-  }) });
-}
-const $ = k(
-  ({
-    menuItems: a,
-    logoutHref: t,
-    onToggleFullscreen: r,
-    brandLogo: p,
-    brandHref: u = "/",
-    mainAriaLabel: f,
-    sidebarState: o,
-    children: g,
-    // `userName` and `userAvatarSrc` are declared on the public API
-    // for forward-compatibility (future profile-pill work) — they are
-    // intentionally unused today because the legacy patient chrome
-    // carries no profile pill.
-    userName: ee,
-    userAvatarSrc: te
-  }, s) => {
-    const { t: l } = m(), { theme: b, accessibility: S, resolvedTheme: d } = F(), v = b !== "system" || S !== "system", y = d.startsWith("dark") ? "dark" : "light", I = d.endsWith("-accessible"), [L, c] = w(!1), h = /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(
-      A,
-      {
-        mainAriaLabel: f,
-        mainClassName: "ds:bg-[color:var(--app-shell-background)]",
-        header: /* @__PURE__ */ n(H, { children: [
-          /* @__PURE__ */ n(x, { children: [
-            /* @__PURE__ */ e(N, { href: "#main-content" }),
-            /* @__PURE__ */ e(B, { onMenuOpen: () => c(!0) }),
-            /* @__PURE__ */ e(
-              M,
-              {
-                logo: p ?? /* @__PURE__ */ e(P, { variant: "monochrome", size: "md", decorative: !0 }),
-                href: u,
-                "aria-label": l("patientShell.brand.homeAria")
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e(T, {}),
-          /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
-            Y,
-            {
-              logoutHref: t,
-              onToggleFullscreen: r
-            }
-          ) })
-        ] }),
-        sidebar: /* @__PURE__ */ e(
-          W,
-          {
-            ...o !== void 0 ? { state: o } : { defaultState: "expanded" },
-            open: L,
-            onOpenChange: c,
-            "aria-label": l("patientShell.sidebar.panelLabel"),
-            "data-testid": "patient-shell-sidebar",
-            children: /* @__PURE__ */ e(Z, { menuItems: a })
-          }
-        ),
-        children: g
-      }
-    ) });
-    return v ? /* @__PURE__ */ e(
-      E,
-      {
-        ref: s,
-        theme: y,
-        accessible: I,
-        className: "ds:contents",
-        children: h
-      }
-    ) : /* @__PURE__ */ e("div", { ref: s, className: "ds:contents", children: h });
-  }
-);
-$.displayName = "PatientShell";
-export {
-  $ as P
-};
-//# sourceMappingURL=patient-shell-c2YixkQw.js.map