@thorprovider/blocks 1.0.0 → 3.0.0

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

@@ -0,0 +1,180 @@
+"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_contact_step_exports = {};
+__export(checkout_contact_step_exports, {
+  CheckoutContactStep: () => CheckoutContactStep
+});
+module.exports = __toCommonJS(checkout_contact_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_checkbox_check = require("./checkbox-check.js");
+var import_checkout_field_feedback = require("./checkout-field-feedback.js");
+function CheckoutContactStep({
+  values,
+  onChange,
+  labels,
+  showSaveInfo,
+  showNewsletter,
+  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?.email?.length, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-email", children: labels.emailLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        {
+          id: "checkout-email",
+          type: "email",
+          inputMode: "email",
+          autoComplete: "email",
+          value: values.email,
+          onChange: (e) => onChange("email", e.target.value),
+          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-email", fieldErrors?.email)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_checkout_field_feedback.CheckoutFieldFeedback,
+        {
+          id: "checkout-email",
+          errors: fieldErrors?.email,
+          description: fieldDescriptions?.email
+        }
+      )
+    ] }),
+    /* @__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?.firstName?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-first-name", children: labels.firstNameLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: "checkout-first-name",
+            autoComplete: "given-name",
+            value: values.firstName,
+            onChange: (e) => onChange("firstName", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-first-name", fieldErrors?.firstName)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: "checkout-first-name",
+            errors: fieldErrors?.firstName,
+            description: fieldDescriptions?.firstName
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.lastName?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-last-name", children: labels.lastNameLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: "checkout-last-name",
+            autoComplete: "family-name",
+            value: values.lastName,
+            onChange: (e) => onChange("lastName", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-last-name", fieldErrors?.lastName)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: "checkout-last-name",
+            errors: fieldErrors?.lastName,
+            description: fieldDescriptions?.lastName
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!fieldErrors?.phone?.length, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-phone", children: labels.phoneLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_input.Input,
+        {
+          id: "checkout-phone",
+          type: "tel",
+          inputMode: "tel",
+          autoComplete: "tel",
+          value: values.phone,
+          onChange: (e) => onChange("phone", e.target.value),
+          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-phone", fieldErrors?.phone)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_checkout_field_feedback.CheckoutFieldFeedback,
+        {
+          id: "checkout-phone",
+          errors: fieldErrors?.phone,
+          description: fieldDescriptions?.phone
+        }
+      )
+    ] }),
+    showSaveInfo ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { orientation: "horizontal", className: "gap-2", "data-invalid": !!fieldErrors?.saveInfo?.length, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_checkbox_check.CheckboxCheck,
+        {
+          id: "checkout-save-info",
+          checked: values.saveInfo,
+          onCheckedChange: (checked) => onChange("saveInfo", checked === true),
+          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-save-info", fieldErrors?.saveInfo)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-save-info", className: "text-sm font-normal", children: labels.saveInfoLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: "checkout-save-info",
+            errors: fieldErrors?.saveInfo,
+            description: fieldDescriptions?.saveInfo
+          }
+        )
+      ] })
+    ] }) : null,
+    showNewsletter ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { orientation: "horizontal", className: "gap-2", "data-invalid": !!fieldErrors?.newsletter?.length, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_checkbox_check.CheckboxCheck,
+        {
+          id: "checkout-newsletter",
+          checked: values.newsletter,
+          onCheckedChange: (checked) => onChange("newsletter", checked === true),
+          ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-newsletter", fieldErrors?.newsletter)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-newsletter", className: "text-sm font-normal", children: labels.newsletterLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: "checkout-newsletter",
+            errors: fieldErrors?.newsletter,
+            description: fieldDescriptions?.newsletter
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutContactStep
+});
+//# sourceMappingURL=checkout-contact-step.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-contact-step.tsx"],"sourcesContent":["'use client'\n\nimport { Field, FieldContent, FieldGroup, FieldLabel } from '../../../ui/field'\nimport { Input } from '../../../ui/input'\nimport { CheckboxCheck } from './checkbox-check'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport type {\n  CheckoutChangeHandler,\n  CheckoutFieldDescriptions,\n  CheckoutValuesFieldErrors,\n  CheckoutLabels,\n  CheckoutValues,\n} from './checkout'\n\nexport interface CheckoutContactStepProps {\n  values: CheckoutValues\n  onChange: CheckoutChangeHandler\n  labels: CheckoutLabels\n  /** Rendered only when the host supplies the corresponding label. */\n  showSaveInfo: boolean\n  showNewsletter: boolean\n  fieldErrors?: CheckoutValuesFieldErrors\n  fieldDescriptions?: CheckoutFieldDescriptions\n}\n\nexport function CheckoutContactStep({\n  values,\n  onChange,\n  labels,\n  showSaveInfo,\n  showNewsletter,\n  fieldErrors,\n  fieldDescriptions,\n}: CheckoutContactStepProps) {\n  return (\n    <FieldGroup className=\"grid grid-cols-1 gap-4\">\n      <Field data-invalid={!!fieldErrors?.email?.length}>\n        <FieldLabel htmlFor=\"checkout-email\">{labels.emailLabel}</FieldLabel>\n        <Input\n          id=\"checkout-email\"\n          type=\"email\"\n          inputMode=\"email\"\n          autoComplete=\"email\"\n          value={values.email}\n          onChange={(e) => onChange('email', e.target.value)}\n          {...checkoutFieldAria('checkout-email', fieldErrors?.email)}\n        />\n        <CheckoutFieldFeedback\n          id=\"checkout-email\"\n          errors={fieldErrors?.email}\n          description={fieldDescriptions?.email}\n        />\n      </Field>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <Field data-invalid={!!fieldErrors?.firstName?.length}>\n          <FieldLabel htmlFor=\"checkout-first-name\">{labels.firstNameLabel}</FieldLabel>\n          <Input\n            id=\"checkout-first-name\"\n            autoComplete=\"given-name\"\n            value={values.firstName}\n            onChange={(e) => onChange('firstName', e.target.value)}\n            {...checkoutFieldAria('checkout-first-name', fieldErrors?.firstName)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-first-name\"\n            errors={fieldErrors?.firstName}\n            description={fieldDescriptions?.firstName}\n          />\n        </Field>\n        <Field data-invalid={!!fieldErrors?.lastName?.length}>\n          <FieldLabel htmlFor=\"checkout-last-name\">{labels.lastNameLabel}</FieldLabel>\n          <Input\n            id=\"checkout-last-name\"\n            autoComplete=\"family-name\"\n            value={values.lastName}\n            onChange={(e) => onChange('lastName', e.target.value)}\n            {...checkoutFieldAria('checkout-last-name', fieldErrors?.lastName)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-last-name\"\n            errors={fieldErrors?.lastName}\n            description={fieldDescriptions?.lastName}\n          />\n        </Field>\n      </div>\n\n      <Field data-invalid={!!fieldErrors?.phone?.length}>\n        <FieldLabel htmlFor=\"checkout-phone\">{labels.phoneLabel}</FieldLabel>\n        <Input\n          id=\"checkout-phone\"\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          value={values.phone}\n          onChange={(e) => onChange('phone', e.target.value)}\n          {...checkoutFieldAria('checkout-phone', fieldErrors?.phone)}\n        />\n        <CheckoutFieldFeedback\n          id=\"checkout-phone\"\n          errors={fieldErrors?.phone}\n          description={fieldDescriptions?.phone}\n        />\n      </Field>\n\n      {showSaveInfo ? (\n        <Field orientation=\"horizontal\" className=\"gap-2\" data-invalid={!!fieldErrors?.saveInfo?.length}>\n          <CheckboxCheck\n            id=\"checkout-save-info\"\n            checked={values.saveInfo}\n            onCheckedChange={(checked) => onChange('saveInfo', checked === true)}\n            {...checkoutFieldAria('checkout-save-info', fieldErrors?.saveInfo)}\n          />\n          <FieldContent>\n            <FieldLabel htmlFor=\"checkout-save-info\" className=\"text-sm font-normal\">\n              {labels.saveInfoLabel}\n            </FieldLabel>\n            <CheckoutFieldFeedback\n              id=\"checkout-save-info\"\n              errors={fieldErrors?.saveInfo}\n              description={fieldDescriptions?.saveInfo}\n            />\n          </FieldContent>\n        </Field>\n      ) : null}\n\n      {showNewsletter ? (\n        <Field orientation=\"horizontal\" className=\"gap-2\" data-invalid={!!fieldErrors?.newsletter?.length}>\n          <CheckboxCheck\n            id=\"checkout-newsletter\"\n            checked={values.newsletter}\n            onCheckedChange={(checked) => onChange('newsletter', checked === true)}\n            {...checkoutFieldAria('checkout-newsletter', fieldErrors?.newsletter)}\n          />\n          <FieldContent>\n            <FieldLabel htmlFor=\"checkout-newsletter\" className=\"text-sm font-normal\">\n              {labels.newsletterLabel}\n            </FieldLabel>\n            <CheckoutFieldFeedback\n              id=\"checkout-newsletter\"\n              errors={fieldErrors?.newsletter}\n              description={fieldDescriptions?.newsletter}\n            />\n          </FieldContent>\n        </Field>\n      ) : null}\n    </FieldGroup>\n  )\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,156 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, FieldContent, FieldGroup, FieldLabel } from "../../../ui/field.mjs";
+import { Input } from "../../../ui/input.mjs";
+import { CheckboxCheck } from "./checkbox-check.mjs";
+import { CheckoutFieldFeedback, checkoutFieldAria } from "./checkout-field-feedback.mjs";
+function CheckoutContactStep({
+  values,
+  onChange,
+  labels,
+  showSaveInfo,
+  showNewsletter,
+  fieldErrors,
+  fieldDescriptions
+}) {
+  return /* @__PURE__ */ jsxs(FieldGroup, { className: "grid grid-cols-1 gap-4", children: [
+    /* @__PURE__ */ jsxs(Field, { "data-invalid": !!fieldErrors?.email?.length, children: [
+      /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "checkout-email", children: labels.emailLabel }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "checkout-email",
+          type: "email",
+          inputMode: "email",
+          autoComplete: "email",
+          value: values.email,
+          onChange: (e) => onChange("email", e.target.value),
+          ...checkoutFieldAria("checkout-email", fieldErrors?.email)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckoutFieldFeedback,
+        {
+          id: "checkout-email",
+          errors: fieldErrors?.email,
+          description: fieldDescriptions?.email
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs(Field, { "data-invalid": !!fieldErrors?.firstName?.length, children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "checkout-first-name", children: labels.firstNameLabel }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "checkout-first-name",
+            autoComplete: "given-name",
+            value: values.firstName,
+            onChange: (e) => onChange("firstName", e.target.value),
+            ...checkoutFieldAria("checkout-first-name", fieldErrors?.firstName)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CheckoutFieldFeedback,
+          {
+            id: "checkout-first-name",
+            errors: fieldErrors?.firstName,
+            description: fieldDescriptions?.firstName
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Field, { "data-invalid": !!fieldErrors?.lastName?.length, children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "checkout-last-name", children: labels.lastNameLabel }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "checkout-last-name",
+            autoComplete: "family-name",
+            value: values.lastName,
+            onChange: (e) => onChange("lastName", e.target.value),
+            ...checkoutFieldAria("checkout-last-name", fieldErrors?.lastName)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CheckoutFieldFeedback,
+          {
+            id: "checkout-last-name",
+            errors: fieldErrors?.lastName,
+            description: fieldDescriptions?.lastName
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Field, { "data-invalid": !!fieldErrors?.phone?.length, children: [
+      /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "checkout-phone", children: labels.phoneLabel }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id: "checkout-phone",
+          type: "tel",
+          inputMode: "tel",
+          autoComplete: "tel",
+          value: values.phone,
+          onChange: (e) => onChange("phone", e.target.value),
+          ...checkoutFieldAria("checkout-phone", fieldErrors?.phone)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CheckoutFieldFeedback,
+        {
+          id: "checkout-phone",
+          errors: fieldErrors?.phone,
+          description: fieldDescriptions?.phone
+        }
+      )
+    ] }),
+    showSaveInfo ? /* @__PURE__ */ jsxs(Field, { orientation: "horizontal", className: "gap-2", "data-invalid": !!fieldErrors?.saveInfo?.length, children: [
+      /* @__PURE__ */ jsx(
+        CheckboxCheck,
+        {
+          id: "checkout-save-info",
+          checked: values.saveInfo,
+          onCheckedChange: (checked) => onChange("saveInfo", checked === true),
+          ...checkoutFieldAria("checkout-save-info", fieldErrors?.saveInfo)
+        }
+      ),
+      /* @__PURE__ */ jsxs(FieldContent, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "checkout-save-info", className: "text-sm font-normal", children: labels.saveInfoLabel }),
+        /* @__PURE__ */ jsx(
+          CheckoutFieldFeedback,
+          {
+            id: "checkout-save-info",
+            errors: fieldErrors?.saveInfo,
+            description: fieldDescriptions?.saveInfo
+          }
+        )
+      ] })
+    ] }) : null,
+    showNewsletter ? /* @__PURE__ */ jsxs(Field, { orientation: "horizontal", className: "gap-2", "data-invalid": !!fieldErrors?.newsletter?.length, children: [
+      /* @__PURE__ */ jsx(
+        CheckboxCheck,
+        {
+          id: "checkout-newsletter",
+          checked: values.newsletter,
+          onCheckedChange: (checked) => onChange("newsletter", checked === true),
+          ...checkoutFieldAria("checkout-newsletter", fieldErrors?.newsletter)
+        }
+      ),
+      /* @__PURE__ */ jsxs(FieldContent, { children: [
+        /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "checkout-newsletter", className: "text-sm font-normal", children: labels.newsletterLabel }),
+        /* @__PURE__ */ jsx(
+          CheckoutFieldFeedback,
+          {
+            id: "checkout-newsletter",
+            errors: fieldErrors?.newsletter,
+            description: fieldDescriptions?.newsletter
+          }
+        )
+      ] })
+    ] }) : null
+  ] });
+}
+export {
+  CheckoutContactStep
+};
+//# sourceMappingURL=checkout-contact-step.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-contact-step.tsx"],"sourcesContent":["'use client'\n\nimport { Field, FieldContent, FieldGroup, FieldLabel } from '../../../ui/field'\nimport { Input } from '../../../ui/input'\nimport { CheckboxCheck } from './checkbox-check'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport type {\n  CheckoutChangeHandler,\n  CheckoutFieldDescriptions,\n  CheckoutValuesFieldErrors,\n  CheckoutLabels,\n  CheckoutValues,\n} from './checkout'\n\nexport interface CheckoutContactStepProps {\n  values: CheckoutValues\n  onChange: CheckoutChangeHandler\n  labels: CheckoutLabels\n  /** Rendered only when the host supplies the corresponding label. */\n  showSaveInfo: boolean\n  showNewsletter: boolean\n  fieldErrors?: CheckoutValuesFieldErrors\n  fieldDescriptions?: CheckoutFieldDescriptions\n}\n\nexport function CheckoutContactStep({\n  values,\n  onChange,\n  labels,\n  showSaveInfo,\n  showNewsletter,\n  fieldErrors,\n  fieldDescriptions,\n}: CheckoutContactStepProps) {\n  return (\n    <FieldGroup className=\"grid grid-cols-1 gap-4\">\n      <Field data-invalid={!!fieldErrors?.email?.length}>\n        <FieldLabel htmlFor=\"checkout-email\">{labels.emailLabel}</FieldLabel>\n        <Input\n          id=\"checkout-email\"\n          type=\"email\"\n          inputMode=\"email\"\n          autoComplete=\"email\"\n          value={values.email}\n          onChange={(e) => onChange('email', e.target.value)}\n          {...checkoutFieldAria('checkout-email', fieldErrors?.email)}\n        />\n        <CheckoutFieldFeedback\n          id=\"checkout-email\"\n          errors={fieldErrors?.email}\n          description={fieldDescriptions?.email}\n        />\n      </Field>\n\n      <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n        <Field data-invalid={!!fieldErrors?.firstName?.length}>\n          <FieldLabel htmlFor=\"checkout-first-name\">{labels.firstNameLabel}</FieldLabel>\n          <Input\n            id=\"checkout-first-name\"\n            autoComplete=\"given-name\"\n            value={values.firstName}\n            onChange={(e) => onChange('firstName', e.target.value)}\n            {...checkoutFieldAria('checkout-first-name', fieldErrors?.firstName)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-first-name\"\n            errors={fieldErrors?.firstName}\n            description={fieldDescriptions?.firstName}\n          />\n        </Field>\n        <Field data-invalid={!!fieldErrors?.lastName?.length}>\n          <FieldLabel htmlFor=\"checkout-last-name\">{labels.lastNameLabel}</FieldLabel>\n          <Input\n            id=\"checkout-last-name\"\n            autoComplete=\"family-name\"\n            value={values.lastName}\n            onChange={(e) => onChange('lastName', e.target.value)}\n            {...checkoutFieldAria('checkout-last-name', fieldErrors?.lastName)}\n          />\n          <CheckoutFieldFeedback\n            id=\"checkout-last-name\"\n            errors={fieldErrors?.lastName}\n            description={fieldDescriptions?.lastName}\n          />\n        </Field>\n      </div>\n\n      <Field data-invalid={!!fieldErrors?.phone?.length}>\n        <FieldLabel htmlFor=\"checkout-phone\">{labels.phoneLabel}</FieldLabel>\n        <Input\n          id=\"checkout-phone\"\n          type=\"tel\"\n          inputMode=\"tel\"\n          autoComplete=\"tel\"\n          value={values.phone}\n          onChange={(e) => onChange('phone', e.target.value)}\n          {...checkoutFieldAria('checkout-phone', fieldErrors?.phone)}\n        />\n        <CheckoutFieldFeedback\n          id=\"checkout-phone\"\n          errors={fieldErrors?.phone}\n          description={fieldDescriptions?.phone}\n        />\n      </Field>\n\n      {showSaveInfo ? (\n        <Field orientation=\"horizontal\" className=\"gap-2\" data-invalid={!!fieldErrors?.saveInfo?.length}>\n          <CheckboxCheck\n            id=\"checkout-save-info\"\n            checked={values.saveInfo}\n            onCheckedChange={(checked) => onChange('saveInfo', checked === true)}\n            {...checkoutFieldAria('checkout-save-info', fieldErrors?.saveInfo)}\n          />\n          <FieldContent>\n            <FieldLabel htmlFor=\"checkout-save-info\" className=\"text-sm font-normal\">\n              {labels.saveInfoLabel}\n            </FieldLabel>\n            <CheckoutFieldFeedback\n              id=\"checkout-save-info\"\n              errors={fieldErrors?.saveInfo}\n              description={fieldDescriptions?.saveInfo}\n            />\n          </FieldContent>\n        </Field>\n      ) : null}\n\n      {showNewsletter ? (\n        <Field orientation=\"horizontal\" className=\"gap-2\" data-invalid={!!fieldErrors?.newsletter?.length}>\n          <CheckboxCheck\n            id=\"checkout-newsletter\"\n            checked={values.newsletter}\n            onCheckedChange={(checked) => onChange('newsletter', checked === true)}\n            {...checkoutFieldAria('checkout-newsletter', fieldErrors?.newsletter)}\n          />\n          <FieldContent>\n            <FieldLabel htmlFor=\"checkout-newsletter\" className=\"text-sm font-normal\">\n              {labels.newsletterLabel}\n            </FieldLabel>\n            <CheckoutFieldFeedback\n              id=\"checkout-newsletter\"\n              errors={fieldErrors?.newsletter}\n              description={fieldDescriptions?.newsletter}\n            />\n          </FieldContent>\n        </Field>\n      ) : null}\n    </FieldGroup>\n  )\n}\n"],"mappings":";AAoCM,SACE,KADF;AAlCN,SAAS,OAAO,cAAc,YAAY,kBAAkB;AAC5D,SAAS,aAAa;AACtB,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB,yBAAyB;AAoBlD,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA6B;AAC3B,SACE,qBAAC,cAAW,WAAU,0BACpB;AAAA,yBAAC,SAAM,gBAAc,CAAC,CAAC,aAAa,OAAO,QACzC;AAAA,0BAAC,cAAW,SAAQ,kBAAkB,iBAAO,YAAW;AAAA,MACxD;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAa;AAAA,UACb,OAAO,OAAO;AAAA,UACd,UAAU,CAAC,MAAM,SAAS,SAAS,EAAE,OAAO,KAAK;AAAA,UAChD,GAAG,kBAAkB,kBAAkB,aAAa,KAAK;AAAA;AAAA,MAC5D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,QAAQ,aAAa;AAAA,UACrB,aAAa,mBAAmB;AAAA;AAAA,MAClC;AAAA,OACF;AAAA,IAEA,qBAAC,SAAI,WAAU,yCACb;AAAA,2BAAC,SAAM,gBAAc,CAAC,CAAC,aAAa,WAAW,QAC7C;AAAA,4BAAC,cAAW,SAAQ,uBAAuB,iBAAO,gBAAe;AAAA,QACjE;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,cAAa;AAAA,YACb,OAAO,OAAO;AAAA,YACd,UAAU,CAAC,MAAM,SAAS,aAAa,EAAE,OAAO,KAAK;AAAA,YACpD,GAAG,kBAAkB,uBAAuB,aAAa,SAAS;AAAA;AAAA,QACrE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,QAAQ,aAAa;AAAA,YACrB,aAAa,mBAAmB;AAAA;AAAA,QAClC;AAAA,SACF;AAAA,MACA,qBAAC,SAAM,gBAAc,CAAC,CAAC,aAAa,UAAU,QAC5C;AAAA,4BAAC,cAAW,SAAQ,sBAAsB,iBAAO,eAAc;AAAA,QAC/D;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,cAAa;AAAA,YACb,OAAO,OAAO;AAAA,YACd,UAAU,CAAC,MAAM,SAAS,YAAY,EAAE,OAAO,KAAK;AAAA,YACnD,GAAG,kBAAkB,sBAAsB,aAAa,QAAQ;AAAA;AAAA,QACnE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,QAAQ,aAAa;AAAA,YACrB,aAAa,mBAAmB;AAAA;AAAA,QAClC;AAAA,SACF;AAAA,OACF;AAAA,IAEA,qBAAC,SAAM,gBAAc,CAAC,CAAC,aAAa,OAAO,QACzC;AAAA,0BAAC,cAAW,SAAQ,kBAAkB,iBAAO,YAAW;AAAA,MACxD;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAa;AAAA,UACb,OAAO,OAAO;AAAA,UACd,UAAU,CAAC,MAAM,SAAS,SAAS,EAAE,OAAO,KAAK;AAAA,UAChD,GAAG,kBAAkB,kBAAkB,aAAa,KAAK;AAAA;AAAA,MAC5D;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,QAAQ,aAAa;AAAA,UACrB,aAAa,mBAAmB;AAAA;AAAA,MAClC;AAAA,OACF;AAAA,IAEC,eACC,qBAAC,SAAM,aAAY,cAAa,WAAU,SAAQ,gBAAc,CAAC,CAAC,aAAa,UAAU,QACvF;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS,OAAO;AAAA,UAChB,iBAAiB,CAAC,YAAY,SAAS,YAAY,YAAY,IAAI;AAAA,UAClE,GAAG,kBAAkB,sBAAsB,aAAa,QAAQ;AAAA;AAAA,MACnE;AAAA,MACA,qBAAC,gBACC;AAAA,4BAAC,cAAW,SAAQ,sBAAqB,WAAU,uBAChD,iBAAO,eACV;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,QAAQ,aAAa;AAAA,YACrB,aAAa,mBAAmB;AAAA;AAAA,QAClC;AAAA,SACF;AAAA,OACF,IACE;AAAA,IAEH,iBACC,qBAAC,SAAM,aAAY,cAAa,WAAU,SAAQ,gBAAc,CAAC,CAAC,aAAa,YAAY,QACzF;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS,OAAO;AAAA,UAChB,iBAAiB,CAAC,YAAY,SAAS,cAAc,YAAY,IAAI;AAAA,UACpE,GAAG,kBAAkB,uBAAuB,aAAa,UAAU;AAAA;AAAA,MACtE;AAAA,MACA,qBAAC,gBACC;AAAA,4BAAC,cAAW,SAAQ,uBAAsB,WAAU,uBACjD,iBAAO,iBACV;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,QAAQ,aAAa;AAAA,YACrB,aAAa,mBAAmB;AAAA;AAAA,QAClC;AAAA,SACF;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { CheckoutFieldError } from './checkout-form-types';
+import type { CheckoutCountryOption, CheckoutLabels } from './checkout';
+export interface CheckoutCountryFieldProps {
+    labels: CheckoutLabels;
+    countries: CheckoutCountryOption[];
+    value: string;
+    onValueChange: (value: string) => void;
+    errors?: CheckoutFieldError[];
+    description?: string;
+}
+export declare function CheckoutCountryField({ labels, countries, value, onValueChange, errors, description, }: CheckoutCountryFieldProps): import("react").JSX.Element;
+//# sourceMappingURL=checkout-country-field.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-country-field.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-country-field.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAA;AAEvE,MAAM,WAAW,yBAAyB;IACxC,MAAM,EAAE,cAAc,CAAA;IACtB,SAAS,EAAE,qBAAqB,EAAE,CAAA;IAClC,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EACb,MAAM,EACN,WAAW,GACZ,EAAE,yBAAyB,+BAqB3B"}

package/dist/blocks/e-commerce/checkout-forms/checkout-country-field.js

@@ -0,0 +1,50 @@
+"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_country_field_exports = {};
+__export(checkout_country_field_exports, {
+  CheckoutCountryField: () => CheckoutCountryField
+});
+module.exports = __toCommonJS(checkout_country_field_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_field = require("../../../ui/field.js");
+var import_select = require("../../../ui/select.js");
+var import_checkout_field_feedback = require("./checkout-field-feedback.js");
+function CheckoutCountryField({
+  labels,
+  countries,
+  value,
+  onValueChange,
+  errors,
+  description
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.length, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: "checkout-country", children: labels.countryLabel }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_select.Select, { value, onValueChange, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectTrigger, { id: "checkout-country", ...(0, import_checkout_field_feedback.checkoutFieldAria)("checkout-country", errors), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectValue, { placeholder: labels.countryPlaceholder }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectGroup, { children: countries.map((country) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_select.SelectItem, { value: country.value, children: country.label }, country.value)) }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkout_field_feedback.CheckoutFieldFeedback, { id: "checkout-country", errors, description })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutCountryField
+});
+//# sourceMappingURL=checkout-country-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-country-field.tsx"],"sourcesContent":["'use client'\n\nimport { Field, FieldLabel } from '../../../ui/field'\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../../../ui/select'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport type { CheckoutFieldError } from './checkout-form-types'\nimport type { CheckoutCountryOption, CheckoutLabels } from './checkout'\n\nexport interface CheckoutCountryFieldProps {\n  labels: CheckoutLabels\n  countries: CheckoutCountryOption[]\n  value: string\n  onValueChange: (value: string) => void\n  errors?: CheckoutFieldError[]\n  description?: string\n}\n\nexport function CheckoutCountryField({\n  labels,\n  countries,\n  value,\n  onValueChange,\n  errors,\n  description,\n}: CheckoutCountryFieldProps) {\n  return (\n    <Field data-invalid={!!errors?.length}>\n      <FieldLabel htmlFor=\"checkout-country\">{labels.countryLabel}</FieldLabel>\n      <Select value={value} onValueChange={onValueChange}>\n        <SelectTrigger id=\"checkout-country\" {...checkoutFieldAria('checkout-country', errors)}>\n          <SelectValue placeholder={labels.countryPlaceholder} />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectGroup>\n            {countries.map((country) => (\n              <SelectItem key={country.value} value={country.value}>\n                {country.label}\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        </SelectContent>\n      </Select>\n      <CheckoutFieldFeedback id=\"checkout-country\" errors={errors} description={description} />\n    </Field>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCM;AAhCN,mBAAkC;AAClC,oBAOO;AACP,qCAAyD;AAalD,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,SACE,6CAAC,sBAAM,gBAAc,CAAC,CAAC,QAAQ,QAC7B;AAAA,gDAAC,2BAAW,SAAQ,oBAAoB,iBAAO,cAAa;AAAA,IAC5D,6CAAC,wBAAO,OAAc,eACpB;AAAA,kDAAC,+BAAc,IAAG,oBAAoB,OAAG,kDAAkB,oBAAoB,MAAM,GACnF,sDAAC,6BAAY,aAAa,OAAO,oBAAoB,GACvD;AAAA,MACA,4CAAC,+BACC,sDAAC,6BACE,oBAAU,IAAI,CAAC,YACd,4CAAC,4BAA+B,OAAO,QAAQ,OAC5C,kBAAQ,SADM,QAAQ,KAEzB,CACD,GACH,GACF;AAAA,OACF;AAAA,IACA,4CAAC,wDAAsB,IAAG,oBAAmB,QAAgB,aAA0B;AAAA,KACzF;AAEJ;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-country-field.mjs

@@ -0,0 +1,33 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Field, FieldLabel } from "../../../ui/field.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "../../../ui/select.mjs";
+import { CheckoutFieldFeedback, checkoutFieldAria } from "./checkout-field-feedback.mjs";
+function CheckoutCountryField({
+  labels,
+  countries,
+  value,
+  onValueChange,
+  errors,
+  description
+}) {
+  return /* @__PURE__ */ jsxs(Field, { "data-invalid": !!errors?.length, children: [
+    /* @__PURE__ */ jsx(FieldLabel, { htmlFor: "checkout-country", children: labels.countryLabel }),
+    /* @__PURE__ */ jsxs(Select, { value, onValueChange, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { id: "checkout-country", ...checkoutFieldAria("checkout-country", errors), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: labels.countryPlaceholder }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectGroup, { children: countries.map((country) => /* @__PURE__ */ jsx(SelectItem, { value: country.value, children: country.label }, country.value)) }) })
+    ] }),
+    /* @__PURE__ */ jsx(CheckoutFieldFeedback, { id: "checkout-country", errors, description })
+  ] });
+}
+export {
+  CheckoutCountryField
+};
+//# sourceMappingURL=checkout-country-field.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-country-field.tsx"],"sourcesContent":["'use client'\n\nimport { Field, FieldLabel } from '../../../ui/field'\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../../../ui/select'\nimport { CheckoutFieldFeedback, checkoutFieldAria } from './checkout-field-feedback'\nimport type { CheckoutFieldError } from './checkout-form-types'\nimport type { CheckoutCountryOption, CheckoutLabels } from './checkout'\n\nexport interface CheckoutCountryFieldProps {\n  labels: CheckoutLabels\n  countries: CheckoutCountryOption[]\n  value: string\n  onValueChange: (value: string) => void\n  errors?: CheckoutFieldError[]\n  description?: string\n}\n\nexport function CheckoutCountryField({\n  labels,\n  countries,\n  value,\n  onValueChange,\n  errors,\n  description,\n}: CheckoutCountryFieldProps) {\n  return (\n    <Field data-invalid={!!errors?.length}>\n      <FieldLabel htmlFor=\"checkout-country\">{labels.countryLabel}</FieldLabel>\n      <Select value={value} onValueChange={onValueChange}>\n        <SelectTrigger id=\"checkout-country\" {...checkoutFieldAria('checkout-country', errors)}>\n          <SelectValue placeholder={labels.countryPlaceholder} />\n        </SelectTrigger>\n        <SelectContent>\n          <SelectGroup>\n            {countries.map((country) => (\n              <SelectItem key={country.value} value={country.value}>\n                {country.label}\n              </SelectItem>\n            ))}\n          </SelectGroup>\n        </SelectContent>\n      </Select>\n      <CheckoutFieldFeedback id=\"checkout-country\" errors={errors} description={description} />\n    </Field>\n  )\n}\n"],"mappings":";AAkCM,cACA,YADA;AAhCN,SAAS,OAAO,kBAAkB;AAClC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB,yBAAyB;AAalD,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA8B;AAC5B,SACE,qBAAC,SAAM,gBAAc,CAAC,CAAC,QAAQ,QAC7B;AAAA,wBAAC,cAAW,SAAQ,oBAAoB,iBAAO,cAAa;AAAA,IAC5D,qBAAC,UAAO,OAAc,eACpB;AAAA,0BAAC,iBAAc,IAAG,oBAAoB,GAAG,kBAAkB,oBAAoB,MAAM,GACnF,8BAAC,eAAY,aAAa,OAAO,oBAAoB,GACvD;AAAA,MACA,oBAAC,iBACC,8BAAC,eACE,oBAAU,IAAI,CAAC,YACd,oBAAC,cAA+B,OAAO,QAAQ,OAC5C,kBAAQ,SADM,QAAQ,KAEzB,CACD,GACH,GACF;AAAA,OACF;AAAA,IACA,oBAAC,yBAAsB,IAAG,oBAAmB,QAAgB,aAA0B;AAAA,KACzF;AAEJ;","names":[]}

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

@@ -0,0 +1,11 @@
+import type { CheckoutFieldError } from './checkout-form-types';
+export declare function checkoutFieldAria(id: string, errors?: CheckoutFieldError[]): {
+    'aria-invalid': true | undefined;
+    'aria-describedby': string | undefined;
+};
+export declare function CheckoutFieldFeedback({ id, errors, description, }: {
+    id: string;
+    errors?: CheckoutFieldError[];
+    description?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=checkout-field-feedback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-field-feedback.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-field-feedback.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE/D,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,EAAE;;;EAM1E;AAED,wBAAgB,qBAAqB,CAAC,EACpC,EAAE,EACF,MAAM,EACN,WAAW,GACZ,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,+BAOA"}

package/dist/blocks/e-commerce/checkout-forms/checkout-field-feedback.js

@@ -0,0 +1,50 @@
+"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_field_feedback_exports = {};
+__export(checkout_field_feedback_exports, {
+  CheckoutFieldFeedback: () => CheckoutFieldFeedback,
+  checkoutFieldAria: () => checkoutFieldAria
+});
+module.exports = __toCommonJS(checkout_field_feedback_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_field = require("../../../ui/field.js");
+function checkoutFieldAria(id, errors) {
+  const invalid = !!errors?.length;
+  return {
+    "aria-invalid": invalid || void 0,
+    "aria-describedby": invalid ? `${id}-error` : void 0
+  };
+}
+function CheckoutFieldFeedback({
+  id,
+  errors,
+  description
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldDescription, { id: `${id}-description`, children: description }),
+    errors?.length ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldError, { id: `${id}-error`, errors }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutFieldFeedback,
+  checkoutFieldAria
+});
+//# sourceMappingURL=checkout-field-feedback.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-field-feedback.tsx"],"sourcesContent":["'use client'\n\nimport { FieldDescription, FieldError } from '../../../ui/field'\nimport type { CheckoutFieldError } from './checkout-form-types'\n\nexport function checkoutFieldAria(id: string, errors?: CheckoutFieldError[]) {\n  const invalid = !!errors?.length\n  return {\n    'aria-invalid': invalid || undefined,\n    'aria-describedby': invalid ? `${id}-error` : undefined,\n  }\n}\n\nexport function CheckoutFieldFeedback({\n  id,\n  errors,\n  description,\n}: {\n  id: string\n  errors?: CheckoutFieldError[]\n  description?: string\n}) {\n  return (\n    <>\n      {description && <FieldDescription id={`${id}-description`}>{description}</FieldDescription>}\n      {errors?.length ? <FieldError id={`${id}-error`} errors={errors} /> : null}\n    </>\n  )\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBI;AArBJ,mBAA6C;AAGtC,SAAS,kBAAkB,IAAY,QAA+B;AAC3E,QAAM,UAAU,CAAC,CAAC,QAAQ;AAC1B,SAAO;AAAA,IACL,gBAAgB,WAAW;AAAA,IAC3B,oBAAoB,UAAU,GAAG,EAAE,WAAW;AAAA,EAChD;AACF;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,4EACG;AAAA,mBAAe,4CAAC,iCAAiB,IAAI,GAAG,EAAE,gBAAiB,uBAAY;AAAA,IACvE,QAAQ,SAAS,4CAAC,2BAAW,IAAI,GAAG,EAAE,UAAU,QAAgB,IAAK;AAAA,KACxE;AAEJ;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-field-feedback.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FieldDescription, FieldError } from "../../../ui/field.mjs";
+function checkoutFieldAria(id, errors) {
+  const invalid = !!errors?.length;
+  return {
+    "aria-invalid": invalid || void 0,
+    "aria-describedby": invalid ? `${id}-error` : void 0
+  };
+}
+function CheckoutFieldFeedback({
+  id,
+  errors,
+  description
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    description && /* @__PURE__ */ jsx(FieldDescription, { id: `${id}-description`, children: description }),
+    errors?.length ? /* @__PURE__ */ jsx(FieldError, { id: `${id}-error`, errors }) : null
+  ] });
+}
+export {
+  CheckoutFieldFeedback,
+  checkoutFieldAria
+};
+//# sourceMappingURL=checkout-field-feedback.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-field-feedback.tsx"],"sourcesContent":["'use client'\n\nimport { FieldDescription, FieldError } from '../../../ui/field'\nimport type { CheckoutFieldError } from './checkout-form-types'\n\nexport function checkoutFieldAria(id: string, errors?: CheckoutFieldError[]) {\n  const invalid = !!errors?.length\n  return {\n    'aria-invalid': invalid || undefined,\n    'aria-describedby': invalid ? `${id}-error` : undefined,\n  }\n}\n\nexport function CheckoutFieldFeedback({\n  id,\n  errors,\n  description,\n}: {\n  id: string\n  errors?: CheckoutFieldError[]\n  description?: string\n}) {\n  return (\n    <>\n      {description && <FieldDescription id={`${id}-description`}>{description}</FieldDescription>}\n      {errors?.length ? <FieldError id={`${id}-error`} errors={errors} /> : null}\n    </>\n  )\n}"],"mappings":";AAuBI,mBACkB,KADlB;AArBJ,SAAS,kBAAkB,kBAAkB;AAGtC,SAAS,kBAAkB,IAAY,QAA+B;AAC3E,QAAM,UAAU,CAAC,CAAC,QAAQ;AAC1B,SAAO;AAAA,IACL,gBAAgB,WAAW;AAAA,IAC3B,oBAAoB,UAAU,GAAG,EAAE,WAAW;AAAA,EAChD;AACF;AAEO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,iCACG;AAAA,mBAAe,oBAAC,oBAAiB,IAAI,GAAG,EAAE,gBAAiB,uBAAY;AAAA,IACvE,QAAQ,SAAS,oBAAC,cAAW,IAAI,GAAG,EAAE,UAAU,QAAgB,IAAK;AAAA,KACxE;AAEJ;","names":[]}

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

@@ -0,0 +1,5 @@
+export interface CheckoutFieldError {
+    message?: string;
+}
+export type CheckoutFieldErrors<T extends string> = Partial<Record<T, CheckoutFieldError[]>>;
+//# sourceMappingURL=checkout-form-types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-form-types.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-form-types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI,OAAO,CACzD,MAAM,CAAC,CAAC,EAAE,kBAAkB,EAAE,CAAC,CAChC,CAAA"}

package/dist/blocks/e-commerce/checkout-forms/checkout-form-types.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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_form_types_exports = {};
+module.exports = __toCommonJS(checkout_form_types_exports);
+//# sourceMappingURL=checkout-form-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-form-types.ts"],"sourcesContent":["export interface CheckoutFieldError {\n  message?: string\n}\n\nexport type CheckoutFieldErrors<T extends string> = Partial<\n  Record<T, CheckoutFieldError[]>\n>"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-form-types.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=checkout-form-types.mjs.map