@thorprovider/blocks 1.0.0 → 3.0.0

package/dist/blocks/e-commerce/checkout-forms/checkout-payment-step.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-payment-step.tsx"],"sourcesContent":["'use client'\n\nimport { Field, FieldContent, FieldLabel, FieldLegend, FieldSet } from '../../../ui/field'\nimport { RadioGroup, RadioGroupItem } from '../../../ui/radio-group'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport type { PaymentMethod } from '@thorprovider/types'\nimport type {\n  CheckoutChangeHandler,\n  CheckoutFieldDescriptions,\n  CheckoutValuesFieldErrors,\n  CheckoutLabels,\n  CheckoutValues,\n} from './checkout'\n\nexport interface CheckoutPaymentStepProps {\n  values: CheckoutValues\n  onChange: CheckoutChangeHandler\n  labels: CheckoutLabels\n  paymentMethods?: PaymentMethod[]\n  fieldErrors?: CheckoutValuesFieldErrors\n  fieldDescriptions?: CheckoutFieldDescriptions\n}\n\nexport function CheckoutPaymentStep({\n  values,\n  onChange,\n  labels,\n  paymentMethods = [],\n  fieldErrors,\n  fieldDescriptions,\n}: CheckoutPaymentStepProps) {\n  const selectedMethod = paymentMethods.find((method) => method.id === values.paymentMethod)\n\n  return (\n    <FieldSet>\n      <FieldLegend>{labels.paymentMethodLegend}</FieldLegend>\n      {paymentMethods.length === 0 ? (\n        <p className=\"text-muted-foreground text-sm\">{labels.noPaymentMethodsLabel}</p>\n      ) : (\n        <RadioGroup\n          value={values.paymentMethod}\n          onValueChange={(value) => value && onChange('paymentMethod', String(value))}\n          className=\"grid grid-cols-1 gap-3\"\n        >\n          {paymentMethods.map((method) => {\n            const unavailable = method.isEnabled === false\n            return (\n              <Field\n                key={method.id}\n                orientation=\"horizontal\"\n                className=\"flex-wrap items-start justify-between gap-3 rounded-lg border p-4\"\n              >\n                <FieldContent className=\"min-w-0\">\n                  <FieldLabel htmlFor={`payment-${method.id}`} className=\"flex flex-col gap-0.5\">\n                    <span>{method.name}</span>\n                    {method.description ? (\n                      <span className=\"text-muted-foreground text-xs font-normal\">\n                        {method.description}\n                      </span>\n                    ) : null}\n                    {unavailable ? (\n                      <span className=\"text-muted-foreground text-xs font-normal\">\n                        {labels.unavailableMethodLabel}\n                      </span>\n                    ) : null}\n                  </FieldLabel>\n                </FieldContent>\n                <RadioGroupItem\n                  value={method.id}\n                  id={`payment-${method.id}`}\n                  disabled={unavailable}\n                />\n              </Field>\n            )\n          })}\n        </RadioGroup>\n      )}\n\n      {selectedMethod ? (\n        <div className=\"bg-muted/50 rounded-lg p-4 text-sm\">\n          <p className=\"font-medium\">{selectedMethod.name}</p>\n          {selectedMethod.description ? (\n            <p className=\"text-muted-foreground mt-1\">{selectedMethod.description}</p>\n          ) : null}\n          {selectedMethod.requiresSetup ? (\n            <p className=\"text-muted-foreground mt-1 text-xs\">{labels.requiresSetupLabel}</p>\n          ) : null}\n        </div>\n      ) : null}\n\n      <Field data-invalid={!!fieldErrors?.paymentMethod?.length}>\n        <CheckoutFieldFeedback\n          id=\"checkout-payment-method\"\n          errors={fieldErrors?.paymentMethod}\n          description={fieldDescriptions?.paymentMethod}\n        />\n      </Field>\n    </FieldSet>\n  )\n}\n"],"mappings":";AAmCM,cAkBY,YAlBZ;AAjCN,SAAS,OAAO,cAAc,YAAY,aAAa,gBAAgB;AACvE,SAAS,YAAY,sBAAsB;AAC3C,SAAS,6BAAgD;AAmBlD,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA;AACF,GAA6B;AAC3B,QAAM,iBAAiB,eAAe,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,aAAa;AAEzF,SACE,qBAAC,YACC;AAAA,wBAAC,eAAa,iBAAO,qBAAoB;AAAA,IACxC,eAAe,WAAW,IACzB,oBAAC,OAAE,WAAU,iCAAiC,iBAAO,uBAAsB,IAE3E;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,eAAe,CAAC,UAAU,SAAS,SAAS,iBAAiB,OAAO,KAAK,CAAC;AAAA,QAC1E,WAAU;AAAA,QAET,yBAAe,IAAI,CAAC,WAAW;AAC9B,gBAAM,cAAc,OAAO,cAAc;AACzC,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,aAAY;AAAA,cACZ,WAAU;AAAA,cAEV;AAAA,oCAAC,gBAAa,WAAU,WACtB,+BAAC,cAAW,SAAS,WAAW,OAAO,EAAE,IAAI,WAAU,yBACrD;AAAA,sCAAC,UAAM,iBAAO,MAAK;AAAA,kBAClB,OAAO,cACN,oBAAC,UAAK,WAAU,6CACb,iBAAO,aACV,IACE;AAAA,kBACH,cACC,oBAAC,UAAK,WAAU,6CACb,iBAAO,wBACV,IACE;AAAA,mBACN,GACF;AAAA,gBACA;AAAA,kBAAC;AAAA;AAAA,oBACC,OAAO,OAAO;AAAA,oBACd,IAAI,WAAW,OAAO,EAAE;AAAA,oBACxB,UAAU;AAAA;AAAA,gBACZ;AAAA;AAAA;AAAA,YAvBK,OAAO;AAAA,UAwBd;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA,IAGD,iBACC,qBAAC,SAAI,WAAU,sCACb;AAAA,0BAAC,OAAE,WAAU,eAAe,yBAAe,MAAK;AAAA,MAC/C,eAAe,cACd,oBAAC,OAAE,WAAU,8BAA8B,yBAAe,aAAY,IACpE;AAAA,MACH,eAAe,gBACd,oBAAC,OAAE,WAAU,sCAAsC,iBAAO,oBAAmB,IAC3E;AAAA,OACN,IACE;AAAA,IAEJ,oBAAC,SAAM,gBAAc,CAAC,CAAC,aAAa,eAAe,QACjD;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,QAAQ,aAAa;AAAA,QACrB,aAAa,mBAAmB;AAAA;AAAA,IAClC,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-progress.d.ts

@@ -0,0 +1,11 @@
+import type { CheckoutStepId } from './checkout';
+export interface CheckoutProgressProps {
+    steps: Array<{
+        id: CheckoutStepId;
+        label: string;
+    }>;
+    currentStep: CheckoutStepId;
+    ariaLabel: string;
+}
+export declare function CheckoutProgress({ steps, currentStep, ariaLabel }: CheckoutProgressProps): import("react").JSX.Element;
+//# sourceMappingURL=checkout-progress.d.ts.map

package/dist/blocks/e-commerce/checkout-forms/checkout-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-progress.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-progress.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEhD,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,cAAc,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnD,WAAW,EAAE,cAAc,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,qBAAqB,+BAiDxF"}

package/dist/blocks/e-commerce/checkout-forms/checkout-progress.js

@@ -0,0 +1,76 @@
+"use strict";
+"use client";
+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 checkout_progress_exports = {};
+__export(checkout_progress_exports, {
+  CheckoutProgress: () => CheckoutProgress
+});
+module.exports = __toCommonJS(checkout_progress_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_react = require("lucide-react");
+var import_utils = require("../../../lib/utils.js");
+function CheckoutProgress({ steps, currentStep, ariaLabel }) {
+  const currentIndex = steps.findIndex((step) => step.id === currentStep);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { "aria-label": ariaLabel, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", { className: "flex flex-wrap items-center justify-center gap-2", children: steps.map((step, index) => {
+    const isCurrent = step.id === currentStep;
+    const isComplete = index < currentIndex;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "li",
+      {
+        "aria-current": isCurrent ? "step" : void 0,
+        className: "flex items-center gap-2",
+        children: [
+          index > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: (0, import_utils.cn)("h-1 w-8 sm:w-16", isComplete || isCurrent ? "bg-primary" : "bg-muted")
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_utils.cn)(
+                "flex size-8 items-center justify-center rounded-full text-sm font-medium",
+                isComplete || isCurrent ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+              ),
+              children: isComplete ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { "aria-hidden": "true", className: "size-4" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "aria-hidden": "true", children: index + 1 })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "span",
+            {
+              className: (0, import_utils.cn)(
+                "text-sm",
+                isCurrent ? "font-medium text-foreground" : "text-muted-foreground"
+              ),
+              children: step.label
+            }
+          )
+        ]
+      },
+      step.id
+    );
+  }) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutProgress
+});
+//# sourceMappingURL=checkout-progress.js.map

package/dist/blocks/e-commerce/checkout-forms/checkout-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-progress.tsx"],"sourcesContent":["'use client'\n\nimport { Check } from 'lucide-react'\nimport { cn } from '../../../lib/utils'\nimport type { CheckoutStepId } from './checkout'\n\nexport interface CheckoutProgressProps {\n  steps: Array<{ id: CheckoutStepId; label: string }>\n  currentStep: CheckoutStepId\n  ariaLabel: string\n}\n\nexport function CheckoutProgress({ steps, currentStep, ariaLabel }: CheckoutProgressProps) {\n  const currentIndex = steps.findIndex((step) => step.id === currentStep)\n\n  return (\n    <nav aria-label={ariaLabel}>\n      <ol className=\"flex flex-wrap items-center justify-center gap-2\">\n        {steps.map((step, index) => {\n          const isCurrent = step.id === currentStep\n          const isComplete = index < currentIndex\n          return (\n            <li\n              key={step.id}\n              aria-current={isCurrent ? 'step' : undefined}\n              className=\"flex items-center gap-2\"\n            >\n              {index > 0 ? (\n                <div\n                  aria-hidden=\"true\"\n                  className={cn('h-1 w-8 sm:w-16', isComplete || isCurrent ? 'bg-primary' : 'bg-muted')}\n                />\n              ) : null}\n              <span\n                className={cn(\n                  'flex size-8 items-center justify-center rounded-full text-sm font-medium',\n                  isComplete || isCurrent\n                    ? 'bg-primary text-primary-foreground'\n                    : 'bg-muted text-muted-foreground',\n                )}\n              >\n                {isComplete ? (\n                  <Check aria-hidden=\"true\" className=\"size-4\" />\n                ) : (\n                  <span aria-hidden=\"true\">{index + 1}</span>\n                )}\n              </span>\n              <span\n                className={cn(\n                  'text-sm',\n                  isCurrent ? 'font-medium text-foreground' : 'text-muted-foreground',\n                )}\n              >\n                {step.label}\n              </span>\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBY;AApBZ,0BAAsB;AACtB,mBAAmB;AASZ,SAAS,iBAAiB,EAAE,OAAO,aAAa,UAAU,GAA0B;AACzF,QAAM,eAAe,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,WAAW;AAEtE,SACE,4CAAC,SAAI,cAAY,WACf,sDAAC,QAAG,WAAU,oDACX,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAM,YAAY,KAAK,OAAO;AAC9B,UAAM,aAAa,QAAQ;AAC3B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,gBAAc,YAAY,SAAS;AAAA,QACnC,WAAU;AAAA,QAET;AAAA,kBAAQ,IACP;AAAA,YAAC;AAAA;AAAA,cACC,eAAY;AAAA,cACZ,eAAW,iBAAG,mBAAmB,cAAc,YAAY,eAAe,UAAU;AAAA;AAAA,UACtF,IACE;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,gBACT;AAAA,gBACA,cAAc,YACV,uCACA;AAAA,cACN;AAAA,cAEC,uBACC,4CAAC,6BAAM,eAAY,QAAO,WAAU,UAAS,IAE7C,4CAAC,UAAK,eAAY,QAAQ,kBAAQ,GAAE;AAAA;AAAA,UAExC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,gBACT;AAAA,gBACA,YAAY,gCAAgC;AAAA,cAC9C;AAAA,cAEC,eAAK;AAAA;AAAA,UACR;AAAA;AAAA;AAAA,MA/BK,KAAK;AAAA,IAgCZ;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-progress.mjs

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Check } from "lucide-react";
+import { cn } from "../../../lib/utils.mjs";
+function CheckoutProgress({ steps, currentStep, ariaLabel }) {
+  const currentIndex = steps.findIndex((step) => step.id === currentStep);
+  return /* @__PURE__ */ jsx("nav", { "aria-label": ariaLabel, children: /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center justify-center gap-2", children: steps.map((step, index) => {
+    const isCurrent = step.id === currentStep;
+    const isComplete = index < currentIndex;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        "aria-current": isCurrent ? "step" : void 0,
+        className: "flex items-center gap-2",
+        children: [
+          index > 0 ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": "true",
+              className: cn("h-1 w-8 sm:w-16", isComplete || isCurrent ? "bg-primary" : "bg-muted")
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "flex size-8 items-center justify-center rounded-full text-sm font-medium",
+                isComplete || isCurrent ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"
+              ),
+              children: isComplete ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "size-4" }) : /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: index + 1 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-sm",
+                isCurrent ? "font-medium text-foreground" : "text-muted-foreground"
+              ),
+              children: step.label
+            }
+          )
+        ]
+      },
+      step.id
+    );
+  }) }) });
+}
+export {
+  CheckoutProgress
+};
+//# sourceMappingURL=checkout-progress.mjs.map

package/dist/blocks/e-commerce/checkout-forms/checkout-progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-progress.tsx"],"sourcesContent":["'use client'\n\nimport { Check } from 'lucide-react'\nimport { cn } from '../../../lib/utils'\nimport type { CheckoutStepId } from './checkout'\n\nexport interface CheckoutProgressProps {\n  steps: Array<{ id: CheckoutStepId; label: string }>\n  currentStep: CheckoutStepId\n  ariaLabel: string\n}\n\nexport function CheckoutProgress({ steps, currentStep, ariaLabel }: CheckoutProgressProps) {\n  const currentIndex = steps.findIndex((step) => step.id === currentStep)\n\n  return (\n    <nav aria-label={ariaLabel}>\n      <ol className=\"flex flex-wrap items-center justify-center gap-2\">\n        {steps.map((step, index) => {\n          const isCurrent = step.id === currentStep\n          const isComplete = index < currentIndex\n          return (\n            <li\n              key={step.id}\n              aria-current={isCurrent ? 'step' : undefined}\n              className=\"flex items-center gap-2\"\n            >\n              {index > 0 ? (\n                <div\n                  aria-hidden=\"true\"\n                  className={cn('h-1 w-8 sm:w-16', isComplete || isCurrent ? 'bg-primary' : 'bg-muted')}\n                />\n              ) : null}\n              <span\n                className={cn(\n                  'flex size-8 items-center justify-center rounded-full text-sm font-medium',\n                  isComplete || isCurrent\n                    ? 'bg-primary text-primary-foreground'\n                    : 'bg-muted text-muted-foreground',\n                )}\n              >\n                {isComplete ? (\n                  <Check aria-hidden=\"true\" className=\"size-4\" />\n                ) : (\n                  <span aria-hidden=\"true\">{index + 1}</span>\n                )}\n              </span>\n              <span\n                className={cn(\n                  'text-sm',\n                  isCurrent ? 'font-medium text-foreground' : 'text-muted-foreground',\n                )}\n              >\n                {step.label}\n              </span>\n            </li>\n          )\n        })}\n      </ol>\n    </nav>\n  )\n}\n"],"mappings":";AAsBY,SAMI,KANJ;AApBZ,SAAS,aAAa;AACtB,SAAS,UAAU;AASZ,SAAS,iBAAiB,EAAE,OAAO,aAAa,UAAU,GAA0B;AACzF,QAAM,eAAe,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,WAAW;AAEtE,SACE,oBAAC,SAAI,cAAY,WACf,8BAAC,QAAG,WAAU,oDACX,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAM,YAAY,KAAK,OAAO;AAC9B,UAAM,aAAa,QAAQ;AAC3B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,gBAAc,YAAY,SAAS;AAAA,QACnC,WAAU;AAAA,QAET;AAAA,kBAAQ,IACP;AAAA,YAAC;AAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAW,GAAG,mBAAmB,cAAc,YAAY,eAAe,UAAU;AAAA;AAAA,UACtF,IACE;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,cAAc,YACV,uCACA;AAAA,cACN;AAAA,cAEC,uBACC,oBAAC,SAAM,eAAY,QAAO,WAAU,UAAS,IAE7C,oBAAC,UAAK,eAAY,QAAQ,kBAAQ,GAAE;AAAA;AAAA,UAExC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,YAAY,gCAAgC;AAAA,cAC9C;AAAA,cAEC,eAAK;AAAA;AAAA,UACR;AAAA;AAAA;AAAA,MA/BK,KAAK;AAAA,IAgCZ;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-review-step.d.ts

@@ -0,0 +1,11 @@
+import type { PaymentMethod } from '@thorprovider/types';
+import type { CheckoutLabels, CheckoutShippingOption, CheckoutValues } from './checkout';
+export interface CheckoutReviewStepProps {
+    values: CheckoutValues;
+    labels: CheckoutLabels;
+    selectedShippingOptionId?: string;
+    shippingOptions?: CheckoutShippingOption[];
+    paymentMethods?: PaymentMethod[];
+}
+export declare function CheckoutReviewStep({ values, labels, selectedShippingOptionId, shippingOptions, paymentMethods, }: CheckoutReviewStepProps): import("react").JSX.Element;
+//# sourceMappingURL=checkout-review-step.d.ts.map

package/dist/blocks/e-commerce/checkout-forms/checkout-review-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-review-step.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-review-step.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAExF,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,cAAc,CAAA;IACtB,MAAM,EAAE,cAAc,CAAA;IACtB,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC1C,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;CACjC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,MAAM,EACN,wBAAwB,EACxB,eAAe,EACf,cAAc,GACf,EAAE,uBAAuB,+BAuCzB"}

package/dist/blocks/e-commerce/checkout-forms/checkout-review-step.js

@@ -0,0 +1,64 @@
+"use strict";
+"use client";
+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 checkout_review_step_exports = {};
+__export(checkout_review_step_exports, {
+  CheckoutReviewStep: () => CheckoutReviewStep
+});
+module.exports = __toCommonJS(checkout_review_step_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function CheckoutReviewStep({
+  values,
+  labels,
+  selectedShippingOptionId,
+  shippingOptions,
+  paymentMethods
+}) {
+  const shippingName = shippingOptions?.find(
+    (method) => method.id === selectedShippingOptionId
+  )?.name;
+  const paymentName = paymentMethods?.find((method) => method.id === values.paymentMethod)?.name;
+  const shipTo = [
+    [values.firstName, values.lastName].filter(Boolean).join(" "),
+    values.address,
+    [values.city, values.state, values.zipCode].filter(Boolean).join(" "),
+    values.country
+  ].filter(Boolean).join(", ");
+  const rows = [
+    { label: labels.reviewContactLabel, value: values.email },
+    { label: labels.reviewShipToLabel, value: shipTo },
+    { label: labels.reviewPaymentLabel, value: paymentName ?? "" },
+    { label: labels.reviewShippingLabel, value: shippingName ?? "" }
+  ].filter((row) => row.value.trim() !== "");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "bg-muted/50 rounded-lg p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "mb-4 font-medium", children: labels.reviewHeading }),
+    rows.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground text-sm", children: labels.reviewEmptyLabel }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", { className: "flex flex-col gap-4 text-sm", children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("dt", { className: "inline font-medium", children: [
+        row.label,
+        ": "
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dd", { className: "inline", children: row.value })
+    ] }, row.label)) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutReviewStep
+});
+//# sourceMappingURL=checkout-review-step.js.map

package/dist/blocks/e-commerce/checkout-forms/checkout-review-step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-review-step.tsx"],"sourcesContent":["'use client'\n\nimport type { PaymentMethod } from '@thorprovider/types'\nimport type { CheckoutLabels, CheckoutShippingOption, CheckoutValues } from './checkout'\n\nexport interface CheckoutReviewStepProps {\n  values: CheckoutValues\n  labels: CheckoutLabels\n  selectedShippingOptionId?: string\n  shippingOptions?: CheckoutShippingOption[]\n  paymentMethods?: PaymentMethod[]\n}\n\nexport function CheckoutReviewStep({\n  values,\n  labels,\n  selectedShippingOptionId,\n  shippingOptions,\n  paymentMethods,\n}: CheckoutReviewStepProps) {\n  const shippingName = shippingOptions?.find(\n    (method) => method.id === selectedShippingOptionId,\n  )?.name\n  const paymentName = paymentMethods?.find((method) => method.id === values.paymentMethod)?.name\n\n  const shipTo = [\n    [values.firstName, values.lastName].filter(Boolean).join(' '),\n    values.address,\n    [values.city, values.state, values.zipCode].filter(Boolean).join(' '),\n    values.country,\n  ]\n    .filter(Boolean)\n    .join(', ')\n\n  const rows = [\n    { label: labels.reviewContactLabel, value: values.email },\n    { label: labels.reviewShipToLabel, value: shipTo },\n    { label: labels.reviewPaymentLabel, value: paymentName ?? '' },\n    { label: labels.reviewShippingLabel, value: shippingName ?? '' },\n  ].filter((row) => row.value.trim() !== '')\n\n  return (\n    <div className=\"bg-muted/50 rounded-lg p-6\">\n      <h3 className=\"mb-4 font-medium\">{labels.reviewHeading}</h3>\n      {rows.length === 0 ? (\n        <p className=\"text-muted-foreground text-sm\">{labels.reviewEmptyLabel}</p>\n      ) : (\n        <dl className=\"flex flex-col gap-4 text-sm\">\n          {rows.map((row) => (\n            <div key={row.label}>\n              <dt className=\"inline font-medium\">{row.label}: </dt>\n              <dd className=\"inline\">{row.value}</dd>\n            </div>\n          ))}\n        </dl>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CM;AA9BC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,iBAAiB;AAAA,IACpC,CAAC,WAAW,OAAO,OAAO;AAAA,EAC5B,GAAG;AACH,QAAM,cAAc,gBAAgB,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,aAAa,GAAG;AAE1F,QAAM,SAAS;AAAA,IACb,CAAC,OAAO,WAAW,OAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAC5D,OAAO;AAAA,IACP,CAAC,OAAO,MAAM,OAAO,OAAO,OAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACpE,OAAO;AAAA,EACT,EACG,OAAO,OAAO,EACd,KAAK,IAAI;AAEZ,QAAM,OAAO;AAAA,IACX,EAAE,OAAO,OAAO,oBAAoB,OAAO,OAAO,MAAM;AAAA,IACxD,EAAE,OAAO,OAAO,mBAAmB,OAAO,OAAO;AAAA,IACjD,EAAE,OAAO,OAAO,oBAAoB,OAAO,eAAe,GAAG;AAAA,IAC7D,EAAE,OAAO,OAAO,qBAAqB,OAAO,gBAAgB,GAAG;AAAA,EACjE,EAAE,OAAO,CAAC,QAAQ,IAAI,MAAM,KAAK,MAAM,EAAE;AAEzC,SACE,6CAAC,SAAI,WAAU,8BACb;AAAA,gDAAC,QAAG,WAAU,oBAAoB,iBAAO,eAAc;AAAA,IACtD,KAAK,WAAW,IACf,4CAAC,OAAE,WAAU,iCAAiC,iBAAO,kBAAiB,IAEtE,4CAAC,QAAG,WAAU,+BACX,eAAK,IAAI,CAAC,QACT,6CAAC,SACC;AAAA,mDAAC,QAAG,WAAU,sBAAsB;AAAA,YAAI;AAAA,QAAM;AAAA,SAAE;AAAA,MAChD,4CAAC,QAAG,WAAU,UAAU,cAAI,OAAM;AAAA,SAF1B,IAAI,KAGd,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-review-step.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CheckoutReviewStep({
+  values,
+  labels,
+  selectedShippingOptionId,
+  shippingOptions,
+  paymentMethods
+}) {
+  const shippingName = shippingOptions?.find(
+    (method) => method.id === selectedShippingOptionId
+  )?.name;
+  const paymentName = paymentMethods?.find((method) => method.id === values.paymentMethod)?.name;
+  const shipTo = [
+    [values.firstName, values.lastName].filter(Boolean).join(" "),
+    values.address,
+    [values.city, values.state, values.zipCode].filter(Boolean).join(" "),
+    values.country
+  ].filter(Boolean).join(", ");
+  const rows = [
+    { label: labels.reviewContactLabel, value: values.email },
+    { label: labels.reviewShipToLabel, value: shipTo },
+    { label: labels.reviewPaymentLabel, value: paymentName ?? "" },
+    { label: labels.reviewShippingLabel, value: shippingName ?? "" }
+  ].filter((row) => row.value.trim() !== "");
+  return /* @__PURE__ */ jsxs("div", { className: "bg-muted/50 rounded-lg p-6", children: [
+    /* @__PURE__ */ jsx("h3", { className: "mb-4 font-medium", children: labels.reviewHeading }),
+    rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: labels.reviewEmptyLabel }) : /* @__PURE__ */ jsx("dl", { className: "flex flex-col gap-4 text-sm", children: rows.map((row) => /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("dt", { className: "inline font-medium", children: [
+        row.label,
+        ": "
+      ] }),
+      /* @__PURE__ */ jsx("dd", { className: "inline", children: row.value })
+    ] }, row.label)) })
+  ] });
+}
+export {
+  CheckoutReviewStep
+};
+//# sourceMappingURL=checkout-review-step.mjs.map

package/dist/blocks/e-commerce/checkout-forms/checkout-review-step.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-review-step.tsx"],"sourcesContent":["'use client'\n\nimport type { PaymentMethod } from '@thorprovider/types'\nimport type { CheckoutLabels, CheckoutShippingOption, CheckoutValues } from './checkout'\n\nexport interface CheckoutReviewStepProps {\n  values: CheckoutValues\n  labels: CheckoutLabels\n  selectedShippingOptionId?: string\n  shippingOptions?: CheckoutShippingOption[]\n  paymentMethods?: PaymentMethod[]\n}\n\nexport function CheckoutReviewStep({\n  values,\n  labels,\n  selectedShippingOptionId,\n  shippingOptions,\n  paymentMethods,\n}: CheckoutReviewStepProps) {\n  const shippingName = shippingOptions?.find(\n    (method) => method.id === selectedShippingOptionId,\n  )?.name\n  const paymentName = paymentMethods?.find((method) => method.id === values.paymentMethod)?.name\n\n  const shipTo = [\n    [values.firstName, values.lastName].filter(Boolean).join(' '),\n    values.address,\n    [values.city, values.state, values.zipCode].filter(Boolean).join(' '),\n    values.country,\n  ]\n    .filter(Boolean)\n    .join(', ')\n\n  const rows = [\n    { label: labels.reviewContactLabel, value: values.email },\n    { label: labels.reviewShipToLabel, value: shipTo },\n    { label: labels.reviewPaymentLabel, value: paymentName ?? '' },\n    { label: labels.reviewShippingLabel, value: shippingName ?? '' },\n  ].filter((row) => row.value.trim() !== '')\n\n  return (\n    <div className=\"bg-muted/50 rounded-lg p-6\">\n      <h3 className=\"mb-4 font-medium\">{labels.reviewHeading}</h3>\n      {rows.length === 0 ? (\n        <p className=\"text-muted-foreground text-sm\">{labels.reviewEmptyLabel}</p>\n      ) : (\n        <dl className=\"flex flex-col gap-4 text-sm\">\n          {rows.map((row) => (\n            <div key={row.label}>\n              <dt className=\"inline font-medium\">{row.label}: </dt>\n              <dd className=\"inline\">{row.value}</dd>\n            </div>\n          ))}\n        </dl>\n      )}\n    </div>\n  )\n}\n"],"mappings":";AA2CM,cAOQ,YAPR;AA9BC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA4B;AAC1B,QAAM,eAAe,iBAAiB;AAAA,IACpC,CAAC,WAAW,OAAO,OAAO;AAAA,EAC5B,GAAG;AACH,QAAM,cAAc,gBAAgB,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,aAAa,GAAG;AAE1F,QAAM,SAAS;AAAA,IACb,CAAC,OAAO,WAAW,OAAO,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IAC5D,OAAO;AAAA,IACP,CAAC,OAAO,MAAM,OAAO,OAAO,OAAO,OAAO,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,IACpE,OAAO;AAAA,EACT,EACG,OAAO,OAAO,EACd,KAAK,IAAI;AAEZ,QAAM,OAAO;AAAA,IACX,EAAE,OAAO,OAAO,oBAAoB,OAAO,OAAO,MAAM;AAAA,IACxD,EAAE,OAAO,OAAO,mBAAmB,OAAO,OAAO;AAAA,IACjD,EAAE,OAAO,OAAO,oBAAoB,OAAO,eAAe,GAAG;AAAA,IAC7D,EAAE,OAAO,OAAO,qBAAqB,OAAO,gBAAgB,GAAG;AAAA,EACjE,EAAE,OAAO,CAAC,QAAQ,IAAI,MAAM,KAAK,MAAM,EAAE;AAEzC,SACE,qBAAC,SAAI,WAAU,8BACb;AAAA,wBAAC,QAAG,WAAU,oBAAoB,iBAAO,eAAc;AAAA,IACtD,KAAK,WAAW,IACf,oBAAC,OAAE,WAAU,iCAAiC,iBAAO,kBAAiB,IAEtE,oBAAC,QAAG,WAAU,+BACX,eAAK,IAAI,CAAC,QACT,qBAAC,SACC;AAAA,2BAAC,QAAG,WAAU,sBAAsB;AAAA,YAAI;AAAA,QAAM;AAAA,SAAE;AAAA,MAChD,oBAAC,QAAG,WAAU,UAAU,cAAI,OAAM;AAAA,SAF1B,IAAI,KAGd,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-shipping-step.d.ts

@@ -0,0 +1,17 @@
+import type { Money } from '@thorprovider/types';
+import type { CheckoutChangeHandler, CheckoutCountryOption, CheckoutFieldDescriptions, CheckoutValuesFieldErrors, CheckoutLabels, CheckoutShippingOption, CheckoutValues } from './checkout';
+export interface CheckoutShippingStepProps {
+    values: CheckoutValues;
+    onChange: CheckoutChangeHandler;
+    labels: CheckoutLabels;
+    countries?: CheckoutCountryOption[];
+    shippingOptions?: CheckoutShippingOption[];
+    selectedShippingOptionId?: string;
+    onSelectShippingOption?: (id: string) => void;
+    /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */
+    formatMoney?: (money: Money) => string;
+    fieldErrors?: CheckoutValuesFieldErrors;
+    fieldDescriptions?: CheckoutFieldDescriptions;
+}
+export declare function CheckoutShippingStep({ values, onChange, labels, countries, shippingOptions, selectedShippingOptionId, onSelectShippingOption, formatMoney: formatMoneyProp, fieldErrors, fieldDescriptions, }: CheckoutShippingStepProps): import("react").JSX.Element;
+//# sourceMappingURL=checkout-shipping-step.d.ts.map

package/dist/blocks/e-commerce/checkout-forms/checkout-shipping-step.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-shipping-step.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-shipping-step.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAA;AAGhD,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACrB,yBAAyB,EACzB,yBAAyB,EACzB,cAAc,EACd,sBAAsB,EACtB,cAAc,EACf,MAAM,YAAY,CAAA;AAEnB,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,cAAc,CAAA;IACtB,QAAQ,EAAE,qBAAqB,CAAA;IAC/B,MAAM,EAAE,cAAc,CAAA;IACtB,SAAS,CAAC,EAAE,qBAAqB,EAAE,CAAA;IACnC,eAAe,CAAC,EAAE,sBAAsB,EAAE,CAAA;IAC1C,wBAAwB,CAAC,EAAE,MAAM,CAAA;IACjC,sBAAsB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7C,sFAAsF;IACtF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAA;IACtC,WAAW,CAAC,EAAE,yBAAyB,CAAA;IACvC,iBAAiB,CAAC,EAAE,yBAAyB,CAAA;CAC9C;AAED,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,QAAQ,EACR,MAAM,EACN,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,sBAAsB,EACtB,WAAW,EAAE,eAAe,EAC5B,WAAW,EACX,iBAAiB,GAClB,EAAE,yBAAyB,+BAuI3B"}

package/dist/blocks/e-commerce/checkout-forms/checkout-shipping-step.js

@@ -0,0 +1,199 @@
+"use strict";
+"use client";
+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 checkout_shipping_step_exports = {};
+__export(checkout_shipping_step_exports, {
+  CheckoutShippingStep: () => CheckoutShippingStep
+});
+module.exports = __toCommonJS(checkout_shipping_step_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_field = require("../../../ui/field.js");
+var import_input = require("../../../ui/input.js");
+var import_radio_group = require("../../../ui/radio-group.js");
+var import_money = require("../../../lib/money.js");
+var import_checkout_field_feedback = require("./checkout-field-feedback.js");
+var import_checkout_country_field = require("./checkout-country-field.js");
+function CheckoutShippingStep({
+  values,
+  onChange,
+  labels,
+  countries,
+  shippingOptions,
+  selectedShippingOptionId,
+  onSelectShippingOption,
+  formatMoney: formatMoneyProp,
+  fieldErrors,
+  fieldDescriptions
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldGroup, { className: "grid grid-cols-1 gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.address?.length, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-address", children: labels.addressLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        {
+          id: "checkout-address",
+          autoComplete: "street-address",
+          value: values.address,
+          onChange: (e) => onChange("address", e.target.value),
+          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-address", fieldErrors?.address)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_checkout_field_feedback.CheckoutFieldFeedback,
+        {
+          id: "checkout-address",
+          errors: fieldErrors?.address,
+          description: fieldDescriptions?.address
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.city?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-city", children: labels.cityLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: "checkout-city",
+            autoComplete: "address-level2",
+            value: values.city,
+            onChange: (e) => onChange("city", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-city", fieldErrors?.city)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: "checkout-city",
+            errors: fieldErrors?.city,
+            description: fieldDescriptions?.city
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.state?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-state", children: labels.stateLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: "checkout-state",
+            autoComplete: "address-level1",
+            value: values.state,
+            onChange: (e) => onChange("state", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-state", fieldErrors?.state)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: "checkout-state",
+            errors: fieldErrors?.state,
+            description: fieldDescriptions?.state
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.zipCode?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-zip", children: labels.zipCodeLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: "checkout-zip",
+            autoComplete: "postal-code",
+            value: values.zipCode,
+            onChange: (e) => onChange("zipCode", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-zip", fieldErrors?.zipCode)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: "checkout-zip",
+            errors: fieldErrors?.zipCode,
+            description: fieldDescriptions?.zipCode
+          }
+        )
+      ] }),
+      countries && countries.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_checkout_country_field.CheckoutCountryField,
+        {
+          labels,
+          countries,
+          value: values.country,
+          onValueChange: (value) => onChange("country", value),
+          errors: fieldErrors?.country,
+          description: fieldDescriptions?.country
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.country?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-country-input", children: labels.countryLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: "checkout-country-input",
+            autoComplete: "country-name",
+            value: values.country,
+            onChange: (e) => onChange("country", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-country-input", fieldErrors?.country)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: "checkout-country-input",
+            errors: fieldErrors?.country,
+            description: fieldDescriptions?.country
+          }
+        )
+      ] })
+    ] }),
+    shippingOptions && shippingOptions.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldSet, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLegend, { children: labels.shippingMethodLegend }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_radio_group.RadioGroup,
+        {
+          value: selectedShippingOptionId ?? "",
+          onValueChange: (value) => value && onSelectShippingOption?.(String(value)),
+          className: "grid grid-cols-1 gap-3",
+          children: shippingOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_field.Field,
+            {
+              orientation: "horizontal",
+              className: "flex-wrap items-start justify-between gap-3 rounded-lg border p-4",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldContent, { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldLabel, { htmlFor: `shipping-${option.id}`, className: "flex flex-col gap-0.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: option.name }),
+                  option.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-muted-foreground text-xs font-normal", children: option.description }) : null
+                ] }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center gap-3", children: [
+                  (0, import_money.isAvailableMoney)(option.price) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm tabular-nums", children: (0, import_money.formatMoney)(option.price, formatMoneyProp) }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_radio_group.RadioGroupItem, { value: option.id, id: `shipping-${option.id}` })
+                ] })
+              ]
+            },
+            option.id
+          ))
+        }
+      )
+    ] }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutShippingStep
+});
+//# sourceMappingURL=checkout-shipping-step.js.map

package/dist/blocks/e-commerce/checkout-forms/checkout-shipping-step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-shipping-step.tsx"],"sourcesContent":["'use client'\n\nimport { Field, FieldContent, FieldGroup, FieldLabel, FieldLegend, FieldSet } from '../../../ui/field'\nimport { Input } from '../../../ui/input'\nimport { RadioGroup, RadioGroupItem } from '../../../ui/radio-group'\nimport { formatMoney, isAvailableMoney } from '../../../lib/money'\nimport type { Money } from '@thorprovider/types'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport { CheckoutCountryField } from './checkout-country-field'\nimport type {\n  CheckoutChangeHandler,\n  CheckoutCountryOption,\n  CheckoutFieldDescriptions,\n  CheckoutValuesFieldErrors,\n  CheckoutLabels,\n  CheckoutShippingOption,\n  CheckoutValues,\n} from './checkout'\n\nexport interface CheckoutShippingStepProps {\n  values: CheckoutValues\n  onChange: CheckoutChangeHandler\n  labels: CheckoutLabels\n  countries?: CheckoutCountryOption[]\n  shippingOptions?: CheckoutShippingOption[]\n  selectedShippingOptionId?: string\n  onSelectShippingOption?: (id: string) => void\n  /** Override money formatting (locale, currency). Defaults to `Money.currencyCode`. */\n  formatMoney?: (money: Money) => string\n  fieldErrors?: CheckoutValuesFieldErrors\n  fieldDescriptions?: CheckoutFieldDescriptions\n}\n\nexport function CheckoutShippingStep({\n  values,\n  onChange,\n  labels,\n  countries,\n  shippingOptions,\n  selectedShippingOptionId,\n  onSelectShippingOption,\n  formatMoney: formatMoneyProp,\n  fieldErrors,\n  fieldDescriptions,\n}: CheckoutShippingStepProps) {\n  return (\n    <FieldGroup className=\"grid grid-cols-1 gap-4\">\n      <Field data-invalid={!!fieldErrors?.address?.length}>\n        <FieldLabel htmlFor=\"checkout-address\">{labels.addressLabel}</FieldLabel>\n        <Input\n          id=\"checkout-address\"\n          autoComplete=\"street-address\"\n          value={values.address}\n          onChange={(e) => onChange('address', e.target.value)}\n          {...checkoutFieldAria('checkout-address', fieldErrors?.address)}\n        />\n        <CheckoutFieldFeedback\n          id=\"checkout-address\"\n          errors={fieldErrors?.address}\n          description={fieldDescriptions?.address}\n        />\n      </Field>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <Field data-invalid={!!fieldErrors?.city?.length}>\n          <FieldLabel htmlFor=\"checkout-city\">{labels.cityLabel}</FieldLabel>\n          <Input\n            id=\"checkout-city\"\n            autoComplete=\"address-level2\"\n            value={values.city}\n            onChange={(e) => onChange('city', e.target.value)}\n            {...checkoutFieldAria('checkout-city', fieldErrors?.city)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-city\"\n            errors={fieldErrors?.city}\n            description={fieldDescriptions?.city}\n          />\n        </Field>\n        <Field data-invalid={!!fieldErrors?.state?.length}>\n          <FieldLabel htmlFor=\"checkout-state\">{labels.stateLabel}</FieldLabel>\n          <Input\n            id=\"checkout-state\"\n            autoComplete=\"address-level1\"\n            value={values.state}\n            onChange={(e) => onChange('state', e.target.value)}\n            {...checkoutFieldAria('checkout-state', fieldErrors?.state)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-state\"\n            errors={fieldErrors?.state}\n            description={fieldDescriptions?.state}\n          />\n        </Field>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <Field data-invalid={!!fieldErrors?.zipCode?.length}>\n          <FieldLabel htmlFor=\"checkout-zip\">{labels.zipCodeLabel}</FieldLabel>\n          <Input\n            id=\"checkout-zip\"\n            autoComplete=\"postal-code\"\n            value={values.zipCode}\n            onChange={(e) => onChange('zipCode', e.target.value)}\n            {...checkoutFieldAria('checkout-zip', fieldErrors?.zipCode)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-zip\"\n            errors={fieldErrors?.zipCode}\n            description={fieldDescriptions?.zipCode}\n          />\n        </Field>\n        {countries && countries.length > 0 ? (\n          <CheckoutCountryField\n            labels={labels}\n            countries={countries}\n            value={values.country}\n            onValueChange={(value) => onChange('country', value)}\n            errors={fieldErrors?.country}\n            description={fieldDescriptions?.country}\n          />\n        ) : (\n          <Field data-invalid={!!fieldErrors?.country?.length}>\n            <FieldLabel htmlFor=\"checkout-country-input\">{labels.countryLabel}</FieldLabel>\n            <Input\n              id=\"checkout-country-input\"\n              autoComplete=\"country-name\"\n              value={values.country}\n              onChange={(e) => onChange('country', e.target.value)}\n              {...checkoutFieldAria('checkout-country-input', fieldErrors?.country)}\n            />\n            <CheckoutFieldFeedback\n              id=\"checkout-country-input\"\n              errors={fieldErrors?.country}\n              description={fieldDescriptions?.country}\n            />\n          </Field>\n        )}\n      </div>\n\n      {shippingOptions && shippingOptions.length > 0 ? (\n        <FieldSet>\n          <FieldLegend>{labels.shippingMethodLegend}</FieldLegend>\n          <RadioGroup\n            value={selectedShippingOptionId ?? ''}\n            onValueChange={(value) => value && onSelectShippingOption?.(String(value))}\n            className=\"grid grid-cols-1 gap-3\"\n          >\n            {shippingOptions.map((option) => (\n              <Field\n                key={option.id}\n                orientation=\"horizontal\"\n                className=\"flex-wrap items-start justify-between gap-3 rounded-lg border p-4\"\n              >\n                <FieldContent className=\"min-w-0\">\n                  <FieldLabel htmlFor={`shipping-${option.id}`} className=\"flex flex-col gap-0.5\">\n                    <span>{option.name}</span>\n                    {option.description ? (\n                      <span className=\"text-muted-foreground text-xs font-normal\">\n                        {option.description}\n                      </span>\n                    ) : null}\n                  </FieldLabel>\n                </FieldContent>\n                <div className=\"flex items-center gap-3\">\n                  {isAvailableMoney(option.price) ? (\n                    <span className=\"text-sm tabular-nums\">\n                      {formatMoney(option.price, formatMoneyProp)}\n                    </span>\n                  ) : null}\n                  <RadioGroupItem value={option.id} id={`shipping-${option.id}`} />\n                </div>\n              </Field>\n            ))}\n          </RadioGroup>\n        </FieldSet>\n      ) : null}\n    </FieldGroup>\n  )\n}\n"],"mappings":"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","names":[]}