@aparte/plugin-cards 0.0.0-stage → 0.29.0

package/dist/order.js

@@ -0,0 +1,1843 @@
+import { d as defineCard, o as str, l as intlTag, e as el, c as currencyCode, w as webUrl, b as formatNumber, p as word, h as formatPrice, k as glyph, n as num, t as toDate, r as readPriceText } from "./format-CchcJRum.js";
+const svg = (body) => `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">${body}</svg>`;
+const BAG = svg('<path d="M5.5 8h13l-1 11.2a1.8 1.8 0 0 1-1.8 1.6H8.3a1.8 1.8 0 0 1-1.8-1.6z"/><path d="M9 10.5V6.8a3 3 0 0 1 6 0v3.7"/>');
+const CALENDAR = svg('<rect x="3.5" y="5" width="17" height="15.5" rx="2.2"/><path d="M3.5 9.8h17M8 3v4M16 3v4"/><path d="M7.5 13.6h2M11 13.6h2M14.5 13.6h2M7.5 16.8h2M11 16.8h2"/>');
+const BOX = svg('<path d="M3.8 7.6 12 3.5l8.2 4.1v8.8L12 20.5l-8.2-4.1z"/><path d="M3.8 7.6 12 11.7l8.2-4.1M12 11.7v8.8"/>');
+const TRUCK = svg('<path d="M2.8 6.5h10.4v9.3H2.8z"/><path d="M13.2 9.5h4.1l3 3.2v3.1h-7.1"/><circle cx="7" cy="17.3" r="1.7"/><circle cx="17" cy="17.3" r="1.7"/>');
+const CARD = svg('<rect x="2.8" y="5.5" width="18.4" height="13" rx="2"/><path d="M2.8 9.6h18.4M6.5 15h3.5"/>');
+const PIN = svg('<path d="M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z"/><circle cx="12" cy="10" r="2.3"/>');
+const PEOPLE = svg('<circle cx="9" cy="8.5" r="3"/><path d="M3.5 19c.6-3.2 2.8-5 5.5-5s4.9 1.8 5.5 5"/><circle cx="16.8" cy="9.3" r="2.4"/><path d="M15.8 14.2c2.4-.3 4.3 1.3 4.8 4.3"/>');
+const PERSON = svg('<circle cx="12" cy="8.5" r="3.5"/><path d="M5 20c.8-3.7 3.6-5.8 7-5.8s6.2 2.1 7 5.8"/>');
+const HOUSE = svg('<path d="M4 10.5 12 4l8 6.5V20H4z"/><path d="M9.5 20v-5.5h5V20"/>');
+const INFO = svg('<circle cx="12" cy="12" r="8.5"/><path d="M12 11v5"/><circle cx="12" cy="8" r=".6" fill="currentColor"/>');
+const CHEVRON = svg('<path d="M9.5 6l6 6-6 6"/>');
+const ARROW = svg('<path d="M4.5 12h15M14 6.5l5.5 5.5-5.5 5.5"/>');
+const MARKS = {
+  success: "M22 32.5l7 7 13.5-14.5",
+  info: "M32 22v10.5l7 4.5",
+  danger: "M24.5 24.5l15 15M39.5 24.5l-15 15",
+  neutral: "M25.5 27.5h9.5a6.5 6.5 0 0 1 0 13h-8M30 22.5l-5 5 5 5"
+};
+function seal(tone) {
+  return `<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><circle class="aparte-order__seal-halo" cx="32" cy="32" r="31"/><circle class="aparte-order__seal-disc" cx="32" cy="32" r="22"/><path class="aparte-order__seal-mark" pathLength="1" d="${MARKS[tone]}"/></svg>`;
+}
+const orderStyles = `/* =========================================
+   The order card — @aparte/plugin-cards/order
+   =========================================
+   Three variants of one card, chosen by \`data-variant\` on its root:
+     receipt       the whole record, in bands: the header (kind, name, date, status),
+                   the booking's dates, the lines, the totals under a rule, then the
+                   facts — payment, delivery, address — and the order's page.
+     compact       one row: the kind, the name over "3 items · €129.90", the pill, a
+                   chevron when it opens a page. Several in a list stay one line each.
+     confirmation  the moment it is placed: a seal drawn on, a headline, the number,
+                   the facts that matter as tiles, what to do next.
+   Every colour is a theme token or derived from one, so light and dark follow the chat.
+   */
+
+.aparte-order-card {
+  --aparte-order-kind-size: 2.25rem;
+  --aparte-order-thumb-size: 2.75rem;
+  --aparte-order-kind-bg: color-mix(in oklab, var(--aparte-primary) 14%, var(--aparte-surface-1));
+  --aparte-order-kind-ink: var(--aparte-primary-ink);
+  --aparte-order-rule: var(--aparte-border);
+  --aparte-order-soft-rule: color-mix(in oklab, var(--aparte-border) 60%, transparent);
+  --aparte-order-tile-bg: color-mix(in oklab, var(--aparte-surface-2) 55%, var(--aparte-surface-1));
+  /* A product photo is shot on white: the thumbnail's plate is near-white in both
+     schemes, and the photo is multiplied into it (the product card's rule). */
+  --aparte-order-thumb-bg: color-mix(in oklab, var(--aparte-text) 5%, #fff);
+  --aparte-order-placeholder: var(--aparte-surface-2);
+  --aparte-order-placeholder-ink: color-mix(in oklab, var(--aparte-text) 32%, transparent);
+  --aparte-order-saving: var(--aparte-success-ink);
+  --aparte-order-seal-size: 4.5rem;
+}
+
+/* ── Widths: each variant asks for its own; the bubble's limit caps them all ── */
+
+.aparte-order-card[data-variant="receipt"] { --aparte-rich-card-max-inline-size: 26rem; }
+.aparte-order-card[data-variant="compact"] { --aparte-rich-card-max-inline-size: 26rem; }
+.aparte-order-card[data-variant="confirmation"] { --aparte-rich-card-max-inline-size: 24rem; }
+
+/* On the drawn card only: a one-line state shrinks to its words, and a size container
+   cannot. */
+.aparte-order-card[data-state="ready"] {
+  container: aparte-order / inline-size;
+}
+
+/* ── The header ──────────────────────────────────────────────────────── */
+
+.aparte-order__head {
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-4);
+  padding: var(--aparte-space-5) var(--aparte-rich-card-padding);
+}
+
+/* The kind's glyph on a tile of the accent: the bag of an order, the calendar of a booking. */
+.aparte-order__kind {
+  --aparte-rich-card-glyph-size: var(--aparte-order-kind-size);
+  box-sizing: border-box;
+  padding: calc(var(--aparte-order-kind-size) * 0.22);
+  border-radius: var(--aparte-radius-lg);
+  background: var(--aparte-order-kind-bg);
+  color: var(--aparte-order-kind-ink);
+}
+
+.aparte-order__heading {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: var(--aparte-space-1);
+  min-inline-size: 0;
+}
+
+.aparte-order__title {
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-base);
+  font-weight: var(--aparte-font-weight-semibold);
+  line-height: 1.3;
+  overflow-wrap: anywhere;
+}
+
+.aparte-order__date {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-sm);
+}
+
+/* The pill: the badge recipe, with a dot in its tone before the word. */
+.aparte-order__status {
+  flex: none;
+  gap: var(--aparte-space-2);
+  margin-inline-start: auto;
+}
+
+.aparte-order__status-dot {
+  inline-size: 0.375rem;
+  block-size: 0.375rem;
+  border-radius: var(--aparte-radius-full);
+  background: var(--aparte-badge-intent, currentColor);
+}
+
+/* ── Bands ───────────────────────────────────────────────────────────── */
+
+.aparte-order__section {
+  margin: 0;
+  padding: var(--aparte-space-5) var(--aparte-rich-card-padding);
+  border-block-start: var(--aparte-border-width) solid var(--aparte-order-rule);
+}
+
+/* ── The lines ───────────────────────────────────────────────────────── */
+
+.aparte-order__items { padding-block: var(--aparte-space-2); }
+
+/* One grid for the list, each line a subgrid of it: the quantities line up in one column
+   and the totals in another, whatever the names' lengths. A browser without subgrid keeps
+   the first declaration and lays each line out alone — the totals still end-aligned. */
+.aparte-order__lines {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto auto;
+  column-gap: var(--aparte-space-4);
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.aparte-order__lines[data-thumbs] {
+  grid-template-columns: var(--aparte-order-thumb-size) minmax(0, 1fr) auto auto;
+}
+
+.aparte-order__line {
+  display: grid;
+  grid-column: 1 / -1;
+  grid-template-columns: minmax(0, 1fr) auto auto;
+  grid-template-columns: subgrid;
+  align-items: center;
+  column-gap: var(--aparte-space-4);
+  padding-block: var(--aparte-space-3);
+}
+
+[data-thumbs] > .aparte-order__line {
+  grid-template-columns: var(--aparte-order-thumb-size) minmax(0, 1fr) auto auto;
+  grid-template-columns: subgrid;
+}
+
+.aparte-order__line + .aparte-order__line {
+  border-block-start: var(--aparte-border-width) solid var(--aparte-order-soft-rule);
+}
+
+.aparte-order__qty { grid-column: -3 / -2; }
+.aparte-order__line-total { grid-column: -2 / -1; }
+
+.aparte-order__thumb {
+  position: relative;
+  display: grid;
+  place-items: center;
+  inline-size: var(--aparte-order-thumb-size);
+  aspect-ratio: 1;
+  overflow: hidden;
+  border: var(--aparte-border-width) solid var(--aparte-order-soft-rule);
+  border-radius: var(--aparte-radius-md);
+  background: var(--aparte-order-thumb-bg);
+  isolation: isolate;
+}
+
+.aparte-order__thumb[data-empty] { background: var(--aparte-order-placeholder); }
+
+.aparte-order__thumb-glyph {
+  grid-area: 1 / 1;
+  --aparte-rich-card-glyph-size: 45%;
+  color: var(--aparte-order-placeholder-ink);
+}
+
+.aparte-order__thumb:not([data-empty]) .aparte-order__thumb-glyph { visibility: hidden; }
+
+.aparte-order__image {
+  grid-area: 1 / 1;
+  box-sizing: border-box;
+  inline-size: 100%;
+  block-size: 100%;
+  padding: 6%;
+  object-fit: contain;
+  mix-blend-mode: multiply;
+}
+
+.aparte-order__image[hidden] { display: none; }
+
+.aparte-order__line-main {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-1);
+  min-inline-size: 0;
+}
+
+.aparte-order__line-title {
+  display: -webkit-box;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-md);
+  font-weight: var(--aparte-font-weight-medium);
+  line-height: 1.3;
+  overflow-wrap: anywhere;
+}
+
+.aparte-order__line-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0 var(--aparte-space-2);
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+}
+
+.aparte-order__line-meta > * + *::before,
+.aparte-order__row-part + .aparte-order__row-part::before {
+  content: "·";
+  margin-inline-end: var(--aparte-space-2);
+}
+
+.aparte-order__qty {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-sm);
+  white-space: nowrap;
+}
+
+.aparte-order__line-total {
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-md);
+  font-weight: var(--aparte-font-weight-medium);
+  text-align: end;
+  white-space: nowrap;
+}
+
+/* "and 4 more": a summary that reads as a link, the chevron turning as it opens. */
+.aparte-order__more > .aparte-order__lines {
+  border-block-start: var(--aparte-border-width) solid var(--aparte-order-soft-rule);
+}
+
+.aparte-order__more-toggle {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--aparte-space-2);
+  margin-block: var(--aparte-space-1) var(--aparte-space-2);
+  padding: var(--aparte-space-1) var(--aparte-space-2);
+  margin-inline-start: calc(var(--aparte-space-2) * -1);
+  border-radius: var(--aparte-radius-sm);
+  color: var(--aparte-primary-ink);
+  font-size: var(--aparte-font-size-sm);
+  font-weight: var(--aparte-font-weight-medium);
+  list-style: none;
+  cursor: pointer;
+  transition: background-color var(--aparte-duration-fast) ease;
+  --aparte-rich-card-glyph-size: 0.875rem;
+}
+
+.aparte-order__more-toggle::-webkit-details-marker { display: none; }
+.aparte-order__more-toggle:hover { background: var(--aparte-surface-2); }
+
+.aparte-order__more-toggle:focus-visible {
+  outline: var(--aparte-focus-outline-width) solid var(--aparte-border-focus);
+  outline-offset: var(--aparte-focus-outline-offset);
+}
+
+.aparte-order__more-chevron { transition: rotate var(--aparte-duration-base) ease; }
+.aparte-order__more-chevron:dir(rtl) { transform: scaleX(-1); }
+.aparte-order__more[open] .aparte-order__more-chevron { rotate: 90deg; }
+/* Mirrored first, then turned: a quarter turn the other way also ends pointing down. */
+.aparte-order__more[open] .aparte-order__more-chevron:dir(rtl) { rotate: -90deg; }
+
+.aparte-order__dropped {
+  padding-block: var(--aparte-space-2) var(--aparte-space-3);
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+}
+
+/* ── The totals ──────────────────────────────────────────────────────── */
+
+.aparte-order__totals {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-2);
+  background: var(--aparte-order-tile-bg);
+}
+
+.aparte-order__sum {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: var(--aparte-space-4);
+}
+
+.aparte-order__sum-label {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-md);
+}
+
+.aparte-order__sum-value {
+  margin: 0;
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-md);
+  text-align: end;
+  white-space: nowrap;
+}
+
+.aparte-order__sum--discount .aparte-order__sum-value,
+.aparte-order__sum--free .aparte-order__sum-value {
+  color: var(--aparte-order-saving);
+  font-weight: var(--aparte-font-weight-medium);
+}
+
+.aparte-order__sum--total {
+  align-items: center;
+  margin-block-start: var(--aparte-space-2);
+  padding-block-start: var(--aparte-space-4);
+  border-block-start: var(--aparte-border-width) solid var(--aparte-order-rule);
+}
+
+.aparte-order__sum--total .aparte-order__sum-label {
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-base);
+  font-weight: var(--aparte-font-weight-semibold);
+}
+
+.aparte-order__sum--total .aparte-order__sum-value {
+  font-size: var(--aparte-font-size-xl);
+  font-weight: var(--aparte-font-weight-bold);
+  letter-spacing: -0.01em;
+}
+
+/* A total alone needs no rule above it. */
+.aparte-order__sum--total:first-child {
+  margin-block-start: 0;
+  padding-block-start: 0;
+  border-block-start: 0;
+}
+
+/* ── The facts: payment, delivery, address, the tool's own ───────────── */
+
+.aparte-order__infos {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-4);
+}
+
+.aparte-order__info {
+  display: grid;
+  grid-template-columns: minmax(6.5rem, 38%) minmax(0, 1fr);
+  align-items: start;
+  gap: var(--aparte-space-1) var(--aparte-space-4);
+}
+
+.aparte-order__info-label {
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-2);
+  min-inline-size: 0;
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-sm);
+  line-height: 1.45;
+  --aparte-rich-card-glyph-size: 1rem;
+}
+
+.aparte-order__info-glyph { opacity: 0.85; }
+
+.aparte-order__info-value {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--aparte-space-2) var(--aparte-space-3);
+  min-inline-size: 0;
+  margin: 0;
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-md);
+  line-height: 1.45;
+  overflow-wrap: anywhere;
+}
+
+.aparte-order__multiline { white-space: pre-line; }
+
+.aparte-order__delivery-text {
+  display: flex;
+  flex-direction: column;
+  min-inline-size: 0;
+}
+
+.aparte-order__estimate { font-weight: var(--aparte-font-weight-medium); }
+
+.aparte-order__carrier {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-sm);
+}
+
+.aparte-order__track { flex: none; }
+
+/* On a narrow card a fact's label goes over its value rather than squeeze it. */
+@container aparte-order (max-width: 22rem) {
+  .aparte-order__info { grid-template-columns: minmax(0, 1fr); }
+}
+
+.aparte-order__foot {
+  display: flex;
+  justify-content: flex-end;
+  padding: var(--aparte-space-4) var(--aparte-rich-card-padding);
+  border-block-start: var(--aparte-border-width) solid var(--aparte-order-rule);
+}
+
+/* ── The booking: its dates as calendar leaves, then where and for whom ─ */
+
+.aparte-order__leaf {
+  display: inline-flex;
+  flex: none;
+  flex-direction: column;
+  align-items: center;
+  inline-size: 3.5rem;
+  overflow: hidden;
+  border: var(--aparte-border-width) solid var(--aparte-order-rule);
+  border-radius: var(--aparte-radius-lg);
+  background: var(--aparte-surface-1);
+  box-shadow: 0 1px 2px color-mix(in oklab, var(--aparte-text) 8%, transparent);
+  line-height: 1.1;
+  text-align: center;
+}
+
+.aparte-order__leaf-month {
+  align-self: stretch;
+  padding-block: var(--aparte-space-1);
+  background: var(--aparte-order-kind-bg);
+  color: var(--aparte-order-kind-ink);
+  font-size: var(--aparte-font-size-2xs);
+  font-weight: var(--aparte-font-weight-bold);
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.aparte-order__leaf-day {
+  padding-block-start: var(--aparte-space-2);
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-xl);
+  font-weight: var(--aparte-font-weight-bold);
+}
+
+.aparte-order__leaf-weekday {
+  padding-block: var(--aparte-space-1) var(--aparte-space-2);
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-2xs);
+}
+
+.aparte-order__day {
+  display: flex;
+  align-items: center;
+  gap: var(--aparte-space-5);
+}
+
+.aparte-order__day-text {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-1);
+  min-inline-size: 0;
+}
+
+.aparte-order__day-name {
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-base);
+  font-weight: var(--aparte-font-weight-semibold);
+}
+
+.aparte-order__day-hours {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-md);
+}
+
+.aparte-order__stay {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+  align-items: center;
+  gap: var(--aparte-space-3);
+}
+
+.aparte-order__stay-side {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--aparte-space-2);
+}
+
+.aparte-order__stay-time {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-sm);
+}
+
+.aparte-order__stay-span {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--aparte-space-2);
+  color: var(--aparte-text-muted);
+  --aparte-rich-card-glyph-size: 1.25rem;
+}
+
+.aparte-order__stay-arrow:dir(rtl) { transform: scaleX(-1); }
+
+.aparte-order__nights {
+  padding: var(--aparte-space-1) var(--aparte-space-3);
+  border-radius: var(--aparte-radius-full);
+  background: var(--aparte-surface-2);
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-xs);
+  font-weight: var(--aparte-font-weight-medium);
+  white-space: nowrap;
+}
+
+.aparte-order__places {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-2);
+  margin: 0;
+}
+
+.aparte-order__day + .aparte-order__places,
+.aparte-order__stay + .aparte-order__places {
+  margin-block-start: var(--aparte-space-5);
+}
+
+.aparte-order__place {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--aparte-space-3);
+}
+
+.aparte-order__place-label {
+  display: inline-flex;
+  flex: none;
+  color: var(--aparte-text-muted);
+  --aparte-rich-card-glyph-size: 1.125rem;
+}
+
+.aparte-order__place-value {
+  min-inline-size: 0;
+  margin: 0;
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-md);
+  line-height: 1.4;
+  overflow-wrap: anywhere;
+}
+
+/* ── compact: one row ────────────────────────────────────────────────── */
+
+.aparte-order__row {
+  position: relative;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto auto;
+  align-items: center;
+  column-gap: var(--aparte-space-4);
+  padding: var(--aparte-space-4) var(--aparte-space-5);
+  transition: background-color var(--aparte-duration-fast) ease;
+  --aparte-order-kind-size: 2rem;
+}
+
+.aparte-order__row-main {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-1);
+  min-inline-size: 0;
+}
+
+.aparte-order__row .aparte-order__title {
+  overflow: hidden;
+  font-size: var(--aparte-font-size-md);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.aparte-order__row-meta {
+  display: flex;
+  flex-wrap: wrap;
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-sm);
+}
+
+.aparte-order__row-part { white-space: nowrap; }
+.aparte-order__row-part + .aparte-order__row-part { margin-inline-start: var(--aparte-space-2); }
+
+.aparte-order__row .aparte-order__status { margin-inline-start: 0; }
+
+.aparte-order__link {
+  color: inherit;
+  text-decoration: none;
+  outline: none;
+}
+
+/* The title's link covers the row: one link, read once. */
+.aparte-order__link::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+
+.aparte-order__row[data-linked]:hover { background: var(--aparte-surface-2); }
+
+.aparte-order__row[data-linked]:hover .aparte-order__link {
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.18em;
+}
+
+/* The row reaches the card's clipped edges: its ring is drawn inside. */
+.aparte-order__row:has(.aparte-order__link:focus-visible) {
+  outline: var(--aparte-focus-outline-width) solid var(--aparte-border-focus);
+  outline-offset: calc(var(--aparte-focus-outline-width) * -1);
+}
+
+.aparte-order__chevron {
+  color: var(--aparte-text-muted);
+  transition: translate var(--aparte-duration-base) ease;
+  --aparte-rich-card-glyph-size: 1rem;
+}
+
+.aparte-order__chevron:dir(rtl) { transform: scaleX(-1); }
+.aparte-order__row[data-linked]:hover .aparte-order__chevron { translate: 2px 0; }
+.aparte-order__row[data-linked]:hover .aparte-order__chevron:dir(rtl) { translate: -2px 0; }
+
+/* ── confirmation: the seal, the headline, the tiles ─────────────────── */
+
+.aparte-order__confirm {
+  --aparte-order-tone: var(--aparte-success);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--aparte-space-2);
+  padding: var(--aparte-space-8) var(--aparte-rich-card-padding) var(--aparte-space-6);
+  background: radial-gradient(
+    120% 70% at 50% 0%,
+    color-mix(in oklab, var(--aparte-order-tone) 13%, transparent) 0%,
+    transparent 70%
+  );
+  text-align: center;
+}
+
+.aparte-order__confirm[data-tone="info"] { --aparte-order-tone: var(--aparte-info); }
+.aparte-order__confirm[data-tone="danger"] { --aparte-order-tone: var(--aparte-error); }
+.aparte-order__confirm[data-tone="neutral"] { --aparte-order-tone: var(--aparte-neutral); }
+
+.aparte-order__seal {
+  display: inline-flex;
+  inline-size: var(--aparte-order-seal-size);
+  block-size: var(--aparte-order-seal-size);
+  margin-block-end: var(--aparte-space-3);
+}
+
+.aparte-order__seal > svg {
+  inline-size: 100%;
+  block-size: 100%;
+  overflow: visible;
+}
+
+/* Each part rests in its final state; the animations only say where it came from, so
+   with motion turned off (the kit stops every animation) the seal is simply there. */
+.aparte-order__seal-halo {
+  fill: color-mix(in oklab, var(--aparte-order-tone) 16%, transparent);
+  transform-box: fill-box;
+  transform-origin: center;
+  animation: aparte-order-halo 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) backwards;
+}
+
+.aparte-order__seal-disc {
+  fill: var(--aparte-order-tone);
+  transform-box: fill-box;
+  transform-origin: center;
+  animation: aparte-order-pop 0.45s cubic-bezier(0.2, 0.9, 0.25, 1.3) backwards;
+}
+
+/* The mark in the card's own surface: light on the disc in a light theme, dark in a dark one. */
+.aparte-order__seal-mark {
+  fill: none;
+  stroke: var(--aparte-surface-1);
+  stroke-width: 4.5;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke-dasharray: 1;
+  stroke-dashoffset: 0;
+  animation: aparte-order-draw 0.4s 0.25s ease-out backwards;
+}
+
+@keyframes aparte-order-pop {
+  from { opacity: 0; transform: scale(0.4); }
+}
+
+@keyframes aparte-order-halo {
+  from { opacity: 0; transform: scale(0.55); }
+}
+
+@keyframes aparte-order-draw {
+  from { stroke-dashoffset: 1; }
+}
+
+.aparte-order__headline {
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-xl);
+  font-weight: var(--aparte-font-weight-semibold);
+  letter-spacing: -0.01em;
+  line-height: 1.25;
+  text-wrap: balance;
+}
+
+.aparte-order__ref {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-md);
+  overflow-wrap: anywhere;
+}
+
+.aparte-order__confirm > .aparte-order__status { margin: var(--aparte-space-1) 0 0; }
+
+.aparte-order__keyfacts {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));
+  gap: var(--aparte-space-3);
+  align-self: stretch;
+  margin: var(--aparte-space-5) 0 0;
+  text-align: start;
+}
+
+.aparte-order__keyfact {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-1);
+  min-inline-size: 0;
+  padding: var(--aparte-space-4);
+  border: var(--aparte-border-width) solid var(--aparte-order-soft-rule);
+  border-radius: var(--aparte-radius-lg);
+  background: var(--aparte-order-tile-bg);
+}
+
+.aparte-order__keyfact-label {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+  font-weight: var(--aparte-font-weight-medium);
+}
+
+.aparte-order__keyfact-value {
+  display: flex;
+  flex-direction: column;
+  gap: var(--aparte-space-1);
+  margin: 0;
+}
+
+.aparte-order__keyfact-text {
+  color: var(--aparte-text);
+  font-size: var(--aparte-font-size-md);
+  font-weight: var(--aparte-font-weight-semibold);
+  line-height: 1.3;
+  overflow-wrap: anywhere;
+}
+
+.aparte-order__keyfact--total .aparte-order__keyfact-text {
+  font-size: var(--aparte-font-size-lg);
+  font-weight: var(--aparte-font-weight-bold);
+  letter-spacing: -0.01em;
+}
+
+.aparte-order__keyfact-note {
+  color: var(--aparte-text-muted);
+  font-size: var(--aparte-font-size-xs);
+}
+
+.aparte-order__confirm-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--aparte-space-3);
+  align-self: stretch;
+  margin-block-start: var(--aparte-space-5);
+}
+
+.aparte-order__confirm-actions > .aparte-rich-card__action {
+  flex: 1 1 8rem;
+  justify-content: center;
+}
+
+/* ── Loading ─────────────────────────────────────────────────────────── */
+
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-title { inline-size: 8rem; block-size: 1rem; }
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-date { inline-size: 6rem; }
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-meta { inline-size: 9rem; }
+
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-pill {
+  flex: none;
+  inline-size: 4.5rem;
+  block-size: 1.25rem;
+  border-radius: var(--aparte-radius-full);
+}
+
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-thumb {
+  inline-size: var(--aparte-order-thumb-size);
+  block-size: var(--aparte-order-thumb-size);
+}
+
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-line--short { inline-size: 55%; }
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-price { inline-size: 3.5rem; margin: 0; }
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-label { inline-size: 5rem; }
+
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-seal {
+  inline-size: var(--aparte-order-seal-size);
+  block-size: var(--aparte-order-seal-size);
+  margin-block-end: var(--aparte-space-3);
+}
+
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-headline { inline-size: 11rem; block-size: 1.375rem; }
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-ref { inline-size: 6rem; margin: 0; }
+.aparte-order-card[data-state="loading"] .aparte-skeleton.aparte-order__sk-fact { block-size: 4rem; border-radius: var(--aparte-radius-lg); }
+
+.aparte-order__line > .aparte-order__sk-price { grid-column: -2 / -1; justify-self: end; }
+.aparte-order__line--skeleton + .aparte-order__line--skeleton { border-block-start: 0; }
+
+/* ── Small screens, motion ───────────────────────────────────────────── */
+
+@media (max-width: 380px) {
+  .aparte-order-card {
+    --aparte-order-thumb-size: 2.5rem;
+    --aparte-order-kind-size: 2rem;
+    --aparte-rich-card-padding: var(--aparte-space-5);
+  }
+
+  .aparte-order__row { column-gap: var(--aparte-space-3); padding-inline: var(--aparte-space-4); }
+  .aparte-order__keyfacts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
+  .aparte-order__leaf { inline-size: 3.125rem; }
+}
+
+/* The kit stops every animation and transition under reduced motion; the chevron's nudge
+   on hover is an end state, not a transition, so it is taken out here. */
+@media (prefers-reduced-motion: reduce) {
+  .aparte-order__row[data-linked]:hover .aparte-order__chevron,
+  .aparte-order__row[data-linked]:hover .aparte-order__chevron:dir(rtl) { translate: none; }
+
+  .aparte-order__seal-halo,
+  .aparte-order__seal-disc,
+  .aparte-order__seal-mark { animation: none; }
+}
+`;
+const P = {
+  cardsOrderOrder: { en: "Order", fr: "Commande", de: "Bestellung", es: "Pedido", it: "Ordine", ja: "注文", ko: "주문", pt: "Pedido", ru: "Заказ", zh: "订单" },
+  cardsOrderBooking: { en: "Booking", fr: "Réservation", de: "Buchung", es: "Reserva", it: "Prenotazione", ja: "予約", ko: "예약", pt: "Reserva", ru: "Бронирование", zh: "预订" },
+  cardsOrderNumbered: { en: "Order {reference}", fr: "Commande {reference}", de: "Bestellung {reference}", es: "Pedido {reference}", it: "Ordine {reference}", ja: "注文 {reference}", ko: "주문 {reference}", pt: "Pedido {reference}", ru: "Заказ {reference}", zh: "订单 {reference}" },
+  cardsOrderBookingNumbered: { en: "Booking {reference}", fr: "Réservation {reference}", de: "Buchung {reference}", es: "Reserva {reference}", it: "Prenotazione {reference}", ja: "予約 {reference}", ko: "예약 {reference}", pt: "Reserva {reference}", ru: "Бронирование {reference}", zh: "预订 {reference}" },
+  cardsOrderStatus_pending: { en: "Pending", fr: "En attente", de: "Ausstehend", es: "Pendiente", it: "In attesa", ja: "保留中", ko: "대기 중", pt: "Pendente", ru: "Ожидает", zh: "待处理" },
+  cardsOrderStatus_confirmed: { en: "Confirmed", fr: "Confirmée", de: "Bestätigt", es: "Confirmado", it: "Confermato", ja: "確定済み", ko: "확인됨", pt: "Confirmado", ru: "Подтверждён", zh: "已确认" },
+  cardsOrderStatus_processing: { en: "Processing", fr: "En préparation", de: "In Bearbeitung", es: "En preparación", it: "In preparazione", ja: "準備中", ko: "처리 중", pt: "Em preparação", ru: "В обработке", zh: "处理中" },
+  cardsOrderStatus_shipped: { en: "Shipped", fr: "Expédiée", de: "Versandt", es: "Enviado", it: "Spedito", ja: "発送済み", ko: "배송 중", pt: "Enviado", ru: "Отправлен", zh: "已发货" },
+  cardsOrderStatus_delivered: { en: "Delivered", fr: "Livrée", de: "Zugestellt", es: "Entregado", it: "Consegnato", ja: "配達済み", ko: "배송 완료", pt: "Entregue", ru: "Доставлен", zh: "已送达" },
+  cardsOrderStatus_cancelled: { en: "Cancelled", fr: "Annulée", de: "Storniert", es: "Cancelado", it: "Annullato", ja: "キャンセル済み", ko: "취소됨", pt: "Cancelado", ru: "Отменён", zh: "已取消" },
+  cardsOrderStatus_refunded: { en: "Refunded", fr: "Remboursée", de: "Erstattet", es: "Reembolsado", it: "Rimborsato", ja: "返金済み", ko: "환불됨", pt: "Reembolsado", ru: "Деньги возвращены", zh: "已退款" },
+  cardsOrderStatus_failed: { en: "Failed", fr: "Échouée", de: "Fehlgeschlagen", es: "Fallido", it: "Non riuscito", ja: "失敗", ko: "실패", pt: "Falhou", ru: "Не выполнен", zh: "失败" },
+  // A booking is feminine where an order is masculine (es, it, pt) and neuter in Russian:
+  // the words that agree with it are its own.
+  cardsOrderBookingStatus_pending: { en: "Pending", fr: "En attente", de: "Ausstehend", es: "Pendiente", it: "In attesa", ja: "保留中", ko: "대기 중", pt: "Pendente", ru: "Ожидает", zh: "待确认" },
+  cardsOrderBookingStatus_confirmed: { en: "Confirmed", fr: "Confirmée", de: "Bestätigt", es: "Confirmada", it: "Confermata", ja: "確定済み", ko: "확정됨", pt: "Confirmada", ru: "Подтверждено", zh: "已确认" },
+  cardsOrderBookingStatus_cancelled: { en: "Cancelled", fr: "Annulée", de: "Storniert", es: "Cancelada", it: "Annullata", ja: "キャンセル済み", ko: "취소됨", pt: "Cancelada", ru: "Отменено", zh: "已取消" },
+  cardsOrderBookingStatus_refunded: { en: "Refunded", fr: "Remboursée", de: "Erstattet", es: "Reembolsada", it: "Rimborsata", ja: "返金済み", ko: "환불됨", pt: "Reembolsada", ru: "Деньги возвращены", zh: "已退款" },
+  cardsOrderBookingStatus_failed: { en: "Failed", fr: "Échouée", de: "Fehlgeschlagen", es: "Fallida", it: "Non riuscita", ja: "失敗", ko: "실패", pt: "Falhou", ru: "Не выполнено", zh: "失败" },
+  cardsOrderHeadline_pending: { en: "Order placed", fr: "Commande passée", de: "Bestellung aufgegeben", es: "Pedido realizado", it: "Ordine effettuato", ja: "ご注文を受け付けました", ko: "주문이 접수되었습니다", pt: "Pedido realizado", ru: "Заказ оформлен", zh: "订单已提交" },
+  cardsOrderHeadline_confirmed: { en: "Order confirmed", fr: "Commande confirmée", de: "Bestellung bestätigt", es: "Pedido confirmado", it: "Ordine confermato", ja: "ご注文が確定しました", ko: "주문이 확인되었습니다", pt: "Pedido confirmado", ru: "Заказ подтверждён", zh: "订单已确认" },
+  cardsOrderHeadline_processing: { en: "Order being prepared", fr: "Commande en préparation", de: "Bestellung wird bearbeitet", es: "Pedido en preparación", it: "Ordine in preparazione", ja: "ご注文を準備中です", ko: "주문을 준비 중입니다", pt: "Pedido em preparação", ru: "Заказ собирается", zh: "订单处理中" },
+  cardsOrderHeadline_shipped: { en: "Order shipped", fr: "Commande expédiée", de: "Bestellung versandt", es: "Pedido enviado", it: "Ordine spedito", ja: "ご注文を発送しました", ko: "주문이 발송되었습니다", pt: "Pedido enviado", ru: "Заказ отправлен", zh: "订单已发货" },
+  cardsOrderHeadline_delivered: { en: "Order delivered", fr: "Commande livrée", de: "Bestellung zugestellt", es: "Pedido entregado", it: "Ordine consegnato", ja: "ご注文が配達されました", ko: "주문이 배송 완료되었습니다", pt: "Pedido entregue", ru: "Заказ доставлен", zh: "订单已送达" },
+  cardsOrderHeadline_cancelled: { en: "Order cancelled", fr: "Commande annulée", de: "Bestellung storniert", es: "Pedido cancelado", it: "Ordine annullato", ja: "ご注文はキャンセルされました", ko: "주문이 취소되었습니다", pt: "Pedido cancelado", ru: "Заказ отменён", zh: "订单已取消" },
+  cardsOrderHeadline_refunded: { en: "Order refunded", fr: "Commande remboursée", de: "Bestellung erstattet", es: "Pedido reembolsado", it: "Ordine rimborsato", ja: "ご注文は返金されました", ko: "주문이 환불되었습니다", pt: "Pedido reembolsado", ru: "Деньги за заказ возвращены", zh: "订单已退款" },
+  cardsOrderHeadline_failed: { en: "Order failed", fr: "Échec de la commande", de: "Bestellung fehlgeschlagen", es: "Error en el pedido", it: "Ordine non riuscito", ja: "ご注文を完了できませんでした", ko: "주문에 실패했습니다", pt: "Falha no pedido", ru: "Не удалось оформить заказ", zh: "订单失败" },
+  cardsOrderBookingHeadline_pending: { en: "Booking requested", fr: "Réservation demandée", de: "Buchung angefragt", es: "Reserva solicitada", it: "Prenotazione richiesta", ja: "予約をリクエストしました", ko: "예약이 요청되었습니다", pt: "Reserva solicitada", ru: "Запрос на бронирование отправлен", zh: "预订已提交" },
+  cardsOrderBookingHeadline_confirmed: { en: "Booking confirmed", fr: "Réservation confirmée", de: "Buchung bestätigt", es: "Reserva confirmada", it: "Prenotazione confermata", ja: "予約が確定しました", ko: "예약이 확정되었습니다", pt: "Reserva confirmada", ru: "Бронирование подтверждено", zh: "预订已确认" },
+  cardsOrderBookingHeadline_cancelled: { en: "Booking cancelled", fr: "Réservation annulée", de: "Buchung storniert", es: "Reserva cancelada", it: "Prenotazione annullata", ja: "予約はキャンセルされました", ko: "예약이 취소되었습니다", pt: "Reserva cancelada", ru: "Бронирование отменено", zh: "预订已取消" },
+  cardsOrderBookingHeadline_refunded: { en: "Booking refunded", fr: "Réservation remboursée", de: "Buchung erstattet", es: "Reserva reembolsada", it: "Prenotazione rimborsata", ja: "予約は返金されました", ko: "예약이 환불되었습니다", pt: "Reserva reembolsada", ru: "Деньги за бронирование возвращены", zh: "预订已退款" },
+  cardsOrderBookingHeadline_failed: { en: "Booking failed", fr: "Échec de la réservation", de: "Buchung fehlgeschlagen", es: "Error en la reserva", it: "Prenotazione non riuscita", ja: "予約を完了できませんでした", ko: "예약에 실패했습니다", pt: "Falha na reserva", ru: "Не удалось забронировать", zh: "预订失败" },
+  cardsOrderPlaced: { en: "Placed {date}", fr: "Passée le {date}", de: "Bestellt am {date}", es: "Realizado el {date}", it: "Effettuato il {date}", ja: "注文日 {date}", ko: "주문일 {date}", pt: "Feito em {date}", ru: "Оформлен {date}", zh: "下单于 {date}" },
+  cardsOrderBooked: { en: "Booked {date}", fr: "Réservée le {date}", de: "Gebucht am {date}", es: "Reservada el {date}", it: "Prenotata il {date}", ja: "予約日 {date}", ko: "예약일 {date}", pt: "Reservada em {date}", ru: "Забронировано {date}", zh: "预订于 {date}" },
+  cardsOrderItem: { en: "{n} item", fr: "{n} article", de: "{n} Artikel", es: "{n} artículo", it: "{n} articolo", ja: "{n}点", ko: "상품 {n}개", pt: "{n} item", ru: "{n} товар", zh: "{n} 件商品" },
+  cardsOrderItems: { en: "{n} items", fr: "{n} articles", de: "{n} Artikel", es: "{n} artículos", it: "{n} articoli", ja: "{n}点", ko: "상품 {n}개", pt: "{n} itens", ru: "Товаров: {n}", zh: "{n} 件商品" },
+  cardsOrderLines: { en: "Items", fr: "Articles", de: "Artikel", es: "Artículos", it: "Articoli", ja: "商品", ko: "상품", pt: "Itens", ru: "Товары", zh: "商品" },
+  cardsOrderMore: { en: "and {n} more", fr: "et {n} de plus", de: "und {n} weitere", es: "y {n} más", it: "e altri {n}", ja: "ほか{n}件", ko: "외 {n}개", pt: "e mais {n}", ru: "и ещё {n}", zh: "还有 {n} 件" },
+  cardsOrderEach: { en: "{price} each", fr: "{price} l’unité", de: "je {price}", es: "{price} c/u", it: "{price} cad.", ja: "単価 {price}", ko: "개당 {price}", pt: "{price} cada", ru: "{price} за шт.", zh: "单价 {price}" },
+  cardsOrderSubtotal: { en: "Subtotal", fr: "Sous-total", de: "Zwischensumme", es: "Subtotal", it: "Subtotale", ja: "小計", ko: "소계", pt: "Subtotal", ru: "Подытог", zh: "小计" },
+  cardsOrderDiscount: { en: "Discount", fr: "Remise", de: "Rabatt", es: "Descuento", it: "Sconto", ja: "割引", ko: "할인", pt: "Desconto", ru: "Скидка", zh: "折扣" },
+  cardsOrderShipping: { en: "Shipping", fr: "Livraison", de: "Versand", es: "Envío", it: "Spedizione", ja: "送料", ko: "배송비", pt: "Frete", ru: "Доставка", zh: "运费" },
+  cardsOrderFree: { en: "Free", fr: "Gratuite", de: "Kostenlos", es: "Gratis", it: "Gratuita", ja: "無料", ko: "무료", pt: "Grátis", ru: "Бесплатно", zh: "免费" },
+  cardsOrderTax: { en: "Tax", fr: "Taxes", de: "Steuern", es: "Impuestos", it: "Imposte", ja: "税", ko: "세금", pt: "Impostos", ru: "Налог", zh: "税费" },
+  cardsOrderTotal: { en: "Total", fr: "Total", de: "Gesamt", es: "Total", it: "Totale", ja: "合計", ko: "합계", pt: "Total", ru: "Итого", zh: "合计" },
+  cardsOrderFallbackTotal: { en: "total {amount}", fr: "total {amount}", de: "gesamt {amount}", es: "total {amount}", it: "totale {amount}", ja: "合計 {amount}", ko: "합계 {amount}", pt: "total {amount}", ru: "итого {amount}", zh: "合计 {amount}" },
+  cardsOrderPayment: { en: "Payment", fr: "Paiement", de: "Zahlung", es: "Pago", it: "Pagamento", ja: "お支払い", ko: "결제", pt: "Pagamento", ru: "Оплата", zh: "付款方式" },
+  cardsOrderDelivery: { en: "Estimated delivery", fr: "Livraison prévue", de: "Voraussichtliche Lieferung", es: "Entrega estimada", it: "Consegna prevista", ja: "お届け予定", ko: "도착 예정", pt: "Entrega prevista", ru: "Ожидаемая доставка", zh: "预计送达" },
+  cardsOrderTrack: { en: "Track", fr: "Suivre", de: "Verfolgen", es: "Seguir", it: "Traccia", ja: "追跡", ko: "배송 조회", pt: "Rastrear", ru: "Отследить", zh: "查看物流" },
+  cardsOrderAddress: { en: "Delivery address", fr: "Adresse de livraison", de: "Lieferadresse", es: "Dirección de entrega", it: "Indirizzo di consegna", ja: "お届け先", ko: "배송지", pt: "Endereço de entrega", ru: "Адрес доставки", zh: "收货地址" },
+  cardsOrderCustomer: { en: "Customer", fr: "Client", de: "Kunde", es: "Cliente", it: "Cliente", ja: "お客様", ko: "고객", pt: "Cliente", ru: "Покупатель", zh: "客户" },
+  cardsOrderView: { en: "View order", fr: "Voir la commande", de: "Bestellung ansehen", es: "Ver pedido", it: "Vedi ordine", ja: "注文を見る", ko: "주문 보기", pt: "Ver pedido", ru: "Открыть заказ", zh: "查看订单" },
+  cardsOrderViewBooking: { en: "View booking", fr: "Voir la réservation", de: "Buchung ansehen", es: "Ver reserva", it: "Vedi prenotazione", ja: "予約を見る", ko: "예약 보기", pt: "Ver reserva", ru: "Открыть бронирование", zh: "查看预订" },
+  cardsOrderWhen: { en: "When", fr: "Quand", de: "Wann", es: "Cuándo", it: "Quando", ja: "日時", ko: "일시", pt: "Quando", ru: "Когда", zh: "时间" },
+  cardsOrderWhere: { en: "Where", fr: "Où", de: "Wo", es: "Dónde", it: "Dove", ja: "場所", ko: "장소", pt: "Onde", ru: "Где", zh: "地点" },
+  cardsOrderGuestsLabel: { en: "Guests", fr: "Personnes", de: "Gäste", es: "Personas", it: "Ospiti", ja: "人数", ko: "인원", pt: "Pessoas", ru: "Гости", zh: "人数" },
+  cardsOrderStart: { en: "Start", fr: "Début", de: "Beginn", es: "Inicio", it: "Inizio", ja: "開始", ko: "시작", pt: "Início", ru: "Начало", zh: "开始" },
+  cardsOrderEnd: { en: "End", fr: "Fin", de: "Ende", es: "Fin", it: "Fine", ja: "終了", ko: "종료", pt: "Fim", ru: "Конец", zh: "结束" },
+  cardsOrderNight: { en: "{n} night", fr: "{n} nuit", de: "{n} Nacht", es: "{n} noche", it: "{n} notte", ja: "{n}泊", ko: "{n}박", pt: "{n} noite", ru: "{n} ночь", zh: "{n} 晚" },
+  cardsOrderNights: { en: "{n} nights", fr: "{n} nuits", de: "{n} Nächte", es: "{n} noches", it: "{n} notti", ja: "{n}泊", ko: "{n}박", pt: "{n} noites", ru: "Ночей: {n}", zh: "{n} 晚" },
+  cardsOrderGuest: { en: "{n} guest", fr: "{n} personne", de: "{n} Gast", es: "{n} persona", it: "{n} ospite", ja: "{n}名", ko: "{n}명", pt: "{n} pessoa", ru: "{n} гость", zh: "{n} 位" },
+  cardsOrderGuests: { en: "{n} guests", fr: "{n} personnes", de: "{n} Gäste", es: "{n} personas", it: "{n} ospiti", ja: "{n}名", ko: "{n}명", pt: "{n} pessoas", ru: "Гостей: {n}", zh: "{n} 位" }
+};
+const INTENT = {
+  pending: "warning",
+  confirmed: "success",
+  processing: "info",
+  shipped: "info",
+  delivered: "success",
+  cancelled: "neutral",
+  refunded: "neutral",
+  failed: "danger"
+};
+const TONE = {
+  pending: "info",
+  confirmed: "success",
+  processing: "info",
+  shipped: "success",
+  delivered: "success",
+  cancelled: "danger",
+  refunded: "neutral",
+  failed: "danger"
+};
+const BOOKING_HEADLINE = { processing: "pending", shipped: "confirmed", delivered: "confirmed" };
+const LINES_KEPT = 50;
+const LINES_SHOWN = 6;
+const FACTS_KEPT = 12;
+const FACTS_IN_CONFIRMATION = 2;
+const isObject = (value) => !!value && typeof value === "object" && !Array.isArray(value);
+const notNull = (value) => value !== null && value !== void 0 && value !== false;
+function pick(r, keys) {
+  if (!isObject(r)) return void 0;
+  for (const key of keys) if (r[key] !== void 0 && r[key] !== null && r[key] !== "") return r[key];
+  return void 0;
+}
+const squeeze = (value) => typeof value === "string" ? value.toLowerCase().replace(/[^a-z]/g, "") : "";
+const isStripeId = (value) => /^(?:cus|pm|card|src|pi|ch|cs|in)_[A-Za-z0-9]{6,}$/.test(value);
+function moneyOf(value, divisor) {
+  if (typeof value === "number") return Number.isFinite(value) ? { amount: value / divisor } : {};
+  if (typeof value === "string") {
+    const { amount, currency } = readPriceText(value);
+    return { ...amount !== void 0 ? { amount: amount / divisor } : {}, ...currency ? { currency } : {} };
+  }
+  if (isObject(value)) {
+    const inner = moneyOf(pick(value, ["amount", "value", "unit_amount", "cents", "shop_money", "shopMoney", "price"]), divisor);
+    const currency = currencyCode(pick(value, ["currency", "currency_code", "currencyCode"])) ?? inner.currency;
+    return { ...inner.amount !== void 0 ? { amount: inner.amount } : {}, ...currency ? { currency } : {} };
+  }
+  return {};
+}
+function minorDivisor(currency) {
+  if (!currency) return 100;
+  try {
+    const digits = new Intl.NumberFormat("en", { style: "currency", currency }).resolvedOptions().maximumFractionDigits ?? 2;
+    return 10 ** digits;
+  } catch {
+    return 100;
+  }
+}
+const DATE_ONLY = /^(\d{4})-(\d{2})-(\d{2})$/;
+const DATE_TIME = /^\d{4}-\d{2}-\d{2}[T ]\d{1,2}:\d{2}/;
+function readWhen(value) {
+  if (typeof value === "string") {
+    const v = value.trim();
+    const day = DATE_ONLY.exec(v);
+    if (day) {
+      const date2 = new Date(Number(day[1]), Number(day[2]) - 1, Number(day[3]));
+      return date2.getMonth() === Number(day[2]) - 1 && date2.getDate() === Number(day[3]) ? { date: date2, allDay: true } : void 0;
+    }
+    if (!DATE_TIME.test(v)) return void 0;
+    const date = toDate(v.replace(" ", "T"));
+    return date ? { date, allDay: false } : void 0;
+  }
+  if (typeof value === "number" || value instanceof Date) {
+    const date = toDate(value);
+    if (!date) return void 0;
+    return { date, allDay: date.getHours() === 0 && date.getMinutes() === 0 && date.getSeconds() === 0 };
+  }
+  return void 0;
+}
+const MIDNIGHT_UTC = /^(\d{4}-\d{2}-\d{2})T00:00(?::00(?:\.0+)?)?(?:Z|[+-]00:?00)$/i;
+function readDay(value) {
+  const day = typeof value === "string" ? MIDNIGHT_UTC.exec(value.trim()) : null;
+  return readWhen(day ? day[1] : value);
+}
+const TIME_OF_DAY = /^(\d{1,2}):(\d{2})(?::\d{2})?\s*(?:([ap])\.?\s?m\.?)?$/i;
+function dayAndTime(r) {
+  const day = readDay(r["date"]);
+  const time = typeof r["time"] === "string" ? TIME_OF_DAY.exec(r["time"].trim()) : null;
+  if (!day || !time || !day.allDay) return day;
+  let hours = Number(time[1]);
+  const minutes = Number(time[2]);
+  const half = time[3]?.toLowerCase();
+  if (half) hours = hours % 12 + (half === "p" ? 12 : 0);
+  if (hours > 23 || minutes > 59) return day;
+  const date = new Date(day.date);
+  date.setHours(hours, minutes, 0, 0);
+  return { date, allDay: false };
+}
+const STATUS_WORDS = {
+  pending: "pending",
+  onhold: "pending",
+  awaitingpayment: "pending",
+  unpaid: "pending",
+  open: "pending",
+  requested: "pending",
+  tentative: "pending",
+  placed: "pending",
+  orderpaymentdue: "pending",
+  confirmed: "confirmed",
+  paid: "confirmed",
+  booked: "confirmed",
+  reserved: "confirmed",
+  accepted: "confirmed",
+  // WooCommerce's `completed` is "fulfilled and complete": paid and done on the shop's side —
+  // a download, a service, a parcel handed over or not. `delivered` would claim the parcel
+  // arrived and `shipped` that there was one; `confirmed` claims neither, like Stripe's `complete`.
+  complete: "confirmed",
+  completed: "confirmed",
+  succeeded: "confirmed",
+  approved: "confirmed",
+  processing: "processing",
+  preparing: "processing",
+  inprogress: "processing",
+  packed: "processing",
+  orderprocessing: "processing",
+  shipped: "shipped",
+  fulfilled: "shipped",
+  intransit: "shipped",
+  dispatched: "shipped",
+  outfordelivery: "shipped",
+  orderintransit: "shipped",
+  delivered: "delivered",
+  orderdelivered: "delivered",
+  cancelled: "cancelled",
+  canceled: "cancelled",
+  voided: "cancelled",
+  void: "cancelled",
+  expired: "cancelled",
+  ordercancelled: "cancelled",
+  refunded: "refunded",
+  orderreturned: "refunded",
+  failed: "failed",
+  declined: "failed",
+  paymentfailed: "failed",
+  rejected: "failed",
+  orderproblem: "failed"
+};
+function readStatus(r) {
+  const own = pick(r, ["status", "state", "order_status", "orderStatus", "booking_status", "bookingStatus"]);
+  if (typeof own === "string" && own.trim()) {
+    const key = squeeze(own.replace(/^https?:\/\/schema\.org\//, ""));
+    const status = STATUS_WORDS[key];
+    return status ? { status } : { text: own.trim() };
+  }
+  if (pick(r, ["cancelled_at", "canceled_at", "cancelledAt", "canceledAt"])) return { status: "cancelled" };
+  const paid = squeeze(pick(r, ["financial_status", "financialStatus", "displayFinancialStatus"]));
+  const sent = squeeze(pick(r, ["fulfillment_status", "fulfillmentStatus", "displayFulfillmentStatus"]));
+  const stripe = squeeze(pick(r, ["payment_status", "paymentStatus"]));
+  if (paid === "refunded") return { status: "refunded" };
+  if (paid === "voided") return { status: "cancelled" };
+  if (sent === "delivered") return { status: "delivered" };
+  if (sent === "fulfilled") return { status: "shipped" };
+  if (paid === "paid" || stripe === "paid") return { status: "confirmed" };
+  if (paid === "pending" || stripe === "unpaid") return { status: "pending" };
+  return void 0;
+}
+function listOf(value) {
+  if (Array.isArray(value)) return value;
+  if (!isObject(value)) return void 0;
+  if (Array.isArray(value["data"])) return value["data"];
+  if (Array.isArray(value["nodes"])) return value["nodes"];
+  if (Array.isArray(value["edges"])) return value["edges"].map((e) => isObject(e) ? e["node"] : void 0);
+  return void 0;
+}
+function readImage(value) {
+  if (Array.isArray(value)) return value.length ? readImage(value[0]) : void 0;
+  if (isObject(value)) {
+    const src2 = webUrl(pick(value, ["src", "url", "href", "thumbnail"]));
+    const alt = str(pick(value, ["alt", "altText", "alt_text"]));
+    return src2 ? { src: src2, ...alt ? { alt } : {} } : void 0;
+  }
+  const src = webUrl(value);
+  return src ? { src } : void 0;
+}
+function readSubtitle(r) {
+  const value = pick(r, ["subtitle", "variant_title", "variantTitle", "variant", "variation", "options"]);
+  if (Array.isArray(value)) {
+    const parts = value.map((v) => isObject(v) ? str(pick(v, ["value", "name", "title"])) : str(v)).filter(notNull);
+    return parts.length ? parts.join(" · ") : void 0;
+  }
+  return isObject(value) ? str(pick(value, ["title", "name"])) : str(value);
+}
+function readLine(raw, read) {
+  if (typeof raw === "string") return raw.trim() ? { title: raw.trim(), quantity: 1 } : null;
+  if (!isObject(raw)) return null;
+  const title = str(pick(raw, ["title", "name", "description", "product_name", "productName", "label"]));
+  if (!title) return null;
+  const qty = num(pick(raw, ["quantity", "qty", "count"]));
+  const quantity = qty !== void 0 && qty >= 0 ? qty : 1;
+  const price = read(pick(raw, ["unit_price", "unitPrice", "price", "amount", "unit_amount"]));
+  const given = read(pick(raw, ["subtotal", "amount_subtotal", "line_subtotal"])) ?? read(pick(raw, ["total", "total_price", "totalPrice", "amount_total", "line_total", "lineTotal"]));
+  const total = given ?? (price !== void 0 ? price * quantity : void 0);
+  const subtitle = readSubtitle(raw);
+  const image = readImage(pick(raw, ["image", "image_url", "imageUrl", "thumbnail", "images", "photo", "picture"]));
+  return {
+    title,
+    ...subtitle ? { subtitle } : {},
+    ...image ? { image } : {},
+    quantity,
+    ...price !== void 0 ? { price } : {},
+    ...total !== void 0 ? { total } : {}
+  };
+}
+function readPayment(value) {
+  if (Array.isArray(value)) {
+    const parts = value.map(readPayment).filter(notNull);
+    return parts.length ? parts.join(", ") : void 0;
+  }
+  if (isObject(value)) {
+    const card = isObject(value["card"]) ? value["card"] : value;
+    const brand = str(pick(card, ["brand", "network", "type"]));
+    const last4 = str(pick(card, ["last4", "last_4", "lastFour", "last_digits"]));
+    if (last4) return `${brand ? brand.charAt(0).toUpperCase() + brand.slice(1) : ""} •••• ${last4}`.trim();
+    return str(pick(value, ["label", "title", "description", "name"])) ?? brand;
+  }
+  const text = str(value);
+  return text && !isStripeId(text) ? text : void 0;
+}
+function nameOf(r) {
+  const name = str(pick(r, ["name", "full_name", "fullName"]));
+  if (name) return name;
+  const parts = [pick(r, ["first_name", "firstName", "given_name"]), pick(r, ["last_name", "lastName", "family_name"])].map(str).filter(notNull);
+  return parts.length ? parts.join(" ") : void 0;
+}
+const ADDRESS_KEYS = ["address1", "address_1", "line1", "street", "street1", "city", "postal_code", "postcode", "zip"];
+const CITY_FIRST = /* @__PURE__ */ new Set(["us", "usa", "unitedstates", "ca", "canada", "au", "australia", "gb", "uk", "unitedkingdom"]);
+function readAddress(value) {
+  if (typeof value === "string") return value.trim() ? value.trim().replace(/\s*\n\s*/g, "\n") : void 0;
+  if (!isObject(value)) return void 0;
+  const inner = isObject(value["address"]) ? value["address"] : value;
+  const s = (keys) => str(pick(inner, keys));
+  const city = s(["city", "locality", "town"]);
+  const postal = s(["zip", "postal_code", "postalCode", "postcode"]);
+  const region = s(["province_code", "state", "province", "region"]);
+  const country = s(["country", "country_code", "countryCode"]);
+  const cityFirst = CITY_FIRST.has(squeeze(country));
+  const locality = cityFirst ? [[city, region].filter(notNull).join(", "), postal].filter((p) => p).join(" ") : [postal, city].filter(notNull).join(" ");
+  const lines = [
+    nameOf(value) ?? nameOf(inner),
+    s(["company"]),
+    s(["address1", "address_1", "line1", "street", "street1"]),
+    s(["address2", "address_2", "line2", "street2"]),
+    locality || void 0,
+    country
+  ].filter(notNull);
+  return lines.length ? lines.join("\n") : void 0;
+}
+function readCustomer(value) {
+  if (typeof value === "string") return value.trim() && !isStripeId(value.trim()) ? value.trim() : void 0;
+  if (!isObject(value)) return void 0;
+  const lines = [nameOf(value), str(pick(value, ["email"])), str(pick(value, ["phone"]))].filter(notNull);
+  return lines.length ? lines.join("\n") : void 0;
+}
+function readFacts(value) {
+  const out = [];
+  if (Array.isArray(value)) {
+    for (const item of value) {
+      const label = str(pick(item, ["label", "name", "key", "title"]));
+      const fact = str(pick(item, ["value", "text"]));
+      if (label && fact) out.push({ label, value: fact });
+    }
+  } else if (isObject(value)) {
+    for (const [label, raw] of Object.entries(value)) {
+      const fact = str(raw);
+      if (label.trim() && fact) out.push({ label: label.trim(), value: fact });
+    }
+  }
+  return out.slice(0, FACTS_KEPT);
+}
+function readEstimate(value) {
+  if (Array.isArray(value)) value = { from: value[0], to: value[1] };
+  if (isObject(value) && !(value instanceof Date)) {
+    const from = readDay(pick(value, ["from", "start", "earliest", "min"]));
+    const to = readDay(pick(value, ["to", "end", "latest", "max"]));
+    if (from) return to && to.date > from.date ? { from, to } : { from };
+    return to ? { from: to } : void 0;
+  }
+  const when = readDay(value);
+  if (when) return { from: when };
+  const text = str(value);
+  return text ? { text } : void 0;
+}
+function readDelivery(r) {
+  const fulfillments = listOf(r["fulfillments"]);
+  const nested = [r["delivery"], r["shipment"], r["fulfillment"], fulfillments?.[0], r["tracking"]].find(isObject);
+  const first = (value) => Array.isArray(value) ? value[0] : value;
+  const estimate = readEstimate(
+    pick(nested, ["estimate", "estimatedDelivery", "estimated_delivery", "eta", "expected", "expectedDate", "expected_date", "date"]) ?? pick(r, ["estimatedDelivery", "estimated_delivery", "deliveryEstimate", "delivery_estimate", "deliveryDate", "delivery_date", "eta"]) ?? (typeof r["delivery"] === "string" ? r["delivery"] : void 0)
+  );
+  const carrier = str(pick(nested, ["carrier", "company", "tracking_company", "trackingCompany", "service"]) ?? pick(r, ["carrier", "tracking_company", "trackingCompany", "shippingCarrier", "shipping_carrier"]));
+  const trackingNumber = str(first(pick(nested, ["trackingNumber", "tracking_number", "tracking_numbers", "number"]) ?? pick(r, ["trackingNumber", "tracking_number"])));
+  const trackingUrl = webUrl(first(pick(nested, ["trackingUrl", "tracking_url", "tracking_urls", "trackingLink", "tracking_link", "url"]) ?? pick(r, ["trackingUrl", "tracking_url", "trackingLink", "tracking_link"])));
+  if (!estimate && !carrier && !trackingNumber && !trackingUrl) return void 0;
+  return {
+    ...estimate ? { estimate } : {},
+    ...carrier ? { carrier } : {},
+    ...trackingNumber ? { trackingNumber } : {},
+    ...trackingUrl ? { trackingUrl } : {}
+  };
+}
+const START_KEYS = ["start", "startTime", "start_time", "startDate", "start_date", "checkIn", "check_in", "checkin", "from", "datetime", "dateTime", "time"];
+const END_KEYS = ["end", "endTime", "end_time", "endDate", "end_date", "checkOut", "check_out", "checkout", "to", "until"];
+function readBooking(r) {
+  const b = [r["booking"], r["reservation"]].find(isObject) ?? r;
+  const own = readDay(pick(b, START_KEYS));
+  const fromDate = own ? void 0 : dayAndTime(b);
+  const start = own ?? fromDate;
+  const tookDate = fromDate !== void 0 && b === r;
+  const endRead = readDay(pick(b, END_KEYS));
+  const end = endRead && (!start || endRead.date >= start.date) ? endRead : void 0;
+  const place = pick(b, ["location", "venue", "place", "address", "where"]);
+  const location = isObject(place) ? [str(pick(place, ["name", "title"])), str(pick(place, ["address", "formatted_address"]))].filter(notNull).join(", ") || void 0 : str(place);
+  const people = pick(b, ["guests", "partySize", "party_size", "people", "persons", "covers", "attendees"]);
+  const count = Array.isArray(people) ? people.length : num(people);
+  const guests = count !== void 0 && count > 0 ? Math.floor(count) : void 0;
+  if (!start && !location && guests === void 0) return { booking: void 0, tookDate };
+  return {
+    booking: {
+      ...start ? { start } : {},
+      ...end ? { end } : {},
+      ...location ? { location } : {},
+      ...guests !== void 0 ? { guests } : {}
+    },
+    tookDate
+  };
+}
+function readKind(r) {
+  const said = squeeze(pick(r, ["kind", "type", "object"]));
+  if (["booking", "reservation", "appointment", "lodgingreservation", "foodestablishmentreservation", "eventreservation"].includes(said)) return "booking";
+  if (["order", "purchase", "checkoutsession"].includes(said)) return "order";
+  if (isObject(r["booking"]) || isObject(r["reservation"])) return "booking";
+  return pick(r, ["checkIn", "check_in", "startTime", "start_time", "startDate", "start_date"]) !== void 0 ? "booking" : "order";
+}
+function readOrder(raw) {
+  if (!isObject(raw)) return null;
+  const r = raw;
+  const kind = readKind(r);
+  const minor = r["minorUnits"] === true || r["minor_units"] === true;
+  let currency = currencyCode(pick(r, ["currency", "currency_code", "currencyCode", "presentment_currency"]));
+  const divisor = minor ? minorDivisor(currency) : 1;
+  const read = (value) => {
+    const money2 = moneyOf(value, divisor);
+    currency ??= money2.currency;
+    return money2.amount;
+  };
+  const amount = (from, keys) => {
+    if (!isObject(from)) return void 0;
+    for (const key of keys) {
+      const value = from[key] === void 0 || from[key] === null ? void 0 : read(from[key]);
+      if (value !== void 0) return value;
+    }
+    return void 0;
+  };
+  const all = (["items", "line_items", "lineItems", "products", "lines"].map((key) => listOf(r[key])).find(notNull) ?? []).map((line) => readLine(line, read)).filter(notNull);
+  const items = all.slice(0, LINES_KEPT);
+  const details = isObject(r["total_details"]) ? r["total_details"] : void 0;
+  const shippingLines = listOf(r["shipping_lines"]);
+  let subtotal = amount(r, ["subtotal", "sub_total", "subtotal_price", "subtotalPrice", "amount_subtotal", "items_total", "itemsTotal"]);
+  const discountRaw = amount(r, ["discount", "total_discount", "total_discounts", "totalDiscounts", "discount_total", "discountTotal"]) ?? amount(details, ["amount_discount"]);
+  let shipping = amount(r, ["shipping", "shipping_total", "shippingTotal", "shipping_cost", "shippingCost", "shipping_price", "shippingPrice", "total_shipping", "delivery_fee", "deliveryFee"]) ?? amount(details, ["amount_shipping"]) ?? amount(r["shipping_cost"], ["amount_total"]);
+  if (shipping === void 0 && shippingLines?.length) {
+    const costs = shippingLines.map((l) => amount(l, ["price", "amount"])).filter(notNull);
+    if (costs.length) shipping = costs.reduce((a, b) => a + b, 0);
+  }
+  const tax = amount(r, ["tax", "taxes", "total_tax", "totalTax", "tax_total", "taxTotal", "vat"]) ?? amount(details, ["amount_tax"]);
+  let total = amount(r, ["total", "total_price", "totalPrice", "amount_total", "amountTotal", "grand_total", "grandTotal", "amount"]);
+  const bought = all.filter((l) => l.quantity !== 0);
+  if (subtotal === void 0 && bought.length && bought.every((l) => l.total !== void 0)) {
+    subtotal = bought.reduce((sum, l) => sum + l.total, 0);
+  }
+  const discount = discountRaw !== void 0 ? Math.abs(discountRaw) : void 0;
+  if (total === void 0 && subtotal !== void 0) total = subtotal - (discount ?? 0) + (shipping ?? 0) + (tax ?? 0);
+  const reference = str(pick(r, [
+    "reference",
+    "order_number",
+    "orderNumber",
+    "number",
+    "confirmation_number",
+    "confirmationNumber",
+    "confirmation_code",
+    "confirmationCode",
+    "booking_reference",
+    "bookingReference",
+    "booking_id",
+    "bookingId",
+    "order_id",
+    "orderId",
+    "id"
+  ]))?.replace(/^#\s*/, "") || void 0;
+  const title = str(pick(r, ["title", "heading"]));
+  const ownHeadline = str(r["headline"]);
+  const status = readStatus(r);
+  const { booking, tookDate } = kind === "booking" ? readBooking(r) : { booking: void 0, tookDate: false };
+  const placedKeys = ["date", "created_at", "createdAt", "placed_at", "placedAt", "order_date", "orderDate", "date_created", "dateCreated", "processed_at", "created"];
+  const date = readWhen(pick(r, tookDate ? placedKeys.slice(1) : placedKeys))?.date;
+  const delivery = readDelivery(r);
+  const payment = readPayment(pick(r, ["payment", "paymentMethod", "payment_method", "payment_method_title", "paymentMethodTitle", "payment_method_details", "card", "payment_gateway_names"]));
+  const customer = readCustomer(pick(r, ["customer_details", "customerDetails", "customer", "customer_name", "customerName", "buyer", "contact"]));
+  const shippingAddress = kind === "order" ? readAddress(pick(r, ["shippingAddress", "shipping_address", "shipping_details", "shippingDetails", "deliveryAddress", "delivery_address", "address"]) ?? (isObject(r["shipping"]) && ADDRESS_KEYS.some((k) => k in r["shipping"]) ? r["shipping"] : void 0)) : void 0;
+  const url = webUrl(pick(r, ["url", "orderUrl", "order_url", "order_status_url", "orderStatusUrl", "statusUrl", "status_url", "receipt_url", "receiptUrl", "manageUrl", "manage_url", "link", "href"]));
+  if (!items.length && !reference && total === void 0 && !booking && !title) return null;
+  const whole = all.every((l) => Number.isInteger(l.quantity));
+  return {
+    kind,
+    ...title ? { title } : {},
+    ...ownHeadline ? { headline: ownHeadline } : {},
+    ...reference ? { reference } : {},
+    ...status ? { status } : {},
+    ...date ? { date } : {},
+    items,
+    lineCount: all.length,
+    itemCount: whole ? all.reduce((n, l) => n + l.quantity, 0) : all.length,
+    ...currency ? { currency } : {},
+    ...subtotal !== void 0 ? { subtotal } : {},
+    ...discount !== void 0 ? { discount } : {},
+    ...shipping !== void 0 ? { shipping } : {},
+    ...tax !== void 0 ? { tax } : {},
+    ...total !== void 0 ? { total } : {},
+    ...payment ? { payment } : {},
+    ...customer ? { customer } : {},
+    ...shippingAddress ? { shippingAddress } : {},
+    ...delivery ? { delivery } : {},
+    facts: readFacts(pick(r, ["facts", "details", "extra", "extras", "note_attributes"])),
+    ...booking ? { booking } : {},
+    ...url ? { url } : {}
+  };
+}
+const say = (config, key, vars) => word(config, key, P[key], vars);
+const money = (config, data, amount) => formatPrice(config, amount, data.currency);
+function counted(config, one, other, n) {
+  const rule = new Intl.PluralRules(intlTag(config)).select(n);
+  return say(config, rule === "one" ? one : other, { n: formatNumber(config, n) });
+}
+const shownReference = (reference) => /^\d+$/.test(reference) ? `#${reference}` : reference;
+function headText(config, data, hash) {
+  if (data?.title) return data.title;
+  const booking = data?.kind === "booking";
+  if (data?.reference) {
+    const reference = hash ? shownReference(data.reference) : data.reference;
+    return say(config, booking ? "cardsOrderBookingNumbered" : "cardsOrderNumbered", { reference });
+  }
+  return say(config, booking ? "cardsOrderBooking" : "cardsOrderOrder");
+}
+function statusWord(config, data) {
+  const status = data.status;
+  if (!status) return "";
+  if ("text" in status) return status.text;
+  const own = `cardsOrderBookingStatus_${status.status}`;
+  const key = data.kind === "booking" && own in P ? own : `cardsOrderStatus_${status.status}`;
+  return say(config, key);
+}
+function headline(config, data) {
+  if (data.headline) return data.headline;
+  const status = data.status && "status" in data.status ? data.status.status : "confirmed";
+  if (data.kind !== "booking") return say(config, `cardsOrderHeadline_${status}`);
+  const own = BOOKING_HEADLINE[status] ?? status;
+  return say(config, `cardsOrderBookingHeadline_${own}`);
+}
+const dateFormat = (config, options) => new Intl.DateTimeFormat(intlTag(config), options);
+const placedOn = (config, date) => dateFormat(config, { dateStyle: "medium" }).format(date);
+function dayOptions(date, now = /* @__PURE__ */ new Date()) {
+  return { weekday: "short", day: "numeric", month: "short", ...date.getFullYear() !== now.getFullYear() ? { year: "numeric" } : {} };
+}
+const TIME = { hour: "numeric", minute: "2-digit" };
+function range(format, from, to) {
+  return typeof format.formatRange === "function" ? format.formatRange(from, to) : `${format.format(from)} – ${format.format(to)}`;
+}
+function whenText(config, from, to) {
+  const timed = !from.allDay || to !== void 0 && !to.allDay;
+  const format = dateFormat(config, { ...dayOptions(from.date), ...timed ? TIME : {} });
+  return to && to.date.getTime() !== from.date.getTime() ? range(format, from.date, to.date) : format.format(from.date);
+}
+const startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate()).getTime();
+function nightsOf(from, to) {
+  return Math.max(0, Math.round((startOfDay(to) - startOfDay(from)) / 864e5));
+}
+const sr = (ctx, key) => {
+  const node = el("span", { class: "aparte-sr-only" });
+  ctx.word(node, key, P[key]);
+  return node;
+};
+const bound = (ctx, tag, className, compute) => {
+  const node = el(tag, { class: className });
+  ctx.bind(node, compute);
+  return node;
+};
+function kindGlyph(data) {
+  return glyph(data?.kind === "booking" ? CALENDAR : BAG, "aparte-rich-card__glyph aparte-order__kind");
+}
+function statusPill(ctx, data) {
+  if (!data.status) return null;
+  const status = "status" in data.status ? data.status.status : void 0;
+  const pill = el("span", {
+    class: `aparte-badge aparte-badge--${status ? INTENT[status] : "neutral"} aparte-badge--sm aparte-order__status`,
+    attrs: { "data-status": status ?? "other" }
+  }, el("span", { class: "aparte-order__status-dot", attrs: { "aria-hidden": "true" } }));
+  pill.append(bound(ctx, "span", "aparte-order__status-text", () => statusWord(ctx.config, data)));
+  return pill;
+}
+function viewButton(ctx, data, primary = false) {
+  if (!data.url) return null;
+  const key = data.kind === "booking" ? "cardsOrderViewBooking" : "cardsOrderView";
+  const button = ctx.action({ label: say(ctx.config, key), url: data.url, id: "view", primary }, data, "aparte-order__view");
+  if (button) ctx.word(button, key, P[key]);
+  return button;
+}
+function trackButton(ctx, data) {
+  const url = data.delivery?.trackingUrl;
+  if (!url) return null;
+  const button = ctx.action({ label: say(ctx.config, "cardsOrderTrack"), url, id: "track" }, data, "aparte-order__track");
+  if (button) ctx.word(button, "cardsOrderTrack", P.cardsOrderTrack);
+  return button;
+}
+function header(ctx, data) {
+  const heading = el(
+    "div",
+    { class: "aparte-order__heading" },
+    bound(ctx, "div", "aparte-order__title", () => headText(ctx.config, data, true))
+  );
+  if (data.date) {
+    const date = data.date;
+    const time = el("time", { class: "aparte-order__date", attrs: { datetime: date.toISOString() } });
+    ctx.bind(time, () => say(ctx.config, data.kind === "booking" ? "cardsOrderBooked" : "cardsOrderPlaced", { date: placedOn(ctx.config, date) }));
+    heading.append(time);
+  }
+  return el("div", { class: "aparte-order__head" }, kindGlyph(data), heading, statusPill(ctx, data));
+}
+function thumb(line) {
+  const frame = el("div", { class: "aparte-order__thumb" }, glyph(BOX, "aparte-rich-card__glyph aparte-order__thumb-glyph"));
+  if (!line.image) {
+    frame.setAttribute("data-empty", "");
+    return frame;
+  }
+  const image = el("img", {
+    class: "aparte-order__image",
+    attrs: { src: line.image.src, alt: line.image.alt ?? line.title, loading: "lazy", decoding: "async", referrerpolicy: "no-referrer" }
+  });
+  image.addEventListener("error", () => {
+    image.hidden = true;
+    frame.setAttribute("data-empty", "");
+  }, { once: true });
+  frame.append(image);
+  return frame;
+}
+function lineNode(ctx, data, line, thumbs) {
+  const meta = el(
+    "div",
+    { class: "aparte-order__line-meta" },
+    line.subtitle ? el("span", { class: "aparte-order__line-variant", text: line.subtitle }) : null,
+    line.quantity !== 1 && line.price !== void 0 ? bound(ctx, "span", "aparte-order__line-each", () => say(ctx.config, "cardsOrderEach", { price: money(ctx.config, data, line.price) })) : null
+  );
+  return el(
+    "li",
+    { class: "aparte-order__line" },
+    thumbs ? thumb(line) : null,
+    el(
+      "div",
+      { class: "aparte-order__line-main" },
+      el("div", { class: "aparte-order__line-title", text: line.title }),
+      meta.childNodes.length ? meta : null
+    ),
+    line.quantity !== 1 ? bound(ctx, "span", "aparte-order__qty", () => `× ${formatNumber(ctx.config, line.quantity)}`) : null,
+    line.total !== void 0 ? bound(ctx, "span", "aparte-order__line-total", () => money(ctx.config, data, line.total)) : null
+  );
+}
+function linesBlock(ctx, data) {
+  if (!data.items.length) return null;
+  const thumbs = data.items.some((l) => l.image);
+  const list = (lines) => {
+    const ul = el(
+      "ul",
+      { class: "aparte-order__lines", attrs: { role: "list", "data-thumbs": thumbs } },
+      ...lines.map((line) => lineNode(ctx, data, line, thumbs))
+    );
+    ctx.bind(ul, () => say(ctx.config, "cardsOrderLines"), "aria-label");
+    return ul;
+  };
+  const block = el("div", { class: "aparte-order__section aparte-order__items" }, list(data.items.slice(0, LINES_SHOWN)));
+  const hidden = data.lineCount - LINES_SHOWN;
+  if (hidden > 0) {
+    const summary = el(
+      "summary",
+      { class: "aparte-order__more-toggle" },
+      glyph(CHEVRON, "aparte-rich-card__glyph aparte-order__more-chevron"),
+      bound(ctx, "span", "aparte-order__more-text", () => say(ctx.config, "cardsOrderMore", { n: formatNumber(ctx.config, hidden) }))
+    );
+    const more = el("details", { class: "aparte-order__more" }, summary, list(data.items.slice(LINES_SHOWN)));
+    const dropped = data.lineCount - data.items.length;
+    if (dropped > 0) more.append(bound(ctx, "div", "aparte-order__dropped", () => say(ctx.config, "cardsOrderMore", { n: formatNumber(ctx.config, dropped) })));
+    block.append(more);
+  }
+  return block;
+}
+function sumRow(ctx, key, value, kind) {
+  return el(
+    "div",
+    { class: `aparte-order__sum aparte-order__sum--${kind}` },
+    bound(ctx, "dt", "aparte-order__sum-label", () => say(ctx.config, key)),
+    bound(ctx, "dd", "aparte-order__sum-value", value)
+  );
+}
+function totalsBlock(ctx, data) {
+  const { config } = ctx;
+  const between = data.discount !== void 0 || data.shipping !== void 0 || data.tax !== void 0;
+  const rows = [
+    data.subtotal !== void 0 && between ? sumRow(ctx, "cardsOrderSubtotal", () => money(config, data, data.subtotal), "subtotal") : null,
+    data.discount ? sumRow(ctx, "cardsOrderDiscount", () => `−${money(config, data, data.discount)}`, "discount") : null,
+    data.shipping !== void 0 ? sumRow(ctx, "cardsOrderShipping", () => data.shipping === 0 ? say(config, "cardsOrderFree") : money(config, data, data.shipping), data.shipping === 0 ? "free" : "shipping") : null,
+    data.tax !== void 0 ? sumRow(ctx, "cardsOrderTax", () => money(config, data, data.tax), "tax") : null,
+    data.total !== void 0 ? sumRow(ctx, "cardsOrderTotal", () => money(config, data, data.total), "total") : null
+  ].filter(notNull);
+  return rows.length ? el("dl", { class: "aparte-order__section aparte-order__totals" }, ...rows) : null;
+}
+function infoRow(ctx, icon, label, ...value) {
+  const dt = el("dt", { class: "aparte-order__info-label" }, glyph(icon, "aparte-rich-card__glyph aparte-order__info-glyph"));
+  dt.append(bound(ctx, "span", "aparte-order__info-label-text", label));
+  return el("div", { class: "aparte-order__info" }, dt, el("dd", { class: "aparte-order__info-value" }, ...value));
+}
+function estimateText(config, estimate) {
+  if ("text" in estimate) return estimate.text;
+  const format = dateFormat(config, dayOptions(estimate.from.date));
+  return estimate.to ? range(format, estimate.from.date, estimate.to.date) : format.format(estimate.from.date);
+}
+function deliveryRow(ctx, data) {
+  const delivery = data.delivery;
+  if (!delivery) return null;
+  const estimate = delivery.estimate;
+  const carrier = [delivery.carrier, delivery.trackingNumber].filter(notNull).join(" · ");
+  const text = el(
+    "div",
+    { class: "aparte-order__delivery-text" },
+    estimate ? bound(ctx, "div", "aparte-order__estimate", () => estimateText(ctx.config, estimate)) : null,
+    carrier ? el("div", { class: "aparte-order__carrier", text: carrier }) : null
+  );
+  return infoRow(ctx, TRUCK, () => say(ctx.config, "cardsOrderDelivery"), text, trackButton(ctx, data));
+}
+function infoBlock(ctx, data) {
+  const text = (value, className = "") => el("span", { class: `aparte-order__info-text${className ? ` ${className}` : ""}`, text: value });
+  const rows = [
+    data.payment ? infoRow(ctx, CARD, () => say(ctx.config, "cardsOrderPayment"), text(data.payment)) : null,
+    deliveryRow(ctx, data),
+    data.shippingAddress ? infoRow(ctx, HOUSE, () => say(ctx.config, "cardsOrderAddress"), text(data.shippingAddress, "aparte-order__multiline")) : null,
+    data.customer ? infoRow(ctx, PERSON, () => say(ctx.config, "cardsOrderCustomer"), text(data.customer, "aparte-order__multiline")) : null,
+    ...data.facts.map((fact) => infoRow(ctx, INFO, () => fact.label, text(fact.value)))
+  ].filter(notNull);
+  return rows.length ? el("dl", { class: "aparte-order__section aparte-order__infos" }, ...rows) : null;
+}
+function leaf(ctx, when) {
+  const node = el(
+    "time",
+    { class: "aparte-order__leaf", attrs: { datetime: when.date.toISOString() } },
+    bound(ctx, "span", "aparte-order__leaf-month", () => dateFormat(ctx.config, { month: "short" }).format(when.date)),
+    bound(ctx, "span", "aparte-order__leaf-day", () => dateFormat(ctx.config, { day: "numeric" }).format(when.date)),
+    bound(ctx, "span", "aparte-order__leaf-weekday", () => dateFormat(ctx.config, { weekday: "short" }).format(when.date))
+  );
+  return node;
+}
+function bookingBlock(ctx, data) {
+  const booking = data.booking;
+  if (!booking) return null;
+  const { config } = ctx;
+  const out = el("div", { class: "aparte-order__section aparte-order__booking" });
+  const { start, end } = booking;
+  if (start) {
+    const multiDay = end !== void 0 && nightsOf(start.date, end.date) > 0;
+    if (multiDay) {
+      const nights = nightsOf(start.date, end.date);
+      const side = (when, key) => el(
+        "div",
+        { class: "aparte-order__stay-side" },
+        sr(ctx, key),
+        leaf(ctx, when),
+        when.allDay ? null : bound(ctx, "span", "aparte-order__stay-time", () => dateFormat(config, TIME).format(when.date))
+      );
+      out.append(el(
+        "div",
+        { class: "aparte-order__stay" },
+        side(start, "cardsOrderStart"),
+        el(
+          "div",
+          { class: "aparte-order__stay-span" },
+          glyph(ARROW, "aparte-rich-card__glyph aparte-order__stay-arrow"),
+          bound(ctx, "span", "aparte-order__nights", () => counted(config, "cardsOrderNight", "cardsOrderNights", nights))
+        ),
+        side(end, "cardsOrderEnd")
+      ));
+    } else {
+      const hours = start.allDay ? null : bound(ctx, "span", "aparte-order__day-hours", () => end && !end.allDay && end.date > start.date ? range(dateFormat(config, TIME), start.date, end.date) : dateFormat(config, TIME).format(start.date));
+      out.append(el(
+        "div",
+        { class: "aparte-order__day" },
+        leaf(ctx, start),
+        el(
+          "div",
+          { class: "aparte-order__day-text" },
+          bound(ctx, "span", "aparte-order__day-name", () => {
+            const text = dateFormat(config, { weekday: "long", day: "numeric", month: "long", ...start.date.getFullYear() !== (/* @__PURE__ */ new Date()).getFullYear() ? { year: "numeric" } : {} }).format(start.date);
+            return text.charAt(0).toLocaleUpperCase(intlTag(config)) + text.slice(1);
+          }),
+          hours
+        )
+      ));
+    }
+  }
+  const facts = [
+    booking.location ? el(
+      "div",
+      { class: "aparte-order__place" },
+      el("dt", { class: "aparte-order__place-label" }, glyph(PIN, "aparte-rich-card__glyph aparte-order__info-glyph"), sr(ctx, "cardsOrderWhere")),
+      el("dd", { class: "aparte-order__place-value", text: booking.location })
+    ) : null,
+    booking.guests !== void 0 ? el(
+      "div",
+      { class: "aparte-order__place" },
+      el("dt", { class: "aparte-order__place-label" }, glyph(PEOPLE, "aparte-rich-card__glyph aparte-order__info-glyph"), sr(ctx, "cardsOrderGuestsLabel")),
+      bound(ctx, "dd", "aparte-order__place-value", () => counted(config, "cardsOrderGuest", "cardsOrderGuests", booking.guests))
+    ) : null
+  ].filter(notNull);
+  if (facts.length) out.append(el("dl", { class: "aparte-order__places" }, ...facts));
+  return out.childNodes.length ? out : null;
+}
+function receipt(ctx, data) {
+  const view = viewButton(ctx, data);
+  return [
+    header(ctx, data),
+    bookingBlock(ctx, data),
+    linesBlock(ctx, data),
+    totalsBlock(ctx, data),
+    infoBlock(ctx, data),
+    view ? el("div", { class: "aparte-order__foot" }, view) : null
+  ].filter(notNull);
+}
+function summaryParts(ctx, data) {
+  const { config } = ctx;
+  const part = (compute) => bound(ctx, "span", "aparte-order__row-part", compute);
+  const booking = data.booking;
+  return [
+    booking?.start ? part(() => whenText(config, booking.start, booking.end)) : null,
+    booking?.guests !== void 0 ? part(() => counted(config, "cardsOrderGuest", "cardsOrderGuests", booking.guests)) : null,
+    data.itemCount > 0 ? part(() => counted(config, "cardsOrderItem", "cardsOrderItems", data.itemCount)) : null,
+    data.total !== void 0 ? part(() => money(config, data, data.total)) : null
+  ].filter(notNull);
+}
+function compact(ctx, data) {
+  const title = el("div", { class: "aparte-order__title" });
+  if (data.url) {
+    const link = el("a", { class: "aparte-order__link", attrs: { href: data.url, target: "_blank", rel: "noopener noreferrer" } });
+    ctx.bind(link, () => headText(ctx.config, data, true));
+    title.append(link);
+  } else {
+    ctx.bind(title, () => headText(ctx.config, data, true));
+  }
+  const parts = summaryParts(ctx, data);
+  return [el(
+    "div",
+    { class: "aparte-order__row", attrs: { "data-linked": data.url !== void 0 } },
+    kindGlyph(data),
+    el("div", { class: "aparte-order__row-main" }, title, parts.length ? el("div", { class: "aparte-order__row-meta" }, ...parts) : null),
+    statusPill(ctx, data),
+    data.url ? glyph(CHEVRON, "aparte-rich-card__glyph aparte-order__chevron") : null
+  )];
+}
+function keyFact(ctx, key, value, kind, note) {
+  const label = typeof key === "function" ? key : () => say(ctx.config, key);
+  return el(
+    "div",
+    { class: `aparte-order__keyfact aparte-order__keyfact--${kind}` },
+    bound(ctx, "dt", "aparte-order__keyfact-label", label),
+    el(
+      "dd",
+      { class: "aparte-order__keyfact-value" },
+      bound(ctx, "span", "aparte-order__keyfact-text", value),
+      note ? bound(ctx, "span", "aparte-order__keyfact-note", note) : null
+    )
+  );
+}
+function confirmation(ctx, data) {
+  const { config } = ctx;
+  const status = data.status && "status" in data.status ? data.status.status : void 0;
+  const tone = status ? TONE[status] : "success";
+  const sub = [
+    data.title && data.reference ? data.title : null,
+    data.reference ? shownReference(data.reference) : data.title ?? null
+  ].filter(notNull);
+  const booking = data.booking;
+  const estimate = data.delivery?.estimate;
+  const facts = [
+    data.total !== void 0 ? keyFact(
+      ctx,
+      "cardsOrderTotal",
+      () => money(config, data, data.total),
+      "total",
+      data.itemCount > 0 ? () => counted(config, "cardsOrderItem", "cardsOrderItems", data.itemCount) : void 0
+    ) : null,
+    estimate ? keyFact(ctx, "cardsOrderDelivery", () => estimateText(config, estimate), "delivery", data.delivery?.carrier ? () => data.delivery.carrier : void 0) : null,
+    booking?.start ? keyFact(
+      ctx,
+      "cardsOrderWhen",
+      () => whenText(config, booking.start, booking.end),
+      "when",
+      booking.end && nightsOf(booking.start.date, booking.end.date) > 0 ? () => counted(config, "cardsOrderNight", "cardsOrderNights", nightsOf(booking.start.date, booking.end.date)) : void 0
+    ) : null,
+    booking?.location ? keyFact(ctx, "cardsOrderWhere", () => booking.location, "where") : null,
+    booking?.guests !== void 0 ? keyFact(ctx, "cardsOrderGuestsLabel", () => counted(config, "cardsOrderGuest", "cardsOrderGuests", booking.guests), "guests") : null,
+    ...data.facts.slice(0, FACTS_IN_CONFIRMATION).map((fact) => keyFact(ctx, () => fact.label, () => fact.value, "own"))
+  ].filter(notNull);
+  const buttons = [viewButton(ctx, data, true), trackButton(ctx, data)].filter(notNull);
+  const free = data.status && "text" in data.status ? statusPill(ctx, data) : null;
+  return [el(
+    "div",
+    { class: "aparte-order__confirm", attrs: { "data-tone": tone } },
+    glyph(seal(tone), "aparte-order__seal"),
+    bound(ctx, "div", "aparte-order__headline", () => headline(config, data)),
+    sub.length ? el("div", { class: "aparte-order__ref", text: sub.join(" · ") }) : null,
+    free,
+    facts.length ? el("dl", { class: "aparte-order__keyfacts" }, ...facts) : null,
+    buttons.length ? el("div", { class: "aparte-order__confirm-actions" }, ...buttons) : null
+  )];
+}
+function render(data, ctx) {
+  if (ctx.variant === "compact") return compact(ctx, data);
+  if (ctx.variant === "confirmation") return confirmation(ctx, data);
+  return receipt(ctx, data);
+}
+function skeleton(partial, ctx) {
+  const block = (cls, kind = "text") => el("span", { class: `aparte-skeleton aparte-skeleton--${kind} ${cls}`, attrs: { "aria-hidden": "true" } });
+  const name = partial?.reference || partial?.title ? bound(ctx, "div", "aparte-order__title", () => headText(ctx.config, partial, true)) : block("aparte-order__sk-title");
+  if (ctx.variant === "compact") {
+    return [el(
+      "div",
+      { class: "aparte-order__row" },
+      kindGlyph(partial),
+      el("div", { class: "aparte-order__row-main" }, name, block("aparte-order__sk-meta")),
+      block("aparte-order__sk-pill", "rect")
+    )];
+  }
+  if (ctx.variant === "confirmation") {
+    return [el(
+      "div",
+      { class: "aparte-order__confirm aparte-order__confirm--skeleton" },
+      block("aparte-order__sk-seal", "circle"),
+      block("aparte-order__sk-headline"),
+      partial?.reference ? el("div", { class: "aparte-order__ref", text: shownReference(partial.reference) }) : block("aparte-order__sk-ref"),
+      el("div", { class: "aparte-order__keyfacts" }, block("aparte-order__sk-fact", "rect"), block("aparte-order__sk-fact", "rect"))
+    )];
+  }
+  const line = () => el(
+    "div",
+    { class: "aparte-order__line aparte-order__line--skeleton" },
+    block("aparte-order__sk-thumb", "rect"),
+    el("div", { class: "aparte-order__line-main" }, block("aparte-order__sk-line"), block("aparte-order__sk-line aparte-order__sk-line--short")),
+    block("aparte-order__sk-price")
+  );
+  return [
+    el(
+      "div",
+      { class: "aparte-order__head" },
+      kindGlyph(partial),
+      el("div", { class: "aparte-order__heading" }, name, block("aparte-order__sk-date")),
+      block("aparte-order__sk-pill", "rect")
+    ),
+    el("div", { class: "aparte-order__section aparte-order__items" }, el("div", { class: "aparte-order__lines", attrs: { "data-thumbs": "" } }, line(), line(), line())),
+    el(
+      "div",
+      { class: "aparte-order__section aparte-order__totals" },
+      el("div", { class: "aparte-order__sum" }, block("aparte-order__sk-label"), block("aparte-order__sk-price")),
+      el("div", { class: "aparte-order__sum aparte-order__sum--total" }, block("aparte-order__sk-label"), block("aparte-order__sk-price"))
+    )
+  ];
+}
+function fallback(data, ctx) {
+  const { config } = ctx;
+  const booking = data.booking;
+  const status = data.status ? "status" in data.status ? statusWord(config, data).toLocaleLowerCase(intlTag(config)) : data.status.text : void 0;
+  const parts = [
+    booking?.start ? whenText(config, booking.start, booking.end) : void 0,
+    booking?.location,
+    booking?.guests !== void 0 ? counted(config, "cardsOrderGuest", "cardsOrderGuests", booking.guests) : void 0,
+    data.itemCount > 0 ? counted(config, "cardsOrderItem", "cardsOrderItems", data.itemCount) : void 0,
+    data.total !== void 0 ? say(config, "cardsOrderFallbackTotal", { amount: money(config, data, data.total) }) : void 0,
+    status
+  ].filter(notNull);
+  const head = headText(config, data, false);
+  return parts.length ? `${head} — ${parts.join(", ")}` : head;
+}
+const orderCard = defineCard({
+  name: "order",
+  variants: ["receipt", "compact", "confirmation"],
+  styles: orderStyles,
+  icon: BAG,
+  normalize: readOrder,
+  render,
+  skeleton,
+  label: (data, ctx) => headText(ctx.config, data, false),
+  fallback,
+  partial: (input) => {
+    const reference = str(input["reference"] ?? input["orderNumber"] ?? input["order_number"] ?? input["orderId"] ?? input["order_id"] ?? input["bookingId"] ?? input["booking_id"] ?? input["confirmation"] ?? input["number"] ?? input["id"])?.replace(/^#\s*/, "");
+    const booking = ["bookingId", "booking_id", "reservationId", "reservation_id"].some((k) => input[k] !== void 0) || squeeze(input["kind"]) === "booking";
+    if (!reference && !booking) return null;
+    return { kind: booking ? "booking" : "order", ...reference ? { reference } : {} };
+  }
+});
+function setupOrderCard(options = {}) {
+  return orderCard.setup(options);
+}
+export {
+  nightsOf,
+  orderCard,
+  readOrder,
+  readWhen,
+  setupOrderCard
+};
+//# sourceMappingURL=order.js.map