@instockng/storefront-ui 1.0.75 → 1.0.76

package/dist/index116.mjs

@@ -1,148 +1,170 @@
 'use client';
-import { __exports as p } from "./index181.mjs";
-import { __require as I } from "./index135.mjs";
-import { __require as q } from "./index174.mjs";
-import { __require as v } from "./index182.mjs";
-import { __require as O } from "./index105.mjs";
-var N;
-function w() {
-  return N ? p : (N = 1, function(d) {
-    Object.defineProperty(d, "__esModule", {
-      value: !0
-    });
-    function T(e, t) {
-      for (var r in t) Object.defineProperty(e, r, {
-        enumerable: !0,
-        get: t[r]
-      });
-    }
-    T(d, {
-      getNamedMiddlewareRegex: function() {
-        return A;
-      },
-      getNamedRouteRegex: function() {
-        return k;
-      },
-      getRouteRegex: function() {
-        return E;
-      },
-      parseParameter: function() {
-        return S;
+import K from "./index112.mjs";
+import t from "./index78.mjs";
+import b from "./index89.mjs";
+import ee from "./index224.mjs";
+import { trackStream as z } from "./index225.mjs";
+import te from "./index92.mjs";
+import { progressEventDecorator as I, progressEventReducer as M, asyncDecorator as j } from "./index222.mjs";
+import se from "./index223.mjs";
+import re from "./index220.mjs";
+const J = 64 * 1024, { isFunction: P } = t, ne = (({ Request: r, Response: n }) => ({
+  Request: r,
+  Response: n
+}))(t.global), {
+  ReadableStream: V,
+  TextEncoder: W
+} = t.global, Z = (r, ...n) => {
+  try {
+    return !!r(...n);
+  } catch {
+    return !1;
+  }
+}, oe = (r) => {
+  r = t.merge.call({
+    skipUndefined: !0
+  }, ne, r);
+  const { fetch: n, Request: o, Response: y } = r, g = n ? P(n) : typeof fetch == "function", f = P(o), F = P(y);
+  if (!g)
+    return !1;
+  const w = g && P(V), R = g && (typeof W == "function" ? /* @__PURE__ */ ((e) => (s) => e.encode(s))(new W()) : async (e) => new Uint8Array(await new o(e).arrayBuffer())), d = f && w && Z(() => {
+    let e = !1;
+    const s = new o(K.origin, {
+      body: new V(),
+      method: "POST",
+      get duplex() {
+        return e = !0, "half";
       }
+    }).headers.has("Content-Type");
+    return e && !s;
+  }), h = F && w && Z(() => t.isReadableStream(new y("").body)), x = {
+    stream: h && ((e) => e.body)
+  };
+  g && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((e) => {
+    !x[e] && (x[e] = (s, i) => {
+      let c = s && s[e];
+      if (c)
+        return c.call(s);
+      throw new b(`Response type '${e}' is not supported`, b.ERR_NOT_SUPPORT, i);
     });
-    const m = I(), _ = q(), l = v(), h = O(), x = /\[((?:\[.*\])|.+)\]/;
-    function S(e) {
-      const t = e.match(x);
-      return R(t ? t[1] : e);
-    }
-    function R(e) {
-      const t = e.startsWith("[") && e.endsWith("]");
-      t && (e = e.slice(1, -1));
-      const r = e.startsWith("...");
-      return r && (e = e.slice(3)), {
-        key: e,
-        repeat: r,
-        optional: t
-      };
-    }
-    function P(e) {
-      const t = (0, h.removeTrailingSlash)(e).slice(1).split("/"), r = {};
-      let u = 1;
-      return {
-        parameterizedRoute: t.map((s) => {
-          const o = _.INTERCEPTION_ROUTE_MARKERS.find((i) => s.startsWith(i)), a = s.match(x);
-          if (o && a) {
-            const { key: i, optional: c, repeat: n } = R(a[1]);
-            return r[i] = {
-              pos: u++,
-              repeat: n,
-              optional: c
-            }, "/" + (0, l.escapeStringRegexp)(o) + "([^/]+?)";
-          } else if (a) {
-            const { key: i, repeat: c, optional: n } = R(a[1]);
-            return r[i] = {
-              pos: u++,
-              repeat: c,
-              optional: n
-            }, c ? n ? "(?:/(.+?))?" : "/(.+?)" : "/([^/]+?)";
-          } else
-            return "/" + (0, l.escapeStringRegexp)(s);
-        }).join(""),
-        groups: r
-      };
-    }
-    function E(e) {
-      const { parameterizedRoute: t, groups: r } = P(e);
-      return {
-        re: new RegExp("^" + t + "(?:/)?$"),
-        groups: r
-      };
-    }
-    function K() {
-      let e = 0;
-      return () => {
-        let t = "", r = ++e;
-        for (; r > 0; )
-          t += String.fromCharCode(97 + (r - 1) % 26), r = Math.floor((r - 1) / 26);
-        return t;
-      };
-    }
-    function y(e) {
-      let { interceptionMarker: t, getSafeRouteKey: r, segment: u, routeKeys: s, keyPrefix: o } = e;
-      const { key: a, optional: i, repeat: c } = R(u);
-      let n = a.replace(/\W/g, "");
-      o && (n = "" + o + n);
-      let f = !1;
-      (n.length === 0 || n.length > 30) && (f = !0), isNaN(parseInt(n.slice(0, 1))) || (f = !0), f && (n = r()), o ? s[n] = "" + o + a : s[n] = a;
-      const g = t ? (0, l.escapeStringRegexp)(t) : "";
-      return c ? i ? "(?:/" + g + "(?<" + n + ">.+?))?" : "/" + g + "(?<" + n + ">.+?)" : "/" + g + "(?<" + n + ">[^/]+?)";
-    }
-    function M(e, t) {
-      const r = (0, h.removeTrailingSlash)(e).slice(1).split("/"), u = K(), s = {};
-      return {
-        namedParameterizedRoute: r.map((o) => {
-          const a = _.INTERCEPTION_ROUTE_MARKERS.some((c) => o.startsWith(c)), i = o.match(/\[((?:\[.*\])|.+)\]/);
-          if (a && i) {
-            const [c] = o.split(i[0]);
-            return y({
-              getSafeRouteKey: u,
-              interceptionMarker: c,
-              segment: i[1],
-              routeKeys: s,
-              keyPrefix: t ? m.NEXT_INTERCEPTION_MARKER_PREFIX : void 0
-            });
-          } else return i ? y({
-            getSafeRouteKey: u,
-            segment: i[1],
-            routeKeys: s,
-            keyPrefix: t ? m.NEXT_QUERY_PARAM_PREFIX : void 0
-          }) : "/" + (0, l.escapeStringRegexp)(o);
-        }).join(""),
-        routeKeys: s
-      };
-    }
-    function k(e, t) {
-      const r = M(e, t);
-      return {
-        ...E(e),
-        namedRegex: "^" + r.namedParameterizedRoute + "(?:/)?$",
-        routeKeys: r.routeKeys
-      };
-    }
-    function A(e, t) {
-      const { parameterizedRoute: r } = P(e), { catchAll: u = !0 } = t;
-      if (r === "/")
-        return {
-          namedRegex: "^/" + (u ? ".*" : "") + "$"
-        };
-      const { namedParameterizedRoute: s } = M(e, !1);
-      let o = u ? "(?:(/.*)?)" : "";
-      return {
-        namedRegex: "^" + s + o + "$"
+  });
+  const $ = async (e) => {
+    if (e == null)
+      return 0;
+    if (t.isBlob(e))
+      return e.size;
+    if (t.isSpecCompliantForm(e))
+      return (await new o(K.origin, {
+        method: "POST",
+        body: e
+      }).arrayBuffer()).byteLength;
+    if (t.isArrayBufferView(e) || t.isArrayBuffer(e))
+      return e.byteLength;
+    if (t.isURLSearchParams(e) && (e = e + ""), t.isString(e))
+      return (await R(e)).byteLength;
+  }, G = async (e, s) => {
+    const i = t.toFiniteNumber(e.getContentLength());
+    return i ?? $(s);
+  };
+  return async (e) => {
+    let {
+      url: s,
+      method: i,
+      data: c,
+      signal: Q,
+      cancelToken: _,
+      timeout: X,
+      onDownloadProgress: O,
+      onUploadProgress: B,
+      responseType: l,
+      headers: q,
+      withCredentials: C = "same-origin",
+      fetchOptions: U
+    } = se(e), v = n || fetch;
+    l = l ? (l + "").toLowerCase() : "text";
+    let E = ee([Q, _ && _.toAbortSignal()], X), T = null;
+    const m = E && E.unsubscribe && (() => {
+      E.unsubscribe();
+    });
+    let D;
+    try {
+      if (B && d && i !== "get" && i !== "head" && (D = await G(q, c)) !== 0) {
+        let p = new o(s, {
+          method: "POST",
+          body: c,
+          duplex: "half"
+        }), S;
+        if (t.isFormData(c) && (S = p.headers.get("content-type")) && q.setContentType(S), p.body) {
+          const [A, L] = I(
+            D,
+            M(j(B))
+          );
+          c = z(p.body, J, A, L);
+        }
+      }
+      t.isString(C) || (C = C ? "include" : "omit");
+      const a = f && "credentials" in o.prototype, N = {
+        ...U,
+        signal: E,
+        method: i.toUpperCase(),
+        headers: q.normalize().toJSON(),
+        body: c,
+        duplex: "half",
+        credentials: a ? C : void 0
       };
+      T = f && new o(s, N);
+      let u = await (f ? v(T, U) : v(s, N));
+      const k = h && (l === "stream" || l === "response");
+      if (h && (O || k && m)) {
+        const p = {};
+        ["status", "statusText", "headers"].forEach((H) => {
+          p[H] = u[H];
+        });
+        const S = t.toFiniteNumber(u.headers.get("content-length")), [A, L] = O && I(
+          S,
+          M(j(O), !0)
+        ) || [];
+        u = new y(
+          z(u.body, J, A, () => {
+            L && L(), m && m();
+          }),
+          p
+        );
+      }
+      l = l || "text";
+      let Y = await x[t.findKey(x, l) || "text"](u, e);
+      return !k && m && m(), await new Promise((p, S) => {
+        re(p, S, {
+          data: Y,
+          headers: te.from(u.headers),
+          status: u.status,
+          statusText: u.statusText,
+          config: e,
+          request: T
+        });
+      });
+    } catch (a) {
+      throw m && m(), a && a.name === "TypeError" && /Load failed|fetch/i.test(a.message) ? Object.assign(
+        new b("Network Error", b.ERR_NETWORK, e, T),
+        {
+          cause: a.cause || a
+        }
+      ) : b.from(a, a && a.code, e, T);
     }
-  }(p), p);
-}
+  };
+}, ae = /* @__PURE__ */ new Map(), ie = (r) => {
+  let n = r ? r.env : {};
+  const { fetch: o, Request: y, Response: g } = n, f = [
+    y,
+    g,
+    o
+  ];
+  let F = f.length, w = F, R, d, h = ae;
+  for (; w--; )
+    R = f[w], d = h.get(R), d === void 0 && h.set(R, d = w ? /* @__PURE__ */ new Map() : oe(n)), h = d;
+  return d;
+};
+ie();
 export {
-  w as __require
+  ie as getFetch
 };

package/dist/index117.mjs

@@ -1,58 +1,5 @@
 'use client';
-import { __exports as c } from "./index183.mjs";
-import { __require as y } from "./index104.mjs";
-import { __require as U } from "./index176.mjs";
-var l;
-function x() {
-  return l ? c : (l = 1, function(h) {
-    Object.defineProperty(h, "__esModule", {
-      value: !0
-    });
-    function m(e, t) {
-      for (var o in t) Object.defineProperty(e, o, {
-        enumerable: !0,
-        get: t[o]
-      });
-    }
-    m(h, {
-      formatUrl: function() {
-        return p;
-      },
-      formatWithValidation: function() {
-        return q;
-      },
-      urlObjectKeys: function() {
-        return u;
-      }
-    });
-    const _ = /* @__PURE__ */ y()._(U()), d = /https?|ftp|gopher|file/;
-    function p(e) {
-      let { auth: t, hostname: o } = e, a = e.protocol || "", n = e.pathname || "", f = e.hash || "", s = e.query || "", r = !1;
-      t = t ? encodeURIComponent(t).replace(/%3A/i, ":") + "@" : "", e.host ? r = t + e.host : o && (r = t + (~o.indexOf(":") ? "[" + o + "]" : o), e.port && (r += ":" + e.port)), s && typeof s == "object" && (s = String(_.urlQueryToSearchParams(s)));
-      let i = e.search || s && "?" + s || "";
-      return a && !a.endsWith(":") && (a += ":"), e.slashes || (!a || d.test(a)) && r !== !1 ? (r = "//" + (r || ""), n && n[0] !== "/" && (n = "/" + n)) : r || (r = ""), f && f[0] !== "#" && (f = "#" + f), i && i[0] !== "?" && (i = "?" + i), n = n.replace(/[?#]/g, encodeURIComponent), i = i.replace("#", "%23"), "" + a + r + n + i + f;
-    }
-    const u = [
-      "auth",
-      "hash",
-      "host",
-      "hostname",
-      "href",
-      "path",
-      "pathname",
-      "port",
-      "protocol",
-      "query",
-      "search",
-      "slashes"
-    ];
-    function q(e) {
-      return process.env.NODE_ENV === "development" && e !== null && typeof e == "object" && Object.keys(e).forEach((t) => {
-        u.includes(t) || console.warn("Unknown key passed via urlObject into url.format: " + t);
-      }), p(e);
-    }
-  }(c), c);
-}
+var r = {};
 export {
-  x as __require
+  r as __exports
 };

package/dist/index118.mjs

@@ -1,26 +1,31 @@
 'use client';
-import { __module as u } from "./index184.mjs";
-import { __require as c } from "./index185.mjs";
-var a;
-function d() {
-  return a ? u.exports : (a = 1, function(o, e) {
-    Object.defineProperty(e, "__esModule", {
-      value: !0
-    }), Object.defineProperty(e, "detectDomainLocale", {
-      enumerable: !0,
-      get: function() {
-        return i;
+import { __exports as u } from "./index156.mjs";
+var c;
+function o() {
+  if (c) return u;
+  c = 1;
+  function p(r) {
+    if (typeof WeakMap != "function") return null;
+    var n = /* @__PURE__ */ new WeakMap(), e = /* @__PURE__ */ new WeakMap();
+    return (p = function(t) {
+      return t ? e : n;
+    })(r);
+  }
+  function f(r, n) {
+    if (!n && r && r.__esModule) return r;
+    if (r === null || typeof r != "object" && typeof r != "function") return { default: r };
+    var e = p(n);
+    if (e && e.has(r)) return e.get(r);
+    var t = { __proto__: null }, _ = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var i in r)
+      if (i !== "default" && Object.prototype.hasOwnProperty.call(r, i)) {
+        var a = _ ? Object.getOwnPropertyDescriptor(r, i) : null;
+        a && (a.get || a.set) ? Object.defineProperty(t, i, a) : t[i] = r[i];
       }
-    });
-    const i = function() {
-      for (var n = arguments.length, r = new Array(n), t = 0; t < n; t++)
-        r[t] = arguments[t];
-      if (process.env.__NEXT_I18N_SUPPORT)
-        return c().detectDomainLocale(...r);
-    };
-    (typeof e.default == "function" || typeof e.default == "object" && e.default !== null) && typeof e.default.__esModule > "u" && (Object.defineProperty(e.default, "__esModule", { value: !0 }), Object.assign(e.default, e), o.exports = e.default);
-  }(u, u.exports), u.exports);
+    return t.default = r, e && e.set(r, t), t;
+  }
+  return u._ = f, u;
 }
 export {
-  d as __require
+  o as __require
 };

package/dist/index119.mjs

@@ -1,30 +1,21 @@
 'use client';
-import { __exports as u } from "./index186.mjs";
-var a;
-function f() {
-  return a ? u : (a = 1, function(s) {
-    Object.defineProperty(s, "__esModule", {
+import { __exports as e } from "./index157.mjs";
+var i;
+function u() {
+  return i ? e : (i = 1, function(r) {
+    Object.defineProperty(r, "__esModule", {
       value: !0
-    }), Object.defineProperty(s, "parsePath", {
+    }), Object.defineProperty(r, "removeTrailingSlash", {
       enumerable: !0,
       get: function() {
-        return i;
+        return n;
       }
     });
-    function i(r) {
-      const e = r.indexOf("#"), n = r.indexOf("?"), t = n > -1 && (e < 0 || n < e);
-      return t || e > -1 ? {
-        pathname: r.substring(0, t ? n : e),
-        query: t ? r.substring(n, e > -1 ? e : void 0) : "",
-        hash: e > -1 ? r.slice(e) : ""
-      } : {
-        pathname: r,
-        query: "",
-        hash: ""
-      };
+    function n(a) {
+      return a.replace(/\/$/, "") || "/";
     }
-  }(u), u);
+  }(e), e);
 }
 export {
-  f as __require
+  u as __require
 };

package/dist/index12.mjs

@@ -1,101 +1,97 @@
 'use client';
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Package as g, Trash2 as p } from "lucide-react";
-import { cn as N, formatCurrency as h } from "./index22.mjs";
-import { useCart as w } from "./index3.mjs";
-import { useState as f, useCallback as y } from "react";
-function U({
-  item: e,
-  className: b,
-  disabled: r = !1
+import { jsx as a, jsxs as i, Fragment as c } from "react/jsx-runtime";
+import { useState as v } from "react";
+import { Modal as y } from "./index20.mjs";
+import { Button as u } from "./index17.mjs";
+import { formatCurrency as h, cn as w } from "./index23.mjs";
+import { Package as p, Loader2 as C, ShoppingCart as k } from "lucide-react";
+function M({
+  isOpen: o,
+  onClose: f,
+  product: e,
+  onConfirm: d,
+  isLoading: r = !1
 }) {
-  const [i, n] = f(!1), [s, c] = f(!1), { removeItem: o, updateItem: d } = w(), m = y(async (l) => {
-    if (!(l <= 0)) {
-      c(!0);
-      try {
-        await d(e.id, l);
-      } catch (v) {
-        console.error("Failed to update item quantity:", v);
-      }
-      c(!1);
-    }
-  }, [e.id, d]), x = y(async () => {
-    n(!0);
-    try {
-      await o(e.id);
-    } catch (l) {
-      console.error("Failed to remove item:", l);
-    }
-    n(!1);
-  }, [e.id, o]), u = e.variant.thumbnailUrl ?? e.variant.product.thumbnailUrl;
-  return /* @__PURE__ */ t(
-    "div",
+  var t;
+  const [g, x] = v(null), s = g || ((t = e == null ? void 0 : e.variants[0]) == null ? void 0 : t.id) || null, l = e == null ? void 0 : e.variants.find((n) => n.id === s), b = () => {
+    e && l && d(e, l);
+  };
+  return e ? /* @__PURE__ */ a(
+    y,
     {
-      className: N(
-        "flex gap-3 transition-opacity",
-        (r || i || s) && "opacity-50",
-        b
+      isOpen: o,
+      onClose: f,
+      title: "Select Option",
+      size: "sm",
+      footer: /* @__PURE__ */ a(
+        u,
+        {
+          onClick: b,
+          disabled: !l || r,
+          className: "w-full bg-accent-500 hover:bg-accent-600 text-white",
+          size: "lg",
+          children: r ? /* @__PURE__ */ i(c, { children: [
+            /* @__PURE__ */ a(C, { className: "h-4 w-4 animate-spin mr-2" }),
+            "Adding..."
+          ] }) : /* @__PURE__ */ i(c, { children: [
+            /* @__PURE__ */ a(k, { className: "h-4 w-4 mr-2" }),
+            "Add to Cart - ",
+            l && h(l.price)
+          ] })
+        }
       ),
-      children: [
-        /* @__PURE__ */ a("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-gray-100", children: u ? /* @__PURE__ */ a(
-          "img",
-          {
-            src: u,
-            alt: e.variant.product.name,
-            className: "h-full w-full object-cover"
-          }
-        ) : /* @__PURE__ */ a("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ a(g, { className: "h-6 w-6 text-gray-400" }) }) }),
-        /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col justify-between py-1", children: [
-          /* @__PURE__ */ a("div", { children: /* @__PURE__ */ t("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ t("div", { className: "flex-1", children: [
-              /* @__PURE__ */ a("h3", { className: "text-base font-semibold leading-tight", children: e.variant.product.name }),
-              e.variant.name && /* @__PURE__ */ a("p", { className: "mt-0.5 text-sm text-gray-600", children: e.variant.name })
-            ] }),
-            /* @__PURE__ */ a(
-              "button",
-              {
-                onClick: x,
-                disabled: r || i,
-                className: "text-gray-400 hover:text-red-600 disabled:cursor-not-allowed disabled:opacity-50",
-                "aria-label": "Remove item",
-                children: /* @__PURE__ */ a(p, { className: "h-5 w-5" })
-              }
-            )
-          ] }) }),
-          /* @__PURE__ */ t("div", { className: "flex items-center justify-between mt-2", children: [
-            /* @__PURE__ */ t("div", { className: "inline-flex items-center overflow-hidden rounded-full bg-gray-200 text-gray-700", children: [
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  "aria-label": "Decrease quantity",
-                  onClick: () => m(e.quantity - 1),
-                  disabled: r || e.quantity <= 1 || s,
-                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
-                  children: "−"
-                }
-              ),
-              /* @__PURE__ */ a("span", { className: "px-3 text-base font-medium select-none", children: e.quantity }),
-              /* @__PURE__ */ a(
-                "button",
-                {
-                  "aria-label": "Increase quantity",
-                  onClick: () => m(e.quantity + 1),
-                  disabled: r || s,
-                  className: "flex h-8 w-8 items-center justify-center transition-colors hover:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-50",
-                  children: "+"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t("div", { className: "text-right", children: [
-              /* @__PURE__ */ a("p", { className: "text-base font-medium", children: h(e.subtotal) }),
-              e.basePrice !== e.finalPrice && /* @__PURE__ */ a("p", { className: "text-xs text-[#DC143C] line-through", children: h(e.basePrice * e.quantity) })
+      children: /* @__PURE__ */ i("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ i("div", { className: "flex gap-4", children: [
+          /* @__PURE__ */ a("div", { className: "w-20 h-20 flex-shrink-0 rounded-lg overflow-hidden bg-gray-100", children: l != null && l.thumbnailUrl || e.thumbnailUrl ? /* @__PURE__ */ a(
+            "img",
+            {
+              src: (l == null ? void 0 : l.thumbnailUrl) || e.thumbnailUrl || "",
+              alt: (l == null ? void 0 : l.name) || e.name,
+              className: "w-full h-full object-cover"
+            }
+          ) : /* @__PURE__ */ a("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ a(p, { className: "h-8 w-8 text-gray-300" }) }) }),
+          /* @__PURE__ */ i("div", { className: "flex-1", children: [
+            /* @__PURE__ */ a("h3", { className: "font-semibold text-gray-900", children: e.name }),
+            /* @__PURE__ */ i("p", { className: "text-sm text-gray-500 mt-1", children: [
+              e.variants.length,
+              " options available"
             ] })
           ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ a("p", { className: "text-sm font-medium text-gray-700", children: "Choose an option:" }),
+          /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: e.variants.map((n) => {
+            const N = n.id === s, m = n.thumbnailUrl || e.thumbnailUrl;
+            return /* @__PURE__ */ i(
+              "button",
+              {
+                onClick: () => x(n.id),
+                className: w(
+                  "flex items-center gap-2 px-3 py-2 rounded-full text-sm font-medium border-2 transition-all",
+                  N ? "border-accent-500 bg-accent-50 text-accent-700" : "border-gray-200 bg-white text-gray-700 hover:border-gray-300"
+                ),
+                children: [
+                  m && /* @__PURE__ */ a(
+                    "img",
+                    {
+                      src: m,
+                      alt: n.name || "Variant",
+                      className: "w-6 h-6 rounded-full object-cover flex-shrink-0"
+                    }
+                  ),
+                  n.name || "Default",
+                  " - ",
+                  h(n.price)
+                ]
+              },
+              n.id
+            );
+          }) })
         ] })
-      ]
+      ] })
     }
-  );
+  ) : null;
 }
 export {
-  U as CartItem
+  M as VariantPickerModal
 };