@enadhq/enad-react-sdk 0.0.6 → 1.0.2

package/dist/client/cart/components/cart-drawer.mjs

@@ -1,36 +1,230 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { X, Minus, Plus, Trash2 } from "lucide-react";
+import { useEffect, useRef, useCallback } from "react";
 import Link from "next/link";
 import { useCart } from "../../cart/hooks/useCart";
-const Button = ({
-  variant = "default",
-  size = "default",
-  className = "",
-  children,
-  ...props
-}) => {
-  const baseClasses = "inline-flex items-center justify-center font-medium transition-colors disabled:opacity-50 disabled:pointer-events-none";
-  const variantClasses = {
-    default: "bg-(--enad-button-bg) text-(--enad-button-color) hover:bg-(--enad-button-hover-bg)",
-    ghost: "bg-transparent hover:bg-(--enad-border-color)",
-    outline: "border border-(--enad-border-color) bg-transparent hover:bg-(--enad-border-color)"
+import { useIcon } from "../../icons/icon-context";
+import { Button } from "../../ui/button";
+function CartLoadingSkeleton() {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-6", "aria-busy": "true", "aria-label": "Loading cart items", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4 animate-pulse", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius)" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-3/4 bg-(--enad-border-color) rounded-(--enad-border-radius)" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/3 bg-(--enad-border-color) rounded-(--enad-border-radius)" }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-1/4 bg-(--enad-border-color) rounded-(--enad-border-radius)" })
+    ] })
+  ] }, i)) });
+}
+function CartEmptyState({
+  message,
+  onClose,
+  buttonLabel
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-(--enad-text-muted-color) mb-4", children: message }),
+    /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outline", children: buttonLabel })
+  ] });
+}
+function CartItemImage({ imageUrl, alt }) {
+  return /* @__PURE__ */ jsx("div", { className: "relative w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius) overflow-hidden", children: imageUrl ? /* @__PURE__ */ jsx("img", { src: imageUrl, alt, className: "object-cover" }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-(--enad-border-color)" }) });
+}
+function CartItemDetails({
+  item,
+  onClose,
+  onUpdateQuantity,
+  onRemove,
+  formatPrice
+}) {
+  const MinusIcon = useIcon("minus");
+  const PlusIcon = useIcon("plus");
+  const TrashIcon = useIcon("trash");
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-w-0 justify-between flex-col", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-2 mb-2", children: [
+      /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: `/products/${item.productSlug || item.productVariantId}`,
+          className: "font-medium text-sm text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition-colors",
+          onClick: onClose,
+          children: item.displayName
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-5 w-5 flex-shrink-0",
+          onClick: () => onRemove(item.id),
+          "aria-label": `Remove ${item.displayName}`,
+          children: /* @__PURE__ */ jsx(TrashIcon, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) mb-1", children: formatPrice(item.unitPrice.amount) }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-2",
+          role: "group",
+          "aria-label": `Quantity for ${item.displayName}`,
+          children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-5 w-5 bg-transparent active:scale-90 transition-transform duration-75 motion-reduce:transform-none",
+                onClick: () => onUpdateQuantity(item.id, item.quantity - 1),
+                disabled: item.quantity <= 1,
+                "aria-label": "Decrease quantity",
+                children: /* @__PURE__ */ jsx(MinusIcon, { className: "h-3 w-3" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-sm font-medium w-8 text-center text-(--enad-text-primary-color)",
+                "aria-live": "polite",
+                children: item.quantity
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "h-5 w-5 bg-transparent active:scale-90 transition-transform duration-75 motion-reduce:transform-none",
+                onClick: () => onUpdateQuantity(item.id, item.quantity + 1),
+                "aria-label": "Increase quantity",
+                children: /* @__PURE__ */ jsx(PlusIcon, { className: "h-3 w-3" })
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function CartItemRow({
+  item,
+  onClose,
+  onUpdateQuantity,
+  onRemove,
+  formatPrice
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex gap-4", role: "listitem", children: [
+    /* @__PURE__ */ jsx(CartItemImage, { imageUrl: item.imageUrl, alt: item.displayName }),
+    /* @__PURE__ */ jsx(
+      CartItemDetails,
+      {
+        item,
+        onClose,
+        onUpdateQuantity,
+        onRemove,
+        formatPrice
+      }
+    )
+  ] });
+}
+function CartTotals({
+  totals,
+  formatPrice,
+  labels
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: labels.subtotal }),
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.subtotal.amount) })
+    ] }),
+    totals.discount.amount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: labels.discount }),
+      /* @__PURE__ */ jsxs("span", { className: "text-(--enad-success-color)", children: [
+        "-",
+        formatPrice(totals.discount.amount)
+      ] })
+    ] }),
+    totals.tax.amount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: labels.tax }),
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.tax.amount) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-lg font-bold pt-4 border-t border-(--enad-border-color)", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: labels.total }),
+      /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.total.amount) })
+    ] }),
+    /* @__PURE__ */ jsx(Button, { className: "w-full py-6 text-sm font-medium uppercase tracking-wider", size: "lg", children: labels.proceedToCheckout })
+  ] });
+}
+function useCartDrawer(isOpen, onClose) {
+  const drawerRef = useRef(null);
+  const closeButtonRef = useRef(null);
+  const { cart, isLoading, removeItem, updateItem } = useCart();
+  useEffect(() => {
+    if (isOpen) {
+      const timer = setTimeout(() => closeButtonRef.current?.focus(), 100);
+      return () => clearTimeout(timer);
+    }
+  }, [isOpen]);
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (e.key === "Escape") {
+        e.stopPropagation();
+        onClose();
+      }
+    },
+    [onClose]
+  );
+  const formatPrice = (amount) => {
+    return `${(amount / 100).toFixed(2)} ${cart?.currencyCode || "SEK"}`;
+  };
+  const handleUpdateQuantity = (itemId, newQuantity) => {
+    updateItem({ itemId, quantity: newQuantity });
+  };
+  const handleRemoveItem = (itemId) => {
+    removeItem({ itemId });
   };
-  const sizeClasses = {
-    default: "h-10 px-4 py-2 rounded-(--enad-border-radius)",
-    lg: "h-12 px-6 py-3 rounded-(--enad-border-radius)",
-    icon: "h-5 w-5 rounded-(--enad-border-radius)"
+  return {
+    drawerRef,
+    closeButtonRef,
+    cart,
+    isLoading,
+    items: cart?.items || [],
+    totals: cart?.totals,
+    handleKeyDown,
+    formatPrice,
+    handleUpdateQuantity,
+    handleRemoveItem
   };
-  return /* @__PURE__ */ jsx(
-    "button",
+}
+function CartContent({
+  isLoading,
+  items,
+  emptyCartMessage,
+  continueShopping,
+  onClose,
+  onUpdateQuantity,
+  onRemove,
+  formatPrice
+}) {
+  if (isLoading) return /* @__PURE__ */ jsx(CartLoadingSkeleton, {});
+  if (items.length === 0) {
+    return /* @__PURE__ */ jsx(CartEmptyState, { message: emptyCartMessage, onClose, buttonLabel: continueShopping });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "space-y-6", role: "list", "aria-label": "Cart items", children: items.map((item) => /* @__PURE__ */ jsx(
+    CartItemRow,
     {
-      className: `${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`,
-      ...props,
-      children
-    }
-  );
-};
-function CartDrawer({ isOpen, onClose, labels = {} }) {
+      item,
+      onClose,
+      onUpdateQuantity,
+      onRemove,
+      formatPrice
+    },
+    item.id
+  )) });
+}
+function CartDrawer({ isOpen, onClose, className, labels = {} }) {
+  const CloseIcon = useIcon("close");
   const {
     title = "Shopping Cart",
     emptyCartMessage = "Your cart is empty",
@@ -41,134 +235,71 @@ function CartDrawer({ isOpen, onClose, labels = {} }) {
     total = "Total",
     proceedToCheckout = "Proceed to Checkout"
   } = labels;
-  const { cart, removeItem, updateItem } = useCart();
-  const items = cart?.items || [];
-  const totals = cart?.totals;
-  const handleUpdateQuantity = (itemId, newQuantity) => {
-    updateItem({ itemId, quantity: newQuantity });
-  };
-  const handleRemoveItem = (itemId) => {
-    removeItem({ itemId });
-  };
-  const formatPrice = (amount) => {
-    return `${(amount / 100).toFixed(2)} ${cart?.currencyCode || "USD"}`;
-  };
+  const {
+    drawerRef,
+    closeButtonRef,
+    isLoading,
+    items,
+    totals,
+    handleKeyDown,
+    formatPrice,
+    handleUpdateQuantity,
+    handleRemoveItem
+  } = useCartDrawer(isOpen, onClose);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: `fixed font-enad inset-0 bg-black/60 backdrop-blur-sm z-50 transition-opacity duration-300 ${isOpen ? "opacity-100" : "opacity-0 pointer-events-none"}`,
-        onClick: onClose
+        className: `fixed font-enad inset-0 bg-black/60 backdrop-blur-sm z-50 transition-opacity duration-300 motion-reduce:transition-none ${isOpen ? "opacity-100" : "opacity-0 pointer-events-none"}`,
+        onClick: onClose,
+        "aria-hidden": "true"
       }
     ),
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: `fixed top-0 right-0 h-full w-full md:w-[480px] bg-(--enad-surface) z-50 transform transition-transform duration-300 ease-in-out ${isOpen ? "translate-x-0" : "translate-x-full"}`,
+        ref: drawerRef,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": title,
+        onKeyDown: handleKeyDown,
+        className: `fixed top-0 right-0 h-full w-full md:w-[480px] bg-(--enad-surface) z-50 transform transition-transform duration-300 ease-in-out motion-reduce:transition-none ${isOpen ? "translate-x-0" : "translate-x-full"} ${className ?? ""}`,
         children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-6", children: [
-            /* @__PURE__ */ jsx(
-              "h2",
-              {
-                className: "text-xl font-bold tracking-wider uppercase text-(--enad-text-primary-color)",
-                style: { fontFamily: "var(--font-oswald)" },
-                children: title
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", onClick: onClose, children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) })
-          ] }),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-6", children: items.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full text-center", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-(--enad-text-muted-color) mb-4", children: emptyCartMessage }),
-            /* @__PURE__ */ jsx(Button, { onClick: onClose, variant: "outline", children: continueShopping })
-          ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-6", children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4", children: [
-            /* @__PURE__ */ jsx("div", { className: "relative w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius) overflow-hidden", children: item.imageUrl ? /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: item.imageUrl || "/placeholder.svg",
-                alt: item.displayName,
-                className: "object-cover"
-              }
-            ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-(--enad-border-color)" }) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-w-0 justify-between flex-col", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex justify-between gap-2 mb-2", children: [
-                /* @__PURE__ */ jsx(
-                  Link,
-                  {
-                    href: `/products/${item.customAttributes?.productSlug || item.productVariantId}`,
-                    className: "font-medium text-sm text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition-colors",
-                    onClick: onClose,
-                    children: item.displayName
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "icon",
-                    className: "h-5 w-5 flex-shrink-0",
-                    onClick: () => handleRemoveItem(item.id),
-                    children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-(--enad-text-muted-color) mb-1", children: formatPrice(item.salePriceAmount) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      size: "icon",
-                      className: "h-5 w-5 bg-transparent",
-                      onClick: () => handleUpdateQuantity(item.id, item.quantity - 1),
-                      disabled: item.quantity <= 1,
-                      children: /* @__PURE__ */ jsx(Minus, { className: "h-3 w-3" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "text-sm font-medium w-8 text-center text-(--enad-text-primary-color)", children: item.quantity }),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "outline",
-                      size: "icon",
-                      className: "h-5 w-5 bg-transparent",
-                      onClick: () => handleUpdateQuantity(item.id, item.quantity + 1),
-                      children: /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" })
-                    }
-                  )
-                ] })
-              ] })
-            ] })
-          ] }, item.id)) }) }),
-          items.length > 0 && totals && /* @__PURE__ */ jsxs("div", { className: " p-6 space-y-4", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: subtotal }),
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.subTotal) })
-            ] }),
-            totals.discountTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: discount }),
-              /* @__PURE__ */ jsxs("span", { className: "text-(--enad-success-color)", children: [
-                "-",
-                formatPrice(totals.discountTotal)
-              ] })
-            ] }),
-            totals.taxTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-muted-color)", children: tax }),
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.taxTotal) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-lg font-bold pt-4 border-t border-(--enad-border-color)", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: total }),
-              /* @__PURE__ */ jsx("span", { className: "text-(--enad-text-primary-color)", children: formatPrice(totals.grandTotal) })
-            ] }),
+            /* @__PURE__ */ jsx("h2", { className: "text-xl font-heading font-bold tracking-wider uppercase text-(--enad-text-primary-color)", children: title }),
             /* @__PURE__ */ jsx(
               Button,
               {
-                className: "w-full py-6 text-sm font-medium uppercase tracking-wider",
-                size: "lg",
-                children: proceedToCheckout
+                ref: closeButtonRef,
+                variant: "ghost",
+                size: "icon",
+                onClick: onClose,
+                "aria-label": "Close cart",
+                children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-5 w-5" })
               }
             )
-          ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto p-6", children: /* @__PURE__ */ jsx(
+            CartContent,
+            {
+              isLoading,
+              items,
+              emptyCartMessage,
+              continueShopping,
+              onClose,
+              onUpdateQuantity: handleUpdateQuantity,
+              onRemove: handleRemoveItem,
+              formatPrice
+            }
+          ) }),
+          items.length > 0 && totals && /* @__PURE__ */ jsx(
+            CartTotals,
+            {
+              totals,
+              formatPrice,
+              labels: { subtotal, discount, tax, total, proceedToCheckout }
+            }
+          )
         ] })
       }
     )

package/dist/client/cart/components/cart-drawer.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/cart/components/cart-drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport { X, Minus, Plus, Trash2 } from \"lucide-react\"\nimport Link from \"next/link\"\nimport { useCart } from \"../../cart/hooks/useCart\"\n\ninterface CartDrawerProps {\n  isOpen: boolean\n  onClose: () => void\n  labels?: {\n    title?: string\n    emptyCartMessage?: string\n    continueShopping?: string\n    subtotal?: string\n    discount?: string\n    tax?: string\n    total?: string\n    proceedToCheckout?: string\n  }\n}\n\n// Inline Button Component\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: \"ghost\" | \"outline\" | \"default\"\n  size?: \"icon\" | \"lg\" | \"default\"\n  children: React.ReactNode\n}\n\nconst Button = ({\n  variant = \"default\",\n  size = \"default\",\n  className = \"\",\n  children,\n  ...props\n}: ButtonProps) => {\n  const baseClasses =\n    \"inline-flex items-center justify-center font-medium transition-colors disabled:opacity-50 disabled:pointer-events-none\"\n\n  const variantClasses = {\n    default: \"bg-(--enad-button-bg) text-(--enad-button-color) hover:bg-(--enad-button-hover-bg)\",\n    ghost: \"bg-transparent hover:bg-(--enad-border-color)\",\n    outline: \"border border-(--enad-border-color) bg-transparent hover:bg-(--enad-border-color)\",\n  }\n\n  const sizeClasses = {\n    default: \"h-10 px-4 py-2 rounded-(--enad-border-radius)\",\n    lg: \"h-12 px-6 py-3 rounded-(--enad-border-radius)\",\n    icon: \"h-5 w-5 rounded-(--enad-border-radius)\",\n  }\n\n  return (\n    <button\n      className={`${baseClasses} ${variantClasses[variant]} ${sizeClasses[size]} ${className}`}\n      {...props}\n    >\n      {children}\n    </button>\n  )\n}\n\nexport function CartDrawer({ isOpen, onClose, labels = {} }: CartDrawerProps) {\n  const {\n    title = \"Shopping Cart\",\n    emptyCartMessage = \"Your cart is empty\",\n    continueShopping = \"Continue Shopping\",\n    subtotal = \"Subtotal\",\n    discount = \"Discount\",\n    tax = \"Tax\",\n    total = \"Total\",\n    proceedToCheckout = \"Proceed to Checkout\",\n  } = labels\n  const { cart, removeItem, updateItem } = useCart()\n\n  const items = cart?.items || []\n  const totals = cart?.totals\n\n  const handleUpdateQuantity = (itemId: string, newQuantity: number) => {\n    updateItem({ itemId, quantity: newQuantity })\n  }\n\n  const handleRemoveItem = (itemId: string) => {\n    removeItem({ itemId })\n  }\n\n  const formatPrice = (amount: number) => {\n    return `${(amount / 100).toFixed(2)} ${cart?.currencyCode || \"USD\"}`\n  }\n\n  return (\n    <>\n      {/* Backdrop */}\n      <div\n        className={`fixed font-enad inset-0 bg-black/60 backdrop-blur-sm z-50 transition-opacity duration-300 ${\n          isOpen ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\n        }`}\n        onClick={onClose}\n      />\n\n      {/* Drawer */}\n      <div\n        className={`fixed top-0 right-0 h-full w-full md:w-[480px] bg-(--enad-surface) z-50 transform transition-transform duration-300 ease-in-out ${\n          isOpen ? \"translate-x-0\" : \"translate-x-full\"\n        }`}\n      >\n        <div className=\"flex flex-col h-full\">\n          {/* Header */}\n          <div className=\"flex items-center justify-between p-6\">\n            <h2\n              className=\"text-xl font-bold tracking-wider uppercase text-(--enad-text-primary-color)\"\n              style={{ fontFamily: \"var(--font-oswald)\" }}\n            >\n              {title}\n            </h2>\n            <Button variant=\"ghost\" size=\"icon\" onClick={onClose}>\n              <X className=\"h-5 w-5\" />\n            </Button>\n          </div>\n\n          {/* Cart Items */}\n          <div className=\"flex-1 overflow-y-auto p-6\">\n            {items.length === 0 ? (\n              <div className=\"flex flex-col items-center justify-center h-full text-center\">\n                <p className=\"text-(--enad-text-muted-color) mb-4\">{emptyCartMessage}</p>\n                <Button onClick={onClose} variant=\"outline\">\n                  {continueShopping}\n                </Button>\n              </div>\n            ) : (\n              <div className=\"space-y-6\">\n                {items.map((item) => (\n                  <div key={item.id} className=\"flex gap-4\">\n                    {/* Product Image */}\n                    <div className=\"relative w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius) overflow-hidden\">\n                      {item.imageUrl ? (\n                        <img\n                          src={item.imageUrl || \"/placeholder.svg\"}\n                          alt={item.displayName}\n                          className=\"object-cover\"\n                        />\n                      ) : (\n                        <div className=\"w-full h-full bg-(--enad-border-color)\" />\n                      )}\n                    </div>\n\n                    {/* Product Info */}\n                    <div className=\"flex flex-1 min-w-0 justify-between flex-col\">\n                      <div className=\"flex justify-between gap-2 mb-2\">\n                        <Link\n                          href={`/products/${item.customAttributes?.productSlug || item.productVariantId}`}\n                          className=\"font-medium text-sm text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition-colors\"\n                          onClick={onClose}\n                        >\n                          {item.displayName}\n                        </Link>\n                        <Button\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          className=\"h-5 w-5 flex-shrink-0\"\n                          onClick={() => handleRemoveItem(item.id)}\n                        >\n                          <Trash2 className=\"h-4 w-4\" />\n                        </Button>\n                      </div>\n\n                      <div>\n                        <p className=\"text-sm text-(--enad-text-muted-color) mb-1\">\n                          {formatPrice(item.salePriceAmount)}\n                        </p>\n\n                        {/* Quantity Controls */}\n                        <div className=\"flex items-center gap-2\">\n                          <Button\n                            variant=\"outline\"\n                            size=\"icon\"\n                            className=\"h-5 w-5 bg-transparent\"\n                            onClick={() => handleUpdateQuantity(item.id, item.quantity - 1)}\n                            disabled={item.quantity <= 1}\n                          >\n                            <Minus className=\"h-3 w-3\" />\n                          </Button>\n                          <span className=\"text-sm font-medium w-8 text-center text-(--enad-text-primary-color)\">\n                            {item.quantity}\n                          </span>\n                          <Button\n                            variant=\"outline\"\n                            size=\"icon\"\n                            className=\"h-5 w-5 bg-transparent\"\n                            onClick={() => handleUpdateQuantity(item.id, item.quantity + 1)}\n                          >\n                            <Plus className=\"h-3 w-3\" />\n                          </Button>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n\n          {/* Footer with Totals */}\n          {items.length > 0 && totals && (\n            <div className=\" p-6 space-y-4\">\n              {/* Subtotal */}\n              <div className=\"flex justify-between text-sm\">\n                <span className=\"text-(--enad-text-muted-color)\">{subtotal}</span>\n                <span className=\"text-(--enad-text-primary-color)\">\n                  {formatPrice(totals.subTotal)}\n                </span>\n              </div>\n\n              {/* Discount */}\n              {totals.discountTotal > 0 && (\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-(--enad-text-muted-color)\">{discount}</span>\n                  <span className=\"text-(--enad-success-color)\">\n                    -{formatPrice(totals.discountTotal)}\n                  </span>\n                </div>\n              )}\n\n              {/* Tax */}\n              {totals.taxTotal > 0 && (\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-(--enad-text-muted-color)\">{tax}</span>\n                  <span className=\"text-(--enad-text-primary-color)\">\n                    {formatPrice(totals.taxTotal)}\n                  </span>\n                </div>\n              )}\n\n              {/* Total */}\n              <div className=\"flex justify-between text-lg font-bold pt-4 border-t border-(--enad-border-color)\">\n                <span className=\"text-(--enad-text-primary-color)\">{total}</span>\n                <span className=\"text-(--enad-text-primary-color)\">\n                  {formatPrice(totals.grandTotal)}\n                </span>\n              </div>\n\n              {/* Checkout Button */}\n              <Button\n                className=\"w-full py-6 text-sm font-medium uppercase tracking-wider\"\n                size=\"lg\"\n              >\n                {proceedToCheckout}\n              </Button>\n            </div>\n          )}\n        </div>\n      </div>\n    </>\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/client/cart/components/cart-drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useCallback } from \"react\";\nimport Link from \"next/link\";\nimport { useCart } from \"../../cart/hooks/useCart\";\nimport type { CartItem, CartTotals as CartTotalsType } from \"../../cart/types/adapter\";\nimport { useIcon } from \"../../icons/icon-context\";\nimport { Button } from \"../../ui/button\";\n\nexport interface CartDrawerProps {\n  isOpen: boolean;\n  onClose: () => void;\n  className?: string;\n  labels?: {\n    title?: string;\n    emptyCartMessage?: string;\n    continueShopping?: string;\n    subtotal?: string;\n    discount?: string;\n    tax?: string;\n    total?: string;\n    proceedToCheckout?: string;\n  };\n}\n\nfunction CartLoadingSkeleton() {\n  return (\n    <div className=\"space-y-6\" aria-busy=\"true\" aria-label=\"Loading cart items\">\n      {[1, 2, 3].map((i) => (\n        <div key={i} className=\"flex gap-4 animate-pulse\">\n          <div className=\"w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius)\" />\n          <div className=\"flex flex-1 flex-col gap-2\">\n            <div className=\"h-4 w-3/4 bg-(--enad-border-color) rounded-(--enad-border-radius)\" />\n            <div className=\"h-4 w-1/3 bg-(--enad-border-color) rounded-(--enad-border-radius)\" />\n            <div className=\"h-4 w-1/4 bg-(--enad-border-color) rounded-(--enad-border-radius)\" />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction CartEmptyState({\n  message,\n  onClose,\n  buttonLabel,\n}: {\n  message: string;\n  onClose: () => void;\n  buttonLabel: string;\n}) {\n  return (\n    <div className=\"flex flex-col items-center justify-center h-full text-center\">\n      <p className=\"text-(--enad-text-muted-color) mb-4\">{message}</p>\n      <Button onClick={onClose} variant=\"outline\">\n        {buttonLabel}\n      </Button>\n    </div>\n  );\n}\n\nfunction CartItemImage({ imageUrl, alt }: { imageUrl?: string; alt: string }) {\n  return (\n    <div className=\"relative w-24 h-24 flex-shrink-0 bg-(--enad-border-color) rounded-(--enad-border-radius) overflow-hidden\">\n      {imageUrl ? (\n        <img src={imageUrl} alt={alt} className=\"object-cover\" />\n      ) : (\n        <div className=\"w-full h-full bg-(--enad-border-color)\" />\n      )}\n    </div>\n  );\n}\n\nfunction CartItemDetails({\n  item,\n  onClose,\n  onUpdateQuantity,\n  onRemove,\n  formatPrice,\n}: {\n  item: CartItem;\n  onClose: () => void;\n  onUpdateQuantity: (itemId: string, quantity: number) => void;\n  onRemove: (itemId: string) => void;\n  formatPrice: (amount: number) => string;\n}) {\n  const MinusIcon = useIcon(\"minus\");\n  const PlusIcon = useIcon(\"plus\");\n  const TrashIcon = useIcon(\"trash\");\n\n  return (\n    <div className=\"flex flex-1 min-w-0 justify-between flex-col\">\n      <div className=\"flex justify-between gap-2 mb-2\">\n        <Link\n          href={`/products/${item.productSlug || item.productVariantId}`}\n          className=\"font-medium text-sm text-(--enad-link-color) hover:text-(--enad-link-hover-color) transition-colors\"\n          onClick={onClose}\n        >\n          {item.displayName}\n        </Link>\n        <Button\n          variant=\"ghost\"\n          size=\"icon\"\n          className=\"h-5 w-5 flex-shrink-0\"\n          onClick={() => onRemove(item.id)}\n          aria-label={`Remove ${item.displayName}`}\n        >\n          <TrashIcon className=\"h-4 w-4\" />\n        </Button>\n      </div>\n\n      <div>\n        <p className=\"text-sm text-(--enad-text-muted-color) mb-1\">\n          {formatPrice(item.unitPrice.amount)}\n        </p>\n\n        <div\n          className=\"flex items-center gap-2\"\n          role=\"group\"\n          aria-label={`Quantity for ${item.displayName}`}\n        >\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            className=\"h-5 w-5 bg-transparent active:scale-90 transition-transform duration-75 motion-reduce:transform-none\"\n            onClick={() => onUpdateQuantity(item.id, item.quantity - 1)}\n            disabled={item.quantity <= 1}\n            aria-label=\"Decrease quantity\"\n          >\n            <MinusIcon className=\"h-3 w-3\" />\n          </Button>\n          <span\n            className=\"text-sm font-medium w-8 text-center text-(--enad-text-primary-color)\"\n            aria-live=\"polite\"\n          >\n            {item.quantity}\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"icon\"\n            className=\"h-5 w-5 bg-transparent active:scale-90 transition-transform duration-75 motion-reduce:transform-none\"\n            onClick={() => onUpdateQuantity(item.id, item.quantity + 1)}\n            aria-label=\"Increase quantity\"\n          >\n            <PlusIcon className=\"h-3 w-3\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction CartItemRow({\n  item,\n  onClose,\n  onUpdateQuantity,\n  onRemove,\n  formatPrice,\n}: {\n  item: CartItem;\n  onClose: () => void;\n  onUpdateQuantity: (itemId: string, quantity: number) => void;\n  onRemove: (itemId: string) => void;\n  formatPrice: (amount: number) => string;\n}) {\n  return (\n    <div className=\"flex gap-4\" role=\"listitem\">\n      <CartItemImage imageUrl={item.imageUrl} alt={item.displayName} />\n      <CartItemDetails\n        item={item}\n        onClose={onClose}\n        onUpdateQuantity={onUpdateQuantity}\n        onRemove={onRemove}\n        formatPrice={formatPrice}\n      />\n    </div>\n  );\n}\n\nfunction CartTotals({\n  totals,\n  formatPrice,\n  labels,\n}: {\n  totals: CartTotalsType;\n  formatPrice: (amount: number) => string;\n  labels: {\n    subtotal: string;\n    discount: string;\n    tax: string;\n    total: string;\n    proceedToCheckout: string;\n  };\n}) {\n  return (\n    <div className=\"p-6 space-y-4\">\n      <div className=\"flex justify-between text-sm\">\n        <span className=\"text-(--enad-text-muted-color)\">{labels.subtotal}</span>\n        <span className=\"text-(--enad-text-primary-color)\">\n          {formatPrice(totals.subtotal.amount)}\n        </span>\n      </div>\n\n      {totals.discount.amount > 0 && (\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-(--enad-text-muted-color)\">{labels.discount}</span>\n          <span className=\"text-(--enad-success-color)\">\n            -{formatPrice(totals.discount.amount)}\n          </span>\n        </div>\n      )}\n\n      {totals.tax.amount > 0 && (\n        <div className=\"flex justify-between text-sm\">\n          <span className=\"text-(--enad-text-muted-color)\">{labels.tax}</span>\n          <span className=\"text-(--enad-text-primary-color)\">{formatPrice(totals.tax.amount)}</span>\n        </div>\n      )}\n\n      <div className=\"flex justify-between text-lg font-bold pt-4 border-t border-(--enad-border-color)\">\n        <span className=\"text-(--enad-text-primary-color)\">{labels.total}</span>\n        <span className=\"text-(--enad-text-primary-color)\">{formatPrice(totals.total.amount)}</span>\n      </div>\n\n      <Button className=\"w-full py-6 text-sm font-medium uppercase tracking-wider\" size=\"lg\">\n        {labels.proceedToCheckout}\n      </Button>\n    </div>\n  );\n}\n\nfunction useCartDrawer(isOpen: boolean, onClose: () => void) {\n  const drawerRef = useRef<HTMLDivElement>(null);\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n  const { cart, isLoading, removeItem, updateItem } = useCart();\n\n  useEffect(() => {\n    if (isOpen) {\n      const timer = setTimeout(() => closeButtonRef.current?.focus(), 100);\n      return () => clearTimeout(timer);\n    }\n  }, [isOpen]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        e.stopPropagation();\n        onClose();\n      }\n    },\n    [onClose],\n  );\n\n  const formatPrice = (amount: number) => {\n    return `${(amount / 100).toFixed(2)} ${cart?.currencyCode || \"SEK\"}`;\n  };\n\n  const handleUpdateQuantity = (itemId: string, newQuantity: number) => {\n    updateItem({ itemId, quantity: newQuantity });\n  };\n\n  const handleRemoveItem = (itemId: string) => {\n    removeItem({ itemId });\n  };\n\n  return {\n    drawerRef,\n    closeButtonRef,\n    cart,\n    isLoading,\n    items: cart?.items || [],\n    totals: cart?.totals,\n    handleKeyDown,\n    formatPrice,\n    handleUpdateQuantity,\n    handleRemoveItem,\n  };\n}\n\nfunction CartContent({\n  isLoading,\n  items,\n  emptyCartMessage,\n  continueShopping,\n  onClose,\n  onUpdateQuantity,\n  onRemove,\n  formatPrice,\n}: {\n  isLoading: boolean;\n  items: CartItem[];\n  emptyCartMessage: string;\n  continueShopping: string;\n  onClose: () => void;\n  onUpdateQuantity: (itemId: string, quantity: number) => void;\n  onRemove: (itemId: string) => void;\n  formatPrice: (amount: number) => string;\n}) {\n  if (isLoading) return <CartLoadingSkeleton />;\n  if (items.length === 0) {\n    return (\n      <CartEmptyState message={emptyCartMessage} onClose={onClose} buttonLabel={continueShopping} />\n    );\n  }\n  return (\n    <div className=\"space-y-6\" role=\"list\" aria-label=\"Cart items\">\n      {items.map((item) => (\n        <CartItemRow\n          key={item.id}\n          item={item}\n          onClose={onClose}\n          onUpdateQuantity={onUpdateQuantity}\n          onRemove={onRemove}\n          formatPrice={formatPrice}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function CartDrawer({ isOpen, onClose, className, labels = {} }: CartDrawerProps) {\n  const CloseIcon = useIcon(\"close\");\n\n  const {\n    title = \"Shopping Cart\",\n    emptyCartMessage = \"Your cart is empty\",\n    continueShopping = \"Continue Shopping\",\n    subtotal = \"Subtotal\",\n    discount = \"Discount\",\n    tax = \"Tax\",\n    total = \"Total\",\n    proceedToCheckout = \"Proceed to Checkout\",\n  } = labels;\n\n  const {\n    drawerRef,\n    closeButtonRef,\n    isLoading,\n    items,\n    totals,\n    handleKeyDown,\n    formatPrice,\n    handleUpdateQuantity,\n    handleRemoveItem,\n  } = useCartDrawer(isOpen, onClose);\n\n  return (\n    <>\n      <div\n        className={`fixed font-enad inset-0 bg-black/60 backdrop-blur-sm z-50 transition-opacity duration-300 motion-reduce:transition-none ${\n          isOpen ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\n        }`}\n        onClick={onClose}\n        aria-hidden=\"true\"\n      />\n\n      <div\n        ref={drawerRef}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label={title}\n        onKeyDown={handleKeyDown}\n        className={`fixed top-0 right-0 h-full w-full md:w-[480px] bg-(--enad-surface) z-50 transform transition-transform duration-300 ease-in-out motion-reduce:transition-none ${\n          isOpen ? \"translate-x-0\" : \"translate-x-full\"\n        } ${className ?? \"\"}`}\n      >\n        <div className=\"flex flex-col h-full\">\n          <div className=\"flex items-center justify-between p-6\">\n            <h2 className=\"text-xl font-heading font-bold tracking-wider uppercase text-(--enad-text-primary-color)\">\n              {title}\n            </h2>\n            <Button\n              ref={closeButtonRef}\n              variant=\"ghost\"\n              size=\"icon\"\n              onClick={onClose}\n              aria-label=\"Close cart\"\n            >\n              <CloseIcon className=\"h-5 w-5\" />\n            </Button>\n          </div>\n\n          <div className=\"flex-1 overflow-y-auto p-6\">\n            <CartContent\n              isLoading={isLoading}\n              items={items}\n              emptyCartMessage={emptyCartMessage}\n              continueShopping={continueShopping}\n              onClose={onClose}\n              onUpdateQuantity={handleUpdateQuantity}\n              onRemove={handleRemoveItem}\n              formatPrice={formatPrice}\n            />\n          </div>\n\n          {items.length > 0 && totals && (\n            <CartTotals\n              totals={totals}\n              formatPrice={formatPrice}\n              labels={{ subtotal, discount, tax, total, proceedToCheckout }}\n            />\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/client/cart/components/cart-trigger.d.ts

@@ -0,0 +1,10 @@
+export interface CartTriggerProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    labels?: {
+        cartLabel?: string;
+    };
+    className?: string;
+}
+export declare function CartTrigger({ isOpen, onOpenChange, labels, className, }: CartTriggerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cart-trigger.d.ts.map

package/dist/client/cart/components/cart-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-trigger.d.ts","sourceRoot":"","sources":["../../../../src/client/cart/components/cart-trigger.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAA;IACf,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,YAAY,EACZ,MAAW,EACX,SAAc,GACf,EAAE,gBAAgB,2CA4BlB"}

package/dist/client/cart/components/cart-trigger.mjs

@@ -1,17 +1,33 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { useState } from "react";
-const CartTrigger = () => {
-  const [isOpen, setIsOpen] = useState(false);
-  return /* @__PURE__ */ jsx(
-    "button",
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "../../ui/button";
+import { useIcon } from "../../icons/icon-context";
+import { useCart } from "../hooks/useCart";
+function CartTrigger({
+  isOpen,
+  onOpenChange,
+  labels = {},
+  className = ""
+}) {
+  const CartIcon = useIcon("cart");
+  const { cartLabel = "Cart" } = labels;
+  const { cart } = useCart();
+  const itemCount = cart?.items?.reduce((total, item) => total + item.quantity, 0) ?? 0;
+  const ariaLabel = itemCount > 0 ? `${cartLabel} (${itemCount} ${itemCount === 1 ? "item" : "items"})` : cartLabel;
+  return /* @__PURE__ */ jsxs(
+    Button,
     {
-      className: "mb-4 px-4 py-2 bg-(--enad-button-bg) hover:bg-(--enad-button-hover-bg) text-(--enad-button-color) rounded-(--enad-border-radius)",
-      onClick: () => setIsOpen((prev) => !prev),
-      children: "Toggle Cart"
+      variant: "ghost",
+      className: `relative size-10 ${className}`,
+      onClick: () => onOpenChange(!isOpen),
+      "aria-label": ariaLabel,
+      children: [
+        /* @__PURE__ */ jsx(CartIcon, { className: "size-5" }),
+        itemCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-1 -right-1 flex size-5 items-center justify-center rounded-full bg-primary text-primary-foreground text-xs font-bold", children: itemCount })
+      ]
     }
   );
-};
+}
 export {
   CartTrigger
 };

package/dist/client/cart/components/cart-trigger.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/cart/components/cart-trigger.tsx"],"sourcesContent":["\"use client\"\nimport { useState } from \"react\"\n\nexport const CartTrigger = () => {\n  const [isOpen, setIsOpen] = useState(false)\n\n  return (\n    <button\n      className=\"mb-4 px-4 py-2 bg-(--enad-button-bg) hover:bg-(--enad-button-hover-bg) text-(--enad-button-color) rounded-(--enad-border-radius)\"\n      onClick={() => setIsOpen((prev) => !prev)}\n    >\n      Toggle Cart\n    </button>\n  )\n}\n"],"mappings":";AAOI;AANJ,SAAS,gBAAgB;AAElB,MAAM,cAAc,MAAM;AAC/B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,MAAM,UAAU,CAAC,SAAS,CAAC,IAAI;AAAA,MACzC;AAAA;AAAA,EAED;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/client/cart/components/cart-trigger.tsx"],"sourcesContent":["\"use client\"\n\nimport { Button } from \"../../ui/button\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { useCart } from \"../hooks/useCart\"\n\nexport interface CartTriggerProps {\n  isOpen: boolean\n  onOpenChange: (open: boolean) => void\n  labels?: {\n    cartLabel?: string\n  }\n  className?: string\n}\n\nexport function CartTrigger({\n  isOpen,\n  onOpenChange,\n  labels = {},\n  className = \"\",\n}: CartTriggerProps) {\n  const CartIcon = useIcon(\"cart\")\n  const { cartLabel = \"Cart\" } = labels\n  const { cart } = useCart()\n\n  const itemCount =\n    cart?.items?.reduce((total, item) => total + item.quantity, 0) ?? 0\n\n  const ariaLabel =\n    itemCount > 0\n      ? `${cartLabel} (${itemCount} ${itemCount === 1 ? \"item\" : \"items\"})`\n      : cartLabel\n\n  return (\n    <Button\n      variant=\"ghost\"\n      className={`relative size-10 ${className}`}\n      onClick={() => onOpenChange(!isOpen)}\n      aria-label={ariaLabel}\n    >\n      <CartIcon className=\"size-5\" />\n      {itemCount > 0 && (\n        <span className=\"absolute -top-1 -right-1 flex size-5 items-center justify-center rounded-full bg-primary text-primary-foreground text-xs font-bold\">\n          {itemCount}\n        </span>\n      )}\n    </Button>\n  )\n}\n"],"mappings":";AAkCI,SAME,KANF;AAhCJ,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,eAAe;AAWjB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,SAAS,CAAC;AAAA,EACV,YAAY;AACd,GAAqB;AACnB,QAAM,WAAW,QAAQ,MAAM;AAC/B,QAAM,EAAE,YAAY,OAAO,IAAI;AAC/B,QAAM,EAAE,KAAK,IAAI,QAAQ;AAEzB,QAAM,YACJ,MAAM,OAAO,OAAO,CAAC,OAAO,SAAS,QAAQ,KAAK,UAAU,CAAC,KAAK;AAEpE,QAAM,YACJ,YAAY,IACR,GAAG,SAAS,KAAK,SAAS,IAAI,cAAc,IAAI,SAAS,OAAO,MAChE;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAW,oBAAoB,SAAS;AAAA,MACxC,SAAS,MAAM,aAAa,CAAC,MAAM;AAAA,MACnC,cAAY;AAAA,MAEZ;AAAA,4BAAC,YAAS,WAAU,UAAS;AAAA,QAC5B,YAAY,KACX,oBAAC,UAAK,WAAU,sIACb,qBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/client/cart/components/promo-code-input.d.ts

@@ -0,0 +1,16 @@
+export interface PromoCodeInputProps {
+    onApply: (code: string) => void;
+    onRemove?: (code: string) => void;
+    appliedCodes?: string[];
+    isApplying?: boolean;
+    error?: string;
+    labels?: {
+        placeholder?: string;
+        applyButton?: string;
+        removeLabel?: string;
+        title?: string;
+    };
+    className?: string;
+}
+export declare function PromoCodeInput({ onApply, onRemove, appliedCodes, isApplying, error, labels, className, }: PromoCodeInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=promo-code-input.d.ts.map

package/dist/client/cart/components/promo-code-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"promo-code-input.d.ts","sourceRoot":"","sources":["../../../../src/client/cart/components/promo-code-input.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAC/B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE;QACP,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,QAAQ,EACR,YAAiB,EACjB,UAAkB,EAClB,KAAK,EACL,MAAW,EACX,SAAc,GACf,EAAE,mBAAmB,2CA8FrB"}