@commerce-blocks/sdk 1.3.0 → 2.0.0-alpha.1

package/dist/index.js

@@ -1,26 +1,46 @@
-import { signal as $ } from "@preact/signals-core";
-import { batch as br, computed as vr, effect as Fr, signal as Mr } from "@preact/signals-core";
-const He = "2026-01", Qe = "https://app.uselayers.com/api/storefront/v1", Ke = 1e3, ke = 1e3, Ne = 100, We = 300 * Ke, Xe = "6.0.0", se = 250, j = 20, H = 250, ie = 250, ae = 250, ce = 1, le = 1, Y = 1, Z = 24, ue = 1, de = 1, fe = 100, ze = 20, Je = 50, Ye = 300, Ze = "USD", et = "en-US", tt = 1e3, De = /* @__PURE__ */ new Map();
-function rt(e, t) {
-  const r = `${e}:${t}`;
-  let o = De.get(r);
-  return o || (o = new Intl.NumberFormat(et, {
+import { signal as L, computed as N } from "@preact/signals-core";
+import { batch as wn, computed as On, effect as Cn, signal as kn } from "@preact/signals-core";
+const Qe = "2.0.0-alpha.1", Ke = {
+  version: Qe
+}, ze = "2026-01", Xe = "https://app.uselayers.com/api/storefront/v1", We = 1e3, Ce = 1e3, ke = 100, Je = 300 * We, pe = Ke.version, ae = 250, B = 20, G = 250, se = 250, ie = 250, ce = 1, le = 1, Y = 1, Z = 24, ue = 1, de = 1, fe = 100, Ye = 20, Ze = 50, et = 300, tt = 50, De = "USD", nt = "en-US", rt = 1e3, Re = /* @__PURE__ */ new Map();
+function Ne(e, t) {
+  const n = `${e}:${t}`;
+  let o = Re.get(n);
+  return o || (o = new Intl.NumberFormat(nt, {
     style: "currency",
     currency: t
-  }).format(e), De.set(r, o)), o;
+  }).format(e), Re.set(n, o)), o;
 }
-function M(e) {
+function D(e) {
   return { data: e };
 }
-function p(e) {
+function v(e) {
   return { error: e };
 }
 function ee() {
   return (/* @__PURE__ */ new Date()).toISOString();
 }
-const nt = ["TIMEOUT", "CONNECTION_FAILED", "DNS_FAILED"];
+function ot(e, t, n, o) {
+  return {
+    status: e,
+    statusText: t,
+    headers: n ? st(n) : void 0,
+    body: o ? it(o) : void 0
+  };
+}
+const at = ["authorization", "x-shopify-access-token", "cookie", "set-cookie"];
+function st(e) {
+  const t = {};
+  for (const [n, o] of Object.entries(e))
+    t[n] = at.includes(n.toLowerCase()) ? "[REDACTED]" : o;
+  return t;
+}
+function it(e, t = 1e3) {
+  return e.length > t ? e.slice(0, t) + "...[truncated]" : e;
+}
+const ct = ["TIMEOUT", "CONNECTION_FAILED", "DNS_FAILED"];
 function J(e) {
-  const t = nt.includes(e.code);
+  const t = ct.includes(e.code);
   return {
     _tag: "NetworkError",
     code: e.code,
@@ -32,18 +52,19 @@ function J(e) {
     retryAfterMs: t ? 1e3 : void 0
   };
 }
-function ot(e) {
+function lt(e) {
   if (!e) return;
   const t = e["retry-after"] ?? e["Retry-After"];
   if (!t) return;
-  const r = parseInt(t, 10);
-  if (!isNaN(r)) return r * 1e3;
+  const n = t.trim();
+  if (/^\d+$/.test(n))
+    return Number(n) * 1e3;
   const o = new Date(t);
   if (!isNaN(o.getTime()))
     return Math.max(0, o.getTime() - Date.now());
 }
-function C(e) {
-  const t = e.code === "RATE_LIMITED" || e.code === "SERVICE_UNAVAILABLE" || e.status !== void 0 && e.status >= 500, r = e.retryAfterMs ?? ot(e.response?.headers) ?? (t ? 1e3 : void 0);
+function $(e) {
+  const t = e.code === "RATE_LIMITED" || e.code === "SERVICE_UNAVAILABLE" || e.status !== void 0 && e.status >= 500, n = e.retryAfterMs ?? lt(e.response?.headers) ?? (t ? 1e3 : void 0);
   return {
     _tag: "ApiError",
     code: e.code,
@@ -52,14 +73,14 @@ function C(e) {
     timestamp: ee(),
     status: e.status,
     retryable: t,
-    retryAfterMs: r,
+    retryAfterMs: n,
     request: e.request,
     response: e.response,
     cause: e.cause,
     details: e.details
   };
 }
-function D(e) {
+function q(e) {
   return {
     _tag: "ValidationError",
     code: "VALIDATION_FAILED",
@@ -70,16 +91,16 @@ function D(e) {
     input: e.input
   };
 }
-function A(e, t, r, o) {
+function k(e, t, n, o) {
   return {
     path: e.split("."),
     field: e.split(".").pop() ?? e,
     code: t,
-    message: r,
+    message: n,
     ...o
   };
 }
-function B(e) {
+function U(e) {
   return {
     _tag: "ConfigError",
     code: e.code,
@@ -90,22 +111,29 @@ function B(e) {
     expected: e.expected
   };
 }
-function rr(e) {
-  return typeof e == "object" && e !== null && typeof e._tag == "string";
+const ut = ["NetworkError", "ApiError", "ValidationError", "ConfigError"];
+function un(e) {
+  return typeof e == "object" && e !== null && ut.includes(e._tag ?? "");
 }
-function nr(e) {
+function dn(e) {
   return "retryable" in e ? e.retryable : !1;
 }
-function st(e, t) {
-  const r = e === 401 ? "UNAUTHORIZED" : e === 403 ? "FORBIDDEN" : e === 429 ? "RATE_LIMITED" : e >= 500 ? "SERVICE_UNAVAILABLE" : "UNKNOWN";
-  return C({
-    code: r,
+function dt(e, t) {
+  const { status: n } = e, o = n === 401 ? "UNAUTHORIZED" : n === 403 ? "FORBIDDEN" : n === 404 ? "NOT_FOUND" : n === 429 ? "RATE_LIMITED" : n >= 500 ? "SERVICE_UNAVAILABLE" : "UNKNOWN";
+  return $({
+    code: o,
     source: "layers",
-    message: t || `HTTP ${e}`,
-    status: e
+    message: t || `HTTP ${n}`,
+    status: n,
+    response: ot(
+      n,
+      e.statusText,
+      Object.fromEntries(e.headers.entries()),
+      t
+    )
   });
 }
-function ye(e) {
+function ve(e) {
   if (e instanceof Error && (e.name === "AbortError" || e.name === "TimeoutError")) {
     const t = e.name === "TimeoutError" || e.message.includes("timeout");
     return J({
@@ -120,16 +148,16 @@ function ye(e) {
     cause: e
   });
 }
-async function _e(e) {
+async function ye(e) {
   if (!e.ok) {
     const t = await e.text().catch(() => "");
-    return p(st(e.status, t));
+    return v(dt(e, t));
   }
   try {
-    return M(await e.json());
+    return D(await e.json());
   } catch (t) {
-    return p(
-      C({
+    return v(
+      $({
         code: "PARSE_ERROR",
         source: "layers",
         message: "Invalid JSON response",
@@ -138,75 +166,75 @@ async function _e(e) {
     );
   }
 }
-function Ee({
+function Ie({
   token: e,
   json: t = !0
 }) {
-  const r = {
+  const n = {
     Accept: "application/json",
     "X-Storefront-Access-Token": e,
-    "X-SDK-Client": `commerce-blocks-sdk/${Xe}`
+    "X-SDK-Client": `commerce-blocks-sdk/${pe}`
   };
-  return t && (r["Content-Type"] = "application/json"), r;
+  return t && (n["Content-Type"] = "application/json"), n;
 }
-function Ie({ config: e, endpoint: t }) {
-  const { layersBaseUrl: r = Qe } = e;
-  return `${r}${t}`;
+function Ee({ config: e, endpoint: t }) {
+  const { layersBaseUrl: n = Xe } = e;
+  return `${n}${t}`;
 }
-async function G(e) {
+async function x(e) {
   const t = e.config.fetch ?? fetch;
   try {
-    const r = await t(Ie({ config: e.config, endpoint: e.endpoint }), {
+    const n = await t(Ee({ config: e.config, endpoint: e.endpoint }), {
       method: "POST",
-      headers: Ee({ token: e.config.layersPublicToken }),
+      headers: Ie({ token: e.config.layersPublicToken }),
       body: JSON.stringify(e.body),
       signal: e.signal
     });
-    return _e(r);
-  } catch (r) {
-    return p(ye(r));
+    return ye(n);
+  } catch (n) {
+    return v(ve(n));
   }
 }
-async function it(e) {
+async function ft(e) {
   const t = new URLSearchParams();
-  for (const [i, s] of Object.entries(e.params))
-    s != null && t.append(i, typeof s == "object" ? JSON.stringify(s) : String(s));
-  const r = t.toString(), o = r ? `${e.endpoint}?${r}` : e.endpoint, n = e.config.fetch ?? fetch;
+  for (const [a, i] of Object.entries(e.params))
+    i != null && t.append(a, typeof i == "object" ? JSON.stringify(i) : String(i));
+  const n = t.toString(), o = n ? `${e.endpoint}?${n}` : e.endpoint, r = e.config.fetch ?? fetch;
   try {
-    const i = await n(Ie({ config: e.config, endpoint: o }), {
+    const a = await r(Ee({ config: e.config, endpoint: o }), {
       method: "GET",
-      headers: Ee({ token: e.config.layersPublicToken }),
+      headers: Ie({ token: e.config.layersPublicToken }),
       signal: e.signal
     });
-    return _e(i);
-  } catch (i) {
-    return p(ye(i));
+    return ye(a);
+  } catch (a) {
+    return v(ve(a));
   }
 }
-async function at(e) {
+async function gt(e) {
   const t = e.config.fetch ?? fetch;
   try {
-    const r = await t(Ie({ config: e.config, endpoint: e.endpoint }), {
+    const n = await t(Ee({ config: e.config, endpoint: e.endpoint }), {
       method: "POST",
-      headers: Ee({ token: e.config.layersPublicToken, json: !1 }),
+      headers: Ie({ token: e.config.layersPublicToken, json: !1 }),
       body: e.formData,
       signal: e.signal
     });
-    return _e(r);
-  } catch (r) {
-    return p(ye(r));
+    return ye(n);
+  } catch (n) {
+    return v(ve(n));
   }
 }
-function Q(e, t) {
+function j(e, t) {
   if (!e) return null;
-  const r = [];
-  return e.page !== void 0 && e.page < ue && r.push(
-    A("pagination.page", "OUT_OF_RANGE", `page must be >= ${ue}`, {
+  const n = [];
+  return e.page !== void 0 && e.page < ue && n.push(
+    k("pagination.page", "OUT_OF_RANGE", `page must be >= ${ue}`, {
       value: e.page,
       constraints: { min: ue }
     })
-  ), e.limit !== void 0 && (e.limit < de || e.limit > fe) && r.push(
-    A(
+  ), e.limit !== void 0 && (e.limit < de || e.limit > fe) && n.push(
+    k(
       "pagination.limit",
       "OUT_OF_RANGE",
       `limit must be between ${de} and ${fe}`,
@@ -215,9 +243,9 @@ function Q(e, t) {
         constraints: { min: de, max: fe }
       }
     )
-  ), r.length > 0 ? D({ operation: t, fields: r }) : null;
+  ), n.length > 0 ? q({ operation: t, fields: n }) : null;
 }
-const ct = [
+const mt = [
   "title",
   "handle",
   "body_html",
@@ -236,12 +264,19 @@ const ct = [
   "metafields",
   "calculated",
   "named_tags",
-  "category"
+  "category",
+  "created_at",
+  "published_at",
+  "updated_at",
+  "combined_listing_parent_product_id",
+  "combined_listing_role",
+  "has_variants_that_require_components",
+  "original_options"
 ];
-function lt(e) {
+function pt(e) {
   if (!e.layersPublicToken)
-    return p(
-      B({
+    return v(
+      U({
         code: "MISSING_CONFIG",
         message: "layersPublicToken is required",
         field: "layersPublicToken",
@@ -249,190 +284,190 @@ function lt(e) {
       })
     );
   if (!e.sorts || e.sorts.length === 0)
-    return p(
-      B({
+    return v(
+      U({
         code: "MISSING_CONFIG",
         message: "At least one sort option is required",
         field: "sorts",
         expected: "non-empty array of Sort"
       })
     );
-  function t(n) {
-    return [.../* @__PURE__ */ new Set([...ct, ...e.attributes ?? [], ...n ?? []])];
+  function t(r) {
+    return [.../* @__PURE__ */ new Set([...mt, ...e.attributes ?? [], ...r ?? []])];
   }
-  const r = {
+  const n = {
     layersPublicToken: e.layersPublicToken,
     layersBaseUrl: e.layersBaseUrl,
     fetch: e.fetch
   };
-  return M({
-    browse: async (n, i) => {
-      if (!n.collectionHandle)
-        return p(
-          D({
+  return D({
+    browse: async (r, a) => {
+      if (!r.collectionHandle)
+        return v(
+          q({
             operation: "browse",
             fields: [
-              A("collectionHandle", "REQUIRED_FIELD", "collectionHandle is required")
+              k("collectionHandle", "REQUIRED_FIELD", "collectionHandle is required")
             ]
           })
         );
-      if (!n.sort_order_code)
-        return p(
-          D({
+      if (!r.sort_order_code)
+        return v(
+          q({
             operation: "browse",
             fields: [
-              A("sort_order_code", "REQUIRED_FIELD", "sort_order_code is required")
+              k("sort_order_code", "REQUIRED_FIELD", "sort_order_code is required")
             ]
           })
         );
-      const s = Q(n.pagination, "browse");
-      if (s) return p(s);
-      const { collectionHandle: a, attributes: u, transformBody: c, ...f } = n;
+      const i = j(r.pagination, "browse");
+      if (i) return v(i);
+      const { collectionHandle: s, attributes: l, transformBody: c, ...g } = r;
       let d = {
-        facets: e.facets,
-        attributes: t(u),
+        facets: e.facets.map((p) => p.code),
+        attributes: t(l),
         retrieveFacetCount: !0,
         includeFacetRanges: !0,
-        ...f
+        ...g
       };
-      return c && (d = c(d)), G({
-        config: r,
-        endpoint: `/browse/${a}`,
+      return c && (d = c(d)), x({
+        config: n,
+        endpoint: `/browse/${s}`,
         body: d,
-        signal: i
+        signal: a
       });
     },
-    predictiveSearch: async (n, i) => n ? it({
-      config: r,
+    predictiveSearch: async (r, a) => r ? ft({
+      config: n,
       endpoint: "/search/complete",
-      params: { query: n },
-      signal: i
-    }) : p(
-      D({
+      params: { query: r },
+      signal: a
+    }) : v(
+      q({
         operation: "predictiveSearch",
-        fields: [A("query", "REQUIRED_FIELD", "query is required")]
+        fields: [k("query", "REQUIRED_FIELD", "query is required")]
       })
     ),
-    prepareSearch: async (n, i) => {
-      if (!n.query)
-        return p(
-          D({
+    prepareSearch: async (r, a) => {
+      if (!r.query)
+        return v(
+          q({
             operation: "prepareSearch",
-            fields: [A("query", "REQUIRED_FIELD", "query is required")]
+            fields: [k("query", "REQUIRED_FIELD", "query is required")]
           })
         );
-      const { query: s, transformBody: a, ...u } = n;
-      let c = { ...u };
-      return a && (c = a(c)), G({
-        config: r,
-        endpoint: `/search/${encodeURIComponent(s)}/prepare`,
+      const { query: i, transformBody: s, ...l } = r;
+      let c = { ...l };
+      return s && (c = s(c)), x({
+        config: n,
+        endpoint: `/search/${encodeURIComponent(i)}/prepare`,
         body: c,
-        signal: i
+        signal: a
       });
     },
-    search: async (n, i) => {
-      if (!n.query)
-        return p(
-          D({
+    search: async (r, a) => {
+      if (!r.query)
+        return v(
+          q({
             operation: "search",
-            fields: [A("query", "REQUIRED_FIELD", "query is required")]
+            fields: [k("query", "REQUIRED_FIELD", "query is required")]
           })
         );
-      const s = Q(n.pagination, "search");
-      if (s) return p(s);
-      const { query: a, attributes: u, transformBody: c, ...f } = n;
+      const i = j(r.pagination, "search");
+      if (i) return v(i);
+      const { query: s, attributes: l, transformBody: c, ...g } = r;
       let d = {
-        facets: e.facets,
-        attributes: t(u),
+        facets: e.facets.map((p) => p.code),
+        attributes: t(l),
         retrieveFacetCount: !0,
         includeFacetRanges: !0,
-        ...f
+        ...g
       };
-      return c && (d = c(d)), G({
-        config: r,
-        endpoint: `/search/${encodeURIComponent(a)}/execute`,
+      return c && (d = c(d)), x({
+        config: n,
+        endpoint: `/search/${encodeURIComponent(s)}/execute`,
         body: d,
-        signal: i
+        signal: a
       });
     },
-    imageSearch: async (n, i) => {
-      if (!n.image_data && !n.image_id)
-        return p(
-          D({
+    imageSearch: async (r, a) => {
+      if (!r.image_data && !r.image_id)
+        return v(
+          q({
             operation: "imageSearch",
             fields: [
-              A("image_data", "REQUIRED_FIELD", "image_data or image_id is required")
+              k("image_data", "REQUIRED_FIELD", "image_data or image_id is required")
             ]
           })
         );
-      const s = Q(n.pagination, "imageSearch");
-      if (s) return p(s);
-      const { attributes: a, transformBody: u, ...c } = n;
-      let f = {
-        attributes: t(a),
+      const i = j(r.pagination, "imageSearch");
+      if (i) return v(i);
+      const { attributes: s, transformBody: l, ...c } = r;
+      let g = {
+        attributes: t(s),
         ...c
       };
-      return u && (f = u(f)), G({
-        config: r,
+      return l && (g = l(g)), x({
+        config: n,
         endpoint: "/search/image",
-        body: f,
-        signal: i
+        body: g,
+        signal: a
       });
     },
-    uploadImage: async (n, i) => {
-      const s = new FormData();
-      return s.append("image", n), at({
-        config: r,
+    uploadImage: async (r, a) => {
+      const i = new FormData();
+      return i.append("image", r), gt({
+        config: n,
         endpoint: "/images/upload",
-        formData: s,
-        signal: i
+        formData: i,
+        signal: a
       });
     },
-    blocks: async (n, i) => {
-      if (!n.blockId)
-        return p(
-          D({
+    blocks: async (r, a) => {
+      if (!r.blockId)
+        return v(
+          q({
             operation: "block",
-            fields: [A("blockId", "REQUIRED_FIELD", "blockId is required")]
+            fields: [k("blockId", "REQUIRED_FIELD", "blockId is required")]
           })
         );
-      const s = Q(n.pagination, "block");
-      if (s) return p(s);
-      const { blockId: a, attributes: u, transformBody: c, ...f } = n;
+      const i = j(r.pagination, "block");
+      if (i) return v(i);
+      const { blockId: s, attributes: l, transformBody: c, ...g } = r;
       let d = {
-        facets: e.facets,
-        attributes: t(u),
+        facets: e.facets.map((p) => p.code),
+        attributes: t(l),
         retrieveFacetCount: !0,
         includeFacetRanges: !0,
-        ...f
+        ...g
       };
-      return c && (d = c(d)), G({
-        config: r,
-        endpoint: `/blocks/${a}/products`,
+      return c && (d = c(d)), x({
+        config: n,
+        endpoint: `/blocks/${s}/products`,
         body: d,
-        signal: i
+        signal: a
       });
     },
-    similarProducts: async (n, i) => {
-      if (!n.productId)
-        return p(
-          D({
+    similarProducts: async (r, a) => {
+      if (!r.productId)
+        return v(
+          q({
             operation: "similarProducts",
-            fields: [A("productId", "REQUIRED_FIELD", "productId is required")]
+            fields: [k("productId", "REQUIRED_FIELD", "productId is required")]
           })
         );
-      const s = Q(n.pagination, "similarProducts");
-      if (s) return p(s);
-      const { productId: a, attributes: u, transformBody: c, ...f } = n;
+      const i = j(r.pagination, "similarProducts");
+      if (i) return v(i);
+      const { productId: s, attributes: l, transformBody: c, ...g } = r;
       let d = {
-        attributes: t(u),
-        ...f
+        attributes: t(l),
+        ...g
       };
-      return c && (d = c(d)), G({
-        config: r,
-        endpoint: `/search/product/${a}`,
+      return c && (d = c(d)), x({
+        config: n,
+        endpoint: `/search/product/${s}`,
         body: d,
-        signal: i
+        signal: a
       });
     }
   });
@@ -456,7 +491,7 @@ const te = `
     type
     values { ...FilterValueFields }
   }
-`, re = `
+`, ne = `
   fragment ImageFields on Image {
     url
     altText
@@ -468,12 +503,12 @@ const te = `
     amount
     currencyCode
   }
-`, ve = `
+`, Fe = `
   fragment SelectedOptionFields on SelectedOption {
     name
     value
   }
-`, Fe = `
+`, Se = `
   fragment PriceRangeFields on ProductPriceRange {
     minVariantPrice { ...MoneyFields }
     maxVariantPrice { ...MoneyFields }
@@ -501,19 +536,14 @@ const te = `
     type
   }
 `;
-function Se(e) {
+function Pe(e) {
   return `
     fragment VariantFields on ProductVariant {
       id
       title
       availableForSale
       currentlyNotInStock
-      quantityAvailable
       sku
-      barcode
-      weight
-      weightUnit
-      requiresShipping
       price { ...MoneyFields }
       compareAtPrice { ...MoneyFields }
       selectedOptions { ...SelectedOptionFields }
@@ -522,8 +552,8 @@ function Se(e) {
     }
   `;
 }
-function Pe(e) {
-  const { maxImages: t, maxVariants: r, includeProductMetafields: o } = e;
+function Ae(e) {
+  const { maxImages: t, maxVariants: n, includeProductMetafields: o } = e;
   return `
     fragment ProductFields on Product {
       id
@@ -536,14 +566,12 @@ function Pe(e) {
       tags
       availableForSale
       isGiftCard
-      totalInventory
-      onlineStoreUrl
       featuredImage { ...ImageFields }
       images(first: ${t}) { nodes { ...ImageFields } }
       priceRange { ...PriceRangeFields }
       compareAtPriceRange { ...PriceRangeFields }
       options { ...ProductOptionFields }
-      variants(first: ${r}) { nodes { ...VariantFields } }
+      variants(first: ${n}) { nodes { ...VariantFields } }
       selectedOrFirstAvailableVariant { ...VariantFields }
       ${o ? "metafields(identifiers: $productMetafields) { ...MetafieldFields }" : ""}
     }
@@ -564,7 +592,7 @@ function Le(e) {
     }
   `;
 }
-function Ue(e) {
+function Ve(e) {
   return `
     fragment PageFields on Page {
       id
@@ -580,36 +608,36 @@ function Ue(e) {
     }
   `;
 }
-function ut(e) {
-  const { includeProductMetafields: t, includeVariantMetafields: r } = e;
+function ht(e) {
+  const { includeProductMetafields: t, includeVariantMetafields: n } = e;
   return [
-    re,
+    ne,
     be,
-    ve,
     Fe,
+    Se,
     Me,
-    t || r ? z : "",
-    Se(r),
-    Pe(e)
+    t || n ? z : "",
+    Pe(n),
+    Ae(e)
   ].join(`
 `);
 }
-function dt(e = {}) {
+function _t(e = {}) {
   const {
-    maxImages: t = j,
-    maxVariants: r = H,
+    maxImages: t = B,
+    maxVariants: n = G,
     productMetafields: o = [],
-    variantMetafields: n = []
-  } = e, i = o.length > 0, s = n.length > 0, a = ["$ids: [ID!]!"];
-  return i && a.push("$productMetafields: [HasMetafieldsIdentifier!]!"), s && a.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), `
-    ${ut({
+    variantMetafields: r = []
+  } = e, a = o.length > 0, i = r.length > 0, s = ["$ids: [ID!]!"];
+  return a && s.push("$productMetafields: [HasMetafieldsIdentifier!]!"), i && s.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), `
+    ${ht({
     maxImages: t,
-    maxVariants: r,
-    includeProductMetafields: i,
-    includeVariantMetafields: s
+    maxVariants: n,
+    includeProductMetafields: a,
+    includeVariantMetafields: i
   })}
 
-    query ProductsByIds(${a.join(", ")}) {
+    query ProductsByIds(${s.join(", ")}) {
       nodes(ids: $ids) {
         ... on Product {
           ...ProductFields
@@ -618,31 +646,31 @@ function dt(e = {}) {
     }
   `;
 }
-function ft(e = {}) {
+function vt(e = {}) {
   const {
-    maxImages: t = j,
-    maxVariants: r = H,
+    maxImages: t = B,
+    maxVariants: n = G,
     productMetafields: o = [],
-    variantMetafields: n = [],
-    collectionMetafields: i = [],
-    includeFilters: s = !1
-  } = e, a = o.length > 0, u = n.length > 0, c = i.length > 0, f = a || u || c, d = ["$ids: [ID!]!", "$handle: String!"];
-  return a && d.push("$productMetafields: [HasMetafieldsIdentifier!]!"), u && d.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), c && d.push("$collectionMetafields: [HasMetafieldsIdentifier!]!"), `
+    variantMetafields: r = [],
+    collectionMetafields: a = [],
+    includeFilters: i = !1
+  } = e, s = o.length > 0, l = r.length > 0, c = a.length > 0, g = s || l || c, d = ["$ids: [ID!]!", "$handle: String!"];
+  return s && d.push("$productMetafields: [HasMetafieldsIdentifier!]!"), l && d.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), c && d.push("$collectionMetafields: [HasMetafieldsIdentifier!]!"), `
     ${[
-    re,
+    ne,
     be,
-    ve,
     Fe,
+    Se,
     Me,
     te,
-    f ? z : "",
-    s ? qe : "",
-    s ? $e : "",
-    Se(u),
-    Pe({
+    g ? z : "",
+    i ? qe : "",
+    i ? $e : "",
+    Pe(l),
+    Ae({
       maxImages: t,
-      maxVariants: r,
-      includeProductMetafields: a
+      maxVariants: n,
+      includeProductMetafields: s
     }),
     Le(c)
   ].join(`
@@ -651,7 +679,7 @@ function ft(e = {}) {
     query CollectionWithProducts(${d.join(", ")}) {
       collection(handle: $handle) {
         ...CollectionFields
-        ${s ? "products(first: 1) { filters { ...FilterFields } }" : ""}
+        ${i ? "products(first: 1) { filters { ...FilterFields } }" : ""}
       }
       nodes(ids: $ids) {
         ... on Product {
@@ -661,34 +689,34 @@ function ft(e = {}) {
     }
   `;
 }
-function gt(e = {}) {
-  const { collectionMetafields: t = [], includeFilters: r = !1 } = e, o = t.length > 0, n = ["$handle: String!"];
-  return o && n.push("$collectionMetafields: [HasMetafieldsIdentifier!]!"), `
+function yt(e = {}) {
+  const { collectionMetafields: t = [], includeFilters: n = !1 } = e, o = t.length > 0, r = ["$handle: String!"];
+  return o && r.push("$collectionMetafields: [HasMetafieldsIdentifier!]!"), `
     ${[
-    re,
+    ne,
     te,
     o ? z : "",
-    r ? qe : "",
-    r ? $e : "",
+    n ? qe : "",
+    n ? $e : "",
     Le(o)
   ].join(`
 `)}
 
-    query Collection(${n.join(", ")}) {
+    query Collection(${r.join(", ")}) {
       collection(handle: $handle) {
         ...CollectionFields
-        ${r ? "products(first: 1) { filters { ...FilterFields } }" : ""}
+        ${n ? "products(first: 1) { filters { ...FilterFields } }" : ""}
       }
     }
   `;
 }
-function mt(e = {}) {
-  const { pageMetafields: t = [] } = e, r = t.length > 0, o = ["$handle: String!"];
-  return r && o.push("$pageMetafields: [HasMetafieldsIdentifier!]!"), `
+function It(e = {}) {
+  const { pageMetafields: t = [] } = e, n = t.length > 0, o = ["$handle: String!"];
+  return n && o.push("$pageMetafields: [HasMetafieldsIdentifier!]!"), `
     ${[
     te,
-    r ? z : "",
-    Ue(r)
+    n ? z : "",
+    Ve(n)
   ].join(`
 `)}
 
@@ -699,34 +727,34 @@ function mt(e = {}) {
     }
   `;
 }
-function pt(e = {}) {
+function Et(e = {}) {
   const {
-    maxImages: t = j,
-    maxVariants: r = H,
+    maxImages: t = B,
+    maxVariants: n = G,
     productMetafields: o = [],
-    variantMetafields: n = [],
-    pageMetafields: i = []
-  } = e, s = o.length > 0, a = n.length > 0, u = i.length > 0, c = s || a || u, f = ["$ids: [ID!]!", "$handle: String!"];
-  return s && f.push("$productMetafields: [HasMetafieldsIdentifier!]!"), a && f.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), u && f.push("$pageMetafields: [HasMetafieldsIdentifier!]!"), `
+    variantMetafields: r = [],
+    pageMetafields: a = []
+  } = e, i = o.length > 0, s = r.length > 0, l = a.length > 0, c = i || s || l, g = ["$ids: [ID!]!", "$handle: String!"];
+  return i && g.push("$productMetafields: [HasMetafieldsIdentifier!]!"), s && g.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), l && g.push("$pageMetafields: [HasMetafieldsIdentifier!]!"), `
     ${[
-    re,
+    ne,
     be,
-    ve,
     Fe,
+    Se,
     Me,
     te,
     c ? z : "",
-    Se(a),
-    Pe({
+    Pe(s),
+    Ae({
       maxImages: t,
-      maxVariants: r,
-      includeProductMetafields: s
+      maxVariants: n,
+      includeProductMetafields: i
     }),
-    Ue(u)
+    Ve(l)
   ].join(`
 `)}
 
-    query PageWithProducts(${f.join(", ")}) {
+    query PageWithProducts(${g.join(", ")}) {
       page(handle: $handle) {
         ...PageFields
       }
@@ -738,44 +766,44 @@ function pt(e = {}) {
     }
   `;
 }
-function ht({
+function bt({
   shop: e,
   token: t,
-  apiVersion: r,
+  apiVersion: n,
   customFetch: o = fetch
 }) {
-  const n = `https://${e}/api/${r}/graphql.json`;
+  const r = `https://${e}/api/${n}/graphql.json`;
   return {
-    async request(i, { variables: s, signal: a } = {}) {
-      const u = await o(n, {
+    async request(a, { variables: i, signal: s } = {}) {
+      const l = await o(r, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
           "X-Shopify-Storefront-Access-Token": t
         },
-        body: JSON.stringify({ query: i, variables: s }),
-        signal: a
+        body: JSON.stringify({ query: a, variables: i }),
+        signal: s
       });
-      if (!u.ok)
+      if (!l.ok)
         return {
           data: null,
-          errors: { message: `HTTP ${u.status}`, networkStatusCode: u.status }
+          errors: { message: `HTTP ${l.status}`, networkStatusCode: l.status }
         };
-      const c = await u.json();
+      const c = await l.json();
       return c.errors ? { data: c.data, errors: { graphQLErrors: c.errors } } : { data: c.data };
     }
   };
 }
 function ge({ ids: e, maxSize: t }) {
-  const r = [];
+  const n = [];
   for (let o = 0; o < e.length; o += t)
-    r.push(e.slice(o, o + t));
-  return r;
+    n.push(e.slice(o, o + t));
+  return n;
 }
-function yt(e) {
+function Ft(e) {
   if (!e.storefrontPublicToken)
-    return p(
-      B({
+    return v(
+      U({
         code: "MISSING_CONFIG",
         message: "storefrontPublicToken is required",
         field: "storefrontPublicToken",
@@ -783,311 +811,311 @@ function yt(e) {
       })
     );
   if (!e.shop)
-    return p(
-      B({
+    return v(
+      U({
         code: "MISSING_CONFIG",
         message: "shop is required",
         field: "shop",
         expected: "non-empty string"
       })
     );
-  const { storefrontApiVersion: t = He } = e, r = ht({
+  const { storefrontApiVersion: t = ze } = e, n = bt({
     shop: e.shop,
     token: e.storefrontPublicToken,
     apiVersion: t,
     customFetch: e.fetch
   });
-  return M({
-    async getProducts(n) {
+  return D({
+    async getProducts(r) {
       const {
-        ids: i,
-        productMetafields: s = [],
-        variantMetafields: a = [],
-        maxImages: u = j,
-        maxVariants: c = H,
-        signal: f
-      } = n, d = me(n);
+        ids: a,
+        productMetafields: i = [],
+        variantMetafields: s = [],
+        maxImages: l = B,
+        maxVariants: c = G,
+        signal: g
+      } = r, d = me(r);
       if (d.length > 0)
-        return p(D({ operation: "getProducts", fields: d }));
-      if (i.length === 0)
-        return M([]);
-      const m = dt({
-        maxImages: u,
+        return v(q({ operation: "getProducts", fields: d }));
+      if (a.length === 0)
+        return D([]);
+      const p = _t({
+        maxImages: l,
         maxVariants: c,
-        productMetafields: s,
-        variantMetafields: a
-      }), l = ge({ ids: i, maxSize: se }), g = [];
-      for (const h of l) {
+        productMetafields: i,
+        variantMetafields: s
+      }), u = ge({ ids: a, maxSize: ae }), f = [];
+      for (const h of u) {
         const y = { ids: h };
-        s.length > 0 && (y.productMetafields = s), a.length > 0 && (y.variantMetafields = a);
-        const _ = await _t({ shopifyClient: r, query: m, variables: y, signal: f });
-        if (_.error)
-          return _;
-        g.push(..._.data);
+        i.length > 0 && (y.productMetafields = i), s.length > 0 && (y.variantMetafields = s);
+        const E = await St({ graphqlClient: n, query: p, variables: y, signal: g });
+        if (E.error)
+          return E;
+        f.push(...E.data);
       }
-      return M(g);
+      return D(f);
     },
-    async getCollection(n) {
-      const { handle: i, collectionMetafields: s = [], includeFilters: a = !1, signal: u } = n;
-      if (!i)
-        return p(
-          D({
+    async getCollection(r) {
+      const { handle: a, collectionMetafields: i = [], includeFilters: s = !1, signal: l } = r;
+      if (!a)
+        return v(
+          q({
             operation: "getCollection",
-            fields: [A("handle", "REQUIRED_FIELD", "handle is required")]
+            fields: [k("handle", "REQUIRED_FIELD", "handle is required")]
           })
         );
-      const c = gt({ collectionMetafields: s, includeFilters: a }), f = { handle: i };
-      s.length > 0 && (f.collectionMetafields = s);
+      const c = yt({ collectionMetafields: i, includeFilters: s }), g = { handle: a };
+      i.length > 0 && (g.collectionMetafields = i);
       try {
-        const { data: d, errors: m } = await r.request(c, { variables: f, signal: u });
-        if (m)
-          return p(K(m));
-        const l = d;
-        return l.collection ? M(l.collection) : p(
-          C({
+        const { data: d, errors: p } = await n.request(c, { variables: g, signal: l });
+        if (p)
+          return v(H(p));
+        const u = d;
+        return u.collection ? D(u.collection) : v(
+          $({
             code: "NOT_FOUND",
-            source: "shopify",
-            message: `Collection not found: ${i}`
+            source: "storefront",
+            message: `Collection not found: ${a}`
           })
         );
       } catch (d) {
-        return p(W(d));
+        return v(Q(d));
       }
     },
-    async getCollectionWithProducts(n) {
+    async getCollectionWithProducts(r) {
       const {
-        handle: i,
-        ids: s,
-        productMetafields: a = [],
-        variantMetafields: u = [],
+        handle: a,
+        ids: i,
+        productMetafields: s = [],
+        variantMetafields: l = [],
         collectionMetafields: c = [],
-        includeFilters: f = !1,
-        maxImages: d = j,
-        maxVariants: m = H,
-        signal: l
-      } = n, g = me(n);
-      if (i || g.push(A("handle", "REQUIRED_FIELD", "handle is required")), g.length > 0)
-        return p(
-          D({
+        includeFilters: g = !1,
+        maxImages: d = B,
+        maxVariants: p = G,
+        signal: u
+      } = r, f = me(r);
+      if (a || f.push(k("handle", "REQUIRED_FIELD", "handle is required")), f.length > 0)
+        return v(
+          q({
             operation: "getCollectionWithProducts",
-            fields: g
+            fields: f
           })
         );
-      const h = ft({
+      const h = vt({
         maxImages: d,
-        maxVariants: m,
-        productMetafields: a,
-        variantMetafields: u,
+        maxVariants: p,
+        productMetafields: s,
+        variantMetafields: l,
         collectionMetafields: c,
-        includeFilters: f
-      }), y = s.length > 0 ? ge({ ids: s, maxSize: se }) : [[]];
-      let _ = null;
-      const b = [];
-      for (let v = 0; v < y.length; v++) {
-        const E = { ids: y[v], handle: i };
-        a.length > 0 && (E.productMetafields = a), u.length > 0 && (E.variantMetafields = u), c.length > 0 && (E.collectionMetafields = c);
+        includeFilters: g
+      }), y = i.length > 0 ? ge({ ids: i, maxSize: ae }) : [[]];
+      let E = null;
+      const M = [];
+      for (let A = 0; A < y.length; A++) {
+        const b = { ids: y[A], handle: a };
+        s.length > 0 && (b.productMetafields = s), l.length > 0 && (b.variantMetafields = l), c.length > 0 && (b.collectionMetafields = c);
         try {
-          const { data: F, errors: P } = await r.request(h, { variables: E, signal: l });
-          if (P)
-            return p(K(P));
-          const R = F;
-          if (v === 0 && (_ = R.collection ?? null, !_))
-            return p(
-              C({
+          const { data: m, errors: _ } = await n.request(h, { variables: b, signal: u });
+          if (_)
+            return v(H(_));
+          const F = m;
+          if (A === 0 && (E = F.collection ?? null, !E))
+            return v(
+              $({
                 code: "NOT_FOUND",
-                source: "shopify",
-                message: `Collection not found: ${i}`
+                source: "storefront",
+                message: `Collection not found: ${a}`
               })
             );
-          const I = (R.nodes ?? []).filter((O) => O !== null);
-          b.push(...I);
-        } catch (F) {
-          return p(W(F));
+          const S = (F.nodes ?? []).filter((P) => P !== null);
+          M.push(...S);
+        } catch (m) {
+          return v(Q(m));
         }
       }
-      return M({ collection: _, products: b });
+      return D({ collection: E, products: M });
     },
-    async getPage(n) {
-      const { handle: i, pageMetafields: s = [], signal: a } = n;
-      if (!i)
-        return p(
-          D({
+    async getPage(r) {
+      const { handle: a, pageMetafields: i = [], signal: s } = r;
+      if (!a)
+        return v(
+          q({
             operation: "getPage",
-            fields: [A("handle", "REQUIRED_FIELD", "handle is required")]
+            fields: [k("handle", "REQUIRED_FIELD", "handle is required")]
           })
         );
-      const u = mt({ pageMetafields: s }), c = { handle: i };
-      s.length > 0 && (c.pageMetafields = s);
+      const l = It({ pageMetafields: i }), c = { handle: a };
+      i.length > 0 && (c.pageMetafields = i);
       try {
-        const { data: f, errors: d } = await r.request(u, { variables: c, signal: a });
+        const { data: g, errors: d } = await n.request(l, { variables: c, signal: s });
         if (d)
-          return p(K(d));
-        const m = f;
-        return m.page ? M(m.page) : p(
-          C({
+          return v(H(d));
+        const p = g;
+        return p.page ? D(p.page) : v(
+          $({
             code: "NOT_FOUND",
-            source: "shopify",
-            message: `Page not found: ${i}`
+            source: "storefront",
+            message: `Page not found: ${a}`
           })
         );
-      } catch (f) {
-        return p(W(f));
+      } catch (g) {
+        return v(Q(g));
       }
     },
-    async getPageWithProducts(n) {
+    async getPageWithProducts(r) {
       const {
-        handle: i,
-        ids: s,
-        productMetafields: a = [],
-        variantMetafields: u = [],
+        handle: a,
+        ids: i,
+        productMetafields: s = [],
+        variantMetafields: l = [],
         pageMetafields: c = [],
-        maxImages: f = j,
-        maxVariants: d = H,
-        signal: m
-      } = n, l = me(n);
-      if (i || l.push(A("handle", "REQUIRED_FIELD", "handle is required")), l.length > 0)
-        return p(
-          D({ operation: "getPageWithProducts", fields: l })
+        maxImages: g = B,
+        maxVariants: d = G,
+        signal: p
+      } = r, u = me(r);
+      if (a || u.push(k("handle", "REQUIRED_FIELD", "handle is required")), u.length > 0)
+        return v(
+          q({ operation: "getPageWithProducts", fields: u })
         );
-      const g = pt({
-        maxImages: f,
+      const f = Et({
+        maxImages: g,
         maxVariants: d,
-        productMetafields: a,
-        variantMetafields: u,
+        productMetafields: s,
+        variantMetafields: l,
         pageMetafields: c
-      }), h = s.length > 0 ? ge({ ids: s, maxSize: se }) : [[]];
+      }), h = i.length > 0 ? ge({ ids: i, maxSize: ae }) : [[]];
       let y = null;
-      const _ = [];
-      for (let b = 0; b < h.length; b++) {
-        const S = { ids: h[b], handle: i };
-        a.length > 0 && (S.productMetafields = a), u.length > 0 && (S.variantMetafields = u), c.length > 0 && (S.pageMetafields = c);
+      const E = [];
+      for (let M = 0; M < h.length; M++) {
+        const R = { ids: h[M], handle: a };
+        s.length > 0 && (R.productMetafields = s), l.length > 0 && (R.variantMetafields = l), c.length > 0 && (R.pageMetafields = c);
         try {
-          const { data: E, errors: F } = await r.request(g, { variables: S, signal: m });
-          if (F)
-            return p(K(F));
-          const P = E;
-          if (b === 0 && (y = P.page ?? null, !y))
-            return p(
-              C({
+          const { data: b, errors: m } = await n.request(f, { variables: R, signal: p });
+          if (m)
+            return v(H(m));
+          const _ = b;
+          if (M === 0 && (y = _.page ?? null, !y))
+            return v(
+              $({
                 code: "NOT_FOUND",
-                source: "shopify",
-                message: `Page not found: ${i}`
+                source: "storefront",
+                message: `Page not found: ${a}`
               })
             );
-          const R = (P.nodes ?? []).filter((I) => I !== null);
-          _.push(...R);
-        } catch (E) {
-          return p(W(E));
+          const F = (_.nodes ?? []).filter((S) => S !== null);
+          E.push(...F);
+        } catch (b) {
+          return v(Q(b));
         }
       }
-      return M({ page: y, products: _ });
+      return D({ page: y, products: E });
     }
   });
 }
 function me(e) {
   const t = [];
-  e.maxImages !== void 0 && (e.maxImages < ce || e.maxImages > ie) && t.push(
-    A(
+  e.maxImages !== void 0 && (e.maxImages < ce || e.maxImages > se) && t.push(
+    k(
       "maxImages",
       "OUT_OF_RANGE",
-      `maxImages must be between ${ce} and ${ie}`,
+      `maxImages must be between ${ce} and ${se}`,
       {
         value: e.maxImages,
-        constraints: { min: ce, max: ie }
+        constraints: { min: ce, max: se }
       }
     )
-  ), e.maxVariants !== void 0 && (e.maxVariants < le || e.maxVariants > ae) && t.push(
-    A(
+  ), e.maxVariants !== void 0 && (e.maxVariants < le || e.maxVariants > ie) && t.push(
+    k(
       "maxVariants",
       "OUT_OF_RANGE",
-      `maxVariants must be between ${le} and ${ae}`,
+      `maxVariants must be between ${le} and ${ie}`,
       {
         value: e.maxVariants,
-        constraints: { min: le, max: ae }
+        constraints: { min: le, max: ie }
       }
     )
   );
-  for (const r of e.productMetafields ?? [])
-    (!r.namespace || !r.key) && t.push(
-      A(
+  for (const n of e.productMetafields ?? [])
+    (!n.namespace || !n.key) && t.push(
+      k(
         "productMetafields",
         "REQUIRED_FIELD",
         "Metafield identifier requires both namespace and key",
         {
-          value: r,
+          value: n,
           expected: "{ namespace: string, key: string }"
         }
       )
     );
-  for (const r of e.variantMetafields ?? [])
-    (!r.namespace || !r.key) && t.push(
-      A(
+  for (const n of e.variantMetafields ?? [])
+    (!n.namespace || !n.key) && t.push(
+      k(
         "variantMetafields",
         "REQUIRED_FIELD",
         "Metafield identifier requires both namespace and key",
         {
-          value: r,
+          value: n,
           expected: "{ namespace: string, key: string }"
         }
       )
     );
   return t;
 }
-async function _t({
-  shopifyClient: e,
+async function St({
+  graphqlClient: e,
   query: t,
-  variables: r,
+  variables: n,
   signal: o
 }) {
   try {
-    const { data: n, errors: i } = await e.request(t, { variables: r, signal: o });
-    if (i)
-      return p(K(i));
-    const s = (n?.nodes ?? []).filter(
-      (a) => a !== null
+    const { data: r, errors: a } = await e.request(t, { variables: n, signal: o });
+    if (a)
+      return v(H(a));
+    const i = (r?.nodes ?? []).filter(
+      (s) => s !== null
     );
-    return M(s);
-  } catch (n) {
-    return p(W(n));
+    return D(i);
+  } catch (r) {
+    return v(Q(r));
   }
 }
-function K(e) {
+function H(e) {
   const t = e.networkStatusCode;
-  return t === 401 ? C({
+  return t === 401 ? $({
     code: "UNAUTHORIZED",
-    source: "shopify",
+    source: "storefront",
     message: "Unauthorized: Invalid or missing storefront access token",
     status: t
-  }) : t === 403 ? C({
+  }) : t === 403 ? $({
     code: "FORBIDDEN",
-    source: "shopify",
+    source: "storefront",
     message: "Forbidden: Access denied to the requested resource",
     status: t
-  }) : t === 429 ? C({
+  }) : t === 429 ? $({
     code: "RATE_LIMITED",
-    source: "shopify",
+    source: "storefront",
     message: "Rate limited: Too many requests to the Storefront API",
     status: t
-  }) : t !== void 0 && t >= 500 ? C({
+  }) : t !== void 0 && t >= 500 ? $({
     code: "SERVICE_UNAVAILABLE",
-    source: "shopify",
-    message: `Shopify service error: ${e.message ?? `HTTP ${t}`}`,
+    source: "storefront",
+    message: `Storefront service error: ${e.message ?? `HTTP ${t}`}`,
     status: t
-  }) : C({
+  }) : $({
     code: "GRAPHQL_ERROR",
-    source: "shopify",
+    source: "storefront",
     message: e.message ?? "GraphQL request failed",
     status: t,
     details: {
-      graphqlErrors: e.graphQLErrors?.map((r) => ({
-        message: r.message,
-        path: r.path,
-        extensions: r.extensions
+      graphqlErrors: e.graphQLErrors?.map((n) => ({
+        message: n.message,
+        path: n.path,
+        extensions: n.extensions
       }))
     }
   });
 }
-function W(e) {
+function Q(e) {
   if (e instanceof Error && (e.name === "AbortError" || e.name === "TimeoutError")) {
     const t = e.name === "TimeoutError" || e.message.includes("timeout");
     return J({
@@ -1102,15 +1130,15 @@ function W(e) {
     cause: e
   });
 }
-const Oe = 2, Et = "cb-sdk-store";
-function It(e) {
+const Mt = "cb-sdk-store";
+function Pt(e) {
   return typeof window > "u" || !window.localStorage ? null : {
     read: () => window.localStorage.getItem(e),
     write: (t) => window.localStorage.setItem(e, t),
     remove: () => window.localStorage.removeItem(e)
   };
 }
-function or(e, t) {
+function fn(e, t) {
   return {
     read() {
       try {
@@ -1119,9 +1147,9 @@ function or(e, t) {
         return null;
       }
     },
-    write(r) {
+    write(n) {
       try {
-        t.writeFileSync(e, r, "utf-8");
+        t.writeFileSync(e, n, "utf-8");
       } catch {
       }
     },
@@ -1133,379 +1161,426 @@ function or(e, t) {
     }
   };
 }
-function bt(e) {
-  typeof requestIdleCallback == "function" ? requestIdleCallback(e, { timeout: tt }) : setTimeout(e, 0);
+function At(e) {
+  typeof requestIdleCallback == "function" ? requestIdleCallback(e, { timeout: rt }) : setTimeout(e, 0);
 }
-function Ce(e) {
-  return [...e].sort((t, r) => r[1].timestamp - t[1].timestamp);
+function we(e) {
+  return [...e].sort((t, n) => n[1].timestamp - t[1].timestamp);
 }
-function vt({
-  storageKey: e = Et,
-  maxProducts: t = ke,
-  maxQueries: r = Ne,
+function Tt({
+  storageKey: e = Mt,
+  maxProducts: t = Ce,
+  maxQueries: n = ke,
   adapter: o
 } = {}) {
-  const n = o ?? It(e);
+  const r = o ?? Pt(e);
+  let a = 0;
   return {
     save(i) {
-      n && bt(() => {
-        try {
-          const s = {
-            products: Ce(i.products).slice(
-              0,
-              t
-            ),
-            queries: Ce(i.queries).slice(0, r),
-            collections: i.collections,
-            version: Oe
-          };
-          n.write(JSON.stringify(s));
-        } catch {
-        }
+      if (!r) return;
+      const s = ++a;
+      At(() => {
+        if (s === a)
+          try {
+            const l = {
+              products: we(i.products).slice(
+                0,
+                t
+              ),
+              queries: we(i.queries).slice(0, n),
+              collections: i.collections,
+              version: pe
+            };
+            r.write(JSON.stringify(l));
+          } catch {
+          }
       });
     },
     restore() {
-      if (!n) return null;
+      if (!r) return null;
       try {
-        const i = n.read();
+        const i = r.read();
         if (!i) return null;
         const s = JSON.parse(i);
-        return s.version !== Oe || !Array.isArray(s.products) || !Array.isArray(s.queries) ? (n.remove(), null) : s;
+        return s.version !== pe || !Array.isArray(s.products) || !Array.isArray(s.queries) ? (r.remove(), null) : s;
       } catch {
-        return n.remove(), null;
+        return r.remove(), null;
       }
     },
     clear() {
-      n?.remove();
+      a++, r?.remove();
     }
   };
 }
-function Ft(e, t) {
+function Rt(e, t) {
   if (e.size <= t) return;
-  const o = [...e.entries()].sort((n, i) => n[1].timestamp - i[1].timestamp).slice(0, e.size - t);
-  for (const [n] of o)
-    e.delete(n);
+  const o = [...e.entries()].sort((r, a) => r[1].timestamp - a[1].timestamp).slice(0, e.size - t);
+  for (const [r] of o)
+    e.delete(r);
 }
-function Mt(e, t) {
+function wt(e, t) {
   if (e.size <= t) return;
-  const r = [];
-  for (const [n, i] of e)
-    i.value && r.push([n, i.value.timestamp]);
-  r.sort((n, i) => n[1] - i[1]);
-  const o = r.slice(0, e.size - t);
-  for (const [n] of o) {
-    const i = e.get(n);
-    i && (i.value = null), e.delete(n);
+  const n = [];
+  for (const [r, a] of e)
+    a.value && n.push([r, a.value.timestamp]);
+  n.sort((r, a) => r[1] - a[1]);
+  const o = n.slice(0, e.size - t);
+  for (const [r] of o) {
+    const a = e.get(r);
+    a && (a.value = null), e.delete(r);
   }
 }
-function St(e = {}) {
+function Ot(e = {}) {
   const {
-    ttl: t = We,
-    maxProducts: r = ke,
-    maxQueries: o = Ne,
-    storageKey: n,
-    storageAdapter: i
-  } = e, s = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), f = vt({
-    storageKey: n,
-    maxProducts: r,
+    ttl: t = Je,
+    maxProducts: n = Ce,
+    maxQueries: o = ke,
+    storageKey: r,
+    storageAdapter: a
+  } = e, i = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), g = Tt({
+    storageKey: r,
+    maxProducts: n,
     maxQueries: o,
-    adapter: i
+    adapter: a
   });
-  function d(l) {
-    return Date.now() - l > t;
+  function d(u) {
+    return Date.now() - u > t;
   }
-  function m(l) {
-    let g = c.get(l);
-    return g || (g = $(null), c.set(l, g)), g;
+  function p(u) {
+    let f = c.get(u);
+    return f || (f = L(null), c.set(u, f)), f;
   }
   return {
     products: {
-      get(l) {
-        const g = s.get(l);
-        if (g) {
-          if (d(g.timestamp)) {
-            s.delete(l);
+      get(u) {
+        const f = i.get(u);
+        if (f) {
+          if (d(f.timestamp)) {
+            i.delete(u);
             return;
           }
-          return g.data;
+          return f.data;
         }
       },
-      getMany(l) {
-        const g = [], h = [];
-        for (const y of l) {
-          const _ = s.get(y);
-          _ && !d(_.timestamp) ? g.push(_.data) : h.push(y);
+      getMany(u) {
+        const f = [], h = [];
+        for (const y of u) {
+          const E = i.get(y);
+          E && !d(E.timestamp) ? f.push(E.data) : h.push(y);
         }
-        return { cached: g, missing: h };
+        return { cached: f, missing: h };
       },
-      set(l) {
-        const g = Date.now(), h = Array.isArray(l) ? l : [l];
+      set(u) {
+        const f = Date.now(), h = Array.isArray(u) ? u : [u];
         for (const y of h)
-          s.set(y.gid, { data: y, timestamp: g });
-        Ft(s, r);
+          i.set(y.gid, { data: y, timestamp: f });
+        Rt(i, n);
       },
-      has(l) {
-        const g = s.get(l);
-        return g != null && !d(g.timestamp);
+      has(u) {
+        const f = i.get(u);
+        return f != null && !d(f.timestamp);
       }
     },
     queries: {
-      get(l) {
-        return m(l);
+      get(u) {
+        return p(u);
       },
-      set(l, g) {
-        const h = m(l);
-        h.value = { data: g, timestamp: Date.now() }, Mt(c, o);
+      set(u, f) {
+        const h = p(u);
+        h.value = { data: f, timestamp: Date.now() }, wt(c, o);
       },
-      isExpired(l) {
-        const g = c.get(l);
-        return g?.value ? d(g.value.timestamp) : !0;
+      isExpired(u) {
+        const f = c.get(u);
+        return f?.value ? d(f.value.timestamp) : !0;
       },
-      invalidate(l) {
-        for (const [g, h] of c)
-          g.includes(l) && (h.value = null);
+      invalidate(u) {
+        for (const [f, h] of c)
+          f.includes(u) && (h.value = null);
       }
     },
     collections: {
-      get(l) {
-        return a.get(l);
+      get(u) {
+        return s.get(u);
       },
-      set(l, g) {
-        a.set(l, { ...g, handle: l });
+      set(u, f) {
+        s.set(u, { ...f, handle: u });
       },
-      delete(l) {
-        a.delete(l);
+      delete(u) {
+        s.delete(u);
       }
     },
     pages: {
-      get(l) {
-        return u.get(l);
+      get(u) {
+        return l.get(u);
       },
-      set(l, g) {
-        u.set(l, { ...g, handle: l });
+      set(u, f) {
+        l.set(u, { ...f, handle: u });
       },
-      delete(l) {
-        u.delete(l);
+      delete(u) {
+        l.delete(u);
       }
     },
     persist() {
-      const l = [], g = [], h = [];
-      for (const [y, _] of s)
-        d(_.timestamp) || l.push([y, _]);
-      for (const [y, _] of c)
-        _.value && !d(_.value.timestamp) && g.push([y, _.value]);
-      for (const [y, _] of a)
-        h.push([y, _]);
-      f.save({ products: l, queries: g, collections: h });
+      const u = [], f = [], h = [];
+      for (const [y, E] of i)
+        d(E.timestamp) || u.push([y, E]);
+      for (const [y, E] of c)
+        E.value && !d(E.value.timestamp) && f.push([y, E.value]);
+      for (const [y, E] of s)
+        h.push([y, E]);
+      g.save({ products: u, queries: f, collections: h });
     },
     restore() {
-      const l = f.restore();
-      if (l) {
-        for (const [g, h] of l.products)
-          d(h.timestamp) || s.set(g, h);
-        for (const [g, h] of l.queries)
+      const u = g.restore();
+      if (u) {
+        for (const [f, h] of u.products)
+          d(h.timestamp) || i.set(f, h);
+        for (const [f, h] of u.queries)
           if (!d(h.timestamp)) {
-            const y = m(g);
+            const y = p(f);
             y.value = h;
           }
-        for (const [g, h] of l.collections)
-          a.set(g, h);
+        for (const [f, h] of u.collections)
+          s.set(f, h);
       }
     },
     clear() {
-      s.clear();
-      for (const l of c.values()) l.value = null;
-      c.clear(), a.clear(), u.clear(), f.clear();
+      i.clear();
+      for (const u of c.values()) u.value = null;
+      c.clear(), s.clear(), l.clear(), g.clear();
     },
     get stats() {
       return {
-        products: s.size,
+        products: i.size,
         queries: c.size,
-        collections: a.size,
-        pages: u.size
+        collections: s.size,
+        pages: l.size
       };
     }
   };
 }
-function Ae(e, t = []) {
-  return Object.entries(e).filter(([r, o]) => o != null && !t.includes(r)).sort(([r], [o]) => r.localeCompare(o)).map(
-    ([r, o]) => `${encodeURIComponent(r)}=${encodeURIComponent(typeof o == "object" ? JSON.stringify(o) : String(o))}`
+function Ue(e, t) {
+  return `gid://shopify/${e}/${t}`;
+}
+function Ct(e) {
+  return Ue("Product", e);
+}
+function kt(e) {
+  return Ue("ProductVariant", e);
+}
+const Oe = (e) => encodeURIComponent(e).replace(/-/g, "%2D");
+function xe({
+  type: e,
+  selectedOptions: t
+}) {
+  if (t.length === 0)
+    return `${e}-`;
+  const n = t.map(({ name: o, value: r }) => `${Oe(o)}:${Oe(r)}`).join("-");
+  return `${e}-${n}`;
+}
+function Be(e) {
+  return e.product_id ?? e.id;
+}
+function he(e) {
+  return Ct(Be(e));
+}
+function Te(e, t = []) {
+  return Object.entries(e).filter(([n, o]) => o != null && !t.includes(n)).sort(([n], [o]) => n.localeCompare(o)).map(
+    ([n, o]) => `${encodeURIComponent(n)}=${encodeURIComponent(typeof o == "object" ? JSON.stringify(o) : String(o))}`
   ).join("&");
 }
-function Pt(e, t = {}) {
+function Dt(e, t = {}) {
   if (!e?.trim()) return;
-  const r = `/browse/${encodeURIComponent(e)}`, o = Ae(t, ["collectionHandle", "signal"]);
-  return o ? `${r}?${o}` : r;
+  const n = `/browse/${encodeURIComponent(e)}`, o = Te(t, ["collectionHandle", "signal"]);
+  return o ? `${n}?${o}` : n;
 }
-function At(e, t = {}) {
+function Nt(e, t = {}) {
   if (!e?.trim()) return;
-  const r = `/search/${encodeURIComponent(e)}`, o = Ae(t, ["query", "signal"]);
-  return o ? `${r}?${o}` : r;
+  const n = `/search/${encodeURIComponent(e)}`, o = Te(t, ["query", "signal"]);
+  return o ? `${n}?${o}` : n;
 }
-function Rt(e, t = {}) {
+function qt(e, t = {}) {
   if (!e?.trim()) return;
-  const r = `/blocks/${encodeURIComponent(e)}`, o = Ae(t, ["blockId", "signal"]);
-  return o ? `${r}?${o}` : r;
+  const n = `/blocks/${encodeURIComponent(e)}`, o = Te(t, ["blockId", "signal"]);
+  return o ? `${n}?${o}` : n;
 }
-var pe = /* @__PURE__ */ ((e) => (e.Equal = "eq", e.NotEqual = "not_eq", e.In = "in", e.NotIn = "not_in", e.GreaterThan = "gt", e.GreaterThanOrEqual = "gte", e.LessThan = "lt", e.LessThanOrEqual = "lte", e.Exists = "exists", e.NotExists = "not_exists", e))(pe || {}), Ve = /* @__PURE__ */ ((e) => (e.And = "AND", e.Or = "OR", e))(Ve || {});
-function sr(e, t) {
+var _e = /* @__PURE__ */ ((e) => (e.Equal = "eq", e.NotEqual = "not_eq", e.In = "in", e.NotIn = "not_in", e.GreaterThan = "gt", e.GreaterThanOrEqual = "gte", e.LessThan = "lt", e.LessThanOrEqual = "lte", e.Exists = "exists", e.NotExists = "not_exists", e))(_e || {}), Ge = /* @__PURE__ */ ((e) => (e.And = "AND", e.Or = "OR", e))(Ge || {});
+function gn(e, t) {
   return { property: e, operator: "eq", values: [t] };
 }
-function ir(e, t) {
+function mn(e, t) {
   return { property: e, operator: "not_eq", values: [t] };
 }
-function ar(e, t) {
+function pn(e, t) {
   return { property: e, operator: "in", values: t };
 }
-function cr(e, t) {
+function hn(e, t) {
   return { property: e, operator: "not_in", values: t };
 }
-function lr(e, t) {
+function _n(e, t) {
   return { property: e, operator: "gt", values: [t] };
 }
-function ur(e, t) {
+function vn(e, t) {
   return { property: e, operator: "gte", values: [t] };
 }
-function dr(e, t) {
+function yn(e, t) {
   return { property: e, operator: "lt", values: [t] };
 }
-function fr(e, t) {
+function In(e, t) {
   return { property: e, operator: "lte", values: [t] };
 }
-function gr(e) {
+function En(e) {
   return { property: e, operator: "exists", values: [] };
 }
-function mr(e) {
+function bn(e) {
   return { property: e, operator: "not_exists", values: [] };
 }
-function Tt(...e) {
+function $t(...e) {
   return { conditional: "AND", expressions: e };
 }
-function pr(...e) {
+function Fn(...e) {
   return { conditional: "OR", expressions: e };
 }
-function wt(e) {
+function Lt(e) {
   return "conditional" in e;
 }
-function hr(e) {
-  return { filter_group: wt(e) ? e : Tt(e) };
+function Sn(e) {
+  return Lt(e) ? e : $t(e);
 }
-function Dt(e, t) {
-  return `gid://shopify/${e}/${t}`;
-}
-function Ot(e) {
-  return Dt("Product", e);
-}
-function Be({
-  type: e,
-  selectedOptions: t
+function Vt({
+  layers: e,
+  currencyCode: t = De,
+  formatPrice: n = Ne,
+  swatches: o = [],
+  breakoutContext: r
 }) {
-  const r = t.map(({ name: o, value: n }) => `${o}:${n}`).join("-");
-  return `${e}-${r}`;
-}
-function xe(e) {
-  return e.product_id ?? e.id;
-}
-function he(e) {
-  return Ot(xe(e));
-}
-function Ct(e, t = {}) {
-  const {
-    currencyCode: r = Ze,
-    formatPrice: o = rt,
-    swatches: n = []
-  } = t, i = xe(e), s = he(e), a = e.title, u = e.handle ?? "", c = e.vendor ?? "", f = e.product_type ?? "", d = e.body_html ?? "", m = e.available ?? !1, l = e.is_gift_card ?? !1, g = Bt(e), h = e.tags ?? [], y = kt(e), _ = Nt(e.price_range, r, o), b = qt(e, n), v = Lt(e, r, o), S = v.map((I) => I.compareAtPrice).filter((I) => I !== null), E = S.length > 0 ? {
-    min: S.reduce((I, O) => I.amount < O.amount ? I : O),
-    max: S.reduce((I, O) => I.amount > O.amount ? I : O)
-  } : void 0, F = e.first_or_matched_variant ? $t(e.first_or_matched_variant) : [], P = Be({ type: "Product", selectedOptions: F }), R = e.metafields ?? {};
+  const a = Be(e), i = he(e), s = e.title, l = e.handle ?? "", c = e.vendor ?? "", g = e.product_type ?? "", d = e.body_html ?? "", p = e.available ?? !1, u = e.is_gift_card ?? !1, f = e.tags ?? [], h = Ut(e), y = xt(e.price_range, t, n), E = Bt(e, o), M = jt(e, t, n), A = M.map((I) => I.compareAtPrice).filter((I) => I !== null), R = A.length > 0 ? {
+    min: A.reduce((I, C) => I.amount < C.amount ? I : C),
+    max: A.reduce((I, C) => I.amount > C.amount ? I : C)
+  } : void 0, b = e.first_or_matched_variant ? Gt(e.first_or_matched_variant) : [], m = xe({ type: "Product", selectedOptions: b }), _ = e.metafields ?? {}, F = e.category ? {
+    id: e.category.id,
+    name: e.category.name,
+    fullName: e.category.full_name,
+    isLeaf: e.category.is_leaf,
+    isRoot: e.category.is_root
+  } : null, S = e.featured_media ? {
+    mediaContentType: e.featured_media.mediaContentType ?? null,
+    url: e.featured_media.src,
+    alt: e.featured_media.alt ?? "",
+    width: e.featured_media.width,
+    height: e.featured_media.height
+  } : null, P = e.named_tags ? Array.isArray(e.named_tags) ? void 0 : Object.entries(e.named_tags).map(([I, C]) => ({ name: I, value: C })) : void 0, O = e.first_or_matched_variant ? M.find((I) => I.numericId === e.first_or_matched_variant.id) ?? null : null;
+  let w, T;
+  if (r?.isVariantTile) {
+    T = r.variantId;
+    const I = M.find((C) => C.numericId === T);
+    if (I) {
+      const C = new Set(r.optionCodes);
+      w = I.selectedOptions.filter((V) => C.has(V.name));
+    }
+  }
   return {
-    id: P,
-    gid: s,
-    numericId: i,
-    title: a,
-    handle: u,
-    type: f,
+    id: m,
+    gid: i,
+    numericId: a,
+    title: s,
+    handle: l,
+    type: g,
     vendor: c,
     description: d,
-    availableForSale: m,
-    images: y,
-    priceRange: _,
-    compareAtPriceRange: E,
-    options: b,
-    tags: h,
-    variants: v,
-    selectedOptions: F,
-    metafields: R,
+    availableForSale: p,
+    images: h,
+    priceRange: y,
+    compareAtPriceRange: R,
+    options: E,
+    tags: f,
+    variants: M,
+    selectedOptions: b,
+    metafields: _,
     calculated: e.calculated,
-    isGiftCard: l,
-    onlineStoreUrl: null,
-    totalInventory: g
+    isGiftCard: u,
+    category: F,
+    createdAt: e.created_at ?? null,
+    publishedAt: e.published_at ?? null,
+    updatedAt: e.updated_at ?? null,
+    featuredMedia: S,
+    namedTags: P,
+    combinedListingParentProductId: e.combined_listing_parent_product_id ?? null,
+    combinedListingRole: e.combined_listing_role ?? null,
+    hasVariantsThatRequireComponents: e.has_variants_that_require_components ?? !1,
+    originalOptions: e.original_options ?? {},
+    selectedVariant: O,
+    breakoutOptions: w,
+    breakoutVariantId: T
   };
 }
-function kt(e) {
-  return (e.images ?? []).map((t) => ({
+function Ut(e) {
+  return (e.images ?? []).map((t, n) => ({
     url: t.src,
     alt: t.alt ?? "",
     width: t.width,
-    height: t.height
+    height: t.height,
+    position: t.position ?? n,
+    variantIds: t.variant_ids ?? []
   }));
 }
-function Nt(e, t, r) {
-  const o = e?.from ?? 0, n = e?.to ?? o;
+function xt(e, t, n) {
+  const o = e?.from ?? 0, r = e?.to ?? o;
   return {
-    min: { amount: o, currencyCode: t, formatted: r(o, t) },
-    max: { amount: n, currencyCode: t, formatted: r(n, t) }
+    min: { amount: o, currencyCode: t, formatted: n(o, t) },
+    max: { amount: r, currencyCode: t, formatted: n(r, t) }
   };
 }
-function qt(e, t) {
-  const r = [], o = e.options ?? {};
-  for (const [n, i] of Object.entries(o))
-    for (const s of i) {
-      const a = t.find((u) => u.name === n && u.value === s);
-      r.push({ name: n, value: s, swatch: a });
+function Bt(e, t) {
+  const n = [], o = e.options ?? {};
+  for (const [r, a] of Object.entries(o))
+    for (const i of a) {
+      const s = t.find((l) => l.name === r && l.value === i);
+      n.push({ name: r, value: i, swatch: s });
     }
-  return r;
+  return n;
 }
-function $t(e) {
+function Gt(e) {
   return e.selected_options.map((t) => ({ name: t.name, value: t.value }));
 }
-function Lt(e, t, r) {
-  return (e.variants ?? []).map((o) => Ut(o, t, r));
+function jt(e, t, n) {
+  return (e.variants ?? []).map((o) => Ht(o, t, n));
 }
-function Ut(e, t, r) {
-  const o = parseFloat(e.price), n = e.compare_at_price ? parseFloat(e.compare_at_price) : null;
+function Ht(e, t, n) {
+  const o = parseFloat(e.price), r = e.compare_at_price ? parseFloat(e.compare_at_price) : null;
   return {
-    id: Be({ type: "ProductVariant", selectedOptions: e.selected_options }),
-    gid: `gid://shopify/ProductVariant/${e.id}`,
+    id: xe({ type: "ProductVariant", selectedOptions: e.selected_options }),
+    gid: kt(e.id),
     numericId: e.id,
     title: e.title,
     availableForSale: e.available,
     currentlyNotInStock: !e.available,
-    quantityAvailable: e.inventory_quantity ?? 0,
     sku: e.sku ?? null,
-    barcode: null,
-    weight: null,
-    weightUnit: null,
-    requiresShipping: !0,
-    price: { amount: o, currencyCode: t, formatted: r(o, t) },
-    compareAtPrice: n != null ? {
-      amount: n,
+    position: e.position,
+    price: { amount: o, currencyCode: t, formatted: n(o, t) },
+    compareAtPrice: r != null ? {
+      amount: r,
       currencyCode: t,
-      formatted: r(n, t)
+      formatted: n(r, t)
     } : null,
     image: e.featured_media ? {
       url: e.featured_media.src,
       alt: e.featured_media.alt ?? "",
       width: e.featured_media.width,
-      height: e.featured_media.height
+      height: e.featured_media.height,
+      position: 0,
+      variantIds: [e.id]
     } : null,
-    selectedOptions: e.selected_options.map((i) => ({ name: i.name, value: i.value })),
-    metafields: Vt(e.metafields),
+    selectedOptions: e.selected_options.map((a) => ({ name: a.name, value: a.value })),
+    metafields: Qt(e.metafields),
     inventoryLevels: e.inventory_levels ?? {},
-    inStockLocationIds: e.in_stock_location_ids ?? []
+    inventoryPolicy: e.inventory_policy ?? null,
+    inStockLocationIds: e.in_stock_location_ids ?? [],
+    requiresSellingPlan: e.requires_selling_plan ?? !1,
+    hasSellingPlan: e.has_selling_plan ?? !1
   };
 }
-function Vt(e) {
+function Qt(e) {
   return e ? e.map((t) => ({
     namespace: t.namespace,
     key: t.key,
@@ -1513,45 +1588,43 @@ function Vt(e) {
     type: t.value_type
   })) : [];
 }
-function Bt(e) {
-  const t = e.first_or_matched_variant;
-  return t?.inventory_quantity != null ? t.inventory_quantity : 0;
-}
-function Ge() {
+function je() {
   return typeof window < "u" && typeof window.document < "u";
 }
-const je = "__COMMERCE_BLOCKS__";
-function xt(e) {
-  Ge() && (window[je] = e);
+const He = "__COMMERCE_BLOCKS__";
+function Kt(e) {
+  je() && (window[He] = e);
 }
-function Gt() {
-  if (!Ge())
-    return p(
-      B({
+function zt() {
+  if (!je())
+    return v(
+      U({
         code: "INVALID_CONFIG",
         message: "SDK only available in browser",
         field: "environment",
         expected: "browser"
       })
     );
-  const e = window[je];
-  return e ? M(e) : p(
-    B({
+  const e = window[He];
+  return e ? D(e) : v(
+    U({
       code: "MISSING_CONFIG",
       message: "SDK not initialized. Call createSdk() first.",
       field: "sdk"
     })
   );
 }
-function yr() {
-  return Gt().data !== void 0;
+function Mn() {
+  return zt().data !== void 0;
 }
-function ne({
+function re({
   products: e,
   raw: t,
-  extender: r
+  extender: n,
+  currencyCode: o = De,
+  formatPrice: r = Ne
 }) {
-  const o = {
+  const a = {
     products: e,
     totalResults: t.totalResults,
     totalPages: t.totalPages,
@@ -1559,370 +1632,289 @@ function ne({
     resultsPerPage: t.resultsPerPage,
     facets: t.facets ?? {},
     facetRanges: t.facetRanges,
+    priceRange: Xt(t.facetRanges, o, r),
     attributionToken: t.attributionToken,
     _workflow: t._workflow
   };
-  return r ? r(o, t) : o;
+  return n ? n(a, t) : a;
 }
-function jt(e) {
-  return {
-    id: "",
-    handle: e.handle,
-    title: e.title ?? "",
-    description: e.description ?? "",
-    descriptionHtml: e.descriptionHtml ?? "",
-    image: e.image ? {
-      url: e.image.url,
-      altText: e.image.alt ?? null,
-      width: e.image.width ?? 0,
-      height: e.image.height ?? 0
-    } : null,
-    seo: { title: null, description: null },
-    updatedAt: "",
-    metafields: e.metafields
-  };
+function Xt(e, t, n) {
+  const o = e?.["variants.price"];
+  if (o)
+    return {
+      min: { amount: o.min, currencyCode: t, formatted: n(o.min, t) },
+      max: { amount: o.max, currencyCode: t, formatted: n(o.max, t) }
+    };
 }
-function Ht({ ctx: e }) {
-  function t(a) {
-    return a.map(he);
+function Wt({ ctx: e }) {
+  function t(s) {
+    return s.map((l) => he(l));
   }
-  function r(a, u) {
-    const c = Ct(a, e.mergeConfig);
+  function n(s, l) {
+    const c = Vt({ layers: s, ...e.mergeConfig, breakoutContext: l });
     return e.config.extendProduct ? { ...e.config.extendProduct({
       base: c,
-      raw: a,
-      shopify: u
+      raw: s,
+      storefront: null
     }), _base: c } : c;
   }
-  function o(a, u, c) {
-    return a.map((f) => {
-      const d = he(f), m = c.get(d);
-      return m || r(f, u.get(d) ?? null);
-    });
+  function o(s, l) {
+    if (!(s.__typename !== "Variant" || l.length === 0))
+      return {
+        isVariantTile: !0,
+        variantId: s.variant_id,
+        optionCodes: l
+      };
   }
-  async function n(a, u = e.config.productMetafields, c = e.config.variantMetafields) {
-    const f = /* @__PURE__ */ new Map();
-    if (!e.storefrontEnabled || a.length === 0) return M(f);
-    const d = await e.storefront.getProducts({
-      ids: a,
-      productMetafields: u,
-      variantMetafields: c
+  function r(s, l, c) {
+    const g = c?.variantBreakouts?.map((d) => d.optionCode) ?? [];
+    return s.map((d) => {
+      const p = he(d), u = o(d, g);
+      if (!u) {
+        const f = l.get(p);
+        if (f) return f;
+      }
+      return n(d, u);
     });
-    if (d.error) return p(d.error);
-    for (const m of d.data)
-      f.set(m.id, m);
-    return M(f);
-  }
-  async function i(a) {
-    const u = t(a), { cached: c, missing: f } = e.store.products.getMany(u), d = new Map(c.map((l) => [l.gid, l]));
-    if (f.length === 0)
-      return M(u.map((l) => d.get(l)));
-    const m = await n(f);
-    return m.error ? p(m.error) : M(o(a, m.data, d));
   }
-  function s(a) {
-    if (a) {
+  function a(s) {
+    if (s) {
       if (e.config.transformFilters)
-        return e.config.transformFilters(a);
-      if (e.config.filterMap && typeof a == "object" && !Array.isArray(a)) {
-        const u = a, c = [];
-        for (const [f, d] of Object.entries(u)) {
+        return e.config.transformFilters(s);
+      if (e.config.filterMap && typeof s == "object" && !Array.isArray(s)) {
+        const l = s, c = [];
+        for (const [g, d] of Object.entries(l)) {
           if (d == null) continue;
-          const m = e.config.filterMap[f], l = typeof m == "string" ? m : m?.property ?? f, g = typeof m == "object" ? m.values : void 0, y = (Array.isArray(d) ? d : [d]).map((_) => {
-            const b = String(_);
-            return g?.[b] ?? b;
+          const p = e.config.filterMap[g], u = typeof p == "string" ? p : p?.property ?? g, f = typeof p == "object" ? p.values : void 0, y = (Array.isArray(d) ? d : [d]).map((E) => {
+            const M = String(E);
+            return f?.[M] ?? M;
           });
           c.push({
-            property: l,
-            operator: y.length > 1 ? pe.In : pe.Equal,
+            property: u,
+            operator: y.length > 1 ? _e.In : _e.Equal,
             values: y
           });
         }
         return c.length === 0 ? void 0 : {
-          conditional: Ve.And,
+          conditional: Ge.And,
           expressions: c
         };
       }
-      return a;
+      return s;
     }
   }
+  function i(s) {
+    return s.filter((l) => !l.breakoutVariantId);
+  }
   return {
     extractGids: t,
-    buildSingleProduct: r,
-    buildProductsWithCache: o,
-    fetchStorefrontProductsMap: n,
-    fetchAndBuildProducts: i,
-    transformFilters: s
+    buildProducts: r,
+    transformFilters: a,
+    filterCacheableProducts: i
   };
 }
 function oe(e) {
   const t = new AbortController();
   return e && (e.aborted ? t.abort(e.reason) : e.addEventListener("abort", () => t.abort(e.reason), { once: !0 })), t;
 }
-function Qt({
-  definitions: e
-}) {
-  if (!e) return {};
-  const t = {};
-  for (const [r, o] of Object.entries(e)) {
-    const n = o({ key: r });
-    n != null && (t[r] = n);
-  }
-  return t;
-}
-function X({
+function K({
   params: e,
   paramDefinitions: t,
-  transformBody: r
+  transformBody: n
 }) {
-  const o = Qt({ definitions: t }), n = { ...e, ...o }, i = Object.keys(n).length > 0;
-  if (!(!i && !r))
-    return (s) => {
-      const a = i ? { ...s, ...n } : s;
-      return r ? r(a) : a;
-    };
+  return !e && !t && !n ? (o) => o : (o) => {
+    let r = o;
+    const a = t && Object.keys(t).length > 0;
+    if (e || a) {
+      const i = {};
+      if (t)
+        for (const [s, l] of Object.entries(t)) {
+          const c = l(s);
+          c != null && (i[s] = c);
+        }
+      r = { ...r, ...e, ...i };
+    }
+    return n ? n(r) : r;
+  };
 }
-function Kt({
+function Jt({
   ctx: e,
   helpers: t
 }) {
-  return ({ handle: r, defaultSort: o }) => {
-    const n = $({
+  return ({ handle: n, defaultSort: o }) => {
+    const r = L({
       data: null,
       error: null,
       isFetching: !1
     });
-    let i = null, s = o ?? e.config.sorts[0]?.code;
+    let a = null, i = o ?? e.config.sorts[0]?.code;
     return {
-      state: n,
-      async execute(a = {}) {
+      state: r,
+      async execute(s = {}) {
         const {
-          page: u = Y,
+          page: l = Y,
           limit: c = Z,
-          filters: f,
+          filters: g,
           sortOrderCode: d,
-          signal: m,
-          includeMeta: l = e.config.includeMeta ?? !1,
-          collectionMetafields: g = e.config.collectionMetafields,
-          includeFilters: h,
-          dynamicLinking: y,
-          params: _,
-          paramDefinitions: b,
-          transformBody: v
-        } = a, S = d ?? s;
-        s = S, i?.abort(), i = oe(m);
-        const E = n.value.data;
-        n.value = { data: E, error: null, isFetching: !0 };
-        const { data: F, error: P } = await e.layers.browse(
+          signal: p,
+          includeMeta: u = e.config.includeMeta ?? !1,
+          dynamicLinking: f,
+          params: h,
+          paramDefinitions: y,
+          transformBody: E
+        } = s, M = d ?? i;
+        i = M, a?.abort(), a = oe(p);
+        const A = r.value.data;
+        r.value = { data: A, error: null, isFetching: !0 };
+        const { data: R, error: b } = await e.layers.browse(
           {
-            collectionHandle: r,
-            sort_order_code: S,
-            pagination: { page: u, limit: c },
-            filter_group: t.transformFilters(f),
-            dynamicLinking: y,
-            transformBody: X({ params: _, paramDefinitions: b, transformBody: v })
+            collectionHandle: n,
+            sort_order_code: M,
+            pagination: { page: l, limit: c },
+            filter_group: t.transformFilters(g),
+            dynamicLinking: f,
+            transformBody: K({ params: h, paramDefinitions: y, transformBody: E })
           },
-          i.signal
+          a.signal
         );
-        if (P)
-          return n.value = { data: E, error: P, isFetching: !1 }, p(P);
-        const { results: R } = F, I = R, O = t.extractGids(I), { cached: k, missing: N } = e.store.products.getMany(O), L = new Map(k.map((w) => [w.gid, w])), U = l && !g?.length ? e.store.collections.get(r) : void 0, Re = U?.title !== void 0;
-        let x, T;
-        if (N.length === 0)
-          x = O.map((w) => L.get(w));
-        else if (e.storefrontEnabled && l && !Re) {
-          const w = await e.storefront.getCollectionWithProducts({
-            handle: r,
-            ids: N,
-            productMetafields: e.config.productMetafields,
-            variantMetafields: e.config.variantMetafields,
-            collectionMetafields: g,
-            includeFilters: h
-          });
-          if (w.data) {
-            T = w.data.collection;
-            const V = /* @__PURE__ */ new Map();
-            for (const we of w.data.products)
-              V.set(we.id, we);
-            x = t.buildProductsWithCache(I, V, L);
-          } else {
-            const V = await t.fetchStorefrontProductsMap(N);
-            if (V.error)
-              return n.value = { data: E, error: V.error, isFetching: !1 }, p(V.error);
-            x = t.buildProductsWithCache(
-              I,
-              V.data,
-              L
-            );
-          }
-        } else {
-          const w = await t.fetchStorefrontProductsMap(N);
-          if (w.error)
-            return n.value = { data: E, error: w.error, isFetching: !1 }, p(w.error);
-          x = t.buildProductsWithCache(
-            I,
-            w.data,
-            L
-          );
-        }
-        if (e.storefrontEnabled && l && !T)
-          if (Re)
-            T = jt(U);
-          else {
-            const w = await e.storefront.getCollection({
-              handle: r,
-              collectionMetafields: g,
-              includeFilters: h
-            });
-            w.data && (T = w.data);
-          }
-        const q = ne({
-          products: x,
-          raw: F,
-          extender: e.config.extendCollection
+        if (b)
+          return r.value = { data: A, error: b, isFetching: !1 }, v(b);
+        const { results: m, _meta: _ } = R, F = t.extractGids(m), { cached: S } = e.store.products.getMany(F), P = new Map(S.map((I) => [I.gid, I])), O = t.buildProducts(m, P, _), w = re({
+          products: O,
+          raw: R,
+          extender: e.config.extendCollection,
+          currencyCode: e.mergeConfig.currencyCode,
+          formatPrice: e.mergeConfig.formatPrice
         });
-        l && F._meta && (q._meta = F._meta), T && (q.collection = T);
-        const Te = Pt(r, { sortOrderCode: S, page: u, limit: c, filters: f });
-        return Te && e.store.queries.set(Te, q), e.store.products.set(x), e.store.collections.set(r, {
-          totalProducts: q.totalResults,
-          totalPages: q.totalPages,
-          lastPageFetched: u,
-          facets: q.facets,
-          lastFetched: Date.now(),
-          ...T && {
-            title: T.title,
-            description: T.description,
-            descriptionHtml: T.descriptionHtml,
-            image: T.image ? {
-              url: T.image.url,
-              alt: T.image.altText ?? void 0,
-              width: T.image.width,
-              height: T.image.height
-            } : void 0,
-            metafields: T.metafields
-          }
-        }), n.value = { data: q, error: null, isFetching: !1 }, M(q);
+        u && R._meta && (w._meta = R._meta);
+        const T = Dt(n, { sortOrderCode: M, page: l, limit: c, filters: g });
+        return T && e.store.queries.set(T, w), e.store.products.set(t.filterCacheableProducts(O)), e.store.collections.set(n, {
+          totalProducts: w.totalResults,
+          totalPages: w.totalPages,
+          lastPageFetched: l,
+          facets: w.facets,
+          lastFetched: Date.now()
+        }), r.value = { data: w, error: null, isFetching: !1 }, D(w);
       },
       dispose() {
-        i?.abort();
+        a?.abort();
       }
     };
   };
 }
-function Wt({
+function Yt({
   ctx: e,
   helpers: t
 }) {
   return () => {
-    const r = $({
+    const n = L({
       data: null,
       error: null,
       isFetching: !1
     });
-    let o = null, n;
+    let o = null, r;
     return {
-      state: r,
-      async prepare(i) {
+      state: n,
+      async prepare(a) {
         const {
-          query: s,
-          filters: a,
-          tuning: u,
+          query: i,
+          filters: s,
+          tuning: l,
           signal: c,
-          dynamicLinking: f,
+          dynamicLinking: g,
           params: d,
-          paramDefinitions: m,
-          transformBody: l
-        } = i, g = t.transformFilters(a), h = await e.layers.prepareSearch(
+          paramDefinitions: p,
+          transformBody: u
+        } = a, f = t.transformFilters(s), h = await e.layers.prepareSearch(
           {
-            query: s,
-            filter_group: g,
-            tuning: u,
-            dynamicLinking: f,
-            transformBody: X({ params: d, paramDefinitions: m, transformBody: l })
+            query: i,
+            filter_group: f,
+            tuning: l,
+            dynamicLinking: g,
+            transformBody: K({ params: d, paramDefinitions: p, transformBody: u })
           },
           c
         );
-        return h.error ? p(h.error) : (n = h.data.search_id, M({ searchId: h.data.search_id }));
+        return h.error ? v(h.error) : (r = h.data.search_id, D({ searchId: h.data.search_id }));
       },
-      async execute(i) {
+      async execute(a) {
         const {
-          query: s,
-          searchId: a,
-          page: u = Y,
+          query: i,
+          searchId: s,
+          page: l = Y,
           limit: c = Z,
-          filters: f,
+          filters: g,
           tuning: d,
-          signal: m,
-          dynamicLinking: l,
-          params: g,
+          signal: p,
+          dynamicLinking: u,
+          params: f,
           paramDefinitions: h,
           transformBody: y
-        } = i, _ = t.transformFilters(f), b = X({ params: g, paramDefinitions: h, transformBody: y });
-        o?.abort(), o = oe(m), r.value = { ...r.value, isFetching: !0, error: null };
-        let v = a ?? n;
-        if (n = void 0, !v) {
-          const k = await e.layers.prepareSearch(
+        } = a, E = t.transformFilters(g), M = K({ params: f, paramDefinitions: h, transformBody: y });
+        o?.abort(), o = oe(p), n.value = { ...n.value, isFetching: !0, error: null };
+        let A = s ?? r;
+        if (r = void 0, !A) {
+          const I = await e.layers.prepareSearch(
             {
-              query: s,
-              filter_group: _,
+              query: i,
+              filter_group: E,
               tuning: d,
-              dynamicLinking: l,
-              transformBody: b
+              dynamicLinking: u,
+              transformBody: M
             },
             o.signal
           );
-          if (k.error)
-            return r.value = { ...r.value, isFetching: !1, error: k.error }, p(k.error);
-          v = k.data.search_id;
+          if (I.error)
+            return n.value = { ...n.value, isFetching: !1, error: I.error }, v(I.error);
+          A = I.data.search_id;
         }
-        const S = ze;
-        let E = await e.layers.search(
+        const R = Ye;
+        let b = await e.layers.search(
           {
-            query: s,
-            search_id: v,
-            pagination: { page: u, limit: c },
-            filter_group: _,
+            query: i,
+            search_id: A,
+            pagination: { page: l, limit: c },
+            filter_group: E,
             tuning: d,
-            dynamicLinking: l,
-            transformBody: b
+            dynamicLinking: u,
+            transformBody: M
           },
           o.signal
         );
-        for (let k = 0; k < S && E.error; k++) {
-          const N = E.error;
-          if (N._tag !== "ApiError" || N.status !== 425) break;
-          let L = Je;
+        for (let I = 0; I < R && b.error; I++) {
+          const C = b.error;
+          if (C._tag !== "ApiError" || C.status !== 425) break;
+          let V = Ze;
           try {
-            const U = JSON.parse(N.message);
-            U.retry_after_ms && (L = U.retry_after_ms);
+            const X = JSON.parse(C.message);
+            X.retry_after_ms && (V = X.retry_after_ms);
           } catch {
           }
-          await new Promise((U) => setTimeout(U, L)), E = await e.layers.search(
+          await new Promise((X) => setTimeout(X, V)), b = await e.layers.search(
             {
-              query: s,
-              search_id: v,
-              pagination: { page: u, limit: c },
-              filter_group: _,
+              query: i,
+              search_id: A,
+              pagination: { page: l, limit: c },
+              filter_group: E,
               tuning: d,
-              dynamicLinking: l,
-              transformBody: b
+              dynamicLinking: u,
+              transformBody: M
             },
             o.signal
           );
         }
-        if (E.error)
-          return r.value = { data: r.value.data, error: E.error, isFetching: !1 }, p(E.error);
-        const { results: F } = E.data, P = await t.fetchAndBuildProducts(F);
-        if (P.error)
-          return r.value = { data: r.value.data, error: P.error, isFetching: !1 }, p(P.error);
-        const R = P.data, I = ne({
-          products: R,
-          raw: E.data,
-          extender: e.config.extendSearch
+        if (b.error)
+          return n.value = { data: n.value.data, error: b.error, isFetching: !1 }, v(b.error);
+        const { results: m, _meta: _ } = b.data, F = t.extractGids(m), { cached: S } = e.store.products.getMany(F), P = new Map(S.map((I) => [I.gid, I])), O = t.buildProducts(m, P, _), w = re({
+          products: O,
+          raw: b.data,
+          extender: e.config.extendSearch,
+          currencyCode: e.mergeConfig.currencyCode,
+          formatPrice: e.mergeConfig.formatPrice
         });
-        e.config.includeMeta && E.data._meta && (I._meta = E.data._meta), e.store.products.set(R);
-        const O = At(s, { page: u, limit: c, filters: f });
-        return O && e.store.queries.set(O, I), r.value = { data: I, error: null, isFetching: !1 }, M(I);
+        e.config.includeMeta && b.data._meta && (w._meta = b.data._meta), e.store.products.set(t.filterCacheableProducts(O));
+        const T = Nt(i, { page: l, limit: c, filters: g });
+        return T && e.store.queries.set(T, w), n.value = { data: w, error: null, isFetching: !1 }, D(w);
       },
       dispose() {
         o?.abort();
@@ -1930,235 +1922,235 @@ function Wt({
     };
   };
 }
-function Xt({
+function Zt({
   ctx: e,
   helpers: t
 }) {
-  return ({ blockId: r, anchorId: o, anchorHandle: n }) => {
-    const i = $({
+  return ({ blockId: n, anchorId: o, anchorHandle: r }) => {
+    const a = L({
       data: null,
       error: null,
       isFetching: !1
     });
-    let s = null;
+    let i = null;
     return {
-      state: i,
-      async execute(a = {}) {
+      state: a,
+      async execute(s = {}) {
         const {
-          page: u = Y,
+          page: l = Y,
           limit: c = Z,
-          filters: f,
+          filters: g,
           signal: d,
-          discountEntitlements: m,
-          context: l,
-          dynamicLinking: g,
+          discountEntitlements: p,
+          context: u,
+          dynamicLinking: f,
           params: h,
           paramDefinitions: y,
-          transformBody: _
-        } = a;
-        s?.abort(), s = oe(d);
-        const b = i.value.data;
-        i.value = { data: b, error: null, isFetching: !0 };
-        const { data: v, error: S } = await e.layers.blocks(
+          transformBody: E
+        } = s;
+        i?.abort(), i = oe(d);
+        const M = a.value.data;
+        a.value = { data: M, error: null, isFetching: !0 };
+        const { data: A, error: R } = await e.layers.blocks(
           {
-            blockId: r,
+            blockId: n,
             anchor_id: o,
-            anchor_handle: n,
-            pagination: { page: u, limit: c },
-            filter_group: t.transformFilters(f),
-            discountEntitlements: m,
-            context: l,
-            dynamicLinking: g,
-            transformBody: X({ params: h, paramDefinitions: y, transformBody: _ })
+            anchor_handle: r,
+            pagination: { page: l, limit: c },
+            filter_group: t.transformFilters(g),
+            discountEntitlements: p,
+            context: u,
+            dynamicLinking: f,
+            transformBody: K({ params: h, paramDefinitions: y, transformBody: E })
           },
-          s.signal
+          i.signal
         );
-        if (S)
-          return i.value = { data: b, error: S, isFetching: !1 }, p(S);
-        const { results: E } = v, F = await t.fetchAndBuildProducts(E);
-        if (F.error)
-          return i.value = { data: b, error: F.error, isFetching: !1 }, p(F.error);
-        const P = F.data, R = ne({
+        if (R)
+          return a.value = { data: M, error: R, isFetching: !1 }, v(R);
+        const { results: b, _meta: m } = A, _ = t.extractGids(b), { cached: F } = e.store.products.getMany(_), S = new Map(F.map((T) => [T.gid, T])), P = t.buildProducts(b, S, m), O = re({
           products: P,
-          raw: v,
-          extender: e.config.extendBlock
+          raw: A,
+          extender: e.config.extendBlock,
+          currencyCode: e.mergeConfig.currencyCode,
+          formatPrice: e.mergeConfig.formatPrice
         });
-        e.config.includeMeta && v._meta && (R._meta = v._meta), v.block && (R.block = v.block);
-        const I = Rt(r, { anchorId: o, anchorHandle: n, page: u, limit: c, filters: f });
-        return I && e.store.queries.set(I, R), e.store.products.set(P), i.value = { data: R, error: null, isFetching: !1 }, M(R);
+        e.config.includeMeta && A._meta && (O._meta = A._meta), A.block && (O.block = A.block);
+        const w = qt(n, { anchorId: o, anchorHandle: r, page: l, limit: c, filters: g });
+        return w && e.store.queries.set(w, O), e.store.products.set(t.filterCacheableProducts(P)), a.value = { data: O, error: null, isFetching: !1 }, D(O);
       },
       dispose() {
-        s?.abort();
+        i?.abort();
       }
     };
   };
 }
-function zt(e, t) {
-  let r = null;
+function en(e, t) {
+  let n = null;
   return {
     call(...o) {
-      r && clearTimeout(r), r = setTimeout(() => e(...o), t);
+      n && clearTimeout(n), n = setTimeout(() => {
+        n = null, e(...o);
+      }, t);
     },
     cancel() {
-      r && clearTimeout(r);
+      n && (clearTimeout(n), n = null);
     }
   };
 }
-function Jt({
+function tn({
   ctx: e
 }) {
   return (t = {}) => {
-    const { debounceMs: r = Ye, signal: o } = t, n = $({
+    const { debounceMs: n = et, signal: o } = t, r = L({
       data: null,
       error: null,
       isFetching: !1
     });
-    let i = null;
+    let a = null, i = 0;
     const s = /* @__PURE__ */ new Map();
-    function a() {
-      u.cancel(), i?.abort();
+    function l() {
+      c.cancel(), a?.abort(), s.clear();
     }
-    o?.addEventListener("abort", a, { once: !0 });
-    const u = zt(async (c) => {
-      if (!c.trim()) {
-        n.value = { data: null, error: null, isFetching: !1 };
+    o?.addEventListener("abort", l, { once: !0 });
+    const c = en(async (g) => {
+      if (!g.trim()) {
+        r.value = { data: null, error: null, isFetching: !1 };
         return;
       }
-      const f = c.trim().toLowerCase(), d = s.get(f);
-      if (d) {
-        n.value = { data: d, error: null, isFetching: !1 };
+      const d = g.trim().toLowerCase(), p = s.get(d);
+      if (p) {
+        r.value = { data: p, error: null, isFetching: !1 };
         return;
       }
-      i?.abort(), i = oe(o), n.value = { ...n.value, isFetching: !0 };
-      const m = await e.layers.predictiveSearch(c.trim(), i.signal);
-      m.error ? m.error._tag !== "NetworkError" || m.error.code !== "ABORTED" ? n.value = { data: null, error: m.error, isFetching: !1 } : n.value = { ...n.value, isFetching: !1 } : (s.set(f, m.data), n.value = { data: m.data, error: null, isFetching: !1 });
-    }, r);
-    return { state: n, execute: (c) => u.call(c), dispose: a };
+      a?.abort(), a = oe(o);
+      const u = ++i;
+      r.value = { ...r.value, isFetching: !0 };
+      const f = await e.layers.predictiveSearch(g.trim(), a.signal);
+      u === i && (f.error ? f.error._tag !== "NetworkError" || f.error.code !== "ABORTED" ? r.value = { data: null, error: f.error, isFetching: !1 } : r.value = { ...r.value, isFetching: !1 } : (s.set(d, f.data), s.size > tt && s.delete(s.keys().next().value), r.value = { data: f.data, error: null, isFetching: !1 }));
+    }, n);
+    return { state: r, execute: (g) => c.call(g), dispose: l };
   };
 }
-function Yt({
+function nn({
   ctx: e
 }) {
   return (t) => {
     const {
-      ids: r,
+      ids: n,
       meta: o,
-      collectionMetafields: n = e.config.collectionMetafields,
-      pageMetafields: i = e.config.pageMetafields,
-      signal: s
-    } = t, a = $({
+      collectionMetafields: r = e.config.collectionMetafields,
+      pageMetafields: a = e.config.pageMetafields,
+      signal: i
+    } = t, s = L({
       data: null,
       error: null,
       isFetching: !1
     });
-    if (r.length === 0)
-      return a.value = { data: { products: [] }, error: null, isFetching: !1 }, a;
-    const u = r, { cached: c } = e.store.products.getMany(u), f = new Map(c.map((m) => [m.gid, m])), d = u.map((m) => f.get(m)).filter((m) => m != null);
-    return !o || !e.storefrontEnabled ? (a.value = { data: { products: d }, error: null, isFetching: !1 }, a) : (a.value = { data: null, error: null, isFetching: !0 }, (async () => {
-      let m, l;
+    if (n.length === 0)
+      return s.value = { data: { products: [] }, error: null, isFetching: !1 }, s;
+    const l = n, { cached: c } = e.store.products.getMany(l), g = new Map(c.map((p) => [p.gid, p])), d = l.map((p) => g.get(p)).filter((p) => p != null);
+    return !o || !e.storefrontEnabled ? (s.value = { data: { products: d }, error: null, isFetching: !1 }, s) : (s.value = { data: null, error: null, isFetching: !0 }, (async () => {
+      let p, u;
       if (o.collection) {
         const h = await e.storefront.getCollection({
           handle: o.collection,
-          collectionMetafields: n,
+          collectionMetafields: r,
           includeFilters: o.includeFilters,
-          signal: s
+          signal: i
         });
         if (h.error) {
-          a.value = { data: null, error: h.error, isFetching: !1 };
+          s.value = { data: null, error: h.error, isFetching: !1 };
           return;
         }
-        m = h.data;
+        p = h.data;
       }
       if (o.page) {
         const h = await e.storefront.getPage({
           handle: o.page,
-          pageMetafields: i,
-          signal: s
+          pageMetafields: a,
+          signal: i
         });
         if (h.error) {
-          a.value = { data: null, error: h.error, isFetching: !1 };
+          s.value = { data: null, error: h.error, isFetching: !1 };
           return;
         }
-        l = h.data;
+        u = h.data;
       }
-      const g = { products: d };
-      m && (g.collection = m), l && (g.page = l), a.value = { data: g, error: null, isFetching: !1 };
-    })(), a);
+      const f = { products: d };
+      p && (f.collection = p), u && (f.page = u), s.value = { data: f, error: null, isFetching: !1 };
+    })(), s);
   };
 }
-function Zt({ ctx: e }) {
+function rn({ ctx: e }) {
   return ({
     image: t,
-    signal: r
+    signal: n
   }) => {
-    const o = $({
+    const o = L({
       data: null,
       error: null,
       isFetching: !0
     });
     return (async () => {
-      const n = await e.layers.uploadImage(t, r);
-      if (n.error) {
-        o.value = { data: null, error: n.error, isFetching: !1 };
+      const r = await e.layers.uploadImage(t, n);
+      if (r.error) {
+        o.value = { data: null, error: r.error, isFetching: !1 };
         return;
       }
-      o.value = { data: { imageId: n.data.imageId }, error: null, isFetching: !1 };
+      o.value = { data: { imageId: r.data.imageId }, error: null, isFetching: !1 };
     })(), o;
   };
 }
-function er({
+function on({
   ctx: e,
   helpers: t
 }) {
-  return (r) => {
+  return (n) => {
     const {
       imageId: o,
-      page: n = Y,
-      limit: i = Z,
-      filters: s,
-      tuning: a,
-      signal: u,
+      page: r = Y,
+      limit: a = Z,
+      filters: i,
+      tuning: s,
+      signal: l,
       dynamicLinking: c,
-      params: f,
+      params: g,
       paramDefinitions: d,
-      transformBody: m
-    } = r, l = $({
+      transformBody: p
+    } = n, u = L({
       data: null,
       error: null,
       isFetching: !0
     });
     return (async () => {
-      const g = await e.layers.imageSearch(
+      const f = await e.layers.imageSearch(
         {
           image_id: o,
-          pagination: { page: n, limit: i },
-          filter_group: t.transformFilters(s),
-          tuning: a,
+          pagination: { page: r, limit: a },
+          filter_group: t.transformFilters(i),
+          tuning: s,
           dynamicLinking: c,
-          transformBody: X({ params: f, paramDefinitions: d, transformBody: m })
+          transformBody: K({ params: g, paramDefinitions: d, transformBody: p })
         },
-        u
+        l
       );
-      if (g.error) {
-        l.value = { data: null, error: g.error, isFetching: !1 };
-        return;
-      }
-      const { results: h } = g.data, y = await t.fetchAndBuildProducts(h);
-      if (y.error) {
-        l.value = { data: null, error: y.error, isFetching: !1 };
+      if (f.error) {
+        u.value = { data: null, error: f.error, isFetching: !1 };
         return;
       }
-      const _ = y.data, b = ne({
-        products: _,
-        raw: g.data,
-        extender: e.config.extendSearch
+      const { results: h, _meta: y } = f.data, E = t.extractGids(h), { cached: M } = e.store.products.getMany(E), A = new Map(M.map((m) => [m.gid, m])), R = t.buildProducts(h, A, y), b = re({
+        products: R,
+        raw: f.data,
+        extender: e.config.extendSearch,
+        currencyCode: e.mergeConfig.currencyCode,
+        formatPrice: e.mergeConfig.formatPrice
       });
-      e.store.products.set(_), l.value = { data: b, error: null, isFetching: !1 };
-    })(), l;
+      e.store.products.set(t.filterCacheableProducts(R)), u.value = { data: b, error: null, isFetching: !1 };
+    })(), u;
   };
 }
-function _r(e) {
-  const t = lt({
+function Pn(e) {
+  const t = pt({
     layersPublicToken: e.layersPublicToken,
     layersBaseUrl: e.layersBaseUrl,
     sorts: e.sorts,
@@ -2166,90 +2158,252 @@ function _r(e) {
     attributes: e.attributes,
     fetch: e.fetch
   });
-  if (t.error) return p(t.error);
-  const r = t.data;
-  let o, n = !1;
+  if (t.error) return v(t.error);
+  const n = t.data;
+  let o, r = !1;
   if (e.enableStorefront) {
     if (!e.shop || !e.storefrontPublicToken)
-      return p(
-        B({
+      return v(
+        U({
           code: "MISSING_CONFIG",
           message: "shop and storefrontPublicToken are required when enableStorefront is true",
           field: e.shop ? "storefrontPublicToken" : "shop",
           expected: "non-empty string"
         })
       );
-    const c = yt({
+    const c = Ft({
       shop: e.shop,
       storefrontPublicToken: e.storefrontPublicToken,
       storefrontApiVersion: e.storefrontApiVersion,
       fetch: e.fetch
     });
-    if (c.error) return p(c.error);
-    o = c.data, n = !0;
+    if (c.error) return v(c.error);
+    o = c.data, r = !0;
   }
-  const i = St({
+  const a = Ot({
     maxProducts: e.cacheMaxProducts,
     maxQueries: e.cacheMaxEntries,
     ttl: e.cacheTtl,
     storageAdapter: e.storageAdapter
   });
-  if (e.restoreFromStorage !== !1 && i.restore(), e.initialData) {
-    const { products: c, queries: f, collections: d } = e.initialData;
-    if (c?.length && i.products.set(c), f)
-      for (const [m, l] of Object.entries(f))
-        i.queries.set(m, l);
+  if (e.restoreFromStorage !== !1 && a.restore(), e.initialData) {
+    const { products: c, queries: g, collections: d } = e.initialData;
+    if (c?.length && a.products.set(c), g)
+      for (const [p, u] of Object.entries(g))
+        a.queries.set(p, u);
     if (d)
-      for (const [m, l] of Object.entries(d))
-        i.collections.set(m, l);
+      for (const [p, u] of Object.entries(d))
+        a.collections.set(p, u);
   }
-  const s = {
+  const i = {
     config: e,
-    layers: r,
+    layers: n,
     storefront: o,
-    storefrontEnabled: n,
-    store: i,
+    storefrontEnabled: r,
+    store: a,
     mergeConfig: {
       currencyCode: e.currencyCode,
       formatPrice: e.formatPrice,
       swatches: e.swatches
     }
-  }, a = Ht({ ctx: s }), u = {
+  }, s = Wt({ ctx: i }), l = {
     config: e,
-    store: i,
-    collection: Kt({ ctx: s, helpers: a }),
-    search: Wt({ ctx: s, helpers: a }),
-    blocks: Xt({ ctx: s, helpers: a }),
-    autocomplete: Jt({ ctx: s }),
-    storefront: Yt({ ctx: s }),
-    uploadImage: Zt({ ctx: s }),
-    imageSearch: er({ ctx: s, helpers: a })
+    store: a,
+    collection: Jt({ ctx: i, helpers: s }),
+    search: Yt({ ctx: i, helpers: s }),
+    blocks: Zt({ ctx: i, helpers: s }),
+    autocomplete: tn({ ctx: i }),
+    storefront: nn({ ctx: i }),
+    uploadImage: rn({ ctx: i }),
+    imageSearch: on({ ctx: i, helpers: s })
+  };
+  return Kt(l), D(l);
+}
+function An({
+  product: e,
+  selectedOptions: t = [],
+  breakoutOptions: n
+}) {
+  const o = "_base" in e ? e._base : e, r = n ?? o.breakoutOptions ?? [], a = L(t), i = L(r), s = N(() => an(o.variants, i.value)), l = N(() => new Set(i.value.map((m) => m.name))), c = N(() => {
+    const m = a.value.filter((_) => !l.value.has(_.name));
+    return [...i.value, ...m];
+  }), g = N(
+    () => W(s.value, c.value)
+  ), d = N(
+    () => sn(s.value, o.options, l.value)
+  ), p = N(() => [...new Set(d.value.map((m) => m.name))]), u = N(() => d.value.find((_) => _.swatch)?.name ?? null), f = N(() => {
+    const m = u.value;
+    if (!m) return /* @__PURE__ */ new Map();
+    const _ = /* @__PURE__ */ new Map();
+    for (const F of s.value) {
+      const S = F.selectedOptions.find((P) => P.name === m);
+      S && _.set(F.numericId, S.value);
+    }
+    return _;
+  }), h = N(() => {
+    const m = u.value;
+    return m ? d.value.filter((_) => _.name === m).map((_) => _.value) : [];
+  }), y = N(() => {
+    const m = u.value, _ = h.value, F = f.value;
+    if (!m || _.length === 0)
+      return [...o.images].sort((T, I) => T.position - I.position);
+    const S = g.value ? F.get(g.value.numericId) : null, P = /* @__PURE__ */ new Map(), O = [];
+    for (const T of o.images) {
+      if (T.variantIds.length === 0) {
+        O.push(T);
+        continue;
+      }
+      let I = null;
+      for (const C of T.variantIds) {
+        const V = F.get(C);
+        if (V) {
+          I = V;
+          break;
+        }
+      }
+      if (I) {
+        const C = P.get(I) ?? [];
+        C.push(T), P.set(I, C);
+      } else
+        O.push(T);
+    }
+    for (const T of P.values())
+      T.sort((I, C) => I.position - C.position);
+    O.sort((T, I) => T.position - I.position);
+    const w = [];
+    S && P.has(S) && w.push(...P.get(S));
+    for (const T of _)
+      T !== S && P.has(T) && w.push(...P.get(T));
+    return w.push(...O), w;
+  }), E = N(() => {
+    const m = g.value;
+    if (!m?.image) return y.value;
+    if (!u.value) return m.image ? [m.image] : y.value;
+    const F = f.value.get(m.numericId);
+    return F ? y.value.filter((S) => S.variantIds.length === 0 ? !1 : S.variantIds.some(
+      (P) => f.value.get(P) === F
+    )) : m.image ? [m.image] : y.value;
+  }), M = N(() => y.value), A = N(() => {
+    const m = new Set(c.value.map((_) => _.name));
+    return p.value.every((_) => m.has(_));
+  }), R = N(() => {
+    const m = g.value;
+    if (!m?.image) return 0;
+    const _ = E.value.findIndex((F) => F.url === m.image?.url);
+    return Math.max(0, _);
+  });
+  function b(m) {
+    if (!m.image) return 0;
+    const _ = y.value.findIndex((F) => F.url === m.image?.url);
+    return Math.max(0, _);
+  }
+  return {
+    product: e,
+    // Reactive state
+    variants: s,
+    selectedVariant: g,
+    selectedOptions: c,
+    options: d,
+    optionNames: p,
+    swatchOptionName: u,
+    images: E,
+    allImages: M,
+    carouselIndex: R,
+    isSelectionComplete: A,
+    // Actions
+    selectOption(m, _) {
+      const S = a.value.filter((P) => P.name !== m).concat({ name: m, value: _ });
+      a.value = S;
+    },
+    setSelectedOptions(m) {
+      const _ = new Set(m.map((S) => S.name)), F = a.value.filter((S) => !_.has(S.name));
+      a.value = [...F, ...m];
+    },
+    setBreakoutOptions(m) {
+      i.value = m;
+    },
+    // Queries
+    getOptionValues(m) {
+      return cn(s.value, m);
+    },
+    getSwatches(m) {
+      return d.value.filter((_) => _.name === m && _.swatch).map((_) => _.swatch);
+    },
+    getVariantByOptions(m) {
+      const _ = [...i.value, ...m];
+      return W(s.value, _);
+    },
+    getCarouselIndexForVariant: b,
+    isOptionAvailable(m, _) {
+      const F = a.value.filter((O) => O.name !== m).concat({ name: m, value: _ }), S = [...i.value, ...F];
+      return W(s.value, S)?.availableForSale ?? !1;
+    },
+    isVariantAvailable(m) {
+      return m.availableForSale;
+    },
+    getOptionAvailabilityStatus(m, _) {
+      const F = a.value.filter((O) => O.name !== m).concat({ name: m, value: _ }), S = [...i.value, ...F], P = W(s.value, S);
+      return P ? P.availableForSale ? "available" : P.inventoryPolicy === "CONTINUE" ? "backorderable" : "sold-out" : "unavailable";
+    },
+    dispose() {
+    }
   };
-  return xt(u), M(u);
+}
+function an(e, t) {
+  return t.length === 0 ? e : e.filter(
+    (n) => t.every(
+      (o) => n.selectedOptions.some((r) => r.name === o.name && r.value === o.value)
+    )
+  );
+}
+function W(e, t) {
+  return t.length === 0 ? e[0] ?? null : e.find(
+    (n) => t.every(
+      (o) => n.selectedOptions.some((r) => r.name === o.name && r.value === o.value)
+    )
+  ) ?? null;
+}
+function sn(e, t, n) {
+  const o = /* @__PURE__ */ new Set();
+  for (const r of e)
+    for (const a of r.selectedOptions)
+      n.has(a.name) || o.add(`${a.name}:${a.value}`);
+  return t.filter(
+    (r) => !n.has(r.name) && o.has(`${r.name}:${r.value}`)
+  );
+}
+function cn(e, t) {
+  const n = /* @__PURE__ */ new Set();
+  for (const o of e) {
+    const r = o.selectedOptions.find((a) => a.name === t);
+    r && n.add(r.value);
+  }
+  return [...n];
 }
 export {
-  Tt as and,
-  br as batch,
-  vr as computed,
-  _r as createSdk,
-  Fr as effect,
-  sr as eq,
-  gr as exists,
-  hr as filter,
-  Gt as getSdk,
-  lr as gt,
-  ur as gte,
-  ar as inValues,
-  yr as isInitialized,
-  nr as isRetryable,
-  rr as isSdkError,
-  or as jsonFileAdapter,
-  It as localStorageAdapter,
-  dr as lt,
-  fr as lte,
-  ir as notEq,
-  mr as notExists,
-  cr as notIn,
-  pr as or,
-  Mr as signal
+  $t as and,
+  wn as batch,
+  On as computed,
+  An as createProductCard,
+  Pn as createSdk,
+  Cn as effect,
+  gn as eq,
+  En as exists,
+  Sn as filter,
+  zt as getSdk,
+  _n as gt,
+  vn as gte,
+  pn as inValues,
+  Mn as isInitialized,
+  dn as isRetryable,
+  un as isSdkError,
+  fn as jsonFileAdapter,
+  Pt as localStorageAdapter,
+  yn as lt,
+  In as lte,
+  mn as notEq,
+  bn as notExists,
+  hn as notIn,
+  Fn as or,
+  kn as signal
 };