@thorprovider/blocks 4.1.0 → 4.3.0

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

@@ -0,0 +1,83 @@
+"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 pagination_exports = {};
+__export(pagination_exports, {
+  Pagination: () => Pagination
+});
+module.exports = __toCommonJS(pagination_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_contracts = require("../contracts.js");
+var import_money = require("../money.js");
+var import_icons = require("./icons.js");
+var import_toolbar_button = require("./toolbar-button.js");
+function Pagination({
+  page,
+  pageCount,
+  total,
+  pageSize,
+  labels,
+  onPage,
+  onPageSize
+}) {
+  const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
+  const to = Math.min(page * pageSize, total);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t pt-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground tabular-nums", children: (0, import_money.fillTemplate)(labels.pagination.range, { from, to, count: total }) }),
+    pageCount > 1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "hidden items-center gap-1.5 text-xs text-muted-foreground sm:flex", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "sr-only", children: labels.pagination.pageSize }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "select",
+          {
+            value: pageSize,
+            onChange: (event) => onPageSize(Number(event.target.value)),
+            className: "h-8 rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+            children: import_contracts.PAGE_SIZES.map((size) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: size, children: size }, size))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_toolbar_button.ToolbarButton,
+        {
+          size: "icon",
+          disabled: page <= 1,
+          onClick: () => onPage(page - 1),
+          "aria-label": labels.pagination.previous,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { name: "arrow-left", className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "min-w-0 text-xs text-muted-foreground tabular-nums sm:hidden", children: (0, import_money.fillTemplate)(labels.pagination.pageOf, { page, count: pageCount }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_toolbar_button.ToolbarButton,
+        {
+          size: "icon",
+          disabled: page >= pageCount,
+          onClick: () => onPage(page + 1),
+          "aria-label": labels.pagination.next,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { name: "arrow-right", className: "size-4" })
+        }
+      )
+    ] }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Pagination
+});
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/pagination.tsx"],"sourcesContent":["import type { OrderHistoryLabels } from '../contracts'\nimport { PAGE_SIZES } from '../contracts'\nimport { fillTemplate } from '../money'\nimport { Icon } from './icons'\nimport { ToolbarButton } from './toolbar-button'\n\ntype PaginationProps = {\n  page: number\n  pageCount: number\n  total: number\n  pageSize: number\n  labels: OrderHistoryLabels\n  onPage: (page: number) => void\n  onPageSize: (pageSize: number) => void\n}\n\nexport function Pagination({\n  page,\n  pageCount,\n  total,\n  pageSize,\n  labels,\n  onPage,\n  onPageSize,\n}: PaginationProps) {\n  const from = total === 0 ? 0 : (page - 1) * pageSize + 1\n  const to = Math.min(page * pageSize, total)\n\n  return (\n    <div className=\"flex flex-wrap items-center justify-between gap-3 border-t pt-3\">\n      <p className=\"text-xs text-muted-foreground tabular-nums\">\n        {fillTemplate(labels.pagination.range, { from, to, count: total })}\n      </p>\n\n      {pageCount > 1 ? (\n        <div className=\"flex items-center gap-2\">\n          <label className=\"hidden items-center gap-1.5 text-xs text-muted-foreground sm:flex\">\n            <span className=\"sr-only\">{labels.pagination.pageSize}</span>\n            <select\n              value={pageSize}\n              onChange={(event) => onPageSize(Number(event.target.value))}\n              className=\"h-8 rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n            >\n              {PAGE_SIZES.map((size) => (\n                <option key={size} value={size}>\n                  {size}\n                </option>\n              ))}\n            </select>\n          </label>\n\n          <ToolbarButton\n            size=\"icon\"\n            disabled={page <= 1}\n            onClick={() => onPage(page - 1)}\n            aria-label={labels.pagination.previous}\n          >\n            <Icon name=\"arrow-left\" className=\"size-4\" />\n          </ToolbarButton>\n          <p className=\"min-w-0 text-xs text-muted-foreground tabular-nums sm:hidden\">\n            {fillTemplate(labels.pagination.pageOf, { page, count: pageCount })}\n          </p>\n          <ToolbarButton\n            size=\"icon\"\n            disabled={page >= pageCount}\n            onClick={() => onPage(page + 1)}\n            aria-label={labels.pagination.next}\n          >\n            <Icon name=\"arrow-right\" className=\"size-4\" />\n          </ToolbarButton>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BM;AA7BN,uBAA2B;AAC3B,mBAA6B;AAC7B,mBAAqB;AACrB,4BAA8B;AAYvB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,OAAO,UAAU,IAAI,KAAK,OAAO,KAAK,WAAW;AACvD,QAAM,KAAK,KAAK,IAAI,OAAO,UAAU,KAAK;AAE1C,SACE,6CAAC,SAAI,WAAU,mEACb;AAAA,gDAAC,OAAE,WAAU,8CACV,yCAAa,OAAO,WAAW,OAAO,EAAE,MAAM,IAAI,OAAO,MAAM,CAAC,GACnE;AAAA,IAEC,YAAY,IACX,6CAAC,SAAI,WAAU,2BACb;AAAA,mDAAC,WAAM,WAAU,qEACf;AAAA,oDAAC,UAAK,WAAU,WAAW,iBAAO,WAAW,UAAS;AAAA,QACtD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU,CAAC,UAAU,WAAW,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,YAC1D,WAAU;AAAA,YAET,sCAAW,IAAI,CAAC,SACf,4CAAC,YAAkB,OAAO,MACvB,kBADU,IAEb,CACD;AAAA;AAAA,QACH;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,QAAQ;AAAA,UAClB,SAAS,MAAM,OAAO,OAAO,CAAC;AAAA,UAC9B,cAAY,OAAO,WAAW;AAAA,UAE9B,sDAAC,qBAAK,MAAK,cAAa,WAAU,UAAS;AAAA;AAAA,MAC7C;AAAA,MACA,4CAAC,OAAE,WAAU,gEACV,yCAAa,OAAO,WAAW,QAAQ,EAAE,MAAM,OAAO,UAAU,CAAC,GACpE;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,QAAQ;AAAA,UAClB,SAAS,MAAM,OAAO,OAAO,CAAC;AAAA,UAC9B,cAAY,OAAO,WAAW;AAAA,UAE9B,sDAAC,qBAAK,MAAK,eAAc,WAAU,UAAS;AAAA;AAAA,MAC9C;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}

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

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { PAGE_SIZES } from "../contracts.mjs";
+import { fillTemplate } from "../money.mjs";
+import { Icon } from "./icons.mjs";
+import { ToolbarButton } from "./toolbar-button.mjs";
+function Pagination({
+  page,
+  pageCount,
+  total,
+  pageSize,
+  labels,
+  onPage,
+  onPageSize
+}) {
+  const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
+  const to = Math.min(page * pageSize, total);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 border-t pt-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground tabular-nums", children: fillTemplate(labels.pagination.range, { from, to, count: total }) }),
+    pageCount > 1 ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs("label", { className: "hidden items-center gap-1.5 text-xs text-muted-foreground sm:flex", children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.pagination.pageSize }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            value: pageSize,
+            onChange: (event) => onPageSize(Number(event.target.value)),
+            className: "h-8 rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
+            children: PAGE_SIZES.map((size) => /* @__PURE__ */ jsx("option", { value: size, children: size }, size))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        ToolbarButton,
+        {
+          size: "icon",
+          disabled: page <= 1,
+          onClick: () => onPage(page - 1),
+          "aria-label": labels.pagination.previous,
+          children: /* @__PURE__ */ jsx(Icon, { name: "arrow-left", className: "size-4" })
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "min-w-0 text-xs text-muted-foreground tabular-nums sm:hidden", children: fillTemplate(labels.pagination.pageOf, { page, count: pageCount }) }),
+      /* @__PURE__ */ jsx(
+        ToolbarButton,
+        {
+          size: "icon",
+          disabled: page >= pageCount,
+          onClick: () => onPage(page + 1),
+          "aria-label": labels.pagination.next,
+          children: /* @__PURE__ */ jsx(Icon, { name: "arrow-right", className: "size-4" })
+        }
+      )
+    ] }) : null
+  ] });
+}
+export {
+  Pagination
+};
+//# sourceMappingURL=pagination.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/pagination.tsx"],"sourcesContent":["import type { OrderHistoryLabels } from '../contracts'\nimport { PAGE_SIZES } from '../contracts'\nimport { fillTemplate } from '../money'\nimport { Icon } from './icons'\nimport { ToolbarButton } from './toolbar-button'\n\ntype PaginationProps = {\n  page: number\n  pageCount: number\n  total: number\n  pageSize: number\n  labels: OrderHistoryLabels\n  onPage: (page: number) => void\n  onPageSize: (pageSize: number) => void\n}\n\nexport function Pagination({\n  page,\n  pageCount,\n  total,\n  pageSize,\n  labels,\n  onPage,\n  onPageSize,\n}: PaginationProps) {\n  const from = total === 0 ? 0 : (page - 1) * pageSize + 1\n  const to = Math.min(page * pageSize, total)\n\n  return (\n    <div className=\"flex flex-wrap items-center justify-between gap-3 border-t pt-3\">\n      <p className=\"text-xs text-muted-foreground tabular-nums\">\n        {fillTemplate(labels.pagination.range, { from, to, count: total })}\n      </p>\n\n      {pageCount > 1 ? (\n        <div className=\"flex items-center gap-2\">\n          <label className=\"hidden items-center gap-1.5 text-xs text-muted-foreground sm:flex\">\n            <span className=\"sr-only\">{labels.pagination.pageSize}</span>\n            <select\n              value={pageSize}\n              onChange={(event) => onPageSize(Number(event.target.value))}\n              className=\"h-8 rounded-md border border-input bg-background px-2 text-xs focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n            >\n              {PAGE_SIZES.map((size) => (\n                <option key={size} value={size}>\n                  {size}\n                </option>\n              ))}\n            </select>\n          </label>\n\n          <ToolbarButton\n            size=\"icon\"\n            disabled={page <= 1}\n            onClick={() => onPage(page - 1)}\n            aria-label={labels.pagination.previous}\n          >\n            <Icon name=\"arrow-left\" className=\"size-4\" />\n          </ToolbarButton>\n          <p className=\"min-w-0 text-xs text-muted-foreground tabular-nums sm:hidden\">\n            {fillTemplate(labels.pagination.pageOf, { page, count: pageCount })}\n          </p>\n          <ToolbarButton\n            size=\"icon\"\n            disabled={page >= pageCount}\n            onClick={() => onPage(page + 1)}\n            aria-label={labels.pagination.next}\n          >\n            <Icon name=\"arrow-right\" className=\"size-4\" />\n          </ToolbarButton>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":"AA8BM,cAMI,YANJ;AA7BN,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAYvB,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,OAAO,UAAU,IAAI,KAAK,OAAO,KAAK,WAAW;AACvD,QAAM,KAAK,KAAK,IAAI,OAAO,UAAU,KAAK;AAE1C,SACE,qBAAC,SAAI,WAAU,mEACb;AAAA,wBAAC,OAAE,WAAU,8CACV,uBAAa,OAAO,WAAW,OAAO,EAAE,MAAM,IAAI,OAAO,MAAM,CAAC,GACnE;AAAA,IAEC,YAAY,IACX,qBAAC,SAAI,WAAU,2BACb;AAAA,2BAAC,WAAM,WAAU,qEACf;AAAA,4BAAC,UAAK,WAAU,WAAW,iBAAO,WAAW,UAAS;AAAA,QACtD;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU,CAAC,UAAU,WAAW,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,YAC1D,WAAU;AAAA,YAET,qBAAW,IAAI,CAAC,SACf,oBAAC,YAAkB,OAAO,MACvB,kBADU,IAEb,CACD;AAAA;AAAA,QACH;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,QAAQ;AAAA,UAClB,SAAS,MAAM,OAAO,OAAO,CAAC;AAAA,UAC9B,cAAY,OAAO,WAAW;AAAA,UAE9B,8BAAC,QAAK,MAAK,cAAa,WAAU,UAAS;AAAA;AAAA,MAC7C;AAAA,MACA,oBAAC,OAAE,WAAU,gEACV,uBAAa,OAAO,WAAW,QAAQ,EAAE,MAAM,OAAO,UAAU,CAAC,GACpE;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU,QAAQ;AAAA,UAClB,SAAS,MAAM,OAAO,OAAO,CAAC;AAAA,UAC9B,cAAY,OAAO,WAAW;AAAA,UAE9B,8BAAC,QAAK,MAAK,eAAc,WAAU,UAAS;AAAA;AAAA,MAC9C;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { Tone } from '../contracts';
+export declare function dotClass(tone: Tone): string;
+export declare function badgeVariant(tone: Tone): "default" | "secondary" | "destructive" | "outline";
+type StatusBadgeProps = {
+    label: string;
+    tone: Tone;
+    className?: string;
+};
+/** A status as data: the label is always rendered; the dot reinforces the tone. */
+export declare function StatusBadge({ label, tone, className }: StatusBadgeProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=status-badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-history/components/status-badge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAmBxC,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAE3C;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,IAAI,uDAEtC;AAED,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,mFAAmF;AACnF,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAUvE"}

package/dist/blocks/designs/order-history/components/status-badge.js

@@ -0,0 +1,68 @@
+"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_badge_exports = {};
+__export(status_badge_exports, {
+  StatusBadge: () => StatusBadge,
+  badgeVariant: () => badgeVariant,
+  dotClass: () => dotClass
+});
+module.exports = __toCommonJS(status_badge_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+const VARIANT = {
+  neutral: "secondary",
+  info: "outline",
+  success: "outline",
+  warning: "outline",
+  // A destructive surface does not meet AA in dark mode; the dot carries the tone.
+  danger: "outline"
+};
+const DOT = {
+  neutral: "bg-muted-foreground",
+  info: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  danger: "bg-destructive"
+};
+function dotClass(tone) {
+  return DOT[tone];
+}
+function badgeVariant(tone) {
+  return VARIANT[tone];
+}
+function StatusBadge({ label, tone, className }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_blocks.Badge,
+    {
+      variant: badgeVariant(tone),
+      className: (0, import_blocks.cn)("max-w-full gap-1.5 whitespace-normal text-left font-normal", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", className: (0, import_blocks.cn)("size-1.5 shrink-0 rounded-full", dotClass(tone)) }),
+        label
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StatusBadge,
+  badgeVariant,
+  dotClass
+});
+//# sourceMappingURL=status-badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/status-badge.tsx"],"sourcesContent":["import { Badge, cn } from '@thorprovider/blocks'\n\nimport type { Tone } from '../contracts'\n\nconst VARIANT: Record<Tone, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  neutral: 'secondary',\n  info: 'outline',\n  success: 'outline',\n  warning: 'outline',\n  // A destructive surface does not meet AA in dark mode; the dot carries the tone.\n  danger: 'outline',\n}\n\nconst DOT: Record<Tone, string> = {\n  neutral: 'bg-muted-foreground',\n  info: 'bg-primary',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  danger: 'bg-destructive',\n}\n\nexport function dotClass(tone: Tone): string {\n  return DOT[tone]\n}\n\nexport function badgeVariant(tone: Tone) {\n  return VARIANT[tone]\n}\n\ntype StatusBadgeProps = {\n  label: string\n  tone: Tone\n  className?: string\n}\n\n/** A status as data: the label is always rendered; the dot reinforces the tone. */\nexport function StatusBadge({ label, tone, className }: StatusBadgeProps) {\n  return (\n    <Badge\n      variant={badgeVariant(tone)}\n      className={cn('max-w-full gap-1.5 whitespace-normal text-left font-normal', className)}\n    >\n      <span aria-hidden=\"true\" className={cn('size-1.5 shrink-0 rounded-full', dotClass(tone))} />\n      {label}\n    </Badge>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCI;AAtCJ,oBAA0B;AAI1B,MAAM,UAA6E;AAAA,EACjF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA;AAAA,EAET,QAAQ;AACV;AAEA,MAAM,MAA4B;AAAA,EAChC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,SAAS,MAAoB;AAC3C,SAAO,IAAI,IAAI;AACjB;AAEO,SAAS,aAAa,MAAY;AACvC,SAAO,QAAQ,IAAI;AACrB;AASO,SAAS,YAAY,EAAE,OAAO,MAAM,UAAU,GAAqB;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,aAAa,IAAI;AAAA,MAC1B,eAAW,kBAAG,8DAA8D,SAAS;AAAA,MAErF;AAAA,oDAAC,UAAK,eAAY,QAAO,eAAW,kBAAG,kCAAkC,SAAS,IAAI,CAAC,GAAG;AAAA,QACzF;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/blocks/designs/order-history/components/status-badge.mjs

@@ -0,0 +1,42 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Badge, cn } from "@thorprovider/blocks";
+const VARIANT = {
+  neutral: "secondary",
+  info: "outline",
+  success: "outline",
+  warning: "outline",
+  // A destructive surface does not meet AA in dark mode; the dot carries the tone.
+  danger: "outline"
+};
+const DOT = {
+  neutral: "bg-muted-foreground",
+  info: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  danger: "bg-destructive"
+};
+function dotClass(tone) {
+  return DOT[tone];
+}
+function badgeVariant(tone) {
+  return VARIANT[tone];
+}
+function StatusBadge({ label, tone, className }) {
+  return /* @__PURE__ */ jsxs(
+    Badge,
+    {
+      variant: badgeVariant(tone),
+      className: cn("max-w-full gap-1.5 whitespace-normal text-left font-normal", className),
+      children: [
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("size-1.5 shrink-0 rounded-full", dotClass(tone)) }),
+        label
+      ]
+    }
+  );
+}
+export {
+  StatusBadge,
+  badgeVariant,
+  dotClass
+};
+//# sourceMappingURL=status-badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/status-badge.tsx"],"sourcesContent":["import { Badge, cn } from '@thorprovider/blocks'\n\nimport type { Tone } from '../contracts'\n\nconst VARIANT: Record<Tone, 'default' | 'secondary' | 'destructive' | 'outline'> = {\n  neutral: 'secondary',\n  info: 'outline',\n  success: 'outline',\n  warning: 'outline',\n  // A destructive surface does not meet AA in dark mode; the dot carries the tone.\n  danger: 'outline',\n}\n\nconst DOT: Record<Tone, string> = {\n  neutral: 'bg-muted-foreground',\n  info: 'bg-primary',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  danger: 'bg-destructive',\n}\n\nexport function dotClass(tone: Tone): string {\n  return DOT[tone]\n}\n\nexport function badgeVariant(tone: Tone) {\n  return VARIANT[tone]\n}\n\ntype StatusBadgeProps = {\n  label: string\n  tone: Tone\n  className?: string\n}\n\n/** A status as data: the label is always rendered; the dot reinforces the tone. */\nexport function StatusBadge({ label, tone, className }: StatusBadgeProps) {\n  return (\n    <Badge\n      variant={badgeVariant(tone)}\n      className={cn('max-w-full gap-1.5 whitespace-normal text-left font-normal', className)}\n    >\n      <span aria-hidden=\"true\" className={cn('size-1.5 shrink-0 rounded-full', dotClass(tone))} />\n      {label}\n    </Badge>\n  )\n}\n"],"mappings":"AAsCI,SAIE,KAJF;AAtCJ,SAAS,OAAO,UAAU;AAI1B,MAAM,UAA6E;AAAA,EACjF,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA;AAAA,EAET,QAAQ;AACV;AAEA,MAAM,MAA4B;AAAA,EAChC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AACV;AAEO,SAAS,SAAS,MAAoB;AAC3C,SAAO,IAAI,IAAI;AACjB;AAEO,SAAS,aAAa,MAAY;AACvC,SAAO,QAAQ,IAAI;AACrB;AASO,SAAS,YAAY,EAAE,OAAO,MAAM,UAAU,GAAqB;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,aAAa,IAAI;AAAA,MAC1B,WAAW,GAAG,8DAA8D,SAAS;AAAA,MAErF;AAAA,4BAAC,UAAK,eAAY,QAAO,WAAW,GAAG,kCAAkC,SAAS,IAAI,CAAC,GAAG;AAAA,QACzF;AAAA;AAAA;AAAA,EACH;AAEJ;","names":[]}

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

@@ -0,0 +1,13 @@
+import type { ButtonHTMLAttributes } from 'react';
+type ToolbarButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: 'outline' | 'ghost';
+    size?: 'sm' | 'xs' | 'icon';
+};
+/**
+ * Secondary toolbar control. A native `<button>` with contract tokens: the
+ * library Button's outline variant does not resolve theme colours reliably on
+ * this platform, and these controls must keep AA contrast in both themes.
+ */
+export declare function ToolbarButton({ variant, size, className, type, children, ...props }: ToolbarButtonProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=toolbar-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-button.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/order-history/components/toolbar-button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAGjD,KAAK,kBAAkB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAClE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;CAC5B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,OAAmB,EACnB,IAAW,EACX,SAAS,EACT,IAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,+BAkBpB"}

package/dist/blocks/designs/order-history/components/toolbar-button.js

@@ -0,0 +1,56 @@
+"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 toolbar_button_exports = {};
+__export(toolbar_button_exports, {
+  ToolbarButton: () => ToolbarButton
+});
+module.exports = __toCommonJS(toolbar_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+function ToolbarButton({
+  variant = "outline",
+  size = "sm",
+  className,
+  type = "button",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type,
+      className: (0, import_blocks.cn)(
+        "inline-flex shrink-0 items-center justify-center gap-1.5 rounded-md font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50",
+        variant === "outline" && "border bg-card text-foreground hover:bg-muted",
+        variant === "ghost" && "text-foreground hover:bg-muted",
+        size === "sm" && "h-8 px-3 text-sm",
+        size === "xs" && "h-7 px-2 text-xs",
+        size === "icon" && "size-8 p-0",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ToolbarButton
+});
+//# sourceMappingURL=toolbar-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/toolbar-button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cn } from '@thorprovider/blocks'\n\ntype ToolbarButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: 'outline' | 'ghost'\n  size?: 'sm' | 'xs' | 'icon'\n}\n\n/**\n * Secondary toolbar control. A native `<button>` with contract tokens: the\n * library Button's outline variant does not resolve theme colours reliably on\n * this platform, and these controls must keep AA contrast in both themes.\n */\nexport function ToolbarButton({\n  variant = 'outline',\n  size = 'sm',\n  className,\n  type = 'button',\n  children,\n  ...props\n}: ToolbarButtonProps) {\n  return (\n    <button\n      type={type}\n      className={cn(\n        'inline-flex shrink-0 items-center justify-center gap-1.5 rounded-md font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50',\n        variant === 'outline' && 'border bg-card text-foreground hover:bg-muted',\n        variant === 'ghost' && 'text-foreground hover:bg-muted',\n        size === 'sm' && 'h-8 px-3 text-sm',\n        size === 'xs' && 'h-7 px-2 text-xs',\n        size === 'icon' && 'size-8 p-0',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBI;AArBJ,oBAAmB;AAYZ,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW;AAAA,QACT;AAAA,QACA,YAAY,aAAa;AAAA,QACzB,YAAY,WAAW;AAAA,QACvB,SAAS,QAAQ;AAAA,QACjB,SAAS,QAAQ;AAAA,QACjB,SAAS,UAAU;AAAA,QACnB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/blocks/designs/order-history/components/toolbar-button.mjs

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@thorprovider/blocks";
+function ToolbarButton({
+  variant = "outline",
+  size = "sm",
+  className,
+  type = "button",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type,
+      className: cn(
+        "inline-flex shrink-0 items-center justify-center gap-1.5 rounded-md font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50",
+        variant === "outline" && "border bg-card text-foreground hover:bg-muted",
+        variant === "ghost" && "text-foreground hover:bg-muted",
+        size === "sm" && "h-8 px-3 text-sm",
+        size === "xs" && "h-7 px-2 text-xs",
+        size === "icon" && "size-8 p-0",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+export {
+  ToolbarButton
+};
+//# sourceMappingURL=toolbar-button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/order-history/components/toolbar-button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cn } from '@thorprovider/blocks'\n\ntype ToolbarButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: 'outline' | 'ghost'\n  size?: 'sm' | 'xs' | 'icon'\n}\n\n/**\n * Secondary toolbar control. A native `<button>` with contract tokens: the\n * library Button's outline variant does not resolve theme colours reliably on\n * this platform, and these controls must keep AA contrast in both themes.\n */\nexport function ToolbarButton({\n  variant = 'outline',\n  size = 'sm',\n  className,\n  type = 'button',\n  children,\n  ...props\n}: ToolbarButtonProps) {\n  return (\n    <button\n      type={type}\n      className={cn(\n        'inline-flex shrink-0 items-center justify-center gap-1.5 rounded-md font-medium transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50',\n        variant === 'outline' && 'border bg-card text-foreground hover:bg-muted',\n        variant === 'ghost' && 'text-foreground hover:bg-muted',\n        size === 'sm' && 'h-8 px-3 text-sm',\n        size === 'xs' && 'h-7 px-2 text-xs',\n        size === 'icon' && 'size-8 p-0',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n"],"mappings":"AAsBI;AArBJ,SAAS,UAAU;AAYZ,SAAS,cAAc;AAAA,EAC5B,UAAU;AAAA,EACV,OAAO;AAAA,EACP;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,YAAY,aAAa;AAAA,QACzB,YAAY,WAAW;AAAA,QACvB,SAAS,QAAQ;AAAA,QACjB,SAAS,QAAQ;AAAA,QACjB,SAAS,UAAU;AAAA,QACnB;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}