@alfadocs/ui-kit 0.43.0 → 0.45.0

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

@@ -0,0 +1,711 @@
+import { jsxs as G, jsx as x } from "react/jsx-runtime";
+import { forwardRef as it, useRef as Tt } from "react";
+import { useTranslation as Mt } from "react-i18next";
+import { c as It } from "./index-D2ZczOXr.js";
+import { B as At } from "./button-DD_0Xdmr.js";
+import { c as lt } from "./createLucideIcon-CrFbzy84.js";
+import { I as Ct } 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 Bt = [
+  [
+    "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"
+    }
+  ]
+], Et = lt("layers", Bt);
+/**
+ * @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 _t = [
+  ["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" }]
+], St = lt("type", _t), Yt = 15, J = 40, Nt = [18.5, 25, 30];
+function bn() {
+  return {
+    bands: [
+      { upTo: 18.5, colorToken: "--info" },
+      { upTo: 25, colorToken: "--success" },
+      { upTo: 30, colorToken: "--warning-readable" },
+      { upTo: J, colorToken: "--destructive" }
+    ],
+    min: Yt,
+    max: J,
+    ticks: [...Nt]
+  };
+}
+const P = 14, U = 12, Gt = U / 2, Q = 18, Ht = 12, Rt = 16;
+function S(t, n, i, a, r) {
+  if (i <= n) return a;
+  const s = (t - n) / (i - n);
+  return a + s * (r - a);
+}
+function ct(t, { width: n, height: i }) {
+  const a = P, r = n - P, s = Q + Ht, e = Q, c = s + U + Rt;
+  let u = t.min;
+  const d = t.bands.map((l) => {
+    const L = Math.max(t.min, Math.min(u, t.max)), y = Math.max(t.min, Math.min(l.upTo, t.max));
+    u = l.upTo;
+    const b = S(L, t.min, t.max, a, r), T = S(y, t.min, t.max, a, r);
+    return { x: b, w: Math.max(0, T - b), colorToken: l.colorToken };
+  }), f = S(t.value, t.min, t.max, a, r), p = t.value < t.min ? "start" : t.value > t.max ? "end" : null, v = Math.min(r, Math.max(a, f)), h = (t.ticks ?? []).filter((l) => l >= t.min && l <= t.max).map((l) => ({
+    x: S(l, t.min, t.max, a, r),
+    value: l
+  })), $ = t.categoryLabel ? t.rangeLabel ? `${t.categoryLabel} (${t.rangeLabel})` : t.categoryLabel : "";
+  return {
+    width: n,
+    height: i,
+    barStart: a,
+    barEnd: r,
+    barY: s,
+    barH: U,
+    barRadius: Gt,
+    bands: d,
+    marker: {
+      x: v,
+      clampedStart: a,
+      clampedEnd: r,
+      overflow: p
+    },
+    ticks: h,
+    valueLabelY: e,
+    tickLabelY: c,
+    valueLabel: t.valueLabel,
+    summaryLabel: $,
+    ariaLabel: t.ariaLabel
+  };
+}
+const o = (t) => Math.round(t * 100) / 100, C = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+function ut(t, n, i, a, r, s) {
+  const e = t + i, c = n + a, u = s > 0 ? `A${s} ${s} 0 0 1 ${o(e)} ${o(n + s)}` : "", d = s > 0 ? `A${s} ${s} 0 0 1 ${o(e - s)} ${o(c)}` : "", f = r > 0 ? `A${r} ${r} 0 0 1 ${o(t)} ${o(c - r)}` : "", p = r > 0 ? `A${r} ${r} 0 0 1 ${o(t + r)} ${o(n)}` : "";
+  return `M${o(t + r)} ${o(n)} H${o(e - s)} ${u} V${o(
+    c - s
+  )} ${d} H${o(t + r)} ${f} V${o(n + r)} ${p} Z`;
+}
+function Dt(t, n) {
+  const { resolve: i, font: a, fg: r, muted: s, track: e } = n, c = C(a), u = `<rect x="${o(t.barStart)}" y="${o(
+    t.barY
+  )}" width="${o(t.barEnd - t.barStart)}" height="${t.barH}" rx="${t.barRadius}" fill="${e}"/>`, d = t.bands.length, f = t.bands.map((m, g) => {
+    const I = i(m.colorToken), _ = g === 0 ? t.barRadius : 0, Lt = g === d - 1 ? t.barRadius : 0;
+    return `<path d="${ut(
+      m.x,
+      t.barY,
+      m.w,
+      t.barH,
+      _,
+      Lt
+    )}" fill="${I}"/>`;
+  }).join(""), p = t.barY + t.barH, v = p + 4, h = t.ticks.map((m) => {
+    const g = `<line x1="${o(m.x)}" y1="${o(p)}" x2="${o(
+      m.x
+    )}" y2="${o(v)}" stroke="${e}" stroke-width="1"/>`, I = `<text x="${o(
+      m.x
+    )}" y="${o(t.tickLabelY)}" text-anchor="middle" font-family="${c}" font-size="9" fill="${s}">${C(
+      String(m.value)
+    )}</text>`;
+    return g + I;
+  }).join(""), $ = o(t.marker.x), l = t.barY - 3, L = t.barY + t.barH + 3, y = `<line x1="${$}" y1="${o(l)}" x2="${$}" y2="${o(
+    L
+  )}" stroke="${r}" stroke-width="2" stroke-linecap="round"/>`, b = t.barY - 4, T = `<polygon points="${$},${o(t.barY + 1)} ${o(
+    t.marker.x - 4
+  )},${o(b)} ${o(t.marker.x + 4)},${o(b)}" fill="${r}"/>`;
+  let M = "";
+  if (t.marker.overflow) {
+    const m = t.barY + t.barH / 2;
+    if (t.marker.overflow === "start") {
+      const g = t.barStart - 2;
+      M = `<polyline points="${o(g + 5)},${o(m - 4)} ${o(
+        g
+      )},${o(m)} ${o(g + 5)},${o(
+        m + 4
+      )}" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`;
+    } else {
+      const g = t.barEnd + 2;
+      M = `<polyline points="${o(g - 5)},${o(m - 4)} ${o(
+        g
+      )},${o(m)} ${o(g - 5)},${o(
+        m + 4
+      )}" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`;
+    }
+  }
+  const A = `<text x="${o(
+    t.barStart
+  )}" y="${o(t.valueLabelY)}" font-family="${c}" font-size="13" font-weight="700" fill="${r}">${C(
+    t.valueLabel
+  )}</text>`, R = t.summaryLabel ? `<text x="${o(t.barEnd)}" y="${o(
+    t.valueLabelY
+  )}" text-anchor="end" font-family="${c}" font-size="10" fill="${s}">${C(
+    t.summaryLabel
+  )}</text>` : "", D = `<title>${C(t.ariaLabel)}</title>`;
+  return `<g role="img" aria-label="${C(
+    t.ariaLabel
+  )}">${D}${u}${f}${h}${y}${T}${M}${A}${R}</g>`;
+}
+const Ot = 260, V = 64;
+function Pt(t) {
+  return `var(${t})`;
+}
+const Ut = it(
+  function({ model: n, width: i = Ot, height: a = V, className: r }, s) {
+    const e = ct(n, { width: i, height: a }), c = e.barY + e.barH, u = c + 4, d = e.barY - 3, f = e.barY + e.barH + 3, p = e.barY - 4, v = e.bands.length, h = e.barY + e.barH / 2;
+    return /* @__PURE__ */ G(
+      "svg",
+      {
+        ref: s,
+        "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)]", r].filter(Boolean).join(" "),
+        children: [
+          /* @__PURE__ */ x("title", { children: e.ariaLabel }),
+          /* @__PURE__ */ x(
+            "rect",
+            {
+              x: o(e.barStart),
+              y: o(e.barY),
+              width: o(e.barEnd - e.barStart),
+              height: e.barH,
+              rx: e.barRadius,
+              className: "ds:fill-[color:var(--muted)]"
+            }
+          ),
+          e.bands.map(($, l) => /* @__PURE__ */ x(
+            "path",
+            {
+              d: ut(
+                $.x,
+                e.barY,
+                $.w,
+                e.barH,
+                l === 0 ? e.barRadius : 0,
+                l === v - 1 ? e.barRadius : 0
+              ),
+              fill: Pt($.colorToken)
+            },
+            `${$.colorToken}-${l}`
+          )),
+          e.ticks.map(($) => /* @__PURE__ */ G("g", { children: [
+            /* @__PURE__ */ x(
+              "line",
+              {
+                x1: o($.x),
+                y1: o(c),
+                x2: o($.x),
+                y2: o(u),
+                strokeWidth: 1,
+                className: "ds:stroke-[color:var(--border)]"
+              }
+            ),
+            /* @__PURE__ */ x(
+              "text",
+              {
+                x: o($.x),
+                y: o(e.tickLabelY),
+                textAnchor: "middle",
+                fontSize: 9,
+                className: "ds:fill-[color:var(--muted-foreground)]",
+                children: $.value
+              }
+            )
+          ] }, $.value)),
+          /* @__PURE__ */ x(
+            "line",
+            {
+              x1: o(e.marker.x),
+              y1: o(d),
+              x2: o(e.marker.x),
+              y2: o(f),
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              className: "ds:stroke-[color:var(--foreground)]"
+            }
+          ),
+          /* @__PURE__ */ x(
+            "polygon",
+            {
+              points: `${o(e.marker.x)},${o(e.barY + 1)} ${o(
+                e.marker.x - 4
+              )},${o(p)} ${o(e.marker.x + 4)},${o(p)}`,
+              className: "ds:fill-[color:var(--foreground)]"
+            }
+          ),
+          e.marker.overflow === "start" ? /* @__PURE__ */ x(
+            "polyline",
+            {
+              points: `${o(e.barStart + 3)},${o(h - 4)} ${o(
+                e.barStart - 2
+              )},${o(h)} ${o(e.barStart + 3)},${o(h + 4)}`,
+              fill: "none",
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "ds:stroke-[color:var(--foreground)]"
+            }
+          ) : null,
+          e.marker.overflow === "end" ? /* @__PURE__ */ x(
+            "polyline",
+            {
+              points: `${o(e.barEnd - 3)},${o(h - 4)} ${o(
+                e.barEnd + 2
+              )},${o(h)} ${o(e.barEnd - 3)},${o(h + 4)}`,
+              fill: "none",
+              strokeWidth: 2,
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: "ds:stroke-[color:var(--foreground)]"
+            }
+          ) : null,
+          /* @__PURE__ */ x(
+            "text",
+            {
+              x: o(e.barStart),
+              y: o(e.valueLabelY),
+              fontSize: 13,
+              fontWeight: 700,
+              className: "ds:fill-[color:var(--foreground)]",
+              children: e.valueLabel
+            }
+          ),
+          e.summaryLabel ? /* @__PURE__ */ x(
+            "text",
+            {
+              x: o(e.barEnd),
+              y: o(e.valueLabelY),
+              textAnchor: "end",
+              fontSize: 10,
+              className: "ds:fill-[color:var(--muted-foreground)]",
+              children: e.summaryLabel
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+Ut.displayName = "BandedGauge";
+const zt = 24, dt = 18, Y = 12, ft = {
+  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 $t(t) {
+  return Object.prototype.hasOwnProperty.call(ft, t);
+}
+function tt(t, n, i, a, r) {
+  if (!$t(t)) return "";
+  const s = r / zt;
+  return `<g transform="translate(${i} ${a}) scale(${s})" fill="none" color="${n}" stroke="${n}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${ft[t]}</g>`;
+}
+function E(t) {
+  return t.variant === "banded";
+}
+const Ft = ["fg", "muted", "accent", "border", "bg"], j = "--primary", q = 380, ht = (t) => t.trim().replace(/^--/, "");
+function Wt(t) {
+  return `ds:text-[color:var(${t})]`;
+}
+function pt(t) {
+  return t.highlightToken ?? j;
+}
+function O(t) {
+  const n = /* @__PURE__ */ new Set();
+  if (t.highlight) {
+    const a = t.highlightToken ?? j;
+    n.add(a), n.add(`${a}-foreground`);
+  }
+  const i = pt(t);
+  if (n.add(i), t.gauge)
+    if (E(t.gauge))
+      for (const a of t.gauge.bands) n.add(a.colorToken);
+    else
+      n.add(t.gauge.colorToken);
+  return [...n];
+}
+function z(t, n = []) {
+  const i = {
+    fg: "currentColor",
+    muted: "currentColor",
+    accent: "currentColor",
+    border: "currentColor",
+    bg: "transparent",
+    font: "sans-serif",
+    tokens: {}
+  };
+  if (!t) return i;
+  const a = (s) => {
+    const e = t.querySelector(`[data-k="${s}"]`);
+    return e && getComputedStyle(e).color || "currentColor";
+  }, r = {};
+  for (const s of n) {
+    const e = t.querySelector(
+      `[data-token="${ht(s)}"]`
+    );
+    if (e) {
+      const c = getComputedStyle(e).color;
+      c && (r[s] = c);
+    }
+  }
+  return {
+    fg: a("fg"),
+    muted: a("muted"),
+    accent: a("accent"),
+    border: a("border"),
+    bg: a("bg"),
+    font: getComputedStyle(t).fontFamily || "sans-serif",
+    tokens: r
+  };
+}
+function H(t, n, i) {
+  var a;
+  return n ? ((a = t.tokens) == null ? void 0 : a[n]) ?? i : i;
+}
+const k = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+function bt(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 mt(t) {
+  const n = t.fields.map((a) => `<li>${k(a.label)}: ${k(a.value)}</li>`).join(""), i = t.highlight ? `<p><strong>${k(t.highlight)}</strong></p>` : "";
+  return `<p><strong>${k(t.title)}</strong></p>${i}<ul>${n}</ul>`;
+}
+const w = 20, B = w + 18, N = 22, Xt = 10, F = 22, nt = 16, et = 12, Vt = 12, xt = 34, W = 9, X = (xt + W) * 2, jt = 16, at = dt, qt = 6;
+function K(t, n) {
+  const i = n !== void 0 ? n : t.brand;
+  return typeof i == "string" ? i : !1;
+}
+function Kt(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 gt(t, n) {
+  const i = !!t.highlight, a = B + Xt, r = (i ? a + N + nt : B + nt) + F - 6, s = r + Math.max(0, t.fields.length - 1) * F, e = t.gauge && E(t.gauge), d = t.gauge && !E(t.gauge) ? (i ? a : B) + X : 0, f = e ? s + jt : null, p = f !== null ? f + V : 0, v = Math.max(s, d, p), h = n ? v + et + Vt - 4 : v, $ = Math.round(h + (n ? et : w));
+  return {
+    hasChip: i,
+    chipY: a,
+    firstFieldY: r,
+    fieldsEndY: s,
+    bandedGaugeY: f,
+    footerY: h,
+    height: $
+  };
+}
+function vt(t, n) {
+  return gt(t, n !== !1).height;
+}
+function Zt(t, n, i, a, r) {
+  const s = xt, e = 2 * Math.PI * s, c = Kt(t), u = H(n, t.colorToken, n.accent), d = typeof t.segments == "number" && t.segments > 1 ? t.segments : 0, f = d ? 3 : 0, p = d ? e / d - f : e, v = d ? `${p} ${f}` : "", h = `${e * c} ${e}`, $ = `transform="rotate(-90 ${a} ${r})"`, l = k(
+    t.label ? `${t.value} — ${t.label}` : t.value
+  ), L = `<circle cx="${a}" cy="${r}" r="${s}" fill="none" stroke="${n.border}" stroke-width="${W}"${v ? ` stroke-dasharray="${v}"` : ""} ${$}/>`, y = `<circle cx="${a}" cy="${r}" r="${s}" fill="none" stroke="${u}" stroke-width="${W}" stroke-linecap="round" stroke-dasharray="${h}" ${$}/>`, b = `<text x="${a}" y="${r + 1}" text-anchor="middle" dominant-baseline="middle" font-family="${i}" font-size="16" font-weight="700" fill="${n.fg}">${k(
+    t.value
+  )}</text>`, T = t.label ? `<text x="${a}" y="${r + 15}" text-anchor="middle" dominant-baseline="middle" font-family="${i}" font-size="9" fill="${n.muted}">${k(
+    t.label
+  )}</text>` : "";
+  return `<g role="img" aria-label="${l}"><title>${l}</title>${L}${y}${b}${T}</g>`;
+}
+function Jt(t, n, i, a) {
+  const r = w - P, s = i - 2 * r, e = ct(
+    {
+      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: s, height: V }
+  ), c = Dt(e, {
+    resolve: (u) => H(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(${r} ${a})">${c}</g>`;
+}
+function ot(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 rt([t, n, i]) {
+  const a = (r) => {
+    const s = r / 255;
+    return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
+  };
+  return 0.2126 * a(t) + 0.7152 * a(n) + 0.0722 * a(i);
+}
+function Qt(t, n) {
+  const i = ot(t), a = ot(n);
+  if (!i || !a) return 0;
+  const r = rt(i), s = rt(a);
+  return (Math.max(r, s) + 0.05) / (Math.min(r, s) + 0.05);
+}
+function tn(t, n, i, a) {
+  const r = t.highlight, s = t.highlightToken ?? j, e = H(n, s, n.accent), c = Qt(n.bg, e) >= 3 ? n.bg : n.fg, u = Math.round(r.length * 7.2 + 28), d = w + u / 2, f = a + N / 2 + 1;
+  return `<rect x="${w}" y="${a}" width="${u}" height="${N}" rx="${N / 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}">${k(
+    r
+  )}</text>`;
+}
+function Z(t, n, i = !1) {
+  const a = q, r = gt(t, i !== !1), s = r.height, e = k(n.font), c = pt(t), u = H(n, c, n.accent), d = t.icon ? tt(
+    t.icon,
+    u,
+    a - w - at,
+    B - at + 2,
+    dt
+  ) : "", f = w + Y + qt, p = t.fields.map((b, T) => {
+    const M = r.firstFieldY + T * F, A = T === 0, R = A ? 14 : 13, D = A ? 700 : 500, m = A ? u : n.fg, g = M - 4;
+    let I;
+    if (b.icon && $t(b.icon)) {
+      const _ = u;
+      I = tt(
+        b.icon,
+        _,
+        w,
+        g - Y / 2,
+        Y
+      );
+    } else
+      I = `<circle cx="${w + Y / 2}" cy="${g}" r="2" fill="${n.muted}"/>`;
+    return `${I}<text x="${f}" y="${M}" font-family="${e}" font-size="13"><tspan fill="${n.muted}">${k(
+      b.label
+    )}: </tspan><tspan font-size="${R}" font-weight="${D}" fill="${m}">${k(
+      b.value
+    )}</tspan></text>`;
+  }).join(""), v = r.hasChip ? tn(t, n, e, r.chipY) : "";
+  let h = "";
+  t.gauge && (E(t.gauge) && r.bandedGaugeY !== null ? h = Jt(t.gauge, n, a, r.bandedGaugeY) : E(t.gauge) || (h = Zt(
+    t.gauge,
+    n,
+    e,
+    a - w - X / 2,
+    (r.hasChip ? r.chipY : B) + X / 2
+  )));
+  const $ = i !== !1 ? `<text x="${w}" y="${r.footerY}" font-family="${e}" font-size="10" font-weight="500" fill="${n.muted}">${k(
+    i
+  )}</text>` : "", l = `<text x="${w}" y="${B}" font-family="${e}" font-size="16" font-weight="700" fill="${n.fg}">${k(
+    t.title
+  )}</text>`, L = `<rect x="0.5" y="0.5" width="${a - 1}" height="${s - 1}" rx="12" fill="${n.bg}"/>`, y = `<rect x="0.5" y="0.5" width="${a - 1}" height="${s - 1}" rx="12" fill="none" stroke="${n.border}"/>`;
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${a}" height="${s}" viewBox="0 0 ${a} ${s}" role="img" aria-label="${k(
+    t.title
+  )}">${L}${l}${d}${v}${h}${p}${$}${y}</svg>`;
+}
+function nn() {
+  var t;
+  return typeof navigator < "u" && typeof ((t = navigator.clipboard) == null ? void 0 : t.write) == "function" && typeof ClipboardItem < "u";
+}
+function kt(t, n, i) {
+  return new Promise((a, r) => {
+    const s = new Image();
+    s.decoding = "async", s.onload = () => {
+      const e = document.createElement("canvas");
+      e.width = n, e.height = i;
+      const c = e.getContext("2d");
+      if (!c) {
+        r(new Error("2D canvas context unavailable"));
+        return;
+      }
+      c.drawImage(s, 0, 0, n, i), e.toBlob((u) => {
+        u ? a(u) : r(new Error("canvas.toBlob produced no PNG"));
+      }, "image/png");
+    }, s.onerror = () => r(new Error("SVG failed to decode as an image")), s.src = t;
+  });
+}
+function yt() {
+  const t = typeof window < "u" && typeof window.devicePixelRatio == "number" ? window.devicePixelRatio : 1;
+  return Math.max(2, t);
+}
+async function mn(t, n = {}) {
+  return (await wt(t, n)).dataUri;
+}
+async function wt(t, n = {}) {
+  const { colours: i, scale: a = yt() } = n, r = i ?? z(null), s = K(t, n.brand), e = Z(t, r, s), c = `data:image/svg+xml,${encodeURIComponent(e)}`, u = q, d = vt(t, s), f = await kt(
+    c,
+    Math.round(u * a),
+    Math.round(d * a)
+  );
+  return { dataUri: await en(f), width: u, height: d };
+}
+function en(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 an(t, n, i) {
+  const a = bt(n), r = new Blob([a], { type: "text/plain" });
+  if (t === "text")
+    return new ClipboardItem({ "text/plain": r });
+  const s = K(n, void 0), e = Z(n, i, s), c = `data:image/svg+xml,${encodeURIComponent(e)}`, u = yt(), d = await kt(
+    c,
+    Math.round(q * u),
+    Math.round(vt(n, s) * u)
+  );
+  if (t === "image")
+    return new ClipboardItem({ "image/png": d, "text/plain": r });
+  const f = new Blob([mt(n)], { type: "text/html" });
+  return new ClipboardItem({
+    "text/html": f,
+    "image/png": d,
+    "text/plain": r
+  });
+}
+const on = It(
+  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
+  {
+    variants: {
+      variant: {
+        insert: "",
+        copy: ""
+      }
+    },
+    defaultVariants: { variant: "insert" }
+  }
+), rn = ["text", "image", "text-image"], sn = {
+  text: /* @__PURE__ */ x(St, { "aria-hidden": !0 }),
+  image: /* @__PURE__ */ x(Ct, { "aria-hidden": !0 }),
+  "text-image": /* @__PURE__ */ x(Et, { "aria-hidden": !0 })
+}, st = {
+  insert: {
+    text: "insert.text",
+    image: "insert.image",
+    "text-image": "insert.textImage"
+  },
+  copy: {
+    text: "insert.copyText",
+    image: "insert.copyImage",
+    "text-image": "insert.copyTextImage"
+  }
+}, ln = it(
+  function({
+    card: n,
+    variant: i = "insert",
+    onInsert: a,
+    onCopy: r,
+    onError: s,
+    size: e = "sm",
+    intent: c = "primary"
+  }, u) {
+    const { t: d } = Mt(), f = Tt(null), p = (l) => {
+      const L = bt(n), y = mt(n);
+      let b = "", T = "";
+      const M = l === "text" ? null : z(f.current, O(n));
+      return M && (b = Z(n, M, K(n, void 0)), T = `data:image/svg+xml,${encodeURIComponent(b)}`), { mode: l, text: L, html: y, svg: b, imageDataUri: T, pngDataUri: () => M ? wt(n, { colours: M }) : Promise.resolve({ dataUri: "", width: 0, height: 0 }) };
+    }, $ = i === "copy" ? (l) => {
+      if (!nn()) {
+        s == null || s(new Error("Clipboard write unavailable in this context"));
+        return;
+      }
+      const L = z(
+        f.current,
+        O(n)
+      );
+      (async () => {
+        try {
+          const y = await an(l, n, L);
+          await navigator.clipboard.write([y]), r == null || r(l);
+        } catch (y) {
+          s == null || s(y);
+        }
+      })();
+    } : (l) => {
+      a == null || a(p(l));
+    };
+    return /* @__PURE__ */ G(
+      "div",
+      {
+        ref: u,
+        "data-component": "insert-result",
+        "data-variant": i,
+        className: on({ variant: i }),
+        children: [
+          /* @__PURE__ */ G("span", { ref: f, "aria-hidden": !0, className: "ds:sr-only", children: [
+            Ft.map((l) => /* @__PURE__ */ x(
+              "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
+            )),
+            O(n).map((l) => /* @__PURE__ */ x(
+              "span",
+              {
+                "data-token": ht(l),
+                className: Wt(l)
+              },
+              l
+            ))
+          ] }),
+          rn.map((l) => /* @__PURE__ */ x(
+            At,
+            {
+              type: "button",
+              intent: c,
+              size: e,
+              startIcon: sn[l],
+              "aria-label": d(st[i][l]),
+              onClick: () => $(l),
+              children: d(st[i][l])
+            },
+            l
+          ))
+        ]
+      }
+    );
+  }
+);
+ln.displayName = "InsertButton";
+export {
+  Ut as B,
+  ln as I,
+  mn as a,
+  bn as b,
+  wt as s
+};
+//# sourceMappingURL=insert-result-C5ABnzDl.js.map