@instockng/storefront-ui 1.0.89 → 1.0.91

package/dist/index138.mjs

@@ -1,26 +1,24 @@
 'use client';
-import { __exports as t } from "./index210.mjs";
-var n;
-function i() {
-  return n ? t : (n = 1, function(o) {
-    Object.defineProperty(o, "__esModule", {
+import { __exports as r } from "./index198.mjs";
+var u;
+function m() {
+  return u ? r : (u = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
       value: !0
-    }), Object.defineProperty(o, "handleSmoothScroll", {
+    }), Object.defineProperty(t, "omit", {
       enumerable: !0,
       get: function() {
-        return c;
+        return o;
       }
     });
-    function c(l, e) {
-      if (e === void 0 && (e = {}), e.onlyHashChange) {
-        l();
-        return;
-      }
-      const r = document.documentElement, u = r.style.scrollBehavior;
-      r.style.scrollBehavior = "auto", e.dontForceLayout || r.getClientRects(), l(), r.style.scrollBehavior = u;
+    function o(i, f) {
+      const n = {};
+      return Object.keys(i).forEach((e) => {
+        f.includes(e) || (n[e] = i[e]);
+      }), n;
     }
-  }(t), t);
+  }(r), r);
 }
 export {
-  i as __require
+  m as __require
 };

package/dist/index139.mjs

@@ -1,271 +1,50 @@
 'use client';
-import { __exports as t } from "./index211.mjs";
-var o;
-function Re() {
-  return o ? t : (o = 1, function(n) {
-    Object.defineProperty(n, "__esModule", {
+import { __exports as u } from "./index199.mjs";
+import { __require as A } from "./index121.mjs";
+import { __require as x } from "./index122.mjs";
+var d;
+function v() {
+  return d ? u : (d = 1, function(c) {
+    Object.defineProperty(c, "__esModule", {
       value: !0
-    });
-    function s(oe, r) {
-      for (var E in r) Object.defineProperty(oe, E, {
-        enumerable: !0,
-        get: r[E]
-      });
-    }
-    s(n, {
-      ACTION_SUFFIX: function() {
-        return N;
-      },
-      APP_DIR_ALIAS: function() {
-        return h;
-      },
-      CACHE_ONE_YEAR: function() {
-        return G;
-      },
-      DOT_NEXT_ALIAS: function() {
-        return v;
-      },
-      ESLINT_DEFAULT_DIRS: function() {
-        return ne;
-      },
-      GSP_NO_RETURNED_VALUE: function() {
-        return $;
-      },
-      GSSP_COMPONENT_MEMBER_ERROR: function() {
-        return Z;
-      },
-      GSSP_NO_RETURNED_VALUE: function() {
-        return z;
-      },
-      INFINITE_CACHE: function() {
-        return l;
-      },
-      INSTRUMENTATION_HOOK_FILENAME: function() {
-        return H;
-      },
-      MATCHED_PATH_HEADER: function() {
-        return c;
-      },
-      MIDDLEWARE_FILENAME: function() {
-        return _;
-      },
-      MIDDLEWARE_LOCATION_REGEXP: function() {
-        return M;
-      },
-      NEXT_BODY_SUFFIX: function() {
-        return O;
-      },
-      NEXT_CACHE_IMPLICIT_TAG_ID: function() {
-        return m;
-      },
-      NEXT_CACHE_REVALIDATED_TAGS_HEADER: function() {
-        return f;
-      },
-      NEXT_CACHE_REVALIDATE_TAG_TOKEN_HEADER: function() {
-        return D;
-      },
-      NEXT_CACHE_SOFT_TAGS_HEADER: function() {
-        return p;
-      },
-      NEXT_CACHE_SOFT_TAG_MAX_LENGTH: function() {
-        return F;
-      },
-      NEXT_CACHE_TAGS_HEADER: function() {
-        return d;
-      },
-      NEXT_CACHE_TAG_MAX_ITEMS: function() {
-        return g;
-      },
-      NEXT_CACHE_TAG_MAX_LENGTH: function() {
-        return X;
-      },
-      NEXT_DATA_SUFFIX: function() {
-        return C;
-      },
-      NEXT_INTERCEPTION_MARKER_PREFIX: function() {
-        return A;
-      },
-      NEXT_META_SUFFIX: function() {
-        return P;
-      },
-      NEXT_QUERY_PARAM_PREFIX: function() {
-        return R;
-      },
-      NEXT_RESUME_HEADER: function() {
-        return L;
-      },
-      NON_STANDARD_NODE_ENV: function() {
-        return ee;
-      },
-      PAGES_DIR_ALIAS: function() {
-        return x;
-      },
-      PRERENDER_REVALIDATE_HEADER: function() {
-        return a;
-      },
-      PRERENDER_REVALIDATE_ONLY_GENERATED_HEADER: function() {
-        return i;
-      },
-      PUBLIC_DIR_MIDDLEWARE_CONFLICT: function() {
-        return W;
-      },
-      ROOT_DIR_ALIAS: function() {
-        return U;
-      },
-      RSC_ACTION_CLIENT_WRAPPER_ALIAS: function() {
+    }), Object.defineProperty(c, "interpolateAs", {
+      enumerable: !0,
+      get: function() {
         return y;
-      },
-      RSC_ACTION_ENCRYPTION_ALIAS: function() {
-        return w;
-      },
-      RSC_ACTION_PROXY_ALIAS: function() {
-        return Y;
-      },
-      RSC_ACTION_VALIDATE_ALIAS: function() {
-        return B;
-      },
-      RSC_CACHE_WRAPPER_ALIAS: function() {
-        return b;
-      },
-      RSC_MOD_REF_PROXY_ALIAS: function() {
-        return V;
-      },
-      RSC_PREFETCH_SUFFIX: function() {
-        return S;
-      },
-      RSC_SEGMENTS_DIR_SUFFIX: function() {
-        return T;
-      },
-      RSC_SEGMENT_SUFFIX: function() {
-        return u;
-      },
-      RSC_SUFFIX: function() {
-        return I;
-      },
-      SERVER_PROPS_EXPORT_ERROR: function() {
-        return q;
-      },
-      SERVER_PROPS_GET_INIT_PROPS_CONFLICT: function() {
-        return K;
-      },
-      SERVER_PROPS_SSG_CONFLICT: function() {
-        return Q;
-      },
-      SERVER_RUNTIME: function() {
-        return _e;
-      },
-      SSG_FALLBACK_EXPORT_ERROR: function() {
-        return te;
-      },
-      SSG_GET_INITIAL_PROPS_CONFLICT: function() {
-        return j;
-      },
-      STATIC_STATUS_PAGE_GET_INITIAL_PROPS_ERROR: function() {
-        return k;
-      },
-      UNSTABLE_REVALIDATE_RENAME_ERROR: function() {
-        return J;
-      },
-      WEBPACK_LAYERS: function() {
-        return re;
-      },
-      WEBPACK_RESOURCE_QUERIES: function() {
-        return Ee;
       }
     });
-    const R = "nxtP", A = "nxtI", c = "x-matched-path", a = "x-prerender-revalidate", i = "x-prerender-revalidate-if-generated", S = ".prefetch.rsc", T = ".segments", u = ".segment.rsc", I = ".rsc", N = ".action", C = ".json", P = ".meta", O = ".body", d = "x-next-cache-tags", p = "x-next-cache-soft-tags", f = "x-next-revalidated-tags", D = "x-next-revalidate-tag-token", L = "next-resume", g = 128, X = 256, F = 1024, m = "_N_T_", G = 31536e3, l = 4294967294, _ = "middleware", M = `(?:src/)?${_}`, H = "instrumentation", x = "private-next-pages", v = "private-dot-next", U = "private-next-root-dir", h = "private-next-app-dir", V = "private-next-rsc-mod-ref-proxy", B = "private-next-rsc-action-validate", Y = "private-next-rsc-server-reference", b = "private-next-rsc-cache-wrapper", w = "private-next-rsc-action-encryption", y = "private-next-rsc-action-client-wrapper", W = "You can not have a '_next' folder inside of your public folder. This conflicts with the internal '/_next' route. https://nextjs.org/docs/messages/public-next-folder-conflict", j = "You can not use getInitialProps with getStaticProps. To use SSG, please remove your getInitialProps", K = "You can not use getInitialProps with getServerSideProps. Please remove getInitialProps.", Q = "You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps", k = "can not have getInitialProps/getServerSideProps, https://nextjs.org/docs/messages/404-get-initial-props", q = "pages with `getServerSideProps` can not be exported. See more info here: https://nextjs.org/docs/messages/gssp-export", $ = "Your `getStaticProps` function did not return an object. Did you forget to add a `return`?", z = "Your `getServerSideProps` function did not return an object. Did you forget to add a `return`?", J = "The `unstable_revalidate` property is available for general use.\nPlease use `revalidate` instead.", Z = "can not be attached to a page's component and must be exported from the page. See more info here: https://nextjs.org/docs/messages/gssp-component-member", ee = 'You are using a non-standard "NODE_ENV" value in your environment. This creates inconsistencies in the project and is strongly advised against. Read more: https://nextjs.org/docs/messages/non-standard-node-env', te = "Pages with `fallback` enabled in `getStaticPaths` can not be exported. See more info here: https://nextjs.org/docs/messages/ssg-fallback-true-export", ne = [
-      "app",
-      "pages",
-      "components",
-      "lib",
-      "src"
-    ], _e = {
-      edge: "edge",
-      experimentalEdge: "experimental-edge",
-      nodejs: "nodejs"
-    }, e = {
-      /**
-      * The layer for the shared code between the client and server bundles.
-      */
-      shared: "shared",
-      /**
-      * The layer for server-only runtime and picking up `react-server` export conditions.
-      * Including app router RSC pages and app router custom routes and metadata routes.
-      */
-      reactServerComponents: "rsc",
-      /**
-      * Server Side Rendering layer for app (ssr).
-      */
-      serverSideRendering: "ssr",
-      /**
-      * The browser client bundle layer for actions.
-      */
-      actionBrowser: "action-browser",
-      /**
-      * The layer for the API routes.
-      */
-      api: "api",
-      /**
-      * The layer for the middleware code.
-      */
-      middleware: "middleware",
-      /**
-      * The layer for the instrumentation hooks.
-      */
-      instrument: "instrument",
-      /**
-      * The layer for assets on the edge.
-      */
-      edgeAsset: "edge-asset",
-      /**
-      * The browser client bundle layer for App directory.
-      */
-      appPagesBrowser: "app-pages-browser"
-    }, re = {
-      ...e,
-      GROUP: {
-        builtinReact: [
-          e.reactServerComponents,
-          e.actionBrowser
-        ],
-        serverOnly: [
-          e.reactServerComponents,
-          e.actionBrowser,
-          e.instrument,
-          e.middleware
-        ],
-        neutralTarget: [
-          // pages api
-          e.api
-        ],
-        clientOnly: [
-          e.serverSideRendering,
-          e.appPagesBrowser
-        ],
-        bundled: [
-          e.reactServerComponents,
-          e.actionBrowser,
-          e.serverSideRendering,
-          e.appPagesBrowser,
-          e.shared,
-          e.instrument
-        ],
-        appPages: [
-          // app router pages and layouts
-          e.reactServerComponents,
-          e.serverSideRendering,
-          e.appPagesBrowser,
-          e.actionBrowser
-        ]
-      }
-    }, Ee = {
-      edgeSSREntry: "__next_edge_ssr_entry__",
-      metadata: "__next_metadata__",
-      metadataRoute: "__next_metadata_route__",
-      metadataImageMeta: "__next_metadata_image_meta__"
-    };
-  }(t), t);
+    const m = A(), R = x();
+    function y(o, s, g) {
+      let t = "";
+      const a = (0, R.getRouteRegex)(o), p = a.groups, l = (
+        // Try to match the dynamic route against the asPath
+        (s !== o ? (0, m.getRouteMatcher)(a)(s) : "") || // Fall back to reading the values from the href
+        // TODO: should this take priority; also need to change in the router.
+        g
+      );
+      t = o;
+      const f = Object.keys(p);
+      return f.every((r) => {
+        let e = l[r] || "";
+        const { repeat: n, optional: _ } = p[r];
+        let i = "[" + (n ? "..." : "") + r + "]";
+        return _ && (i = (e ? "" : "/") + "[" + i + "]"), n && !Array.isArray(e) && (e = [
+          e
+        ]), (_ || r in l) && // Interpolate group into data URL if present
+        (t = t.replace(i, n ? e.map(
+          // these values should be fully encoded instead of just
+          // path delimiter escaped since they are being inserted
+          // into the URL and we expect URL encoded segments
+          // when parsing dynamic route params
+          (q) => encodeURIComponent(q)
+        ).join("/") : encodeURIComponent(e)) || "/");
+      }) || (t = ""), {
+        params: f,
+        result: t
+      };
+    }
+  }(u), u);
 }
 export {
-  Re as __require
+  v as __require
 };

package/dist/index14.mjs

@@ -1,166 +1,101 @@
 'use client';
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as w } from "react";
-import { BadgeCheck as C } from "lucide-react";
-import { cn as o, formatCurrency as g, calculateDiscountedPrice as u, getDiscountPercent as f } from "./index25.mjs";
-const S = ({
-  qty: l,
-  selectedVariant: i,
-  quantity: s,
-  onQuantityChange: c,
-  effectivePrice: n,
-  quantityDiscounts: r,
-  showBestValue: d = !1
-}) => {
-  const e = !!i;
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      onClick: () => e && c(l),
-      className: o(
-        "border-2 rounded-xl transition-all flex items-center justify-center p-3",
-        e ? s === l ? "border-green-500 bg-green-50 shadow-md cursor-pointer hover:scale-105" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer hover:scale-105" : "border-gray-300 bg-gray-100 cursor-not-allowed opacity-50",
-        d && e && "relative"
-      ),
-      children: [
-        d && e && /* @__PURE__ */ t("div", { className: "absolute -top-3 left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ t("div", { className: "bg-orange-500 text-white text-xs px-3 py-1 rounded-full font-semibold whitespace-nowrap", children: "Best Value" }) }),
-        /* @__PURE__ */ a("div", { className: "text-center", children: [
-          /* @__PURE__ */ a("div", { className: o("text-lg font-bold", e ? "text-gray-900" : "text-gray-500"), children: [
-            "BUY ",
-            l
-          ] }),
-          l > 1 && /* @__PURE__ */ t("div", { className: o(
-            "text-sm font-bold inline-block bg-[#F54927] text-white px-1 rounded-full line-through mb-1",
-            e ? "text-gray-500" : "text-gray-400"
-          ), children: g(n * l) }),
-          /* @__PURE__ */ t("div", { className: o("text-lg md:text-2xl font-bold", e ? "text-green-600" : "text-gray-400"), children: g(u(n, l, r)) }),
-          l > 1 && e ? /* @__PURE__ */ a("div", { className: "bg-orange-500 text-white text-sm px-2 py-1 rounded-md font-semibold mb-2", children: [
-            "Save ",
-            f(l, r),
-            "%"
-          ] }) : e ? null : /* @__PURE__ */ t("div", { className: "text-xs text-red-500 mt-1", children: "Out of Stock" })
-        ] })
-      ]
+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 "./index26.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
+}) {
+  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);
     }
-  );
-}, j = ({
-  selectedVariant: l,
-  quantity: i,
-  onQuantityChange: s,
-  effectivePrice: c,
-  quantityDiscounts: n
-}) => {
-  const [r, d] = w(2), e = !!l, b = i === r, p = (h) => {
-    h.stopPropagation();
-    const x = r + 1;
-    d(x), e && s(x);
-  }, y = (h) => {
-    if (h.stopPropagation(), r > 2) {
-      const x = r - 1;
-      d(x), e && s(x);
+  }, [e.id, d]), x = y(async () => {
+    n(!0);
+    try {
+      await o(e.id);
+    } catch (l) {
+      console.error("Failed to remove item:", l);
     }
-  }, v = () => {
-    e && s(r);
-  }, m = f(r, n), N = u(c, r, n);
-  return /* @__PURE__ */ a(
+    n(!1);
+  }, [e.id, o]), u = e.variant.thumbnailUrl ?? e.variant.product.thumbnailUrl;
+  return /* @__PURE__ */ t(
     "div",
     {
-      onClick: v,
-      className: o(
-        "border-2 rounded-xl transition-all flex flex-col items-center justify-center p-3 relative",
-        e ? b ? "border-green-500 bg-green-50 shadow-md cursor-pointer hover:scale-105" : "border-gray-200 bg-white hover:border-gray-300 cursor-pointer hover:scale-105" : "border-gray-300 bg-gray-100 cursor-not-allowed opacity-50"
+      className: N(
+        "flex gap-3 transition-opacity",
+        (r || i || s) && "opacity-50",
+        b
       ),
       children: [
-        /* @__PURE__ */ t(
-          "button",
+        /* @__PURE__ */ a("div", { className: "h-20 w-20 flex-shrink-0 overflow-hidden rounded-lg bg-gray-100", children: u ? /* @__PURE__ */ a(
+          "img",
           {
-            onClick: y,
-            disabled: !e || r <= 2,
-            className: o(
-              "absolute left-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full flex items-center justify-center text-lg font-bold transition-colors",
-              !e || r <= 2 ? "bg-gray-200 text-gray-400 cursor-not-allowed" : "bg-gray-300 text-gray-700 hover:bg-gray-400"
-            ),
-            children: "-"
+            src: u,
+            alt: e.variant.product.name,
+            className: "h-full w-full object-cover"
           }
-        ),
-        /* @__PURE__ */ t(
-          "button",
-          {
-            onClick: p,
-            disabled: !e,
-            className: o(
-              "absolute right-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full flex items-center justify-center text-lg font-bold transition-colors",
-              e ? "bg-gray-300 text-gray-700 hover:bg-gray-400" : "bg-gray-200 text-gray-400 cursor-not-allowed"
-            ),
-            children: "+"
-          }
-        ),
-        /* @__PURE__ */ a("div", { className: "text-center w-full", children: [
-          /* @__PURE__ */ a("div", { className: o("text-lg font-bold", e ? "text-gray-900" : "text-gray-500"), children: [
-            "BUY ",
-            r
-          ] }),
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-center gap-2", children: [
-            r > 1 && !!m && /* @__PURE__ */ t("div", { className: o(
-              "text-base md:text-lg font-bold line-through",
-              e ? "text-[#DC143C]" : "text-gray-400"
-            ), children: g(c * r) }),
-            /* @__PURE__ */ t("div", { className: o("text-lg md:text-2xl font-bold", e ? "text-green-600" : "text-gray-400"), children: g(N) })
-          ] }),
-          r > 1 && e ? !!m && /* @__PURE__ */ a("div", { className: "absolute top-[-30px] right-0 2xl:right-[-30px] h-[60px] w-[60px] flex items-center justify-center", children: [
-            /* @__PURE__ */ a("span", { className: "text-white font-bold z-[5] relative leading-4", children: [
-              m,
-              "%",
-              /* @__PURE__ */ t("br", {}),
-              "off"
+        ) : /* @__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(C, { className: "animate-spin-slow w-full h-full z-[2] inset-0 absolute fill-accent-500 text-accent-500" })
-          ] }) : e ? null : /* @__PURE__ */ t("div", { className: "text-xs text-red-500 mt-1", children: "Out of Stock" })
+            /* @__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) })
+            ] })
+          ] })
         ] })
       ]
     }
   );
-};
-function P({
-  selectedVariant: l,
-  quantity: i,
-  onQuantityChange: s,
-  effectivePrice: c,
-  quantityDiscounts: n
-}) {
-  return /* @__PURE__ */ a("div", { className: "flex flex-col space-y-2", children: [
-    /* @__PURE__ */ t("span", { className: "text-sm font-medium", children: "Choose Quantity:" }),
-    /* @__PURE__ */ a("div", { className: "relative", children: [
-      !l && /* @__PURE__ */ t("div", { className: "absolute inset-0 bg-white/80 z-10 rounded-xl flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "text-center p-4", children: [
-        /* @__PURE__ */ t("div", { className: "text-lg font-semibold text-gray-700 mb-2", children: "Select a variant first" }),
-        /* @__PURE__ */ t("div", { className: "text-sm text-gray-500", children: "Choose a product variant above to see quantity options" })
-      ] }) }),
-      /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ t(
-          S,
-          {
-            qty: 1,
-            selectedVariant: l,
-            quantity: i,
-            onQuantityChange: s,
-            effectivePrice: c,
-            quantityDiscounts: n
-          }
-        ),
-        /* @__PURE__ */ t(
-          j,
-          {
-            selectedVariant: l,
-            quantity: i,
-            onQuantityChange: s,
-            effectivePrice: c,
-            quantityDiscounts: n
-          }
-        )
-      ] })
-    ] })
-  ] });
 }
 export {
-  P as QuantitySelector
+  U as CartItem
 };