@aparte/plugin-cards 0.0.0-stage → 0.29.1

package/dist/format-BFq79ydr.js

@@ -0,0 +1,728 @@
+import { aparteGlobalConfig, overrideSegmentRenderer, cssEscape } from "@aparte/core";
+function el(tag, props = {}, ...children) {
+  const node = document.createElement(tag);
+  if (props.class) node.className = props.class;
+  for (const [name, value] of Object.entries(props.attrs ?? {})) {
+    if (value === null || value === void 0 || value === false) continue;
+    node.setAttribute(name, value === true ? "" : String(value));
+  }
+  if (props.text !== void 0) node.textContent = props.text;
+  for (const child of children) {
+    if (child === null || child === void 0 || child === false) continue;
+    node.append(child);
+  }
+  return node;
+}
+function glyph(markup, className = "aparte-rich-card__glyph") {
+  const holder = document.createElement("span");
+  holder.className = className;
+  holder.setAttribute("aria-hidden", "true");
+  holder.innerHTML = markup;
+  return holder;
+}
+function safeUrl(raw) {
+  if (typeof raw !== "string" || !raw.trim()) return null;
+  try {
+    const url = new URL(raw.trim(), typeof location === "undefined" ? "https://localhost/" : location.href);
+    return ["http:", "https:", "mailto:", "tel:"].includes(url.protocol) ? url.href : null;
+  } catch {
+    return null;
+  }
+}
+function webUrl(raw) {
+  if (typeof raw !== "string" || !/^\s*(https?:)?\/\//i.test(raw)) return null;
+  const url = safeUrl(raw);
+  return url && /^https?:/i.test(url) ? url : null;
+}
+function num(value) {
+  if (typeof value === "number") return Number.isFinite(value) ? value : void 0;
+  if (typeof value === "string" && value.trim() !== "") {
+    const n = Number(value);
+    return Number.isFinite(n) ? n : void 0;
+  }
+  return void 0;
+}
+function str(value) {
+  if (typeof value === "string") return value.trim() || void 0;
+  if (typeof value === "number" && Number.isFinite(value)) return String(value);
+  return void 0;
+}
+function languageOf(config) {
+  const tag = config.getLocale().tag;
+  return typeof tag === "string" && tag ? tag.split("-")[0].toLowerCase() : "en";
+}
+function intlTag(config) {
+  const tag = config.getLocale().tag;
+  if (typeof tag !== "string" || !tag) return void 0;
+  for (const candidate of [tag, tag.replace(/_/g, "-")]) {
+    try {
+      return Intl.getCanonicalLocales(candidate)[0];
+    } catch {
+    }
+  }
+  return void 0;
+}
+function word(config, key, table, vars = {}) {
+  const fromApp = config.getLocale()[key];
+  const lang = languageOf(config);
+  const text = typeof fromApp === "string" && fromApp || table[lang] || table.en;
+  return text.replace(/\{(\w+)\}/g, (all, name) => vars[name] ?? all);
+}
+const KIT_WORDS = {
+  cardsUnavailable: {
+    en: "Not available",
+    fr: "Indisponible",
+    de: "Nicht verfügbar",
+    es: "No disponible",
+    it: "Non disponibile",
+    ja: "利用できません",
+    ko: "사용할 수 없음",
+    pt: "Indisponível",
+    ru: "Недоступно",
+    zh: "不可用"
+  },
+  cardsWaiting: {
+    en: "Waiting for your approval",
+    fr: "En attente de votre accord",
+    de: "Wartet auf Ihre Zustimmung",
+    es: "Esperando tu aprobación",
+    it: "In attesa della tua approvazione",
+    ja: "承認を待っています",
+    ko: "승인을 기다리는 중",
+    pt: "Aguardando sua aprovação",
+    ru: "Ожидает вашего подтверждения",
+    zh: "等待您的批准"
+  },
+  cardsRefused: {
+    en: "Not run",
+    fr: "Non exécuté",
+    de: "Nicht ausgeführt",
+    es: "No ejecutado",
+    it: "Non eseguito",
+    ja: "実行されませんでした",
+    ko: "실행되지 않음",
+    pt: "Não executado",
+    ru: "Не выполнено",
+    zh: "未执行"
+  },
+  cardsLoading: {
+    en: "Loading",
+    fr: "Chargement",
+    de: "Wird geladen",
+    es: "Cargando",
+    it: "Caricamento",
+    ja: "読み込み中",
+    ko: "불러오는 중",
+    pt: "Carregando",
+    ru: "Загрузка",
+    zh: "加载中"
+  },
+  cardsPrevious: {
+    en: "Previous",
+    fr: "Précédent",
+    de: "Zurück",
+    es: "Anterior",
+    it: "Precedente",
+    ja: "前へ",
+    ko: "이전",
+    pt: "Anterior",
+    ru: "Назад",
+    zh: "上一个"
+  },
+  cardsNext: {
+    en: "Next",
+    fr: "Suivant",
+    de: "Weiter",
+    es: "Siguiente",
+    it: "Successivo",
+    ja: "次へ",
+    ko: "다음",
+    pt: "Próximo",
+    ru: "Далее",
+    zh: "下一个"
+  },
+  cardsSlide: {
+    en: "{n} of {total}",
+    fr: "{n} sur {total}",
+    de: "{n} von {total}",
+    es: "{n} de {total}",
+    it: "{n} di {total}",
+    ja: "{total}件中{n}件目",
+    ko: "{total}개 중 {n}번째",
+    pt: "{n} de {total}",
+    ru: "{n} из {total}",
+    zh: "第 {n} 个，共 {total} 个"
+  },
+  cardsRating: {
+    en: "Rated {value} out of {max}",
+    fr: "Noté {value} sur {max}",
+    de: "Bewertet mit {value} von {max}",
+    es: "Valoración: {value} de {max}",
+    it: "Valutato {value} su {max}",
+    ja: "{max}点中{value}点",
+    ko: "{max}점 만점에 {value}점",
+    pt: "Avaliado em {value} de {max}",
+    ru: "Оценка {value} из {max}",
+    zh: "评分 {value}/{max}"
+  },
+  cardsReviews: {
+    en: "{count} reviews",
+    fr: "{count} avis",
+    de: "{count} Bewertungen",
+    es: "{count} reseñas",
+    it: "{count} recensioni",
+    ja: "レビュー{count}件",
+    ko: "리뷰 {count}개",
+    pt: "{count} avaliações",
+    ru: "Отзывов: {count}",
+    zh: "{count} 条评价"
+  }
+};
+const kitStyles = '/* =========================================\n   @aparte/plugin-cards — what every card shares\n   =========================================\n   A card wears core\'s `.aparte-card` recipe (border, radius, surface) and adds only what\n   is its own: its width in the bubble, its one-line state drawing, its actions. Every\n   value is a token, so a theme that restyles `--aparte-*` restyles the cards with it.\n   */\n\n.aparte-rich-card {\n  --aparte-rich-card-max-inline-size: 26rem;\n  --aparte-rich-card-gap: var(--aparte-space-4);\n  --aparte-rich-card-padding: var(--aparte-space-6);\n\n  position: relative;\n  /* A definite width: a bubble shrinks to its content, so a percentage would resolve to\n     nothing. The card asks for its size and the bubble\'s own limit caps it. */\n  inline-size: var(--aparte-rich-card-max-inline-size);\n  max-inline-size: 100%;\n  margin-block: var(--aparte-space-3);\n  font-family: var(--aparte-font-family);\n  font-variant-numeric: tabular-nums;\n  line-height: 1.35;\n  isolation: isolate;\n}\n\n.aparte-rich-card__glyph {\n  display: inline-flex;\n  flex: none;\n  inline-size: var(--aparte-rich-card-glyph-size, 1.5rem);\n  block-size: var(--aparte-rich-card-glyph-size, 1.5rem);\n}\n\n.aparte-rich-card__glyph > svg {\n  inline-size: 100%;\n  block-size: 100%;\n  overflow: visible;\n}\n\n/* The one line a call shows when it has nothing to draw: waiting, refused, failed. */\n.aparte-rich-card[data-state="waiting"],\n.aparte-rich-card[data-state="refused"],\n.aparte-rich-card[data-state="unavailable"] {\n  inline-size: fit-content;\n  background: var(--aparte-surface-1);\n}\n\n.aparte-rich-card__strip {\n  display: flex;\n  align-items: center;\n  gap: var(--aparte-space-3);\n  padding: var(--aparte-space-3) var(--aparte-space-5);\n  color: var(--aparte-text-muted);\n  font-size: var(--aparte-font-size-md);\n  --aparte-rich-card-glyph-size: 1.25rem;\n}\n\n.aparte-rich-card__strip .aparte-rich-card__glyph {\n  opacity: 0.7;\n  filter: grayscale(0.6);\n}\n\n.aparte-rich-card__strip-title {\n  color: var(--aparte-text);\n  font-weight: var(--aparte-font-weight-medium);\n}\n\n.aparte-rich-card__strip-state::before {\n  content: "·";\n  margin-inline-end: var(--aparte-space-3);\n}\n\n/* Buttons under a card: the button recipe, laid out. */\n.aparte-rich-card__actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--aparte-space-3);\n  padding: var(--aparte-space-4) var(--aparte-rich-card-padding) var(--aparte-space-5);\n  border-block-start: var(--aparte-border-width) solid var(--aparte-border);\n  background: var(--aparte-surface-1);\n}\n\n/* A card this page did not set up: its sentence. */\n.aparte-rich-card__fallback {\n  margin-block: var(--aparte-space-2);\n}\n\n/* Sparklines: the line takes the card\'s accent, the area fades from it. */\n.aparte-rich-card__sparkline {\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n  overflow: visible;\n}\n\n.aparte-rich-card__sparkline-line {\n  fill: none;\n  stroke: var(--aparte-rich-card-spark, currentColor);\n  stroke-width: 2;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.aparte-rich-card__sparkline-area {\n  fill: var(--aparte-rich-card-spark, currentColor);\n  opacity: 0.14;\n  stroke: none;\n}\n\n/* ── Rating: five stars, the coloured row clipped to the value ─────────── */\n\n.aparte-rich-card__rating {\n  display: inline-flex;\n  align-items: center;\n  gap: var(--aparte-space-2);\n  font-size: var(--aparte-font-size-sm);\n  white-space: nowrap;\n}\n\n.aparte-rich-card__stars {\n  position: relative;\n  display: inline-block;\n  inline-size: 5.25em;\n  block-size: 1.05em;\n  flex: none;\n}\n\n.aparte-rich-card__stars-base,\n.aparte-rich-card__stars-fill {\n  position: absolute;\n  inset: 0;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.aparte-rich-card__stars-base { fill: color-mix(in oklab, var(--aparte-text) 16%, transparent); }\n\n.aparte-rich-card__stars-fill {\n  fill: var(--aparte-rich-card-star, #f5a623);\n  clip-path: inset(0 calc(100% - var(--aparte-rich-card-rating, 0%)) 0 0);\n}\n\n/* Right to left the fill grows from the right: the clip is mirrored. The stars are symmetric,\n   so the glyphs themselves need no flip — a scaleX(-1) here moved the fill back to the left. */\n.aparte-rich-card__stars-fill:dir(rtl) {\n  clip-path: inset(0 0 0 calc(100% - var(--aparte-rich-card-rating, 0%)));\n}\n\n.aparte-rich-card__stars svg {\n  display: block;\n  inline-size: 100%;\n  block-size: 100%;\n}\n\n.aparte-rich-card__rating-value { font-weight: var(--aparte-font-weight-semibold); }\n.aparte-rich-card__rating-count { color: var(--aparte-text-muted); }\n\n/* ── Carousel: native scrolling, snap points, two buttons ───────────────── */\n\n.aparte-rich-card__carousel {\n  --aparte-rich-card-slide-size: 13.5rem;\n  --aparte-rich-card-slide-gap: var(--aparte-space-4);\n  position: relative;\n}\n\n.aparte-rich-card__track {\n  display: grid;\n  grid-auto-flow: column;\n  grid-auto-columns: var(--aparte-rich-card-slide-size);\n  column-gap: var(--aparte-rich-card-slide-gap);\n  overflow-x: auto;\n  overscroll-behavior-x: contain;\n  scroll-snap-type: x mandatory;\n  /* Room round the slides for a tile\'s shadow, its lift on hover and its focus ring —\n     a scroller clips everything outside its box — given back by the margin, so the\n     slides still line up with what is above and below them. */\n  --aparte-rich-card-track-inset: var(--aparte-space-3);\n  --aparte-rich-card-track-inset-end: var(--aparte-space-6);\n  margin: calc(var(--aparte-rich-card-track-inset) * -1) calc(var(--aparte-rich-card-track-inset) * -1) calc(var(--aparte-rich-card-track-inset-end) * -1);\n  padding: var(--aparte-rich-card-track-inset) var(--aparte-rich-card-track-inset) var(--aparte-rich-card-track-inset-end);\n  scroll-padding-inline: var(--aparte-rich-card-track-inset);\n  scrollbar-width: none;\n}\n\n.aparte-rich-card__track::-webkit-scrollbar { display: none; }\n\n.aparte-rich-card__track:focus-visible {\n  outline: var(--aparte-focus-outline-width) solid var(--aparte-border-focus);\n  outline-offset: var(--aparte-focus-outline-offset);\n  border-radius: var(--aparte-radius-lg);\n}\n\n.aparte-rich-card__slide {\n  display: flex;\n  scroll-snap-align: start;\n  min-inline-size: 0;\n}\n\n.aparte-rich-card__slide > * { flex: 1; min-inline-size: 0; }\n\n.aparte-rich-card__nav {\n  position: absolute;\n  inset-block-start: 50%;\n  z-index: 1;\n  translate: 0 -50%;\n  border-radius: var(--aparte-radius-full);\n  box-shadow: 0 2px 10px -2px rgb(0 0 0 / 0.25);\n  opacity: 0;\n  transition: opacity var(--aparte-duration-fast, 120ms) ease;\n}\n\n.aparte-rich-card__nav--prev { inset-inline-start: calc(var(--aparte-space-3) * -1); }\n.aparte-rich-card__nav--next { inset-inline-end: calc(var(--aparte-space-3) * -1); }\n.aparte-rich-card__nav--prev:dir(rtl), .aparte-rich-card__nav--next:dir(rtl) { transform: scaleX(-1); }\n\n.aparte-rich-card__carousel[data-overflow] .aparte-rich-card__nav:not(:disabled) { opacity: 1; }\n.aparte-rich-card__carousel:not([data-overflow]) .aparte-rich-card__nav,\n.aparte-rich-card__nav:disabled { pointer-events: none; }\n\n/* ── Live cards: busy while the app answers a change ────────────────────── */\n\n.aparte-rich-card[data-busy] {\n  cursor: progress;\n}\n\n.aparte-rich-card[data-busy]::after {\n  content: "";\n  position: absolute;\n  inset-inline: 0;\n  inset-block-start: 0;\n  z-index: 3;\n  block-size: 2px;\n  background: linear-gradient(90deg, transparent, var(--aparte-primary), transparent);\n  background-size: 50% 100%;\n  background-repeat: no-repeat;\n  animation: aparte-rich-card-busy 1s linear infinite;\n}\n\n@keyframes aparte-rich-card-busy {\n  from { background-position: -50% 0; }\n  to { background-position: 150% 0; }\n}\n\n/* ── Controls: a row of choices, a switch, a slider ─────────────────────── */\n\n.aparte-rich-card__segmented {\n  display: inline-flex;\n  gap: 2px;\n  padding: 2px;\n  border-radius: var(--aparte-radius-full);\n  background: color-mix(in oklab, var(--aparte-text) 7%, transparent);\n}\n\n.aparte-rich-card__segment {\n  min-inline-size: 2.5rem;\n  /* 24px at least: the smallest target WCAG 2.2 accepts for a pointer (2.5.8). */\n  min-block-size: 1.5rem;\n  padding: var(--aparte-space-1) var(--aparte-space-3);\n  border: 0;\n  border-radius: var(--aparte-radius-full);\n  background: transparent;\n  color: var(--aparte-text-muted);\n  font: inherit;\n  font-size: var(--aparte-font-size-xs);\n  font-weight: var(--aparte-font-weight-semibold);\n  cursor: pointer;\n}\n\n.aparte-rich-card__segment:hover { color: var(--aparte-text); }\n\n.aparte-rich-card__segment[aria-pressed="true"] {\n  background: var(--aparte-surface-1);\n  color: var(--aparte-text);\n  box-shadow: 0 1px 3px rgb(0 0 0 / 0.14);\n  cursor: default;\n}\n\n.aparte-rich-card__segment:focus-visible,\n.aparte-rich-card__toggle:focus-visible,\n.aparte-rich-card__slider-input:focus-visible {\n  outline: var(--aparte-focus-outline-width) solid var(--aparte-border-focus);\n  outline-offset: var(--aparte-focus-outline-offset);\n}\n\n.aparte-rich-card__toggle {\n  position: relative;\n  flex: none;\n  inline-size: 2.5rem;\n  block-size: 1.5rem;\n  padding: 0;\n  border: 0;\n  border-radius: var(--aparte-radius-full);\n  background: color-mix(in oklab, var(--aparte-text) 22%, transparent);\n  cursor: pointer;\n  transition: background-color 0.15s ease;\n}\n\n.aparte-rich-card__toggle[aria-checked="true"] { background: var(--aparte-primary); }\n\n.aparte-rich-card__toggle-thumb {\n  position: absolute;\n  inset-block-start: 3px;\n  inset-inline-start: 3px;\n  inline-size: calc(1.5rem - 6px);\n  block-size: calc(1.5rem - 6px);\n  border-radius: var(--aparte-radius-full);\n  background: #fff;\n  box-shadow: 0 1px 3px rgb(0 0 0 / 0.25);\n  transition: inset-inline-start 0.15s ease;\n}\n\n.aparte-rich-card__toggle[aria-checked="true"] .aparte-rich-card__toggle-thumb {\n  inset-inline-start: calc(100% - 1.5rem + 3px);\n}\n\n.aparte-rich-card__slider {\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  gap: var(--aparte-space-1) var(--aparte-space-4);\n  font-size: var(--aparte-font-size-sm);\n}\n\n.aparte-rich-card__slider-label { color: var(--aparte-text-muted); }\n\n.aparte-rich-card__slider-value {\n  grid-row: 1;\n  grid-column: 2;\n  font-weight: var(--aparte-font-weight-semibold);\n  font-variant-numeric: tabular-nums;\n}\n\n.aparte-rich-card__slider-input {\n  grid-column: 1 / -1;\n  inline-size: 100%;\n  margin: 0;\n  accent-color: var(--aparte-primary);\n  cursor: pointer;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .aparte-rich-card,\n  .aparte-rich-card::after,\n  .aparte-rich-card *,\n  .aparte-rich-card *::before,\n  .aparte-rich-card *::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n';
+const CARD_SEGMENT_TYPE = "card";
+const registries = /* @__PURE__ */ new WeakMap();
+function drawCardSegment(config, segment) {
+  return registries.get(config)?.get(segment.card)?.at(-1)?.draw(segment) ?? null;
+}
+function cardsSetUp(config) {
+  return [...registries.get(config)?.keys() ?? []];
+}
+const bindings = /* @__PURE__ */ new WeakMap();
+const MARKUP = ":markup";
+function apply(target, compute, attr) {
+  const text = compute();
+  if (attr === MARKUP) target.innerHTML = text;
+  else if (attr) target.setAttribute(attr, text);
+  else target.textContent = text;
+}
+function bindMarkup(target, compute) {
+  apply(target, compute, MARKUP);
+  const list = bindings.get(target) ?? [];
+  list.push({ attr: MARKUP, compute });
+  bindings.set(target, list);
+  target.setAttribute("data-card-bound", "");
+}
+function relabel(root) {
+  const own = bindings.get(root);
+  if (own) for (const b of own) apply(root, b.compute, b.attr);
+  for (const node of root.querySelectorAll("[data-card-bound]")) {
+    for (const b of bindings.get(node) ?? []) apply(node, b.compute, b.attr);
+  }
+}
+function makeContext(config, variant, source, card, onChange) {
+  const bind = (target, compute, attr) => {
+    apply(target, compute, attr);
+    const list = bindings.get(target) ?? [];
+    list.push({ attr, compute });
+    bindings.set(target, list);
+    target.setAttribute("data-card-bound", "");
+  };
+  return {
+    config,
+    variant,
+    source,
+    bind,
+    word: (target, key, table, vars) => bind(target, () => word(config, key, table, vars)),
+    action: (action, data, className) => actionButton(card, action, data, className),
+    change: (name, value) => onChange?.(name, value),
+    live: onChange !== void 0
+  };
+}
+function patch(element, next) {
+  const active = typeof document === "undefined" ? null : document.activeElement;
+  let key = null;
+  let path = null;
+  if (active instanceof HTMLElement && element.contains(active) && active !== element) {
+    key = active.getAttribute("data-card-key");
+    path = [];
+    for (let node = active; node !== element; node = node.parentElement) {
+      path.unshift(Array.prototype.indexOf.call(node.parentElement.children, node));
+    }
+  }
+  for (const name of element.getAttributeNames()) if (!next.hasAttribute(name)) element.removeAttribute(name);
+  for (const name of next.getAttributeNames()) element.setAttribute(name, next.getAttribute(name));
+  element.replaceChildren(...next.childNodes);
+  const moved = bindings.get(next);
+  if (moved) bindings.set(element, moved);
+  const from = drawnFrom.get(next);
+  if (from === void 0) drawnFrom.delete(element);
+  else drawnFrom.set(element, from);
+  homes.set(next, element);
+  if (key !== null || path) {
+    let target = key ? element.querySelector(`[data-card-key="${cssEscape(key)}"]`) : null;
+    if (!target && path) {
+      target = element;
+      for (const i of path) target = target?.children[i] ?? null;
+    }
+    if (target instanceof HTMLElement) target.focus({ preventScroll: true });
+  }
+}
+const homes = /* @__PURE__ */ new WeakMap();
+const changeTurns = /* @__PURE__ */ new WeakMap();
+const queues = /* @__PURE__ */ new WeakMap();
+const drawnFrom = /* @__PURE__ */ new WeakMap();
+function bumpTurn(element) {
+  changeTurns.set(element, (changeTurns.get(element) ?? 0) + 1);
+  queues.delete(element);
+}
+function busy(element, on) {
+  element.toggleAttribute("data-busy", on);
+  if (on) element.setAttribute("aria-busy", "true");
+  else element.removeAttribute("aria-busy");
+}
+function actionButton(card, action, data, className = "") {
+  if (!action || typeof action.label !== "string" || !action.label.trim()) return null;
+  const url = action.url === void 0 ? void 0 : safeUrl(action.url);
+  if (action.url !== void 0 && !url) return null;
+  if (!url && action.send === void 0 && action.id === void 0) return null;
+  const button = el("button", {
+    class: `aparte-btn aparte-btn--sm ${action.primary ? "aparte-btn--primary aparte-btn--solid" : "aparte-btn--surface"} aparte-rich-card__action${className ? ` ${className}` : ""}`,
+    attrs: { type: "button" },
+    text: action.label
+  });
+  button.addEventListener("click", (event) => {
+    event.stopPropagation();
+    runAction(card, button, action, url, data);
+  });
+  return button;
+}
+function runAction(card, button, action, url, data) {
+  const detail = { card, action, data };
+  const proceed = button.dispatchEvent(new CustomEvent("aparte-card-action", {
+    detail,
+    bubbles: true,
+    composed: true,
+    cancelable: true
+  }));
+  if (!proceed) return;
+  if (url) {
+    if (/^https?:/i.test(url)) window.open(url, "_blank", "noopener,noreferrer");
+    else window.location.href = url;
+    return;
+  }
+  if (action.send !== void 0) {
+    const composer = button.closest("aparte-chat, [data-aparte-chat]")?.querySelector("aparte-composer") ?? document.querySelector("aparte-composer");
+    if (!composer) {
+      console.warn(`[aparte-cards] the ${card} card has no <aparte-composer> to send "${action.send}" through.`);
+      return;
+    }
+    if (composer.streaming || composer.panelActive) return;
+    const draft = composer.value;
+    composer.setValue(action.send);
+    composer.submit();
+    if (draft.trim()) composer.setValue(draft);
+  }
+}
+function parseResult(segment) {
+  if (segment.structuredResult !== void 0) return segment.structuredResult;
+  const text = segment.result;
+  if (typeof text !== "string") return void 0;
+  try {
+    return JSON.parse(text);
+  } catch {
+    return text;
+  }
+}
+function stateOf(segment) {
+  switch (segment.status) {
+    case "resolved":
+      return "ready";
+    case "pending":
+      return "loading";
+    case "awaiting-approval":
+      return "waiting";
+    case "rejected":
+      return "refused";
+    default:
+      return "unavailable";
+  }
+}
+function defineCard(definition) {
+  const styles = `${kitStyles}
+${definition.styles}`;
+  const defaultVariant = definition.variants[0];
+  const known = new Set(definition.variants);
+  const warned = /* @__PURE__ */ new WeakSet();
+  function chooseVariant(options, data, asked) {
+    const wanted = asked ?? (typeof options.variant === "function" ? data ? options.variant(data) : void 0 : options.variant);
+    return wanted && known.has(wanted) ? wanted : defaultVariant;
+  }
+  function root(state, variant, id) {
+    return el("div", {
+      class: `aparte-segment aparte-card aparte-rich-card aparte-${definition.name}-card`,
+      attrs: {
+        "data-segment-id": id,
+        "data-card": definition.name,
+        "data-variant": variant,
+        "data-state": state,
+        role: "group",
+        "aria-busy": state === "loading" ? "true" : void 0
+      }
+    });
+  }
+  function actionsOf(options, data) {
+    const buttons = (options.actions?.(data) ?? []).map((action) => actionButton(definition.name, action, data)).filter((b) => b !== null).slice(0, 3);
+    return buttons.length ? el("div", { class: "aparte-rich-card__actions" }, ...buttons) : null;
+  }
+  function strip(config, state, partial, variant, id, source = "tool") {
+    const node = root(state, variant, id);
+    const ctx = makeContext(config, variant, source, definition.name);
+    const key = state === "waiting" ? "cardsWaiting" : state === "refused" ? "cardsRefused" : "cardsUnavailable";
+    const title = el("span", { class: "aparte-rich-card__strip-title" });
+    ctx.bind(title, () => definition.label(partial, ctx));
+    const status = el("span", { class: "aparte-rich-card__strip-state" });
+    ctx.word(status, key, KIT_WORDS[key]);
+    node.append(el("div", { class: "aparte-rich-card__strip" }, glyph(definition.icon), title, status));
+    ctx.bind(node, () => definition.label(partial, ctx), "aria-label");
+    return node;
+  }
+  function drawTool(options, config, segment2) {
+    const state = stateOf(segment2);
+    const input = segment2.toolCall?.input ?? {};
+    const readInput = options.mapInput ?? definition.partial;
+    let partial = null;
+    try {
+      partial = readInput?.(input) ?? null;
+    } catch {
+      partial = null;
+    }
+    if (state === "loading") {
+      const variant = chooseVariant(options, null);
+      const node = root(state, variant, segment2.id);
+      const ctx = makeContext(config, variant, "tool", definition.name);
+      node.append(...definition.skeleton(partial, ctx));
+      ctx.bind(node, () => `${definition.label(partial, ctx)} — ${word(config, "cardsLoading", KIT_WORDS.cardsLoading)}`, "aria-label");
+      return node;
+    }
+    if (state !== "ready") return strip(config, state, partial, chooseVariant(options, null), segment2.id);
+    let data = null;
+    let from = "";
+    try {
+      const raw = parseResult(segment2);
+      from = fingerprint(raw);
+      const live = recall(options, `tool:${segment2.id}`, from);
+      if (live) return drawData(options, config, live.data, live.variant, segment2.id, "tool", from);
+      data = definition.normalize(options.map ? options.map(raw, input, segment2) : raw);
+    } catch (error) {
+      console.warn(`[aparte-cards] the ${definition.name} card's map threw:`, error);
+    }
+    if (!data) {
+      if (!warned.has(options)) {
+        warned.add(options);
+        console.warn(`[aparte-cards] the ${definition.name} card got a result it cannot draw — check its \`map\` (tool "${segment2.toolCall?.name}").`);
+      }
+      return strip(config, "unavailable", partial, chooseVariant(options, null), segment2.id);
+    }
+    return drawData(options, config, data, chooseVariant(options, data), segment2.id, "tool", from);
+  }
+  const kept = /* @__PURE__ */ new WeakMap();
+  function recall(options, key, from) {
+    const entry = kept.get(options)?.get(key);
+    return entry && from && entry.from === from ? entry : void 0;
+  }
+  function remember(options, key, from, data, variant) {
+    if (!from) return;
+    const byKey = kept.get(options) ?? /* @__PURE__ */ new Map();
+    kept.set(options, byKey);
+    byKey.delete(key);
+    byKey.set(key, { from, data, variant });
+    if (byKey.size > KEPT_MAX) byKey.delete(byKey.keys().next().value);
+  }
+  function drawData(options, config, data, variant, id, source, from) {
+    const node = root("ready", variant, id);
+    drawnFrom.set(node, from);
+    const onChange = (name, value) => void change(homes.get(node) ?? node, options, config, data, variant, id, source, from, name, value);
+    const ctx = makeContext(config, variant, source, definition.name, options.onChange ? onChange : void 0);
+    node.append(...definition.render(data, ctx));
+    const actions = actionsOf(options, data);
+    if (actions) node.append(actions);
+    ctx.bind(node, () => definition.label(data, ctx), "aria-label");
+    return node;
+  }
+  async function change(node, options, config, data, variant, id, source, from, name, value) {
+    const element = node;
+    const waiting = queues.get(element);
+    const detail = { card: definition.name, name, value, data: waiting?.data ?? data };
+    const proceed = element.dispatchEvent(new CustomEvent("aparte-card-change", {
+      detail,
+      bubbles: true,
+      composed: true,
+      cancelable: true
+    }));
+    if (!proceed || !options.onChange) return;
+    const queue = waiting ?? { pending: /* @__PURE__ */ new Map(), running: false, data, variant };
+    queues.set(element, queue);
+    queue.pending.delete(name);
+    queue.pending.set(name, value);
+    if (queue.running) return;
+    queue.running = true;
+    const turn = changeTurns.get(element) ?? 0;
+    busy(element, true);
+    try {
+      while (queue.pending.size > 0) {
+        const [nextName, nextValue] = queue.pending.entries().next().value;
+        queue.pending.delete(nextName);
+        let next;
+        try {
+          next = await options.onChange({ name: nextName, value: nextValue }, queue.data);
+        } catch (error) {
+          console.warn(`[aparte-cards] the ${definition.name} card's onChange threw:`, error);
+          continue;
+        }
+        if ((changeTurns.get(element) ?? 0) !== turn) return;
+        if (next === void 0 || next === null) continue;
+        const fresh = definition.normalize(next);
+        if (!fresh) {
+          console.warn(`[aparte-cards] the ${definition.name} card's onChange returned data it cannot draw — it was left as it was.`);
+          continue;
+        }
+        queue.data = fresh;
+        queue.variant = chooseVariant(options, fresh, queue.variant);
+        remember(options, `${source}:${id}`, from, fresh, queue.variant);
+        patch(element, drawData(options, config, fresh, queue.variant, id, source, from));
+        if (queue.pending.size > 0) busy(element, true);
+      }
+    } finally {
+      queue.running = false;
+      if (queues.get(element) === queue) queues.delete(element);
+      if ((changeTurns.get(element) ?? 0) === turn) busy(element, false);
+    }
+  }
+  function setup(options = {}) {
+    const config = options.config ?? aparteGlobalConfig;
+    const matchers = options.tool === void 0 ? [] : Array.isArray(options.tool) ? options.tool : [options.tool];
+    const toolRenderer = {
+      render: (segment2) => drawTool(options, config, segment2),
+      // Same element, new inside: the card the reader is looking at stays put.
+      update: (element, segment2) => {
+        const next = drawTool(options, config, segment2);
+        if (drawnFrom.get(next) !== drawnFrom.get(element)) bumpTurn(element);
+        const wasBusy = element.hasAttribute("data-busy") && queues.has(element);
+        patch(element, next);
+        if (wasBusy) busy(element, true);
+      },
+      relabel: (element) => relabel(element),
+      getStyles: () => styles
+    };
+    const restores = matchers.map((match) => config.overrideToolRenderer(match, toolRenderer));
+    const registry = registries.get(config) ?? /* @__PURE__ */ new Map();
+    registries.set(config, registry);
+    const entry = {
+      draw: (segment2) => {
+        const from = fingerprint(segment2.data);
+        const live = recall(options, `segment:${segment2.id}`, from);
+        if (live) return drawData(options, config, live.data, live.variant, segment2.id, "segment", from);
+        const data = definition.normalize(segment2.data);
+        const variant = chooseVariant(options, data, segment2.variant);
+        if (!data) return strip(config, "unavailable", null, variant, segment2.id, "segment");
+        return drawData(options, config, data, variant, segment2.id, "segment", from);
+      }
+    };
+    const stack = registry.get(definition.name) ?? [];
+    stack.push(entry);
+    registry.set(definition.name, stack);
+    const restoreSegments = overrideSegmentRenderer(cardSegmentRenderer(config), config);
+    let stopped = false;
+    return () => {
+      if (stopped) return;
+      stopped = true;
+      for (const restore of restores) restore();
+      const own = registry.get(definition.name);
+      const at = own?.indexOf(entry) ?? -1;
+      if (own && at >= 0) own.splice(at, 1);
+      if (own && own.length === 0) registry.delete(definition.name);
+      restoreSegments();
+    };
+  }
+  function segment(raw, options = {}) {
+    const config = options.config ?? aparteGlobalConfig;
+    const data = definition.normalize(raw);
+    const ctx = makeContext(config, options.variant ?? defaultVariant, "segment", definition.name);
+    return {
+      id: options.id ?? `card-${definition.name}-${Math.random().toString(36).slice(2, 10)}`,
+      type: CARD_SEGMENT_TYPE,
+      card: definition.name,
+      data: raw,
+      ...options.variant ? { variant: options.variant } : {},
+      ...data ? { fallback: definition.fallback(data, ctx) } : {}
+    };
+  }
+  sheets.add(styles);
+  return { name: definition.name, variants: definition.variants, setup, segment };
+}
+const sheets = /* @__PURE__ */ new Set();
+const KEPT_MAX = 100;
+function fingerprint(raw) {
+  try {
+    return JSON.stringify(raw) ?? "";
+  } catch {
+    return "";
+  }
+}
+function cardSegmentRenderer(config) {
+  return {
+    type: CARD_SEGMENT_TYPE,
+    render: (segment) => {
+      const entry = registries.get(config)?.get(segment.card)?.at(-1);
+      if (entry) return entry.draw(segment);
+      return el("p", { class: "aparte-segment aparte-rich-card__fallback", attrs: { "data-segment-id": segment.id }, text: segment.fallback ?? "" });
+    },
+    // A card segment sent again with new data (`updateSegment`) is drawn in place.
+    update: (element, segment) => {
+      const entry = registries.get(config)?.get(segment.card)?.at(-1);
+      if (!entry) return;
+      if (!element.hasAttribute("data-card")) {
+        element.replaceWith(entry.draw(segment));
+        return;
+      }
+      const next = entry.draw(segment);
+      if (drawnFrom.get(next) !== drawnFrom.get(element)) bumpTurn(element);
+      const wasBusy = element.hasAttribute("data-busy") && queues.has(element);
+      patch(element, next);
+      if (wasBusy) busy(element, true);
+    },
+    relabel: (element) => relabel(element),
+    getStyles: () => [...sheets].join("\n")
+  };
+}
+function toDate(value) {
+  if (value instanceof Date) return Number.isNaN(value.getTime()) ? null : value;
+  if (typeof value === "number" && Number.isFinite(value)) {
+    const d = new Date(value < 1e12 ? value * 1e3 : value);
+    return Number.isNaN(d.getTime()) ? null : d;
+  }
+  if (typeof value === "string" && value.trim()) {
+    const day = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value.trim());
+    if (day) {
+      const local = new Date(Number(day[1]), Number(day[2]) - 1, Number(day[3]));
+      return local.getMonth() === Number(day[2]) - 1 ? local : null;
+    }
+    const d = new Date(value.trim());
+    return Number.isNaN(d.getTime()) ? null : d;
+  }
+  return null;
+}
+function formatNumber(config, value, options = {}) {
+  return new Intl.NumberFormat(intlTag(config), options).format(value);
+}
+function formatPrice(config, amount, currency) {
+  const code = currencyCode(currency);
+  const plain = () => formatNumber(config, amount, { minimumFractionDigits: Number.isInteger(amount) ? 0 : 2, maximumFractionDigits: 2 });
+  if (!code) return typeof currency === "string" && currency.trim() ? `${plain()} ${currency.trim()}` : plain();
+  try {
+    return formatNumber(config, amount, { style: "currency", currency: code });
+  } catch {
+    return `${formatNumber(config, amount, { maximumFractionDigits: 2 })} ${currency}`;
+  }
+}
+const SYMBOLS = { "€": "EUR", $: "USD", "£": "GBP", "¥": "JPY", "₩": "KRW", "₽": "RUB", "₹": "INR", "R$": "BRL", CHF: "CHF" };
+function currencyCode(value) {
+  if (typeof value !== "string" || !value.trim()) return void 0;
+  const v = value.trim();
+  if (SYMBOLS[v]) return SYMBOLS[v];
+  return /^[A-Za-z]{3}$/.test(v) ? v.toUpperCase() : void 0;
+}
+const AMOUNT = /(?:\d|[.,]\d)[\d.,'\s]*/;
+const DOLLARS = { US: "USD", CA: "CAD", A: "AUD", AU: "AUD", NZ: "NZD", HK: "HKD", S: "SGD", SG: "SGD", MX: "MXN", NT: "TWD", R: "BRL" };
+let isoCodes;
+function isCurrency(code) {
+  if (isoCodes === void 0) {
+    try {
+      isoCodes = new Set(Intl.supportedValuesOf("currency"));
+    } catch {
+      isoCodes = null;
+    }
+  }
+  return isoCodes ? isoCodes.has(code) : /^[A-Z]{3}$/.test(code);
+}
+function currencyIn(text) {
+  const dollar = /(?:^|[^A-Za-z])([A-Z]{1,2})\$/.exec(text);
+  if (dollar && DOLLARS[dollar[1]]) return DOLLARS[dollar[1]];
+  if (/(?:^|[^A-Za-z])CHF(?:$|[^A-Za-z])/.test(text)) return "CHF";
+  const sign = /[€£¥₩₽₹$]/.exec(text);
+  if (sign) return currencyCode(sign[0]);
+  const words = text.match(/[A-Za-z]+/g) ?? [];
+  for (const w of words) {
+    const code = w.toUpperCase();
+    if (w.length === 3 && (w === code || words.length === 1) && isCurrency(code)) return code;
+  }
+  return void 0;
+}
+function readPriceText(text) {
+  const match = AMOUNT.exec(text);
+  const currency = currencyIn(text.replace(AMOUNT, " "));
+  if (!match) return currency ? { currency } : {};
+  let digits = match[0].replace(/[\s']/g, "").replace(/[.,]+$/, "");
+  const dot = digits.lastIndexOf(".");
+  const comma = digits.lastIndexOf(",");
+  if (dot >= 0 && comma >= 0) {
+    const [decimal, group] = dot > comma ? [".", ","] : [",", "."];
+    digits = digits.split(group).join("").replace(decimal, ".");
+  } else if (comma >= 0) {
+    digits = /^\d*,\d{1,2}$/.test(digits) ? digits.replace(",", ".") : digits.split(",").join("");
+  } else if (dot >= 0 && (digits.indexOf(".") !== dot || /^[1-9]\d{0,2}\.\d{3}$/.test(digits))) {
+    digits = digits.split(".").join("");
+  }
+  const n = Number(digits);
+  if (!Number.isFinite(n)) return currency ? { currency } : {};
+  const amount = /[-−][^\d]*$/.test(text.slice(0, match.index)) ? -n : n;
+  return currency ? { amount, currency } : { amount };
+}
+function formatPercent(config, ratio) {
+  return formatNumber(config, ratio, { style: "percent", maximumFractionDigits: 0 });
+}
+function formatUnit(config, value, unit, digits = 0) {
+  try {
+    return formatNumber(config, value, { style: "unit", unit, unitDisplay: "short", maximumFractionDigits: digits });
+  } catch {
+    return `${formatNumber(config, value, { maximumFractionDigits: digits })} ${unit}`;
+  }
+}
+function formatDay(config, date, style = "short", now = /* @__PURE__ */ new Date()) {
+  const tag = intlTag(config);
+  const startOf = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+  const days = Math.round((startOf(date) - startOf(now)) / 864e5);
+  let text;
+  if (days === 0 || days === 1) {
+    text = new Intl.RelativeTimeFormat(tag, { numeric: "auto" }).format(days, "day");
+  } else {
+    text = new Intl.DateTimeFormat(tag, { weekday: style }).format(date);
+  }
+  return text.charAt(0).toLocaleUpperCase(tag) + text.slice(1);
+}
+function formatHour(config, date) {
+  const tag = intlTag(config);
+  const twelve = /h1[12]/.test(new Intl.DateTimeFormat(tag, { hour: "numeric" }).resolvedOptions().hourCycle ?? "");
+  return twelve ? new Intl.DateTimeFormat(tag, { hour: "numeric", minute: date.getMinutes() ? "2-digit" : void 0 }).format(date) : new Intl.DateTimeFormat(tag, { hour: "2-digit", minute: "2-digit" }).format(date);
+}
+function formatWhen(config, date) {
+  return new Intl.DateTimeFormat(intlTag(config), { weekday: "short", hour: "numeric", minute: "2-digit" }).format(date);
+}
+export {
+  CARD_SEGMENT_TYPE as C,
+  KIT_WORDS as K,
+  currencyCode as a,
+  defineCard as b,
+  cardsSetUp as c,
+  drawCardSegment as d,
+  el as e,
+  formatDay as f,
+  formatHour as g,
+  formatNumber as h,
+  formatPercent as i,
+  formatPrice as j,
+  formatUnit as k,
+  formatWhen as l,
+  glyph as m,
+  intlTag as n,
+  languageOf as o,
+  num as p,
+  str as q,
+  word as r,
+  safeUrl as s,
+  toDate as t,
+  readPriceText as u,
+  bindMarkup as v,
+  webUrl as w
+};
+//# sourceMappingURL=format-BFq79ydr.js.map