@thorprovider/blocks 4.1.0 → 4.3.0

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

@@ -0,0 +1,88 @@
+"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 documents_exports = {};
+__export(documents_exports, {
+  OrderDocumentShortcut: () => OrderDocumentShortcut,
+  OrderDocuments: () => OrderDocuments
+});
+module.exports = __toCommonJS(documents_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_engine = require("../engine.js");
+var import_icons = require("./icons.js");
+var import_ui = require("./ui.js");
+function OrderDocumentShortcut({
+  document,
+  labels,
+  onDocument
+}) {
+  if (!onDocument) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_ui.ActionButton,
+    {
+      onClick: () => onDocument(document),
+      "aria-label": `${labels.documents.download}: ${document.label}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Download, {}),
+        document.kind === "invoice" ? labels.actions.invoice : labels.documents.download
+      ]
+    }
+  );
+}
+function OrderDocuments({ order, labels, date, onDocument }) {
+  const documents = (0, import_engine.availableDocuments)(order);
+  if (documents.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground", children: labels.documents.empty });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: "divide-y", children: documents.map((document) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "li",
+    {
+      className: "flex flex-wrap items-center justify-between gap-2 py-2.5 first:pt-0 last:pb-0",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex min-w-0 items-start gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileText, { className: "mt-0.5 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-medium", children: document.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+              labels.documents.kinds[document.kind],
+              document.issuedAt ? ` \xB7 ${date(document.issuedAt)}` : ""
+            ] })
+          ] })
+        ] }),
+        onDocument ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_ui.ActionButton,
+          {
+            onClick: () => onDocument(document),
+            "aria-label": `${labels.documents.download}: ${document.label}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Download, {}),
+              labels.documents.download
+            ]
+          }
+        ) : null
+      ]
+    },
+    document.id
+  )) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderDocumentShortcut,
+  OrderDocuments
+});
+//# sourceMappingURL=documents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/documents.tsx"],"sourcesContent":["import type { OrderDetailLabels, OrderDocument } from '../contracts'\nimport { availableDocuments } from '../engine'\nimport { Download, FileText } from './icons'\nimport { ActionButton } from './ui'\nimport type { DateFormatter } from './ui'\n\ntype DocumentsProps = {\n  order: { documents: OrderDocument[] }\n  labels: OrderDetailLabels\n  date: DateFormatter\n  onDocument?: (document: OrderDocument) => void\n}\n\n/** One document does not deserve a section: a contextual action is enough. */\nexport function OrderDocumentShortcut({\n  document,\n  labels,\n  onDocument,\n}: {\n  document: OrderDocument\n  labels: OrderDetailLabels\n  onDocument?: (document: OrderDocument) => void\n}) {\n  if (!onDocument) return null\n  return (\n    <ActionButton\n      onClick={() => onDocument(document)}\n      aria-label={`${labels.documents.download}: ${document.label}`}\n    >\n      <Download />\n      {document.kind === 'invoice' ? labels.actions.invoice : labels.documents.download}\n    </ActionButton>\n  )\n}\n\n/** Only documents that really exist get an action; unavailable ones are not\n *  rendered as dead buttons or invented invoices. */\nexport function OrderDocuments({ order, labels, date, onDocument }: DocumentsProps) {\n  const documents = availableDocuments(order)\n\n  if (documents.length === 0) {\n    return <p className=\"text-xs text-muted-foreground\">{labels.documents.empty}</p>\n  }\n\n  return (\n    <ul className=\"divide-y\">\n      {documents.map((document) => (\n        <li\n          key={document.id}\n          className=\"flex flex-wrap items-center justify-between gap-2 py-2.5 first:pt-0 last:pb-0\"\n        >\n          <div className=\"flex min-w-0 items-start gap-2\">\n            <FileText className=\"mt-0.5 text-muted-foreground\" />\n            <div className=\"min-w-0\">\n              <p className=\"text-sm font-medium\">{document.label}</p>\n              <p className=\"text-xs text-muted-foreground\">\n                {labels.documents.kinds[document.kind]}\n                {document.issuedAt ? ` · ${date(document.issuedAt)}` : ''}\n              </p>\n            </div>\n          </div>\n          {onDocument ? (\n            <ActionButton\n              onClick={() => onDocument(document)}\n              aria-label={`${labels.documents.download}: ${document.label}`}\n            >\n              <Download />\n              {labels.documents.download}\n            </ActionButton>\n          ) : null}\n        </li>\n      ))}\n    </ul>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBI;AAxBJ,oBAAmC;AACnC,mBAAmC;AACnC,gBAA6B;AAWtB,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,CAAC,WAAY,QAAO;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,WAAW,QAAQ;AAAA,MAClC,cAAY,GAAG,OAAO,UAAU,QAAQ,KAAK,SAAS,KAAK;AAAA,MAE3D;AAAA,oDAAC,yBAAS;AAAA,QACT,SAAS,SAAS,YAAY,OAAO,QAAQ,UAAU,OAAO,UAAU;AAAA;AAAA;AAAA,EAC3E;AAEJ;AAIO,SAAS,eAAe,EAAE,OAAO,QAAQ,MAAM,WAAW,GAAmB;AAClF,QAAM,gBAAY,kCAAmB,KAAK;AAE1C,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO,4CAAC,OAAE,WAAU,iCAAiC,iBAAO,UAAU,OAAM;AAAA,EAC9E;AAEA,SACE,4CAAC,QAAG,WAAU,YACX,oBAAU,IAAI,CAAC,aACd;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA,MAEV;AAAA,qDAAC,SAAI,WAAU,kCACb;AAAA,sDAAC,yBAAS,WAAU,gCAA+B;AAAA,UACnD,6CAAC,SAAI,WAAU,WACb;AAAA,wDAAC,OAAE,WAAU,uBAAuB,mBAAS,OAAM;AAAA,YACnD,6CAAC,OAAE,WAAU,iCACV;AAAA,qBAAO,UAAU,MAAM,SAAS,IAAI;AAAA,cACpC,SAAS,WAAW,SAAM,KAAK,SAAS,QAAQ,CAAC,KAAK;AAAA,eACzD;AAAA,aACF;AAAA,WACF;AAAA,QACC,aACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,WAAW,QAAQ;AAAA,YAClC,cAAY,GAAG,OAAO,UAAU,QAAQ,KAAK,SAAS,KAAK;AAAA,YAE3D;AAAA,0DAAC,yBAAS;AAAA,cACT,OAAO,UAAU;AAAA;AAAA;AAAA,QACpB,IACE;AAAA;AAAA;AAAA,IArBC,SAAS;AAAA,EAsBhB,CACD,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { availableDocuments } from "../engine.mjs";
+import { Download, FileText } from "./icons.mjs";
+import { ActionButton } from "./ui.mjs";
+function OrderDocumentShortcut({
+  document,
+  labels,
+  onDocument
+}) {
+  if (!onDocument) return null;
+  return /* @__PURE__ */ jsxs(
+    ActionButton,
+    {
+      onClick: () => onDocument(document),
+      "aria-label": `${labels.documents.download}: ${document.label}`,
+      children: [
+        /* @__PURE__ */ jsx(Download, {}),
+        document.kind === "invoice" ? labels.actions.invoice : labels.documents.download
+      ]
+    }
+  );
+}
+function OrderDocuments({ order, labels, date, onDocument }) {
+  const documents = availableDocuments(order);
+  if (documents.length === 0) {
+    return /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.documents.empty });
+  }
+  return /* @__PURE__ */ jsx("ul", { className: "divide-y", children: documents.map((document) => /* @__PURE__ */ jsxs(
+    "li",
+    {
+      className: "flex flex-wrap items-center justify-between gap-2 py-2.5 first:pt-0 last:pb-0",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-start gap-2", children: [
+          /* @__PURE__ */ jsx(FileText, { className: "mt-0.5 text-muted-foreground" }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: document.label }),
+            /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              labels.documents.kinds[document.kind],
+              document.issuedAt ? ` \xB7 ${date(document.issuedAt)}` : ""
+            ] })
+          ] })
+        ] }),
+        onDocument ? /* @__PURE__ */ jsxs(
+          ActionButton,
+          {
+            onClick: () => onDocument(document),
+            "aria-label": `${labels.documents.download}: ${document.label}`,
+            children: [
+              /* @__PURE__ */ jsx(Download, {}),
+              labels.documents.download
+            ]
+          }
+        ) : null
+      ]
+    },
+    document.id
+  )) });
+}
+export {
+  OrderDocumentShortcut,
+  OrderDocuments
+};
+//# sourceMappingURL=documents.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/documents.tsx"],"sourcesContent":["import type { OrderDetailLabels, OrderDocument } from '../contracts'\nimport { availableDocuments } from '../engine'\nimport { Download, FileText } from './icons'\nimport { ActionButton } from './ui'\nimport type { DateFormatter } from './ui'\n\ntype DocumentsProps = {\n  order: { documents: OrderDocument[] }\n  labels: OrderDetailLabels\n  date: DateFormatter\n  onDocument?: (document: OrderDocument) => void\n}\n\n/** One document does not deserve a section: a contextual action is enough. */\nexport function OrderDocumentShortcut({\n  document,\n  labels,\n  onDocument,\n}: {\n  document: OrderDocument\n  labels: OrderDetailLabels\n  onDocument?: (document: OrderDocument) => void\n}) {\n  if (!onDocument) return null\n  return (\n    <ActionButton\n      onClick={() => onDocument(document)}\n      aria-label={`${labels.documents.download}: ${document.label}`}\n    >\n      <Download />\n      {document.kind === 'invoice' ? labels.actions.invoice : labels.documents.download}\n    </ActionButton>\n  )\n}\n\n/** Only documents that really exist get an action; unavailable ones are not\n *  rendered as dead buttons or invented invoices. */\nexport function OrderDocuments({ order, labels, date, onDocument }: DocumentsProps) {\n  const documents = availableDocuments(order)\n\n  if (documents.length === 0) {\n    return <p className=\"text-xs text-muted-foreground\">{labels.documents.empty}</p>\n  }\n\n  return (\n    <ul className=\"divide-y\">\n      {documents.map((document) => (\n        <li\n          key={document.id}\n          className=\"flex flex-wrap items-center justify-between gap-2 py-2.5 first:pt-0 last:pb-0\"\n        >\n          <div className=\"flex min-w-0 items-start gap-2\">\n            <FileText className=\"mt-0.5 text-muted-foreground\" />\n            <div className=\"min-w-0\">\n              <p className=\"text-sm font-medium\">{document.label}</p>\n              <p className=\"text-xs text-muted-foreground\">\n                {labels.documents.kinds[document.kind]}\n                {document.issuedAt ? ` · ${date(document.issuedAt)}` : ''}\n              </p>\n            </div>\n          </div>\n          {onDocument ? (\n            <ActionButton\n              onClick={() => onDocument(document)}\n              aria-label={`${labels.documents.download}: ${document.label}`}\n            >\n              <Download />\n              {labels.documents.download}\n            </ActionButton>\n          ) : null}\n        </li>\n      ))}\n    </ul>\n  )\n}\n"],"mappings":"AAyBI,SAIE,KAJF;AAxBJ,SAAS,0BAA0B;AACnC,SAAS,UAAU,gBAAgB;AACnC,SAAS,oBAAoB;AAWtB,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,CAAC,WAAY,QAAO;AACxB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,MAAM,WAAW,QAAQ;AAAA,MAClC,cAAY,GAAG,OAAO,UAAU,QAAQ,KAAK,SAAS,KAAK;AAAA,MAE3D;AAAA,4BAAC,YAAS;AAAA,QACT,SAAS,SAAS,YAAY,OAAO,QAAQ,UAAU,OAAO,UAAU;AAAA;AAAA;AAAA,EAC3E;AAEJ;AAIO,SAAS,eAAe,EAAE,OAAO,QAAQ,MAAM,WAAW,GAAmB;AAClF,QAAM,YAAY,mBAAmB,KAAK;AAE1C,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO,oBAAC,OAAE,WAAU,iCAAiC,iBAAO,UAAU,OAAM;AAAA,EAC9E;AAEA,SACE,oBAAC,QAAG,WAAU,YACX,oBAAU,IAAI,CAAC,aACd;AAAA,IAAC;AAAA;AAAA,MAEC,WAAU;AAAA,MAEV;AAAA,6BAAC,SAAI,WAAU,kCACb;AAAA,8BAAC,YAAS,WAAU,gCAA+B;AAAA,UACnD,qBAAC,SAAI,WAAU,WACb;AAAA,gCAAC,OAAE,WAAU,uBAAuB,mBAAS,OAAM;AAAA,YACnD,qBAAC,OAAE,WAAU,iCACV;AAAA,qBAAO,UAAU,MAAM,SAAS,IAAI;AAAA,cACpC,SAAS,WAAW,SAAM,KAAK,SAAS,QAAQ,CAAC,KAAK;AAAA,eACzD;AAAA,aACF;AAAA,WACF;AAAA,QACC,aACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM,WAAW,QAAQ;AAAA,YAClC,cAAY,GAAG,OAAO,UAAU,QAAQ,KAAK,SAAS,KAAK;AAAA,YAE3D;AAAA,kCAAC,YAAS;AAAA,cACT,OAAO,UAAU;AAAA;AAAA;AAAA,QACpB,IACE;AAAA;AAAA;AAAA,IArBC,SAAS;AAAA,EAsBhB,CACD,GACH;AAEJ;","names":[]}

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

@@ -0,0 +1,19 @@
+import type { OrderDetailLabels, SectionIssue } from '../contracts';
+export declare function LoadingState({ labels }: {
+    labels: OrderDetailLabels;
+}): import("react").JSX.Element;
+export declare function ErrorState({ labels, onRetry, }: {
+    labels: OrderDetailLabels;
+    onRetry?: () => void;
+}): import("react").JSX.Element;
+export declare function ForbiddenState({ labels }: {
+    labels: OrderDetailLabels;
+}): import("react").JSX.Element;
+export declare function NotFoundState({ labels }: {
+    labels: OrderDetailLabels;
+}): import("react").JSX.Element;
+export declare function SectionNotice({ issue, labels, }: {
+    issue: SectionIssue;
+    labels: OrderDetailLabels;
+}): import("react").JSX.Element;
+//# sourceMappingURL=feedback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"feedback.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/feedback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAInE,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,+BAgBrE;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,GACR,EAAE;IACD,MAAM,EAAE,iBAAiB,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,+BAkBA;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,+BAOvE;AAED,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,+BAOtE;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,GACP,EAAE;IACD,KAAK,EAAE,YAAY,CAAA;IACnB,MAAM,EAAE,iBAAiB,CAAA;CAC1B,+BAQA"}

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

@@ -0,0 +1,87 @@
+"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 feedback_exports = {};
+__export(feedback_exports, {
+  ErrorState: () => ErrorState,
+  ForbiddenState: () => ForbiddenState,
+  LoadingState: () => LoadingState,
+  NotFoundState: () => NotFoundState,
+  SectionNotice: () => SectionNotice
+});
+module.exports = __toCommonJS(feedback_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_icons = require("./icons.js");
+var import_ui = require("./ui.js");
+function LoadingState({ labels }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { "aria-busy": "true", className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "sr-only", role: "status", children: labels.states.loading }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-8 w-40 animate-pulse rounded-md bg-muted" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-28 animate-pulse rounded-xl border bg-muted/60" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid gap-4 sm:grid-cols-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-20 animate-pulse rounded-xl border bg-muted/60" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-20 animate-pulse rounded-xl border bg-muted/60" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-20 animate-pulse rounded-xl border bg-muted/60" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-40 animate-pulse rounded-xl border bg-muted/60" })
+  ] });
+}
+function ErrorState({
+  labels,
+  onRetry
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border bg-card p-5 text-card-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.AlertTriangle, { className: "text-warning" }),
+      labels.states.errorTitle
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: labels.states.errorBody }),
+    onRetry ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.ActionButton, { onClick: onRetry, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Refresh, {}),
+      labels.states.retry
+    ] }) }) : null
+  ] });
+}
+function ForbiddenState({ labels }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border bg-card p-5 text-card-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold", children: labels.states.forbiddenTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: labels.states.forbiddenBody })
+  ] });
+}
+function NotFoundState({ labels }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-xl border bg-card p-5 text-card-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-semibold", children: labels.states.notFoundTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-xs text-muted-foreground", children: labels.states.notFoundBody })
+  ] });
+}
+function SectionNotice({
+  issue,
+  labels
+}) {
+  const text = issue === "error" ? labels.states.sectionError : issue === "forbidden" ? labels.states.sectionForbidden : labels.states.sectionUnavailable;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Notice, { tone: issue === "error" ? "warning" : "neutral", children: text });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ErrorState,
+  ForbiddenState,
+  LoadingState,
+  NotFoundState,
+  SectionNotice
+});
+//# sourceMappingURL=feedback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/feedback.tsx"],"sourcesContent":["import type { OrderDetailLabels, SectionIssue } from '../contracts'\nimport { AlertTriangle, Refresh } from './icons'\nimport { ActionButton, Notice } from './ui'\n\nexport function LoadingState({ labels }: { labels: OrderDetailLabels }) {\n  return (\n    <div aria-busy=\"true\" className=\"space-y-4\">\n      <p className=\"sr-only\" role=\"status\">\n        {labels.states.loading}\n      </p>\n      <div className=\"h-8 w-40 animate-pulse rounded-md bg-muted\" />\n      <div className=\"h-28 animate-pulse rounded-xl border bg-muted/60\" />\n      <div className=\"grid gap-4 sm:grid-cols-3\">\n        <div className=\"h-20 animate-pulse rounded-xl border bg-muted/60\" />\n        <div className=\"h-20 animate-pulse rounded-xl border bg-muted/60\" />\n        <div className=\"h-20 animate-pulse rounded-xl border bg-muted/60\" />\n      </div>\n      <div className=\"h-40 animate-pulse rounded-xl border bg-muted/60\" />\n    </div>\n  )\n}\n\nexport function ErrorState({\n  labels,\n  onRetry,\n}: {\n  labels: OrderDetailLabels\n  onRetry?: () => void\n}) {\n  return (\n    <div className=\"rounded-xl border bg-card p-5 text-card-foreground\">\n      <p className=\"flex items-center gap-2 text-sm font-semibold\">\n        <AlertTriangle className=\"text-warning\" />\n        {labels.states.errorTitle}\n      </p>\n      <p className=\"mt-1 text-xs text-muted-foreground\">{labels.states.errorBody}</p>\n      {onRetry ? (\n        <div className=\"mt-3\">\n          <ActionButton onClick={onRetry}>\n            <Refresh />\n            {labels.states.retry}\n          </ActionButton>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport function ForbiddenState({ labels }: { labels: OrderDetailLabels }) {\n  return (\n    <div className=\"rounded-xl border bg-card p-5 text-card-foreground\">\n      <p className=\"text-sm font-semibold\">{labels.states.forbiddenTitle}</p>\n      <p className=\"mt-1 text-xs text-muted-foreground\">{labels.states.forbiddenBody}</p>\n    </div>\n  )\n}\n\nexport function NotFoundState({ labels }: { labels: OrderDetailLabels }) {\n  return (\n    <div className=\"rounded-xl border bg-card p-5 text-card-foreground\">\n      <p className=\"text-sm font-semibold\">{labels.states.notFoundTitle}</p>\n      <p className=\"mt-1 text-xs text-muted-foreground\">{labels.states.notFoundBody}</p>\n    </div>\n  )\n}\n\nexport function SectionNotice({\n  issue,\n  labels,\n}: {\n  issue: SectionIssue\n  labels: OrderDetailLabels\n}) {\n  const text =\n    issue === 'error'\n      ? labels.states.sectionError\n      : issue === 'forbidden'\n        ? labels.states.sectionForbidden\n        : labels.states.sectionUnavailable\n  return <Notice tone={issue === 'error' ? 'warning' : 'neutral'}>{text}</Notice>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOM;AANN,mBAAuC;AACvC,gBAAqC;AAE9B,SAAS,aAAa,EAAE,OAAO,GAAkC;AACtE,SACE,6CAAC,SAAI,aAAU,QAAO,WAAU,aAC9B;AAAA,gDAAC,OAAE,WAAU,WAAU,MAAK,UACzB,iBAAO,OAAO,SACjB;AAAA,IACA,4CAAC,SAAI,WAAU,8CAA6C;AAAA,IAC5D,4CAAC,SAAI,WAAU,oDAAmD;AAAA,IAClE,6CAAC,SAAI,WAAU,6BACb;AAAA,kDAAC,SAAI,WAAU,oDAAmD;AAAA,MAClE,4CAAC,SAAI,WAAU,oDAAmD;AAAA,MAClE,4CAAC,SAAI,WAAU,oDAAmD;AAAA,OACpE;AAAA,IACA,4CAAC,SAAI,WAAU,oDAAmD;AAAA,KACpE;AAEJ;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,SACE,6CAAC,SAAI,WAAU,sDACb;AAAA,iDAAC,OAAE,WAAU,iDACX;AAAA,kDAAC,8BAAc,WAAU,gBAAe;AAAA,MACvC,OAAO,OAAO;AAAA,OACjB;AAAA,IACA,4CAAC,OAAE,WAAU,sCAAsC,iBAAO,OAAO,WAAU;AAAA,IAC1E,UACC,4CAAC,SAAI,WAAU,QACb,uDAAC,0BAAa,SAAS,SACrB;AAAA,kDAAC,wBAAQ;AAAA,MACR,OAAO,OAAO;AAAA,OACjB,GACF,IACE;AAAA,KACN;AAEJ;AAEO,SAAS,eAAe,EAAE,OAAO,GAAkC;AACxE,SACE,6CAAC,SAAI,WAAU,sDACb;AAAA,gDAAC,OAAE,WAAU,yBAAyB,iBAAO,OAAO,gBAAe;AAAA,IACnE,4CAAC,OAAE,WAAU,sCAAsC,iBAAO,OAAO,eAAc;AAAA,KACjF;AAEJ;AAEO,SAAS,cAAc,EAAE,OAAO,GAAkC;AACvE,SACE,6CAAC,SAAI,WAAU,sDACb;AAAA,gDAAC,OAAE,WAAU,yBAAyB,iBAAO,OAAO,eAAc;AAAA,IAClE,4CAAC,OAAE,WAAU,sCAAsC,iBAAO,OAAO,cAAa;AAAA,KAChF;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OACJ,UAAU,UACN,OAAO,OAAO,eACd,UAAU,cACR,OAAO,OAAO,mBACd,OAAO,OAAO;AACtB,SAAO,4CAAC,oBAAO,MAAM,UAAU,UAAU,YAAY,WAAY,gBAAK;AACxE;","names":[]}

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

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { AlertTriangle, Refresh } from "./icons.mjs";
+import { ActionButton, Notice } from "./ui.mjs";
+function LoadingState({ labels }) {
+  return /* @__PURE__ */ jsxs("div", { "aria-busy": "true", className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("p", { className: "sr-only", role: "status", children: labels.states.loading }),
+    /* @__PURE__ */ jsx("div", { className: "h-8 w-40 animate-pulse rounded-md bg-muted" }),
+    /* @__PURE__ */ jsx("div", { className: "h-28 animate-pulse rounded-xl border bg-muted/60" }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-20 animate-pulse rounded-xl border bg-muted/60" }),
+      /* @__PURE__ */ jsx("div", { className: "h-20 animate-pulse rounded-xl border bg-muted/60" }),
+      /* @__PURE__ */ jsx("div", { className: "h-20 animate-pulse rounded-xl border bg-muted/60" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "h-40 animate-pulse rounded-xl border bg-muted/60" })
+  ] });
+}
+function ErrorState({
+  labels,
+  onRetry
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-5 text-card-foreground", children: [
+    /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "text-warning" }),
+      labels.states.errorTitle
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: labels.states.errorBody }),
+    onRetry ? /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsxs(ActionButton, { onClick: onRetry, children: [
+      /* @__PURE__ */ jsx(Refresh, {}),
+      labels.states.retry
+    ] }) }) : null
+  ] });
+}
+function ForbiddenState({ labels }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-5 text-card-foreground", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: labels.states.forbiddenTitle }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: labels.states.forbiddenBody })
+  ] });
+}
+function NotFoundState({ labels }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-xl border bg-card p-5 text-card-foreground", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: labels.states.notFoundTitle }),
+    /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: labels.states.notFoundBody })
+  ] });
+}
+function SectionNotice({
+  issue,
+  labels
+}) {
+  const text = issue === "error" ? labels.states.sectionError : issue === "forbidden" ? labels.states.sectionForbidden : labels.states.sectionUnavailable;
+  return /* @__PURE__ */ jsx(Notice, { tone: issue === "error" ? "warning" : "neutral", children: text });
+}
+export {
+  ErrorState,
+  ForbiddenState,
+  LoadingState,
+  NotFoundState,
+  SectionNotice
+};
+//# sourceMappingURL=feedback.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-detail/components/feedback.tsx"],"sourcesContent":["import type { OrderDetailLabels, SectionIssue } from '../contracts'\nimport { AlertTriangle, Refresh } from './icons'\nimport { ActionButton, Notice } from './ui'\n\nexport function LoadingState({ labels }: { labels: OrderDetailLabels }) {\n  return (\n    <div aria-busy=\"true\" className=\"space-y-4\">\n      <p className=\"sr-only\" role=\"status\">\n        {labels.states.loading}\n      </p>\n      <div className=\"h-8 w-40 animate-pulse rounded-md bg-muted\" />\n      <div className=\"h-28 animate-pulse rounded-xl border bg-muted/60\" />\n      <div className=\"grid gap-4 sm:grid-cols-3\">\n        <div className=\"h-20 animate-pulse rounded-xl border bg-muted/60\" />\n        <div className=\"h-20 animate-pulse rounded-xl border bg-muted/60\" />\n        <div className=\"h-20 animate-pulse rounded-xl border bg-muted/60\" />\n      </div>\n      <div className=\"h-40 animate-pulse rounded-xl border bg-muted/60\" />\n    </div>\n  )\n}\n\nexport function ErrorState({\n  labels,\n  onRetry,\n}: {\n  labels: OrderDetailLabels\n  onRetry?: () => void\n}) {\n  return (\n    <div className=\"rounded-xl border bg-card p-5 text-card-foreground\">\n      <p className=\"flex items-center gap-2 text-sm font-semibold\">\n        <AlertTriangle className=\"text-warning\" />\n        {labels.states.errorTitle}\n      </p>\n      <p className=\"mt-1 text-xs text-muted-foreground\">{labels.states.errorBody}</p>\n      {onRetry ? (\n        <div className=\"mt-3\">\n          <ActionButton onClick={onRetry}>\n            <Refresh />\n            {labels.states.retry}\n          </ActionButton>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\nexport function ForbiddenState({ labels }: { labels: OrderDetailLabels }) {\n  return (\n    <div className=\"rounded-xl border bg-card p-5 text-card-foreground\">\n      <p className=\"text-sm font-semibold\">{labels.states.forbiddenTitle}</p>\n      <p className=\"mt-1 text-xs text-muted-foreground\">{labels.states.forbiddenBody}</p>\n    </div>\n  )\n}\n\nexport function NotFoundState({ labels }: { labels: OrderDetailLabels }) {\n  return (\n    <div className=\"rounded-xl border bg-card p-5 text-card-foreground\">\n      <p className=\"text-sm font-semibold\">{labels.states.notFoundTitle}</p>\n      <p className=\"mt-1 text-xs text-muted-foreground\">{labels.states.notFoundBody}</p>\n    </div>\n  )\n}\n\nexport function SectionNotice({\n  issue,\n  labels,\n}: {\n  issue: SectionIssue\n  labels: OrderDetailLabels\n}) {\n  const text =\n    issue === 'error'\n      ? labels.states.sectionError\n      : issue === 'forbidden'\n        ? labels.states.sectionForbidden\n        : labels.states.sectionUnavailable\n  return <Notice tone={issue === 'error' ? 'warning' : 'neutral'}>{text}</Notice>\n}\n"],"mappings":"AAOM,cAKA,YALA;AANN,SAAS,eAAe,eAAe;AACvC,SAAS,cAAc,cAAc;AAE9B,SAAS,aAAa,EAAE,OAAO,GAAkC;AACtE,SACE,qBAAC,SAAI,aAAU,QAAO,WAAU,aAC9B;AAAA,wBAAC,OAAE,WAAU,WAAU,MAAK,UACzB,iBAAO,OAAO,SACjB;AAAA,IACA,oBAAC,SAAI,WAAU,8CAA6C;AAAA,IAC5D,oBAAC,SAAI,WAAU,oDAAmD;AAAA,IAClE,qBAAC,SAAI,WAAU,6BACb;AAAA,0BAAC,SAAI,WAAU,oDAAmD;AAAA,MAClE,oBAAC,SAAI,WAAU,oDAAmD;AAAA,MAClE,oBAAC,SAAI,WAAU,oDAAmD;AAAA,OACpE;AAAA,IACA,oBAAC,SAAI,WAAU,oDAAmD;AAAA,KACpE;AAEJ;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,SAAI,WAAU,sDACb;AAAA,yBAAC,OAAE,WAAU,iDACX;AAAA,0BAAC,iBAAc,WAAU,gBAAe;AAAA,MACvC,OAAO,OAAO;AAAA,OACjB;AAAA,IACA,oBAAC,OAAE,WAAU,sCAAsC,iBAAO,OAAO,WAAU;AAAA,IAC1E,UACC,oBAAC,SAAI,WAAU,QACb,+BAAC,gBAAa,SAAS,SACrB;AAAA,0BAAC,WAAQ;AAAA,MACR,OAAO,OAAO;AAAA,OACjB,GACF,IACE;AAAA,KACN;AAEJ;AAEO,SAAS,eAAe,EAAE,OAAO,GAAkC;AACxE,SACE,qBAAC,SAAI,WAAU,sDACb;AAAA,wBAAC,OAAE,WAAU,yBAAyB,iBAAO,OAAO,gBAAe;AAAA,IACnE,oBAAC,OAAE,WAAU,sCAAsC,iBAAO,OAAO,eAAc;AAAA,KACjF;AAEJ;AAEO,SAAS,cAAc,EAAE,OAAO,GAAkC;AACvE,SACE,qBAAC,SAAI,WAAU,sDACb;AAAA,wBAAC,OAAE,WAAU,yBAAyB,iBAAO,OAAO,eAAc;AAAA,IAClE,oBAAC,OAAE,WAAU,sCAAsC,iBAAO,OAAO,cAAa;AAAA,KAChF;AAEJ;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,QAAM,OACJ,UAAU,UACN,OAAO,OAAO,eACd,UAAU,cACR,OAAO,OAAO,mBACd,OAAO,OAAO;AACtB,SAAO,oBAAC,UAAO,MAAM,UAAU,UAAU,YAAY,WAAY,gBAAK;AACxE;","names":[]}

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

@@ -0,0 +1,36 @@
+import type { Fulfillment, LogisticsGroup, OrderDetailLabels, OrderDetailOrder, OrderDetailSettings, PickupDetails, PromotionPresentation } from '../contracts';
+import type { DateFormatter, MoneyFormatter } from './ui';
+type PickupProps = {
+    pickup: PickupDetails;
+    labels: OrderDetailLabels;
+    date: DateFormatter;
+};
+/** Pickup facts only: no carrier, no tracking, no package fiction. */
+export declare function OrderPickupDetails({ pickup, labels, date }: PickupProps): import("react").JSX.Element;
+type TrackingProps = {
+    order: OrderDetailOrder;
+    fulfillment: Fulfillment;
+    mode: 'shipping' | 'pickup';
+    labels: OrderDetailLabels;
+    settings: OrderDetailSettings;
+    date: DateFormatter;
+};
+/**
+ * One fulfilment inside a shipping group. Status, carrier and tracking stay
+ * visible; packages, allocations and events live behind a nested disclosure so
+ * a partial delivery can be scanned without reading a technical log.
+ */
+export declare function OrderShipmentTracking({ order, fulfillment, mode, labels, settings: input, date, }: TrackingProps): import("react").JSX.Element;
+type GroupProps = {
+    order: OrderDetailOrder;
+    group: LogisticsGroup;
+    fulfillments: Fulfillment[];
+    labels: OrderDetailLabels;
+    settings: OrderDetailSettings;
+    money: MoneyFormatter;
+    date: DateFormatter;
+    promotions: PromotionPresentation[];
+};
+export declare function OrderFulfillmentGroup({ order, group, fulfillments, labels, settings: input, money, date, promotions, }: GroupProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=fulfilment.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fulfilment.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-detail/components/fulfilment.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACtB,MAAM,cAAc,CAAA;AAIrB,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,MAAM,CAAA;AAEzD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,aAAa,CAAA;IACrB,MAAM,EAAE,iBAAiB,CAAA;IACzB,IAAI,EAAE,aAAa,CAAA;CACpB,CAAA;AAED,sEAAsE;AACtE,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,WAAW,+BA0DvE;AAED,KAAK,aAAa,GAAG;IACnB,KAAK,EAAE,gBAAgB,CAAA;IACvB,WAAW,EAAE,WAAW,CAAA;IACxB,IAAI,EAAE,UAAU,GAAG,QAAQ,CAAA;IAC3B,MAAM,EAAE,iBAAiB,CAAA;IACzB,QAAQ,EAAE,mBAAmB,CAAA;IAC7B,IAAI,EAAE,aAAa,CAAA;CACpB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,WAAW,EACX,IAAI,EACJ,MAAM,EACN,QAAQ,EAAE,KAAK,EACf,IAAI,GACL,EAAE,aAAa,+BA4Hf;AAED,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,gBAAgB,CAAA;IACvB,KAAK,EAAE,cAAc,CAAA;IACrB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,MAAM,EAAE,iBAAiB,CAAA;IACzB,QAAQ,EAAE,mBAAmB,CAAA;IAC7B,KAAK,EAAE,cAAc,CAAA;IACrB,IAAI,EAAE,aAAa,CAAA;IACnB,UAAU,EAAE,qBAAqB,EAAE,CAAA;CACpC,CAAA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,KAAK,EACL,YAAY,EACZ,MAAM,EACN,QAAQ,EAAE,KAAK,EACf,KAAK,EACL,IAAI,EACJ,UAAU,GACX,EAAE,UAAU,+BA2MZ"}