@commerce-blocks/sdk 2.0.0-alpha.3 → 2.0.2

package/dist/index.js

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