@shopito/design-system-fe 0.1.22 → 0.1.23

package/dist/index.js

@@ -1,23 +1,23 @@
-import { Children as e, forwardRef as t, useCallback as n, useEffect as r, useId as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { createPortal as d } from "react-dom";
+import { Children as e, Fragment as t, forwardRef as n, useCallback as r, useEffect as i, useId as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { createPortal as f } from "react-dom";
 //#region \0rolldown/runtime.js
-var f = Object.create, p = Object.defineProperty, m = Object.getOwnPropertyDescriptor, h = Object.getOwnPropertyNames, g = Object.getPrototypeOf, _ = Object.prototype.hasOwnProperty, v = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), y = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = h(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !_.call(e, s) && s !== n && p(e, s, {
+var p = Object.create, m = Object.defineProperty, h = Object.getOwnPropertyDescriptor, g = Object.getOwnPropertyNames, _ = Object.getPrototypeOf, v = Object.prototype.hasOwnProperty, y = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), b = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = g(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !v.call(e, s) && s !== n && m(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = m(t, s)) || r.enumerable
+		enumerable: !(r = h(t, s)) || r.enumerable
 	});
 	return e;
-}, b = (e, t, n) => (n = e == null ? {} : f(g(e)), y(t || !e || !e.__esModule ? p(n, "default", {
+}, x = (e, t, n) => (n = e == null ? {} : p(_(e)), b(t || !e || !e.__esModule ? m(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)), x = ({ children: e }) => /* @__PURE__ */ l("div", {
+}) : n, e)), S = ({ children: e }) => /* @__PURE__ */ u("div", {
 	className: "container",
 	children: e
-}), S = ({ children: e }) => /* @__PURE__ */ l("main", {
+}), C = ({ children: e }) => /* @__PURE__ */ u("main", {
 	className: "main",
-	children: /* @__PURE__ */ l(x, { children: e })
-}), C = /* @__PURE__ */ b((/* @__PURE__ */ v(((e, t) => {
+	children: /* @__PURE__ */ u(S, { children: e })
+}), w = /* @__PURE__ */ x((/* @__PURE__ */ y(((e, t) => {
 	(function() {
 		var e = {}.hasOwnProperty;
 		function n() {
@@ -43,137 +43,137 @@ var f = Object.create, p = Object.defineProperty, m = Object.getOwnPropertyDescr
 			return n;
 		}) : window.classNames = n;
 	})();
-})))(), 1), w = t(({ variant: e = "primary", size: t = "md", loading: n = !1, fullWidth: r = !1, disabled: i, children: a, className: o = "", ...s }, c) => /* @__PURE__ */ u("button", {
+})))(), 1), T = n(({ variant: e = "primary", size: t = "md", loading: n = !1, fullWidth: r = !1, disabled: i, children: a, className: o = "", ...s }, c) => /* @__PURE__ */ d("button", {
 	ref: c,
 	disabled: i || n,
-	className: (0, C.default)("btn", e && `btn-${e}`, t && `btn-${t}`, r && "w-full", o),
+	className: (0, w.default)("btn", e && `btn-${e}`, t && `btn-${t}`, r && "w-full", o),
 	...s,
-	children: [n && /* @__PURE__ */ u("svg", {
+	children: [n && /* @__PURE__ */ d("svg", {
 		className: "animate-spin h-4 w-4 shrink-0",
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
-		children: [/* @__PURE__ */ l("circle", {
+		children: [/* @__PURE__ */ u("circle", {
 			className: "opacity-25",
 			cx: "12",
 			cy: "12",
 			r: "10",
 			stroke: "currentColor",
 			strokeWidth: "4"
-		}), /* @__PURE__ */ l("path", {
+		}), /* @__PURE__ */ u("path", {
 			className: "opacity-75",
 			fill: "currentColor",
 			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
 		})]
 	}), a]
 }));
-w.displayName = "Button";
+T.displayName = "Button";
 //#endregion
 //#region src/components/common/LoadingSpin/LoadingSpin.tsx
-var T = ({ size: e = "md" }) => /* @__PURE__ */ u("svg", {
-	className: (0, C.default)("loading-spin", `loading-spin-${e}`),
+var E = ({ size: e = "md" }) => /* @__PURE__ */ d("svg", {
+	className: (0, w.default)("loading-spin", `loading-spin-${e}`),
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
-	children: [/* @__PURE__ */ l("circle", {
+	children: [/* @__PURE__ */ u("circle", {
 		className: "opacity-25",
 		cx: "12",
 		cy: "12",
 		r: "10",
 		stroke: "currentColor",
 		strokeWidth: "4"
-	}), /* @__PURE__ */ l("path", {
+	}), /* @__PURE__ */ u("path", {
 		className: "opacity-75",
 		fill: "currentColor",
 		d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
 	})]
-}), E = t(({ icon: e, label: t, variant: n = "ghost", size: r = "md", loading: i = !1, disabled: a, className: o = "", ...s }, c) => /* @__PURE__ */ l("button", {
+}), D = n(({ icon: e, label: t, variant: n = "ghost", size: r = "md", loading: i = !1, disabled: a, className: o = "", ...s }, c) => /* @__PURE__ */ u("button", {
 	ref: c,
 	disabled: a || i,
 	"aria-label": t,
 	title: t,
-	className: (0, C.default)("icon-button", `icon-button-${n}`, `icon-button-${r}`, o),
+	className: (0, w.default)("icon-button", `icon-button-${n}`, `icon-button-${r}`, o),
 	...s,
-	children: i ? /* @__PURE__ */ l(T, { size: r }) : e
+	children: i ? /* @__PURE__ */ u(E, { size: r }) : e
 }));
-E.displayName = "IconButton";
+D.displayName = "IconButton";
 //#endregion
 //#region src/components/common/Input/Input.tsx
-var D = t(({ label: e, error: t, hint: n, leftIcon: r, rightIcon: i, className: a = "", id: o, ...s }, c) => {
-	let d = o ?? e?.toLowerCase().replace(/\s+/g, "-");
-	return /* @__PURE__ */ u("div", {
+var O = n(({ label: e, error: t, hint: n, leftIcon: r, rightIcon: i, className: a = "", id: o, ...s }, c) => {
+	let l = o ?? e?.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ d("div", {
 		className: "w-full",
 		children: [
-			e && /* @__PURE__ */ l("label", {
-				htmlFor: d,
+			e && /* @__PURE__ */ u("label", {
+				htmlFor: l,
 				className: "input-label",
 				children: e
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "relative",
 				children: [
-					r && /* @__PURE__ */ l("span", {
+					r && /* @__PURE__ */ u("span", {
 						className: "left-icon",
 						children: r
 					}),
-					/* @__PURE__ */ l("input", {
+					/* @__PURE__ */ u("input", {
 						ref: c,
-						id: d,
-						className: (0, C.default)("input", t && "has-error", !!r && "with-left-icon", !!i && "with-right-icon", "w-full", a),
+						id: l,
+						className: (0, w.default)("input", t && "has-error", !!r && "with-left-icon", !!i && "with-right-icon", "w-full", a),
 						...s
 					}),
-					i && /* @__PURE__ */ l("span", {
+					i && /* @__PURE__ */ u("span", {
 						className: "right-icon",
 						children: i
 					})
 				]
 			}),
-			(t || n) && /* @__PURE__ */ l("p", {
-				className: (0, C.default)("helper-text", t && "has-error"),
+			(t || n) && /* @__PURE__ */ u("p", {
+				className: (0, w.default)("helper-text", t && "has-error"),
 				children: t ?? n
 			})
 		]
 	});
 });
-D.displayName = "Input";
+O.displayName = "Input";
 //#endregion
 //#region src/components/common/Select/Select.tsx
-var O = t(({ label: e, error: t, hint: n, options: r, placeholder: i, className: a = "", id: o, ...s }, c) => {
-	let d = o ?? e?.toLowerCase().replace(/\s+/g, "-");
-	return /* @__PURE__ */ u("div", {
-		className: (0, C.default)("select-wrapper", "w-full"),
+var k = n(({ label: e, error: t, hint: n, options: r, placeholder: i, className: a = "", id: o, ...s }, c) => {
+	let l = o ?? e?.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ d("div", {
+		className: (0, w.default)("select-wrapper", "w-full"),
 		children: [
-			e && /* @__PURE__ */ l("label", {
-				htmlFor: d,
+			e && /* @__PURE__ */ u("label", {
+				htmlFor: l,
 				className: "select-label",
 				children: e
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ u("select", {
+				children: [/* @__PURE__ */ d("select", {
 					ref: c,
-					id: d,
-					className: (0, C.default)("select", "w-full", t && "has-error", a),
+					id: l,
+					className: (0, w.default)("select", "w-full", t && "has-error", a),
 					...s,
-					children: [i && /* @__PURE__ */ l("option", {
+					children: [i && /* @__PURE__ */ u("option", {
 						value: "",
 						disabled: !0,
 						children: i
-					}), r.map((e) => /* @__PURE__ */ l("option", {
+					}), r.map((e) => /* @__PURE__ */ u("option", {
 						value: e.value,
 						disabled: e.disabled,
 						children: e.label
 					}, e.value))]
-				}), /* @__PURE__ */ l("span", {
+				}), /* @__PURE__ */ u("span", {
 					className: "select-chevron-icon",
-					children: /* @__PURE__ */ l("svg", {
+					children: /* @__PURE__ */ u("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						strokeWidth: 2,
 						stroke: "currentColor",
 						className: "w-4 h-4",
-						children: /* @__PURE__ */ l("path", {
+						children: /* @__PURE__ */ u("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
@@ -181,71 +181,71 @@ var O = t(({ label: e, error: t, hint: n, options: r, placeholder: i, className:
 					})
 				})]
 			}),
-			(t || n) && /* @__PURE__ */ l("p", {
-				className: (0, C.default)("select-helper", t && "has-error"),
+			(t || n) && /* @__PURE__ */ u("p", {
+				className: (0, w.default)("select-helper", t && "has-error"),
 				children: t ?? n
 			})
 		]
 	});
 });
-O.displayName = "Select";
+k.displayName = "Select";
 //#endregion
 //#region src/components/common/Typography/Heading.tsx
-var k = ({ as: e, level: t = 1, color: n = "default", className: r = "", children: i, ...a }) => /* @__PURE__ */ l(e ?? `h${t}`, {
-	className: (0, C.default)(`text-color-${n}`, `heading-size-${t}`, r),
+var A = ({ as: e, level: t = 1, color: n = "default", className: r = "", children: i, ...a }) => /* @__PURE__ */ u(e ?? `h${t}`, {
+	className: (0, w.default)(`text-color-${n}`, `heading-size-${t}`, r),
 	...a,
 	children: i
-}), A = ({ variant: e = "body", color: t = "default", as: n = "p", className: r = "", children: i, ...a }) => /* @__PURE__ */ l(n, {
-	className: (0, C.default)(`text-color-${t}`, `text-variant-${e}`, r),
+}), j = ({ variant: e = "body", color: t = "default", as: n = "p", className: r = "", children: i, ...a }) => /* @__PURE__ */ u(n, {
+	className: (0, w.default)(`text-color-${t}`, `text-variant-${e}`, r),
 	...a,
 	children: i
 });
 //#endregion
 //#region src/components/common/Badge/Badge.tsx
-function j({ variant: e = "default", size: t = "md", dot: n = !1, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ u("span", {
-		className: (0, C.default)("badge", `badge-${e}`, `badge-${t}`, r),
+function M({ variant: e = "default", size: t = "md", dot: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ d("span", {
+		className: (0, w.default)("badge", `badge-${e}`, `badge-${t}`, r),
 		...a,
-		children: [n && /* @__PURE__ */ l("span", { className: (0, C.default)("badge-dot", `badge-dot-${e}`) }), i]
+		children: [n && /* @__PURE__ */ u("span", { className: (0, w.default)("badge-dot", `badge-dot-${e}`) }), i]
 	});
 }
 //#endregion
 //#region src/components/common/Card/Card.tsx
-var M = {
+var N = {
 	none: "",
 	sm: "p-4",
 	md: "p-6",
 	lg: "p-8"
 };
-function N({ children: e, padding: t = "md", shadow: n = !0, border: r = !0, className: i = "", ...a }) {
-	return /* @__PURE__ */ l("div", {
+function P({ children: e, padding: t = "md", shadow: n = !0, border: r = !0, className: i = "", ...a }) {
+	return /* @__PURE__ */ u("div", {
 		className: [
 			"bg-white rounded-xl overflow-hidden",
 			r ? "border border-gray-200" : "",
 			n ? "shadow-sm" : "",
-			M[t],
+			N[t],
 			i
 		].filter(Boolean).join(" "),
 		...a,
 		children: e
 	});
 }
-function P({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ l("div", {
+function F({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ u("div", {
 		className: ["px-6 py-4 border-b border-gray-100", t].filter(Boolean).join(" "),
 		...n,
 		children: e
 	});
 }
-function F({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ l("div", {
+function I({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ u("div", {
 		className: ["p-6", t].filter(Boolean).join(" "),
 		...n,
 		children: e
 	});
 }
-function I({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ l("div", {
+function L({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ u("div", {
 		className: ["px-6 py-4 border-t border-gray-100 bg-gray-50", t].filter(Boolean).join(" "),
 		...n,
 		children: e
@@ -253,13 +253,13 @@ function I({ children: e, className: t = "", ...n }) {
 }
 //#endregion
 //#region src/components/common/Spinner/Spinner.tsx
-function L({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
-	return /* @__PURE__ */ u("span", {
+function R({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
+	return /* @__PURE__ */ d("span", {
 		role: "status",
 		"aria-label": n,
-		className: (0, C.default)("spinner-wrapper", r),
+		className: (0, w.default)("spinner-wrapper", r),
 		...i,
-		children: [/* @__PURE__ */ l("span", { className: (0, C.default)("spinner", `spinner-${e}`, `spinner-${t}`) }), /* @__PURE__ */ l("span", {
+		children: [/* @__PURE__ */ u("span", { className: (0, w.default)("spinner", `spinner-${e}`, `spinner-${t}`) }), /* @__PURE__ */ u("span", {
 			className: "sr-only",
 			children: n
 		})]
@@ -267,65 +267,65 @@ function L({ size: e = "md", color: t = "primary", label: n = "Loading…", clas
 }
 //#endregion
 //#region src/components/common/Alert/Alert.tsx
-var R = {
-	info: /* @__PURE__ */ l("path", {
+var z = {
+	info: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		d: "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
 	}),
-	success: /* @__PURE__ */ l("path", {
+	success: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 	}),
-	warning: /* @__PURE__ */ l("path", {
+	warning: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
 	}),
-	danger: /* @__PURE__ */ l("path", {
+	danger: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
 	})
 };
-function z({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
-	return /* @__PURE__ */ u("div", {
+function B({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
+	return /* @__PURE__ */ d("div", {
 		role: "alert",
-		className: (0, C.default)("alert", `alert-${e}`, "w-full", i),
+		className: (0, w.default)("alert", `alert-${e}`, "w-full", i),
 		...a,
 		children: [
-			/* @__PURE__ */ l("svg", {
+			/* @__PURE__ */ u("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				fill: "none",
 				viewBox: "0 0 24 24",
 				strokeWidth: 1.5,
 				stroke: "currentColor",
-				className: (0, C.default)("alert-icon", `alert-icon-${e}`),
-				children: R[e]
+				className: (0, w.default)("alert-icon", `alert-icon-${e}`),
+				children: z[e]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex-1 min-w-0",
-				children: [t && /* @__PURE__ */ l("p", {
+				children: [t && /* @__PURE__ */ u("p", {
 					className: "alert-title",
 					children: t
-				}), /* @__PURE__ */ l("div", {
+				}), /* @__PURE__ */ u("div", {
 					className: "alert-text",
 					children: n
 				})]
 			}),
-			r && /* @__PURE__ */ l("button", {
+			r && /* @__PURE__ */ u("button", {
 				onClick: r,
 				className: "alert-close-btn",
 				"aria-label": "Close",
-				children: /* @__PURE__ */ l("svg", {
+				children: /* @__PURE__ */ u("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					strokeWidth: 1.5,
 					stroke: "currentColor",
 					className: "w-4 h-4",
-					children: /* @__PURE__ */ l("path", {
+					children: /* @__PURE__ */ u("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M6 18L18 6M6 6l12 12"
@@ -337,57 +337,57 @@ function z({ variant: e = "info", title: t, children: n, onClose: r, className:
 }
 //#endregion
 //#region src/components/common/Modal/Modal.tsx
-var B = {
+var V = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-lg",
 	xl: "max-w-xl",
 	full: "max-w-full mx-4"
 };
-function V({ open: e, onClose: t, title: n, children: i, footer: a, size: s = "md", closeOnBackdrop: c = !0 }) {
-	let f = o(null);
-	return r(() => {
+function ee({ open: e, onClose: t, title: n, children: r, footer: a, size: o = "md", closeOnBackdrop: c = !0 }) {
+	let l = s(null);
+	return i(() => {
 		if (!e) return;
 		let t = document.body.style.overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = t;
 		};
-	}, [e]), r(() => {
+	}, [e]), i(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
 		};
 		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-	}, [e, t]), e ? d(/* @__PURE__ */ l("div", {
-		ref: f,
+	}, [e, t]), e ? f(/* @__PURE__ */ u("div", {
+		ref: l,
 		className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm",
 		onClick: (e) => {
-			c && e.target === f.current && t();
+			c && e.target === l.current && t();
 		},
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ d("div", {
 			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]", B[s]].join(" "),
+			className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]", V[o]].join(" "),
 			children: [
-				n && /* @__PURE__ */ u("div", {
+				n && /* @__PURE__ */ d("div", {
 					className: "flex items-center justify-between px-6 py-4 border-b border-gray-100 shrink-0",
-					children: [/* @__PURE__ */ l("h2", {
+					children: [/* @__PURE__ */ u("h2", {
 						id: "modal-title",
 						className: "text-lg font-semibold text-gray-900",
 						children: n
-					}), /* @__PURE__ */ l("button", {
+					}), /* @__PURE__ */ u("button", {
 						onClick: t,
 						className: "text-gray-400 hover:text-gray-600 transition-colors",
 						"aria-label": "Close modal",
-						children: /* @__PURE__ */ l("svg", {
+						children: /* @__PURE__ */ u("svg", {
 							xmlns: "http://www.w3.org/2000/svg",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							strokeWidth: 1.5,
 							stroke: "currentColor",
 							className: "w-5 h-5",
-							children: /* @__PURE__ */ l("path", {
+							children: /* @__PURE__ */ u("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								d: "M6 18L18 6M6 6l12 12"
@@ -395,11 +395,11 @@ function V({ open: e, onClose: t, title: n, children: i, footer: a, size: s = "m
 						})
 					})]
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					className: "flex-1 overflow-y-auto px-6 py-4",
-					children: i
+					children: r
 				}),
-				a && /* @__PURE__ */ l("div", {
+				a && /* @__PURE__ */ u("div", {
 					className: "px-6 py-4 border-t border-gray-100 shrink-0 bg-gray-50 rounded-b-xl",
 					children: a
 				})
@@ -409,32 +409,32 @@ function V({ open: e, onClose: t, title: n, children: i, footer: a, size: s = "m
 }
 //#endregion
 //#region src/components/common/Checkbox/Checkbox.tsx
-var H = t(({ label: e, description: t, error: n, indeterminate: r, className: i = "", id: a, ...o }, s) => {
+var H = n(({ 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),
-		children: [/* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ d("div", {
+		className: (0, w.default)("checkbox-wrapper", i),
+		children: [/* @__PURE__ */ u("div", {
 			className: "checkbox-wrapper-inner",
-			children: /* @__PURE__ */ l("input", {
+			children: /* @__PURE__ */ u("input", {
 				ref: (e) => {
 					e && (e.indeterminate = r ?? !1), typeof s == "function" ? s(e) : s && (s.current = e);
 				},
 				id: c,
 				type: "checkbox",
-				className: (0, C.default)("checkbox", n && "has-error"),
+				className: (0, w.default)("checkbox", n && "has-error"),
 				...o
 			})
-		}), (e || t) && /* @__PURE__ */ u("div", { children: [
-			e && /* @__PURE__ */ l("label", {
+		}), (e || t) && /* @__PURE__ */ d("div", { children: [
+			e && /* @__PURE__ */ u("label", {
 				htmlFor: c,
 				className: "checkbox-label",
 				children: e
 			}),
-			t && /* @__PURE__ */ l("p", {
+			t && /* @__PURE__ */ u("p", {
 				className: "checkbox-description",
 				children: t
 			}),
-			n && /* @__PURE__ */ l("p", {
+			n && /* @__PURE__ */ u("p", {
 				className: "checkbox-error",
 				children: n
 			})
@@ -444,15 +444,15 @@ var H = t(({ label: e, description: t, error: n, indeterminate: r, className: i
 H.displayName = "Checkbox";
 //#endregion
 //#region src/components/common/Toggle/Toggle.tsx
-var U = t(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, o) => {
+var U = n(({ 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", {
+	return /* @__PURE__ */ d("label", {
 		htmlFor: s,
-		className: (0, C.default)("toggle", a.disabled && "toggle-disabled", r),
-		children: [/* @__PURE__ */ u("div", {
-			className: (0, C.default)("toggle-wrapper", `toggle-wrapper-${n}`),
+		className: (0, w.default)("toggle", a.disabled && "toggle-disabled", r),
+		children: [/* @__PURE__ */ d("div", {
+			className: (0, w.default)("toggle-wrapper", `toggle-wrapper-${n}`),
 			children: [
-				/* @__PURE__ */ l("input", {
+				/* @__PURE__ */ u("input", {
 					ref: o,
 					id: s,
 					type: "checkbox",
@@ -460,13 +460,13 @@ var U = t(({ label: e, description: t, size: n = "md", className: r = "", id: i,
 					className: "sr-only peer",
 					...a
 				}),
-				/* @__PURE__ */ l("div", { className: "toggle-track" }),
-				/* @__PURE__ */ l("div", { className: (0, C.default)("toggle-thumb", `toggle-thumb-${n}`) })
+				/* @__PURE__ */ u("div", { className: "toggle-track" }),
+				/* @__PURE__ */ u("div", { className: (0, w.default)("toggle-thumb", `toggle-thumb-${n}`) })
 			]
-		}), (e || t) && /* @__PURE__ */ u("div", { children: [e && /* @__PURE__ */ l("span", {
+		}), (e || t) && /* @__PURE__ */ d("div", { children: [e && /* @__PURE__ */ u("span", {
 			className: "toggle-label",
 			children: e
-		}), t && /* @__PURE__ */ l("span", {
+		}), t && /* @__PURE__ */ u("span", {
 			className: "toggle-description",
 			children: t
 		})] })]
@@ -486,7 +486,7 @@ var W = [
 	"bg-violet-500",
 	"bg-pink-500"
 ];
-function ee({ 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}`,
@@ -496,28 +496,28 @@ function ee({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
 		for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
 		return W[t % W.length];
 	}, c = (e) => e.split(" ").slice(0, 2).map((e) => e[0]).join("").toUpperCase();
-	return e ? /* @__PURE__ */ l("span", {
-		className: (0, C.default)(o),
+	return e ? /* @__PURE__ */ u("span", {
+		className: (0, w.default)(o),
 		...a,
-		children: /* @__PURE__ */ l("img", {
+		children: /* @__PURE__ */ u("img", {
 			src: e,
 			alt: t ?? n ?? "",
 			className: "w-full h-full object-cover"
 		})
-	}) : n ? /* @__PURE__ */ l("span", {
-		className: (0, C.default)(o, s(n)),
+	}) : n ? /* @__PURE__ */ u("span", {
+		className: (0, w.default)(o, s(n)),
 		"aria-label": n,
 		...a,
 		children: c(n)
-	}) : /* @__PURE__ */ l("span", {
-		className: (0, C.default)(o, "avatar-fallback"),
+	}) : /* @__PURE__ */ u("span", {
+		className: (0, w.default)(o, "avatar-fallback"),
 		...a,
-		children: /* @__PURE__ */ l("svg", {
+		children: /* @__PURE__ */ u("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "currentColor",
 			viewBox: "0 0 24 24",
 			className: "w-3/5 h-3/5",
-			children: /* @__PURE__ */ l("path", {
+			children: /* @__PURE__ */ u("path", {
 				fillRule: "evenodd",
 				d: "M7.5 6a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM3.751 20.105a8.25 8.25 0 0116.498 0 .75.75 0 01-.437.695A18.683 18.683 0 0112 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 01-.437-.695z",
 				clipRule: "evenodd"
@@ -527,8 +527,8 @@ function ee({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
 }
 //#endregion
 //#region src/components/common/Stack/Stack.tsx
-var te = ({ 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}`, {
+var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems: r = "start", justifyContent: i = "normal", className: a, children: o }) => /* @__PURE__ */ u("div", {
+	className: (0, w.default)("stack", `stack-${e}`, t && `gap-${t}`, {
 		start: "items-start",
 		end: "items-end",
 		center: "items-center",
@@ -550,14 +550,14 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 		stretch: "justify-stretch"
 	}[i], a),
 	children: o
-}), ne = {
+}), 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"
-}, re = {
+}, ie = {
 	0: "gap-0",
 	1: "gap-1",
 	2: "gap-2",
@@ -569,7 +569,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "gap-10",
 	12: "gap-12",
 	16: "gap-16"
-}, ie = {
+}, ae = {
 	0: "gap-y-0",
 	1: "gap-y-1",
 	2: "gap-y-2",
@@ -581,7 +581,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "gap-y-10",
 	12: "gap-y-12",
 	16: "gap-y-16"
-}, ae = {
+}, oe = {
 	0: "gap-x-0",
 	1: "gap-x-1",
 	2: "gap-x-2",
@@ -593,7 +593,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "gap-x-10",
 	12: "gap-x-12",
 	16: "gap-x-16"
-}, oe = {
+}, se = {
 	1: "col-span-1",
 	2: "col-span-2",
 	3: "col-span-3",
@@ -606,7 +606,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "col-span-10",
 	11: "col-span-11",
 	12: "col-span-12"
-}, se = {
+}, ce = {
 	1: "sm:col-span-1",
 	2: "sm:col-span-2",
 	3: "sm:col-span-3",
@@ -619,7 +619,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "sm:col-span-10",
 	11: "sm:col-span-11",
 	12: "sm:col-span-12"
-}, ce = {
+}, le = {
 	1: "md:col-span-1",
 	2: "md:col-span-2",
 	3: "md:col-span-3",
@@ -632,7 +632,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "md:col-span-10",
 	11: "md:col-span-11",
 	12: "md:col-span-12"
-}, le = {
+}, ue = {
 	1: "lg:col-span-1",
 	2: "lg:col-span-2",
 	3: "lg:col-span-3",
@@ -645,7 +645,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "lg:col-span-10",
 	11: "lg:col-span-11",
 	12: "lg:col-span-12"
-}, ue = {
+}, de = {
 	1: "xl:col-span-1",
 	2: "xl:col-span-2",
 	3: "xl:col-span-3",
@@ -658,7 +658,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	10: "xl:col-span-10",
 	11: "xl:col-span-11",
 	12: "xl:col-span-12"
-}, de = {
+}, fe = {
 	1: "col-start-2",
 	2: "col-start-3",
 	3: "col-start-4",
@@ -670,7 +670,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "col-start-10",
 	10: "col-start-11",
 	11: "col-start-12"
-}, fe = {
+}, pe = {
 	1: "sm:col-start-2",
 	2: "sm:col-start-3",
 	3: "sm:col-start-4",
@@ -682,7 +682,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "sm:col-start-10",
 	10: "sm:col-start-11",
 	11: "sm:col-start-12"
-}, pe = {
+}, me = {
 	1: "md:col-start-2",
 	2: "md:col-start-3",
 	3: "md:col-start-4",
@@ -694,7 +694,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "md:col-start-10",
 	10: "md:col-start-11",
 	11: "md:col-start-12"
-}, me = {
+}, he = {
 	1: "lg:col-start-2",
 	2: "lg:col-start-3",
 	3: "lg:col-start-4",
@@ -706,7 +706,7 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "lg:col-start-10",
 	10: "lg:col-start-11",
 	11: "lg:col-start-12"
-}, he = {
+}, ge = {
 	1: "xl:col-start-2",
 	2: "xl:col-start-3",
 	3: "xl:col-start-4",
@@ -718,25 +718,25 @@ var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 	9: "xl:col-start-10",
 	10: "xl:col-start-11",
 	11: "xl:col-start-12"
-}, G = ({ 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", ne[t], n !== void 0 && re[n], r !== void 0 && ie[r], i !== void 0 && ae[i], o),
+}, G = ({ children: e, cols: t = 12, gap: n, rowGap: r, colGap: i, as: a = "div", className: o }) => /* @__PURE__ */ u(a, {
+	className: (0, w.default)("grid", "w-full", re[t], n !== void 0 && ie[n], r !== void 0 && ae[r], i !== void 0 && oe[i], o),
 	children: e
 });
 G.displayName = "Grid";
-var K = ({ 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 && oe[t], n && se[n], r && ce[r], i && le[i], a && ue[a], o && de[o], s && fe[s], c && pe[c], u && me[u], d && he[d], f),
+var K = ({ children: e, span: t, sm: n, md: r, lg: i, xl: a, offset: o, smOffset: s, mdOffset: c, lgOffset: l, xlOffset: d, className: f, ...p }) => /* @__PURE__ */ u("div", {
+	className: (0, w.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], l && he[l], d && ge[d], f),
 	...p,
 	children: e
 });
 K.displayName = "Col";
 //#endregion
 //#region src/components/common/QuantityInput/QuantityInput.tsx
-var q = ({ 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(() => {
+var q = ({ value: e, onChange: t, min: n = 1, max: r = 999, step: o = 1, disabled: l = !1, label: f, error: p, hint: m, id: h, className: g }) => {
+	let _ = a(), v = h ?? _, y = s(null), [b, x] = c(String(e));
+	i(() => {
 		document.activeElement !== y.current && x(String(e));
 	}, [e]);
-	let S = (e) => Math.min(a, Math.max(n, e)), w = (n) => {
+	let S = (e) => Math.min(r, Math.max(n, e)), C = (n) => {
 		let r = parseInt(n, 10), i = isNaN(r) ? e : S(r);
 		x(String(i)), i !== e && t(i);
 	}, T = (e) => {
@@ -744,9 +744,9 @@ var q = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disable
 		x(n);
 		let r = parseInt(n, 10);
 		isNaN(r) || t(S(r));
-	}, E = () => w(b), D = (e) => {
+	}, E = () => C(b), D = (e) => {
 		if (e.key === "Enter") {
-			w(b), y.current?.blur();
+			C(b), y.current?.blur();
 			return;
 		}
 		![
@@ -759,28 +759,28 @@ var q = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disable
 			"Home",
 			"End"
 		].includes(e.key) && !/^[0-9]$/.test(e.key) && !e.metaKey && !e.ctrlKey && e.preventDefault();
-	}, O = () => t(S(e - c)), k = () => t(S(e + c)), A = e - c >= n, j = e + c <= a;
-	return /* @__PURE__ */ u("div", {
-		className: (0, C.default)("quantity-input-wrapper", g),
+	}, O = () => t(S(e - o)), k = () => t(S(e + o)), A = e - o >= n, j = e + o <= r;
+	return /* @__PURE__ */ d("div", {
+		className: (0, w.default)("quantity-input-wrapper", g),
 		children: [
-			f && /* @__PURE__ */ l("label", {
+			f && /* @__PURE__ */ u("label", {
 				htmlFor: v,
 				className: "input-label",
 				children: f
 			}),
-			/* @__PURE__ */ u("div", {
-				className: (0, C.default)("quantity-input", p && "has-error", d && "is-disabled"),
+			/* @__PURE__ */ d("div", {
+				className: (0, w.default)("quantity-input", p && "has-error", l && "is-disabled"),
 				children: [
-					/* @__PURE__ */ l("button", {
+					/* @__PURE__ */ u("button", {
 						type: "button",
 						className: "quantity-btn",
 						onClick: O,
-						disabled: d || !A,
+						disabled: l || !A,
 						"aria-label": "Snížit množství",
 						tabIndex: -1,
-						children: /* @__PURE__ */ l(ge, {})
+						children: /* @__PURE__ */ u(_e, {})
 					}),
-					/* @__PURE__ */ l("input", {
+					/* @__PURE__ */ u("input", {
 						ref: y,
 						id: v,
 						type: "text",
@@ -790,56 +790,56 @@ var q = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disable
 						onChange: T,
 						onBlur: E,
 						onKeyDown: D,
-						disabled: d,
+						disabled: l,
 						"aria-label": f ?? "Množství",
 						"aria-valuemin": n,
-						"aria-valuemax": a,
+						"aria-valuemax": r,
 						"aria-valuenow": e
 					}),
-					/* @__PURE__ */ l("button", {
+					/* @__PURE__ */ u("button", {
 						type: "button",
 						className: "quantity-btn",
 						onClick: k,
-						disabled: d || !j,
+						disabled: l || !j,
 						"aria-label": "Zvýšit množství",
 						tabIndex: -1,
-						children: /* @__PURE__ */ l(_e, {})
+						children: /* @__PURE__ */ u(ve, {})
 					})
 				]
 			}),
-			(p || m) && /* @__PURE__ */ l("p", {
-				className: (0, C.default)("helper-text", p && "has-error"),
+			(p || m) && /* @__PURE__ */ u("p", {
+				className: (0, w.default)("helper-text", p && "has-error"),
 				children: p ?? m
 			})
 		]
 	});
 };
 q.displayName = "QuantityInput";
-var ge = () => /* @__PURE__ */ l("svg", {
+var _e = () => /* @__PURE__ */ u("svg", {
 	width: "12",
 	height: "2",
 	viewBox: "0 0 12 2",
 	fill: "none",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ l("path", {
+	children: /* @__PURE__ */ u("path", {
 		d: "M1 1H11",
 		stroke: "currentColor",
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})
-}), _e = () => /* @__PURE__ */ l("svg", {
+}), ve = () => /* @__PURE__ */ u("svg", {
 	width: "12",
 	height: "12",
 	viewBox: "0 0 12 12",
 	fill: "none",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ l("path", {
+	children: /* @__PURE__ */ u("path", {
 		d: "M6 1V11M1 6H11",
 		stroke: "currentColor",
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})
-}), J = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), ve = (e, t, n) => {
+}), J = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), ye = (e, t, n) => {
 	if (t <= n * 2 + 5) return J(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 ? [
@@ -857,57 +857,57 @@ var ge = () => /* @__PURE__ */ l("svg", {
 		"…",
 		t
 	];
-}, Y = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ l("button", {
+}, Y = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ u("button", {
 	disabled: t,
-	className: (0, C.default)("pagination-button", `pagination-button-${e ? "active" : "inactive"}`),
+	className: (0, w.default)("pagination-button", `pagination-button-${e ? "active" : "inactive"}`),
 	...r,
 	children: n
 }), X = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
-	let i = ve(e, t, r);
-	return /* @__PURE__ */ u("nav", {
+	let i = ye(e, t, r);
+	return /* @__PURE__ */ d("nav", {
 		"aria-label": "Pagination",
 		className: "pagination",
 		children: [
-			/* @__PURE__ */ l(Y, {
+			/* @__PURE__ */ u(Y, {
 				disabled: e <= 1,
 				onClick: () => n(e - 1),
 				"aria-label": "Previous page",
-				children: /* @__PURE__ */ l("svg", {
+				children: /* @__PURE__ */ u("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					strokeWidth: 2,
 					stroke: "currentColor",
 					className: "w-4 h-4",
-					children: /* @__PURE__ */ l("path", {
+					children: /* @__PURE__ */ u("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M15.75 19.5L8.25 12l7.5-7.5"
 					})
 				})
 			}),
-			i.map((t, r) => t === "…" ? /* @__PURE__ */ l("span", {
+			i.map((t, r) => t === "…" ? /* @__PURE__ */ u("span", {
 				className: "pagination-dots",
 				children: "…"
-			}, `dots-${r}`) : /* @__PURE__ */ l(Y, {
+			}, `dots-${r}`) : /* @__PURE__ */ u(Y, {
 				active: t === e,
 				onClick: () => n(t),
 				"aria-label": `Page ${t}`,
 				"aria-current": t === e ? "page" : void 0,
 				children: t
 			}, t)),
-			/* @__PURE__ */ l(Y, {
+			/* @__PURE__ */ u(Y, {
 				disabled: e >= t,
 				onClick: () => n(e + 1),
 				"aria-label": "Next page",
-				children: /* @__PURE__ */ l("svg", {
+				children: /* @__PURE__ */ u("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					strokeWidth: 2,
 					stroke: "currentColor",
 					className: "w-4 h-4",
-					children: /* @__PURE__ */ l("path", {
+					children: /* @__PURE__ */ u("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M8.25 4.5l7.5 7.5-7.5 7.5"
@@ -916,14 +916,36 @@ var ge = () => /* @__PURE__ */ l("svg", {
 			})
 		]
 	});
-};
+}, Z = ({ direction: e, disabled: t, onClick: n }) => /* @__PURE__ */ u("button", {
+	onClick: n,
+	disabled: t,
+	className: (0, w.default)("carousel-btn", e === "prev" ? "carousel-btn-prev" : "carousel-btn-next"),
+	"aria-label": e === "prev" ? "Previous slide" : "Next slide",
+	children: /* @__PURE__ */ u("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		fill: "none",
+		viewBox: "0 0 24 24",
+		strokeWidth: 2,
+		stroke: "currentColor",
+		className: "w-5 h-5",
+		children: e === "prev" ? /* @__PURE__ */ u("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M15.75 19.5L8.25 12l7.5-7.5"
+		}) : /* @__PURE__ */ u("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+		})
+	})
+});
 //#endregion
 //#region src/components/common/Carousel/Carousel.tsx
-function ye({ src: e, alt: t, children: n, className: r, style: i }) {
-	return /* @__PURE__ */ l("div", {
+function be({ src: e, alt: t, children: n, className: r, style: i }) {
+	return /* @__PURE__ */ u("div", {
 		role: t ? "img" : void 0,
 		"aria-label": t,
-		className: (0, C.default)("carousel-cover", r),
+		className: (0, w.default)("carousel-cover", r),
 		style: {
 			backgroundImage: `url(${e})`,
 			...i
@@ -931,28 +953,28 @@ function ye({ src: e, alt: t, children: n, className: r, style: i }) {
 		children: n
 	});
 }
-function be({ children: t, slidesPerView: i = 1, gap: d = 16, height: f, arrows: p = !0, dots: m = !0, autoPlay: h = !1, autoPlayInterval: g = 4e3, loop: _ = !1, className: v, ...y }) {
-	let b = e.toArray(t), x = b.length, S = _ ? x - 1 : Math.max(0, x - i), w = x > i, [T, E] = s(0), [D, O] = s(!1), k = o(null), A = o(null), j = o(null), M = o(null), N = n((e, t = !0) => {
+function xe({ children: n, slidesPerView: a = 1, gap: l = 16, height: f, arrows: p = !0, dots: m = !0, autoPlay: h = !1, autoPlayInterval: g = 4e3, loop: _ = !1, className: v, ...y }) {
+	let b = e.toArray(n), x = b.length, S = _ ? x - 1 : Math.max(0, x - a), C = x > a, [T, E] = c(0), [D, O] = c(!1), k = s(null), A = s(null), j = s(null), M = s(null), N = r((e, t = !0) => {
 		let n = k.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 = ""));
-	}, []), P = n((e) => {
+	}, []), P = r((e) => {
 		E(_ ? (e % x + x) % x : Math.max(0, Math.min(e, S)));
 	}, [
 		x,
 		_,
 		S
-	]), F = n(() => P(T - 1), [T, P]), I = n(() => P(T + 1), [T, P]);
-	a(() => {
+	]), F = r(() => P(T - 1), [T, P]), I = r(() => P(T + 1), [T, P]);
+	o(() => {
 		N(T);
-	}, [T, N]), r(() => {
+	}, [T, N]), i(() => {
 		let e = A.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => N(T, !1));
 		return t.observe(e), () => t.disconnect();
-	}, [T, N]), r(() => {
-		if (!(!h || D || !w)) return j.current = setInterval(I, g), () => {
+	}, [T, N]), i(() => {
+		if (!(!h || D || !C)) return j.current = setInterval(I, g), () => {
 			j.current && clearInterval(j.current);
 		};
 	}, [
@@ -960,7 +982,7 @@ function be({ children: t, slidesPerView: i = 1, gap: d = 16, height: f, arrows:
 		D,
 		g,
 		I,
-		w
+		C
 	]);
 	let L = (e) => {
 		M.current = e.touches[0].clientX;
@@ -970,77 +992,49 @@ function be({ children: t, slidesPerView: i = 1, gap: d = 16, height: f, arrows:
 		Math.abs(t) > 50 && (t < 0 ? I() : F()), M.current = null;
 	};
 	if (x === 0) return null;
-	let z = _ || T > 0, B = _ || T < S, V = `calc((100% - ${d}px * ${i - 1}) / ${i})`;
-	return /* @__PURE__ */ u("div", {
-		className: (0, C.default)("carousel", v),
+	let z = _ || T > 0, B = _ || T < S, V = `calc((100% - ${l}px * ${a - 1}) / ${a})`;
+	return /* @__PURE__ */ d("div", {
+		className: (0, w.default)("carousel-wrapper", v),
 		onMouseEnter: () => O(!0),
 		onMouseLeave: () => O(!1),
 		onTouchStart: L,
 		onTouchEnd: R,
 		...y,
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				ref: A,
 				className: "carousel-viewport",
 				style: f ? { height: f } : void 0,
-				children: /* @__PURE__ */ l("div", {
+				children: /* @__PURE__ */ u("div", {
 					ref: k,
 					className: "carousel-track",
-					style: { gap: `${d}px` },
-					children: b.map((e, t) => /* @__PURE__ */ l("div", {
+					style: { gap: `${l}px` },
+					children: b.map((e, t) => /* @__PURE__ */ u("div", {
 						className: "carousel-slide",
 						style: {
 							minWidth: V,
 							maxWidth: V,
 							...f && { height: f }
 						},
-						"aria-hidden": t < T || t >= T + i,
+						"aria-hidden": t < T || t >= T + a,
 						children: e
 					}, t))
 				})
 			}),
-			p && w && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
-				onClick: F,
+			p && C && /* @__PURE__ */ d(t, { children: [/* @__PURE__ */ u(Z, {
+				direction: "prev",
 				disabled: !z,
-				className: "carousel-btn carousel-btn-prev",
-				"aria-label": "Previous slide",
-				children: /* @__PURE__ */ l("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					fill: "none",
-					viewBox: "0 0 24 24",
-					strokeWidth: 2,
-					stroke: "currentColor",
-					className: "w-5 h-5",
-					children: /* @__PURE__ */ l("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						d: "M15.75 19.5L8.25 12l7.5-7.5"
-					})
-				})
-			}), /* @__PURE__ */ l("button", {
-				onClick: I,
+				onClick: F
+			}), /* @__PURE__ */ u(Z, {
+				direction: "next",
 				disabled: !B,
-				className: "carousel-btn carousel-btn-next",
-				"aria-label": "Next slide",
-				children: /* @__PURE__ */ l("svg", {
-					xmlns: "http://www.w3.org/2000/svg",
-					fill: "none",
-					viewBox: "0 0 24 24",
-					strokeWidth: 2,
-					stroke: "currentColor",
-					className: "w-5 h-5",
-					children: /* @__PURE__ */ l("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						d: "M8.25 4.5l7.5 7.5-7.5 7.5"
-					})
-				})
+				onClick: I
 			})] }),
-			m && w && /* @__PURE__ */ l("div", {
+			m && C && /* @__PURE__ */ u("div", {
 				className: "carousel-dots",
-				children: Array.from({ length: S + 1 }).map((e, t) => /* @__PURE__ */ l("button", {
+				children: Array.from({ length: S + 1 }).map((e, t) => /* @__PURE__ */ u("button", {
 					onClick: () => P(t),
-					className: (0, C.default)("carousel-dot", t === T && "carousel-dot-active"),
+					className: (0, w.default)("carousel-dot", t === T && "carousel-dot-active"),
 					"aria-label": `Go to slide ${t + 1}`,
 					"aria-current": t === T ? "true" : void 0
 				}, t))
@@ -1050,30 +1044,30 @@ function be({ children: t, slidesPerView: i = 1, gap: d = 16, height: f, arrows:
 }
 //#endregion
 //#region src/components/Header/Header.tsx
-function Z({ 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,
+function Q({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: i }) {
+	let [a, o] = c(!1), l = s(null), f = () => o(!1);
+	return /* @__PURE__ */ d("div", {
+		ref: l,
 		className: "relative",
 		onBlur: (e) => {
-			d.current?.contains(e.relatedTarget) || f();
+			l.current?.contains(e.relatedTarget) || f();
 		},
 		onKeyDown: (e) => {
 			e.key === "Escape" && f();
 		},
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ u("div", {
 			role: "button",
 			tabIndex: 0,
-			onClick: () => c((e) => !e),
-			onKeyDown: (e) => e.key === "Enter" && c((e) => !e),
+			onClick: () => o((e) => !e),
+			onKeyDown: (e) => e.key === "Enter" && o((e) => !e),
 			className: "cursor-pointer",
 			children: e
-		}), a && /* @__PURE__ */ l("ul", {
+		}), a && /* @__PURE__ */ u("ul", {
 			role: "menu",
 			className: "absolute right-0 top-full mt-1 z-50 min-w-28 bg-white rounded-lg shadow-lg border border-gray-100 py-1 text-sm",
-			children: t.map((e) => /* @__PURE__ */ l("li", {
+			children: t.map((e) => /* @__PURE__ */ u("li", {
 				role: "none",
-				children: /* @__PURE__ */ l("button", {
+				children: /* @__PURE__ */ u("button", {
 					role: "menuitem",
 					className: "w-full px-3 py-1.5 text-left hover:bg-gray-50 text-gray-700 whitespace-nowrap",
 					onClick: () => {
@@ -1085,59 +1079,59 @@ function Z({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: i }) {
 		})]
 	});
 }
-function xe() {
-	return /* @__PURE__ */ l("svg", {
+function Se() {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 1.5,
 		stroke: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ l("path", {
+		children: /* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 15.803a7.5 7.5 0 0010.607 10.607z"
 		})
 	});
 }
-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", {
+function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n, cartItemCount: r = 0, onCartClick: i, isLoggedIn: a = !1, customerName: o, onCustomerClick: s, currencies: f = [], selectedCurrency: p, onCurrencyChange: m, locales: h = [], selectedLocale: g, onLocaleChange: _, rightSlot: v }) {
+	let [y, b] = c(""), x = f.find((e) => e.code === p), S = h.find((e) => e.code === g);
+	return /* @__PURE__ */ u("header", {
 		className: "bg-white border-b border-gray-200 sticky top-0 z-40",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "max-w-7xl mx-auto px-4 h-16 flex items-center gap-4",
 			children: [
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					className: "shrink-0",
-					children: e ?? /* @__PURE__ */ l("span", {
+					children: e ?? /* @__PURE__ */ u("span", {
 						className: "text-xl font-bold text-primary-600 tracking-tight",
 						children: "shopito"
 					})
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ u("div", {
 					className: "flex-1 max-w-xl",
-					children: /* @__PURE__ */ l(D, {
+					children: /* @__PURE__ */ u(O, {
 						placeholder: t,
 						value: y,
 						onChange: (e) => b(e.target.value),
 						onKeyDown: (e) => {
 							e.key === "Enter" && n?.(y);
 						},
-						leftIcon: /* @__PURE__ */ l(xe, {}),
-						rightIcon: y ? /* @__PURE__ */ l("button", {
+						leftIcon: /* @__PURE__ */ u(Se, {}),
+						rightIcon: y ? /* @__PURE__ */ u("button", {
 							onClick: () => {
 								b(""), n?.("");
 							},
 							className: "hover:text-gray-600 transition-colors",
 							"aria-label": "Clear search",
-							children: /* @__PURE__ */ l("svg", {
+							children: /* @__PURE__ */ u("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
 								fill: "none",
 								viewBox: "0 0 24 24",
 								strokeWidth: 2,
 								stroke: "currentColor",
 								className: "w-3.5 h-3.5",
-								children: /* @__PURE__ */ l("path", {
+								children: /* @__PURE__ */ u("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									d: "M6 18L18 6M6 6l12 12"
@@ -1146,85 +1140,85 @@ function Se({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 						}) : void 0
 					})
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "flex items-center gap-1 shrink-0 ml-auto",
 					children: [
-						f.length > 0 && /* @__PURE__ */ l(Z, {
-							trigger: /* @__PURE__ */ u("button", {
+						f.length > 0 && /* @__PURE__ */ u(Q, {
+							trigger: /* @__PURE__ */ d("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: [
-									/* @__PURE__ */ l("span", { children: x?.symbol ?? p }),
-									/* @__PURE__ */ l("span", {
+									/* @__PURE__ */ u("span", { children: x?.symbol ?? p }),
+									/* @__PURE__ */ u("span", {
 										className: "text-xs text-gray-400",
 										children: x?.code ?? p
 									}),
-									/* @__PURE__ */ l(Q, { className: "w-3 h-3 text-gray-400" })
+									/* @__PURE__ */ u($, { className: "w-3 h-3 text-gray-400" })
 								]
 							}),
 							items: f,
 							getKey: (e) => e.code,
 							onSelect: (e) => m?.(e.code),
-							renderItem: (e) => /* @__PURE__ */ u("span", {
+							renderItem: (e) => /* @__PURE__ */ d("span", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ u("span", {
 									className: "w-6 text-center font-medium text-gray-500",
 									children: e.symbol
-								}), /* @__PURE__ */ l("span", { children: e.label })]
+								}), /* @__PURE__ */ u("span", { children: e.label })]
 							})
 						}),
-						h.length > 0 && /* @__PURE__ */ l(Z, {
-							trigger: /* @__PURE__ */ u("button", {
+						h.length > 0 && /* @__PURE__ */ u(Q, {
+							trigger: /* @__PURE__ */ d("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: [
-									S?.flag && /* @__PURE__ */ l("span", {
+									S?.flag && /* @__PURE__ */ u("span", {
 										className: "text-base leading-none",
 										children: S.flag
 									}),
-									/* @__PURE__ */ l("span", {
+									/* @__PURE__ */ u("span", {
 										className: "font-medium uppercase",
 										children: S?.code ?? g
 									}),
-									/* @__PURE__ */ l(Q, { className: "w-3 h-3 text-gray-400" })
+									/* @__PURE__ */ u($, { className: "w-3 h-3 text-gray-400" })
 								]
 							}),
 							items: h,
 							getKey: (e) => e.code,
 							onSelect: (e) => _?.(e.code),
-							renderItem: (e) => /* @__PURE__ */ u("span", {
+							renderItem: (e) => /* @__PURE__ */ d("span", {
 								className: "flex items-center gap-2",
-								children: [e.flag && /* @__PURE__ */ l("span", {
+								children: [e.flag && /* @__PURE__ */ u("span", {
 									className: "text-base",
 									children: e.flag
-								}), /* @__PURE__ */ l("span", { children: e.label })]
+								}), /* @__PURE__ */ u("span", { children: e.label })]
 							})
 						}),
-						(f.length > 0 || h.length > 0) && /* @__PURE__ */ l("div", { className: "w-px h-5 bg-gray-200 mx-1" }),
-						/* @__PURE__ */ l("button", {
-							onClick: d,
+						(f.length > 0 || h.length > 0) && /* @__PURE__ */ u("div", { className: "w-px h-5 bg-gray-200 mx-1" }),
+						/* @__PURE__ */ u("button", {
+							onClick: s,
 							className: "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": a ? "My account" : "Sign in",
-							children: a ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("div", {
+							children: a ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
 								className: "w-6 h-6 rounded-full bg-primary-600 text-white flex items-center justify-center text-xs font-bold",
 								children: (o ?? "U")[0].toUpperCase()
-							}), o && /* @__PURE__ */ l("span", {
+							}), o && /* @__PURE__ */ u("span", {
 								className: "hidden sm:block font-medium max-w-32 truncate",
 								children: o
-							})] }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(Ce, { className: "w-5 h-5" }), /* @__PURE__ */ l("span", {
+							})] }) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(we, { className: "w-5 h-5" }), /* @__PURE__ */ u("span", {
 								className: "hidden sm:block font-medium",
 								children: "Přihlásit se"
 							})] })
 						}),
-						/* @__PURE__ */ u("button", {
+						/* @__PURE__ */ d("button", {
 							onClick: i,
 							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(we, { className: "w-5 h-5" }),
-								/* @__PURE__ */ l("span", {
+								/* @__PURE__ */ u(Te, { className: "w-5 h-5" }),
+								/* @__PURE__ */ u("span", {
 									className: "hidden sm:block font-medium",
 									children: "Košík"
 								}),
-								r > 0 && /* @__PURE__ */ l("span", {
+								r > 0 && /* @__PURE__ */ u("span", {
 									className: "absolute -top-0.5 -right-0.5 min-w-4.5 h-4.5 flex items-center justify-center rounded-full bg-primary-600 text-white text-[10px] font-bold leading-none px-1",
 									children: r > 99 ? "99+" : r
 								})
@@ -1237,45 +1231,45 @@ function Se({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 		})
 	});
 }
-function Q({ className: e }) {
-	return /* @__PURE__ */ l("svg", {
+function $({ className: e }) {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 2,
 		stroke: "currentColor",
 		className: e,
-		children: /* @__PURE__ */ l("path", {
+		children: /* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
 		})
 	});
 }
-function Ce({ className: e }) {
-	return /* @__PURE__ */ l("svg", {
+function we({ className: e }) {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 1.5,
 		stroke: "currentColor",
 		className: e,
-		children: /* @__PURE__ */ l("path", {
+		children: /* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z"
 		})
 	});
 }
-function we({ className: e }) {
-	return /* @__PURE__ */ l("svg", {
+function Te({ className: e }) {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 1.5,
 		stroke: "currentColor",
 		className: e,
-		children: /* @__PURE__ */ l("path", {
+		children: /* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 00-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 00-16.536-1.84M7.5 14.25L5.106 5.272M6 20.25a.75.75 0 11-1.5 0 .75.75 0 011.5 0zm12.75 0a.75.75 0 11-1.5 0 .75.75 0 011.5 0z"
@@ -1284,9 +1278,9 @@ function we({ className: e }) {
 }
 //#endregion
 //#region src/components/CategoryTree/CategoryTree.tsx
-function $({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, defaultExpandAll: a }) {
-	let o = e.children && e.children.length > 0, [c, d] = s(a || Te(e, t)), f = e.id === t;
-	return /* @__PURE__ */ u("li", { children: [/* @__PURE__ */ u("div", {
+function Ee({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, defaultExpandAll: a }) {
+	let o = e.children && e.children.length > 0, [s, l] = c(a || De(e, t)), f = e.id === t;
+	return /* @__PURE__ */ d("li", { children: [/* @__PURE__ */ d("div", {
 		className: [
 			"group flex items-center gap-1.5 rounded-lg px-2 py-1.5 cursor-pointer select-none",
 			"transition-colors text-sm",
@@ -1295,47 +1289,47 @@ function $({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, default
 		].filter(Boolean).join(" "),
 		style: i > 0 ? { marginLeft: i * 16 } : void 0,
 		onClick: () => {
-			n(e), o && d((e) => !e);
+			n(e), o && l((e) => !e);
 		},
 		role: "button",
 		tabIndex: 0,
 		onKeyDown: (t) => {
-			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e), o && d((e) => !e));
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e), o && l((e) => !e));
 		},
-		"aria-expanded": o ? c : void 0,
+		"aria-expanded": o ? s : void 0,
 		children: [
-			o ? /* @__PURE__ */ l("span", {
-				className: `shrink-0 text-gray-400 transition-transform duration-150 ${c ? "rotate-90" : ""}`,
-				children: /* @__PURE__ */ l("svg", {
+			o ? /* @__PURE__ */ u("span", {
+				className: `shrink-0 text-gray-400 transition-transform duration-150 ${s ? "rotate-90" : ""}`,
+				children: /* @__PURE__ */ u("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					strokeWidth: 2,
 					stroke: "currentColor",
 					className: "w-3.5 h-3.5",
-					children: /* @__PURE__ */ l("path", {
+					children: /* @__PURE__ */ u("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M8.25 4.5l7.5 7.5-7.5 7.5"
 					})
 				})
-			}) : /* @__PURE__ */ l("span", { className: "w-3.5 shrink-0" }),
-			e.icon && /* @__PURE__ */ l("span", {
+			}) : /* @__PURE__ */ u("span", { className: "w-3.5 shrink-0" }),
+			e.icon && /* @__PURE__ */ u("span", {
 				className: "text-base leading-none",
 				children: e.icon
 			}),
-			/* @__PURE__ */ l("span", {
+			/* @__PURE__ */ u("span", {
 				className: "flex-1 truncate",
 				children: e.label
 			}),
-			r && e.count !== void 0 && /* @__PURE__ */ l("span", {
+			r && e.count !== void 0 && /* @__PURE__ */ u("span", {
 				className: `text-xs rounded-full px-1.5 py-0.5 font-medium ${f ? "bg-primary-100 text-primary-600" : "bg-gray-100 text-gray-500"}`,
 				children: e.count
 			})
 		]
-	}), o && c && /* @__PURE__ */ l("ul", {
+	}), o && s && /* @__PURE__ */ u("ul", {
 		role: "group",
-		children: e.children.map((e) => /* @__PURE__ */ l($, {
+		children: e.children.map((e) => /* @__PURE__ */ u(Ee, {
 			node: e,
 			activeId: t,
 			onSelect: n,
@@ -1345,19 +1339,19 @@ function $({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, default
 		}, e.id))
 	})] });
 }
-function Te(e, t) {
-	return !t || !e.children ? !1 : e.children.some((e) => e.id === t || Te(e, t));
+function De(e, t) {
+	return !t || !e.children ? !1 : e.children.some((e) => e.id === t || De(e, t));
 }
-function Ee({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
+function Oe({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
 	let s = (e) => n?.(e);
-	return /* @__PURE__ */ l("nav", {
+	return /* @__PURE__ */ u("nav", {
 		"aria-label": "Category navigation",
 		className: ["w-full", a].filter(Boolean).join(" "),
 		...o,
-		children: /* @__PURE__ */ l("ul", {
+		children: /* @__PURE__ */ u("ul", {
 			role: "tree",
 			className: "space-y-0.5",
-			children: e.map((e) => /* @__PURE__ */ l($, {
+			children: e.map((e) => /* @__PURE__ */ u(Ee, {
 				node: e,
 				activeId: t,
 				onSelect: s,
@@ -1370,59 +1364,59 @@ 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 }) {
-	return e.columns?.length ? /* @__PURE__ */ l("div", {
+function ke({ item: e, onNavigate: t, onClose: n }) {
+	return e.columns?.length ? /* @__PURE__ */ u("div", {
 		className: "absolute left-0 right-0 top-full z-50 bg-white border-b border-gray-200 shadow-lg",
-		children: /* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ d("div", {
 			className: "max-w-7xl mx-auto px-4 py-6 flex gap-8",
-			children: [/* @__PURE__ */ l("div", {
+			children: [/* @__PURE__ */ u("div", {
 				className: "flex-1 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6",
-				children: e.columns.map((e, r) => /* @__PURE__ */ u("div", { children: [e.heading && /* @__PURE__ */ l("p", {
+				children: e.columns.map((e, r) => /* @__PURE__ */ d("div", { children: [e.heading && /* @__PURE__ */ u("p", {
 					className: "text-xs font-semibold uppercase tracking-wider text-gray-400 mb-2",
 					children: e.heading
-				}), /* @__PURE__ */ l("ul", {
+				}), /* @__PURE__ */ u("ul", {
 					className: "space-y-1",
-					children: e.items.map((e) => /* @__PURE__ */ l("li", { children: /* @__PURE__ */ u("button", {
+					children: e.items.map((e) => /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("button", {
 						className: "flex items-center gap-1.5 text-sm text-gray-700 hover:text-primary-600 transition-colors py-0.5",
 						onClick: () => {
 							t(e), n();
 						},
-						children: [e.label, e.badge && /* @__PURE__ */ l("span", {
+						children: [e.label, e.badge && /* @__PURE__ */ u("span", {
 							className: "text-[10px] font-semibold px-1.5 py-0.5 rounded-full bg-danger-50 text-danger-600 leading-none",
 							children: e.badge
 						})]
 					}) }, e.id))
 				})] }, r))
-			}), e.featured && /* @__PURE__ */ l("div", {
+			}), e.featured && /* @__PURE__ */ u("div", {
 				className: "w-52 shrink-0",
-				children: /* @__PURE__ */ u("button", {
+				children: /* @__PURE__ */ d("button", {
 					className: "group block w-full rounded-xl overflow-hidden border border-gray-100 text-left hover:shadow-md transition-shadow",
 					onClick: () => {
 						t(e), n();
 					},
-					children: [e.featured.image ? /* @__PURE__ */ l("img", {
+					children: [e.featured.image ? /* @__PURE__ */ u("img", {
 						src: e.featured.image,
 						alt: e.featured.title,
 						className: "w-full h-28 object-cover"
-					}) : /* @__PURE__ */ l("div", {
+					}) : /* @__PURE__ */ u("div", {
 						className: "w-full h-28 bg-linear-to-br from-primary-100 to-primary-200 flex items-center justify-center text-4xl",
 						children: e.icon ?? "🛍️"
-					}), /* @__PURE__ */ u("div", {
+					}), /* @__PURE__ */ d("div", {
 						className: "p-3",
 						children: [
-							e.featured.eyebrow && /* @__PURE__ */ l("p", {
+							e.featured.eyebrow && /* @__PURE__ */ u("p", {
 								className: "text-[10px] font-semibold uppercase tracking-wider text-primary-500 mb-0.5",
 								children: e.featured.eyebrow
 							}),
-							/* @__PURE__ */ l("p", {
+							/* @__PURE__ */ u("p", {
 								className: "text-sm font-semibold text-gray-900 group-hover:text-primary-600 transition-colors",
 								children: e.featured.title
 							}),
-							e.featured.description && /* @__PURE__ */ l("p", {
+							e.featured.description && /* @__PURE__ */ u("p", {
 								className: "text-xs text-gray-500 mt-0.5 line-clamp-2",
 								children: e.featured.description
 							}),
-							e.featured.cta && /* @__PURE__ */ u("span", {
+							e.featured.cta && /* @__PURE__ */ d("span", {
 								className: "inline-block mt-2 text-xs font-medium text-primary-600",
 								children: [e.featured.cta, " →"]
 							})
@@ -1433,56 +1427,56 @@ function De({ item: e, onNavigate: t, onClose: n }) {
 		})
 	}) : null;
 }
-function Oe({ items: e, activeId: t, onNavigate: n }) {
-	let [r, i] = s(null), a = o(null), c = (e) => {
+function Ae({ items: e, activeId: t, onNavigate: n }) {
+	let [r, i] = c(null), a = s(null), o = (e) => {
 		a.current && clearTimeout(a.current), i(e);
-	}, d = () => {
+	}, l = () => {
 		a.current = setTimeout(() => i(null), 120);
 	}, f = () => {
 		a.current && clearTimeout(a.current);
 	}, p = e.find((e) => e.id === r);
-	return /* @__PURE__ */ u("nav", {
+	return /* @__PURE__ */ d("nav", {
 		"aria-label": "Main navigation",
 		className: "relative bg-white border-b border-gray-100",
-		onMouseLeave: d,
-		children: [/* @__PURE__ */ l("div", {
+		onMouseLeave: l,
+		children: [/* @__PURE__ */ u("div", {
 			className: "max-w-7xl mx-auto px-4",
-			children: /* @__PURE__ */ l("ul", {
+			children: /* @__PURE__ */ u("ul", {
 				className: "flex items-center gap-0",
 				role: "menubar",
 				children: e.map((e) => {
-					let a = !!e.columns?.length, o = r === e.id, s = t === e.id;
-					return /* @__PURE__ */ l("li", {
+					let a = !!e.columns?.length, s = r === e.id, c = t === e.id;
+					return /* @__PURE__ */ u("li", {
 						role: "none",
-						children: /* @__PURE__ */ u("button", {
+						children: /* @__PURE__ */ d("button", {
 							role: "menuitem",
 							"aria-haspopup": a ? "true" : void 0,
-							"aria-expanded": a ? o : void 0,
+							"aria-expanded": a ? s : void 0,
 							className: [
 								"flex items-center gap-1.5 px-4 py-3.5 text-sm font-medium transition-colors relative",
 								"outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500",
-								s || o ? "text-primary-600" : "text-gray-700 hover:text-gray-900",
-								o ? "after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary-600" : ""
+								c || s ? "text-primary-600" : "text-gray-700 hover:text-gray-900",
+								s ? "after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary-600" : ""
 							].filter(Boolean).join(" "),
-							onMouseEnter: () => a ? c(e.id) : i(null),
-							onFocus: () => a && c(e.id),
+							onMouseEnter: () => a ? o(e.id) : i(null),
+							onFocus: () => a && o(e.id),
 							onClick: () => {
 								a || (n?.(e), i(null));
 							},
 							children: [
-								e.icon && /* @__PURE__ */ l("span", {
+								e.icon && /* @__PURE__ */ u("span", {
 									className: "text-base leading-none",
 									children: e.icon
 								}),
 								e.label,
-								a && /* @__PURE__ */ l("svg", {
+								a && /* @__PURE__ */ u("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
 									fill: "none",
 									viewBox: "0 0 24 24",
 									strokeWidth: 2,
 									stroke: "currentColor",
-									className: `w-3.5 h-3.5 transition-transform duration-150 ${o ? "rotate-180" : ""}`,
-									children: /* @__PURE__ */ l("path", {
+									className: `w-3.5 h-3.5 transition-transform duration-150 ${s ? "rotate-180" : ""}`,
+									children: /* @__PURE__ */ u("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
@@ -1493,10 +1487,10 @@ function Oe({ items: e, activeId: t, onNavigate: n }) {
 					}, e.id);
 				})
 			})
-		}), p?.columns?.length && /* @__PURE__ */ l("div", {
+		}), p?.columns?.length && /* @__PURE__ */ u("div", {
 			onMouseEnter: f,
-			onMouseLeave: d,
-			children: /* @__PURE__ */ l(De, {
+			onMouseLeave: l,
+			children: /* @__PURE__ */ u(ke, {
 				item: p,
 				onNavigate: (e) => n?.(e),
 				onClose: () => i(null)
@@ -1506,22 +1500,22 @@ 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" }) {
-	let [m, h] = s(0), [g, _] = s(!1), v = o(null), y = o(null), b = e.length, x = n((e) => {
+function je({ banners: e, autoPlay: t = !0, autoPlayInterval: n = 5e3, arrows: a = !0, dots: o = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
+	let [m, h] = c(0), [g, _] = c(!1), v = s(null), y = s(null), b = e.length, x = r((e) => {
 		h((e % b + b) % b);
-	}, [b]), S = () => x(m - 1), C = n(() => x(m + 1), [m, x]);
-	r(() => {
-		if (!(!t || g || b <= 1)) return v.current = setInterval(C, i), () => {
+	}, [b]), S = () => x(m - 1), C = r(() => x(m + 1), [m, x]);
+	i(() => {
+		if (!(!t || g || b <= 1)) return v.current = setInterval(C, n), () => {
 			v.current && clearInterval(v.current);
 		};
 	}, [
 		t,
 		g,
-		i,
+		n,
 		C,
 		b
 	]);
-	let w = o(null), T = (e) => {
+	let w = s(null), T = (e) => {
 		w.current = e.touches[0].clientX;
 	}, E = (e) => {
 		if (w.current === null) return;
@@ -1530,7 +1524,7 @@ function ke({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a
 	};
 	if (b === 0) return null;
 	let D = e[m], O = D.textColor === "light" || !D.textColor;
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ d("div", {
 		className: ["relative overflow-hidden rounded-xl", f].filter(Boolean).join(" "),
 		style: { aspectRatio: p },
 		onMouseEnter: () => _(!0),
@@ -1538,41 +1532,41 @@ function ke({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a
 		onTouchStart: T,
 		onTouchEnd: E,
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ u("div", {
 				ref: y,
 				className: "relative w-full h-full",
-				children: e.map((e, t) => /* @__PURE__ */ u("div", {
+				children: e.map((e, t) => /* @__PURE__ */ d("div", {
 					"aria-hidden": t !== m,
 					className: ["absolute inset-0 transition-opacity duration-700", t === m ? "opacity-100 z-10" : "opacity-0 z-0"].join(" "),
 					style: { background: e.backgroundImage ? `url(${e.backgroundImage}) center/cover no-repeat` : e.backgroundColor ?? "linear-gradient(135deg, #1d4ed8 0%, #7c3aed 100%)" },
-					children: [e.backgroundImage && /* @__PURE__ */ l("div", { className: "absolute inset-0 bg-gradient-to-r from-black/50 via-black/20 to-transparent" }), /* @__PURE__ */ u("div", {
+					children: [e.backgroundImage && /* @__PURE__ */ u("div", { className: "absolute inset-0 bg-gradient-to-r from-black/50 via-black/20 to-transparent" }), /* @__PURE__ */ d("div", {
 						className: "relative z-10 h-full flex items-center px-8 md:px-12 gap-8",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex-1 max-w-lg",
 							children: [
-								e.eyebrow && /* @__PURE__ */ l("p", {
+								e.eyebrow && /* @__PURE__ */ u("p", {
 									className: `text-xs font-semibold uppercase tracking-widest mb-2 ${O ? "text-white/70" : "text-gray-500"}`,
 									children: e.eyebrow
 								}),
-								/* @__PURE__ */ l("h2", {
+								/* @__PURE__ */ u("h2", {
 									className: `text-2xl md:text-3xl lg:text-4xl font-bold leading-tight ${O ? "text-white" : "text-gray-900"}`,
 									children: e.title
 								}),
-								e.subtitle && /* @__PURE__ */ l("p", {
+								e.subtitle && /* @__PURE__ */ u("p", {
 									className: `mt-2 text-sm md:text-base ${O ? "text-white/80" : "text-gray-600"}`,
 									children: e.subtitle
 								}),
-								e.ctaLabel && /* @__PURE__ */ u("button", {
+								e.ctaLabel && /* @__PURE__ */ d("button", {
 									onClick: e.onCtaClick,
 									className: ["mt-5 inline-flex items-center gap-2 px-5 py-2.5 rounded-lg text-sm font-semibold transition-all", O ? "bg-white text-gray-900 hover:bg-gray-100" : "bg-primary-600 text-white hover:bg-primary-700"].join(" "),
-									children: [e.ctaLabel, /* @__PURE__ */ l("svg", {
+									children: [e.ctaLabel, /* @__PURE__ */ u("svg", {
 										xmlns: "http://www.w3.org/2000/svg",
 										fill: "none",
 										viewBox: "0 0 24 24",
 										strokeWidth: 2,
 										stroke: "currentColor",
 										className: "w-4 h-4",
-										children: /* @__PURE__ */ l("path", {
+										children: /* @__PURE__ */ u("path", {
 											strokeLinecap: "round",
 											strokeLinejoin: "round",
 											d: "M8.25 4.5l7.5 7.5-7.5 7.5"
@@ -1580,9 +1574,9 @@ function ke({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a
 									})]
 								})
 							]
-						}), e.sideImage && /* @__PURE__ */ l("div", {
+						}), e.sideImage && /* @__PURE__ */ u("div", {
 							className: "hidden md:block flex-1 h-full flex items-end justify-end overflow-hidden",
-							children: /* @__PURE__ */ l("img", {
+							children: /* @__PURE__ */ u("img", {
 								src: e.sideImage,
 								alt: "",
 								className: "h-full w-auto object-contain object-bottom drop-shadow-2xl"
@@ -1591,54 +1585,54 @@ function ke({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a
 					})]
 				}, e.id))
 			}),
-			a && b > 1 && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
+			a && b > 1 && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("button", {
 				onClick: S,
 				className: "absolute left-3 top-1/2 -translate-y-1/2 z-20 w-9 h-9 flex items-center justify-center rounded-full bg-black/30 text-white hover:bg-black/50 transition-colors backdrop-blur-sm",
 				"aria-label": "Previous banner",
-				children: /* @__PURE__ */ l("svg", {
+				children: /* @__PURE__ */ u("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					strokeWidth: 2,
 					stroke: "currentColor",
 					className: "w-5 h-5",
-					children: /* @__PURE__ */ l("path", {
+					children: /* @__PURE__ */ u("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M15.75 19.5L8.25 12l7.5-7.5"
 					})
 				})
-			}), /* @__PURE__ */ l("button", {
+			}), /* @__PURE__ */ u("button", {
 				onClick: C,
 				className: "absolute right-3 top-1/2 -translate-y-1/2 z-20 w-9 h-9 flex items-center justify-center rounded-full bg-black/30 text-white hover:bg-black/50 transition-colors backdrop-blur-sm",
 				"aria-label": "Next banner",
-				children: /* @__PURE__ */ l("svg", {
+				children: /* @__PURE__ */ u("svg", {
 					xmlns: "http://www.w3.org/2000/svg",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					strokeWidth: 2,
 					stroke: "currentColor",
 					className: "w-5 h-5",
-					children: /* @__PURE__ */ l("path", {
+					children: /* @__PURE__ */ u("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M8.25 4.5l7.5 7.5-7.5 7.5"
 					})
 				})
 			})] }),
-			d && b > 1 && /* @__PURE__ */ l("div", {
+			o && b > 1 && /* @__PURE__ */ u("div", {
 				className: "absolute bottom-3 left-1/2 -translate-x-1/2 z-20 flex gap-1.5",
-				children: e.map((e, t) => /* @__PURE__ */ l("button", {
+				children: e.map((e, t) => /* @__PURE__ */ u("button", {
 					onClick: () => x(t),
 					"aria-label": `Go to slide ${t + 1}`,
 					className: ["rounded-full transition-all duration-300", t === m ? "w-5 h-2 bg-white" : "w-2 h-2 bg-white/50 hover:bg-white/80"].join(" ")
 				}, t))
 			}),
-			t && b > 1 && /* @__PURE__ */ l("div", {
+			t && b > 1 && /* @__PURE__ */ u("div", {
 				className: "absolute bottom-0 left-0 right-0 h-0.5 bg-white/20 z-20",
-				children: /* @__PURE__ */ l("div", {
+				children: /* @__PURE__ */ u("div", {
 					className: `h-full bg-white/60 ${g ? "" : "animate-progress"}`,
-					style: { animation: g ? "none" : `progress ${i}ms linear` }
+					style: { animation: g ? "none" : `progress ${n}ms linear` }
 				}, `${m}-${g}`)
 			})
 		]
@@ -1646,23 +1640,23 @@ function ke({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a
 }
 //#endregion
 //#region src/components/ProductCard/ProductCard.tsx
-function Ae({ filled: e }) {
-	return /* @__PURE__ */ l("svg", {
+function Me({ filled: e }) {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		className: `w-3.5 h-3.5 ${e ? "fill-amber-400 stroke-amber-400" : "fill-gray-200 stroke-gray-300"}`,
 		strokeWidth: 1,
-		children: /* @__PURE__ */ l("path", {
+		children: /* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z"
 		})
 	});
 }
-function je({ value: e, count: t }) {
-	return /* @__PURE__ */ u("div", {
+function Ne({ value: e, count: t }) {
+	return /* @__PURE__ */ d("div", {
 		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ u("div", {
 			className: "flex gap-0.5",
 			children: [
 				1,
@@ -1670,8 +1664,8 @@ function je({ value: e, count: t }) {
 				3,
 				4,
 				5
-			].map((t) => /* @__PURE__ */ l(Ae, { filled: t <= Math.round(e) }, t))
-		}), t !== void 0 && /* @__PURE__ */ u("span", {
+			].map((t) => /* @__PURE__ */ u(Me, { filled: t <= Math.round(e) }, t))
+		}), t !== void 0 && /* @__PURE__ */ d("span", {
 			className: "text-xs text-gray-400",
 			children: [
 				"(",
@@ -1681,54 +1675,54 @@ function je({ value: e, count: t }) {
 		})]
 	});
 }
-function Me(e) {
+function Pe(e) {
 	let t = e.toLowerCase();
 	return t === "sale" || t === "akce" ? "danger" : t === "new" || t === "nové" ? "primary" : t === "hot" ? "warning" : "default";
 }
-function Ne(e, t = "Kč") {
+function Fe(e, t = "Kč") {
 	return `${e.toLocaleString("cs-CZ")} ${t}`;
 }
-function Pe(e, t) {
+function Ie(e, t) {
 	return Math.round((1 - t / e) * 100);
 }
-function Fe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r = !1, onProductClick: i, size: a = "default", className: o = "" }) {
-	let [c, d] = s(!1), [f, p] = s(!1), m = e.originalPrice !== void 0 && e.originalPrice > e.price;
-	return /* @__PURE__ */ u("article", {
+function Le({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r = !1, onProductClick: i, size: a = "default", className: o = "" }) {
+	let [s, l] = c(!1), [f, p] = c(!1), m = e.originalPrice !== void 0 && e.originalPrice > e.price;
+	return /* @__PURE__ */ d("article", {
 		className: [
 			"group relative flex flex-col bg-white rounded-xl border border-gray-200",
 			"hover:shadow-md transition-shadow duration-200 overflow-hidden cursor-pointer",
 			o
 		].filter(Boolean).join(" "),
 		onClick: () => i?.(e),
-		onMouseEnter: () => d(!0),
-		onMouseLeave: () => d(!1),
-		children: [/* @__PURE__ */ u("div", {
+		onMouseEnter: () => l(!0),
+		onMouseLeave: () => l(!1),
+		children: [/* @__PURE__ */ d("div", {
 			className: `relative overflow-hidden bg-gray-50 ${a === "compact" ? "aspect-square" : "aspect-4/3"}`,
 			children: [
-				e.image ? /* @__PURE__ */ l("img", {
-					src: c && e.imageHover ? e.imageHover : e.image,
+				e.image ? /* @__PURE__ */ u("img", {
+					src: s && e.imageHover ? e.imageHover : e.image,
 					alt: e.name,
 					className: "w-full h-full object-contain p-4 transition-transform duration-300 group-hover:scale-105"
-				}) : /* @__PURE__ */ l("div", {
+				}) : /* @__PURE__ */ u("div", {
 					className: "w-full h-full flex items-center justify-center text-5xl bg-linear-to-br from-gray-100 to-gray-200",
 					children: "🛍️"
 				}),
-				e.badge && /* @__PURE__ */ l("div", {
+				e.badge && /* @__PURE__ */ u("div", {
 					className: "absolute top-2 left-2",
-					children: /* @__PURE__ */ l(j, {
-						variant: Me(e.badge),
+					children: /* @__PURE__ */ u(M, {
+						variant: Pe(e.badge),
 						size: "sm",
-						children: e.badge === "sale" && m ? `-${Pe(e.originalPrice, e.price)}%` : e.badge
+						children: e.badge === "sale" && m ? `-${Ie(e.originalPrice, e.price)}%` : e.badge
 					})
 				}),
-				e.inStock === !1 && /* @__PURE__ */ l("div", {
+				e.inStock === !1 && /* @__PURE__ */ u("div", {
 					className: "absolute inset-0 bg-white/70 flex items-center justify-center",
-					children: /* @__PURE__ */ l("span", {
+					children: /* @__PURE__ */ u("span", {
 						className: "text-sm font-semibold text-gray-500 bg-white/90 px-3 py-1 rounded-full border border-gray-200",
 						children: "Vyprodáno"
 					})
 				}),
-				/* @__PURE__ */ l("button", {
+				/* @__PURE__ */ u("button", {
 					onClick: (t) => {
 						t.stopPropagation(), n?.(e);
 					},
@@ -1739,22 +1733,22 @@ function Fe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 						"opacity-0 group-hover:opacity-100 focus:opacity-100",
 						r ? "text-danger-500" : "text-gray-400 hover:text-danger-400"
 					].join(" "),
-					children: /* @__PURE__ */ l("svg", {
+					children: /* @__PURE__ */ u("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						viewBox: "0 0 24 24",
 						strokeWidth: 1.5,
 						stroke: "currentColor",
 						className: `w-4 h-4 ${r ? "fill-current" : "fill-none"}`,
-						children: /* @__PURE__ */ l("path", {
+						children: /* @__PURE__ */ u("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							d: "M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"
 						})
 					})
 				}),
-				/* @__PURE__ */ l("div", {
-					className: ["absolute bottom-0 left-0 right-0 p-2 transition-transform duration-200", c ? "translate-y-0" : "translate-y-full"].join(" "),
-					children: /* @__PURE__ */ l(w, {
+				/* @__PURE__ */ u("div", {
+					className: ["absolute bottom-0 left-0 right-0 p-2 transition-transform duration-200", s ? "translate-y-0" : "translate-y-full"].join(" "),
+					children: /* @__PURE__ */ u(T, {
 						variant: "primary",
 						size: "sm",
 						fullWidth: !0,
@@ -1764,16 +1758,16 @@ function Fe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 							n.stopPropagation(), t?.(e), p(!0), setTimeout(() => p(!1), 1500);
 						},
 						className: "shadow-lg",
-						children: f ? /* @__PURE__ */ u("span", {
+						children: f ? /* @__PURE__ */ d("span", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ l("svg", {
+							children: [/* @__PURE__ */ u("svg", {
 								xmlns: "http://www.w3.org/2000/svg",
 								fill: "none",
 								viewBox: "0 0 24 24",
 								strokeWidth: 2,
 								stroke: "currentColor",
 								className: "w-4 h-4",
-								children: /* @__PURE__ */ l("path", {
+								children: /* @__PURE__ */ u("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									d: "M4.5 12.75l6 6 9-13.5"
@@ -1783,36 +1777,36 @@ function Fe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 					})
 				})
 			]
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ d("div", {
 			className: `flex flex-col gap-1.5 ${a === "compact" ? "p-3" : "p-4"}`,
 			children: [
-				e.variants && e.variants.length > 0 && /* @__PURE__ */ u("div", {
+				e.variants && e.variants.length > 0 && /* @__PURE__ */ d("div", {
 					className: "flex gap-1",
-					children: [e.variants.slice(0, 5).map((e) => /* @__PURE__ */ l("span", {
+					children: [e.variants.slice(0, 5).map((e) => /* @__PURE__ */ u("span", {
 						title: e.label,
 						className: "w-4 h-4 rounded-full border border-gray-300 shrink-0",
 						style: { backgroundColor: e.color ?? "#ccc" }
-					}, e.id)), e.variants.length > 5 && /* @__PURE__ */ u("span", {
+					}, e.id)), e.variants.length > 5 && /* @__PURE__ */ d("span", {
 						className: "text-xs text-gray-400",
 						children: ["+", e.variants.length - 5]
 					})]
 				}),
-				/* @__PURE__ */ l("h3", {
+				/* @__PURE__ */ u("h3", {
 					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__ */ u(Ne, {
 					value: e.rating,
 					count: e.reviewCount
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "flex items-baseline gap-2 mt-auto pt-1",
-					children: [/* @__PURE__ */ l("span", {
+					children: [/* @__PURE__ */ u("span", {
 						className: `font-bold text-gray-900 ${a === "compact" ? "text-base" : "text-lg"}`,
-						children: Ne(e.price, e.currency)
-					}), m && /* @__PURE__ */ l("span", {
+						children: Fe(e.price, e.currency)
+					}), m && /* @__PURE__ */ u("span", {
 						className: "text-sm text-gray-400 line-through",
-						children: Ne(e.originalPrice, e.currency)
+						children: Fe(e.originalPrice, e.currency)
 					})]
 				})
 			]
@@ -1821,12 +1815,12 @@ function Fe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 }
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-var Ie = {
+var Re = {
 	2: "grid-cols-2",
 	3: "grid-cols-2 md:grid-cols-3",
 	4: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4",
 	5: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5"
-}, Le = [
+}, ze = [
 	{
 		value: "newest",
 		label: "Nejnovější"
@@ -1848,50 +1842,50 @@ var Ie = {
 		label: "Bestsellery"
 	}
 ];
-function Re() {
-	return /* @__PURE__ */ u("div", {
+function Be() {
+	return /* @__PURE__ */ d("div", {
 		className: "rounded-xl border border-gray-100 overflow-hidden animate-pulse",
-		children: [/* @__PURE__ */ l("div", { className: "aspect-4/3 bg-gray-200" }), /* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ u("div", { className: "aspect-4/3 bg-gray-200" }), /* @__PURE__ */ d("div", {
 			className: "p-4 space-y-2",
 			children: [
-				/* @__PURE__ */ l("div", { className: "h-3 bg-gray-200 rounded w-3/4" }),
-				/* @__PURE__ */ l("div", { className: "h-3 bg-gray-200 rounded w-1/2" }),
-				/* @__PURE__ */ l("div", { className: "h-5 bg-gray-200 rounded w-1/3 mt-2" })
+				/* @__PURE__ */ u("div", { className: "h-3 bg-gray-200 rounded w-3/4" }),
+				/* @__PURE__ */ u("div", { className: "h-3 bg-gray-200 rounded w-1/2" }),
+				/* @__PURE__ */ u("div", { className: "h-5 bg-gray-200 rounded w-1/3 mt-2" })
 			]
 		})]
 	});
 }
-function ze({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: o = Le, selectedSort: s, onSortChange: c, activeFilters: d = [], onRemoveFilter: f, onClearFilters: p, loading: m = !1, emptyState: h, onAddToCart: g, onWishlistToggle: _, onProductClick: v, wishlisted: y = [], className: b = "" }) {
+function Ve({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: o = ze, selectedSort: s, onSortChange: c, activeFilters: l = [], onRemoveFilter: f, onClearFilters: p, loading: m = !1, emptyState: h, onAddToCart: g, onWishlistToggle: _, onProductClick: v, wishlisted: y = [], className: b = "" }) {
 	let x = t ? Math.ceil(t / i) : void 0, S = a >= 5 ? "compact" : "default";
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ d("div", {
 		className: ["w-full", b].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex flex-wrap items-center justify-between gap-3 mb-4",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						t !== void 0 && /* @__PURE__ */ u("span", {
+						t !== void 0 && /* @__PURE__ */ d("span", {
 							className: "text-sm text-gray-500",
-							children: [/* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ u("span", {
 								className: "font-semibold text-gray-900",
 								children: t
 							}), " produktů"]
 						}),
-						d.map((e) => /* @__PURE__ */ u("span", {
+						l.map((e) => /* @__PURE__ */ d("span", {
 							className: "inline-flex items-center gap-1 text-xs bg-primary-50 text-primary-700 border border-primary-200 rounded-full px-2.5 py-1",
-							children: [e, /* @__PURE__ */ l("button", {
+							children: [e, /* @__PURE__ */ u("button", {
 								onClick: () => f?.(e),
 								"aria-label": `Remove filter ${e}`,
 								className: "hover:text-primary-900 transition-colors",
-								children: /* @__PURE__ */ l("svg", {
+								children: /* @__PURE__ */ u("svg", {
 									xmlns: "http://www.w3.org/2000/svg",
 									fill: "none",
 									viewBox: "0 0 24 24",
 									strokeWidth: 2,
 									stroke: "currentColor",
 									className: "w-3 h-3",
-									children: /* @__PURE__ */ l("path", {
+									children: /* @__PURE__ */ u("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										d: "M6 18L18 6M6 6l12 12"
@@ -1899,13 +1893,13 @@ function ze({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 								})
 							})]
 						}, e)),
-						d.length > 1 && /* @__PURE__ */ l("button", {
+						l.length > 1 && /* @__PURE__ */ u("button", {
 							onClick: p,
 							className: "text-xs text-gray-400 hover:text-gray-600 underline underline-offset-2 transition-colors",
 							children: "Zrušit vše"
 						})
 					]
-				}), /* @__PURE__ */ l(O, {
+				}), /* @__PURE__ */ u(k, {
 					options: o,
 					value: s ?? "",
 					onChange: (e) => c?.(e.target.value),
@@ -1913,36 +1907,36 @@ function ze({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 					className: "text-sm"
 				})]
 			}),
-			m ? /* @__PURE__ */ l("div", {
-				className: `grid gap-4 ${Ie[a]}`,
-				children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ l(Re, {}, t))
-			}) : e.length === 0 ? /* @__PURE__ */ l("div", {
+			m ? /* @__PURE__ */ u("div", {
+				className: `grid gap-4 ${Re[a]}`,
+				children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ u(Be, {}, t))
+			}) : e.length === 0 ? /* @__PURE__ */ u("div", {
 				className: "py-16 text-center",
-				children: h ?? /* @__PURE__ */ u("div", {
+				children: h ?? /* @__PURE__ */ d("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ l("p", {
+						/* @__PURE__ */ u("p", {
 							className: "text-4xl",
 							children: "🔍"
 						}),
-						/* @__PURE__ */ l("p", {
+						/* @__PURE__ */ u("p", {
 							className: "font-semibold text-gray-900",
 							children: "Žádné produkty nenalezeny"
 						}),
-						/* @__PURE__ */ l("p", {
+						/* @__PURE__ */ u("p", {
 							className: "text-sm text-gray-500",
 							children: "Zkuste upravit filtry nebo hledat jinak."
 						}),
-						d.length > 0 && /* @__PURE__ */ l("button", {
+						l.length > 0 && /* @__PURE__ */ u("button", {
 							onClick: p,
 							className: "mt-3 text-sm text-primary-600 hover:underline",
 							children: "Zrušit všechny filtry"
 						})
 					]
 				})
-			}) : /* @__PURE__ */ l("div", {
-				className: `grid gap-4 ${Ie[a]}`,
-				children: e.map((e) => /* @__PURE__ */ l(Fe, {
+			}) : /* @__PURE__ */ u("div", {
+				className: `grid gap-4 ${Re[a]}`,
+				children: e.map((e) => /* @__PURE__ */ u(Le, {
 					product: e,
 					size: S,
 					onAddToCart: g,
@@ -1951,9 +1945,9 @@ function ze({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 					isWishlisted: y.includes(e.id)
 				}, e.id))
 			}),
-			x && x > 1 && r && /* @__PURE__ */ l("div", {
+			x && x > 1 && r && /* @__PURE__ */ u("div", {
 				className: "flex justify-center mt-8",
-				children: /* @__PURE__ */ l(X, {
+				children: /* @__PURE__ */ u(X, {
 					page: n,
 					totalPages: x,
 					onPageChange: r
@@ -1963,15 +1957,63 @@ function ze({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 	});
 }
 //#endregion
+//#region src/components/common/ProductCarousel/ProductCarousel.tsx
+function He({ children: e, gap: t = 16, scrollStep: n = .8, className: r, ...a }) {
+	let o = s(null), [l, f] = c(!1), [p, m] = c(!1), h = () => {
+		let e = o.current;
+		e && (f(e.scrollLeft > 1), m(e.scrollLeft < e.scrollWidth - e.clientWidth - 1));
+	};
+	i(() => {
+		h();
+		let e = o.current;
+		if (!e) return;
+		e.addEventListener("scroll", h, { passive: !0 });
+		let t = new ResizeObserver(h);
+		return t.observe(e), () => {
+			e.removeEventListener("scroll", h), t.disconnect();
+		};
+	}, []);
+	let g = (e) => {
+		let t = o.current;
+		t && t.scrollBy({
+			left: e * t.clientWidth * n,
+			behavior: "smooth"
+		});
+	};
+	return /* @__PURE__ */ d("div", {
+		className: (0, w.default)("carousel-wrapper", r),
+		...a,
+		children: [
+			/* @__PURE__ */ u("div", {
+				ref: o,
+				className: "product-carousel-viewport",
+				children: /* @__PURE__ */ u("div", {
+					className: "product-carousel-track",
+					style: { gap: `${t}px` },
+					children: e
+				})
+			}),
+			l && /* @__PURE__ */ u(Z, {
+				direction: "prev",
+				onClick: () => g(-1)
+			}),
+			p && /* @__PURE__ */ u(Z, {
+				direction: "next",
+				onClick: () => g(1)
+			})
+		]
+	});
+}
+//#endregion
 //#region src/components/CallToAction/CallToAction.tsx
-var Be = {
+var Ue = {
 	default: "bg-gray-50 border border-gray-200",
 	primary: "bg-primary-600",
 	dark: "bg-gray-900",
 	gradient: "bg-linear-to-br from-primary-600 via-primary-700 to-violet-700",
 	outline: "bg-white border-2 border-primary-600",
 	image: "relative overflow-hidden"
-}, Ve = {
+}, We = {
 	default: {
 		eyebrow: "text-primary-600",
 		title: "text-gray-900",
@@ -2002,7 +2044,7 @@ var Be = {
 		title: "text-white",
 		description: "text-white/80"
 	}
-}, He = {
+}, Ge = {
 	sm: {
 		wrapper: "px-6 py-6 rounded-xl",
 		title: "text-xl font-bold",
@@ -2027,7 +2069,7 @@ var Be = {
 		description: "text-xl",
 		eyebrow: "text-sm"
 	}
-}, Ue = {
+}, Ke = {
 	left: {
 		wrapper: "items-start text-left",
 		actions: "justify-start"
@@ -2041,58 +2083,58 @@ var Be = {
 		actions: "justify-end"
 	}
 };
-function We({ eyebrow: e, title: t, description: n, actions: r = [], align: i = "center", layout: a = "stacked", size: o = "md", variant: s = "default", background: c, backgroundImage: d, media: f, className: p = "", style: m }) {
-	let h = Ve[s], g = He[o], _ = Ue[i], v = a === "inline", y = {
+function qe({ eyebrow: e, title: t, description: n, actions: r = [], align: i = "center", layout: a = "stacked", size: o = "md", variant: s = "default", background: c, backgroundImage: l, media: f, className: p = "", style: m }) {
+	let h = We[s], g = Ge[o], _ = Ke[i], v = a === "inline", y = {
 		...c ? { background: c } : {},
-		...d ? {
-			backgroundImage: `url(${d})`,
+		...l ? {
+			backgroundImage: `url(${l})`,
 			backgroundSize: "cover",
 			backgroundPosition: "center"
 		} : {},
 		...m
 	};
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ d("div", {
 		className: [
 			"w-full",
-			Be[s],
+			Ue[s],
 			g.wrapper,
 			p
 		].filter(Boolean).join(" "),
 		style: Object.keys(y).length ? y : void 0,
-		children: [(s === "image" || d) && /* @__PURE__ */ l("div", { className: "absolute inset-0 bg-black/50" }), /* @__PURE__ */ u("div", {
+		children: [(s === "image" || l) && /* @__PURE__ */ u("div", { className: "absolute inset-0 bg-black/50" }), /* @__PURE__ */ d("div", {
 			className: `relative ${v ? "flex flex-wrap items-center justify-between gap-6" : `flex flex-col gap-4 ${_.wrapper}`}`,
 			children: [
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: `flex flex-col gap-2 ${v ? "flex-1 min-w-0" : _.wrapper}`,
 					children: [
-						e && /* @__PURE__ */ l("p", {
+						e && /* @__PURE__ */ u("p", {
 							className: `font-semibold uppercase tracking-widest ${g.eyebrow} ${h.eyebrow}`,
 							children: e
 						}),
-						/* @__PURE__ */ l("h2", {
+						/* @__PURE__ */ u("h2", {
 							className: `${g.title} ${h.title}`,
 							children: t
 						}),
-						n && /* @__PURE__ */ l("p", {
+						n && /* @__PURE__ */ u("p", {
 							className: `max-w-2xl ${g.description} ${h.description}`,
 							children: n
 						})
 					]
 				}),
-				f && !v && /* @__PURE__ */ l("div", {
+				f && !v && /* @__PURE__ */ u("div", {
 					className: "mt-2",
 					children: f
 				}),
-				r.length > 0 && /* @__PURE__ */ l("div", {
+				r.length > 0 && /* @__PURE__ */ u("div", {
 					className: `flex flex-wrap gap-3 ${v ? "shrink-0" : _.actions}`,
 					children: r.map((e, t) => {
-						let n = /* @__PURE__ */ l(w, {
-							variant: e.variant ?? (t === 0 ? Ge(s) : "outline"),
+						let n = /* @__PURE__ */ u(T, {
+							variant: e.variant ?? (t === 0 ? Je(s) : "outline"),
 							size: e.size ?? (o === "sm" ? "sm" : o === "xl" ? "lg" : "md"),
 							onClick: e.onClick,
 							children: e.label
 						}, t);
-						return e.href ? /* @__PURE__ */ l("a", {
+						return e.href ? /* @__PURE__ */ u("a", {
 							href: e.href,
 							className: "contents",
 							children: n
@@ -2103,233 +2145,233 @@ function We({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
 		})]
 	});
 }
-function Ge(e) {
+function Je(e) {
 	return e === "default" || e === "outline" ? "primary" : "secondary";
 }
 //#endregion
 //#region src/components/Footer/Footer.tsx
-function Ke() {
-	return /* @__PURE__ */ l("svg", {
+function Ye() {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 1.5,
 		stroke: "currentColor",
 		className: "w-4 h-4 shrink-0",
-		children: /* @__PURE__ */ l("path", {
+		children: /* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"
 		})
 	});
 }
-function qe() {
-	return /* @__PURE__ */ l("svg", {
+function Xe() {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 1.5,
 		stroke: "currentColor",
 		className: "w-4 h-4 shrink-0",
-		children: /* @__PURE__ */ l("path", {
+		children: /* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"
 		})
 	});
 }
-function Je() {
-	return /* @__PURE__ */ u("svg", {
+function Ze() {
+	return /* @__PURE__ */ d("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 1.5,
 		stroke: "currentColor",
 		className: "w-4 h-4 shrink-0",
-		children: [/* @__PURE__ */ l("path", {
+		children: [/* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"
-		}), /* @__PURE__ */ l("path", {
+		}), /* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"
 		})]
 	});
 }
-function Ye() {
-	return /* @__PURE__ */ l("svg", {
+function Qe() {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 1.5,
 		stroke: "currentColor",
 		className: "w-4 h-4 shrink-0",
-		children: /* @__PURE__ */ l("path", {
+		children: /* @__PURE__ */ u("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"
 		})
 	});
 }
-function Xe() {
-	return /* @__PURE__ */ l("svg", {
+function $e() {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ l("path", { d: "M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.886v2.267h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z" })
+		children: /* @__PURE__ */ u("path", { d: "M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.886v2.267h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z" })
 	});
 }
-function Ze() {
-	return /* @__PURE__ */ l("svg", {
+function et() {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ l("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" })
+		children: /* @__PURE__ */ u("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" })
 	});
 }
-function Qe() {
-	return /* @__PURE__ */ l("svg", {
+function tt() {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ l("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
+		children: /* @__PURE__ */ u("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
 	});
 }
-function $e() {
-	return /* @__PURE__ */ l("svg", {
+function nt() {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ l("path", { d: "M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" })
+		children: /* @__PURE__ */ u("path", { d: "M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" })
 	});
 }
-function et() {
-	return /* @__PURE__ */ l("svg", {
+function rt() {
+	return /* @__PURE__ */ u("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ l("path", { d: "M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.18 8.18 0 004.78 1.52V6.76a4.85 4.85 0 01-1.01-.07z" })
+		children: /* @__PURE__ */ u("path", { d: "M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.18 8.18 0 004.78 1.52V6.76a4.85 4.85 0 01-1.01-.07z" })
 	});
 }
-var tt = {
-	facebook: Xe,
-	instagram: Ze,
-	twitter: Qe,
-	youtube: $e,
-	tiktok: et
-}, nt = {
-	phone: Ke,
-	email: qe,
-	address: Je,
-	hours: Ye
+var it = {
+	facebook: $e,
+	instagram: et,
+	twitter: tt,
+	youtube: nt,
+	tiktok: rt
+}, at = {
+	phone: Ye,
+	email: Xe,
+	address: Ze,
+	hours: Qe
 };
-function rt(e) {
+function ot(e) {
 	if (!e) return null;
 	if (typeof e == "string") {
-		let t = nt[e];
-		return t ? /* @__PURE__ */ l(t, {}) : null;
+		let t = at[e];
+		return t ? /* @__PURE__ */ u(t, {}) : null;
 	}
 	return e;
 }
-function it(e) {
+function st(e) {
 	if (typeof e == "string") {
-		let t = tt[e];
-		return t ? /* @__PURE__ */ l(t, {}) : null;
+		let t = it[e];
+		return t ? /* @__PURE__ */ u(t, {}) : null;
 	}
 	return e;
 }
-function at({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: o, bottomLinks: s = [], className: c = "" }) {
-	let d = (/* @__PURE__ */ new Date()).getFullYear();
-	return /* @__PURE__ */ l("footer", {
+function ct({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: o, bottomLinks: s = [], className: c = "" }) {
+	let l = (/* @__PURE__ */ new Date()).getFullYear();
+	return /* @__PURE__ */ u("footer", {
 		className: ["bg-gray-900 text-gray-300", c].filter(Boolean).join(" "),
-		children: /* @__PURE__ */ u(x, { children: [/* @__PURE__ */ u("div", {
+		children: /* @__PURE__ */ d(S, { children: [/* @__PURE__ */ d("div", {
 			className: "max-w-7xl mx-auto px-4 py-12 grid grid-cols-1 md:grid-cols-2 gap-10 lg:gap-16",
-			children: [/* @__PURE__ */ u("div", {
+			children: [/* @__PURE__ */ d("div", {
 				className: "flex flex-col gap-6",
 				children: [
-					/* @__PURE__ */ u("div", { children: [e ? /* @__PURE__ */ l("div", {
+					/* @__PURE__ */ d("div", { children: [e ? /* @__PURE__ */ u("div", {
 						className: "mb-3",
 						children: e
-					}) : /* @__PURE__ */ l("span", {
+					}) : /* @__PURE__ */ u("span", {
 						className: "text-xl font-bold text-white tracking-tight mb-3 block",
 						children: "shopito"
-					}), t && /* @__PURE__ */ l("p", {
+					}), t && /* @__PURE__ */ u("p", {
 						className: "text-sm text-gray-400 max-w-xs",
 						children: t
 					})] }),
-					r.length > 0 && /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
+					r.length > 0 && /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
 						className: "text-xs font-semibold uppercase tracking-widest text-gray-500 mb-3",
 						children: n
-					}), /* @__PURE__ */ l("ul", {
+					}), /* @__PURE__ */ u("ul", {
 						className: "space-y-3",
 						children: r.map((e, t) => {
-							let n = rt(e.icon), r = /* @__PURE__ */ u("div", {
+							let n = ot(e.icon), r = /* @__PURE__ */ d("div", {
 								className: "flex items-start gap-2.5",
-								children: [n && /* @__PURE__ */ l("span", {
+								children: [n && /* @__PURE__ */ u("span", {
 									className: "mt-0.5 text-primary-400",
 									children: n
-								}), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("p", {
+								}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
 									className: "text-xs text-gray-500 leading-none mb-0.5",
 									children: e.label
-								}), /* @__PURE__ */ l("p", {
+								}), /* @__PURE__ */ u("p", {
 									className: `text-sm text-gray-200 ${e.href ? "hover:text-white transition-colors" : ""}`,
 									children: e.value
 								})] })]
 							});
-							return /* @__PURE__ */ l("li", { children: e.href ? /* @__PURE__ */ l("a", {
+							return /* @__PURE__ */ u("li", { children: e.href ? /* @__PURE__ */ u("a", {
 								href: e.href,
 								children: r
 							}) : r }, t);
 						})
 					})] }),
-					a.length > 0 && /* @__PURE__ */ l("div", {
+					a.length > 0 && /* @__PURE__ */ u("div", {
 						className: "flex gap-2 flex-wrap",
-						children: a.map((e, t) => /* @__PURE__ */ l("a", {
+						children: a.map((e, t) => /* @__PURE__ */ u("a", {
 							href: e.href,
 							"aria-label": e.label,
 							className: "w-8 h-8 flex items-center justify-center rounded-lg bg-gray-800 text-gray-400 hover:bg-primary-600 hover:text-white transition-colors",
-							children: it(e.icon)
+							children: st(e.icon)
 						}, t))
 					})
 				]
-			}), i.length > 0 && /* @__PURE__ */ l("div", {
+			}), i.length > 0 && /* @__PURE__ */ u("div", {
 				className: `grid gap-8 ${i.length === 1 ? "grid-cols-1" : i.length === 2 ? "grid-cols-2" : "grid-cols-2 sm:grid-cols-3"}`,
-				children: i.map((e, t) => /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
+				children: i.map((e, t) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
 					className: "text-xs font-semibold uppercase tracking-widest text-gray-500 mb-3",
 					children: e.heading
-				}), /* @__PURE__ */ l("ul", {
+				}), /* @__PURE__ */ u("ul", {
 					className: "space-y-2",
-					children: e.links.map((e, t) => /* @__PURE__ */ l("li", { children: e.href ? /* @__PURE__ */ l("a", {
+					children: e.links.map((e, t) => /* @__PURE__ */ u("li", { children: e.href ? /* @__PURE__ */ u("a", {
 						href: e.href,
 						className: "text-sm text-gray-400 hover:text-white transition-colors",
 						children: e.label
-					}) : /* @__PURE__ */ l("button", {
+					}) : /* @__PURE__ */ u("button", {
 						onClick: e.onClick,
 						className: "text-sm text-gray-400 hover:text-white transition-colors text-left",
 						children: e.label
 					}) }, t))
 				})] }, t))
 			})]
-		}), /* @__PURE__ */ l("div", {
+		}), /* @__PURE__ */ u("div", {
 			className: "border-t border-gray-800",
-			children: /* @__PURE__ */ u("div", {
+			children: /* @__PURE__ */ d("div", {
 				className: "max-w-7xl mx-auto px-4 py-4 flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ l("p", {
+				children: [/* @__PURE__ */ u("p", {
 					className: "text-xs text-gray-500",
-					children: o ?? `© ${d} Shopito. Všechna práva vyhrazena.`
-				}), s.length > 0 && /* @__PURE__ */ l("nav", {
+					children: o ?? `© ${l} Shopito. Všechna práva vyhrazena.`
+				}), s.length > 0 && /* @__PURE__ */ u("nav", {
 					className: "flex flex-wrap gap-4",
-					children: s.map((e, t) => e.href ? /* @__PURE__ */ l("a", {
+					children: s.map((e, t) => e.href ? /* @__PURE__ */ u("a", {
 						href: e.href,
 						className: "text-xs text-gray-500 hover:text-gray-300 transition-colors",
 						children: e.label
-					}, t) : /* @__PURE__ */ l("button", {
+					}, t) : /* @__PURE__ */ u("button", {
 						onClick: e.onClick,
 						className: "text-xs text-gray-500 hover:text-gray-300 transition-colors",
 						children: e.label
@@ -2340,6 +2382,6 @@ function at({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
 	});
 }
 //#endregion
-export { z as Alert, ee as Avatar, j as Badge, ke as BannerCarousel, w as Button, We as CallToAction, N as Card, F as CardBody, I as CardFooter, P as CardHeader, be as Carousel, ye as CarouselCover, Ee as CategoryTree, H as Checkbox, K as Col, x as Container, at as Footer, G as Grid, Se as Header, k as Heading, E as IconButton, D as Input, T as LoadingSpin, S as Main, Oe as MegaMenu, V as Modal, X as Pagination, Fe as ProductCard, ze as ProductGrid, q as QuantityInput, O as Select, L as Spinner, te as Stack, A as Text, U as Toggle };
+export { B as Alert, te as Avatar, M as Badge, je as BannerCarousel, T as Button, qe as CallToAction, P as Card, I as CardBody, L as CardFooter, F as CardHeader, xe as Carousel, be as CarouselCover, Oe as CategoryTree, H as Checkbox, K as Col, S as Container, ct as Footer, G as Grid, Ce as Header, A as Heading, D as IconButton, O as Input, E as LoadingSpin, C as Main, Ae as MegaMenu, ee as Modal, X as Pagination, Le as ProductCard, He as ProductCarousel, Ve as ProductGrid, q as QuantityInput, k as Select, R as Spinner, ne as Stack, j as Text, U as Toggle };
 
 //# sourceMappingURL=index.js.map