@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-carousel/index.es.js

@@ -0,0 +1,380 @@
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { ChevronLeft as ee, ChevronRight as te, Download as ne, Maximize2 as re, Pause as ie, Play as ae, Share2 as oe, X as se } from "lucide-react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/waka-carousel/index.tsx
+var l = ({ images: l, autoplay: u = !1, autoplayInterval: d = 3e3, showIndicators: ce = !0, showNavigation: le = !0, showThumbnails: ue = !1, showFullscreen: f = !1, showDownload: de = !1, showShare: fe = !1, showCounter: pe = !1, showProgress: me = !1, transition: he = "fade", layout: ge = "default", theme: p = "auto", aspectRatio: _e = "16/9", maxHeight: ve, className: ye, imageClassName: m, indicatorClassName: be, navigationClassName: xe, thumbnailClassName: Se, overlayClassName: Ce, counterClassName: we, progressClassName: Te, onImageChange: Ee, onImageClick: De, onFullscreenToggle: h, onDownload: Oe, onShare: ke, onPlayPause: g, onThumbnailClick: Ae, onIndicatorClick: je, onNavigationClick: _, onKeyboardNavigation: v, onTouchStart: y, onTouchEnd: Me, onSwipeLeft: Ne, onSwipeRight: Pe, onSwipeUp: b, onSwipeDown: x, onLoadStart: Fe, onLoadEnd: S, onError: Ie, onReady: Le, onDestroy: Re, loop: C = !0, pauseOnHover: w = !0, pauseOnFocus: T = !0, pauseOnTouch: ze = !0, keyboardNavigation: E = !0, touchNavigation: D = !0, swipeThreshold: O = 50, animationDuration: Be = 300, preloadImages: Ve = !0, lazyLoading: He = !0, imageQuality: Ue = "auto", placeholder: We, errorImage: Ge, loadingSpinner: Ke, emptyState: qe, customControls: Je, customOverlay: Ye, customThumbnails: k, customIndicators: A, customNavigation: j, ariaLabel: Xe = "Carrousel d'images", ariaLabelledBy: Ze, ariaDescribedBy: Qe, role: $e = "region", virtualScrolling: et = !1, maxVisibleThumbnails: tt = 10, thumbnailSize: M = "medium", overlayOpacity: nt = .7, overlayGradient: rt, navigationSize: N = "medium", indicatorSize: P = "medium", indicatorShape: F = "circle", thumbnailAspectRatio: I = "1/1", onMount: it, onUnmount: at, onBeforeChange: L, onAfterChange: R }) => {
+	let [z, B] = a(0), [V, H] = a(u), [U, W] = a(!1), [ot, st] = a(!1), [ct, lt] = a(!1), [G, ut] = a(null), [dt, ft] = a(null), [pt, mt] = a(/* @__PURE__ */ new Set()), [ht, gt] = a(0), K = i(null), _t = i(null), vt = i([]), yt = i(null), bt = i(0), q = l && l.length > 0, J = Math.max(0, Math.min(z, l.length - 1)), Y = q ? l[J] : null, xt = r(() => {
+		switch (_e) {
+			case "16/9": return "aspect-video";
+			case "4/3": return "aspect-[4/3]";
+			case "1/1": return "aspect-square";
+			case "3/2": return "aspect-[3/2]";
+			default: return "aspect-video";
+		}
+	}, [_e]), St = r(() => p === "auto" ? "" : p === "dark" ? "dark" : "light", [p]), Ct = t(() => {
+		K.current && clearInterval(K.current), V && q && l.length > 1 && (K.current = setInterval(() => {
+			B((e) => C ? (e + 1) % l.length : Math.min(e + 1, l.length - 1));
+		}, d));
+	}, [
+		V,
+		q,
+		l.length,
+		d,
+		C
+	]), X = t(() => {
+		K.current &&= (clearInterval(K.current), null);
+	}, []), wt = t(() => {
+		if (!V || !u) return;
+		let e = Date.now(), t = () => {
+			let n = (Date.now() - e) / d * 100;
+			gt(Math.min(n, 100)), n < 100 && requestAnimationFrame(t);
+		};
+		requestAnimationFrame(t);
+	}, [
+		V,
+		u,
+		d
+	]);
+	n(() => (V ? (Ct(), wt()) : (X(), gt(0)), () => X()), [
+		V,
+		Ct,
+		X,
+		wt
+	]);
+	let Z = t(() => {
+		if (!q) return;
+		let e = C ? (z - 1 + l.length) % l.length : Math.max(z - 1, 0);
+		L && !L(z, e) || (B(e), _?.("prev"));
+	}, [
+		q,
+		z,
+		l.length,
+		C,
+		L,
+		_
+	]), Q = t(() => {
+		if (!q) return;
+		let e = C ? (z + 1) % l.length : Math.min(z + 1, l.length - 1);
+		L && !L(z, e) || (B(e), _?.("next"));
+	}, [
+		q,
+		z,
+		l.length,
+		C,
+		L,
+		_
+	]), Tt = t((e) => {
+		!q || e < 0 || e >= l.length || L && !L(z, e) || (B(e), je?.(e));
+	}, [
+		q,
+		z,
+		l.length,
+		L,
+		je
+	]), Et = t((e) => {
+		if (!E) return;
+		let t = e.key;
+		switch (v?.(t), t) {
+			case "ArrowLeft":
+				e.preventDefault(), Z();
+				break;
+			case "ArrowRight":
+				e.preventDefault(), Q();
+				break;
+			case "ArrowUp":
+				e.preventDefault(), b?.();
+				break;
+			case "ArrowDown":
+				e.preventDefault(), x?.();
+				break;
+			case " ":
+				e.preventDefault(), H((e) => !e), g?.(!V);
+				break;
+			case "Escape":
+				U && (W(!1), h?.(!1));
+				break;
+			case "f":
+			case "F":
+				f && W((e) => (h?.(!e), !e));
+				break;
+		}
+	}, [
+		E,
+		Z,
+		Q,
+		v,
+		b,
+		x,
+		V,
+		g,
+		U,
+		f,
+		h
+	]), Dt = t((e) => {
+		if (!D) return;
+		let t = e.touches[0];
+		ut({
+			x: t.clientX,
+			y: t.clientY
+		}), bt.current = Date.now(), y?.(e), ze && H(!1);
+	}, [
+		D,
+		y,
+		ze
+	]), Ot = t((e) => {
+		if (!D || !G) return;
+		let t = e.changedTouches[0];
+		ft({
+			x: t.clientX,
+			y: t.clientY
+		}), Me?.(e);
+		let n = t.clientX - G.x, r = t.clientY - G.y;
+		Date.now() - bt.current, Math.abs(n) > Math.abs(r) && Math.abs(n) > O ? n > 0 ? (Pe?.(), Z()) : (Ne?.(), Q()) : Math.abs(r) > O && (r > 0 ? x?.() : b?.()), ut(null), ft(null);
+	}, [
+		D,
+		G,
+		Me,
+		O,
+		Pe,
+		Ne,
+		x,
+		b,
+		Z,
+		Q
+	]), kt = t((e) => {
+		mt((t) => new Set([...t, e])), st(!1), S?.(e);
+	}, [S]), At = t((e, t) => {
+		lt(!0), st(!1), Ie?.(e, t);
+	}, [Ie]);
+	n(() => {
+		Y && (Ee?.(J, Y), R?.(J));
+	}, [
+		J,
+		Y,
+		Ee,
+		R
+	]);
+	let jt = t(() => {
+		Y && De?.(Y, J);
+	}, [
+		Y,
+		J,
+		De
+	]), $ = t((e) => {
+		e.stopPropagation();
+	}, []), Mt = t(() => {
+		W((e) => (h?.(!e), !e));
+	}, [h]), Nt = t(() => {
+		Y && Oe?.(Y, J);
+	}, [
+		Y,
+		J,
+		Oe
+	]), Pt = t(() => {
+		Y && ke?.(Y, J);
+	}, [
+		Y,
+		J,
+		ke
+	]), Ft = t(() => {
+		w && H(!1);
+	}, [w]), It = t(() => {
+		w && u && H(!0);
+	}, [w, u]), Lt = t(() => {
+		T && H(!1);
+	}, [T]), Rt = t(() => {
+		T && u && H(!0);
+	}, [T, u]);
+	if (n(() => (it?.(), Le?.(), () => {
+		at?.(), Re?.(), X();
+	}), [
+		it,
+		Le,
+		at,
+		Re,
+		X
+	]), n(() => () => X(), [X]), !q) return /* @__PURE__ */ s("div", {
+		className: e("flex items-center justify-center h-64 bg-gray-100 rounded-lg", ye),
+		children: qe || /* @__PURE__ */ c("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ s("p", {
+				className: "text-gray-500 mb-2",
+				children: "Aucune image à afficher"
+			}), /* @__PURE__ */ s("p", {
+				className: "text-sm text-gray-400",
+				children: "Ajoutez des images pour commencer"
+			})]
+		})
+	});
+	let zt = e("waka-carousel relative w-full mx-auto bg-black rounded-lg overflow-hidden", "focus:outline-none focus:ring-2 focus:ring-blue-500", U && "fixed inset-0 z-50 rounded-none", St, ye), Bt = e("relative", xt, m), Vt = e("absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/70 to-transparent p-4", Ce);
+	return /* @__PURE__ */ c("div", {
+		ref: _t,
+		className: zt,
+		style: { maxHeight: ve },
+		tabIndex: 0,
+		onKeyDown: Et,
+		onTouchStart: Dt,
+		onTouchEnd: Ot,
+		onMouseEnter: Ft,
+		onMouseLeave: It,
+		onFocus: Lt,
+		onBlur: Rt,
+		role: $e,
+		"aria-label": Xe,
+		"aria-labelledby": Ze,
+		"aria-describedby": Qe,
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: Bt,
+				children: [
+					ot && Ke && /* @__PURE__ */ s("div", {
+						className: "absolute inset-0 flex items-center justify-center bg-black/50 z-20",
+						children: Ke
+					}),
+					ct && Ge ? /* @__PURE__ */ s("img", {
+						src: Ge,
+						alt: "Erreur de chargement",
+						className: e("w-full h-full object-cover", m)
+					}) : Y ? /* @__PURE__ */ s("img", {
+						ref: (e) => {
+							vt.current[J] = e;
+						},
+						src: Y.src,
+						alt: Y.alt,
+						className: e("w-full h-full object-cover transition-opacity duration-300", m),
+						onClick: jt,
+						loading: He ? "lazy" : "eager",
+						onLoad: () => kt(J),
+						onError: (e) => At(J, /* @__PURE__ */ Error("Erreur de chargement de l'image"))
+					}) : null,
+					Y && (Y.title || Y.description || Y.caption) && /* @__PURE__ */ c("div", {
+						className: Vt,
+						children: [
+							Y.title && /* @__PURE__ */ s("h3", {
+								className: "text-white text-lg font-semibold mb-1",
+								children: Y.title
+							}),
+							Y.description && /* @__PURE__ */ s("p", {
+								className: "text-white/90 text-sm mb-2",
+								children: Y.description
+							}),
+							Y.caption && /* @__PURE__ */ s("p", {
+								className: "text-white/80 text-xs",
+								children: Y.caption
+							})
+						]
+					}),
+					Je && /* @__PURE__ */ s("div", {
+						className: "absolute inset-0 z-10",
+						children: Je
+					}),
+					Ye && /* @__PURE__ */ s("div", {
+						className: "absolute inset-0 z-10",
+						children: Ye
+					}),
+					le && l.length > 1 && /* @__PURE__ */ s(o, { children: j ? /* @__PURE__ */ s("div", {
+						className: "absolute inset-0 z-10",
+						children: j
+					}) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("button", {
+						onClick: (e) => {
+							$(e), Z();
+						},
+						className: e("absolute left-2 top-1/2 -translate-y-1/2 z-10", "bg-black/50 hover:bg-black/70 text-white p-2 rounded-full", "transition-all duration-200 hover:scale-110", "focus:outline-none focus:ring-2 focus:ring-white", N === "small" && "p-1", N === "large" && "p-3", xe),
+						"aria-label": "Image précédente",
+						children: /* @__PURE__ */ s(ee, { className: e("w-5 h-5", N === "small" && "w-4 h-4", N === "large" && "w-6 h-6") })
+					}), /* @__PURE__ */ s("button", {
+						onClick: (e) => {
+							$(e), Q();
+						},
+						className: e("absolute right-2 top-1/2 -translate-y-1/2 z-10", "bg-black/50 hover:bg-black/70 text-white p-2 rounded-full", "transition-all duration-200 hover:scale-110", "focus:outline-none focus:ring-2 focus:ring-white", N === "small" && "p-1", N === "large" && "p-3", xe),
+						"aria-label": "Image suivante",
+						children: /* @__PURE__ */ s(te, { className: e("w-5 h-5", N === "small" && "w-4 h-4", N === "large" && "w-6 h-6") })
+					})] }) }),
+					u && l.length > 1 && /* @__PURE__ */ s("button", {
+						onClick: (e) => {
+							$(e), H((e) => (g?.(!e), !e));
+						},
+						className: e("absolute top-2 right-2 z-10", "bg-black/50 hover:bg-black/70 text-white p-2 rounded-full", "transition-all duration-200 hover:scale-110", "focus:outline-none focus:ring-2 focus:ring-white"),
+						"aria-label": V ? "Pause" : "Lecture",
+						children: s(V ? ie : ae, { className: "w-4 h-4" })
+					}),
+					f && /* @__PURE__ */ s("button", {
+						onClick: (e) => {
+							$(e), Mt();
+						},
+						className: e("absolute top-2 left-2 z-10", "bg-black/50 hover:bg-black/70 text-white p-2 rounded-full", "transition-all duration-200 hover:scale-110", "focus:outline-none focus:ring-2 focus:ring-white"),
+						"aria-label": U ? "Quitter le plein écran" : "Plein écran",
+						children: s(U ? se : re, { className: "w-4 h-4" })
+					}),
+					de && Y?.downloadUrl && /* @__PURE__ */ s("button", {
+						onClick: (e) => {
+							$(e), Nt();
+						},
+						className: e("absolute top-2 right-12 z-10", "bg-black/50 hover:bg-black/70 text-white p-2 rounded-full", "transition-all duration-200 hover:scale-110", "focus:outline-none focus:ring-2 focus:ring-white"),
+						"aria-label": "Télécharger l'image",
+						children: /* @__PURE__ */ s(ne, { className: "w-4 h-4" })
+					}),
+					fe && Y?.shareUrl && /* @__PURE__ */ s("button", {
+						onClick: (e) => {
+							$(e), Pt();
+						},
+						className: e("absolute top-2 right-20 z-10", "bg-black/50 hover:bg-black/70 text-white p-2 rounded-full", "transition-all duration-200 hover:scale-110", "focus:outline-none focus:ring-2 focus:ring-white"),
+						"aria-label": "Partager l'image",
+						children: /* @__PURE__ */ s(oe, { className: "w-4 h-4" })
+					}),
+					pe && /* @__PURE__ */ c("div", {
+						className: e("absolute top-2 left-1/2 -translate-x-1/2 z-10", "bg-black/50 text-white px-3 py-1 rounded-full text-sm", we),
+						children: [
+							J + 1,
+							" / ",
+							l.length
+						]
+					}),
+					me && V && /* @__PURE__ */ s("div", {
+						className: e("absolute bottom-0 left-0 right-0 h-1 bg-black/30", Te),
+						children: /* @__PURE__ */ s("div", {
+							ref: yt,
+							className: "h-full bg-white transition-all duration-100",
+							style: { width: `${ht}%` }
+						})
+					})
+				]
+			}),
+			ce && l.length > 1 && /* @__PURE__ */ s("div", {
+				className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex space-x-2",
+				children: A ? /* @__PURE__ */ s("div", {
+					className: "flex space-x-2",
+					children: A
+				}) : l.map((t, n) => /* @__PURE__ */ s("button", {
+					onClick: (e) => {
+						$(e), Tt(n);
+					},
+					className: e("transition-all duration-200", "focus:outline-none focus:ring-2 focus:ring-white", F === "circle" && "rounded-full", F === "square" && "rounded", F === "diamond" && "rotate-45", F === "line" && "rounded-none", P === "small" && "w-2 h-2", P === "medium" && "w-3 h-3", P === "large" && "w-4 h-4", F === "line" && P === "small" && "w-8 h-1", F === "line" && P === "medium" && "w-12 h-1", F === "line" && P === "large" && "w-16 h-1", n === J ? "bg-white" : "bg-white/50 hover:bg-white/70", be),
+					"aria-label": `Aller à l'image ${n + 1}`
+				}, n))
+			}),
+			ue && l.length > 1 && /* @__PURE__ */ s("div", {
+				className: "flex space-x-2 p-4 bg-gray-100 overflow-x-auto",
+				children: k ? /* @__PURE__ */ s("div", {
+					className: "flex space-x-2",
+					children: k
+				}) : l.map((t, n) => /* @__PURE__ */ s("button", {
+					onClick: (e) => {
+						$(e), Tt(n), Ae?.(n);
+					},
+					className: e("flex-shrink-0 rounded overflow-hidden", "border-2 transition-all duration-200", "focus:outline-none focus:ring-2 focus:ring-blue-500", M === "small" && "w-12 h-12", M === "medium" && "w-16 h-16", M === "large" && "w-20 h-20", I === "1/1" && "aspect-square", I === "4/3" && "aspect-[4/3]", I === "16/9" && "aspect-video", n === J ? "border-blue-500" : "border-gray-300 hover:border-gray-400", Se),
+					children: /* @__PURE__ */ s("img", {
+						src: t.src,
+						alt: t.alt,
+						className: "w-full h-full object-cover",
+						loading: "lazy"
+					})
+				}, n))
+			})
+		]
+	});
+};
+//#endregion
+export { l as default };

package/dist/components/waka-cart-summary/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a=(e,t)=>new Intl.NumberFormat(`en-US`,{style:`currency`,currency:t}).format(e),o=({showImage:e=!0})=>(0,i.jsxs)(`div`,{className:`flex gap-4 p-4 animate-pulse`,children:[e&&(0,i.jsx)(`div`,{className:`w-20 h-20 bg-gray-200 dark:bg-gray-700 rounded-lg shrink-0`}),(0,i.jsxs)(`div`,{className:`flex-1 space-y-2`,children:[(0,i.jsx)(`div`,{className:`h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4`}),(0,i.jsx)(`div`,{className:`h-3 bg-gray-200 dark:bg-gray-700 rounded w-1/2`}),(0,i.jsxs)(`div`,{className:`flex justify-between items-center mt-2`,children:[(0,i.jsx)(`div`,{className:`h-8 bg-gray-200 dark:bg-gray-700 rounded w-24`}),(0,i.jsx)(`div`,{className:`h-4 bg-gray-200 dark:bg-gray-700 rounded w-16`})]})]})]}),s=()=>(0,i.jsxs)(`div`,{className:`space-y-3 p-4 animate-pulse`,children:[[...[,,,,]].map((e,t)=>(0,i.jsxs)(`div`,{className:`flex justify-between`,children:[(0,i.jsx)(`div`,{className:`h-4 bg-gray-200 dark:bg-gray-700 rounded w-20`}),(0,i.jsx)(`div`,{className:`h-4 bg-gray-200 dark:bg-gray-700 rounded w-16`})]},t)),(0,i.jsx)(`div`,{className:`border-t pt-3 mt-3`,children:(0,i.jsxs)(`div`,{className:`flex justify-between`,children:[(0,i.jsx)(`div`,{className:`h-5 bg-gray-200 dark:bg-gray-700 rounded w-16`}),(0,i.jsx)(`div`,{className:`h-5 bg-gray-200 dark:bg-gray-700 rounded w-20`})]})})]}),c=({item:e,currency:n,showImage:a,showDescription:o,showSku:s,enableQuantityEdit:c,enableRemove:l,formatPrice:u,onQuantityChange:d,onRemove:f,isRemoving:p,animationDuration:m})=>{let h=e.minQuantity??1,g=e.maxQuantity??99,_=e.quantity>h,v=e.quantity<g&&e.inStock!==!1,y=e.price*e.quantity,b=e.originalPrice&&e.originalPrice>e.price;return(0,i.jsxs)(`div`,{className:t.cn(`flex gap-4 p-4 border-b border-gray-200 dark:border-gray-700 transition-all`,p&&`opacity-0 scale-95 -translate-x-4`),style:{transitionDuration:`${m}ms`},children:[a&&(0,i.jsxs)(`div`,{className:`relative w-20 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800`,children:[e.image?(0,i.jsx)(`img`,{src:e.image,alt:e.name,className:`w-full h-full object-cover`,loading:`lazy`}):(0,i.jsx)(`div`,{className:`w-full h-full flex items-center justify-center`,children:(0,i.jsx)(r.Package,{className:`w-8 h-8 text-gray-400`})}),e.inStock===!1&&(0,i.jsx)(`div`,{className:`absolute inset-0 bg-black/50 flex items-center justify-center`,children:(0,i.jsx)(`span`,{className:`text-white text-xs font-medium px-2 py-1 bg-red-500 rounded`,children:`Out of Stock`})})]}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsxs)(`div`,{className:`flex justify-between items-start gap-2`,children:[(0,i.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,i.jsx)(`h4`,{className:`font-medium text-gray-900 dark:text-gray-100 truncate`,children:e.name}),e.variant&&(0,i.jsx)(`p`,{className:`text-sm text-gray-500 dark:text-gray-400`,children:e.variant}),o&&e.description&&(0,i.jsx)(`p`,{className:`text-sm text-gray-500 dark:text-gray-400 line-clamp-2 mt-1`,children:e.description}),s&&e.sku&&(0,i.jsxs)(`p`,{className:`text-xs text-gray-400 dark:text-gray-500 mt-1`,children:[`SKU: `,e.sku]})]}),l&&(0,i.jsx)(`button`,{onClick:()=>f?.(e.id),className:t.cn(`p-1.5 rounded-md text-gray-400 hover:text-red-500`,`hover:bg-red-50 dark:hover:bg-red-900/20`,`transition-colors focus:outline-none focus:ring-2`,`focus:ring-red-500 focus:ring-offset-2`),"aria-label":`Remove ${e.name} from cart`,children:(0,i.jsx)(r.Trash2,{className:`w-4 h-4`})})]}),(0,i.jsxs)(`div`,{className:`flex justify-between items-end mt-3`,children:[(0,i.jsx)(`div`,{className:`flex items-center`,children:c?(0,i.jsxs)(`div`,{className:`flex items-center border border-gray-200 dark:border-gray-700 rounded-lg`,children:[(0,i.jsx)(`button`,{onClick:()=>_&&d?.(e.id,e.quantity-1),disabled:!_,className:t.cn(`p-2 transition-colors`,`hover:bg-gray-100 dark:hover:bg-gray-800`,`disabled:opacity-50 disabled:cursor-not-allowed`,`focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500`),"aria-label":`Decrease quantity`,children:(0,i.jsx)(r.Minus,{className:`w-3.5 h-3.5`})}),(0,i.jsx)(`span`,{className:`w-10 text-center text-sm font-medium tabular-nums`,children:e.quantity}),(0,i.jsx)(`button`,{onClick:()=>v&&d?.(e.id,e.quantity+1),disabled:!v,className:t.cn(`p-2 transition-colors`,`hover:bg-gray-100 dark:hover:bg-gray-800`,`disabled:opacity-50 disabled:cursor-not-allowed`,`focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500`),"aria-label":`Increase quantity`,children:(0,i.jsx)(r.Plus,{className:`w-3.5 h-3.5`})})]}):(0,i.jsxs)(`span`,{className:`text-sm text-gray-600 dark:text-gray-400`,children:[`Qty: `,e.quantity]})}),(0,i.jsxs)(`div`,{className:`text-right`,children:[b&&(0,i.jsx)(`span`,{className:`text-sm text-gray-400 line-through mr-2`,children:u(e.originalPrice*e.quantity,n)}),(0,i.jsx)(`span`,{className:t.cn(`font-semibold`,b&&`text-red-600 dark:text-red-400`),children:u(y,n)}),e.quantity>1&&(0,i.jsxs)(`p`,{className:`text-xs text-gray-500 dark:text-gray-400 mt-0.5`,children:[u(e.price,n),` each`]})]})]})]})]})},l=({discount:e,onApply:a,onRemove:o,formatPrice:s,currency:c})=>{let[l,u]=(0,n.useState)(``),[d,f]=(0,n.useState)(!1),[p,m]=(0,n.useState)(null),h=async()=>{if(!(!l.trim()||!a)){f(!0),m(null);try{await a(l.trim())?u(``):m(`Invalid discount code`)}catch{m(`Failed to apply discount`)}finally{f(!1)}}};return e?(0,i.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-green-50 dark:bg-green-900/20 rounded-lg border border-green-200 dark:border-green-800`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(r.Tag,{className:`w-4 h-4 text-green-600 dark:text-green-400`}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`span`,{className:`font-medium text-green-700 dark:text-green-300`,children:e.code}),e.description&&(0,i.jsx)(`p`,{className:`text-xs text-green-600 dark:text-green-400`,children:e.description})]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsxs)(`span`,{className:`text-sm font-medium text-green-700 dark:text-green-300`,children:[`-`,e.type===`percentage`?`${e.value}%`:s(e.value,c)]}),o&&(0,i.jsx)(`button`,{onClick:o,className:`p-1 text-green-600 dark:text-green-400 hover:text-green-800 dark:hover:text-green-200 transition-colors`,"aria-label":`Remove discount`,children:(0,i.jsx)(r.X,{className:`w-4 h-4`})})]})]}):(0,i.jsxs)(`div`,{className:`space-y-2`,children:[(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[(0,i.jsx)(`input`,{type:`text`,value:l,onChange:e=>{u(e.target.value),m(null)},placeholder:`Enter discount code`,className:t.cn(`flex-1 px-3 py-2 text-sm rounded-lg border`,`bg-white dark:bg-gray-900`,`border-gray-200 dark:border-gray-700`,`placeholder:text-gray-400 dark:placeholder:text-gray-500`,`focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent`,p&&`border-red-500 focus:ring-red-500`),onKeyDown:e=>{e.key===`Enter`&&h()}}),(0,i.jsx)(`button`,{onClick:h,disabled:!l.trim()||d,className:t.cn(`px-4 py-2 text-sm font-medium rounded-lg transition-colors`,`bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-900`,`hover:bg-gray-800 dark:hover:bg-gray-200`,`disabled:opacity-50 disabled:cursor-not-allowed`,`focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900 dark:focus:ring-gray-100`),children:d?(0,i.jsx)(r.Loader2,{className:`w-4 h-4 animate-spin`}):`Apply`})]}),p&&(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 text-sm text-red-600 dark:text-red-400`,children:[(0,i.jsx)(r.AlertCircle,{className:`w-4 h-4`}),p]})]})},u=()=>(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 px-4 text-center`,children:[(0,i.jsx)(`div`,{className:`w-16 h-16 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center mb-4`,children:(0,i.jsx)(r.ShoppingCart,{className:`w-8 h-8 text-gray-400`})}),(0,i.jsx)(`h3`,{className:`text-lg font-medium text-gray-900 dark:text-gray-100 mb-1`,children:`Your cart is empty`}),(0,i.jsx)(`p`,{className:`text-sm text-gray-500 dark:text-gray-400 max-w-sm`,children:`Looks like you haven't added any items to your cart yet. Start shopping to fill it up!`})]}),d=({items:e,currency:d=`USD`,taxRate:f=0,shippingCost:p=0,freeShippingThreshold:m,discount:h=null,isLoading:g=!1,showImages:_=!0,showDescriptions:v=!1,showSku:y=!1,enableQuantityEdit:b=!0,enableRemove:x=!0,emptyState:S,loadingState:C,header:w,footer:T,className:E,itemClassName:D,summaryClassName:O,onQuantityChange:k,onRemoveItem:A,onApplyDiscount:j,onRemoveDiscount:M,onCheckout:N,formatPrice:P=a,animationDuration:F=300,ariaLabel:I=`Shopping cart summary`})=>{let[L,R]=(0,n.useState)(new Set),[z,B]=(0,n.useState)(new Set),V=(0,n.useRef)(new Set(e.map(e=>e.id)));(0,n.useEffect)(()=>{let t=new Set(e.map(e=>e.id)),n=new Set;if(t.forEach(e=>{V.current.has(e)||n.add(e)}),n.size>0){B(n);let e=setTimeout(()=>{B(new Set)},F);return()=>clearTimeout(e)}V.current=t},[e,F]);let H=(0,n.useCallback)(e=>{R(t=>new Set([...t,e])),setTimeout(()=>{A?.(e),R(t=>{let n=new Set(t);return n.delete(e),n})},F)},[A,F]),U=(0,n.useMemo)(()=>{let t=e.reduce((e,t)=>e+t.price*t.quantity,0),n=p;m&&t>=m&&(n=0);let r=0,i=0;h&&(h.type===`percentage`?r=t*(h.value/100):h.type===`fixed`?r=Math.min(h.value,t):h.type===`shipping`&&(i=n,n=0));let a=t-r,o=a*f,s=a+o+n;return{subtotal:t,tax:o,taxRate:f,shipping:n,discount:r+i,total:Math.max(0,s)}},[e,p,m,h,f]),W=e.reduce((e,t)=>e+t.quantity,0),G=m&&U.subtotal<m?U.subtotal/m*100:null;return g?(0,i.jsx)(`div`,{className:t.cn(`bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 overflow-hidden`,E),"aria-label":I,"aria-busy":`true`,children:C||(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`border-b border-gray-200 dark:border-gray-700`,children:[...[,,,]].map((e,t)=>(0,i.jsx)(o,{showImage:_},t))}),(0,i.jsx)(s,{})]})}):e.length===0?(0,i.jsx)(`div`,{className:t.cn(`bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 overflow-hidden`,E),"aria-label":I,children:S||(0,i.jsx)(u,{})}):(0,i.jsxs)(`div`,{className:t.cn(`bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 overflow-hidden`,E),role:`region`,"aria-label":I,children:[w||(0,i.jsxs)(`div`,{className:`flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700`,children:[(0,i.jsxs)(`h3`,{className:`font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2`,children:[(0,i.jsx)(r.ShoppingCart,{className:`w-5 h-5`}),`Cart`]}),(0,i.jsxs)(`span`,{className:`text-sm text-gray-500 dark:text-gray-400`,children:[W,` `,W===1?`item`:`items`]})]}),G!==null&&(0,i.jsxs)(`div`,{className:`px-4 py-3 bg-blue-50 dark:bg-blue-900/20 border-b border-gray-200 dark:border-gray-700`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mb-2`,children:[(0,i.jsx)(r.Truck,{className:`w-4 h-4 text-blue-600 dark:text-blue-400`}),(0,i.jsxs)(`span`,{className:`text-sm text-blue-700 dark:text-blue-300`,children:[P(m-U.subtotal,d),` `,`away from free shipping!`]})]}),(0,i.jsx)(`div`,{className:`h-1.5 bg-blue-200 dark:bg-blue-800 rounded-full overflow-hidden`,children:(0,i.jsx)(`div`,{className:`h-full bg-blue-600 dark:bg-blue-400 rounded-full transition-all duration-500`,style:{width:`${G}%`}})})]}),(0,i.jsx)(`div`,{className:t.cn(`divide-y divide-gray-200 dark:divide-gray-700`,D),children:e.map(e=>(0,i.jsx)(`div`,{className:t.cn(`transition-all`,z.has(e.id)&&`animate-in slide-in-from-right fade-in duration-300`),children:(0,i.jsx)(c,{item:e,currency:d,showImage:_,showDescription:v,showSku:y,enableQuantityEdit:b,enableRemove:x,formatPrice:P,onQuantityChange:k,onRemove:H,isRemoving:L.has(e.id),animationDuration:F})},e.id))}),(j||h)&&(0,i.jsx)(`div`,{className:`px-4 py-3 border-t border-gray-200 dark:border-gray-700`,children:(0,i.jsx)(l,{discount:h,onApply:j,onRemove:M,formatPrice:P,currency:d})}),(0,i.jsxs)(`div`,{className:t.cn(`px-4 py-4 bg-gray-50 dark:bg-gray-800/50 space-y-3`,O),children:[(0,i.jsxs)(`div`,{className:`flex justify-between text-sm`,children:[(0,i.jsx)(`span`,{className:`text-gray-600 dark:text-gray-400`,children:`Subtotal`}),(0,i.jsx)(`span`,{className:`font-medium text-gray-900 dark:text-gray-100`,children:P(U.subtotal,d)})]}),U.discount>0&&(0,i.jsxs)(`div`,{className:`flex justify-between text-sm`,children:[(0,i.jsx)(`span`,{className:`text-green-600 dark:text-green-400`,children:`Discount`}),(0,i.jsxs)(`span`,{className:`font-medium text-green-600 dark:text-green-400`,children:[`-`,P(U.discount,d)]})]}),(0,i.jsxs)(`div`,{className:`flex justify-between text-sm`,children:[(0,i.jsx)(`span`,{className:`text-gray-600 dark:text-gray-400`,children:`Shipping`}),(0,i.jsx)(`span`,{className:`font-medium text-gray-900 dark:text-gray-100`,children:U.shipping===0?(0,i.jsx)(`span`,{className:`text-green-600 dark:text-green-400`,children:`Free`}):P(U.shipping,d)})]}),U.tax>0&&(0,i.jsxs)(`div`,{className:`flex justify-between text-sm`,children:[(0,i.jsxs)(`span`,{className:`text-gray-600 dark:text-gray-400`,children:[`Tax (`,(U.taxRate*100).toFixed(0),`%)`]}),(0,i.jsx)(`span`,{className:`font-medium text-gray-900 dark:text-gray-100`,children:P(U.tax,d)})]}),(0,i.jsxs)(`div`,{className:`flex justify-between pt-3 border-t border-gray-200 dark:border-gray-700`,children:[(0,i.jsx)(`span`,{className:`text-base font-semibold text-gray-900 dark:text-gray-100`,children:`Total`}),(0,i.jsx)(`span`,{className:`text-lg font-bold text-gray-900 dark:text-gray-100`,children:P(U.total,d)})]})]}),T||N&&(0,i.jsx)(`div`,{className:`p-4 border-t border-gray-200 dark:border-gray-700`,children:(0,i.jsx)(`button`,{onClick:()=>N(U),className:t.cn(`w-full py-3 px-4 rounded-lg font-semibold text-white`,`bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600`,`transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500`),children:`Proceed to Checkout`})})]})};function f(e={}){let{initialItems:t=[],currency:r=`USD`,taxRate:i=0,shippingCost:a=0,freeShippingThreshold:o,onCartChange:s}=e,[c,l]=(0,n.useState)(t),[u,d]=(0,n.useState)(null),f=(0,n.useCallback)(e=>{l(e),s?.(e)},[s]),p=(0,n.useCallback)(e=>{l(t=>{let n=t.findIndex(t=>t.id===e.id);if(n>=0){let r=[...t];return r[n]={...r[n],quantity:r[n].quantity+e.quantity},s?.(r),r}let r=[...t,e];return s?.(r),r})},[s]),m=(0,n.useCallback)(e=>{l(t=>{let n=t.filter(t=>t.id!==e);return s?.(n),n})},[s]),h=(0,n.useCallback)((e,t)=>{if(t<=0){m(e);return}l(n=>{let r=n.map(n=>n.id===e?{...n,quantity:t}:n);return s?.(r),r})},[m,s]),g=(0,n.useCallback)(()=>{f([]),d(null)},[f]),_=(0,n.useCallback)(e=>{d(e)},[]),v=(0,n.useCallback)(()=>{d(null)},[]);return{items:c,discount:u,totals:(0,n.useMemo)(()=>{let e=c.reduce((e,t)=>e+t.price*t.quantity,0),t=a;o&&e>=o&&(t=0);let n=0;u&&(u.type===`percentage`?n=e*(u.value/100):u.type===`fixed`?n=Math.min(u.value,e):u.type===`shipping`&&(n=t,t=0));let r=e-n,s=r*i,l=r+s+t;return{subtotal:e,tax:s,taxRate:i,shipping:t,discount:n,total:Math.max(0,l)}},[c,a,o,u,i]),itemCount:(0,n.useMemo)(()=>c.reduce((e,t)=>e+t.quantity,0),[c]),isEmpty:c.length===0,addItem:p,removeItem:m,updateQuantity:h,clearCart:g,applyDiscount:_,removeDiscount:v,setItems:f}}exports.default=d,exports.useCartSummary=f;