@nextblock-cms/ecom 0.20.3 → 0.21.0

package/lib/components/CartDrawer.es.js

@@ -1,149 +1,219 @@
-'use client';
-import { jsx as t, jsxs as r, Fragment as x } from "react/jsx-runtime";
-import { Sheet as C, SheetContent as k, SheetHeader as j, SheetTitle as q, SheetDescription as S } from "@nextblock-cms/ui/sheet";
-import { Badge as F } from "@nextblock-cms/ui/badge";
-import { Button as d } from "@nextblock-cms/ui/button";
-import b from "next/link";
-import { useRef as D } from "react";
-import { Minus as P, Plus as R, Trash2 as A } from "lucide-react";
-import { useCartSubtotal as O, getCartItemActivePrice as Q } from "../cart-store.es.js";
-import { useCart as T } from "../use-cart.es.js";
-import { useTranslations as I } from "@nextblock-cms/utils";
-import { usePriceFormatter as $ } from "../use-price-formatter.es.js";
-import { isDigitalItem as g } from "../types.es.js";
-import { useCurrency as B } from "../CurrencyProvider.es.js";
-import { getTrialSummary as L } from "../trials.es.js";
-import { CouponForm as z } from "./CouponForm.es.js";
-const ne = () => {
-  const u = $(), f = T((e) => e), v = O(), { t: n } = I(), h = D(null), l = (e, s, c) => {
-    const a = n(e, c);
-    return a === e ? s : a;
-  }, { activeCurrencyCode: o, currencies: y } = B();
-  if (!f) return null;
-  const { isOpen: N, setIsOpen: m, items: i, updateQuantity: p, removeItem: w } = f, _ = (e) => i.reduce((s, c) => g(c) || c.sku !== e ? s : s + c.quantity, 0);
-  return /* @__PURE__ */ t(C, { open: N, onOpenChange: m, children: /* @__PURE__ */ r(
-    k,
-    {
-      className: "flex w-full flex-col pr-0 sm:max-w-lg",
-      onOpenAutoFocus: () => {
-        h.current = document.activeElement;
-      },
-      onCloseAutoFocus: (e) => {
-        e.preventDefault(), h.current?.focus();
-      },
-      children: [
-        /* @__PURE__ */ r(j, { className: "px-1 text-left", children: [
-          /* @__PURE__ */ r(q, { children: [
-            n("ecommerce.shopping_cart"),
-            " (",
-            i.length,
-            ")"
-          ] }),
-          /* @__PURE__ */ t(S, { className: "sr-only", children: n("ecommerce.shopping_cart") })
-        ] }),
-        i.length > 0 ? /* @__PURE__ */ t("div", { className: "flex flex-1 flex-col gap-5 overflow-y-auto overscroll-contain p-1 pr-6 pt-4", children: i.map((e) => {
-          const s = _(e.sku);
-          return /* @__PURE__ */ t("div", { className: "flex gap-4", children: (() => {
-            const c = Q(e, {
-              currencyCode: o,
-              currencies: y
-            }), a = L(e, n);
-            return /* @__PURE__ */ r(x, { children: [
-              e.image_url ? /* @__PURE__ */ t("div", { className: "relative aspect-square h-20 w-20 min-w-fit overflow-hidden rounded border bg-neutral-100", children: /* @__PURE__ */ t(
-                "img",
-                {
-                  src: e.image_url,
-                  alt: "",
-                  width: 80,
-                  height: 80,
-                  loading: "lazy",
-                  decoding: "async",
-                  className: "h-full w-full object-cover"
-                }
-              ) }) : /* @__PURE__ */ t("div", { className: "flex h-20 w-20 items-center justify-center rounded bg-secondary", children: /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: n("ecommerce.no_image") }) }),
-              /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1 flex-col justify-between", children: [
-                /* @__PURE__ */ r("div", { className: "flex justify-between gap-2", children: [
-                  /* @__PURE__ */ r("div", { className: "min-w-0", children: [
-                    /* @__PURE__ */ t("span", { className: "line-clamp-2 text-sm font-medium leading-tight", children: e.title }),
-                    e.variant_label && /* @__PURE__ */ t("div", { className: "mt-1 text-xs text-muted-foreground", children: e.variant_label }),
-                    a && /* @__PURE__ */ r("div", { className: "mt-1 text-xs font-medium text-emerald-700", children: [
-                      a.label,
-                      " - ",
-                      a.paymentRequirementLabel
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ r("span", { className: "text-sm font-semibold tabular-nums", children: [
-                    c.sale_price && /* @__PURE__ */ r(x, { children: [
-                      /* @__PURE__ */ r("span", { className: "sr-only", children: [
-                        l("ecommerce.regular_price", "Regular price"),
-                        " "
-                      ] }),
-                      /* @__PURE__ */ t("s", { className: "mr-1.5 text-xs font-normal text-muted-foreground", children: u(c.price, o) }),
-                      /* @__PURE__ */ r("span", { className: "sr-only", children: [
-                        l("ecommerce.sale_price", "Sale price"),
-                        " "
-                      ] })
-                    ] }),
-                    u(c.sale_price ?? c.price, o)
-                  ] })
-                ] }),
-                /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-sm", children: [
-                  g(e) ? /* @__PURE__ */ t(F, { variant: "secondary", className: "font-normal text-xs", children: l("ecommerce.license_count_one", "1 license", { count: 1 }) }) : /* @__PURE__ */ r("div", { role: "group", "aria-label": `${l("ecommerce.quantity", "Quantity")}: ${e.title}`, className: "flex items-center rounded-md border text-xs", children: [
-                    /* @__PURE__ */ t(
-                      "button",
-                      {
-                        onClick: () => p(e.id, e.quantity - 1),
-                        className: "flex h-7 w-7 items-center justify-center rounded-l-md border-r focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
-                        type: "button",
-                        "aria-label": l("ecommerce.decrease_quantity", "Decrease quantity"),
-                        children: /* @__PURE__ */ t(P, { className: "h-3 w-3" })
-                      }
-                    ),
-                    /* @__PURE__ */ t("span", { "aria-live": "polite", "aria-atomic": "true", className: "flex h-7 w-8 items-center justify-center tabular-nums", children: e.quantity }),
-                    /* @__PURE__ */ t(
-                      "button",
-                      {
-                        onClick: () => p(e.id, e.quantity + 1),
-                        className: "flex h-7 w-7 items-center justify-center rounded-r-md border-l focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
-                        type: "button",
-                        "aria-label": l("ecommerce.increase_quantity", "Increase quantity"),
-                        disabled: typeof e.stock == "number" && s >= e.stock,
-                        children: /* @__PURE__ */ t(R, { className: "h-3 w-3" })
-                      }
-                    )
-                  ] }),
-                  /* @__PURE__ */ t(
-                    "button",
-                    {
-                      onClick: () => w(e.id),
-                      className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-destructive focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
-                      type: "button",
-                      "aria-label": l("ecommerce.remove_item", `Remove ${e.title} from cart`, { item: e.title }),
-                      children: /* @__PURE__ */ t(A, { className: "h-4 w-4" })
-                    }
-                  )
-                ] })
-              ] })
-            ] });
-          })() }, e.id);
-        }) }) : /* @__PURE__ */ r("div", { className: "flex h-full flex-col items-center justify-center space-y-2", children: [
-          /* @__PURE__ */ t("span", { className: "text-muted-foreground", children: n("ecommerce.cart_empty") }),
-          /* @__PURE__ */ t(d, { variant: "outline", onClick: () => m(!1), children: n("ecommerce.continue_shopping") })
-        ] }),
-        i.length > 0 && /* @__PURE__ */ r("div", { className: "border-t pr-6 pt-4", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-center justify-between text-base font-medium", children: [
-            /* @__PURE__ */ t("span", { children: n("ecommerce.subtotal") }),
-            /* @__PURE__ */ t("span", { children: u(v, o) })
-          ] }),
-          /* @__PURE__ */ t("p", { className: "mb-4 mt-1 text-xs text-muted-foreground", children: n("ecommerce.shipping_taxes_calculated") }),
-          /* @__PURE__ */ t("div", { className: "mb-4", children: /* @__PURE__ */ t(z, { items: i, currencyCode: o, compact: !0 }) }),
-          /* @__PURE__ */ t(d, { asChild: !0, variant: "outline", className: "w-full mb-3", children: /* @__PURE__ */ t(b, { href: "/cart", onClick: () => m(!1), children: n("ecommerce.view_full_cart") }) }),
-          /* @__PURE__ */ t(d, { asChild: !0, className: "w-full", children: /* @__PURE__ */ t(b, { href: "/checkout", onClick: () => m(!1), children: n("ecommerce.ready_to_checkout") }) })
-        ] })
-      ]
-    }
-  ) });
-};
-export {
-  ne as CartDrawer
+"use client";
+import { isDigitalItem as e } from "../types.es.js";
+import { useCurrency as t } from "../CurrencyProvider.es.js";
+import { getCartItemActivePrice as n, useCartSubtotal as r } from "../cart-store.es.js";
+import { useCart as i } from "../use-cart.es.js";
+import { usePriceFormatter as a } from "../use-price-formatter.es.js";
+import { getTrialSummary as o } from "../trials.es.js";
+import { CouponForm as s } from "./CouponForm.es.js";
+import { Sheet as c, SheetContent as l, SheetDescription as u, SheetHeader as d, SheetTitle as f } from "@nextblock-cms/ui/sheet";
+import { Badge as p } from "@nextblock-cms/ui/badge";
+import { Button as m } from "@nextblock-cms/ui/button";
+import h from "next/link";
+import { useRef as g } from "react";
+import { Minus as _, Plus as v, Trash2 as y } from "lucide-react";
+import { useTranslations as b } from "@nextblock-cms/utils";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region libs/ecommerce/src/lib/components/CartDrawer.tsx
+var w = () => {
+	let w = a(), T = i((e) => e), E = r(), { t: D } = b(), O = g(null), k = (e, t, n) => {
+		let r = D(e, n);
+		return r === e ? t : r;
+	}, { activeCurrencyCode: A, currencies: j } = t();
+	if (!T) return null;
+	let { isOpen: M, setIsOpen: N, items: P, updateQuantity: F, removeItem: I } = T, L = (t) => P.reduce((n, r) => e(r) || r.sku !== t ? n : n + r.quantity, 0);
+	return /* @__PURE__ */ S(c, {
+		open: M,
+		onOpenChange: N,
+		children: /* @__PURE__ */ C(l, {
+			className: "flex w-full flex-col pr-0 sm:max-w-lg",
+			onOpenAutoFocus: () => {
+				O.current = document.activeElement;
+			},
+			onCloseAutoFocus: (e) => {
+				e.preventDefault(), O.current?.focus();
+			},
+			children: [
+				/* @__PURE__ */ C(d, {
+					className: "px-1 text-left",
+					children: [/* @__PURE__ */ C(f, { children: [
+						D("ecommerce.shopping_cart"),
+						" (",
+						P.length,
+						")"
+					] }), /* @__PURE__ */ S(u, {
+						className: "sr-only",
+						children: D("ecommerce.shopping_cart")
+					})]
+				}),
+				P.length > 0 ? /* @__PURE__ */ S("div", {
+					className: "flex flex-1 flex-col gap-5 overflow-y-auto overscroll-contain p-1 pr-6 pt-4",
+					children: P.map((t) => {
+						let r = L(t.sku);
+						return /* @__PURE__ */ S("div", {
+							className: "flex gap-4",
+							children: (() => {
+								let i = n(t, {
+									currencyCode: A,
+									currencies: j
+								}), a = o(t, D);
+								return /* @__PURE__ */ C(x, { children: [t.image_url ? /* @__PURE__ */ S("div", {
+									className: "relative aspect-square h-20 w-20 min-w-fit overflow-hidden rounded border bg-neutral-100",
+									children: /* @__PURE__ */ S("img", {
+										src: t.image_url,
+										alt: "",
+										width: 80,
+										height: 80,
+										loading: "lazy",
+										decoding: "async",
+										className: "h-full w-full object-cover"
+									})
+								}) : /* @__PURE__ */ S("div", {
+									className: "flex h-20 w-20 items-center justify-center rounded bg-secondary",
+									children: /* @__PURE__ */ S("span", {
+										className: "text-xs text-muted-foreground",
+										children: D("ecommerce.no_image")
+									})
+								}), /* @__PURE__ */ C("div", {
+									className: "flex min-w-0 flex-1 flex-col justify-between",
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex justify-between gap-2",
+										children: [/* @__PURE__ */ C("div", {
+											className: "min-w-0",
+											children: [
+												/* @__PURE__ */ S("span", {
+													className: "line-clamp-2 text-sm font-medium leading-tight",
+													children: t.title
+												}),
+												t.variant_label && /* @__PURE__ */ S("div", {
+													className: "mt-1 text-xs text-muted-foreground",
+													children: t.variant_label
+												}),
+												a && /* @__PURE__ */ C("div", {
+													className: "mt-1 text-xs font-medium text-emerald-700",
+													children: [
+														a.label,
+														" - ",
+														a.paymentRequirementLabel
+													]
+												})
+											]
+										}), /* @__PURE__ */ C("span", {
+											className: "text-sm font-semibold tabular-nums",
+											children: [i.sale_price && /* @__PURE__ */ C(x, { children: [
+												/* @__PURE__ */ C("span", {
+													className: "sr-only",
+													children: [k("ecommerce.regular_price", "Regular price"), " "]
+												}),
+												/* @__PURE__ */ S("s", {
+													className: "mr-1.5 text-xs font-normal text-muted-foreground",
+													children: w(i.price, A)
+												}),
+												/* @__PURE__ */ C("span", {
+													className: "sr-only",
+													children: [k("ecommerce.sale_price", "Sale price"), " "]
+												})
+											] }), w(i.sale_price ?? i.price, A)]
+										})]
+									}), /* @__PURE__ */ C("div", {
+										className: "flex items-center justify-between text-sm",
+										children: [e(t) ? /* @__PURE__ */ S(p, {
+											variant: "secondary",
+											className: "font-normal text-xs",
+											children: k("ecommerce.license_count_one", "1 license", { count: 1 })
+										}) : /* @__PURE__ */ C("div", {
+											role: "group",
+											"aria-label": `${k("ecommerce.quantity", "Quantity")}: ${t.title}`,
+											className: "flex items-center rounded-md border text-xs",
+											children: [
+												/* @__PURE__ */ S("button", {
+													onClick: () => F(t.id, t.quantity - 1),
+													className: "flex h-7 w-7 items-center justify-center rounded-l-md border-r focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+													type: "button",
+													"aria-label": k("ecommerce.decrease_quantity", "Decrease quantity"),
+													children: /* @__PURE__ */ S(_, { className: "h-3 w-3" })
+												}),
+												/* @__PURE__ */ S("span", {
+													"aria-live": "polite",
+													"aria-atomic": "true",
+													className: "flex h-7 w-8 items-center justify-center tabular-nums",
+													children: t.quantity
+												}),
+												/* @__PURE__ */ S("button", {
+													onClick: () => F(t.id, t.quantity + 1),
+													className: "flex h-7 w-7 items-center justify-center rounded-r-md border-l focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+													type: "button",
+													"aria-label": k("ecommerce.increase_quantity", "Increase quantity"),
+													disabled: typeof t.stock == "number" && r >= t.stock,
+													children: /* @__PURE__ */ S(v, { className: "h-3 w-3" })
+												})
+											]
+										}), /* @__PURE__ */ S("button", {
+											onClick: () => I(t.id),
+											className: "inline-flex h-8 w-8 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-destructive focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring",
+											type: "button",
+											"aria-label": k("ecommerce.remove_item", `Remove ${t.title} from cart`, { item: t.title }),
+											children: /* @__PURE__ */ S(y, { className: "h-4 w-4" })
+										})]
+									})]
+								})] });
+							})()
+						}, t.id);
+					})
+				}) : /* @__PURE__ */ C("div", {
+					className: "flex h-full flex-col items-center justify-center space-y-2",
+					children: [/* @__PURE__ */ S("span", {
+						className: "text-muted-foreground",
+						children: D("ecommerce.cart_empty")
+					}), /* @__PURE__ */ S(m, {
+						variant: "outline",
+						onClick: () => N(!1),
+						children: D("ecommerce.continue_shopping")
+					})]
+				}),
+				P.length > 0 && /* @__PURE__ */ C("div", {
+					className: "border-t pr-6 pt-4",
+					children: [
+						/* @__PURE__ */ C("div", {
+							className: "flex items-center justify-between text-base font-medium",
+							children: [/* @__PURE__ */ S("span", { children: D("ecommerce.subtotal") }), /* @__PURE__ */ S("span", { children: w(E, A) })]
+						}),
+						/* @__PURE__ */ S("p", {
+							className: "mb-4 mt-1 text-xs text-muted-foreground",
+							children: D("ecommerce.shipping_taxes_calculated")
+						}),
+						/* @__PURE__ */ S("div", {
+							className: "mb-4",
+							children: /* @__PURE__ */ S(s, {
+								items: P,
+								currencyCode: A,
+								compact: !0
+							})
+						}),
+						/* @__PURE__ */ S(m, {
+							asChild: !0,
+							variant: "outline",
+							className: "w-full mb-3",
+							children: /* @__PURE__ */ S(h, {
+								href: "/cart",
+								onClick: () => N(!1),
+								children: D("ecommerce.view_full_cart")
+							})
+						}),
+						/* @__PURE__ */ S(m, {
+							asChild: !0,
+							className: "w-full",
+							children: /* @__PURE__ */ S(h, {
+								href: "/checkout",
+								onClick: () => N(!1),
+								children: D("ecommerce.ready_to_checkout")
+							})
+						})
+					]
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { w as CartDrawer };

package/lib/components/CartIcon.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@nextblock-cms/ui/badge"),o=require("@nextblock-cms/ui/button"),n=require("lucide-react"),g=require("@nextblock-cms/utils"),c=require("../cart-store.cjs.js"),d=require("../use-cart.cjs.js"),m=()=>{const i=c.useCartStore(a=>a.toggleCart),t=c.useCartTotalItems(),l=d.useCart(a=>a.isOpen)!==void 0,{t:u}=g.useTranslations(),r=u("ecommerce.open_cart_count",{count:t}),s=r==="ecommerce.open_cart_count"?`Open cart (${t} items)`:r;return l?e.jsxs(o.Button,{variant:"ghost",size:"icon",className:"relative",onClick:i,"aria-label":s,"aria-haspopup":"dialog",children:[e.jsx(n.ShoppingBag,{className:"h-5 w-5"}),t>0&&e.jsx(p.Badge,{variant:"destructive",className:"absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",children:t})]}):e.jsx(o.Button,{variant:"ghost",size:"icon",className:"relative","aria-label":s,"aria-haspopup":"dialog",children:e.jsx(n.ShoppingBag,{className:"h-5 w-5"})})};exports.CartIcon=m;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cart-store.cjs.js"),t=require("../use-cart.cjs.js");let n=require("@nextblock-cms/ui/badge"),r=require("@nextblock-cms/ui/button"),i=require("lucide-react"),a=require("@nextblock-cms/utils"),o=require("react/jsx-runtime");var s=()=>{let s=e.useCartStore(e=>e.toggleCart),c=e.useCartTotalItems(),l=t.useCart(e=>e.isOpen)!==void 0,{t:u}=(0,a.useTranslations)(),d=u(`ecommerce.open_cart_count`,{count:c}),f=d===`ecommerce.open_cart_count`?`Open cart (${c} items)`:d;return l?(0,o.jsxs)(r.Button,{variant:`ghost`,size:`icon`,className:`relative`,onClick:s,"aria-label":f,"aria-haspopup":`dialog`,children:[(0,o.jsx)(i.ShoppingBag,{className:`h-5 w-5`}),c>0&&(0,o.jsx)(n.Badge,{variant:`destructive`,className:`absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]`,children:c})]}):(0,o.jsx)(r.Button,{variant:`ghost`,size:`icon`,className:`relative`,"aria-label":f,"aria-haspopup":`dialog`,children:(0,o.jsx)(i.ShoppingBag,{className:`h-5 w-5`})})};exports.CartIcon=s;

package/lib/components/CartIcon.d.ts

@@ -1 +1 @@
-export declare const CartIcon: () => import("react").JSX.Element;
+export declare const CartIcon: () => import('react').JSX.Element;

package/lib/components/CartIcon.es.js

@@ -1,36 +1,34 @@
-'use client';
-import { jsx as a, jsxs as l } from "react/jsx-runtime";
-import { Badge as p } from "@nextblock-cms/ui/badge";
-import { Button as s } from "@nextblock-cms/ui/button";
-import { ShoppingBag as i } from "lucide-react";
-import { useTranslations as u } from "@nextblock-cms/utils";
-import { useCartStore as h, useCartTotalItems as g } from "../cart-store.es.js";
-import { useCart as d } from "../use-cart.es.js";
-const j = () => {
-  const n = h((e) => e.toggleCart), t = g(), c = d((e) => e.isOpen) !== void 0, { t: m } = u(), o = m("ecommerce.open_cart_count", { count: t }), r = o === "ecommerce.open_cart_count" ? `Open cart (${t} items)` : o;
-  return c ? /* @__PURE__ */ l(
-    s,
-    {
-      variant: "ghost",
-      size: "icon",
-      className: "relative",
-      onClick: n,
-      "aria-label": r,
-      "aria-haspopup": "dialog",
-      children: [
-        /* @__PURE__ */ a(i, { className: "h-5 w-5" }),
-        t > 0 && /* @__PURE__ */ a(
-          p,
-          {
-            variant: "destructive",
-            className: "absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",
-            children: t
-          }
-        )
-      ]
-    }
-  ) : /* @__PURE__ */ a(s, { variant: "ghost", size: "icon", className: "relative", "aria-label": r, "aria-haspopup": "dialog", children: /* @__PURE__ */ a(i, { className: "h-5 w-5" }) });
-};
-export {
-  j as CartIcon
+"use client";
+import { useCartStore as e, useCartTotalItems as t } from "../cart-store.es.js";
+import { useCart as n } from "../use-cart.es.js";
+import { Badge as r } from "@nextblock-cms/ui/badge";
+import { Button as i } from "@nextblock-cms/ui/button";
+import { ShoppingBag as a } from "lucide-react";
+import { useTranslations as o } from "@nextblock-cms/utils";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region libs/ecommerce/src/lib/components/CartIcon.tsx
+var l = () => {
+	let l = e((e) => e.toggleCart), u = t(), d = n((e) => e.isOpen) !== void 0, { t: f } = o(), p = f("ecommerce.open_cart_count", { count: u }), m = p === "ecommerce.open_cart_count" ? `Open cart (${u} items)` : p;
+	return d ? /* @__PURE__ */ c(i, {
+		variant: "ghost",
+		size: "icon",
+		className: "relative",
+		onClick: l,
+		"aria-label": m,
+		"aria-haspopup": "dialog",
+		children: [/* @__PURE__ */ s(a, { className: "h-5 w-5" }), u > 0 && /* @__PURE__ */ s(r, {
+			variant: "destructive",
+			className: "absolute -right-1 -top-1 h-4 w-4 items-center justify-center p-0 text-[10px]",
+			children: u
+		})]
+	}) : /* @__PURE__ */ s(i, {
+		variant: "ghost",
+		size: "icon",
+		className: "relative",
+		"aria-label": m,
+		"aria-haspopup": "dialog",
+		children: /* @__PURE__ */ s(a, { className: "h-5 w-5" })
+	});
 };
+//#endregion
+export { l as CartIcon };