vlite3 1.4.4 → 1.4.5

package/components/Cart/CartVariant2.vue.js

@@ -0,0 +1,154 @@
+import { defineComponent as z, computed as r, openBlock as a, createElementBlock as s, normalizeClass as o, createElementVNode as n, createBlock as p, createCommentVNode as d, toDisplayString as v, Fragment as L, renderList as N, createVNode as k, withCtx as C, createTextVNode as w } from "vue";
+import q from "../Icon.vue.js";
+import S from "../Button.vue.js";
+import B from "./CartLineItem.vue.js";
+import A from "./CartSummary.vue.js";
+import D from "./CartCouponInput.vue.js";
+import E from "./CartEmptyState.vue.js";
+const I = { class: "flex items-center justify-center gap-1.5" }, R = { class: "flex-1 min-h-0 overflow-y-auto" }, j = { class: "divide-y divide-dashed divide-border" }, F = {
+  key: 0,
+  class: "shrink-0"
+}, T = {
+  key: 1,
+  class: "grid grid-cols-2 gap-2"
+}, P = /* @__PURE__ */ z({
+  __name: "CartVariant2",
+  props: {
+    data: {},
+    actions: {},
+    features: {},
+    labels: {},
+    compact: { type: Boolean, default: !1 },
+    variant: { default: "Variant2" },
+    containerClass: {}
+  },
+  emits: ["update:quantity", "remove", "clear", "apply-coupon", "remove-coupon", "coupon-change", "continue", "continue-shopping"],
+  setup(e, { emit: $ }) {
+    const b = e, u = $, c = r(() => b.data), y = r(() => b.labels || {}), l = r(() => b.actions || {}), m = r(() => b.features || {}), f = r(() => c.value.empty || !c.value.items || c.value.items.length === 0), x = r(
+      () => c.value.totals.itemCount ?? c.value.items?.reduce((h, t) => h + (t.quantity || 0), 0) ?? 0
+    );
+    return (h, t) => (a(), s("div", {
+      class: o(["v-cart v-cart-v2 flex flex-col bg-background text-foreground border border-border max-w-md mx-auto overflow-hidden h-full", [e.containerClass, e.compact ? "rounded-sm" : "rounded-md"]])
+    }, [
+      n("div", {
+        class: o(["text-center border-b border-dashed border-border shrink-0", e.compact ? "p-3" : "p-4"])
+      }, [
+        n("div", I, [
+          c.value.brandLogo ? (a(), p(q, {
+            key: 0,
+            icon: c.value.brandLogo,
+            class: o(e.compact ? "w-5 h-5" : "w-6 h-6")
+          }, null, 8, ["icon", "class"])) : d("", !0),
+          n("p", {
+            class: o(["font-bold text-foreground tracking-wide", e.compact ? "text-sm" : "text-base"])
+          }, v(c.value.brandName || c.value.title || y.value.cart || "Cart"), 3)
+        ]),
+        f.value ? d("", !0) : (a(), s("p", {
+          key: 0,
+          class: o(["text-muted-foreground tabular-nums font-semibold uppercase tracking-wider", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-1"])
+        }, v(x.value) + " " + v(x.value === 1 ? "item" : "items"), 3))
+      ], 2),
+      n("div", R, [
+        f.value ? (a(), p(E, {
+          key: 0,
+          labels: e.labels,
+          compact: e.compact,
+          onContinueShopping: t[0] || (t[0] = (i) => u("continue-shopping"))
+        }, null, 8, ["labels", "compact"])) : (a(), s("div", {
+          key: 1,
+          class: o(e.compact ? "px-3 py-2" : "px-4 py-3")
+        }, [
+          n("div", {
+            class: o(["flex items-center text-muted-foreground font-semibold uppercase tracking-wider pb-1 border-b border-dashed border-border", e.compact ? "text-[9px] gap-1" : "text-[10px] gap-2"])
+          }, [...t[8] || (t[8] = [
+            n("span", { class: "flex-1" }, "Item", -1),
+            n("span", { class: "w-20 text-right" }, "Amount", -1)
+          ])], 2),
+          n("ul", j, [
+            (a(!0), s(L, null, N(e.data.items, (i) => (a(), s("li", {
+              key: i.id
+            }, [
+              k(B, {
+                item: i,
+                features: e.features,
+                labels: e.labels,
+                compact: e.compact,
+                readonly: e.data.readonly,
+                layout: "compact",
+                "onUpdate:quantity": t[1] || (t[1] = (g, V) => u("update:quantity", g, V)),
+                onRemove: t[2] || (t[2] = (g) => u("remove", g))
+              }, null, 8, ["item", "features", "labels", "compact", "readonly"])
+            ]))), 128))
+          ])
+        ], 2))
+      ]),
+      f.value ? d("", !0) : (a(), s("div", F, [
+        n("div", {
+          class: o(["border-t border-dashed border-border", e.compact ? "mx-3" : "mx-4"])
+        }, null, 2),
+        n("div", {
+          class: o(e.compact ? "px-3 py-2" : "px-4 py-3")
+        }, [
+          k(A, {
+            totals: e.data.totals,
+            features: e.features,
+            labels: e.labels,
+            compact: e.compact,
+            coupon: e.data.coupon,
+            variant: "Variant2"
+          }, null, 8, ["totals", "features", "labels", "compact", "coupon"])
+        ], 2),
+        n("div", {
+          class: o(["border-t border-dashed border-border", e.compact ? "mx-3" : "mx-4"])
+        }, null, 2),
+        n("div", {
+          class: o(e.compact ? "px-3 py-2.5 space-y-2.5" : "px-4 py-3 space-y-3")
+        }, [
+          e.features.coupon ? (a(), p(D, {
+            key: 0,
+            coupon: e.data.coupon,
+            labels: e.labels,
+            compact: e.compact,
+            readonly: e.data.readonly,
+            onApply: t[3] || (t[3] = (i) => u("apply-coupon", i)),
+            onRemove: t[4] || (t[4] = (i) => u("remove-coupon")),
+            onChange: t[5] || (t[5] = (i) => u("coupon-change", i))
+          }, null, 8, ["coupon", "labels", "compact", "readonly"])) : d("", !0),
+          l.value.showContinue && m.value.continue || l.value.showContinueShopping && m.value.continueShopping ? (a(), s("div", T, [
+            l.value.showContinueShopping && m.value.continueShopping ? (a(), p(S, {
+              key: 0,
+              variant: "outline",
+              size: e.compact ? "sm" : "md",
+              icon: l.value.continueShoppingIcon || "lucide:plus",
+              disabled: l.value.continueShoppingDisabled,
+              onClick: t[6] || (t[6] = (i) => u("continue-shopping"))
+            }, {
+              default: C(() => [
+                w(v(l.value.continueShoppingLabel || y.value.continueShopping || "Add more"), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "icon", "disabled"])) : d("", !0),
+            l.value.showContinue && m.value.continue ? (a(), p(S, {
+              key: 1,
+              variant: "primary",
+              size: e.compact ? "sm" : "md",
+              icon: l.value.continueIcon || "lucide:credit-card",
+              "icon-right": void 0,
+              disabled: l.value.continueDisabled || f.value,
+              class: o(l.value.showContinueShopping && m.value.continueShopping ? "" : "col-span-2"),
+              onClick: t[7] || (t[7] = (i) => u("continue"))
+            }, {
+              default: C(() => [
+                w(v(l.value.continueLabel || y.value.continue || "Checkout"), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "icon", "disabled", "class"])) : d("", !0)
+          ])) : d("", !0)
+        ], 2)
+      ]))
+    ], 2));
+  }
+});
+export {
+  P as default
+};

package/components/Cart/CartVariant2.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CartVariant2.vue.js";
+export {
+  f as default
+};

package/components/Cart/CartVariant3.vue.js

@@ -0,0 +1,192 @@
+import { defineComponent as B, computed as v, openBlock as a, createElementBlock as i, normalizeClass as o, createElementVNode as n, toDisplayString as d, createCommentVNode as s, createBlock as g, withCtx as y, createTextVNode as k, Fragment as $, renderList as V, createVNode as h } from "vue";
+import N from "../Icon.vue.js";
+import C from "../Button.vue.js";
+import D from "./CartLineItem.vue.js";
+import E from "./CartSummary.vue.js";
+import L from "./CartCouponInput.vue.js";
+import I from "./CartEmptyState.vue.js";
+const P = {
+  key: 1,
+  class: "rounded-lg border border-border overflow-hidden"
+}, R = { class: "divide-y divide-border" }, T = {
+  key: 0,
+  class: "space-y-2 mt-4"
+}, j = { class: "font-medium text-foreground" }, J = /* @__PURE__ */ B({
+  __name: "CartVariant3",
+  props: {
+    data: {},
+    actions: {},
+    features: {},
+    labels: {},
+    compact: { type: Boolean, default: !1 },
+    variant: { default: "Variant3" },
+    containerClass: {}
+  },
+  emits: ["update:quantity", "remove", "clear", "apply-coupon", "remove-coupon", "coupon-change", "continue", "continue-shopping"],
+  setup(e, { emit: z }) {
+    const b = e, u = z, r = v(() => b.data), x = v(() => b.labels || {}), c = v(() => b.actions || {}), p = v(() => b.features || {}), m = v(() => r.value.empty || !r.value.items || r.value.items.length === 0), w = v(
+      () => r.value.totals.itemCount ?? r.value.items?.reduce((S, t) => S + (t.quantity || 0), 0) ?? 0
+    );
+    return (S, t) => (a(), i("div", {
+      class: o(["v-cart v-cart-v3 w-full bg-background text-foreground", e.containerClass])
+    }, [
+      n("div", {
+        class: o(["flex flex-col sm:flex-row sm:items-end sm:justify-between gap-3 border-b border-border", e.compact ? "pb-3 mb-4" : "pb-4 mb-6"])
+      }, [
+        n("div", null, [
+          n("h1", {
+            class: o(["font-extrabold tracking-tight text-foreground", e.compact ? "text-xl" : "text-3xl"])
+          }, d(r.value.title || x.value.cart || "Shopping Cart"), 3),
+          m.value ? s("", !0) : (a(), i("p", {
+            key: 0,
+            class: o(["text-muted-foreground mt-0.5", e.compact ? "text-xs" : "text-sm"])
+          }, d(w.value) + " " + d(w.value === 1 ? "item" : "items") + " in your cart ", 3))
+        ]),
+        e.features.clearable && !m.value && !e.data.readonly ? (a(), g(C, {
+          key: 0,
+          variant: "ghost",
+          size: "sm",
+          icon: "lucide:trash-2",
+          class: "self-start",
+          onClick: t[0] || (t[0] = (l) => u("clear"))
+        }, {
+          default: y(() => [
+            k(d(x.value.clearCart || "Clear cart"), 1)
+          ]),
+          _: 1
+        })) : s("", !0)
+      ], 2),
+      n("div", {
+        class: o(["grid gap-6", [
+          m.value ? "grid-cols-1" : "grid-cols-1 lg:grid-cols-[1fr_360px] xl:grid-cols-[1fr_400px]",
+          e.compact ? "gap-4" : "gap-6"
+        ]])
+      }, [
+        n("div", null, [
+          m.value ? (a(), g(I, {
+            key: 0,
+            labels: e.labels,
+            compact: e.compact,
+            onContinueShopping: t[1] || (t[1] = (l) => u("continue-shopping"))
+          }, null, 8, ["labels", "compact"])) : (a(), i("div", P, [
+            n("div", {
+              class: o(["bg-muted/40 border-b border-border text-muted-foreground uppercase tracking-wider font-bold flex items-center", [e.compact ? "px-3 py-2 text-[10px]" : "px-4 py-2.5 text-xs"]])
+            }, [
+              t[9] || (t[9] = n("span", { class: "flex-1" }, "Product", -1)),
+              n("span", {
+                class: o(e.compact ? "w-14 text-right" : "w-20 text-right")
+              }, "Qty", 2),
+              n("span", {
+                class: o(e.compact ? "w-20 text-right" : "w-28 text-right")
+              }, "Total", 2)
+            ], 2),
+            n("ul", R, [
+              (a(!0), i($, null, V(e.data.items, (l) => (a(), i("li", {
+                key: l.id
+              }, [
+                h(D, {
+                  item: l,
+                  features: e.features,
+                  labels: e.labels,
+                  compact: e.compact,
+                  readonly: e.data.readonly,
+                  layout: "card",
+                  "onUpdate:quantity": t[2] || (t[2] = (f, q) => u("update:quantity", f, q)),
+                  onRemove: t[3] || (t[3] = (f) => u("remove", f))
+                }, null, 8, ["item", "features", "labels", "compact", "readonly"])
+              ]))), 128))
+            ])
+          ]))
+        ]),
+        m.value ? s("", !0) : (a(), i("aside", {
+          key: 0,
+          class: o(["lg:sticky lg:top-4 self-start", e.compact ? "space-y-3" : "space-y-4"])
+        }, [
+          n("div", {
+            class: o(["rounded-lg border border-border overflow-hidden", e.compact ? "p-4" : "p-5"])
+          }, [
+            n("h3", {
+              class: o(["font-bold text-foreground uppercase tracking-widest text-muted-foreground", e.compact ? "text-[10px] mb-2" : "text-xs mb-3"])
+            }, " Order Summary ", 2),
+            n("div", {
+              class: o(e.compact ? "space-y-3" : "space-y-4")
+            }, [
+              e.features.coupon ? (a(), g(L, {
+                key: 0,
+                coupon: e.data.coupon,
+                labels: e.labels,
+                compact: e.compact,
+                readonly: e.data.readonly,
+                onApply: t[4] || (t[4] = (l) => u("apply-coupon", l)),
+                onRemove: t[5] || (t[5] = (l) => u("remove-coupon")),
+                onChange: t[6] || (t[6] = (l) => u("coupon-change", l))
+              }, null, 8, ["coupon", "labels", "compact", "readonly"])) : s("", !0),
+              n("div", {
+                class: o(["border-t border-border", e.compact ? "pt-2" : "pt-3"])
+              }, [
+                h(E, {
+                  totals: e.data.totals,
+                  features: e.features,
+                  labels: e.labels,
+                  compact: e.compact,
+                  coupon: e.data.coupon,
+                  variant: "Variant3"
+                }, null, 8, ["totals", "features", "labels", "compact", "coupon"])
+              ], 2)
+            ], 2),
+            c.value.showContinue && p.value.continue || c.value.showContinueShopping && p.value.continueShopping ? (a(), i("div", T, [
+              c.value.showContinue && p.value.continue ? (a(), g(C, {
+                key: 0,
+                variant: "primary",
+                size: e.compact ? "md" : "lg",
+                block: !0,
+                icon: c.value.continueIcon || "lucide:lock",
+                disabled: c.value.continueDisabled || m.value,
+                class: "w-full",
+                onClick: t[7] || (t[7] = (l) => u("continue"))
+              }, {
+                default: y(() => [
+                  k(d(c.value.continueLabel || x.value.continue || "Proceed to checkout"), 1)
+                ]),
+                _: 1
+              }, 8, ["size", "icon", "disabled"])) : s("", !0),
+              c.value.showContinueShopping && p.value.continueShopping ? (a(), g(C, {
+                key: 1,
+                variant: "ghost",
+                size: e.compact ? "sm" : "md",
+                block: !0,
+                icon: c.value.continueShoppingIcon || "lucide:arrow-left",
+                disabled: c.value.continueShoppingDisabled,
+                class: "w-full",
+                onClick: t[8] || (t[8] = (l) => u("continue-shopping"))
+              }, {
+                default: y(() => [
+                  k(d(c.value.continueShoppingLabel || x.value.continueShopping || "Continue shopping"), 1)
+                ]),
+                _: 1
+              }, 8, ["size", "icon", "disabled"])) : s("", !0)
+            ])) : s("", !0)
+          ], 2),
+          p.value.trustSignals && r.value.trustSignals?.length ? (a(), i("div", {
+            key: 0,
+            class: o(["rounded-lg border border-border bg-muted/30", e.compact ? "p-3 space-y-2" : "p-4 space-y-2.5"])
+          }, [
+            (a(!0), i($, null, V(r.value.trustSignals, (l, f) => (a(), i("div", {
+              key: f,
+              class: o(["flex items-center gap-2", e.compact ? "text-xs" : "text-sm"])
+            }, [
+              h(N, {
+                icon: l.icon,
+                class: "w-4 h-4 text-muted-foreground"
+              }, null, 8, ["icon"]),
+              n("span", j, d(l.text), 1)
+            ], 2))), 128))
+          ], 2)) : s("", !0)
+        ], 2))
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  J as default
+};

package/components/Cart/CartVariant3.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CartVariant3.vue.js";
+export {
+  f as default
+};

package/components/Cart/CartVariant4.vue.js

@@ -0,0 +1,145 @@
+import { defineComponent as q, computed as c, openBlock as a, createElementBlock as i, normalizeClass as r, createElementVNode as m, createVNode as v, toDisplayString as b, createCommentVNode as u, unref as z, createBlock as y, Fragment as B, renderList as N, withCtx as k, createTextVNode as C } from "vue";
+import D from "../Icon.vue.js";
+import E from "../Price/Price.vue.js";
+import w from "../Button.vue.js";
+import L from "./CartLineItem.vue.js";
+import j from "./CartSummary.vue.js";
+import I from "./CartCouponInput.vue.js";
+import R from "./CartEmptyState.vue.js";
+const T = { class: "flex items-center gap-2 min-w-0" }, A = {
+  key: 0,
+  class: "inline-flex items-center justify-center px-1.5 h-5 rounded-full bg-primary/10 text-primary text-[10px] font-bold tabular-nums"
+}, F = {
+  key: 0,
+  class: "text-xs text-muted-foreground"
+}, U = { class: "font-semibold text-foreground" }, G = { class: "flex-1 min-h-0 overflow-y-auto" }, H = {
+  key: 1,
+  class: "space-y-1.5 pt-0.5"
+}, Y = /* @__PURE__ */ q({
+  __name: "CartVariant4",
+  props: {
+    data: {},
+    actions: {},
+    features: {},
+    labels: {},
+    compact: { type: Boolean, default: !1 },
+    variant: { default: "Variant4" },
+    containerClass: {}
+  },
+  emits: ["update:quantity", "remove", "clear", "apply-coupon", "remove-coupon", "coupon-change", "continue", "continue-shopping"],
+  setup(e, { emit: $ }) {
+    const p = e, l = $, s = c(() => p.data), g = c(() => p.labels || {}), o = c(() => p.actions || {}), f = c(() => p.features || {}), d = c(() => s.value.empty || !s.value.items || s.value.items.length === 0), S = c(
+      () => s.value.totals.itemCount ?? s.value.items?.reduce((h, t) => h + (t.quantity || 0), 0) ?? 0
+    );
+    return (h, t) => (a(), i("div", {
+      class: r(["v-cart v-cart-v4 flex flex-col bg-background text-foreground border border-border rounded-lg overflow-hidden w-full h-full", [e.containerClass, e.compact ? "max-w-xs" : "max-w-sm"]])
+    }, [
+      m("div", {
+        class: r(["flex items-center justify-between gap-2 border-b border-border shrink-0", e.compact ? "px-3 py-2" : "px-4 py-2.5"])
+      }, [
+        m("div", T, [
+          v(D, {
+            icon: "lucide:shopping-bag",
+            class: r(e.compact ? "w-4 h-4" : "w-4.5 h-4.5")
+          }, null, 8, ["class"]),
+          m("p", {
+            class: r(["font-bold text-foreground truncate", (e.compact, "text-sm")])
+          }, b(s.value.title || g.value.cart || "Cart"), 3),
+          d.value ? u("", !0) : (a(), i("span", A, b(S.value), 1))
+        ]),
+        !d.value && !e.compact ? (a(), i("p", F, [
+          m("span", U, [
+            v(z(E), {
+              value: e.data.totals.grandTotal,
+              class: "text-foreground font-semibold"
+            }, null, 8, ["value"])
+          ])
+        ])) : u("", !0)
+      ], 2),
+      m("div", G, [
+        d.value ? (a(), y(R, {
+          key: 0,
+          labels: e.labels,
+          compact: !0,
+          onContinueShopping: t[0] || (t[0] = (n) => l("continue-shopping"))
+        }, null, 8, ["labels"])) : (a(), i("ul", {
+          key: 1,
+          class: r(["divide-y divide-border", e.compact ? "px-3" : "px-4"])
+        }, [
+          (a(!0), i(B, null, N(e.data.items, (n) => (a(), i("li", {
+            key: n.id
+          }, [
+            v(L, {
+              item: n,
+              features: e.features,
+              labels: e.labels,
+              compact: e.compact,
+              readonly: e.data.readonly,
+              layout: "mini",
+              "onUpdate:quantity": t[1] || (t[1] = (x, V) => l("update:quantity", x, V)),
+              onRemove: t[2] || (t[2] = (x) => l("remove", x))
+            }, null, 8, ["item", "features", "labels", "compact", "readonly"])
+          ]))), 128))
+        ], 2))
+      ]),
+      d.value ? u("", !0) : (a(), i("div", {
+        key: 0,
+        class: r(["border-t border-border bg-muted/30 shrink-0", e.compact ? "p-3 space-y-2" : "p-4 space-y-3"])
+      }, [
+        v(j, {
+          totals: e.data.totals,
+          features: e.features,
+          labels: e.labels,
+          compact: e.compact,
+          coupon: e.data.coupon,
+          variant: "Variant4"
+        }, null, 8, ["totals", "features", "labels", "compact", "coupon"]),
+        e.features.coupon ? (a(), y(I, {
+          key: 0,
+          coupon: e.data.coupon,
+          labels: e.labels,
+          compact: e.compact,
+          readonly: e.data.readonly,
+          onApply: t[3] || (t[3] = (n) => l("apply-coupon", n)),
+          onRemove: t[4] || (t[4] = (n) => l("remove-coupon")),
+          onChange: t[5] || (t[5] = (n) => l("coupon-change", n))
+        }, null, 8, ["coupon", "labels", "compact", "readonly"])) : u("", !0),
+        o.value.showContinue && f.value.continue || o.value.showContinueShopping && f.value.continueShopping ? (a(), i("div", H, [
+          o.value.showContinue && f.value.continue ? (a(), y(w, {
+            key: 0,
+            variant: "primary",
+            size: e.compact ? "sm" : "md",
+            block: !0,
+            icon: o.value.continueIcon || "lucide:arrow-right",
+            disabled: o.value.continueDisabled || d.value,
+            class: "w-full",
+            onClick: t[6] || (t[6] = (n) => l("continue"))
+          }, {
+            default: k(() => [
+              C(b(o.value.continueLabel || g.value.continue || "Checkout"), 1)
+            ]),
+            _: 1
+          }, 8, ["size", "icon", "disabled"])) : u("", !0),
+          o.value.showContinueShopping && f.value.continueShopping ? (a(), y(w, {
+            key: 1,
+            variant: "ghost",
+            size: "sm",
+            block: !0,
+            icon: o.value.continueShoppingIcon || "lucide:arrow-left",
+            disabled: o.value.continueShoppingDisabled,
+            class: "w-full",
+            onClick: t[7] || (t[7] = (n) => l("continue-shopping"))
+          }, {
+            default: k(() => [
+              C(b(o.value.continueShoppingLabel || g.value.continueShopping || "Continue shopping"), 1)
+            ]),
+            _: 1
+          }, 8, ["icon", "disabled"])) : u("", !0)
+        ])) : u("", !0)
+      ], 2))
+    ], 2));
+  }
+});
+export {
+  Y as default
+};

package/components/Cart/CartVariant4.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CartVariant4.vue.js";
+export {
+  f as default
+};

package/components/Cart/composables/useCart.d.ts

@@ -0,0 +1,46 @@
+import { ComputedRef, Ref } from 'vue';
+import { CartCoupon, CartData, CartItem, CartTotals } from '../types';
+export type CartItemId = CartItem['id'];
+export interface UseCartOptions extends Partial<Omit<CartData, 'items' | 'coupon' | 'totals'>> {
+    /** Initial line items */
+    items?: CartItem[];
+    /** Initial applied coupon */
+    coupon?: CartCoupon | null;
+    /** Server-provided totals. When omitted, useCart calculates totals locally. */
+    totals?: CartTotals;
+}
+export interface UseCartReturn {
+    /** Reactive line items */
+    items: Ref<CartItem[]>;
+    /** Reactive applied coupon */
+    coupon: Ref<CartCoupon | null>;
+    /** Totals produced by the same calculator used by the Cart component */
+    totals: ComputedRef<CartTotals>;
+    /** Ready-to-pass CartData object for `<Cart :data="cart.data" />` */
+    data: ComputedRef<CartData>;
+    /** Total quantity across all line items */
+    itemCount: ComputedRef<number>;
+    /** Whether the cart currently has no line items */
+    isEmpty: ComputedRef<boolean>;
+    /** Add a line item, merging quantity with an existing item that has the same id. */
+    addToCart: (item: CartItem, quantity?: number) => void;
+    /** Remove a line item entirely, or subtract a quantity when provided. */
+    removeFromCart: (itemId: CartItemId, quantity?: number) => void;
+    /** Set a line item's quantity. Quantities <= 0 remove the item. */
+    updateQuantity: (itemId: CartItemId, quantity: number) => void;
+    /** Increase a line item's quantity. */
+    incrementQuantity: (itemId: CartItemId, amount?: number) => void;
+    /** Decrease a line item's quantity, removing it at zero. */
+    decrementQuantity: (itemId: CartItemId, amount?: number) => void;
+    /** Replace all cart items. */
+    setItems: (nextItems: CartItem[]) => void;
+    /** Clear all line items. */
+    clearCart: () => void;
+    /** Set or clear the applied coupon. */
+    setCoupon: (nextCoupon: CartCoupon | null) => void;
+    /** Get the current quantity for a line item id. */
+    getQuantity: (itemId: CartItemId) => number;
+    /** Get a shallow-copied snapshot of the current cart items. */
+    getCartItems: () => CartItem[];
+}
+export declare function useCart(options?: UseCartOptions): UseCartReturn;

package/components/Cart/composables/useCart.js

@@ -0,0 +1,110 @@
+import { ref as Q, computed as v } from "vue";
+import { calculateCartTotals as w } from "./useCartCalculation.js";
+function s(u, o) {
+  if (!Number.isFinite(u)) return 0;
+  const d = Math.max(0, Math.floor(u));
+  return typeof o == "number" && Number.isFinite(o) ? Math.min(d, Math.max(0, Math.floor(o))) : d;
+}
+function f(u, o = u.quantity) {
+  return {
+    ...u,
+    quantity: s(o, u.maxQuantity)
+  };
+}
+function D(u = {}) {
+  const {
+    items: o = [],
+    coupon: d = null,
+    totals: h,
+    ...m
+  } = u, n = Q(o.map((t) => f(t))), p = Q(d), l = Q(h), g = v(() => w({
+    items: n.value,
+    tax: m.tax,
+    shipping: m.shipping,
+    coupon: p.value,
+    currency: m.currency
+  }).totals), C = v(() => l.value ?? g.value), M = v(() => n.value.reduce((t, e) => t + s(e.quantity), 0)), q = v(() => n.value.length === 0), T = v(() => ({
+    ...m,
+    items: n.value,
+    coupon: p.value ?? void 0,
+    totals: C.value
+  }));
+  function y(t) {
+    return s(n.value.find((e) => e.id === t)?.quantity ?? 0);
+  }
+  function b(t) {
+    n.value = t.map((e) => f(e)), l.value = void 0;
+  }
+  function F(t, e = t.quantity || 1) {
+    const a = s(e, t.maxQuantity);
+    if (a <= 0) return;
+    const r = n.value.findIndex((i) => i.id === t.id);
+    if (r === -1)
+      n.value = [...n.value, f(t, a)];
+    else {
+      const i = n.value[r], c = t.maxQuantity ?? i.maxQuantity, k = f(
+        {
+          ...i,
+          ...t,
+          maxQuantity: c
+        },
+        s(i.quantity + a, c)
+      );
+      n.value = [...n.value.slice(0, r), k, ...n.value.slice(r + 1)];
+    }
+    l.value = void 0;
+  }
+  function x(t, e) {
+    const a = n.value.findIndex((c) => c.id === t);
+    if (a === -1) return;
+    const r = n.value[a], i = s(e, r.maxQuantity);
+    i <= 0 ? n.value = n.value.filter((c) => c.id !== t) : n.value = [
+      ...n.value.slice(0, a),
+      f(r, i),
+      ...n.value.slice(a + 1)
+    ], l.value = void 0;
+  }
+  function z(t, e) {
+    if (e === void 0) {
+      n.value = n.value.filter((a) => a.id !== t), l.value = void 0;
+      return;
+    }
+    x(t, y(t) - e);
+  }
+  function N(t, e = 1) {
+    x(t, y(t) + e);
+  }
+  function O(t, e = 1) {
+    x(t, y(t) - e);
+  }
+  function E() {
+    n.value = [], l.value = void 0;
+  }
+  function I(t) {
+    p.value = t, l.value = void 0;
+  }
+  function j() {
+    return n.value.map((t) => ({ ...t }));
+  }
+  return {
+    items: n,
+    coupon: p,
+    totals: C,
+    data: T,
+    itemCount: M,
+    isEmpty: q,
+    addToCart: F,
+    removeFromCart: z,
+    updateQuantity: x,
+    incrementQuantity: N,
+    decrementQuantity: O,
+    setItems: b,
+    clearCart: E,
+    setCoupon: I,
+    getQuantity: y,
+    getCartItems: j
+  };
+}
+export {
+  D as useCart
+};