@alfadocs/ui-kit-debug 0.64.0 → 0.66.0

package/dist/_chunks/{insert-result-C1SYdueh.js → insert-result-njqBthzT.js}

@@ -1,32 +1,22 @@
 import { jsxs as P, jsx as g } from "react/jsx-runtime";
-import { forwardRef as ht, useRef as Dt } from "react";
-import { useTranslation as Nt } from "react-i18next";
-import { c as Gt } from "./index-D2ZczOXr.js";
-import { B as Ht } from "./button-DD_0Xdmr.js";
-import { L as Rt } from "./layers-pzGcbLPj.js";
-import { c as pt } from "./createLucideIcon-CrFbzy84.js";
+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 Pt = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
-  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
-  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
-], Ft = pt("image", Pt);
-/**
- * @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 = [
+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" }]
-], Ut = pt("type", Ot), zt = 15, at = 40, Wt = [18.5, 25, 30];
+], Ot = Pt("type", Ft), Ut = 15, at = 40, zt = [18.5, 25, 30];
 function Mn() {
   return {
     bands: [
@@ -35,19 +25,19 @@ function Mn() {
       { upTo: 30, colorToken: "--warning-readable" },
       { upTo: at, colorToken: "--destructive" }
     ],
-    min: zt,
+    min: Ut,
     max: at,
-    ticks: [...Wt]
+    ticks: [...zt]
   };
 }
-const V = 14, j = 12, Xt = j / 2, ot = 18, Vt = 12, jt = 16;
+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 bt(t, { width: n, height: i }) {
-  const a = V, o = n - V, r = ot + Vt, e = ot, c = r + j + jt;
+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));
@@ -65,7 +55,7 @@ function bt(t, { width: n, height: i }) {
     barEnd: o,
     barY: r,
     barH: j,
-    barRadius: Xt,
+    barRadius: Wt,
     bands: d,
     marker: {
       x: k,
@@ -82,23 +72,23 @@ function bt(t, { width: n, height: i }) {
   };
 }
 const s = (t) => Math.round(t * 100) / 100, M = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-function mt(t, n, i, a, o, r) {
+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 Kt(t, n) {
+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), _ = x === 0 ? t.barRadius : 0, U = x === d - 1 ? t.barRadius : 0;
-    return `<path d="${mt(
+    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) => {
@@ -147,13 +137,13 @@ function Kt(t, n) {
     t.ariaLabel
   )}">${D}${u}${f}${h}${y}${E}${w}${B}${S}</g>`;
 }
-const Zt = 260, Q = 64;
-function qt(t) {
+const Kt = 260, Q = 64;
+function Zt(t) {
   return `var(${t})`;
 }
-const Jt = ht(
-  function({ model: n, width: i = Zt, height: a = Q, className: o }, r) {
-    const e = bt(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;
+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",
       {
@@ -182,7 +172,7 @@ const Jt = ht(
           e.bands.map(($, l) => /* @__PURE__ */ g(
             "path",
             {
-              d: mt(
+              d: bt(
                 $.x,
                 e.barY,
                 $.w,
@@ -190,7 +180,7 @@ const Jt = ht(
                 l === 0 ? e.barRadius : 0,
                 l === k - 1 ? e.barRadius : 0
               ),
-              fill: qt($.colorToken)
+              fill: Zt($.colorToken)
             },
             `${$.colorToken}-${l}`
           )),
@@ -292,8 +282,8 @@ const Jt = ht(
     );
   }
 );
-Jt.displayName = "BandedGauge";
-const Qt = 24, gt = 18, G = 12, xt = {
+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"/>',
@@ -307,22 +297,22 @@ const Qt = 24, gt = 18, G = 12, xt = {
   "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 vt(t) {
-  return Object.prototype.hasOwnProperty.call(xt, t);
+function xt(t) {
+  return Object.prototype.hasOwnProperty.call(gt, t);
 }
 function rt(t, n, i, a, o) {
-  if (!vt(t)) return "";
-  const r = o / Qt;
-  return `<g transform="translate(${i} ${a}) scale(${r})" fill="none" color="${n}" stroke="${n}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${xt[t]}</g>`;
+  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 tn = ["fg", "muted", "accent", "border", "bg"], tt = "--primary", F = 380, kt = (t) => t.trim().replace(/^--/, "");
-function nn(t) {
+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 yt(t) {
+function kt(t) {
   return t.highlightToken ?? tt;
 }
 function W(t) {
@@ -331,7 +321,7 @@ function W(t) {
     const a = t.highlightToken ?? tt;
     n.add(a), n.add(`${a}-foreground`);
   }
-  const i = yt(t);
+  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);
@@ -356,7 +346,7 @@ function K(t, n = []) {
   }, o = {};
   for (const r of n) {
     const e = t.querySelector(
-      `[data-token="${kt(r)}"]`
+      `[data-token="${vt(r)}"]`
     );
     if (e) {
       const c = getComputedStyle(e).color;
@@ -378,19 +368,19 @@ function O(t, n, i) {
   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 Lt(t) {
+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 wt(t) {
+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, I = L + 18, H = 22, en = 10, Tt = 22, st = 16, it = 12, an = 12, Et = 34, Z = 9, q = (Et + Z) * 2, on = 16, lt = gt, rn = 6, R = L + G + rn, X = F - L - R, ct = 13, _t = 14, Mt = 13, J = 16;
-function sn(t) {
+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
@@ -402,10 +392,10 @@ function sn(t) {
 function A(t, n) {
   let i = 0;
   for (const a of t)
-    i += sn(a.codePointAt(0) ?? 0) ? 1 : 0.62;
+    i += rn(a.codePointAt(0) ?? 0) ? 1 : 0.62;
   return i * n;
 }
-function ln(t, n, i) {
+function sn(t, n, i) {
   const a = [];
   let o = "";
   for (const r of t)
@@ -416,7 +406,7 @@ function ut(t, n, i) {
   const a = [];
   let o = "";
   const r = (e) => {
-    const c = ln(e, n, i);
+    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];
   };
@@ -426,11 +416,11 @@ function ut(t, n, i) {
   }
   return o && a.push(o), a.length ? a : [""];
 }
-function It(t) {
+function Mt(t) {
   const n = [];
   let i = 0;
   t.fields.forEach((r, e) => {
-    const c = e === 0 ? _t : Mt, d = A(`${r.label}: `, ct) + A(r.value, c) <= X ? [{ kind: "inline", text: "" }] : [
+    const c = e === 0 ? Et : It, d = A(`${r.label}: `, ct) + A(r.value, c) <= X ? [{ kind: "inline", text: "" }] : [
       ...ut(
         `${r.label}:`,
         ct,
@@ -440,7 +430,7 @@ function It(t) {
         (f) => ({ kind: "value", text: f })
       )
     ];
-    n.push({ field: r, index: e, firstLineDy: i, lines: d }), i += Tt + (d.length - 1) * J;
+    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 };
@@ -449,14 +439,14 @@ function nt(t, n) {
   const i = n !== void 0 ? n : t.brand;
   return typeof i == "string" ? i : !1;
 }
-function cn(t) {
+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 At(t, n) {
-  const i = !!t.highlight, a = I + en, o = (i ? a + H + st : I + st) + Tt - 6, r = o + It(t).endDy, e = t.gauge && Y(t.gauge), d = t.gauge && !Y(t.gauge) ? (i ? a : I) + q : 0, f = e ? r + on : null, b = f !== null ? f + Q : 0, k = Math.max(r, d, b), h = n ? k + it + an - 4 : k, $ = Math.round(h + (n ? it : L));
+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,
@@ -467,11 +457,11 @@ function At(t, n) {
     height: $
   };
 }
-function Bt(t, n) {
-  return At(t, n !== !1).height;
+function At(t, n) {
+  return _t(t, n !== !1).height;
 }
-function un(t, n, i, a, o) {
-  const r = Et, e = 2 * Math.PI * r, c = cn(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(
+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
@@ -480,8 +470,8 @@ function un(t, n, i, a, o) {
   )}</text>` : "";
   return `<g role="img" aria-label="${l}"><title>${l}</title>${T}${y}${p}${E}</g>`;
 }
-function dn(t, n, i, a) {
-  const o = L - V, r = i - 2 * o, e = bt(
+function un(t, n, i, a) {
+  const o = L - V, r = i - 2 * o, e = pt(
     {
       value: t.value,
       bands: t.bands,
@@ -494,7 +484,7 @@ function dn(t, n, i, a) {
       ticks: t.ticks
     },
     { width: r, height: Q }
-  ), c = Kt(e, {
+  ), 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.
@@ -516,71 +506,71 @@ function ft([t, n, i]) {
   };
   return 0.2126 * a(t) + 0.7152 * a(n) + 0.0722 * a(i);
 }
-function fn(t, n) {
+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 $n(t, n, i, a) {
-  const o = t.highlight, r = t.highlightToken ?? tt, e = O(n, r, n.accent), c = fn(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;
+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 = At(t, i !== !1), r = o.height, e = v(n.font), c = yt(t), u = O(n, c, n.accent), d = t.icon ? rt(
+  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,
-    I - lt + 2,
-    gt
-  ) : "", { placements: f } = It(t), b = f.map((p) => {
-    const E = o.firstFieldY + p.firstLineDy, w = p.index === 0, B = w ? _t : Mt, S = w ? 700 : 500, D = w ? u : n.fg, m = E - 4;
+    _ - 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 && vt(p.field.icon) ? x = rt(
+    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((_, U) => {
+    const C = p.lines.map((I, U) => {
       const z = E + U * J;
-      return _.kind === "inline" ? `<text x="${R}" y="${z}" font-family="${e}" font-size="13"><tspan fill="${n.muted}">${v(
+      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>` : _.kind === "label" ? `<text x="${R}" y="${z}" font-family="${e}" font-size="13" fill="${n.muted}">${v(
-        _.text
+      )}</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(
-        _.text
+        I.text
       )}</text>`;
     }).join("");
     return `${x}${C}`;
-  }).join(""), k = o.hasChip ? $n(t, n, e, o.chipY) : "";
+  }).join(""), k = o.hasChip ? fn(t, n, e, o.chipY) : "";
   let h = "";
-  t.gauge && (Y(t.gauge) && o.bandedGaugeY !== null ? h = dn(t.gauge, n, a, o.bandedGaugeY) : Y(t.gauge) || (h = un(
+  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 : I) + 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="${I}" font-family="${e}" font-size="16" font-weight="700" fill="${n.fg}">${v(
+  )}</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 hn() {
+function $n() {
   var t;
   return typeof navigator < "u" && typeof ((t = navigator.clipboard) == null ? void 0 : t.write) == "function" && typeof ClipboardItem < "u";
 }
-function Ct(t, n, i) {
+function Bt(t, n, i) {
   return new Promise((a, o) => {
     const r = new Image();
     r.decoding = "async", r.onload = () => {
@@ -597,46 +587,46 @@ function Ct(t, n, i) {
     }, r.onerror = () => o(new Error("SVG failed to decode as an image")), r.src = t;
   });
 }
-function Yt() {
+function Ct() {
   const t = typeof window < "u" && typeof window.devicePixelRatio == "number" ? window.devicePixelRatio : 1;
   return Math.max(2, t);
 }
-async function In(t, n = {}) {
-  return (await St(t, n)).dataUri;
+async function _n(t, n = {}) {
+  return (await Yt(t, n)).dataUri;
 }
-async function St(t, n = {}) {
-  const { colours: i, scale: a = Yt() } = 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 = Bt(t, r), f = await Ct(
+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 pn(f), width: u, height: d };
+  return { dataUri: await hn(f), width: u, height: d };
 }
-function pn(t) {
+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 bn(t, n, i) {
-  const a = Lt(n), o = new Blob([a], { type: "text/plain" });
+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 = Yt(), d = await Ct(
+  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(Bt(n, r) * u)
+    Math.round(At(n, r) * u)
   );
   if (t === "image")
     return new ClipboardItem({ "image/png": d, "text/plain": o });
-  const f = new Blob([wt(n)], { type: "text/html" });
+  const f = new Blob([Lt(n)], { type: "text/html" });
   return new ClipboardItem({
     "text/html": f,
     "image/png": d,
     "text/plain": o
   });
 }
-const mn = Gt(
+const bn = Nt(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
   {
     variants: {
@@ -647,10 +637,10 @@ const mn = Gt(
     },
     defaultVariants: { variant: "insert" }
   }
-), gn = ["text", "image", "text-image"], xn = {
-  text: /* @__PURE__ */ g(Ut, { "aria-hidden": !0 }),
-  image: /* @__PURE__ */ g(Ft, { "aria-hidden": !0 }),
-  "text-image": /* @__PURE__ */ g(Rt, { "aria-hidden": !0 })
+), 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",
@@ -662,7 +652,7 @@ const mn = Gt(
     image: "insert.copyImage",
     "text-image": "insert.copyTextImage"
   }
-}, vn = ht(
+}, xn = ht(
   function({
     card: n,
     variant: i = "insert",
@@ -672,13 +662,13 @@ const mn = Gt(
     size: e = "sm",
     intent: c = "primary"
   }, u) {
-    const { t: d } = Nt(), f = Dt(null), b = (l) => {
-      const T = Lt(n), y = wt(n);
+    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 ? St(n, { colours: w }) : Promise.resolve({ dataUri: "", width: 0, height: 0 }) };
+      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 (!hn()) {
+      if (!$n()) {
         r == null || r(new Error("Clipboard write unavailable in this context"));
         return;
       }
@@ -688,7 +678,7 @@ const mn = Gt(
       );
       (async () => {
         try {
-          const y = await bn(l, n, T);
+          const y = await pn(l, n, T);
           await navigator.clipboard.write([y]), o == null || o(l);
         } catch (y) {
           r == null || r(y);
@@ -703,10 +693,10 @@ const mn = Gt(
         ref: u,
         "data-component": "insert-result",
         "data-variant": i,
-        className: mn({ variant: i }),
+        className: bn({ variant: i }),
         children: [
           /* @__PURE__ */ P("span", { ref: f, "aria-hidden": !0, className: "ds:sr-only", children: [
-            tn.map((l) => /* @__PURE__ */ g(
+            Qt.map((l) => /* @__PURE__ */ g(
               "span",
               {
                 "data-k": l,
@@ -717,19 +707,19 @@ const mn = Gt(
             W(n).map((l) => /* @__PURE__ */ g(
               "span",
               {
-                "data-token": kt(l),
-                className: nn(l)
+                "data-token": vt(l),
+                className: tn(l)
               },
               l
             ))
           ] }),
-          gn.map((l) => /* @__PURE__ */ g(
-            Ht,
+          mn.map((l) => /* @__PURE__ */ g(
+            Gt,
             {
               type: "button",
               intent: c,
               size: e,
-              startIcon: xn[l],
+              startIcon: gn[l],
               "aria-label": d($t[i][l]),
               onClick: () => $(l),
               children: d($t[i][l])
@@ -741,12 +731,12 @@ const mn = Gt(
     );
   }
 );
-vn.displayName = "InsertButton";
+xn.displayName = "InsertButton";
 export {
-  Jt as B,
-  vn as I,
-  In as a,
+  qt as B,
+  xn as I,
+  _n as a,
   Mn as b,
-  St as s
+  Yt as s
 };
-//# sourceMappingURL=insert-result-C1SYdueh.js.map
+//# sourceMappingURL=insert-result-njqBthzT.js.map