@alfadocs/ui-kit-debug 0.47.0 → 0.49.0

package/dist/_chunks/{insert-result-C5ABnzDl.js → insert-result-DNdi_JYW.js}

@@ -1,50 +1,22 @@
-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";
+import { jsxs as G, jsx as g } from "react/jsx-runtime";
+import { forwardRef as it, useRef as Lt } from "react";
+import { useTranslation as Tt } from "react-i18next";
+import { c as Mt } from "./index-D2ZczOXr.js";
+import { B as It } from "./button-DD_0Xdmr.js";
+import { L as Ct } from "./layers-pzGcbLPj.js";
+import { I as Bt } from "./image-C6RM5hfF.js";
+import { c as Et } 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 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 = [
+const At = [
   ["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];
+], _t = Et("type", At), St = 15, J = 40, Yt = [18.5, 25, 30];
 function bn() {
   return {
     bands: [
@@ -53,19 +25,19 @@ function bn() {
       { upTo: 30, colorToken: "--warning-readable" },
       { upTo: J, colorToken: "--destructive" }
     ],
-    min: Yt,
+    min: St,
     max: J,
-    ticks: [...Nt]
+    ticks: [...Yt]
   };
 }
-const P = 14, U = 12, Gt = U / 2, Q = 18, Ht = 12, Rt = 16;
+const P = 14, U = 12, Nt = U / 2, Q = 18, Gt = 12, Ht = 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;
+function lt(t, { width: n, height: i }) {
+  const a = P, r = n - P, s = Q + Gt, e = Q, c = s + U + Ht;
   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));
@@ -83,7 +55,7 @@ function ct(t, { width: n, height: i }) {
     barEnd: r,
     barY: s,
     barH: U,
-    barRadius: Gt,
+    barRadius: Nt,
     bands: d,
     marker: {
       x: v,
@@ -99,35 +71,35 @@ function ct(t, { width: n, height: i }) {
     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 o = (t) => Math.round(t * 100) / 100, B = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+function ct(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(
+function Rt(t, n) {
+  const { resolve: i, font: a, fg: r, muted: s, track: e } = n, c = B(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(
+  )}" width="${o(t.barEnd - t.barStart)}" height="${t.barH}" rx="${t.barRadius}" fill="${e}"/>`, d = t.bands.length, f = t.bands.map((m, x) => {
+    const I = i(m.colorToken), _ = x === 0 ? t.barRadius : 0, wt = x === d - 1 ? t.barRadius : 0;
+    return `<path d="${ct(
       m.x,
       t.barY,
       m.w,
       t.barH,
       _,
-      Lt
+      wt
     )}" 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(
+    const x = `<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(
+    )}" y="${o(t.tickLabelY)}" text-anchor="middle" font-family="${c}" font-size="9" fill="${s}">${B(
       String(m.value)
     )}</text>`;
-    return g + I;
+    return x + 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(
@@ -137,41 +109,41 @@ function Dt(t, n) {
   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(
+      const x = t.barStart - 2;
+      M = `<polyline points="${o(x + 5)},${o(m - 4)} ${o(
+        x
+      )},${o(m)} ${o(x + 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(
+      const x = t.barEnd + 2;
+      M = `<polyline points="${o(x - 5)},${o(m - 4)} ${o(
+        x
+      )},${o(m)} ${o(x - 5)},${o(
         m + 4
       )}" fill="none" stroke="${r}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>`;
     }
   }
-  const A = `<text x="${o(
+  const C = `<text x="${o(
     t.barStart
-  )}" y="${o(t.valueLabelY)}" font-family="${c}" font-size="13" font-weight="700" fill="${r}">${C(
+  )}" y="${o(t.valueLabelY)}" font-family="${c}" font-size="13" font-weight="700" fill="${r}">${B(
     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(
+  )}" text-anchor="end" font-family="${c}" font-size="10" fill="${s}">${B(
     t.summaryLabel
-  )}</text>` : "", D = `<title>${C(t.ariaLabel)}</title>`;
-  return `<g role="img" aria-label="${C(
+  )}</text>` : "", D = `<title>${B(t.ariaLabel)}</title>`;
+  return `<g role="img" aria-label="${B(
     t.ariaLabel
-  )}">${D}${u}${f}${h}${y}${T}${M}${A}${R}</g>`;
+  )}">${D}${u}${f}${h}${y}${T}${M}${C}${R}</g>`;
 }
-const Ot = 260, V = 64;
-function Pt(t) {
+const Dt = 260, V = 64;
+function Ot(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;
+const Pt = it(
+  function({ model: n, width: i = Dt, height: a = V, className: r }, s) {
+    const e = lt(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",
       {
@@ -185,8 +157,8 @@ const Ut = it(
         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(
+          /* @__PURE__ */ g("title", { children: e.ariaLabel }),
+          /* @__PURE__ */ g(
             "rect",
             {
               x: o(e.barStart),
@@ -197,10 +169,10 @@ const Ut = it(
               className: "ds:fill-[color:var(--muted)]"
             }
           ),
-          e.bands.map(($, l) => /* @__PURE__ */ x(
+          e.bands.map(($, l) => /* @__PURE__ */ g(
             "path",
             {
-              d: ut(
+              d: ct(
                 $.x,
                 e.barY,
                 $.w,
@@ -208,12 +180,12 @@ const Ut = it(
                 l === 0 ? e.barRadius : 0,
                 l === v - 1 ? e.barRadius : 0
               ),
-              fill: Pt($.colorToken)
+              fill: Ot($.colorToken)
             },
             `${$.colorToken}-${l}`
           )),
           e.ticks.map(($) => /* @__PURE__ */ G("g", { children: [
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ g(
               "line",
               {
                 x1: o($.x),
@@ -224,7 +196,7 @@ const Ut = it(
                 className: "ds:stroke-[color:var(--border)]"
               }
             ),
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ g(
               "text",
               {
                 x: o($.x),
@@ -236,7 +208,7 @@ const Ut = it(
               }
             )
           ] }, $.value)),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ g(
             "line",
             {
               x1: o(e.marker.x),
@@ -248,7 +220,7 @@ const Ut = it(
               className: "ds:stroke-[color:var(--foreground)]"
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ g(
             "polygon",
             {
               points: `${o(e.marker.x)},${o(e.barY + 1)} ${o(
@@ -257,7 +229,7 @@ const Ut = it(
               className: "ds:fill-[color:var(--foreground)]"
             }
           ),
-          e.marker.overflow === "start" ? /* @__PURE__ */ x(
+          e.marker.overflow === "start" ? /* @__PURE__ */ g(
             "polyline",
             {
               points: `${o(e.barStart + 3)},${o(h - 4)} ${o(
@@ -270,7 +242,7 @@ const Ut = it(
               className: "ds:stroke-[color:var(--foreground)]"
             }
           ) : null,
-          e.marker.overflow === "end" ? /* @__PURE__ */ x(
+          e.marker.overflow === "end" ? /* @__PURE__ */ g(
             "polyline",
             {
               points: `${o(e.barEnd - 3)},${o(h - 4)} ${o(
@@ -283,7 +255,7 @@ const Ut = it(
               className: "ds:stroke-[color:var(--foreground)]"
             }
           ) : null,
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ g(
             "text",
             {
               x: o(e.barStart),
@@ -294,7 +266,7 @@ const Ut = it(
               children: e.valueLabel
             }
           ),
-          e.summaryLabel ? /* @__PURE__ */ x(
+          e.summaryLabel ? /* @__PURE__ */ g(
             "text",
             {
               x: o(e.barEnd),
@@ -310,8 +282,8 @@ const Ut = it(
     );
   }
 );
-Ut.displayName = "BandedGauge";
-const zt = 24, dt = 18, Y = 12, ft = {
+Pt.displayName = "BandedGauge";
+const Ut = 24, ut = 18, Y = 12, dt = {
   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"/>',
@@ -325,22 +297,22 @@ const zt = 24, dt = 18, Y = 12, ft = {
   "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 ft(t) {
+  return Object.prototype.hasOwnProperty.call(dt, 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>`;
+  if (!ft(t)) return "";
+  const s = r / Ut;
+  return `<g transform="translate(${i} ${a}) scale(${s})" fill="none" color="${n}" stroke="${n}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${dt[t]}</g>`;
 }
-function E(t) {
+function A(t) {
   return t.variant === "banded";
 }
-const Ft = ["fg", "muted", "accent", "border", "bg"], j = "--primary", q = 380, ht = (t) => t.trim().replace(/^--/, "");
-function Wt(t) {
+const Ft = ["fg", "muted", "accent", "border", "bg"], j = "--primary", K = 380, $t = (t) => t.trim().replace(/^--/, "");
+function zt(t) {
   return `ds:text-[color:var(${t})]`;
 }
-function pt(t) {
+function ht(t) {
   return t.highlightToken ?? j;
 }
 function O(t) {
@@ -349,15 +321,15 @@ function O(t) {
     const a = t.highlightToken ?? j;
     n.add(a), n.add(`${a}-foreground`);
   }
-  const i = pt(t);
+  const i = ht(t);
   if (n.add(i), t.gauge)
-    if (E(t.gauge))
+    if (A(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 = []) {
+function F(t, n = []) {
   const i = {
     fg: "currentColor",
     muted: "currentColor",
@@ -374,7 +346,7 @@ function z(t, n = []) {
   }, r = {};
   for (const s of n) {
     const e = t.querySelector(
-      `[data-token="${ht(s)}"]`
+      `[data-token="${$t(s)}"]`
     );
     if (e) {
       const c = getComputedStyle(e).color;
@@ -396,19 +368,19 @@ function H(t, n, i) {
   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) {
+function pt(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) {
+function bt(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 w = 20, E = w + 18, N = 22, Wt = 10, z = 22, nt = 16, et = 12, Xt = 12, mt = 34, W = 9, X = (mt + W) * 2, Vt = 16, at = ut, jt = 6;
+function q(t, n) {
   const i = n !== void 0 ? n : t.brand;
   return typeof i == "string" ? i : !1;
 }
@@ -419,7 +391,7 @@ function Kt(t) {
   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));
+  const i = !!t.highlight, a = E + Wt, r = (i ? a + N + nt : E + nt) + z - 6, s = r + Math.max(0, t.fields.length - 1) * z, e = t.gauge && A(t.gauge), d = t.gauge && !A(t.gauge) ? (i ? a : E) + X : 0, f = e ? s + Vt : null, p = f !== null ? f + V : 0, v = Math.max(s, d, p), h = n ? v + et + Xt - 4 : v, $ = Math.round(h + (n ? et : w));
   return {
     hasChip: i,
     chipY: a,
@@ -430,11 +402,11 @@ function gt(t, n) {
     height: $
   };
 }
-function vt(t, n) {
+function xt(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(
+function qt(t, n, i, a, r) {
+  const s = mt, 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
@@ -443,8 +415,8 @@ function Zt(t, n, i, a, r) {
   )}</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(
+function Zt(t, n, i, a) {
+  const r = w - P, s = i - 2 * r, e = lt(
     {
       value: t.value,
       bands: t.bands,
@@ -457,7 +429,7 @@ function Jt(t, n, i, a) {
       ticks: t.ticks
     },
     { width: s, height: V }
-  ), c = Dt(e, {
+  ), c = Rt(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.
@@ -479,67 +451,67 @@ function rt([t, n, i]) {
   };
   return 0.2126 * a(t) + 0.7152 * a(n) + 0.0722 * a(i);
 }
-function Qt(t, n) {
+function Jt(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;
+function Qt(t, n, i, a) {
+  const r = t.highlight, s = t.highlightToken ?? j, e = H(n, s, n.accent), c = Jt(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(
+  const a = K, r = gt(t, i !== !1), s = r.height, e = k(n.font), c = ht(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;
+    E - at + 2,
+    ut
+  ) : "", f = w + Y + jt, p = t.fields.map((b, T) => {
+    const M = r.firstFieldY + T * z, C = T === 0, R = C ? 14 : 13, D = C ? 700 : 500, m = C ? u : n.fg, x = M - 4;
     let I;
-    if (b.icon && $t(b.icon)) {
+    if (b.icon && ft(b.icon)) {
       const _ = u;
       I = tt(
         b.icon,
         _,
         w,
-        g - Y / 2,
+        x - Y / 2,
         Y
       );
     } else
-      I = `<circle cx="${w + Y / 2}" cy="${g}" r="2" fill="${n.muted}"/>`;
+      I = `<circle cx="${w + Y / 2}" cy="${x}" 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) : "";
+  }).join(""), v = r.hasChip ? Qt(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 && (A(t.gauge) && r.bandedGaugeY !== null ? h = Zt(t.gauge, n, a, r.bandedGaugeY) : A(t.gauge) || (h = qt(
     t.gauge,
     n,
     e,
     a - w - X / 2,
-    (r.hasChip ? r.chipY : B) + X / 2
+    (r.hasChip ? r.chipY : E) + 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(
+  )}</text>` : "", l = `<text x="${w}" y="${E}" 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() {
+function tn() {
   var t;
   return typeof navigator < "u" && typeof ((t = navigator.clipboard) == null ? void 0 : t.write) == "function" && typeof ClipboardItem < "u";
 }
-function kt(t, n, i) {
+function vt(t, n, i) {
   return new Promise((a, r) => {
     const s = new Image();
     s.decoding = "async", s.onload = () => {
@@ -556,46 +528,46 @@ function kt(t, n, i) {
     }, s.onerror = () => r(new Error("SVG failed to decode as an image")), s.src = t;
   });
 }
-function yt() {
+function kt() {
   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;
+  return (await yt(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(
+async function yt(t, n = {}) {
+  const { colours: i, scale: a = kt() } = n, r = i ?? F(null), s = q(t, n.brand), e = Z(t, r, s), c = `data:image/svg+xml,${encodeURIComponent(e)}`, u = K, d = xt(t, s), f = await vt(
     c,
     Math.round(u * a),
     Math.round(d * a)
   );
-  return { dataUri: await en(f), width: u, height: d };
+  return { dataUri: await nn(f), width: u, height: d };
 }
-function en(t) {
+function nn(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" });
+async function en(t, n, i) {
+  const a = pt(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(
+  const s = q(n, void 0), e = Z(n, i, s), c = `data:image/svg+xml,${encodeURIComponent(e)}`, u = kt(), d = await vt(
     c,
-    Math.round(q * u),
-    Math.round(vt(n, s) * u)
+    Math.round(K * u),
+    Math.round(xt(n, s) * u)
   );
   if (t === "image")
     return new ClipboardItem({ "image/png": d, "text/plain": r });
-  const f = new Blob([mt(n)], { type: "text/html" });
+  const f = new Blob([bt(n)], { type: "text/html" });
   return new ClipboardItem({
     "text/html": f,
     "image/png": d,
     "text/plain": r
   });
 }
-const on = It(
+const an = Mt(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
   {
     variants: {
@@ -606,10 +578,10 @@ const on = It(
     },
     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 })
+), on = ["text", "image", "text-image"], rn = {
+  text: /* @__PURE__ */ g(_t, { "aria-hidden": !0 }),
+  image: /* @__PURE__ */ g(Bt, { "aria-hidden": !0 }),
+  "text-image": /* @__PURE__ */ g(Ct, { "aria-hidden": !0 })
 }, st = {
   insert: {
     text: "insert.text",
@@ -621,7 +593,7 @@ const on = It(
     image: "insert.copyImage",
     "text-image": "insert.copyTextImage"
   }
-}, ln = it(
+}, sn = it(
   function({
     card: n,
     variant: i = "insert",
@@ -631,23 +603,23 @@ const on = It(
     size: e = "sm",
     intent: c = "primary"
   }, u) {
-    const { t: d } = Mt(), f = Tt(null), p = (l) => {
-      const L = bt(n), y = mt(n);
+    const { t: d } = Tt(), f = Lt(null), p = (l) => {
+      const L = pt(n), y = bt(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 }) };
+      const M = l === "text" ? null : F(f.current, O(n));
+      return M && (b = Z(n, M, q(n, void 0)), T = `data:image/svg+xml,${encodeURIComponent(b)}`), { mode: l, text: L, html: y, svg: b, imageDataUri: T, pngDataUri: () => M ? yt(n, { colours: M }) : Promise.resolve({ dataUri: "", width: 0, height: 0 }) };
     }, $ = i === "copy" ? (l) => {
-      if (!nn()) {
+      if (!tn()) {
         s == null || s(new Error("Clipboard write unavailable in this context"));
         return;
       }
-      const L = z(
+      const L = F(
         f.current,
         O(n)
       );
       (async () => {
         try {
-          const y = await an(l, n, L);
+          const y = await en(l, n, L);
           await navigator.clipboard.write([y]), r == null || r(l);
         } catch (y) {
           s == null || s(y);
@@ -662,10 +634,10 @@ const on = It(
         ref: u,
         "data-component": "insert-result",
         "data-variant": i,
-        className: on({ variant: i }),
+        className: an({ variant: i }),
         children: [
           /* @__PURE__ */ G("span", { ref: f, "aria-hidden": !0, className: "ds:sr-only", children: [
-            Ft.map((l) => /* @__PURE__ */ x(
+            Ft.map((l) => /* @__PURE__ */ g(
               "span",
               {
                 "data-k": l,
@@ -673,22 +645,22 @@ const on = It(
               },
               l
             )),
-            O(n).map((l) => /* @__PURE__ */ x(
+            O(n).map((l) => /* @__PURE__ */ g(
               "span",
               {
-                "data-token": ht(l),
-                className: Wt(l)
+                "data-token": $t(l),
+                className: zt(l)
               },
               l
             ))
           ] }),
-          rn.map((l) => /* @__PURE__ */ x(
-            At,
+          on.map((l) => /* @__PURE__ */ g(
+            It,
             {
               type: "button",
               intent: c,
               size: e,
-              startIcon: sn[l],
+              startIcon: rn[l],
               "aria-label": d(st[i][l]),
               onClick: () => $(l),
               children: d(st[i][l])
@@ -700,12 +672,12 @@ const on = It(
     );
   }
 );
-ln.displayName = "InsertButton";
+sn.displayName = "InsertButton";
 export {
-  Ut as B,
-  ln as I,
+  Pt as B,
+  sn as I,
   mn as a,
   bn as b,
-  wt as s
+  yt as s
 };
-//# sourceMappingURL=insert-result-C5ABnzDl.js.map
+//# sourceMappingURL=insert-result-DNdi_JYW.js.map