@alfadocs/ui-kit-debug 0.41.2 → 0.42.0

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

@@ -0,0 +1,227 @@
+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

@@ -0,0 +1 @@
+{"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/{kbd-Cglkd7CY.js → kbd-D855ZXIW.js}

@@ -83,7 +83,7 @@ const h = x(
     "ds:rounded-[var(--radius-sm)]",
     "ds:select-none",
     // Tight minimum size so single-key pills never collapse.
-    "ds:min-inline-size-[1.5em] ds:min-block-size-[1.5em]"
+    "ds:[min-inline-size:1.5em] ds:[min-block-size:1.5em]"
   ].join(" "),
   {
     variants: {
@@ -225,4 +225,4 @@ export {
   $ as K,
   _ as k
 };
-//# sourceMappingURL=kbd-Cglkd7CY.js.map
+//# sourceMappingURL=kbd-D855ZXIW.js.map

package/dist/_chunks/{kbd-Cglkd7CY.js.map → kbd-D855ZXIW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"kbd-Cglkd7CY.js","sources":["../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useEffect,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* Platform detection                                                   */\n/* ------------------------------------------------------------------ */\n\nfunction detectMacLike(): boolean {\n  if (typeof navigator === 'undefined') return false;\n  const uaData = (\n    navigator as unknown as {\n      userAgentData?: { platform?: string };\n    }\n  ).userAgentData;\n  const platformString = uaData?.platform ?? navigator.platform ?? '';\n  return /mac/i.test(platformString);\n}\n\n/* ------------------------------------------------------------------ */\n/* Glyph + accessible-name maps                                        */\n/* ------------------------------------------------------------------ */\n\nexport type KbdNamedKey =\n  | 'Meta'\n  | 'Control'\n  | 'Alt'\n  | 'Shift'\n  | 'Enter'\n  | 'Escape'\n  | 'Space'\n  | 'Tab'\n  | 'Delete'\n  | 'Backspace'\n  | 'ArrowUp'\n  | 'ArrowDown'\n  | 'ArrowLeft'\n  | 'ArrowRight';\n\n/**\n * Named keys we understand — anything else is passed through verbatim.\n * Glyph rendering is platform-aware; accessible names spell the key out\n * so screen readers say \"Command K\" instead of \"black apple K\".\n */\nconst MAC_GLYPHS: Record<KbdNamedKey, string> = {\n  Meta: '\\u2318', // ⌘\n  Control: '\\u2303', // ⌃\n  Alt: '\\u2325', // ⌥\n  Shift: '\\u21E7', // ⇧\n  Enter: '\\u23CE', // ⏎\n  Escape: 'Esc',\n  Space: 'Space',\n  Tab: '\\u21E5', // ⇥\n  Delete: '\\u2326', // ⌦\n  Backspace: '\\u232B', // ⌫\n  ArrowUp: '\\u2191', // ↑\n  ArrowDown: '\\u2193', // ↓\n  ArrowLeft: '\\u2190', // ←\n  ArrowRight: '\\u2192', // →\n};\n\nconst WIN_GLYPHS: Record<KbdNamedKey, string> = {\n  Meta: 'Ctrl', // Windows/Linux consumers usually care about the Control equivalent\n  Control: 'Ctrl',\n  Alt: 'Alt',\n  Shift: 'Shift',\n  Enter: 'Enter',\n  Escape: 'Esc',\n  Space: 'Space',\n  Tab: 'Tab',\n  Delete: 'Del',\n  Backspace: 'Backspace',\n  ArrowUp: '\\u2191',\n  ArrowDown: '\\u2193',\n  ArrowLeft: '\\u2190',\n  ArrowRight: '\\u2192',\n};\n\n/** Spelled-out names used for the aria-label — never platform-swapped. */\nconst SPOKEN_NAMES: Record<KbdNamedKey, string> = {\n  Meta: 'Command',\n  Control: 'Control',\n  Alt: 'Option',\n  Shift: 'Shift',\n  Enter: 'Enter',\n  Escape: 'Escape',\n  Space: 'Space',\n  Tab: 'Tab',\n  Delete: 'Delete',\n  Backspace: 'Backspace',\n  ArrowUp: 'Up arrow',\n  ArrowDown: 'Down arrow',\n  ArrowLeft: 'Left arrow',\n  ArrowRight: 'Right arrow',\n};\n\nfunction isNamedKey(key: string): key is KbdNamedKey {\n  return (\n    key === 'Meta' ||\n    key === 'Control' ||\n    key === 'Alt' ||\n    key === 'Shift' ||\n    key === 'Enter' ||\n    key === 'Escape' ||\n    key === 'Space' ||\n    key === 'Tab' ||\n    key === 'Delete' ||\n    key === 'Backspace' ||\n    key === 'ArrowUp' ||\n    key === 'ArrowDown' ||\n    key === 'ArrowLeft' ||\n    key === 'ArrowRight'\n  );\n}\n\nfunction glyphFor(key: string, isMac: boolean): string {\n  if (isNamedKey(key)) {\n    return (isMac ? MAC_GLYPHS : WIN_GLYPHS)[key];\n  }\n  return key;\n}\n\nfunction spokenFor(key: string): string {\n  if (isNamedKey(key)) return SPOKEN_NAMES[key];\n  return key;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst kbdVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-[family-name:var(--font-mono)]',\n    'ds:tabular-nums',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:select-none',\n    // Tight minimum size so single-key pills never collapse.\n    'ds:min-inline-size-[1.5em] ds:min-block-size-[1.5em]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-xs)] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n        md: 'ds:text-[length:var(--font-size-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n        lg: 'ds:text-[length:var(--font-size-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n      },\n      intensity: {\n        outline: [\n          'ds:bg-[var(--background)]',\n          'ds:border ds:border-[color:var(--border)]',\n          'ds:text-[color:var(--foreground)]',\n        ].join(' '),\n        solid: [\n          'ds:bg-[var(--muted)]',\n          'ds:text-[color:var(--foreground)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { size: 'md', intensity: 'outline' },\n  },\n);\n\nconst groupVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'ds:gap-[calc(var(--spacing-xs)/2)]',\n    // Group shouldn't visually render as a pill itself — just holds pills.\n    'ds:font-[family-name:var(--font-mono)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type KbdSeparator = 'none' | 'plus' | 'then';\n\n/**\n * Optional override map for keys. Consumers can rewrite the visible\n * glyph or the spoken name for product-specific shortcuts (e.g. mapping\n * a \"Brand\" modifier to a special icon).\n */\nexport interface KbdGlyphOverride {\n  glyph?: string;\n  spoken?: string;\n}\n\ninterface KbdBaseProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'children'>,\n    VariantProps<typeof kbdVariants> {\n  separator?: KbdSeparator;\n  glyphMap?: Partial<Record<KbdNamedKey | string, KbdGlyphOverride>>;\n}\n\ninterface KbdWithKeysProps extends KbdBaseProps {\n  keys: Array<KbdNamedKey | string>;\n  children?: never;\n}\n\ninterface KbdWithChildrenProps extends KbdBaseProps {\n  keys?: never;\n  children: ReactNode;\n}\n\nexport type KbdProps = KbdWithKeysProps | KbdWithChildrenProps;\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>((props, ref) => {\n  const {\n    size = 'md',\n    intensity = 'outline',\n    separator = 'none',\n    glyphMap,\n    className,\n    ...rest\n  } = props as KbdBaseProps & { className?: string };\n\n  const { t } = useTranslation();\n\n  const [isMac, setIsMac] = useState(false);\n  useEffect(() => {\n    setIsMac(detectMacLike());\n  }, []);\n\n  // Children path: pass-through rendering. Still a semantic <kbd> so\n  // AT + search engines classify it correctly.\n  if ('children' in props && props.children !== undefined) {\n    return (\n      <kbd\n        ref={ref}\n        className={[kbdVariants({ size, intensity }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"kbd\"\n        {...rest}\n      >\n        {(props as KbdWithChildrenProps).children}\n      </kbd>\n    );\n  }\n\n  const keys = (props as KbdWithKeysProps).keys;\n\n  // Single-key shortcut with no separator — render as one pill.\n  // axe's `aria-prohibited-attr` rule forbids `aria-label` on <kbd>\n  // elements (no valid implicit role), so the spoken name is delivered\n  // via a visually-hidden sr-only span instead.\n  if (keys.length === 1) {\n    const k = keys[0];\n    const override = glyphMap?.[k];\n    const glyph = override?.glyph ?? glyphFor(k, isMac);\n    const spoken = override?.spoken ?? spokenFor(k);\n    return (\n      <kbd\n        ref={ref}\n        className={[kbdVariants({ size, intensity }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"kbd\"\n        {...rest}\n      >\n        <span aria-hidden=\"true\">{glyph}</span>\n        <span className=\"ds:sr-only\">{spoken}</span>\n      </kbd>\n    );\n  }\n\n  // Multi-key shortcut.\n  const spokenAll = keys\n    .map((k) => glyphMap?.[k]?.spoken ?? spokenFor(k))\n    .join(' ');\n\n  // `none`: single combined pill (e.g. \"⌘K\" rendered together).\n  if (separator === 'none') {\n    return (\n      <kbd\n        ref={ref}\n        className={[kbdVariants({ size, intensity }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"kbd\"\n        {...rest}\n      >\n        {keys.map((k, i) => {\n          const glyph = glyphMap?.[k]?.glyph ?? glyphFor(k, isMac);\n          return (\n            <span key={`${k}-${i}`} aria-hidden=\"true\">\n              {glyph}\n            </span>\n          );\n        })}\n        <span className=\"ds:sr-only\">{spokenAll}</span>\n      </kbd>\n    );\n  }\n\n  // `plus` / `then`: multiple sibling <kbd> pills inside a wrapping <kbd>.\n  const separatorText =\n    separator === 'plus' ? t('kbd.plus', '+') : t('kbd.then', 'then');\n\n  const spokenAnnouncement =\n    separator === 'then'\n      ? t('kbd.pressThen', 'Press {{keys}}', {\n          keys: keys\n            .map((k) => glyphMap?.[k]?.spoken ?? spokenFor(k))\n            .join(` ${t('kbd.thenSpoken', 'then')} `),\n        })\n      : spokenAll;\n\n  return (\n    <kbd\n      ref={ref}\n      className={[groupVariants(), className].filter(Boolean).join(' ')}\n      data-component=\"kbd\"\n      {...rest}\n    >\n      <span className=\"ds:sr-only\">{spokenAnnouncement}</span>\n      {keys.map((k, i) => {\n        const glyph = glyphMap?.[k]?.glyph ?? glyphFor(k, isMac);\n        return (\n          <Fragment key={`${k}-${i}`}>\n            <kbd\n              aria-hidden=\"true\"\n              className={kbdVariants({ size, intensity })}\n            >\n              {glyph}\n            </kbd>\n            {i < keys.length - 1 ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)]\"\n              >\n                {separatorText}\n              </span>\n            ) : null}\n          </Fragment>\n        );\n      })}\n    </kbd>\n  );\n});\n\nKbd.displayName = 'Kbd';\n\n/* ------------------------------------------------------------------ */\n/* Named helpers                                                        */\n/* ------------------------------------------------------------------ */\n\nexport const kbdGlyphs = {\n  mac: MAC_GLYPHS,\n  win: WIN_GLYPHS,\n  spoken: SPOKEN_NAMES,\n};\n"],"names":["detectMacLike","uaData","platformString","MAC_GLYPHS","WIN_GLYPHS","SPOKEN_NAMES","isNamedKey","key","glyphFor","isMac","spokenFor","kbdVariants","cva","groupVariants","Kbd","forwardRef","props","ref","size","intensity","separator","glyphMap","className","rest","t","useTranslation","setIsMac","useState","useEffect","jsx","keys","k","override","glyph","spoken","jsxs","spokenAll","_a","i","separatorText","spokenAnnouncement","Fragment","kbdGlyphs"],"mappings":"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"}
+{"version":3,"file":"kbd-D855ZXIW.js","sources":["../../src/components/kbd/kbd.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Fragment,\n  useEffect,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* Platform detection                                                   */\n/* ------------------------------------------------------------------ */\n\nfunction detectMacLike(): boolean {\n  if (typeof navigator === 'undefined') return false;\n  const uaData = (\n    navigator as unknown as {\n      userAgentData?: { platform?: string };\n    }\n  ).userAgentData;\n  const platformString = uaData?.platform ?? navigator.platform ?? '';\n  return /mac/i.test(platformString);\n}\n\n/* ------------------------------------------------------------------ */\n/* Glyph + accessible-name maps                                        */\n/* ------------------------------------------------------------------ */\n\nexport type KbdNamedKey =\n  | 'Meta'\n  | 'Control'\n  | 'Alt'\n  | 'Shift'\n  | 'Enter'\n  | 'Escape'\n  | 'Space'\n  | 'Tab'\n  | 'Delete'\n  | 'Backspace'\n  | 'ArrowUp'\n  | 'ArrowDown'\n  | 'ArrowLeft'\n  | 'ArrowRight';\n\n/**\n * Named keys we understand — anything else is passed through verbatim.\n * Glyph rendering is platform-aware; accessible names spell the key out\n * so screen readers say \"Command K\" instead of \"black apple K\".\n */\nconst MAC_GLYPHS: Record<KbdNamedKey, string> = {\n  Meta: '\\u2318', // ⌘\n  Control: '\\u2303', // ⌃\n  Alt: '\\u2325', // ⌥\n  Shift: '\\u21E7', // ⇧\n  Enter: '\\u23CE', // ⏎\n  Escape: 'Esc',\n  Space: 'Space',\n  Tab: '\\u21E5', // ⇥\n  Delete: '\\u2326', // ⌦\n  Backspace: '\\u232B', // ⌫\n  ArrowUp: '\\u2191', // ↑\n  ArrowDown: '\\u2193', // ↓\n  ArrowLeft: '\\u2190', // ←\n  ArrowRight: '\\u2192', // →\n};\n\nconst WIN_GLYPHS: Record<KbdNamedKey, string> = {\n  Meta: 'Ctrl', // Windows/Linux consumers usually care about the Control equivalent\n  Control: 'Ctrl',\n  Alt: 'Alt',\n  Shift: 'Shift',\n  Enter: 'Enter',\n  Escape: 'Esc',\n  Space: 'Space',\n  Tab: 'Tab',\n  Delete: 'Del',\n  Backspace: 'Backspace',\n  ArrowUp: '\\u2191',\n  ArrowDown: '\\u2193',\n  ArrowLeft: '\\u2190',\n  ArrowRight: '\\u2192',\n};\n\n/** Spelled-out names used for the aria-label — never platform-swapped. */\nconst SPOKEN_NAMES: Record<KbdNamedKey, string> = {\n  Meta: 'Command',\n  Control: 'Control',\n  Alt: 'Option',\n  Shift: 'Shift',\n  Enter: 'Enter',\n  Escape: 'Escape',\n  Space: 'Space',\n  Tab: 'Tab',\n  Delete: 'Delete',\n  Backspace: 'Backspace',\n  ArrowUp: 'Up arrow',\n  ArrowDown: 'Down arrow',\n  ArrowLeft: 'Left arrow',\n  ArrowRight: 'Right arrow',\n};\n\nfunction isNamedKey(key: string): key is KbdNamedKey {\n  return (\n    key === 'Meta' ||\n    key === 'Control' ||\n    key === 'Alt' ||\n    key === 'Shift' ||\n    key === 'Enter' ||\n    key === 'Escape' ||\n    key === 'Space' ||\n    key === 'Tab' ||\n    key === 'Delete' ||\n    key === 'Backspace' ||\n    key === 'ArrowUp' ||\n    key === 'ArrowDown' ||\n    key === 'ArrowLeft' ||\n    key === 'ArrowRight'\n  );\n}\n\nfunction glyphFor(key: string, isMac: boolean): string {\n  if (isNamedKey(key)) {\n    return (isMac ? MAC_GLYPHS : WIN_GLYPHS)[key];\n  }\n  return key;\n}\n\nfunction spokenFor(key: string): string {\n  if (isNamedKey(key)) return SPOKEN_NAMES[key];\n  return key;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst kbdVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:font-[family-name:var(--font-mono)]',\n    'ds:tabular-nums',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:select-none',\n    // Tight minimum size so single-key pills never collapse.\n    'ds:[min-inline-size:1.5em] ds:[min-block-size:1.5em]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:text-[length:var(--font-size-xs)] ds:ps-[calc(var(--spacing-xs)/1.5)] ds:pe-[calc(var(--spacing-xs)/1.5)]',\n        md: 'ds:text-[length:var(--font-size-xs)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n        lg: 'ds:text-[length:var(--font-size-sm)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)]',\n      },\n      intensity: {\n        outline: [\n          'ds:bg-[var(--background)]',\n          'ds:border ds:border-[color:var(--border)]',\n          'ds:text-[color:var(--foreground)]',\n        ].join(' '),\n        solid: [\n          'ds:bg-[var(--muted)]',\n          'ds:text-[color:var(--foreground)]',\n        ].join(' '),\n      },\n    },\n    defaultVariants: { size: 'md', intensity: 'outline' },\n  },\n);\n\nconst groupVariants = cva(\n  [\n    'ds:inline-flex ds:items-center',\n    'ds:gap-[calc(var(--spacing-xs)/2)]',\n    // Group shouldn't visually render as a pill itself — just holds pills.\n    'ds:font-[family-name:var(--font-mono)]',\n  ].join(' '),\n);\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                        */\n/* ------------------------------------------------------------------ */\n\nexport type KbdSeparator = 'none' | 'plus' | 'then';\n\n/**\n * Optional override map for keys. Consumers can rewrite the visible\n * glyph or the spoken name for product-specific shortcuts (e.g. mapping\n * a \"Brand\" modifier to a special icon).\n */\nexport interface KbdGlyphOverride {\n  glyph?: string;\n  spoken?: string;\n}\n\ninterface KbdBaseProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'children'>,\n    VariantProps<typeof kbdVariants> {\n  separator?: KbdSeparator;\n  glyphMap?: Partial<Record<KbdNamedKey | string, KbdGlyphOverride>>;\n}\n\ninterface KbdWithKeysProps extends KbdBaseProps {\n  keys: Array<KbdNamedKey | string>;\n  children?: never;\n}\n\ninterface KbdWithChildrenProps extends KbdBaseProps {\n  keys?: never;\n  children: ReactNode;\n}\n\nexport type KbdProps = KbdWithKeysProps | KbdWithChildrenProps;\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const Kbd = forwardRef<HTMLElement, KbdProps>((props, ref) => {\n  const {\n    size = 'md',\n    intensity = 'outline',\n    separator = 'none',\n    glyphMap,\n    className,\n    ...rest\n  } = props as KbdBaseProps & { className?: string };\n\n  const { t } = useTranslation();\n\n  const [isMac, setIsMac] = useState(false);\n  useEffect(() => {\n    setIsMac(detectMacLike());\n  }, []);\n\n  // Children path: pass-through rendering. Still a semantic <kbd> so\n  // AT + search engines classify it correctly.\n  if ('children' in props && props.children !== undefined) {\n    return (\n      <kbd\n        ref={ref}\n        className={[kbdVariants({ size, intensity }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"kbd\"\n        {...rest}\n      >\n        {(props as KbdWithChildrenProps).children}\n      </kbd>\n    );\n  }\n\n  const keys = (props as KbdWithKeysProps).keys;\n\n  // Single-key shortcut with no separator — render as one pill.\n  // axe's `aria-prohibited-attr` rule forbids `aria-label` on <kbd>\n  // elements (no valid implicit role), so the spoken name is delivered\n  // via a visually-hidden sr-only span instead.\n  if (keys.length === 1) {\n    const k = keys[0];\n    const override = glyphMap?.[k];\n    const glyph = override?.glyph ?? glyphFor(k, isMac);\n    const spoken = override?.spoken ?? spokenFor(k);\n    return (\n      <kbd\n        ref={ref}\n        className={[kbdVariants({ size, intensity }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"kbd\"\n        {...rest}\n      >\n        <span aria-hidden=\"true\">{glyph}</span>\n        <span className=\"ds:sr-only\">{spoken}</span>\n      </kbd>\n    );\n  }\n\n  // Multi-key shortcut.\n  const spokenAll = keys\n    .map((k) => glyphMap?.[k]?.spoken ?? spokenFor(k))\n    .join(' ');\n\n  // `none`: single combined pill (e.g. \"⌘K\" rendered together).\n  if (separator === 'none') {\n    return (\n      <kbd\n        ref={ref}\n        className={[kbdVariants({ size, intensity }), className]\n          .filter(Boolean)\n          .join(' ')}\n        data-component=\"kbd\"\n        {...rest}\n      >\n        {keys.map((k, i) => {\n          const glyph = glyphMap?.[k]?.glyph ?? glyphFor(k, isMac);\n          return (\n            <span key={`${k}-${i}`} aria-hidden=\"true\">\n              {glyph}\n            </span>\n          );\n        })}\n        <span className=\"ds:sr-only\">{spokenAll}</span>\n      </kbd>\n    );\n  }\n\n  // `plus` / `then`: multiple sibling <kbd> pills inside a wrapping <kbd>.\n  const separatorText =\n    separator === 'plus' ? t('kbd.plus', '+') : t('kbd.then', 'then');\n\n  const spokenAnnouncement =\n    separator === 'then'\n      ? t('kbd.pressThen', 'Press {{keys}}', {\n          keys: keys\n            .map((k) => glyphMap?.[k]?.spoken ?? spokenFor(k))\n            .join(` ${t('kbd.thenSpoken', 'then')} `),\n        })\n      : spokenAll;\n\n  return (\n    <kbd\n      ref={ref}\n      className={[groupVariants(), className].filter(Boolean).join(' ')}\n      data-component=\"kbd\"\n      {...rest}\n    >\n      <span className=\"ds:sr-only\">{spokenAnnouncement}</span>\n      {keys.map((k, i) => {\n        const glyph = glyphMap?.[k]?.glyph ?? glyphFor(k, isMac);\n        return (\n          <Fragment key={`${k}-${i}`}>\n            <kbd\n              aria-hidden=\"true\"\n              className={kbdVariants({ size, intensity })}\n            >\n              {glyph}\n            </kbd>\n            {i < keys.length - 1 ? (\n              <span\n                aria-hidden=\"true\"\n                className=\"ds:text-[color:var(--muted-foreground)] ds:text-[length:var(--font-size-xs)]\"\n              >\n                {separatorText}\n              </span>\n            ) : null}\n          </Fragment>\n        );\n      })}\n    </kbd>\n  );\n});\n\nKbd.displayName = 'Kbd';\n\n/* ------------------------------------------------------------------ */\n/* Named helpers                                                        */\n/* ------------------------------------------------------------------ */\n\nexport const kbdGlyphs = {\n  mac: MAC_GLYPHS,\n  win: WIN_GLYPHS,\n  spoken: SPOKEN_NAMES,\n};\n"],"names":["detectMacLike","uaData","platformString","MAC_GLYPHS","WIN_GLYPHS","SPOKEN_NAMES","isNamedKey","key","glyphFor","isMac","spokenFor","kbdVariants","cva","groupVariants","Kbd","forwardRef","props","ref","size","intensity","separator","glyphMap","className","rest","t","useTranslation","setIsMac","useState","useEffect","jsx","keys","k","override","glyph","spoken","jsxs","spokenAll","_a","i","separatorText","spokenAnnouncement","Fragment","kbdGlyphs"],"mappings":"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"}