@alfadocs/ui-kit 0.44.0 → 0.45.0

package/package.json

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

package/dist/_chunks/bmi-calculator-DFPWL2OJ.js

@@ -1,273 +0,0 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { forwardRef as ee, useId as te, useState as c, useMemo as ae, useEffect as A } from "react";
-import { c as M } from "./index-D2ZczOXr.js";
-import { useTranslation as le } from "react-i18next";
-import { R as G } from "./radio-TWf9Q-mp.js";
-import { R as ie } from "./radio-group-CLjK-SlK.js";
-import { F as k } from "./form-field-BOm9hK35.js";
-import { N as C } from "./number-input-Dj5L3pXK.js";
-import { C as oe } from "./chart-Cg3e9EH9.js";
-import { C as L } from "./card-DPmk26CL.js";
-import { B as re } from "./badge-zsf5i5bH.js";
-import { I as ne } from "./insert-result-CoC1oo6R.js";
-import { a as S, b as se, e as ce, c as me, f as H, l as V, k as ue } from "./bmi-BxD-tFzU.js";
-const de = M("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
-  variants: {
-    width: {
-      full: "ds:w-full",
-      auto: "ds:inline-flex"
-    }
-  },
-  defaultVariants: { width: "full" }
-}), ge = {
-  underweight: "info",
-  normal: "success",
-  overweight: "warning",
-  obese: "error"
-}, O = M("", {
-  variants: {
-    category: {
-      underweight: "--info",
-      normal: "--success",
-      overweight: "--warning",
-      obese: "--destructive"
-    }
-  }
-}), W = "--color-orange-600";
-function be(i) {
-  if (typeof document > "u") return;
-  const o = document.documentElement, r = getComputedStyle(o), n = i === "overweight" && o.classList.contains("theme-light") && !o.classList.contains("theme-accessible") ? W : O({ category: i });
-  return r.getPropertyValue(n).trim() || void 0;
-}
-function K(i) {
-  return typeof document < "u" && i === "overweight" && document.documentElement.classList.contains("theme-light") && !document.documentElement.classList.contains("theme-accessible") ? W : O({ category: i });
-}
-function he(i) {
-  const [o, r] = c(void 0);
-  return A(() => {
-    if (i === null) {
-      r(void 0);
-      return;
-    }
-    const n = () => r(be(i));
-    if (n(), typeof document > "u") return;
-    const f = new MutationObserver(n);
-    return f.observe(document.documentElement, {
-      attributes: !0,
-      attributeFilter: ["class"]
-    }), () => f.disconnect();
-  }, [i]), o;
-}
-const y = (i) => Math.round(i * 10) / 10, fe = ee(
-  ({
-    defaultUnitSystem: i = "metric",
-    onResultChange: o,
-    onInsert: r,
-    insertVariant: n = "insert",
-    onCopy: f,
-    onError: D,
-    insertBrand: _,
-    id: j,
-    width: z,
-    className: P
-  }, R) => {
-    const { t: e, i18n: w } = le(), N = te(), [m, U] = c(i), [p, T] = c(null), [v, F] = c(null), [u, $] = c(null), [d, I] = c(null), [g, B] = c(null), Y = (Q) => {
-      const x = Q;
-      if (x !== m) {
-        if (x === "imperial") {
-          if (p !== null) {
-            const { ft: X, in: Z } = me(p);
-            $(X), I(y(Z));
-          }
-          v !== null && B(y(ue(v)));
-        } else
-          (u !== null || d !== null) && T(y(H(u ?? 0, d ?? 0))), g !== null && F(y(V(g)));
-        U(x);
-      }
-    }, q = m === "metric" ? p : u !== null || d !== null ? H(u ?? 0, d ?? 0) : null, J = m === "metric" ? v : g !== null ? V(g) : null, l = ce(J, q), a = l !== null ? se(l) : null, E = he(a), b = ae(
-      () => new Intl.NumberFormat(w.language, {
-        minimumFractionDigits: 1,
-        maximumFractionDigits: 1
-      }),
-      [w.language]
-    );
-    A(() => {
-      o == null || o(
-        l !== null && a !== null ? { bmi: l, category: a } : null
-      );
-    }, [l, a, o]);
-    const h = m === "metric";
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: R,
-        "data-component": "bmi-calculator",
-        "data-component-id": j,
-        className: de({ width: z, className: P }),
-        children: [
-          /* @__PURE__ */ s(
-            ie,
-            {
-              label: e("bmiCalculator.unitSystem.label"),
-              variant: "horizontal",
-              value: m,
-              onValueChange: Y,
-              children: [
-                /* @__PURE__ */ t(G, { label: e("bmiCalculator.unitSystem.metric"), value: "metric" }),
-                /* @__PURE__ */ t(
-                  G,
-                  {
-                    label: e("bmiCalculator.unitSystem.imperial"),
-                    value: "imperial"
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ s("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
-            h ? /* @__PURE__ */ t(
-              k,
-              {
-                label: `${e("bmiCalculator.height")} (${e("bmiCalculator.units.cm")})`,
-                children: /* @__PURE__ */ t(
-                  C,
-                  {
-                    mode: "decimal",
-                    min: 0,
-                    step: 0.5,
-                    value: p,
-                    onChange: T
-                  }
-                )
-              }
-            ) : /* @__PURE__ */ s("div", { role: "group", "aria-labelledby": N, children: [
-              /* @__PURE__ */ t(
-                "span",
-                {
-                  id: N,
-                  className: "type-label ds:mb-[var(--spacing-xs)] ds:block ds:text-foreground",
-                  children: e("bmiCalculator.height")
-                }
-              ),
-              /* @__PURE__ */ s("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-                /* @__PURE__ */ t(
-                  C,
-                  {
-                    mode: "integer",
-                    min: 0,
-                    value: u,
-                    onChange: $,
-                    "aria-label": e("bmiCalculator.feet")
-                  }
-                ),
-                /* @__PURE__ */ t("span", { className: "type-label ds:text-muted-foreground", children: e("bmiCalculator.units.ft") }),
-                /* @__PURE__ */ t(
-                  C,
-                  {
-                    mode: "decimal",
-                    min: 0,
-                    max: 11.9,
-                    step: 0.5,
-                    value: d,
-                    onChange: I,
-                    "aria-label": e("bmiCalculator.inches")
-                  }
-                ),
-                /* @__PURE__ */ t("span", { className: "type-label ds:text-muted-foreground", children: e("bmiCalculator.units.in") })
-              ] })
-            ] }),
-            /* @__PURE__ */ t(
-              k,
-              {
-                label: `${e("bmiCalculator.weight")} (${e(
-                  h ? "bmiCalculator.units.kg" : "bmiCalculator.units.lb"
-                )})`,
-                children: /* @__PURE__ */ t(
-                  C,
-                  {
-                    mode: "decimal",
-                    min: 0,
-                    step: h ? 0.1 : 0.5,
-                    value: h ? v : g,
-                    onChange: h ? F : B
-                  }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: l !== null && a !== null ? e("bmiCalculator.gaugeAria", {
-            bmi: b.format(l),
-            category: e(`bmiCalculator.category.${a}`)
-          }) : "" }),
-          l !== null && a !== null ? /* @__PURE__ */ t(L, { variant: "elevated", children: /* @__PURE__ */ s(L.Body, { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-md)]", children: [
-            /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-xs)] ds:text-center", children: [
-              /* @__PURE__ */ t("span", { className: "type-label ds:text-muted-foreground", children: e("bmiCalculator.category.label") }),
-              /* @__PURE__ */ t(re, { variant: ge[a], size: "lg", children: e(`bmiCalculator.category.${a}`) }),
-              /* @__PURE__ */ t("p", { className: "type-body ds:text-muted-foreground", children: e(`bmiCalculator.range.${a}`) })
-            ] }),
-            /* @__PURE__ */ t(
-              "div",
-              {
-                "data-bmi-category": a,
-                className: "ds:w-[240px] ds:max-w-full",
-                children: /* @__PURE__ */ t(
-                  oe,
-                  {
-                    type: "radialBar",
-                    title: e("bmiCalculator.gaugeAria", {
-                      bmi: b.format(l),
-                      category: e(`bmiCalculator.category.${a}`)
-                    }),
-                    series: [S(l)],
-                    labels: [e(`bmiCalculator.category.${a}`)],
-                    colors: E ? [E] : void 0,
-                    radialValueFormatter: () => b.format(l),
-                    height: 240
-                  }
-                )
-              }
-            ),
-            n === "copy" || r ? /* @__PURE__ */ t(
-              ne,
-              {
-                onInsert: r,
-                variant: n,
-                onCopy: f,
-                onError: D,
-                card: {
-                  title: e("insert.title.bmi"),
-                  highlight: e(`bmiCalculator.category.${a}`),
-                  // Chip + gauge arc share the WHO-category semantic token so
-                  // the inserted PNG matches the on-screen gauge.
-                  highlightToken: K(a),
-                  brand: _,
-                  gauge: {
-                    value: b.format(l),
-                    fraction: S(l) / 100,
-                    colorToken: K(a),
-                    label: e(`bmiCalculator.category.${a}`)
-                  },
-                  fields: [
-                    {
-                      label: e("insert.title.bmi"),
-                      value: b.format(l)
-                    },
-                    {
-                      label: e("bmiCalculator.category.label"),
-                      value: e(`bmiCalculator.category.${a}`)
-                    }
-                  ]
-                }
-              }
-            ) : null
-          ] }) }) : /* @__PURE__ */ t("p", { className: "type-body ds:text-muted-foreground", children: e("bmiCalculator.empty") })
-        ]
-      }
-    );
-  }
-);
-fe.displayName = "BmiCalculator";
-export {
-  fe as B
-};
-//# sourceMappingURL=bmi-calculator-DFPWL2OJ.js.map

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

@@ -1,334 +0,0 @@
-import { jsxs as E, jsx as p } from "react/jsx-runtime";
-import { forwardRef as J, useRef as Q } from "react";
-import { useTranslation as Z } from "react-i18next";
-import { c as tt } from "./index-D2ZczOXr.js";
-import { B as et } from "./button-DD_0Xdmr.js";
-import { c as L } from "./createLucideIcon-CrFbzy84.js";
-import { I as nt } 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 ot = [
-  [
-    "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"
-    }
-  ]
-], at = L("layers", ot);
-/**
- * @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 it = [
-  ["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" }]
-], rt = L("type", it), st = ["fg", "muted", "accent", "border", "bg"], N = "--primary", D = 380, H = (t) => t.trim().replace(/^--/, "");
-function R(t) {
-  const e = /* @__PURE__ */ new Set();
-  if (t.highlight) {
-    const o = t.highlightToken ?? N;
-    e.add(o), e.add(`${o}-foreground`);
-  }
-  return t.gauge && e.add(t.gauge.colorToken), [...e];
-}
-function M(t, e = []) {
-  const o = {
-    fg: "currentColor",
-    muted: "currentColor",
-    accent: "currentColor",
-    border: "currentColor",
-    bg: "transparent",
-    font: "sans-serif",
-    tokens: {}
-  };
-  if (!t) return o;
-  const n = (a) => {
-    const r = t.querySelector(`[data-k="${a}"]`);
-    return r && getComputedStyle(r).color || "currentColor";
-  }, i = {};
-  for (const a of e) {
-    const r = t.querySelector(
-      `[data-token="${H(a)}"]`
-    );
-    if (r) {
-      const u = getComputedStyle(r).color;
-      u && (i[a] = u);
-    }
-  }
-  return {
-    fg: n("fg"),
-    muted: n("muted"),
-    accent: n("accent"),
-    border: n("border"),
-    bg: n("bg"),
-    font: getComputedStyle(t).fontFamily || "sans-serif",
-    tokens: i
-  };
-}
-function _(t, e, o) {
-  var n;
-  return e ? ((n = t.tokens) == null ? void 0 : n[e]) ?? o : o;
-}
-const f = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-function O(t) {
-  const e = [t.title];
-  t.highlight && e.push(t.highlight);
-  for (const o of t.fields) e.push(`• ${o.label}: ${o.value}`);
-  return e.join(`
-`);
-}
-function Y(t) {
-  const e = t.fields.map((n) => `<li>${f(n.label)}: ${f(n.value)}</li>`).join(""), o = t.highlight ? `<p><strong>${f(t.highlight)}</strong></p>` : "";
-  return `<p><strong>${f(t.title)}</strong></p>${o}<ul>${e}</ul>`;
-}
-const z = "AlfaDocs", m = 20, y = m + 18, T = 22, lt = 10, B = 22, S = 16, F = 12, ct = 12, V = 34, U = 9, k = (V + U) * 2;
-function A(t, e) {
-  const o = e !== void 0 ? e : t.brand;
-  return o === !1 ? !1 : typeof o == "string" ? o : z;
-}
-function ut(t) {
-  if (typeof t.fraction == "number")
-    return Math.min(1, Math.max(0, t.fraction));
-  const e = parseFloat(t.value);
-  return Number.isFinite(e) && typeof t.max == "number" && t.max > 0 ? Math.min(1, Math.max(0, e / t.max)) : 1;
-}
-function W(t, e) {
-  const o = !!t.highlight, n = y + lt, i = (o ? n + T + S : y + S) + B - 6, a = i + Math.max(0, t.fields.length - 1) * B, r = o ? n : y, u = t.gauge ? r + k : 0, l = Math.max(a, u), c = e ? l + F + ct - 4 : l, d = Math.round(c + (e ? F : m));
-  return { hasChip: o, chipY: n, firstFieldY: i, fieldsEndY: a, footerY: c, height: d };
-}
-function q(t, e) {
-  return W(t, e !== !1).height;
-}
-function dt(t, e, o, n, i) {
-  const a = V, r = 2 * Math.PI * a, u = ut(t), l = _(e, t.colorToken, e.accent), c = typeof t.segments == "number" && t.segments > 1 ? t.segments : 0, d = c ? 3 : 0, g = c ? r / c - d : r, $ = c ? `${g} ${d}` : "", v = `${r * u} ${r}`, w = `transform="rotate(-90 ${n} ${i})"`, s = f(
-    t.label ? `${t.value} — ${t.label}` : t.value
-  ), x = `<circle cx="${n}" cy="${i}" r="${a}" fill="none" stroke="${e.border}" stroke-width="${U}"${$ ? ` stroke-dasharray="${$}"` : ""} ${w}/>`, h = `<circle cx="${n}" cy="${i}" r="${a}" fill="none" stroke="${l}" stroke-width="${U}" stroke-linecap="round" stroke-dasharray="${v}" ${w}/>`, b = `<text x="${n}" y="${i + 1}" text-anchor="middle" dominant-baseline="middle" font-family="${o}" font-size="16" font-weight="700" fill="${e.fg}">${f(
-    t.value
-  )}</text>`, C = t.label ? `<text x="${n}" y="${i + 15}" text-anchor="middle" dominant-baseline="middle" font-family="${o}" font-size="9" fill="${e.muted}">${f(
-    t.label
-  )}</text>` : "";
-  return `<g role="img" aria-label="${s}"><title>${s}</title>${x}${h}${b}${C}</g>`;
-}
-function ft(t, e, o, n) {
-  const i = t.highlight, a = t.highlightToken ?? N, r = _(e, a, e.accent), u = _(e, `${a}-foreground`, e.bg), l = Math.round(i.length * 7.2 + 28), c = m + l / 2, d = n + T / 2 + 1;
-  return `<rect x="${m}" y="${n}" width="${l}" height="${T}" rx="${T / 2}" fill="${r}"/><text x="${c}" y="${d}" text-anchor="middle" dominant-baseline="middle" font-family="${o}" font-size="12" font-weight="600" fill="${u}">${f(
-    i
-  )}</text>`;
-}
-function P(t, e, o = z) {
-  const n = D, i = W(t, o !== !1), a = i.height, r = f(e.font);
-  t.gauge ? n - m - k - 12 : n - m;
-  const u = t.fields.map((g, $) => {
-    const v = i.firstFieldY + $ * B;
-    return `<text x="${m}" y="${v}" font-family="${r}" font-size="13"><tspan fill="${e.muted}">${f(
-      g.label
-    )}: </tspan><tspan fill="${e.fg}">${f(g.value)}</tspan></text>`;
-  }).join(""), l = i.hasChip ? ft(t, e, r, i.chipY) : "", c = t.gauge ? dt(
-    t.gauge,
-    e,
-    r,
-    n - m - k / 2,
-    (i.hasChip ? i.chipY : y) + k / 2
-  ) : "", d = o !== !1 ? `<text x="${m}" y="${i.footerY}" font-family="${r}" font-size="10" fill="${e.muted}">${f(
-    o
-  )}</text>` : "";
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${a}" viewBox="0 0 ${n} ${a}" role="img" aria-label="${f(
-    t.title
-  )}"><rect x="0.5" y="0.5" width="${n - 1}" height="${a - 1}" rx="12" fill="${e.bg}" stroke="${e.border}"/><text x="${m}" y="${y}" font-family="${r}" font-size="16" font-weight="700" fill="${e.fg}">${f(
-    t.title
-  )}</text>${l}${c}${u}${d}</svg>`;
-}
-function mt() {
-  var t;
-  return typeof navigator < "u" && typeof ((t = navigator.clipboard) == null ? void 0 : t.write) == "function" && typeof ClipboardItem < "u";
-}
-function j(t, e, o) {
-  return new Promise((n, i) => {
-    const a = new Image();
-    a.decoding = "async", a.onload = () => {
-      const r = document.createElement("canvas");
-      r.width = e, r.height = o;
-      const u = r.getContext("2d");
-      if (!u) {
-        i(new Error("2D canvas context unavailable"));
-        return;
-      }
-      u.drawImage(a, 0, 0, e, o), r.toBlob((l) => {
-        l ? n(l) : i(new Error("canvas.toBlob produced no PNG"));
-      }, "image/png");
-    }, a.onerror = () => i(new Error("SVG failed to decode as an image")), a.src = t;
-  });
-}
-function K() {
-  const t = typeof window < "u" && typeof window.devicePixelRatio == "number" ? window.devicePixelRatio : 1;
-  return Math.max(2, t);
-}
-async function Mt(t, e = {}) {
-  return (await X(t, e)).dataUri;
-}
-async function X(t, e = {}) {
-  const { colours: o, scale: n = K() } = e, i = o ?? M(null), a = A(t, e.brand), r = P(t, i, a), u = `data:image/svg+xml,${encodeURIComponent(r)}`, l = D, c = q(t, a), d = await j(
-    u,
-    Math.round(l * n),
-    Math.round(c * n)
-  );
-  return { dataUri: await gt(d), width: l, height: c };
-}
-function gt(t) {
-  return new Promise((e, o) => {
-    const n = new FileReader();
-    n.onload = () => e(String(n.result)), n.onerror = () => o(n.error ?? new Error("FileReader error")), n.readAsDataURL(t);
-  });
-}
-async function ht(t, e, o) {
-  const n = O(e), i = new Blob([n], { type: "text/plain" });
-  if (t === "text")
-    return new ClipboardItem({ "text/plain": i });
-  const a = A(e, void 0), r = P(e, o, a), u = `data:image/svg+xml,${encodeURIComponent(r)}`, l = K(), c = await j(
-    u,
-    Math.round(D * l),
-    Math.round(q(e, a) * l)
-  );
-  if (t === "image")
-    return new ClipboardItem({ "image/png": c, "text/plain": i });
-  const d = new Blob([Y(e)], { type: "text/html" });
-  return new ClipboardItem({
-    "text/html": d,
-    "image/png": c,
-    "text/plain": i
-  });
-}
-const pt = tt(
-  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-  {
-    variants: {
-      variant: {
-        insert: "",
-        copy: ""
-      }
-    },
-    defaultVariants: { variant: "insert" }
-  }
-), $t = ["text", "image", "text-image"], xt = {
-  text: /* @__PURE__ */ p(rt, { "aria-hidden": !0 }),
-  image: /* @__PURE__ */ p(nt, { "aria-hidden": !0 }),
-  "text-image": /* @__PURE__ */ p(at, { "aria-hidden": !0 })
-}, G = {
-  insert: {
-    text: "insert.text",
-    image: "insert.image",
-    "text-image": "insert.textImage"
-  },
-  copy: {
-    text: "insert.copyText",
-    image: "insert.copyImage",
-    "text-image": "insert.copyTextImage"
-  }
-}, bt = J(
-  function({
-    card: e,
-    variant: o = "insert",
-    onInsert: n,
-    onCopy: i,
-    onError: a,
-    size: r = "sm",
-    intent: u = "primary"
-  }, l) {
-    const { t: c } = Z(), d = Q(null), g = (s) => {
-      const x = O(e), h = Y(e);
-      let b = "", C = "";
-      const I = s === "text" ? null : M(d.current, R(e));
-      return I && (b = P(e, I, A(e, void 0)), C = `data:image/svg+xml,${encodeURIComponent(b)}`), { mode: s, text: x, html: h, svg: b, imageDataUri: C, pngDataUri: () => I ? X(e, { colours: I }) : Promise.resolve({ dataUri: "", width: 0, height: 0 }) };
-    }, w = o === "copy" ? (s) => {
-      if (!mt()) {
-        a == null || a(new Error("Clipboard write unavailable in this context"));
-        return;
-      }
-      const x = M(
-        d.current,
-        R(e)
-      );
-      (async () => {
-        try {
-          const h = await ht(s, e, x);
-          await navigator.clipboard.write([h]), i == null || i(s);
-        } catch (h) {
-          a == null || a(h);
-        }
-      })();
-    } : (s) => {
-      n == null || n(g(s));
-    };
-    return /* @__PURE__ */ E(
-      "div",
-      {
-        ref: l,
-        "data-component": "insert-result",
-        "data-variant": o,
-        className: pt({ variant: o }),
-        children: [
-          /* @__PURE__ */ E("span", { ref: d, "aria-hidden": !0, className: "ds:sr-only", children: [
-            st.map((s) => /* @__PURE__ */ p(
-              "span",
-              {
-                "data-k": s,
-                className: s === "fg" ? "ds:text-foreground" : s === "muted" ? "ds:text-muted-foreground" : s === "accent" ? "ds:text-[color:var(--primary)]" : s === "border" ? "ds:text-[color:var(--border)]" : "ds:text-[color:var(--card)]"
-              },
-              s
-            )),
-            R(e).map((s) => /* @__PURE__ */ p(
-              "span",
-              {
-                "data-token": H(s),
-                className: `ds:text-[color:var(${s})]`
-              },
-              s
-            ))
-          ] }),
-          $t.map((s) => /* @__PURE__ */ p(
-            et,
-            {
-              type: "button",
-              intent: u,
-              size: r,
-              startIcon: xt[s],
-              "aria-label": c(G[o][s]),
-              onClick: () => w(s),
-              children: c(G[o][s])
-            },
-            s
-          ))
-        ]
-      }
-    );
-  }
-);
-bt.displayName = "InsertButton";
-export {
-  bt as I,
-  Mt as a,
-  X as s
-};
-//# sourceMappingURL=insert-result-CoC1oo6R.js.map