@commerce-blocks/sdk 2.0.0 → 2.0.2

package/dist/index.js

@@ -1,12 +1,12 @@
-import { effect as se, signal as q, computed as O } from "@preact/signals-core";
-import { batch as tr, computed as rr, effect as nr, signal as or } from "@preact/signals-core";
-const Te = "2.0.0", Ce = {
-  version: Te
-}, ke = "https://app.uselayers.com/api/storefront/v1", Oe = 1e3, Ne = 100, Pe = 300 * Oe, ie = Ce.version, K = 1, X = 24, re = 1, ne = 1, oe = 100, Le = 20, qe = 50, De = 300, Fe = 50, Ue = 1e3;
-function N(e) {
+import { effect as ie, signal as q, computed as L } from "@preact/signals-core";
+import { batch as rr, computed as nr, effect as ar, signal as or } from "@preact/signals-core";
+const Ne = "2.0.2", Le = {
+  version: Ne
+}, Pe = "https://app.uselayers.com/api/storefront/v1", qe = 1e3, De = 100, Fe = 300 * qe, ce = Le.version, K = 1, X = 24, ne = 1, ae = 1, oe = 100, Ue = 10, Me = 200, Ve = 300, $e = 50, Be = 1e3;
+function k(e) {
   return { data: e };
 }
-function h(e) {
+function y(e) {
   return { error: e };
 }
 function Q(e) {
@@ -17,25 +17,25 @@ function Q(e) {
     cause: e.cause
   };
 }
-function Me(e) {
+function Ge(e) {
   if (!e) return;
   const t = e["retry-after"] ?? e["Retry-After"];
   if (!t) return;
   const r = t.trim();
   if (/^\d+$/.test(r))
     return Number(r) * 1e3;
-  const o = new Date(t);
-  if (!isNaN(o.getTime()))
-    return Math.max(0, o.getTime() - Date.now());
+  const a = new Date(t);
+  if (!isNaN(a.getTime()))
+    return Math.max(0, a.getTime() - Date.now());
 }
-function Ee(e) {
+function Ie(e) {
   return {
     _tag: "ApiError",
     code: e.code,
     source: e.source,
     message: e.message,
     status: e.status,
-    retryAfterMs: e.retryAfterMs ?? Me(e.responseHeaders),
+    retryAfterMs: e.retryAfterMs ?? Ge(e.responseHeaders),
     cause: e.cause
   };
 }
@@ -49,15 +49,15 @@ function B(e) {
     input: e.input
   };
 }
-function M(e, t, r, o) {
+function M(e, t, r, a) {
   return {
     field: e,
     code: t,
     message: r,
-    ...o
+    ...a
   };
 }
-function z(e) {
+function H(e) {
   return {
     _tag: "ConfigError",
     code: e.code,
@@ -67,38 +67,38 @@ function z(e) {
     expected: e.expected
   };
 }
-const $e = /* @__PURE__ */ new Set(["NetworkError", "ApiError", "ValidationError", "ConfigError"]);
-function Lt(e) {
-  return typeof e == "object" && e !== null && $e.has(e._tag ?? "");
-}
+const xe = /* @__PURE__ */ new Set(["NetworkError", "ApiError", "ValidationError", "ConfigError"]);
 function qt(e) {
+  return typeof e == "object" && e !== null && xe.has(e._tag ?? "");
+}
+function Dt(e) {
   return e._tag === "NetworkError" ? e.code === "TIMEOUT" || e.code === "CONNECTION_FAILED" || e.code === "DNS_FAILED" : e._tag === "ApiError" ? e.code === "RATE_LIMITED" || e.code === "SERVICE_UNAVAILABLE" || e.code === "NOT_READY" || e.status !== void 0 && e.status >= 500 : !1;
 }
-const Ve = {
+const je = {
   401: "UNAUTHORIZED",
   403: "FORBIDDEN",
   404: "NOT_FOUND",
   425: "NOT_READY",
   429: "RATE_LIMITED"
 };
-function Be(e, t) {
-  const { status: r } = e, o = Ve[r] ?? (r >= 500 ? "SERVICE_UNAVAILABLE" : "UNKNOWN");
-  let i;
+function He(e, t) {
+  const { status: r } = e, a = je[r] ?? (r >= 500 ? "SERVICE_UNAVAILABLE" : "UNKNOWN");
+  let c;
   try {
     const n = JSON.parse(t);
-    typeof n.retry_after_ms == "number" && (i = n.retry_after_ms);
+    typeof n.retry_after_ms == "number" && (c = n.retry_after_ms);
   } catch {
   }
-  return Ee({
-    code: o,
+  return Ie({
+    code: a,
     source: "layers",
     message: t || `HTTP ${r}`,
     status: r,
-    retryAfterMs: i,
+    retryAfterMs: c,
     responseHeaders: Object.fromEntries(e.headers.entries())
   });
 }
-function Ge(e) {
+function Qe(e) {
   if (e instanceof Error && (e.name === "AbortError" || e.name === "TimeoutError")) {
     const t = e.name === "TimeoutError" || e.message.includes("timeout");
     return Q({
@@ -113,16 +113,16 @@ function Ge(e) {
     cause: e
   });
 }
-async function xe(e) {
+async function Je(e) {
   if (!e.ok) {
     const t = await e.text().catch(() => "");
-    return h(Be(e, t));
+    return y(He(e, t));
   }
   try {
-    return N(await e.json());
+    return k(await e.json());
   } catch (t) {
-    return h(
-      Ee({
+    return y(
+      Ie({
         code: "PARSE_ERROR",
         source: "layers",
         message: "Invalid JSON response",
@@ -131,59 +131,59 @@ async function xe(e) {
     );
   }
 }
-function le({
+function de({
   token: e,
   json: t = !0
 }) {
   const r = {
     Accept: "application/json",
     "X-Storefront-Access-Token": e,
-    "X-SDK-Client": `commerce-blocks-sdk/${ie}`
+    "X-SDK-Client": `commerce-blocks-sdk/${ce}`
   };
   return t && (r["Content-Type"] = "application/json"), r;
 }
-function de({ config: e, endpoint: t }) {
-  const { baseUrl: r = ke } = e;
+function fe({ config: e, endpoint: t }) {
+  const { baseUrl: r = Pe } = e;
   return `${r}${t}`;
 }
-function fe(e) {
+function me(e) {
   return e.fetch ?? ((t, r) => fetch(t, r));
 }
-async function me(e, t, r) {
+async function ge(e, t, r) {
   try {
-    const o = await e(t, r);
-    return xe(o);
-  } catch (o) {
-    return h(Ge(o));
+    const a = await e(t, r);
+    return Je(a);
+  } catch (a) {
+    return y(Qe(a));
   }
 }
-async function V(e) {
-  return me(fe(e.config), de(e), {
+async function $(e) {
+  return ge(me(e.config), fe(e), {
     method: "POST",
-    headers: le({ token: e.config.token }),
+    headers: de({ token: e.config.token }),
     body: JSON.stringify(e.body),
     signal: e.signal
   });
 }
-async function je(e) {
+async function Ke(e) {
   const t = new URLSearchParams();
-  for (const [i, n] of Object.entries(e.params))
-    n != null && t.append(i, typeof n == "object" ? JSON.stringify(n) : String(n));
-  const r = t.toString(), o = r ? `${e.endpoint}?${r}` : e.endpoint;
-  return me(
-    fe(e.config),
-    de({ config: e.config, endpoint: o }),
+  for (const [c, n] of Object.entries(e.params))
+    n != null && t.append(c, typeof n == "object" ? JSON.stringify(n) : String(n));
+  const r = t.toString(), a = r ? `${e.endpoint}?${r}` : e.endpoint;
+  return ge(
+    me(e.config),
+    fe({ config: e.config, endpoint: a }),
     {
       method: "GET",
-      headers: le({ token: e.config.token }),
+      headers: de({ token: e.config.token }),
       signal: e.signal
     }
   );
 }
-async function He(e) {
-  return me(fe(e.config), de(e), {
+async function Xe(e) {
+  return ge(me(e.config), fe(e), {
     method: "POST",
-    headers: le({ token: e.config.token, json: !1 }),
+    headers: de({ token: e.config.token, json: !1 }),
     body: e.formData,
     signal: e.signal
   });
@@ -194,35 +194,32 @@ function U(e, t, r) {
     fields: [M(t, "REQUIRED_FIELD", `${t} is required`)]
   });
 }
-function H(e, t) {
+function j(e, t) {
   if (!e) return null;
   const r = [];
-  return e.page !== void 0 && e.page < re && r.push(
-    M("page", "OUT_OF_RANGE", `page must be >= ${re}`, {
+  return e.page !== void 0 && e.page < ne && r.push(
+    M("page", "OUT_OF_RANGE", `page must be >= ${ne}`, {
       value: e.page,
-      constraints: { min: re }
+      constraints: { min: ne }
     })
-  ), e.limit !== void 0 && (e.limit < ne || e.limit > oe) && r.push(
+  ), e.limit !== void 0 && (e.limit < ae || e.limit > oe) && r.push(
     M(
       "limit",
       "OUT_OF_RANGE",
-      `limit must be between ${ne} and ${oe}`,
+      `limit must be between ${ae} and ${oe}`,
       {
         value: e.limit,
-        constraints: { min: ne, max: oe }
+        constraints: { min: ae, max: oe }
       }
     )
   ), r.length > 0 ? B({ operation: t, fields: r }) : null;
 }
-const Qe = [
+const Ye = [
   "title",
   "handle",
   "available",
-  "images",
   "options_v2",
-  "variants",
   "first_or_matched_variant",
-  "price_range",
   "vendor",
   "product_type",
   "tags",
@@ -233,10 +230,10 @@ const Qe = [
   "combined_listing_parent_product_id",
   "combined_listing_role"
 ];
-function Je(e) {
+function ze(e) {
   if (!e.token)
-    return h(
-      z({
+    return y(
+      H({
         code: "MISSING_CONFIG",
         message: "token is required",
         field: "token",
@@ -244,87 +241,92 @@ function Je(e) {
       })
     );
   if (!e.sorts || e.sorts.length === 0)
-    return h(
-      z({
+    return y(
+      H({
         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([...Qe, ...e.attributes ?? [], ...n ?? []])];
-  }
+  if (e.facets && !Array.isArray(e.facets))
+    return y(
+      H({
+        code: "INVALID_CONFIG",
+        message: "facets must be an array",
+        field: "facets",
+        expected: "array of Facet"
+      })
+    );
+  const t = [.../* @__PURE__ */ new Set([...Ye, ...e.attributes ?? []])];
   function r({
-    attributes: n,
-    transformBody: s,
-    rest: u,
-    includeFacets: c = !0
+    transformBody: n,
+    rest: i,
+    includeFacets: u = !0
   }) {
-    let l = {
-      attributes: t(n),
-      ...u
+    let s = {
+      attributes: t,
+      ...i
     };
-    return c && (l.facets = e.facets.map((a) => a.code), l.retrieveFacetCount = !0, l.includeFacetRanges = !0), s && (l = s(l)), l;
+    return u && (s.facets ?? (s.facets = e.facets?.map((d) => d.code) ?? []), s.retrieveFacetCount ?? (s.retrieveFacetCount = !0), s.includeFacetRanges ?? (s.includeFacetRanges = !0)), n && (s = n(s)), s;
   }
-  const o = {
+  const a = {
     token: e.token,
     baseUrl: e.baseUrl,
     fetch: e.fetch
   };
-  return N({
-    browse: async (n, s) => {
+  return k({
+    browse: async (n, i) => {
       const u = U("browse", "collectionHandle", n.collectionHandle);
-      if (u) return h(u);
-      const c = U("browse", "sort_order_code", n.sort_order_code);
-      if (c) return h(c);
-      const l = H(n.pagination, "browse");
-      if (l) return h(l);
-      const { collectionHandle: a, attributes: d, transformBody: m, ...g } = n;
-      return V({
-        config: o,
-        endpoint: `/browse/${a}`,
-        body: r({ attributes: d, transformBody: m, rest: g }),
-        signal: s
+      if (u) return y(u);
+      const s = U("browse", "sort_order_code", n.sort_order_code);
+      if (s) return y(s);
+      const d = j(n.pagination, "browse");
+      if (d) return y(d);
+      const { collectionHandle: o, transformBody: l, ...g } = n;
+      return $({
+        config: a,
+        endpoint: `/browse/${encodeURIComponent(o)}`,
+        body: r({ transformBody: l, rest: g }),
+        signal: i
       });
     },
-    predictiveSearch: async (n, s) => {
+    predictiveSearch: async (n, i) => {
       const u = U("predictiveSearch", "query", n);
-      return u ? h(u) : je({
-        config: o,
+      return u ? y(u) : Ke({
+        config: a,
         endpoint: "/search/complete",
         params: { query: n },
-        signal: s
+        signal: i
       });
     },
-    prepareSearch: async (n, s) => {
+    prepareSearch: async (n, i) => {
       const u = U("prepareSearch", "query", n.query);
-      if (u) return h(u);
-      const { query: c, transformBody: l, ...a } = n;
-      let d = { ...a };
-      return l && (d = l(d)), V({
-        config: o,
-        endpoint: `/search/${encodeURIComponent(c)}/prepare`,
-        body: d,
-        signal: s
+      if (u) return y(u);
+      const { query: s, transformBody: d, ...o } = n, l = r({ transformBody: d, rest: o, includeFacets: !1 });
+      return $({
+        config: a,
+        endpoint: `/search/${encodeURIComponent(s)}/prepare`,
+        body: l,
+        signal: i
       });
     },
-    search: async (n, s) => {
+    search: async (n, i) => {
       const u = U("search", "query", n.query);
-      if (u) return h(u);
-      const c = H(n.pagination, "search");
-      if (c) return h(c);
-      const { query: l, attributes: a, transformBody: d, ...m } = n;
-      return V({
-        config: o,
-        endpoint: `/search/${encodeURIComponent(l)}/execute`,
-        body: r({ attributes: a, transformBody: d, rest: m }),
-        signal: s
+      if (u) return y(u);
+      const s = j(n.pagination, "search");
+      if (s) return y(s);
+      const { query: d, transformBody: o, ...l } = n;
+      return $({
+        config: a,
+        endpoint: `/search/${encodeURIComponent(d)}/execute`,
+        body: r({ transformBody: o, rest: l }),
+        signal: i
       });
     },
-    imageSearch: async (n, s) => {
+    imageSearch: async (n, i) => {
       if (!n.image_data && !n.image_id)
-        return h(
+        return y(
           B({
             operation: "imageSearch",
             fields: [
@@ -332,62 +334,83 @@ function Je(e) {
             ]
           })
         );
-      const u = H(n.pagination, "imageSearch");
-      if (u) return h(u);
-      const { attributes: c, transformBody: l, ...a } = n;
-      return V({
-        config: o,
+      const u = j(n.pagination, "imageSearch");
+      if (u) return y(u);
+      const { transformBody: s, ...d } = n;
+      return $({
+        config: a,
         endpoint: "/search/image",
-        body: r({ attributes: c, transformBody: l, rest: a, includeFacets: !1 }),
-        signal: s
+        body: r({ transformBody: s, rest: d, includeFacets: !1 }),
+        signal: i
       });
     },
-    uploadImage: async (n, s) => {
+    uploadImage: async (n, i) => {
       const u = new FormData();
-      return u.append("image", n), He({
-        config: o,
+      return u.append("image", n), Xe({
+        config: a,
         endpoint: "/images/upload",
         formData: u,
-        signal: s
+        signal: i
       });
     },
-    blocks: async (n, s) => {
+    blocks: async (n, i) => {
       const u = U("block", "blockId", n.blockId);
-      if (u) return h(u);
-      const c = H(n.pagination, "block");
-      if (c) return h(c);
-      const { blockId: l, attributes: a, transformBody: d, ...m } = n;
-      return V({
-        config: o,
-        endpoint: `/blocks/${l}/products`,
-        body: r({ attributes: a, transformBody: d, rest: m }),
-        signal: s
+      if (u) return y(u);
+      const s = j(n.pagination, "block");
+      if (s) return y(s);
+      const { blockId: d, transformBody: o, ...l } = n;
+      return $({
+        config: a,
+        endpoint: `/blocks/${encodeURIComponent(d)}/products`,
+        body: r({ transformBody: o, rest: l }),
+        signal: i
       });
     },
-    searchContent: async (n, s) => {
+    searchContent: async (n, i) => {
       const u = U("searchContent", "query", n.query);
-      if (u) return h(u);
-      const c = H(n.pagination, "searchContent");
-      if (c) return h(c);
-      const { query: l, transformBody: a, ...d } = n;
-      let m = { ...d };
-      return a && (m = a(m)), V({
-        config: o,
-        endpoint: `/search/content/${encodeURIComponent(l)}/execute`,
-        body: m,
-        signal: s
+      if (u) return y(u);
+      const s = j(n.pagination, "searchContent");
+      if (s) return y(s);
+      const { query: d, transformBody: o, ...l } = n;
+      let g = { ...l };
+      return o && (g = o(g)), $({
+        config: a,
+        endpoint: `/search/content/${encodeURIComponent(d)}/execute`,
+        body: g,
+        signal: i
       });
     }
   });
 }
-function Ke(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 We(e) {
+  try {
+    if (typeof window > "u" || !window.localStorage) return null;
+  } catch {
+    return null;
+  }
+  return {
+    read: () => {
+      try {
+        return window.localStorage.getItem(e);
+      } catch {
+        return null;
+      }
+    },
+    write: (t) => {
+      try {
+        window.localStorage.setItem(e, t);
+      } catch {
+      }
+    },
+    remove: () => {
+      try {
+        window.localStorage.removeItem(e);
+      } catch {
+      }
+    }
   };
 }
-function Dt(e, t) {
+function Ft(e, t) {
   return {
     read() {
       try {
@@ -410,139 +433,145 @@ function Dt(e, t) {
     }
   };
 }
-const Xe = "cb-sdk-store";
-function Ye(e, t) {
+const Ze = "cb-sdk-store";
+function be(e, t) {
   if (e.size <= t) return;
-  const o = [...e.entries()].sort((i, n) => i[1].timestamp - n[1].timestamp).slice(0, e.size - t);
-  for (const [i] of o)
-    e.delete(i);
+  const a = [...e.entries()].sort((c, n) => c[1].timestamp - n[1].timestamp).slice(0, e.size - t);
+  for (const [c] of a)
+    e.delete(c);
 }
-function ze(e) {
-  typeof requestIdleCallback == "function" ? requestIdleCallback(e, { timeout: Ue }) : setTimeout(e, 0);
+function et(e) {
+  typeof requestIdleCallback == "function" ? requestIdleCallback(e, { timeout: Be }) : setTimeout(e, 0);
 }
-function We(e = {}) {
+function tt(e = {}) {
   const {
-    ttl: t = Pe,
-    maxEntries: r = Ne,
-    storageKey: o = Xe,
-    storageAdapter: i
-  } = e, n = /* @__PURE__ */ new Map(), s = i ?? Ke(o);
+    ttl: t = Fe,
+    maxEntries: r = De,
+    storageKey: a = Ze,
+    storageAdapter: c
+  } = e, n = /* @__PURE__ */ new Map(), i = c ?? We(a);
   let u = 0;
-  function c(a) {
-    return Date.now() - a > t;
+  function s(o) {
+    return Date.now() - o > t;
   }
-  function l() {
-    if (!s) return;
-    const a = ++u;
-    ze(() => {
-      if (a === u)
+  function d() {
+    if (!i) return;
+    const o = ++u;
+    et(() => {
+      if (o === u)
         try {
-          const d = [];
-          for (const [g, v] of n)
-            c(v.timestamp) || d.push([g, v]);
-          const m = {
-            queries: d.slice(0, r),
-            version: ie
+          const l = [];
+          for (const [p, h] of n)
+            s(h.createdAt) || l.push([p, h]);
+          const g = {
+            queries: l.slice(0, r),
+            version: ce
           };
-          s.write(JSON.stringify(m));
+          i.write(JSON.stringify(g));
         } catch {
         }
     });
   }
   return {
-    get(a) {
-      return n.get(a) ?? null;
+    get(o) {
+      const l = n.get(o);
+      return l ? s(l.createdAt) ? (n.delete(o), null) : (l.timestamp = Date.now(), l) : null;
     },
-    set(a, d) {
-      n.set(a, { data: d, timestamp: Date.now() }), Ye(n, r), l();
+    set(o, l) {
+      const g = Date.now();
+      n.set(o, { data: l, timestamp: g, createdAt: g }), be(n, r), d();
     },
-    isExpired(a) {
-      const d = n.get(a);
-      return d ? c(d.timestamp) : !0;
+    isExpired(o) {
+      const l = n.get(o);
+      return l ? s(l.createdAt) : !0;
     },
-    invalidate(a) {
-      for (const d of n.keys())
-        d.includes(a) && n.delete(d);
+    invalidate(o) {
+      for (const l of n.keys())
+        l.includes(o) && n.delete(l);
+      d();
     },
     persist() {
-      l();
+      d();
     },
     restore() {
-      if (s)
+      if (i)
         try {
-          const a = s.read();
-          if (!a) return;
-          const d = JSON.parse(a);
-          if (d.version !== ie) {
-            s.remove();
+          const o = i.read();
+          if (!o) return;
+          const l = JSON.parse(o);
+          if (l.version !== ce) {
+            i.remove();
             return;
           }
-          if (!Array.isArray(d.queries)) {
-            s.remove();
+          if (!Array.isArray(l.queries)) {
+            i.remove();
             return;
           }
-          for (const [m, g] of d.queries)
-            c(g.timestamp) || n.set(m, g);
+          for (const [g, p] of l.queries) {
+            const h = p.createdAt ?? p.timestamp;
+            s(h) || (p.createdAt ?? (p.createdAt = p.timestamp), n.set(g, p));
+          }
+          be(n, r);
         } catch {
-          s.remove();
+          i.remove();
         }
     },
     clear() {
-      n.clear(), u++, s?.remove();
+      n.clear(), u++, i?.remove();
     },
     get stats() {
       return { entries: n.size };
     }
   };
 }
-function ce(e) {
-  return e === null || typeof e != "object" ? JSON.stringify(e) : Array.isArray(e) ? `[${e.map(ce).join(",")}]` : `{${Object.keys(e).sort().map(
-    (o) => `${JSON.stringify(o)}:${ce(e[o])}`
+function ue(e) {
+  return e === null || typeof e != "object" ? JSON.stringify(e) : Array.isArray(e) ? `[${e.map(ue).join(",")}]` : `{${Object.keys(e).sort().map(
+    (a) => `${JSON.stringify(a)}:${ue(e[a])}`
   ).join(",")}}`;
 }
-function W({
+function z({
   prefix: e,
   id: t,
   params: r = {}
 }) {
   if (!t?.trim()) return;
-  const o = `${e}/${encodeURIComponent(t)}`, i = Object.entries(r).filter(([n, s]) => s != null && n !== "signal").sort(([n], [s]) => n.localeCompare(s)).map(
-    ([n, s]) => `${encodeURIComponent(n)}=${encodeURIComponent(typeof s == "object" ? ce(s) : String(s))}`
+  const a = `${e}/${encodeURIComponent(t)}`, c = Object.entries(r).filter(([n, i]) => i != null && n !== "signal").sort(([n], [i]) => n.localeCompare(i)).map(
+    ([n, i]) => `${encodeURIComponent(n)}=${encodeURIComponent(typeof i == "object" ? ue(i) : String(i))}`
   ).join("&");
-  return i ? `${o}?${i}` : o;
+  return c ? `${a}?${c}` : a;
 }
-function ae() {
-  return h(Q({ code: "ABORTED", message: "Request aborted" }));
+function se() {
+  return y(Q({ code: "ABORTED", message: "Request aborted" }));
 }
-function Ze() {
+function rt() {
   const e = /* @__PURE__ */ new Map();
   return {
     async resolve(t) {
-      const { key: r, cache: o, signal: i, onFetch: n, fn: s } = t;
+      const { key: r, cache: a, signal: c, onFetch: n, fn: i } = t;
       if (!r)
-        return n?.(), s(i);
-      const u = o.get(r);
-      if (u && !o.isExpired(r))
+        return n?.(), i(c);
+      const u = a.get(r);
+      if (u)
         return { data: u.data };
-      if (i.aborted) return ae();
-      const c = e.get(r);
-      if (c) {
-        c.consumers++, n?.();
-        const g = () => {
-          c.consumers--, c.consumers <= 0 && (c.controller.abort(), e.delete(r));
+      if (c.aborted) return se();
+      const s = e.get(r);
+      if (s) {
+        s.consumers++, n?.();
+        const p = () => {
+          s.consumers--, s.consumers <= 0 && (s.controller.abort(), e.get(r) === s && e.delete(r));
         };
-        i.addEventListener("abort", g, { once: !0 });
-        const v = await c.promise;
-        return i.removeEventListener("abort", g), i.aborted ? ae() : v;
+        c.addEventListener("abort", p, { once: !0 });
+        const h = await s.promise;
+        return c.removeEventListener("abort", p), c.aborted ? se() : h;
       }
-      const l = new AbortController(), a = { promise: null, controller: l, consumers: 1 }, d = () => {
-        a.consumers--, a.consumers <= 0 && (l.abort(), e.delete(r));
+      const d = new AbortController(), o = { promise: null, controller: d, consumers: 1 }, l = () => {
+        o.consumers--, o.consumers <= 0 && (d.abort(), e.get(r) === o && e.delete(r));
       };
-      i.addEventListener("abort", d, { once: !0 }), n?.(), e.set(r, a), a.promise = s(l.signal).finally(() => {
-        e.delete(r);
+      c.addEventListener("abort", l, { once: !0 }), n?.(), e.set(r, o), o.promise = i(d.signal).finally(() => {
+        e.get(r) === o && e.delete(r);
       });
-      const m = await a.promise;
-      return i.removeEventListener("abort", d), i.aborted ? ae() : m;
+      const g = await o.promise;
+      return c.removeEventListener("abort", l), c.aborted ? se() : g;
     },
     clear() {
       for (const t of e.values())
@@ -551,202 +580,214 @@ function Ze() {
     }
   };
 }
-var ue = /* @__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))(ue || {}), we = /* @__PURE__ */ ((e) => (e.And = "AND", e.Or = "OR", e))(we || {});
-function Ft(e, t) {
+var le = /* @__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))(le || {}), Ae = /* @__PURE__ */ ((e) => (e.And = "AND", e.Or = "OR", e))(Ae || {});
+function Ut(e, t) {
   return { property: e, operator: "eq", values: [t] };
 }
-function Ut(e, t) {
+function Mt(e, t) {
   return { property: e, operator: "not_eq", values: [t] };
 }
-function Mt(e, t) {
+function Vt(e, t) {
   return { property: e, operator: "in", values: t };
 }
 function $t(e, t) {
   return { property: e, operator: "not_in", values: t };
 }
-function Vt(e, t) {
+function Bt(e, t) {
   return { property: e, operator: "gt", values: [t] };
 }
-function Bt(e, t) {
+function Gt(e, t) {
   return { property: e, operator: "gte", values: [t] };
 }
-function Gt(e, t) {
+function xt(e, t) {
   return { property: e, operator: "lt", values: [t] };
 }
-function xt(e, t) {
+function jt(e, t) {
   return { property: e, operator: "lte", values: [t] };
 }
-function jt(e) {
+function Ht(e) {
   return { property: e, operator: "exists", values: [] };
 }
-function Ht(e) {
+function Qt(e) {
   return { property: e, operator: "not_exists", values: [] };
 }
-function et(...e) {
+function nt(...e) {
   return { conditional: "AND", expressions: e };
 }
-function Qt(...e) {
+function Jt(...e) {
   return { conditional: "OR", expressions: e };
 }
-function tt(e) {
+function at(e) {
   return "conditional" in e;
 }
-function Jt(e) {
-  return tt(e) ? e : et(e);
+function Kt(e) {
+  return at(e) ? e : nt(e);
 }
-function Ie(e, t) {
+function Se(e, t) {
   return `gid://shopify/${e}/${t}`;
 }
-function rt(e) {
-  return Ie("Product", e);
+function ot(e) {
+  return Se("Product", e);
 }
-function nt(e) {
-  return Ie("ProductVariant", e);
+function st(e) {
+  return Se("ProductVariant", e);
 }
-const _e = (e) => encodeURIComponent(e).replace(/-/g, "%2D");
-function Ae({
+const Ee = (e) => encodeURIComponent(e).replace(/-/g, "%2D");
+function Re({
   type: e,
   selectedOptions: t
 }) {
   if (t.length === 0)
     return `${e}-`;
-  const r = t.map(({ name: o, value: i }) => `${_e(o)}:${_e(i)}`).join("-");
+  const r = t.map(({ name: a, value: c }) => `${Ee(a)}:${Ee(c)}`).join("-");
   return `${e}-${r}`;
 }
-function Se(e) {
+function Te(e) {
   return e.product_id ?? e.id;
 }
-function ot(e) {
-  return rt(Se(e));
+function it(e) {
+  return ot(Te(e));
 }
-const ge = "USD", at = "en-US";
+const pe = "USD", ct = "en-US";
 function G(e, t, r) {
   return { amount: e, currencyCode: t, formatted: r(e, t) };
 }
-const be = /* @__PURE__ */ new Map();
-function pe(e, t) {
-  const r = `${e}:${t}`;
-  let o = be.get(r);
-  return o || (o = new Intl.NumberFormat(at, {
+const we = /* @__PURE__ */ new Map();
+function he(e, t) {
+  let r = we.get(t);
+  return r || (r = new Intl.NumberFormat(ct, {
     style: "currency",
     currency: t
-  }).format(e), be.set(r, o)), o;
+  }), we.set(t, r)), r.format(e);
 }
-function st(e, t, r) {
-  const o = e?.["variants.price"];
-  if (o)
+function ut(e, t, r) {
+  const a = e?.["variants.price"];
+  if (a)
     return {
-      min: G(o.min, t, r),
-      max: G(o.max, t, r)
+      min: G(a.min, t, r),
+      max: G(a.max, t, r)
     };
 }
-function it({
+function lt({
   layers: e,
-  currencyCode: t = ge,
-  formatPrice: r = pe,
-  swatches: o = [],
-  breakoutContext: i
+  currencyCode: t = pe,
+  formatPrice: r = he,
+  swatches: a = [],
+  breakoutContext: c
 }) {
-  const n = Se(e), s = ot(e), u = e.title, c = e.handle, l = e.vendor ?? "", a = e.product_type ?? "", d = e.available, m = e.tags, g = ct(e), v = ut(e.price_range, t, r), I = lt(e, o), _ = ft(e, t, r), R = _.map((y) => y.compareAtPrice).filter((y) => y !== null), T = R.length > 0 ? {
-    min: R.reduce((y, S) => y.amount < S.amount ? y : S),
-    max: R.reduce((y, S) => y.amount > S.amount ? y : S)
-  } : null, k = e.first_or_matched_variant ? dt(e.first_or_matched_variant) : [], b = Ae({ type: "Product", selectedOptions: k }), A = e.metafields, f = e.calculated, p = e.category ? {
+  const n = e.first_or_matched_variant, i = Te(e), u = it(e), s = e.title, d = e.handle, o = e.vendor ?? "", l = e.product_type ?? "", g = e.tags, p = dt(e), h = ft(e, a), w = mt(n), S = Re({ type: "Product", selectedOptions: w }), I = e.metafields, C = e.calculated, O = G(parseFloat(n.price), t, r), b = n.compare_at_price ? G(parseFloat(n.compare_at_price), t, r) : null, T = n.available, f = n.featured_media ? {
+    mediaContentType: n.featured_media.media_type ?? null,
+    url: n.featured_media.src,
+    alt: n.featured_media.alt ?? "",
+    width: n.featured_media.width,
+    height: n.featured_media.height
+  } : null, m = 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, w = e.featured_media ? {
-    mediaContentType: e.featured_media.media_type ?? null,
-    url: e.featured_media.src,
-    alt: e.featured_media.alt ?? "",
-    width: e.featured_media.width,
-    height: e.featured_media.height
-  } : null, E = e.first_or_matched_variant ? _.find((y) => y.numericId === e.first_or_matched_variant.id) ?? null : null;
-  let C = [], P = null;
-  if (i?.isVariantTile) {
-    P = i.variantId;
-    const y = _.find((S) => S.numericId === P);
-    if (y) {
-      const S = new Set(i.optionCodes);
-      C = y.selectedOptions.filter((j) => S.has(j.name));
-    }
+  } : null;
+  let v, E;
+  if (e.variants?.length)
+    v = gt(e, t, r), E = v.find((_) => _.numericId === n.id) ?? null;
+  else {
+    const _ = Ce(n, t, r);
+    v = [_], E = _;
   }
+  let R = [], N = null;
+  if (c?.isVariantTile)
+    if (N = c.variantId, e.variants?.length) {
+      const _ = v.find((A) => A.numericId === N);
+      if (_) {
+        const A = new Set(c.optionCodes);
+        R = _.selectedOptions.filter((ee) => A.has(ee.name));
+      }
+    } else {
+      const _ = new Set(c.optionCodes);
+      R = w.filter((A) => _.has(A.name));
+    }
   return {
-    id: b,
-    gid: s,
-    numericId: n,
-    title: u,
-    handle: c,
-    type: a,
-    vendor: l,
-    availableForSale: d,
-    images: g,
-    priceRange: v,
-    compareAtPriceRange: T,
-    options: I,
-    tags: m,
-    variants: _,
-    selectedOptions: k,
-    metafields: A,
-    calculated: f,
-    category: p,
-    featuredMedia: w,
+    id: S,
+    gid: u,
+    numericId: i,
+    title: s,
+    handle: d,
+    type: l,
+    vendor: o,
+    availableForSale: T,
+    images: p,
+    price: O,
+    compareAtPrice: b,
+    options: h,
+    tags: g,
+    variants: v,
+    selectedOptions: w,
+    metafields: I,
+    calculated: C,
+    category: m,
+    featuredMedia: f,
     combinedListingParentProductId: e.combined_listing_parent_product_id,
     combinedListingRole: e.combined_listing_role,
     selectedVariant: E,
-    breakoutOptions: C,
-    breakoutVariantId: P
+    breakoutOptions: R,
+    breakoutVariantId: N
   };
 }
-function ct(e) {
-  return e.images.map((t, r) => ({
-    url: t.src,
-    alt: t.alt ?? "",
-    width: t.width,
-    height: t.height,
-    position: t.position ?? r,
-    variantIds: t.variant_ids ?? []
-  }));
-}
-function ut(e, t, r) {
-  return {
-    min: G(e.from, t, r),
-    max: G(e.to, t, r)
-  };
+function dt(e) {
+  if (e.images?.length)
+    return e.images.map((r, a) => ({
+      url: r.src,
+      alt: r.alt ?? "",
+      width: r.width,
+      height: r.height,
+      position: r.position ?? a,
+      variantIds: r.variant_ids ?? []
+    }));
+  const t = e.first_or_matched_variant.featured_media;
+  return t ? [
+    {
+      url: t.src,
+      alt: t.alt ?? "",
+      width: t.width,
+      height: t.height,
+      position: 0,
+      variantIds: []
+    }
+  ] : [];
 }
-function lt(e, t) {
+function ft(e, t) {
   const r = [];
-  for (const o of e.options_v2)
-    for (const i of o.values) {
-      const n = i.swatch, u = n && (n.color || n.image) ? {
-        name: o.name,
-        value: i.value,
+  for (const a of e.options_v2)
+    for (const c of a.values) {
+      const n = c.swatch, u = n && (n.color || n.image) ? {
+        name: a.name,
+        value: c.value,
         color: n.color,
         imageUrl: n.image?.url ?? null
-      } : t.find((c) => c.name === o.name && c.value === i.value);
-      r.push({ name: o.name, code: o.code, value: i.value, swatch: u });
+      } : t.find((s) => s.name === a.name && s.value === c.value);
+      r.push({ name: a.name, code: a.code, value: c.value, swatch: u });
     }
   return r;
 }
-function dt(e) {
+function mt(e) {
   return e.selected_options.map((t) => ({ name: t.name, value: t.value }));
 }
-function ft(e, t, r) {
-  return e.variants.map((o) => mt(o, t, r));
+function gt(e, t, r) {
+  return (e.variants ?? []).map((a) => Ce(a, t, r));
 }
-function mt(e, t, r) {
-  const o = parseFloat(e.price), i = e.compare_at_price ? parseFloat(e.compare_at_price) : null;
+function Ce(e, t, r) {
+  const a = parseFloat(e.price), c = e.compare_at_price ? parseFloat(e.compare_at_price) : null;
   return {
-    id: Ae({ type: "ProductVariant", selectedOptions: e.selected_options }),
-    gid: nt(e.id),
+    id: Re({ type: "ProductVariant", selectedOptions: e.selected_options }),
+    gid: st(e.id),
     numericId: e.id,
     title: e.title,
     availableForSale: e.available,
     sku: e.sku,
     position: e.position,
-    price: G(o, t, r),
-    compareAtPrice: i != null ? G(i, t, r) : null,
+    price: G(a, t, r),
+    compareAtPrice: c != null ? G(c, t, r) : null,
     image: e.featured_media ? {
       url: e.featured_media.src,
       alt: e.featured_media.alt ?? "",
@@ -763,27 +804,27 @@ function mt(e, t, r) {
     hasSellingPlan: e.has_selling_plan ?? !1
   };
 }
-function Z({
+function W({
   results: e,
   meta: t,
-  currencyCode: r = ge,
-  formatPrice: o = pe,
-  swatches: i,
+  currencyCode: r = pe,
+  formatPrice: a = he,
+  swatches: c,
   extender: n
 }) {
-  const s = t?.variantBreakouts?.map((u) => u.optionCode) ?? [];
+  const i = t?.variantBreakouts?.map((u) => u.optionCode) ?? [];
   return e.map((u) => {
-    const c = gt(u, s), l = it({
+    const s = pt(u, i), d = lt({
       layers: u,
       currencyCode: r,
-      formatPrice: o,
-      swatches: i,
-      breakoutContext: c
+      formatPrice: a,
+      swatches: c,
+      breakoutContext: s
     });
-    return n ? { ...l, ...n({ base: l, raw: u }) } : l;
+    return n ? { ...d, ...n({ base: d, raw: u }) } : d;
   });
 }
-function gt(e, t) {
+function pt(e, t) {
   if (!(e.__typename !== "Variant" || t.length === 0))
     return {
       isVariantTile: !0,
@@ -803,67 +844,67 @@ function D({
 }) {
   return { data: e, error: null, isFetching: t };
 }
-function L({
+function P({
   error: e,
   data: t = null,
   isFetching: r = !1
 }) {
   return { data: t, error: e, isFetching: r };
 }
-const he = "__COMMERCE_BLOCKS__", ye = typeof window < "u" && typeof window.document < "u";
-function pt(e) {
-  ye && (window[he] = e);
+const ye = "__COMMERCE_BLOCKS__", ve = typeof window < "u" && typeof window.document < "u";
+function ht(e) {
+  ve && (window[ye] = e);
 }
-function Kt() {
-  if (!ye)
-    return h(
-      z({
+function Xt() {
+  if (!ve)
+    return y(
+      H({
         code: "INVALID_CONFIG",
         message: "Client only available in browser",
         field: "environment",
         expected: "browser"
       })
     );
-  const e = window[he];
-  return e ? N(e) : h(
-    z({
+  const e = window[ye];
+  return e ? k(e) : y(
+    H({
       code: "MISSING_CONFIG",
       message: "Client not initialized. Call createClient() first.",
       field: "client"
     })
   );
 }
-function Xt() {
-  return ye && !!window[he];
+function Yt() {
+  return ve && !!window[ye];
 }
 function Y(e) {
   let t = null;
   return {
     next(r) {
-      return t?.abort(), t = ve(r, e), t.signal;
+      return t?.abort(), t = _e(r, e), t.signal;
     },
     abort() {
       t?.abort();
     }
   };
 }
-function ve(...e) {
+function _e(...e) {
   const t = new AbortController(), r = [];
-  for (const o of e) {
-    if (!o) continue;
-    if (o.aborted) {
-      t.abort(o.reason);
+  for (const a of e) {
+    if (!a) continue;
+    if (a.aborted) {
+      t.abort(a.reason);
       break;
     }
-    const i = () => t.abort(o.reason);
-    o.addEventListener("abort", i, { once: !0 }), r.push(() => o.removeEventListener("abort", i));
+    const c = () => t.abort(a.reason);
+    a.addEventListener("abort", c, { once: !0 }), r.push(() => a.removeEventListener("abort", c));
   }
-  return r.length && t.signal.addEventListener("abort", () => r.forEach((o) => o()), {
+  return r.length && t.signal.addEventListener("abort", () => r.forEach((a) => a()), {
     once: !0
   }), t;
 }
-function $(e, t) {
-  return se(() => t(e.value));
+function V(e, t) {
+  return ie(() => t(e.value));
 }
 function F() {
   const e = /* @__PURE__ */ new Set();
@@ -878,12 +919,12 @@ function F() {
     }
   };
 }
-function ee({
+function Z({
   products: e,
   raw: t,
   extender: r,
-  currencyCode: o = ge,
-  formatPrice: i = pe
+  currencyCode: a = pe,
+  formatPrice: c = he
 }) {
   const n = {
     products: e,
@@ -893,7 +934,7 @@ function ee({
     resultsPerPage: t.resultsPerPage,
     facets: t.facets ?? {},
     facetRanges: t.facetRanges,
-    priceRange: st(t.facetRanges, o, i),
+    priceRange: ut(t.facetRanges, a, c),
     attributionToken: t.attributionToken,
     _workflow: t._workflow
   };
@@ -903,135 +944,137 @@ function J(e, t) {
   if (t) {
     if (e.config.transforms?.filters)
       return e.config.transforms.filters(t);
+    if (typeof t == "object" && !Array.isArray(t) && "conditional" in t && "expressions" in t)
+      return t;
     if (e.config.filterAliases && typeof t == "object" && !Array.isArray(t)) {
-      const r = t, o = [];
-      for (const [i, n] of Object.entries(r)) {
+      const r = t, a = [];
+      for (const [c, n] of Object.entries(r)) {
         if (n == null) continue;
-        const s = e.config.filterAliases[i], u = typeof s == "string" ? s : s?.property ?? i, c = typeof s == "object" ? s.values : void 0, a = (Array.isArray(n) ? n : [n]).map((d) => {
-          const m = String(d);
-          return c?.[m] ?? m;
+        const i = e.config.filterAliases[c], u = typeof i == "string" ? i : i?.property ?? c, s = typeof i == "object" ? i.values : void 0, o = (Array.isArray(n) ? n : [n]).map((l) => {
+          const g = s?.[String(l)];
+          return g !== void 0 ? g : l;
         });
-        o.push({
+        a.push({
           property: u,
-          operator: a.length > 1 ? ue.In : ue.Equal,
-          values: a
+          operator: o.length > 1 ? le.In : le.Equal,
+          values: o
         });
       }
-      return o.length === 0 ? void 0 : {
-        conditional: we.And,
-        expressions: o
+      return a.length === 0 ? void 0 : {
+        conditional: Ae.And,
+        expressions: a
       };
     }
     return t;
   }
 }
-function ht({ ctx: e }) {
+function yt({ ctx: e }) {
   return ({ handle: t, defaultSort: r }) => {
-    const o = q({
+    const a = q({
       data: null,
       error: null,
       isFetching: !1
-    }), i = Y();
-    let n = r ?? e.config.sorts[0]?.code;
-    const s = F();
+    }), c = Y();
+    let n = r ?? e.config.sorts[0]?.code, i = 0;
+    const u = F();
     return {
-      state: o,
-      async execute(u = {}) {
+      state: a,
+      async execute(s = {}) {
         const {
-          page: c = K,
-          limit: l = X,
-          filters: a,
-          sort: d,
-          signal: m,
-          includeMeta: g = e.config.includeMeta ?? !1,
-          linking: v,
-          transformRequest: I
-        } = u, _ = d ?? n;
-        n = _;
-        const R = i.next(m), T = W({
+          page: d = K,
+          limit: o = X,
+          filters: l,
+          sort: g,
+          signal: p,
+          includeMeta: h = e.config.includeMeta ?? !1,
+          linking: w,
+          transformRequest: S
+        } = s, I = g ?? n;
+        n = I;
+        const C = ++i, O = c.next(p), b = z({
           prefix: "/browse",
           id: t,
-          params: { sort: _, page: c, limit: l, filters: a }
-        }), { data: k, error: b } = await e.coordinator.resolve({
-          key: T,
+          params: { sort: I, page: d, limit: o, filters: l, linking: w }
+        }), { data: T, error: f } = await e.coordinator.resolve({
+          key: b,
           cache: e.cache,
-          signal: R,
+          signal: O,
           onFetch: () => {
-            o.value = x({ state: o.value });
+            a.value = x({ state: a.value });
           },
-          fn: async (A) => {
-            const { data: f, error: p } = await e.layers.browse(
+          fn: async (m) => {
+            const { data: v, error: E } = await e.layers.browse(
               {
                 collectionHandle: t,
-                sort_order_code: _,
-                pagination: { page: c, limit: l },
-                filter_group: J(e, a),
-                dynamicLinking: v,
-                transformBody: I
+                sort_order_code: I,
+                pagination: { page: d, limit: o },
+                filter_group: J(e, l),
+                dynamicLinking: w,
+                transformBody: S
               },
-              A
+              m
             );
-            if (p) return h(p);
-            const { results: w, _meta: E } = f, C = Z({
-              results: w,
-              meta: E,
+            if (E) return y(E);
+            const { results: R, _meta: N } = v, _ = W({
+              results: R,
+              meta: N,
               currencyCode: e.config.currency,
               formatPrice: e.config.formatPrice,
               swatches: e.config.swatches,
               extender: e.config.transforms?.product
-            }), P = ee({
-              products: C,
-              raw: f,
+            }), A = Z({
+              products: _,
+              raw: v,
               extender: e.config.transforms?.collection,
               currencyCode: e.config.currency,
               formatPrice: e.config.formatPrice
             });
-            return g && f._meta && (P._meta = f._meta), T && e.cache.set(T, P), N(P);
+            return h && v._meta && (A._meta = v._meta), b && e.cache.set(b, A), k(A);
           }
         });
-        return b ? (o.value = L({ error: b, data: o.value.data }), h(b)) : (o.value = D({ data: k }), N(k));
+        return C !== i ? f ? y(f) : k(T) : f ? (a.value = P({ error: f, data: a.value.data }), y(f)) : (a.value = D({ data: T }), k(T));
       },
-      subscribe(u) {
-        return s.add($(o, u));
+      subscribe(s) {
+        return u.add(V(a, s));
       },
       dispose() {
-        s.clear(), i.abort();
+        u.clear(), c.abort();
       }
     };
   };
 }
-function yt(e, t) {
+function vt(e, t) {
   return t?.aborted ? Promise.resolve() : new Promise((r) => {
-    const o = setTimeout(r, e);
+    const a = setTimeout(r, e);
     t?.addEventListener(
       "abort",
       () => {
-        clearTimeout(o), r();
+        clearTimeout(a), r();
       },
       { once: !0 }
     );
   });
 }
-async function vt(e, { maxRetries: t = 3, defaultDelayMs: r = 1e3, signal: o, shouldRetry: i }) {
+async function _t(e, { maxRetries: t = 3, defaultDelayMs: r = 1e3, signal: a, shouldRetry: c }) {
   let n = await e();
-  for (let s = 0; s < t && n.error && !(!i(n.error) || o?.aborted); s++) {
+  for (let i = 0; i < t && n.error && !(!c(n.error) || a?.aborted); i++) {
     const u = "retryAfterMs" in n.error ? n.error.retryAfterMs ?? r : r;
-    if (await yt(u, o), o?.aborted) break;
+    if (await vt(u, a), a?.aborted) break;
     n = await e();
   }
   return n;
 }
-function _t(e) {
+function bt(e) {
   return e._tag === "ApiError" && e.status === 425;
 }
-function bt({ ctx: e }) {
+function Et({ ctx: e }) {
   return (t = {}) => {
     const r = q({
       data: null,
       error: null,
       isFetching: !1
     });
-    let o = {
+    let a = {
       query: t.query,
       page: t.page,
       limit: t.limit,
@@ -1040,210 +1083,212 @@ function bt({ ctx: e }) {
       linking: t.linking,
       transformRequest: t.transformRequest
     };
-    const i = Y(t.signal);
-    let n;
-    const s = F();
-    function u(c = {}) {
-      const { signal: l, searchId: a, temporary: d, ...m } = c, g = { ...o, ...m };
-      return d || (o = g), { ...g, signal: l, searchId: a };
+    const c = Y(t.signal);
+    let n, i = 0;
+    const u = F();
+    function s(d = {}) {
+      const { signal: o, searchId: l, temporary: g, ...p } = d, h = { ...a, ...p };
+      return g || (a = h), { ...h, signal: o, searchId: l };
     }
     return {
       state: r,
-      async prepare(c = {}) {
-        const l = u(c), { query: a, filters: d, tuning: m, linking: g, transformRequest: v } = l;
-        if (!a)
-          return h(
+      async prepare(d = {}) {
+        const o = s(d), { query: l, filters: g, tuning: p, linking: h, transformRequest: w } = o;
+        if (!l)
+          return y(
             B({
               operation: "search.prepare",
               fields: [M("query", "REQUIRED_FIELD", "query is required")]
             })
           );
-        const I = J(e, d), _ = await e.layers.prepareSearch(
+        const S = J(e, g), I = await e.layers.prepareSearch(
           {
-            query: a,
-            filter_group: I,
-            tuning: m,
-            dynamicLinking: g,
-            transformBody: v
+            query: l,
+            filter_group: S,
+            tuning: p,
+            dynamicLinking: h,
+            transformBody: w
           },
-          c.signal
+          d.signal
         );
-        return _.error ? h(_.error) : (n = _.data.search_id, N({ searchId: _.data.search_id }));
+        return I.error ? y(I.error) : (n = I.data.search_id, k({ searchId: I.data.search_id }));
       },
-      async execute(c = {}) {
-        const l = u(c), {
-          query: a,
-          page: d = K,
-          limit: m = X,
-          filters: g,
-          tuning: v,
-          linking: I,
-          transformRequest: _
-        } = l;
-        if (!a) {
-          const w = B({
+      async execute(d = {}) {
+        const o = s(d), {
+          query: l,
+          page: g = K,
+          limit: p = X,
+          filters: h,
+          tuning: w,
+          linking: S,
+          transformRequest: I
+        } = o;
+        if (!l) {
+          const R = B({
             operation: "search.execute",
             fields: [M("query", "REQUIRED_FIELD", "query is required")]
           });
-          return r.value = L({ error: w, data: r.value.data }), h(w);
+          return r.value = P({ error: R, data: r.value.data }), y(R);
         }
-        const R = c.searchId, T = J(e, g), k = i.next(c.signal), b = R ?? n;
+        const C = d.searchId, O = J(e, h), b = ++i, T = c.next(d.signal), f = C ?? n;
         n = void 0;
-        const A = W({
+        const m = z({
           prefix: "/search",
-          id: a,
-          params: { page: d, limit: m, filters: g }
-        }), { data: f, error: p } = await e.coordinator.resolve({
-          key: A,
+          id: l,
+          params: { page: g, limit: p, filters: h, tuning: w, linking: S }
+        }), { data: v, error: E } = await e.coordinator.resolve({
+          key: m,
           cache: e.cache,
-          signal: k,
+          signal: T,
           onFetch: () => {
             r.value = x({ state: r.value });
           },
-          fn: async (w) => {
-            let E = b;
-            if (!E) {
-              const te = await e.layers.prepareSearch(
+          fn: async (R) => {
+            let N = f;
+            if (!N) {
+              const re = await e.layers.prepareSearch(
                 {
-                  query: a,
-                  filter_group: T,
-                  tuning: v,
-                  dynamicLinking: I,
-                  transformBody: _
+                  query: l,
+                  filter_group: O,
+                  tuning: w,
+                  dynamicLinking: S,
+                  transformBody: I
                 },
-                w
+                R
               );
-              if (te.error) return h(te.error);
-              E = te.data.search_id;
+              if (re.error) return y(re.error);
+              N = re.data.search_id;
             }
-            const C = await vt(
+            const _ = await _t(
               () => e.layers.search(
                 {
-                  query: a,
-                  search_id: E,
-                  pagination: { page: d, limit: m },
-                  filter_group: T,
-                  tuning: v,
-                  dynamicLinking: I,
-                  transformBody: _
+                  query: l,
+                  search_id: N,
+                  pagination: { page: g, limit: p },
+                  filter_group: O,
+                  tuning: w,
+                  dynamicLinking: S,
+                  transformBody: I
                 },
-                w
+                R
               ),
               {
-                maxRetries: Le,
-                defaultDelayMs: qe,
-                signal: w,
-                shouldRetry: _t
+                maxRetries: Ue,
+                defaultDelayMs: Me,
+                signal: R,
+                shouldRetry: bt
               }
             );
-            if (C.error) return h(C.error);
-            const { results: P, _meta: y } = C.data, S = Z({
-              results: P,
-              meta: y,
+            if (_.error) return y(_.error);
+            const { results: A, _meta: ee } = _.data, ke = W({
+              results: A,
+              meta: ee,
               currencyCode: e.config.currency,
               formatPrice: e.config.formatPrice,
               swatches: e.config.swatches,
               extender: e.config.transforms?.product
-            }), j = ee({
-              products: S,
-              raw: C.data,
+            }), te = Z({
+              products: ke,
+              raw: _.data,
               extender: e.config.transforms?.search,
               currencyCode: e.config.currency,
               formatPrice: e.config.formatPrice
             });
-            return e.config.includeMeta && C.data._meta && (j._meta = C.data._meta), A && e.cache.set(A, j), N(j);
+            return e.config.includeMeta && _.data._meta && (te._meta = _.data._meta), m && e.cache.set(m, te), k(te);
           }
         });
-        return p ? (r.value = L({ error: p, data: r.value.data }), h(p)) : (r.value = D({ data: f }), N(f));
+        return b !== i ? E ? y(E) : k(v) : E ? (r.value = P({ error: E, data: r.value.data }), y(E)) : (r.value = D({ data: v }), k(v));
       },
-      subscribe(c) {
-        return s.add($(r, c));
+      subscribe(d) {
+        return u.add(V(r, d));
       },
       dispose() {
-        s.clear(), i.abort();
+        u.clear(), c.abort();
       }
     };
   };
 }
-function Et({ ctx: e }) {
+function wt({ ctx: e }) {
   return ({ blockId: t, anchor: r }) => {
-    const o = q({
+    const a = q({
       data: null,
       error: null,
       isFetching: !1
-    }), i = Y(), n = F();
+    }), c = Y();
+    let n = 0;
+    const i = F();
     return {
-      state: o,
-      async execute(s = {}) {
+      state: a,
+      async execute(u = {}) {
         const {
-          page: u = K,
-          limit: c = X,
-          filters: l,
-          signal: a,
-          discounts: d,
-          context: m,
-          linking: g,
-          transformRequest: v
-        } = s, I = i.next(a), _ = W({
+          page: s = K,
+          limit: d = X,
+          filters: o,
+          signal: l,
+          discounts: g,
+          context: p,
+          linking: h,
+          transformRequest: w
+        } = u, S = ++n, I = c.next(l), C = z({
           prefix: "/blocks",
           id: t,
-          params: { anchor: r, page: u, limit: c, filters: l }
-        }), { data: R, error: T } = await e.coordinator.resolve({
-          key: _,
+          params: { anchor: r, page: s, limit: d, filters: o, discounts: g, context: p, linking: h }
+        }), { data: O, error: b } = await e.coordinator.resolve({
+          key: C,
           cache: e.cache,
           signal: I,
           onFetch: () => {
-            o.value = x({ state: o.value });
+            a.value = x({ state: a.value });
           },
-          fn: async (k) => {
-            const { data: b, error: A } = await e.layers.blocks(
+          fn: async (T) => {
+            const { data: f, error: m } = await e.layers.blocks(
               {
                 blockId: t,
                 anchor_id: r,
-                pagination: { page: u, limit: c },
-                filter_group: J(e, l),
-                discountEntitlements: d,
-                context: m,
-                dynamicLinking: g,
-                transformBody: v
+                pagination: { page: s, limit: d },
+                filter_group: J(e, o),
+                discountEntitlements: g,
+                context: p,
+                dynamicLinking: h,
+                transformBody: w
               },
-              k
+              T
             );
-            if (A) return h(A);
-            const { results: f, _meta: p } = b, w = Z({
-              results: f,
-              meta: p,
+            if (m) return y(m);
+            const { results: v, _meta: E } = f, R = W({
+              results: v,
+              meta: E,
               currencyCode: e.config.currency,
               formatPrice: e.config.formatPrice,
               swatches: e.config.swatches,
               extender: e.config.transforms?.product
-            }), E = ee({
-              products: w,
-              raw: b,
+            }), N = Z({
+              products: R,
+              raw: f,
               extender: e.config.transforms?.block,
               currencyCode: e.config.currency,
               formatPrice: e.config.formatPrice
             });
-            return e.config.includeMeta && b._meta && (E._meta = b._meta), b.block && (E.block = b.block), _ && e.cache.set(_, E), N(E);
+            return e.config.includeMeta && f._meta && (N._meta = f._meta), f.block && (N.block = f.block), C && e.cache.set(C, N), k(N);
           }
         });
-        return T ? (o.value = L({ error: T, data: o.value.data }), h(T)) : (o.value = D({ data: R }), N(R));
+        return S !== n ? b ? y(b) : k(O) : b ? (a.value = P({ error: b, data: a.value.data }), y(b)) : (a.value = D({ data: O }), k(O));
       },
-      subscribe(s) {
-        return n.add($(o, s));
+      subscribe(u) {
+        return i.add(V(a, u));
       },
       dispose() {
-        n.clear(), i.abort();
+        i.clear(), c.abort();
       }
     };
   };
 }
-function wt(e, t) {
+function It(e, t) {
   let r = null;
   return {
-    call(...o) {
+    call(...a) {
       r && clearTimeout(r), r = setTimeout(() => {
-        r = null, e(...o);
+        r = null, e(...a);
       }, t);
     },
     cancel() {
@@ -1251,159 +1296,159 @@ function wt(e, t) {
     }
   };
 }
-function It(e, t) {
-  const r = new Set(t.map((o) => o.toLowerCase()));
-  return e.filter((o) => !r.has(o.toLowerCase()));
+function At(e, t) {
+  const r = new Set(t.map((a) => a.toLowerCase()));
+  return e.filter((a) => !r.has(a.toLowerCase()));
 }
-function At({ ctx: e }) {
+function St({ ctx: e }) {
   return (t = {}) => {
     const {
-      debounce: r = De,
-      excludeInputQuery: o = !1,
-      excludeQueries: i,
+      debounce: r = Ve,
+      excludeInputQuery: a = !1,
+      excludeQueries: c,
       signal: n
-    } = t, s = q({
+    } = t, i = q({
       data: null,
       error: null,
       isFetching: !1
     }), u = Y(n);
-    let c = 0;
-    const l = /* @__PURE__ */ new Map(), a = F();
-    function d() {
-      a.clear(), m.cancel(), u.abort(), l.clear(), n?.removeEventListener("abort", d);
+    let s = 0;
+    const d = /* @__PURE__ */ new Map(), o = F();
+    function l() {
+      o.clear(), g.cancel(), u.abort(), d.clear(), n?.removeEventListener("abort", l);
     }
-    n?.addEventListener("abort", d, { once: !0 });
-    const m = wt(async (v) => {
-      const I = v.trim();
-      if (!I) {
-        s.value = { data: null, error: null, isFetching: !1 };
+    n?.addEventListener("abort", l, { once: !0 });
+    const g = It(async (h) => {
+      const w = h.trim();
+      if (!w) {
+        i.value = { data: null, error: null, isFetching: !1 };
         return;
       }
-      const _ = I.toLowerCase(), R = l.get(_);
-      if (R) {
-        s.value = D({ data: R });
+      const S = w.toLowerCase(), I = d.get(S);
+      if (I) {
+        i.value = D({ data: I });
         return;
       }
-      const T = u.next(), k = ++c;
-      s.value = x({ state: s.value });
-      const b = await e.layers.predictiveSearch(I, T);
-      if (k === c)
+      const C = u.next(), O = ++s;
+      i.value = x({ state: i.value });
+      const b = await e.layers.predictiveSearch(w, C);
+      if (O === s)
         if (b.error)
-          b.error._tag !== "NetworkError" || b.error.code !== "ABORTED" ? s.value = L({ error: b.error }) : s.value = x({ state: s.value, isFetching: !1 });
+          b.error._tag !== "NetworkError" || b.error.code !== "ABORTED" ? i.value = P({ error: b.error }) : i.value = x({ state: i.value, isFetching: !1 });
         else {
-          const A = [
-            ...o ? [b.data.originalQuery, b.data.normalizedQuery] : [],
-            ...i ?? []
-          ], f = A.length ? {
+          const T = [
+            ...a ? [b.data.originalQuery, b.data.normalizedQuery] : [],
+            ...c ?? []
+          ], f = T.length ? {
             ...b.data,
-            matchedQueries: It(b.data.matchedQueries, A)
+            matchedQueries: At(b.data.matchedQueries, T)
           } : b.data;
-          l.set(_, f), l.size > Fe && l.delete(l.keys().next().value), s.value = D({ data: f });
+          d.set(S, f), d.size > $e && d.delete(d.keys().next().value), i.value = D({ data: f });
         }
     }, r);
-    function g(v) {
-      return a.add($(s, v));
+    function p(h) {
+      return o.add(V(i, h));
     }
     return {
-      state: s,
-      execute: (v) => m.call(v),
-      subscribe: g,
-      dispose: d
+      state: i,
+      execute: (h) => g.call(h),
+      subscribe: p,
+      dispose: l
     };
   };
 }
-function St({ ctx: e }) {
+function Rt({ ctx: e }) {
   return ({ image: t, signal: r }) => {
-    const o = q({
+    const a = q({
       data: null,
       error: null,
       isFetching: !0
-    }), i = F(), n = ve(r);
+    }), c = F(), n = _e(r);
     return (async () => {
-      const s = await e.layers.uploadImage(t, n.signal);
-      if (s.error) {
-        o.value = L({ error: s.error });
+      const i = await e.layers.uploadImage(t, n.signal);
+      if (i.error) {
+        a.value = P({ error: i.error });
         return;
       }
-      o.value = D({ data: { imageId: s.data.imageId } });
-    })().catch((s) => {
-      o.value = L({
-        error: Q({ code: "CONNECTION_FAILED", message: String(s) })
+      a.value = D({ data: { imageId: i.data.imageId } });
+    })().catch((i) => {
+      a.value = P({
+        error: Q({ code: "CONNECTION_FAILED", message: String(i) })
       });
     }), {
-      state: o,
-      subscribe(s) {
-        return i.add($(o, s));
+      state: a,
+      subscribe(i) {
+        return c.add(V(a, i));
       },
       dispose() {
-        i.clear(), n.abort();
+        c.clear(), n.abort();
       }
     };
   };
 }
-function Rt({ ctx: e }) {
+function Tt({ ctx: e }) {
   return (t) => {
     const {
       imageId: r,
-      page: o = K,
-      limit: i = X,
+      page: a = K,
+      limit: c = X,
       filters: n,
-      tuning: s,
+      tuning: i,
       signal: u,
-      linking: c,
-      transformRequest: l
-    } = t, a = q({
+      linking: s,
+      transformRequest: d
+    } = t, o = q({
       data: null,
       error: null,
       isFetching: !0
-    }), d = F(), m = ve(u);
+    }), l = F(), g = _e(u);
     return (async () => {
-      const g = await e.layers.imageSearch(
+      const p = await e.layers.imageSearch(
         {
           image_id: r,
-          pagination: { page: o, limit: i },
+          pagination: { page: a, limit: c },
           filter_group: J(e, n),
-          tuning: s,
-          dynamicLinking: c,
-          transformBody: l
+          tuning: i,
+          dynamicLinking: s,
+          transformBody: d
         },
-        m.signal
+        g.signal
       );
-      if (g.error) {
-        a.value = L({ error: g.error });
+      if (p.error) {
+        o.value = P({ error: p.error });
         return;
       }
-      const { results: v, _meta: I } = g.data, _ = Z({
-        results: v,
-        meta: I,
+      const { results: h, _meta: w } = p.data, S = W({
+        results: h,
+        meta: w,
         currencyCode: e.config.currency,
         formatPrice: e.config.formatPrice,
         swatches: e.config.swatches,
         extender: e.config.transforms?.product
-      }), R = ee({
-        products: _,
-        raw: g.data,
+      }), I = Z({
+        products: S,
+        raw: p.data,
         extender: e.config.transforms?.search,
         currencyCode: e.config.currency,
         formatPrice: e.config.formatPrice
       });
-      a.value = D({ data: R });
-    })().catch((g) => {
-      a.value = L({
-        error: Q({ code: "CONNECTION_FAILED", message: String(g) })
+      o.value = D({ data: I });
+    })().catch((p) => {
+      o.value = P({
+        error: Q({ code: "CONNECTION_FAILED", message: String(p) })
       });
     }), {
-      state: a,
-      subscribe(g) {
-        return d.add($(a, g));
+      state: o,
+      subscribe(p) {
+        return l.add(V(o, p));
       },
       dispose() {
-        d.clear(), m.abort();
+        l.clear(), g.abort();
       }
     };
   };
 }
-function Tt(e) {
+function Ct(e) {
   return {
     title: e.title,
     handle: e.handle,
@@ -1414,14 +1459,14 @@ function Tt(e) {
     publishedAt: e.published_at
   };
 }
-function Ct({ ctx: e }) {
+function Ot({ ctx: e }) {
   return (t = {}) => {
     const r = q({
       data: null,
       error: null,
       isFetching: !1
     });
-    let o = {
+    let a = {
       query: t.query,
       contentType: t.contentType,
       page: t.page,
@@ -1429,77 +1474,79 @@ function Ct({ ctx: e }) {
       tuning: t.tuning,
       transformRequest: t.transformRequest
     };
-    const i = Y(t.signal), n = F();
-    function s(u = {}) {
-      const { signal: c, temporary: l, ...a } = u, d = { ...o, ...a };
-      return l || (o = d), { ...d, signal: c };
+    const c = Y(t.signal);
+    let n = 0;
+    const i = F();
+    function u(s = {}) {
+      const { signal: d, temporary: o, ...l } = s, g = { ...a, ...l };
+      return o || (a = g), { ...g, signal: d };
     }
     return {
       state: r,
-      async execute(u = {}) {
-        const c = s(u), {
-          query: l,
-          contentType: a,
-          page: d = K,
-          limit: m = X,
-          tuning: g,
-          transformRequest: v
-        } = c;
-        if (!l) {
-          const k = B({
+      async execute(s = {}) {
+        const d = u(s), {
+          query: o,
+          contentType: l,
+          page: g = K,
+          limit: p = X,
+          tuning: h,
+          transformRequest: w
+        } = d;
+        if (!o) {
+          const T = B({
             operation: "searchContent.execute",
             fields: [M("query", "REQUIRED_FIELD", "query is required")]
           });
-          return r.value = L({ error: k, data: r.value.data }), h(k);
+          return r.value = P({ error: T, data: r.value.data }), y(T);
         }
-        const I = i.next(u.signal), _ = W({
+        const S = c.next(s.signal), I = ++n, C = z({
           prefix: "/search-content",
-          id: l,
-          params: { contentType: a, page: d, limit: m }
-        }), { data: R, error: T } = await e.coordinator.resolve({
-          key: _,
+          id: o,
+          params: { contentType: l, page: g, limit: p, tuning: h }
+        }), { data: O, error: b } = await e.coordinator.resolve({
+          key: C,
           cache: e.cache,
-          signal: I,
+          signal: S,
           onFetch: () => {
             r.value = x({ state: r.value });
           },
-          fn: async (k) => {
-            const b = await e.layers.searchContent(
+          fn: async (T) => {
+            const f = await e.layers.searchContent(
               {
-                query: l,
-                content_type: a,
-                pagination: { page: d, limit: m },
-                tuning: g,
-                transformBody: v
+                query: o,
+                content_type: l,
+                pagination: { page: g, limit: p },
+                tuning: h,
+                transformBody: w
               },
-              k
+              T
             );
-            if (b.error) return h(b.error);
-            const A = b.data;
-            let f = {
-              articles: A.results.map(Tt),
-              query: A.query,
-              contentType: A.contentType,
-              totalResults: A.totalResults,
-              page: A.page,
-              resultsPerPage: A.resultsPerPage
+            if (f.error) return y(f.error);
+            const m = f.data;
+            let v = {
+              articles: m.results.map(Ct),
+              query: m.query,
+              contentType: m.contentType,
+              totalResults: m.totalResults,
+              page: m.page,
+              resultsPerPage: m.resultsPerPage
             };
-            return e.config.transforms?.searchContent && (f = e.config.transforms.searchContent(f, A)), _ && e.cache.set(_, f), N(f);
+            return e.config.transforms?.searchContent && (v = e.config.transforms.searchContent(v, m)), C && e.cache.set(C, v), k(v);
           }
         });
-        return T ? (r.value = L({ error: T, data: r.value.data }), h(T)) : (r.value = D({ data: R }), N(R));
+        return I !== n ? b ? y(b) : k(O) : b ? (r.value = P({ error: b, data: r.value.data }), y(b)) : (r.value = D({ data: O }), k(O));
       },
-      subscribe(u) {
-        return n.add($(r, u));
+      subscribe(s) {
+        return i.add(V(r, s));
       },
       dispose() {
-        n.clear(), i.abort();
+        i.clear(), c.abort();
       }
     };
   };
 }
-function Yt(e) {
-  const t = Je({
+function zt(e) {
+  const t = ze({
     token: e.token,
     baseUrl: e.baseUrl,
     sorts: e.sorts,
@@ -1507,151 +1554,148 @@ function Yt(e) {
     attributes: e.attributes,
     fetch: e.fetch
   });
-  if (t.error) return h(t.error);
-  const r = t.data, o = We({
+  if (t.error) return y(t.error);
+  const r = t.data, a = tt({
     maxEntries: e.cacheLimit,
     ttl: e.cacheLifetime,
     storageAdapter: e.storage
   });
-  if (e.restoreCache !== !1 && o.restore(), e.initialData)
-    for (const [u, c] of Object.entries(e.initialData))
-      o.set(u, c);
-  const i = Ze(), n = {
+  if (e.restoreCache !== !1 && a.restore(), e.initialData)
+    for (const [u, s] of Object.entries(e.initialData))
+      a.set(u, s);
+  const c = rt(), n = {
     config: e,
     layers: r,
-    cache: o,
-    coordinator: i
-  }, s = {
+    cache: a,
+    coordinator: c
+  }, i = {
     config: e,
-    cache: o,
-    collection: ht({ ctx: n }),
-    search: bt({ ctx: n }),
-    blocks: Et({ ctx: n }),
-    suggest: At({ ctx: n }),
-    uploadImage: St({ ctx: n }),
-    searchByImage: Rt({ ctx: n }),
-    searchContent: Ct({ ctx: n })
+    cache: a,
+    collection: yt({ ctx: n }),
+    search: Et({ ctx: n }),
+    blocks: wt({ ctx: n }),
+    suggest: St({ ctx: n }),
+    uploadImage: Rt({ ctx: n }),
+    searchByImage: Tt({ ctx: n }),
+    searchContent: Ot({ ctx: n })
   };
-  return pt(s), N(s);
+  return ht(i), k(i);
 }
-function zt({
+function Wt({
   product: e,
   selectedOptions: t = [],
   breakoutOptions: r
 }) {
-  const o = r ?? e.breakoutOptions ?? [], i = new Set(o.map((f) => f.name)), n = q(t), s = q(null), u = F(), c = O(() => kt(e.variants, o)), l = O(() => {
-    const f = n.value.filter((p) => !i.has(p.name));
-    return [...o, ...f];
-  }), a = O(
-    () => Re(c.value, l.value)
-  ), d = O(
-    () => Ot({
-      variants: c.value,
+  const a = r ?? e.breakoutOptions ?? [], c = new Set(a.map((f) => f.name)), n = q(t), i = q(null), u = F(), s = L(() => kt(e.variants, a)), d = L(() => {
+    const f = n.value.filter((m) => !c.has(m.name));
+    return [...a, ...f];
+  }), o = L(
+    () => Oe(s.value, d.value)
+  ), l = L(
+    () => Nt({
+      variants: s.value,
       productOptions: e.options,
       selectedOptions: n.value,
-      breakoutOptions: o,
-      breakoutNames: i
+      breakoutOptions: a,
+      breakoutNames: c
     })
-  ), m = O(() => e.options.find((p) => p.swatch)?.name ?? null), g = O(() => {
-    const f = m.value;
+  ), g = L(() => e.options.find((m) => m.swatch)?.name ?? null), p = L(() => {
+    const f = g.value;
     if (!f) return /* @__PURE__ */ new Map();
-    const p = /* @__PURE__ */ new Map();
-    for (const w of c.value) {
-      const E = w.selectedOptions.find((C) => C.name === f);
-      E && p.set(w.numericId, E.value);
+    const m = /* @__PURE__ */ new Map();
+    for (const v of s.value) {
+      const E = v.selectedOptions.find((R) => R.name === f);
+      E && m.set(v.numericId, E.value);
     }
-    return p;
-  }), v = O(() => {
-    const f = m.value;
-    return f ? e.options.filter((p) => p.name === f).map((p) => p.value) : [];
-  }), I = O(
-    () => Nt({
+    return m;
+  }), h = L(() => {
+    const f = g.value;
+    return f ? e.options.filter((m) => m.name === f).map((m) => m.value) : [];
+  }), w = L(
+    () => Lt({
       images: e.images,
-      swatchValues: v.value,
-      variantSwatchMap: g.value,
-      selectedVariantId: a.value?.numericId ?? null
+      swatchValues: h.value,
+      variantSwatchMap: p.value,
+      selectedVariantId: o.value?.numericId ?? null
     })
-  ), _ = O(() => {
-    const f = a.value;
-    if (!f?.image) return I.value;
-    if (!m.value) return f.image ? [f.image] : I.value;
-    const w = g.value.get(f.numericId);
-    return w ? I.value.filter((E) => E.variantIds.length === 0 ? !0 : E.variantIds.some(
-      (C) => g.value.get(C) === w
-    )) : f.image ? [f.image] : I.value;
-  }), R = O(() => {
-    const f = a.value;
+  ), S = L(() => {
+    const f = o.value;
+    if (!f?.image) return w.value;
+    if (!g.value) return f.image ? [f.image] : w.value;
+    const v = p.value.get(f.numericId);
+    return v ? w.value.filter((E) => E.variantIds.length === 0 ? !0 : E.variantIds.some(
+      (R) => p.value.get(R) === v
+    )) : f.image ? [f.image] : w.value;
+  }), I = L(() => {
+    const f = o.value;
     if (!f) return { price: null, compareAtPrice: null, isOnSale: !1 };
-    const p = f.compareAtPrice !== null && f.compareAtPrice.amount > f.price.amount;
-    return { price: f.price, compareAtPrice: f.compareAtPrice, isOnSale: p };
-  }), T = O(() => {
-    const f = c.value;
-    if (f.length === 0)
-      return { priceRange: e.priceRange, compareAtPriceRange: null };
-    const p = f.map((y) => y.price), w = p.reduce((y, S) => y.amount < S.amount ? y : S), E = p.reduce((y, S) => y.amount > S.amount ? y : S), C = f.map((y) => y.compareAtPrice).filter((y) => y !== null), P = C.length > 0 ? {
-      min: C.reduce((y, S) => y.amount < S.amount ? y : S),
-      max: C.reduce((y, S) => y.amount > S.amount ? y : S)
+    const m = f.compareAtPrice !== null && f.compareAtPrice.amount > f.price.amount;
+    return { price: f.price, compareAtPrice: f.compareAtPrice, isOnSale: m };
+  }), C = L(() => {
+    const f = s.value, m = f.map((_) => _.price), v = m.reduce((_, A) => _.amount < A.amount ? _ : A), E = m.reduce((_, A) => _.amount > A.amount ? _ : A), R = f.map((_) => _.compareAtPrice).filter((_) => _ !== null), N = R.length > 0 ? {
+      min: R.reduce((_, A) => _.amount < A.amount ? _ : A),
+      max: R.reduce((_, A) => _.amount > A.amount ? _ : A)
     } : null;
-    return { priceRange: { min: w, max: E }, compareAtPriceRange: P };
-  }), k = O(() => {
+    return { priceRange: { min: v, max: E }, compareAtPriceRange: N };
+  }), O = L(() => {
     const f = /* @__PURE__ */ new Set();
-    for (const p of d.value) f.add(p.name);
+    for (const m of l.value) f.add(m.name);
     return f;
-  }), b = O(() => {
-    const f = new Set(l.value.map((p) => p.name));
-    return [...k.value].every((p) => f.has(p));
-  }), A = O(() => {
-    const f = s.value;
+  }), b = L(() => {
+    const f = new Set(d.value.map((m) => m.name));
+    return [...O.value].every((m) => f.has(m));
+  }), T = L(() => {
+    const f = i.value;
     if (f !== null) return f;
-    const p = a.value;
-    if (!p?.image) return 1;
-    const w = _.value.findIndex((E) => E.url === p.image?.url);
-    return w >= 0 ? w + 1 : 1;
+    const m = o.value;
+    if (!m?.image) return 1;
+    const v = S.value.findIndex((E) => E.url === m.image?.url);
+    return v >= 0 ? v + 1 : 1;
   });
   return u.add(
-    se(() => {
-      n.value, s.value = null;
+    ie(() => {
+      n.value, i.value = null;
     })
   ), {
     product: e,
     // Reactive state
-    variants: c,
-    selectedVariant: a,
-    options: d,
-    images: _,
-    price: R,
-    priceRange: T,
-    carouselPosition: A,
+    variants: s,
+    selectedVariant: o,
+    options: l,
+    images: S,
+    price: I,
+    priceRange: C,
+    carouselPosition: T,
     isSelectionComplete: b,
     // Actions
     selectOption(f) {
-      const p = n.value;
-      n.value = p.filter((w) => w.name !== f.name).concat(f);
+      const m = n.value;
+      n.value = m.filter((v) => v.name !== f.name).concat(f);
     },
     setSelectedOptions(f) {
-      const p = new Set(f.map((E) => E.name)), w = n.value.filter((E) => !p.has(E.name));
-      n.value = [...w, ...f];
+      const m = new Set(f.map((E) => E.name)), v = n.value.filter((E) => !m.has(E.name));
+      n.value = [...v, ...f];
     },
     setSelectedVariant(f) {
-      const p = c.value.find((E) => E.numericId === f);
-      if (!p) return;
-      const w = p.selectedOptions.filter((E) => !i.has(E.name));
-      n.value = w;
+      const m = s.value.find((E) => E.numericId === f);
+      if (!m) return;
+      const v = m.selectedOptions.filter((E) => !c.has(E.name));
+      n.value = v;
     },
     setCarouselPosition(f) {
-      s.value = f;
+      i.value = f;
     },
     subscribe(f) {
       return u.add(
-        se(() => {
+        ie(() => {
           f({
-            variants: c.value,
-            selectedVariant: a.value,
-            options: d.value,
-            images: _.value,
-            price: R.value,
-            priceRange: T.value,
-            carouselPosition: A.value,
+            variants: s.value,
+            selectedVariant: o.value,
+            options: l.value,
+            images: S.value,
+            price: I.value,
+            priceRange: C.value,
+            carouselPosition: T.value,
             isSelectionComplete: b.value
           });
         })
@@ -1665,138 +1709,138 @@ function zt({
 function kt(e, t) {
   return t.length === 0 ? e : e.filter(
     (r) => t.every(
-      (o) => r.selectedOptions.some((i) => i.name === o.name && i.value === o.value)
+      (a) => r.selectedOptions.some((c) => c.name === a.name && c.value === a.value)
     )
   );
 }
-function Re(e, t) {
+function Oe(e, t) {
   return t.length === 0 ? e.length === 1 ? e[0] : null : e.find(
     (r) => t.every(
-      (o) => r.selectedOptions.some((i) => i.name === o.name && i.value === o.value)
+      (a) => r.selectedOptions.some((c) => c.name === a.name && c.value === a.value)
     )
   ) ?? null;
 }
-function Ot({
+function Nt({
   variants: e,
   productOptions: t,
   selectedOptions: r,
-  breakoutOptions: o,
-  breakoutNames: i
+  breakoutOptions: a,
+  breakoutNames: c
 }) {
   const n = /* @__PURE__ */ new Set();
-  for (const a of e)
-    for (const d of a.selectedOptions)
-      i.has(d.name) || n.add(`${d.name}:${d.value}`);
-  const s = /* @__PURE__ */ new Map();
-  for (const a of t)
-    a.swatch && s.set(`${a.name}:${a.value}`, a.swatch);
+  for (const o of e)
+    for (const l of o.selectedOptions)
+      c.has(l.name) || n.add(`${l.name}:${l.value}`);
+  const i = /* @__PURE__ */ new Map();
+  for (const o of t)
+    o.swatch && i.set(`${o.name}:${o.value}`, o.swatch);
   const u = /* @__PURE__ */ new Set();
-  for (const a of r) u.add(`${a.name}:${a.value}`);
-  const c = /* @__PURE__ */ new Map(), l = [...o, ...r];
-  for (const a of t) {
-    if (i.has(a.name) || !n.has(`${a.name}:${a.value}`)) continue;
-    c.has(a.name) || c.set(a.name, []);
-    const d = l.filter((I) => I.name !== a.name).concat({ name: a.name, value: a.value }), m = [...o, ...d.filter((I) => !i.has(I.name))], g = Re(e, m);
-    let v;
-    g ? g.availableForSale ? v = "available" : g.inventoryPolicy === "CONTINUE" ? v = "backorderable" : v = "sold-out" : v = "unavailable", c.get(a.name).push({
-      value: a.value,
-      status: v,
-      selected: u.has(`${a.name}:${a.value}`),
-      swatch: s.get(`${a.name}:${a.value}`) ?? null
+  for (const o of r) u.add(`${o.name}:${o.value}`);
+  const s = /* @__PURE__ */ new Map(), d = [...a, ...r];
+  for (const o of t) {
+    if (c.has(o.name) || !n.has(`${o.name}:${o.value}`)) continue;
+    s.has(o.name) || s.set(o.name, []);
+    const l = d.filter((w) => w.name !== o.name).concat({ name: o.name, value: o.value }), g = [...a, ...l.filter((w) => !c.has(w.name))], p = Oe(e, g);
+    let h;
+    p ? p.availableForSale ? h = "available" : p.inventoryPolicy === "CONTINUE" ? h = "backorderable" : h = "sold-out" : h = "unavailable", s.get(o.name).push({
+      value: o.value,
+      status: h,
+      selected: u.has(`${o.name}:${o.value}`),
+      swatch: i.get(`${o.name}:${o.value}`) ?? null
     });
   }
-  return Array.from(c.entries()).map(([a, d]) => ({ name: a, values: d }));
+  return Array.from(s.entries()).map(([o, l]) => ({ name: o, values: l }));
 }
-function Nt({
+function Lt({
   images: e,
   swatchValues: t,
   variantSwatchMap: r,
-  selectedVariantId: o
+  selectedVariantId: a
 }) {
   if (t.length === 0)
-    return [...e].sort((c, l) => c.position - l.position);
-  const i = o !== null ? r.get(o) ?? null : null, n = /* @__PURE__ */ new Map(), s = [];
-  for (const c of e) {
-    if (c.variantIds.length === 0) {
-      s.push(c);
+    return [...e].sort((s, d) => s.position - d.position);
+  const c = a !== null ? r.get(a) ?? null : null, n = /* @__PURE__ */ new Map(), i = [];
+  for (const s of e) {
+    if (s.variantIds.length === 0) {
+      i.push(s);
       continue;
     }
-    let l = null;
-    for (const a of c.variantIds) {
-      const d = r.get(a);
-      if (d) {
-        l = d;
+    let d = null;
+    for (const o of s.variantIds) {
+      const l = r.get(o);
+      if (l) {
+        d = l;
         break;
       }
     }
-    if (l) {
-      const a = n.get(l) ?? [];
-      a.push(c), n.set(l, a);
+    if (d) {
+      const o = n.get(d) ?? [];
+      o.push(s), n.set(d, o);
     } else
-      s.push(c);
+      i.push(s);
   }
-  for (const c of n.values())
-    c.sort((l, a) => l.position - a.position);
-  s.sort((c, l) => c.position - l.position);
+  for (const s of n.values())
+    s.sort((d, o) => d.position - o.position);
+  i.sort((s, d) => s.position - d.position);
   const u = [];
-  i && n.has(i) && u.push(...n.get(i));
-  for (const c of t)
-    c !== i && n.has(c) && u.push(...n.get(c));
-  return u.push(...s), u;
-}
-function Wt(e, t = {}) {
-  return new Promise((r, o) => {
-    const i = new XMLHttpRequest();
-    if (i.open(t.method || "GET", e, !0), t.headers) {
+  c && n.has(c) && u.push(...n.get(c));
+  for (const s of t)
+    s !== c && n.has(s) && u.push(...n.get(s));
+  return u.push(...i), u;
+}
+function Zt(e, t = {}) {
+  return new Promise((r, a) => {
+    const c = new XMLHttpRequest();
+    if (c.open(t.method || "GET", e, !0), t.headers) {
       const n = t.headers;
-      for (const s in n) i.setRequestHeader(s, n[s]);
+      for (const i in n) c.setRequestHeader(i, n[i]);
     }
-    if (t.signal && (t.signal.addEventListener("abort", () => i.abort()), t.signal.aborted)) {
-      o(new DOMException("Aborted", "AbortError"));
+    if (t.signal && (t.signal.addEventListener("abort", () => c.abort()), t.signal.aborted)) {
+      a(new DOMException("Aborted", "AbortError"));
       return;
     }
-    i.onload = () => {
+    c.onload = () => {
       const n = new Headers();
-      i.getAllResponseHeaders().trim().split(`\r
-`).forEach((s) => {
-        const [u, ...c] = s.split(": ");
-        u && n.append(u, c.join(": "));
+      c.getAllResponseHeaders().trim().split(`\r
+`).forEach((i) => {
+        const [u, ...s] = i.split(": ");
+        u && n.append(u, s.join(": "));
       }), r(
-        new Response(i.response, {
-          status: i.status,
-          statusText: i.statusText,
+        new Response(c.response, {
+          status: c.status,
+          statusText: c.statusText,
           headers: n
         })
       );
-    }, i.onerror = () => o(new TypeError("Network request failed")), i.ontimeout = () => o(new DOMException("Timeout", "TimeoutError")), i.onabort = () => o(new DOMException("Aborted", "AbortError")), i.send(t.body);
+    }, c.onerror = () => a(new TypeError("Network request failed")), c.ontimeout = () => a(new DOMException("Timeout", "TimeoutError")), c.onabort = () => a(new DOMException("Aborted", "AbortError")), c.send(t.body);
   });
 }
 export {
-  et as and,
-  tr as batch,
-  rr as computed,
-  Yt as createClient,
-  zt as createProductCard,
-  nr as effect,
-  Ft as eq,
-  jt as exists,
-  Dt as fileStorage,
-  Jt as filter,
-  Kt as getClient,
-  Vt as gt,
-  Bt as gte,
-  Mt as inValues,
-  Lt as isClientError,
-  Xt as isInitialized,
-  qt as isRetryable,
-  Ke as localStorageAdapter,
-  Gt as lt,
-  xt as lte,
-  Ut as notEq,
-  Ht as notExists,
+  nt as and,
+  rr as batch,
+  nr as computed,
+  zt as createClient,
+  Wt as createProductCard,
+  ar as effect,
+  Ut as eq,
+  Ht as exists,
+  Ft as fileStorage,
+  Kt as filter,
+  Xt as getClient,
+  Bt as gt,
+  Gt as gte,
+  Vt as inValues,
+  qt as isClientError,
+  Yt as isInitialized,
+  Dt as isRetryable,
+  We as localStorageAdapter,
+  xt as lt,
+  jt as lte,
+  Mt as notEq,
+  Qt as notExists,
   $t as notIn,
-  Qt as or,
+  Jt as or,
   or as signal,
-  $ as subscribe,
-  Wt as xhrFetch
+  V as subscribe,
+  Zt as xhrFetch
 };