@nok-integration/storefront-react 0.17.1 → 0.17.2

package/dist/index.mjs

@@ -483,18 +483,18 @@ function requireParseUtil() {
         if (this.value !== "aborted")
           this.value = "aborted";
       }
-      static mergeArray(status2, results) {
+      static mergeArray(status, results) {
         const arrayValue = [];
         for (const s of results) {
           if (s.status === "aborted")
             return exports.INVALID;
           if (s.status === "dirty")
-            status2.dirty();
+            status.dirty();
           arrayValue.push(s.value);
         }
-        return { status: status2.value, value: arrayValue };
+        return { status: status.value, value: arrayValue };
       }
-      static async mergeObjectAsync(status2, pairs) {
+      static async mergeObjectAsync(status, pairs) {
         const syncPairs = [];
         for (const pair of pairs) {
           const key = await pair.key;
@@ -504,9 +504,9 @@ function requireParseUtil() {
             value: value2
           });
         }
-        return ParseStatus.mergeObjectSync(status2, syncPairs);
+        return ParseStatus.mergeObjectSync(status, syncPairs);
       }
-      static mergeObjectSync(status2, pairs) {
+      static mergeObjectSync(status, pairs) {
         const finalObject = {};
         for (const pair of pairs) {
           const { key, value: value2 } = pair;
@@ -515,14 +515,14 @@ function requireParseUtil() {
           if (value2.status === "aborted")
             return exports.INVALID;
           if (key.status === "dirty")
-            status2.dirty();
+            status.dirty();
           if (value2.status === "dirty")
-            status2.dirty();
+            status.dirty();
           if (key.value !== "__proto__" && (typeof value2.value !== "undefined" || pair.alwaysSet)) {
             finalObject[key.value] = value2.value;
           }
         }
-        return { status: status2.value, value: finalObject };
+        return { status: status.value, value: finalObject };
       }
     }
     exports.ParseStatus = ParseStatus;
@@ -1023,7 +1023,7 @@ function requireTypes() {
         });
         return parseUtil_js_1.INVALID;
       }
-      const status2 = new parseUtil_js_1.ParseStatus();
+      const status = new parseUtil_js_1.ParseStatus();
       let ctx = void 0;
       for (const check of this._def.checks) {
         if (check.kind === "min") {
@@ -1037,7 +1037,7 @@ function requireTypes() {
               exact: false,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "max") {
           if (input.data.length > check.value) {
@@ -1050,7 +1050,7 @@ function requireTypes() {
               exact: false,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "length") {
           const tooBig = input.data.length > check.value;
@@ -1076,7 +1076,7 @@ function requireTypes() {
                 message: check.message
               });
             }
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "email") {
           if (!emailRegex.test(input.data)) {
@@ -1086,7 +1086,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "emoji") {
           if (!emojiRegex) {
@@ -1099,7 +1099,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "uuid") {
           if (!uuidRegex.test(input.data)) {
@@ -1109,7 +1109,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "nanoid") {
           if (!nanoidRegex.test(input.data)) {
@@ -1119,7 +1119,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "cuid") {
           if (!cuidRegex.test(input.data)) {
@@ -1129,7 +1129,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "cuid2") {
           if (!cuid2Regex.test(input.data)) {
@@ -1139,7 +1139,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "ulid") {
           if (!ulidRegex.test(input.data)) {
@@ -1149,7 +1149,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "url") {
           try {
@@ -1161,7 +1161,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "regex") {
           check.regex.lastIndex = 0;
@@ -1173,7 +1173,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "trim") {
           input.data = input.data.trim();
@@ -1185,7 +1185,7 @@ function requireTypes() {
               validation: { includes: check.value, position: check.position },
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "toLowerCase") {
           input.data = input.data.toLowerCase();
@@ -1199,7 +1199,7 @@ function requireTypes() {
               validation: { startsWith: check.value },
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "endsWith") {
           if (!input.data.endsWith(check.value)) {
@@ -1209,7 +1209,7 @@ function requireTypes() {
               validation: { endsWith: check.value },
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "datetime") {
           const regex = datetimeRegex(check);
@@ -1220,7 +1220,7 @@ function requireTypes() {
               validation: "datetime",
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "date") {
           const regex = dateRegex;
@@ -1231,7 +1231,7 @@ function requireTypes() {
               validation: "date",
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "time") {
           const regex = timeRegex(check);
@@ -1242,7 +1242,7 @@ function requireTypes() {
               validation: "time",
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "duration") {
           if (!durationRegex.test(input.data)) {
@@ -1252,7 +1252,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "ip") {
           if (!isValidIP(input.data, check.version)) {
@@ -1262,7 +1262,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "jwt") {
           if (!isValidJWT(input.data, check.alg)) {
@@ -1272,7 +1272,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "cidr") {
           if (!isValidCidr(input.data, check.version)) {
@@ -1282,7 +1282,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "base64") {
           if (!base64Regex.test(input.data)) {
@@ -1292,7 +1292,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "base64url") {
           if (!base64urlRegex.test(input.data)) {
@@ -1302,13 +1302,13 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.invalid_string,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else {
           util_js_1.util.assertNever(check);
         }
       }
-      return { status: status2.value, value: input.data };
+      return { status: status.value, value: input.data };
     }
     _regex(regex, validation, message2) {
       return this.refinement((data) => regex.test(data), {
@@ -1585,7 +1585,7 @@ function requireTypes() {
         return parseUtil_js_1.INVALID;
       }
       let ctx = void 0;
-      const status2 = new parseUtil_js_1.ParseStatus();
+      const status = new parseUtil_js_1.ParseStatus();
       for (const check of this._def.checks) {
         if (check.kind === "int") {
           if (!util_js_1.util.isInteger(input.data)) {
@@ -1596,7 +1596,7 @@ function requireTypes() {
               received: "float",
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "min") {
           const tooSmall = check.inclusive ? input.data < check.value : input.data <= check.value;
@@ -1610,7 +1610,7 @@ function requireTypes() {
               exact: false,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "max") {
           const tooBig = check.inclusive ? input.data > check.value : input.data >= check.value;
@@ -1624,7 +1624,7 @@ function requireTypes() {
               exact: false,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "multipleOf") {
           if (floatSafeRemainder(input.data, check.value) !== 0) {
@@ -1634,7 +1634,7 @@ function requireTypes() {
               multipleOf: check.value,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "finite") {
           if (!Number.isFinite(input.data)) {
@@ -1643,13 +1643,13 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.not_finite,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else {
           util_js_1.util.assertNever(check);
         }
       }
-      return { status: status2.value, value: input.data };
+      return { status: status.value, value: input.data };
     }
     gte(value2, message2) {
       return this.setLimit("min", value2, true, errorUtil_js_1.errorUtil.toString(message2));
@@ -1815,7 +1815,7 @@ function requireTypes() {
         return this._getInvalidInput(input);
       }
       let ctx = void 0;
-      const status2 = new parseUtil_js_1.ParseStatus();
+      const status = new parseUtil_js_1.ParseStatus();
       for (const check of this._def.checks) {
         if (check.kind === "min") {
           const tooSmall = check.inclusive ? input.data < check.value : input.data <= check.value;
@@ -1828,7 +1828,7 @@ function requireTypes() {
               inclusive: check.inclusive,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "max") {
           const tooBig = check.inclusive ? input.data > check.value : input.data >= check.value;
@@ -1841,7 +1841,7 @@ function requireTypes() {
               inclusive: check.inclusive,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "multipleOf") {
           if (input.data % check.value !== BigInt(0)) {
@@ -1851,13 +1851,13 @@ function requireTypes() {
               multipleOf: check.value,
               message: check.message
             });
-            status2.dirty();
+            status.dirty();
           }
         } else {
           util_js_1.util.assertNever(check);
         }
       }
-      return { status: status2.value, value: input.data };
+      return { status: status.value, value: input.data };
     }
     _getInvalidInput(input) {
       const ctx = this._getOrReturnCtx(input);
@@ -2017,7 +2017,7 @@ function requireTypes() {
         });
         return parseUtil_js_1.INVALID;
       }
-      const status2 = new parseUtil_js_1.ParseStatus();
+      const status = new parseUtil_js_1.ParseStatus();
       let ctx = void 0;
       for (const check of this._def.checks) {
         if (check.kind === "min") {
@@ -2031,7 +2031,7 @@ function requireTypes() {
               minimum: check.value,
               type: "date"
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (check.kind === "max") {
           if (input.data.getTime() > check.value) {
@@ -2044,14 +2044,14 @@ function requireTypes() {
               maximum: check.value,
               type: "date"
             });
-            status2.dirty();
+            status.dirty();
           }
         } else {
           util_js_1.util.assertNever(check);
         }
       }
       return {
-        status: status2.value,
+        status: status.value,
         value: new Date(input.data.getTime())
       };
     }
@@ -2245,7 +2245,7 @@ function requireTypes() {
   };
   class ZodArray extends ZodType {
     _parse(input) {
-      const { ctx, status: status2 } = this._processInputParams(input);
+      const { ctx, status } = this._processInputParams(input);
       const def = this._def;
       if (ctx.parsedType !== util_js_1.ZodParsedType.array) {
         (0, parseUtil_js_1.addIssueToContext)(ctx, {
@@ -2268,7 +2268,7 @@ function requireTypes() {
             exact: true,
             message: def.exactLength.message
           });
-          status2.dirty();
+          status.dirty();
         }
       }
       if (def.minLength !== null) {
@@ -2281,7 +2281,7 @@ function requireTypes() {
             exact: false,
             message: def.minLength.message
           });
-          status2.dirty();
+          status.dirty();
         }
       }
       if (def.maxLength !== null) {
@@ -2294,20 +2294,20 @@ function requireTypes() {
             exact: false,
             message: def.maxLength.message
           });
-          status2.dirty();
+          status.dirty();
         }
       }
       if (ctx.common.async) {
         return Promise.all([...ctx.data].map((item2, i) => {
           return def.type._parseAsync(new ParseInputLazyPath(ctx, item2, ctx.path, i));
         })).then((result2) => {
-          return parseUtil_js_1.ParseStatus.mergeArray(status2, result2);
+          return parseUtil_js_1.ParseStatus.mergeArray(status, result2);
         });
       }
       const result = [...ctx.data].map((item2, i) => {
         return def.type._parseSync(new ParseInputLazyPath(ctx, item2, ctx.path, i));
       });
-      return parseUtil_js_1.ParseStatus.mergeArray(status2, result);
+      return parseUtil_js_1.ParseStatus.mergeArray(status, result);
     }
     get element() {
       return this._def.type;
@@ -2397,7 +2397,7 @@ function requireTypes() {
         });
         return parseUtil_js_1.INVALID;
       }
-      const { status: status2, ctx } = this._processInputParams(input);
+      const { status, ctx } = this._processInputParams(input);
       const { shape, keys: shapeKeys } = this._getCached();
       const extraKeys = [];
       if (!(this._def.catchall instanceof ZodNever && this._def.unknownKeys === "strip")) {
@@ -2432,7 +2432,7 @@ function requireTypes() {
               code: ZodError_js_1.ZodIssueCode.unrecognized_keys,
               keys: extraKeys
             });
-            status2.dirty();
+            status.dirty();
           }
         } else if (unknownKeys === "strip") ;
         else {
@@ -2466,10 +2466,10 @@ function requireTypes() {
           }
           return syncPairs;
         }).then((syncPairs) => {
-          return parseUtil_js_1.ParseStatus.mergeObjectSync(status2, syncPairs);
+          return parseUtil_js_1.ParseStatus.mergeObjectSync(status, syncPairs);
         });
       } else {
-        return parseUtil_js_1.ParseStatus.mergeObjectSync(status2, pairs);
+        return parseUtil_js_1.ParseStatus.mergeObjectSync(status, pairs);
       }
     }
     get shape() {
@@ -2950,7 +2950,7 @@ function requireTypes() {
   }
   class ZodIntersection extends ZodType {
     _parse(input) {
-      const { status: status2, ctx } = this._processInputParams(input);
+      const { status, ctx } = this._processInputParams(input);
       const handleParsed = (parsedLeft, parsedRight) => {
         if ((0, parseUtil_js_1.isAborted)(parsedLeft) || (0, parseUtil_js_1.isAborted)(parsedRight)) {
           return parseUtil_js_1.INVALID;
@@ -2963,9 +2963,9 @@ function requireTypes() {
           return parseUtil_js_1.INVALID;
         }
         if ((0, parseUtil_js_1.isDirty)(parsedLeft) || (0, parseUtil_js_1.isDirty)(parsedRight)) {
-          status2.dirty();
+          status.dirty();
         }
-        return { status: status2.value, value: merged.data };
+        return { status: status.value, value: merged.data };
       };
       if (ctx.common.async) {
         return Promise.all([
@@ -3004,7 +3004,7 @@ function requireTypes() {
   };
   class ZodTuple extends ZodType {
     _parse(input) {
-      const { status: status2, ctx } = this._processInputParams(input);
+      const { status, ctx } = this._processInputParams(input);
       if (ctx.parsedType !== util_js_1.ZodParsedType.array) {
         (0, parseUtil_js_1.addIssueToContext)(ctx, {
           code: ZodError_js_1.ZodIssueCode.invalid_type,
@@ -3032,7 +3032,7 @@ function requireTypes() {
           exact: false,
           type: "array"
         });
-        status2.dirty();
+        status.dirty();
       }
       const items2 = [...ctx.data].map((item2, itemIndex) => {
         const schema = this._def.items[itemIndex] || this._def.rest;
@@ -3042,10 +3042,10 @@ function requireTypes() {
       }).filter((x) => !!x);
       if (ctx.common.async) {
         return Promise.all(items2).then((results) => {
-          return parseUtil_js_1.ParseStatus.mergeArray(status2, results);
+          return parseUtil_js_1.ParseStatus.mergeArray(status, results);
         });
       } else {
-        return parseUtil_js_1.ParseStatus.mergeArray(status2, items2);
+        return parseUtil_js_1.ParseStatus.mergeArray(status, items2);
       }
     }
     get items() {
@@ -3078,7 +3078,7 @@ function requireTypes() {
       return this._def.valueType;
     }
     _parse(input) {
-      const { status: status2, ctx } = this._processInputParams(input);
+      const { status, ctx } = this._processInputParams(input);
       if (ctx.parsedType !== util_js_1.ZodParsedType.object) {
         (0, parseUtil_js_1.addIssueToContext)(ctx, {
           code: ZodError_js_1.ZodIssueCode.invalid_type,
@@ -3098,9 +3098,9 @@ function requireTypes() {
         });
       }
       if (ctx.common.async) {
-        return parseUtil_js_1.ParseStatus.mergeObjectAsync(status2, pairs);
+        return parseUtil_js_1.ParseStatus.mergeObjectAsync(status, pairs);
       } else {
-        return parseUtil_js_1.ParseStatus.mergeObjectSync(status2, pairs);
+        return parseUtil_js_1.ParseStatus.mergeObjectSync(status, pairs);
       }
     }
     get element() {
@@ -3132,7 +3132,7 @@ function requireTypes() {
       return this._def.valueType;
     }
     _parse(input) {
-      const { status: status2, ctx } = this._processInputParams(input);
+      const { status, ctx } = this._processInputParams(input);
       if (ctx.parsedType !== util_js_1.ZodParsedType.map) {
         (0, parseUtil_js_1.addIssueToContext)(ctx, {
           code: ZodError_js_1.ZodIssueCode.invalid_type,
@@ -3159,11 +3159,11 @@ function requireTypes() {
               return parseUtil_js_1.INVALID;
             }
             if (key.status === "dirty" || value2.status === "dirty") {
-              status2.dirty();
+              status.dirty();
             }
             finalMap.set(key.value, value2.value);
           }
-          return { status: status2.value, value: finalMap };
+          return { status: status.value, value: finalMap };
         });
       } else {
         const finalMap = /* @__PURE__ */ new Map();
@@ -3174,11 +3174,11 @@ function requireTypes() {
             return parseUtil_js_1.INVALID;
           }
           if (key.status === "dirty" || value2.status === "dirty") {
-            status2.dirty();
+            status.dirty();
           }
           finalMap.set(key.value, value2.value);
         }
-        return { status: status2.value, value: finalMap };
+        return { status: status.value, value: finalMap };
       }
     }
   }
@@ -3193,7 +3193,7 @@ function requireTypes() {
   };
   class ZodSet extends ZodType {
     _parse(input) {
-      const { status: status2, ctx } = this._processInputParams(input);
+      const { status, ctx } = this._processInputParams(input);
       if (ctx.parsedType !== util_js_1.ZodParsedType.set) {
         (0, parseUtil_js_1.addIssueToContext)(ctx, {
           code: ZodError_js_1.ZodIssueCode.invalid_type,
@@ -3213,7 +3213,7 @@ function requireTypes() {
             exact: false,
             message: def.minSize.message
           });
-          status2.dirty();
+          status.dirty();
         }
       }
       if (def.maxSize !== null) {
@@ -3226,7 +3226,7 @@ function requireTypes() {
             exact: false,
             message: def.maxSize.message
           });
-          status2.dirty();
+          status.dirty();
         }
       }
       const valueType = this._def.valueType;
@@ -3236,10 +3236,10 @@ function requireTypes() {
           if (element.status === "aborted")
             return parseUtil_js_1.INVALID;
           if (element.status === "dirty")
-            status2.dirty();
+            status.dirty();
           parsedSet.add(element.value);
         }
-        return { status: status2.value, value: parsedSet };
+        return { status: status.value, value: parsedSet };
       }
       const elements = [...ctx.data.values()].map((item2, i) => valueType._parse(new ParseInputLazyPath(ctx, item2, ctx.path, i)));
       if (ctx.common.async) {
@@ -3577,15 +3577,15 @@ function requireTypes() {
       return this._def.schema._def.typeName === ZodFirstPartyTypeKind.ZodEffects ? this._def.schema.sourceType() : this._def.schema;
     }
     _parse(input) {
-      const { status: status2, ctx } = this._processInputParams(input);
+      const { status, ctx } = this._processInputParams(input);
       const effect = this._def.effect || null;
       const checkCtx = {
         addIssue: (arg) => {
           (0, parseUtil_js_1.addIssueToContext)(ctx, arg);
           if (arg.fatal) {
-            status2.abort();
+            status.abort();
           } else {
-            status2.dirty();
+            status.dirty();
           }
         },
         get path() {
@@ -3597,7 +3597,7 @@ function requireTypes() {
         const processed = effect.transform(ctx.data, checkCtx);
         if (ctx.common.async) {
           return Promise.resolve(processed).then(async (processed2) => {
-            if (status2.value === "aborted")
+            if (status.value === "aborted")
               return parseUtil_js_1.INVALID;
             const result = await this._def.schema._parseAsync({
               data: processed2,
@@ -3608,12 +3608,12 @@ function requireTypes() {
               return parseUtil_js_1.INVALID;
             if (result.status === "dirty")
               return (0, parseUtil_js_1.DIRTY)(result.value);
-            if (status2.value === "dirty")
+            if (status.value === "dirty")
               return (0, parseUtil_js_1.DIRTY)(result.value);
             return result;
           });
         } else {
-          if (status2.value === "aborted")
+          if (status.value === "aborted")
             return parseUtil_js_1.INVALID;
           const result = this._def.schema._parseSync({
             data: processed,
@@ -3624,7 +3624,7 @@ function requireTypes() {
             return parseUtil_js_1.INVALID;
           if (result.status === "dirty")
             return (0, parseUtil_js_1.DIRTY)(result.value);
-          if (status2.value === "dirty")
+          if (status.value === "dirty")
             return (0, parseUtil_js_1.DIRTY)(result.value);
           return result;
         }
@@ -3649,17 +3649,17 @@ function requireTypes() {
           if (inner2.status === "aborted")
             return parseUtil_js_1.INVALID;
           if (inner2.status === "dirty")
-            status2.dirty();
+            status.dirty();
           executeRefinement(inner2.value);
-          return { status: status2.value, value: inner2.value };
+          return { status: status.value, value: inner2.value };
         } else {
           return this._def.schema._parseAsync({ data: ctx.data, path: ctx.path, parent: ctx }).then((inner2) => {
             if (inner2.status === "aborted")
               return parseUtil_js_1.INVALID;
             if (inner2.status === "dirty")
-              status2.dirty();
+              status.dirty();
             return executeRefinement(inner2.value).then(() => {
-              return { status: status2.value, value: inner2.value };
+              return { status: status.value, value: inner2.value };
             });
           });
         }
@@ -3677,13 +3677,13 @@ function requireTypes() {
           if (result instanceof Promise) {
             throw new Error(`Asynchronous transform encountered during synchronous parse operation. Use .parseAsync instead.`);
           }
-          return { status: status2.value, value: result };
+          return { status: status.value, value: result };
         } else {
           return this._def.schema._parseAsync({ data: ctx.data, path: ctx.path, parent: ctx }).then((base) => {
             if (!(0, parseUtil_js_1.isValid)(base))
               return parseUtil_js_1.INVALID;
             return Promise.resolve(effect.transform(base.value, checkCtx)).then((result) => ({
-              status: status2.value,
+              status: status.value,
               value: result
             }));
           });
@@ -3870,7 +3870,7 @@ function requireTypes() {
   types.ZodBranded = ZodBranded;
   class ZodPipeline extends ZodType {
     _parse(input) {
-      const { status: status2, ctx } = this._processInputParams(input);
+      const { status, ctx } = this._processInputParams(input);
       if (ctx.common.async) {
         const handleAsync = async () => {
           const inResult = await this._def.in._parseAsync({
@@ -3881,7 +3881,7 @@ function requireTypes() {
           if (inResult.status === "aborted")
             return parseUtil_js_1.INVALID;
           if (inResult.status === "dirty") {
-            status2.dirty();
+            status.dirty();
             return (0, parseUtil_js_1.DIRTY)(inResult.value);
           } else {
             return this._def.out._parseAsync({
@@ -3901,7 +3901,7 @@ function requireTypes() {
         if (inResult.status === "aborted")
           return parseUtil_js_1.INVALID;
         if (inResult.status === "dirty") {
-          status2.dirty();
+          status.dirty();
           return {
             status: "dirty",
             value: inResult.value
@@ -4252,7 +4252,7 @@ function requireCatalog() {
   hasRequiredCatalog = 1;
   (function(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.CatalogReadQuery = exports.ListProductsQuery = exports.RecommendationsResponse = exports.ProductListResponse = exports.Product = exports.SizeGuide = exports.ProductPromo = exports.ProductVariant = void 0;
+    exports.CatalogReadQuery = exports.ListProductsQuery = exports.RecommendationsResponse = exports.ProductListResponse = exports.Product = exports.SizeGuide = exports.SizeGuideMeasurement = exports.SizeChartUnit = exports.ProductPromo = exports.ProductVariant = void 0;
     const zod_1 = /* @__PURE__ */ requireZod();
     const money_1 = requireMoney();
     const common_1 = requireCommon();
@@ -4276,12 +4276,40 @@ function requireCatalog() {
       /** ISO-8601 end time that drives the countdown; absent = show the message, no timer. */
       ends_at: common_1.Timestamp.optional()
     });
+    exports.SizeChartUnit = zod_1.z.enum(["cm", "in"]);
+    exports.SizeGuideMeasurement = zod_1.z.object({
+      /** e.g. "Chest width". */
+      label: zod_1.z.string().min(1),
+      /** e.g. "Measured 2.5 cm below the armhole, garment flat." */
+      description: zod_1.z.string().min(1)
+    });
     exports.SizeGuide = zod_1.z.object({
       title: zod_1.z.string(),
-      /** Column headings for `rows`, e.g. `['Size', 'Chest (cm)', 'Length (cm)']`. */
+      /** The fit this chart is for, e.g. "Oversized hoodies and zip-ups · Unisex". */
+      subtitle: zod_1.z.string().min(1).optional(),
+      /**
+       * Column headings for `rows`, e.g. `['Size', 'Chest', 'Length']`.
+       *
+       * Bare nouns, with no unit in the heading: the unit belongs to the whole chart and is
+       * named by `unit`, so that a consumer converting to the other unit does not leave
+       * "Chest (cm)" written above a column of inches.
+       */
       columns: zod_1.z.array(zod_1.z.string()).optional(),
       /** One row per size; each row's length matches `columns`. */
       rows: zod_1.z.array(zod_1.z.array(zod_1.z.string())).optional(),
+      /**
+       * The unit `rows` are written in.
+       *
+       * Absent means the numbers carry no declared unit — a consumer must then show them as
+       * they are and offer no conversion, because it has nothing to convert from.
+       */
+      unit: exports.SizeChartUnit.optional(),
+      /** The line under the table, e.g. "All measurements are taken from the garment laid flat, not from the body." */
+      note: zod_1.z.string().min(1).optional(),
+      /** The "How to measure" list. Absent/empty = the section is not drawn. */
+      measurements: zod_1.z.array(exports.SizeGuideMeasurement).optional(),
+      /** The fabric line, e.g. "100% cotton · 220–240 GSM · Oversized fit · Sizes XS–XL". */
+      fabric: zod_1.z.string().min(1).optional(),
       /** Free-text fit guidance, e.g. "Relaxed, slightly oversized fit". */
       notes: zod_1.z.array(zod_1.z.string()).optional()
     });
@@ -4336,7 +4364,7 @@ function requireContent() {
   hasRequiredContent = 1;
   (function(exports) {
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.HomeContent = exports.HomeSlide = exports.CategoryPage = exports.CategoryBlock = exports.ExploreBlock = exports.WhyUsBlock = exports.ReviewBlock = exports.GridBlock = exports.LifestyleImageBlock = exports.FeaturedBlock = exports.LifestyleTextBlock = exports.RailBlock = exports.CategoryHero = void 0;
+    exports.HomeContent = exports.HomeSlide = exports.CategoryPage = exports.CategoryBlock = exports.ProductGalleryBlock = exports.ExploreBlock = exports.WhyUsBlock = exports.ReviewBlock = exports.GridBlock = exports.LifestyleImageBlock = exports.FeaturedBlock = exports.LifestyleTextBlock = exports.RailBlock = exports.CategoryHero = void 0;
     const zod_1 = /* @__PURE__ */ requireZod();
     const common_1 = requireCommon();
     const catalog_1 = requireCatalog();
@@ -4366,7 +4394,7 @@ function requireContent() {
     });
     exports.GridBlock = zod_1.z.object({
       kind: zod_1.z.literal("grid"),
-      title: zod_1.z.string(),
+      title: zod_1.z.string().min(1).optional(),
       products: zod_1.z.array(catalog_1.Product)
     });
     exports.ReviewBlock = zod_1.z.object({
@@ -4387,10 +4415,16 @@ function requireContent() {
       title: zod_1.z.string(),
       links: zod_1.z.array(zod_1.z.object({ label: zod_1.z.string(), code: zod_1.z.string() })).min(1)
     });
+    exports.ProductGalleryBlock = zod_1.z.object({
+      kind: zod_1.z.literal("product_gallery"),
+      title: zod_1.z.string().min(1),
+      product: catalog_1.Product
+    });
     exports.CategoryBlock = zod_1.z.discriminatedUnion("kind", [
       exports.RailBlock,
       exports.LifestyleTextBlock,
       exports.FeaturedBlock,
+      exports.ProductGalleryBlock,
       exports.LifestyleImageBlock,
       exports.GridBlock,
       exports.ReviewBlock,
@@ -4702,6 +4736,12 @@ function requireOrders() {
        * never used to price, and never shown on a picking list.
        */
       customer_ref: zod_1.z.string().min(1),
+      /**
+       * The fan's own name, for support and the order queue. Optional, and absent on every
+       * order placed before DAZN began sending it — the surfaces fall back to the recipient's
+       * name rather than showing a blank, which is what they did for all of them until now.
+       */
+      name: zod_1.z.string().min(1).optional(),
       /**
        * For carrier despatch notifications only. Optional because not every market's carrier
        * takes one, and an address is what actually ships the parcel.
@@ -5098,10 +5138,10 @@ function requireClient() {
     code;
     requestId;
     body;
-    constructor(status2, parsed) {
-      super(parsed?.error.message ?? `DAZN API error (HTTP ${status2})`);
+    constructor(status, parsed) {
+      super(parsed?.error.message ?? `DAZN API error (HTTP ${status})`);
       this.name = "DaznApiError";
-      this.status = status2;
+      this.status = status;
       this.code = parsed?.error.code;
       this.requestId = parsed?.request_id;
       this.body = parsed?.error;
@@ -5540,7 +5580,7 @@ const neutral$1 = "_neutral_1bagf_12";
 const success$1 = "_success_1bagf_17";
 const critical$1 = "_critical_1bagf_22";
 const promo = "_promo_1bagf_27";
-const styles$I = {
+const styles$K = {
   badge: badge$4,
   neutral: neutral$1,
   success: success$1,
@@ -5548,7 +5588,7 @@ const styles$I = {
   promo
 };
 function Badge({ tone = "neutral", children }) {
-  return /* @__PURE__ */ jsx("span", { className: [styles$I.badge, styles$I[tone]].join(" "), children });
+  return /* @__PURE__ */ jsx("span", { className: [styles$K.badge, styles$K[tone]].join(" "), children });
 }
 const button$1 = "_button_tdhm8_1";
 const fullWidth = "_fullWidth_tdhm8_25";
@@ -5557,7 +5597,7 @@ const secondary = "_secondary_tdhm8_34";
 const ghost = "_ghost_tdhm8_40";
 const spinner = "_spinner_tdhm8_62";
 const spin = "_spin_tdhm8_62";
-const styles$H = {
+const styles$J = {
   button: button$1,
   fullWidth,
   primary,
@@ -5583,23 +5623,23 @@ const Button = forwardRef(function Button2({
       ref,
       type,
       className: [
-        styles$H.button,
-        styles$H[variant],
-        fullWidth2 ? styles$H.fullWidth : "",
+        styles$J.button,
+        styles$J[variant],
+        fullWidth2 ? styles$J.fullWidth : "",
         className ?? ""
       ].filter(Boolean).join(" "),
       disabled: isDisabled,
       "aria-busy": loading || void 0,
       ...rest,
       children: [
-        loading && /* @__PURE__ */ jsx("span", { className: styles$H.spinner, "aria-hidden": "true" }),
+        loading && /* @__PURE__ */ jsx("span", { className: styles$J.spinner, "aria-hidden": "true" }),
         /* @__PURE__ */ jsx("span", { children })
       ]
     }
   );
 });
 const skeleton = "_skeleton_1nxz7_1";
-const styles$G = {
+const styles$I = {
   skeleton
 };
 function Skeleton({ width, height, radius, className, circle }) {
@@ -5612,14 +5652,14 @@ function Skeleton({ width, height, radius, className, circle }) {
     "span",
     {
       "aria-hidden": "true",
-      className: [styles$G.skeleton, className ?? ""].filter(Boolean).join(" "),
+      className: [styles$I.skeleton, className ?? ""].filter(Boolean).join(" "),
       style
     }
   );
 }
 const surface$1 = "_surface_cfqo9_10";
 const fill = "_fill_cfqo9_35";
-const styles$F = {
+const styles$H = {
   surface: surface$1,
   fill
 };
@@ -5660,7 +5700,7 @@ const ShopSurface = forwardRef(function ShopSurface2({ tone, fill: fill2 = false
       ...rest,
       ref: attach,
       "data-shop-theme": tone,
-      className: [styles$F.surface, fill2 ? styles$F.fill : "", className ?? ""].filter(Boolean).join(" "),
+      className: [styles$H.surface, fill2 ? styles$H.fill : "", className ?? ""].filter(Boolean).join(" "),
       children
     }
   );
@@ -5668,17 +5708,17 @@ const ShopSurface = forwardRef(function ShopSurface2({ tone, fill: fill2 = false
 const root$6 = "_root_ney0g_1";
 const inner = "_inner_ney0g_6";
 const media$3 = "_media_ney0g_20";
-const lines$3 = "_lines_ney0g_32";
+const lines$2 = "_lines_ney0g_32";
 const lineWide = "_lineWide_ney0g_41";
 const lineMid = "_lineMid_ney0g_45";
 const lineNarrow = "_lineNarrow_ney0g_49";
 const row$8 = "_row_ney0g_53";
 const action$2 = "_action_ney0g_57";
-const styles$E = {
+const styles$G = {
   root: root$6,
   inner,
   media: media$3,
-  lines: lines$3,
+  lines: lines$2,
   lineWide,
   lineMid,
   lineNarrow,
@@ -5686,34 +5726,38 @@ const styles$E = {
   action: action$2
 };
 function ScreenSkeleton({ tone, shape = "media" }) {
-  return /* @__PURE__ */ jsx(ShopSurface, { tone, fill: true, className: styles$E.root, children: /* @__PURE__ */ jsx("div", { className: styles$E.inner, role: "status", "aria-label": "Loading", children: shape === "media" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Skeleton, { className: styles$E.media }),
-    /* @__PURE__ */ jsxs("div", { className: styles$E.lines, children: [
-      /* @__PURE__ */ jsx(Skeleton, { height: 22, className: styles$E.lineWide }),
-      /* @__PURE__ */ jsx(Skeleton, { height: 16, className: styles$E.lineMid }),
-      /* @__PURE__ */ jsx(Skeleton, { height: 16, className: styles$E.lineNarrow })
+  return /* @__PURE__ */ jsx(ShopSurface, { tone, fill: true, className: styles$G.root, children: /* @__PURE__ */ jsx("div", { className: styles$G.inner, role: "status", "aria-label": "Loading", children: shape === "media" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: styles$G.media }),
+    /* @__PURE__ */ jsxs("div", { className: styles$G.lines, children: [
+      /* @__PURE__ */ jsx(Skeleton, { height: 22, className: styles$G.lineWide }),
+      /* @__PURE__ */ jsx(Skeleton, { height: 16, className: styles$G.lineMid }),
+      /* @__PURE__ */ jsx(Skeleton, { height: 16, className: styles$G.lineNarrow })
     ] }),
-    /* @__PURE__ */ jsx(Skeleton, { height: 48, radius: 8, className: styles$E.action })
-  ] }) : /* @__PURE__ */ jsx("div", { className: styles$E.lines, children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx(Skeleton, { height: 72, className: styles$E.row }, i)) }) }) });
-}
-const root$5 = "_root_1u83t_1";
-const icon$4 = "_icon_1u83t_10";
-const title$j = "_title_1u83t_15";
-const body$5 = "_body_1u83t_20";
-const action$1 = "_action_1u83t_33";
-const styles$D = {
+    /* @__PURE__ */ jsx(Skeleton, { height: 48, radius: 8, className: styles$G.action })
+  ] }) : /* @__PURE__ */ jsx("div", { className: styles$G.lines, children: [0, 1, 2, 3].map((i) => /* @__PURE__ */ jsx(Skeleton, { height: 72, className: styles$G.row }, i)) }) }) });
+}
+const root$5 = "_root_ryf3q_6";
+const icon$4 = "_icon_ryf3q_15";
+const text$5 = "_text_ryf3q_21";
+const title$j = "_title_ryf3q_35";
+const body$6 = "_body_ryf3q_40";
+const action$1 = "_action_ryf3q_48";
+const styles$F = {
   root: root$5,
   icon: icon$4,
+  text: text$5,
   title: title$j,
-  body: body$5,
+  body: body$6,
   action: action$1
 };
 function EmptyState({ title: title2, body: body2, action: action2, icon: icon2 }) {
-  return /* @__PURE__ */ jsxs("div", { className: styles$D.root, role: "status", children: [
-    icon2 && /* @__PURE__ */ jsx("div", { className: styles$D.icon, children: icon2 }),
-    /* @__PURE__ */ jsx("h2", { className: styles$D.title, children: title2 }),
-    body2 && /* @__PURE__ */ jsx("p", { className: styles$D.body, children: body2 }),
-    action2 && /* @__PURE__ */ jsx("div", { className: styles$D.action, children: action2 })
+  return /* @__PURE__ */ jsxs("div", { className: styles$F.root, role: "status", children: [
+    icon2 && /* @__PURE__ */ jsx("div", { className: styles$F.icon, children: icon2 }),
+    /* @__PURE__ */ jsxs("div", { className: styles$F.text, children: [
+      /* @__PURE__ */ jsx("h2", { className: styles$F.title, children: title2 }),
+      body2 && /* @__PURE__ */ jsx("p", { className: styles$F.body, children: body2 })
+    ] }),
+    action2 && /* @__PURE__ */ jsx("div", { className: styles$F.action, children: action2 })
   ] });
 }
 const TREATMENTS = {
@@ -5851,18 +5895,18 @@ function isDuplicateOrder(err) {
 }
 const root$4 = "_root_1lbpx_1";
 const title$i = "_title_1lbpx_10";
-const body$4 = "_body_1lbpx_15";
-const styles$C = {
+const body$5 = "_body_1lbpx_15";
+const styles$E = {
   root: root$4,
   title: title$i,
-  body: body$4
+  body: body$5
 };
 function ErrorState({ code, title: title2, body: body2, onRetry, retryLabel }) {
   const treatment = treatmentFor(code);
   const showRetry = Boolean(onRetry) && treatment.retriable;
-  return /* @__PURE__ */ jsxs("div", { className: styles$C.root, role: "alert", children: [
-    /* @__PURE__ */ jsx("h2", { className: styles$C.title, children: title2 ?? treatment.title }),
-    /* @__PURE__ */ jsx("p", { className: styles$C.body, children: body2 ?? treatment.body }),
+  return /* @__PURE__ */ jsxs("div", { className: styles$E.root, role: "alert", children: [
+    /* @__PURE__ */ jsx("h2", { className: styles$E.title, children: title2 ?? treatment.title }),
+    /* @__PURE__ */ jsx("p", { className: styles$E.body, children: body2 ?? treatment.body }),
     showRetry && /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onRetry, children: retryLabel ?? "Try again" })
   ] });
 }
@@ -5882,9 +5926,9 @@ const STATUS_TONE = {
   cancelled: "critical",
   refunded: "critical"
 };
-function StatusBadge({ status: status2 }) {
-  const tone = STATUS_TONE[status2] ?? "neutral";
-  const label2 = STATUS_LABEL[status2] ?? status2;
+function StatusBadge({ status }) {
+  const tone = STATUS_TONE[status] ?? "neutral";
+  const label2 = STATUS_LABEL[status] ?? status;
   return /* @__PURE__ */ jsx(Badge, { tone, children: label2 });
 }
 const viewport = "_viewport_5aafz_14";
@@ -5899,9 +5943,9 @@ const success = "_success_5aafz_163";
 const critical = "_critical_5aafz_168";
 const rich = "_rich_5aafz_183";
 const description = "_description_5aafz_198";
-const thumb$2 = "_thumb_5aafz_216";
+const thumb$1 = "_thumb_5aafz_216";
 const thumbImage = "_thumbImage_5aafz_227";
-const styles$B = {
+const styles$D = {
   viewport,
   anchor,
   caret,
@@ -5914,7 +5958,7 @@ const styles$B = {
   critical,
   rich,
   description,
-  thumb: thumb$2,
+  thumb: thumb$1,
   thumbImage
 };
 const ToastContext = createContext(null);
@@ -6011,35 +6055,35 @@ function ToastProvider({ children }) {
   const api = useMemo(() => ({ show }), [show]);
   return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: api, children: [
     children,
-    /* @__PURE__ */ jsx("div", { className: styles$B.viewport, ref: viewportRef, "aria-live": "polite", "aria-atomic": "false", children: toasts.map((t) => {
+    /* @__PURE__ */ jsx("div", { className: styles$D.viewport, ref: viewportRef, "aria-live": "polite", "aria-atomic": "false", children: toasts.map((t) => {
       const rich2 = Boolean(t.description || t.image);
-      return /* @__PURE__ */ jsxs("div", { className: styles$B.anchor, children: [
-        t.anchor === "cart" && /* @__PURE__ */ jsx("span", { className: styles$B.caret, children: /* @__PURE__ */ jsx(Caret, {}) }),
+      return /* @__PURE__ */ jsxs("div", { className: styles$D.anchor, children: [
+        t.anchor === "cart" && /* @__PURE__ */ jsx("span", { className: styles$D.caret, children: /* @__PURE__ */ jsx(Caret, {}) }),
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: [styles$B.toast, rich2 ? styles$B.rich : styles$B[t.tone]].join(" "),
+            className: [styles$D.toast, rich2 ? styles$D.rich : styles$D[t.tone]].join(" "),
             role: "status",
             children: [
-              t.image && /* @__PURE__ */ jsx("span", { className: styles$B.thumb, children: /* @__PURE__ */ jsx(
+              t.image && /* @__PURE__ */ jsx("span", { className: styles$D.thumb, children: /* @__PURE__ */ jsx(
                 ShopImage,
                 {
                   src: t.image,
                   alt: "",
                   fill: true,
                   sizes: "40px",
-                  className: styles$B.thumbImage
+                  className: styles$D.thumbImage
                 }
               ) }),
-              /* @__PURE__ */ jsxs("span", { className: styles$B.text, children: [
-                /* @__PURE__ */ jsx("span", { className: styles$B.message, children: t.message }),
-                t.description && /* @__PURE__ */ jsx("span", { className: styles$B.description, children: t.description })
+              /* @__PURE__ */ jsxs("span", { className: styles$D.text, children: [
+                /* @__PURE__ */ jsx("span", { className: styles$D.message, children: t.message }),
+                t.description && /* @__PURE__ */ jsx("span", { className: styles$D.description, children: t.description })
               ] }),
               t.action && /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
-                  className: styles$B.action,
+                  className: styles$D.action,
                   onClick: () => {
                     t.action?.onAction();
                     dismiss(t.id);
@@ -6102,13 +6146,13 @@ function useLocale(override) {
 }
 const badge$3 = "_badge_156ya_2";
 const icon$3 = "_icon_156ya_18";
-const styles$A = {
+const styles$C = {
   badge: badge$3,
   icon: icon$3
 };
 function SaleBadge({ pct }) {
-  return /* @__PURE__ */ jsxs("span", { className: styles$A.badge, children: [
-    /* @__PURE__ */ jsxs("svg", { className: styles$A.icon, width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+  return /* @__PURE__ */ jsxs("span", { className: styles$C.badge, children: [
+    /* @__PURE__ */ jsxs("svg", { className: styles$C.icon, width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
       /* @__PURE__ */ jsx(
         "path",
         {
@@ -6131,17 +6175,17 @@ const end = "_end_n3nm5_14";
 const sm = "_sm_n3nm5_21";
 const md = "_md_n3nm5_24";
 const lg = "_lg_n3nm5_27";
-const price$1 = "_price_n3nm5_31";
+const price$2 = "_price_n3nm5_31";
 const compareAt = "_compareAt_n3nm5_36";
 const strikethrough = "_strikethrough_n3nm5_44";
-const styles$z = {
+const styles$B = {
   root: root$3,
   center: center$1,
   end,
   sm,
   md,
   lg,
-  price: price$1,
+  price: price$2,
   compareAt,
   strikethrough
 };
@@ -6156,15 +6200,130 @@ function PriceBlock({
   const { format } = useMoney();
   const pct = discountPct$1 ?? discountPct(price2, compareAt2);
   const hasCompare = compareAt2 && compareAt2.amount > price2.amount;
-  return /* @__PURE__ */ jsxs("div", { className: [styles$z.root, styles$z[size], styles$z[align], styles$z[variant]].join(" "), children: [
-    /* @__PURE__ */ jsx("span", { className: styles$z.price, children: format(price2) }),
-    hasCompare && /* @__PURE__ */ jsxs("span", { className: styles$z.compareAt, children: [
+  return /* @__PURE__ */ jsxs("div", { className: [styles$B.root, styles$B[size], styles$B[align], styles$B[variant]].join(" "), children: [
+    /* @__PURE__ */ jsx("span", { className: styles$B.price, children: format(price2) }),
+    hasCompare && /* @__PURE__ */ jsxs("span", { className: styles$B.compareAt, children: [
       /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: `Was ${format(compareAt2)}` }),
       /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: format(compareAt2) })
     ] }),
     hasCompare && variant === "badge" && pct !== void 0 && /* @__PURE__ */ jsx(SaleBadge, { pct })
   ] });
 }
+const timeline = "_timeline_1cum7_7";
+const row$7 = "_row_1cum7_15";
+const line$1 = "_line_1cum7_20";
+const marker = "_marker_1cum7_27";
+const tick = "_tick_1cum7_35";
+const pending$2 = "_pending_1cum7_44";
+const connector = "_connector_1cum7_68";
+const text$3 = "_text_1cum7_84";
+const label$1 = "_label_1cum7_101";
+const past = "_past_1cum7_113";
+const current = "_current_1cum7_118";
+const future = "_future_1cum7_133";
+const date$1 = "_date_1cum7_138";
+const styles$A = {
+  timeline,
+  row: row$7,
+  line: line$1,
+  marker,
+  tick,
+  pending: pending$2,
+  connector,
+  text: text$3,
+  label: label$1,
+  past,
+  current,
+  future,
+  date: date$1
+};
+function OrderTimeline({
+  progress: progress2,
+  estimatedDelivery,
+  locale: localeProp
+}) {
+  const locale = useLocale(localeProp);
+  const currentIndex = progress2.findIndex((e) => e.current);
+  return /* @__PURE__ */ jsx("ol", { className: styles$A.timeline, children: progress2.map((entry, i) => {
+    const state = stateOf(entry, i, currentIndex);
+    const estimate = !entry.at && i === progress2.length - 1 && estimatedDelivery ? formatWindow(estimatedDelivery, locale) : void 0;
+    return /* @__PURE__ */ jsxs(
+      "li",
+      {
+        className: styles$A.row,
+        "aria-current": entry.current ? "step" : void 0,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: styles$A.line, children: [
+            /* @__PURE__ */ jsx("span", { className: styles$A.marker, children: state === "future" ? /* @__PURE__ */ jsx("span", { className: styles$A.pending, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(StepTick, { tone: state }) }),
+            /* @__PURE__ */ jsxs("span", { className: styles$A.text, children: [
+              /* @__PURE__ */ jsx("span", { className: [styles$A.label, styles$A[state]].join(" "), children: entry.label }),
+              entry.at ? /* @__PURE__ */ jsx("time", { className: styles$A.date, dateTime: entry.at, children: formatStepDate(entry.at, locale) }) : estimate && /* @__PURE__ */ jsx("span", { className: styles$A.date, children: estimate })
+            ] })
+          ] }),
+          i < progress2.length - 1 && /* @__PURE__ */ jsx("span", { className: styles$A.connector, "aria-hidden": "true" })
+        ]
+      },
+      entry.step
+    );
+  }) });
+}
+function stateOf(entry, index, currentIndex) {
+  if (entry.current) return "current";
+  if (currentIndex === -1) return entry.at ? "past" : "future";
+  return index < currentIndex ? "past" : "future";
+}
+function StepTick({ tone }) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: styles$A.tick,
+      width: "28",
+      height: "28",
+      viewBox: "0 0 28 28",
+      fill: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M14 1C21.1797 1 27 6.8203 27 14C27 21.1797 21.1797 27 14 27C6.8203 27 1 21.1797 1 14C1 6.8203 6.8203 1 14 1Z",
+            fill: "#F9FAFA",
+            stroke: "#F9FAFA",
+            strokeWidth: "2"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M13.9943 26C12.3436 26 10.7913 25.6856 9.33743 25.0568C7.89115 24.4356 6.61903 23.5758 5.52106 22.4773C4.4231 21.3788 3.55987 20.1061 2.93138 18.6591C2.31046 17.2045 2 15.6515 2 14C2 12.3409 2.31046 10.7879 2.93138 9.34091C3.55987 7.88636 4.4231 6.60985 5.52106 5.51136C6.61903 4.41288 7.89115 3.55303 9.33743 2.93182C10.7913 2.31061 12.3436 2 13.9943 2C15.6526 2 17.2049 2.31061 18.6512 2.93182C20.1051 3.55303 21.381 4.41288 22.4789 5.51136C23.5769 6.60985 24.4363 7.88636 25.0573 9.34091C25.6858 10.7879 26 12.3409 26 14C26 15.6515 25.6858 17.2045 25.0573 18.6591C24.4363 20.1061 23.5769 21.3788 22.4789 22.4773C21.381 23.5758 20.1051 24.4356 18.6512 25.0568C17.2049 25.6856 15.6526 26 13.9943 26ZM12.7449 19.6932C12.9948 19.6932 13.222 19.6364 13.4264 19.5227C13.6384 19.4015 13.8202 19.2311 13.9716 19.0114L19.2532 10.9432C19.3441 10.7992 19.416 10.6515 19.469 10.5C19.5296 10.3485 19.5599 10.2008 19.5599 10.0568C19.5599 9.70833 19.4274 9.42045 19.1623 9.19318C18.9049 8.96591 18.6058 8.85227 18.265 8.85227C17.8183 8.85227 17.4434 9.0947 17.1406 9.57955L12.7222 16.6136L10.7345 14.1818C10.5831 13.9924 10.424 13.8561 10.2575 13.7727C10.0984 13.6894 9.91292 13.6477 9.7009 13.6477C9.36015 13.6477 9.06484 13.7727 8.81495 14.0227C8.56507 14.2652 8.44013 14.5606 8.44013 14.9091C8.44013 15.0758 8.47042 15.2348 8.531 15.3864C8.59158 15.5379 8.68623 15.6932 8.81495 15.8523L11.4728 19.0341C11.6545 19.2538 11.8476 19.4205 12.0521 19.5341C12.2565 19.6402 12.4875 19.6932 12.7449 19.6932Z",
+            fill: tone === "current" ? "#0C161C" : "#B3B9BB"
+          }
+        )
+      ]
+    }
+  );
+}
+function formatStepDate(iso, locale) {
+  const date2 = new Date(iso);
+  const weekday = date2.toLocaleDateString(locale, { weekday: "long" });
+  const dayMonth = date2.toLocaleDateString(locale, { day: "numeric", month: "short" });
+  return `${weekday}, ${dayMonth}`;
+}
+function formatWindow(window2, locale) {
+  const from = new Date(window2.from);
+  const to = new Date(window2.to);
+  const utc = { timeZone: "UTC" };
+  const weekday = from.toLocaleDateString(locale, { weekday: "long", ...utc });
+  const dayMonth = (d) => d.toLocaleDateString(locale, { day: "numeric", month: "short", ...utc });
+  const sameDay = from.getUTCFullYear() === to.getUTCFullYear() && from.getUTCMonth() === to.getUTCMonth() && from.getUTCDate() === to.getUTCDate();
+  if (sameDay) return `${weekday}, ${dayMonth(from)}`;
+  if (from.getUTCMonth() !== to.getUTCMonth()) {
+    return `${weekday} ${dayMonth(from)} - ${dayMonth(to)}`;
+  }
+  const day = (d) => d.toLocaleDateString(locale, { day: "numeric", ...utc });
+  const month = new Intl.DateTimeFormat(locale, { month: "short", ...utc }).formatToParts(from).find((part) => part.type === "month")?.value;
+  return month ? `${weekday} ${day(from)}-${day(to)} ${month}` : `${weekday} ${dayMonth(from)} - ${dayMonth(to)}`;
+}
 const COLOUR_KEYS = ["colour", "color"];
 function colourKeyOf(variants) {
   return COLOUR_KEYS.find((k) => variants.some((v) => k in v.attributes)) ?? null;
@@ -6250,110 +6409,15 @@ const SWATCH_HEX = {
   green: "#147e4a",
   beige: "#e8e0d2"
 };
-function swatchColour(name) {
-  return SWATCH_HEX[name.toLowerCase().trim()] ?? "#c9cdd0";
-}
-const timeline = "_timeline_1cum7_7";
-const row$7 = "_row_1cum7_15";
-const line$2 = "_line_1cum7_20";
-const marker = "_marker_1cum7_27";
-const tick = "_tick_1cum7_35";
-const pending$2 = "_pending_1cum7_44";
-const connector = "_connector_1cum7_68";
-const text$3 = "_text_1cum7_84";
-const label$1 = "_label_1cum7_101";
-const past = "_past_1cum7_113";
-const current = "_current_1cum7_118";
-const future = "_future_1cum7_133";
-const date$1 = "_date_1cum7_138";
-const styles$y = {
-  timeline,
-  row: row$7,
-  line: line$2,
-  marker,
-  tick,
-  pending: pending$2,
-  connector,
-  text: text$3,
-  label: label$1,
-  past,
-  current,
-  future,
-  date: date$1
-};
-function OrderTimeline({ progress: progress2, locale: localeProp }) {
-  const locale = useLocale(localeProp);
-  const currentIndex = progress2.findIndex((e) => e.current);
-  return /* @__PURE__ */ jsx("ol", { className: styles$y.timeline, children: progress2.map((entry, i) => {
-    const state = stateOf(entry, i, currentIndex);
-    return /* @__PURE__ */ jsxs(
-      "li",
-      {
-        className: styles$y.row,
-        "aria-current": entry.current ? "step" : void 0,
-        children: [
-          /* @__PURE__ */ jsxs("div", { className: styles$y.line, children: [
-            /* @__PURE__ */ jsx("span", { className: styles$y.marker, children: state === "future" ? /* @__PURE__ */ jsx("span", { className: styles$y.pending, "aria-hidden": "true" }) : /* @__PURE__ */ jsx(StepTick, { tone: state }) }),
-            /* @__PURE__ */ jsxs("span", { className: styles$y.text, children: [
-              /* @__PURE__ */ jsx("span", { className: [styles$y.label, styles$y[state]].join(" "), children: entry.label }),
-              entry.at && /* @__PURE__ */ jsx("time", { className: styles$y.date, dateTime: entry.at, children: formatStepDate(entry.at, locale) })
-            ] })
-          ] }),
-          i < progress2.length - 1 && /* @__PURE__ */ jsx("span", { className: styles$y.connector, "aria-hidden": "true" })
-        ]
-      },
-      entry.step
-    );
-  }) });
-}
-function stateOf(entry, index, currentIndex) {
-  if (entry.current) return "current";
-  if (currentIndex === -1) return entry.at ? "past" : "future";
-  return index < currentIndex ? "past" : "future";
-}
-function StepTick({ tone }) {
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: styles$y.tick,
-      width: "28",
-      height: "28",
-      viewBox: "0 0 28 28",
-      fill: "none",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14 1C21.1797 1 27 6.8203 27 14C27 21.1797 21.1797 27 14 27C6.8203 27 1 21.1797 1 14C1 6.8203 6.8203 1 14 1Z",
-            fill: "#F9FAFA",
-            stroke: "#F9FAFA",
-            strokeWidth: "2"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M13.9943 26C12.3436 26 10.7913 25.6856 9.33743 25.0568C7.89115 24.4356 6.61903 23.5758 5.52106 22.4773C4.4231 21.3788 3.55987 20.1061 2.93138 18.6591C2.31046 17.2045 2 15.6515 2 14C2 12.3409 2.31046 10.7879 2.93138 9.34091C3.55987 7.88636 4.4231 6.60985 5.52106 5.51136C6.61903 4.41288 7.89115 3.55303 9.33743 2.93182C10.7913 2.31061 12.3436 2 13.9943 2C15.6526 2 17.2049 2.31061 18.6512 2.93182C20.1051 3.55303 21.381 4.41288 22.4789 5.51136C23.5769 6.60985 24.4363 7.88636 25.0573 9.34091C25.6858 10.7879 26 12.3409 26 14C26 15.6515 25.6858 17.2045 25.0573 18.6591C24.4363 20.1061 23.5769 21.3788 22.4789 22.4773C21.381 23.5758 20.1051 24.4356 18.6512 25.0568C17.2049 25.6856 15.6526 26 13.9943 26ZM12.7449 19.6932C12.9948 19.6932 13.222 19.6364 13.4264 19.5227C13.6384 19.4015 13.8202 19.2311 13.9716 19.0114L19.2532 10.9432C19.3441 10.7992 19.416 10.6515 19.469 10.5C19.5296 10.3485 19.5599 10.2008 19.5599 10.0568C19.5599 9.70833 19.4274 9.42045 19.1623 9.19318C18.9049 8.96591 18.6058 8.85227 18.265 8.85227C17.8183 8.85227 17.4434 9.0947 17.1406 9.57955L12.7222 16.6136L10.7345 14.1818C10.5831 13.9924 10.424 13.8561 10.2575 13.7727C10.0984 13.6894 9.91292 13.6477 9.7009 13.6477C9.36015 13.6477 9.06484 13.7727 8.81495 14.0227C8.56507 14.2652 8.44013 14.5606 8.44013 14.9091C8.44013 15.0758 8.47042 15.2348 8.531 15.3864C8.59158 15.5379 8.68623 15.6932 8.81495 15.8523L11.4728 19.0341C11.6545 19.2538 11.8476 19.4205 12.0521 19.5341C12.2565 19.6402 12.4875 19.6932 12.7449 19.6932Z",
-            fill: tone === "current" ? "#0C161C" : "#B3B9BB"
-          }
-        )
-      ]
-    }
-  );
-}
-function formatStepDate(iso, locale) {
-  const date2 = new Date(iso);
-  const weekday = date2.toLocaleDateString(locale, { weekday: "long" });
-  const dayMonth = date2.toLocaleDateString(locale, { day: "numeric", month: "short" });
-  return `${weekday}, ${dayMonth}`;
+function swatchColour(name2) {
+  return SWATCH_HEX[name2.toLowerCase().trim()] ?? "#c9cdd0";
 }
 const summary = "_summary_1hsxt_2";
 const row$6 = "_row_1hsxt_16";
 const free = "_free_1hsxt_53";
 const pending$1 = "_pending_1hsxt_59";
 const discount = "_discount_1hsxt_69";
-const styles$x = {
+const styles$z = {
   summary,
   row: row$6,
   free,
@@ -6377,102 +6441,185 @@ function OrderSummary({
   const isDeferred = (key) => deferred.includes(key);
   const anyDeferred = deferred.length > 0;
   const visible = rows.filter((row2) => !hidden.includes(row2.key)).filter((row2) => row2.key !== "total" || !anyDeferred).filter((row2) => row2.key !== "discount" || discount2 !== void 0);
-  return /* @__PURE__ */ jsx("dl", { className: styles$x.summary, children: visible.map(({ label: label2, key }) => {
+  return /* @__PURE__ */ jsx("dl", { className: styles$z.summary, children: visible.map(({ label: label2, key }) => {
     if (key === "discount" && discount2) {
-      return /* @__PURE__ */ jsxs("div", { className: [styles$x.row, styles$x.discount].join(" "), children: [
+      return /* @__PURE__ */ jsxs("div", { className: [styles$z.row, styles$z.discount].join(" "), children: [
         /* @__PURE__ */ jsx("dt", { children: label2 }),
         /* @__PURE__ */ jsx("dd", { children: `−${format(discount2)}` })
       ] }, key);
     }
     const pending2 = key !== "total" && isDeferred(key);
-    return /* @__PURE__ */ jsxs("div", { className: styles$x.row, children: [
+    return /* @__PURE__ */ jsxs("div", { className: styles$z.row, children: [
       /* @__PURE__ */ jsx("dt", { children: label2 }),
-      /* @__PURE__ */ jsx("dd", { className: pending2 ? styles$x.pending : void 0, children: pending2 ? "Calculated at checkout" : renderValue(key, pricing, format) })
+      /* @__PURE__ */ jsx("dd", { className: pending2 ? styles$z.pending : void 0, children: pending2 ? "Calculated at checkout" : renderValue(key, pricing, format) })
     ] }, key);
   }) });
 }
 function renderValue(key, pricing, format) {
   if (key === "shipping" && pricing.shipping.amount === 0) {
-    return /* @__PURE__ */ jsx("span", { className: styles$x.free, children: "Free" });
+    return /* @__PURE__ */ jsx("span", { className: styles$z.free, children: "Free" });
   }
   return key === "discount" ? null : format(pricing[key]);
 }
-const page$3 = "_page_1eqkm_1";
-const status = "_status_1eqkm_10";
-const widget = "_widget_1eqkm_18";
-const title$h = "_title_1eqkm_24";
-const headline$1 = "_headline_1eqkm_30";
-const subtitle$4 = "_subtitle_1eqkm_37";
-const dot$3 = "_dot_1eqkm_48";
-const trackButton = "_trackButton_1eqkm_58";
-const srOnly = "_srOnly_1eqkm_78";
-const itemsCard = "_itemsCard_1eqkm_92";
-const cardHeader = "_cardHeader_1eqkm_100";
-const cardTitle$1 = "_cardTitle_1eqkm_108";
-const count$1 = "_count_1eqkm_115";
-const lines$2 = "_lines_1eqkm_130";
-const line$1 = "_line_1eqkm_130";
-const thumb$1 = "_thumb_1eqkm_152";
-const image$9 = "_image_1eqkm_162";
-const placeholder$6 = "_placeholder_1eqkm_166";
-const lineBody$1 = "_lineBody_1eqkm_172";
-const lineText$1 = "_lineText_1eqkm_180";
-const lineTitle$1 = "_lineTitle_1eqkm_189";
-const lineDetails = "_lineDetails_1eqkm_197";
-const linePrice$1 = "_linePrice_1eqkm_205";
-const details$1 = "_details_1eqkm_215";
-const detailBlock = "_detailBlock_1eqkm_228";
-const payment = "_payment_1eqkm_235";
-const detailLabel = "_detailLabel_1eqkm_239";
-const detailValue = "_detailValue_1eqkm_245";
-const last4 = "_last4_1eqkm_256";
-const brand = "_brand_1eqkm_262";
-const divider$2 = "_divider_1eqkm_268";
-const summaryCard$1 = "_summaryCard_1eqkm_275";
-const styles$w = {
-  page: page$3,
-  status,
-  widget,
-  title: title$h,
-  headline: headline$1,
-  subtitle: subtitle$4,
-  dot: dot$3,
-  trackButton,
-  srOnly,
-  itemsCard,
-  cardHeader,
-  cardTitle: cardTitle$1,
-  count: count$1,
-  lines: lines$2,
-  line: line$1,
-  thumb: thumb$1,
+const lines$1 = "_lines_7mr8w_19";
+const line = "_line_7mr8w_19";
+const thumb = "_thumb_7mr8w_34";
+const image$9 = "_image_7mr8w_44";
+const placeholder$6 = "_placeholder_7mr8w_48";
+const lineBody = "_lineBody_7mr8w_53";
+const lineText = "_lineText_7mr8w_62";
+const lineTitle = "_lineTitle_7mr8w_72";
+const lineMeta = "_lineMeta_7mr8w_91";
+const linePrice = "_linePrice_7mr8w_106";
+const paid$1 = "_paid_7mr8w_118";
+const was$2 = "_was_7mr8w_124";
+const card$2 = "_card_7mr8w_144";
+const cardTitle = "_cardTitle_7mr8w_152";
+const cardBody = "_cardBody_7mr8w_164";
+const summaryCard = "_summaryCard_7mr8w_136";
+const styles$y = {
+  lines: lines$1,
+  line,
+  thumb,
   image: image$9,
   placeholder: placeholder$6,
-  lineBody: lineBody$1,
-  lineText: lineText$1,
-  lineTitle: lineTitle$1,
-  lineDetails,
-  linePrice: linePrice$1,
-  details: details$1,
-  detailBlock,
-  payment,
-  detailLabel,
-  detailValue,
-  last4,
-  brand,
-  divider: divider$2,
-  summaryCard: summaryCard$1
+  lineBody,
+  lineText,
+  lineTitle,
+  lineMeta,
+  linePrice,
+  paid: paid$1,
+  was: was$2,
+  card: card$2,
+  cardTitle,
+  cardBody,
+  summaryCard
 };
-const SUMMARY_ROWS$1 = [
+const SUMMARY_ROWS = [
   { label: "Subtotal", key: "subtotal" },
-  { label: "Tax", key: "tax" },
+  { label: "Discount", key: "discount" },
   { label: "Shipping", key: "shipping" },
   { label: "Total", key: "total" }
 ];
+function OrderLine({ item: item2 }) {
+  const { format } = useMoney();
+  const compareAt2 = item2.compare_at_unit_price;
+  const pct = compareAt2 ? discountPct(item2.unit_price, compareAt2) : void 0;
+  const details2 = detailsOf(item2);
+  return /* @__PURE__ */ jsxs("li", { className: styles$y.line, children: [
+    /* @__PURE__ */ jsx("div", { className: styles$y.thumb, children: item2.image ? /* @__PURE__ */ jsx(ShopImage, { src: item2.image, alt: "", fill: true, sizes: "48px", className: styles$y.image }) : /* @__PURE__ */ jsx("div", { className: styles$y.placeholder, "aria-hidden": "true" }) }),
+    /* @__PURE__ */ jsxs("div", { className: styles$y.lineBody, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$y.lineText, children: [
+        /* @__PURE__ */ jsx("span", { className: styles$y.lineTitle, children: item2.title ?? item2.sku }),
+        /* @__PURE__ */ jsxs("span", { className: styles$y.lineMeta, children: [
+          details2.map((detail2) => /* @__PURE__ */ jsx("span", { children: detail2 }, detail2)),
+          pct !== void 0 && /* @__PURE__ */ jsx(SaleBadge, { pct })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: styles$y.linePrice, children: [
+        /* @__PURE__ */ jsx("span", { className: styles$y.paid, children: format(item2.line_total) }),
+        compareAt2 && /* @__PURE__ */ jsxs("span", { className: styles$y.was, children: [
+          /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: `Was ${format(compareAt2)}` }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: format(compareAt2) })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function OrderLines({ order }) {
+  return /* @__PURE__ */ jsx("ul", { className: styles$y.lines, "aria-label": "Items", children: order.items.map((item2) => /* @__PURE__ */ jsx(OrderLine, { item: item2 }, item2.line_ref)) });
+}
+function ShippingAddressCard({ order }) {
+  return /* @__PURE__ */ jsxs("section", { className: styles$y.card, "aria-label": "Shipping address", children: [
+    /* @__PURE__ */ jsx("h2", { className: styles$y.cardTitle, children: "Shipping address" }),
+    /* @__PURE__ */ jsx("p", { className: styles$y.cardBody, children: formatAddress(order.ship_to) })
+  ] });
+}
+function OrderSummaryCard({ order }) {
+  return /* @__PURE__ */ jsxs("section", { className: [styles$y.card, styles$y.summaryCard].join(" "), "aria-label": "Order summary", children: [
+    /* @__PURE__ */ jsx("h2", { className: styles$y.cardTitle, children: "Order summary" }),
+    /* @__PURE__ */ jsx(OrderSummary, { pricing: toPricing(order), rows: rowsFor(order), discount: order.totals.discount })
+  ] });
+}
+function detailsOf(item2) {
+  const pairs = variantPairs(item2.attributes).map((p) => `${p.label}: ${p.value}`);
+  return item2.qty > 1 ? [...pairs, `Qty: ${item2.qty}`] : pairs;
+}
+function rowsFor(order) {
+  if (order.totals.tax.amount === 0) return SUMMARY_ROWS;
+  return SUMMARY_ROWS.flatMap(
+    (row2) => row2.key === "shipping" ? [row2, { label: "Tax", key: "tax" }] : [row2]
+  );
+}
+function toPricing(order) {
+  return {
+    subtotal: order.totals.items,
+    shipping: order.totals.shipping,
+    tax: order.totals.tax,
+    total: order.totals.grand_total
+  };
+}
+function formatAddress(address) {
+  return [address.line1, address.line2, address.postcode, address.city, address.country].filter(Boolean).join(", ");
+}
+const page$3 = "_page_1vg5x_8";
+const widget = "_widget_1vg5x_18";
+const titleRow = "_titleRow_1vg5x_26";
+const headline$1 = "_headline_1vg5x_42";
+const track$5 = "_track_1vg5x_61";
+const rule = "_rule_1vg5x_86";
+const help = "_help_1vg5x_96";
+const helpTitle = "_helpTitle_1vg5x_102";
+const helpRows = "_helpRows_1vg5x_109";
+const helpRow = "_helpRow_1vg5x_109";
+const styles$x = {
+  page: page$3,
+  widget,
+  titleRow,
+  headline: headline$1,
+  track: track$5,
+  rule,
+  help,
+  helpTitle,
+  helpRows,
+  helpRow
+};
+function RedirectLink() {
+  return /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M3.37413 1.63539C2.84882 1.63539 2.39164 1.90422 2.08646 2.29534C1.78479 2.68228 1.63445 3.17776 1.63445 3.66795V3.67088L1.66569 10.3328C1.66636 10.8221 1.81652 11.3164 2.1177 11.7025C2.42287 12.0935 2.8802 12.3615 3.40537 12.3615L3.4044 12.3625L10.6248 12.3654C11.1499 12.3653 11.6063 12.0965 11.9115 11.7054C12.2134 11.3185 12.3644 10.8232 12.3645 10.3328V8.33347C12.3645 7.94707 12.0508 7.63363 11.6645 7.63349C11.278 7.63349 10.9645 7.94699 10.9645 8.33347V10.3328C10.9644 10.5489 10.8962 10.7317 10.8083 10.8444C10.7238 10.9526 10.6512 10.9654 10.6248 10.9654L3.40537 10.9625C3.37921 10.9625 3.30653 10.9498 3.22184 10.8415C3.13389 10.7287 3.06474 10.5461 3.06466 10.3299V10.327L3.03342 3.66405C3.03416 3.44927 3.10311 3.26759 3.1906 3.15542C3.27527 3.04709 3.34796 3.03436 3.37413 3.03436H5.44477C5.83092 3.03423 6.14439 2.72147 6.14474 2.33537C6.14474 1.94897 5.83113 1.63553 5.44477 1.63539H3.37413Z",
+        fill: "currentColor"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M8.683 1.63442C8.29663 1.63442 7.9832 1.94806 7.98303 2.33439C7.98303 2.72087 8.29652 3.03436 8.683 3.03436H9.97458L6.504 6.50495C6.23093 6.77819 6.23093 7.22163 6.504 7.49487C6.77724 7.76794 7.22068 7.76794 7.49392 7.49487L10.9645 4.02331V5.31587C10.9645 5.70233 11.278 6.01582 11.6645 6.01584C12.0508 6.01571 12.3645 5.70226 12.3645 5.31587V2.33439C12.3643 2.04478 12.1878 1.79638 11.9369 1.69006L11.9271 1.68616C11.9116 1.67987 11.8951 1.67664 11.8793 1.67152C11.8526 1.66289 11.8261 1.6535 11.7982 1.64809C11.7924 1.64696 11.7865 1.64711 11.7807 1.64613C11.7428 1.63977 11.7042 1.63443 11.6645 1.63442H8.683Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+function ChevronRight$1() {
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("g", { transform: "translate(4.28 1.96)", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M7.42763 6.03763C7.42763 5.83763 7.33763 5.64763 7.18763 5.51763L1.15763 0.177629C0.867628 -0.0823714 0.427629 -0.0523713 0.177629 0.237629C-0.0823713 0.527629 -0.0523714 0.967629 0.237629 1.22763L5.67763 6.04763L0.237629 10.8576C-0.0523709 11.1176 -0.0823709 11.5576 0.177629 11.8476C0.437629 12.1376 0.877629 12.1676 1.16763 11.9076L7.19763 6.56763C7.34763 6.43763 7.43763 6.24763 7.43763 6.04763L7.42763 6.03763Z",
+      fill: "currentColor"
+    }
+  ) }) });
+}
 function OrderTrackingView(props) {
   return /* @__PURE__ */ jsx(ShopSurface, { tone: "light", fill: true, children: /* @__PURE__ */ jsx(OrderTrackingContent, { ...props }) });
 }
-function OrderTrackingContent({ orderRef, locale: localeProp }) {
+function OrderTrackingContent({
+  orderRef,
+  locale: localeProp,
+  onStartReturn,
+  onContactSupport
+}) {
   const { api } = useShop();
   const locale = useLocale(localeProp);
   const [order, setOrder] = useState(null);
@@ -6492,164 +6639,105 @@ function OrderTrackingContent({ orderRef, locale: localeProp }) {
     void load();
   }, [load]);
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs("div", { className: styles$w.page, children: [
-      /* @__PURE__ */ jsx(Skeleton, { height: 120, radius: 8 }),
-      /* @__PURE__ */ jsx(Skeleton, { height: 220, radius: 18 }),
-      /* @__PURE__ */ jsx(Skeleton, { height: 140, radius: 18 })
+    return /* @__PURE__ */ jsxs("div", { className: styles$x.page, children: [
+      /* @__PURE__ */ jsx(Skeleton, { height: 206, radius: 8 }),
+      /* @__PURE__ */ jsx(Skeleton, { height: 48, radius: 8 }),
+      /* @__PURE__ */ jsx(Skeleton, { height: 113, radius: 18 }),
+      /* @__PURE__ */ jsx(Skeleton, { height: 240, radius: 18 })
     ] });
   }
   if (state === "error" || !order) {
     return /* @__PURE__ */ jsx(ErrorState, { code: errorCode, onRetry: () => void load() });
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles$w.page, children: [
-    /* @__PURE__ */ jsxs("section", { className: styles$w.status, "aria-label": "Delivery status", children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$w.title, children: [
-        /* @__PURE__ */ jsx("h1", { className: styles$w.headline, children: order.headline }),
-        /* @__PURE__ */ jsxs("p", { className: styles$w.subtitle, children: [
-          /* @__PURE__ */ jsx("span", { children: `Order #${shortRef$1(order.order_ref)}` }),
-          /* @__PURE__ */ jsx("span", { className: styles$w.dot, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx("span", { children: `Placed ${formatPlaced$1(order.placed_at, locale)}` })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: styles$w.widget, children: [
-        /* @__PURE__ */ jsx(OrderTimeline, { progress: order.progress, locale }),
+  return /* @__PURE__ */ jsxs("div", { className: styles$x.page, children: [
+    /* @__PURE__ */ jsxs("section", { className: styles$x.widget, "aria-label": "Delivery status", children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$x.titleRow, children: [
+        /* @__PURE__ */ jsx("h1", { className: styles$x.headline, children: `Order #${shortRef$1(order.order_ref)}` }),
         order.tracking?.url && /* @__PURE__ */ jsxs(
           "a",
           {
-            className: styles$w.trackButton,
+            className: styles$x.track,
             href: order.tracking.url,
             target: "_blank",
             rel: "noopener noreferrer",
             children: [
-              "Track order",
-              /* @__PURE__ */ jsx("span", { className: styles$w.srOnly, children: ` (opens ${order.tracking.carrier} in a new tab)` })
+              "Track",
+              /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: ` ${order.tracking.carrier}, opens in a new tab` }),
+              /* @__PURE__ */ jsx(RedirectLink, {})
             ]
           }
         )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(ItemsCard, { order }),
-    /* @__PURE__ */ jsxs("section", { className: styles$w.details, "aria-label": "Delivery and payment", children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$w.detailBlock, children: [
-        /* @__PURE__ */ jsx("h2", { className: styles$w.detailLabel, children: "Shipping address" }),
-        /* @__PURE__ */ jsx("p", { className: styles$w.detailValue, children: formatAddress$1(order.ship_to) })
       ] }),
-      order.payment && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: styles$w.divider, role: "presentation" }),
-        /* @__PURE__ */ jsxs("div", { className: [styles$w.detailBlock, styles$w.payment].join(" "), children: [
-          /* @__PURE__ */ jsx("h2", { className: styles$w.detailLabel, children: "Payment" }),
-          /* @__PURE__ */ jsxs("p", { className: styles$w.detailValue, children: [
-            /* @__PURE__ */ jsx("span", { className: styles$w.brand, children: order.payment.brand }),
-            order.payment.last4 && /* @__PURE__ */ jsxs("span", { className: styles$w.last4, children: [
-              "•••• ",
-              order.payment.last4
-            ] })
-          ] })
-        ] })
-      ] })
+      /* @__PURE__ */ jsx(
+        OrderTimeline,
+        {
+          progress: order.progress,
+          ...order.estimated_delivery ? { estimatedDelivery: order.estimated_delivery } : {},
+          locale
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsxs("section", { className: styles$w.summaryCard, "aria-label": "Order summary", children: [
-      /* @__PURE__ */ jsx("h2", { className: styles$w.cardTitle, children: "Order summary" }),
-      /* @__PURE__ */ jsx(OrderSummary, { pricing: toPricing$1(order), rows: SUMMARY_ROWS$1 })
-    ] })
+    /* @__PURE__ */ jsx("hr", { className: styles$x.rule }),
+    /* @__PURE__ */ jsx(OrderLines, { order }),
+    /* @__PURE__ */ jsx(ShippingAddressCard, { order }),
+    /* @__PURE__ */ jsx(OrderSummaryCard, { order }),
+    /* @__PURE__ */ jsx(
+      NeedHelp,
+      {
+        order,
+        ...onStartReturn ? { onStartReturn } : {},
+        ...onContactSupport ? { onContactSupport } : {}
+      }
+    )
   ] });
 }
-function ItemsCard({ order }) {
-  const { format } = useMoney();
-  return /* @__PURE__ */ jsxs("section", { className: styles$w.itemsCard, "aria-label": "Items", children: [
-    /* @__PURE__ */ jsxs("div", { className: styles$w.cardHeader, children: [
-      /* @__PURE__ */ jsx("h2", { className: styles$w.cardTitle, children: "Items" }),
-      /* @__PURE__ */ jsx("span", { className: styles$w.count, children: order.items.reduce((n, i) => n + i.qty, 0) })
-    ] }),
-    /* @__PURE__ */ jsx("ul", { className: styles$w.lines, children: order.items.map((item2) => /* @__PURE__ */ jsxs("li", { className: styles$w.line, children: [
-      /* @__PURE__ */ jsx("div", { className: styles$w.thumb, children: item2.image ? /* @__PURE__ */ jsx(ShopImage, { src: item2.image, alt: "", fill: true, sizes: "48px", className: styles$w.image }) : /* @__PURE__ */ jsx("div", { className: styles$w.placeholder, "aria-hidden": "true" }) }),
-      /* @__PURE__ */ jsxs("div", { className: styles$w.lineBody, children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$w.lineText, children: [
-          /* @__PURE__ */ jsx("span", { className: styles$w.lineTitle, children: item2.title ?? item2.sku }),
-          detailsOf$1(item2).length > 0 && /* @__PURE__ */ jsx("span", { className: styles$w.lineDetails, children: detailsOf$1(item2).map((detail2) => /* @__PURE__ */ jsx("span", { children: detail2 }, detail2)) })
-        ] }),
-        /* @__PURE__ */ jsx("span", { className: styles$w.linePrice, children: format(item2.line_total) })
-      ] })
-    ] }, item2.line_ref)) })
+function NeedHelp({
+  order,
+  onStartReturn,
+  onContactSupport
+}) {
+  const emit = useShopEvent();
+  if (order.status !== "delivered") return null;
+  return /* @__PURE__ */ jsxs("section", { className: styles$x.help, "aria-labelledby": "order-help", children: [
+    /* @__PURE__ */ jsx("h2", { className: styles$x.helpTitle, id: "order-help", children: "Need help?" }),
+    /* @__PURE__ */ jsxs("div", { className: styles$x.helpRows, children: [
+      onStartReturn && /* @__PURE__ */ jsx(HelpRow, { label: "Start a return", onClick: onStartReturn }),
+      /* @__PURE__ */ jsx(
+        HelpRow,
+        {
+          label: "Contact support",
+          onClick: () => {
+            emit({ type: "support_requested", orderRef: order.order_ref });
+            onContactSupport?.();
+          }
+        }
+      )
+    ] })
   ] });
 }
-function detailsOf$1(item2) {
-  const pairs = variantPairs(item2.attributes).map((p) => `${p.label}: ${p.value}`);
-  return item2.qty > 1 ? [...pairs, `Qty: ${item2.qty}`] : pairs;
-}
-function toPricing$1(order) {
-  return {
-    subtotal: order.totals.items,
-    shipping: order.totals.shipping,
-    tax: order.totals.tax,
-    total: order.totals.grand_total
-  };
+function HelpRow({ label: label2, onClick }) {
+  return /* @__PURE__ */ jsxs("button", { type: "button", className: styles$x.helpRow, onClick, children: [
+    /* @__PURE__ */ jsx("span", { children: label2 }),
+    /* @__PURE__ */ jsx(ChevronRight$1, {})
+  ] });
 }
 function shortRef$1(orderRef) {
   return orderRef.replace(/^ord_/, "");
 }
-function formatPlaced$1(iso, locale) {
-  return new Date(iso).toLocaleDateString(locale, {
-    day: "numeric",
-    month: "short",
-    year: "numeric"
-  });
-}
-function formatAddress$1(address) {
-  return [address.line1, address.line2, address.postcode, address.city, address.country].filter(Boolean).join(", ");
-}
-const page$2 = "_page_8yxu9_6";
-const confirmed = "_confirmed_8yxu9_16";
-const title$g = "_title_8yxu9_22";
-const headline = "_headline_8yxu9_47";
-const subtitle$3 = "_subtitle_8yxu9_65";
-const lines$1 = "_lines_8yxu9_88";
-const line = "_line_8yxu9_88";
-const thumb = "_thumb_8yxu9_103";
-const image$8 = "_image_8yxu9_113";
-const placeholder$5 = "_placeholder_8yxu9_117";
-const lineBody = "_lineBody_8yxu9_122";
-const lineText = "_lineText_8yxu9_131";
-const lineTitle = "_lineTitle_8yxu9_141";
-const lineMeta = "_lineMeta_8yxu9_160";
-const linePrice = "_linePrice_8yxu9_175";
-const paid = "_paid_8yxu9_187";
-const was$1 = "_was_8yxu9_193";
-const card$2 = "_card_8yxu9_213";
-const cardTitle = "_cardTitle_8yxu9_221";
-const cardBody = "_cardBody_8yxu9_233";
-const summaryCard = "_summaryCard_8yxu9_205";
-const done = "_done_8yxu9_261";
-const styles$v = {
+const page$2 = "_page_1s8l9_6";
+const confirmed = "_confirmed_1s8l9_16";
+const title$h = "_title_1s8l9_22";
+const headline = "_headline_1s8l9_47";
+const subtitle$4 = "_subtitle_1s8l9_65";
+const done = "_done_1s8l9_87";
+const styles$w = {
   page: page$2,
   confirmed,
-  title: title$g,
+  title: title$h,
   headline,
-  subtitle: subtitle$3,
-  lines: lines$1,
-  line,
-  thumb,
-  image: image$8,
-  placeholder: placeholder$5,
-  lineBody,
-  lineText,
-  lineTitle,
-  lineMeta,
-  linePrice,
-  paid,
-  was: was$1,
-  card: card$2,
-  cardTitle,
-  cardBody,
-  summaryCard,
+  subtitle: subtitle$4,
   done
 };
-const SUMMARY_ROWS = [
-  { label: "Subtotal", key: "subtotal" },
-  { label: "Discount", key: "discount" },
-  { label: "Shipping", key: "shipping" },
-  { label: "Total", key: "total" }
-];
 function OrderConfirmationView(props) {
   return /* @__PURE__ */ jsx(ShopSurface, { tone: "light", fill: true, children: /* @__PURE__ */ jsx(OrderConfirmationContent, { ...props }) });
 }
@@ -6673,7 +6761,7 @@ function OrderConfirmationContent({ orderRef, locale: localeProp, onDone }) {
     void load();
   }, [load]);
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs("div", { className: styles$v.page, children: [
+    return /* @__PURE__ */ jsxs("div", { className: styles$w.page, children: [
       /* @__PURE__ */ jsx(Skeleton, { height: 140, radius: 8 }),
       /* @__PURE__ */ jsx(Skeleton, { height: 72, radius: 8 }),
       /* @__PURE__ */ jsx(Skeleton, { height: 120, radius: 18 }),
@@ -6683,84 +6771,32 @@ function OrderConfirmationContent({ orderRef, locale: localeProp, onDone }) {
   if (state === "error" || !order) {
     return /* @__PURE__ */ jsx(ErrorState, { code: errorCode, onRetry: () => void load() });
   }
-  return /* @__PURE__ */ jsxs("div", { className: styles$v.page, children: [
-    /* @__PURE__ */ jsxs("section", { className: styles$v.confirmed, "aria-label": "Order confirmation", children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$v.title, children: [
-        /* @__PURE__ */ jsx("h1", { className: styles$v.headline, children: "Your order is confirmed" }),
-        order.email && /* @__PURE__ */ jsx("p", { className: styles$v.subtitle, children: `We’ve sent a confirmation to ${order.email}` })
+  return /* @__PURE__ */ jsxs("div", { className: styles$w.page, children: [
+    /* @__PURE__ */ jsxs("section", { className: styles$w.confirmed, "aria-label": "Order confirmation", children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$w.title, children: [
+        /* @__PURE__ */ jsx("h1", { className: styles$w.headline, children: "Your order is confirmed" }),
+        order.email && /* @__PURE__ */ jsx("p", { className: styles$w.subtitle, children: `We’ve sent a confirmation to ${order.email}` })
       ] }),
-      /* @__PURE__ */ jsx(OrderTimeline, { progress: order.progress, locale })
-    ] }),
-    /* @__PURE__ */ jsx("ul", { className: styles$v.lines, "aria-label": "Items", children: order.items.map((item2) => /* @__PURE__ */ jsx(ConfirmationLine, { item: item2 }, item2.line_ref)) }),
-    /* @__PURE__ */ jsxs("section", { className: styles$v.card, "aria-label": "Shipping address", children: [
-      /* @__PURE__ */ jsx("h2", { className: styles$v.cardTitle, children: "Shipping address" }),
-      /* @__PURE__ */ jsx("p", { className: styles$v.cardBody, children: formatAddress(order.ship_to) })
-    ] }),
-    /* @__PURE__ */ jsxs("section", { className: [styles$v.card, styles$v.summaryCard].join(" "), "aria-label": "Order summary", children: [
-      /* @__PURE__ */ jsx("h2", { className: styles$v.cardTitle, children: "Order summary" }),
       /* @__PURE__ */ jsx(
-        OrderSummary,
+        OrderTimeline,
         {
-          pricing: toPricing(order),
-          rows: rowsFor(order),
-          discount: order.totals.discount
+          progress: order.progress,
+          ...order.estimated_delivery ? { estimatedDelivery: order.estimated_delivery } : {},
+          locale
         }
       )
     ] }),
-    onDone && /* @__PURE__ */ jsx(Button, { variant: "secondary", fullWidth: true, className: styles$v.done, onClick: onDone, children: "Done" })
+    /* @__PURE__ */ jsx(OrderLines, { order }),
+    /* @__PURE__ */ jsx(ShippingAddressCard, { order }),
+    /* @__PURE__ */ jsx(OrderSummaryCard, { order }),
+    onDone && /* @__PURE__ */ jsx(Button, { variant: "secondary", fullWidth: true, className: styles$w.done, onClick: onDone, children: "Done" })
   ] });
 }
-function ConfirmationLine({ item: item2 }) {
-  const { format } = useMoney();
-  const compareAt2 = item2.compare_at_unit_price;
-  const pct = compareAt2 ? discountPct(item2.unit_price, compareAt2) : void 0;
-  const details2 = detailsOf(item2);
-  return /* @__PURE__ */ jsxs("li", { className: styles$v.line, children: [
-    /* @__PURE__ */ jsx("div", { className: styles$v.thumb, children: item2.image ? /* @__PURE__ */ jsx(ShopImage, { src: item2.image, alt: "", fill: true, sizes: "48px", className: styles$v.image }) : /* @__PURE__ */ jsx("div", { className: styles$v.placeholder, "aria-hidden": "true" }) }),
-    /* @__PURE__ */ jsxs("div", { className: styles$v.lineBody, children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$v.lineText, children: [
-        /* @__PURE__ */ jsx("span", { className: styles$v.lineTitle, children: item2.title ?? item2.sku }),
-        /* @__PURE__ */ jsxs("span", { className: styles$v.lineMeta, children: [
-          details2.map((detail2) => /* @__PURE__ */ jsx("span", { children: detail2 }, detail2)),
-          pct !== void 0 && /* @__PURE__ */ jsx(SaleBadge, { pct })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("span", { className: styles$v.linePrice, children: [
-        /* @__PURE__ */ jsx("span", { className: styles$v.paid, children: format(item2.line_total) }),
-        compareAt2 && /* @__PURE__ */ jsxs("span", { className: styles$v.was, children: [
-          /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: `Was ${format(compareAt2)}` }),
-          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: format(compareAt2) })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-function detailsOf(item2) {
-  const pairs = variantPairs(item2.attributes).map((p) => `${p.label}: ${p.value}`);
-  return item2.qty > 1 ? [...pairs, `Qty: ${item2.qty}`] : pairs;
-}
-function rowsFor(order) {
-  if (order.totals.tax.amount === 0) return SUMMARY_ROWS;
-  return SUMMARY_ROWS.flatMap(
-    (row2) => row2.key === "shipping" ? [row2, { label: "Tax", key: "tax" }] : [row2]
-  );
-}
-function toPricing(order) {
-  return {
-    subtotal: order.totals.items,
-    shipping: order.totals.shipping,
-    tax: order.totals.tax,
-    total: order.totals.grand_total
-  };
-}
-function formatAddress(address) {
-  return [address.line1, address.line2, address.postcode, address.city, address.country].filter(Boolean).join(", ");
-}
 const badge$2 = "_badge_ghd02_6";
 const progress = "_progress_ghd02_22";
 const delivered = "_delivered_ghd02_27";
 const cancelled = "_cancelled_ghd02_32";
-const styles$u = {
+const styles$v = {
   badge: badge$2,
   progress,
   delivered,
@@ -6780,28 +6816,28 @@ const TONE = {
   delivered: "delivered",
   cancelled: "cancelled"
 };
-function OrderStatusBadge({ status: status2 }) {
-  const label2 = LABEL[status2] ?? status2.replace(/_/g, " ");
-  const tone = TONE[status2] ?? "progress";
-  return /* @__PURE__ */ jsx("span", { className: [styles$u.badge, styles$u[tone]].join(" "), children: label2 });
-}
-const page$1 = "_page_y686q_2";
-const empty = "_empty_y686q_11";
-const cta$1 = "_cta_y686q_22";
-const card$1 = "_card_y686q_45";
-const tappable = "_tappable_y686q_60";
-const head$1 = "_head_y686q_69";
-const heading = "_heading_y686q_77";
-const title$f = "_title_y686q_86";
-const date = "_date_y686q_97";
-const bottom$1 = "_bottom_y686q_102";
-const strip = "_strip_y686q_110";
-const tile$2 = "_tile_y686q_115";
-const image$7 = "_image_y686q_125";
-const placeholder$4 = "_placeholder_y686q_129";
-const more = "_more_y686q_136";
-const chevron$3 = "_chevron_y686q_149";
-const styles$t = {
+function OrderStatusBadge({ status }) {
+  const label2 = LABEL[status] ?? status.replace(/_/g, " ");
+  const tone = TONE[status] ?? "progress";
+  return /* @__PURE__ */ jsx("span", { className: [styles$v.badge, styles$v[tone]].join(" "), children: label2 });
+}
+const page$1 = "_page_6xodo_2";
+const empty = "_empty_6xodo_22";
+const cta$1 = "_cta_6xodo_32";
+const card$1 = "_card_6xodo_55";
+const tappable = "_tappable_6xodo_70";
+const head$1 = "_head_6xodo_79";
+const heading = "_heading_6xodo_87";
+const title$g = "_title_6xodo_96";
+const date = "_date_6xodo_115";
+const bottom$1 = "_bottom_6xodo_120";
+const strip = "_strip_6xodo_128";
+const tile$2 = "_tile_6xodo_133";
+const image$8 = "_image_6xodo_143";
+const placeholder$5 = "_placeholder_6xodo_147";
+const more = "_more_6xodo_154";
+const chevron$3 = "_chevron_6xodo_167";
+const styles$u = {
   page: page$1,
   empty,
   cta: cta$1,
@@ -6809,28 +6845,25 @@ const styles$t = {
   tappable,
   head: head$1,
   heading,
-  title: title$f,
+  title: title$g,
   date,
   bottom: bottom$1,
   strip,
   tile: tile$2,
-  image: image$7,
-  placeholder: placeholder$4,
+  image: image$8,
+  placeholder: placeholder$5,
   more,
   chevron: chevron$3
 };
 const TILES = 3;
 function Chevron() {
-  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("g", { transform: "translate(8 4.82)", children: /* @__PURE__ */ jsx(
     "path",
     {
-      d: "M9 5.5l6.5 6.5L9 18.5",
-      stroke: "currentColor",
-      strokeWidth: "1.8",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
+      d: "M0.292893 0.292893C0.683418 -0.0976311 1.31643 -0.0976311 1.70696 0.292893L7.70696 6.29289C8.09748 6.68342 8.09748 7.31643 7.70696 7.70696L1.70696 13.707C1.31643 14.0975 0.683417 14.0975 0.292893 13.707C-0.0976311 13.3164 -0.0976311 12.6834 0.292893 12.2929L5.58586 6.99992L0.292893 1.70696C-0.0976311 1.31643 -0.0976311 0.683418 0.292893 0.292893Z",
+      fill: "currentColor"
     }
-  ) });
+  ) }) });
 }
 function OrderListView(props) {
   return /* @__PURE__ */ jsx(ShopSurface, { tone: "light", fill: true, children: /* @__PURE__ */ jsx(OrderListContent, { ...props }) });
@@ -6856,7 +6889,7 @@ function OrderListContent({ onOpenOrder, onStartShopping, locale: localeProp })
     void load();
   }, [load]);
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs("div", { className: styles$t.page, children: [
+    return /* @__PURE__ */ jsxs("div", { className: styles$u.page, children: [
       /* @__PURE__ */ jsx(Skeleton, { height: 148, radius: 12 }),
       /* @__PURE__ */ jsx(Skeleton, { height: 148, radius: 12 }),
       /* @__PURE__ */ jsx(Skeleton, { height: 148, radius: 12 })
@@ -6866,18 +6899,18 @@ function OrderListContent({ onOpenOrder, onStartShopping, locale: localeProp })
     return /* @__PURE__ */ jsx(ErrorState, { code: errorCode, onRetry: () => void load() });
   }
   if (orders2.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: styles$t.empty, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { className: styles$u.empty, children: /* @__PURE__ */ jsx(
       EmptyState,
       {
         title: "Nothing here yet",
         body: "Your orders will show up here once you've shopped.",
         ...onStartShopping ? {
-          action: /* @__PURE__ */ jsx("button", { type: "button", className: styles$t.cta, onClick: onStartShopping, children: "Find my fit" })
+          action: /* @__PURE__ */ jsx("button", { type: "button", className: styles$u.cta, onClick: onStartShopping, children: "Continue shopping" })
         } : {}
       }
     ) });
   }
-  return /* @__PURE__ */ jsx("ul", { className: styles$t.page, children: orders2.map((order) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("ul", { className: styles$u.page, children: orders2.map((order) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
     OrderCard,
     {
       order,
@@ -6892,24 +6925,24 @@ function OrderCard({
   onOpen
 }) {
   const body2 = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: styles$t.head, children: [
-      /* @__PURE__ */ jsxs("div", { className: styles$t.heading, children: [
-        /* @__PURE__ */ jsx("span", { className: styles$t.title, children: `Order #${shortRef(order.order_ref)}` }),
-        /* @__PURE__ */ jsx("span", { className: styles$t.date, children: formatPlaced(order.placed_at, locale) })
+    /* @__PURE__ */ jsxs("div", { className: styles$u.head, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles$u.heading, children: [
+        /* @__PURE__ */ jsx("span", { className: styles$u.title, children: `Order #${shortRef(order.order_ref)}` }),
+        /* @__PURE__ */ jsx("span", { className: styles$u.date, children: formatPlaced(order.placed_at, locale) })
       ] }),
       /* @__PURE__ */ jsx(OrderStatusBadge, { status: order.status })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: styles$t.bottom, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$u.bottom, children: [
       /* @__PURE__ */ jsx(Thumbnails, { order }),
-      onOpen && /* @__PURE__ */ jsx("span", { className: styles$t.chevron, children: /* @__PURE__ */ jsx(Chevron, {}) })
+      onOpen && /* @__PURE__ */ jsx("span", { className: styles$u.chevron, children: /* @__PURE__ */ jsx(Chevron, {}) })
     ] })
   ] });
-  if (!onOpen) return /* @__PURE__ */ jsx("div", { className: styles$t.card, children: body2 });
+  if (!onOpen) return /* @__PURE__ */ jsx("div", { className: styles$u.card, children: body2 });
   return /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
-      className: [styles$t.card, styles$t.tappable].join(" "),
+      className: [styles$u.card, styles$u.tappable].join(" "),
       onClick: onOpen,
       "aria-label": `Order ${shortRef(order.order_ref)}, ${order.headline}`,
       children: body2
@@ -6921,13 +6954,13 @@ function Thumbnails({ order }) {
   const hidden = order.item_count - TILES + 1;
   const overflow = images.length >= TILES && hidden > 1 ? hidden : 0;
   if (images.length === 0) {
-    return /* @__PURE__ */ jsx("div", { className: styles$t.strip, children: /* @__PURE__ */ jsx("div", { className: [styles$t.tile, styles$t.placeholder].join(" "), "aria-hidden": "true" }) });
+    return /* @__PURE__ */ jsx("div", { className: styles$u.strip, children: /* @__PURE__ */ jsx("div", { className: [styles$u.tile, styles$u.placeholder].join(" "), "aria-hidden": "true" }) });
   }
-  return /* @__PURE__ */ jsx("div", { className: styles$t.strip, children: images.map((src, i) => {
+  return /* @__PURE__ */ jsx("div", { className: styles$u.strip, children: images.map((src, i) => {
     const last = i === images.length - 1;
-    return /* @__PURE__ */ jsxs("div", { className: styles$t.tile, children: [
-      /* @__PURE__ */ jsx(ShopImage, { src, alt: "", fill: true, sizes: "56px", className: styles$t.image }),
-      overflow > 0 && last && /* @__PURE__ */ jsxs("span", { className: styles$t.more, children: [
+    return /* @__PURE__ */ jsxs("div", { className: styles$u.tile, children: [
+      /* @__PURE__ */ jsx(ShopImage, { src, alt: "", fill: true, sizes: "56px", className: styles$u.image }),
+      overflow > 0 && last && /* @__PURE__ */ jsxs("span", { className: styles$u.more, children: [
         /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
           "+",
           overflow
@@ -6945,32 +6978,32 @@ function formatPlaced(iso, locale) {
   const day = date2.toLocaleDateString(locale, { day: "numeric", month: "short" });
   return `${day}, ${date2.toLocaleDateString(locale, { year: "numeric" })}`;
 }
-const tile$1 = "_tile_1u9l8_3";
-const media$2 = "_media_1u9l8_11";
-const image$6 = "_image_1u9l8_21";
-const placeholder$3 = "_placeholder_1u9l8_25";
-const topBadge = "_topBadge_1u9l8_33";
-const saleBadge$1 = "_saleBadge_1u9l8_56";
-const oos$2 = "_oos_1u9l8_63";
-const bottom = "_bottom_1u9l8_88";
-const titlePrice$1 = "_titlePrice_1u9l8_1";
-const title$e = "_title_1u9l8_1";
-const swatches = "_swatches_1u9l8_119";
-const swatch = "_swatch_1u9l8_119";
-const swatchActive = "_swatchActive_1u9l8_132";
-const swatchDot = "_swatchDot_1u9l8_136";
-const large = "_large_1u9l8_147";
-const styles$s = {
+const tile$1 = "_tile_1eiri_7";
+const media$2 = "_media_1eiri_15";
+const image$7 = "_image_1eiri_25";
+const placeholder$4 = "_placeholder_1eiri_29";
+const topBadge = "_topBadge_1eiri_37";
+const saleBadge$2 = "_saleBadge_1eiri_60";
+const oos$3 = "_oos_1eiri_67";
+const bottom = "_bottom_1eiri_94";
+const titlePrice$1 = "_titlePrice_1eiri_81";
+const title$f = "_title_1eiri_5";
+const swatches = "_swatches_1eiri_160";
+const swatch = "_swatch_1eiri_160";
+const swatchActive = "_swatchActive_1eiri_177";
+const swatchDot = "_swatchDot_1eiri_181";
+const large = "_large_1eiri_192";
+const styles$t = {
   tile: tile$1,
   media: media$2,
-  image: image$6,
-  placeholder: placeholder$3,
+  image: image$7,
+  placeholder: placeholder$4,
   topBadge,
-  saleBadge: saleBadge$1,
-  oos: oos$2,
+  saleBadge: saleBadge$2,
+  oos: oos$3,
   bottom,
   titlePrice: titlePrice$1,
-  title: title$e,
+  title: title$f,
   swatches,
   swatch,
   swatchActive,
@@ -6987,9 +7020,9 @@ function ProductTile({ product, priority, size = "default" }) {
     ShopLink,
     {
       to: `/product/${encodeURIComponent(product.sku)}`,
-      className: [styles$s.tile, size === "large" ? styles$s.large : ""].join(" "),
+      className: [styles$t.tile, size === "large" ? styles$t.large : ""].join(" "),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: styles$s.media, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles$t.media, children: [
           image2 ? /* @__PURE__ */ jsx(
             ShopImage,
             {
@@ -6997,17 +7030,17 @@ function ProductTile({ product, priority, size = "default" }) {
               alt: product.title,
               fill: true,
               sizes: size === "large" ? "(max-width: 480px) 100vw, 480px" : "(max-width: 480px) 45vw, 200px",
-              className: styles$s.image,
+              className: styles$t.image,
               priority
             }
-          ) : /* @__PURE__ */ jsx("div", { className: styles$s.placeholder, "aria-hidden": "true" }),
-          anyInStock && topBadge2 && /* @__PURE__ */ jsx("span", { className: styles$s.topBadge, children: topBadge2 }),
-          anyInStock && pct !== void 0 && /* @__PURE__ */ jsx("span", { className: styles$s.saleBadge, children: /* @__PURE__ */ jsx(SaleBadge, { pct }) }),
-          !anyInStock && /* @__PURE__ */ jsx("span", { className: styles$s.oos, children: "Out of stock" })
+          ) : /* @__PURE__ */ jsx("div", { className: styles$t.placeholder, "aria-hidden": "true" }),
+          anyInStock && topBadge2 && /* @__PURE__ */ jsx("span", { className: styles$t.topBadge, children: topBadge2 }),
+          anyInStock && pct !== void 0 && /* @__PURE__ */ jsx("span", { className: styles$t.saleBadge, children: /* @__PURE__ */ jsx(SaleBadge, { pct }) }),
+          !anyInStock && /* @__PURE__ */ jsx("span", { className: styles$t.oos, children: "Out of stock" })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: styles$s.bottom, children: [
-          /* @__PURE__ */ jsxs("div", { className: styles$s.titlePrice, children: [
-            /* @__PURE__ */ jsx("span", { className: styles$s.title, children: product.title }),
+        /* @__PURE__ */ jsxs("div", { className: styles$t.bottom, children: [
+          /* @__PURE__ */ jsxs("div", { className: styles$t.titlePrice, children: [
+            /* @__PURE__ */ jsx("span", { className: styles$t.title, children: product.title }),
             /* @__PURE__ */ jsx(
               PriceBlock,
               {
@@ -7019,11 +7052,11 @@ function ProductTile({ product, priority, size = "default" }) {
               }
             )
           ] }),
-          swatches2.length > 0 && /* @__PURE__ */ jsx("div", { className: styles$s.swatches, "aria-hidden": "true", children: swatches2.map((c, i) => /* @__PURE__ */ jsx(
+          swatches2.length > 0 && /* @__PURE__ */ jsx("div", { className: styles$t.swatches, "aria-hidden": "true", children: swatches2.map((c, i) => /* @__PURE__ */ jsx(
             "span",
             {
-              className: [styles$s.swatch, i === 0 ? styles$s.swatchActive : ""].join(" "),
-              children: /* @__PURE__ */ jsx("span", { className: styles$s.swatchDot, style: { background: swatchColour(c.value) } })
+              className: [styles$t.swatch, i === 0 ? styles$t.swatchActive : ""].join(" "),
+              children: /* @__PURE__ */ jsx("span", { className: styles$t.swatchDot, style: { background: swatchColour(c.value) } })
             },
             c.value
           )) })
@@ -7032,6 +7065,72 @@ function ProductTile({ product, priority, size = "default" }) {
     }
   );
 }
+const section$3 = "_section_1fdjh_5";
+const title$e = "_title_1fdjh_17";
+const link = "_link_1fdjh_26";
+const track$4 = "_track_1fdjh_38";
+const frame = "_frame_1fdjh_58";
+const image$6 = "_image_1fdjh_69";
+const placeholder$3 = "_placeholder_1fdjh_73";
+const saleBadge$1 = "_saleBadge_1fdjh_78";
+const oos$2 = "_oos_1fdjh_85";
+const caption = "_caption_1fdjh_101";
+const name = "_name_1fdjh_114";
+const price$1 = "_price_1fdjh_127";
+const paid = "_paid_1fdjh_136";
+const was$1 = "_was_1fdjh_142";
+const styles$s = {
+  section: section$3,
+  title: title$e,
+  link,
+  track: track$4,
+  frame,
+  image: image$6,
+  placeholder: placeholder$3,
+  saleBadge: saleBadge$1,
+  oos: oos$2,
+  caption,
+  name,
+  price: price$1,
+  paid,
+  was: was$1
+};
+function ProductGallery({ title: title2, product }) {
+  const { format } = useMoney();
+  const pct = product.compare_at ? discountPct(product.price, product.compare_at) : void 0;
+  const inStock = product.variants.some((v) => v.in_stock);
+  const images = product.media.length > 0 ? product.media : [void 0];
+  return /* @__PURE__ */ jsxs("section", { className: styles$s.section, "aria-labelledby": `gallery-${product.sku}`, children: [
+    /* @__PURE__ */ jsx("h2", { className: styles$s.title, id: `gallery-${product.sku}`, children: title2 }),
+    /* @__PURE__ */ jsxs(ShopLink, { to: `/product/${encodeURIComponent(product.sku)}`, className: styles$s.link, children: [
+      /* @__PURE__ */ jsx("ul", { className: styles$s.track, "aria-label": `${product.title} photographs`, children: images.map((src, i) => /* @__PURE__ */ jsxs("li", { className: styles$s.frame, children: [
+        src ? /* @__PURE__ */ jsx(
+          ShopImage,
+          {
+            src,
+            alt: "",
+            fill: true,
+            sizes: "165px",
+            className: styles$s.image,
+            ...i === 0 ? { priority: true } : {}
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: styles$s.placeholder, "aria-hidden": "true" }),
+        i === 0 && inStock && pct !== void 0 && /* @__PURE__ */ jsx("span", { className: styles$s.saleBadge, children: /* @__PURE__ */ jsx(SaleBadge, { pct }) }),
+        i === 0 && !inStock && /* @__PURE__ */ jsx("span", { className: styles$s.oos, children: "Out of stock" })
+      ] }, src ?? i)) }),
+      /* @__PURE__ */ jsxs("div", { className: styles$s.caption, children: [
+        /* @__PURE__ */ jsx("span", { className: styles$s.name, children: product.title }),
+        /* @__PURE__ */ jsxs("span", { className: styles$s.price, children: [
+          /* @__PURE__ */ jsx("span", { className: styles$s.paid, children: format(product.price) }),
+          product.compare_at && /* @__PURE__ */ jsxs("span", { className: styles$s.was, children: [
+            /* @__PURE__ */ jsx("span", { className: "visually-hidden", children: `Was ${format(product.compare_at)}` }),
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: format(product.compare_at) })
+          ] })
+        ] })
+      ] })
+    ] })
+  ] });
+}
 const bar$1 = "_bar_fn0g9_1";
 const chips$1 = "_chips_fn0g9_8";
 const chip$1 = "_chip_fn0g9_8";
@@ -7133,13 +7232,13 @@ function ProductGrid({
     /* @__PURE__ */ jsx("div", { ref: sentinelRef, "aria-hidden": "true" })
   ] });
 }
-const rail = "_rail_5z5e9_2";
-const header$6 = "_header_5z5e9_9";
-const title$d = "_title_5z5e9_16";
-const seeAll = "_seeAll_5z5e9_22";
-const track$3 = "_track_5z5e9_28";
-const item = "_item_5z5e9_45";
-const inset = "_inset_5z5e9_57";
+const rail = "_rail_11l7h_7";
+const header$6 = "_header_11l7h_14";
+const title$d = "_title_11l7h_21";
+const seeAll = "_seeAll_11l7h_27";
+const track$3 = "_track_11l7h_33";
+const item = "_item_11l7h_50";
+const inset = "_inset_11l7h_62";
 const styles$p = {
   rail,
   header: header$6,
@@ -7208,22 +7307,22 @@ const overlay$2 = "_overlay_s4eai_1";
 const scrim$4 = "_scrim_s4eai_10";
 const sheet$2 = "_sheet_s4eai_16";
 const grabArea = "_grabArea_s4eai_41";
-const grabber$1 = "_grabber_s4eai_51";
+const grabber = "_grabber_s4eai_51";
 const header$5 = "_header_s4eai_59";
 const title$c = "_title_s4eai_67";
 const close$2 = "_close_s4eai_71";
-const body$3 = "_body_s4eai_84";
+const body$4 = "_body_s4eai_84";
 const footer = "_footer_s4eai_90";
 const styles$o = {
   overlay: overlay$2,
   scrim: scrim$4,
   sheet: sheet$2,
   grabArea,
-  grabber: grabber$1,
+  grabber,
   header: header$5,
   title: title$c,
   close: close$2,
-  body: body$3,
+  body: body$4,
   footer
 };
 const DISMISS_THRESHOLD_PX = 96;
@@ -7552,7 +7651,7 @@ function StickyCtaBar({ children, info: info2, variant = "floating" }) {
 }
 const surface = "_surface_1wfue_15";
 const screen = "_screen_1wfue_20";
-const body$2 = "_body_1wfue_12";
+const body$3 = "_body_1wfue_12";
 const items = "_items_1wfue_34";
 const sectionHeader = "_sectionHeader_1wfue_40";
 const sectionTitle = "_sectionTitle_1wfue_46";
@@ -7561,7 +7660,7 @@ const lines = "_lines_1wfue_73";
 const styles$j = {
   surface,
   screen,
-  body: body$2,
+  body: body$3,
   items,
   sectionHeader,
   sectionTitle,
@@ -7852,79 +7951,177 @@ function MediaGallery({ media: media2, alt }) {
     )) })
   ] });
 }
-const scrim$3 = "_scrim_8wz6r_6";
-const sheet$1 = "_sheet_8wz6r_17";
-const grabber = "_grabber_8wz6r_29";
-const header$4 = "_header_8wz6r_37";
-const title$a = "_title_8wz6r_45";
-const close$1 = "_close_8wz6r_51";
-const tableWrap = "_tableWrap_8wz6r_71";
-const table = "_table_8wz6r_71";
-const notes = "_notes_8wz6r_95";
+const scrim$3 = "_scrim_v44fk_8";
+const sheet$1 = "_sheet_v44fk_2";
+const header$4 = "_header_v44fk_42";
+const slot = "_slot_v44fk_48";
+const handleSlot = "_handleSlot_v44fk_56";
+const handle = "_handle_v44fk_56";
+const closeSlot$1 = "_closeSlot_v44fk_69";
+const close$1 = "_close_v44fk_69";
+const body$2 = "_body_v44fk_96";
+const titles = "_titles_v44fk_116";
+const title$a = "_title_v44fk_116";
+const subtitle$3 = "_subtitle_v44fk_132";
+const units = "_units_v44fk_145";
+const unit = "_unit_v44fk_145";
+const unitOn = "_unitOn_v44fk_179";
+const unitOff = "_unitOff_v44fk_187";
+const tableWrap = "_tableWrap_v44fk_196";
+const table = "_table_v44fk_196";
+const col = "_col_v44fk_221";
+const colEdge = "_colEdge_v44fk_225";
+const note = "_note_v44fk_293";
+const how = "_how_v44fk_305";
+const howTitle = "_howTitle_v44fk_311";
+const howList = "_howList_v44fk_319";
+const howItem = "_howItem_v44fk_326";
+const howLabel = "_howLabel_v44fk_351";
+const howText = "_howText_v44fk_361";
+const fabric = "_fabric_v44fk_370";
+const fabricLabel = "_fabricLabel_v44fk_378";
+const fabricText = "_fabricText_v44fk_386";
+const notes = "_notes_v44fk_397";
 const styles$h = {
   scrim: scrim$3,
   sheet: sheet$1,
-  grabber,
   header: header$4,
-  title: title$a,
+  slot,
+  handleSlot,
+  handle,
+  closeSlot: closeSlot$1,
   close: close$1,
+  body: body$2,
+  titles,
+  title: title$a,
+  subtitle: subtitle$3,
+  units,
+  unit,
+  unitOn,
+  unitOff,
   tableWrap,
   table,
+  col,
+  colEdge,
+  note,
+  how,
+  howTitle,
+  howList,
+  howItem,
+  howLabel,
+  howText,
+  fabric,
+  fabricLabel,
+  fabricText,
   notes
 };
-function SizeGuideSheet({ guide, onClose }) {
-  const closeRef = useRef(null);
-  useEffect(() => {
-    closeRef.current?.focus();
-    function onKey(e) {
-      if (e.key === "Escape") onClose();
+function CloseIcon$1() {
+  return /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx("g", { transform: "translate(2.667 2.667)", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M10.6667 1.12866L9.538 0L5.33333 4.21262L1.12866 0L0 1.12866L4.21262 5.33333L0 9.538L1.12866 10.6667L5.33333 6.45405L9.538 10.6667L10.6667 9.538L6.45405 5.33333L10.6667 1.12866Z",
+      fill: "currentColor"
     }
-    document.addEventListener("keydown", onKey);
-    return () => document.removeEventListener("keydown", onKey);
-  }, [onClose]);
+  ) }) });
+}
+const CM_PER_INCH = 2.54;
+const UNIT_LABEL = { cm: "cm", in: "inches" };
+function otherUnit(unit2) {
+  return unit2 === "cm" ? "in" : "cm";
+}
+function convert(cell, from, to) {
+  if (from === to) return cell;
+  const n = Number(cell);
+  if (cell.trim() === "" || !Number.isFinite(n)) return cell;
+  return (to === "in" ? n / CM_PER_INCH : n * CM_PER_INCH).toFixed(1);
+}
+function SizeGuideSheet({ guide, onClose }) {
+  const sheetRef = useRef(null);
   const columns = guide.columns ?? [];
-  const rows = guide.rows ?? [];
+  const rows = useMemo(() => guide.rows ?? [], [guide.rows]);
+  const measurements = guide.measurements ?? [];
   const notes2 = guide.notes ?? [];
   const hasTable = columns.length > 0 && rows.length > 0;
+  const authored = guide.unit;
+  const [unit2, setUnit] = useState(authored);
+  const shown = useMemo(
+    () => authored && unit2 && unit2 !== authored ? rows.map((row2) => row2.map((cell) => convert(cell, authored, unit2))) : rows,
+    [rows, authored, unit2]
+  );
+  useModalDialog(true, onClose, sheetRef);
   return /* @__PURE__ */ jsx("div", { className: styles$h.scrim, onClick: onClose, children: /* @__PURE__ */ jsxs(
-    "div",
+    ShopSurface,
     {
+      tone: "light",
+      ref: sheetRef,
       className: styles$h.sheet,
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": "size-guide-title",
       onClick: (e) => e.stopPropagation(),
       children: [
-        /* @__PURE__ */ jsx("div", { className: styles$h.grabber, "aria-hidden": "true" }),
         /* @__PURE__ */ jsxs("div", { className: styles$h.header, children: [
-          /* @__PURE__ */ jsx("h2", { id: "size-guide-title", className: styles$h.title, children: guide.title }),
+          /* @__PURE__ */ jsx("div", { className: styles$h.slot, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx("div", { className: styles$h.handleSlot, "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: styles$h.handle }) }),
           /* @__PURE__ */ jsx(
             "button",
             {
-              ref: closeRef,
               type: "button",
-              className: styles$h.close,
+              className: styles$h.closeSlot,
               onClick: onClose,
               "aria-label": "Close size guide",
-              children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
-                "path",
-                {
-                  d: "M4 4l8 8M12 4l-8 8",
-                  stroke: "currentColor",
-                  strokeWidth: "1.6",
-                  strokeLinecap: "round"
-                }
-              ) })
+              children: /* @__PURE__ */ jsx("span", { className: styles$h.close, children: /* @__PURE__ */ jsx(CloseIcon$1, {}) })
             }
           )
         ] }),
-        hasTable && /* @__PURE__ */ jsx("div", { className: styles$h.tableWrap, children: /* @__PURE__ */ jsxs("table", { className: styles$h.table, children: [
-          /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((c) => /* @__PURE__ */ jsx("th", { scope: "col", children: c }, c)) }) }),
-          /* @__PURE__ */ jsx("tbody", { children: rows.map((row2) => /* @__PURE__ */ jsx("tr", { children: row2.map(
-            (cell, i) => i === 0 ? /* @__PURE__ */ jsx("th", { scope: "row", children: cell }, cell) : /* @__PURE__ */ jsx("td", { children: cell }, `${cell}-${i}`)
-          ) }, row2.join("|"))) })
-        ] }) }),
-        notes2.length > 0 && /* @__PURE__ */ jsx("ul", { className: styles$h.notes, children: notes2.map((n) => /* @__PURE__ */ jsx("li", { children: n }, n)) })
+        /* @__PURE__ */ jsxs("div", { className: styles$h.body, children: [
+          /* @__PURE__ */ jsxs("div", { className: styles$h.titles, children: [
+            /* @__PURE__ */ jsx("h2", { id: "size-guide-title", className: styles$h.title, children: guide.title }),
+            guide.subtitle && /* @__PURE__ */ jsx("p", { className: styles$h.subtitle, children: guide.subtitle })
+          ] }),
+          hasTable && authored && unit2 && /* @__PURE__ */ jsx("div", { className: styles$h.units, role: "radiogroup", "aria-label": "Measurement unit", children: [authored, otherUnit(authored)].map((u) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": u === unit2,
+              className: `${styles$h.unit} ${u === unit2 ? styles$h.unitOn : styles$h.unitOff}`,
+              onClick: () => setUnit(u),
+              children: UNIT_LABEL[u]
+            },
+            u
+          )) }),
+          hasTable && /* The chart can be wider than the sheet, so it scrolls inside its own
+          container rather than making the sheet scroll sideways. */
+          /* @__PURE__ */ jsx("div", { className: styles$h.tableWrap, children: /* @__PURE__ */ jsxs("table", { className: styles$h.table, children: [
+            /* @__PURE__ */ jsx("colgroup", { children: columns.map((c, i) => /* @__PURE__ */ jsx(
+              "col",
+              {
+                className: i === 0 || i === columns.length - 1 ? styles$h.colEdge : styles$h.col
+              },
+              c
+            )) }),
+            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((c) => /* @__PURE__ */ jsx("th", { scope: "col", children: c }, c)) }) }),
+            /* @__PURE__ */ jsx("tbody", { children: shown.map((row2, r) => /* @__PURE__ */ jsx("tr", { children: row2.map(
+              (cell, i) => i === 0 ? /* @__PURE__ */ jsx("th", { scope: "row", children: cell }, cell) : /* @__PURE__ */ jsx("td", { children: cell }, `${cell}-${i}`)
+            ) }, rows[r]?.join("|") ?? r)) })
+          ] }) }),
+          guide.note && /* @__PURE__ */ jsx("p", { className: styles$h.note, children: guide.note }),
+          measurements.length > 0 && /* @__PURE__ */ jsxs("section", { className: styles$h.how, "aria-labelledby": "size-guide-how", children: [
+            /* @__PURE__ */ jsx("h3", { id: "size-guide-how", className: styles$h.howTitle, children: "How to measure" }),
+            /* @__PURE__ */ jsx("dl", { className: styles$h.howList, children: measurements.map((m) => /* @__PURE__ */ jsxs("div", { className: styles$h.howItem, children: [
+              /* @__PURE__ */ jsx("dt", { className: styles$h.howLabel, children: m.label }),
+              /* @__PURE__ */ jsx("dd", { className: styles$h.howText, children: m.description })
+            ] }, m.label)) })
+          ] }),
+          guide.fabric && /* @__PURE__ */ jsxs("div", { className: styles$h.fabric, children: [
+            /* @__PURE__ */ jsx("p", { className: styles$h.fabricLabel, children: "Fabric" }),
+            /* @__PURE__ */ jsx("p", { className: styles$h.fabricText, children: guide.fabric })
+          ] }),
+          notes2.length > 0 && /* @__PURE__ */ jsx("ul", { className: styles$h.notes, children: notes2.map((n) => /* @__PURE__ */ jsx("li", { children: n }, n)) })
+        ] })
       ]
     }
   ) });
@@ -8587,15 +8784,15 @@ function LifestyleImage({ images }) {
     )) })
   ] }) });
 }
-const section$2 = "_section_n8xka_1";
-const track = "_track_n8xka_8";
-const card = "_card_n8xka_38";
-const quote = "_quote_n8xka_50";
-const author = "_author_n8xka_58";
-const dots = "_dots_n8xka_64";
-const dot = "_dot_n8xka_64";
-const dotActive = "_dotActive_n8xka_77";
-const disclaimer = "_disclaimer_n8xka_83";
+const section$2 = "_section_kdf3c_1";
+const track = "_track_kdf3c_8";
+const card = "_card_kdf3c_38";
+const quote = "_quote_kdf3c_50";
+const author = "_author_kdf3c_58";
+const dots = "_dots_kdf3c_69";
+const dot = "_dot_kdf3c_69";
+const dotActive = "_dotActive_kdf3c_85";
+const disclaimer = "_disclaimer_kdf3c_91";
 const styles$6 = {
   section: section$2,
   track,
@@ -8630,10 +8827,10 @@ function ReviewCarousel({ quotes, disclaimer: disclaimer2 }) {
     disclaimer2 && /* @__PURE__ */ jsx("p", { className: styles$6.disclaimer, children: disclaimer2 })
   ] });
 }
-const section$1 = "_section_145t0_1";
-const row$2 = "_row_145t0_9";
-const title$4 = "_title_145t0_21";
-const body = "_body_145t0_29";
+const section$1 = "_section_1tevp_1";
+const row$2 = "_row_1tevp_9";
+const title$4 = "_title_1tevp_21";
+const body = "_body_1tevp_38";
 const styles$5 = {
   section: section$1,
   row: row$2,
@@ -8646,10 +8843,10 @@ function WhyUs({ items: items2 }) {
     /* @__PURE__ */ jsx("p", { className: styles$5.body, children: it.body })
   ] }, i)) });
 }
-const section = "_section_opjfc_1";
-const title$3 = "_title_opjfc_8";
-const list$1 = "_list_opjfc_15";
-const row$1 = "_row_opjfc_26";
+const section = "_section_snuuj_1";
+const title$3 = "_title_snuuj_10";
+const list$1 = "_list_snuuj_17";
+const row$1 = "_row_snuuj_32";
 const styles$4 = {
   section,
   title: title$3,
@@ -8690,11 +8887,13 @@ function Block({ block }) {
         block.title && /* @__PURE__ */ jsx("h2", { className: styles$3.blockTitle, children: block.title }),
         /* @__PURE__ */ jsx(ProductTile, { product: block.product, priority: true, size: "large" })
       ] });
+    case "product_gallery":
+      return /* @__PURE__ */ jsx(ProductGallery, { title: block.title, product: block.product });
     case "lifestyle_image":
       return /* @__PURE__ */ jsx(LifestyleImage, { images: block.images });
     case "grid":
       return /* @__PURE__ */ jsxs("div", { className: styles$3.gridBlock, children: [
-        /* @__PURE__ */ jsx("h2", { className: styles$3.blockTitle, children: block.title }),
+        block.title && /* @__PURE__ */ jsx("h2", { className: styles$3.blockTitle, children: block.title }),
         /* @__PURE__ */ jsx("ul", { className: styles$3.grid, children: block.products.map((p) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(ProductTile, { product: p }) }, p.sku)) })
       ] });
     case "review":
@@ -9378,6 +9577,7 @@ export {
   PriceBlock,
   ProductDetail,
   ProductDetails,
+  ProductGallery,
   ProductGrid,
   ProductTile,
   ProductView,