@commerce-blocks/sdk 1.2.1 → 2.0.0-alpha.0

package/dist/index.js

@@ -1,26 +1,46 @@
-import { signal as $ } from "@preact/signals-core";
-import { batch as Ir, computed as br, effect as vr, signal as Fr } from "@preact/signals-core";
-const Qe = "2026-01", We = "https://app.uselayers.com/api/storefront/v1", Ke = 1e3, ke = 1e3, qe = 100, Xe = 300 * Ke, ze = "6.0.0", se = 250, H = 20, j = 250, ie = 250, ae = 250, ce = 1, le = 1, Y = 1, Z = 24, ue = 1, de = 1, fe = 100, Je = 20, Ye = 50, Ze = 300, et = "USD", tt = "en-US", rt = 1e3, Ce = /* @__PURE__ */ new Map();
-function nt(e, t) {
-  const r = `${e}:${t}`;
-  let o = Ce.get(r);
+import { signal as L, computed as N } from "@preact/signals-core";
+import { batch as wn, computed as On, effect as Rn, signal as kn } from "@preact/signals-core";
+const je = "2.0.0-alpha.0", He = {
+  version: je
+}, Qe = "2026-01", Ke = "https://app.uselayers.com/api/storefront/v1", ze = 1e3, ke = 1e3, Ce = 100, Xe = 300 * ze, pe = He.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, We = 20, Je = 50, Ye = 300, Ze = 50, et = "USD", tt = "en-US", nt = 1e3, we = /* @__PURE__ */ new Map();
+function rt(e, t) {
+  const n = `${e}:${t}`;
+  let o = we.get(n);
   return o || (o = new Intl.NumberFormat(tt, {
     style: "currency",
     currency: t
-  }).format(e), Ce.set(r, o)), o;
+  }).format(e), we.set(n, o)), o;
 }
-function M(e) {
+function D(e) {
   return { data: e };
 }
-function m(e) {
+function v(e) {
   return { error: e };
 }
 function ee() {
   return (/* @__PURE__ */ new Date()).toISOString();
 }
-const ot = ["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 = ot.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 st(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 O(e) {
-  const t = e.code === "RATE_LIMITED" || e.code === "SERVICE_UNAVAILABLE" || e.status !== void 0 && e.status >= 500, r = e.retryAfterMs ?? st(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 O(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 R(e, t, r, o) {
+function C(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 ln(e) {
+  return typeof e == "object" && e !== null && ut.includes(e._tag ?? "");
 }
-function nr(e) {
+function un(e) {
   return "retryable" in e ? e.retryable : !1;
 }
-function it(e, t) {
-  const r = e === 401 ? "UNAUTHORIZED" : e === 403 ? "FORBIDDEN" : e === 429 ? "RATE_LIMITED" : e >= 500 ? "SERVICE_UNAVAILABLE" : "UNKNOWN";
-  return O({
-    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 Ee(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 Ee(e) {
     cause: e
   });
 }
-async function _e(e) {
+async function ye(e) {
   if (!e.ok) {
     const t = await e.text().catch(() => "");
-    return m(it(e.status, t));
+    return v(dt(e, t));
   }
   try {
-    return M(await e.json());
+    return D(await e.json());
   } catch (t) {
-    return m(
-      O({
+    return v(
+      $({
         code: "PARSE_ERROR",
         source: "layers",
         message: "Invalid JSON response",
@@ -142,71 +170,71 @@ 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/${ze}`
+    "X-SDK-Client": `commerce-blocks-sdk/${pe}`
   };
-  return t && (r["Content-Type"] = "application/json"), r;
+  return t && (n["Content-Type"] = "application/json"), n;
 }
-function be({ config: e, endpoint: t }) {
-  const { layersBaseUrl: r = We } = e;
-  return `${r}${t}`;
+function Ee({ config: e, endpoint: t }) {
+  const { layersBaseUrl: n = Ke } = e;
+  return `${n}${t}`;
 }
-async function G(e) {
+async function x(e) {
   const t = e.config.fetch ?? fetch;
   try {
-    const r = await t(be({ config: e.config, endpoint: e.endpoint }), {
+    const n = await t(Ee({ config: e.config, endpoint: e.endpoint }), {
       method: "POST",
       headers: Ie({ token: e.config.layersPublicToken }),
       body: JSON.stringify(e.body),
       signal: e.signal
     });
-    return _e(r);
-  } catch (r) {
-    return m(Ee(r));
+    return ye(n);
+  } catch (n) {
+    return v(ve(n));
   }
 }
-async function at(e) {
+async function ft(e) {
   const t = new URLSearchParams();
   for (const [s, i] of Object.entries(e.params))
     i != null && t.append(s, typeof i == "object" ? JSON.stringify(i) : String(i));
-  const r = t.toString(), o = r ? `${e.endpoint}?${r}` : e.endpoint, n = e.config.fetch ?? fetch;
+  const n = t.toString(), o = n ? `${e.endpoint}?${n}` : e.endpoint, r = e.config.fetch ?? fetch;
   try {
-    const s = await n(be({ config: e.config, endpoint: o }), {
+    const s = await r(Ee({ config: e.config, endpoint: o }), {
       method: "GET",
       headers: Ie({ token: e.config.layersPublicToken }),
       signal: e.signal
     });
-    return _e(s);
+    return ye(s);
   } catch (s) {
-    return m(Ee(s));
+    return v(ve(s));
   }
 }
-async function ct(e) {
+async function gt(e) {
   const t = e.config.fetch ?? fetch;
   try {
-    const r = await t(be({ config: e.config, endpoint: e.endpoint }), {
+    const n = await t(Ee({ config: e.config, endpoint: e.endpoint }), {
       method: "POST",
       headers: Ie({ token: e.config.layersPublicToken, json: !1 }),
       body: e.formData,
       signal: e.signal
     });
-    return _e(r);
-  } catch (r) {
-    return m(Ee(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(
-    R("pagination.page", "OUT_OF_RANGE", `page must be >= ${ue}`, {
+  const n = [];
+  return e.page !== void 0 && e.page < ue && n.push(
+    C("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(
-    R(
+  ), e.limit !== void 0 && (e.limit < de || e.limit > fe) && n.push(
+    C(
       "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 lt = [
+const mt = [
   "title",
   "handle",
   "body_html",
@@ -236,12 +264,19 @@ const lt = [
   "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 ut(e) {
+function pt(e) {
   if (!e.layersPublicToken)
-    return m(
-      B({
+    return v(
+      U({
         code: "MISSING_CONFIG",
         message: "layersPublicToken is required",
         field: "layersPublicToken",
@@ -249,189 +284,189 @@ function ut(e) {
       })
     );
   if (!e.sorts || e.sorts.length === 0)
-    return m(
-      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([...lt, ...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, s) => {
-      if (!n.collectionHandle)
-        return m(
-          D({
+  return D({
+    browse: async (r, s) => {
+      if (!r.collectionHandle)
+        return v(
+          q({
             operation: "browse",
             fields: [
-              R("collectionHandle", "REQUIRED_FIELD", "collectionHandle is required")
+              C("collectionHandle", "REQUIRED_FIELD", "collectionHandle is required")
             ]
           })
         );
-      if (!n.sort_order_code)
-        return m(
-          D({
+      if (!r.sort_order_code)
+        return v(
+          q({
             operation: "browse",
             fields: [
-              R("sort_order_code", "REQUIRED_FIELD", "sort_order_code is required")
+              C("sort_order_code", "REQUIRED_FIELD", "sort_order_code is required")
             ]
           })
         );
-      const i = Q(n.pagination, "browse");
-      if (i) return m(i);
-      const { collectionHandle: a, attributes: l, transformBody: u, ...g } = n;
-      let f = {
-        facets: e.facets,
+      const i = j(r.pagination, "browse");
+      if (i) return v(i);
+      const { collectionHandle: a, attributes: l, transformBody: c, ...g } = r;
+      let d = {
+        facets: e.facets.map((p) => p.code),
         attributes: t(l),
         retrieveFacetCount: !0,
         includeFacetRanges: !0,
         ...g
       };
-      return u && (f = u(f)), G({
-        config: r,
+      return c && (d = c(d)), x({
+        config: n,
         endpoint: `/browse/${a}`,
-        body: f,
+        body: d,
         signal: s
       });
     },
-    predictiveSearch: async (n, s) => n ? at({
-      config: r,
+    predictiveSearch: async (r, s) => r ? ft({
+      config: n,
       endpoint: "/search/complete",
-      params: { query: n },
+      params: { query: r },
       signal: s
-    }) : m(
-      D({
+    }) : v(
+      q({
         operation: "predictiveSearch",
-        fields: [R("query", "REQUIRED_FIELD", "query is required")]
+        fields: [C("query", "REQUIRED_FIELD", "query is required")]
       })
     ),
-    prepareSearch: async (n, s) => {
-      if (!n.query)
-        return m(
-          D({
+    prepareSearch: async (r, s) => {
+      if (!r.query)
+        return v(
+          q({
             operation: "prepareSearch",
-            fields: [R("query", "REQUIRED_FIELD", "query is required")]
+            fields: [C("query", "REQUIRED_FIELD", "query is required")]
           })
         );
-      const { query: i, transformBody: a, ...l } = n;
-      let u = { ...l };
-      return a && (u = a(u)), G({
-        config: r,
+      const { query: i, transformBody: a, ...l } = r;
+      let c = { ...l };
+      return a && (c = a(c)), x({
+        config: n,
         endpoint: `/search/${encodeURIComponent(i)}/prepare`,
-        body: u,
+        body: c,
         signal: s
       });
     },
-    search: async (n, s) => {
-      if (!n.query)
-        return m(
-          D({
+    search: async (r, s) => {
+      if (!r.query)
+        return v(
+          q({
             operation: "search",
-            fields: [R("query", "REQUIRED_FIELD", "query is required")]
+            fields: [C("query", "REQUIRED_FIELD", "query is required")]
           })
         );
-      const i = Q(n.pagination, "search");
-      if (i) return m(i);
-      const { query: a, attributes: l, transformBody: u, ...g } = n;
-      let f = {
-        facets: e.facets,
+      const i = j(r.pagination, "search");
+      if (i) return v(i);
+      const { query: a, attributes: l, transformBody: c, ...g } = r;
+      let d = {
+        facets: e.facets.map((p) => p.code),
         attributes: t(l),
         retrieveFacetCount: !0,
         includeFacetRanges: !0,
         ...g
       };
-      return u && (f = u(f)), G({
-        config: r,
+      return c && (d = c(d)), x({
+        config: n,
         endpoint: `/search/${encodeURIComponent(a)}/execute`,
-        body: f,
+        body: d,
         signal: s
       });
     },
-    imageSearch: async (n, s) => {
-      if (!n.image_data && !n.image_id)
-        return m(
-          D({
+    imageSearch: async (r, s) => {
+      if (!r.image_data && !r.image_id)
+        return v(
+          q({
             operation: "imageSearch",
             fields: [
-              R("image_data", "REQUIRED_FIELD", "image_data or image_id is required")
+              C("image_data", "REQUIRED_FIELD", "image_data or image_id is required")
             ]
           })
         );
-      const i = Q(n.pagination, "imageSearch");
-      if (i) return m(i);
-      const { attributes: a, transformBody: l, ...u } = n;
+      const i = j(r.pagination, "imageSearch");
+      if (i) return v(i);
+      const { attributes: a, transformBody: l, ...c } = r;
       let g = {
         attributes: t(a),
-        ...u
+        ...c
       };
-      return l && (g = l(g)), G({
-        config: r,
+      return l && (g = l(g)), x({
+        config: n,
         endpoint: "/search/image",
         body: g,
         signal: s
       });
     },
-    uploadImage: async (n, s) => {
+    uploadImage: async (r, s) => {
       const i = new FormData();
-      return i.append("image", n), ct({
-        config: r,
+      return i.append("image", r), gt({
+        config: n,
         endpoint: "/images/upload",
         formData: i,
         signal: s
       });
     },
-    blocks: async (n, s) => {
-      if (!n.blockId)
-        return m(
-          D({
+    blocks: async (r, s) => {
+      if (!r.blockId)
+        return v(
+          q({
             operation: "block",
-            fields: [R("blockId", "REQUIRED_FIELD", "blockId is required")]
+            fields: [C("blockId", "REQUIRED_FIELD", "blockId is required")]
           })
         );
-      const i = Q(n.pagination, "block");
-      if (i) return m(i);
-      const { blockId: a, attributes: l, transformBody: u, ...g } = n;
-      let f = {
-        facets: e.facets,
+      const i = j(r.pagination, "block");
+      if (i) return v(i);
+      const { blockId: a, attributes: l, transformBody: c, ...g } = r;
+      let d = {
+        facets: e.facets.map((p) => p.code),
         attributes: t(l),
         retrieveFacetCount: !0,
         includeFacetRanges: !0,
         ...g
       };
-      return u && (f = u(f)), G({
-        config: r,
+      return c && (d = c(d)), x({
+        config: n,
         endpoint: `/blocks/${a}/products`,
-        body: f,
+        body: d,
         signal: s
       });
     },
-    similarProducts: async (n, s) => {
-      if (!n.productId)
-        return m(
-          D({
+    similarProducts: async (r, s) => {
+      if (!r.productId)
+        return v(
+          q({
             operation: "similarProducts",
-            fields: [R("productId", "REQUIRED_FIELD", "productId is required")]
+            fields: [C("productId", "REQUIRED_FIELD", "productId is required")]
           })
         );
-      const i = Q(n.pagination, "similarProducts");
-      if (i) return m(i);
-      const { productId: a, attributes: l, transformBody: u, ...g } = n;
-      let f = {
+      const i = j(r.pagination, "similarProducts");
+      if (i) return v(i);
+      const { productId: a, attributes: l, transformBody: c, ...g } = r;
+      let d = {
         attributes: t(l),
         ...g
       };
-      return u && (f = u(f)), G({
-        config: r,
+      return c && (d = c(d)), x({
+        config: n,
         endpoint: `/search/product/${a}`,
-        body: f,
+        body: d,
         signal: s
       });
     }
@@ -442,28 +477,28 @@ const te = `
     title
     description
   }
-`, $e = `
+`, De = `
   fragment FilterValueFields on FilterValue {
     id
     label
     count
     input
   }
-`, Le = `
+`, Ne = `
   fragment FilterFields on Filter {
     id
     label
     type
     values { ...FilterValueFields }
   }
-`, re = `
+`, ne = `
   fragment ImageFields on Image {
     url
     altText
     width
     height
   }
-`, ve = `
+`, be = `
   fragment MoneyFields on MoneyV2 {
     amount
     currencyCode
@@ -473,12 +508,12 @@ const te = `
     name
     value
   }
-`, Me = `
+`, Se = `
   fragment PriceRangeFields on ProductPriceRange {
     minVariantPrice { ...MoneyFields }
     maxVariantPrice { ...MoneyFields }
   }
-`, Se = `
+`, Me = `
   fragment ProductOptionFields on ProductOption {
     id
     name
@@ -501,19 +536,14 @@ const te = `
     type
   }
 `;
-function Pe(e) {
+function Ae(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 Pe(e) {
     }
   `;
 }
-function Re(e) {
-  const { maxImages: t, maxVariants: r, includeProductMetafields: o } = e;
+function Te(e) {
+  const { maxImages: t, maxVariants: n, includeProductMetafields: o } = e;
   return `
     fragment ProductFields on Product {
       id
@@ -536,20 +566,18 @@ function Re(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 }" : ""}
     }
   `;
 }
-function Ue(e) {
+function qe(e) {
   return `
     fragment CollectionFields on Collection {
       id
@@ -564,7 +592,7 @@ function Ue(e) {
     }
   `;
 }
-function Ve(e) {
+function $e(e) {
   return `
     fragment PageFields on Page {
       id
@@ -580,31 +608,31 @@ function Ve(e) {
     }
   `;
 }
-function dt(e) {
-  const { includeProductMetafields: t, includeVariantMetafields: r } = e;
+function ht(e) {
+  const { includeProductMetafields: t, includeVariantMetafields: n } = e;
   return [
-    re,
-    ve,
+    ne,
+    be,
     Fe,
-    Me,
     Se,
-    t || r ? z : "",
-    Pe(r),
-    Re(e)
+    Me,
+    t || n ? z : "",
+    Ae(n),
+    Te(e)
   ].join(`
 `);
 }
-function ft(e = {}) {
+function _t(e = {}) {
   const {
-    maxImages: t = H,
-    maxVariants: r = j,
+    maxImages: t = B,
+    maxVariants: n = G,
     productMetafields: o = [],
-    variantMetafields: n = []
-  } = e, s = o.length > 0, i = n.length > 0, a = ["$ids: [ID!]!"];
+    variantMetafields: r = []
+  } = e, s = o.length > 0, i = r.length > 0, a = ["$ids: [ID!]!"];
   return s && a.push("$productMetafields: [HasMetafieldsIdentifier!]!"), i && a.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), `
-    ${dt({
+    ${ht({
     maxImages: t,
-    maxVariants: r,
+    maxVariants: n,
     includeProductMetafields: s,
     includeVariantMetafields: i
   })}
@@ -618,37 +646,37 @@ function ft(e = {}) {
     }
   `;
 }
-function gt(e = {}) {
+function vt(e = {}) {
   const {
-    maxImages: t = H,
-    maxVariants: r = j,
+    maxImages: t = B,
+    maxVariants: n = G,
     productMetafields: o = [],
-    variantMetafields: n = [],
+    variantMetafields: r = [],
     collectionMetafields: s = [],
     includeFilters: i = !1
-  } = e, a = o.length > 0, l = n.length > 0, u = s.length > 0, g = a || l || u, f = ["$ids: [ID!]!", "$handle: String!"];
-  return a && f.push("$productMetafields: [HasMetafieldsIdentifier!]!"), l && f.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), u && f.push("$collectionMetafields: [HasMetafieldsIdentifier!]!"), `
+  } = e, a = o.length > 0, l = r.length > 0, c = s.length > 0, g = a || l || c, d = ["$ids: [ID!]!", "$handle: String!"];
+  return a && d.push("$productMetafields: [HasMetafieldsIdentifier!]!"), l && d.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), c && d.push("$collectionMetafields: [HasMetafieldsIdentifier!]!"), `
     ${[
-    re,
-    ve,
+    ne,
+    be,
     Fe,
-    Me,
     Se,
+    Me,
     te,
     g ? z : "",
-    i ? $e : "",
-    i ? Le : "",
-    Pe(l),
-    Re({
+    i ? De : "",
+    i ? Ne : "",
+    Ae(l),
+    Te({
       maxImages: t,
-      maxVariants: r,
+      maxVariants: n,
       includeProductMetafields: a
     }),
-    Ue(u)
+    qe(c)
   ].join(`
 `)}
 
-    query CollectionWithProducts(${f.join(", ")}) {
+    query CollectionWithProducts(${d.join(", ")}) {
       collection(handle: $handle) {
         ...CollectionFields
         ${i ? "products(first: 1) { filters { ...FilterFields } }" : ""}
@@ -661,34 +689,34 @@ function gt(e = {}) {
     }
   `;
 }
-function mt(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 ? $e : "",
-    r ? Le : "",
-    Ue(o)
+    n ? De : "",
+    n ? Ne : "",
+    qe(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 pt(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 : "",
-    Ve(r)
+    n ? z : "",
+    $e(n)
   ].join(`
 `)}
 
@@ -699,30 +727,30 @@ function pt(e = {}) {
     }
   `;
 }
-function ht(e = {}) {
+function Et(e = {}) {
   const {
-    maxImages: t = H,
-    maxVariants: r = j,
+    maxImages: t = B,
+    maxVariants: n = G,
     productMetafields: o = [],
-    variantMetafields: n = [],
+    variantMetafields: r = [],
     pageMetafields: s = []
-  } = e, i = o.length > 0, a = n.length > 0, l = s.length > 0, u = i || a || l, g = ["$ids: [ID!]!", "$handle: String!"];
+  } = e, i = o.length > 0, a = r.length > 0, l = s.length > 0, c = i || a || l, g = ["$ids: [ID!]!", "$handle: String!"];
   return i && g.push("$productMetafields: [HasMetafieldsIdentifier!]!"), a && g.push("$variantMetafields: [HasMetafieldsIdentifier!]!"), l && g.push("$pageMetafields: [HasMetafieldsIdentifier!]!"), `
     ${[
-    re,
-    ve,
+    ne,
+    be,
     Fe,
-    Me,
     Se,
+    Me,
     te,
-    u ? z : "",
-    Pe(a),
-    Re({
+    c ? z : "",
+    Ae(a),
+    Te({
       maxImages: t,
-      maxVariants: r,
+      maxVariants: n,
       includeProductMetafields: i
     }),
-    Ve(l)
+    $e(l)
   ].join(`
 `)}
 
@@ -738,16 +766,16 @@ function ht(e = {}) {
     }
   `;
 }
-function yt({
+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(s, { variables: i, signal: a } = {}) {
-      const l = await o(n, {
+      const l = await o(r, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -761,21 +789,21 @@ function yt({
           data: null,
           errors: { message: `HTTP ${l.status}`, networkStatusCode: l.status }
         };
-      const u = await l.json();
-      return u.errors ? { data: u.data, errors: { graphQLErrors: u.errors } } : { data: u.data };
+      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 Et(e) {
+function Ft(e) {
   if (!e.storefrontPublicToken)
-    return m(
-      B({
+    return v(
+      U({
         code: "MISSING_CONFIG",
         message: "storefrontPublicToken is required",
         field: "storefrontPublicToken",
@@ -783,311 +811,311 @@ function Et(e) {
       })
     );
   if (!e.shop)
-    return m(
-      B({
+    return v(
+      U({
         code: "MISSING_CONFIG",
         message: "shop is required",
         field: "shop",
         expected: "non-empty string"
       })
     );
-  const { storefrontApiVersion: t = Qe } = e, r = yt({
+  const { storefrontApiVersion: t = Qe } = 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: s,
         productMetafields: i = [],
         variantMetafields: a = [],
-        maxImages: l = H,
-        maxVariants: u = j,
+        maxImages: l = B,
+        maxVariants: c = G,
         signal: g
-      } = n, f = me(n);
-      if (f.length > 0)
-        return m(D({ operation: "getProducts", fields: f }));
+      } = r, d = me(r);
+      if (d.length > 0)
+        return v(q({ operation: "getProducts", fields: d }));
       if (s.length === 0)
-        return M([]);
-      const c = ft({
+        return D([]);
+      const p = _t({
         maxImages: l,
-        maxVariants: u,
+        maxVariants: c,
         productMetafields: i,
         variantMetafields: a
-      }), d = ge({ ids: s, maxSize: se }), p = [];
-      for (const h of d) {
+      }), u = ge({ ids: s, maxSize: ae }), f = [];
+      for (const h of u) {
         const y = { ids: h };
         i.length > 0 && (y.productMetafields = i), a.length > 0 && (y.variantMetafields = a);
-        const I = await _t({ shopifyClient: r, query: c, variables: y, signal: g });
-        if (I.error)
-          return I;
-        p.push(...I.data);
+        const E = await St({ graphqlClient: n, query: p, variables: y, signal: g });
+        if (E.error)
+          return E;
+        f.push(...E.data);
       }
-      return M(p);
+      return D(f);
     },
-    async getCollection(n) {
-      const { handle: s, collectionMetafields: i = [], includeFilters: a = !1, signal: l } = n;
+    async getCollection(r) {
+      const { handle: s, collectionMetafields: i = [], includeFilters: a = !1, signal: l } = r;
       if (!s)
-        return m(
-          D({
+        return v(
+          q({
             operation: "getCollection",
-            fields: [R("handle", "REQUIRED_FIELD", "handle is required")]
+            fields: [C("handle", "REQUIRED_FIELD", "handle is required")]
           })
         );
-      const u = mt({ collectionMetafields: i, includeFilters: a }), g = { handle: s };
+      const c = yt({ collectionMetafields: i, includeFilters: a }), g = { handle: s };
       i.length > 0 && (g.collectionMetafields = i);
       try {
-        const { data: f, errors: c } = await r.request(u, { variables: g, signal: l });
-        if (c)
-          return m(W(c));
-        const d = f;
-        return d.collection ? M(d.collection) : m(
-          O({
+        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",
+            source: "storefront",
             message: `Collection not found: ${s}`
           })
         );
-      } catch (f) {
-        return m(K(f));
+      } catch (d) {
+        return v(Q(d));
       }
     },
-    async getCollectionWithProducts(n) {
+    async getCollectionWithProducts(r) {
       const {
         handle: s,
         ids: i,
         productMetafields: a = [],
         variantMetafields: l = [],
-        collectionMetafields: u = [],
+        collectionMetafields: c = [],
         includeFilters: g = !1,
-        maxImages: f = H,
-        maxVariants: c = j,
-        signal: d
-      } = n, p = me(n);
-      if (s || p.push(R("handle", "REQUIRED_FIELD", "handle is required")), p.length > 0)
-        return m(
-          D({
+        maxImages: d = B,
+        maxVariants: p = G,
+        signal: u
+      } = r, f = me(r);
+      if (s || f.push(C("handle", "REQUIRED_FIELD", "handle is required")), f.length > 0)
+        return v(
+          q({
             operation: "getCollectionWithProducts",
-            fields: p
+            fields: f
           })
         );
-      const h = gt({
-        maxImages: f,
-        maxVariants: c,
+      const h = vt({
+        maxImages: d,
+        maxVariants: p,
         productMetafields: a,
         variantMetafields: l,
-        collectionMetafields: u,
+        collectionMetafields: c,
         includeFilters: g
-      }), y = i.length > 0 ? ge({ ids: i, maxSize: se }) : [[]];
-      let I = null;
-      const b = [];
-      for (let v = 0; v < y.length; v++) {
-        const E = { ids: y[v], handle: s };
-        a.length > 0 && (E.productMetafields = a), l.length > 0 && (E.variantMetafields = l), u.length > 0 && (E.collectionMetafields = u);
+      }), y = i.length > 0 ? ge({ ids: i, maxSize: ae }) : [[]];
+      let E = null;
+      const M = [];
+      for (let T = 0; T < y.length; T++) {
+        const b = { ids: y[T], handle: s };
+        a.length > 0 && (b.productMetafields = a), 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: d });
-          if (P)
-            return m(W(P));
-          const A = F;
-          if (v === 0 && (I = A.collection ?? null, !I))
-            return m(
-              O({
+          const { data: m, errors: _ } = await n.request(h, { variables: b, signal: u });
+          if (_)
+            return v(H(_));
+          const F = m;
+          if (T === 0 && (E = F.collection ?? null, !E))
+            return v(
+              $({
                 code: "NOT_FOUND",
-                source: "shopify",
+                source: "storefront",
                 message: `Collection not found: ${s}`
               })
             );
-          const _ = (A.nodes ?? []).filter((C) => C !== null);
-          b.push(..._);
-        } catch (F) {
-          return m(K(F));
+          const S = (F.nodes ?? []).filter((A) => A !== null);
+          M.push(...S);
+        } catch (m) {
+          return v(Q(m));
         }
       }
-      return M({ collection: I, products: b });
+      return D({ collection: E, products: M });
     },
-    async getPage(n) {
-      const { handle: s, pageMetafields: i = [], signal: a } = n;
+    async getPage(r) {
+      const { handle: s, pageMetafields: i = [], signal: a } = r;
       if (!s)
-        return m(
-          D({
+        return v(
+          q({
             operation: "getPage",
-            fields: [R("handle", "REQUIRED_FIELD", "handle is required")]
+            fields: [C("handle", "REQUIRED_FIELD", "handle is required")]
           })
         );
-      const l = pt({ pageMetafields: i }), u = { handle: s };
-      i.length > 0 && (u.pageMetafields = i);
+      const l = It({ pageMetafields: i }), c = { handle: s };
+      i.length > 0 && (c.pageMetafields = i);
       try {
-        const { data: g, errors: f } = await r.request(l, { variables: u, signal: a });
-        if (f)
-          return m(W(f));
-        const c = g;
-        return c.page ? M(c.page) : m(
-          O({
+        const { data: g, errors: d } = await n.request(l, { variables: c, signal: a });
+        if (d)
+          return v(H(d));
+        const p = g;
+        return p.page ? D(p.page) : v(
+          $({
             code: "NOT_FOUND",
-            source: "shopify",
+            source: "storefront",
             message: `Page not found: ${s}`
           })
         );
       } catch (g) {
-        return m(K(g));
+        return v(Q(g));
       }
     },
-    async getPageWithProducts(n) {
+    async getPageWithProducts(r) {
       const {
         handle: s,
         ids: i,
         productMetafields: a = [],
         variantMetafields: l = [],
-        pageMetafields: u = [],
-        maxImages: g = H,
-        maxVariants: f = j,
-        signal: c
-      } = n, d = me(n);
-      if (s || d.push(R("handle", "REQUIRED_FIELD", "handle is required")), d.length > 0)
-        return m(
-          D({ operation: "getPageWithProducts", fields: d })
+        pageMetafields: c = [],
+        maxImages: g = B,
+        maxVariants: d = G,
+        signal: p
+      } = r, u = me(r);
+      if (s || u.push(C("handle", "REQUIRED_FIELD", "handle is required")), u.length > 0)
+        return v(
+          q({ operation: "getPageWithProducts", fields: u })
         );
-      const p = ht({
+      const f = Et({
         maxImages: g,
-        maxVariants: f,
+        maxVariants: d,
         productMetafields: a,
         variantMetafields: l,
-        pageMetafields: u
-      }), h = i.length > 0 ? ge({ ids: i, maxSize: se }) : [[]];
+        pageMetafields: c
+      }), h = i.length > 0 ? ge({ ids: i, maxSize: ae }) : [[]];
       let y = null;
-      const I = [];
-      for (let b = 0; b < h.length; b++) {
-        const S = { ids: h[b], handle: s };
-        a.length > 0 && (S.productMetafields = a), l.length > 0 && (S.variantMetafields = l), u.length > 0 && (S.pageMetafields = u);
+      const E = [];
+      for (let M = 0; M < h.length; M++) {
+        const w = { ids: h[M], handle: s };
+        a.length > 0 && (w.productMetafields = a), l.length > 0 && (w.variantMetafields = l), c.length > 0 && (w.pageMetafields = c);
         try {
-          const { data: E, errors: F } = await r.request(p, { variables: S, signal: c });
-          if (F)
-            return m(W(F));
-          const P = E;
-          if (b === 0 && (y = P.page ?? null, !y))
-            return m(
-              O({
+          const { data: b, errors: m } = await n.request(f, { variables: w, signal: p });
+          if (m)
+            return v(H(m));
+          const _ = b;
+          if (M === 0 && (y = _.page ?? null, !y))
+            return v(
+              $({
                 code: "NOT_FOUND",
-                source: "shopify",
+                source: "storefront",
                 message: `Page not found: ${s}`
               })
             );
-          const A = (P.nodes ?? []).filter((_) => _ !== null);
-          I.push(...A);
-        } catch (E) {
-          return m(K(E));
+          const F = (_.nodes ?? []).filter((S) => S !== null);
+          E.push(...F);
+        } catch (b) {
+          return v(Q(b));
         }
       }
-      return M({ page: y, products: I });
+      return D({ page: y, products: E });
     }
   });
 }
 function me(e) {
   const t = [];
-  e.maxImages !== void 0 && (e.maxImages < ce || e.maxImages > ie) && t.push(
-    R(
+  e.maxImages !== void 0 && (e.maxImages < ce || e.maxImages > se) && t.push(
+    C(
       "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(
-    R(
+  ), e.maxVariants !== void 0 && (e.maxVariants < le || e.maxVariants > ie) && t.push(
+    C(
       "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(
-      R(
+  for (const n of e.productMetafields ?? [])
+    (!n.namespace || !n.key) && t.push(
+      C(
         "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(
-      R(
+  for (const n of e.variantMetafields ?? [])
+    (!n.namespace || !n.key) && t.push(
+      C(
         "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: s } = await e.request(t, { variables: r, signal: o });
+    const { data: r, errors: s } = await e.request(t, { variables: n, signal: o });
     if (s)
-      return m(W(s));
-    const i = (n?.nodes ?? []).filter(
+      return v(H(s));
+    const i = (r?.nodes ?? []).filter(
       (a) => a !== null
     );
-    return M(i);
-  } catch (n) {
-    return m(K(n));
+    return D(i);
+  } catch (r) {
+    return v(Q(r));
   }
 }
-function W(e) {
+function H(e) {
   const t = e.networkStatusCode;
-  return t === 401 ? O({
+  return t === 401 ? $({
     code: "UNAUTHORIZED",
-    source: "shopify",
+    source: "storefront",
     message: "Unauthorized: Invalid or missing storefront access token",
     status: t
-  }) : t === 403 ? O({
+  }) : t === 403 ? $({
     code: "FORBIDDEN",
-    source: "shopify",
+    source: "storefront",
     message: "Forbidden: Access denied to the requested resource",
     status: t
-  }) : t === 429 ? O({
+  }) : 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 ? O({
+  }) : 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
-  }) : O({
+  }) : $({
     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 K(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,376 +1130,457 @@ function K(e) {
     cause: e
   });
 }
-const Oe = 1, It = "cb-sdk-store";
-function pe() {
-  return typeof window > "u" || !window.localStorage ? null : window.localStorage;
+const Mt = "cb-sdk-store";
+function At(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 bt(e) {
-  typeof requestIdleCallback == "function" ? requestIdleCallback(e, { timeout: rt }) : setTimeout(e, 0);
+function dn(e, t) {
+  return {
+    read() {
+      try {
+        return t.readFileSync(e, "utf-8");
+      } catch {
+        return null;
+      }
+    },
+    write(n) {
+      try {
+        t.writeFileSync(e, n, "utf-8");
+      } catch {
+      }
+    },
+    remove() {
+      try {
+        t.unlinkSync(e);
+      } catch {
+      }
+    }
+  };
+}
+function Tt(e) {
+  typeof requestIdleCallback == "function" ? requestIdleCallback(e, { timeout: nt }) : setTimeout(e, 0);
 }
-function Ne(e) {
-  return [...e].sort((t, r) => r[1].timestamp - t[1].timestamp);
+function Oe(e) {
+  return [...e].sort((t, n) => n[1].timestamp - t[1].timestamp);
 }
-function vt({
-  storageKey: e = It,
+function Pt({
+  storageKey: e = Mt,
   maxProducts: t = ke,
-  maxQueries: r = qe
+  maxQueries: n = Ce,
+  adapter: o
 } = {}) {
+  const r = o ?? At(e);
+  let s = 0;
   return {
-    save(o) {
-      const n = pe();
-      n && bt(() => {
-        try {
-          const s = {
-            products: Ne(o.products).slice(
-              0,
-              t
-            ),
-            queries: Ne(o.queries).slice(0, r),
-            collections: o.collections,
-            version: Oe
-          };
-          n.setItem(e, JSON.stringify(s));
-        } catch {
-        }
+    save(i) {
+      if (!r) return;
+      const a = ++s;
+      Tt(() => {
+        if (a === s)
+          try {
+            const l = {
+              products: Oe(i.products).slice(
+                0,
+                t
+              ),
+              queries: Oe(i.queries).slice(0, n),
+              collections: i.collections,
+              version: pe
+            };
+            r.write(JSON.stringify(l));
+          } catch {
+          }
       });
     },
     restore() {
-      const o = pe();
-      if (!o) return null;
+      if (!r) return null;
       try {
-        const n = o.getItem(e);
-        if (!n) return null;
-        const s = JSON.parse(n);
-        return s.version !== Oe || !Array.isArray(s.products) || !Array.isArray(s.queries) ? (o.removeItem(e), null) : s;
+        const i = r.read();
+        if (!i) return null;
+        const a = JSON.parse(i);
+        return a.version !== pe || !Array.isArray(a.products) || !Array.isArray(a.queries) ? (r.remove(), null) : a;
       } catch {
-        return o.removeItem(e), null;
+        return r.remove(), null;
       }
     },
     clear() {
-      pe()?.removeItem(e);
+      s++, r?.remove();
     }
   };
 }
-function Ft(e, t) {
+function wt(e, t) {
   if (e.size <= t) return;
-  const o = [...e.entries()].sort((n, s) => n[1].timestamp - s[1].timestamp).slice(0, e.size - t);
-  for (const [n] of o)
-    e.delete(n);
+  const o = [...e.entries()].sort((r, s) => r[1].timestamp - s[1].timestamp).slice(0, e.size - t);
+  for (const [r] of o)
+    e.delete(r);
 }
-function Mt(e, t) {
+function Ot(e, t) {
   if (e.size <= t) return;
-  const r = [];
-  for (const [n, s] of e)
-    s.value && r.push([n, s.value.timestamp]);
-  r.sort((n, s) => n[1] - s[1]);
-  const o = r.slice(0, e.size - t);
-  for (const [n] of o) {
-    const s = e.get(n);
-    s && (s.value = null), e.delete(n);
+  const n = [];
+  for (const [r, s] of e)
+    s.value && n.push([r, s.value.timestamp]);
+  n.sort((r, s) => r[1] - s[1]);
+  const o = n.slice(0, e.size - t);
+  for (const [r] of o) {
+    const s = e.get(r);
+    s && (s.value = null), e.delete(r);
   }
 }
-function St(e = {}) {
+function Rt(e = {}) {
   const {
     ttl: t = Xe,
-    maxProducts: r = ke,
-    maxQueries: o = qe,
-    storageKey: n
-  } = e, s = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), u = vt({ storageKey: n, maxProducts: r, maxQueries: o });
-  function g(c) {
-    return Date.now() - c > t;
+    maxProducts: n = ke,
+    maxQueries: o = Ce,
+    storageKey: r,
+    storageAdapter: s
+  } = e, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), g = Pt({
+    storageKey: r,
+    maxProducts: n,
+    maxQueries: o,
+    adapter: s
+  });
+  function d(u) {
+    return Date.now() - u > t;
   }
-  function f(c) {
-    let d = l.get(c);
-    return d || (d = $(null), l.set(c, d)), d;
+  function p(u) {
+    let f = c.get(u);
+    return f || (f = L(null), c.set(u, f)), f;
   }
   return {
     products: {
-      get(c) {
-        const d = s.get(c);
-        if (d) {
-          if (g(d.timestamp)) {
-            s.delete(c);
+      get(u) {
+        const f = i.get(u);
+        if (f) {
+          if (d(f.timestamp)) {
+            i.delete(u);
             return;
           }
-          return d.data;
+          return f.data;
         }
       },
-      getMany(c) {
-        const d = [], p = [];
-        for (const h of c) {
-          const y = s.get(h);
-          y && !g(y.timestamp) ? d.push(y.data) : p.push(h);
+      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: d, missing: p };
+        return { cached: f, missing: h };
       },
-      set(c) {
-        const d = Date.now();
-        for (const p of c)
-          s.set(p.gid, { data: p, timestamp: d });
-        Ft(s, r);
+      set(u) {
+        const f = Date.now(), h = Array.isArray(u) ? u : [u];
+        for (const y of h)
+          i.set(y.gid, { data: y, timestamp: f });
+        wt(i, n);
       },
-      has(c) {
-        const d = s.get(c);
-        return d != null && !g(d.timestamp);
+      has(u) {
+        const f = i.get(u);
+        return f != null && !d(f.timestamp);
       }
     },
     queries: {
-      get(c) {
-        return f(c);
+      get(u) {
+        return p(u);
       },
-      set(c, d) {
-        const p = f(c);
-        p.value = { data: d, timestamp: Date.now() }, Mt(l, o);
+      set(u, f) {
+        const h = p(u);
+        h.value = { data: f, timestamp: Date.now() }, Ot(c, o);
       },
-      isExpired(c) {
-        const d = l.get(c);
-        return d?.value ? g(d.value.timestamp) : !0;
+      isExpired(u) {
+        const f = c.get(u);
+        return f?.value ? d(f.value.timestamp) : !0;
       },
-      invalidate(c) {
-        for (const [d, p] of l)
-          d.includes(c) && (p.value = null);
+      invalidate(u) {
+        for (const [f, h] of c)
+          f.includes(u) && (h.value = null);
       }
     },
     collections: {
-      get(c) {
-        return i.get(c);
+      get(u) {
+        return a.get(u);
       },
-      set(c, d) {
-        i.set(c, { ...d, handle: c });
+      set(u, f) {
+        a.set(u, { ...f, handle: u });
       },
-      delete(c) {
-        i.delete(c);
+      delete(u) {
+        a.delete(u);
       }
     },
     pages: {
-      get(c) {
-        return a.get(c);
+      get(u) {
+        return l.get(u);
       },
-      set(c, d) {
-        a.set(c, { ...d, handle: c });
+      set(u, f) {
+        l.set(u, { ...f, handle: u });
       },
-      delete(c) {
-        a.delete(c);
+      delete(u) {
+        l.delete(u);
       }
     },
     persist() {
-      const c = [], d = [], p = [];
-      for (const [h, y] of s)
-        g(y.timestamp) || c.push([h, y]);
-      for (const [h, y] of l)
-        y.value && !g(y.value.timestamp) && d.push([h, y.value]);
-      for (const [h, y] of i)
-        p.push([h, y]);
-      u.save({ products: c, queries: d, collections: p });
+      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 a)
+        h.push([y, E]);
+      g.save({ products: u, queries: f, collections: h });
     },
     restore() {
-      const c = u.restore();
-      if (c) {
-        for (const [d, p] of c.products)
-          g(p.timestamp) || s.set(d, p);
-        for (const [d, p] of c.queries)
-          if (!g(p.timestamp)) {
-            const h = f(d);
-            h.value = p;
+      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 = p(f);
+            y.value = h;
           }
-        for (const [d, p] of c.collections)
-          i.set(d, p);
+        for (const [f, h] of u.collections)
+          a.set(f, h);
       }
     },
     clear() {
-      s.clear();
-      for (const c of l.values()) c.value = null;
-      l.clear(), i.clear(), a.clear(), u.clear();
+      i.clear();
+      for (const u of c.values()) u.value = null;
+      c.clear(), a.clear(), l.clear(), g.clear();
     },
     get stats() {
       return {
-        products: s.size,
-        queries: l.size,
-        collections: i.size,
-        pages: a.size
+        products: i.size,
+        queries: c.size,
+        collections: a.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 Le(e, t) {
+  return `gid://shopify/${e}/${t}`;
+}
+function kt(e) {
+  return Le("Product", e);
+}
+function Ct(e) {
+  return Le("ProductVariant", e);
+}
+const Re = (e) => encodeURIComponent(e).replace(/-/g, "%2D");
+function Ve({
+  type: e,
+  selectedOptions: t
+}) {
+  if (t.length === 0)
+    return `${e}-`;
+  const n = t.map(({ name: o, value: r }) => `${Re(o)}:${Re(r)}`).join("-");
+  return `${e}-${n}`;
+}
+function Ue(e) {
+  return e.product_id ?? e.id;
+}
+function he(e) {
+  return kt(Ue(e));
+}
+function Pe(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 = Pe(t, ["collectionHandle", "signal"]);
+  return o ? `${n}?${o}` : n;
 }
-function Rt(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 = Pe(t, ["query", "signal"]);
+  return o ? `${n}?${o}` : n;
 }
-function At(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 = Pe(t, ["blockId", "signal"]);
+  return o ? `${n}?${o}` : n;
 }
-var he = /* @__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))(he || {}), Be = /* @__PURE__ */ ((e) => (e.And = "AND", e.Or = "OR", e))(Be || {});
-function or(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 || {}), xe = /* @__PURE__ */ ((e) => (e.And = "AND", e.Or = "OR", e))(xe || {});
+function fn(e, t) {
   return { property: e, operator: "eq", values: [t] };
 }
-function sr(e, t) {
+function gn(e, t) {
   return { property: e, operator: "not_eq", values: [t] };
 }
-function ir(e, t) {
+function mn(e, t) {
   return { property: e, operator: "in", values: t };
 }
-function ar(e, t) {
+function pn(e, t) {
   return { property: e, operator: "not_in", values: t };
 }
-function cr(e, t) {
+function hn(e, t) {
   return { property: e, operator: "gt", values: [t] };
 }
-function lr(e, t) {
+function _n(e, t) {
   return { property: e, operator: "gte", values: [t] };
 }
-function ur(e, t) {
+function vn(e, t) {
   return { property: e, operator: "lt", values: [t] };
 }
-function dr(e, t) {
+function yn(e, t) {
   return { property: e, operator: "lte", values: [t] };
 }
-function fr(e) {
+function In(e) {
   return { property: e, operator: "exists", values: [] };
 }
-function gr(e) {
+function En(e) {
   return { property: e, operator: "not_exists", values: [] };
 }
-function Tt(...e) {
+function $t(...e) {
   return { conditional: "AND", expressions: e };
 }
-function mr(...e) {
+function bn(...e) {
   return { conditional: "OR", expressions: e };
 }
-function wt(e) {
+function Lt(e) {
   return "conditional" in e;
 }
-function pr(e) {
-  return { filter_group: wt(e) ? e : Tt(e) };
-}
-function Dt(e, t) {
-  return `gid://shopify/${e}/${t}`;
-}
-function Ct(e) {
-  return Dt("Product", e);
+function Fn(e) {
+  return Lt(e) ? e : $t(e);
 }
-function xe({
-  type: e,
-  selectedOptions: t
+function Vt({
+  layers: e,
+  currencyCode: t = et,
+  formatPrice: n = rt,
+  swatches: o = [],
+  breakoutContext: r
 }) {
-  const r = t.map(({ name: o, value: n }) => `${o}:${n}`).join("-");
-  return `${e}-${r}`;
-}
-function Ge(e) {
-  return e.product_id ?? e.id;
-}
-function ye(e) {
-  return Ct(Ge(e));
-}
-function Ot(e, t = {}) {
-  const {
-    currencyCode: r = et,
-    formatPrice: o = nt,
-    swatches: n = []
-  } = t, s = Ge(e), i = ye(e), a = e.title, l = e.handle ?? "", u = e.vendor ?? "", g = e.product_type ?? "", f = e.body_html ?? "", c = e.available ?? !1, d = e.is_gift_card ?? !1, p = Bt(e), h = e.tags ?? [], y = Nt(e), I = kt(e.price_range, r, o), b = qt(e, n), v = Lt(e, r, o), S = v.map((_) => _.compareAtPrice).filter((_) => _ !== null), E = S.length > 0 ? {
-    min: S.reduce((_, C) => _.amount < C.amount ? _ : C),
-    max: S.reduce((_, C) => _.amount > C.amount ? _ : C)
-  } : void 0, F = e.first_or_matched_variant ? $t(e.first_or_matched_variant) : [], P = xe({ type: "Product", selectedOptions: F }), A = e.metafields ?? {};
+  const s = Ue(e), i = he(e), a = 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), T = M.map((I) => I.compareAtPrice).filter((I) => I !== null), w = T.length > 0 ? {
+    min: T.reduce((I, k) => I.amount < k.amount ? I : k),
+    max: T.reduce((I, k) => I.amount > k.amount ? I : k)
+  } : void 0, b = e.first_or_matched_variant ? Gt(e.first_or_matched_variant) : [], m = Ve({ 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, A = e.named_tags ? Array.isArray(e.named_tags) ? void 0 : Object.entries(e.named_tags).map(([I, k]) => ({ name: I, value: k })) : void 0, R = e.first_or_matched_variant ? M.find((I) => I.numericId === e.first_or_matched_variant.id) ?? null : null;
+  let O, P;
+  if (r?.isVariantTile) {
+    P = r.variantId;
+    const I = M.find((k) => k.numericId === P);
+    if (I) {
+      const k = new Set(r.optionCodes);
+      O = I.selectedOptions.filter((V) => k.has(V.name));
+    }
+  }
   return {
-    id: P,
+    id: m,
     gid: i,
     numericId: s,
     title: a,
     handle: l,
     type: g,
-    vendor: u,
-    description: f,
-    availableForSale: c,
-    images: y,
-    priceRange: I,
-    compareAtPriceRange: E,
-    options: b,
-    tags: h,
-    variants: v,
-    selectedOptions: F,
-    metafields: A,
+    vendor: c,
+    description: d,
+    availableForSale: p,
+    images: h,
+    priceRange: y,
+    compareAtPriceRange: w,
+    options: E,
+    tags: f,
+    variants: M,
+    selectedOptions: b,
+    metafields: _,
     calculated: e.calculated,
-    isGiftCard: d,
-    onlineStoreUrl: null,
-    totalInventory: p
+    isGiftCard: u,
+    category: F,
+    createdAt: e.created_at ?? null,
+    publishedAt: e.published_at ?? null,
+    updatedAt: e.updated_at ?? null,
+    featuredMedia: S,
+    namedTags: A,
+    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: R,
+    breakoutOptions: O,
+    breakoutVariantId: P
   };
 }
-function Nt(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 kt(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, s] of Object.entries(o))
+function Bt(e, t) {
+  const n = [], o = e.options ?? {};
+  for (const [r, s] of Object.entries(o))
     for (const i of s) {
-      const a = t.find((l) => l.name === n && l.value === i);
-      r.push({ name: n, value: i, swatch: a });
+      const a = t.find((l) => l.name === r && l.value === i);
+      n.push({ name: r, value: i, swatch: a });
     }
-  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: xe({ type: "ProductVariant", selectedOptions: e.selected_options }),
-    gid: `gid://shopify/ProductVariant/${e.id}`,
+    id: Ve({ type: "ProductVariant", selectedOptions: e.selected_options }),
+    gid: Ct(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((s) => ({ name: s.name, value: s.value })),
-    metafields: Vt(e.metafields),
-    inventoryLevels: e.inventory_levels ?? {}
+    metafields: Qt(e.metafields),
+    inventoryLevels: e.inventory_levels ?? {},
+    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,
@@ -1479,291 +1588,200 @@ 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 He() {
+function Be() {
   return typeof window < "u" && typeof window.document < "u";
 }
-const je = "__COMMERCE_BLOCKS__";
-function xt(e) {
-  He() && (window[je] = e);
+const Ge = "__COMMERCE_BLOCKS__";
+function Kt(e) {
+  Be() && (window[Ge] = e);
 }
-function Gt() {
-  if (!He())
-    return m(
-      B({
+function zt() {
+  if (!Be())
+    return v(
+      U({
         code: "INVALID_CONFIG",
         message: "SDK only available in browser",
         field: "environment",
         expected: "browser"
       })
     );
-  const e = window[je];
-  return e ? M(e) : m(
-    B({
+  const e = window[Ge];
+  return e ? D(e) : v(
+    U({
       code: "MISSING_CONFIG",
       message: "SDK not initialized. Call createSdk() first.",
       field: "sdk"
     })
   );
 }
-function hr() {
-  return Gt().data !== void 0;
+function Sn() {
+  return zt().data !== void 0;
 }
-function ne({
+function re({
   products: e,
   raw: t,
-  extender: r
+  extender: n
 }) {
   const o = {
     products: e,
     totalResults: t.totalResults,
     totalPages: t.totalPages,
     page: t.page,
-    facets: t.facets ?? {}
+    resultsPerPage: t.resultsPerPage,
+    facets: t.facets ?? {},
+    facetRanges: t.facetRanges,
+    attributionToken: t.attributionToken,
+    _workflow: t._workflow
   };
-  return r ? r(o, t) : o;
+  return n ? n(o, t) : o;
 }
-function Ht(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 jt({ ctx: e }) {
+function Xt({ ctx: e }) {
   function t(a) {
-    return a.map(ye);
+    return a.map((l) => he(l));
   }
-  function r(a, l) {
-    const u = Ot(a, e.mergeConfig);
+  function n(a, l) {
+    const c = Vt({ layers: a, ...e.mergeConfig, breakoutContext: l });
     return e.config.extendProduct ? { ...e.config.extendProduct({
-      base: u,
+      base: c,
       raw: a,
-      shopify: l
-    }), _base: u } : u;
+      storefront: null
+    }), _base: c } : c;
   }
-  function o(a, l, u) {
-    return a.map((g) => {
-      const f = ye(g), c = u.get(f);
-      return c || r(g, l.get(f) ?? null);
-    });
+  function o(a, l) {
+    if (!(a.__typename !== "Variant" || l.length === 0))
+      return {
+        isVariantTile: !0,
+        variantId: a.variant_id,
+        optionCodes: l
+      };
   }
-  async function n(a, l = e.config.productMetafields, u = e.config.variantMetafields) {
-    const g = /* @__PURE__ */ new Map();
-    if (!e.storefrontEnabled || a.length === 0) return M(g);
-    const f = await e.storefront.getProducts({
-      ids: a,
-      productMetafields: l,
-      variantMetafields: u
+  function r(a, l, c) {
+    const g = c?.variantBreakouts?.map((d) => d.optionCode) ?? [];
+    return a.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 (f.error) return m(f.error);
-    for (const c of f.data)
-      g.set(c.id, c);
-    return M(g);
-  }
-  async function s(a) {
-    const l = t(a), { cached: u, missing: g } = e.store.products.getMany(l), f = new Map(u.map((d) => [d.gid, d]));
-    if (g.length === 0)
-      return M(l.map((d) => f.get(d)));
-    const c = await n(g);
-    return c.error ? m(c.error) : M(o(a, c.data, f));
   }
-  function i(a) {
+  function s(a) {
     if (a) {
       if (e.config.transformFilters)
         return e.config.transformFilters(a);
       if (e.config.filterMap && typeof a == "object" && !Array.isArray(a)) {
-        const l = a, u = [];
-        for (const [g, f] of Object.entries(l)) {
-          if (f == null) continue;
-          const c = e.config.filterMap[g], d = typeof c == "string" ? c : c?.property ?? g, p = typeof c == "object" ? c.values : void 0, y = (Array.isArray(f) ? f : [f]).map((I) => {
-            const b = String(I);
-            return p?.[b] ?? b;
+        const l = a, c = [];
+        for (const [g, d] of Object.entries(l)) {
+          if (d == null) continue;
+          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;
           });
-          u.push({
-            property: d,
-            operator: y.length > 1 ? he.In : he.Equal,
+          c.push({
+            property: u,
+            operator: y.length > 1 ? _e.In : _e.Equal,
             values: y
           });
         }
-        return u.length === 0 ? void 0 : {
-          conditional: Be.And,
-          expressions: u
+        return c.length === 0 ? void 0 : {
+          conditional: xe.And,
+          expressions: c
         };
       }
       return a;
     }
   }
+  function i(a) {
+    return a.filter((l) => !l.breakoutVariantId);
+  }
   return {
     extractGids: t,
-    buildSingleProduct: r,
-    buildProductsWithCache: o,
-    fetchStorefrontProductsMap: n,
-    fetchAndBuildProducts: s,
-    transformFilters: i
+    buildProducts: r,
+    transformFilters: s,
+    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 }, s = Object.keys(n).length > 0;
-  if (!(!s && !r))
-    return (i) => {
-      const a = s ? { ...i, ...n } : i;
-      return r ? r(a) : a;
-    };
+  return !e && !t && !n ? (o) => o : (o) => {
+    let r = o;
+    const s = t && Object.keys(t).length > 0;
+    if (e || s) {
+      const i = {};
+      if (t)
+        for (const [a, l] of Object.entries(t)) {
+          const c = l(a);
+          c != null && (i[a] = c);
+        }
+      r = { ...r, ...e, ...i };
+    }
+    return n ? n(r) : r;
+  };
 }
 function Wt({
   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 s = null, i = o ?? e.config.sorts[0]?.code;
     return {
-      state: n,
+      state: r,
       async execute(a = {}) {
         const {
           page: l = Y,
-          limit: u = Z,
+          limit: c = Z,
           filters: g,
-          sortOrderCode: f,
-          signal: c,
-          includeMeta: d = e.config.includeMeta ?? !1,
-          collectionMetafields: p = e.config.collectionMetafields,
-          includeFilters: h,
-          dynamicLinking: y,
-          params: I,
-          paramDefinitions: b,
-          transformBody: v
-        } = a, S = f ?? i;
-        i = S, s?.abort(), s = oe(c);
-        const E = n.value.data;
-        n.value = { data: E, error: null, isFetching: !0 };
-        const { data: F, error: P } = await e.layers.browse(
+          sortOrderCode: d,
+          signal: p,
+          includeMeta: u = e.config.includeMeta ?? !1,
+          dynamicLinking: f,
+          params: h,
+          paramDefinitions: y,
+          transformBody: E
+        } = a, M = d ?? i;
+        i = M, s?.abort(), s = oe(p);
+        const T = r.value.data;
+        r.value = { data: T, error: null, isFetching: !0 };
+        const { data: w, error: b } = await e.layers.browse(
           {
-            collectionHandle: r,
-            sort_order_code: S,
-            pagination: { page: l, limit: u },
+            collectionHandle: n,
+            sort_order_code: M,
+            pagination: { page: l, limit: c },
             filter_group: t.transformFilters(g),
-            dynamicLinking: y,
-            transformBody: X({ params: I, paramDefinitions: b, transformBody: v })
+            dynamicLinking: f,
+            transformBody: K({ params: h, paramDefinitions: y, transformBody: E })
           },
           s.signal
         );
-        if (P)
-          return n.value = { data: E, error: P, isFetching: !1 }, m(P);
-        const { results: A } = F, _ = A, C = t.extractGids(_), { cached: N, missing: k } = e.store.products.getMany(C), L = new Map(N.map((w) => [w.gid, w])), U = d && !p?.length ? e.store.collections.get(r) : void 0, Te = U?.title !== void 0;
-        let x, T;
-        if (k.length === 0)
-          x = C.map((w) => L.get(w));
-        else if (e.storefrontEnabled && d && !Te) {
-          const w = await e.storefront.getCollectionWithProducts({
-            handle: r,
-            ids: k,
-            productMetafields: e.config.productMetafields,
-            variantMetafields: e.config.variantMetafields,
-            collectionMetafields: p,
-            includeFilters: h
-          });
-          if (w.data) {
-            T = w.data.collection;
-            const V = /* @__PURE__ */ new Map();
-            for (const De of w.data.products)
-              V.set(De.id, De);
-            x = t.buildProductsWithCache(_, V, L);
-          } else {
-            const V = await t.fetchStorefrontProductsMap(k);
-            if (V.error)
-              return n.value = { data: E, error: V.error, isFetching: !1 }, m(V.error);
-            x = t.buildProductsWithCache(
-              _,
-              V.data,
-              L
-            );
-          }
-        } else {
-          const w = await t.fetchStorefrontProductsMap(k);
-          if (w.error)
-            return n.value = { data: E, error: w.error, isFetching: !1 }, m(w.error);
-          x = t.buildProductsWithCache(
-            _,
-            w.data,
-            L
-          );
-        }
-        if (e.storefrontEnabled && d && !T)
-          if (Te)
-            T = Ht(U);
-          else {
-            const w = await e.storefront.getCollection({
-              handle: r,
-              collectionMetafields: p,
-              includeFilters: h
-            });
-            w.data && (T = w.data);
-          }
-        const q = ne({
-          products: x,
-          raw: F,
+        if (b)
+          return r.value = { data: T, error: b, isFetching: !1 }, v(b);
+        const { results: m, _meta: _ } = w, F = t.extractGids(m), { cached: S } = e.store.products.getMany(F), A = new Map(S.map((I) => [I.gid, I])), R = t.buildProducts(m, A, _), O = re({
+          products: R,
+          raw: w,
           extender: e.config.extendCollection
         });
-        d && F._meta && (q._meta = F._meta), T && (q.collection = T);
-        const we = Pt(r, { sortOrderCode: S, page: l, limit: u, filters: g });
-        return we && e.store.queries.set(we, q), e.store.products.set(x), e.store.collections.set(r, {
-          totalProducts: q.totalResults,
-          totalPages: q.totalPages,
+        u && w._meta && (O._meta = w._meta);
+        const P = Dt(n, { sortOrderCode: M, page: l, limit: c, filters: g });
+        return P && e.store.queries.set(P, O), e.store.products.set(t.filterCacheableProducts(R)), e.store.collections.set(n, {
+          totalProducts: O.totalResults,
+          totalPages: O.totalPages,
           lastPageFetched: l,
-          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);
+          facets: O.facets,
+          lastFetched: Date.now()
+        }), r.value = { data: O, error: null, isFetching: !1 }, D(O);
       },
       dispose() {
         s?.abort();
@@ -1771,120 +1789,117 @@ function Wt({
     };
   };
 }
-function Kt({
+function Jt({
   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,
+      state: n,
       async prepare(s) {
         const {
           query: i,
           filters: a,
           tuning: l,
-          signal: u,
+          signal: c,
           dynamicLinking: g,
-          params: f,
-          paramDefinitions: c,
-          transformBody: d
-        } = s, p = t.transformFilters(a), h = await e.layers.prepareSearch(
+          params: d,
+          paramDefinitions: p,
+          transformBody: u
+        } = s, f = t.transformFilters(a), h = await e.layers.prepareSearch(
           {
             query: i,
-            filter_group: p,
+            filter_group: f,
             tuning: l,
             dynamicLinking: g,
-            transformBody: X({ params: f, paramDefinitions: c, transformBody: d })
+            transformBody: K({ params: d, paramDefinitions: p, transformBody: u })
           },
-          u
+          c
         );
-        return h.error ? m(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(s) {
         const {
           query: i,
           searchId: a,
           page: l = Y,
-          limit: u = Z,
+          limit: c = Z,
           filters: g,
-          tuning: f,
-          signal: c,
-          dynamicLinking: d,
-          params: p,
+          tuning: d,
+          signal: p,
+          dynamicLinking: u,
+          params: f,
           paramDefinitions: h,
           transformBody: y
-        } = s, I = t.transformFilters(g), b = X({ params: p, paramDefinitions: h, transformBody: y });
-        o?.abort(), o = oe(c), r.value = { ...r.value, isFetching: !0, error: null };
-        let v = a ?? n;
-        if (n = void 0, !v) {
-          const N = await e.layers.prepareSearch(
+        } = s, 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 T = a ?? r;
+        if (r = void 0, !T) {
+          const I = await e.layers.prepareSearch(
             {
               query: i,
-              filter_group: I,
-              tuning: f,
-              dynamicLinking: d,
-              transformBody: b
+              filter_group: E,
+              tuning: d,
+              dynamicLinking: u,
+              transformBody: M
             },
             o.signal
           );
-          if (N.error)
-            return r.value = { ...r.value, isFetching: !1, error: N.error }, m(N.error);
-          v = N.data.search_id;
+          if (I.error)
+            return n.value = { ...n.value, isFetching: !1, error: I.error }, v(I.error);
+          T = I.data.search_id;
         }
-        const S = Je;
-        let E = await e.layers.search(
+        const w = We;
+        let b = await e.layers.search(
           {
             query: i,
-            search_id: v,
-            pagination: { page: l, limit: u },
-            filter_group: I,
-            tuning: f,
-            dynamicLinking: d,
-            transformBody: b
+            search_id: T,
+            pagination: { page: l, limit: c },
+            filter_group: E,
+            tuning: d,
+            dynamicLinking: u,
+            transformBody: M
           },
           o.signal
         );
-        for (let N = 0; N < S && E.error; N++) {
-          const k = E.error;
+        for (let I = 0; I < w && b.error; I++) {
+          const k = b.error;
           if (k._tag !== "ApiError" || k.status !== 425) break;
-          let L = Ye;
+          let V = Je;
           try {
-            const U = JSON.parse(k.message);
-            U.retry_after_ms && (L = U.retry_after_ms);
+            const X = JSON.parse(k.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: i,
-              search_id: v,
-              pagination: { page: l, limit: u },
-              filter_group: I,
-              tuning: f,
-              dynamicLinking: d,
-              transformBody: b
+              search_id: T,
+              pagination: { page: l, limit: c },
+              filter_group: E,
+              tuning: d,
+              dynamicLinking: u,
+              transformBody: M
             },
             o.signal
           );
         }
-        if (E.error)
-          return r.value = { data: r.value.data, error: E.error, isFetching: !1 }, m(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 }, m(P.error);
-        const A = P.data, _ = ne({
-          products: A,
-          raw: E.data,
+        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), A = new Map(S.map((I) => [I.gid, I])), R = t.buildProducts(m, A, _), O = re({
+          products: R,
+          raw: b.data,
           extender: e.config.extendSearch
         });
-        e.config.includeMeta && E.data._meta && (_._meta = E.data._meta), e.store.products.set(A);
-        const C = Rt(i, { page: l, limit: u, filters: g });
-        return C && e.store.queries.set(C, _), r.value = { data: _, error: null, isFetching: !1 }, M(_);
+        e.config.includeMeta && b.data._meta && (O._meta = b.data._meta), e.store.products.set(t.filterCacheableProducts(R));
+        const P = Nt(i, { page: l, limit: c, filters: g });
+        return P && e.store.queries.set(P, O), n.value = { data: O, error: null, isFetching: !1 }, D(O);
       },
       dispose() {
         o?.abort();
@@ -1892,12 +1907,12 @@ function Kt({
     };
   };
 }
-function Xt({
+function Yt({
   ctx: e,
   helpers: t
 }) {
-  return ({ blockId: r, anchorId: o, anchorHandle: n }) => {
-    const s = $({
+  return ({ blockId: n, anchorId: o, anchorHandle: r }) => {
+    const s = L({
       data: null,
       error: null,
       isFetching: !1
@@ -1908,46 +1923,43 @@ function Xt({
       async execute(a = {}) {
         const {
           page: l = Y,
-          limit: u = Z,
+          limit: c = Z,
           filters: g,
-          signal: f,
-          discountEntitlements: c,
-          context: d,
-          dynamicLinking: p,
+          signal: d,
+          discountEntitlements: p,
+          context: u,
+          dynamicLinking: f,
           params: h,
           paramDefinitions: y,
-          transformBody: I
+          transformBody: E
         } = a;
-        i?.abort(), i = oe(f);
-        const b = s.value.data;
-        s.value = { data: b, error: null, isFetching: !0 };
-        const { data: v, error: S } = await e.layers.blocks(
+        i?.abort(), i = oe(d);
+        const M = s.value.data;
+        s.value = { data: M, error: null, isFetching: !0 };
+        const { data: T, error: w } = await e.layers.blocks(
           {
-            blockId: r,
+            blockId: n,
             anchor_id: o,
-            anchor_handle: n,
-            pagination: { page: l, limit: u },
+            anchor_handle: r,
+            pagination: { page: l, limit: c },
             filter_group: t.transformFilters(g),
-            discountEntitlements: c,
-            context: d,
-            dynamicLinking: p,
-            transformBody: X({ params: h, paramDefinitions: y, transformBody: I })
+            discountEntitlements: p,
+            context: u,
+            dynamicLinking: f,
+            transformBody: K({ params: h, paramDefinitions: y, transformBody: E })
           },
           i.signal
         );
-        if (S)
-          return s.value = { data: b, error: S, isFetching: !1 }, m(S);
-        const { results: E } = v, F = await t.fetchAndBuildProducts(E);
-        if (F.error)
-          return s.value = { data: b, error: F.error, isFetching: !1 }, m(F.error);
-        const P = F.data, A = ne({
-          products: P,
-          raw: v,
+        if (w)
+          return s.value = { data: M, error: w, isFetching: !1 }, v(w);
+        const { results: b, _meta: m } = T, _ = t.extractGids(b), { cached: F } = e.store.products.getMany(_), S = new Map(F.map((P) => [P.gid, P])), A = t.buildProducts(b, S, m), R = re({
+          products: A,
+          raw: T,
           extender: e.config.extendBlock
         });
-        e.config.includeMeta && v._meta && (A._meta = v._meta), v.block && (A.block = v.block);
-        const _ = At(r, { anchorId: o, anchorHandle: n, page: l, limit: u, filters: g });
-        return _ && e.store.queries.set(_, A), e.store.products.set(P), s.value = { data: A, error: null, isFetching: !1 }, M(A);
+        e.config.includeMeta && T._meta && (R._meta = T._meta), T.block && (R.block = T.block);
+        const O = qt(n, { anchorId: o, anchorHandle: r, page: l, limit: c, filters: g });
+        return O && e.store.queries.set(O, R), e.store.products.set(t.filterCacheableProducts(A)), s.value = { data: R, error: null, isFetching: !1 }, D(R);
       },
       dispose() {
         i?.abort();
@@ -1955,73 +1967,77 @@ function Xt({
     };
   };
 }
-function zt(e, t) {
-  let r = null;
+function Zt(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 en({
   ctx: e
 }) {
   return (t = {}) => {
-    const { debounceMs: r = Ze, signal: o } = t, n = $({
+    const { debounceMs: n = Ye, signal: o } = t, r = L({
       data: null,
       error: null,
       isFetching: !1
     });
-    let s = null;
-    const i = /* @__PURE__ */ new Map();
-    function a() {
-      l.cancel(), s?.abort();
+    let s = null, i = 0;
+    const a = /* @__PURE__ */ new Map();
+    function l() {
+      c.cancel(), s?.abort(), a.clear();
     }
-    o?.addEventListener("abort", a, { once: !0 });
-    const l = zt(async (u) => {
-      if (!u.trim()) {
-        n.value = { data: null, error: null, isFetching: !1 };
+    o?.addEventListener("abort", l, { once: !0 });
+    const c = Zt(async (g) => {
+      if (!g.trim()) {
+        r.value = { data: null, error: null, isFetching: !1 };
         return;
       }
-      const g = u.trim().toLowerCase(), f = i.get(g);
-      if (f) {
-        n.value = { data: f, error: null, isFetching: !1 };
+      const d = g.trim().toLowerCase(), p = a.get(d);
+      if (p) {
+        r.value = { data: p, error: null, isFetching: !1 };
         return;
       }
-      s?.abort(), s = oe(o), n.value = { ...n.value, isFetching: !0 };
-      const c = await e.layers.predictiveSearch(u.trim(), s.signal);
-      c.error ? c.error._tag !== "NetworkError" || c.error.code !== "ABORTED" ? n.value = { data: null, error: c.error, isFetching: !1 } : n.value = { ...n.value, isFetching: !1 } : (i.set(g, c.data), n.value = { data: c.data, error: null, isFetching: !1 });
-    }, r);
-    return { state: n, execute: (u) => l.call(u), dispose: a };
+      s?.abort(), s = oe(o);
+      const u = ++i;
+      r.value = { ...r.value, isFetching: !0 };
+      const f = await e.layers.predictiveSearch(g.trim(), s.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 } : (a.set(d, f.data), a.size > Ze && a.delete(a.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 tn({
   ctx: e
 }) {
   return (t) => {
     const {
-      ids: r,
+      ids: n,
       meta: o,
-      collectionMetafields: n = e.config.collectionMetafields,
+      collectionMetafields: r = e.config.collectionMetafields,
       pageMetafields: s = e.config.pageMetafields,
       signal: i
-    } = t, a = $({
+    } = t, a = L({
       data: null,
       error: null,
       isFetching: !1
     });
-    if (r.length === 0)
+    if (n.length === 0)
       return a.value = { data: { products: [] }, error: null, isFetching: !1 }, a;
-    const l = r, { cached: u } = e.store.products.getMany(l), g = new Map(u.map((c) => [c.gid, c])), f = l.map((c) => g.get(c)).filter((c) => c != null);
-    return !o || !e.storefrontEnabled ? (a.value = { data: { products: f }, error: null, isFetching: !1 }, a) : (a.value = { data: null, error: null, isFetching: !0 }, (async () => {
-      let c, d;
+    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 ? (a.value = { data: { products: d }, error: null, isFetching: !1 }, a) : (a.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: i
         });
@@ -2029,7 +2045,7 @@ function Yt({
           a.value = { data: null, error: h.error, isFetching: !1 };
           return;
         }
-        c = h.data;
+        p = h.data;
       }
       if (o.page) {
         const h = await e.storefront.getPage({
@@ -2041,86 +2057,81 @@ function Yt({
           a.value = { data: null, error: h.error, isFetching: !1 };
           return;
         }
-        d = h.data;
+        u = h.data;
       }
-      const p = { products: f };
-      c && (p.collection = c), d && (p.page = d), a.value = { data: p, error: null, isFetching: !1 };
+      const f = { products: d };
+      p && (f.collection = p), u && (f.page = u), a.value = { data: f, error: null, isFetching: !1 };
     })(), a);
   };
 }
-function Zt({ ctx: e }) {
+function nn({ 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 rn({
   ctx: e,
   helpers: t
 }) {
-  return (r) => {
+  return (n) => {
     const {
       imageId: o,
-      page: n = Y,
+      page: r = Y,
       limit: s = Z,
       filters: i,
       tuning: a,
       signal: l,
-      dynamicLinking: u,
+      dynamicLinking: c,
       params: g,
-      paramDefinitions: f,
-      transformBody: c
-    } = r, d = $({
+      paramDefinitions: d,
+      transformBody: p
+    } = n, u = L({
       data: null,
       error: null,
       isFetching: !0
     });
     return (async () => {
-      const p = await e.layers.imageSearch(
+      const f = await e.layers.imageSearch(
         {
           image_id: o,
-          pagination: { page: n, limit: s },
+          pagination: { page: r, limit: s },
           filter_group: t.transformFilters(i),
           tuning: a,
-          dynamicLinking: u,
-          transformBody: X({ params: g, paramDefinitions: f, transformBody: c })
+          dynamicLinking: c,
+          transformBody: K({ params: g, paramDefinitions: d, transformBody: p })
         },
         l
       );
-      if (p.error) {
-        d.value = { data: null, error: p.error, isFetching: !1 };
-        return;
-      }
-      const { results: h } = p.data, y = await t.fetchAndBuildProducts(h);
-      if (y.error) {
-        d.value = { data: null, error: y.error, isFetching: !1 };
+      if (f.error) {
+        u.value = { data: null, error: f.error, isFetching: !1 };
         return;
       }
-      const I = y.data, b = ne({
-        products: I,
-        raw: p.data,
+      const { results: h, _meta: y } = f.data, E = t.extractGids(h), { cached: M } = e.store.products.getMany(E), T = new Map(M.map((m) => [m.gid, m])), w = t.buildProducts(h, T, y), b = re({
+        products: w,
+        raw: f.data,
         extender: e.config.extendSearch
       });
-      e.store.products.set(I), d.value = { data: b, error: null, isFetching: !1 };
-    })(), d;
+      e.store.products.set(t.filterCacheableProducts(w)), u.value = { data: b, error: null, isFetching: !1 };
+    })(), u;
   };
 }
-function yr(e) {
-  const t = ut({
+function Mn(e) {
+  const t = pt({
     layersPublicToken: e.layersPublicToken,
     layersBaseUrl: e.layersBaseUrl,
     sorts: e.sorts,
@@ -2128,77 +2139,252 @@ function yr(e) {
     attributes: e.attributes,
     fetch: e.fetch
   });
-  if (t.error) return m(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 m(
-        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 u = Et({
+    const c = Ft({
       shop: e.shop,
       storefrontPublicToken: e.storefrontPublicToken,
       storefrontApiVersion: e.storefrontApiVersion,
       fetch: e.fetch
     });
-    if (u.error) return m(u.error);
-    o = u.data, n = !0;
+    if (c.error) return v(c.error);
+    o = c.data, r = !0;
   }
-  const s = St({
+  const s = Rt({
     maxProducts: e.cacheMaxProducts,
     maxQueries: e.cacheMaxEntries,
-    ttl: e.cacheTtl
-  }), i = {
+    ttl: e.cacheTtl,
+    storageAdapter: e.storageAdapter
+  });
+  if (e.restoreFromStorage !== !1 && s.restore(), e.initialData) {
+    const { products: c, queries: g, collections: d } = e.initialData;
+    if (c?.length && s.products.set(c), g)
+      for (const [p, u] of Object.entries(g))
+        s.queries.set(p, u);
+    if (d)
+      for (const [p, u] of Object.entries(d))
+        s.collections.set(p, u);
+  }
+  const i = {
     config: e,
-    layers: r,
+    layers: n,
     storefront: o,
-    storefrontEnabled: n,
+    storefrontEnabled: r,
     store: s,
     mergeConfig: {
       currencyCode: e.currencyCode,
       formatPrice: e.formatPrice,
       swatches: e.swatches
     }
-  }, a = jt({ ctx: i }), l = {
+  }, a = Xt({ ctx: i }), l = {
     config: e,
     store: s,
     collection: Wt({ ctx: i, helpers: a }),
-    search: Kt({ ctx: i, helpers: a }),
-    blocks: Xt({ ctx: i, helpers: a }),
-    autocomplete: Jt({ ctx: i }),
-    storefront: Yt({ ctx: i }),
-    uploadImage: Zt({ ctx: i }),
-    imageSearch: er({ ctx: i, helpers: a })
+    search: Jt({ ctx: i, helpers: a }),
+    blocks: Yt({ ctx: i, helpers: a }),
+    autocomplete: en({ ctx: i }),
+    storefront: tn({ ctx: i }),
+    uploadImage: nn({ ctx: i }),
+    imageSearch: rn({ ctx: i, helpers: a })
   };
-  return xt(l), M(l);
+  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 ?? [], s = L(t), i = L(r), a = N(() => on(o.variants, i.value)), l = N(() => new Set(i.value.map((m) => m.name))), c = N(() => {
+    const m = s.value.filter((_) => !l.value.has(_.name));
+    return [...i.value, ...m];
+  }), g = N(
+    () => W(a.value, c.value)
+  ), d = N(
+    () => an(a.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 a.value) {
+      const S = F.selectedOptions.find((A) => A.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((P, I) => P.position - I.position);
+    const S = g.value ? F.get(g.value.numericId) : null, A = /* @__PURE__ */ new Map(), R = [];
+    for (const P of o.images) {
+      if (P.variantIds.length === 0) {
+        R.push(P);
+        continue;
+      }
+      let I = null;
+      for (const k of P.variantIds) {
+        const V = F.get(k);
+        if (V) {
+          I = V;
+          break;
+        }
+      }
+      if (I) {
+        const k = A.get(I) ?? [];
+        k.push(P), A.set(I, k);
+      } else
+        R.push(P);
+    }
+    for (const P of A.values())
+      P.sort((I, k) => I.position - k.position);
+    R.sort((P, I) => P.position - I.position);
+    const O = [];
+    S && A.has(S) && O.push(...A.get(S));
+    for (const P of _)
+      P !== S && A.has(P) && O.push(...A.get(P));
+    return O.push(...R), O;
+  }), 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(
+      (A) => f.value.get(A) === F
+    )) : m.image ? [m.image] : y.value;
+  }), M = N(() => y.value), T = N(() => {
+    const m = new Set(c.value.map((_) => _.name));
+    return p.value.every((_) => m.has(_));
+  }), w = 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: a,
+    selectedVariant: g,
+    selectedOptions: c,
+    options: d,
+    optionNames: p,
+    swatchOptionName: u,
+    images: E,
+    allImages: M,
+    carouselIndex: w,
+    isSelectionComplete: T,
+    // Actions
+    selectOption(m, _) {
+      const S = s.value.filter((A) => A.name !== m).concat({ name: m, value: _ });
+      s.value = S;
+    },
+    setSelectedOptions(m) {
+      const _ = new Set(m.map((S) => S.name)), F = s.value.filter((S) => !_.has(S.name));
+      s.value = [...F, ...m];
+    },
+    setBreakoutOptions(m) {
+      i.value = m;
+    },
+    // Queries
+    getOptionValues(m) {
+      return sn(a.value, m);
+    },
+    getSwatches(m) {
+      return d.value.filter((_) => _.name === m && _.swatch).map((_) => _.swatch);
+    },
+    getVariantByOptions(m) {
+      const _ = [...i.value, ...m];
+      return W(a.value, _);
+    },
+    getCarouselIndexForVariant: b,
+    isOptionAvailable(m, _) {
+      const F = s.value.filter((R) => R.name !== m).concat({ name: m, value: _ }), S = [...i.value, ...F];
+      return W(a.value, S)?.availableForSale ?? !1;
+    },
+    isVariantAvailable(m) {
+      return m.availableForSale;
+    },
+    getOptionAvailabilityStatus(m, _) {
+      const F = s.value.filter((R) => R.name !== m).concat({ name: m, value: _ }), S = [...i.value, ...F], A = W(a.value, S);
+      return A ? A.availableForSale ? "available" : A.inventoryPolicy === "CONTINUE" ? "backorderable" : "sold-out" : "unavailable";
+    },
+    dispose() {
+    }
+  };
+}
+function on(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 an(e, t, n) {
+  const o = /* @__PURE__ */ new Set();
+  for (const r of e)
+    for (const s of r.selectedOptions)
+      n.has(s.name) || o.add(`${s.name}:${s.value}`);
+  return t.filter(
+    (r) => !n.has(r.name) && o.has(`${r.name}:${r.value}`)
+  );
+}
+function sn(e, t) {
+  const n = /* @__PURE__ */ new Set();
+  for (const o of e) {
+    const r = o.selectedOptions.find((s) => s.name === t);
+    r && n.add(r.value);
+  }
+  return [...n];
 }
 export {
-  Tt as and,
-  Ir as batch,
-  br as computed,
-  yr as createSdk,
-  vr as effect,
-  or as eq,
-  fr as exists,
-  pr as filter,
-  Gt as getSdk,
-  cr as gt,
-  lr as gte,
-  ir as inValues,
-  hr as isInitialized,
-  nr as isRetryable,
-  rr as isSdkError,
-  ur as lt,
-  dr as lte,
-  sr as notEq,
-  gr as notExists,
-  ar as notIn,
-  mr as or,
-  Fr as signal
+  $t as and,
+  wn as batch,
+  On as computed,
+  An as createProductCard,
+  Mn as createSdk,
+  Rn as effect,
+  fn as eq,
+  In as exists,
+  Fn as filter,
+  zt as getSdk,
+  hn as gt,
+  _n as gte,
+  mn as inValues,
+  Sn as isInitialized,
+  un as isRetryable,
+  ln as isSdkError,
+  dn as jsonFileAdapter,
+  At as localStorageAdapter,
+  vn as lt,
+  yn as lte,
+  gn as notEq,
+  En as notExists,
+  pn as notIn,
+  bn as or,
+  kn as signal
 };