@enadhq/enad-react-sdk 1.0.2 → 1.2.0

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 { 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":[]}
+{"version":3,"file":"cart-drawer.mjs","names":[],"sources":["../../../../src/client/cart/components/cart-drawer.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useCallback } from \"react\";\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\";\nimport { Price } from \"../../storefront/components/price\";\nimport { QuantityPicker } from \"../../storefront/product/quantity-picker\";\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=\"outlined\">\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  currencyCode,\n  onClose,\n  onUpdateQuantity,\n  onRemove,\n}: {\n  item: CartItem;\n  currencyCode: string;\n  onClose: () => void;\n  onUpdateQuantity: (itemId: string, quantity: number) => void;\n  onRemove: (itemId: string) => void;\n}) {\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        <a\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        </a>\n        <Button\n          variant=\"plain\"\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        <Price\n          amount={item.unitPrice.amount / 100}\n          currency={currencyCode}\n          className=\"text-sm text-(--enad-text-muted-color) mb-1\"\n        />\n\n        <QuantityPicker\n          value={item.quantity}\n          onChange={(qty) => onUpdateQuantity(item.id, qty)}\n          size=\"sm\"\n        />\n      </div>\n    </div>\n  );\n}\n\nfunction CartItemRow({\n  item,\n  currencyCode,\n  onClose,\n  onUpdateQuantity,\n  onRemove,\n}: {\n  item: CartItem;\n  currencyCode: string;\n  onClose: () => void;\n  onUpdateQuantity: (itemId: string, quantity: number) => void;\n  onRemove: (itemId: string) => void;\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        currencyCode={currencyCode}\n        onClose={onClose}\n        onUpdateQuantity={onUpdateQuantity}\n        onRemove={onRemove}\n      />\n    </div>\n  );\n}\n\nfunction CartTotals({\n  totals,\n  currencyCode,\n  labels,\n}: {\n  totals: CartTotalsType;\n  currencyCode: 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        <Price amount={totals.subtotal.amount / 100} currency={currencyCode} />\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            -<Price amount={totals.discount.amount / 100} currency={currencyCode} />\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          <Price amount={totals.tax.amount / 100} currency={currencyCode} />\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        <Price amount={totals.total.amount / 100} currency={currencyCode} />\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 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    currencyCode: cart?.currencyCode || \"SEK\",\n    handleKeyDown,\n    handleUpdateQuantity,\n    handleRemoveItem,\n  };\n}\n\nfunction CartContent({\n  isLoading,\n  items,\n  currencyCode,\n  emptyCartMessage,\n  continueShopping,\n  onClose,\n  onUpdateQuantity,\n  onRemove,\n}: {\n  isLoading: boolean;\n  items: CartItem[];\n  currencyCode: string;\n  emptyCartMessage: string;\n  continueShopping: string;\n  onClose: () => void;\n  onUpdateQuantity: (itemId: string, quantity: number) => void;\n  onRemove: (itemId: string) => void;\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          currencyCode={currencyCode}\n          onClose={onClose}\n          onUpdateQuantity={onUpdateQuantity}\n          onRemove={onRemove}\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    currencyCode,\n    handleKeyDown,\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=\"plain\"\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              currencyCode={currencyCode}\n              emptyCartMessage={emptyCartMessage}\n              continueShopping={continueShopping}\n              onClose={onClose}\n              onUpdateQuantity={handleUpdateQuantity}\n              onRemove={handleRemoveItem}\n            />\n          </div>\n\n          {items.length > 0 && totals && (\n            <CartTotals\n              totals={totals}\n              currencyCode={currencyCode}\n              labels={{ subtotal, discount, tax, total, proceedToCheckout }}\n            />\n          )}\n        </div>\n      </div>\n    </>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,10 +1,20 @@
-export interface CartTriggerProps {
-    isOpen: boolean;
-    onOpenChange: (open: boolean) => void;
-    labels?: {
-        cartLabel?: string;
-    };
-    className?: string;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/cart/components/cart-trigger.d.ts
+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;
+declare function CartTrigger({
+  isOpen,
+  onOpenChange,
+  labels,
+  className
+}: CartTriggerProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CartTrigger, CartTriggerProps };
 //# sourceMappingURL=cart-trigger.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"cart-trigger.d.ts","names":[],"sources":["../../../../src/client/cart/components/cart-trigger.tsx"],"mappings":";;;UAMiB,gBAAA;EACf,MAAA;EACA,YAAA,GAAe,IAAA;EACf,MAAA;IACE,SAAA;EAAA;EAEF,SAAA;AAAA;AAAA,iBAGc,WAAA,CAAA;EACd,MAAA;EACA,YAAA;EACA,MAAA;EACA;AAAA,GACC,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,34 +1,27 @@
 "use client";
+import { useCart } from "../hooks/useCart.mjs";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { Button } from "../../ui/button.mjs";
 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,
-    {
-      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 })
-      ]
-    }
-  );
+//#region src/client/cart/components/cart-trigger.tsx
+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, {
+		variant: "plain",
+		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
-};
+//#endregion
+export { CartTrigger };
+
 //# sourceMappingURL=cart-trigger.mjs.map

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"file":"cart-trigger.mjs","names":[],"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 = cart?.items?.reduce((total, item) => total + item.quantity, 0) ?? 0;\n\n  const ariaLabel =\n    itemCount > 0 ? `${cartLabel} (${itemCount} ${itemCount === 1 ? \"item\" : \"items\"})` : cartLabel;\n\n  return (\n    <Button\n      variant=\"plain\"\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":";;;;;;AAeA,SAAgB,YAAY,EAC1B,QACA,cACA,SAAS,EAAE,EACX,YAAY,MACO;CACnB,MAAM,WAAW,QAAQ,OAAO;CAChC,MAAM,EAAE,YAAY,WAAW;CAC/B,MAAM,EAAE,SAAS,SAAS;CAE1B,MAAM,YAAY,MAAM,OAAO,QAAQ,OAAO,SAAS,QAAQ,KAAK,UAAU,EAAE,IAAI;CAEpF,MAAM,YACJ,YAAY,IAAI,GAAG,UAAU,IAAI,UAAU,GAAG,cAAc,IAAI,SAAS,QAAQ,KAAK;AAExF,QACE,qBAAC,QAAD;EACE,SAAQ;EACR,WAAW,oBAAoB;EAC/B,eAAe,aAAa,CAAC,OAAO;EACpC,cAAY;YAJd,CAME,oBAAC,UAAD,EAAU,WAAU,UAAW,CAAA,EAC9B,YAAY,KACX,oBAAC,QAAD;GAAM,WAAU;aACb;GACI,CAAA,CAEF"}

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

@@ -1,16 +1,29 @@
-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;
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/cart/components/promo-code-input.d.ts
+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;
+declare function PromoCodeInput({
+  onApply,
+  onRemove,
+  appliedCodes,
+  isApplying,
+  error,
+  labels,
+  className
+}: PromoCodeInputProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PromoCodeInput, PromoCodeInputProps };
 //# sourceMappingURL=promo-code-input.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"promo-code-input.d.ts","names":[],"sources":["../../../../src/client/cart/components/promo-code-input.tsx"],"mappings":";;;UAOiB,mBAAA;EACf,OAAA,GAAU,IAAA;EACV,QAAA,IAAY,IAAA;EACZ,YAAA;EACA,UAAA;EACA,KAAA;EACA,MAAA;IACE,WAAA;IACA,WAAA;IACA,WAAA;IACA,KAAA;EAAA;EAEF,SAAA;AAAA;AAAA,iBAGc,cAAA,CAAA;EACd,OAAA;EACA,QAAA;EACA,YAAA;EACA,UAAA;EACA,KAAA;EACA,MAAA;EACA;AAAA,GACC,mBAAA,GAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/client/cart/components/promo-code-input.mjs

@@ -1,92 +1,81 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useIcon } from "../../icons/icon-context.mjs";
+import { Input } from "../../ui/input.mjs";
+import { StorefrontButton } from "../../storefront/primitives/button.mjs";
 import { useState } from "react";
-import { useIcon } from "../../icons/icon-context";
-import { Input } from "../../ui/input";
-import { StorefrontButton } from "../../storefront/primitives/button";
-function PromoCodeInput({
-  onApply,
-  onRemove,
-  appliedCodes = [],
-  isApplying = false,
-  error,
-  labels = {},
-  className = ""
-}) {
-  const CloseIcon = useIcon("close");
-  const LoaderIcon = useIcon("loader");
-  const TagIcon = useIcon("tag");
-  const {
-    placeholder = "Enter promo code",
-    applyButton = "Apply",
-    removeLabel = "Remove",
-    title = "Promo Code"
-  } = labels;
-  const [code, setCode] = useState("");
-  const errorId = "promo-code-error";
-  const handleApply = () => {
-    const trimmed = code.trim();
-    if (!trimmed) return;
-    onApply(trimmed);
-    setCode("");
-  };
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      handleApply();
-    }
-  };
-  return /* @__PURE__ */ jsxs("div", { className: `font-enad space-y-3 ${className}`, children: [
-    title && /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium text-(--enad-text-primary-color)", children: title }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        {
-          type: "text",
-          value: code,
-          onChange: (e) => setCode(e.target.value),
-          onKeyDown: handleKeyDown,
-          placeholder,
-          disabled: isApplying,
-          "aria-describedby": error ? errorId : void 0,
-          className: "flex-1"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        StorefrontButton,
-        {
-          type: "button",
-          onClick: handleApply,
-          disabled: isApplying || !code.trim(),
-          children: isApplying ? /* @__PURE__ */ jsx(LoaderIcon, { className: "h-4 w-4 animate-spin" }) : applyButton
-        }
-      )
-    ] }),
-    error && /* @__PURE__ */ jsx("p", { id: errorId, className: "text-sm text-(--enad-error-color)", role: "alert", children: error }),
-    appliedCodes.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: appliedCodes.map((appliedCode) => /* @__PURE__ */ jsxs(
-      "span",
-      {
-        className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-(--enad-border-color) text-(--enad-text-primary-color) rounded-(--enad-border-radius)",
-        children: [
-          /* @__PURE__ */ jsx(TagIcon, { className: "h-3.5 w-3.5" }),
-          appliedCode,
-          onRemove && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: () => onRemove(appliedCode),
-              "aria-label": `${removeLabel} ${appliedCode}`,
-              className: "ml-0.5 p-0.5 rounded-full hover:bg-(--enad-surface) transition",
-              children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-3 w-3" })
-            }
-          )
-        ]
-      },
-      appliedCode
-    )) })
-  ] });
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/client/cart/components/promo-code-input.tsx
+function PromoCodeInput({ onApply, onRemove, appliedCodes = [], isApplying = false, error, labels = {}, className = "" }) {
+	const CloseIcon = useIcon("close");
+	const LoaderIcon = useIcon("loader");
+	const TagIcon = useIcon("tag");
+	const { placeholder = "Enter promo code", applyButton = "Apply", removeLabel = "Remove", title = "Promo Code" } = labels;
+	const [code, setCode] = useState("");
+	const errorId = "promo-code-error";
+	const handleApply = () => {
+		const trimmed = code.trim();
+		if (!trimmed) return;
+		onApply(trimmed);
+		setCode("");
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter") {
+			e.preventDefault();
+			handleApply();
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: `font-enad space-y-3 ${className}`,
+		children: [
+			title && /* @__PURE__ */ jsx("label", {
+				className: "block text-sm font-medium text-(--enad-text-primary-color)",
+				children: title
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ jsx(Input, {
+					type: "text",
+					value: code,
+					onChange: (e) => setCode(e.target.value),
+					onKeyDown: handleKeyDown,
+					placeholder,
+					disabled: isApplying,
+					"aria-describedby": error ? errorId : void 0,
+					className: "flex-1"
+				}), /* @__PURE__ */ jsx(StorefrontButton, {
+					type: "button",
+					onClick: handleApply,
+					disabled: isApplying || !code.trim(),
+					children: isApplying ? /* @__PURE__ */ jsx(LoaderIcon, { className: "h-4 w-4 animate-spin" }) : applyButton
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				className: "text-sm text-(--enad-error-color)",
+				role: "alert",
+				children: error
+			}),
+			appliedCodes.length > 0 && /* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap gap-2",
+				children: appliedCodes.map((appliedCode) => /* @__PURE__ */ jsxs("span", {
+					className: "inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-(--enad-border-color) text-(--enad-text-primary-color) rounded-(--enad-border-radius)",
+					children: [
+						/* @__PURE__ */ jsx(TagIcon, { className: "h-3.5 w-3.5" }),
+						appliedCode,
+						onRemove && /* @__PURE__ */ jsx("button", {
+							type: "button",
+							onClick: () => onRemove(appliedCode),
+							"aria-label": `${removeLabel} ${appliedCode}`,
+							className: "ml-0.5 p-0.5 rounded-full hover:bg-(--enad-surface) transition",
+							children: /* @__PURE__ */ jsx(CloseIcon, { className: "h-3 w-3" })
+						})
+					]
+				}, appliedCode))
+			})
+		]
+	});
 }
-export {
-  PromoCodeInput
-};
+//#endregion
+export { PromoCodeInput };
+
 //# sourceMappingURL=promo-code-input.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/cart/components/promo-code-input.tsx"],"sourcesContent":["\"use client\"\n\nimport { useState } from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { Input } from \"../../ui/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\nexport interface PromoCodeInputProps {\n  onApply: (code: string) => void\n  onRemove?: (code: string) => void\n  appliedCodes?: string[]\n  isApplying?: boolean\n  error?: string\n  labels?: {\n    placeholder?: string\n    applyButton?: string\n    removeLabel?: string\n    title?: string\n  }\n  className?: string\n}\n\nexport function PromoCodeInput({\n  onApply,\n  onRemove,\n  appliedCodes = [],\n  isApplying = false,\n  error,\n  labels = {},\n  className = \"\",\n}: PromoCodeInputProps) {\n  const CloseIcon = useIcon(\"close\")\n  const LoaderIcon = useIcon(\"loader\")\n  const TagIcon = useIcon(\"tag\")\n  const {\n    placeholder = \"Enter promo code\",\n    applyButton = \"Apply\",\n    removeLabel = \"Remove\",\n    title = \"Promo Code\",\n  } = labels\n\n  const [code, setCode] = useState(\"\")\n  const errorId = \"promo-code-error\"\n\n  const handleApply = () => {\n    const trimmed = code.trim()\n    if (!trimmed) return\n    onApply(trimmed)\n    setCode(\"\")\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\") {\n      e.preventDefault()\n      handleApply()\n    }\n  }\n\n  return (\n    <div className={`font-enad space-y-3 ${className}`}>\n      {title && (\n        <label className=\"block text-sm font-medium text-(--enad-text-primary-color)\">\n          {title}\n        </label>\n      )}\n\n      {/* Input + Apply button */}\n      <div className=\"flex gap-2\">\n        <Input\n          type=\"text\"\n          value={code}\n          onChange={(e) => setCode(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={isApplying}\n          aria-describedby={error ? errorId : undefined}\n          className=\"flex-1\"\n        />\n        <StorefrontButton\n          type=\"button\"\n          onClick={handleApply}\n          disabled={isApplying || !code.trim()}\n        >\n          {isApplying ? (\n            <LoaderIcon className=\"h-4 w-4 animate-spin\" />\n          ) : (\n            applyButton\n          )}\n        </StorefrontButton>\n      </div>\n\n      {/* Error message */}\n      {error && (\n        <p id={errorId} className=\"text-sm text-(--enad-error-color)\" role=\"alert\">\n          {error}\n        </p>\n      )}\n\n      {/* Applied codes */}\n      {appliedCodes.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {appliedCodes.map((appliedCode) => (\n            <span\n              key={appliedCode}\n              className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-(--enad-border-color) text-(--enad-text-primary-color) rounded-(--enad-border-radius)\"\n            >\n              <TagIcon className=\"h-3.5 w-3.5\" />\n              {appliedCode}\n              {onRemove && (\n                <button\n                  type=\"button\"\n                  onClick={() => onRemove(appliedCode)}\n                  aria-label={`${removeLabel} ${appliedCode}`}\n                  className=\"ml-0.5 p-0.5 rounded-full hover:bg-(--enad-surface) transition\"\n                >\n                  <CloseIcon className=\"h-3 w-3\" />\n                </button>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";AA6DQ,cAMF,YANE;AA3DR,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,wBAAwB;AAiB1B,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,aAAa;AAAA,EACb;AAAA,EACA,SAAS,CAAC;AAAA,EACV,YAAY;AACd,GAAwB;AACtB,QAAM,YAAY,QAAQ,OAAO;AACjC,QAAM,aAAa,QAAQ,QAAQ;AACnC,QAAM,UAAU,QAAQ,KAAK;AAC7B,QAAM;AAAA,IACJ,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,IACd,QAAQ;AAAA,EACV,IAAI;AAEJ,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,UAAU;AAEhB,QAAM,cAAc,MAAM;AACxB,UAAM,UAAU,KAAK,KAAK;AAC1B,QAAI,CAAC,QAAS;AACd,YAAQ,OAAO;AACf,YAAQ,EAAE;AAAA,EACZ;AAEA,QAAM,gBAAgB,CAAC,MAA6C;AAClE,QAAI,EAAE,QAAQ,SAAS;AACrB,QAAE,eAAe;AACjB,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAW,uBAAuB,SAAS,IAC7C;AAAA,aACC,oBAAC,WAAM,WAAU,8DACd,iBACH;AAAA,IAIF,qBAAC,SAAI,WAAU,cACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA,UACvC,WAAW;AAAA,UACX;AAAA,UACA,UAAU;AAAA,UACV,oBAAkB,QAAQ,UAAU;AAAA,UACpC,WAAU;AAAA;AAAA,MACZ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,UAAU,cAAc,CAAC,KAAK,KAAK;AAAA,UAElC,uBACC,oBAAC,cAAW,WAAU,wBAAuB,IAE7C;AAAA;AAAA,MAEJ;AAAA,OACF;AAAA,IAGC,SACC,oBAAC,OAAE,IAAI,SAAS,WAAU,qCAAoC,MAAK,SAChE,iBACH;AAAA,IAID,aAAa,SAAS,KACrB,oBAAC,SAAI,WAAU,wBACZ,uBAAa,IAAI,CAAC,gBACjB;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAEV;AAAA,8BAAC,WAAQ,WAAU,eAAc;AAAA,UAChC;AAAA,UACA,YACC;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAS,MAAM,SAAS,WAAW;AAAA,cACnC,cAAY,GAAG,WAAW,IAAI,WAAW;AAAA,cACzC,WAAU;AAAA,cAEV,8BAAC,aAAU,WAAU,WAAU;AAAA;AAAA,UACjC;AAAA;AAAA;AAAA,MAbG;AAAA,IAeP,CACD,GACH;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"file":"promo-code-input.mjs","names":[],"sources":["../../../../src/client/cart/components/promo-code-input.tsx"],"sourcesContent":["\"use client\"\n\nimport { useState } from \"react\"\nimport { useIcon } from \"../../icons/icon-context\"\nimport { Input } from \"../../ui/input\"\nimport { StorefrontButton } from \"../../storefront/primitives/button\"\n\nexport interface PromoCodeInputProps {\n  onApply: (code: string) => void\n  onRemove?: (code: string) => void\n  appliedCodes?: string[]\n  isApplying?: boolean\n  error?: string\n  labels?: {\n    placeholder?: string\n    applyButton?: string\n    removeLabel?: string\n    title?: string\n  }\n  className?: string\n}\n\nexport function PromoCodeInput({\n  onApply,\n  onRemove,\n  appliedCodes = [],\n  isApplying = false,\n  error,\n  labels = {},\n  className = \"\",\n}: PromoCodeInputProps) {\n  const CloseIcon = useIcon(\"close\")\n  const LoaderIcon = useIcon(\"loader\")\n  const TagIcon = useIcon(\"tag\")\n  const {\n    placeholder = \"Enter promo code\",\n    applyButton = \"Apply\",\n    removeLabel = \"Remove\",\n    title = \"Promo Code\",\n  } = labels\n\n  const [code, setCode] = useState(\"\")\n  const errorId = \"promo-code-error\"\n\n  const handleApply = () => {\n    const trimmed = code.trim()\n    if (!trimmed) return\n    onApply(trimmed)\n    setCode(\"\")\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\") {\n      e.preventDefault()\n      handleApply()\n    }\n  }\n\n  return (\n    <div className={`font-enad space-y-3 ${className}`}>\n      {title && (\n        <label className=\"block text-sm font-medium text-(--enad-text-primary-color)\">\n          {title}\n        </label>\n      )}\n\n      {/* Input + Apply button */}\n      <div className=\"flex gap-2\">\n        <Input\n          type=\"text\"\n          value={code}\n          onChange={(e) => setCode(e.target.value)}\n          onKeyDown={handleKeyDown}\n          placeholder={placeholder}\n          disabled={isApplying}\n          aria-describedby={error ? errorId : undefined}\n          className=\"flex-1\"\n        />\n        <StorefrontButton\n          type=\"button\"\n          onClick={handleApply}\n          disabled={isApplying || !code.trim()}\n        >\n          {isApplying ? (\n            <LoaderIcon className=\"h-4 w-4 animate-spin\" />\n          ) : (\n            applyButton\n          )}\n        </StorefrontButton>\n      </div>\n\n      {/* Error message */}\n      {error && (\n        <p id={errorId} className=\"text-sm text-(--enad-error-color)\" role=\"alert\">\n          {error}\n        </p>\n      )}\n\n      {/* Applied codes */}\n      {appliedCodes.length > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          {appliedCodes.map((appliedCode) => (\n            <span\n              key={appliedCode}\n              className=\"inline-flex items-center gap-1.5 px-3 py-1.5 text-sm bg-(--enad-border-color) text-(--enad-text-primary-color) rounded-(--enad-border-radius)\"\n            >\n              <TagIcon className=\"h-3.5 w-3.5\" />\n              {appliedCode}\n              {onRemove && (\n                <button\n                  type=\"button\"\n                  onClick={() => onRemove(appliedCode)}\n                  aria-label={`${removeLabel} ${appliedCode}`}\n                  className=\"ml-0.5 p-0.5 rounded-full hover:bg-(--enad-surface) transition\"\n                >\n                  <CloseIcon className=\"h-3 w-3\" />\n                </button>\n              )}\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,eAAe,EAC7B,SACA,UACA,eAAe,EAAE,EACjB,aAAa,OACb,OACA,SAAS,EAAE,EACX,YAAY,MACU;CACtB,MAAM,YAAY,QAAQ,QAAQ;CAClC,MAAM,aAAa,QAAQ,SAAS;CACpC,MAAM,UAAU,QAAQ,MAAM;CAC9B,MAAM,EACJ,cAAc,oBACd,cAAc,SACd,cAAc,UACd,QAAQ,iBACN;CAEJ,MAAM,CAAC,MAAM,WAAW,SAAS,GAAG;CACpC,MAAM,UAAU;CAEhB,MAAM,oBAAoB;EACxB,MAAM,UAAU,KAAK,MAAM;AAC3B,MAAI,CAAC,QAAS;AACd,UAAQ,QAAQ;AAChB,UAAQ,GAAG;;CAGb,MAAM,iBAAiB,MAA6C;AAClE,MAAI,EAAE,QAAQ,SAAS;AACrB,KAAE,gBAAgB;AAClB,gBAAa;;;AAIjB,QACE,qBAAC,OAAD;EAAK,WAAW,uBAAuB;YAAvC;GACG,SACC,oBAAC,SAAD;IAAO,WAAU;cACd;IACK,CAAA;GAIV,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,oBAAC,OAAD;KACE,MAAK;KACL,OAAO;KACP,WAAW,MAAM,QAAQ,EAAE,OAAO,MAAM;KACxC,WAAW;KACE;KACb,UAAU;KACV,oBAAkB,QAAQ,UAAU,KAAA;KACpC,WAAU;KACV,CAAA,EACF,oBAAC,kBAAD;KACE,MAAK;KACL,SAAS;KACT,UAAU,cAAc,CAAC,KAAK,MAAM;eAEnC,aACC,oBAAC,YAAD,EAAY,WAAU,wBAAyB,CAAA,GAE/C;KAEe,CAAA,CACf;;GAGL,SACC,oBAAC,KAAD;IAAG,IAAI;IAAS,WAAU;IAAoC,MAAK;cAChE;IACC,CAAA;GAIL,aAAa,SAAS,KACrB,oBAAC,OAAD;IAAK,WAAU;cACZ,aAAa,KAAK,gBACjB,qBAAC,QAAD;KAEE,WAAU;eAFZ;MAIE,oBAAC,SAAD,EAAS,WAAU,eAAgB,CAAA;MAClC;MACA,YACC,oBAAC,UAAD;OACE,MAAK;OACL,eAAe,SAAS,YAAY;OACpC,cAAY,GAAG,YAAY,GAAG;OAC9B,WAAU;iBAEV,oBAAC,WAAD,EAAW,WAAU,WAAY,CAAA;OAC1B,CAAA;MAEN;OAfA,YAeA,CACP;IACE,CAAA;GAEJ"}

package/dist/client/cart/constants/session.d.ts

@@ -1,2 +1,5 @@
-export declare const CART_SESSION_KEY = "brink_cart_session";
+//#region src/client/cart/constants/session.d.ts
+declare const CART_SESSION_KEY = "brink_cart_session";
+//#endregion
+export { CART_SESSION_KEY };
 //# sourceMappingURL=session.d.ts.map

package/dist/client/cart/constants/session.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"session.d.ts","sourceRoot":"","sources":["../../../../src/client/cart/constants/session.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,uBAAuB,CAAA"}
+{"version":3,"file":"session.d.ts","names":[],"sources":["../../../../src/client/cart/constants/session.ts"],"mappings":";cAAa,gBAAA"}

package/dist/client/cart/constants/session.mjs

@@ -1,5 +1,6 @@
+//#region src/client/cart/constants/session.ts
 const CART_SESSION_KEY = "brink_cart_session";
-export {
-  CART_SESSION_KEY
-};
+//#endregion
+export { CART_SESSION_KEY };
+
 //# sourceMappingURL=session.mjs.map

package/dist/client/cart/constants/session.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/cart/constants/session.ts"],"sourcesContent":["export const CART_SESSION_KEY = \"brink_cart_session\"\n"],"mappings":"AAAO,MAAM,mBAAmB;","names":[]}
+{"version":3,"file":"session.mjs","names":[],"sources":["../../../../src/client/cart/constants/session.ts"],"sourcesContent":["export const CART_SESSION_KEY = \"brink_cart_session\"\n"],"mappings":";AAAA,MAAa,mBAAmB"}

package/dist/client/cart/contexts/cart.d.ts

@@ -1,17 +1,20 @@
+import { CartAdapter } from "../types/adapter.js";
 import React from "react";
-import type { CartAdapter } from "../types/adapter";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/cart/contexts/cart.d.ts
 /**
  * @deprecated Use `createBrinkCartAdapter` from `client/cart/brink-adapter` instead.
  */
-export interface BrinkConfig {
-    env: string;
-    storeGroupId: string;
-    countryCode: string;
-    languageCode: string;
+interface BrinkConfig {
+  env: string;
+  storeGroupId: string;
+  countryCode: string;
+  languageCode: string;
 }
-export interface CartProviderProps {
-    adapter: CartAdapter;
-    children: React.ReactNode;
+interface CartProviderProps {
+  adapter: CartAdapter;
+  children: React.ReactNode;
 }
 /**
  * Provides a cart adapter to all child components via React context.
@@ -27,10 +30,15 @@ export interface CartProviderProps {
  * </CartProvider>
  * ```
  */
-export declare function CartProvider({ adapter, children }: CartProviderProps): import("react/jsx-runtime").JSX.Element;
+declare function CartProvider({
+  adapter,
+  children
+}: CartProviderProps): react_jsx_runtime0.JSX.Element;
 /**
  * Read the cart adapter from context.
  * Throws if called outside a CartProvider.
  */
-export declare function useCartAdapter(): CartAdapter;
+declare function useCartAdapter(): CartAdapter;
+//#endregion
+export { BrinkConfig, CartProvider, CartProviderProps, useCartAdapter };
 //# sourceMappingURL=cart.d.ts.map

package/dist/client/cart/contexts/cart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cart.d.ts","sourceRoot":"","sources":["../../../../src/client/cart/contexts/cart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMpD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACtB;AAQD,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CAEpE;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CAQ5C"}
+{"version":3,"file":"cart.d.ts","names":[],"sources":["../../../../src/client/cart/contexts/cart.tsx"],"mappings":";;;;;;;;UAUiB,WAAA;EACf,GAAA;EACA,YAAA;EACA,WAAA;EACA,YAAA;AAAA;AAAA,UASe,iBAAA;EACf,OAAA,EAAS,WAAA;EACT,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAFlB;;;;;;;;;;;AAmBA;;;AAnBA,iBAmBgB,YAAA,CAAA;EAAe,OAAA;EAAS;AAAA,GAAY,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;;iBAQrD,cAAA,CAAA,GAAkB,WAAA"}

package/dist/client/cart/contexts/cart.mjs

@@ -1,20 +1,37 @@
-import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/client/cart/contexts/cart.tsx
 const CartAdapterContext = createContext(void 0);
+/**
+* Provides a cart adapter to all child components via React context.
+*
+* ```tsx
+* import { CartProvider } from "@enadhq/enad-react-sdk/client/cart"
+* import { createBrinkCartAdapter } from "@enadhq/enad-react-sdk/client/cart/brink-adapter"
+*
+* const adapter = createBrinkCartAdapter({ env: "production", ... })
+*
+* <CartProvider adapter={adapter}>
+*   {children}
+* </CartProvider>
+* ```
+*/
 function CartProvider({ adapter, children }) {
-  return /* @__PURE__ */ jsx(CartAdapterContext.Provider, { value: adapter, children });
+	return /* @__PURE__ */ jsx(CartAdapterContext.Provider, {
+		value: adapter,
+		children
+	});
 }
+/**
+* Read the cart adapter from context.
+* Throws if called outside a CartProvider.
+*/
 function useCartAdapter() {
-  const adapter = useContext(CartAdapterContext);
-  if (!adapter) {
-    throw new Error(
-      "useCartAdapter must be used inside a <CartProvider>. Did you forget to pass a cart adapter to <EnadProvider>?"
-    );
-  }
-  return adapter;
+	const adapter = useContext(CartAdapterContext);
+	if (!adapter) throw new Error("useCartAdapter must be used inside a <CartProvider>. Did you forget to pass a cart adapter to <EnadProvider>?");
+	return adapter;
 }
-export {
-  CartProvider,
-  useCartAdapter
-};
+//#endregion
+export { CartProvider, useCartAdapter };
+
 //# sourceMappingURL=cart.mjs.map

package/dist/client/cart/contexts/cart.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/cart/contexts/cart.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { CartAdapter } from \"../types/adapter\";\n\n// ---------------------------------------------------------------------------\n// Legacy BrinkConfig type — kept for backward compatibility with EnadProvider\n// ---------------------------------------------------------------------------\n\n/**\n * @deprecated Use `createBrinkCartAdapter` from `client/cart/brink-adapter` instead.\n */\nexport interface BrinkConfig {\n  env: string;\n  storeGroupId: string;\n  countryCode: string;\n  languageCode: string;\n}\n\n// ---------------------------------------------------------------------------\n// Cart adapter context\n// ---------------------------------------------------------------------------\n\nconst CartAdapterContext = createContext<CartAdapter | undefined>(undefined);\n\nexport interface CartProviderProps {\n  adapter: CartAdapter;\n  children: React.ReactNode;\n}\n\n/**\n * Provides a cart adapter to all child components via React context.\n *\n * ```tsx\n * import { CartProvider } from \"@enadhq/enad-react-sdk/client/cart\"\n * import { createBrinkCartAdapter } from \"@enadhq/enad-react-sdk/client/cart/brink-adapter\"\n *\n * const adapter = createBrinkCartAdapter({ env: \"production\", ... })\n *\n * <CartProvider adapter={adapter}>\n *   {children}\n * </CartProvider>\n * ```\n */\nexport function CartProvider({ adapter, children }: CartProviderProps) {\n  return <CartAdapterContext.Provider value={adapter}>{children}</CartAdapterContext.Provider>;\n}\n\n/**\n * Read the cart adapter from context.\n * Throws if called outside a CartProvider.\n */\nexport function useCartAdapter(): CartAdapter {\n  const adapter = useContext(CartAdapterContext);\n  if (!adapter) {\n    throw new Error(\n      \"useCartAdapter must be used inside a <CartProvider>. Did you forget to pass a cart adapter to <EnadProvider>?\",\n    );\n  }\n  return adapter;\n}\n"],"mappings":"AA2CS;AA3CT,SAAgB,eAAe,kBAAkB;AAqBjD,MAAM,qBAAqB,cAAuC,MAAS;AAqBpE,SAAS,aAAa,EAAE,SAAS,SAAS,GAAsB;AACrE,SAAO,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,SAAU,UAAS;AAChE;AAMO,SAAS,iBAA8B;AAC5C,QAAM,UAAU,WAAW,kBAAkB;AAC7C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;","names":[]}
+{"version":3,"file":"cart.mjs","names":[],"sources":["../../../../src/client/cart/contexts/cart.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { CartAdapter } from \"../types/adapter\";\n\n// ---------------------------------------------------------------------------\n// Legacy BrinkConfig type — kept for backward compatibility with EnadProvider\n// ---------------------------------------------------------------------------\n\n/**\n * @deprecated Use `createBrinkCartAdapter` from `client/cart/brink-adapter` instead.\n */\nexport interface BrinkConfig {\n  env: string;\n  storeGroupId: string;\n  countryCode: string;\n  languageCode: string;\n}\n\n// ---------------------------------------------------------------------------\n// Cart adapter context\n// ---------------------------------------------------------------------------\n\nconst CartAdapterContext = createContext<CartAdapter | undefined>(undefined);\n\nexport interface CartProviderProps {\n  adapter: CartAdapter;\n  children: React.ReactNode;\n}\n\n/**\n * Provides a cart adapter to all child components via React context.\n *\n * ```tsx\n * import { CartProvider } from \"@enadhq/enad-react-sdk/client/cart\"\n * import { createBrinkCartAdapter } from \"@enadhq/enad-react-sdk/client/cart/brink-adapter\"\n *\n * const adapter = createBrinkCartAdapter({ env: \"production\", ... })\n *\n * <CartProvider adapter={adapter}>\n *   {children}\n * </CartProvider>\n * ```\n */\nexport function CartProvider({ adapter, children }: CartProviderProps) {\n  return <CartAdapterContext.Provider value={adapter}>{children}</CartAdapterContext.Provider>;\n}\n\n/**\n * Read the cart adapter from context.\n * Throws if called outside a CartProvider.\n */\nexport function useCartAdapter(): CartAdapter {\n  const adapter = useContext(CartAdapterContext);\n  if (!adapter) {\n    throw new Error(\n      \"useCartAdapter must be used inside a <CartProvider>. Did you forget to pass a cart adapter to <EnadProvider>?\",\n    );\n  }\n  return adapter;\n}\n"],"mappings":";;;AAqBA,MAAM,qBAAqB,cAAuC,KAAA,EAAU;;;;;;;;;;;;;;;AAqB5E,SAAgB,aAAa,EAAE,SAAS,YAA+B;AACrE,QAAO,oBAAC,mBAAmB,UAApB;EAA6B,OAAO;EAAU;EAAuC,CAAA;;;;;;AAO9F,SAAgB,iBAA8B;CAC5C,MAAM,UAAU,WAAW,mBAAmB;AAC9C,KAAI,CAAC,QACH,OAAM,IAAI,MACR,gHACD;AAEH,QAAO"}