vlite3 1.4.3 → 1.4.5

package/components/Cart/CartVariant1.vue.js

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

package/components/Cart/CartVariant1.vue2.js

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

package/components/Cart/CartVariant2.vue.d.ts

@@ -0,0 +1,42 @@
+import { CartData, CartActions, CartFeatures, CartLabels, CartVariant } from './types';
+/**
+ * Variant 2 — POS / Register Cart
+ *
+ *   - Dense, register-friendly layout
+ *   - No thumbnails (faster scanning at the till)
+ *   - Receipt-style dashed dividers
+ *   - Inline coupon + summary, two compact side-by-side actions
+ *   - Best for: in-store POS, kitchen tickets, fast-checkout flows
+ */
+type __VLS_Props = {
+    data: CartData;
+    actions: CartActions;
+    features: CartFeatures;
+    labels: CartLabels;
+    compact?: boolean;
+    variant?: CartVariant;
+    containerClass?: string | any[] | Record<string, boolean>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: () => any;
+    remove: (itemId: string | number) => any;
+    continue: () => any;
+    "update:quantity": (itemId: string | number, quantity: number) => any;
+    "continue-shopping": () => any;
+    "apply-coupon": (code: string) => any;
+    "remove-coupon": () => any;
+    "coupon-change": (code: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: () => any;
+    onRemove?: (itemId: string | number) => any;
+    onContinue?: () => any;
+    "onUpdate:quantity"?: (itemId: string | number, quantity: number) => any;
+    "onContinue-shopping"?: () => any;
+    "onApply-coupon"?: (code: string) => any;
+    "onRemove-coupon"?: () => any;
+    "onCoupon-change"?: (code: string) => any;
+}>, {
+    variant: CartVariant;
+    compact: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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.d.ts

@@ -0,0 +1,41 @@
+import { CartData, CartActions, CartFeatures, CartLabels, CartVariant } from './types';
+/**
+ * Variant 3 — Full Page Cart
+ *
+ * - Header (title + item count + clear)
+ * - Two-column body on lg+: items list (left) + sticky summary card (right)
+ * - Stacks on mobile
+ * - Best for: /cart route, e-commerce site, mobile-first responsive checkout
+ */
+type __VLS_Props = {
+    data: CartData;
+    actions: CartActions;
+    features: CartFeatures;
+    labels: CartLabels;
+    compact?: boolean;
+    variant?: CartVariant;
+    containerClass?: string | any[] | Record<string, boolean>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: () => any;
+    remove: (itemId: string | number) => any;
+    continue: () => any;
+    "update:quantity": (itemId: string | number, quantity: number) => any;
+    "continue-shopping": () => any;
+    "apply-coupon": (code: string) => any;
+    "remove-coupon": () => any;
+    "coupon-change": (code: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: () => any;
+    onRemove?: (itemId: string | number) => any;
+    onContinue?: () => any;
+    "onUpdate:quantity"?: (itemId: string | number, quantity: number) => any;
+    "onContinue-shopping"?: () => any;
+    "onApply-coupon"?: (code: string) => any;
+    "onRemove-coupon"?: () => any;
+    "onCoupon-change"?: (code: string) => any;
+}>, {
+    variant: CartVariant;
+    compact: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _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.d.ts

@@ -0,0 +1,41 @@
+import { CartData, CartActions, CartFeatures, CartLabels, CartVariant } from './types';
+/**
+ * Variant 4 — Mini Cart / Summary
+ *
+ *   - Compact, single-column "summary-first" layout
+ *   - Tiny line items (no images, no qty stepper — name + qty + price)
+ *   - Inline summary, single primary CTA
+ *   - Best for: navbar dropdown, header mini-cart, side panel pre-checkout
+ */
+type __VLS_Props = {
+    data: CartData;
+    actions: CartActions;
+    features: CartFeatures;
+    labels: CartLabels;
+    compact?: boolean;
+    variant?: CartVariant;
+    containerClass?: string | any[] | Record<string, boolean>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: () => any;
+    remove: (itemId: string | number) => any;
+    continue: () => any;
+    "update:quantity": (itemId: string | number, quantity: number) => any;
+    "continue-shopping": () => any;
+    "apply-coupon": (code: string) => any;
+    "remove-coupon": () => any;
+    "coupon-change": (code: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClear?: () => any;
+    onRemove?: (itemId: string | number) => any;
+    onContinue?: () => any;
+    "onUpdate:quantity"?: (itemId: string | number, quantity: number) => any;
+    "onContinue-shopping"?: () => any;
+    "onApply-coupon"?: (code: string) => any;
+    "onRemove-coupon"?: () => any;
+    "onCoupon-change"?: (code: string) => any;
+}>, {
+    variant: CartVariant;
+    compact: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;