@instockng/storefront-ui 1.0.18 → 1.0.20

package/dist/index64.mjs

@@ -1,71 +1,78 @@
 'use client';
-import i from "./index61.mjs";
-import h from "./index75.mjs";
-const c = (s) => s instanceof h ? { ...s } : s;
-function C(s, f) {
-  f = f || {};
-  const u = {};
-  function d(t, e, r, o) {
-    return i.isPlainObject(t) && i.isPlainObject(e) ? i.merge.call({ caseless: o }, t, e) : i.isPlainObject(e) ? i.merge({}, e) : i.isArray(e) ? e.slice() : e;
-  }
-  function l(t, e, r, o) {
-    if (i.isUndefined(e)) {
-      if (!i.isUndefined(t))
-        return d(void 0, t, r, o);
-    } else return d(t, e, r, o);
-  }
-  function a(t, e) {
-    if (!i.isUndefined(e))
-      return d(void 0, e);
-  }
-  function n(t, e) {
-    if (i.isUndefined(e)) {
-      if (!i.isUndefined(t))
-        return d(void 0, t);
-    } else return d(void 0, e);
-  }
-  function m(t, e, r) {
-    if (r in f)
-      return d(t, e);
-    if (r in s)
-      return d(void 0, t);
+function c(e) {
+  this._maxSize = e, this.clear();
+}
+c.prototype.clear = function() {
+  this._size = 0, this._values = /* @__PURE__ */ Object.create(null);
+};
+c.prototype.get = function(e) {
+  return this._values[e];
+};
+c.prototype.set = function(e, t) {
+  return this._size >= this._maxSize && this.clear(), e in this._values || this._size++, this._values[e] = t;
+};
+var d = /[^.^\]^[]+|(?=\[\]|\.\.)/g, C = /^\d+$/, m = /^\d/, A = /[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/g, x = /^\s*(['"]?)(.*?)(\1)\s*$/, h = 512, E = new c(h), v = new c(h), g = new c(h), I = {
+  Cache: c,
+  split: l,
+  normalizePath: f,
+  setter: function(e) {
+    var t = f(e);
+    return v.get(e) || v.set(e, function(s, n) {
+      for (var r = 0, o = t.length, u = s; r < o - 1; ) {
+        var a = t[r];
+        if (a === "__proto__" || a === "constructor" || a === "prototype")
+          return s;
+        u = u[t[r++]];
+      }
+      u[t[r]] = n;
+    });
+  },
+  getter: function(e, t) {
+    var i = f(e);
+    return g.get(e) || g.set(e, function(n) {
+      for (var r = 0, o = i.length; r < o; )
+        if (n != null || !t) n = n[i[r++]];
+        else return;
+      return n;
+    });
+  },
+  join: function(e) {
+    return e.reduce(function(t, i) {
+      return t + (_(i) || C.test(i) ? "[" + i + "]" : (t ? "." : "") + i);
+    }, "");
+  },
+  forEach: function(e, t, i) {
+    y(Array.isArray(e) ? e : l(e), t, i);
   }
-  const g = {
-    url: a,
-    method: a,
-    data: a,
-    baseURL: n,
-    transformRequest: n,
-    transformResponse: n,
-    paramsSerializer: n,
-    timeout: n,
-    timeoutMessage: n,
-    withCredentials: n,
-    withXSRFToken: n,
-    adapter: n,
-    responseType: n,
-    xsrfCookieName: n,
-    xsrfHeaderName: n,
-    onUploadProgress: n,
-    onDownloadProgress: n,
-    decompress: n,
-    maxContentLength: n,
-    maxBodyLength: n,
-    beforeRedirect: n,
-    transport: n,
-    httpAgent: n,
-    httpsAgent: n,
-    cancelToken: n,
-    socketPath: n,
-    responseEncoding: n,
-    validateStatus: m,
-    headers: (t, e, r) => l(c(t), c(e), r, !0)
-  };
-  return i.forEach(Object.keys({ ...s, ...f }), function(e) {
-    const r = g[e] || l, o = r(s[e], f[e], e);
-    i.isUndefined(o) && r !== m || (u[e] = o);
-  }), u;
+};
+function f(e) {
+  return E.get(e) || E.set(
+    e,
+    l(e).map(function(t) {
+      return t.replace(x, "$2");
+    })
+  );
+}
+function l(e) {
+  return e.match(d) || [""];
+}
+function y(e, t, i) {
+  var s = e.length, n, r, o, u;
+  for (r = 0; r < s; r++)
+    n = e[r], n && (S(n) && (n = '"' + n + '"'), u = _(n), o = !u && /^\d+$/.test(n), t.call(i, n, u, o, r, e));
+}
+function _(e) {
+  return typeof e == "string" && e && ["'", '"'].indexOf(e.charAt(0)) !== -1;
+}
+function z(e) {
+  return e.match(m) && !e.match(C);
+}
+function G(e) {
+  return A.test(e);
+}
+function S(e) {
+  return !_(e) && (z(e) || G(e));
 }
 export {
-  C as default
+  I as p
 };

package/dist/index65.mjs

@@ -1,90 +1,18 @@
 'use client';
-import t from "./index61.mjs";
-import c from "./index72.mjs";
-import u from "./index85.mjs";
-import S from "./index71.mjs";
-import h from "./index86.mjs";
-import a from "./index87.mjs";
-import O from "./index66.mjs";
-function y(i, r, e) {
-  if (t.isString(i))
-    try {
-      return (r || JSON.parse)(i), t.trim(i);
-    } catch (n) {
-      if (n.name !== "SyntaxError")
-        throw n;
-    }
-  return (e || JSON.stringify)(i);
-}
-const l = {
-  transitional: u,
-  adapter: ["xhr", "http", "fetch"],
-  transformRequest: [function(r, e) {
-    const n = e.getContentType() || "", s = n.indexOf("application/json") > -1, f = t.isObject(r);
-    if (f && t.isHTMLForm(r) && (r = new FormData(r)), t.isFormData(r))
-      return s ? JSON.stringify(O(r)) : r;
-    if (t.isArrayBuffer(r) || t.isBuffer(r) || t.isStream(r) || t.isFile(r) || t.isBlob(r) || t.isReadableStream(r))
-      return r;
-    if (t.isArrayBufferView(r))
-      return r.buffer;
-    if (t.isURLSearchParams(r))
-      return e.setContentType("application/x-www-form-urlencoded;charset=utf-8", !1), r.toString();
-    let o;
-    if (f) {
-      if (n.indexOf("application/x-www-form-urlencoded") > -1)
-        return h(r, this.formSerializer).toString();
-      if ((o = t.isFileList(r)) || n.indexOf("multipart/form-data") > -1) {
-        const p = this.env && this.env.FormData;
-        return S(
-          o ? { "files[]": r } : r,
-          p && new p(),
-          this.formSerializer
-        );
-      }
-    }
-    return f || s ? (e.setContentType("application/json", !1), y(r)) : r;
-  }],
-  transformResponse: [function(r) {
-    const e = this.transitional || l.transitional, n = e && e.forcedJSONParsing, s = this.responseType === "json";
-    if (t.isResponse(r) || t.isReadableStream(r))
-      return r;
-    if (r && t.isString(r) && (n && !this.responseType || s)) {
-      const m = !(e && e.silentJSONParsing) && s;
-      try {
-        return JSON.parse(r, this.parseReviver);
-      } catch (o) {
-        if (m)
-          throw o.name === "SyntaxError" ? c.from(o, c.ERR_BAD_RESPONSE, this, null, this.response) : o;
-      }
-    }
-    return r;
-  }],
-  /**
-   * A timeout in milliseconds to abort a request. If set to 0 (default) a
-   * timeout is not created.
-   */
-  timeout: 0,
-  xsrfCookieName: "XSRF-TOKEN",
-  xsrfHeaderName: "X-XSRF-TOKEN",
-  maxContentLength: -1,
-  maxBodyLength: -1,
-  env: {
-    FormData: a.classes.FormData,
-    Blob: a.classes.Blob
-  },
-  validateStatus: function(r) {
-    return r >= 200 && r < 300;
-  },
-  headers: {
-    common: {
-      Accept: "application/json, text/plain, */*",
-      "Content-Type": void 0
-    }
-  }
+const c = /[A-Z\xc0-\xd6\xd8-\xde]?[a-z\xdf-\xf6\xf8-\xff]+(?:['’](?:d|ll|m|re|s|t|ve))?(?=[\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000]|[A-Z\xc0-\xd6\xd8-\xde]|$)|(?:[A-Z\xc0-\xd6\xd8-\xde]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])+(?:['’](?:D|LL|M|RE|S|T|VE))?(?=[\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000]|[A-Z\xc0-\xd6\xd8-\xde](?:[a-z\xdf-\xf6\xf8-\xff]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])|$)|[A-Z\xc0-\xd6\xd8-\xde]?(?:[a-z\xdf-\xf6\xf8-\xff]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])+(?:['’](?:d|ll|m|re|s|t|ve))?|[A-Z\xc0-\xd6\xd8-\xde]+(?:['’](?:D|LL|M|RE|S|T|VE))?|\d*(?:1ST|2ND|3RD|(?![123])\dTH)(?=\b|[a-z_])|\d*(?:1st|2nd|3rd|(?![123])\dth)(?=\b|[A-Z_])|\d+|(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff]|\ud83c[\udffb-\udfff])?(?:\u200d(?:[^\ud800-\udfff]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff]|\ud83c[\udffb-\udfff])?)*/g, x = (u) => u.match(c) || [], d = (u) => u[0].toUpperCase() + u.slice(1), a = (u, f) => x(u).join(f).toLowerCase(), b = (u) => x(u).reduce(
+  (f, e) => `${f}${f ? e[0].toUpperCase() + e.slice(1).toLowerCase() : e.toLowerCase()}`,
+  ""
+), s = (u) => d(b(u)), t = (u) => a(u, "_"), o = (u) => a(u, "-"), n = (u) => d(a(u, " ")), r = (u) => x(u).map(d).join(" ");
+var C = {
+  words: x,
+  upperFirst: d,
+  camelCase: b,
+  pascalCase: s,
+  snakeCase: t,
+  kebabCase: o,
+  sentenceCase: n,
+  titleCase: r
 };
-t.forEach(["delete", "get", "head", "post", "put", "patch"], (i) => {
-  l.headers[i] = {};
-});
 export {
-  l as default
+  C as t
 };

package/dist/index66.mjs

@@ -1,32 +1,66 @@
 'use client';
-import u from "./index61.mjs";
-function f(e) {
-  return u.matchAll(/\w+|\[(\w*)]/g, e).map((o) => o[0] === "[]" ? "" : o[1] || o[0]);
-}
-function y(e) {
-  const o = {}, r = Object.keys(e);
-  let i;
-  const n = r.length;
-  let c;
-  for (i = 0; i < n; i++)
-    c = r[i], o[c] = e[c];
-  return o;
+import { getDefaultExportFromCjs as d } from "./index60.mjs";
+import { __module as v } from "./index94.mjs";
+v.exports = function(n) {
+  return g(m(n), n);
+};
+v.exports.array = g;
+function g(n, r) {
+  var t = n.length, e = new Array(t), o = {}, u = t, c = y(r), f = E(n);
+  for (r.forEach(function(a) {
+    if (!f.has(a[0]) || !f.has(a[1]))
+      throw new Error("Unknown node. There is an unknown node in the supplied edges.");
+  }); u--; )
+    o[u] || l(n[u], u, /* @__PURE__ */ new Set());
+  return e;
+  function l(a, s, i) {
+    if (i.has(a)) {
+      var w;
+      try {
+        w = ", node was:" + JSON.stringify(a);
+      } catch {
+        w = "";
+      }
+      throw new Error("Cyclic dependency" + w);
+    }
+    if (!f.has(a))
+      throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: " + JSON.stringify(a));
+    if (!o[s]) {
+      o[s] = !0;
+      var h = c.get(a) || /* @__PURE__ */ new Set();
+      if (h = Array.from(h), s = h.length) {
+        i.add(a);
+        do {
+          var p = h[--s];
+          l(p, f.get(p), i);
+        } while (s);
+        i.delete(a);
+      }
+      e[--t] = a;
+    }
+  }
 }
-function m(e) {
-  function o(r, i, n, c) {
-    let s = r[c++];
-    if (s === "__proto__") return !0;
-    const t = Number.isFinite(+s), l = c >= r.length;
-    return s = !s && u.isArray(n) ? n.length : s, l ? (u.hasOwnProp(n, s) ? n[s] = [n[s], i] : n[s] = i, !t) : ((!n[s] || !u.isObject(n[s])) && (n[s] = []), o(r, i, n[s], c) && u.isArray(n[s]) && (n[s] = y(n[s])), !t);
+function m(n) {
+  for (var r = /* @__PURE__ */ new Set(), t = 0, e = n.length; t < e; t++) {
+    var o = n[t];
+    r.add(o[0]), r.add(o[1]);
   }
-  if (u.isFormData(e) && u.isFunction(e.entries)) {
-    const r = {};
-    return u.forEachEntry(e, (i, n) => {
-      o(f(i), n, r, 0);
-    }), r;
+  return Array.from(r);
+}
+function y(n) {
+  for (var r = /* @__PURE__ */ new Map(), t = 0, e = n.length; t < e; t++) {
+    var o = n[t];
+    r.has(o[0]) || r.set(o[0], /* @__PURE__ */ new Set()), r.has(o[1]) || r.set(o[1], /* @__PURE__ */ new Set()), r.get(o[0]).add(o[1]);
   }
-  return null;
+  return r;
+}
+function E(n) {
+  for (var r = /* @__PURE__ */ new Map(), t = 0, e = n.length; t < e; t++)
+    r.set(n[t], t);
+  return r;
 }
+var k = v.exports;
+const A = /* @__PURE__ */ d(k);
 export {
-  m as default
+  A as default
 };

package/dist/index67.mjs

@@ -1,12 +1,8 @@
 'use client';
-import r from "./index72.mjs";
-import i from "./index61.mjs";
-function l(o, t, e) {
-  r.call(this, o ?? "canceled", r.ERR_CANCELED, t, e), this.name = "CanceledError";
+import { useQuery as e } from "@tanstack/react-query";
+function n(r) {
+  return e(r);
 }
-i.inherits(l, r, {
-  __CANCEL__: !0
-});
 export {
-  l as default
+  n as useQueryUnwrapped
 };

package/dist/index68.mjs

@@ -1,78 +1,5 @@
 'use client';
-import u from "./index67.mjs";
-class c {
-  constructor(e) {
-    if (typeof e != "function")
-      throw new TypeError("executor must be a function.");
-    let t;
-    this.promise = new Promise(function(r) {
-      t = r;
-    });
-    const s = this;
-    this.promise.then((n) => {
-      if (!s._listeners) return;
-      let r = s._listeners.length;
-      for (; r-- > 0; )
-        s._listeners[r](n);
-      s._listeners = null;
-    }), this.promise.then = (n) => {
-      let r;
-      const o = new Promise((i) => {
-        s.subscribe(i), r = i;
-      }).then(n);
-      return o.cancel = function() {
-        s.unsubscribe(r);
-      }, o;
-    }, e(function(r, o, i) {
-      s.reason || (s.reason = new u(r, o, i), t(s.reason));
-    });
-  }
-  /**
-   * Throws a `CanceledError` if cancellation has been requested.
-   */
-  throwIfRequested() {
-    if (this.reason)
-      throw this.reason;
-  }
-  /**
-   * Subscribe to the cancel signal
-   */
-  subscribe(e) {
-    if (this.reason) {
-      e(this.reason);
-      return;
-    }
-    this._listeners ? this._listeners.push(e) : this._listeners = [e];
-  }
-  /**
-   * Unsubscribe from the cancel signal
-   */
-  unsubscribe(e) {
-    if (!this._listeners)
-      return;
-    const t = this._listeners.indexOf(e);
-    t !== -1 && this._listeners.splice(t, 1);
-  }
-  toAbortSignal() {
-    const e = new AbortController(), t = (s) => {
-      e.abort(s);
-    };
-    return this.subscribe(t), e.signal.unsubscribe = () => this.unsubscribe(t), e.signal;
-  }
-  /**
-   * Returns an object that contains a new `CancelToken` and a function that, when called,
-   * cancels the `CancelToken`.
-   */
-  static source() {
-    let e;
-    return {
-      token: new c(function(n) {
-        e = n;
-      }),
-      cancel: e
-    };
-  }
-}
+var r = { exports: {} };
 export {
-  c as default
+  r as __module
 };

package/dist/index69.mjs

@@ -1,7 +1,9 @@
 'use client';
-function t(n) {
-  return !!(n && n.__CANCEL__);
+import { __exports as r } from "./index74.mjs";
+function t(e) {
+  return e && e.__esModule ? e : { default: e };
 }
+r._ = t;
 export {
-  t as default
+  r as default
 };

package/dist/index7.mjs

@@ -1,101 +1,113 @@
 'use client';
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Package as v, Trash2 as p } from "lucide-react";
-import { cn as g, formatCurrency as m } from "./index17.mjs";
-import { useCart as N } from "./index3.mjs";
-import { useState as h, useCallback as f } from "react";
-function I({
-  item: e,
-  className: y,
-  disabled: r = !1
+import { jsxs as s, jsx as t, Fragment as u } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { Card as P, CardContent as S, CardFooter as j } from "./index14.mjs";
+import { Button as I } from "./index13.mjs";
+import { Badge as p } from "./index15.mjs";
+import { Package as O, ShoppingCart as q } from "lucide-react";
+import { cn as g, formatCurrency as h } from "./index19.mjs";
+function D({
+  product: r,
+  onAddToCart: o,
+  showStock: b = !0,
+  className: x,
+  imageClassName: N,
+  disableAddToCart: v = !1,
+  isAddingToCart: n = !1,
+  onClick: i
 }) {
-  const [i, n] = h(!1), [s, c] = h(!1), { removeItem: o, updateItem: d } = N(), u = f(async (l) => {
-    if (!(l <= 0)) {
-      c(!0);
-      try {
-        await d(e.id, l);
-      } catch (x) {
-        console.error("Failed to update item quantity:", x);
-      }
-      c(!1);
-    }
-  }, [e.id, d]), b = f(async () => {
-    n(!0);
-    try {
-      await o(e.id);
-    } catch (l) {
-      console.error("Failed to remove item:", l);
-    }
-    n(!1);
-  }, [e.id, o]);
-  return /* @__PURE__ */ t(
-    "div",
+  var d;
+  const [c, y] = f(
+    ((d = r.variants[0]) == null ? void 0 : d.id) || ""
+  ), [m, k] = f(1), a = r.variants.find((e) => e.id === c), C = r.variants.length > 1, l = a ? a.stock === void 0 || a.stock > 0 : !1, w = (e) => {
+    e.stopPropagation(), a && o && o(a.id, m);
+  };
+  return /* @__PURE__ */ s(
+    P,
     {
       className: g(
-        "flex gap-3 transition-opacity",
-        (r || i || s) && "opacity-50",
-        y
+        "group overflow-hidden transition-all hover:shadow-lg",
+        i && "cursor-pointer",
+        x
       ),
+      onClick: i,
       children: [
-        /* @__PURE__ */ a("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-gray-100", children: e.variant.product.thumbnailUrl ? /* @__PURE__ */ a(
-          "img",
-          {
-            src: e.variant.product.thumbnailUrl,
-            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(v, { 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",
+        /* @__PURE__ */ s("div", { className: "relative aspect-square overflow-hidden bg-gray-100", children: [
+          r.imageUrl ? /* @__PURE__ */ t(
+            "img",
+            {
+              src: r.imageUrl,
+              alt: r.name,
+              className: g(
+                "h-full w-full object-cover transition-transform group-hover:scale-105",
+                N
+              )
+            }
+          ) : /* @__PURE__ */ t("div", { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ t(O, { className: "h-16 w-16 text-gray-400" }) }),
+          !l && /* @__PURE__ */ t(p, { className: "absolute right-2 top-2 bg-red-600", children: "Out of Stock" }),
+          b && l && (a == null ? void 0 : a.stock) !== void 0 && a.stock < 10 && /* @__PURE__ */ s(p, { className: "absolute right-2 top-2 bg-orange-600", children: [
+            "Only ",
+            a.stock,
+            " left"
+          ] })
+        ] }),
+        /* @__PURE__ */ s(S, { className: "p-4", children: [
+          /* @__PURE__ */ t("h3", { className: "mb-1 font-semibold line-clamp-2", children: r.name }),
+          r.description && /* @__PURE__ */ t("p", { className: "mb-2 text-sm text-gray-600 line-clamp-2", children: r.description }),
+          C && /* @__PURE__ */ s("div", { className: "mb-3", children: [
+            /* @__PURE__ */ t("label", { className: "mb-1 block text-xs font-medium text-gray-700", children: "Select Option" }),
+            /* @__PURE__ */ t(
+              "select",
               {
-                onClick: b,
-                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" })
+                value: c,
+                onChange: (e) => {
+                  e.stopPropagation(), y(e.target.value);
+                },
+                className: "w-full rounded-md border border-gray-300 px-2 py-1 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
+                onClick: (e) => e.stopPropagation(),
+                children: r.variants.map((e) => /* @__PURE__ */ s("option", { value: e.id, children: [
+                  e.name,
+                  " - ",
+                  h(e.price)
+                ] }, e.id))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("div", { className: "mb-3 text-2xl font-bold text-blue-600", children: a && h(a.price) }),
+          /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ t("label", { className: "text-xs font-medium text-gray-700", children: "Qty:" }),
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "number",
+                min: "1",
+                max: (a == null ? void 0 : a.stock) || 999,
+                value: m,
+                onChange: (e) => {
+                  e.stopPropagation(), k(Math.max(1, parseInt(e.target.value) || 1));
+                },
+                onClick: (e) => e.stopPropagation(),
+                className: "w-20 rounded-md border border-gray-300 px-2 py-1 text-sm focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500"
               }
             )
-          ] }) }),
-          /* @__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: () => u(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: () => u(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: m(e.subtotal) }),
-              e.basePrice !== e.finalPrice && /* @__PURE__ */ a("p", { className: "text-xs text-[#DC143C] line-through", children: m(e.basePrice * e.quantity) })
-            ] })
           ] })
-        ] })
+        ] }),
+        /* @__PURE__ */ t(j, { className: "p-4 pt-0", children: /* @__PURE__ */ t(
+          I,
+          {
+            onClick: w,
+            disabled: v || !l || n,
+            className: "w-full",
+            children: n ? /* @__PURE__ */ t(u, { children: "Adding..." }) : /* @__PURE__ */ s(u, { children: [
+              /* @__PURE__ */ t(q, { className: "mr-2 h-4 w-4" }),
+              "Add to Cart"
+            ] })
+          }
+        ) })
       ]
     }
   );
 }
 export {
-  I as CartItem
+  D as ProductCard
 };