@alfadocs/ui-kit-debug 0.50.0 → 0.50.1

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

@@ -0,0 +1,742 @@
+import { jsxs as P, jsx as g } from "react/jsx-runtime";
+import { forwardRef as ht, useRef as St } from "react";
+import { useTranslation as Dt } from "react-i18next";
+import { c as Nt } from "./index-D2ZczOXr.js";
+import { B as Gt } from "./button-DD_0Xdmr.js";
+import { L as Ht } from "./layers-pzGcbLPj.js";
+import { I as Rt } from "./image-C6RM5hfF.js";
+import { c as Pt } from "./createLucideIcon-CrFbzy84.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 Ft = [
+  ["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" }]
+], Ot = Pt("type", Ft), Ut = 15, at = 40, zt = [18.5, 25, 30];
+function Mn() {
+  return {
+    bands: [
+      { upTo: 18.5, colorToken: "--info" },
+      { upTo: 25, colorToken: "--success" },
+      { upTo: 30, colorToken: "--warning-readable" },
+      { upTo: at, colorToken: "--destructive" }
+    ],
+    min: Ut,
+    max: at,
+    ticks: [...zt]
+  };
+}
+const V = 14, j = 12, Wt = j / 2, ot = 18, Xt = 12, Vt = 16;
+function N(t, n, i, a, o) {
+  if (i <= n) return a;
+  const r = (t - n) / (i - n);
+  return a + r * (o - a);
+}
+function pt(t, { width: n, height: i }) {
+  const a = V, o = n - V, r = ot + Xt, e = ot, c = r + j + Vt;
+  let u = t.min;
+  const d = t.bands.map((l) => {
+    const T = Math.max(t.min, Math.min(u, t.max)), y = Math.max(t.min, Math.min(l.upTo, t.max));
+    u = l.upTo;
+    const p = N(T, t.min, t.max, a, o), E = N(y, t.min, t.max, a, o);
+    return { x: p, w: Math.max(0, E - p), colorToken: l.colorToken };
+  }), f = N(t.value, t.min, t.max, a, o), b = t.value < t.min ? "start" : t.value > t.max ? "end" : null, k = Math.min(o, Math.max(a, f)), h = (t.ticks ?? []).filter((l) => l >= t.min && l <= t.max).map((l) => ({
+    x: N(l, t.min, t.max, a, o),
+    value: l
+  })), $ = t.categoryLabel ? t.rangeLabel ? `${t.categoryLabel} (${t.rangeLabel})` : t.categoryLabel : "";
+  return {
+    width: n,
+    height: i,
+    barStart: a,
+    barEnd: o,
+    barY: r,
+    barH: j,
+    barRadius: Wt,
+    bands: d,
+    marker: {
+      x: k,
+      clampedStart: a,
+      clampedEnd: o,
+      overflow: b
+    },
+    ticks: h,
+    valueLabelY: e,
+    tickLabelY: c,
+    valueLabel: t.valueLabel,
+    summaryLabel: $,
+    ariaLabel: t.ariaLabel
+  };
+}
+const s = (t) => Math.round(t * 100) / 100, M = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+function bt(t, n, i, a, o, r) {
+  const e = t + i, c = n + a, u = r > 0 ? `A${r} ${r} 0 0 1 ${s(e)} ${s(n + r)}` : "", d = r > 0 ? `A${r} ${r} 0 0 1 ${s(e - r)} ${s(c)}` : "", f = o > 0 ? `A${o} ${o} 0 0 1 ${s(t)} ${s(c - o)}` : "", b = o > 0 ? `A${o} ${o} 0 0 1 ${s(t + o)} ${s(n)}` : "";
+  return `M${s(t + o)} ${s(n)} H${s(e - r)} ${u} V${s(
+    c - r
+  )} ${d} H${s(t + o)} ${f} V${s(n + o)} ${b} Z`;
+}
+function jt(t, n) {
+  const { resolve: i, font: a, fg: o, muted: r, track: e } = n, c = M(a), u = `<rect x="${s(t.barStart)}" y="${s(
+    t.barY
+  )}" width="${s(t.barEnd - t.barStart)}" height="${t.barH}" rx="${t.barRadius}" fill="${e}"/>`, d = t.bands.length, f = t.bands.map((m, x) => {
+    const C = i(m.colorToken), I = x === 0 ? t.barRadius : 0, U = x === d - 1 ? t.barRadius : 0;
+    return `<path d="${bt(
+      m.x,
+      t.barY,
+      m.w,
+      t.barH,
+      I,
+      U
+    )}" fill="${C}"/>`;
+  }).join(""), b = t.barY + t.barH, k = b + 4, h = t.ticks.map((m) => {
+    const x = `<line x1="${s(m.x)}" y1="${s(b)}" x2="${s(
+      m.x
+    )}" y2="${s(k)}" stroke="${e}" stroke-width="1"/>`, C = `<text x="${s(
+      m.x
+    )}" y="${s(t.tickLabelY)}" text-anchor="middle" font-family="${c}" font-size="9" fill="${r}">${M(
+      String(m.value)
+    )}</text>`;
+    return x + C;
+  }).join(""), $ = s(t.marker.x), l = t.barY - 3, T = t.barY + t.barH + 3, y = `<line x1="${$}" y1="${s(l)}" x2="${$}" y2="${s(
+    T
+  )}" stroke="${o}" stroke-width="2" stroke-linecap="round"/>`, p = t.barY - 4, E = `<polygon points="${$},${s(t.barY + 1)} ${s(
+    t.marker.x - 4
+  )},${s(p)} ${s(t.marker.x + 4)},${s(p)}" fill="${o}"/>`;
+  let w = "";
+  if (t.marker.overflow) {
+    const m = t.barY + t.barH / 2;
+    if (t.marker.overflow === "start") {
+      const x = t.barStart - 2;
+      w = `<polyline points="${s(x + 5)},${s(m - 4)} ${s(
+        x
+      )},${s(m)} ${s(x + 5)},${s(
+        m + 4
+      )}" fill="none" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`;
+    } else {
+      const x = t.barEnd + 2;
+      w = `<polyline points="${s(x - 5)},${s(m - 4)} ${s(
+        x
+      )},${s(m)} ${s(x - 5)},${s(
+        m + 4
+      )}" fill="none" stroke="${o}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`;
+    }
+  }
+  const B = `<text x="${s(
+    t.barStart
+  )}" y="${s(t.valueLabelY)}" font-family="${c}" font-size="13" font-weight="700" fill="${o}">${M(
+    t.valueLabel
+  )}</text>`, S = t.summaryLabel ? `<text x="${s(t.barEnd)}" y="${s(
+    t.valueLabelY
+  )}" text-anchor="end" font-family="${c}" font-size="10" fill="${r}">${M(
+    t.summaryLabel
+  )}</text>` : "", D = `<title>${M(t.ariaLabel)}</title>`;
+  return `<g role="img" aria-label="${M(
+    t.ariaLabel
+  )}">${D}${u}${f}${h}${y}${E}${w}${B}${S}</g>`;
+}
+const Kt = 260, Q = 64;
+function Zt(t) {
+  return `var(${t})`;
+}
+const qt = ht(
+  function({ model: n, width: i = Kt, height: a = Q, className: o }, r) {
+    const e = pt(n, { width: i, height: a }), c = e.barY + e.barH, u = c + 4, d = e.barY - 3, f = e.barY + e.barH + 3, b = e.barY - 4, k = e.bands.length, h = e.barY + e.barH / 2;
+    return /* @__PURE__ */ P(
+      "svg",
+      {
+        ref: r,
+        "data-component": "banded-gauge",
+        direction: "ltr",
+        role: "img",
+        "aria-label": e.ariaLabel,
+        width: i,
+        height: a,
+        viewBox: `0 0 ${i} ${a}`,
+        className: ["ds:[font-family:var(--font-sans)]", o].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ g("title", { children: e.ariaLabel }),
+          /* @__PURE__ */ g(
+            "rect",
+            {
+              x: s(e.barStart),
+              y: s(e.barY),
+              width: s(e.barEnd - e.barStart),
+              height: e.barH,
+              rx: e.barRadius,
+              className: "ds:fill-[color:var(--muted)]"
+            }
+          ),
+          e.bands.map(($, l) => /* @__PURE__ */ g(
+            "path",
+            {
+              d: bt(
+                $.x,
+                e.barY,
+                $.w,
+                e.barH,
+                l === 0 ? e.barRadius : 0,
+                l === k - 1 ? e.barRadius : 0
+              ),
+              fill: Zt($.colorToken)
+            },
+            `${$.colorToken}-${l}`
+          )),
+          e.ticks.map(($) => /* @__PURE__ */ P("g", { children: [
+            /* @__PURE__ */ g(
+              "line",
+              {
+                x1: s($.x),
+                y1: s(c),
+                x2: s($.x),
+                y2: s(u),
+                strokeWidth: 1,
+                className: "ds:stroke-[color:var(--border)]"
+              }
+            ),
+            /* @__PURE__ */ g(
+              "text",
+              {
+                x: s($.x),
+                y: s(e.tickLabelY),
+                textAnchor: "middle",
+                fontSize: 9,
+                className: "ds:fill-[color:var(--muted-foreground)]",
+                children: $.value
+              }
+            )
+          ] }, $.value)),
+          /* @__PURE__ */ g(
+            "line",
+            {
+              x1: s(e.marker.x),
+              y1: s(d),
+              x2: s(e.marker.x),
+              y2: s(f),
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              className: "ds:stroke-[color:var(--foreground)]"
+            }
+          ),
+          /* @__PURE__ */ g(
+            "polygon",
+            {
+              points: `${s(e.marker.x)},${s(e.barY + 1)} ${s(
+                e.marker.x - 4
+              )},${s(b)} ${s(e.marker.x + 4)},${s(b)}`,
+              className: "ds:fill-[color:var(--foreground)]"
+            }
+          ),
+          e.marker.overflow === "start" ? /* @__PURE__ */ g(
+            "polyline",
+            {
+              points: `${s(e.barStart + 3)},${s(h - 4)} ${s(
+                e.barStart - 2
+              )},${s(h)} ${s(e.barStart + 3)},${s(h + 4)}`,
+              fill: "none",
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "ds:stroke-[color:var(--foreground)]"
+            }
+          ) : null,
+          e.marker.overflow === "end" ? /* @__PURE__ */ g(
+            "polyline",
+            {
+              points: `${s(e.barEnd - 3)},${s(h - 4)} ${s(
+                e.barEnd + 2
+              )},${s(h)} ${s(e.barEnd - 3)},${s(h + 4)}`,
+              fill: "none",
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "ds:stroke-[color:var(--foreground)]"
+            }
+          ) : null,
+          /* @__PURE__ */ g(
+            "text",
+            {
+              x: s(e.barStart),
+              y: s(e.valueLabelY),
+              fontSize: 13,
+              fontWeight: 700,
+              className: "ds:fill-[color:var(--foreground)]",
+              children: e.valueLabel
+            }
+          ),
+          e.summaryLabel ? /* @__PURE__ */ g(
+            "text",
+            {
+              x: s(e.barEnd),
+              y: s(e.valueLabelY),
+              textAnchor: "end",
+              fontSize: 10,
+              className: "ds:fill-[color:var(--muted-foreground)]",
+              children: e.summaryLabel
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+qt.displayName = "BandedGauge";
+const Jt = 24, mt = 18, G = 12, gt = {
+  activity: '<path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"/>',
+  scale: '<path d="M12 3v18"/><path d="m19 8 3 8a5 5 0 0 1-6 0zV7"/><path d="M3 7h1a17 17 0 0 0 8-2 17 17 0 0 0 8 2h1"/><path d="m5 8 3 8a5 5 0 0 1-6 0zV7"/><path d="M7 21h10"/>',
+  ruler: '<path d="M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z"/><path d="m14.5 12.5 2-2"/><path d="m11.5 9.5 2-2"/><path d="m8.5 6.5 2-2"/><path d="m17.5 15.5 2-2"/>',
+  calendar: '<path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/>',
+  "calendar-heart": '<path d="M12.127 22H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.125"/><path d="M14.62 18.8A2.25 2.25 0 1 1 18 15.836a2.25 2.25 0 1 1 3.38 2.966l-2.626 2.856a.998.998 0 0 1-1.507 0z"/><path d="M16 2v4"/><path d="M3 10h18"/><path d="M8 2v4"/>',
+  baby: '<path d="M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5"/><path d="M15 12h.01"/><path d="M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1"/><path d="M9 12h.01"/>',
+  heart: '<path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"/>',
+  droplets: '<path d="M7 16.3c2.2 0 4-1.83 4-4.05 0-1.16-.57-2.26-1.71-3.19S7.29 6.75 7 5.3c-.29 1.45-1.14 2.84-2.29 3.76S3 11.1 3 12.25c0 2.22 1.8 4.05 4 4.05z"/><path d="M12.56 6.6A10.97 10.97 0 0 0 14 3.02c.5 2.5 2 4.9 4 6.5s3 3.5 3 5.5a6.98 6.98 0 0 1-11.91 4.97"/>',
+  clock: '<circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/>',
+  tag: '<path d="M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"/><circle cx="7.5" cy="7.5" r=".5" fill="currentColor"/>',
+  "trending-up": '<path d="M16 7h6v6"/><path d="m22 7-8.5 8.5-5-5L2 17"/>',
+  percent: '<line x1="19" x2="5" y1="5" y2="19"/><circle cx="6.5" cy="6.5" r="2.5"/><circle cx="17.5" cy="17.5" r="2.5"/>'
+};
+function xt(t) {
+  return Object.prototype.hasOwnProperty.call(gt, t);
+}
+function rt(t, n, i, a, o) {
+  if (!xt(t)) return "";
+  const r = o / Jt;
+  return `<g transform="translate(${i} ${a}) scale(${r})" fill="none" color="${n}" stroke="${n}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${gt[t]}</g>`;
+}
+function Y(t) {
+  return t.variant === "banded";
+}
+const Qt = ["fg", "muted", "accent", "border", "bg"], tt = "--primary", F = 380, vt = (t) => t.trim().replace(/^--/, "");
+function tn(t) {
+  return `ds:text-[color:var(${t})]`;
+}
+function kt(t) {
+  return t.highlightToken ?? tt;
+}
+function W(t) {
+  const n = /* @__PURE__ */ new Set();
+  if (t.highlight) {
+    const a = t.highlightToken ?? tt;
+    n.add(a), n.add(`${a}-foreground`);
+  }
+  const i = kt(t);
+  if (n.add(i), t.gauge)
+    if (Y(t.gauge))
+      for (const a of t.gauge.bands) n.add(a.colorToken);
+    else
+      n.add(t.gauge.colorToken);
+  return [...n];
+}
+function K(t, n = []) {
+  const i = {
+    fg: "currentColor",
+    muted: "currentColor",
+    accent: "currentColor",
+    border: "currentColor",
+    bg: "transparent",
+    font: "sans-serif",
+    tokens: {}
+  };
+  if (!t) return i;
+  const a = (r) => {
+    const e = t.querySelector(`[data-k="${r}"]`);
+    return e && getComputedStyle(e).color || "currentColor";
+  }, o = {};
+  for (const r of n) {
+    const e = t.querySelector(
+      `[data-token="${vt(r)}"]`
+    );
+    if (e) {
+      const c = getComputedStyle(e).color;
+      c && (o[r] = c);
+    }
+  }
+  return {
+    fg: a("fg"),
+    muted: a("muted"),
+    accent: a("accent"),
+    border: a("border"),
+    bg: a("bg"),
+    font: getComputedStyle(t).fontFamily || "sans-serif",
+    tokens: o
+  };
+}
+function O(t, n, i) {
+  var a;
+  return n ? ((a = t.tokens) == null ? void 0 : a[n]) ?? i : i;
+}
+const v = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+function yt(t) {
+  const n = [t.title];
+  t.highlight && n.push(t.highlight);
+  for (const i of t.fields) n.push(`• ${i.label}: ${i.value}`);
+  return n.join(`
+`);
+}
+function Lt(t) {
+  const n = t.fields.map((a) => `<li>${v(a.label)}: ${v(a.value)}</li>`).join(""), i = t.highlight ? `<p><strong>${v(t.highlight)}</strong></p>` : "";
+  return `<p><strong>${v(t.title)}</strong></p>${i}<ul>${n}</ul>`;
+}
+const L = 20, _ = L + 18, H = 22, nn = 10, wt = 22, st = 16, it = 12, en = 12, Tt = 34, Z = 9, q = (Tt + Z) * 2, an = 16, lt = mt, on = 6, R = L + G + on, X = F - L - R, ct = 13, Et = 14, It = 13, J = 16;
+function rn(t) {
+  return t >= 4352 && t <= 4447 || // Hangul Jamo
+  t >= 11904 && t <= 42191 || // CJK radicals … Yi
+  t >= 44032 && t <= 55203 || // Hangul syllables
+  t >= 63744 && t <= 64255 || // CJK compatibility ideographs
+  t >= 65072 && t <= 65103 || // CJK compatibility forms
+  t >= 65280 && t <= 65376 || // full-width forms
+  t >= 65504 && t <= 65510;
+}
+function A(t, n) {
+  let i = 0;
+  for (const a of t)
+    i += rn(a.codePointAt(0) ?? 0) ? 1 : 0.62;
+  return i * n;
+}
+function sn(t, n, i) {
+  const a = [];
+  let o = "";
+  for (const r of t)
+    o && A(o + r, n) > i ? (a.push(o), o = r) : o += r;
+  return o && a.push(o), a.length ? a : [""];
+}
+function ut(t, n, i) {
+  const a = [];
+  let o = "";
+  const r = (e) => {
+    const c = sn(e, n, i);
+    for (let u = 0; u < c.length - 1; u += 1) a.push(c[u]);
+    o = c[c.length - 1];
+  };
+  for (const e of t.split(" ")) {
+    const c = o ? `${o} ${e}` : e;
+    o ? A(c, n) <= i ? o = c : (a.push(o), o = "", A(e, n) > i ? r(e) : o = e) : A(e, n) > i ? r(e) : o = e;
+  }
+  return o && a.push(o), a.length ? a : [""];
+}
+function Mt(t) {
+  const n = [];
+  let i = 0;
+  t.fields.forEach((r, e) => {
+    const c = e === 0 ? Et : It, d = A(`${r.label}: `, ct) + A(r.value, c) <= X ? [{ kind: "inline", text: "" }] : [
+      ...ut(
+        `${r.label}:`,
+        ct,
+        X
+      ).map((f) => ({ kind: "label", text: f })),
+      ...ut(r.value, c, X).map(
+        (f) => ({ kind: "value", text: f })
+      )
+    ];
+    n.push({ field: r, index: e, firstLineDy: i, lines: d }), i += wt + (d.length - 1) * J;
+  });
+  const a = n[n.length - 1], o = a ? a.firstLineDy + (a.lines.length - 1) * J : 0;
+  return { placements: n, endDy: o };
+}
+function nt(t, n) {
+  const i = n !== void 0 ? n : t.brand;
+  return typeof i == "string" ? i : !1;
+}
+function ln(t) {
+  if (typeof t.fraction == "number")
+    return Math.min(1, Math.max(0, t.fraction));
+  const n = parseFloat(t.value);
+  return Number.isFinite(n) && typeof t.max == "number" && t.max > 0 ? Math.min(1, Math.max(0, n / t.max)) : 1;
+}
+function _t(t, n) {
+  const i = !!t.highlight, a = _ + nn, o = (i ? a + H + st : _ + st) + wt - 6, r = o + Mt(t).endDy, e = t.gauge && Y(t.gauge), d = t.gauge && !Y(t.gauge) ? (i ? a : _) + q : 0, f = e ? r + an : null, b = f !== null ? f + Q : 0, k = Math.max(r, d, b), h = n ? k + it + en - 4 : k, $ = Math.round(h + (n ? it : L));
+  return {
+    hasChip: i,
+    chipY: a,
+    firstFieldY: o,
+    fieldsEndY: r,
+    bandedGaugeY: f,
+    footerY: h,
+    height: $
+  };
+}
+function At(t, n) {
+  return _t(t, n !== !1).height;
+}
+function cn(t, n, i, a, o) {
+  const r = Tt, e = 2 * Math.PI * r, c = ln(t), u = O(n, t.colorToken, n.accent), d = typeof t.segments == "number" && t.segments > 1 ? t.segments : 0, f = d ? 3 : 0, b = d ? e / d - f : e, k = d ? `${b} ${f}` : "", h = `${e * c} ${e}`, $ = `transform="rotate(-90 ${a} ${o})"`, l = v(
+    t.label ? `${t.value} — ${t.label}` : t.value
+  ), T = `<circle cx="${a}" cy="${o}" r="${r}" fill="none" stroke="${n.border}" stroke-width="${Z}"${k ? ` stroke-dasharray="${k}"` : ""} ${$}/>`, y = `<circle cx="${a}" cy="${o}" r="${r}" fill="none" stroke="${u}" stroke-width="${Z}" stroke-linecap="round" stroke-dasharray="${h}" ${$}/>`, p = `<text x="${a}" y="${o + 1}" text-anchor="middle" dominant-baseline="middle" font-family="${i}" font-size="16" font-weight="700" fill="${n.fg}">${v(
+    t.value
+  )}</text>`, E = t.label ? `<text x="${a}" y="${o + 15}" text-anchor="middle" dominant-baseline="middle" font-family="${i}" font-size="9" fill="${n.muted}">${v(
+    t.label
+  )}</text>` : "";
+  return `<g role="img" aria-label="${l}"><title>${l}</title>${T}${y}${p}${E}</g>`;
+}
+function un(t, n, i, a) {
+  const o = L - V, r = i - 2 * o, e = pt(
+    {
+      value: t.value,
+      bands: t.bands,
+      min: t.min,
+      max: t.max,
+      valueLabel: t.valueLabel,
+      categoryLabel: t.categoryLabel,
+      rangeLabel: t.rangeLabel,
+      ariaLabel: t.ariaLabel,
+      ticks: t.ticks
+    },
+    { width: r, height: Q }
+  ), c = jt(e, {
+    resolve: (u) => O(n, u, n.accent),
+    // Raw theme font — buildBandedGaugeSvgString escapes it once. Passing the
+    // card's already-escaped `font` here would double-escape and break it.
+    font: n.font,
+    fg: n.fg,
+    muted: n.muted,
+    track: n.border
+  });
+  return `<g transform="translate(${o} ${a})">${c}</g>`;
+}
+function dt(t) {
+  const n = t.match(/rgba?\(\s*(\d+)[,\s]+(\d+)[,\s]+(\d+)/i);
+  return n ? [Number(n[1]), Number(n[2]), Number(n[3])] : null;
+}
+function ft([t, n, i]) {
+  const a = (o) => {
+    const r = o / 255;
+    return r <= 0.03928 ? r / 12.92 : ((r + 0.055) / 1.055) ** 2.4;
+  };
+  return 0.2126 * a(t) + 0.7152 * a(n) + 0.0722 * a(i);
+}
+function dn(t, n) {
+  const i = dt(t), a = dt(n);
+  if (!i || !a) return 0;
+  const o = ft(i), r = ft(a);
+  return (Math.max(o, r) + 0.05) / (Math.min(o, r) + 0.05);
+}
+function fn(t, n, i, a) {
+  const o = t.highlight, r = t.highlightToken ?? tt, e = O(n, r, n.accent), c = dn(n.bg, e) >= 3 ? n.bg : n.fg, u = Math.round(o.length * 7.2 + 28), d = L + u / 2, f = a + H / 2 + 1;
+  return `<rect x="${L}" y="${a}" width="${u}" height="${H}" rx="${H / 2}" fill="${e}"/><text x="${d}" y="${f}" text-anchor="middle" dominant-baseline="middle" font-family="${i}" font-size="12" font-weight="600" fill="${c}">${v(
+    o
+  )}</text>`;
+}
+function et(t, n, i = !1) {
+  const a = F, o = _t(t, i !== !1), r = o.height, e = v(n.font), c = kt(t), u = O(n, c, n.accent), d = t.icon ? rt(
+    t.icon,
+    u,
+    a - L - lt,
+    _ - lt + 2,
+    mt
+  ) : "", { placements: f } = Mt(t), b = f.map((p) => {
+    const E = o.firstFieldY + p.firstLineDy, w = p.index === 0, B = w ? Et : It, S = w ? 700 : 500, D = w ? u : n.fg, m = E - 4;
+    let x;
+    p.field.icon && xt(p.field.icon) ? x = rt(
+      p.field.icon,
+      u,
+      L,
+      m - G / 2,
+      G
+    ) : x = `<circle cx="${L + G / 2}" cy="${m}" r="2" fill="${n.muted}"/>`;
+    const C = p.lines.map((I, U) => {
+      const z = E + U * J;
+      return I.kind === "inline" ? `<text x="${R}" y="${z}" font-family="${e}" font-size="13"><tspan fill="${n.muted}">${v(
+        p.field.label
+      )}: </tspan><tspan font-size="${B}" font-weight="${S}" fill="${D}">${v(
+        p.field.value
+      )}</tspan></text>` : I.kind === "label" ? `<text x="${R}" y="${z}" font-family="${e}" font-size="13" fill="${n.muted}">${v(
+        I.text
+      )}</text>` : `<text x="${R}" y="${z}" font-family="${e}" font-size="${B}" font-weight="${S}" fill="${D}">${v(
+        I.text
+      )}</text>`;
+    }).join("");
+    return `${x}${C}`;
+  }).join(""), k = o.hasChip ? fn(t, n, e, o.chipY) : "";
+  let h = "";
+  t.gauge && (Y(t.gauge) && o.bandedGaugeY !== null ? h = un(t.gauge, n, a, o.bandedGaugeY) : Y(t.gauge) || (h = cn(
+    t.gauge,
+    n,
+    e,
+    a - L - q / 2,
+    (o.hasChip ? o.chipY : _) + q / 2
+  )));
+  const $ = i !== !1 ? `<text x="${L}" y="${o.footerY}" font-family="${e}" font-size="10" font-weight="500" fill="${n.muted}">${v(
+    i
+  )}</text>` : "", l = `<text x="${L}" y="${_}" font-family="${e}" font-size="16" font-weight="700" fill="${n.fg}">${v(
+    t.title
+  )}</text>`, T = `<rect x="0.5" y="0.5" width="${a - 1}" height="${r - 1}" rx="12" fill="${n.bg}"/>`, y = `<rect x="0.5" y="0.5" width="${a - 1}" height="${r - 1}" rx="12" fill="none" stroke="${n.border}"/>`;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${a}" height="${r}" viewBox="0 0 ${a} ${r}" role="img" aria-label="${v(
+    t.title
+  )}">${T}${l}${d}${k}${h}${b}${$}${y}</svg>`;
+}
+function $n() {
+  var t;
+  return typeof navigator < "u" && typeof ((t = navigator.clipboard) == null ? void 0 : t.write) == "function" && typeof ClipboardItem < "u";
+}
+function Bt(t, n, i) {
+  return new Promise((a, o) => {
+    const r = new Image();
+    r.decoding = "async", r.onload = () => {
+      const e = document.createElement("canvas");
+      e.width = n, e.height = i;
+      const c = e.getContext("2d");
+      if (!c) {
+        o(new Error("2D canvas context unavailable"));
+        return;
+      }
+      c.drawImage(r, 0, 0, n, i), e.toBlob((u) => {
+        u ? a(u) : o(new Error("canvas.toBlob produced no PNG"));
+      }, "image/png");
+    }, r.onerror = () => o(new Error("SVG failed to decode as an image")), r.src = t;
+  });
+}
+function Ct() {
+  const t = typeof window < "u" && typeof window.devicePixelRatio == "number" ? window.devicePixelRatio : 1;
+  return Math.max(2, t);
+}
+async function _n(t, n = {}) {
+  return (await Yt(t, n)).dataUri;
+}
+async function Yt(t, n = {}) {
+  const { colours: i, scale: a = Ct() } = n, o = i ?? K(null), r = nt(t, n.brand), e = et(t, o, r), c = `data:image/svg+xml,${encodeURIComponent(e)}`, u = F, d = At(t, r), f = await Bt(
+    c,
+    Math.round(u * a),
+    Math.round(d * a)
+  );
+  return { dataUri: await hn(f), width: u, height: d };
+}
+function hn(t) {
+  return new Promise((n, i) => {
+    const a = new FileReader();
+    a.onload = () => n(String(a.result)), a.onerror = () => i(a.error ?? new Error("FileReader error")), a.readAsDataURL(t);
+  });
+}
+async function pn(t, n, i) {
+  const a = yt(n), o = new Blob([a], { type: "text/plain" });
+  if (t === "text")
+    return new ClipboardItem({ "text/plain": o });
+  const r = nt(n, void 0), e = et(n, i, r), c = `data:image/svg+xml,${encodeURIComponent(e)}`, u = Ct(), d = await Bt(
+    c,
+    Math.round(F * u),
+    Math.round(At(n, r) * u)
+  );
+  if (t === "image")
+    return new ClipboardItem({ "image/png": d, "text/plain": o });
+  const f = new Blob([Lt(n)], { type: "text/html" });
+  return new ClipboardItem({
+    "text/html": f,
+    "image/png": d,
+    "text/plain": o
+  });
+}
+const bn = Nt(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+  {
+    variants: {
+      variant: {
+        insert: "",
+        copy: ""
+      }
+    },
+    defaultVariants: { variant: "insert" }
+  }
+), mn = ["text", "image", "text-image"], gn = {
+  text: /* @__PURE__ */ g(Ot, { "aria-hidden": !0 }),
+  image: /* @__PURE__ */ g(Rt, { "aria-hidden": !0 }),
+  "text-image": /* @__PURE__ */ g(Ht, { "aria-hidden": !0 })
+}, $t = {
+  insert: {
+    text: "insert.text",
+    image: "insert.image",
+    "text-image": "insert.textImage"
+  },
+  copy: {
+    text: "insert.copyText",
+    image: "insert.copyImage",
+    "text-image": "insert.copyTextImage"
+  }
+}, xn = ht(
+  function({
+    card: n,
+    variant: i = "insert",
+    onInsert: a,
+    onCopy: o,
+    onError: r,
+    size: e = "sm",
+    intent: c = "primary"
+  }, u) {
+    const { t: d } = Dt(), f = St(null), b = (l) => {
+      const T = yt(n), y = Lt(n);
+      let p = "", E = "";
+      const w = l === "text" ? null : K(f.current, W(n));
+      return w && (p = et(n, w, nt(n, void 0)), E = `data:image/svg+xml,${encodeURIComponent(p)}`), { mode: l, text: T, html: y, svg: p, imageDataUri: E, pngDataUri: () => w ? Yt(n, { colours: w }) : Promise.resolve({ dataUri: "", width: 0, height: 0 }) };
+    }, $ = i === "copy" ? (l) => {
+      if (!$n()) {
+        r == null || r(new Error("Clipboard write unavailable in this context"));
+        return;
+      }
+      const T = K(
+        f.current,
+        W(n)
+      );
+      (async () => {
+        try {
+          const y = await pn(l, n, T);
+          await navigator.clipboard.write([y]), o == null || o(l);
+        } catch (y) {
+          r == null || r(y);
+        }
+      })();
+    } : (l) => {
+      a == null || a(b(l));
+    };
+    return /* @__PURE__ */ P(
+      "div",
+      {
+        ref: u,
+        "data-component": "insert-result",
+        "data-variant": i,
+        className: bn({ variant: i }),
+        children: [
+          /* @__PURE__ */ P("span", { ref: f, "aria-hidden": !0, className: "ds:sr-only", children: [
+            Qt.map((l) => /* @__PURE__ */ g(
+              "span",
+              {
+                "data-k": l,
+                className: l === "fg" ? "ds:text-foreground" : l === "muted" ? "ds:text-muted-foreground" : l === "accent" ? "ds:text-[color:var(--primary)]" : l === "border" ? "ds:text-[color:var(--border)]" : "ds:text-[color:var(--card)]"
+              },
+              l
+            )),
+            W(n).map((l) => /* @__PURE__ */ g(
+              "span",
+              {
+                "data-token": vt(l),
+                className: tn(l)
+              },
+              l
+            ))
+          ] }),
+          mn.map((l) => /* @__PURE__ */ g(
+            Gt,
+            {
+              type: "button",
+              intent: c,
+              size: e,
+              startIcon: gn[l],
+              "aria-label": d($t[i][l]),
+              onClick: () => $(l),
+              children: d($t[i][l])
+            },
+            l
+          ))
+        ]
+      }
+    );
+  }
+);
+xn.displayName = "InsertButton";
+export {
+  qt as B,
+  xn as I,
+  _n as a,
+  Mn as b,
+  Yt as s
+};
+//# sourceMappingURL=insert-result-njqBthzT.js.map