vlite3 1.4.4 → 1.4.6

package/components/Cart/CartCouponInput.vue.js

@@ -0,0 +1,176 @@
+import { defineComponent as S, computed as t, ref as K, watch as D, openBlock as a, createElementBlock as i, normalizeClass as n, createElementVNode as p, createVNode as u, withKeys as L, createSlots as M, withCtx as T, createTextVNode as x, toDisplayString as f, createCommentVNode as r, unref as z, createBlock as R } from "vue";
+import C from "../Icon.vue.js";
+import U from "../Input.vue.js";
+/* empty css            */
+import B from "../Button.vue.js";
+import E from "../Price/Price.vue.js";
+const W = { class: "flex-1 min-w-0" }, q = { class: "flex items-center gap-2 min-w-0 flex-1" }, F = { class: "shrink-0 inline-flex items-center justify-center w-7 h-7 rounded-full bg-success text-success-fg" }, G = { class: "min-w-0 flex-1" }, H = { class: "flex items-center gap-1.5 flex-wrap" }, _ = /* @__PURE__ */ S({
+  __name: "CartCouponInput",
+  props: {
+    coupon: {},
+    labels: {},
+    compact: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 }
+  },
+  emits: ["apply", "remove", "change"],
+  setup(e, { emit: N }) {
+    const c = e, g = N, m = t(() => c.labels || {}), o = K(c.coupon?.code ?? "");
+    D(
+      () => c.coupon?.code,
+      (l) => {
+        l !== void 0 && l !== o.value && (o.value = l);
+      }
+    );
+    const v = t(() => c.coupon?.state ?? "idle"), h = t(() => v.value === "applied"), A = t(() => v.value === "applying"), b = t(() => v.value === "invalid"), y = t(() => v.value === "expired"), k = t(() => v.value === "error"), I = t(() => A.value || h.value || c.readonly), w = t(() => b.value ? c.coupon?.message || "Invalid coupon code. Please try again." : y.value ? c.coupon?.message || "This coupon has expired and can no longer be applied." : k.value ? c.coupon?.message || "We could not apply this coupon. Please try again." : ""), s = t(() => b.value ? {
+      rightIcon: "lucide:circle-x",
+      borderClass: "border-danger focus-within:border-danger",
+      helperClass: "text-danger",
+      helperText: w.value
+    } : y.value ? {
+      rightIcon: "lucide:clock-alert",
+      borderClass: "border-warning focus-within:border-warning",
+      helperClass: "text-warning",
+      helperText: w.value
+    } : k.value ? {
+      rightIcon: "lucide:triangle-alert",
+      borderClass: "border-danger focus-within:border-danger",
+      helperClass: "text-danger",
+      helperText: w.value
+    } : null);
+    function $(l) {
+      o.value = String(l), g("change", o.value);
+    }
+    function V() {
+      const l = o.value.trim();
+      l && g("apply", l);
+    }
+    function j() {
+      o.value = "", g("remove");
+    }
+    return (l, d) => (a(), i("div", {
+      class: n(["v-cart-coupon w-full", e.compact ? "space-y-1.5" : "space-y-2"])
+    }, [
+      h.value ? r("", !0) : (a(), i("div", {
+        key: 0,
+        class: n(["flex items-center gap-2", e.compact ? "flex-col items-stretch gap-1.5" : "flex-col sm:flex-row sm:items-stretch"])
+      }, [
+        p("div", W, [
+          u(U, {
+            modelValue: o.value,
+            "onUpdate:modelValue": [
+              d[0] || (d[0] = (P) => o.value = P),
+              $
+            ],
+            placeholder: m.value.couponPlaceholder || "Enter coupon code",
+            icon: "lucide:ticket-percent",
+            "input-class": s.value ? s.value.borderClass : "",
+            disabled: I.value,
+            readonly: e.readonly,
+            "show-clear-button": !1,
+            size: "md",
+            rounded: "md",
+            "aria-label": m.value.coupon || "Coupon code",
+            onKeyup: L(V, ["enter"])
+          }, M({ _: 2 }, [
+            s.value ? {
+              name: "addon-right",
+              fn: T(() => [
+                u(C, {
+                  icon: s.value.rightIcon,
+                  class: n([
+                    "h-4 w-4",
+                    b.value || k.value ? "text-danger" : y.value ? "text-warning" : ""
+                  ])
+                }, null, 8, ["icon", "class"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "placeholder", "input-class", "disabled", "readonly", "aria-label"])
+        ]),
+        u(B, {
+          variant: "primary",
+          size: "md",
+          loading: A.value,
+          disabled: !o.value.trim() || I.value,
+          "aria-label": m.value.applyCoupon || "Apply coupon",
+          class: "shrink-0",
+          onClick: V
+        }, {
+          default: T(() => [
+            x(f(m.value.applyCoupon || "Apply"), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "disabled", "aria-label"])
+      ], 2)),
+      s.value && !e.compact ? (a(), i("p", {
+        key: 1,
+        class: n(["text-xs font-medium flex items-center gap-1.5", s.value.helperClass])
+      }, [
+        u(C, {
+          icon: s.value.rightIcon,
+          class: "w-3.5 h-3.5 shrink-0"
+        }, null, 8, ["icon"]),
+        x(" " + f(s.value.helperText), 1)
+      ], 2)) : r("", !0),
+      h.value && e.coupon ? (a(), i("div", {
+        key: 2,
+        class: n(["flex items-center justify-between gap-2 rounded-md border border-success/40 bg-success-light/40 p-2.5", e.compact ? "p-2" : "p-2.5"])
+      }, [
+        p("div", q, [
+          p("div", F, [
+            u(C, {
+              icon: "lucide:check",
+              class: "w-4 h-4"
+            })
+          ]),
+          p("div", G, [
+            p("div", H, [
+              p("p", {
+                class: n(["font-bold text-foreground uppercase tracking-wider", e.compact ? "text-[10px]" : "text-xs"])
+              }, f(e.coupon.code), 3),
+              e.coupon.definition?.type === "percentage" ? (a(), i("span", {
+                key: 0,
+                class: n(["inline-flex items-center px-1.5 py-0.5 rounded bg-success/30 text-success font-bold tabular-nums", e.compact ? "text-[9px]" : "text-[10px]"])
+              }, " −" + f(e.coupon.definition.value) + "% ", 3)) : e.coupon.discountAmount && e.coupon.discountAmount > 0 ? (a(), i("span", {
+                key: 1,
+                class: n(["inline-flex items-center px-1.5 py-0.5 rounded bg-success/10 text-success font-bold", e.compact ? "text-[9px]" : "text-[10px]"])
+              }, [
+                d[1] || (d[1] = x(" −", -1)),
+                u(z(E), {
+                  value: e.coupon.discountAmount,
+                  class: "text-success"
+                }, null, 8, ["value"])
+              ], 2)) : r("", !0),
+              e.coupon.definition?.type === "percentage" && e.coupon.discountAmount && e.coupon.discountAmount > 0 ? (a(), i("span", {
+                key: 2,
+                class: n(["inline-flex items-center px-1.5 py-0.5 rounded bg-success/5 text-success font-semibold", e.compact ? "text-[9px]" : "text-[10px]"])
+              }, [
+                u(z(E), {
+                  value: e.coupon.discountAmount,
+                  class: "text-success"
+                }, null, 8, ["value"]),
+                d[2] || (d[2] = x(" off ", -1))
+              ], 2)) : r("", !0)
+            ]),
+            e.coupon.description ? (a(), i("p", {
+              key: 0,
+              class: n(["text-muted-foreground leading-snug truncate", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-0.5"])
+            }, f(e.coupon.description), 3)) : r("", !0)
+          ])
+        ]),
+        e.readonly ? r("", !0) : (a(), R(B, {
+          key: 0,
+          variant: "ghost",
+          size: e.compact ? "xs" : "sm",
+          icon: "lucide:x",
+          class: "shrink-0 inline-flex items-center justify-center rounded-md text-muted-foreground hover:bg-success/20 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          "aria-label": m.value.removeCoupon || "Remove coupon",
+          onClick: j
+        }, null, 8, ["size", "aria-label"]))
+      ], 2)) : r("", !0)
+    ], 2));
+  }
+});
+export {
+  _ as default
+};

package/components/Cart/CartCouponInput.vue2.js

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

package/components/Cart/CartEmptyState.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent as r, computed as p, openBlock as u, createElementBlock as d, normalizeClass as t, createElementVNode as o, createVNode as s, toDisplayString as n, withCtx as f, createTextVNode as x } from "vue";
+import y from "../Icon.vue.js";
+import g from "../Button.vue.js";
+const h = { class: "space-y-1" }, z = /* @__PURE__ */ r({
+  __name: "CartEmptyState",
+  props: {
+    labels: {},
+    compact: { type: Boolean, default: !1 }
+  },
+  emits: ["continue-shopping"],
+  setup(e, { emit: i }) {
+    const m = e, l = i, c = p(() => m.labels || {});
+    return (v, a) => (u(), d("div", {
+      class: t(["v-cart-empty flex flex-col items-center justify-center text-center", e.compact ? "py-10 px-4 gap-3" : "py-16 px-6 gap-4"])
+    }, [
+      o("div", {
+        class: t(["inline-flex items-center justify-center rounded-full bg-muted text-muted-foreground", e.compact ? "w-14 h-14" : "w-20 h-20"])
+      }, [
+        s(y, {
+          icon: "lucide:shopping-bag",
+          class: t(e.compact ? "w-6 h-6" : "w-9 h-9")
+        }, null, 8, ["class"])
+      ], 2),
+      o("div", h, [
+        o("p", {
+          class: t(["font-bold text-foreground", e.compact ? "text-sm" : "text-lg"])
+        }, n(c.value.emptyTitle || "Your cart is empty"), 3),
+        o("p", {
+          class: t(["text-muted-foreground max-w-xs", e.compact ? "text-xs" : "text-sm"])
+        }, n(c.value.emptyDescription || "Add items to your cart to see them here."), 3)
+      ]),
+      s(g, {
+        variant: "primary",
+        size: e.compact ? "sm" : "md",
+        icon: "lucide:arrow-left",
+        onClick: a[0] || (a[0] = (w) => l("continue-shopping"))
+      }, {
+        default: f(() => [
+          x(n(c.value.emptyAction || "Continue shopping"), 1)
+        ]),
+        _: 1
+      }, 8, ["size"])
+    ], 2));
+  }
+});
+export {
+  z as default
+};

package/components/Cart/CartEmptyState.vue2.js

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

package/components/Cart/CartLineItem.vue.js

@@ -0,0 +1,341 @@
+import { defineComponent as D, computed as o, openBlock as a, createElementBlock as l, normalizeClass as t, createCommentVNode as s, createElementVNode as i, toDisplayString as u, createBlock as v, unref as d, createVNode as c, Fragment as R, createTextVNode as I } from "vue";
+import r from "../Price/Price.vue.js";
+import m from "../Button.vue.js";
+const M = ["src", "alt"], P = { class: "flex-1 min-w-0 flex flex-col gap-0.5" }, T = ["title"], E = {
+  key: 0,
+  class: "text-muted-foreground uppercase tracking-wider font-medium"
+}, F = { class: "flex items-center justify-between gap-2 mt-1.5" }, $ = { class: "flex items-center gap-1.5" }, L = ["value", "aria-label"], O = { class: "flex-1 min-w-0" }, A = {
+  key: 0,
+  class: "text-muted-foreground uppercase tracking-wider"
+}, G = {
+  key: 1,
+  class: "text-muted-foreground"
+}, H = { class: "text-muted-foreground tabular-nums" }, J = {
+  key: 0,
+  class: "inline-flex items-center rounded border border-input bg-background overflow-hidden h-6"
+}, K = { class: "w-6 text-center text-[11px] font-semibold tabular-nums" }, U = {
+  key: 1,
+  class: "text-xs font-semibold tabular-nums text-foreground"
+}, W = ["src", "alt"], X = { class: "flex-1 min-w-0 flex flex-col gap-1.5" }, Y = { class: "flex items-start justify-between gap-2" }, Z = { class: "min-w-0 flex-1" }, _ = {
+  key: 0,
+  class: "text-muted-foreground uppercase tracking-wider font-medium"
+}, ee = {
+  key: 1,
+  class: "inline-flex items-center px-1.5 py-0.5 rounded bg-muted text-muted-foreground font-medium"
+}, te = { class: "flex items-center justify-between" }, ae = { class: "flex items-center gap-2" }, ie = { class: "flex items-center gap-1.5" }, ne = ["value", "aria-label"], le = { class: "flex-1 min-w-0" }, oe = /* @__PURE__ */ D({
+  __name: "CartLineItem",
+  props: {
+    item: {},
+    features: {},
+    labels: {},
+    compact: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    layout: { default: "drawer" }
+  },
+  emits: ["update:quantity", "remove"],
+  setup(e, { emit: B }) {
+    const n = e, b = B, f = o(() => n.labels || {}), p = o(() => n.features.thumbnails && n.layout !== "compact" && n.layout !== "mini"), N = o(() => n.features.description && !n.compact), q = o(() => n.features.sku), g = o(() => n.features.itemVariant && !!n.item.variant), z = o(() => n.features.editableQuantity && !n.readonly), h = o(() => n.features.removable && !n.readonly), y = o(() => n.item.maxQuantity !== void 0 && n.item.quantity >= n.item.maxQuantity), k = o(() => n.item.quantity <= 1), C = o(() => (n.item.price || 0) * (n.item.quantity || 0));
+    function j() {
+      y.value || b("update:quantity", n.item.id, n.item.quantity + 1);
+    }
+    function Q() {
+      k.value || b("update:quantity", n.item.id, n.item.quantity - 1);
+    }
+    function S(V) {
+      const x = Number(V.target.value);
+      Number.isFinite(x) && x > 0 && b("update:quantity", n.item.id, Math.floor(x));
+    }
+    function w() {
+      b("remove", n.item.id);
+    }
+    return (V, x) => e.layout === "drawer" ? (a(), l("div", {
+      key: 0,
+      class: t(["v-cart-line flex gap-3 items-start", [e.item.inStock === !1 ? "opacity-60" : "", e.compact ? "py-2" : "py-3"]])
+    }, [
+      p.value ? (a(), l("div", {
+        key: 0,
+        class: t(["shrink-0 overflow-hidden border border-border bg-muted", e.compact ? "w-12 h-12 rounded" : "w-16 h-16 rounded-md"])
+      }, [
+        e.item.thumbnail ? (a(), l("img", {
+          key: 0,
+          src: e.item.thumbnail,
+          alt: e.item.name,
+          class: "w-full h-full object-cover"
+        }, null, 8, M)) : s("", !0)
+      ], 2)) : s("", !0),
+      i("div", P, [
+        i("p", {
+          class: t(["font-semibold text-foreground leading-tight truncate", e.compact ? "text-xs" : "text-sm"]),
+          title: e.item.name
+        }, u(e.item.name), 11, T),
+        N.value && e.item.description ? (a(), l("p", {
+          key: 0,
+          class: t(["text-muted-foreground leading-snug line-clamp-1", e.compact ? "text-[10px]" : "text-xs"])
+        }, u(e.item.description), 3)) : s("", !0),
+        i("div", {
+          class: t(["flex items-center gap-2 flex-wrap", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-1"])
+        }, [
+          q.value && e.item.sku ? (a(), l("span", E, u(e.item.sku), 1)) : s("", !0),
+          g.value ? (a(), l("span", {
+            key: 1,
+            class: t(["inline-flex items-center px-1.5 py-0.5 rounded bg-muted text-muted-foreground font-medium", e.compact ? "text-[9px]" : "text-[10px]"])
+          }, u(e.item.variant), 3)) : s("", !0),
+          e.item.inStock === !1 ? (a(), l("span", {
+            key: 2,
+            class: t(["inline-flex items-center px-1.5 py-0.5 rounded bg-danger-light text-danger font-semibold uppercase tracking-wider", e.compact ? "text-[9px]" : "text-[10px]"])
+          }, " Out of stock ", 2)) : s("", !0)
+        ], 2),
+        i("div", F, [
+          i("div", {
+            class: t(["flex items-center gap-1.5", e.compact ? "text-xs" : "text-sm"])
+          }, [
+            e.item.originalPrice && e.item.originalPrice > e.item.price ? (a(), v(d(r), {
+              key: 0,
+              value: e.item.originalPrice,
+              class: t(["text-muted-foreground line-through tabular-nums", e.compact ? "text-[10px]" : "text-xs"])
+            }, null, 8, ["value", "class"])) : s("", !0),
+            c(d(r), {
+              value: e.item.price,
+              class: t(["font-bold text-foreground tabular-nums", e.compact ? "text-xs" : "text-sm"])
+            }, null, 8, ["value", "class"])
+          ], 2),
+          i("div", $, [
+            z.value ? (a(), l("div", {
+              key: 0,
+              class: t(["inline-flex items-center rounded border border-input bg-background overflow-hidden", e.compact ? "h-6" : "h-7"])
+            }, [
+              c(m, {
+                variant: "ghost",
+                rounded: "none",
+                size: e.compact ? "xs" : "sm",
+                icon: "lucide:minus",
+                class: "!h-full !px-1.5",
+                disabled: k.value,
+                "aria-label": "Decrease quantity",
+                onClick: Q
+              }, null, 8, ["size", "disabled"]),
+              i("input", {
+                type: "text",
+                inputmode: "numeric",
+                class: t(["w-7 text-center bg-transparent border-0 outline-none text-foreground font-semibold tabular-nums", e.compact ? "text-[11px]" : "text-xs"]),
+                value: e.item.quantity,
+                "aria-label": f.value.quantity || "Quantity",
+                onChange: S
+              }, null, 42, L),
+              c(m, {
+                variant: "ghost",
+                rounded: "none",
+                size: e.compact ? "xs" : "sm",
+                icon: "lucide:plus",
+                class: "!h-full !px-1.5",
+                disabled: y.value,
+                "aria-label": "Increase quantity",
+                onClick: j
+              }, null, 8, ["size", "disabled"])
+            ], 2)) : (a(), l("span", {
+              key: 1,
+              class: t(["inline-flex items-center justify-center px-2 rounded bg-muted text-foreground font-semibold tabular-nums", [e.compact ? "h-6 text-[11px]" : "h-7 text-xs"]])
+            }, " ×" + u(e.item.quantity), 3)),
+            h.value ? (a(), v(m, {
+              key: 2,
+              variant: "ghost",
+              size: e.compact ? "xs" : "sm",
+              icon: "lucide:trash-2",
+              "aria-label": f.value.remove || "Remove",
+              onClick: w
+            }, null, 8, ["size", "aria-label"])) : s("", !0)
+          ])
+        ])
+      ])
+    ], 2)) : e.layout === "compact" ? (a(), l("div", {
+      key: 1,
+      class: t(["v-cart-line flex items-center gap-2", e.compact ? "py-1.5" : "py-2"])
+    }, [
+      i("div", O, [
+        i("p", {
+          class: t(["font-semibold text-foreground leading-tight truncate", e.compact ? "text-xs" : "text-sm"])
+        }, u(e.item.name), 3),
+        i("div", {
+          class: t(["flex items-center gap-1.5", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-0.5"])
+        }, [
+          q.value && e.item.sku ? (a(), l("span", A, u(e.item.sku), 1)) : s("", !0),
+          g.value ? (a(), l("span", G, "· " + u(e.item.variant), 1)) : s("", !0),
+          x[0] || (x[0] = i("span", { class: "text-muted-foreground" }, "·", -1)),
+          i("span", H, [
+            c(d(r), {
+              value: e.item.price,
+              class: "text-muted-foreground"
+            }, null, 8, ["value"])
+          ])
+        ], 2)
+      ]),
+      z.value ? (a(), l("div", J, [
+        c(m, {
+          variant: "ghost",
+          rounded: "none",
+          size: "xs",
+          icon: "lucide:minus",
+          class: "!w-6 !h-full !px-0",
+          disabled: k.value,
+          "aria-label": "Decrease",
+          onClick: Q
+        }, null, 8, ["disabled"]),
+        i("span", K, u(e.item.quantity), 1),
+        c(m, {
+          variant: "ghost",
+          rounded: "none",
+          size: "xs",
+          icon: "lucide:plus",
+          class: "!w-6 !h-full !px-0",
+          disabled: y.value,
+          "aria-label": "Increase",
+          onClick: j
+        }, null, 8, ["disabled"])
+      ])) : (a(), l("span", U, "×" + u(e.item.quantity), 1)),
+      c(d(r), {
+        value: C.value,
+        class: t(["font-bold text-foreground tabular-nums shrink-0 w-16 text-right", e.compact ? "text-xs" : "text-sm"])
+      }, null, 8, ["value", "class"]),
+      h.value ? (a(), v(m, {
+        key: 2,
+        variant: "ghost",
+        size: "xs",
+        icon: "lucide:x",
+        class: "!w-6 !h-6",
+        "aria-label": f.value.remove || "Remove",
+        onClick: w
+      }, null, 8, ["aria-label"])) : s("", !0)
+    ], 2)) : e.layout === "card" ? (a(), l("div", {
+      key: 2,
+      class: t(["v-cart-line flex gap-3 p-3 border border-border", [e.item.inStock === !1 ? "opacity-60" : "", e.compact ? "p-2" : ""]])
+    }, [
+      p.value ? (a(), l("div", {
+        key: 0,
+        class: t(["shrink-0 overflow-hidden border border-border bg-muted rounded-md", e.compact ? "w-14 h-14" : "w-20 h-20"])
+      }, [
+        e.item.thumbnail ? (a(), l("img", {
+          key: 0,
+          src: e.item.thumbnail,
+          alt: e.item.name,
+          class: "w-full h-full object-cover"
+        }, null, 8, W)) : s("", !0)
+      ], 2)) : s("", !0),
+      i("div", X, [
+        i("div", Y, [
+          i("div", Z, [
+            i("p", {
+              class: t(["font-semibold text-foreground leading-tight", e.compact ? "text-xs" : "text-sm"])
+            }, u(e.item.name), 3),
+            N.value && e.item.description ? (a(), l("p", {
+              key: 0,
+              class: t(["text-muted-foreground line-clamp-2 leading-snug", e.compact ? "text-[10px] mt-0.5" : "text-xs mt-1"])
+            }, u(e.item.description), 3)) : s("", !0),
+            i("div", {
+              class: t(["flex items-center gap-2 flex-wrap", e.compact ? "text-[10px] mt-1" : "text-xs mt-1.5"])
+            }, [
+              q.value && e.item.sku ? (a(), l("span", _, u(e.item.sku), 1)) : s("", !0),
+              g.value ? (a(), l("span", ee, u(e.item.variant), 1)) : s("", !0)
+            ], 2)
+          ]),
+          c(d(r), {
+            value: C.value,
+            class: t(["font-extrabold text-foreground tabular-nums shrink-0", e.compact ? "text-sm" : "text-base"])
+          }, null, 8, ["value", "class"])
+        ]),
+        i("div", te, [
+          i("div", ae, [
+            i("span", {
+              class: t(["text-muted-foreground tabular-nums", e.compact ? "text-[10px]" : "text-xs"])
+            }, [
+              c(d(r), {
+                value: e.item.price,
+                class: "text-muted-foreground"
+              }, null, 8, ["value"]),
+              e.item.quantity > 1 ? (a(), l(R, { key: 0 }, [
+                I(" × " + u(e.item.quantity), 1)
+              ], 64)) : s("", !0)
+            ], 2)
+          ]),
+          i("div", ie, [
+            z.value ? (a(), l("div", {
+              key: 0,
+              class: t(["inline-flex items-center rounded border border-input bg-background overflow-hidden", e.compact ? "h-7" : "h-8"])
+            }, [
+              c(m, {
+                variant: "ghost",
+                rounded: "none",
+                size: e.compact ? "xs" : "sm",
+                icon: "lucide:minus",
+                class: "!w-7 !h-full !px-0",
+                disabled: k.value,
+                "aria-label": "Decrease",
+                onClick: Q
+              }, null, 8, ["size", "disabled"]),
+              i("input", {
+                type: "text",
+                inputmode: "numeric",
+                class: t(["w-8 text-center bg-transparent border-0 outline-none font-semibold tabular-nums", e.compact ? "text-xs" : "text-sm"]),
+                value: e.item.quantity,
+                "aria-label": f.value.quantity || "Quantity",
+                onChange: S
+              }, null, 42, ne),
+              c(m, {
+                variant: "ghost",
+                rounded: "none",
+                size: e.compact ? "xs" : "sm",
+                icon: "lucide:plus",
+                class: "!w-7 !h-full !px-0",
+                disabled: y.value,
+                "aria-label": "Increase",
+                onClick: j
+              }, null, 8, ["size", "disabled"])
+            ], 2)) : (a(), l("span", {
+              key: 1,
+              class: t(["inline-flex items-center justify-center px-2 rounded bg-muted text-foreground font-semibold tabular-nums", [e.compact ? "h-7 text-xs" : "h-8 text-sm"]])
+            }, " ×" + u(e.item.quantity), 3)),
+            h.value ? (a(), v(m, {
+              key: 2,
+              variant: "ghost",
+              size: e.compact ? "sm" : "sm2",
+              icon: "lucide:trash-2",
+              "aria-label": f.value.remove || "Remove",
+              onClick: w
+            }, null, 8, ["size", "aria-label"])) : s("", !0)
+          ])
+        ])
+      ])
+    ], 2)) : (a(), l("div", {
+      key: 3,
+      class: t(["v-cart-line flex items-center justify-between gap-2", e.compact ? "py-1.5" : "py-2"])
+    }, [
+      i("div", le, [
+        i("p", {
+          class: t(["font-medium text-foreground leading-tight truncate", e.compact ? "text-xs" : "text-sm"])
+        }, u(e.item.name), 3),
+        g.value ? (a(), l("p", {
+          key: 0,
+          class: t(["text-muted-foreground", e.compact ? "text-[10px]" : "text-xs"])
+        }, u(e.item.variant), 3)) : s("", !0)
+      ]),
+      i("span", {
+        class: t(["text-muted-foreground tabular-nums", e.compact ? "text-[10px]" : "text-xs"])
+      }, " ×" + u(e.item.quantity), 3),
+      c(d(r), {
+        value: C.value,
+        class: t(["font-semibold text-foreground tabular-nums shrink-0", e.compact ? "text-xs" : "text-sm"])
+      }, null, 8, ["value", "class"]),
+      h.value ? (a(), v(m, {
+        key: 0,
+        variant: "ghost",
+        size: "xs",
+        icon: "lucide:x",
+        class: "!w-5 !h-5 !min-w-5 !min-h-5",
+        "aria-label": "Remove",
+        onClick: w
+      })) : s("", !0)
+    ], 2));
+  }
+});
+export {
+  oe as default
+};

package/components/Cart/CartLineItem.vue2.js

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