@alfadocs/ui-kit-debug 0.42.0 → 0.44.0

package/dist/_chunks/insert-result-DtQQeSSf.js

@@ -1,227 +0,0 @@
-import { jsxs as A, jsx as u } from "react/jsx-runtime";
-import { forwardRef as P, useRef as S } from "react";
-import { useTranslation as z } from "react-i18next";
-import { c as M } from "./index-D2ZczOXr.js";
-import { B as N } from "./button-DD_0Xdmr.js";
-import { c as C } from "./createLucideIcon-CrFbzy84.js";
-import { I as _ } from "./image-C6RM5hfF.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: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
-      key: "zw3jo"
-    }
-  ],
-  [
-    "path",
-    {
-      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
-      key: "1wduqc"
-    }
-  ],
-  [
-    "path",
-    {
-      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
-      key: "kqbvx6"
-    }
-  ]
-], T = C("layers", k);
-/**
- * @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 E = [
-  ["path", { d: "M12 4v16", key: "1654pz" }],
-  ["path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2", key: "e0r10z" }],
-  ["path", { d: "M9 20h6", key: "s66wpe" }]
-], H = C("type", E), L = ["fg", "muted", "accent", "border", "bg"], I = 380;
-function v(t) {
-  const e = {
-    fg: "currentColor",
-    muted: "currentColor",
-    accent: "currentColor",
-    border: "currentColor",
-    bg: "transparent",
-    font: "sans-serif"
-  };
-  if (!t) return e;
-  const n = (o) => {
-    const a = t.querySelector(`[data-k="${o}"]`);
-    return a && getComputedStyle(a).color || "currentColor";
-  };
-  return {
-    fg: n("fg"),
-    muted: n("muted"),
-    accent: n("accent"),
-    border: n("border"),
-    bg: n("bg"),
-    font: getComputedStyle(t).fontFamily || "sans-serif"
-  };
-}
-const g = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-function Y(t) {
-  const e = [t.title];
-  t.highlight && e.push(t.highlight);
-  for (const n of t.fields) e.push(`• ${n.label}: ${n.value}`);
-  return e.join(`
-`);
-}
-function B(t) {
-  const e = t.fields.map((o) => `<li>${g(o.label)}: ${g(o.value)}</li>`).join(""), n = t.highlight ? `<p><strong>${g(t.highlight)}</strong></p>` : "";
-  return `<p><strong>${g(t.title)}</strong></p>${n}<ul>${e}</ul>`;
-}
-function V(t) {
-  return (t.highlight ? 62 : 38) + 28 + t.fields.length * 22 + 8 + 20;
-}
-function D(t, e) {
-  const n = I, o = 20, a = o + 18, s = !!t.highlight, l = a + 24, r = (s ? l : a) + 28, c = 22, x = r + t.fields.length * c + 8, $ = x + o, m = g(e.font), y = t.fields.map((f, d) => {
-    const h = r + d * c;
-    return `<text x="${o}" y="${h}" font-family="${m}" font-size="13"><tspan fill="${e.muted}">${g(
-      f.label
-    )}: </tspan><tspan fill="${e.fg}">${g(f.value)}</tspan></text>`;
-  }).join(""), i = s ? `<text x="${o}" y="${l}" font-family="${m}" font-size="14" font-weight="600" fill="${e.accent}">${g(
-    t.highlight
-  )}</text>` : "";
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${$}" viewBox="0 0 ${n} ${$}" role="img" aria-label="${g(
-    t.title
-  )}"><rect x="0.5" y="0.5" width="${n - 1}" height="${$ - 1}" rx="12" fill="${e.bg}" stroke="${e.border}"/><text x="${o}" y="${a}" font-family="${m}" font-size="16" font-weight="700" fill="${e.fg}">${g(
-    t.title
-  )}</text>${i}${y}<text x="${o}" y="${x}" font-family="${m}" font-size="10" fill="${e.muted}">AlfaDocs</text></svg>`;
-}
-function j() {
-  var t;
-  return typeof navigator < "u" && typeof ((t = navigator.clipboard) == null ? void 0 : t.write) == "function" && typeof ClipboardItem < "u";
-}
-function q(t, e, n) {
-  return new Promise((o, a) => {
-    const s = new Image();
-    s.decoding = "async", s.onload = () => {
-      const l = document.createElement("canvas");
-      l.width = e, l.height = n;
-      const r = l.getContext("2d");
-      if (!r) {
-        a(new Error("2D canvas context unavailable"));
-        return;
-      }
-      r.drawImage(s, 0, 0, e, n), l.toBlob((c) => {
-        c ? o(c) : a(new Error("canvas.toBlob produced no PNG"));
-      }, "image/png");
-    }, s.onerror = () => a(new Error("SVG failed to decode as an image")), s.src = t;
-  });
-}
-async function F(t, e, n) {
-  const o = Y(e), a = new Blob([o], { type: "text/plain" });
-  if (t === "text")
-    return new ClipboardItem({ "text/plain": a });
-  const s = D(e, n), l = `data:image/svg+xml,${encodeURIComponent(s)}`, r = await q(l, I, V(e));
-  if (t === "image")
-    return new ClipboardItem({ "image/png": r, "text/plain": a });
-  const c = new Blob([B(e)], { type: "text/html" });
-  return new ClipboardItem({
-    "text/html": c,
-    "image/png": r,
-    "text/plain": a
-  });
-}
-const O = M(
-  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-  {
-    variants: {
-      variant: {
-        insert: "",
-        copy: ""
-      }
-    },
-    defaultVariants: { variant: "insert" }
-  }
-), U = ["text", "image", "text-image"], G = {
-  text: /* @__PURE__ */ u(H, { "aria-hidden": !0 }),
-  image: /* @__PURE__ */ u(_, { "aria-hidden": !0 }),
-  "text-image": /* @__PURE__ */ u(T, { "aria-hidden": !0 })
-}, w = {
-  insert: {
-    text: "insert.text",
-    image: "insert.image",
-    "text-image": "insert.textImage"
-  },
-  copy: {
-    text: "insert.copyText",
-    image: "insert.copyImage",
-    "text-image": "insert.copyTextImage"
-  }
-}, W = P(
-  function({ card: e, variant: n = "insert", onInsert: o, onCopy: a, onError: s, size: l = "sm" }, r) {
-    const { t: c } = z(), p = S(null), x = (i) => {
-      const f = Y(e), d = B(e);
-      let h = "", b = "";
-      if (i !== "text") {
-        const R = v(p.current);
-        h = D(e, R), b = `data:image/svg+xml,${encodeURIComponent(h)}`;
-      }
-      return { mode: i, text: f, html: d, svg: h, imageDataUri: b };
-    }, y = n === "copy" ? (i) => {
-      if (!j()) {
-        s == null || s(new Error("Clipboard write unavailable in this context"));
-        return;
-      }
-      const f = v(p.current);
-      (async () => {
-        try {
-          const d = await F(i, e, f);
-          await navigator.clipboard.write([d]), a == null || a(i);
-        } catch (d) {
-          s == null || s(d);
-        }
-      })();
-    } : (i) => {
-      o == null || o(x(i));
-    };
-    return /* @__PURE__ */ A(
-      "div",
-      {
-        ref: r,
-        "data-component": "insert-result",
-        "data-variant": n,
-        className: O({ variant: n }),
-        children: [
-          /* @__PURE__ */ u("span", { ref: p, "aria-hidden": !0, className: "ds:sr-only", children: L.map((i) => /* @__PURE__ */ u(
-            "span",
-            {
-              "data-k": i,
-              className: i === "fg" ? "ds:text-foreground" : i === "muted" ? "ds:text-muted-foreground" : i === "accent" ? "ds:text-[color:var(--primary)]" : i === "border" ? "ds:text-[color:var(--border)]" : "ds:text-[color:var(--card)]"
-            },
-            i
-          )) }),
-          U.map((i) => /* @__PURE__ */ u(
-            N,
-            {
-              type: "button",
-              intent: "outline",
-              size: l,
-              startIcon: G[i],
-              "aria-label": c(w[n][i]),
-              onClick: () => y(i),
-              children: c(w[n][i])
-            },
-            i
-          ))
-        ]
-      }
-    );
-  }
-);
-W.displayName = "InsertButton";
-export {
-  W as I
-};
-//# sourceMappingURL=insert-result-DtQQeSSf.js.map

package/dist/_chunks/insert-result-DtQQeSSf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"insert-result-DtQQeSSf.js","sources":["../../node_modules/lucide-react/dist/esm/icons/layers.js","../../node_modules/lucide-react/dist/esm/icons/type.js","../../src/components/_shared/insert-result.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z\",\n      key: \"zw3jo\"\n    }\n  ],\n  [\n    \"path\",\n    {\n      d: \"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12\",\n      key: \"1wduqc\"\n    }\n  ],\n  [\n    \"path\",\n    {\n      d: \"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17\",\n      key: \"kqbvx6\"\n    }\n  ]\n];\nconst Layers = createLucideIcon(\"layers\", __iconNode);\n\nexport { __iconNode, Layers as default };\n//# sourceMappingURL=layers.js.map\n","/**\n * @license lucide-react v1.8.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M12 4v16\", key: \"1654pz\" }],\n  [\"path\", { d: \"M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2\", key: \"e0r10z\" }],\n  [\"path\", { d: \"M9 20h6\", key: \"s66wpe\" }]\n];\nconst Type = createLucideIcon(\"type\", __iconNode);\n\nexport { __iconNode, Type as default };\n//# sourceMappingURL=type.js.map\n","/* ------------------------------------------------------------------ */\n/* InsertButton — shared \"use this result\" control for the calculator    */\n/* toolset.                                                              */\n/*                                                                     */\n/* Two variants, one set of payload builders:                           */\n/*                                                                     */\n/*   • `insert` (default) — editor-extension context. Each button hands  */\n/*     the built InsertPayload to `onInsert`, who drops it into whatever  */\n/*     editor they use. The kit never touches an editor.                 */\n/*                                                                     */\n/*   • `copy` — app-shell context. Each button writes the chosen          */\n/*     representation(s) to the clipboard as a multi-format ClipboardItem */\n/*     so a single copy serves any paste target. The image format is a    */\n/*     REAL raster PNG (the SVG card rasterised to a canvas) — clipboards */\n/*     reject SVG as an image, so copying the data-URI as text is the     */\n/*     exact \"copied text without the image\" bug this variant fixes.      */\n/*                                                                     */\n/* Three inline buttons, one per mode (text / image / text + image).     */\n/*                                                                     */\n/* The SVG card embeds CONCRETE colours so it renders standalone as an   */\n/* <img>. To stay within the \"no hardcoded colours\" rule, those colours  */\n/* are sampled at click time from hidden probe spans that carry the      */\n/* token utility classes — i.e. resolved from the live theme, never      */\n/* written as literals in source.                                        */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useRef } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\nimport { Type, Image as ImageIcon, Layers } from 'lucide-react';\nimport { Button } from '../button';\n\nexport type InsertMode = 'text' | 'image' | 'text-image';\n\nexport type InsertVariant = 'insert' | 'copy';\n\nexport interface InsertCardField {\n  label: string;\n  value: string;\n}\n\nexport interface InsertCardData {\n  /** Card heading. */\n  title: string;\n  /** Key/value rows. */\n  fields: InsertCardField[];\n  /** Optional highlighted line (e.g. category / status). */\n  highlight?: string;\n}\n\nexport interface InsertPayload {\n  /** Which button the user chose. */\n  mode: InsertMode;\n  /** Plain-text summary. Always present. */\n  text: string;\n  /** Rich HTML summary (heading + list). Always present. */\n  html: string;\n  /** Branded SVG result-card markup. Empty for mode `'text'`. */\n  svg: string;\n  /** SVG as an `image/svg+xml` data URI for `<img src>`. Empty for `'text'`. */\n  imageDataUri: string;\n}\n\nexport interface InsertButtonProps {\n  /** Structured result used to build every payload representation. */\n  card: InsertCardData;\n  /**\n   * Verb the buttons perform. Defaults to `'insert'`.\n   *\n   * - `'insert'` — fires `onInsert(payload)` (editor-extension context).\n   * - `'copy'` — writes the chosen representation(s) to the clipboard as a\n   *   multi-format `ClipboardItem` (app-shell context).\n   */\n  variant?: InsertVariant;\n  /**\n   * Receives the built payload when a button is pressed.\n   *\n   * Required for the `insert` variant; optional (and ignored) for `copy`.\n   */\n  onInsert?: (payload: InsertPayload) => void;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /** Trigger size. Defaults to `'sm'`. */\n  size?: 'sm' | 'md' | 'lg';\n}\n\ninterface ThemeColours {\n  fg: string;\n  muted: string;\n  accent: string;\n  border: string;\n  bg: string;\n  font: string;\n}\n\n/* Probe keys → the resolved colour they sample. */\nconst PROBE_KEYS = ['fg', 'muted', 'accent', 'border', 'bg'] as const;\n\nconst SVG_W = 380;\n\nfunction readThemeColours(probe: HTMLElement | null): ThemeColours {\n  const fallback: ThemeColours = {\n    fg: 'currentColor',\n    muted: 'currentColor',\n    accent: 'currentColor',\n    border: 'currentColor',\n    bg: 'transparent',\n    font: 'sans-serif',\n  };\n  if (!probe) return fallback;\n  const read = (key: string): string => {\n    const el = probe.querySelector<HTMLElement>(`[data-k=\"${key}\"]`);\n    if (!el) return 'currentColor';\n    return getComputedStyle(el).color || 'currentColor';\n  };\n  return {\n    fg: read('fg'),\n    muted: read('muted'),\n    accent: read('accent'),\n    border: read('border'),\n    bg: read('bg'),\n    font: getComputedStyle(probe).fontFamily || 'sans-serif',\n  };\n}\n\nconst escapeXml = (s: string): string =>\n  s\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;');\n\nexport function buildResultText(card: InsertCardData): string {\n  const lines = [card.title];\n  if (card.highlight) lines.push(card.highlight);\n  for (const f of card.fields) lines.push(`• ${f.label}: ${f.value}`);\n  return lines.join('\\n');\n}\n\nexport function buildResultHtml(card: InsertCardData): string {\n  const items = card.fields\n    .map((f) => `<li>${escapeXml(f.label)}: ${escapeXml(f.value)}</li>`)\n    .join('');\n  const highlight = card.highlight\n    ? `<p><strong>${escapeXml(card.highlight)}</strong></p>`\n    : '';\n  return `<p><strong>${escapeXml(card.title)}</strong></p>${highlight}<ul>${items}</ul>`;\n}\n\n/** Result-card SVG height for a given card — kept in sync with the markup. */\nfunction svgHeight(card: InsertCardData): number {\n  const PAD = 20;\n  const titleY = PAD + 18;\n  const highlightY = titleY + 24;\n  const firstFieldY = (card.highlight ? highlightY : titleY) + 28;\n  const fieldsEndY = firstFieldY + card.fields.length * 22;\n  return fieldsEndY + 8 + PAD;\n}\n\nexport function buildResultCardSvg(\n  card: InsertCardData,\n  c: ThemeColours,\n): string {\n  const W = SVG_W;\n  const PAD = 20;\n  const titleY = PAD + 18;\n  const hasHighlight = Boolean(card.highlight);\n  const highlightY = titleY + 24;\n  const firstFieldY = (hasHighlight ? highlightY : titleY) + 28;\n  const rowH = 22;\n  const fieldsEndY = firstFieldY + card.fields.length * rowH;\n  const footerY = fieldsEndY + 8;\n  const H = footerY + PAD;\n\n  const font = escapeXml(c.font);\n  const rows = card.fields\n    .map((f, i) => {\n      const y = firstFieldY + i * rowH;\n      return `<text x=\"${PAD}\" y=\"${y}\" font-family=\"${font}\" font-size=\"13\"><tspan fill=\"${c.muted}\">${escapeXml(\n        f.label,\n      )}: </tspan><tspan fill=\"${c.fg}\">${escapeXml(f.value)}</tspan></text>`;\n    })\n    .join('');\n  const highlight = hasHighlight\n    ? `<text x=\"${PAD}\" y=\"${highlightY}\" font-family=\"${font}\" font-size=\"14\" font-weight=\"600\" fill=\"${c.accent}\">${escapeXml(\n        card.highlight as string,\n      )}</text>`\n    : '';\n\n  return `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${W}\" height=\"${H}\" viewBox=\"0 0 ${W} ${H}\" role=\"img\" aria-label=\"${escapeXml(\n    card.title,\n  )}\"><rect x=\"0.5\" y=\"0.5\" width=\"${W - 1}\" height=\"${H - 1}\" rx=\"12\" fill=\"${c.bg}\" stroke=\"${c.border}\"/><text x=\"${PAD}\" y=\"${titleY}\" font-family=\"${font}\" font-size=\"16\" font-weight=\"700\" fill=\"${c.fg}\">${escapeXml(\n    card.title,\n  )}</text>${highlight}${rows}<text x=\"${PAD}\" y=\"${footerY}\" font-family=\"${font}\" font-size=\"10\" fill=\"${c.muted}\">AlfaDocs</text></svg>`;\n}\n\n/* ------------------------------------------------------------------ */\n/* Clipboard helpers (copy variant)                                     */\n/* ------------------------------------------------------------------ */\n\n/** True when a multi-format clipboard write is reachable in this context. */\nfunction canWriteRichClipboard(): boolean {\n  return (\n    typeof navigator !== 'undefined' &&\n    typeof navigator.clipboard?.write === 'function' &&\n    typeof ClipboardItem !== 'undefined'\n  );\n}\n\n/**\n * Rasterise the result-card SVG data-URI to a PNG Blob. Clipboards reject\n * SVG as an image, so we load the SVG into an <img>, paint it onto a canvas\n * at the SVG's intrinsic size, and read the canvas back as `image/png`.\n */\nfunction rasteriseSvgToPng(\n  imageDataUri: string,\n  width: number,\n  height: number,\n): Promise<Blob> {\n  return new Promise<Blob>((resolve, reject) => {\n    const img = new Image();\n    img.decoding = 'async';\n    img.onload = () => {\n      const canvas = document.createElement('canvas');\n      canvas.width = width;\n      canvas.height = height;\n      const ctx = canvas.getContext('2d');\n      if (!ctx) {\n        reject(new Error('2D canvas context unavailable'));\n        return;\n      }\n      ctx.drawImage(img, 0, 0, width, height);\n      canvas.toBlob((blob) => {\n        if (blob) resolve(blob);\n        else reject(new Error('canvas.toBlob produced no PNG'));\n      }, 'image/png');\n    };\n    img.onerror = () => reject(new Error('SVG failed to decode as an image'));\n    img.src = imageDataUri;\n  });\n}\n\n/** Build the per-mode ClipboardItem contents map for a copy. */\nasync function buildClipboardItem(\n  mode: InsertMode,\n  card: InsertCardData,\n  colours: ThemeColours,\n): Promise<ClipboardItem> {\n  const text = buildResultText(card);\n  const textBlob = new Blob([text], { type: 'text/plain' });\n\n  if (mode === 'text') {\n    return new ClipboardItem({ 'text/plain': textBlob });\n  }\n\n  const svg = buildResultCardSvg(card, colours);\n  const imageDataUri = `data:image/svg+xml,${encodeURIComponent(svg)}`;\n  const pngBlob = await rasteriseSvgToPng(imageDataUri, SVG_W, svgHeight(card));\n\n  if (mode === 'image') {\n    return new ClipboardItem({ 'image/png': pngBlob, 'text/plain': textBlob });\n  }\n\n  const htmlBlob = new Blob([buildResultHtml(card)], { type: 'text/html' });\n  return new ClipboardItem({\n    'text/html': htmlBlob,\n    'image/png': pngBlob,\n    'text/plain': textBlob,\n  });\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nconst rowVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]',\n  {\n    variants: {\n      variant: {\n        insert: '',\n        copy: '',\n      },\n    },\n    defaultVariants: { variant: 'insert' },\n  },\n);\n\nconst MODES: readonly InsertMode[] = ['text', 'image', 'text-image'] as const;\n\nconst MODE_ICON: Record<InsertMode, React.ReactNode> = {\n  text: <Type aria-hidden />,\n  image: <ImageIcon aria-hidden />,\n  'text-image': <Layers aria-hidden />,\n};\n\n/* i18n leaf keys per variant × mode — bare keys against the `ui` namespace. */\nconst LABEL_KEY: Record<InsertVariant, Record<InsertMode, string>> = {\n  insert: {\n    text: 'insert.text',\n    image: 'insert.image',\n    'text-image': 'insert.textImage',\n  },\n  copy: {\n    text: 'insert.copyText',\n    image: 'insert.copyImage',\n    'text-image': 'insert.copyTextImage',\n  },\n};\n\nexport const InsertButton = forwardRef<HTMLDivElement, InsertButtonProps>(\n  function InsertButton(\n    { card, variant = 'insert', onInsert, onCopy, onError, size = 'sm' },\n    ref,\n  ) {\n    const { t } = useTranslation();\n    const probeRef = useRef<HTMLSpanElement>(null);\n\n    const buildPayload = (mode: InsertMode): InsertPayload => {\n      const text = buildResultText(card);\n      const html = buildResultHtml(card);\n      let svg = '';\n      let imageDataUri = '';\n      if (mode !== 'text') {\n        const colours = readThemeColours(probeRef.current);\n        svg = buildResultCardSvg(card, colours);\n        imageDataUri = `data:image/svg+xml,${encodeURIComponent(svg)}`;\n      }\n      return { mode, text, html, svg, imageDataUri };\n    };\n\n    const handleInsert = (mode: InsertMode): void => {\n      onInsert?.(buildPayload(mode));\n    };\n\n    const handleCopy = (mode: InsertMode): void => {\n      if (!canWriteRichClipboard()) {\n        onError?.(new Error('Clipboard write unavailable in this context'));\n        return;\n      }\n      const colours = readThemeColours(probeRef.current);\n      void (async () => {\n        try {\n          const item = await buildClipboardItem(mode, card, colours);\n          await navigator.clipboard.write([item]);\n          onCopy?.(mode);\n        } catch (error) {\n          onError?.(error);\n        }\n      })();\n    };\n\n    const onActivate = variant === 'copy' ? handleCopy : handleInsert;\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"insert-result\"\n        data-variant={variant}\n        className={rowVariants({ variant })}\n      >\n        {/* Hidden colour probes — sampled at click time so the SVG card uses\n            the live theme's resolved colours (no literals in source). */}\n        <span ref={probeRef} aria-hidden className=\"ds:sr-only\">\n          {PROBE_KEYS.map((k) => (\n            <span\n              key={k}\n              data-k={k}\n              className={\n                k === 'fg'\n                  ? 'ds:text-foreground'\n                  : k === 'muted'\n                    ? 'ds:text-muted-foreground'\n                    : k === 'accent'\n                      ? 'ds:text-[color:var(--primary)]'\n                      : k === 'border'\n                        ? 'ds:text-[color:var(--border)]'\n                        : 'ds:text-[color:var(--card)]'\n              }\n            />\n          ))}\n        </span>\n        {MODES.map((mode) => (\n          <Button\n            key={mode}\n            type=\"button\"\n            intent=\"outline\"\n            size={size}\n            startIcon={MODE_ICON[mode]}\n            aria-label={t(LABEL_KEY[variant][mode])}\n            onClick={() => onActivate(mode)}\n          >\n            {t(LABEL_KEY[variant][mode])}\n          </Button>\n        ))}\n      </div>\n    );\n  },\n);\n\nInsertButton.displayName = 'InsertButton';\n"],"names":["__iconNode","Layers","createLucideIcon","Type","PROBE_KEYS","SVG_W","readThemeColours","probe","fallback","read","key","el","escapeXml","s","buildResultText","card","lines","f","buildResultHtml","items","highlight","svgHeight","buildResultCardSvg","c","W","PAD","titleY","hasHighlight","highlightY","firstFieldY","rowH","footerY","H","font","rows","i","y","canWriteRichClipboard","_a","rasteriseSvgToPng","imageDataUri","width","height","resolve","reject","img","canvas","ctx","blob","buildClipboardItem","mode","colours","text","textBlob","svg","pngBlob","htmlBlob","rowVariants","cva","MODES","MODE_ICON","jsx","ImageIcon","LABEL_KEY","InsertButton","forwardRef","variant","onInsert","onCopy","onError","size","ref","t","useTranslation","probeRef","useRef","buildPayload","html","onActivate","item","error","jsxs","k","Button"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/_chunks/marketplace-app-shell-kVAVycz_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"marketplace-app-shell-kVAVycz_.js","sources":["../../src/brand/product-lockup/product-lockup.tsx","../../src/patterns/marketplace-app-shell/marketplace-app-shell.tsx"],"sourcesContent":["import { forwardRef, type ComponentPropsWithoutRef } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Logo } from '../../components/logo/logo';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// Outer lockup row. ~4px logical gap between the wordmark and the product\n// name (`--spacing-xs`), centre-aligned so the name's cap height sits\n// against the wordmark's letterforms.\nconst lockup = cva('ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]');\n\n// The product name. Marketing serif (Fraunces, `--font-serif`) — permitted\n// here because this file lives under `src/brand/`, never in `src/components/`\n// or `src/patterns/` (constraint 10). Sized to ~95% of the wordmark height so\n// its cap height matches the logo letterforms across every size and theme\n// (the `--logo-size-*` tokens shift up in the accessible themes; the calc\n// keeps the name proportional for free).\nconst productName = cva(\n  [\n    'ds:[font-family:var(--font-serif)]',\n    'ds:font-semibold',\n    'ds:leading-none',\n    'ds:tracking-[0.01em]',\n    'ds:whitespace-nowrap',\n    // Forced-colors: drop the transparent text-fill and paint the label\n    // as solid CanvasText so it never disappears under Windows HCM —\n    // a gradient/transparent fill has no meaning there.\n    'ds:forced-colors:text-[CanvasText]',\n    'ds:forced-colors:[-webkit-text-fill-color:CanvasText]',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[calc(var(--logo-size-sm)*0.95)]',\n        md: 'ds:text-[calc(var(--logo-size-md)*0.95)]',\n        lg: 'ds:text-[calc(var(--logo-size-lg)*0.95)]',\n        xl: 'ds:text-[calc(var(--logo-size-xl)*0.95)]',\n      },\n      tone: {\n        // Brand gradient filled into the glyphs via background-clip:text.\n        // `--gradient-wordmark` rides the theme aliases, so it stays\n        // AA-safe and adapts per theme on its own (and flattens to a solid\n        // ink in the accessible / forced-colors blocks — see tokens).\n        gradient: [\n          'ds:italic',\n          'ds:bg-[image:var(--gradient-wordmark)]',\n          'ds:bg-clip-text',\n          'ds:text-transparent',\n          'ds:[-webkit-text-fill-color:transparent]',\n        ],\n        // Monochrome: solid currentColor ink, upright, no gradient — for\n        // print, single-colour work, and coloured chrome (e.g. app-shell\n        // headers) where the lockup must ride the surrounding ink.\n        solid: 'ds:text-current',\n      },\n    },\n    defaultVariants: { size: 'md', tone: 'gradient' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\ntype LockupSize = NonNullable<VariantProps<typeof productName>['size']>;\n\nexport type ProductLockupProps = {\n  /**\n   * The product name paired with the Alfadocs wordmark — e.g. `\"Builders\"`\n   * renders as \"Alfadocs Builders\". Passed verbatim (product names are not\n   * translated); the lockup's accessible name becomes `Alfadocs <name>`.\n   */\n  name: string;\n  /**\n   * Render the name as a solid `--foreground` ink, upright (no gradient, no\n   * italic), and pair it with the monochrome wordmark. Use for print,\n   * single-colour reproductions, or any constrained context where the\n   * gradient/serif treatment is inappropriate.\n   */\n  monochrome?: boolean;\n  /**\n   * Ink resolution. `'auto'` (default) uses the lockup's intended ink\n   * (`--foreground` for monochrome). `'inherit'` makes the whole lockup ride\n   * `currentColor` — use it with `monochrome` on a coloured brand surface (a\n   * tinted header or split-login panel) so the wordmark + name both take the\n   * surface's text colour rather than clashing with a fixed `--foreground`.\n   */\n  tone?: 'auto' | 'inherit';\n  /** Lockup size. Drives both the wordmark and the name's cap height. */\n  size?: LockupSize;\n  className?: string;\n} & Omit<\n  ComponentPropsWithoutRef<'span'>,\n  'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'\n>;\n\n/* ------------------------------------------------------------------ */\n/* ProductLockup                                                        */\n/* ------------------------------------------------------------------ */\n\n/**\n * The standard lockup pairing the Alfadocs wordmark with a product name\n * (\"Alfadocs Builders\", \"Alfadocs MyApp\"). Every marketplace app should use\n * this rather than hand-rolling a wordmark + typed span.\n *\n * The whole lockup is exposed to assistive tech as a single `img` named\n * `Alfadocs <name>`; the inner wordmark and the visible name are both\n * decorative so the brand isn't announced twice.\n */\nexport const ProductLockup = forwardRef<HTMLSpanElement, ProductLockupProps>(\n  (\n    {\n      name,\n      monochrome = false,\n      tone = 'auto',\n      size = 'md',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (import.meta.env.DEV && !name.trim()) {\n      console.warn(\n        '[ProductLockup] `name` is empty — the lockup will render the bare wordmark with no product name. Pass the product name (e.g. \"Builders\").',\n      );\n    }\n\n    return (\n      <span\n        ref={ref}\n        role=\"img\"\n        aria-label={`Alfadocs ${name}`.trim()}\n        className={lockup({ className })}\n        data-component=\"product-lockup\"\n        {...props}\n      >\n        <Logo\n          variant={monochrome ? 'monochrome' : 'wordmark'}\n          tone={tone}\n          size={size}\n          decorative\n        />\n        <span\n          aria-hidden\n          className={productName({\n            size,\n            tone: monochrome ? 'solid' : 'gradient',\n          })}\n        >\n          {name}\n        </span>\n      </span>\n    );\n  },\n);\nProductLockup.displayName = 'ProductLockup';\n","/**\n * Marketplace App Shell — the standard chrome for an app built on top of\n * AlfaDocs (the kind a partner scaffolds with Claude Code, Lovable, etc.).\n *\n * It is a thin, opinionated composition of kit primitives: an `AppFrame` with\n * a branded `Header` (the canonical `ProductLockup` — \"Alfadocs <Product>\" —\n * rendered `monochrome` so it rides the header's ink), a `Sidebar` for app\n * navigation, `HeaderSettings` (theme/locale/accessibility), and an Avatar\n * account menu (fullscreen + sign-out). `ConnectWithAlfadocs` is the matching\n * pre-auth screen, with the full-colour lockup and `SignInWithAlfadocsButton`.\n *\n * Like `PatientShell`, this pattern ships a RUNTIME component (surfaced via\n * `src/patterns/index.ts` and the library bundle) because consuming apps mount\n * it in production rather than copying the source.\n *\n * Auth is intentionally decoupled: the shell takes the signed-in `user` and an\n * `onSignOut` callback as props, and `ConnectWithAlfadocs` takes a `status` +\n * `onConnect`. Wire them to `@alfadocs/auth/react`'s `useAlfadocsAuth()` in the\n * consuming app — the kit never touches OAuth or secrets (those live in the\n * server-side `@alfadocs/auth` BFF).\n *\n * All user-visible copy is consumer-provided (props) so each app localises in\n * its own i18n; the only kit-owned strings reuse existing translated `ui.*`\n * keys (sidebar label, skip link, menu button).\n */\nimport { forwardRef, useState, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { cva } from 'class-variance-authority';\n\nimport { AppFrame } from '../../components/app-frame';\nimport { Avatar } from '../../components/avatar';\nimport { Alert } from '../../components/alert';\nimport { Card } from '../../components/card';\nimport { DropdownMenu } from '../../components/dropdown-menu';\nimport { TabBar } from '../../components/tab-bar';\nimport {\n  Header,\n  HeaderBrand,\n  HeaderCenter,\n  HeaderEnd,\n  HeaderMenuButton,\n  HeaderSkipLink,\n  HeaderStart,\n} from '../../components/header';\nimport { HeaderSettings } from '../../components/header-settings';\nimport { ProductLockup } from '../../brand/product-lockup';\nimport { SignInWithAlfadocsButton } from '../../components/sign-in-with-alfadocs-button';\nimport {\n  Sidebar,\n  SidebarBody,\n  SidebarItem,\n  SidebarItemBadge,\n  SidebarItemIcon,\n  SidebarItemLabel,\n  type SidebarMode,\n} from '../../components/sidebar';\nimport { ThemeRoot } from '../../components/theme-root';\nimport { TooltipProvider } from '../../components/tooltip';\nimport { useTheme } from '../../hooks/use-theme';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/* ------------------------------------------------------------------ */\n\nexport interface MarketplaceNavItem {\n  id: string;\n  /** Pre-translated label — apps localise their own nav copy. */\n  label: string;\n  href: string;\n  /** Optional leading icon (a lucide-react element or equivalent). */\n  icon?: ReactNode;\n  /** Optional unseen-item count rendered as a pill badge. */\n  badgeCount?: number;\n  /** Mark the item as the current page (`aria-current='page'`). */\n  isActive?: boolean;\n}\n\nexport interface MarketplaceAppUser {\n  /** Display name — drives the avatar initials + the account-menu header. */\n  name: string;\n  /** Optional email shown under the name in the account menu. */\n  email?: string;\n  /** Optional avatar image URL. */\n  avatarSrc?: string;\n}\n\nexport interface MarketplaceAppShellLabels {\n  /** Accessible name for the account-menu trigger, e.g. \"Account menu\". */\n  accountMenu: string;\n  /** The sign-out menu item, e.g. \"Sign out\". */\n  signOut: string;\n  /**\n   * Optional fullscreen menu item label, e.g. \"Toggle fullscreen\". The item\n   * renders whenever `onToggleFullscreen` is supplied; when this label is\n   * omitted it falls back to the translated `ui.*` \"Toggle fullscreen\" string.\n   */\n  fullscreen?: string;\n}\n\nexport interface MarketplaceAppShellProps {\n  /** Product name paired with the Alfadocs wordmark — renders \"Alfadocs <productName>\". */\n  productName: string;\n  /** Link target for the brand lockup. Default `'/'`. */\n  productHref?: string;\n  /** Sidebar nav items, in order. */\n  nav: MarketplaceNavItem[];\n  /** The signed-in user shown in the account menu. */\n  user: MarketplaceAppUser;\n  /** Consumer-localised chrome labels owned by the shell. */\n  labels: MarketplaceAppShellLabels;\n  /** Fires when the user picks \"Sign out\". Wire to `useAlfadocsAuth().signOut`. */\n  onSignOut?: () => void;\n  /** Fires when the user toggles fullscreen. Omit to hide the fullscreen item. */\n  onToggleFullscreen?: () => void;\n  /**\n   * Force the sidebar into a specific mode. Apps typically flip to `'overlay'`\n   * on narrow viewports and leave this undefined elsewhere (defaults to\n   * `'expanded'`).\n   */\n  sidebarState?: SidebarMode;\n  /** Override the accessible name of the `<main>` landmark. */\n  mainAriaLabel?: string;\n  /**\n   * Chrome variant. `'standalone'` (default) renders the full shell — branded\n   * Header, Sidebar, and account menu. `'embedded'` is for apps running INSIDE\n   * the AlfaDocs platform iframe (consumers detect this with\n   * `window !== window.top`): it drops the Header, Sidebar, account menu, and\n   * product lockup — the platform already brands and identifies the session\n   * around the iframe — and renders the `nav` items as a single slim top tab\n   * strip. `onSignOut`, `onToggleFullscreen`, `productName`, `productHref`, and\n   * `sidebarState` are ignored in `'embedded'`; the `<main>` landmark,\n   * `mainAriaLabel`, and the skip link are kept.\n   */\n  variant?: 'standalone' | 'embedded';\n  /** Children render inside the main content region. */\n  children: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Internals                                                            */\n/* ------------------------------------------------------------------ */\n\nfunction formatBadgeCount(count: number): string {\n  return count > 99 ? '99+' : String(count);\n}\n\nfunction AccountMenu({\n  user,\n  labels,\n  onSignOut,\n  onToggleFullscreen,\n}: {\n  user: MarketplaceAppUser;\n  labels: MarketplaceAppShellLabels;\n  onSignOut?: () => void;\n  onToggleFullscreen?: () => void;\n}) {\n  const { t } = useTranslation();\n  // Default to the translated `ui.*` label so a consumer that wires\n  // `onToggleFullscreen` but omits the label still gets a localised item.\n  const fullscreenLabel =\n    labels.fullscreen ?? t('patientShell.settings.fullscreen');\n  return (\n    // Non-modal: an account menu shouldn't inert/aria-hide the whole shell\n    // behind it (which leaves the still-focusable chrome inside an\n    // aria-hidden region — an `aria-hidden-focus` violation).\n    <DropdownMenu.Root modal={false}>\n      <DropdownMenu.Trigger asChild>\n        <button\n          type=\"button\"\n          aria-label={labels.accountMenu}\n          data-testid=\"marketplace-account-trigger\"\n          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]\"\n        >\n          <Avatar name={user.name} src={user.avatarSrc} size=\"md\" />\n          <span className=\"ds:hidden ds:sm:inline\">{user.name}</span>\n        </button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align=\"end\">\n        <DropdownMenu.Label>\n          <span className=\"ds:flex ds:flex-col\">\n            <span className=\"ds:font-medium\">{user.name}</span>\n            {user.email ? (\n              <span className=\"ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]\">\n                {user.email}\n              </span>\n            ) : null}\n          </span>\n        </DropdownMenu.Label>\n        {onToggleFullscreen ? (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item\n              onSelect={onToggleFullscreen}\n              data-testid=\"marketplace-fullscreen\"\n            >\n              {fullscreenLabel}\n            </DropdownMenu.Item>\n          </>\n        ) : null}\n        <DropdownMenu.Separator />\n        <DropdownMenu.Item\n          onSelect={onSignOut}\n          data-testid=\"marketplace-sign-out\"\n        >\n          {labels.signOut}\n        </DropdownMenu.Item>\n      </DropdownMenu.Content>\n    </DropdownMenu.Root>\n  );\n}\n\nfunction MarketplaceSidebarNav({ nav }: { nav: MarketplaceNavItem[] }) {\n  return (\n    <SidebarBody>\n      {nav.map((item) => {\n        const badge =\n          typeof item.badgeCount === 'number' && item.badgeCount > 0\n            ? item.badgeCount\n            : undefined;\n        return (\n          <SidebarItem\n            key={item.id}\n            href={item.href}\n            aria-label={item.label}\n            isActive={item.isActive}\n          >\n            {item.icon ? <SidebarItemIcon>{item.icon}</SidebarItemIcon> : null}\n            <SidebarItemLabel>{item.label}</SidebarItemLabel>\n            {badge !== undefined ? (\n              <SidebarItemBadge>{formatBadgeCount(badge)}</SidebarItemBadge>\n            ) : null}\n          </SidebarItem>\n        );\n      })}\n    </SidebarBody>\n  );\n}\n\n/* CVA for the chrome variant — drives the `<main>` surface; the structural\n   header/sidebar-vs-tab-strip difference is conditional in the render. */\nconst shellMainVariants = cva('ds:bg-[color:var(--app-shell-background)]', {\n  variants: {\n    variant: {\n      standalone: '',\n      embedded: 'ds:flex-1',\n    },\n  },\n  defaultVariants: { variant: 'standalone' },\n});\n\n/**\n * Embedded chrome: the slim floating tab strip (no Header / Sidebar / account\n * menu) for apps running inside the AlfaDocs platform iframe. It's the shared\n * {@link TabBar} fed the shell's nav items — the platform brands and identifies\n * the session around the iframe, so the strip is the only chrome. The\n * `MarketplaceNavItem` shape is structurally a `TabBarItem`, so the nav passes\n * straight through.\n */\nfunction EmbeddedTabStrip({\n  nav,\n  ariaLabel,\n}: {\n  nav: MarketplaceNavItem[];\n  ariaLabel: string;\n}) {\n  return <TabBar items={nav} ariaLabel={ariaLabel} />;\n}\n\n/* ------------------------------------------------------------------ */\n/* MarketplaceAppShell                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const MarketplaceAppShell = forwardRef<\n  HTMLDivElement,\n  MarketplaceAppShellProps\n>(\n  (\n    {\n      productName,\n      productHref = '/',\n      nav,\n      user,\n      labels,\n      onSignOut,\n      onToggleFullscreen,\n      sidebarState,\n      mainAriaLabel,\n      variant = 'standalone',\n      children,\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n\n    // Mirror PatientShell: only wrap in a nested ThemeRoot when the user has an\n    // explicit theme/accessibility override, so we don't clobber the consuming\n    // app's (or Storybook's) outer theme cascade.\n    const { theme: themePref, accessibility, resolvedTheme } = useTheme();\n    const hasExplicitOverride =\n      themePref !== 'system' || accessibility !== 'system';\n    const themeBase = resolvedTheme.startsWith('dark') ? 'dark' : 'light';\n    const themeAccessible = resolvedTheme.endsWith('-accessible');\n\n    // Narrow-viewport overlay: HeaderMenuButton only renders below `md`.\n    const [sidebarOpen, setSidebarOpen] = useState(false);\n\n    const shell = (\n      <TooltipProvider>\n        <AppFrame\n          mainAriaLabel={mainAriaLabel}\n          mainClassName={shellMainVariants({ variant: 'standalone' })}\n          header={\n            <Header>\n              <HeaderStart>\n                <HeaderSkipLink href=\"#main-content\" />\n                <HeaderMenuButton onMenuOpen={() => setSidebarOpen(true)} />\n                <HeaderBrand\n                  href={productHref}\n                  logo={\n                    <ProductLockup name={productName} size=\"md\" monochrome />\n                  }\n                />\n              </HeaderStart>\n              <HeaderCenter />\n              <HeaderEnd>\n                <HeaderSettings size=\"sm\" />\n                <AccountMenu\n                  user={user}\n                  labels={labels}\n                  onSignOut={onSignOut}\n                  onToggleFullscreen={onToggleFullscreen}\n                />\n              </HeaderEnd>\n            </Header>\n          }\n          sidebar={\n            <Sidebar\n              {...(sidebarState !== undefined\n                ? { state: sidebarState }\n                : { defaultState: 'expanded' as const })}\n              open={sidebarOpen}\n              onOpenChange={setSidebarOpen}\n              aria-label={t('navigation.sidebar.label')}\n              data-testid=\"marketplace-app-shell-sidebar\"\n            >\n              <MarketplaceSidebarNav nav={nav} />\n            </Sidebar>\n          }\n        >\n          {children}\n        </AppFrame>\n      </TooltipProvider>\n    );\n\n    const embedded = (\n      // The shell owns the warm-grey canvas; TabBar's strip is transparent and\n      // floats its pill on it, and `<main>` continues the same surface.\n      <div className=\"ds:flex ds:min-h-dvh ds:flex-col ds:bg-[color:var(--app-shell-background)]\">\n        <HeaderSkipLink href=\"#main-content\" />\n        <EmbeddedTabStrip nav={nav} ariaLabel={t('navigation.sidebar.label')} />\n        <main\n          id=\"main-content\"\n          tabIndex={-1}\n          aria-label={\n            mainAriaLabel ?? t('navigation.main.label', 'Main content')\n          }\n          className={shellMainVariants({ variant: 'embedded' })}\n        >\n          {children}\n        </main>\n      </div>\n    );\n\n    const content = variant === 'embedded' ? embedded : shell;\n\n    if (!hasExplicitOverride) {\n      return (\n        <div\n          ref={ref}\n          className=\"ds:contents\"\n          data-component=\"marketplace-app-shell\"\n        >\n          {content}\n        </div>\n      );\n    }\n\n    return (\n      <ThemeRoot\n        ref={ref}\n        theme={themeBase}\n        accessible={themeAccessible}\n        className=\"ds:contents\"\n        data-component=\"marketplace-app-shell\"\n      >\n        {content}\n      </ThemeRoot>\n    );\n  },\n);\n\nMarketplaceAppShell.displayName = 'MarketplaceAppShell';\n\n/* ------------------------------------------------------------------ */\n/* ConnectWithAlfadocs                                                  */\n/* ------------------------------------------------------------------ */\n\nexport type ConnectStatus = 'idle' | 'connecting' | 'error';\n\nexport interface ConnectWithAlfadocsProps {\n  /** Product name shown next to the wordmark at the top of the card. */\n  productName: string;\n  /** Heading, e.g. \"Connect your AlfaDocs account\". */\n  title: string;\n  /** Supporting copy below the heading. */\n  description: ReactNode;\n  /** The connect button label, e.g. \"Connect with AlfaDocs\". */\n  connectLabel: string;\n  /** Connection lifecycle. `connecting` shows a loading button; `error` shows the alert. */\n  status?: ConnectStatus;\n  /** Error message shown (as an alert) when `status === 'error'`. */\n  error?: ReactNode;\n  /** Fires when the connect button is pressed. Wire to `useAlfadocsAuth().connect`. */\n  onConnect?: () => void;\n  /** Optional footer content below the button (e.g. a \"what's this?\" link). */\n  footer?: ReactNode;\n  /**\n   * Visual layout. `'card'` (default) is the centred card on the warm-grey\n   * canvas — unchanged. `'split'` adds, at `lg:` and up, a two-panel desktop\n   * layout: a brand panel on the inline-start and the connect card on the\n   * inline-end. Below `lg:`, `'split'` collapses to exactly the card layout —\n   * so it falls back gracefully inside iframes / embeds that never reach\n   * desktop width. Use `'split'` for full-page desktop logins.\n   */\n  layout?: 'card' | 'split';\n  /**\n   * Optional content shown under the lockup in the `'split'` brand panel (a\n   * tagline, value props, an illustration). Ignored in `'card'` and below `lg:`.\n   */\n  brandPanel?: ReactNode;\n  className?: string;\n}\n\n/* Split-layout CVAs (lg+ two-panel; collapses to the centred card below lg). */\nconst connectRootVariants = cva(\n  'ds:flex ds:min-h-dvh ds:bg-[color:var(--app-shell-background)]',\n  {\n    variants: {\n      layout: {\n        card: '',\n        split: 'ds:flex-col ds:lg:flex-row',\n      },\n    },\n    defaultVariants: { layout: 'card' },\n  },\n);\n\nconst connectCardWidthVariants = cva('ds:w-full', {\n  variants: {\n    layout: {\n      card: 'ds:max-w-[400px]',\n      split: 'ds:max-w-[400px] ds:lg:max-w-[480px]',\n    },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n// The card's own lockup hides at lg+ in `split` (the brand panel shows it there).\nconst connectCardLockupVariants = cva('', {\n  variants: {\n    layout: { card: '', split: 'ds:lg:hidden' },\n  },\n  defaultVariants: { layout: 'card' },\n});\n\n/**\n * The pre-auth \"Connect with AlfaDocs\" screen. Centred white card on the\n * warm-grey canvas with the AlfaDocs wordmark + product name, copy, an error\n * slot, and the primary connect CTA. An opt-in `layout=\"split\"` adds a desktop\n * two-panel brand layout (lg+). Presentational — `onConnect` should call\n * `useAlfadocsAuth().connect()`, which redirects the browser to the server-side\n * BFF that runs the real OAuth2 + PKCE flow.\n */\nexport const ConnectWithAlfadocs = forwardRef<\n  HTMLDivElement,\n  ConnectWithAlfadocsProps\n>(\n  (\n    {\n      productName,\n      title,\n      description,\n      connectLabel,\n      status = 'idle',\n      error,\n      onConnect,\n      footer,\n      layout = 'card',\n      brandPanel,\n      className,\n    },\n    ref,\n  ) => {\n    return (\n      <div\n        ref={ref}\n        data-component=\"connect-with-alfadocs\"\n        className={`${connectRootVariants({ layout })} ${className ?? ''}`}\n      >\n        {layout === 'split' ? (\n          // Desktop brand panel (lg+ only): a bold `--primary` surface with the\n          // monochrome lockup riding the `--primary-foreground` ink, plus an\n          // optional `brandPanel` slot. Decorative — the card carries the real\n          // heading + CTA, and shows its own lockup below `lg:`.\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\">\n            <ProductLockup\n              name={productName}\n              size=\"lg\"\n              monochrome\n              tone=\"inherit\"\n            />\n            {brandPanel ? (\n              <div className=\"type-body ds:max-w-[28rem] ds:text-start\">\n                {brandPanel}\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className=\"ds:flex ds:flex-1 ds:items-center ds:justify-center ds:p-[var(--spacing-lg)]\">\n          <Card className={connectCardWidthVariants({ layout })}>\n            <Card.Body className=\"ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-lg)] ds:text-center\">\n              <ProductLockup\n                name={productName}\n                size=\"lg\"\n                className={connectCardLockupVariants({ layout })}\n              />\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <h1 className=\"type-title-card\">{title}</h1>\n                <p className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                  {description}\n                </p>\n              </div>\n              {status === 'error' && error ? (\n                <Alert variant=\"error\" className=\"ds:w-full ds:text-start\">\n                  {error}\n                </Alert>\n              ) : null}\n              <SignInWithAlfadocsButton\n                intent=\"primary\"\n                className=\"ds:w-full\"\n                loading={status === 'connecting'}\n                onClick={onConnect}\n                label={connectLabel}\n                data-testid=\"connect-with-alfadocs-button\"\n              />\n              {footer ? (\n                <div className=\"type-meta ds:text-[color:var(--muted-foreground)]\">\n                  {footer}\n                </div>\n              ) : null}\n            </Card.Body>\n          </Card>\n        </div>\n      </div>\n    );\n  },\n);\n\nConnectWithAlfadocs.displayName = 'ConnectWithAlfadocs';\n"],"names":["lockup","cva","productName","ProductLockup","forwardRef","name","monochrome","tone","size","className","props","ref","jsxs","jsx","Logo","formatBadgeCount","count","AccountMenu","user","labels","onSignOut","onToggleFullscreen","t","useTranslation","fullscreenLabel","DropdownMenu","Avatar","Fragment","MarketplaceSidebarNav","nav","SidebarBody","item","badge","SidebarItem","SidebarItemIcon","SidebarItemLabel","SidebarItemBadge","shellMainVariants","EmbeddedTabStrip","ariaLabel","TabBar","MarketplaceAppShell","productHref","sidebarState","mainAriaLabel","variant","children","themePref","accessibility","resolvedTheme","useTheme","hasExplicitOverride","themeBase","themeAccessible","sidebarOpen","setSidebarOpen","useState","shell","TooltipProvider","AppFrame","Header","HeaderStart","HeaderSkipLink","HeaderMenuButton","HeaderBrand","HeaderCenter","HeaderEnd","HeaderSettings","Sidebar","embedded","content","ThemeRoot","connectRootVariants","connectCardWidthVariants","connectCardLockupVariants","ConnectWithAlfadocs","title","description","connectLabel","status","error","onConnect","footer","layout","brandPanel","Card","Alert","SignInWithAlfadocsButton"],"mappings":";;;;;;;;;;;;;;;;;;AAWA,MAAMA,KAASC,EAAI,2DAA2D,GAQxEC,KAAcD;AAAA,EAClB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAIA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,QAKJ,UAAU;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA;AAAA;AAAA;AAAA,QAKF,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,MAAM,MAAM,MAAM,WAAA;AAAA,EAAW;AAEpD,GAmDaE,IAAgBC;AAAA,EAC3B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MASE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,MAAK;AAAA,MACL,cAAY,YAAYN,CAAI,GAAG,KAAA;AAAA,MAC/B,WAAWL,GAAO,EAAE,WAAAS,GAAW;AAAA,MAC/B,kBAAe;AAAA,MACd,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAG;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAASR,IAAa,eAAe;AAAA,YACrC,MAAAC;AAAA,YACA,MAAAC;AAAA,YACA,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAW;AAAA,YACX,WAAWX,GAAY;AAAA,cACrB,MAAAM;AAAA,cACA,MAAMF,IAAa,UAAU;AAAA,YAAA,CAC9B;AAAA,YAEA,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAIR;AACAF,EAAc,cAAc;ACf5B,SAASY,GAAiBC,GAAuB;AAC/C,SAAOA,IAAQ,KAAK,QAAQ,OAAOA,CAAK;AAC1C;AAEA,SAASC,GAAY;AAAA,EACnB,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,oBAAAC;AACF,GAKG;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAGRC,IACJL,EAAO,cAAcG,EAAE,kCAAkC;AAC3D;AAAA;AAAA;AAAA;AAAA,IAIE,gBAAAV,EAACa,EAAa,MAAb,EAAkB,OAAO,IACxB,UAAA;AAAA,MAAA,gBAAAZ,EAACY,EAAa,SAAb,EAAqB,SAAO,IAC3B,UAAA,gBAAAb;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,cAAYO,EAAO;AAAA,UACnB,eAAY;AAAA,UACZ,WAAU;AAAA,UAEV,UAAA;AAAA,YAAA,gBAAAN,EAACa,GAAA,EAAO,MAAMR,EAAK,MAAM,KAAKA,EAAK,WAAW,MAAK,KAAA,CAAK;AAAA,YACxD,gBAAAL,EAAC,QAAA,EAAK,WAAU,0BAA0B,YAAK,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAExD;AAAA,MACA,gBAAAD,EAACa,EAAa,SAAb,EAAqB,OAAM,OAC1B,UAAA;AAAA,QAAA,gBAAAZ,EAACY,EAAa,OAAb,EACC,UAAA,gBAAAb,EAAC,QAAA,EAAK,WAAU,uBACd,UAAA;AAAA,UAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,kBAAkB,UAAAK,EAAK,MAAK;AAAA,UAC3CA,EAAK,QACJ,gBAAAL,EAAC,QAAA,EAAK,WAAU,gFACb,UAAAK,EAAK,OACR,IACE;AAAA,QAAA,EAAA,CACN,EAAA,CACF;AAAA,QACCG,IACC,gBAAAT,EAAAe,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAd,EAACY,EAAa,WAAb,EAAuB;AAAA,UACxB,gBAAAZ;AAAA,YAACY,EAAa;AAAA,YAAb;AAAA,cACC,UAAUJ;AAAA,cACV,eAAY;AAAA,cAEX,UAAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,EAAA,CACF,IACE;AAAA,QACJ,gBAAAX,EAACY,EAAa,WAAb,EAAuB;AAAA,QACxB,gBAAAZ;AAAA,UAACY,EAAa;AAAA,UAAb;AAAA,YACC,UAAUL;AAAA,YACV,eAAY;AAAA,YAEX,UAAAD,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MACV,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA;AAEJ;AAEA,SAASS,GAAsB,EAAE,KAAAC,KAAsC;AACrE,SACE,gBAAAhB,EAACiB,GAAA,EACE,UAAAD,EAAI,IAAI,CAACE,MAAS;AACjB,UAAMC,IACJ,OAAOD,EAAK,cAAe,YAAYA,EAAK,aAAa,IACrDA,EAAK,aACL;AACN,WACE,gBAAAnB;AAAA,MAACqB;AAAA,MAAA;AAAA,QAEC,MAAMF,EAAK;AAAA,QACX,cAAYA,EAAK;AAAA,QACjB,UAAUA,EAAK;AAAA,QAEd,UAAA;AAAA,UAAAA,EAAK,OAAO,gBAAAlB,EAACqB,GAAA,EAAiB,UAAAH,EAAK,MAAK,IAAqB;AAAA,UAC9D,gBAAAlB,EAACsB,GAAA,EAAkB,UAAAJ,EAAK,MAAA,CAAM;AAAA,UAC7BC,MAAU,SACT,gBAAAnB,EAACuB,KAAkB,UAAArB,GAAiBiB,CAAK,GAAE,IACzC;AAAA,QAAA;AAAA,MAAA;AAAA,MATCD,EAAK;AAAA,IAAA;AAAA,EAYhB,CAAC,EAAA,CACH;AAEJ;AAIA,MAAMM,IAAoBpC,EAAI,6CAA6C;AAAA,EACzE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,YAAY;AAAA,MACZ,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB,EAAE,SAAS,aAAA;AAC9B,CAAC;AAUD,SAASqC,GAAiB;AAAA,EACxB,KAAAT;AAAA,EACA,WAAAU;AACF,GAGG;AACD,SAAO,gBAAA1B,EAAC2B,GAAA,EAAO,OAAOX,GAAK,WAAAU,EAAA,CAAsB;AACnD;AAMO,MAAME,KAAsBrC;AAAA,EAIjC,CACE;AAAA,IACE,aAAAF;AAAA,IACA,aAAAwC,IAAc;AAAA,IACd,KAAAb;AAAA,IACA,MAAAX;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,cAAAsB;AAAA,IACA,eAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC;AAAA,EAAA,GAEFnC,MACG;AACH,UAAM,EAAE,GAAAW,EAAA,IAAMC,EAAA,GAKR,EAAE,OAAOwB,GAAW,eAAAC,GAAe,eAAAC,EAAA,IAAkBC,GAAA,GACrDC,IACJJ,MAAc,YAAYC,MAAkB,UACxCI,IAAYH,EAAc,WAAW,MAAM,IAAI,SAAS,SACxDI,IAAkBJ,EAAc,SAAS,aAAa,GAGtD,CAACK,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,sBACHC,IAAA,EACC,UAAA,gBAAA7C;AAAA,MAAC8C;AAAA,MAAA;AAAA,QACC,eAAAf;AAAA,QACA,eAAeP,EAAkB,EAAE,SAAS,cAAc;AAAA,QAC1D,0BACGuB,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAhD,EAACiD,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAhD,EAACiD,GAAA,EAAe,MAAK,gBAAA,CAAgB;AAAA,8BACpCC,GAAA,EAAiB,YAAY,MAAMR,EAAe,EAAI,GAAG;AAAA,YAC1D,gBAAA1C;AAAA,cAACmD;AAAA,cAAA;AAAA,gBACC,MAAMtB;AAAA,gBACN,wBACGvC,GAAA,EAAc,MAAMD,GAAa,MAAK,MAAK,YAAU,GAAA,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UAE3D,GACF;AAAA,4BACC+D,GAAA,EAAa;AAAA,4BACbC,GAAA,EACC,UAAA;AAAA,YAAA,gBAAArD,EAACsD,GAAA,EAAe,MAAK,KAAA,CAAK;AAAA,YAC1B,gBAAAtD;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,MAAAC;AAAA,gBACA,QAAAC;AAAA,gBACA,WAAAC;AAAA,gBACA,oBAAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UACF,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QAEF,SACE,gBAAAR;AAAA,UAACuD;AAAA,UAAA;AAAA,YACE,GAAIzB,MAAiB,SAClB,EAAE,OAAOA,MACT,EAAE,cAAc,WAAA;AAAA,YACpB,MAAMW;AAAA,YACN,cAAcC;AAAA,YACd,cAAYjC,EAAE,0BAA0B;AAAA,YACxC,eAAY;AAAA,YAEZ,UAAA,gBAAAT,EAACe,MAAsB,KAAAC,EAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAIpC,UAAAiB;AAAA,MAAA;AAAA,IAAA,GAEL,GAGIuB;AAAA;AAAA;AAAA,MAGJ,gBAAAzD,EAAC,OAAA,EAAI,WAAU,8EACb,UAAA;AAAA,QAAA,gBAAAC,EAACiD,GAAA,EAAe,MAAK,gBAAA,CAAgB;AAAA,0BACpCxB,IAAA,EAAiB,KAAAT,GAAU,WAAWP,EAAE,0BAA0B,GAAG;AAAA,QACtE,gBAAAT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,UAAU;AAAA,YACV,cACE+B,KAAiBtB,EAAE,yBAAyB,cAAc;AAAA,YAE5D,WAAWe,EAAkB,EAAE,SAAS,YAAY;AAAA,YAEnD,UAAAS;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,OAGIwB,IAAUzB,MAAY,aAAawB,IAAWZ;AAEpD,WAAKN,IAaH,gBAAAtC;AAAA,MAAC0D;AAAA,MAAA;AAAA,QACC,KAAA5D;AAAA,QACA,OAAOyC;AAAA,QACP,YAAYC;AAAA,QACZ,WAAU;AAAA,QACV,kBAAe;AAAA,QAEd,UAAAiB;AAAA,MAAA;AAAA,IAAA,IAlBD,gBAAAzD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAU;AAAA,QACV,kBAAe;AAAA,QAEd,UAAA2D;AAAA,MAAA;AAAA,IAAA;AAAA,EAgBT;AACF;AAEA7B,GAAoB,cAAc;AA2ClC,MAAM+B,KAAsBvE;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,QAAQ,OAAA;AAAA,EAAO;AAEtC,GAEMwE,KAA2BxE,EAAI,aAAa;AAAA,EAChD,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB,EAAE,QAAQ,OAAA;AAC7B,CAAC,GAGKyE,KAA4BzE,EAAI,IAAI;AAAA,EACxC,UAAU;AAAA,IACR,QAAQ,EAAE,MAAM,IAAI,OAAO,eAAA;AAAA,EAAe;AAAA,EAE5C,iBAAiB,EAAE,QAAQ,OAAA;AAC7B,CAAC,GAUY0E,KAAsBvE;AAAA,EAIjC,CACE;AAAA,IACE,aAAAF;AAAA,IACA,OAAA0E;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,YAAAC;AAAA,IACA,WAAA3E;AAAA,EAAA,GAEFE,MAGE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,kBAAe;AAAA,MACf,WAAW,GAAG6D,GAAoB,EAAE,QAAAW,GAAQ,CAAC,IAAI1E,KAAa,EAAE;AAAA,MAE/D,UAAA;AAAA,QAAA0E,MAAW;AAAA;AAAA;AAAA;AAAA;AAAA,UAKV,gBAAAvE,EAAC,OAAA,EAAI,WAAU,gTACb,UAAA;AAAA,YAAA,gBAAAC;AAAA,cAACV;AAAA,cAAA;AAAA,gBACC,MAAMD;AAAA,gBACN,MAAK;AAAA,gBACL,YAAU;AAAA,gBACV,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAENkF,IACC,gBAAAvE,EAAC,OAAA,EAAI,WAAU,4CACZ,aACH,IACE;AAAA,UAAA,EAAA,CACN;AAAA,YACE;AAAA,0BACH,OAAA,EAAI,WAAU,gFACb,UAAA,gBAAAA,EAACwE,KAAK,WAAWZ,GAAyB,EAAE,QAAAU,EAAA,CAAQ,GAClD,UAAA,gBAAAvE,EAACyE,EAAK,MAAL,EAAU,WAAU,iFACnB,UAAA;AAAA,UAAA,gBAAAxE;AAAA,YAACV;AAAA,YAAA;AAAA,cACC,MAAMD;AAAA,cACN,MAAK;AAAA,cACL,WAAWwE,GAA0B,EAAE,QAAAS,EAAA,CAAQ;AAAA,YAAA;AAAA,UAAA;AAAA,UAEjD,gBAAAvE,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,YAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,mBAAmB,UAAA+D,GAAM;AAAA,YACvC,gBAAA/D,EAAC,KAAA,EAAE,WAAU,wDACV,UAAAgE,EAAA,CACH;AAAA,UAAA,GACF;AAAA,UACCE,MAAW,WAAWC,IACrB,gBAAAnE,EAACyE,GAAA,EAAM,SAAQ,SAAQ,WAAU,2BAC9B,UAAAN,EAAA,CACH,IACE;AAAA,UACJ,gBAAAnE;AAAA,YAAC0E;AAAA,YAAA;AAAA,cACC,QAAO;AAAA,cACP,WAAU;AAAA,cACV,SAASR,MAAW;AAAA,cACpB,SAASE;AAAA,cACT,OAAOH;AAAA,cACP,eAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAEbI,IACC,gBAAArE,EAAC,OAAA,EAAI,WAAU,qDACZ,aACH,IACE;AAAA,QAAA,EAAA,CACN,GACF,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA8D,GAAoB,cAAc;"}

package/dist/_chunks/pregnancy-weight-gain-B7kBK-ZR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pregnancy-weight-gain-B7kBK-ZR.js","sources":["../../src/components/pregnancy-weight-gain/weight-gain.ts","../../src/components/pregnancy-weight-gain/pregnancy-weight-gain.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* Pregnancy weight-gain guidance — pure, framework-free, testable.     */\n/*                                                                     */\n/* Recommended ranges follow the US IOM (2009) guidelines for a         */\n/* SINGLETON pregnancy, keyed off pre-pregnancy BMI category. The       */\n/* \"to date\" estimate adds a small first-trimester gain (≤13 wk) to a   */\n/* per-week rate applied across the 2nd/3rd trimesters.                 */\n/*                                                                     */\n/* Guidance only — not a substitute for clinical judgement.             */\n/* ------------------------------------------------------------------ */\n\nimport { type BmiCategory, bmiCategory } from '../bmi-calculator/bmi';\n\nexport interface GainBand {\n  /** Lower bound, kg. */\n  min: number;\n  /** Upper bound, kg. */\n  max: number;\n}\n\nexport type GainStatus = 'below' | 'within' | 'above';\n\n/** IOM (2009) total recommended gain for a singleton pregnancy, kg. */\nexport const TOTAL_GAIN_BANDS: Record<BmiCategory, GainBand> = {\n  underweight: { min: 12.5, max: 18 },\n  normal: { min: 11.5, max: 16 },\n  overweight: { min: 7, max: 11.5 },\n  obese: { min: 5, max: 9 },\n};\n\n/** IOM (2009) mean rate of gain in the 2nd/3rd trimester, kg per week. */\nexport const RATE_BANDS: Record<BmiCategory, GainBand> = {\n  underweight: { min: 0.44, max: 0.58 },\n  normal: { min: 0.35, max: 0.5 },\n  overweight: { min: 0.23, max: 0.33 },\n  obese: { min: 0.17, max: 0.27 },\n};\n\n/** First-trimester total gain band, kg (category-independent in IOM). */\nexport const FIRST_TRIMESTER_GAIN: GainBand = { min: 0.5, max: 2 };\n/** Completed weeks counted as the first trimester for gain purposes. */\nexport const FIRST_TRIMESTER_WEEKS = 13;\n\nexport interface WeightGainInput {\n  /** Pre-pregnancy BMI (kg/m²) — drives the category. */\n  prePregnancyBmi: number;\n  /** Pre-pregnancy weight, kg. */\n  prePregnancyWeightKg: number;\n  /** Current weight, kg. */\n  currentWeightKg: number;\n  /** Completed gestational weeks. */\n  gestationalWeeks: number;\n}\n\nexport interface WeightGainResult {\n  category: BmiCategory;\n  /** Recommended TOTAL gain across the whole pregnancy. */\n  totalRange: GainBand;\n  /** Recommended gain accumulated by the current gestational week. */\n  recommendedToDate: GainBand;\n  /** Actual gain so far (current − pre-pregnancy), kg. */\n  actualGainKg: number;\n  /** Where the actual gain sits against the to-date recommendation. */\n  status: GainStatus;\n}\n\n/** Recommended cumulative gain by a given gestational week. */\nexport function recommendedGainToDate(\n  category: BmiCategory,\n  weeks: number,\n): GainBand {\n  if (weeks <= 0) return { min: 0, max: 0 };\n  if (weeks <= FIRST_TRIMESTER_WEEKS) {\n    const frac = weeks / FIRST_TRIMESTER_WEEKS;\n    return {\n      min: FIRST_TRIMESTER_GAIN.min * frac,\n      max: FIRST_TRIMESTER_GAIN.max * frac,\n    };\n  }\n  const extraWeeks = Math.min(weeks, 40) - FIRST_TRIMESTER_WEEKS;\n  const rate = RATE_BANDS[category];\n  return {\n    min: FIRST_TRIMESTER_GAIN.min + rate.min * extraWeeks,\n    max: FIRST_TRIMESTER_GAIN.max + rate.max * extraWeeks,\n  };\n}\n\nexport function assessWeightGain(input: WeightGainInput): WeightGainResult {\n  const category = bmiCategory(input.prePregnancyBmi);\n  const totalRange = TOTAL_GAIN_BANDS[category];\n  const recommendedToDate = recommendedGainToDate(\n    category,\n    input.gestationalWeeks,\n  );\n  const actualGainKg = input.currentWeightKg - input.prePregnancyWeightKg;\n  const status: GainStatus =\n    actualGainKg < recommendedToDate.min\n      ? 'below'\n      : actualGainKg > recommendedToDate.max\n        ? 'above'\n        : 'within';\n  return { category, totalRange, recommendedToDate, actualGainKg, status };\n}\n","/* ------------------------------------------------------------------ */\n/* PregnancyWeightGain — actual vs IOM-recommended gestational weight    */\n/* gain, keyed off pre-pregnancy BMI.                                    */\n/*                                                                     */\n/* Composes the BMI maths from bmi-calculator and the IOM bands in       */\n/* `./weight-gain` (both pure, separately tested). Metric only.          */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { FormField } from '../form-field';\nimport { NumberInput } from '../number-input';\nimport { Badge } from '../badge';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport { computeBmi } from '../bmi-calculator/bmi';\nimport {\n  type WeightGainResult,\n  type GainStatus,\n  type GainBand,\n  assessWeightGain,\n} from './weight-gain';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\nconst STATUS_BADGE: Record<GainStatus, 'info' | 'success' | 'warning'> = {\n  below: 'warning',\n  within: 'success',\n  above: 'warning',\n};\n\nexport interface PregnancyWeightGainProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Fires whenever a result can be computed (and `null` when it can't). */\n  onResultChange?: (result: WeightGainResult | null) => void;\n  /** When provided, shows the result-action buttons that emit / copy the result. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Verb the result-action buttons perform. Defaults to `'insert'` (editor\n   * extension). Pass `'copy'` from an app shell to copy the result to the\n   * clipboard instead.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const PregnancyWeightGain = forwardRef<\n  HTMLDivElement,\n  PregnancyWeightGainProps\n>(\n  (\n    {\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [heightCm, setHeightCm] = useState<number | null>(null);\n    const [prePregnancyKg, setPrePregnancyKg] = useState<number | null>(null);\n    const [currentKg, setCurrentKg] = useState<number | null>(null);\n    const [weeks, setWeeks] = useState<number | null>(null);\n\n    const prePregnancyBmi = computeBmi(prePregnancyKg, heightCm);\n\n    const result = useMemo<WeightGainResult | null>(() => {\n      if (\n        prePregnancyBmi === null ||\n        prePregnancyKg === null ||\n        currentKg === null ||\n        weeks === null\n      ) {\n        return null;\n      }\n      return assessWeightGain({\n        prePregnancyBmi,\n        prePregnancyWeightKg: prePregnancyKg,\n        currentWeightKg: currentKg,\n        gestationalWeeks: weeks,\n      });\n    }, [prePregnancyBmi, prePregnancyKg, currentKg, weeks]);\n\n    const kg = useMemo(\n      () =>\n        new Intl.NumberFormat(i18n.language, {\n          minimumFractionDigits: 1,\n          maximumFractionDigits: 1,\n        }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(result);\n    }, [result, onResultChange]);\n\n    const unit = t('pregnancyWeightGain.units.kg');\n    const band = (b: GainBand): string =>\n      `${kg.format(b.min)} – ${kg.format(b.max)} ${unit}`;\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"pregnancy-weight-gain\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <div className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n          <FormField\n            label={`${t('pregnancyWeightGain.height')} (${t('pregnancyWeightGain.units.cm')})`}\n          >\n            <NumberInput\n              mode=\"decimal\"\n              min={0}\n              step={0.5}\n              value={heightCm}\n              onChange={setHeightCm}\n            />\n          </FormField>\n          <FormField\n            label={`${t('pregnancyWeightGain.prePregnancyWeight')} (${unit})`}\n          >\n            <NumberInput\n              mode=\"decimal\"\n              min={0}\n              step={0.1}\n              value={prePregnancyKg}\n              onChange={setPrePregnancyKg}\n            />\n          </FormField>\n          <FormField\n            label={`${t('pregnancyWeightGain.currentWeight')} (${unit})`}\n          >\n            <NumberInput\n              mode=\"decimal\"\n              min={0}\n              step={0.1}\n              value={currentKg}\n              onChange={setCurrentKg}\n            />\n          </FormField>\n          <FormField label={t('pregnancyWeightGain.gestationalWeeks')}>\n            <NumberInput\n              mode=\"integer\"\n              min={0}\n              max={42}\n              value={weeks}\n              onChange={setWeeks}\n            />\n          </FormField>\n        </div>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {result\n            ? `${t('pregnancyWeightGain.actualGain')}: ${kg.format(\n                result.actualGainKg,\n              )} ${unit}. ${t(`pregnancyWeightGain.status.${result.status}`)}.`\n            : ''}\n        </p>\n\n        {result ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n            <dl className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <dt className=\"type-label ds:text-muted-foreground\">\n                  {t('pregnancyWeightGain.prePregnancyBmi')}\n                </dt>\n                <dd className=\"type-body ds:text-foreground\">\n                  {kg.format(prePregnancyBmi ?? 0)} ·{' '}\n                  {t(`pregnancyWeightGain.category.${result.category}`)}\n                </dd>\n              </div>\n              <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]\">\n                <dt className=\"type-label ds:text-muted-foreground\">\n                  {t('pregnancyWeightGain.actualGain')}\n                </dt>\n                <dd className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]\">\n                  <span className=\"type-metric ds:text-foreground\">\n                    {kg.format(result.actualGainKg)} {unit}\n                  </span>\n                  <Badge variant={STATUS_BADGE[result.status]} size=\"lg\">\n                    {t(`pregnancyWeightGain.status.${result.status}`)}\n                  </Badge>\n                </dd>\n              </div>\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <dt className=\"type-label ds:text-muted-foreground\">\n                  {t('pregnancyWeightGain.recommendedToDate')}\n                </dt>\n                <dd className=\"type-body ds:text-foreground\">\n                  {band(result.recommendedToDate)}\n                </dd>\n              </div>\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <dt className=\"type-label ds:text-muted-foreground\">\n                  {t('pregnancyWeightGain.recommendedTotal')}\n                </dt>\n                <dd className=\"type-body ds:text-foreground\">\n                  {band(result.totalRange)}\n                </dd>\n              </div>\n            </dl>\n            <p className=\"type-body-sm ds:text-muted-foreground\">\n              {t('pregnancyWeightGain.disclaimer')}\n            </p>\n            {insertVariant === 'copy' || onInsert ? (\n              <InsertButton\n                onInsert={onInsert}\n                variant={insertVariant}\n                onCopy={onCopy}\n                onError={onError}\n                card={{\n                  title: t('insert.title.weightGain'),\n                  highlight: t(`pregnancyWeightGain.status.${result.status}`),\n                  fields: [\n                    {\n                      label: t('pregnancyWeightGain.actualGain'),\n                      value: `${kg.format(result.actualGainKg)} ${unit}`,\n                    },\n                    {\n                      label: t('pregnancyWeightGain.recommendedToDate'),\n                      value: band(result.recommendedToDate),\n                    },\n                    {\n                      label: t('pregnancyWeightGain.recommendedTotal'),\n                      value: band(result.totalRange),\n                    },\n                  ],\n                }}\n              />\n            ) : null}\n          </div>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('pregnancyWeightGain.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nPregnancyWeightGain.displayName = 'PregnancyWeightGain';\n"],"names":["TOTAL_GAIN_BANDS","RATE_BANDS","FIRST_TRIMESTER_GAIN","FIRST_TRIMESTER_WEEKS","recommendedGainToDate","category","weeks","frac","extraWeeks","rate","assessWeightGain","input","bmiCategory","totalRange","recommendedToDate","actualGainKg","status","rootVariants","cva","STATUS_BADGE","PregnancyWeightGain","forwardRef","onResultChange","onInsert","insertVariant","onCopy","onError","id","width","className","ref","t","i18n","useTranslation","heightCm","setHeightCm","useState","prePregnancyKg","setPrePregnancyKg","currentKg","setCurrentKg","setWeeks","prePregnancyBmi","computeBmi","result","useMemo","kg","useEffect","unit","band","b","jsxs","jsx","FormField","NumberInput","Badge","InsertButton"],"mappings":"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"}