@alfadocs/ui-kit 0.43.0 → 0.44.0

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

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

package/dist/_chunks/{pregnancy-weight-gain-zZL5Ir2-.js → pregnancy-weight-gain-C5YhfYnL.js}

@@ -1,89 +1,94 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { forwardRef as A, useState as f, useMemo as $, useEffect as F } from "react";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as R } from "react-i18next";
+import { forwardRef as A, useState as f, useMemo as w, useEffect as F } from "react";
+import { c as R } from "./index-D2ZczOXr.js";
+import { useTranslation as k } from "react-i18next";
 import { F as y } from "./form-field-BOm9hK35.js";
 import { N as x } from "./number-input-Dj5L3pXK.js";
-import { C as w } from "./card-DPmk26CL.js";
-import { B as k } from "./badge-zsf5i5bH.js";
-import { I as C } from "./insert-result-DisOY2G-.js";
+import { C as $ } from "./card-DPmk26CL.js";
+import { B as C } from "./badge-zsf5i5bH.js";
+import { I as H } from "./insert-result-CoC1oo6R.js";
 import { b as M, e as j } from "./bmi-BxD-tFzU.js";
-const z = {
+const L = {
   underweight: { min: 12.5, max: 18 },
   normal: { min: 11.5, max: 16 },
   overweight: { min: 7, max: 11.5 },
   obese: { min: 5, max: 9 }
-}, H = {
+}, O = {
   underweight: { min: 0.44, max: 0.58 },
   normal: { min: 0.35, max: 0.5 },
   overweight: { min: 0.23, max: 0.33 },
   obese: { min: 0.17, max: 0.27 }
 }, G = { min: 0.5, max: 2 }, v = 13;
-function L(t, i) {
+function U(t, i) {
   if (i <= 0) return { min: 0, max: 0 };
   if (i <= v) {
-    const l = i / v;
+    const c = i / v;
     return {
-      min: G.min * l,
-      max: G.max * l
+      min: G.min * c,
+      max: G.max * c
     };
   }
-  const c = Math.min(i, 40) - v, r = H[t];
+  const l = Math.min(i, 40) - v, r = O[t];
   return {
-    min: G.min + r.min * c,
-    max: G.max + r.max * c
+    min: G.min + r.min * l,
+    max: G.max + r.max * l
   };
 }
-function O(t) {
-  const i = M(t.prePregnancyBmi), c = z[i], r = L(
+function z(t) {
+  const i = M(t.prePregnancyBmi), l = L[i], r = U(
     i,
     t.gestationalWeeks
-  ), l = t.currentWeightKg - t.prePregnancyWeightKg, W = l < r.min ? "below" : l > r.max ? "above" : "within";
-  return { category: i, totalRange: c, recommendedToDate: r, actualGainKg: l, status: W };
+  ), c = t.currentWeightKg - t.prePregnancyWeightKg, W = c < r.min ? "below" : c > r.max ? "above" : "within";
+  return { category: i, totalRange: l, recommendedToDate: r, actualGainKg: c, status: W };
 }
-const U = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
+const V = R("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
   variants: {
     width: { full: "ds:w-full", auto: "ds:inline-flex" }
   },
   defaultVariants: { width: "full" }
-}), V = {
+}), q = {
   below: "warning",
   within: "success",
   above: "warning"
-}, q = A(
+}, J = {
+  below: "--warning",
+  within: "--success",
+  above: "--warning"
+}, Q = A(
   ({
     onResultChange: t,
     onInsert: i,
-    insertVariant: c = "insert",
+    insertVariant: l = "insert",
     onCopy: r,
-    onError: l,
-    id: W,
-    width: K,
-    className: P
+    onError: c,
+    insertBrand: W,
+    id: K,
+    width: P,
+    className: S
   }, B) => {
-    const { t: e, i18n: N } = R(), [b, D] = f(null), [o, S] = f(null), [g, E] = f(null), [u, I] = f(null), p = j(o, b), n = $(() => p === null || o === null || g === null || u === null ? null : O({
+    const { t: e, i18n: b } = k(), [N, D] = f(null), [m, I] = f(null), [g, E] = f(null), [u, _] = f(null), p = j(m, N), n = w(() => p === null || m === null || g === null || u === null ? null : z({
       prePregnancyBmi: p,
-      prePregnancyWeightKg: o,
+      prePregnancyWeightKg: m,
       currentWeightKg: g,
       gestationalWeeks: u
-    }), [p, o, g, u]), d = $(
-      () => new Intl.NumberFormat(N.language, {
+    }), [p, m, g, u]), d = w(
+      () => new Intl.NumberFormat(b.language, {
         minimumFractionDigits: 1,
         maximumFractionDigits: 1
       }),
-      [N.language]
+      [b.language]
     );
     F(() => {
       t == null || t(n);
     }, [n, t]);
-    const m = e("pregnancyWeightGain.units.kg"), h = (T) => `${d.format(T.min)} – ${d.format(T.max)} ${m}`;
+    const o = e("pregnancyWeightGain.units.kg"), h = (T) => `${d.format(T.min)} – ${d.format(T.max)} ${o}`;
     return /* @__PURE__ */ s(
       "div",
       {
         ref: B,
         "data-component": "pregnancy-weight-gain",
-        "data-component-id": W,
-        className: U({ width: K, className: P }),
+        "data-component-id": K,
+        className: V({ width: P, className: S }),
         children: [
           /* @__PURE__ */ s("div", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
             /* @__PURE__ */ a(
@@ -96,7 +101,7 @@ const U = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                     mode: "decimal",
                     min: 0,
                     step: 0.5,
-                    value: b,
+                    value: N,
                     onChange: D
                   }
                 )
@@ -105,15 +110,15 @@ const U = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
             /* @__PURE__ */ a(
               y,
               {
-                label: `${e("pregnancyWeightGain.prePregnancyWeight")} (${m})`,
+                label: `${e("pregnancyWeightGain.prePregnancyWeight")} (${o})`,
                 children: /* @__PURE__ */ a(
                   x,
                   {
                     mode: "decimal",
                     min: 0,
                     step: 0.1,
-                    value: o,
-                    onChange: S
+                    value: m,
+                    onChange: I
                   }
                 )
               }
@@ -121,7 +126,7 @@ const U = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
             /* @__PURE__ */ a(
               y,
               {
-                label: `${e("pregnancyWeightGain.currentWeight")} (${m})`,
+                label: `${e("pregnancyWeightGain.currentWeight")} (${o})`,
                 children: /* @__PURE__ */ a(
                   x,
                   {
@@ -141,14 +146,14 @@ const U = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                 min: 0,
                 max: 42,
                 value: u,
-                onChange: I
+                onChange: _
               }
             ) })
           ] }),
           /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: n ? `${e("pregnancyWeightGain.actualGain")}: ${d.format(
             n.actualGainKg
-          )} ${m}. ${e(`pregnancyWeightGain.status.${n.status}`)}.` : "" }),
-          n ? /* @__PURE__ */ a(w, { variant: "elevated", children: /* @__PURE__ */ s(w.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+          )} ${o}. ${e(`pregnancyWeightGain.status.${n.status}`)}.` : "" }),
+          n ? /* @__PURE__ */ a($, { variant: "elevated", children: /* @__PURE__ */ s($.Body, { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
             /* @__PURE__ */ s("dl", { className: "ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2", children: [
               /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
                 /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("pregnancyWeightGain.prePregnancyBmi") }),
@@ -165,9 +170,9 @@ const U = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
                   /* @__PURE__ */ s("span", { className: "type-metric ds:text-foreground", children: [
                     d.format(n.actualGainKg),
                     " ",
-                    m
+                    o
                   ] }),
-                  /* @__PURE__ */ a(k, { variant: V[n.status], size: "lg", children: e(`pregnancyWeightGain.status.${n.status}`) })
+                  /* @__PURE__ */ a(C, { variant: q[n.status], size: "lg", children: e(`pregnancyWeightGain.status.${n.status}`) })
                 ] })
               ] }),
               /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
@@ -180,20 +185,24 @@ const U = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
               ] })
             ] }),
             /* @__PURE__ */ a("p", { className: "type-body-sm ds:text-muted-foreground", children: e("pregnancyWeightGain.disclaimer") }),
-            c === "copy" || i ? /* @__PURE__ */ a(
-              C,
+            l === "copy" || i ? /* @__PURE__ */ a(
+              H,
               {
                 onInsert: i,
-                variant: c,
+                variant: l,
                 onCopy: r,
-                onError: l,
+                onError: c,
                 card: {
                   title: e("insert.title.weightGain"),
                   highlight: e(`pregnancyWeightGain.status.${n.status}`),
+                  // Chip shares the gain-status semantic token so the
+                  // inserted PNG chip matches the on-screen status badge.
+                  highlightToken: J[n.status],
+                  brand: W,
                   fields: [
                     {
                       label: e("pregnancyWeightGain.actualGain"),
-                      value: `${d.format(n.actualGainKg)} ${m}`
+                      value: `${d.format(n.actualGainKg)} ${o}`
                     },
                     {
                       label: e("pregnancyWeightGain.recommendedToDate"),
@@ -213,12 +222,12 @@ const U = _("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
     );
   }
 );
-q.displayName = "PregnancyWeightGain";
+Q.displayName = "PregnancyWeightGain";
 export {
-  q as P,
-  H as R,
-  z as T,
-  O as a,
-  L as r
+  Q as P,
+  O as R,
+  L as T,
+  z as a,
+  U as r
 };
-//# sourceMappingURL=pregnancy-weight-gain-zZL5Ir2-.js.map
+//# sourceMappingURL=pregnancy-weight-gain-C5YhfYnL.js.map