@thorprovider/blocks 4.1.0 → 4.3.0

package/dist/blocks/designs/order-detail/components/promotions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/promotions.tsx"],"sourcesContent":["import type {\n  OrderDetailLabels,\n  OrderDetailOrder,\n  PromotionPresentation,\n} from '../contracts'\nimport { addMoney, fillTemplate } from '../money'\nimport type { MoneyFormatter } from './ui'\n\ntype ItemPromotionsProps = {\n  order: OrderDetailOrder\n  entries: PromotionPresentation[]\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n  expanded: boolean\n}\n\nconst totalOf = (entries: PromotionPresentation[], currency: string) =>\n  addMoney(entries.map((entry) => entry.appliedAmount), currency)\n\nconst lineName = (order: OrderDetailOrder, lineId: string) =>\n  order.lines.find((line) => line.id === lineId)?.name ?? lineId\n\n/**\n * Product-scoped promotions. Compact rows carry one quiet saving line; the\n * expanded state keeps the individual promotion, its code and its condition.\n */\nexport function OrderItemPromotions({\n  order,\n  entries,\n  labels,\n  money,\n  expanded,\n}: ItemPromotionsProps) {\n  if (entries.length === 0) return null\n  const total = totalOf(entries, order.currency)\n\n  if (!expanded) {\n    return (\n      <p className=\"mt-1 break-words text-xs text-muted-foreground\">\n        {entries.length === 1 ? (\n          <>\n            <span className=\"text-foreground\">{entries[0].name}</span>\n            <span aria-hidden=\"true\"> · </span>\n          </>\n        ) : (\n          <>\n            <span className=\"text-foreground\">\n              {fillTemplate(labels.promotions.discountsApplied, { count: entries.length })}\n            </span>\n            <span aria-hidden=\"true\"> · </span>\n          </>\n        )}\n        <span>\n          {labels.promotions.youSave} {money(total)}\n        </span>\n      </p>\n    )\n  }\n\n  return (\n    <ul className=\"space-y-2\">\n      {entries.map((entry) => (\n        <li key={entry.id} className=\"text-xs\">\n          <div className=\"flex flex-wrap items-baseline gap-x-2\">\n            <span className=\"min-w-0 break-words font-medium text-foreground\">\n              {entry.name}\n              {entry.code ? (\n                <span className=\"ml-1 font-normal text-muted-foreground\">\n                  ({labels.promotions.coupon} {entry.code})\n                </span>\n              ) : null}\n            </span>\n            <span className=\"shrink-0 tabular-nums text-foreground\">\n              −{money(entry.appliedAmount)}\n            </span>\n          </div>\n          <p className=\"mt-0.5 flex flex-wrap gap-x-2 text-muted-foreground\">\n            {entry.promotionType ? (\n              <span>{labels.promotions.type[entry.promotionType]}</span>\n            ) : null}\n            {entry.description === 'unassigned' ? (\n              <span>{labels.promotions.unassigned}</span>\n            ) : null}\n          </p>\n          {entry.buyXGetY ? (\n            <div className=\"mt-1 space-y-0.5 text-muted-foreground\">\n              <p className=\"font-medium text-foreground\">{labels.promotions.buyXGetYTitle}</p>\n              <p>\n                {labels.promotions.condition}:{' '}\n                {entry.buyXGetY.conditionLineIds.map((id) => lineName(order, id)).join(' · ')}\n              </p>\n              <p>\n                {labels.promotions.reward}:{' '}\n                {entry.buyXGetY.rewardLineIds.map((id) => lineName(order, id)).join(' · ')}\n              </p>\n              <p>\n                {labels.promotions.freeQuantity}: {entry.buyXGetY.freeQuantity}\n                {entry.buyXGetY.partial ? ` · ${labels.promotions.partial}` : ''}\n              </p>\n            </div>\n          ) : null}\n        </li>\n      ))}\n    </ul>\n  )\n}\n\n/** A promotion name with its code when one exists. */\nexport function promotionEntryLabel(\n  entry: PromotionPresentation,\n  labels: OrderDetailLabels,\n): string {\n  if (!entry.code) return entry.name\n  return `${labels.promotions.coupon} ${entry.code}`\n}\n\n/** Payment-method, financing and provider benefits, when the source models them. */\nexport function OrderPaymentPromotions({\n  entries,\n  labels,\n  money,\n}: {\n  entries: PromotionPresentation[]\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n}) {\n  if (entries.length === 0) return null\n  return (\n    <div className=\"mb-3 rounded-lg border bg-muted/20 p-3\">\n      <p className=\"text-xs font-medium text-foreground\">{labels.promotions.paymentTitle}</p>\n      <ul className=\"mt-1.5 space-y-1 text-xs\">\n        {entries.map((entry) => (\n          <li key={entry.id} className=\"flex items-baseline justify-between gap-3\">\n            <span className=\"min-w-0 break-words\">\n              {entry.name}\n              {entry.code ? (\n                <span className=\"ml-1 text-muted-foreground\">\n                  ({labels.promotions.coupon} {entry.code})\n                </span>\n              ) : null}\n            </span>\n            <span className=\"shrink-0 tabular-nums text-foreground\">\n              −{money(entry.appliedAmount)}\n            </span>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/order-detail/components/promotions.mjs

@@ -0,0 +1,109 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { addMoney, fillTemplate } from "../money.mjs";
+const totalOf = (entries, currency) => addMoney(entries.map((entry) => entry.appliedAmount), currency);
+const lineName = (order, lineId) => order.lines.find((line) => line.id === lineId)?.name ?? lineId;
+function OrderItemPromotions({
+  order,
+  entries,
+  labels,
+  money,
+  expanded
+}) {
+  if (entries.length === 0) return null;
+  const total = totalOf(entries, order.currency);
+  if (!expanded) {
+    return /* @__PURE__ */ jsxs("p", { className: "mt-1 break-words text-xs text-muted-foreground", children: [
+      entries.length === 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: entries[0].name }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " \xB7 " })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "text-foreground", children: fillTemplate(labels.promotions.discountsApplied, { count: entries.length }) }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " \xB7 " })
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        labels.promotions.youSave,
+        " ",
+        money(total)
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: entries.map((entry) => /* @__PURE__ */ jsxs("li", { className: "text-xs", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2", children: [
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0 break-words font-medium text-foreground", children: [
+        entry.name,
+        entry.code ? /* @__PURE__ */ jsxs("span", { className: "ml-1 font-normal text-muted-foreground", children: [
+          "(",
+          labels.promotions.coupon,
+          " ",
+          entry.code,
+          ")"
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "shrink-0 tabular-nums text-foreground", children: [
+        "\u2212",
+        money(entry.appliedAmount)
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-0.5 flex flex-wrap gap-x-2 text-muted-foreground", children: [
+      entry.promotionType ? /* @__PURE__ */ jsx("span", { children: labels.promotions.type[entry.promotionType] }) : null,
+      entry.description === "unassigned" ? /* @__PURE__ */ jsx("span", { children: labels.promotions.unassigned }) : null
+    ] }),
+    entry.buyXGetY ? /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-0.5 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium text-foreground", children: labels.promotions.buyXGetYTitle }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        labels.promotions.condition,
+        ":",
+        " ",
+        entry.buyXGetY.conditionLineIds.map((id) => lineName(order, id)).join(" \xB7 ")
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        labels.promotions.reward,
+        ":",
+        " ",
+        entry.buyXGetY.rewardLineIds.map((id) => lineName(order, id)).join(" \xB7 ")
+      ] }),
+      /* @__PURE__ */ jsxs("p", { children: [
+        labels.promotions.freeQuantity,
+        ": ",
+        entry.buyXGetY.freeQuantity,
+        entry.buyXGetY.partial ? ` \xB7 ${labels.promotions.partial}` : ""
+      ] })
+    ] }) : null
+  ] }, entry.id)) });
+}
+function promotionEntryLabel(entry, labels) {
+  if (!entry.code) return entry.name;
+  return `${labels.promotions.coupon} ${entry.code}`;
+}
+function OrderPaymentPromotions({
+  entries,
+  labels,
+  money
+}) {
+  if (entries.length === 0) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "mb-3 rounded-lg border bg-muted/20 p-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-foreground", children: labels.promotions.paymentTitle }),
+    /* @__PURE__ */ jsx("ul", { className: "mt-1.5 space-y-1 text-xs", children: entries.map((entry) => /* @__PURE__ */ jsxs("li", { className: "flex items-baseline justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0 break-words", children: [
+        entry.name,
+        entry.code ? /* @__PURE__ */ jsxs("span", { className: "ml-1 text-muted-foreground", children: [
+          "(",
+          labels.promotions.coupon,
+          " ",
+          entry.code,
+          ")"
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "shrink-0 tabular-nums text-foreground", children: [
+        "\u2212",
+        money(entry.appliedAmount)
+      ] })
+    ] }, entry.id)) })
+  ] });
+}
+export {
+  OrderItemPromotions,
+  OrderPaymentPromotions,
+  promotionEntryLabel
+};
+//# sourceMappingURL=promotions.mjs.map

package/dist/blocks/designs/order-detail/components/promotions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/promotions.tsx"],"sourcesContent":["import type {\n  OrderDetailLabels,\n  OrderDetailOrder,\n  PromotionPresentation,\n} from '../contracts'\nimport { addMoney, fillTemplate } from '../money'\nimport type { MoneyFormatter } from './ui'\n\ntype ItemPromotionsProps = {\n  order: OrderDetailOrder\n  entries: PromotionPresentation[]\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n  expanded: boolean\n}\n\nconst totalOf = (entries: PromotionPresentation[], currency: string) =>\n  addMoney(entries.map((entry) => entry.appliedAmount), currency)\n\nconst lineName = (order: OrderDetailOrder, lineId: string) =>\n  order.lines.find((line) => line.id === lineId)?.name ?? lineId\n\n/**\n * Product-scoped promotions. Compact rows carry one quiet saving line; the\n * expanded state keeps the individual promotion, its code and its condition.\n */\nexport function OrderItemPromotions({\n  order,\n  entries,\n  labels,\n  money,\n  expanded,\n}: ItemPromotionsProps) {\n  if (entries.length === 0) return null\n  const total = totalOf(entries, order.currency)\n\n  if (!expanded) {\n    return (\n      <p className=\"mt-1 break-words text-xs text-muted-foreground\">\n        {entries.length === 1 ? (\n          <>\n            <span className=\"text-foreground\">{entries[0].name}</span>\n            <span aria-hidden=\"true\"> · </span>\n          </>\n        ) : (\n          <>\n            <span className=\"text-foreground\">\n              {fillTemplate(labels.promotions.discountsApplied, { count: entries.length })}\n            </span>\n            <span aria-hidden=\"true\"> · </span>\n          </>\n        )}\n        <span>\n          {labels.promotions.youSave} {money(total)}\n        </span>\n      </p>\n    )\n  }\n\n  return (\n    <ul className=\"space-y-2\">\n      {entries.map((entry) => (\n        <li key={entry.id} className=\"text-xs\">\n          <div className=\"flex flex-wrap items-baseline gap-x-2\">\n            <span className=\"min-w-0 break-words font-medium text-foreground\">\n              {entry.name}\n              {entry.code ? (\n                <span className=\"ml-1 font-normal text-muted-foreground\">\n                  ({labels.promotions.coupon} {entry.code})\n                </span>\n              ) : null}\n            </span>\n            <span className=\"shrink-0 tabular-nums text-foreground\">\n              −{money(entry.appliedAmount)}\n            </span>\n          </div>\n          <p className=\"mt-0.5 flex flex-wrap gap-x-2 text-muted-foreground\">\n            {entry.promotionType ? (\n              <span>{labels.promotions.type[entry.promotionType]}</span>\n            ) : null}\n            {entry.description === 'unassigned' ? (\n              <span>{labels.promotions.unassigned}</span>\n            ) : null}\n          </p>\n          {entry.buyXGetY ? (\n            <div className=\"mt-1 space-y-0.5 text-muted-foreground\">\n              <p className=\"font-medium text-foreground\">{labels.promotions.buyXGetYTitle}</p>\n              <p>\n                {labels.promotions.condition}:{' '}\n                {entry.buyXGetY.conditionLineIds.map((id) => lineName(order, id)).join(' · ')}\n              </p>\n              <p>\n                {labels.promotions.reward}:{' '}\n                {entry.buyXGetY.rewardLineIds.map((id) => lineName(order, id)).join(' · ')}\n              </p>\n              <p>\n                {labels.promotions.freeQuantity}: {entry.buyXGetY.freeQuantity}\n                {entry.buyXGetY.partial ? ` · ${labels.promotions.partial}` : ''}\n              </p>\n            </div>\n          ) : null}\n        </li>\n      ))}\n    </ul>\n  )\n}\n\n/** A promotion name with its code when one exists. */\nexport function promotionEntryLabel(\n  entry: PromotionPresentation,\n  labels: OrderDetailLabels,\n): string {\n  if (!entry.code) return entry.name\n  return `${labels.promotions.coupon} ${entry.code}`\n}\n\n/** Payment-method, financing and provider benefits, when the source models them. */\nexport function OrderPaymentPromotions({\n  entries,\n  labels,\n  money,\n}: {\n  entries: PromotionPresentation[]\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n}) {\n  if (entries.length === 0) return null\n  return (\n    <div className=\"mb-3 rounded-lg border bg-muted/20 p-3\">\n      <p className=\"text-xs font-medium text-foreground\">{labels.promotions.paymentTitle}</p>\n      <ul className=\"mt-1.5 space-y-1 text-xs\">\n        {entries.map((entry) => (\n          <li key={entry.id} className=\"flex items-baseline justify-between gap-3\">\n            <span className=\"min-w-0 break-words\">\n              {entry.name}\n              {entry.code ? (\n                <span className=\"ml-1 text-muted-foreground\">\n                  ({labels.promotions.coupon} {entry.code})\n                </span>\n              ) : null}\n            </span>\n            <span className=\"shrink-0 tabular-nums text-foreground\">\n              −{money(entry.appliedAmount)}\n            </span>\n          </li>\n        ))}\n      </ul>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/order-detail/components/revisions.d.ts

@@ -0,0 +1,11 @@
+import type { OrderDetailLabels, OrderDetailOrder } from '../contracts';
+import type { DateFormatter, MoneyFormatter } from './ui';
+type RevisionsProps = {
+    order: OrderDetailOrder;
+    labels: OrderDetailLabels;
+    money: MoneyFormatter;
+    date: DateFormatter;
+};
+export declare function OrderRevisionHistory({ order, labels, money, date }: RevisionsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=revisions.d.ts.map

package/dist/blocks/designs/order-detail/components/revisions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"revisions.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/revisions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AACvE,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAEzD,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,gBAAgB,CAAA;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,KAAK,EAAE,cAAc,CAAA;IACrB,IAAI,EAAE,aAAa,CAAA;CACpB,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,cAAc,+BA4BlF"}

package/dist/blocks/designs/order-detail/components/revisions.js

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var revisions_exports = {};
+__export(revisions_exports, {
+  OrderRevisionHistory: () => OrderRevisionHistory
+});
+module.exports = __toCommonJS(revisions_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function OrderRevisionHistory({ order, labels, money, date }) {
+  if (order.revisions.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.revisions.none });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "space-y-3 border-l pl-4", children: order.revisions.map((revision) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", { className: "text-xs", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "flex flex-wrap items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-medium text-foreground", children: labels.revisions.kinds[revision.kind] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground", children: date(revision.at) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-0.5 text-muted-foreground", children: revision.summary }),
+    revision.delta && revision.delta.amount !== 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "mt-0.5 tabular-nums", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-muted-foreground", children: [
+        labels.revisions.delta,
+        ":"
+      ] }),
+      " ",
+      revision.delta.amount > 0 ? "+" : "\u2212",
+      money({
+        amount: Math.abs(revision.delta.amount),
+        currency: revision.delta.currency
+      })
+    ] }) : null
+  ] }, revision.id)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderRevisionHistory
+});
+//# sourceMappingURL=revisions.js.map

package/dist/blocks/designs/order-detail/components/revisions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/revisions.tsx"],"sourcesContent":["import type { OrderDetailLabels, OrderDetailOrder } from '../contracts'\nimport type { DateFormatter, MoneyFormatter } from './ui'\n\ntype RevisionsProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n  date: DateFormatter\n}\n\nexport function OrderRevisionHistory({ order, labels, money, date }: RevisionsProps) {\n  if (order.revisions.length === 0) {\n    return <p className=\"text-xs text-muted-foreground\">{labels.revisions.none}</p>\n  }\n\n  return (\n    <ol className=\"space-y-3 border-l pl-4\">\n      {order.revisions.map((revision) => (\n        <li key={revision.id} className=\"text-xs\">\n          <p className=\"flex flex-wrap items-baseline justify-between gap-2\">\n            <span className=\"font-medium text-foreground\">{labels.revisions.kinds[revision.kind]}</span>\n            <span className=\"text-muted-foreground\">{date(revision.at)}</span>\n          </p>\n          <p className=\"mt-0.5 text-muted-foreground\">{revision.summary}</p>\n          {revision.delta && revision.delta.amount !== 0 ? (\n            <p className=\"mt-0.5 tabular-nums\">\n              <span className=\"text-muted-foreground\">{labels.revisions.delta}:</span>{' '}\n              {revision.delta.amount > 0 ? '+' : '−'}\n              {money({\n                amount: Math.abs(revision.delta.amount),\n                currency: revision.delta.currency,\n              })}\n            </p>\n          ) : null}\n        </li>\n      ))}\n    </ol>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYW;AAFJ,SAAS,qBAAqB,EAAE,OAAO,QAAQ,OAAO,KAAK,GAAmB;AACnF,MAAI,MAAM,UAAU,WAAW,GAAG;AAChC,WAAO,4CAAC,OAAE,WAAU,iCAAiC,iBAAO,UAAU,MAAK;AAAA,EAC7E;AAEA,SACE,4CAAC,QAAG,WAAU,2BACX,gBAAM,UAAU,IAAI,CAAC,aACpB,6CAAC,QAAqB,WAAU,WAC9B;AAAA,iDAAC,OAAE,WAAU,uDACX;AAAA,kDAAC,UAAK,WAAU,+BAA+B,iBAAO,UAAU,MAAM,SAAS,IAAI,GAAE;AAAA,MACrF,4CAAC,UAAK,WAAU,yBAAyB,eAAK,SAAS,EAAE,GAAE;AAAA,OAC7D;AAAA,IACA,4CAAC,OAAE,WAAU,gCAAgC,mBAAS,SAAQ;AAAA,IAC7D,SAAS,SAAS,SAAS,MAAM,WAAW,IAC3C,6CAAC,OAAE,WAAU,uBACX;AAAA,mDAAC,UAAK,WAAU,yBAAyB;AAAA,eAAO,UAAU;AAAA,QAAM;AAAA,SAAC;AAAA,MAAQ;AAAA,MACxE,SAAS,MAAM,SAAS,IAAI,MAAM;AAAA,MAClC,MAAM;AAAA,QACL,QAAQ,KAAK,IAAI,SAAS,MAAM,MAAM;AAAA,QACtC,UAAU,SAAS,MAAM;AAAA,MAC3B,CAAC;AAAA,OACH,IACE;AAAA,OAfG,SAAS,EAgBlB,CACD,GACH;AAEJ;","names":[]}

package/dist/blocks/designs/order-detail/components/revisions.mjs

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function OrderRevisionHistory({ order, labels, money, date }) {
+  if (order.revisions.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.revisions.none });
+  }
+  return /* @__PURE__ */ jsx("ol", { className: "space-y-3 border-l pl-4", children: order.revisions.map((revision) => /* @__PURE__ */ jsxs("li", { className: "text-xs", children: [
+    /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: labels.revisions.kinds[revision.kind] }),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: date(revision.at) })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-muted-foreground", children: revision.summary }),
+    revision.delta && revision.delta.amount !== 0 ? /* @__PURE__ */ jsxs("p", { className: "mt-0.5 tabular-nums", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+        labels.revisions.delta,
+        ":"
+      ] }),
+      " ",
+      revision.delta.amount > 0 ? "+" : "\u2212",
+      money({
+        amount: Math.abs(revision.delta.amount),
+        currency: revision.delta.currency
+      })
+    ] }) : null
+  ] }, revision.id)) });
+}
+export {
+  OrderRevisionHistory
+};
+//# sourceMappingURL=revisions.mjs.map

package/dist/blocks/designs/order-detail/components/revisions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/revisions.tsx"],"sourcesContent":["import type { OrderDetailLabels, OrderDetailOrder } from '../contracts'\nimport type { DateFormatter, MoneyFormatter } from './ui'\n\ntype RevisionsProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  money: MoneyFormatter\n  date: DateFormatter\n}\n\nexport function OrderRevisionHistory({ order, labels, money, date }: RevisionsProps) {\n  if (order.revisions.length === 0) {\n    return <p className=\"text-xs text-muted-foreground\">{labels.revisions.none}</p>\n  }\n\n  return (\n    <ol className=\"space-y-3 border-l pl-4\">\n      {order.revisions.map((revision) => (\n        <li key={revision.id} className=\"text-xs\">\n          <p className=\"flex flex-wrap items-baseline justify-between gap-2\">\n            <span className=\"font-medium text-foreground\">{labels.revisions.kinds[revision.kind]}</span>\n            <span className=\"text-muted-foreground\">{date(revision.at)}</span>\n          </p>\n          <p className=\"mt-0.5 text-muted-foreground\">{revision.summary}</p>\n          {revision.delta && revision.delta.amount !== 0 ? (\n            <p className=\"mt-0.5 tabular-nums\">\n              <span className=\"text-muted-foreground\">{labels.revisions.delta}:</span>{' '}\n              {revision.delta.amount > 0 ? '+' : '−'}\n              {money({\n                amount: Math.abs(revision.delta.amount),\n                currency: revision.delta.currency,\n              })}\n            </p>\n          ) : null}\n        </li>\n      ))}\n    </ol>\n  )\n}\n"],"mappings":"AAYW,cAOD,YAPC;AAFJ,SAAS,qBAAqB,EAAE,OAAO,QAAQ,OAAO,KAAK,GAAmB;AACnF,MAAI,MAAM,UAAU,WAAW,GAAG;AAChC,WAAO,oBAAC,OAAE,WAAU,iCAAiC,iBAAO,UAAU,MAAK;AAAA,EAC7E;AAEA,SACE,oBAAC,QAAG,WAAU,2BACX,gBAAM,UAAU,IAAI,CAAC,aACpB,qBAAC,QAAqB,WAAU,WAC9B;AAAA,yBAAC,OAAE,WAAU,uDACX;AAAA,0BAAC,UAAK,WAAU,+BAA+B,iBAAO,UAAU,MAAM,SAAS,IAAI,GAAE;AAAA,MACrF,oBAAC,UAAK,WAAU,yBAAyB,eAAK,SAAS,EAAE,GAAE;AAAA,OAC7D;AAAA,IACA,oBAAC,OAAE,WAAU,gCAAgC,mBAAS,SAAQ;AAAA,IAC7D,SAAS,SAAS,SAAS,MAAM,WAAW,IAC3C,qBAAC,OAAE,WAAU,uBACX;AAAA,2BAAC,UAAK,WAAU,yBAAyB;AAAA,eAAO,UAAU;AAAA,QAAM;AAAA,SAAC;AAAA,MAAQ;AAAA,MACxE,SAAS,MAAM,SAAS,IAAI,MAAM;AAAA,MAClC,MAAM;AAAA,QACL,QAAQ,KAAK,IAAI,SAAS,MAAM,MAAM;AAAA,QACtC,UAAU,SAAS,MAAM;AAAA,MAC3B,CAAC;AAAA,OACH,IACE;AAAA,OAfG,SAAS,EAgBlB,CACD,GACH;AAEJ;","names":[]}

package/dist/blocks/designs/order-detail/components/status-summary.d.ts

@@ -0,0 +1,14 @@
+import type { OrderDetailLabels, OrderDetailOrder, OrderDetailSettings } from '../contracts';
+type SummaryProps = {
+    order: OrderDetailOrder;
+    labels: OrderDetailLabels;
+    settings: OrderDetailSettings;
+};
+/**
+ * Extra facts for complex orders only. Balances and refunds already live in the
+ * economic summary; this strip adds delivery progress, units to collect and open
+ * processes without repeating money or the main status.
+ */
+export declare function OrderStatusSummary({ order, labels, settings: input }: SummaryProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=status-summary.d.ts.map

package/dist/blocks/designs/order-detail/components/status-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-summary.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/status-summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAI5F,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,gBAAgB,CAAA;IACvB,MAAM,EAAE,iBAAiB,CAAA;IACzB,QAAQ,EAAE,mBAAmB,CAAA;CAC9B,CAAA;AAID;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,YAAY,sCAiDlF"}

package/dist/blocks/designs/order-detail/components/status-summary.js

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var status_summary_exports = {};
+__export(status_summary_exports, {
+  OrderStatusSummary: () => OrderStatusSummary
+});
+module.exports = __toCommonJS(status_summary_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_engine = require("../engine.js");
+var import_money = require("../money.js");
+const ACTIVE_CASES = /* @__PURE__ */ new Set(["requested", "approved", "in_transit", "received"]);
+function OrderStatusSummary({ order, labels, settings: input }) {
+  const settings = (0, import_engine.mergedSettings)(input);
+  const quantities = (0, import_engine.orderQuantities)(order);
+  const chargeable = quantities.ordered - quantities.cancelled;
+  const openCases = (0, import_engine.visibleAfterSales)(order, settings).filter(
+    (entry) => ACTIVE_CASES.has(entry.status)
+  );
+  const pickupPending = order.groups.some(
+    (group) => group.mode === "pickup" && (group.pickup?.status === "ready" || group.pickup?.status === "scheduled")
+  );
+  const facts = [];
+  if (quantities.delivered > 0 && quantities.delivered < chargeable) {
+    facts.push(
+      (0, import_money.fillTemplate)(labels.summary.progressValue, {
+        done: quantities.delivered,
+        total: chargeable
+      })
+    );
+  }
+  if (pickupPending && quantities.pending > 0) {
+    facts.push((0, import_money.fillTemplate)(labels.logistics.pendingPickup, { count: quantities.pending }));
+  } else if (quantities.pending > 0 && quantities.delivered === 0) {
+    facts.push((0, import_money.fillTemplate)(labels.logistics.pendingUnits, { count: quantities.pending }));
+  }
+  if (openCases.length > 0) {
+    facts.push(
+      openCases.length === 1 ? labels.summary.openCaseOne : (0, import_money.fillTemplate)(labels.summary.openCase, { count: openCases.length })
+    );
+  }
+  if (facts.length < 2) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex flex-wrap gap-2 rounded-xl border bg-card px-4 py-3 text-card-foreground", children: facts.map((fact, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      className: "rounded-full border border-border px-2.5 py-1 text-xs tabular-nums",
+      children: fact
+    },
+    `${fact}-${index}`
+  )) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderStatusSummary
+});
+//# sourceMappingURL=status-summary.js.map

package/dist/blocks/designs/order-detail/components/status-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/status-summary.tsx"],"sourcesContent":["import type { OrderDetailLabels, OrderDetailOrder, OrderDetailSettings } from '../contracts'\nimport { mergedSettings, orderQuantities, visibleAfterSales } from '../engine'\nimport { fillTemplate } from '../money'\n\ntype SummaryProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  settings: OrderDetailSettings\n}\n\nconst ACTIVE_CASES = new Set(['requested', 'approved', 'in_transit', 'received'])\n\n/**\n * Extra facts for complex orders only. Balances and refunds already live in the\n * economic summary; this strip adds delivery progress, units to collect and open\n * processes without repeating money or the main status.\n */\nexport function OrderStatusSummary({ order, labels, settings: input }: SummaryProps) {\n  const settings = mergedSettings(input)\n  const quantities = orderQuantities(order)\n  const chargeable = quantities.ordered - quantities.cancelled\n  const openCases = visibleAfterSales(order, settings).filter((entry) =>\n    ACTIVE_CASES.has(entry.status),\n  )\n  const pickupPending = order.groups.some(\n    (group) =>\n      group.mode === 'pickup' &&\n      (group.pickup?.status === 'ready' || group.pickup?.status === 'scheduled'),\n  )\n\n  const facts: string[] = []\n  if (quantities.delivered > 0 && quantities.delivered < chargeable) {\n    facts.push(\n      fillTemplate(labels.summary.progressValue, {\n        done: quantities.delivered,\n        total: chargeable,\n      }),\n    )\n  }\n  if (pickupPending && quantities.pending > 0) {\n    facts.push(fillTemplate(labels.logistics.pendingPickup, { count: quantities.pending }))\n  } else if (quantities.pending > 0 && quantities.delivered === 0) {\n    facts.push(fillTemplate(labels.logistics.pendingUnits, { count: quantities.pending }))\n  }\n  if (openCases.length > 0) {\n    facts.push(\n      openCases.length === 1\n        ? labels.summary.openCaseOne\n        : fillTemplate(labels.summary.openCase, { count: openCases.length }),\n    )\n  }\n\n  if (facts.length < 2) return null\n\n  return (\n    <div className=\"flex flex-wrap gap-2 rounded-xl border bg-card px-4 py-3 text-card-foreground\">\n      {facts.map((fact, index) => (\n        <span\n          key={`${fact}-${index}`}\n          className=\"rounded-full border border-border px-2.5 py-1 text-xs tabular-nums\"\n        >\n          {fact}\n        </span>\n      ))}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDQ;AAxDR,oBAAmE;AACnE,mBAA6B;AAQ7B,MAAM,eAAe,oBAAI,IAAI,CAAC,aAAa,YAAY,cAAc,UAAU,CAAC;AAOzE,SAAS,mBAAmB,EAAE,OAAO,QAAQ,UAAU,MAAM,GAAiB;AACnF,QAAM,eAAW,8BAAe,KAAK;AACrC,QAAM,iBAAa,+BAAgB,KAAK;AACxC,QAAM,aAAa,WAAW,UAAU,WAAW;AACnD,QAAM,gBAAY,iCAAkB,OAAO,QAAQ,EAAE;AAAA,IAAO,CAAC,UAC3D,aAAa,IAAI,MAAM,MAAM;AAAA,EAC/B;AACA,QAAM,gBAAgB,MAAM,OAAO;AAAA,IACjC,CAAC,UACC,MAAM,SAAS,aACd,MAAM,QAAQ,WAAW,WAAW,MAAM,QAAQ,WAAW;AAAA,EAClE;AAEA,QAAM,QAAkB,CAAC;AACzB,MAAI,WAAW,YAAY,KAAK,WAAW,YAAY,YAAY;AACjE,UAAM;AAAA,UACJ,2BAAa,OAAO,QAAQ,eAAe;AAAA,QACzC,MAAM,WAAW;AAAA,QACjB,OAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AACA,MAAI,iBAAiB,WAAW,UAAU,GAAG;AAC3C,UAAM,SAAK,2BAAa,OAAO,UAAU,eAAe,EAAE,OAAO,WAAW,QAAQ,CAAC,CAAC;AAAA,EACxF,WAAW,WAAW,UAAU,KAAK,WAAW,cAAc,GAAG;AAC/D,UAAM,SAAK,2BAAa,OAAO,UAAU,cAAc,EAAE,OAAO,WAAW,QAAQ,CAAC,CAAC;AAAA,EACvF;AACA,MAAI,UAAU,SAAS,GAAG;AACxB,UAAM;AAAA,MACJ,UAAU,WAAW,IACjB,OAAO,QAAQ,kBACf,2BAAa,OAAO,QAAQ,UAAU,EAAE,OAAO,UAAU,OAAO,CAAC;AAAA,IACvE;AAAA,EACF;AAEA,MAAI,MAAM,SAAS,EAAG,QAAO;AAE7B,SACE,4CAAC,SAAI,WAAU,iFACZ,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA,MAET;AAAA;AAAA,IAHI,GAAG,IAAI,IAAI,KAAK;AAAA,EAIvB,CACD,GACH;AAEJ;","names":[]}

package/dist/blocks/designs/order-detail/components/status-summary.mjs

@@ -0,0 +1,47 @@
+import { jsx } from "react/jsx-runtime";
+import { mergedSettings, orderQuantities, visibleAfterSales } from "../engine.mjs";
+import { fillTemplate } from "../money.mjs";
+const ACTIVE_CASES = /* @__PURE__ */ new Set(["requested", "approved", "in_transit", "received"]);
+function OrderStatusSummary({ order, labels, settings: input }) {
+  const settings = mergedSettings(input);
+  const quantities = orderQuantities(order);
+  const chargeable = quantities.ordered - quantities.cancelled;
+  const openCases = visibleAfterSales(order, settings).filter(
+    (entry) => ACTIVE_CASES.has(entry.status)
+  );
+  const pickupPending = order.groups.some(
+    (group) => group.mode === "pickup" && (group.pickup?.status === "ready" || group.pickup?.status === "scheduled")
+  );
+  const facts = [];
+  if (quantities.delivered > 0 && quantities.delivered < chargeable) {
+    facts.push(
+      fillTemplate(labels.summary.progressValue, {
+        done: quantities.delivered,
+        total: chargeable
+      })
+    );
+  }
+  if (pickupPending && quantities.pending > 0) {
+    facts.push(fillTemplate(labels.logistics.pendingPickup, { count: quantities.pending }));
+  } else if (quantities.pending > 0 && quantities.delivered === 0) {
+    facts.push(fillTemplate(labels.logistics.pendingUnits, { count: quantities.pending }));
+  }
+  if (openCases.length > 0) {
+    facts.push(
+      openCases.length === 1 ? labels.summary.openCaseOne : fillTemplate(labels.summary.openCase, { count: openCases.length })
+    );
+  }
+  if (facts.length < 2) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2 rounded-xl border bg-card px-4 py-3 text-card-foreground", children: facts.map((fact, index) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "rounded-full border border-border px-2.5 py-1 text-xs tabular-nums",
+      children: fact
+    },
+    `${fact}-${index}`
+  )) });
+}
+export {
+  OrderStatusSummary
+};
+//# sourceMappingURL=status-summary.mjs.map

package/dist/blocks/designs/order-detail/components/status-summary.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/status-summary.tsx"],"sourcesContent":["import type { OrderDetailLabels, OrderDetailOrder, OrderDetailSettings } from '../contracts'\nimport { mergedSettings, orderQuantities, visibleAfterSales } from '../engine'\nimport { fillTemplate } from '../money'\n\ntype SummaryProps = {\n  order: OrderDetailOrder\n  labels: OrderDetailLabels\n  settings: OrderDetailSettings\n}\n\nconst ACTIVE_CASES = new Set(['requested', 'approved', 'in_transit', 'received'])\n\n/**\n * Extra facts for complex orders only. Balances and refunds already live in the\n * economic summary; this strip adds delivery progress, units to collect and open\n * processes without repeating money or the main status.\n */\nexport function OrderStatusSummary({ order, labels, settings: input }: SummaryProps) {\n  const settings = mergedSettings(input)\n  const quantities = orderQuantities(order)\n  const chargeable = quantities.ordered - quantities.cancelled\n  const openCases = visibleAfterSales(order, settings).filter((entry) =>\n    ACTIVE_CASES.has(entry.status),\n  )\n  const pickupPending = order.groups.some(\n    (group) =>\n      group.mode === 'pickup' &&\n      (group.pickup?.status === 'ready' || group.pickup?.status === 'scheduled'),\n  )\n\n  const facts: string[] = []\n  if (quantities.delivered > 0 && quantities.delivered < chargeable) {\n    facts.push(\n      fillTemplate(labels.summary.progressValue, {\n        done: quantities.delivered,\n        total: chargeable,\n      }),\n    )\n  }\n  if (pickupPending && quantities.pending > 0) {\n    facts.push(fillTemplate(labels.logistics.pendingPickup, { count: quantities.pending }))\n  } else if (quantities.pending > 0 && quantities.delivered === 0) {\n    facts.push(fillTemplate(labels.logistics.pendingUnits, { count: quantities.pending }))\n  }\n  if (openCases.length > 0) {\n    facts.push(\n      openCases.length === 1\n        ? labels.summary.openCaseOne\n        : fillTemplate(labels.summary.openCase, { count: openCases.length }),\n    )\n  }\n\n  if (facts.length < 2) return null\n\n  return (\n    <div className=\"flex flex-wrap gap-2 rounded-xl border bg-card px-4 py-3 text-card-foreground\">\n      {facts.map((fact, index) => (\n        <span\n          key={`${fact}-${index}`}\n          className=\"rounded-full border border-border px-2.5 py-1 text-xs tabular-nums\"\n        >\n          {fact}\n        </span>\n      ))}\n    </div>\n  )\n}\n"],"mappings":"AAyDQ;AAxDR,SAAS,gBAAgB,iBAAiB,yBAAyB;AACnE,SAAS,oBAAoB;AAQ7B,MAAM,eAAe,oBAAI,IAAI,CAAC,aAAa,YAAY,cAAc,UAAU,CAAC;AAOzE,SAAS,mBAAmB,EAAE,OAAO,QAAQ,UAAU,MAAM,GAAiB;AACnF,QAAM,WAAW,eAAe,KAAK;AACrC,QAAM,aAAa,gBAAgB,KAAK;AACxC,QAAM,aAAa,WAAW,UAAU,WAAW;AACnD,QAAM,YAAY,kBAAkB,OAAO,QAAQ,EAAE;AAAA,IAAO,CAAC,UAC3D,aAAa,IAAI,MAAM,MAAM;AAAA,EAC/B;AACA,QAAM,gBAAgB,MAAM,OAAO;AAAA,IACjC,CAAC,UACC,MAAM,SAAS,aACd,MAAM,QAAQ,WAAW,WAAW,MAAM,QAAQ,WAAW;AAAA,EAClE;AAEA,QAAM,QAAkB,CAAC;AACzB,MAAI,WAAW,YAAY,KAAK,WAAW,YAAY,YAAY;AACjE,UAAM;AAAA,MACJ,aAAa,OAAO,QAAQ,eAAe;AAAA,QACzC,MAAM,WAAW;AAAA,QACjB,OAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AACA,MAAI,iBAAiB,WAAW,UAAU,GAAG;AAC3C,UAAM,KAAK,aAAa,OAAO,UAAU,eAAe,EAAE,OAAO,WAAW,QAAQ,CAAC,CAAC;AAAA,EACxF,WAAW,WAAW,UAAU,KAAK,WAAW,cAAc,GAAG;AAC/D,UAAM,KAAK,aAAa,OAAO,UAAU,cAAc,EAAE,OAAO,WAAW,QAAQ,CAAC,CAAC;AAAA,EACvF;AACA,MAAI,UAAU,SAAS,GAAG;AACxB,UAAM;AAAA,MACJ,UAAU,WAAW,IACjB,OAAO,QAAQ,cACf,aAAa,OAAO,QAAQ,UAAU,EAAE,OAAO,UAAU,OAAO,CAAC;AAAA,IACvE;AAAA,EACF;AAEA,MAAI,MAAM,SAAS,EAAG,QAAO;AAE7B,SACE,oBAAC,SAAI,WAAU,iFACZ,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA,MAET;AAAA;AAAA,IAHI,GAAG,IAAI,IAAI,KAAK;AAAA,EAIvB,CACD,GACH;AAEJ;","names":[]}

package/dist/blocks/designs/order-detail/components/ui.d.ts

@@ -0,0 +1,61 @@
+import type { ReactNode } from 'react';
+import type { Money, Tone } from '../contracts';
+export type MoneyFormatter = (money: Money) => string;
+export type DateFormatter = (iso: string) => string;
+export declare function Pill({ label, tone, className, }: {
+    label: string;
+    tone?: Tone;
+    className?: string;
+}): import("react").JSX.Element;
+type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'destructive';
+export declare function ActionButton({ children, onClick, variant, className, type, disabled, }: {
+    children: ReactNode;
+    onClick?: () => void;
+    variant?: ButtonVariant;
+    className?: string;
+    type?: 'button' | 'submit';
+    disabled?: boolean;
+}): import("react").JSX.Element;
+export declare function Surface({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+/** Always-visible card section for the economic summary and addresses. */
+export declare function CardSection({ id, title, children, className, }: {
+    id: string;
+    title: string;
+    children: ReactNode;
+    className?: string;
+}): import("react").JSX.Element;
+/**
+ * Expandable section. Native button + region keeps keyboard and screen-reader
+ * behaviour obvious; the summary is always visible, even when collapsed.
+ */
+export declare function Disclosure({ id, title, description, summary, defaultOpen, children, heading, }: {
+    id: string;
+    title: string;
+    description?: string;
+    summary?: ReactNode;
+    defaultOpen?: boolean;
+    children: ReactNode;
+    heading?: string;
+}): import("react").JSX.Element;
+export declare function Rows({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function Row({ label, value, strong, tone, className, }: {
+    label: string;
+    value: ReactNode;
+    strong?: boolean;
+    tone?: 'muted' | 'warning';
+    className?: string;
+}): import("react").JSX.Element;
+export declare function Notice({ children, tone, }: {
+    children: ReactNode;
+    tone?: 'neutral' | 'warning';
+}): import("react").JSX.Element;
+export declare function EmptyLine({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ui.d.ts.map

package/dist/blocks/designs/order-detail/components/ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/ui.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAG/C,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAA;AACrD,MAAM,MAAM,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;AAUnD,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,IAAgB,EAChB,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAYA;AAED,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,aAAa,CAAA;AAStE,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,OAAqB,EACrB,SAAS,EACT,IAAe,EACf,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,+BAeA;AAED,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAIA;AAED,0EAA0E;AAC1E,wBAAgB,WAAW,CAAC,EAC1B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAgBA;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,KAAK,EACL,WAAW,EACX,OAAO,EACP,WAAkB,EAClB,QAAQ,EACR,OAAO,GACR,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,+BAsCA;AAQD,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEzD;AAED,wBAAgB,GAAG,CAAC,EAClB,KAAK,EACL,KAAK,EACL,MAAM,EACN,IAAI,EACJ,SAAS,GACV,EAAE;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,SAAS,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,+BAiBA;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,IAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAC7B,+BAaA;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAE9D"}