@alfadocs/ui-kit-debug 0.43.0 → 0.44.0

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

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

package/dist/_chunks/gestational-age-calculator-sRmoqgVr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gestational-age-calculator-sRmoqgVr.js","sources":["../../src/components/gestational-age-calculator/gestational-age-calculator.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* GestationalAgeCalculator — current gestational age, trimester and     */\n/* milestone dates, from either a known LMP or a known due date.         */\n/*                                                                     */\n/* Reuses the shared `gestation` maths from due-date-calculator: GA day  */\n/* 0 is the LMP; from an EDD we back out LMP = EDD − 280 days.           */\n/* ------------------------------------------------------------------ */\n\nimport { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { subDays, isAfter } from 'date-fns';\nimport { RadioGroup, Radio } from '../radio-group';\nimport { FormField } from '../form-field';\nimport { DatePicker } from '../date-picker';\nimport { Card } from '../card';\nimport { Badge } from '../badge';\nimport {\n  InsertButton,\n  type InsertPayload,\n  type InsertVariant,\n  type InsertMode,\n} from '../_shared/insert-result';\nimport {\n  type Trimester,\n  type GestationalAge,\n  computeDueDate,\n  gestationalMilestones,\n  GESTATION_DAYS,\n} from '../due-date-calculator';\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    width: { full: 'ds:w-full', auto: 'ds:inline-flex' },\n  },\n  defaultVariants: { width: 'full' },\n});\n\nconst TRIMESTER_BADGE: Record<\n  Trimester,\n  'neutral' | 'info' | 'success' | 'warning' | 'error'\n> = {\n  preconception: 'neutral',\n  first: 'info',\n  second: 'success',\n  third: 'warning',\n  postterm: 'error',\n};\n\n/**\n * DS token NAME backing each trimester's result-card chip — the solid-fill\n * companion of the on-screen `TRIMESTER_BADGE` variant (Badge `error` fills\n * `--destructive`; `neutral` fills `--muted`). Passed as the card's\n * `highlightToken` so the inserted PNG chip matches the on-screen trimester\n * badge; `InsertButton` resolves the name to a concrete colour at raster time.\n */\nconst TRIMESTER_HIGHLIGHT_TOKEN: Record<Trimester, string> = {\n  preconception: '--muted',\n  first: '--info',\n  second: '--success',\n  third: '--warning',\n  postterm: '--destructive',\n};\n\ntype DateMethod = 'lmp' | 'edd';\n\nexport interface GestationalAgeResult {\n  gestationalAge: GestationalAge | null;\n  trimester: Trimester;\n  dueDate: Date;\n}\n\nexport interface GestationalAgeCalculatorProps extends VariantProps<\n  typeof rootVariants\n> {\n  /** Whether the input date is the last period (`lmp`) or the due date (`edd`). */\n  defaultMethod?: DateMethod;\n  /** Fires whenever a result can be computed (and `null` when it can't). */\n  onResultChange?: (result: GestationalAgeResult | null) => void;\n  /** When provided, shows the result-action buttons that emit / copy the result. */\n  onInsert?: (payload: InsertPayload) => void;\n  /**\n   * Which verb the result button performs. Defaults to `'insert'`.\n   * Use `'copy'` in an app-shell surface (no editor to insert into) — the\n   * button writes the result to the clipboard as a multi-format `ClipboardItem`.\n   */\n  insertVariant?: InsertVariant;\n  /** `copy` variant only — fired after a successful clipboard write. */\n  onCopy?: (mode: InsertMode) => void;\n  /** `copy` variant only — fired if the clipboard write can't proceed. */\n  onError?: (error: unknown) => void;\n  /**\n   * Brand wordmark printed in the inserted/copied result-card footer.\n   * Omitted → the default `'AlfaDocs'` wordmark; a string overrides it;\n   * `false` removes the brand line.\n   */\n  insertBrand?: string | false;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n  /** Extra class names on the wrapper. */\n  className?: string;\n}\n\nexport const GestationalAgeCalculator = forwardRef<\n  HTMLDivElement,\n  GestationalAgeCalculatorProps\n>(\n  (\n    {\n      defaultMethod = 'lmp',\n      onResultChange,\n      onInsert,\n      insertVariant = 'insert',\n      onCopy,\n      onError,\n      insertBrand,\n      id,\n      width,\n      className,\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n\n    const [method, setMethod] = useState<DateMethod>(defaultMethod);\n    const [refDate, setRefDate] = useState<Date | undefined>(undefined);\n\n    const today = useMemo(() => new Date(), []);\n\n    const data = useMemo(() => {\n      if (!refDate) return null;\n      // Normalise to an LMP, then reuse the shared gestation maths.\n      const lmp = method === 'lmp' ? refDate : subDays(refDate, GESTATION_DAYS);\n      const r = computeDueDate({ method: 'lmp', date: lmp }, today);\n      return {\n        result: {\n          gestationalAge: r.gestationalAge,\n          trimester: r.trimester,\n          dueDate: r.dueDate,\n        } satisfies GestationalAgeResult,\n        milestones: gestationalMilestones(r.gestationalStart),\n      };\n    }, [method, refDate, today]);\n\n    const dateFormatter = useMemo(\n      () => new Intl.DateTimeFormat(i18n.language, { dateStyle: 'medium' }),\n      [i18n.language],\n    );\n\n    useEffect(() => {\n      onResultChange?.(data?.result ?? null);\n    }, [data, onResultChange]);\n\n    const gaText = (ga: GestationalAge | null): string =>\n      ga\n        ? t('gestationalAgeCalculator.gestation', {\n            weeks: ga.weeks,\n            days: ga.days,\n          })\n        : '—';\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"gestational-age-calculator\"\n        data-component-id={id}\n        className={rootVariants({ width, className })}\n      >\n        <RadioGroup\n          label={t('gestationalAgeCalculator.method.label')}\n          variant=\"horizontal\"\n          value={method}\n          onValueChange={(next) => setMethod(next as DateMethod)}\n        >\n          <Radio label={t('gestationalAgeCalculator.method.lmp')} value=\"lmp\" />\n          <Radio label={t('gestationalAgeCalculator.method.edd')} value=\"edd\" />\n        </RadioGroup>\n\n        <FormField\n          label={t(\n            method === 'lmp'\n              ? 'gestationalAgeCalculator.lmpDate'\n              : 'gestationalAgeCalculator.eddDate',\n          )}\n        >\n          <DatePicker\n            value={refDate}\n            onChange={setRefDate}\n            maxDate={method === 'lmp' ? today : undefined}\n          />\n        </FormField>\n\n        <p className=\"ds:sr-only\" role=\"status\" aria-live=\"polite\">\n          {data\n            ? `${t('gestationalAgeCalculator.gestationLabel')}: ${gaText(\n                data.result.gestationalAge,\n              )}. ${t('gestationalAgeCalculator.trimesterLabel')}: ${t(\n                `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n              )}.`\n            : ''}\n        </p>\n\n        {data ? (\n          <Card variant=\"elevated\">\n            <Card.Body className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n              <dl className=\"ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-md)] ds:sm:grid-cols-2\">\n                <div className=\"ds:flex ds:flex-col ds:items-start ds:gap-[var(--spacing-xs)]\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('gestationalAgeCalculator.trimesterLabel')}\n                  </dt>\n                  <dd>\n                    <Badge\n                      variant={TRIMESTER_BADGE[data.result.trimester]}\n                      size=\"lg\"\n                    >\n                      {t(\n                        `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n                      )}\n                    </Badge>\n                  </dd>\n                </div>\n                <div className=\"ds:flex ds:flex-col ds:items-end ds:gap-[var(--spacing-xs)] ds:text-end\">\n                  <dt className=\"type-label ds:text-muted-foreground\">\n                    {t('gestationalAgeCalculator.gestationLabel')}\n                  </dt>\n                  <dd className=\"type-metric ds:text-foreground\">\n                    {gaText(data.result.gestationalAge)}\n                  </dd>\n                </div>\n              </dl>\n\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                <span className=\"type-label ds:text-muted-foreground\">\n                  {t('gestationalAgeCalculator.milestonesLabel')}\n                </span>\n                <ul className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n                  {data.milestones.map((m) => {\n                    const reached = isAfter(today, m.date);\n                    return (\n                      <li\n                        key={m.key}\n                        className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-md)]\"\n                      >\n                        <span className=\"type-body ds:text-foreground\">\n                          {t(`gestationalAgeCalculator.milestone.${m.key}`)}\n                        </span>\n                        <span className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n                          <span className=\"type-body ds:text-muted-foreground\">\n                            {dateFormatter.format(m.date)}\n                          </span>\n                          {reached ? (\n                            <Badge variant=\"success\">\n                              {t('gestationalAgeCalculator.reached')}\n                            </Badge>\n                          ) : null}\n                        </span>\n                      </li>\n                    );\n                  })}\n                </ul>\n              </div>\n              {insertVariant === 'copy' || onInsert ? (\n                <InsertButton\n                  onInsert={onInsert}\n                  variant={insertVariant}\n                  onCopy={onCopy}\n                  onError={onError}\n                  card={{\n                    title: t('insert.title.gestationalAge'),\n                    highlight: t(\n                      `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n                    ),\n                    // Chip shares the trimester's semantic token so the\n                    // inserted PNG chip matches the on-screen trimester badge.\n                    highlightToken:\n                      TRIMESTER_HIGHLIGHT_TOKEN[data.result.trimester],\n                    brand: insertBrand,\n                    fields: [\n                      {\n                        label: t('gestationalAgeCalculator.gestationLabel'),\n                        value: gaText(data.result.gestationalAge),\n                      },\n                      {\n                        label: t('gestationalAgeCalculator.trimesterLabel'),\n                        value: t(\n                          `gestationalAgeCalculator.trimester.${data.result.trimester}`,\n                        ),\n                      },\n                    ],\n                  }}\n                />\n              ) : null}\n            </Card.Body>\n          </Card>\n        ) : (\n          <p className=\"type-body ds:text-muted-foreground\">\n            {t('gestationalAgeCalculator.empty')}\n          </p>\n        )}\n      </div>\n    );\n  },\n);\n\nGestationalAgeCalculator.displayName = 'GestationalAgeCalculator';\n"],"names":["rootVariants","cva","TRIMESTER_BADGE","TRIMESTER_HIGHLIGHT_TOKEN","GestationalAgeCalculator","forwardRef","defaultMethod","onResultChange","onInsert","insertVariant","onCopy","onError","insertBrand","id","width","className","ref","t","i18n","useTranslation","method","setMethod","useState","refDate","setRefDate","today","useMemo","data","lmp","subDays","GESTATION_DAYS","computeDueDate","gestationalMilestones","dateFormatter","useEffect","gaText","ga","jsxs","RadioGroup","next","jsx","Radio","FormField","DatePicker","Card","Badge","m","reached","isAfter","InsertButton"],"mappings":"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"}

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