@thorprovider/blocks 4.0.0 → 4.3.0

package/dist/blocks/designs/order-history/components/header.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+type HeaderProps = {
+    headingId: string;
+    title: string;
+    description: string;
+    breadcrumbs?: ReactNode;
+    actions?: ReactNode;
+};
+/**
+ * The section heading. It is not a page header: the host owns navigation and
+ * page landmarks; the surface only names itself.
+ */
+export declare function OrderHistoryHeader({ headingId, title, description, breadcrumbs, actions, }: HeaderProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=header.d.ts.map

package/dist/blocks/designs/order-history/components/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-history/components/header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,KAAK,EACL,WAAW,EACX,WAAW,EACX,OAAO,GACR,EAAE,WAAW,+BAeb"}

package/dist/blocks/designs/order-history/components/header.js

@@ -0,0 +1,47 @@
+"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 header_exports = {};
+__export(header_exports, {
+  OrderHistoryHeader: () => OrderHistoryHeader
+});
+module.exports = __toCommonJS(header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function OrderHistoryHeader({
+  headingId,
+  title,
+  description,
+  breadcrumbs,
+  actions
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
+    breadcrumbs ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-xs text-muted-foreground", children: breadcrumbs }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { id: headingId, className: "text-lg leading-tight font-semibold tracking-tight", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
+      ] }),
+      actions ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "shrink-0", children: actions }) : null
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderHistoryHeader
+});
+//# sourceMappingURL=header.js.map

package/dist/blocks/designs/order-history/components/header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/header.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\ntype HeaderProps = {\n  headingId: string\n  title: string\n  description: string\n  breadcrumbs?: ReactNode\n  actions?: ReactNode\n}\n\n/**\n * The section heading. It is not a page header: the host owns navigation and\n * page landmarks; the surface only names itself.\n */\nexport function OrderHistoryHeader({\n  headingId,\n  title,\n  description,\n  breadcrumbs,\n  actions,\n}: HeaderProps) {\n  return (\n    <div className=\"space-y-2\">\n      {breadcrumbs ? <div className=\"text-xs text-muted-foreground\">{breadcrumbs}</div> : null}\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <h2 id={headingId} className=\"text-lg leading-tight font-semibold tracking-tight\">\n            {title}\n          </h2>\n          <p className=\"mt-1 text-sm text-muted-foreground\">{description}</p>\n        </div>\n        {actions ? <div className=\"shrink-0\">{actions}</div> : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBqB;AATd,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,SACE,6CAAC,SAAI,WAAU,aACZ;AAAA,kBAAc,4CAAC,SAAI,WAAU,iCAAiC,uBAAY,IAAS;AAAA,IACpF,6CAAC,SAAI,WAAU,oDACb;AAAA,mDAAC,SAAI,WAAU,WACb;AAAA,oDAAC,QAAG,IAAI,WAAW,WAAU,sDAC1B,iBACH;AAAA,QACA,4CAAC,OAAE,WAAU,sCAAsC,uBAAY;AAAA,SACjE;AAAA,MACC,UAAU,4CAAC,SAAI,WAAU,YAAY,mBAAQ,IAAS;AAAA,OACzD;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/designs/order-history/components/header.mjs

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function OrderHistoryHeader({
+  headingId,
+  title,
+  description,
+  breadcrumbs,
+  actions
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    breadcrumbs ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: breadcrumbs }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("h2", { id: headingId, className: "text-lg leading-tight font-semibold tracking-tight", children: title }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description })
+      ] }),
+      actions ? /* @__PURE__ */ jsx("div", { className: "shrink-0", children: actions }) : null
+    ] })
+  ] });
+}
+export {
+  OrderHistoryHeader
+};
+//# sourceMappingURL=header.mjs.map

package/dist/blocks/designs/order-history/components/header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/header.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\ntype HeaderProps = {\n  headingId: string\n  title: string\n  description: string\n  breadcrumbs?: ReactNode\n  actions?: ReactNode\n}\n\n/**\n * The section heading. It is not a page header: the host owns navigation and\n * page landmarks; the surface only names itself.\n */\nexport function OrderHistoryHeader({\n  headingId,\n  title,\n  description,\n  breadcrumbs,\n  actions,\n}: HeaderProps) {\n  return (\n    <div className=\"space-y-2\">\n      {breadcrumbs ? <div className=\"text-xs text-muted-foreground\">{breadcrumbs}</div> : null}\n      <div className=\"flex flex-wrap items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <h2 id={headingId} className=\"text-lg leading-tight font-semibold tracking-tight\">\n            {title}\n          </h2>\n          <p className=\"mt-1 text-sm text-muted-foreground\">{description}</p>\n        </div>\n        {actions ? <div className=\"shrink-0\">{actions}</div> : null}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAuBqB,cAEb,YAFa;AATd,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgB;AACd,SACE,qBAAC,SAAI,WAAU,aACZ;AAAA,kBAAc,oBAAC,SAAI,WAAU,iCAAiC,uBAAY,IAAS;AAAA,IACpF,qBAAC,SAAI,WAAU,oDACb;AAAA,2BAAC,SAAI,WAAU,WACb;AAAA,4BAAC,QAAG,IAAI,WAAW,WAAU,sDAC1B,iBACH;AAAA,QACA,oBAAC,OAAE,WAAU,sCAAsC,uBAAY;AAAA,SACjE;AAAA,MACC,UAAU,oBAAC,SAAI,WAAU,YAAY,mBAAQ,IAAS;AAAA,OACzD;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/designs/order-history/components/icons.d.ts

@@ -0,0 +1,8 @@
+export type IconName = 'search' | 'close' | 'filter' | 'chevron' | 'more' | 'check' | 'box' | 'alert' | 'refresh' | 'download' | 'arrow-left' | 'arrow-right' | 'calendar' | 'menu';
+type IconProps = {
+    name: IconName;
+    className?: string;
+};
+export declare function Icon({ name, className }: IconProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=icons.d.ts.map

package/dist/blocks/designs/order-history/components/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-history/components/icons.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,QAAQ,GAChB,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,MAAM,GACN,OAAO,GACP,KAAK,GACL,OAAO,GACP,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,GACb,UAAU,GACV,MAAM,CAAA;AAEV,KAAK,SAAS,GAAG;IACf,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,SAAS,+BAgHlD"}

package/dist/blocks/designs/order-history/components/icons.js

@@ -0,0 +1,103 @@
+"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 icons_exports = {};
+__export(icons_exports, {
+  Icon: () => Icon
+});
+module.exports = __toCommonJS(icons_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function Icon({ name, className }) {
+  const common = {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.75,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true,
+    focusable: false,
+    className
+  };
+  switch (name) {
+    case "search":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...common, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m16.5 16.5 4 4" })
+      ] });
+    case "close":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...common, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M6 6l12 12M18 6L6 18" }) });
+    case "filter":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...common, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 6h16M7 12h10M10 18h4" }) });
+    case "chevron":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...common, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m6 9 6 6 6-6" }) });
+    case "more":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...common, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "5", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "19", r: "1" })
+      ] });
+    case "check":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...common, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m5 12 4 4 10-10" }) });
+    case "box":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...common, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M21 8.5 12 3 3 8.5v7L12 21l9-5.5v-7Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 8.5 12 14l9-5.5M12 14v7" })
+      ] });
+    case "alert":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...common, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 4 2.5 20h19L12 4Z" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 10v4M12 17h.01" })
+      ] });
+    case "refresh":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...common, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 11a8 8 0 1 0-2.3 6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M20 4v7h-7" })
+      ] });
+    case "download":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...common, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 4v10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m8 11 4 4 4-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 19h16" })
+      ] });
+    case "arrow-left":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...common, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19 12H5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m11 6-6 6 6 6" })
+      ] });
+    case "arrow-right":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...common, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "m13 6 6 6-6 6" })
+      ] });
+    case "calendar":
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { ...common, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3.5", y: "5", width: "17", height: "16", rx: "2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 3v4M16 3v4M3.5 10h17" })
+      ] });
+    case "menu":
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { ...common, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 7h16M4 12h16M4 17h16" }) });
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Icon
+});
+//# sourceMappingURL=icons.js.map

package/dist/blocks/designs/order-history/components/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/icons.tsx"],"sourcesContent":["// Dependency-free inline glyphs. `currentColor` only, so the theme owns colour.\n\nexport type IconName =\n  | 'search'\n  | 'close'\n  | 'filter'\n  | 'chevron'\n  | 'more'\n  | 'check'\n  | 'box'\n  | 'alert'\n  | 'refresh'\n  | 'download'\n  | 'arrow-left'\n  | 'arrow-right'\n  | 'calendar'\n  | 'menu'\n\ntype IconProps = {\n  name: IconName\n  className?: string\n}\n\nexport function Icon({ name, className }: IconProps) {\n  const common = {\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: '0 0 24 24',\n    fill: 'none',\n    stroke: 'currentColor',\n    strokeWidth: 1.75,\n    strokeLinecap: 'round' as const,\n    strokeLinejoin: 'round' as const,\n    'aria-hidden': true,\n    focusable: false,\n    className,\n  }\n\n  switch (name) {\n    case 'search':\n      return (\n        <svg {...common}>\n          <circle cx=\"11\" cy=\"11\" r=\"7\" />\n          <path d=\"m16.5 16.5 4 4\" />\n        </svg>\n      )\n    case 'close':\n      return (\n        <svg {...common}>\n          <path d=\"M6 6l12 12M18 6L6 18\" />\n        </svg>\n      )\n    case 'filter':\n      return (\n        <svg {...common}>\n          <path d=\"M4 6h16M7 12h10M10 18h4\" />\n        </svg>\n      )\n    case 'chevron':\n      return (\n        <svg {...common}>\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      )\n    case 'more':\n      return (\n        <svg {...common}>\n          <circle cx=\"12\" cy=\"5\" r=\"1\" />\n          <circle cx=\"12\" cy=\"12\" r=\"1\" />\n          <circle cx=\"12\" cy=\"19\" r=\"1\" />\n        </svg>\n      )\n    case 'check':\n      return (\n        <svg {...common}>\n          <path d=\"m5 12 4 4 10-10\" />\n        </svg>\n      )\n    case 'box':\n      return (\n        <svg {...common}>\n          <path d=\"M21 8.5 12 3 3 8.5v7L12 21l9-5.5v-7Z\" />\n          <path d=\"M3 8.5 12 14l9-5.5M12 14v7\" />\n        </svg>\n      )\n    case 'alert':\n      return (\n        <svg {...common}>\n          <path d=\"M12 4 2.5 20h19L12 4Z\" />\n          <path d=\"M12 10v4M12 17h.01\" />\n        </svg>\n      )\n    case 'refresh':\n      return (\n        <svg {...common}>\n          <path d=\"M20 11a8 8 0 1 0-2.3 6\" />\n          <path d=\"M20 4v7h-7\" />\n        </svg>\n      )\n    case 'download':\n      return (\n        <svg {...common}>\n          <path d=\"M12 4v10\" />\n          <path d=\"m8 11 4 4 4-4\" />\n          <path d=\"M4 19h16\" />\n        </svg>\n      )\n    case 'arrow-left':\n      return (\n        <svg {...common}>\n          <path d=\"M19 12H5\" />\n          <path d=\"m11 6-6 6 6 6\" />\n        </svg>\n      )\n    case 'arrow-right':\n      return (\n        <svg {...common}>\n          <path d=\"M5 12h14\" />\n          <path d=\"m13 6 6 6-6 6\" />\n        </svg>\n      )\n    case 'calendar':\n      return (\n        <svg {...common}>\n          <rect x=\"3.5\" y=\"5\" width=\"17\" height=\"16\" rx=\"2\" />\n          <path d=\"M8 3v4M16 3v4M3.5 10h17\" />\n        </svg>\n      )\n    case 'menu':\n    default:\n      return (\n        <svg {...common}>\n          <path d=\"M4 7h16M4 12h16M4 17h16\" />\n        </svg>\n      )\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCQ;AAjBD,SAAS,KAAK,EAAE,MAAM,UAAU,GAAc;AACnD,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,WAAW;AAAA,IACX;AAAA,EACF;AAEA,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aACE,6CAAC,SAAK,GAAG,QACP;AAAA,oDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,QAC9B,4CAAC,UAAK,GAAE,kBAAiB;AAAA,SAC3B;AAAA,IAEJ,KAAK;AACH,aACE,4CAAC,SAAK,GAAG,QACP,sDAAC,UAAK,GAAE,wBAAuB,GACjC;AAAA,IAEJ,KAAK;AACH,aACE,4CAAC,SAAK,GAAG,QACP,sDAAC,UAAK,GAAE,2BAA0B,GACpC;AAAA,IAEJ,KAAK;AACH,aACE,4CAAC,SAAK,GAAG,QACP,sDAAC,UAAK,GAAE,gBAAe,GACzB;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAK,GAAG,QACP;AAAA,oDAAC,YAAO,IAAG,MAAK,IAAG,KAAI,GAAE,KAAI;AAAA,QAC7B,4CAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,QAC9B,4CAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,SAChC;AAAA,IAEJ,KAAK;AACH,aACE,4CAAC,SAAK,GAAG,QACP,sDAAC,UAAK,GAAE,mBAAkB,GAC5B;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAK,GAAG,QACP;AAAA,oDAAC,UAAK,GAAE,wCAAuC;AAAA,QAC/C,4CAAC,UAAK,GAAE,8BAA6B;AAAA,SACvC;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAK,GAAG,QACP;AAAA,oDAAC,UAAK,GAAE,yBAAwB;AAAA,QAChC,4CAAC,UAAK,GAAE,sBAAqB;AAAA,SAC/B;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAK,GAAG,QACP;AAAA,oDAAC,UAAK,GAAE,0BAAyB;AAAA,QACjC,4CAAC,UAAK,GAAE,cAAa;AAAA,SACvB;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAK,GAAG,QACP;AAAA,oDAAC,UAAK,GAAE,YAAW;AAAA,QACnB,4CAAC,UAAK,GAAE,iBAAgB;AAAA,QACxB,4CAAC,UAAK,GAAE,YAAW;AAAA,SACrB;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAK,GAAG,QACP;AAAA,oDAAC,UAAK,GAAE,YAAW;AAAA,QACnB,4CAAC,UAAK,GAAE,iBAAgB;AAAA,SAC1B;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAK,GAAG,QACP;AAAA,oDAAC,UAAK,GAAE,YAAW;AAAA,QACnB,4CAAC,UAAK,GAAE,iBAAgB;AAAA,SAC1B;AAAA,IAEJ,KAAK;AACH,aACE,6CAAC,SAAK,GAAG,QACP;AAAA,oDAAC,UAAK,GAAE,OAAM,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI;AAAA,QAClD,4CAAC,UAAK,GAAE,2BAA0B;AAAA,SACpC;AAAA,IAEJ,KAAK;AAAA,IACL;AACE,aACE,4CAAC,SAAK,GAAG,QACP,sDAAC,UAAK,GAAE,2BAA0B,GACpC;AAAA,EAEN;AACF;","names":[]}

package/dist/blocks/designs/order-history/components/icons.mjs

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function Icon({ name, className }) {
+  const common = {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: 1.75,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": true,
+    focusable: false,
+    className
+  };
+  switch (name) {
+    case "search":
+      return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+        /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "7" }),
+        /* @__PURE__ */ jsx("path", { d: "m16.5 16.5 4 4" })
+      ] });
+    case "close":
+      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { d: "M6 6l12 12M18 6L6 18" }) });
+    case "filter":
+      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { d: "M4 6h16M7 12h10M10 18h4" }) });
+    case "chevron":
+      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) });
+    case "more":
+      return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "5", r: "1" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "19", r: "1" })
+      ] });
+    case "check":
+      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { d: "m5 12 4 4 10-10" }) });
+    case "box":
+      return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+        /* @__PURE__ */ jsx("path", { d: "M21 8.5 12 3 3 8.5v7L12 21l9-5.5v-7Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M3 8.5 12 14l9-5.5M12 14v7" })
+      ] });
+    case "alert":
+      return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 4 2.5 20h19L12 4Z" }),
+        /* @__PURE__ */ jsx("path", { d: "M12 10v4M12 17h.01" })
+      ] });
+    case "refresh":
+      return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+        /* @__PURE__ */ jsx("path", { d: "M20 11a8 8 0 1 0-2.3 6" }),
+        /* @__PURE__ */ jsx("path", { d: "M20 4v7h-7" })
+      ] });
+    case "download":
+      return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+        /* @__PURE__ */ jsx("path", { d: "M12 4v10" }),
+        /* @__PURE__ */ jsx("path", { d: "m8 11 4 4 4-4" }),
+        /* @__PURE__ */ jsx("path", { d: "M4 19h16" })
+      ] });
+    case "arrow-left":
+      return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+        /* @__PURE__ */ jsx("path", { d: "M19 12H5" }),
+        /* @__PURE__ */ jsx("path", { d: "m11 6-6 6 6 6" })
+      ] });
+    case "arrow-right":
+      return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+        /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+        /* @__PURE__ */ jsx("path", { d: "m13 6 6 6-6 6" })
+      ] });
+    case "calendar":
+      return /* @__PURE__ */ jsxs("svg", { ...common, children: [
+        /* @__PURE__ */ jsx("rect", { x: "3.5", y: "5", width: "17", height: "16", rx: "2" }),
+        /* @__PURE__ */ jsx("path", { d: "M8 3v4M16 3v4M3.5 10h17" })
+      ] });
+    case "menu":
+    default:
+      return /* @__PURE__ */ jsx("svg", { ...common, children: /* @__PURE__ */ jsx("path", { d: "M4 7h16M4 12h16M4 17h16" }) });
+  }
+}
+export {
+  Icon
+};
+//# sourceMappingURL=icons.mjs.map

package/dist/blocks/designs/order-history/components/icons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/icons.tsx"],"sourcesContent":["// Dependency-free inline glyphs. `currentColor` only, so the theme owns colour.\n\nexport type IconName =\n  | 'search'\n  | 'close'\n  | 'filter'\n  | 'chevron'\n  | 'more'\n  | 'check'\n  | 'box'\n  | 'alert'\n  | 'refresh'\n  | 'download'\n  | 'arrow-left'\n  | 'arrow-right'\n  | 'calendar'\n  | 'menu'\n\ntype IconProps = {\n  name: IconName\n  className?: string\n}\n\nexport function Icon({ name, className }: IconProps) {\n  const common = {\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: '0 0 24 24',\n    fill: 'none',\n    stroke: 'currentColor',\n    strokeWidth: 1.75,\n    strokeLinecap: 'round' as const,\n    strokeLinejoin: 'round' as const,\n    'aria-hidden': true,\n    focusable: false,\n    className,\n  }\n\n  switch (name) {\n    case 'search':\n      return (\n        <svg {...common}>\n          <circle cx=\"11\" cy=\"11\" r=\"7\" />\n          <path d=\"m16.5 16.5 4 4\" />\n        </svg>\n      )\n    case 'close':\n      return (\n        <svg {...common}>\n          <path d=\"M6 6l12 12M18 6L6 18\" />\n        </svg>\n      )\n    case 'filter':\n      return (\n        <svg {...common}>\n          <path d=\"M4 6h16M7 12h10M10 18h4\" />\n        </svg>\n      )\n    case 'chevron':\n      return (\n        <svg {...common}>\n          <path d=\"m6 9 6 6 6-6\" />\n        </svg>\n      )\n    case 'more':\n      return (\n        <svg {...common}>\n          <circle cx=\"12\" cy=\"5\" r=\"1\" />\n          <circle cx=\"12\" cy=\"12\" r=\"1\" />\n          <circle cx=\"12\" cy=\"19\" r=\"1\" />\n        </svg>\n      )\n    case 'check':\n      return (\n        <svg {...common}>\n          <path d=\"m5 12 4 4 10-10\" />\n        </svg>\n      )\n    case 'box':\n      return (\n        <svg {...common}>\n          <path d=\"M21 8.5 12 3 3 8.5v7L12 21l9-5.5v-7Z\" />\n          <path d=\"M3 8.5 12 14l9-5.5M12 14v7\" />\n        </svg>\n      )\n    case 'alert':\n      return (\n        <svg {...common}>\n          <path d=\"M12 4 2.5 20h19L12 4Z\" />\n          <path d=\"M12 10v4M12 17h.01\" />\n        </svg>\n      )\n    case 'refresh':\n      return (\n        <svg {...common}>\n          <path d=\"M20 11a8 8 0 1 0-2.3 6\" />\n          <path d=\"M20 4v7h-7\" />\n        </svg>\n      )\n    case 'download':\n      return (\n        <svg {...common}>\n          <path d=\"M12 4v10\" />\n          <path d=\"m8 11 4 4 4-4\" />\n          <path d=\"M4 19h16\" />\n        </svg>\n      )\n    case 'arrow-left':\n      return (\n        <svg {...common}>\n          <path d=\"M19 12H5\" />\n          <path d=\"m11 6-6 6 6 6\" />\n        </svg>\n      )\n    case 'arrow-right':\n      return (\n        <svg {...common}>\n          <path d=\"M5 12h14\" />\n          <path d=\"m13 6 6 6-6 6\" />\n        </svg>\n      )\n    case 'calendar':\n      return (\n        <svg {...common}>\n          <rect x=\"3.5\" y=\"5\" width=\"17\" height=\"16\" rx=\"2\" />\n          <path d=\"M8 3v4M16 3v4M3.5 10h17\" />\n        </svg>\n      )\n    case 'menu':\n    default:\n      return (\n        <svg {...common}>\n          <path d=\"M4 7h16M4 12h16M4 17h16\" />\n        </svg>\n      )\n  }\n}\n"],"mappings":"AAwCQ,SACE,KADF;AAjBD,SAAS,KAAK,EAAE,MAAM,UAAU,GAAc;AACnD,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,eAAe;AAAA,IACf,gBAAgB;AAAA,IAChB,eAAe;AAAA,IACf,WAAW;AAAA,IACX;AAAA,EACF;AAEA,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aACE,qBAAC,SAAK,GAAG,QACP;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,QAC9B,oBAAC,UAAK,GAAE,kBAAiB;AAAA,SAC3B;AAAA,IAEJ,KAAK;AACH,aACE,oBAAC,SAAK,GAAG,QACP,8BAAC,UAAK,GAAE,wBAAuB,GACjC;AAAA,IAEJ,KAAK;AACH,aACE,oBAAC,SAAK,GAAG,QACP,8BAAC,UAAK,GAAE,2BAA0B,GACpC;AAAA,IAEJ,KAAK;AACH,aACE,oBAAC,SAAK,GAAG,QACP,8BAAC,UAAK,GAAE,gBAAe,GACzB;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAK,GAAG,QACP;AAAA,4BAAC,YAAO,IAAG,MAAK,IAAG,KAAI,GAAE,KAAI;AAAA,QAC7B,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,QAC9B,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,SAChC;AAAA,IAEJ,KAAK;AACH,aACE,oBAAC,SAAK,GAAG,QACP,8BAAC,UAAK,GAAE,mBAAkB,GAC5B;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAK,GAAG,QACP;AAAA,4BAAC,UAAK,GAAE,wCAAuC;AAAA,QAC/C,oBAAC,UAAK,GAAE,8BAA6B;AAAA,SACvC;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAK,GAAG,QACP;AAAA,4BAAC,UAAK,GAAE,yBAAwB;AAAA,QAChC,oBAAC,UAAK,GAAE,sBAAqB;AAAA,SAC/B;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAK,GAAG,QACP;AAAA,4BAAC,UAAK,GAAE,0BAAyB;AAAA,QACjC,oBAAC,UAAK,GAAE,cAAa;AAAA,SACvB;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAK,GAAG,QACP;AAAA,4BAAC,UAAK,GAAE,YAAW;AAAA,QACnB,oBAAC,UAAK,GAAE,iBAAgB;AAAA,QACxB,oBAAC,UAAK,GAAE,YAAW;AAAA,SACrB;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAK,GAAG,QACP;AAAA,4BAAC,UAAK,GAAE,YAAW;AAAA,QACnB,oBAAC,UAAK,GAAE,iBAAgB;AAAA,SAC1B;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAK,GAAG,QACP;AAAA,4BAAC,UAAK,GAAE,YAAW;AAAA,QACnB,oBAAC,UAAK,GAAE,iBAAgB;AAAA,SAC1B;AAAA,IAEJ,KAAK;AACH,aACE,qBAAC,SAAK,GAAG,QACP;AAAA,4BAAC,UAAK,GAAE,OAAM,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,IAAG,KAAI;AAAA,QAClD,oBAAC,UAAK,GAAE,2BAA0B;AAAA,SACpC;AAAA,IAEJ,KAAK;AAAA,IACL;AACE,aACE,oBAAC,SAAK,GAAG,QACP,8BAAC,UAAK,GAAE,2BAA0B,GACpC;AAAA,EAEN;AACF;","names":[]}

package/dist/blocks/designs/order-history/components/order-actions.d.ts

@@ -0,0 +1,17 @@
+import type { OrderActionId, OrderHistoryCapabilities, OrderHistoryLabels, OrderRecord } from '../contracts';
+type OrderActionsProps = {
+    order: OrderRecord;
+    capabilities: OrderHistoryCapabilities;
+    labels: OrderHistoryLabels;
+    onOpen: (order: OrderRecord) => void;
+    onAction: (action: OrderActionId, order: OrderRecord) => void;
+    showPrimary?: boolean;
+};
+/**
+ * A capability gates what the store offers; `availableActions` says what this
+ * order allows. Both must agree before an action renders.
+ */
+export declare function isActionEnabled(action: OrderActionId, order: OrderRecord, capabilities: OrderHistoryCapabilities): boolean;
+export declare function OrderActions({ order, capabilities, labels, onOpen, onAction, showPrimary, }: OrderActionsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=order-actions.d.ts.map

package/dist/blocks/designs/order-history/components/order-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-actions.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-history/components/order-actions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,wBAAwB,EACxB,kBAAkB,EAClB,WAAW,EACZ,MAAM,cAAc,CAAA;AAIrB,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,WAAW,CAAA;IAClB,YAAY,EAAE,wBAAwB,CAAA;IACtC,MAAM,EAAE,kBAAkB,CAAA;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,MAAM,EAAE,aAAa,EACrB,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,wBAAwB,GACrC,OAAO,CA0BT;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,MAAM,EACN,MAAM,EACN,QAAQ,EACR,WAAkB,GACnB,EAAE,iBAAiB,+BA+CnB"}

package/dist/blocks/designs/order-history/components/order-actions.js

@@ -0,0 +1,100 @@
+"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 order_actions_exports = {};
+__export(order_actions_exports, {
+  OrderActions: () => OrderActions,
+  isActionEnabled: () => isActionEnabled
+});
+module.exports = __toCommonJS(order_actions_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+var import_contracts = require("../contracts.js");
+var import_icons = require("./icons.js");
+function isActionEnabled(action, order, capabilities) {
+  if (!order.availableActions.includes(action)) return false;
+  switch (action) {
+    case "view":
+      return true;
+    case "track":
+      return order.deliveryMode === "pickup" ? capabilities.pickupTracking === true : capabilities.shipmentTracking === true;
+    case "reorder":
+      return capabilities.reorder === true;
+    case "invoice":
+      return capabilities.invoices === true;
+    case "return":
+      return capabilities.returns === true;
+    case "exchange":
+      return capabilities.exchanges === true;
+    case "problem":
+      return capabilities.claims === true;
+    case "cancel":
+    case "pay-balance":
+    case "support":
+      return true;
+    default:
+      return false;
+  }
+}
+function OrderActions({
+  order,
+  capabilities,
+  labels,
+  onOpen,
+  onAction,
+  showPrimary = true
+}) {
+  const secondary = import_contracts.ORDER_ACTIONS.filter(
+    (action) => action !== "view" && isActionEnabled(action, order, capabilities)
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex shrink-0 items-center gap-1.5", children: [
+    showPrimary ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.Button, { size: "sm", onClick: () => onOpen(order), children: labels.card.viewOrder }) : null,
+    secondary.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("details", { className: "relative", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "summary",
+        {
+          "aria-label": labels.card.moreActions,
+          className: (0, import_blocks.cn)(
+            (0, import_blocks.buttonVariants)({ variant: "ghost", size: "icon-sm" }),
+            "list-none cursor-pointer text-muted-foreground"
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { name: "more", className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute right-0 z-20 mt-1 w-56 overflow-hidden rounded-lg border bg-card p-1 shadow-md", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { children: secondary.map((action) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          onClick: (event) => {
+            const details = event.currentTarget.closest("details");
+            if (details) details.open = false;
+            onAction(action, order);
+          },
+          className: "w-full rounded-md px-2.5 py-2 text-left text-sm transition-colors hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+          children: labels.actions[action]
+        }
+      ) }, action)) }) })
+    ] }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderActions,
+  isActionEnabled
+});
+//# sourceMappingURL=order-actions.js.map

package/dist/blocks/designs/order-history/components/order-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/order-actions.tsx"],"sourcesContent":["import { Button, buttonVariants, cn } from '@thorprovider/blocks'\n\nimport type {\n  OrderActionId,\n  OrderHistoryCapabilities,\n  OrderHistoryLabels,\n  OrderRecord,\n} from '../contracts'\nimport { ORDER_ACTIONS } from '../contracts'\nimport { Icon } from './icons'\n\ntype OrderActionsProps = {\n  order: OrderRecord\n  capabilities: OrderHistoryCapabilities\n  labels: OrderHistoryLabels\n  onOpen: (order: OrderRecord) => void\n  onAction: (action: OrderActionId, order: OrderRecord) => void\n  showPrimary?: boolean\n}\n\n/**\n * A capability gates what the store offers; `availableActions` says what this\n * order allows. Both must agree before an action renders.\n */\nexport function isActionEnabled(\n  action: OrderActionId,\n  order: OrderRecord,\n  capabilities: OrderHistoryCapabilities,\n): boolean {\n  if (!order.availableActions.includes(action)) return false\n  switch (action) {\n    case 'view':\n      return true\n    case 'track':\n      return order.deliveryMode === 'pickup'\n        ? capabilities.pickupTracking === true\n        : capabilities.shipmentTracking === true\n    case 'reorder':\n      return capabilities.reorder === true\n    case 'invoice':\n      return capabilities.invoices === true\n    case 'return':\n      return capabilities.returns === true\n    case 'exchange':\n      return capabilities.exchanges === true\n    case 'problem':\n      return capabilities.claims === true\n    case 'cancel':\n    case 'pay-balance':\n    case 'support':\n      return true\n    default:\n      return false\n  }\n}\n\nexport function OrderActions({\n  order,\n  capabilities,\n  labels,\n  onOpen,\n  onAction,\n  showPrimary = true,\n}: OrderActionsProps) {\n  const secondary = ORDER_ACTIONS.filter(\n    (action) => action !== 'view' && isActionEnabled(action, order, capabilities),\n  )\n\n  return (\n    <div className=\"flex shrink-0 items-center gap-1.5\">\n      {showPrimary ? (\n        <Button size=\"sm\" onClick={() => onOpen(order)}>\n          {labels.card.viewOrder}\n        </Button>\n      ) : null}\n\n      {secondary.length > 0 ? (\n        <details className=\"relative\">\n          <summary\n            aria-label={labels.card.moreActions}\n            className={cn(\n              buttonVariants({ variant: 'ghost', size: 'icon-sm' }),\n              'list-none cursor-pointer text-muted-foreground',\n            )}\n          >\n            <Icon name=\"more\" className=\"size-4\" />\n          </summary>\n          <div className=\"absolute right-0 z-20 mt-1 w-56 overflow-hidden rounded-lg border bg-card p-1 shadow-md\">\n            <ul>\n              {secondary.map((action) => (\n                <li key={action}>\n                  <button\n                    type=\"button\"\n                    onClick={(event) => {\n                      const details = event.currentTarget.closest('details')\n                      if (details) details.open = false\n                      onAction(action, order)\n                    }}\n                    className=\"w-full rounded-md px-2.5 py-2 text-left text-sm transition-colors hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n                  >\n                    {labels.actions[action]}\n                  </button>\n                </li>\n              ))}\n            </ul>\n          </div>\n        </details>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuEQ;AAvER,oBAA2C;AAQ3C,uBAA8B;AAC9B,mBAAqB;AAed,SAAS,gBACd,QACA,OACA,cACS;AACT,MAAI,CAAC,MAAM,iBAAiB,SAAS,MAAM,EAAG,QAAO;AACrD,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO,MAAM,iBAAiB,WAC1B,aAAa,mBAAmB,OAChC,aAAa,qBAAqB;AAAA,IACxC,KAAK;AACH,aAAO,aAAa,YAAY;AAAA,IAClC,KAAK;AACH,aAAO,aAAa,aAAa;AAAA,IACnC,KAAK;AACH,aAAO,aAAa,YAAY;AAAA,IAClC,KAAK;AACH,aAAO,aAAa,cAAc;AAAA,IACpC,KAAK;AACH,aAAO,aAAa,WAAW;AAAA,IACjC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAsB;AACpB,QAAM,YAAY,+BAAc;AAAA,IAC9B,CAAC,WAAW,WAAW,UAAU,gBAAgB,QAAQ,OAAO,YAAY;AAAA,EAC9E;AAEA,SACE,6CAAC,SAAI,WAAU,sCACZ;AAAA,kBACC,4CAAC,wBAAO,MAAK,MAAK,SAAS,MAAM,OAAO,KAAK,GAC1C,iBAAO,KAAK,WACf,IACE;AAAA,IAEH,UAAU,SAAS,IAClB,6CAAC,aAAQ,WAAU,YACjB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,cAAY,OAAO,KAAK;AAAA,UACxB,eAAW;AAAA,gBACT,8BAAe,EAAE,SAAS,SAAS,MAAM,UAAU,CAAC;AAAA,YACpD;AAAA,UACF;AAAA,UAEA,sDAAC,qBAAK,MAAK,QAAO,WAAU,UAAS;AAAA;AAAA,MACvC;AAAA,MACA,4CAAC,SAAI,WAAU,2FACb,sDAAC,QACE,oBAAU,IAAI,CAAC,WACd,4CAAC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,CAAC,UAAU;AAClB,kBAAM,UAAU,MAAM,cAAc,QAAQ,SAAS;AACrD,gBAAI,QAAS,SAAQ,OAAO;AAC5B,qBAAS,QAAQ,KAAK;AAAA,UACxB;AAAA,UACA,WAAU;AAAA,UAET,iBAAO,QAAQ,MAAM;AAAA;AAAA,MACxB,KAXO,MAYT,CACD,GACH,GACF;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/blocks/designs/order-history/components/order-actions.mjs

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button, buttonVariants, cn } from "@thorprovider/blocks";
+import { ORDER_ACTIONS } from "../contracts.mjs";
+import { Icon } from "./icons.mjs";
+function isActionEnabled(action, order, capabilities) {
+  if (!order.availableActions.includes(action)) return false;
+  switch (action) {
+    case "view":
+      return true;
+    case "track":
+      return order.deliveryMode === "pickup" ? capabilities.pickupTracking === true : capabilities.shipmentTracking === true;
+    case "reorder":
+      return capabilities.reorder === true;
+    case "invoice":
+      return capabilities.invoices === true;
+    case "return":
+      return capabilities.returns === true;
+    case "exchange":
+      return capabilities.exchanges === true;
+    case "problem":
+      return capabilities.claims === true;
+    case "cancel":
+    case "pay-balance":
+    case "support":
+      return true;
+    default:
+      return false;
+  }
+}
+function OrderActions({
+  order,
+  capabilities,
+  labels,
+  onOpen,
+  onAction,
+  showPrimary = true
+}) {
+  const secondary = ORDER_ACTIONS.filter(
+    (action) => action !== "view" && isActionEnabled(action, order, capabilities)
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1.5", children: [
+    showPrimary ? /* @__PURE__ */ jsx(Button, { size: "sm", onClick: () => onOpen(order), children: labels.card.viewOrder }) : null,
+    secondary.length > 0 ? /* @__PURE__ */ jsxs("details", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        "summary",
+        {
+          "aria-label": labels.card.moreActions,
+          className: cn(
+            buttonVariants({ variant: "ghost", size: "icon-sm" }),
+            "list-none cursor-pointer text-muted-foreground"
+          ),
+          children: /* @__PURE__ */ jsx(Icon, { name: "more", className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { className: "absolute right-0 z-20 mt-1 w-56 overflow-hidden rounded-lg border bg-card p-1 shadow-md", children: /* @__PURE__ */ jsx("ul", { children: secondary.map((action) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: (event) => {
+            const details = event.currentTarget.closest("details");
+            if (details) details.open = false;
+            onAction(action, order);
+          },
+          className: "w-full rounded-md px-2.5 py-2 text-left text-sm transition-colors hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+          children: labels.actions[action]
+        }
+      ) }, action)) }) })
+    ] }) : null
+  ] });
+}
+export {
+  OrderActions,
+  isActionEnabled
+};
+//# sourceMappingURL=order-actions.mjs.map

package/dist/blocks/designs/order-history/components/order-actions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/order-actions.tsx"],"sourcesContent":["import { Button, buttonVariants, cn } from '@thorprovider/blocks'\n\nimport type {\n  OrderActionId,\n  OrderHistoryCapabilities,\n  OrderHistoryLabels,\n  OrderRecord,\n} from '../contracts'\nimport { ORDER_ACTIONS } from '../contracts'\nimport { Icon } from './icons'\n\ntype OrderActionsProps = {\n  order: OrderRecord\n  capabilities: OrderHistoryCapabilities\n  labels: OrderHistoryLabels\n  onOpen: (order: OrderRecord) => void\n  onAction: (action: OrderActionId, order: OrderRecord) => void\n  showPrimary?: boolean\n}\n\n/**\n * A capability gates what the store offers; `availableActions` says what this\n * order allows. Both must agree before an action renders.\n */\nexport function isActionEnabled(\n  action: OrderActionId,\n  order: OrderRecord,\n  capabilities: OrderHistoryCapabilities,\n): boolean {\n  if (!order.availableActions.includes(action)) return false\n  switch (action) {\n    case 'view':\n      return true\n    case 'track':\n      return order.deliveryMode === 'pickup'\n        ? capabilities.pickupTracking === true\n        : capabilities.shipmentTracking === true\n    case 'reorder':\n      return capabilities.reorder === true\n    case 'invoice':\n      return capabilities.invoices === true\n    case 'return':\n      return capabilities.returns === true\n    case 'exchange':\n      return capabilities.exchanges === true\n    case 'problem':\n      return capabilities.claims === true\n    case 'cancel':\n    case 'pay-balance':\n    case 'support':\n      return true\n    default:\n      return false\n  }\n}\n\nexport function OrderActions({\n  order,\n  capabilities,\n  labels,\n  onOpen,\n  onAction,\n  showPrimary = true,\n}: OrderActionsProps) {\n  const secondary = ORDER_ACTIONS.filter(\n    (action) => action !== 'view' && isActionEnabled(action, order, capabilities),\n  )\n\n  return (\n    <div className=\"flex shrink-0 items-center gap-1.5\">\n      {showPrimary ? (\n        <Button size=\"sm\" onClick={() => onOpen(order)}>\n          {labels.card.viewOrder}\n        </Button>\n      ) : null}\n\n      {secondary.length > 0 ? (\n        <details className=\"relative\">\n          <summary\n            aria-label={labels.card.moreActions}\n            className={cn(\n              buttonVariants({ variant: 'ghost', size: 'icon-sm' }),\n              'list-none cursor-pointer text-muted-foreground',\n            )}\n          >\n            <Icon name=\"more\" className=\"size-4\" />\n          </summary>\n          <div className=\"absolute right-0 z-20 mt-1 w-56 overflow-hidden rounded-lg border bg-card p-1 shadow-md\">\n            <ul>\n              {secondary.map((action) => (\n                <li key={action}>\n                  <button\n                    type=\"button\"\n                    onClick={(event) => {\n                      const details = event.currentTarget.closest('details')\n                      if (details) details.open = false\n                      onAction(action, order)\n                    }}\n                    className=\"w-full rounded-md px-2.5 py-2 text-left text-sm transition-colors hover:bg-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n                  >\n                    {labels.actions[action]}\n                  </button>\n                </li>\n              ))}\n            </ul>\n          </div>\n        </details>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AAuEQ,cAMA,YANA;AAvER,SAAS,QAAQ,gBAAgB,UAAU;AAQ3C,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAed,SAAS,gBACd,QACA,OACA,cACS;AACT,MAAI,CAAC,MAAM,iBAAiB,SAAS,MAAM,EAAG,QAAO;AACrD,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO,MAAM,iBAAiB,WAC1B,aAAa,mBAAmB,OAChC,aAAa,qBAAqB;AAAA,IACxC,KAAK;AACH,aAAO,aAAa,YAAY;AAAA,IAClC,KAAK;AACH,aAAO,aAAa,aAAa;AAAA,IACnC,KAAK;AACH,aAAO,aAAa,YAAY;AAAA,IAClC,KAAK;AACH,aAAO,aAAa,cAAc;AAAA,IACpC,KAAK;AACH,aAAO,aAAa,WAAW;AAAA,IACjC,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAsB;AACpB,QAAM,YAAY,cAAc;AAAA,IAC9B,CAAC,WAAW,WAAW,UAAU,gBAAgB,QAAQ,OAAO,YAAY;AAAA,EAC9E;AAEA,SACE,qBAAC,SAAI,WAAU,sCACZ;AAAA,kBACC,oBAAC,UAAO,MAAK,MAAK,SAAS,MAAM,OAAO,KAAK,GAC1C,iBAAO,KAAK,WACf,IACE;AAAA,IAEH,UAAU,SAAS,IAClB,qBAAC,aAAQ,WAAU,YACjB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,cAAY,OAAO,KAAK;AAAA,UACxB,WAAW;AAAA,YACT,eAAe,EAAE,SAAS,SAAS,MAAM,UAAU,CAAC;AAAA,YACpD;AAAA,UACF;AAAA,UAEA,8BAAC,QAAK,MAAK,QAAO,WAAU,UAAS;AAAA;AAAA,MACvC;AAAA,MACA,oBAAC,SAAI,WAAU,2FACb,8BAAC,QACE,oBAAU,IAAI,CAAC,WACd,oBAAC,QACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,CAAC,UAAU;AAClB,kBAAM,UAAU,MAAM,cAAc,QAAQ,SAAS;AACrD,gBAAI,QAAS,SAAQ,OAAO;AAC5B,qBAAS,QAAQ,KAAK;AAAA,UACxB;AAAA,UACA,WAAU;AAAA,UAET,iBAAO,QAAQ,MAAM;AAAA;AAAA,MACxB,KAXO,MAYT,CACD,GACH,GACF;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/blocks/designs/order-history/components/order-card.d.ts

@@ -0,0 +1,18 @@
+import type { Money, OrderActionId, OrderHistoryCapabilities, OrderHistoryLabels, OrderRecord } from '../contracts';
+type OrderCardProps = {
+    order: OrderRecord;
+    labels: OrderHistoryLabels;
+    locale: string;
+    formatMoney?: (money: Money) => string;
+    formatDate?: (iso: string) => string;
+    capabilities: OrderHistoryCapabilities;
+    selectable?: boolean;
+    selectionMode?: 'orders' | 'query';
+    selected?: boolean;
+    onToggle?: (id: string) => void;
+    onOpen: (order: OrderRecord) => void;
+    onAction: (action: OrderActionId, order: OrderRecord) => void;
+};
+export declare function OrderCard({ order, labels, locale, formatMoney: formatMoneyProp, formatDate: formatDateProp, capabilities, selectable, selectionMode, selected, onToggle, onOpen, onAction, }: OrderCardProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=order-card.d.ts.map

package/dist/blocks/designs/order-history/components/order-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-card.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-history/components/order-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,KAAK,EACL,aAAa,EACb,wBAAwB,EACxB,kBAAkB,EAElB,WAAW,EAGZ,MAAM,cAAc,CAAA;AAarB,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,WAAW,CAAA;IAClB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAA;IACtC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACpC,YAAY,EAAE,wBAAwB,CAAA;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,MAAM,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACpC,QAAQ,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;CAC9D,CAAA;AAwBD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,MAAM,EACN,MAAM,EACN,WAAW,EAAE,eAAe,EAC5B,UAAU,EAAE,cAAc,EAC1B,YAAY,EACZ,UAAkB,EAClB,aAAwB,EACxB,QAAgB,EAChB,QAAQ,EACR,MAAM,EACN,QAAQ,GACT,EAAE,cAAc,+BA4IhB"}