@alfadocs/ui-kit 0.43.0 → 0.44.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.43.0",
+  "version": "0.44.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",

package/dist/_chunks/dialog-DOYgd75U.js

@@ -1,224 +0,0 @@
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { useRef as R, useEffect as T, useMemo as O, forwardRef as d, useContext as j, createContext as E } from "react";
-import * as t from "@radix-ui/react-dialog";
-import { c as _ } from "./index-D2ZczOXr.js";
-import { useTranslation as k } from "react-i18next";
-import { I as z } from "./icon-button-CKEOrN37.js";
-import { u as I } from "./use-controllable-state-BiY4xTzM.js";
-import { u as B } from "./registry-nPAVE19X.js";
-import { X as S } from "./x-CCcI3eJp.js";
-const A = {
-  id: "dialog",
-  capabilities: ["open", "close", "dismiss"],
-  state: {
-    isOpen: {
-      type: "boolean",
-      description: "True when the dialog is currently open.",
-      read: (o) => o.getIsOpen()
-    }
-  },
-  actions: {
-    open: {
-      safety: "read",
-      description: "Open the dialog.",
-      invoke: (o) => {
-        o.open();
-      }
-    },
-    close: {
-      safety: "write",
-      description: "Close the dialog. Reversible by reopening.",
-      invoke: (o) => {
-        o.close();
-      }
-    },
-    dismiss: {
-      safety: "destructive",
-      description: "Dismiss the dialog. Loses any in-progress input that has not been committed.",
-      invoke: (o) => {
-        o.close();
-      }
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "dialog" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop on Dialog.Root."
-    }
-  }
-}, H = [
-  "ds-dialog__backdrop",
-  "ds:backdrop-blur-sm",
-  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0",
-  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), V = [
-  "ds-dialog",
-  "ds:fixed ds:z-[var(--z-modal)]",
-  "ds:bg-[var(--popover)] ds:text-[var(--popover-foreground)]",
-  "ds:shadow-[var(--shadow-xl)]",
-  "ds:p-[var(--spacing-lg)]",
-  "ds:focus-visible:outline-none",
-  "ds:data-[state=open]:animate-in ds:data-[state=open]:fade-in-0 ds:data-[state=open]:zoom-in-95",
-  "ds:data-[state=closed]:animate-out ds:data-[state=closed]:fade-out-0 ds:data-[state=closed]:zoom-out-95",
-  "ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none"
-].join(" "), g = "ds:start-1/2 ds:top-1/2 ds:-translate-x-1/2 ds:-translate-y-1/2 ds:w-[calc(100%-var(--spacing-lg)*2)]", F = _(V, {
-  variants: {
-    size: {
-      sm: `${g} ds:max-w-[448px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      md: `${g} ds:max-w-[560px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      lg: `${g} ds:max-w-[720px] ds:rounded-[var(--radius-lg)] ds:overflow-y-auto ds:max-h-[85dvh]`,
-      fullscreen: "ds:start-0 ds:top-0 ds:w-[100dvw] ds:h-[100dvh] ds:max-w-none ds:rounded-none ds:overflow-y-auto"
-    }
-  },
-  defaultVariants: { size: "md" }
-}), f = E(void 0), u = ({
-  children: o,
-  id: e,
-  open: a,
-  defaultOpen: r,
-  onOpenChange: c,
-  ...p
-}) => {
-  const [m, n] = I({
-    value: a,
-    defaultValue: r ?? !1,
-    onChange: c
-  }), i = m ?? !1, l = R(i);
-  T(() => {
-    l.current = i;
-  }, [i]);
-  const N = O(
-    () => ({
-      getIsOpen: () => l.current,
-      open: () => n(!0),
-      close: () => n(!1)
-    }),
-    [n]
-  );
-  return B(A, N, e), /* @__PURE__ */ s(f.Provider, { value: e, children: /* @__PURE__ */ s(t.Root, { open: i, onOpenChange: n, ...p, children: o }) });
-};
-u.displayName = "Dialog.Root";
-const h = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Trigger, { ref: a, ...e, children: o }));
-h.displayName = "Dialog.Trigger";
-const x = d(({ children: o, ...e }, a) => /* @__PURE__ */ s(t.Close, { ref: a, ...e, children: o }));
-x.displayName = "Dialog.Close";
-const D = d(
-  ({
-    size: o = "md",
-    variant: e = "default",
-    hideCloseButton: a = !0,
-    className: r,
-    children: c,
-    ...p
-  }, m) => {
-    const { t: n } = k(), i = j(f), l = e === "alert" ? { role: "alertdialog" } : {};
-    return /* @__PURE__ */ v(t.Portal, { children: [
-      /* @__PURE__ */ s(
-        t.Overlay,
-        {
-          "data-component": "dialog-overlay",
-          className: H
-        }
-      ),
-      /* @__PURE__ */ v(
-        t.Content,
-        {
-          ref: m,
-          ...l,
-          "data-component": "dialog",
-          "data-component-id": i,
-          className: F({ size: o, className: r }),
-          ...p,
-          children: [
-            c,
-            !a && // Positioning wrapper. The interactive close is an IconButton
-            // (ghost / sm) — same lucide `X` glyph, 32px target, 16px icon,
-            // hover wash and focus ring that the vanilla `.ds-dialog__close`
-            // contract reproduces from the same tokens, so the React and
-            // non-React close buttons render identically.
-            /* @__PURE__ */ s("div", { className: "ds:absolute ds:end-[var(--spacing-md)] ds:top-[var(--spacing-md)]", children: /* @__PURE__ */ s(t.Close, { asChild: !0, children: /* @__PURE__ */ s(
-              z,
-              {
-                icon: /* @__PURE__ */ s(S, {}),
-                intent: "ghost",
-                size: "sm",
-                "aria-label": n("common.close", "Close")
-              }
-            ) }) })
-          ]
-        }
-      )
-    ] });
-  }
-);
-D.displayName = "Dialog.Content";
-const y = d(
-  ({ className: o, ...e }, a) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: a,
-      className: [
-        // `ds-dialog__header` is the shared vanilla contract (src/styles.css);
-        // the Tailwind utilities reproduce it for hosts that render through
-        // this component, keeping the two surfaces identical.
-        "ds-dialog__header",
-        "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)] ds:pe-[var(--spacing-xl)]",
-        o
-      ].filter(Boolean).join(" "),
-      ...e
-    }
-  )
-);
-y.displayName = "Dialog.Header";
-const C = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
-  t.Title,
-  {
-    ref: a,
-    className: ["ds-dialog__title type-title-card ds:break-words", o].filter(Boolean).join(" "),
-    ...e
-  }
-));
-C.displayName = "Dialog.Title";
-const b = d(({ className: o, ...e }, a) => /* @__PURE__ */ s(
-  t.Description,
-  {
-    ref: a,
-    className: ["type-body-sm ds:text-[var(--muted-foreground)]", o].filter(Boolean).join(" "),
-    ...e
-  }
-));
-b.displayName = "Dialog.Description";
-const w = d(
-  ({ className: o, divider: e = !1, ...a }, r) => /* @__PURE__ */ s(
-    "div",
-    {
-      ref: r,
-      className: [
-        "ds:flex ds:items-center ds:justify-end ds:gap-[var(--spacing-sm)]",
-        "ds:mt-[var(--spacing-md)]",
-        e && "ds:border-t ds:border-[color:var(--border)] ds:pt-[var(--spacing-md)]",
-        o
-      ].filter(Boolean).join(" "),
-      ...a
-    }
-  )
-);
-w.displayName = "Dialog.Footer";
-const J = Object.assign(u, {
-  Root: u,
-  Trigger: h,
-  Content: D,
-  Header: y,
-  Title: C,
-  Description: b,
-  Footer: w,
-  Close: x
-});
-export {
-  J as D,
-  A as d
-};
-//# sourceMappingURL=dialog-DOYgd75U.js.map

package/dist/_chunks/gestational-age-calculator-ZMSrzkRW.js

@@ -1,179 +0,0 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { forwardRef as T, useState as f, useMemo as m, useEffect as S } from "react";
-import { c as k } from "./index-D2ZczOXr.js";
-import { useTranslation as B } from "react-i18next";
-import { R as h } from "./radio-TWf9Q-mp.js";
-import { R as E } from "./radio-group-CLjK-SlK.js";
-import { F } from "./form-field-BOm9hK35.js";
-import { D as I } from "./date-picker-Bq7xhMA-.js";
-import { C as x } from "./card-DPmk26CL.js";
-import { B as A } from "./badge-zsf5i5bH.js";
-import { I as M } from "./insert-result-DisOY2G-.js";
-import { c as j, g as R, G as z } from "./gestation-mWF4AXea.js";
-import { s as V } from "./subDays-Dv7q9S7u.js";
-import { i as _ } from "./date-picker-variants-DLi1Va_e.js";
-const O = k("ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]", {
-  variants: {
-    width: { full: "ds:w-full", auto: "ds:inline-flex" }
-  },
-  defaultVariants: { width: "full" }
-}), P = {
-  preconception: "neutral",
-  first: "info",
-  second: "success",
-  third: "warning",
-  postterm: "error"
-}, Y = T(
-  ({
-    defaultMethod: v = "lmp",
-    onResultChange: d,
-    onInsert: g,
-    insertVariant: u = "insert",
-    onCopy: y,
-    onError: b,
-    id: C,
-    width: N,
-    className: D
-  }, w) => {
-    const { t: e, i18n: p } = B(), [o, $] = f(v), [i, G] = f(void 0), n = m(() => /* @__PURE__ */ new Date(), []), t = m(() => {
-      if (!i) return null;
-      const l = o === "lmp" ? i : V(i, z), r = j({ method: "lmp", date: l }, n);
-      return {
-        result: {
-          gestationalAge: r.gestationalAge,
-          trimester: r.trimester,
-          dueDate: r.dueDate
-        },
-        milestones: R(r.gestationalStart)
-      };
-    }, [o, i, n]), L = m(
-      () => new Intl.DateTimeFormat(p.language, { dateStyle: "medium" }),
-      [p.language]
-    );
-    S(() => {
-      d == null || d((t == null ? void 0 : t.result) ?? null);
-    }, [t, d]);
-    const c = (l) => l ? e("gestationalAgeCalculator.gestation", {
-      weeks: l.weeks,
-      days: l.days
-    }) : "—";
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        ref: w,
-        "data-component": "gestational-age-calculator",
-        "data-component-id": C,
-        className: O({ width: N, className: D }),
-        children: [
-          /* @__PURE__ */ s(
-            E,
-            {
-              label: e("gestationalAgeCalculator.method.label"),
-              variant: "horizontal",
-              value: o,
-              onValueChange: (l) => $(l),
-              children: [
-                /* @__PURE__ */ a(h, { label: e("gestationalAgeCalculator.method.lmp"), value: "lmp" }),
-                /* @__PURE__ */ a(h, { label: e("gestationalAgeCalculator.method.edd"), value: "edd" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ a(
-            F,
-            {
-              label: e(
-                o === "lmp" ? "gestationalAgeCalculator.lmpDate" : "gestationalAgeCalculator.eddDate"
-              ),
-              children: /* @__PURE__ */ a(
-                I,
-                {
-                  value: i,
-                  onChange: G,
-                  maxDate: o === "lmp" ? n : void 0
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ a("p", { className: "ds:sr-only", role: "status", "aria-live": "polite", children: t ? `${e("gestationalAgeCalculator.gestationLabel")}: ${c(
-            t.result.gestationalAge
-          )}. ${e("gestationalAgeCalculator.trimesterLabel")}: ${e(
-            `gestationalAgeCalculator.trimester.${t.result.trimester}`
-          )}.` : "" }),
-          t ? /* @__PURE__ */ a(x, { variant: "elevated", children: /* @__PURE__ */ s(x.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:items-start ds:gap-[var(--spacing-xs)]", children: [
-                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.trimesterLabel") }),
-                /* @__PURE__ */ a("dd", { children: /* @__PURE__ */ a(
-                  A,
-                  {
-                    variant: P[t.result.trimester],
-                    size: "lg",
-                    children: e(
-                      `gestationalAgeCalculator.trimester.${t.result.trimester}`
-                    )
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end", children: [
-                /* @__PURE__ */ a("dt", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.gestationLabel") }),
-                /* @__PURE__ */ a("dd", { className: "type-metric ds:text-foreground", children: c(t.result.gestationalAge) })
-              ] })
-            ] }),
-            /* @__PURE__ */ s("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
-              /* @__PURE__ */ a("span", { className: "type-label ds:text-muted-foreground", children: e("gestationalAgeCalculator.milestonesLabel") }),
-              /* @__PURE__ */ a("ul", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: t.milestones.map((l) => {
-                const r = _(n, l.date);
-                return /* @__PURE__ */ s(
-                  "li",
-                  {
-                    className: "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]",
-                    children: [
-                      /* @__PURE__ */ a("span", { className: "type-body ds:text-foreground", children: e(`gestationalAgeCalculator.milestone.${l.key}`) }),
-                      /* @__PURE__ */ s("span", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-                        /* @__PURE__ */ a("span", { className: "type-body ds:text-muted-foreground", children: L.format(l.date) }),
-                        r ? /* @__PURE__ */ a(A, { variant: "success", children: e("gestationalAgeCalculator.reached") }) : null
-                      ] })
-                    ]
-                  },
-                  l.key
-                );
-              }) })
-            ] }),
-            u === "copy" || g ? /* @__PURE__ */ a(
-              M,
-              {
-                onInsert: g,
-                variant: u,
-                onCopy: y,
-                onError: b,
-                card: {
-                  title: e("insert.title.gestationalAge"),
-                  highlight: e(
-                    `gestationalAgeCalculator.trimester.${t.result.trimester}`
-                  ),
-                  fields: [
-                    {
-                      label: e("gestationalAgeCalculator.gestationLabel"),
-                      value: c(t.result.gestationalAge)
-                    },
-                    {
-                      label: e("gestationalAgeCalculator.trimesterLabel"),
-                      value: e(
-                        `gestationalAgeCalculator.trimester.${t.result.trimester}`
-                      )
-                    }
-                  ]
-                }
-              }
-            ) : null
-          ] }) }) : /* @__PURE__ */ a("p", { className: "type-body ds:text-muted-foreground", children: e("gestationalAgeCalculator.empty") })
-        ]
-      }
-    );
-  }
-);
-Y.displayName = "GestationalAgeCalculator";
-export {
-  Y as G
-};
-//# sourceMappingURL=gestational-age-calculator-ZMSrzkRW.js.map

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

@@ -1,243 +0,0 @@
-import { jsxs as M, jsx as f } from "react/jsx-runtime";
-import { forwardRef as S, useRef as T } from "react";
-import { useTranslation as z } from "react-i18next";
-import { c as N } from "./index-D2ZczOXr.js";
-import { B as _ } from "./button-DD_0Xdmr.js";
-import { c as D } from "./createLucideIcon-CrFbzy84.js";
-import { I as k } 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 E = [
-  [
-    "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"
-    }
-  ]
-], F = D("layers", E);
-/**
- * @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 L = [
-  ["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" }]
-], H = D("type", L), V = ["fg", "muted", "accent", "border", "bg"], w = 380;
-function v(t) {
-  const e = {
-    fg: "currentColor",
-    muted: "currentColor",
-    accent: "currentColor",
-    border: "currentColor",
-    bg: "transparent",
-    font: "sans-serif"
-  };
-  if (!t) return e;
-  const n = (o) => {
-    const a = t.querySelector(`[data-k="${o}"]`);
-    return a && getComputedStyle(a).color || "currentColor";
-  };
-  return {
-    fg: n("fg"),
-    muted: n("muted"),
-    accent: n("accent"),
-    border: n("border"),
-    bg: n("bg"),
-    font: getComputedStyle(t).fontFamily || "sans-serif"
-  };
-}
-const g = (t) => t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-function R(t) {
-  const e = [t.title];
-  t.highlight && e.push(t.highlight);
-  for (const n of t.fields) e.push(`• ${n.label}: ${n.value}`);
-  return e.join(`
-`);
-}
-function P(t) {
-  const e = t.fields.map((o) => `<li>${g(o.label)}: ${g(o.value)}</li>`).join(""), n = t.highlight ? `<p><strong>${g(t.highlight)}</strong></p>` : "";
-  return `<p><strong>${g(t.title)}</strong></p>${n}<ul>${e}</ul>`;
-}
-function U(t) {
-  return (t.highlight ? 62 : 38) + 28 + t.fields.length * 22 + 8 + 20;
-}
-function C(t, e) {
-  const n = w, o = 20, a = o + 18, r = !!t.highlight, s = a + 24, l = (r ? s : a) + 28, c = 22, u = l + t.fields.length * c + 8, h = u + o, p = g(e.font), I = t.fields.map((i, x) => {
-    const d = l + x * c;
-    return `<text x="${o}" y="${d}" font-family="${p}" font-size="13"><tspan fill="${e.muted}">${g(
-      i.label
-    )}: </tspan><tspan fill="${e.fg}">${g(i.value)}</tspan></text>`;
-  }).join(""), b = r ? `<text x="${o}" y="${s}" font-family="${p}" font-size="14" font-weight="600" fill="${e.accent}">${g(
-    t.highlight
-  )}</text>` : "";
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${n}" height="${h}" viewBox="0 0 ${n} ${h}" role="img" aria-label="${g(
-    t.title
-  )}"><rect x="0.5" y="0.5" width="${n - 1}" height="${h - 1}" rx="12" fill="${e.bg}" stroke="${e.border}"/><text x="${o}" y="${a}" font-family="${p}" font-size="16" font-weight="700" fill="${e.fg}">${g(
-    t.title
-  )}</text>${b}${I}<text x="${o}" y="${u}" font-family="${p}" font-size="10" fill="${e.muted}">AlfaDocs</text></svg>`;
-}
-function j() {
-  var t;
-  return typeof navigator < "u" && typeof ((t = navigator.clipboard) == null ? void 0 : t.write) == "function" && typeof ClipboardItem < "u";
-}
-function A(t, e, n) {
-  return new Promise((o, a) => {
-    const r = new Image();
-    r.decoding = "async", r.onload = () => {
-      const s = document.createElement("canvas");
-      s.width = e, s.height = n;
-      const l = s.getContext("2d");
-      if (!l) {
-        a(new Error("2D canvas context unavailable"));
-        return;
-      }
-      l.drawImage(r, 0, 0, e, n), s.toBlob((c) => {
-        c ? o(c) : a(new Error("canvas.toBlob produced no PNG"));
-      }, "image/png");
-    }, r.onerror = () => a(new Error("SVG failed to decode as an image")), r.src = t;
-  });
-}
-async function q(t, e = {}) {
-  const { colours: n, scale: o = 1 } = e, a = n ?? v(null), r = C(t, a), s = `data:image/svg+xml,${encodeURIComponent(r)}`, l = Math.round(w * o), c = Math.round(U(t) * o), m = await A(s, l, c);
-  return O(m);
-}
-function O(t) {
-  return new Promise((e, n) => {
-    const o = new FileReader();
-    o.onload = () => e(String(o.result)), o.onerror = () => n(o.error ?? new Error("FileReader error")), o.readAsDataURL(t);
-  });
-}
-async function G(t, e, n) {
-  const o = R(e), a = new Blob([o], { type: "text/plain" });
-  if (t === "text")
-    return new ClipboardItem({ "text/plain": a });
-  const r = C(e, n), s = `data:image/svg+xml,${encodeURIComponent(r)}`, l = await A(s, w, U(e));
-  if (t === "image")
-    return new ClipboardItem({ "image/png": l, "text/plain": a });
-  const c = new Blob([P(e)], { type: "text/html" });
-  return new ClipboardItem({
-    "text/html": c,
-    "image/png": l,
-    "text/plain": a
-  });
-}
-const W = N(
-  "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]",
-  {
-    variants: {
-      variant: {
-        insert: "",
-        copy: ""
-      }
-    },
-    defaultVariants: { variant: "insert" }
-  }
-), K = ["text", "image", "text-image"], X = {
-  text: /* @__PURE__ */ f(H, { "aria-hidden": !0 }),
-  image: /* @__PURE__ */ f(k, { "aria-hidden": !0 }),
-  "text-image": /* @__PURE__ */ f(F, { "aria-hidden": !0 })
-}, B = {
-  insert: {
-    text: "insert.text",
-    image: "insert.image",
-    "text-image": "insert.textImage"
-  },
-  copy: {
-    text: "insert.copyText",
-    image: "insert.copyImage",
-    "text-image": "insert.copyTextImage"
-  }
-}, J = S(
-  function({
-    card: e,
-    variant: n = "insert",
-    onInsert: o,
-    onCopy: a,
-    onError: r,
-    size: s = "sm",
-    intent: l = "primary"
-  }, c) {
-    const { t: m } = z(), u = T(null), h = (i) => {
-      const x = R(e), d = P(e);
-      let y = "", Y = "";
-      const $ = i === "text" ? null : v(u.current);
-      return $ && (y = C(e, $), Y = `data:image/svg+xml,${encodeURIComponent(y)}`), { mode: i, text: x, html: d, svg: y, imageDataUri: Y, pngDataUri: () => $ ? q(e, { colours: $ }) : Promise.resolve("") };
-    }, b = n === "copy" ? (i) => {
-      if (!j()) {
-        r == null || r(new Error("Clipboard write unavailable in this context"));
-        return;
-      }
-      const x = v(u.current);
-      (async () => {
-        try {
-          const d = await G(i, e, x);
-          await navigator.clipboard.write([d]), a == null || a(i);
-        } catch (d) {
-          r == null || r(d);
-        }
-      })();
-    } : (i) => {
-      o == null || o(h(i));
-    };
-    return /* @__PURE__ */ M(
-      "div",
-      {
-        ref: c,
-        "data-component": "insert-result",
-        "data-variant": n,
-        className: W({ variant: n }),
-        children: [
-          /* @__PURE__ */ f("span", { ref: u, "aria-hidden": !0, className: "ds:sr-only", children: V.map((i) => /* @__PURE__ */ f(
-            "span",
-            {
-              "data-k": i,
-              className: i === "fg" ? "ds:text-foreground" : i === "muted" ? "ds:text-muted-foreground" : i === "accent" ? "ds:text-[color:var(--primary)]" : i === "border" ? "ds:text-[color:var(--border)]" : "ds:text-[color:var(--card)]"
-            },
-            i
-          )) }),
-          K.map((i) => /* @__PURE__ */ f(
-            _,
-            {
-              type: "button",
-              intent: l,
-              size: s,
-              startIcon: X[i],
-              "aria-label": m(B[n][i]),
-              onClick: () => b(i),
-              children: m(B[n][i])
-            },
-            i
-          ))
-        ]
-      }
-    );
-  }
-);
-J.displayName = "InsertButton";
-export {
-  J as I,
-  q as s
-};
-//# sourceMappingURL=insert-result-DisOY2G-.js.map