@shopito/design-system-fe 0.1.20 → 0.1.21

package/dist/index.js

@@ -337,14 +337,14 @@ function z({ variant: e = "info", title: t, children: n, onClose: r, className:
 }
 //#endregion
 //#region src/components/common/Modal/Modal.tsx
-var ee = {
+var B = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-lg",
 	xl: "max-w-xl",
 	full: "max-w-full mx-4"
 };
-function te({ open: e, onClose: t, title: n, children: i, footer: a, size: s = "md", closeOnBackdrop: c = !0 }) {
+function ee({ open: e, onClose: t, title: n, children: i, footer: a, size: s = "md", closeOnBackdrop: c = !0 }) {
 	let f = o(null);
 	return r(() => {
 		if (!e) return;
@@ -368,7 +368,7 @@ function te({ open: e, onClose: t, title: n, children: i, footer: a, size: s = "
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": n ? "modal-title" : void 0,
-			className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]", ee[s]].join(" "),
+			className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]", B[s]].join(" "),
 			children: [
 				n && /* @__PURE__ */ u("div", {
 					className: "flex items-center justify-between px-6 py-4 border-b border-gray-100 shrink-0",
@@ -409,7 +409,7 @@ function te({ open: e, onClose: t, title: n, children: i, footer: a, size: s = "
 }
 //#endregion
 //#region src/components/common/Checkbox/Checkbox.tsx
-var B = t(({ label: e, description: t, error: n, indeterminate: r, className: i = "", id: a, ...o }, s) => {
+var V = t(({ label: e, description: t, error: n, indeterminate: r, className: i = "", id: a, ...o }, s) => {
 	let c = a ?? e?.toLowerCase().replace(/\s+/g, "-");
 	return /* @__PURE__ */ u("div", {
 		className: (0, C.default)("checkbox-wrapper", i),
@@ -441,10 +441,10 @@ var B = t(({ label: e, description: t, error: n, indeterminate: r, className: i
 		] })]
 	});
 });
-B.displayName = "Checkbox";
+V.displayName = "Checkbox";
 //#endregion
 //#region src/components/common/Toggle/Toggle.tsx
-var V = t(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, o) => {
+var H = t(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, o) => {
 	let s = i ?? e?.toLowerCase().replace(/\s+/g, "-");
 	return /* @__PURE__ */ u("label", {
 		htmlFor: s,
@@ -472,10 +472,10 @@ var V = t(({ label: e, description: t, size: n = "md", className: r = "", id: i,
 		})] })]
 	});
 });
-V.displayName = "Toggle";
+H.displayName = "Toggle";
 //#endregion
 //#region src/components/common/Avatar/Avatar.tsx
-var H = [
+var U = [
 	"bg-red-500",
 	"bg-orange-500",
 	"bg-amber-500",
@@ -486,7 +486,7 @@ var H = [
 	"bg-violet-500",
 	"bg-pink-500"
 ];
-function ne({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
+function te({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
 	let o = [
 		"avatar",
 		`avatar-${r}`,
@@ -494,7 +494,7 @@ function ne({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
 	], s = (e) => {
 		let t = 0;
 		for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
-		return H[t % H.length];
+		return U[t % U.length];
 	}, c = (e) => e.split(" ").slice(0, 2).map((e) => e[0]).join("").toUpperCase();
 	return e ? /* @__PURE__ */ l("span", {
 		className: (0, C.default)(o),
@@ -527,7 +527,7 @@ function ne({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
 }
 //#endregion
 //#region src/components/common/Stack/Stack.tsx
-var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems: r = "start", justifyContent: i = "normal", className: a, children: o }) => /* @__PURE__ */ l("div", {
+var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems: r = "start", justifyContent: i = "normal", className: a, children: o }) => /* @__PURE__ */ l("div", {
 	className: (0, C.default)("stack", `stack-${e}`, t && `gap-${t}`, {
 		start: "items-start",
 		end: "items-end",
@@ -550,14 +550,14 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 		stretch: "justify-stretch"
 	}[i], a),
 	children: o
-}), ie = {
+}), re = {
 	1: "grid-cols-1",
 	2: "grid-cols-2",
 	3: "grid-cols-3",
 	4: "grid-cols-4",
 	6: "grid-cols-6",
 	12: "grid-cols-12"
-}, ae = {
+}, ie = {
 	0: "gap-0",
 	1: "gap-1",
 	2: "gap-2",
@@ -569,7 +569,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "gap-10",
 	12: "gap-12",
 	16: "gap-16"
-}, oe = {
+}, ae = {
 	0: "gap-y-0",
 	1: "gap-y-1",
 	2: "gap-y-2",
@@ -581,7 +581,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "gap-y-10",
 	12: "gap-y-12",
 	16: "gap-y-16"
-}, se = {
+}, oe = {
 	0: "gap-x-0",
 	1: "gap-x-1",
 	2: "gap-x-2",
@@ -593,7 +593,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "gap-x-10",
 	12: "gap-x-12",
 	16: "gap-x-16"
-}, ce = {
+}, se = {
 	1: "col-span-1",
 	2: "col-span-2",
 	3: "col-span-3",
@@ -606,7 +606,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "col-span-10",
 	11: "col-span-11",
 	12: "col-span-12"
-}, le = {
+}, ce = {
 	1: "sm:col-span-1",
 	2: "sm:col-span-2",
 	3: "sm:col-span-3",
@@ -619,7 +619,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "sm:col-span-10",
 	11: "sm:col-span-11",
 	12: "sm:col-span-12"
-}, ue = {
+}, le = {
 	1: "md:col-span-1",
 	2: "md:col-span-2",
 	3: "md:col-span-3",
@@ -632,7 +632,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "md:col-span-10",
 	11: "md:col-span-11",
 	12: "md:col-span-12"
-}, de = {
+}, ue = {
 	1: "lg:col-span-1",
 	2: "lg:col-span-2",
 	3: "lg:col-span-3",
@@ -645,7 +645,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "lg:col-span-10",
 	11: "lg:col-span-11",
 	12: "lg:col-span-12"
-}, fe = {
+}, de = {
 	1: "xl:col-span-1",
 	2: "xl:col-span-2",
 	3: "xl:col-span-3",
@@ -658,7 +658,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "xl:col-span-10",
 	11: "xl:col-span-11",
 	12: "xl:col-span-12"
-}, pe = {
+}, fe = {
 	1: "col-start-2",
 	2: "col-start-3",
 	3: "col-start-4",
@@ -670,7 +670,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "col-start-10",
 	10: "col-start-11",
 	11: "col-start-12"
-}, me = {
+}, pe = {
 	1: "sm:col-start-2",
 	2: "sm:col-start-3",
 	3: "sm:col-start-4",
@@ -682,7 +682,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "sm:col-start-10",
 	10: "sm:col-start-11",
 	11: "sm:col-start-12"
-}, he = {
+}, me = {
 	1: "md:col-start-2",
 	2: "md:col-start-3",
 	3: "md:col-start-4",
@@ -694,7 +694,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "md:col-start-10",
 	10: "md:col-start-11",
 	11: "md:col-start-12"
-}, ge = {
+}, he = {
 	1: "lg:col-start-2",
 	2: "lg:col-start-3",
 	3: "lg:col-start-4",
@@ -706,7 +706,7 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "lg:col-start-10",
 	10: "lg:col-start-11",
 	11: "lg:col-start-12"
-}, _e = {
+}, ge = {
 	1: "xl:col-start-2",
 	2: "xl:col-start-3",
 	3: "xl:col-start-4",
@@ -718,20 +718,20 @@ var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "xl:col-start-10",
 	10: "xl:col-start-11",
 	11: "xl:col-start-12"
-}, U = ({ children: e, cols: t = 12, gap: n, rowGap: r, colGap: i, as: a = "div", className: o }) => /* @__PURE__ */ l(a, {
-	className: (0, C.default)("grid", "w-full", ie[t], n !== void 0 && ae[n], r !== void 0 && oe[r], i !== void 0 && se[i], o),
+}, W = ({ children: e, cols: t = 12, gap: n, rowGap: r, colGap: i, as: a = "div", className: o }) => /* @__PURE__ */ l(a, {
+	className: (0, C.default)("grid", "w-full", re[t], n !== void 0 && ie[n], r !== void 0 && ae[r], i !== void 0 && oe[i], o),
 	children: e
 });
-U.displayName = "Grid";
-var W = ({ children: e, span: t, sm: n, md: r, lg: i, xl: a, offset: o, smOffset: s, mdOffset: c, lgOffset: u, xlOffset: d, className: f, ...p }) => /* @__PURE__ */ l("div", {
-	className: (0, C.default)(t && ce[t], n && le[n], r && ue[r], i && de[i], a && fe[a], o && pe[o], s && me[s], c && he[c], u && ge[u], d && _e[d], f),
+W.displayName = "Grid";
+var G = ({ children: e, span: t, sm: n, md: r, lg: i, xl: a, offset: o, smOffset: s, mdOffset: c, lgOffset: u, xlOffset: d, className: f, ...p }) => /* @__PURE__ */ l("div", {
+	className: (0, C.default)(t && se[t], n && ce[n], r && le[r], i && ue[i], a && de[a], o && fe[o], s && pe[s], c && me[c], u && he[u], d && ge[d], f),
 	...p,
 	children: e
 });
-W.displayName = "Col";
+G.displayName = "Col";
 //#endregion
 //#region src/components/common/QuantityInput/QuantityInput.tsx
-var G = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disabled: d = !1, label: f, error: p, hint: m, id: h, className: g }) => {
+var K = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disabled: d = !1, label: f, error: p, hint: m, id: h, className: g }) => {
 	let _ = i(), v = h ?? _, y = o(null), [b, x] = s(String(e));
 	r(() => {
 		document.activeElement !== y.current && x(String(e));
@@ -778,7 +778,7 @@ var G = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disable
 						disabled: d || !A,
 						"aria-label": "Snížit množství",
 						tabIndex: -1,
-						children: /* @__PURE__ */ l(ve, {})
+						children: /* @__PURE__ */ l(_e, {})
 					}),
 					/* @__PURE__ */ l("input", {
 						ref: y,
@@ -803,7 +803,7 @@ var G = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disable
 						disabled: d || !j,
 						"aria-label": "Zvýšit množství",
 						tabIndex: -1,
-						children: /* @__PURE__ */ l(ye, {})
+						children: /* @__PURE__ */ l(ve, {})
 					})
 				]
 			}),
@@ -814,8 +814,8 @@ var G = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disable
 		]
 	});
 };
-G.displayName = "QuantityInput";
-var ve = () => /* @__PURE__ */ l("svg", {
+K.displayName = "QuantityInput";
+var _e = () => /* @__PURE__ */ l("svg", {
 	width: "12",
 	height: "2",
 	viewBox: "0 0 12 2",
@@ -827,7 +827,7 @@ var ve = () => /* @__PURE__ */ l("svg", {
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})
-}), ye = () => /* @__PURE__ */ l("svg", {
+}), ve = () => /* @__PURE__ */ l("svg", {
 	width: "12",
 	height: "12",
 	viewBox: "0 0 12 12",
@@ -839,36 +839,36 @@ var ve = () => /* @__PURE__ */ l("svg", {
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})
-}), K = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), be = (e, t, n) => {
-	if (t <= n * 2 + 5) return K(1, t);
+}), q = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), ye = (e, t, n) => {
+	if (t <= n * 2 + 5) return q(1, t);
 	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
 	return !a && o ? [
-		...K(1, 3 + n * 2),
+		...q(1, 3 + n * 2),
 		"…",
 		t
 	] : a && !o ? [
 		1,
 		"…",
-		...K(t - (2 + n * 2), t)
+		...q(t - (2 + n * 2), t)
 	] : [
 		1,
 		"…",
-		...K(r, i),
+		...q(r, i),
 		"…",
 		t
 	];
-}, q = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ l("button", {
+}, J = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ l("button", {
 	disabled: t,
 	className: (0, C.default)("pagination-button", `pagination-button-${e ? "active" : "inactive"}`),
 	...r,
 	children: n
-}), J = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
-	let i = be(e, t, r);
+}), Y = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
+	let i = ye(e, t, r);
 	return /* @__PURE__ */ u("nav", {
 		"aria-label": "Pagination",
 		className: "pagination",
 		children: [
-			/* @__PURE__ */ l(q, {
+			/* @__PURE__ */ l(J, {
 				disabled: e <= 1,
 				onClick: () => n(e - 1),
 				"aria-label": "Previous page",
@@ -889,14 +889,14 @@ var ve = () => /* @__PURE__ */ l("svg", {
 			i.map((t, r) => t === "…" ? /* @__PURE__ */ l("span", {
 				className: "pagination-dots",
 				children: "…"
-			}, `dots-${r}`) : /* @__PURE__ */ l(q, {
+			}, `dots-${r}`) : /* @__PURE__ */ l(J, {
 				active: t === e,
 				onClick: () => n(t),
 				"aria-label": `Page ${t}`,
 				"aria-current": t === e ? "page" : void 0,
 				children: t
 			}, t)),
-			/* @__PURE__ */ l(q, {
+			/* @__PURE__ */ l(J, {
 				disabled: e >= t,
 				onClick: () => n(e + 1),
 				"aria-label": "Next page",
@@ -919,52 +919,75 @@ var ve = () => /* @__PURE__ */ l("svg", {
 };
 //#endregion
 //#region src/components/common/Carousel/Carousel.tsx
-function xe({ children: t, slidesPerView: i = 1, gap: d = 16, arrows: f = !0, dots: p = !0, autoPlay: m = !1, autoPlayInterval: h = 4e3, loop: g = !1, className: _, ...v }) {
+function be({ children: t, slidesPerView: i = 1, gap: d = 16, arrows: f = !0, dots: p = !0, autoPlay: m = !1, autoPlayInterval: h = 4e3, loop: g = !1, className: _, ...v }) {
 	let y = e.toArray(t), b = y.length, x = g ? b - 1 : Math.max(0, b - i), S = b > i, [w, T] = s(0), [E, D] = s(!1), O = o(null), k = o(null), A = o(null), j = o(null), M = n((e, t = !0) => {
 		let n = O.current;
 		if (!n) return;
 		let r = n.children[e];
 		r && (t || (n.style.transition = "none", n.getBoundingClientRect()), n.style.transform = `translateX(${-r.offsetLeft}px)`, t || (n.getBoundingClientRect(), n.style.transition = ""));
-	}, []), N = n((e) => {
+	}, []), N = n((e = !0) => {
+		let t = O.current, n = k.current;
+		if (!t || !n) return;
+		e || (n.style.transition = "none", n.getBoundingClientRect()), t.style.alignItems = "flex-start";
+		let r = Math.max(0, ...Array.from(t.children).map((e) => e.offsetHeight));
+		t.style.alignItems = "", r > 0 && (n.style.height = `${r}px`), e || (n.getBoundingClientRect(), n.style.transition = "");
+	}, []), P = n((e) => {
 		T(g ? (e % b + b) % b : Math.max(0, Math.min(e, x)));
 	}, [
 		b,
 		g,
 		x
-	]), P = n(() => N(w - 1), [w, N]), F = n(() => N(w + 1), [w, N]);
+	]), F = n(() => P(w - 1), [w, P]), I = n(() => P(w + 1), [w, P]);
 	a(() => {
-		M(w);
-	}, [w, M]), r(() => {
+		N(), M(w);
+	}, [
+		w,
+		M,
+		N
+	]), r(() => {
+		let e = O.current;
+		if (!e) return;
+		let t = () => N(), n = Array.from(e.querySelectorAll("img"));
+		return n.forEach((e) => {
+			e.complete || e.addEventListener("load", t, { once: !0 });
+		}), () => n.forEach((e) => e.removeEventListener("load", t));
+	}, [N]), r(() => {
 		let e = k.current;
 		if (!e) return;
-		let t = new ResizeObserver(() => M(w, !1));
+		let t = new ResizeObserver(() => {
+			N(!1), M(w, !1);
+		});
 		return t.observe(e), () => t.disconnect();
-	}, [w, M]), r(() => {
-		if (!(!m || E || !S)) return A.current = setInterval(F, h), () => {
+	}, [
+		w,
+		M,
+		N
+	]), r(() => {
+		if (!(!m || E || !S)) return A.current = setInterval(I, h), () => {
 			A.current && clearInterval(A.current);
 		};
 	}, [
 		m,
 		E,
 		h,
-		F,
+		I,
 		S
 	]);
-	let I = (e) => {
+	let L = (e) => {
 		j.current = e.touches[0].clientX;
-	}, L = (e) => {
+	}, R = (e) => {
 		if (j.current === null) return;
 		let t = e.changedTouches[0].clientX - j.current;
-		Math.abs(t) > 50 && (t < 0 ? F() : P()), j.current = null;
+		Math.abs(t) > 50 && (t < 0 ? I() : F()), j.current = null;
 	};
 	if (b === 0) return null;
-	let R = g || w > 0, z = g || w < x;
+	let z = g || w > 0, B = g || w < x;
 	return /* @__PURE__ */ u("div", {
 		className: (0, C.default)("carousel", _),
 		onMouseEnter: () => D(!0),
 		onMouseLeave: () => D(!1),
-		onTouchStart: I,
-		onTouchEnd: L,
+		onTouchStart: L,
+		onTouchEnd: R,
 		...v,
 		children: [
 			/* @__PURE__ */ l("div", {
@@ -986,8 +1009,8 @@ function xe({ children: t, slidesPerView: i = 1, gap: d = 16, arrows: f = !0, do
 				})
 			}),
 			f && S && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
-				onClick: P,
-				disabled: !R,
+				onClick: F,
+				disabled: !z,
 				className: "carousel-btn carousel-btn-prev",
 				"aria-label": "Previous slide",
 				children: /* @__PURE__ */ l("svg", {
@@ -1004,8 +1027,8 @@ function xe({ children: t, slidesPerView: i = 1, gap: d = 16, arrows: f = !0, do
 					})
 				})
 			}), /* @__PURE__ */ l("button", {
-				onClick: F,
-				disabled: !z,
+				onClick: I,
+				disabled: !B,
 				className: "carousel-btn carousel-btn-next",
 				"aria-label": "Next slide",
 				children: /* @__PURE__ */ l("svg", {
@@ -1025,7 +1048,7 @@ function xe({ children: t, slidesPerView: i = 1, gap: d = 16, arrows: f = !0, do
 			p && S && /* @__PURE__ */ l("div", {
 				className: "carousel-dots",
 				children: Array.from({ length: x + 1 }).map((e, t) => /* @__PURE__ */ l("button", {
-					onClick: () => N(t),
+					onClick: () => P(t),
 					className: (0, C.default)("carousel-dot", t === w && "carousel-dot-active"),
 					"aria-label": `Go to slide ${t + 1}`,
 					"aria-current": t === w ? "true" : void 0
@@ -1036,7 +1059,7 @@ function xe({ children: t, slidesPerView: i = 1, gap: d = 16, arrows: f = !0, do
 }
 //#endregion
 //#region src/components/Header/Header.tsx
-function Y({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: i }) {
+function X({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: i }) {
 	let [a, c] = s(!1), d = o(null), f = () => c(!1);
 	return /* @__PURE__ */ u("div", {
 		ref: d,
@@ -1071,7 +1094,7 @@ function Y({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: i }) {
 		})]
 	});
 }
-function Se() {
+function xe() {
 	return /* @__PURE__ */ l("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -1086,7 +1109,7 @@ function Se() {
 		})
 	});
 }
-function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n, cartItemCount: r = 0, onCartClick: i, isLoggedIn: a = !1, customerName: o, onCustomerClick: d, currencies: f = [], selectedCurrency: p, onCurrencyChange: m, locales: h = [], selectedLocale: g, onLocaleChange: _, rightSlot: v }) {
+function Se({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n, cartItemCount: r = 0, onCartClick: i, isLoggedIn: a = !1, customerName: o, onCustomerClick: d, currencies: f = [], selectedCurrency: p, onCurrencyChange: m, locales: h = [], selectedLocale: g, onLocaleChange: _, rightSlot: v }) {
 	let [y, b] = s(""), x = f.find((e) => e.code === p), S = h.find((e) => e.code === g);
 	return /* @__PURE__ */ l("header", {
 		className: "bg-white border-b border-gray-200 sticky top-0 z-40",
@@ -1109,7 +1132,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 						onKeyDown: (e) => {
 							e.key === "Enter" && n?.(y);
 						},
-						leftIcon: /* @__PURE__ */ l(Se, {}),
+						leftIcon: /* @__PURE__ */ l(xe, {}),
 						rightIcon: y ? /* @__PURE__ */ l("button", {
 							onClick: () => {
 								b(""), n?.("");
@@ -1135,7 +1158,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 				/* @__PURE__ */ u("div", {
 					className: "flex items-center gap-1 shrink-0 ml-auto",
 					children: [
-						f.length > 0 && /* @__PURE__ */ l(Y, {
+						f.length > 0 && /* @__PURE__ */ l(X, {
 							trigger: /* @__PURE__ */ u("button", {
 								className: "flex items-center gap-1 px-2 py-1.5 rounded-md text-sm text-gray-600 hover:bg-gray-50 transition-colors font-medium",
 								children: [
@@ -1144,7 +1167,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 										className: "text-xs text-gray-400",
 										children: x?.code ?? p
 									}),
-									/* @__PURE__ */ l(X, { className: "w-3 h-3 text-gray-400" })
+									/* @__PURE__ */ l(Z, { className: "w-3 h-3 text-gray-400" })
 								]
 							}),
 							items: f,
@@ -1158,7 +1181,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 								}), /* @__PURE__ */ l("span", { children: e.label })]
 							})
 						}),
-						h.length > 0 && /* @__PURE__ */ l(Y, {
+						h.length > 0 && /* @__PURE__ */ l(X, {
 							trigger: /* @__PURE__ */ u("button", {
 								className: "flex items-center gap-1 px-2 py-1.5 rounded-md text-sm text-gray-600 hover:bg-gray-50 transition-colors",
 								children: [
@@ -1170,7 +1193,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 										className: "font-medium uppercase",
 										children: S?.code ?? g
 									}),
-									/* @__PURE__ */ l(X, { className: "w-3 h-3 text-gray-400" })
+									/* @__PURE__ */ l(Z, { className: "w-3 h-3 text-gray-400" })
 								]
 							}),
 							items: h,
@@ -1195,7 +1218,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 							}), o && /* @__PURE__ */ l("span", {
 								className: "hidden sm:block font-medium max-w-32 truncate",
 								children: o
-							})] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(we, { className: "w-5 h-5" }), /* @__PURE__ */ l("span", {
+							})] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ce, { className: "w-5 h-5" }), /* @__PURE__ */ l("span", {
 								className: "hidden sm:block font-medium",
 								children: "Přihlásit se"
 							})] })
@@ -1205,7 +1228,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 							className: "relative flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-sm text-gray-600 hover:bg-gray-50 transition-colors",
 							"aria-label": `Cart, ${r} items`,
 							children: [
-								/* @__PURE__ */ l(Te, { className: "w-5 h-5" }),
+								/* @__PURE__ */ l(we, { className: "w-5 h-5" }),
 								/* @__PURE__ */ l("span", {
 									className: "hidden sm:block font-medium",
 									children: "Košík"
@@ -1223,7 +1246,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 		})
 	});
 }
-function X({ className: e }) {
+function Z({ className: e }) {
 	return /* @__PURE__ */ l("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -1238,7 +1261,7 @@ function X({ className: e }) {
 		})
 	});
 }
-function we({ className: e }) {
+function Ce({ className: e }) {
 	return /* @__PURE__ */ l("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -1253,7 +1276,7 @@ function we({ className: e }) {
 		})
 	});
 }
-function Te({ className: e }) {
+function we({ className: e }) {
 	return /* @__PURE__ */ l("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -1270,8 +1293,8 @@ function Te({ className: e }) {
 }
 //#endregion
 //#region src/components/CategoryTree/CategoryTree.tsx
-function Z({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, defaultExpandAll: a }) {
-	let o = e.children && e.children.length > 0, [c, d] = s(a || Q(e, t)), f = e.id === t;
+function Q({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, defaultExpandAll: a }) {
+	let o = e.children && e.children.length > 0, [c, d] = s(a || $(e, t)), f = e.id === t;
 	return /* @__PURE__ */ u("li", { children: [/* @__PURE__ */ u("div", {
 		className: [
 			"group flex items-center gap-1.5 rounded-lg px-2 py-1.5 cursor-pointer select-none",
@@ -1321,7 +1344,7 @@ function Z({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, default
 		]
 	}), o && c && /* @__PURE__ */ l("ul", {
 		role: "group",
-		children: e.children.map((e) => /* @__PURE__ */ l(Z, {
+		children: e.children.map((e) => /* @__PURE__ */ l(Q, {
 			node: e,
 			activeId: t,
 			onSelect: n,
@@ -1331,10 +1354,10 @@ function Z({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, default
 		}, e.id))
 	})] });
 }
-function Q(e, t) {
-	return !t || !e.children ? !1 : e.children.some((e) => e.id === t || Q(e, t));
+function $(e, t) {
+	return !t || !e.children ? !1 : e.children.some((e) => e.id === t || $(e, t));
 }
-function Ee({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
+function Te({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
 	let s = (e) => n?.(e);
 	return /* @__PURE__ */ l("nav", {
 		"aria-label": "Category navigation",
@@ -1343,7 +1366,7 @@ function Ee({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defau
 		children: /* @__PURE__ */ l("ul", {
 			role: "tree",
 			className: "space-y-0.5",
-			children: e.map((e) => /* @__PURE__ */ l(Z, {
+			children: e.map((e) => /* @__PURE__ */ l(Q, {
 				node: e,
 				activeId: t,
 				onSelect: s,
@@ -1356,7 +1379,7 @@ function Ee({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defau
 }
 //#endregion
 //#region src/components/MegaMenu/MegaMenu.tsx
-function De({ item: e, onNavigate: t, onClose: n }) {
+function Ee({ item: e, onNavigate: t, onClose: n }) {
 	return e.columns?.length ? /* @__PURE__ */ l("div", {
 		className: "absolute left-0 right-0 top-full z-50 bg-white border-b border-gray-200 shadow-lg",
 		children: /* @__PURE__ */ u("div", {
@@ -1419,7 +1442,7 @@ function De({ item: e, onNavigate: t, onClose: n }) {
 		})
 	}) : null;
 }
-function Oe({ items: e, activeId: t, onNavigate: n }) {
+function De({ items: e, activeId: t, onNavigate: n }) {
 	let [r, i] = s(null), a = o(null), c = (e) => {
 		a.current && clearTimeout(a.current), i(e);
 	}, d = () => {
@@ -1482,7 +1505,7 @@ function Oe({ items: e, activeId: t, onNavigate: n }) {
 		}), p?.columns?.length && /* @__PURE__ */ l("div", {
 			onMouseEnter: f,
 			onMouseLeave: d,
-			children: /* @__PURE__ */ l(De, {
+			children: /* @__PURE__ */ l(Ee, {
 				item: p,
 				onNavigate: (e) => n?.(e),
 				onClose: () => i(null)
@@ -1492,7 +1515,7 @@ function Oe({ items: e, activeId: t, onNavigate: n }) {
 }
 //#endregion
 //#region src/components/BannerCarousel/BannerCarousel.tsx
-function ke({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a = !0, dots: d = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
+function Oe({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a = !0, dots: d = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
 	let [m, h] = s(0), [g, _] = s(!1), v = o(null), y = o(null), b = e.length, x = n((e) => {
 		h((e % b + b) % b);
 	}, [b]), S = () => x(m - 1), C = n(() => x(m + 1), [m, x]);
@@ -1632,7 +1655,7 @@ function ke({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a
 }
 //#endregion
 //#region src/components/ProductCard/ProductCard.tsx
-function Ae({ filled: e }) {
+function ke({ filled: e }) {
 	return /* @__PURE__ */ l("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -1645,7 +1668,7 @@ function Ae({ filled: e }) {
 		})
 	});
 }
-function je({ value: e, count: t }) {
+function Ae({ value: e, count: t }) {
 	return /* @__PURE__ */ u("div", {
 		className: "flex items-center gap-1",
 		children: [/* @__PURE__ */ l("div", {
@@ -1656,7 +1679,7 @@ function je({ value: e, count: t }) {
 				3,
 				4,
 				5
-			].map((t) => /* @__PURE__ */ l(Ae, { filled: t <= Math.round(e) }, t))
+			].map((t) => /* @__PURE__ */ l(ke, { filled: t <= Math.round(e) }, t))
 		}), t !== void 0 && /* @__PURE__ */ u("span", {
 			className: "text-xs text-gray-400",
 			children: [
@@ -1667,11 +1690,11 @@ function je({ value: e, count: t }) {
 		})]
 	});
 }
-function Me(e) {
+function je(e) {
 	let t = e.toLowerCase();
 	return t === "sale" || t === "akce" ? "danger" : t === "new" || t === "nové" ? "primary" : t === "hot" ? "warning" : "default";
 }
-function $(e, t = "Kč") {
+function Me(e, t = "Kč") {
 	return `${e.toLocaleString("cs-CZ")} ${t}`;
 }
 function Ne(e, t) {
@@ -1702,7 +1725,7 @@ function Pe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 				e.badge && /* @__PURE__ */ l("div", {
 					className: "absolute top-2 left-2",
 					children: /* @__PURE__ */ l(j, {
-						variant: Me(e.badge),
+						variant: je(e.badge),
 						size: "sm",
 						children: e.badge === "sale" && m ? `-${Ne(e.originalPrice, e.price)}%` : e.badge
 					})
@@ -1787,7 +1810,7 @@ function Pe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 					className: `font-medium text-gray-900 leading-snug line-clamp-2 group-hover:text-primary-600 transition-colors ${a === "compact" ? "text-xs" : "text-sm"}`,
 					children: e.name
 				}),
-				e.rating !== void 0 && /* @__PURE__ */ l(je, {
+				e.rating !== void 0 && /* @__PURE__ */ l(Ae, {
 					value: e.rating,
 					count: e.reviewCount
 				}),
@@ -1795,10 +1818,10 @@ function Pe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 					className: "flex items-baseline gap-2 mt-auto pt-1",
 					children: [/* @__PURE__ */ l("span", {
 						className: `font-bold text-gray-900 ${a === "compact" ? "text-base" : "text-lg"}`,
-						children: $(e.price, e.currency)
+						children: Me(e.price, e.currency)
 					}), m && /* @__PURE__ */ l("span", {
 						className: "text-sm text-gray-400 line-through",
-						children: $(e.originalPrice, e.currency)
+						children: Me(e.originalPrice, e.currency)
 					})]
 				})
 			]
@@ -1939,7 +1962,7 @@ function Re({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 			}),
 			x && x > 1 && r && /* @__PURE__ */ l("div", {
 				className: "flex justify-center mt-8",
-				children: /* @__PURE__ */ l(J, {
+				children: /* @__PURE__ */ l(Y, {
 					page: n,
 					totalPages: x,
 					onPageChange: r
@@ -2326,6 +2349,6 @@ function it({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
 	});
 }
 //#endregion
-export { z as Alert, ne as Avatar, j as Badge, ke as BannerCarousel, w as Button, Ue as CallToAction, N as Card, F as CardBody, I as CardFooter, P as CardHeader, xe as Carousel, Ee as CategoryTree, B as Checkbox, W as Col, x as Container, it as Footer, U as Grid, Ce as Header, k as Heading, E as IconButton, D as Input, T as LoadingSpin, S as Main, Oe as MegaMenu, te as Modal, J as Pagination, Pe as ProductCard, Re as ProductGrid, G as QuantityInput, O as Select, L as Spinner, re as Stack, A as Text, V as Toggle };
+export { z as Alert, te as Avatar, j as Badge, Oe as BannerCarousel, w as Button, Ue as CallToAction, N as Card, F as CardBody, I as CardFooter, P as CardHeader, be as Carousel, Te as CategoryTree, V as Checkbox, G as Col, x as Container, it as Footer, W as Grid, Se as Header, k as Heading, E as IconButton, D as Input, T as LoadingSpin, S as Main, De as MegaMenu, ee as Modal, Y as Pagination, Pe as ProductCard, Re as ProductGrid, K as QuantityInput, O as Select, L as Spinner, ne as Stack, A as Text, H as Toggle };
 
 //# sourceMappingURL=index.js.map