@thorprovider/blocks 3.0.2 → 4.0.0

package/dist/blocks/designs/marketplace-product-card/variants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/marketplace-product-card/variants.ts"],"sourcesContent":["export type StockTone = 'success' | 'attention' | 'destructive'\n\nexport type OptionValue = {\n  id: string\n  label: string\n  image?: string\n  imageAlt?: string\n}\n\nexport type ProductOption = {\n  id: string\n  name: string\n  kind: 'image' | 'text'\n  values: OptionValue[]\n}\n\nexport type ProductVariant = {\n  id: string\n  optionValueIds: Record<string, string>\n  price: number\n  compareAtPrice?: number\n  image?: string\n  imageAlt?: string\n  available: boolean\n  stockLabel: string\n  stockTone: StockTone\n}\n\nexport type Product = {\n  id: string\n  brand: string\n  title: string\n  badge: string\n  rating: number\n  reviewCount: number\n  ratingLabel: string\n  soldLabel: string\n  shippingLabel: string\n  deliveryLabel: string\n  currency: string\n  locale: string\n  image?: string\n  options: ProductOption[]\n  variants: ProductVariant[]\n}\n\nexport type CardLabels = {\n  addToCart: string\n  wishlistAdd: string\n  wishlistRemove: string\n  unavailableOption: string\n  unavailablePrice: string\n  outOfStock: string\n  optionSeparator: string\n}\n\nexport type Glyphs = {\n  fullStar: string\n  emptyStar: string\n  heart: string\n  heartFilled: string\n}\n\nexport type Selection = Record<string, string>\n\nexport function matchesSelection(variant: ProductVariant, selection: Selection): boolean {\n  return Object.entries(selection).every(\n    ([optionId, valueId]) => variant.optionValueIds[optionId] === valueId,\n  )\n}\n\nexport function firstAvailableSelection(product: Product): Selection {\n  const variant = product.variants.find((candidate) => candidate.available) ?? product.variants[0]\n  return variant ? { ...variant.optionValueIds } : {}\n}\n\nexport function findVariant(product: Product, selection: Selection): ProductVariant | undefined {\n  return product.variants.find((variant) => matchesSelection(variant, selection))\n}\n\nexport function findAvailableVariant(\n  product: Product,\n  selection: Selection,\n): ProductVariant | undefined {\n  return product.variants.find(\n    (variant) => variant.available && matchesSelection(variant, selection),\n  )\n}\n\nexport function isValueDisabled(\n  product: Product,\n  selection: Selection,\n  optionIndex: number,\n  valueId: string,\n): boolean {\n  const option = product.options[optionIndex]\n  if (!option) return true\n\n  const isLast = optionIndex === product.options.length - 1\n\n  return !product.variants.some((variant) => {\n    if (!variant.available || variant.optionValueIds[option.id] !== valueId) return false\n    if (!isLast) return true\n\n    return product.options\n      .slice(0, optionIndex)\n      .every((earlier) => variant.optionValueIds[earlier.id] === selection[earlier.id])\n  })\n}\n\nexport function selectValue(\n  product: Product,\n  selection: Selection,\n  optionIndex: number,\n  valueId: string,\n): Selection {\n  const option = product.options[optionIndex]\n  if (!option) return selection\n\n  const next = { ...selection, [option.id]: valueId }\n  if (findAvailableVariant(product, next)) return next\n\n  const earlier = product.options.slice(0, optionIndex + 1)\n  const matches = product.variants.filter(\n    (variant) =>\n      variant.available &&\n      earlier.every((entry) => variant.optionValueIds[entry.id] === next[entry.id]),\n  )\n  if (matches.length === 0) return selection\n\n  const preserved = (variant: ProductVariant) =>\n    product.options.reduce(\n      (count, entry) =>\n        count + (variant.optionValueIds[entry.id] === selection[entry.id] ? 1 : 0),\n      0,\n    )\n\n  const best = matches.reduce((current, candidate) =>\n    preserved(candidate) > preserved(current) ? candidate : current,\n  )\n  return { ...best.optionValueIds }\n}\n\nexport function firstNonEmpty(...values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    if (typeof value !== 'string') continue\n    const trimmed = value.trim()\n    if (trimmed.length > 0) return trimmed\n  }\n  return undefined\n}\n\nexport function resolveVariantImage(\n  product: Product,\n  variant: ProductVariant | undefined,\n  selection: Selection,\n): { src: string | undefined; alt: string } {\n  const imageOption = product.options.find((option) => option.kind === 'image')\n  const imageValue = imageOption\n    ? imageOption.values.find((value) => value.id === selection[imageOption.id])\n    : undefined\n\n  return {\n    src: firstNonEmpty(variant?.image, imageValue?.image, product.image),\n    alt:\n      firstNonEmpty(variant?.imageAlt, imageValue?.imageAlt, product.title) ?? product.title,\n  }\n}\n\nexport function formatPrice(amount: number, locale: string, currency: string): string {\n  return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(amount)\n}\n\nexport function discountPercent(price: number, compareAtPrice?: number): number | null {\n  if (compareAtPrice === undefined || compareAtPrice <= price) return null\n  return Math.round((1 - price / compareAtPrice) * 100)\n}\n\nexport function formatDiscount(percent: number, locale: string): string {\n  return new Intl.NumberFormat(locale, {\n    style: 'percent',\n    maximumFractionDigits: 0,\n  }).format(-percent / 100)\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/marketplace-product-card/variants.mjs

@@ -0,0 +1,89 @@
+function matchesSelection(variant, selection) {
+  return Object.entries(selection).every(
+    ([optionId, valueId]) => variant.optionValueIds[optionId] === valueId
+  );
+}
+function firstAvailableSelection(product) {
+  const variant = product.variants.find((candidate) => candidate.available) ?? product.variants[0];
+  return variant ? { ...variant.optionValueIds } : {};
+}
+function findVariant(product, selection) {
+  return product.variants.find((variant) => matchesSelection(variant, selection));
+}
+function findAvailableVariant(product, selection) {
+  return product.variants.find(
+    (variant) => variant.available && matchesSelection(variant, selection)
+  );
+}
+function isValueDisabled(product, selection, optionIndex, valueId) {
+  const option = product.options[optionIndex];
+  if (!option) return true;
+  const isLast = optionIndex === product.options.length - 1;
+  return !product.variants.some((variant) => {
+    if (!variant.available || variant.optionValueIds[option.id] !== valueId) return false;
+    if (!isLast) return true;
+    return product.options.slice(0, optionIndex).every((earlier) => variant.optionValueIds[earlier.id] === selection[earlier.id]);
+  });
+}
+function selectValue(product, selection, optionIndex, valueId) {
+  const option = product.options[optionIndex];
+  if (!option) return selection;
+  const next = { ...selection, [option.id]: valueId };
+  if (findAvailableVariant(product, next)) return next;
+  const earlier = product.options.slice(0, optionIndex + 1);
+  const matches = product.variants.filter(
+    (variant) => variant.available && earlier.every((entry) => variant.optionValueIds[entry.id] === next[entry.id])
+  );
+  if (matches.length === 0) return selection;
+  const preserved = (variant) => product.options.reduce(
+    (count, entry) => count + (variant.optionValueIds[entry.id] === selection[entry.id] ? 1 : 0),
+    0
+  );
+  const best = matches.reduce(
+    (current, candidate) => preserved(candidate) > preserved(current) ? candidate : current
+  );
+  return { ...best.optionValueIds };
+}
+function firstNonEmpty(...values) {
+  for (const value of values) {
+    if (typeof value !== "string") continue;
+    const trimmed = value.trim();
+    if (trimmed.length > 0) return trimmed;
+  }
+  return void 0;
+}
+function resolveVariantImage(product, variant, selection) {
+  const imageOption = product.options.find((option) => option.kind === "image");
+  const imageValue = imageOption ? imageOption.values.find((value) => value.id === selection[imageOption.id]) : void 0;
+  return {
+    src: firstNonEmpty(variant?.image, imageValue?.image, product.image),
+    alt: firstNonEmpty(variant?.imageAlt, imageValue?.imageAlt, product.title) ?? product.title
+  };
+}
+function formatPrice(amount, locale, currency) {
+  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(amount);
+}
+function discountPercent(price, compareAtPrice) {
+  if (compareAtPrice === void 0 || compareAtPrice <= price) return null;
+  return Math.round((1 - price / compareAtPrice) * 100);
+}
+function formatDiscount(percent, locale) {
+  return new Intl.NumberFormat(locale, {
+    style: "percent",
+    maximumFractionDigits: 0
+  }).format(-percent / 100);
+}
+export {
+  discountPercent,
+  findAvailableVariant,
+  findVariant,
+  firstAvailableSelection,
+  firstNonEmpty,
+  formatDiscount,
+  formatPrice,
+  isValueDisabled,
+  matchesSelection,
+  resolveVariantImage,
+  selectValue
+};
+//# sourceMappingURL=variants.mjs.map

package/dist/blocks/designs/marketplace-product-card/variants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/marketplace-product-card/variants.ts"],"sourcesContent":["export type StockTone = 'success' | 'attention' | 'destructive'\n\nexport type OptionValue = {\n  id: string\n  label: string\n  image?: string\n  imageAlt?: string\n}\n\nexport type ProductOption = {\n  id: string\n  name: string\n  kind: 'image' | 'text'\n  values: OptionValue[]\n}\n\nexport type ProductVariant = {\n  id: string\n  optionValueIds: Record<string, string>\n  price: number\n  compareAtPrice?: number\n  image?: string\n  imageAlt?: string\n  available: boolean\n  stockLabel: string\n  stockTone: StockTone\n}\n\nexport type Product = {\n  id: string\n  brand: string\n  title: string\n  badge: string\n  rating: number\n  reviewCount: number\n  ratingLabel: string\n  soldLabel: string\n  shippingLabel: string\n  deliveryLabel: string\n  currency: string\n  locale: string\n  image?: string\n  options: ProductOption[]\n  variants: ProductVariant[]\n}\n\nexport type CardLabels = {\n  addToCart: string\n  wishlistAdd: string\n  wishlistRemove: string\n  unavailableOption: string\n  unavailablePrice: string\n  outOfStock: string\n  optionSeparator: string\n}\n\nexport type Glyphs = {\n  fullStar: string\n  emptyStar: string\n  heart: string\n  heartFilled: string\n}\n\nexport type Selection = Record<string, string>\n\nexport function matchesSelection(variant: ProductVariant, selection: Selection): boolean {\n  return Object.entries(selection).every(\n    ([optionId, valueId]) => variant.optionValueIds[optionId] === valueId,\n  )\n}\n\nexport function firstAvailableSelection(product: Product): Selection {\n  const variant = product.variants.find((candidate) => candidate.available) ?? product.variants[0]\n  return variant ? { ...variant.optionValueIds } : {}\n}\n\nexport function findVariant(product: Product, selection: Selection): ProductVariant | undefined {\n  return product.variants.find((variant) => matchesSelection(variant, selection))\n}\n\nexport function findAvailableVariant(\n  product: Product,\n  selection: Selection,\n): ProductVariant | undefined {\n  return product.variants.find(\n    (variant) => variant.available && matchesSelection(variant, selection),\n  )\n}\n\nexport function isValueDisabled(\n  product: Product,\n  selection: Selection,\n  optionIndex: number,\n  valueId: string,\n): boolean {\n  const option = product.options[optionIndex]\n  if (!option) return true\n\n  const isLast = optionIndex === product.options.length - 1\n\n  return !product.variants.some((variant) => {\n    if (!variant.available || variant.optionValueIds[option.id] !== valueId) return false\n    if (!isLast) return true\n\n    return product.options\n      .slice(0, optionIndex)\n      .every((earlier) => variant.optionValueIds[earlier.id] === selection[earlier.id])\n  })\n}\n\nexport function selectValue(\n  product: Product,\n  selection: Selection,\n  optionIndex: number,\n  valueId: string,\n): Selection {\n  const option = product.options[optionIndex]\n  if (!option) return selection\n\n  const next = { ...selection, [option.id]: valueId }\n  if (findAvailableVariant(product, next)) return next\n\n  const earlier = product.options.slice(0, optionIndex + 1)\n  const matches = product.variants.filter(\n    (variant) =>\n      variant.available &&\n      earlier.every((entry) => variant.optionValueIds[entry.id] === next[entry.id]),\n  )\n  if (matches.length === 0) return selection\n\n  const preserved = (variant: ProductVariant) =>\n    product.options.reduce(\n      (count, entry) =>\n        count + (variant.optionValueIds[entry.id] === selection[entry.id] ? 1 : 0),\n      0,\n    )\n\n  const best = matches.reduce((current, candidate) =>\n    preserved(candidate) > preserved(current) ? candidate : current,\n  )\n  return { ...best.optionValueIds }\n}\n\nexport function firstNonEmpty(...values: Array<string | undefined>): string | undefined {\n  for (const value of values) {\n    if (typeof value !== 'string') continue\n    const trimmed = value.trim()\n    if (trimmed.length > 0) return trimmed\n  }\n  return undefined\n}\n\nexport function resolveVariantImage(\n  product: Product,\n  variant: ProductVariant | undefined,\n  selection: Selection,\n): { src: string | undefined; alt: string } {\n  const imageOption = product.options.find((option) => option.kind === 'image')\n  const imageValue = imageOption\n    ? imageOption.values.find((value) => value.id === selection[imageOption.id])\n    : undefined\n\n  return {\n    src: firstNonEmpty(variant?.image, imageValue?.image, product.image),\n    alt:\n      firstNonEmpty(variant?.imageAlt, imageValue?.imageAlt, product.title) ?? product.title,\n  }\n}\n\nexport function formatPrice(amount: number, locale: string, currency: string): string {\n  return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(amount)\n}\n\nexport function discountPercent(price: number, compareAtPrice?: number): number | null {\n  if (compareAtPrice === undefined || compareAtPrice <= price) return null\n  return Math.round((1 - price / compareAtPrice) * 100)\n}\n\nexport function formatDiscount(percent: number, locale: string): string {\n  return new Intl.NumberFormat(locale, {\n    style: 'percent',\n    maximumFractionDigits: 0,\n  }).format(-percent / 100)\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkbox-check.js

@@ -36,7 +36,7 @@ function CheckboxCheck({ className, indeterminate, ...props }) {
   const [length, setLength] = (0, import_react.useState)(15);
   (0, import_react.useLayoutEffect)(() => {
     const path = pathRef.current;
-    if (path) {
+    if (path && typeof path.getTotalLength === "function") {
       setLength(Math.ceil(path.getTotalLength()));
     }
   }, []);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkbox-check.tsx"],"sourcesContent":["'use client'\n\nimport { useLayoutEffect, useRef, useState } from 'react'\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox'\n\nimport { cn } from '../../../lib/utils'\n\nconst BOX_MS = 150\nconst DRAW_MS = 350\nconst UNCHECK_MS = 150\nconst EASE = 'cubic-bezier(0.22, 1, 0.36, 1)'\n\nexport function CheckboxCheck({ className, indeterminate, ...props }: CheckboxPrimitive.Root.Props) {\n  const pathRef = useRef<SVGPathElement>(null)\n  const [length, setLength] = useState(15)\n\n  useLayoutEffect(() => {\n    const path = pathRef.current\n    if (path) {\n      setLength(Math.ceil(path.getTotalLength()))\n    }\n  }, [])\n\n  const mark = indeterminate ? 'M2.12 5.08H8.47' : 'M1.69 5.08L3.81 7.2L8.47 2.54'\n\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary',\n        'motion-reduce:transition-none',\n        className\n      )}\n      style={{ transition: `background-color ${BOX_MS}ms ${EASE}, border-color ${BOX_MS}ms ${EASE}` }}\n      indeterminate={indeterminate}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        keepMounted\n        data-slot=\"checkbox-indicator\"\n        className={cn(\n          'grid size-3.5 place-content-center text-current',\n          '[&_path]:[transition:stroke-dashoffset_var(--check-uncheck)_var(--check-ease)]',\n          '[&_path]:[stroke-dashoffset:var(--check-len)]',\n          'data-checked:[&_path]:[stroke-dashoffset:0]',\n          'data-checked:[&_path]:[transition-duration:var(--check-draw)]',\n          'motion-reduce:[&_path]:transition-none'\n        )}\n        style={\n          {\n            '--check-len': length,\n            '--check-draw': `${DRAW_MS}ms`,\n            '--check-uncheck': `${UNCHECK_MS}ms`,\n            '--check-ease': EASE,\n          } as React.CSSProperties\n        }\n      >\n        <svg viewBox=\"0 0 10.1668 10.1668\" fill=\"none\" aria-hidden className=\"size-full overflow-visible\">\n          <path\n            ref={pathRef}\n            d={mark}\n            stroke=\"currentColor\"\n            strokeWidth={0.9}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            style={{ strokeDasharray: length }}\n          />\n        </svg>\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport default CheckboxCheck"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DU;AAxDV,mBAAkD;AAClD,sBAA8C;AAE9C,mBAAmB;AAEnB,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,aAAa;AACnB,MAAM,OAAO;AAEN,SAAS,cAAc,EAAE,WAAW,eAAe,GAAG,MAAM,GAAiC;AAClG,QAAM,cAAU,qBAAuB,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,EAAE;AAEvC,oCAAgB,MAAM;AACpB,UAAM,OAAO,QAAQ;AACrB,QAAI,MAAM;AACR,gBAAU,KAAK,KAAK,KAAK,eAAe,CAAC,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,gBAAgB,oBAAoB;AAEjD,SACE;AAAA,IAAC,gBAAAA,SAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,YAAY,oBAAoB,MAAM,MAAM,IAAI,kBAAkB,MAAM,MAAM,IAAI,GAAG;AAAA,MAC9F;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,gBAAAA,SAAkB;AAAA,QAAlB;AAAA,UACC,aAAW;AAAA,UACX,aAAU;AAAA,UACV,eAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OACE;AAAA,YACE,eAAe;AAAA,YACf,gBAAgB,GAAG,OAAO;AAAA,YAC1B,mBAAmB,GAAG,UAAU;AAAA,YAChC,gBAAgB;AAAA,UAClB;AAAA,UAGF,sDAAC,SAAI,SAAQ,uBAAsB,MAAK,QAAO,eAAW,MAAC,WAAU,8BACnE;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,GAAG;AAAA,cACH,QAAO;AAAA,cACP,aAAa;AAAA,cACb,eAAc;AAAA,cACd,gBAAe;AAAA,cACf,OAAO,EAAE,iBAAiB,OAAO;AAAA;AAAA,UACnC,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ;","names":["CheckboxPrimitive"]}
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkbox-check.tsx"],"sourcesContent":["'use client'\n\nimport { useLayoutEffect, useRef, useState } from 'react'\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox'\n\nimport { cn } from '../../../lib/utils'\n\nconst BOX_MS = 150\nconst DRAW_MS = 350\nconst UNCHECK_MS = 150\nconst EASE = 'cubic-bezier(0.22, 1, 0.36, 1)'\n\nexport function CheckboxCheck({ className, indeterminate, ...props }: CheckboxPrimitive.Root.Props) {\n  const pathRef = useRef<SVGPathElement>(null)\n  const [length, setLength] = useState(15)\n\n  useLayoutEffect(() => {\n    const path = pathRef.current\n    if (path && typeof path.getTotalLength === 'function') {\n      setLength(Math.ceil(path.getTotalLength()))\n    }\n  }, [])\n\n  const mark = indeterminate ? 'M2.12 5.08H8.47' : 'M1.69 5.08L3.81 7.2L8.47 2.54'\n\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary',\n        'motion-reduce:transition-none',\n        className\n      )}\n      style={{ transition: `background-color ${BOX_MS}ms ${EASE}, border-color ${BOX_MS}ms ${EASE}` }}\n      indeterminate={indeterminate}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        keepMounted\n        data-slot=\"checkbox-indicator\"\n        className={cn(\n          'grid size-3.5 place-content-center text-current',\n          '[&_path]:[transition:stroke-dashoffset_var(--check-uncheck)_var(--check-ease)]',\n          '[&_path]:[stroke-dashoffset:var(--check-len)]',\n          'data-checked:[&_path]:[stroke-dashoffset:0]',\n          'data-checked:[&_path]:[transition-duration:var(--check-draw)]',\n          'motion-reduce:[&_path]:transition-none'\n        )}\n        style={\n          {\n            '--check-len': length,\n            '--check-draw': `${DRAW_MS}ms`,\n            '--check-uncheck': `${UNCHECK_MS}ms`,\n            '--check-ease': EASE,\n          } as React.CSSProperties\n        }\n      >\n        <svg viewBox=\"0 0 10.1668 10.1668\" fill=\"none\" aria-hidden className=\"size-full overflow-visible\">\n          <path\n            ref={pathRef}\n            d={mark}\n            stroke=\"currentColor\"\n            strokeWidth={0.9}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            style={{ strokeDasharray: length }}\n          />\n        </svg>\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport default CheckboxCheck"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0DU;AAxDV,mBAAkD;AAClD,sBAA8C;AAE9C,mBAAmB;AAEnB,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,aAAa;AACnB,MAAM,OAAO;AAEN,SAAS,cAAc,EAAE,WAAW,eAAe,GAAG,MAAM,GAAiC;AAClG,QAAM,cAAU,qBAAuB,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,EAAE;AAEvC,oCAAgB,MAAM;AACpB,UAAM,OAAO,QAAQ;AACrB,QAAI,QAAQ,OAAO,KAAK,mBAAmB,YAAY;AACrD,gBAAU,KAAK,KAAK,KAAK,eAAe,CAAC,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,gBAAgB,oBAAoB;AAEjD,SACE;AAAA,IAAC,gBAAAA,SAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,YAAY,oBAAoB,MAAM,MAAM,IAAI,kBAAkB,MAAM,MAAM,IAAI,GAAG;AAAA,MAC9F;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,gBAAAA,SAAkB;AAAA,QAAlB;AAAA,UACC,aAAW;AAAA,UACX,aAAU;AAAA,UACV,eAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OACE;AAAA,YACE,eAAe;AAAA,YACf,gBAAgB,GAAG,OAAO;AAAA,YAC1B,mBAAmB,GAAG,UAAU;AAAA,YAChC,gBAAgB;AAAA,UAClB;AAAA,UAGF,sDAAC,SAAI,SAAQ,uBAAsB,MAAK,QAAO,eAAW,MAAC,WAAU,8BACnE;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,GAAG;AAAA,cACH,QAAO;AAAA,cACP,aAAa;AAAA,cACb,eAAc;AAAA,cACd,gBAAe;AAAA,cACf,OAAO,EAAE,iBAAiB,OAAO;AAAA;AAAA,UACnC,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ;","names":["CheckboxPrimitive"]}

package/dist/blocks/e-commerce/checkout-forms/checkbox-check.mjs

@@ -12,7 +12,7 @@ function CheckboxCheck({ className, indeterminate, ...props }) {
   const [length, setLength] = useState(15);
   useLayoutEffect(() => {
     const path = pathRef.current;
-    if (path) {
+    if (path && typeof path.getTotalLength === "function") {
       setLength(Math.ceil(path.getTotalLength()));
     }
   }, []);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkbox-check.tsx"],"sourcesContent":["'use client'\n\nimport { useLayoutEffect, useRef, useState } from 'react'\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox'\n\nimport { cn } from '../../../lib/utils'\n\nconst BOX_MS = 150\nconst DRAW_MS = 350\nconst UNCHECK_MS = 150\nconst EASE = 'cubic-bezier(0.22, 1, 0.36, 1)'\n\nexport function CheckboxCheck({ className, indeterminate, ...props }: CheckboxPrimitive.Root.Props) {\n  const pathRef = useRef<SVGPathElement>(null)\n  const [length, setLength] = useState(15)\n\n  useLayoutEffect(() => {\n    const path = pathRef.current\n    if (path) {\n      setLength(Math.ceil(path.getTotalLength()))\n    }\n  }, [])\n\n  const mark = indeterminate ? 'M2.12 5.08H8.47' : 'M1.69 5.08L3.81 7.2L8.47 2.54'\n\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary',\n        'motion-reduce:transition-none',\n        className\n      )}\n      style={{ transition: `background-color ${BOX_MS}ms ${EASE}, border-color ${BOX_MS}ms ${EASE}` }}\n      indeterminate={indeterminate}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        keepMounted\n        data-slot=\"checkbox-indicator\"\n        className={cn(\n          'grid size-3.5 place-content-center text-current',\n          '[&_path]:[transition:stroke-dashoffset_var(--check-uncheck)_var(--check-ease)]',\n          '[&_path]:[stroke-dashoffset:var(--check-len)]',\n          'data-checked:[&_path]:[stroke-dashoffset:0]',\n          'data-checked:[&_path]:[transition-duration:var(--check-draw)]',\n          'motion-reduce:[&_path]:transition-none'\n        )}\n        style={\n          {\n            '--check-len': length,\n            '--check-draw': `${DRAW_MS}ms`,\n            '--check-uncheck': `${UNCHECK_MS}ms`,\n            '--check-ease': EASE,\n          } as React.CSSProperties\n        }\n      >\n        <svg viewBox=\"0 0 10.1668 10.1668\" fill=\"none\" aria-hidden className=\"size-full overflow-visible\">\n          <path\n            ref={pathRef}\n            d={mark}\n            stroke=\"currentColor\"\n            strokeWidth={0.9}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            style={{ strokeDasharray: length }}\n          />\n        </svg>\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport default CheckboxCheck"],"mappings":";AA0DU;AAxDV,SAAS,iBAAiB,QAAQ,gBAAgB;AAClD,SAAS,YAAY,yBAAyB;AAE9C,SAAS,UAAU;AAEnB,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,aAAa;AACnB,MAAM,OAAO;AAEN,SAAS,cAAc,EAAE,WAAW,eAAe,GAAG,MAAM,GAAiC;AAClG,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,kBAAgB,MAAM;AACpB,UAAM,OAAO,QAAQ;AACrB,QAAI,MAAM;AACR,gBAAU,KAAK,KAAK,KAAK,eAAe,CAAC,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,gBAAgB,oBAAoB;AAEjD,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,YAAY,oBAAoB,MAAM,MAAM,IAAI,kBAAkB,MAAM,MAAM,IAAI,GAAG;AAAA,MAC9F;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACC,aAAW;AAAA,UACX,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OACE;AAAA,YACE,eAAe;AAAA,YACf,gBAAgB,GAAG,OAAO;AAAA,YAC1B,mBAAmB,GAAG,UAAU;AAAA,YAChC,gBAAgB;AAAA,UAClB;AAAA,UAGF,8BAAC,SAAI,SAAQ,uBAAsB,MAAK,QAAO,eAAW,MAAC,WAAU,8BACnE;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,GAAG;AAAA,cACH,QAAO;AAAA,cACP,aAAa;AAAA,cACb,eAAc;AAAA,cACd,gBAAe;AAAA,cACf,OAAO,EAAE,iBAAiB,OAAO;AAAA;AAAA,UACnC,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ;","names":[]}
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkbox-check.tsx"],"sourcesContent":["'use client'\n\nimport { useLayoutEffect, useRef, useState } from 'react'\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox'\n\nimport { cn } from '../../../lib/utils'\n\nconst BOX_MS = 150\nconst DRAW_MS = 350\nconst UNCHECK_MS = 150\nconst EASE = 'cubic-bezier(0.22, 1, 0.36, 1)'\n\nexport function CheckboxCheck({ className, indeterminate, ...props }: CheckboxPrimitive.Root.Props) {\n  const pathRef = useRef<SVGPathElement>(null)\n  const [length, setLength] = useState(15)\n\n  useLayoutEffect(() => {\n    const path = pathRef.current\n    if (path && typeof path.getTotalLength === 'function') {\n      setLength(Math.ceil(path.getTotalLength()))\n    }\n  }, [])\n\n  const mark = indeterminate ? 'M2.12 5.08H8.47' : 'M1.69 5.08L3.81 7.2L8.47 2.54'\n\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer relative flex size-4 shrink-0 items-center justify-center rounded-[4px] border border-input outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary',\n        'motion-reduce:transition-none',\n        className\n      )}\n      style={{ transition: `background-color ${BOX_MS}ms ${EASE}, border-color ${BOX_MS}ms ${EASE}` }}\n      indeterminate={indeterminate}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        keepMounted\n        data-slot=\"checkbox-indicator\"\n        className={cn(\n          'grid size-3.5 place-content-center text-current',\n          '[&_path]:[transition:stroke-dashoffset_var(--check-uncheck)_var(--check-ease)]',\n          '[&_path]:[stroke-dashoffset:var(--check-len)]',\n          'data-checked:[&_path]:[stroke-dashoffset:0]',\n          'data-checked:[&_path]:[transition-duration:var(--check-draw)]',\n          'motion-reduce:[&_path]:transition-none'\n        )}\n        style={\n          {\n            '--check-len': length,\n            '--check-draw': `${DRAW_MS}ms`,\n            '--check-uncheck': `${UNCHECK_MS}ms`,\n            '--check-ease': EASE,\n          } as React.CSSProperties\n        }\n      >\n        <svg viewBox=\"0 0 10.1668 10.1668\" fill=\"none\" aria-hidden className=\"size-full overflow-visible\">\n          <path\n            ref={pathRef}\n            d={mark}\n            stroke=\"currentColor\"\n            strokeWidth={0.9}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            style={{ strokeDasharray: length }}\n          />\n        </svg>\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  )\n}\n\nexport default CheckboxCheck"],"mappings":";AA0DU;AAxDV,SAAS,iBAAiB,QAAQ,gBAAgB;AAClD,SAAS,YAAY,yBAAyB;AAE9C,SAAS,UAAU;AAEnB,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,aAAa;AACnB,MAAM,OAAO;AAEN,SAAS,cAAc,EAAE,WAAW,eAAe,GAAG,MAAM,GAAiC;AAClG,QAAM,UAAU,OAAuB,IAAI;AAC3C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAEvC,kBAAgB,MAAM;AACpB,UAAM,OAAO,QAAQ;AACrB,QAAI,QAAQ,OAAO,KAAK,mBAAmB,YAAY;AACrD,gBAAU,KAAK,KAAK,KAAK,eAAe,CAAC,CAAC;AAAA,IAC5C;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,OAAO,gBAAgB,oBAAoB;AAEjD,SACE;AAAA,IAAC,kBAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACA,OAAO,EAAE,YAAY,oBAAoB,MAAM,MAAM,IAAI,kBAAkB,MAAM,MAAM,IAAI,GAAG;AAAA,MAC9F;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,kBAAkB;AAAA,QAAlB;AAAA,UACC,aAAW;AAAA,UACX,aAAU;AAAA,UACV,WAAW;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,UACA,OACE;AAAA,YACE,eAAe;AAAA,YACf,gBAAgB,GAAG,OAAO;AAAA,YAC1B,mBAAmB,GAAG,UAAU;AAAA,YAChC,gBAAgB;AAAA,UAClB;AAAA,UAGF,8BAAC,SAAI,SAAQ,uBAAsB,MAAK,QAAO,eAAW,MAAC,WAAU,8BACnE;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,GAAG;AAAA,cACH,QAAO;AAAA,cACP,aAAa;AAAA,cACb,eAAc;AAAA,cACd,gBAAe;AAAA,cACf,OAAO,EAAE,iBAAiB,OAAO;AAAA;AAAA,UACnC,GACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ;","names":[]}

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

@@ -0,0 +1,11 @@
+import type { CheckoutAddressValues } from '@thorprovider/types';
+/**
+ * Compare two controlled addresses for the saved-address affordances.
+ *
+ * The host may serialise an absent optional field as `undefined` or as an
+ * empty string; both mean "not supplied" and must compare equal. Whitespace is
+ * ignored so a value that only gained surrounding spaces is still the same
+ * address. Every address key participates.
+ */
+export declare function addressesEqual(a: CheckoutAddressValues, b: CheckoutAddressValues): boolean;
+//# sourceMappingURL=checkout-address-equality.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-address-equality.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-address-equality.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAmBhE;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,CAAC,EAAE,qBAAqB,EACxB,CAAC,EAAE,qBAAqB,GACvB,OAAO,CAET"}

package/dist/blocks/e-commerce/checkout-forms/checkout-address-equality.js

@@ -0,0 +1,46 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var checkout_address_equality_exports = {};
+__export(checkout_address_equality_exports, {
+  addressesEqual: () => addressesEqual
+});
+module.exports = __toCommonJS(checkout_address_equality_exports);
+const ADDRESS_KEYS = [
+  "firstName",
+  "lastName",
+  "address1",
+  "address2",
+  "company",
+  "city",
+  "province",
+  "postalCode",
+  "countryCode",
+  "phone"
+];
+function normalize(value) {
+  return (value ?? "").trim();
+}
+function addressesEqual(a, b) {
+  return ADDRESS_KEYS.every((key) => normalize(a[key]) === normalize(b[key]));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addressesEqual
+});
+//# sourceMappingURL=checkout-address-equality.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-address-equality.ts"],"sourcesContent":["import type { CheckoutAddressValues } from '@thorprovider/types'\n\nconst ADDRESS_KEYS: Array<keyof CheckoutAddressValues> = [\n  'firstName',\n  'lastName',\n  'address1',\n  'address2',\n  'company',\n  'city',\n  'province',\n  'postalCode',\n  'countryCode',\n  'phone',\n]\n\nfunction normalize(value: string | undefined): string {\n  return (value ?? '').trim()\n}\n\n/**\n * Compare two controlled addresses for the saved-address affordances.\n *\n * The host may serialise an absent optional field as `undefined` or as an\n * empty string; both mean \"not supplied\" and must compare equal. Whitespace is\n * ignored so a value that only gained surrounding spaces is still the same\n * address. Every address key participates.\n */\nexport function addressesEqual(\n  a: CheckoutAddressValues,\n  b: CheckoutAddressValues,\n): boolean {\n  return ADDRESS_KEYS.every((key) => normalize(a[key]) === normalize(b[key]))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,eAAmD;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,UAAU,OAAmC;AACpD,UAAQ,SAAS,IAAI,KAAK;AAC5B;AAUO,SAAS,eACd,GACA,GACS;AACT,SAAO,aAAa,MAAM,CAAC,QAAQ,UAAU,EAAE,GAAG,CAAC,MAAM,UAAU,EAAE,GAAG,CAAC,CAAC;AAC5E;","names":[]}

package/dist/blocks/e-commerce/checkout-forms/checkout-address-equality.mjs

@@ -0,0 +1,22 @@
+const ADDRESS_KEYS = [
+  "firstName",
+  "lastName",
+  "address1",
+  "address2",
+  "company",
+  "city",
+  "province",
+  "postalCode",
+  "countryCode",
+  "phone"
+];
+function normalize(value) {
+  return (value ?? "").trim();
+}
+function addressesEqual(a, b) {
+  return ADDRESS_KEYS.every((key) => normalize(a[key]) === normalize(b[key]));
+}
+export {
+  addressesEqual
+};
+//# sourceMappingURL=checkout-address-equality.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-address-equality.ts"],"sourcesContent":["import type { CheckoutAddressValues } from '@thorprovider/types'\n\nconst ADDRESS_KEYS: Array<keyof CheckoutAddressValues> = [\n  'firstName',\n  'lastName',\n  'address1',\n  'address2',\n  'company',\n  'city',\n  'province',\n  'postalCode',\n  'countryCode',\n  'phone',\n]\n\nfunction normalize(value: string | undefined): string {\n  return (value ?? '').trim()\n}\n\n/**\n * Compare two controlled addresses for the saved-address affordances.\n *\n * The host may serialise an absent optional field as `undefined` or as an\n * empty string; both mean \"not supplied\" and must compare equal. Whitespace is\n * ignored so a value that only gained surrounding spaces is still the same\n * address. Every address key participates.\n */\nexport function addressesEqual(\n  a: CheckoutAddressValues,\n  b: CheckoutAddressValues,\n): boolean {\n  return ADDRESS_KEYS.every((key) => normalize(a[key]) === normalize(b[key]))\n}\n"],"mappings":"AAEA,MAAM,eAAmD;AAAA,EACvD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,UAAU,OAAmC;AACpD,UAAQ,SAAS,IAAI,KAAK;AAC5B;AAUO,SAAS,eACd,GACA,GACS;AACT,SAAO,aAAa,MAAM,CAAC,QAAQ,UAAU,EAAE,GAAG,CAAC,MAAM,UAAU,EAAE,GAAG,CAAC,CAAC;AAC5E;","names":[]}

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

@@ -0,0 +1,28 @@
+import type { CheckoutAddressLevel, CheckoutAddressValues, CheckoutLocationOptions } from '@thorprovider/types';
+import type { CheckoutFieldError } from './checkout-form-types';
+import type { CheckoutAddressChangeHandler, CheckoutLabels } from './checkout';
+type AddressErrors = Partial<Record<keyof CheckoutAddressValues, CheckoutFieldError[]>>;
+type AddressDescriptions = Partial<Record<keyof CheckoutAddressValues, string>>;
+export interface CheckoutAddressFieldsProps {
+    prefix: 'shipping' | 'billing';
+    values: CheckoutAddressValues;
+    onChange: CheckoutAddressChangeHandler;
+    locations?: CheckoutLocationOptions;
+    onRetryLocation?: (level: CheckoutAddressLevel) => void;
+    labels: CheckoutLabels;
+    errors?: AddressErrors;
+    descriptions?: AddressDescriptions;
+    /** Rendered only for the shipping variant; billing keeps its own section heading. */
+    heading?: string;
+    description?: string;
+    requiredPhone?: boolean;
+}
+/**
+ * The shared address form. The recipient fields come first, then the delivery
+ * address in a fixed order: line 1 (required), line 2 (optional), country,
+ * state/province, city, postal code. Billing reuses the same fields without the
+ * recipient legend.
+ */
+export declare function CheckoutAddressFields({ prefix, values, onChange, locations, onRetryLocation, labels, errors, descriptions, heading, description, requiredPhone, }: CheckoutAddressFieldsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=checkout-address-fields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkout-address-fields.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/checkout-forms/checkout-address-fields.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACV,oBAAoB,EACpB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qBAAqB,CAAA;AAI5B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC/D,OAAO,KAAK,EACV,4BAA4B,EAE5B,cAAc,EACf,MAAM,YAAY,CAAA;AAEnB,KAAK,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,qBAAqB,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAA;AACvF,KAAK,mBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,qBAAqB,EAAE,MAAM,CAAC,CAAC,CAAA;AAE/E,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,UAAU,GAAG,SAAS,CAAA;IAC9B,MAAM,EAAE,qBAAqB,CAAA;IAC7B,QAAQ,EAAE,4BAA4B,CAAA;IACtC,SAAS,CAAC,EAAE,uBAAuB,CAAA;IACnC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAA;IACvD,MAAM,EAAE,cAAc,CAAA;IACtB,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,YAAY,CAAC,EAAE,mBAAmB,CAAA;IAClC,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,eAAe,EACf,MAAM,EACN,MAAM,EACN,YAAY,EACZ,OAAO,EACP,WAAW,EACX,aAAqB,GACtB,EAAE,0BAA0B,+BA+L5B"}

package/dist/blocks/e-commerce/checkout-forms/checkout-address-fields.js

@@ -0,0 +1,278 @@
+"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_address_fields_exports = {};
+__export(checkout_address_fields_exports, {
+  CheckoutAddressFields: () => CheckoutAddressFields
+});
+module.exports = __toCommonJS(checkout_address_fields_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_checkout_field_feedback = require("./checkout-field-feedback.js");
+var import_checkout_location_select = require("./checkout-location-select.js");
+var import_checkout_id_context = require("./checkout-id-context.js");
+function CheckoutAddressFields({
+  prefix,
+  values,
+  onChange,
+  locations,
+  onRetryLocation,
+  labels,
+  errors,
+  descriptions,
+  heading,
+  description,
+  requiredPhone = false
+}) {
+  const checkoutId = (0, import_checkout_id_context.useCheckoutIds)();
+  const id = (field) => checkoutId(`checkout-${prefix}-${field}`);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldGroup, { className: "grid grid-cols-1 gap-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldSet, { children: [
+      heading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLegend, { children: heading }) : null,
+      description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-muted-foreground -mt-3 text-sm", children: description }) : null,
+      /* @__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": !!errors?.firstName?.length, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("first-name"), children: labels.firstNameLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              id: id("first-name"),
+              autoComplete: "given-name",
+              "aria-required": "true",
+              value: values.firstName,
+              onChange: (e) => onChange("firstName", e.target.value),
+              ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("first-name"), errors?.firstName)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_checkout_field_feedback.CheckoutFieldFeedback,
+            {
+              id: id("first-name"),
+              errors: errors?.firstName,
+              description: descriptions?.firstName
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.lastName?.length, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("last-name"), children: labels.lastNameLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_input.Input,
+            {
+              id: id("last-name"),
+              autoComplete: "family-name",
+              "aria-required": "true",
+              value: values.lastName,
+              onChange: (e) => onChange("lastName", e.target.value),
+              ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("last-name"), errors?.lastName)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_checkout_field_feedback.CheckoutFieldFeedback,
+            {
+              id: id("last-name"),
+              errors: errors?.lastName,
+              description: descriptions?.lastName
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.company?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("company"), children: labels.companyLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("company"),
+            autoComplete: "organization",
+            value: values.company ?? "",
+            onChange: (e) => onChange("company", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("company"), errors?.company)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("company"),
+            errors: errors?.company,
+            description: descriptions?.company
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.phone?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldLabel, { htmlFor: id("phone"), children: [
+          labels.phoneLabel,
+          !requiredPhone ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-muted-foreground", children: [
+            " (",
+            labels.optionalIndicatorLabel,
+            ")"
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("phone"),
+            type: "tel",
+            inputMode: "tel",
+            autoComplete: "tel",
+            "aria-required": requiredPhone || void 0,
+            value: values.phone ?? "",
+            onChange: (e) => onChange("phone", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("phone"), errors?.phone)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("phone"),
+            errors: errors?.phone,
+            description: descriptions?.phone
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.FieldSet, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLegend, { children: labels.addressHeading }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.address1?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("address"), children: labels.addressLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("address"),
+            "data-checkout-field": `${prefix}.address1`,
+            autoComplete: "address-line1",
+            "aria-required": "true",
+            value: values.address1,
+            onChange: (e) => onChange("address1", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("address"), errors?.address1)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("address"),
+            errors: errors?.address1,
+            description: descriptions?.address1
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.address2?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("address2"), children: labels.address2Label }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("address2"),
+            autoComplete: "address-line2",
+            value: values.address2 ?? "",
+            onChange: (e) => onChange("address2", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("address2"), errors?.address2)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("address2"),
+            errors: errors?.address2,
+            description: descriptions?.address2
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_checkout_location_select.CheckoutLocationSelect,
+        {
+          id: id("country"),
+          label: labels.countryLabel,
+          placeholder: labels.countryPlaceholder,
+          value: values.countryCode,
+          options: locations?.countries ?? [],
+          state: locations?.countriesState,
+          error: locations?.countriesError,
+          onChange: (value) => onChange("countryCode", value),
+          onRetry: onRetryLocation ? () => onRetryLocation("countries") : void 0,
+          labels,
+          errors: errors?.countryCode,
+          description: descriptions?.countryCode
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_location_select.CheckoutLocationSelect,
+          {
+            id: id("province"),
+            label: labels.stateLabel,
+            placeholder: labels.provincePlaceholder,
+            value: values.province ?? "",
+            options: values.countryCode ? locations?.provinces ?? [] : [],
+            state: values.countryCode ? locations?.provincesState : void 0,
+            error: values.countryCode ? locations?.provincesError : void 0,
+            disabled: !values.countryCode,
+            onChange: (value) => onChange("province", value),
+            onRetry: onRetryLocation ? () => onRetryLocation("provinces") : void 0,
+            labels,
+            errors: errors?.province,
+            description: descriptions?.province
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_location_select.CheckoutLocationSelect,
+          {
+            id: id("city"),
+            label: labels.cityLabel,
+            placeholder: labels.cityPlaceholder,
+            value: values.city,
+            options: values.province ? locations?.cities ?? [] : [],
+            state: values.province ? locations?.citiesState : void 0,
+            error: values.province ? locations?.citiesError : void 0,
+            disabled: !values.province,
+            onChange: (value) => onChange("city", value),
+            onRetry: onRetryLocation ? () => onRetryLocation("cities") : void 0,
+            labels,
+            errors: errors?.city,
+            description: descriptions?.city
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_field.Field, { "data-invalid": !!errors?.postalCode?.length, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.FieldLabel, { htmlFor: id("zip"), children: labels.zipCodeLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_input.Input,
+          {
+            id: id("zip"),
+            autoComplete: "postal-code",
+            value: values.postalCode ?? "",
+            onChange: (e) => onChange("postalCode", e.target.value),
+            ...(0, import_checkout_field_feedback.checkoutFieldAria)(id("zip"), errors?.postalCode)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_checkout_field_feedback.CheckoutFieldFeedback,
+          {
+            id: id("zip"),
+            errors: errors?.postalCode,
+            description: descriptions?.postalCode
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutAddressFields
+});
+//# sourceMappingURL=checkout-address-fields.js.map