@shopito/design-system-fe 0.1.1 → 0.1.3

package/dist/index.js

@@ -1,17 +1,23 @@
-import { createContext as e, forwardRef as t, useCallback as n, useContext as r, useEffect as i, useRef as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { createPortal as u } from "react-dom";
+import { forwardRef as e, useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { createPortal as c } from "react-dom";
 //#region \0rolldown/runtime.js
-var d = Object.create, f = Object.defineProperty, p = Object.getOwnPropertyDescriptor, m = Object.getOwnPropertyNames, h = Object.getPrototypeOf, g = Object.prototype.hasOwnProperty, _ = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), v = (e, t, n, r) => {
-	if (t && typeof t == "object" || typeof t == "function") for (var i = m(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !g.call(e, s) && s !== n && f(e, s, {
+var l = Object.create, u = Object.defineProperty, d = Object.getOwnPropertyDescriptor, f = Object.getOwnPropertyNames, p = Object.getPrototypeOf, m = Object.prototype.hasOwnProperty, h = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), g = (e, t, n, r) => {
+	if (t && typeof t == "object" || typeof t == "function") for (var i = f(t), a = 0, o = i.length, s; a < o; a++) s = i[a], !m.call(e, s) && s !== n && u(e, s, {
 		get: ((e) => t[e]).bind(null, s),
-		enumerable: !(r = p(t, s)) || r.enumerable
+		enumerable: !(r = d(t, s)) || r.enumerable
 	});
 	return e;
-}, y = /* @__PURE__ */ ((e, t, n) => (n = e == null ? {} : d(h(e)), v(t || !e || !e.__esModule ? f(n, "default", {
+}, _ = (e, t, n) => (n = e == null ? {} : l(p(e)), g(t || !e || !e.__esModule ? u(n, "default", {
 	value: e,
 	enumerable: !0
-}) : n, e)))((/* @__PURE__ */ _(((e, t) => {
+}) : n, e)), v = ({ children: e }) => /* @__PURE__ */ o("div", {
+	className: "container",
+	children: e
+}), y = ({ children: e }) => /* @__PURE__ */ o("main", {
+	className: "main",
+	children: e
+}), b = /* @__PURE__ */ _((/* @__PURE__ */ h(((e, t) => {
 	(function() {
 		var e = {}.hasOwnProperty;
 		function n() {
@@ -37,137 +43,137 @@ var d = Object.create, f = Object.defineProperty, p = Object.getOwnPropertyDescr
 			return n;
 		}) : window.classNames = n;
 	})();
-})))(), 1), b = t(({ variant: e = "primary", size: t = "md", loading: n = !1, fullWidth: r = !1, disabled: i, children: a, className: o = "", ...s }, u) => /* @__PURE__ */ l("button", {
+})))(), 1), x = e(({ variant: e = "primary", size: t = "md", loading: n = !1, fullWidth: r = !1, disabled: i, children: a, className: c = "", ...l }, u) => /* @__PURE__ */ s("button", {
 	ref: u,
 	disabled: i || n,
-	className: (0, y.default)("btn", e && `btn-${e}`, t && `btn-${t}`, r && "w-full", o),
-	...s,
-	children: [n && /* @__PURE__ */ l("svg", {
+	className: (0, b.default)("btn", e && `btn-${e}`, t && `btn-${t}`, r && "w-full", c),
+	...l,
+	children: [n && /* @__PURE__ */ s("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__ */ c("circle", {
+		children: [/* @__PURE__ */ o("circle", {
 			className: "opacity-25",
 			cx: "12",
 			cy: "12",
 			r: "10",
 			stroke: "currentColor",
 			strokeWidth: "4"
-		}), /* @__PURE__ */ c("path", {
+		}), /* @__PURE__ */ o("path", {
 			className: "opacity-75",
 			fill: "currentColor",
 			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
 		})]
 	}), a]
 }));
-b.displayName = "Button";
+x.displayName = "Button";
 //#endregion
 //#region src/components/common/LoadingSpin/LoadingSpin.tsx
-var x = ({ size: e = "md" }) => /* @__PURE__ */ l("svg", {
-	className: (0, y.default)("loading-spin", `loading-spin-${e}`),
+var S = ({ size: e = "md" }) => /* @__PURE__ */ s("svg", {
+	className: (0, b.default)("loading-spin", `loading-spin-${e}`),
 	xmlns: "http://www.w3.org/2000/svg",
 	fill: "none",
 	viewBox: "0 0 24 24",
-	children: [/* @__PURE__ */ c("circle", {
+	children: [/* @__PURE__ */ o("circle", {
 		className: "opacity-25",
 		cx: "12",
 		cy: "12",
 		r: "10",
 		stroke: "currentColor",
 		strokeWidth: "4"
-	}), /* @__PURE__ */ c("path", {
+	}), /* @__PURE__ */ o("path", {
 		className: "opacity-75",
 		fill: "currentColor",
 		d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
 	})]
-}), S = t(({ icon: e, label: t, variant: n = "ghost", size: r = "md", loading: i = !1, disabled: a, className: o = "", ...s }, l) => /* @__PURE__ */ c("button", {
+}), C = e(({ icon: e, label: t, variant: n = "ghost", size: r = "md", loading: i = !1, disabled: a, className: s = "", ...c }, l) => /* @__PURE__ */ o("button", {
 	ref: l,
 	disabled: a || i,
 	"aria-label": t,
 	title: t,
-	className: (0, y.default)("icon-button", `icon-button-${n}`, `icon-button-${r}`, o),
-	...s,
-	children: i ? /* @__PURE__ */ c(x, { size: r }) : e
+	className: (0, b.default)("icon-button", `icon-button-${n}`, `icon-button-${r}`, s),
+	...c,
+	children: i ? /* @__PURE__ */ o(S, { size: r }) : e
 }));
-S.displayName = "IconButton";
+C.displayName = "IconButton";
 //#endregion
 //#region src/components/common/Input/Input.tsx
-var C = t(({ label: e, error: t, hint: n, leftIcon: r, rightIcon: i, fullWidth: a = !1, className: o = "", id: s, ...u }, d) => {
-	let f = s ?? e?.toLowerCase().replace(/\s+/g, "-");
-	return /* @__PURE__ */ l("div", {
+var w = e(({ label: e, error: t, hint: n, leftIcon: r, rightIcon: i, fullWidth: a = !1, className: c = "", id: l, ...u }, d) => {
+	let f = l ?? e?.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ s("div", {
 		className: a ? "w-full" : "inline-block",
 		children: [
-			e && /* @__PURE__ */ c("label", {
+			e && /* @__PURE__ */ o("label", {
 				htmlFor: f,
 				className: "input-label",
 				children: e
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ s("div", {
 				className: "relative",
 				children: [
-					r && /* @__PURE__ */ c("span", {
+					r && /* @__PURE__ */ o("span", {
 						className: "left-icon",
 						children: r
 					}),
-					/* @__PURE__ */ c("input", {
+					/* @__PURE__ */ o("input", {
 						ref: d,
 						id: f,
-						className: (0, y.default)("input", t && "has-error", !!r && "with-left-icon", !!i && "with-right-icon", a && "w-full", o),
+						className: (0, b.default)("input", t && "has-error", !!r && "with-left-icon", !!i && "with-right-icon", a && "w-full", c),
 						...u
 					}),
-					i && /* @__PURE__ */ c("span", {
+					i && /* @__PURE__ */ o("span", {
 						className: "right-icon",
 						children: i
 					})
 				]
 			}),
-			(t || n) && /* @__PURE__ */ c("p", {
-				className: (0, y.default)("helper-text", t && "has-error"),
+			(t || n) && /* @__PURE__ */ o("p", {
+				className: (0, b.default)("helper-text", t && "has-error"),
 				children: t ?? n
 			})
 		]
 	});
 });
-C.displayName = "Input";
+w.displayName = "Input";
 //#endregion
 //#region src/components/common/Select/Select.tsx
-var w = t(({ label: e, error: t, hint: n, options: r, placeholder: i, fullWidth: a = !1, className: o = "", id: s, ...u }, d) => {
-	let f = s ?? e?.toLowerCase().replace(/\s+/g, "-");
-	return /* @__PURE__ */ l("div", {
-		className: (0, y.default)("select-wrapper", a && "w-full"),
+var T = e(({ label: e, error: t, hint: n, options: r, placeholder: i, fullWidth: a = !1, className: c = "", id: l, ...u }, d) => {
+	let f = l ?? e?.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ s("div", {
+		className: (0, b.default)("select-wrapper", a && "w-full"),
 		children: [
-			e && /* @__PURE__ */ c("label", {
+			e && /* @__PURE__ */ o("label", {
 				htmlFor: f,
 				className: "select-label",
 				children: e
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ s("div", {
 				className: "relative",
-				children: [/* @__PURE__ */ l("select", {
+				children: [/* @__PURE__ */ s("select", {
 					ref: d,
 					id: f,
-					className: (0, y.default)("select", t && "has-error", a && "w-full", o),
+					className: (0, b.default)("select", t && "has-error", a && "w-full", c),
 					...u,
-					children: [i && /* @__PURE__ */ c("option", {
+					children: [i && /* @__PURE__ */ o("option", {
 						value: "",
 						disabled: !0,
 						children: i
-					}), r.map((e) => /* @__PURE__ */ c("option", {
+					}), r.map((e) => /* @__PURE__ */ o("option", {
 						value: e.value,
 						disabled: e.disabled,
 						children: e.label
 					}, e.value))]
-				}), /* @__PURE__ */ c("span", {
+				}), /* @__PURE__ */ o("span", {
 					className: "select-chevron-icon",
-					children: /* @__PURE__ */ c("svg", {
+					children: /* @__PURE__ */ o("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__ */ c("path", {
+						children: /* @__PURE__ */ o("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
@@ -175,71 +181,71 @@ var w = t(({ label: e, error: t, hint: n, options: r, placeholder: i, fullWidth:
 					})
 				})]
 			}),
-			(t || n) && /* @__PURE__ */ c("p", {
-				className: (0, y.default)("select-helper", t && "has-error"),
+			(t || n) && /* @__PURE__ */ o("p", {
+				className: (0, b.default)("select-helper", t && "has-error"),
 				children: t ?? n
 			})
 		]
 	});
 });
-w.displayName = "Select";
+T.displayName = "Select";
 //#endregion
 //#region src/components/common/Typography/Heading.tsx
-var T = ({ as: e, level: t = 1, color: n = "default", className: r = "", children: i, ...a }) => /* @__PURE__ */ c(e ?? `h${t}`, {
-	className: (0, y.default)(`text-color-${n}`, `heading-size-${t}`, r),
+var E = ({ as: e, level: t = 1, color: n = "default", className: r = "", children: i, ...a }) => /* @__PURE__ */ o(e ?? `h${t}`, {
+	className: (0, b.default)(`text-color-${n}`, `heading-size-${t}`, r),
 	...a,
 	children: i
-}), E = ({ variant: e = "body", color: t = "default", as: n = "p", className: r = "", children: i, ...a }) => /* @__PURE__ */ c(n, {
-	className: (0, y.default)(`text-color-${t}`, `text-variant-${e}`, r),
+}), D = ({ variant: e = "body", color: t = "default", as: n = "p", className: r = "", children: i, ...a }) => /* @__PURE__ */ o(n, {
+	className: (0, b.default)(`text-color-${t}`, `text-variant-${e}`, r),
 	...a,
 	children: i
 });
 //#endregion
 //#region src/components/common/Badge/Badge.tsx
-function D({ variant: e = "default", size: t = "md", dot: n = !1, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ l("span", {
-		className: (0, y.default)("badge", `badge-${e}`, `badge-${t}`, r),
+function O({ variant: e = "default", size: t = "md", dot: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ s("span", {
+		className: (0, b.default)("badge", `badge-${e}`, `badge-${t}`, r),
 		...a,
-		children: [n && /* @__PURE__ */ c("span", { className: (0, y.default)("badge-dot", `badge-dot-${e}`) }), i]
+		children: [n && /* @__PURE__ */ o("span", { className: (0, b.default)("badge-dot", `badge-dot-${e}`) }), i]
 	});
 }
 //#endregion
 //#region src/components/common/Card/Card.tsx
-var O = {
+var ee = {
 	none: "",
 	sm: "p-4",
 	md: "p-6",
 	lg: "p-8"
 };
-function k({ children: e, padding: t = "md", shadow: n = !0, border: r = !0, className: i = "", ...a }) {
-	return /* @__PURE__ */ c("div", {
+function te({ children: e, padding: t = "md", shadow: n = !0, border: r = !0, className: i = "", ...a }) {
+	return /* @__PURE__ */ o("div", {
 		className: [
 			"bg-white rounded-xl overflow-hidden",
 			r ? "border border-gray-200" : "",
 			n ? "shadow-sm" : "",
-			O[t],
+			ee[t],
 			i
 		].filter(Boolean).join(" "),
 		...a,
 		children: e
 	});
 }
-function A({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ c("div", {
+function ne({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ o("div", {
 		className: ["px-6 py-4 border-b border-gray-100", t].filter(Boolean).join(" "),
 		...n,
 		children: e
 	});
 }
-function ee({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ c("div", {
+function re({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ o("div", {
 		className: ["p-6", t].filter(Boolean).join(" "),
 		...n,
 		children: e
 	});
 }
-function te({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ c("div", {
+function k({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ o("div", {
 		className: ["px-6 py-4 border-t border-gray-100 bg-gray-50", t].filter(Boolean).join(" "),
 		...n,
 		children: e
@@ -247,13 +253,13 @@ function te({ children: e, className: t = "", ...n }) {
 }
 //#endregion
 //#region src/components/common/Spinner/Spinner.tsx
-function j({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
-	return /* @__PURE__ */ l("span", {
+function A({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
+	return /* @__PURE__ */ s("span", {
 		role: "status",
 		"aria-label": n,
-		className: (0, y.default)("spinner-wrapper", r),
+		className: (0, b.default)("spinner-wrapper", r),
 		...i,
-		children: [/* @__PURE__ */ c("span", { className: (0, y.default)("spinner", `spinner-${e}`, `spinner-${t}`) }), /* @__PURE__ */ c("span", {
+		children: [/* @__PURE__ */ o("span", { className: (0, b.default)("spinner", `spinner-${e}`, `spinner-${t}`) }), /* @__PURE__ */ o("span", {
 			className: "sr-only",
 			children: n
 		})]
@@ -261,65 +267,65 @@ function j({ size: e = "md", color: t = "primary", label: n = "Loading…", clas
 }
 //#endregion
 //#region src/components/common/Alert/Alert.tsx
-var M = {
-	info: /* @__PURE__ */ c("path", {
+var j = {
+	info: /* @__PURE__ */ o("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__ */ c("path", {
+	success: /* @__PURE__ */ o("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__ */ c("path", {
+	warning: /* @__PURE__ */ o("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__ */ c("path", {
+	danger: /* @__PURE__ */ o("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 ne({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
-	return /* @__PURE__ */ l("div", {
+function M({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
+	return /* @__PURE__ */ s("div", {
 		role: "alert",
-		className: (0, y.default)("alert", `alert-${e}`, i),
+		className: (0, b.default)("alert", `alert-${e}`, i),
 		...a,
 		children: [
-			/* @__PURE__ */ c("svg", {
+			/* @__PURE__ */ o("svg", {
 				xmlns: "http://www.w3.org/2000/svg",
 				fill: "none",
 				viewBox: "0 0 24 24",
 				strokeWidth: 1.5,
 				stroke: "currentColor",
-				className: (0, y.default)("alert-icon", `alert-icon-${e}`),
-				children: M[e]
+				className: (0, b.default)("alert-icon", `alert-icon-${e}`),
+				children: j[e]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex-1 min-w-0",
-				children: [t && /* @__PURE__ */ c("p", {
+				children: [t && /* @__PURE__ */ o("p", {
 					className: "alert-title",
 					children: t
-				}), /* @__PURE__ */ c("div", {
+				}), /* @__PURE__ */ o("div", {
 					className: "alert-text",
 					children: n
 				})]
 			}),
-			r && /* @__PURE__ */ c("button", {
+			r && /* @__PURE__ */ o("button", {
 				onClick: r,
 				className: "alert-close-btn",
 				"aria-label": "Close",
-				children: /* @__PURE__ */ c("svg", {
+				children: /* @__PURE__ */ o("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__ */ c("path", {
+					children: /* @__PURE__ */ o("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M6 18L18 6M6 6l12 12"
@@ -331,57 +337,57 @@ function ne({ variant: e = "info", title: t, children: n, onClose: r, className:
 }
 //#endregion
 //#region src/components/common/Modal/Modal.tsx
-var re = {
+var N = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-lg",
 	xl: "max-w-xl",
 	full: "max-w-full mx-4"
 };
-function ie({ open: e, onClose: t, title: n, children: r, footer: o, size: s = "md", closeOnBackdrop: d = !0 }) {
-	let f = a(null);
-	return i(() => {
+function P({ open: e, onClose: t, title: i, children: a, footer: l, size: u = "md", closeOnBackdrop: d = !0 }) {
+	let f = r(null);
+	return n(() => {
 		if (!e) return;
 		let t = document.body.style.overflow;
 		return document.body.style.overflow = "hidden", () => {
 			document.body.style.overflow = t;
 		};
-	}, [e]), i(() => {
+	}, [e]), n(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
 		};
 		return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-	}, [e, t]), e ? u(/* @__PURE__ */ c("div", {
+	}, [e, t]), e ? c(/* @__PURE__ */ o("div", {
 		ref: f,
 		className: "fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-sm",
 		onClick: (e) => {
 			d && e.target === f.current && t();
 		},
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ s("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]", re[s]].join(" "),
+			"aria-labelledby": i ? "modal-title" : void 0,
+			className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]", N[u]].join(" "),
 			children: [
-				n && /* @__PURE__ */ l("div", {
+				i && /* @__PURE__ */ s("div", {
 					className: "flex items-center justify-between px-6 py-4 border-b border-gray-100 shrink-0",
-					children: [/* @__PURE__ */ c("h2", {
+					children: [/* @__PURE__ */ o("h2", {
 						id: "modal-title",
 						className: "text-lg font-semibold text-gray-900",
-						children: n
-					}), /* @__PURE__ */ c("button", {
+						children: i
+					}), /* @__PURE__ */ o("button", {
 						onClick: t,
 						className: "text-gray-400 hover:text-gray-600 transition-colors",
 						"aria-label": "Close modal",
-						children: /* @__PURE__ */ c("svg", {
+						children: /* @__PURE__ */ o("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__ */ c("path", {
+							children: /* @__PURE__ */ o("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								d: "M6 18L18 6M6 6l12 12"
@@ -389,13 +395,13 @@ function ie({ open: e, onClose: t, title: n, children: r, footer: o, size: s = "
 						})
 					})]
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ o("div", {
 					className: "flex-1 overflow-y-auto px-6 py-4",
-					children: r
+					children: a
 				}),
-				o && /* @__PURE__ */ c("div", {
+				l && /* @__PURE__ */ o("div", {
 					className: "px-6 py-4 border-t border-gray-100 shrink-0 bg-gray-50 rounded-b-xl",
-					children: o
+					children: l
 				})
 			]
 		})
@@ -403,73 +409,73 @@ function ie({ open: e, onClose: t, title: n, children: r, footer: o, size: s = "
 }
 //#endregion
 //#region src/components/common/Checkbox/Checkbox.tsx
-var N = t(({ label: e, description: t, error: n, indeterminate: r, className: i = "", id: a, ...o }, s) => {
+var F = e(({ label: e, description: t, error: n, indeterminate: r, className: i = "", id: a, ...c }, l) => {
 	let u = a ?? e?.toLowerCase().replace(/\s+/g, "-");
-	return /* @__PURE__ */ l("div", {
-		className: (0, y.default)("checkbox-wrapper", i),
-		children: [/* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ s("div", {
+		className: (0, b.default)("checkbox-wrapper", i),
+		children: [/* @__PURE__ */ o("div", {
 			className: "checkbox-wrapper-inner",
-			children: /* @__PURE__ */ c("input", {
+			children: /* @__PURE__ */ o("input", {
 				ref: (e) => {
-					e && (e.indeterminate = r ?? !1), typeof s == "function" ? s(e) : s && (s.current = e);
+					e && (e.indeterminate = r ?? !1), typeof l == "function" ? l(e) : l && (l.current = e);
 				},
 				id: u,
 				type: "checkbox",
-				className: (0, y.default)("checkbox", n && "has-error"),
-				...o
+				className: (0, b.default)("checkbox", n && "has-error"),
+				...c
 			})
-		}), (e || t) && /* @__PURE__ */ l("div", { children: [
-			e && /* @__PURE__ */ c("label", {
+		}), (e || t) && /* @__PURE__ */ s("div", { children: [
+			e && /* @__PURE__ */ o("label", {
 				htmlFor: u,
 				className: "checkbox-label",
 				children: e
 			}),
-			t && /* @__PURE__ */ c("p", {
+			t && /* @__PURE__ */ o("p", {
 				className: "checkbox-description",
 				children: t
 			}),
-			n && /* @__PURE__ */ c("p", {
+			n && /* @__PURE__ */ o("p", {
 				className: "checkbox-error",
 				children: n
 			})
 		] })]
 	});
 });
-N.displayName = "Checkbox";
+F.displayName = "Checkbox";
 //#endregion
 //#region src/components/common/Toggle/Toggle.tsx
-var P = t(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, o) => {
-	let s = i ?? e?.toLowerCase().replace(/\s+/g, "-");
-	return /* @__PURE__ */ l("label", {
-		htmlFor: s,
-		className: (0, y.default)("toggle", a.disabled && "toggle-disabled", r),
-		children: [/* @__PURE__ */ l("div", {
-			className: (0, y.default)("toggle-wrapper", `toggle-wrapper-${n}`),
+var I = e(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, c) => {
+	let l = i ?? e?.toLowerCase().replace(/\s+/g, "-");
+	return /* @__PURE__ */ s("label", {
+		htmlFor: l,
+		className: (0, b.default)("toggle", a.disabled && "toggle-disabled", r),
+		children: [/* @__PURE__ */ s("div", {
+			className: (0, b.default)("toggle-wrapper", `toggle-wrapper-${n}`),
 			children: [
-				/* @__PURE__ */ c("input", {
-					ref: o,
-					id: s,
+				/* @__PURE__ */ o("input", {
+					ref: c,
+					id: l,
 					type: "checkbox",
 					role: "switch",
 					className: "sr-only peer",
 					...a
 				}),
-				/* @__PURE__ */ c("div", { className: "toggle-track" }),
-				/* @__PURE__ */ c("div", { className: (0, y.default)("toggle-thumb", `toggle-thumb-${n}`) })
+				/* @__PURE__ */ o("div", { className: "toggle-track" }),
+				/* @__PURE__ */ o("div", { className: (0, b.default)("toggle-thumb", `toggle-thumb-${n}`) })
 			]
-		}), (e || t) && /* @__PURE__ */ l("div", { children: [e && /* @__PURE__ */ c("span", {
+		}), (e || t) && /* @__PURE__ */ s("div", { children: [e && /* @__PURE__ */ o("span", {
 			className: "toggle-label",
 			children: e
-		}), t && /* @__PURE__ */ c("span", {
+		}), t && /* @__PURE__ */ o("span", {
 			className: "toggle-description",
 			children: t
 		})] })]
 	});
 });
-P.displayName = "Toggle";
+I.displayName = "Toggle";
 //#endregion
 //#region src/components/common/Avatar/Avatar.tsx
-var F = [
+var L = [
 	"bg-red-500",
 	"bg-orange-500",
 	"bg-amber-500",
@@ -480,38 +486,38 @@ var F = [
 	"bg-violet-500",
 	"bg-pink-500"
 ];
-function ae({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
-	let o = [
+function ie({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
+	let s = [
 		"avatar",
 		`avatar-${r}`,
 		i
-	], s = (e) => {
+	], c = (e) => {
 		let t = 0;
 		for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
-		return F[t % F.length];
+		return L[t % L.length];
 	}, l = (e) => e.split(" ").slice(0, 2).map((e) => e[0]).join("").toUpperCase();
-	return e ? /* @__PURE__ */ c("span", {
-		className: (0, y.default)(o),
+	return e ? /* @__PURE__ */ o("span", {
+		className: (0, b.default)(s),
 		...a,
-		children: /* @__PURE__ */ c("img", {
+		children: /* @__PURE__ */ o("img", {
 			src: e,
 			alt: t ?? n ?? "",
 			className: "w-full h-full object-cover"
 		})
-	}) : n ? /* @__PURE__ */ c("span", {
-		className: (0, y.default)(o, s(n)),
+	}) : n ? /* @__PURE__ */ o("span", {
+		className: (0, b.default)(s, c(n)),
 		"aria-label": n,
 		...a,
 		children: l(n)
-	}) : /* @__PURE__ */ c("span", {
-		className: (0, y.default)(o, "avatar-fallback"),
+	}) : /* @__PURE__ */ o("span", {
+		className: (0, b.default)(s, "avatar-fallback"),
 		...a,
-		children: /* @__PURE__ */ c("svg", {
+		children: /* @__PURE__ */ o("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "currentColor",
 			viewBox: "0 0 24 24",
 			className: "w-3/5 h-3/5",
-			children: /* @__PURE__ */ c("path", {
+			children: /* @__PURE__ */ o("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"
@@ -520,132 +526,76 @@ function ae({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
 	});
 }
 //#endregion
-//#region src/components/common/Tabs/Tabs.tsx
-var I = e(null);
-function L() {
-	let e = r(I);
-	if (!e) throw Error("Tabs subcomponents must be used inside <Tabs>");
-	return e;
-}
-function oe({ defaultTab: e, variant: t = "underline", className: n = "", children: r, ...i }) {
-	let [a, s] = o(e);
-	return /* @__PURE__ */ c(I.Provider, {
-		value: {
-			activeTab: a,
-			setActiveTab: s,
-			variant: t
-		},
-		children: /* @__PURE__ */ c("div", {
-			className: n,
-			...i,
-			children: r
-		})
-	});
-}
-function se({ children: e, className: t = "", ...n }) {
-	let { variant: r } = L();
-	return /* @__PURE__ */ c("div", {
-		role: "tablist",
-		className: (0, y.default)("tablist", `tablist-${r}`, t),
-		...n,
-		children: e
-	});
-}
-function R({ id: e, children: t, className: n = "", ...r }) {
-	let { activeTab: i, setActiveTab: a, variant: o } = L(), s = i === e;
-	return /* @__PURE__ */ c("button", {
-		role: "tab",
-		"aria-selected": s,
-		"aria-controls": `tabpanel-${e}`,
-		id: `tab-${e}`,
-		onClick: () => a(e),
-		className: (0, y.default)("tabs", `tabs-${o}`, `tabs-${s ? "active" : "inactive"}`, n),
-		...r,
-		children: t
-	});
-}
-function z({ id: e, children: t, className: n = "", ...r }) {
-	let { activeTab: i } = L();
-	return i === e ? /* @__PURE__ */ c("div", {
-		role: "tabpanel",
-		id: `tabpanel-${e}`,
-		"aria-labelledby": `tab-${e}`,
-		className: (0, y.default)("tabpanel", n),
-		...r,
-		children: t
-	}) : null;
-}
-//#endregion
 //#region src/components/common/Pagination/Pagination.tsx
-var B = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), V = (e, t, n) => {
-	if (t <= n * 2 + 5) return B(1, t);
+var R = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), z = (e, t, n) => {
+	if (t <= n * 2 + 5) return R(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 ? [
-		...B(1, 3 + n * 2),
+		...R(1, 3 + n * 2),
 		"…",
 		t
 	] : a && !o ? [
 		1,
 		"…",
-		...B(t - (2 + n * 2), t)
+		...R(t - (2 + n * 2), t)
 	] : [
 		1,
 		"…",
-		...B(r, i),
+		...R(r, i),
 		"…",
 		t
 	];
-}, H = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ c("button", {
+}, B = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ o("button", {
 	disabled: t,
-	className: (0, y.default)("pagination-button", `pagination-button-${e ? "active" : "inactive"}`),
+	className: (0, b.default)("pagination-button", `pagination-button-${e ? "active" : "inactive"}`),
 	...r,
 	children: n
-}), U = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
-	let i = V(e, t, r);
-	return /* @__PURE__ */ l("nav", {
+}), V = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
+	let i = z(e, t, r);
+	return /* @__PURE__ */ s("nav", {
 		"aria-label": "Pagination",
 		className: "pagination",
 		children: [
-			/* @__PURE__ */ c(H, {
+			/* @__PURE__ */ o(B, {
 				disabled: e <= 1,
 				onClick: () => n(e - 1),
 				"aria-label": "Previous page",
-				children: /* @__PURE__ */ c("svg", {
+				children: /* @__PURE__ */ o("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__ */ c("path", {
+					children: /* @__PURE__ */ o("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M15.75 19.5L8.25 12l7.5-7.5"
 					})
 				})
 			}),
-			i.map((t, r) => t === "…" ? /* @__PURE__ */ c("span", {
+			i.map((t, r) => t === "…" ? /* @__PURE__ */ o("span", {
 				className: "pagination-dots",
 				children: "…"
-			}, `dots-${r}`) : /* @__PURE__ */ c(H, {
+			}, `dots-${r}`) : /* @__PURE__ */ o(B, {
 				active: t === e,
 				onClick: () => n(t),
 				"aria-label": `Page ${t}`,
 				"aria-current": t === e ? "page" : void 0,
 				children: t
 			}, t)),
-			/* @__PURE__ */ c(H, {
+			/* @__PURE__ */ o(B, {
 				disabled: e >= t,
 				onClick: () => n(e + 1),
 				"aria-label": "Next page",
-				children: /* @__PURE__ */ c("svg", {
+				children: /* @__PURE__ */ o("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__ */ c("path", {
+					children: /* @__PURE__ */ o("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M8.25 4.5l7.5 7.5-7.5 7.5"
@@ -657,9 +607,9 @@ var B = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), V = (e, t,
 };
 //#endregion
 //#region src/components/Header/Header.tsx
-function W({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: i }) {
-	let [s, u] = o(!1), d = a(null), f = () => u(!1);
-	return /* @__PURE__ */ l("div", {
+function H({ trigger: e, items: t, onSelect: n, getKey: a, renderItem: c }) {
+	let [l, u] = i(!1), d = r(null), f = () => u(!1);
+	return /* @__PURE__ */ s("div", {
 		ref: d,
 		className: "relative",
 		onBlur: (e) => {
@@ -668,62 +618,62 @@ function W({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: i }) {
 		onKeyDown: (e) => {
 			e.key === "Escape" && f();
 		},
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ o("div", {
 			role: "button",
 			tabIndex: 0,
 			onClick: () => u((e) => !e),
 			onKeyDown: (e) => e.key === "Enter" && u((e) => !e),
 			className: "cursor-pointer",
 			children: e
-		}), s && /* @__PURE__ */ c("ul", {
+		}), l && /* @__PURE__ */ o("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__ */ c("li", {
+			children: t.map((e) => /* @__PURE__ */ o("li", {
 				role: "none",
-				children: /* @__PURE__ */ c("button", {
+				children: /* @__PURE__ */ o("button", {
 					role: "menuitem",
 					className: "w-full px-3 py-1.5 text-left hover:bg-gray-50 text-gray-700 whitespace-nowrap",
 					onClick: () => {
 						n(e), f();
 					},
-					children: i ? i(e) : e.label
+					children: c ? c(e) : e.label
 				})
-			}, r(e)))
+			}, a(e)))
 		})]
 	});
 }
-function G() {
-	return /* @__PURE__ */ c("svg", {
+function U() {
+	return /* @__PURE__ */ o("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__ */ c("path", {
+		children: /* @__PURE__ */ o("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 K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n, cartItemCount: r = 0, onCartClick: i, isLoggedIn: a = !1, customerName: u, onCustomerClick: d, currencies: f = [], selectedCurrency: p, onCurrencyChange: m, locales: h = [], selectedLocale: g, onLocaleChange: _, rightSlot: v }) {
-	let [y, b] = o(""), x = f.find((e) => e.code === p), S = h.find((e) => e.code === g);
-	return /* @__PURE__ */ c("header", {
+function W({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n, cartItemCount: r = 0, onCartClick: c, isLoggedIn: l = !1, customerName: u, onCustomerClick: d, currencies: f = [], selectedCurrency: p, onCurrencyChange: m, locales: h = [], selectedLocale: g, onLocaleChange: _, rightSlot: v }) {
+	let [y, b] = i(""), x = f.find((e) => e.code === p), S = h.find((e) => e.code === g);
+	return /* @__PURE__ */ o("header", {
 		className: "bg-white border-b border-gray-200 sticky top-0 z-40",
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "max-w-7xl mx-auto px-4 h-16 flex items-center gap-4",
 			children: [
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ o("div", {
 					className: "shrink-0",
-					children: e ?? /* @__PURE__ */ c("span", {
+					children: e ?? /* @__PURE__ */ o("span", {
 						className: "text-xl font-bold text-primary-600 tracking-tight",
 						children: "shopito"
 					})
 				}),
-				/* @__PURE__ */ c("div", {
+				/* @__PURE__ */ o("div", {
 					className: "flex-1 max-w-xl",
-					children: /* @__PURE__ */ c(C, {
+					children: /* @__PURE__ */ o(w, {
 						fullWidth: !0,
 						placeholder: t,
 						value: y,
@@ -731,21 +681,21 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 						onKeyDown: (e) => {
 							e.key === "Enter" && n?.(y);
 						},
-						leftIcon: /* @__PURE__ */ c(G, {}),
-						rightIcon: y ? /* @__PURE__ */ c("button", {
+						leftIcon: /* @__PURE__ */ o(U, {}),
+						rightIcon: y ? /* @__PURE__ */ o("button", {
 							onClick: () => {
 								b(""), n?.("");
 							},
 							className: "hover:text-gray-600 transition-colors",
 							"aria-label": "Clear search",
-							children: /* @__PURE__ */ c("svg", {
+							children: /* @__PURE__ */ o("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__ */ c("path", {
+								children: /* @__PURE__ */ o("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									d: "M6 18L18 6M6 6l12 12"
@@ -754,85 +704,85 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 						}) : void 0
 					})
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ s("div", {
 					className: "flex items-center gap-1 shrink-0 ml-auto",
 					children: [
-						f.length > 0 && /* @__PURE__ */ c(W, {
-							trigger: /* @__PURE__ */ l("button", {
+						f.length > 0 && /* @__PURE__ */ o(H, {
+							trigger: /* @__PURE__ */ s("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__ */ c("span", { children: x?.symbol ?? p }),
-									/* @__PURE__ */ c("span", {
+									/* @__PURE__ */ o("span", { children: x?.symbol ?? p }),
+									/* @__PURE__ */ o("span", {
 										className: "text-xs text-gray-400",
 										children: x?.code ?? p
 									}),
-									/* @__PURE__ */ c(q, { className: "w-3 h-3 text-gray-400" })
+									/* @__PURE__ */ o(G, { className: "w-3 h-3 text-gray-400" })
 								]
 							}),
 							items: f,
 							getKey: (e) => e.code,
 							onSelect: (e) => m?.(e.code),
-							renderItem: (e) => /* @__PURE__ */ l("span", {
+							renderItem: (e) => /* @__PURE__ */ s("span", {
 								className: "flex items-center gap-2",
-								children: [/* @__PURE__ */ c("span", {
+								children: [/* @__PURE__ */ o("span", {
 									className: "w-6 text-center font-medium text-gray-500",
 									children: e.symbol
-								}), /* @__PURE__ */ c("span", { children: e.label })]
+								}), /* @__PURE__ */ o("span", { children: e.label })]
 							})
 						}),
-						h.length > 0 && /* @__PURE__ */ c(W, {
-							trigger: /* @__PURE__ */ l("button", {
+						h.length > 0 && /* @__PURE__ */ o(H, {
+							trigger: /* @__PURE__ */ s("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__ */ c("span", {
+									S?.flag && /* @__PURE__ */ o("span", {
 										className: "text-base leading-none",
 										children: S.flag
 									}),
-									/* @__PURE__ */ c("span", {
+									/* @__PURE__ */ o("span", {
 										className: "font-medium uppercase",
 										children: S?.code ?? g
 									}),
-									/* @__PURE__ */ c(q, { className: "w-3 h-3 text-gray-400" })
+									/* @__PURE__ */ o(G, { className: "w-3 h-3 text-gray-400" })
 								]
 							}),
 							items: h,
 							getKey: (e) => e.code,
 							onSelect: (e) => _?.(e.code),
-							renderItem: (e) => /* @__PURE__ */ l("span", {
+							renderItem: (e) => /* @__PURE__ */ s("span", {
 								className: "flex items-center gap-2",
-								children: [e.flag && /* @__PURE__ */ c("span", {
+								children: [e.flag && /* @__PURE__ */ o("span", {
 									className: "text-base",
 									children: e.flag
-								}), /* @__PURE__ */ c("span", { children: e.label })]
+								}), /* @__PURE__ */ o("span", { children: e.label })]
 							})
 						}),
-						(f.length > 0 || h.length > 0) && /* @__PURE__ */ c("div", { className: "w-px h-5 bg-gray-200 mx-1" }),
-						/* @__PURE__ */ c("button", {
+						(f.length > 0 || h.length > 0) && /* @__PURE__ */ o("div", { className: "w-px h-5 bg-gray-200 mx-1" }),
+						/* @__PURE__ */ o("button", {
 							onClick: d,
 							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__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+							"aria-label": l ? "My account" : "Sign in",
+							children: l ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
 								className: "w-6 h-6 rounded-full bg-primary-600 text-white flex items-center justify-center text-xs font-bold",
 								children: (u ?? "U")[0].toUpperCase()
-							}), u && /* @__PURE__ */ c("span", {
+							}), u && /* @__PURE__ */ o("span", {
 								className: "hidden sm:block font-medium max-w-32 truncate",
 								children: u
-							})] }) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(ce, { className: "w-5 h-5" }), /* @__PURE__ */ c("span", {
+							})] }) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(K, { className: "w-5 h-5" }), /* @__PURE__ */ o("span", {
 								className: "hidden sm:block font-medium",
 								children: "Přihlásit se"
 							})] })
 						}),
-						/* @__PURE__ */ l("button", {
-							onClick: i,
+						/* @__PURE__ */ s("button", {
+							onClick: c,
 							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__ */ c(le, { className: "w-5 h-5" }),
-								/* @__PURE__ */ c("span", {
+								/* @__PURE__ */ o(q, { className: "w-5 h-5" }),
+								/* @__PURE__ */ o("span", {
 									className: "hidden sm:block font-medium",
 									children: "Košík"
 								}),
-								r > 0 && /* @__PURE__ */ c("span", {
+								r > 0 && /* @__PURE__ */ o("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
 								})
@@ -845,45 +795,45 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 		})
 	});
 }
-function q({ className: e }) {
-	return /* @__PURE__ */ c("svg", {
+function G({ className: e }) {
+	return /* @__PURE__ */ o("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 2,
 		stroke: "currentColor",
 		className: e,
-		children: /* @__PURE__ */ c("path", {
+		children: /* @__PURE__ */ o("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
 		})
 	});
 }
-function ce({ className: e }) {
-	return /* @__PURE__ */ c("svg", {
+function K({ className: e }) {
+	return /* @__PURE__ */ o("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 1.5,
 		stroke: "currentColor",
 		className: e,
-		children: /* @__PURE__ */ c("path", {
+		children: /* @__PURE__ */ o("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 le({ className: e }) {
-	return /* @__PURE__ */ c("svg", {
+function q({ className: e }) {
+	return /* @__PURE__ */ o("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
 		viewBox: "0 0 24 24",
 		strokeWidth: 1.5,
 		stroke: "currentColor",
 		className: e,
-		children: /* @__PURE__ */ c("path", {
+		children: /* @__PURE__ */ o("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"
@@ -892,83 +842,83 @@ function le({ className: e }) {
 }
 //#endregion
 //#region src/components/CategoryTree/CategoryTree.tsx
-function J({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, defaultExpandAll: a }) {
-	let s = e.children && e.children.length > 0, [u, d] = o(a || Y(e, t)), f = e.id === t;
-	return /* @__PURE__ */ l("li", { children: [/* @__PURE__ */ l("div", {
+function J({ node: e, activeId: t, onSelect: n, showCounts: r, depth: a, defaultExpandAll: c }) {
+	let l = e.children && e.children.length > 0, [u, d] = i(c || Y(e, t)), f = e.id === t;
+	return /* @__PURE__ */ s("li", { children: [/* @__PURE__ */ s("div", {
 		className: [
 			"group flex items-center gap-1.5 rounded-lg px-2 py-1.5 cursor-pointer select-none",
 			"transition-colors text-sm",
 			f ? "bg-primary-50 text-primary-700 font-medium" : "text-gray-700 hover:bg-gray-50 hover:text-gray-900",
-			i > 0 ? `ml-${Math.min(i * 4, 8)}` : ""
+			a > 0 ? `ml-${Math.min(a * 4, 8)}` : ""
 		].filter(Boolean).join(" "),
-		style: i > 0 ? { marginLeft: i * 16 } : void 0,
+		style: a > 0 ? { marginLeft: a * 16 } : void 0,
 		onClick: () => {
-			n(e), s && d((e) => !e);
+			n(e), l && d((e) => !e);
 		},
 		role: "button",
 		tabIndex: 0,
 		onKeyDown: (t) => {
-			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e), s && d((e) => !e));
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e), l && d((e) => !e));
 		},
-		"aria-expanded": s ? u : void 0,
+		"aria-expanded": l ? u : void 0,
 		children: [
-			s ? /* @__PURE__ */ c("span", {
+			l ? /* @__PURE__ */ o("span", {
 				className: `shrink-0 text-gray-400 transition-transform duration-150 ${u ? "rotate-90" : ""}`,
-				children: /* @__PURE__ */ c("svg", {
+				children: /* @__PURE__ */ o("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__ */ c("path", {
+					children: /* @__PURE__ */ o("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M8.25 4.5l7.5 7.5-7.5 7.5"
 					})
 				})
-			}) : /* @__PURE__ */ c("span", { className: "w-3.5 shrink-0" }),
-			e.icon && /* @__PURE__ */ c("span", {
+			}) : /* @__PURE__ */ o("span", { className: "w-3.5 shrink-0" }),
+			e.icon && /* @__PURE__ */ o("span", {
 				className: "text-base leading-none",
 				children: e.icon
 			}),
-			/* @__PURE__ */ c("span", {
+			/* @__PURE__ */ o("span", {
 				className: "flex-1 truncate",
 				children: e.label
 			}),
-			r && e.count !== void 0 && /* @__PURE__ */ c("span", {
+			r && e.count !== void 0 && /* @__PURE__ */ o("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
 			})
 		]
-	}), s && u && /* @__PURE__ */ c("ul", {
+	}), l && u && /* @__PURE__ */ o("ul", {
 		role: "group",
-		children: e.children.map((e) => /* @__PURE__ */ c(J, {
+		children: e.children.map((e) => /* @__PURE__ */ o(J, {
 			node: e,
 			activeId: t,
 			onSelect: n,
 			showCounts: r,
-			depth: i + 1,
-			defaultExpandAll: a
+			depth: a + 1,
+			defaultExpandAll: c
 		}, e.id))
 	})] });
 }
 function Y(e, t) {
 	return !t || !e.children ? !1 : e.children.some((e) => e.id === t || Y(e, t));
 }
-function ue({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
-	let s = (e) => n?.(e);
-	return /* @__PURE__ */ c("nav", {
+function ae({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...s }) {
+	let c = (e) => n?.(e);
+	return /* @__PURE__ */ o("nav", {
 		"aria-label": "Category navigation",
 		className: ["w-full", a].filter(Boolean).join(" "),
-		...o,
-		children: /* @__PURE__ */ c("ul", {
+		...s,
+		children: /* @__PURE__ */ o("ul", {
 			role: "tree",
 			className: "space-y-0.5",
-			children: e.map((e) => /* @__PURE__ */ c(J, {
+			children: e.map((e) => /* @__PURE__ */ o(J, {
 				node: e,
 				activeId: t,
-				onSelect: s,
+				onSelect: c,
 				showCounts: r,
 				depth: 0,
 				defaultExpandAll: i
@@ -978,59 +928,59 @@ function ue({ 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__ */ c("div", {
+function oe({ item: e, onNavigate: t, onClose: n }) {
+	return e.columns?.length ? /* @__PURE__ */ o("div", {
 		className: "absolute left-0 right-0 top-full z-50 bg-white border-b border-gray-200 shadow-lg",
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "max-w-7xl mx-auto px-4 py-6 flex gap-8",
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ o("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__ */ l("div", { children: [e.heading && /* @__PURE__ */ c("p", {
+				children: e.columns.map((e, r) => /* @__PURE__ */ s("div", { children: [e.heading && /* @__PURE__ */ o("p", {
 					className: "text-xs font-semibold uppercase tracking-wider text-gray-400 mb-2",
 					children: e.heading
-				}), /* @__PURE__ */ c("ul", {
+				}), /* @__PURE__ */ o("ul", {
 					className: "space-y-1",
-					children: e.items.map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l("button", {
+					children: e.items.map((e) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ s("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__ */ c("span", {
+						children: [e.label, e.badge && /* @__PURE__ */ o("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__ */ c("div", {
+			}), e.featured && /* @__PURE__ */ o("div", {
 				className: "w-52 shrink-0",
-				children: /* @__PURE__ */ l("button", {
+				children: /* @__PURE__ */ s("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__ */ c("img", {
+					children: [e.featured.image ? /* @__PURE__ */ o("img", {
 						src: e.featured.image,
 						alt: e.featured.title,
 						className: "w-full h-28 object-cover"
-					}) : /* @__PURE__ */ c("div", {
+					}) : /* @__PURE__ */ o("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__ */ l("div", {
+					}), /* @__PURE__ */ s("div", {
 						className: "p-3",
 						children: [
-							e.featured.eyebrow && /* @__PURE__ */ c("p", {
+							e.featured.eyebrow && /* @__PURE__ */ o("p", {
 								className: "text-[10px] font-semibold uppercase tracking-wider text-primary-500 mb-0.5",
 								children: e.featured.eyebrow
 							}),
-							/* @__PURE__ */ c("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-sm font-semibold text-gray-900 group-hover:text-primary-600 transition-colors",
 								children: e.featured.title
 							}),
-							e.featured.description && /* @__PURE__ */ c("p", {
+							e.featured.description && /* @__PURE__ */ o("p", {
 								className: "text-xs text-gray-500 mt-0.5 line-clamp-2",
 								children: e.featured.description
 							}),
-							e.featured.cta && /* @__PURE__ */ l("span", {
+							e.featured.cta && /* @__PURE__ */ s("span", {
 								className: "inline-block mt-2 text-xs font-medium text-primary-600",
 								children: [e.featured.cta, " →"]
 							})
@@ -1041,56 +991,56 @@ function de({ item: e, onNavigate: t, onClose: n }) {
 		})
 	}) : null;
 }
-function fe({ items: e, activeId: t, onNavigate: n }) {
-	let [r, i] = o(null), s = a(null), u = (e) => {
-		s.current && clearTimeout(s.current), i(e);
+function se({ items: e, activeId: t, onNavigate: n }) {
+	let [a, c] = i(null), l = r(null), u = (e) => {
+		l.current && clearTimeout(l.current), c(e);
 	}, d = () => {
-		s.current = setTimeout(() => i(null), 120);
+		l.current = setTimeout(() => c(null), 120);
 	}, f = () => {
-		s.current && clearTimeout(s.current);
-	}, p = e.find((e) => e.id === r);
-	return /* @__PURE__ */ l("nav", {
+		l.current && clearTimeout(l.current);
+	}, p = e.find((e) => e.id === a);
+	return /* @__PURE__ */ s("nav", {
 		"aria-label": "Main navigation",
 		className: "relative bg-white border-b border-gray-100",
 		onMouseLeave: d,
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ o("div", {
 			className: "max-w-7xl mx-auto px-4",
-			children: /* @__PURE__ */ c("ul", {
+			children: /* @__PURE__ */ o("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__ */ c("li", {
+					let r = !!e.columns?.length, i = a === e.id, l = t === e.id;
+					return /* @__PURE__ */ o("li", {
 						role: "none",
-						children: /* @__PURE__ */ l("button", {
+						children: /* @__PURE__ */ s("button", {
 							role: "menuitem",
-							"aria-haspopup": a ? "true" : void 0,
-							"aria-expanded": a ? o : void 0,
+							"aria-haspopup": r ? "true" : void 0,
+							"aria-expanded": r ? i : 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" : ""
+								l || i ? "text-primary-600" : "text-gray-700 hover:text-gray-900",
+								i ? "after:absolute after:bottom-0 after:left-0 after:right-0 after:h-0.5 after:bg-primary-600" : ""
 							].filter(Boolean).join(" "),
-							onMouseEnter: () => a ? u(e.id) : i(null),
-							onFocus: () => a && u(e.id),
+							onMouseEnter: () => r ? u(e.id) : c(null),
+							onFocus: () => r && u(e.id),
 							onClick: () => {
-								a || (n?.(e), i(null));
+								r || (n?.(e), c(null));
 							},
 							children: [
-								e.icon && /* @__PURE__ */ c("span", {
+								e.icon && /* @__PURE__ */ o("span", {
 									className: "text-base leading-none",
 									children: e.icon
 								}),
 								e.label,
-								a && /* @__PURE__ */ c("svg", {
+								r && /* @__PURE__ */ o("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__ */ c("path", {
+									className: `w-3.5 h-3.5 transition-transform duration-150 ${i ? "rotate-180" : ""}`,
+									children: /* @__PURE__ */ o("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
@@ -1101,35 +1051,35 @@ function fe({ items: e, activeId: t, onNavigate: n }) {
 					}, e.id);
 				})
 			})
-		}), p?.columns?.length && /* @__PURE__ */ c("div", {
+		}), p?.columns?.length && /* @__PURE__ */ o("div", {
 			onMouseEnter: f,
 			onMouseLeave: d,
-			children: /* @__PURE__ */ c(de, {
+			children: /* @__PURE__ */ o(oe, {
 				item: p,
 				onNavigate: (e) => n?.(e),
-				onClose: () => i(null)
+				onClose: () => c(null)
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/BannerCarousel/BannerCarousel.tsx
-function pe({ banners: e, autoPlay: t = !0, autoPlayInterval: r = 5e3, arrows: u = !0, dots: d = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
-	let [m, h] = o(0), [g, _] = o(!1), v = a(null), y = a(null), b = e.length, x = n((e) => {
+function ce({ banners: e, autoPlay: c = !0, autoPlayInterval: l = 5e3, arrows: u = !0, dots: d = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
+	let [m, h] = i(0), [g, _] = i(!1), v = r(null), y = r(null), b = e.length, x = t((e) => {
 		h((e % b + b) % b);
-	}, [b]), S = () => x(m - 1), C = n(() => x(m + 1), [m, x]);
-	i(() => {
-		if (!(!t || g || b <= 1)) return v.current = setInterval(C, r), () => {
+	}, [b]), S = () => x(m - 1), C = t(() => x(m + 1), [m, x]);
+	n(() => {
+		if (!(!c || g || b <= 1)) return v.current = setInterval(C, l), () => {
 			v.current && clearInterval(v.current);
 		};
 	}, [
-		t,
+		c,
 		g,
-		r,
+		l,
 		C,
 		b
 	]);
-	let w = a(null), T = (e) => {
+	let w = r(null), T = (e) => {
 		w.current = e.touches[0].clientX;
 	}, E = (e) => {
 		if (w.current === null) return;
@@ -1138,7 +1088,7 @@ function pe({ banners: e, autoPlay: t = !0, autoPlayInterval: r = 5e3, arrows: u
 	};
 	if (b === 0) return null;
 	let D = e[m], O = D.textColor === "light" || !D.textColor;
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ s("div", {
 		className: ["relative overflow-hidden rounded-xl", f].filter(Boolean).join(" "),
 		style: { aspectRatio: p },
 		onMouseEnter: () => _(!0),
@@ -1146,41 +1096,41 @@ function pe({ banners: e, autoPlay: t = !0, autoPlayInterval: r = 5e3, arrows: u
 		onTouchStart: T,
 		onTouchEnd: E,
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ o("div", {
 				ref: y,
 				className: "relative w-full h-full",
-				children: e.map((e, t) => /* @__PURE__ */ l("div", {
+				children: e.map((e, t) => /* @__PURE__ */ s("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__ */ c("div", { className: "absolute inset-0 bg-gradient-to-r from-black/50 via-black/20 to-transparent" }), /* @__PURE__ */ l("div", {
+					children: [e.backgroundImage && /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-gradient-to-r from-black/50 via-black/20 to-transparent" }), /* @__PURE__ */ s("div", {
 						className: "relative z-10 h-full flex items-center px-8 md:px-12 gap-8",
-						children: [/* @__PURE__ */ l("div", {
+						children: [/* @__PURE__ */ s("div", {
 							className: "flex-1 max-w-lg",
 							children: [
-								e.eyebrow && /* @__PURE__ */ c("p", {
+								e.eyebrow && /* @__PURE__ */ o("p", {
 									className: `text-xs font-semibold uppercase tracking-widest mb-2 ${O ? "text-white/70" : "text-gray-500"}`,
 									children: e.eyebrow
 								}),
-								/* @__PURE__ */ c("h2", {
+								/* @__PURE__ */ o("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__ */ c("p", {
+								e.subtitle && /* @__PURE__ */ o("p", {
 									className: `mt-2 text-sm md:text-base ${O ? "text-white/80" : "text-gray-600"}`,
 									children: e.subtitle
 								}),
-								e.ctaLabel && /* @__PURE__ */ l("button", {
+								e.ctaLabel && /* @__PURE__ */ s("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__ */ c("svg", {
+									children: [e.ctaLabel, /* @__PURE__ */ o("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__ */ c("path", {
+										children: /* @__PURE__ */ o("path", {
 											strokeLinecap: "round",
 											strokeLinejoin: "round",
 											d: "M8.25 4.5l7.5 7.5-7.5 7.5"
@@ -1188,9 +1138,9 @@ function pe({ banners: e, autoPlay: t = !0, autoPlayInterval: r = 5e3, arrows: u
 									})]
 								})
 							]
-						}), e.sideImage && /* @__PURE__ */ c("div", {
+						}), e.sideImage && /* @__PURE__ */ o("div", {
 							className: "hidden md:block flex-1 h-full flex items-end justify-end overflow-hidden",
-							children: /* @__PURE__ */ c("img", {
+							children: /* @__PURE__ */ o("img", {
 								src: e.sideImage,
 								alt: "",
 								className: "h-full w-auto object-contain object-bottom drop-shadow-2xl"
@@ -1199,54 +1149,54 @@ function pe({ banners: e, autoPlay: t = !0, autoPlayInterval: r = 5e3, arrows: u
 					})]
 				}, e.id))
 			}),
-			u && b > 1 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("button", {
+			u && b > 1 && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("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__ */ c("svg", {
+				children: /* @__PURE__ */ o("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__ */ c("path", {
+					children: /* @__PURE__ */ o("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M15.75 19.5L8.25 12l7.5-7.5"
 					})
 				})
-			}), /* @__PURE__ */ c("button", {
+			}), /* @__PURE__ */ o("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__ */ c("svg", {
+				children: /* @__PURE__ */ o("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__ */ c("path", {
+					children: /* @__PURE__ */ o("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						d: "M8.25 4.5l7.5 7.5-7.5 7.5"
 					})
 				})
 			})] }),
-			d && b > 1 && /* @__PURE__ */ c("div", {
+			d && b > 1 && /* @__PURE__ */ o("div", {
 				className: "absolute bottom-3 left-1/2 -translate-x-1/2 z-20 flex gap-1.5",
-				children: e.map((e, t) => /* @__PURE__ */ c("button", {
+				children: e.map((e, t) => /* @__PURE__ */ o("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__ */ c("div", {
+			c && b > 1 && /* @__PURE__ */ o("div", {
 				className: "absolute bottom-0 left-0 right-0 h-0.5 bg-white/20 z-20",
-				children: /* @__PURE__ */ c("div", {
+				children: /* @__PURE__ */ o("div", {
 					className: `h-full bg-white/60 ${g ? "" : "animate-progress"}`,
-					style: { animation: g ? "none" : `progress ${r}ms linear` }
+					style: { animation: g ? "none" : `progress ${l}ms linear` }
 				}, `${m}-${g}`)
 			})
 		]
@@ -1254,23 +1204,23 @@ function pe({ banners: e, autoPlay: t = !0, autoPlayInterval: r = 5e3, arrows: u
 }
 //#endregion
 //#region src/components/ProductCard/ProductCard.tsx
-function me({ filled: e }) {
-	return /* @__PURE__ */ c("svg", {
+function le({ filled: e }) {
+	return /* @__PURE__ */ o("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__ */ c("path", {
+		children: /* @__PURE__ */ o("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 he({ value: e, count: t }) {
-	return /* @__PURE__ */ l("div", {
+function ue({ value: e, count: t }) {
+	return /* @__PURE__ */ s("div", {
 		className: "flex items-center gap-1",
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ o("div", {
 			className: "flex gap-0.5",
 			children: [
 				1,
@@ -1278,8 +1228,8 @@ function he({ value: e, count: t }) {
 				3,
 				4,
 				5
-			].map((t) => /* @__PURE__ */ c(me, { filled: t <= Math.round(e) }, t))
-		}), t !== void 0 && /* @__PURE__ */ l("span", {
+			].map((t) => /* @__PURE__ */ o(le, { filled: t <= Math.round(e) }, t))
+		}), t !== void 0 && /* @__PURE__ */ s("span", {
 			className: "text-xs text-gray-400",
 			children: [
 				"(",
@@ -1289,54 +1239,54 @@ function he({ value: e, count: t }) {
 		})]
 	});
 }
-function ge(e) {
+function de(e) {
 	let t = e.toLowerCase();
 	return t === "sale" || t === "akce" ? "danger" : t === "new" || t === "nové" ? "primary" : t === "hot" ? "warning" : "default";
 }
 function X(e, t = "Kč") {
 	return `${e.toLocaleString("cs-CZ")} ${t}`;
 }
-function _e(e, t) {
+function fe(e, t) {
 	return Math.round((1 - t / e) * 100);
 }
-function Z({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r = !1, onProductClick: i, size: a = "default", className: s = "" }) {
-	let [u, d] = o(!1), [f, p] = o(!1), m = e.originalPrice !== void 0 && e.originalPrice > e.price;
-	return /* @__PURE__ */ l("article", {
+function Z({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r = !1, onProductClick: a, size: c = "default", className: l = "" }) {
+	let [u, d] = i(!1), [f, p] = i(!1), m = e.originalPrice !== void 0 && e.originalPrice > e.price;
+	return /* @__PURE__ */ s("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",
-			s
+			l
 		].filter(Boolean).join(" "),
-		onClick: () => i?.(e),
+		onClick: () => a?.(e),
 		onMouseEnter: () => d(!0),
 		onMouseLeave: () => d(!1),
-		children: [/* @__PURE__ */ l("div", {
-			className: `relative overflow-hidden bg-gray-50 ${a === "compact" ? "aspect-square" : "aspect-4/3"}`,
+		children: [/* @__PURE__ */ s("div", {
+			className: `relative overflow-hidden bg-gray-50 ${c === "compact" ? "aspect-square" : "aspect-4/3"}`,
 			children: [
-				e.image ? /* @__PURE__ */ c("img", {
+				e.image ? /* @__PURE__ */ o("img", {
 					src: u && 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__ */ c("div", {
+				}) : /* @__PURE__ */ o("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__ */ c("div", {
+				e.badge && /* @__PURE__ */ o("div", {
 					className: "absolute top-2 left-2",
-					children: /* @__PURE__ */ c(D, {
-						variant: ge(e.badge),
+					children: /* @__PURE__ */ o(O, {
+						variant: de(e.badge),
 						size: "sm",
-						children: e.badge === "sale" && m ? `-${_e(e.originalPrice, e.price)}%` : e.badge
+						children: e.badge === "sale" && m ? `-${fe(e.originalPrice, e.price)}%` : e.badge
 					})
 				}),
-				e.inStock === !1 && /* @__PURE__ */ c("div", {
+				e.inStock === !1 && /* @__PURE__ */ o("div", {
 					className: "absolute inset-0 bg-white/70 flex items-center justify-center",
-					children: /* @__PURE__ */ c("span", {
+					children: /* @__PURE__ */ o("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__ */ c("button", {
+				/* @__PURE__ */ o("button", {
 					onClick: (t) => {
 						t.stopPropagation(), n?.(e);
 					},
@@ -1347,22 +1297,22 @@ function Z({ 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__ */ c("svg", {
+					children: /* @__PURE__ */ o("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__ */ c("path", {
+						children: /* @__PURE__ */ o("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__ */ c("div", {
+				/* @__PURE__ */ o("div", {
 					className: ["absolute bottom-0 left-0 right-0 p-2 transition-transform duration-200", u ? "translate-y-0" : "translate-y-full"].join(" "),
-					children: /* @__PURE__ */ c(b, {
+					children: /* @__PURE__ */ o(x, {
 						variant: "primary",
 						size: "sm",
 						fullWidth: !0,
@@ -1372,16 +1322,16 @@ function Z({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 							n.stopPropagation(), t?.(e), p(!0), setTimeout(() => p(!1), 1500);
 						},
 						className: "shadow-lg",
-						children: f ? /* @__PURE__ */ l("span", {
+						children: f ? /* @__PURE__ */ s("span", {
 							className: "flex items-center gap-1.5",
-							children: [/* @__PURE__ */ c("svg", {
+							children: [/* @__PURE__ */ o("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__ */ c("path", {
+								children: /* @__PURE__ */ o("path", {
 									strokeLinecap: "round",
 									strokeLinejoin: "round",
 									d: "M4.5 12.75l6 6 9-13.5"
@@ -1391,34 +1341,34 @@ function Z({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 					})
 				})
 			]
-		}), /* @__PURE__ */ l("div", {
-			className: `flex flex-col gap-1.5 ${a === "compact" ? "p-3" : "p-4"}`,
+		}), /* @__PURE__ */ s("div", {
+			className: `flex flex-col gap-1.5 ${c === "compact" ? "p-3" : "p-4"}`,
 			children: [
-				e.variants && e.variants.length > 0 && /* @__PURE__ */ l("div", {
+				e.variants && e.variants.length > 0 && /* @__PURE__ */ s("div", {
 					className: "flex gap-1",
-					children: [e.variants.slice(0, 5).map((e) => /* @__PURE__ */ c("span", {
+					children: [e.variants.slice(0, 5).map((e) => /* @__PURE__ */ o("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__ */ l("span", {
+					}, e.id)), e.variants.length > 5 && /* @__PURE__ */ s("span", {
 						className: "text-xs text-gray-400",
 						children: ["+", e.variants.length - 5]
 					})]
 				}),
-				/* @__PURE__ */ c("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"}`,
+				/* @__PURE__ */ o("h3", {
+					className: `font-medium text-gray-900 leading-snug line-clamp-2 group-hover:text-primary-600 transition-colors ${c === "compact" ? "text-xs" : "text-sm"}`,
 					children: e.name
 				}),
-				e.rating !== void 0 && /* @__PURE__ */ c(he, {
+				e.rating !== void 0 && /* @__PURE__ */ o(ue, {
 					value: e.rating,
 					count: e.reviewCount
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ s("div", {
 					className: "flex items-baseline gap-2 mt-auto pt-1",
-					children: [/* @__PURE__ */ c("span", {
-						className: `font-bold text-gray-900 ${a === "compact" ? "text-base" : "text-lg"}`,
+					children: [/* @__PURE__ */ o("span", {
+						className: `font-bold text-gray-900 ${c === "compact" ? "text-base" : "text-lg"}`,
 						children: X(e.price, e.currency)
-					}), m && /* @__PURE__ */ c("span", {
+					}), m && /* @__PURE__ */ o("span", {
 						className: "text-sm text-gray-400 line-through",
 						children: X(e.originalPrice, e.currency)
 					})]
@@ -1434,7 +1384,7 @@ var Q = {
 	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"
-}, ve = [
+}, pe = [
 	{
 		value: "newest",
 		label: "Nejnovější"
@@ -1456,50 +1406,50 @@ var Q = {
 		label: "Bestsellery"
 	}
 ];
-function ye() {
-	return /* @__PURE__ */ l("div", {
+function me() {
+	return /* @__PURE__ */ s("div", {
 		className: "rounded-xl border border-gray-100 overflow-hidden animate-pulse",
-		children: [/* @__PURE__ */ c("div", { className: "aspect-4/3 bg-gray-200" }), /* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ o("div", { className: "aspect-4/3 bg-gray-200" }), /* @__PURE__ */ s("div", {
 			className: "p-4 space-y-2",
 			children: [
-				/* @__PURE__ */ c("div", { className: "h-3 bg-gray-200 rounded w-3/4" }),
-				/* @__PURE__ */ c("div", { className: "h-3 bg-gray-200 rounded w-1/2" }),
-				/* @__PURE__ */ c("div", { className: "h-5 bg-gray-200 rounded w-1/3 mt-2" })
+				/* @__PURE__ */ o("div", { className: "h-3 bg-gray-200 rounded w-3/4" }),
+				/* @__PURE__ */ o("div", { className: "h-3 bg-gray-200 rounded w-1/2" }),
+				/* @__PURE__ */ o("div", { className: "h-5 bg-gray-200 rounded w-1/3 mt-2" })
 			]
 		})]
 	});
 }
-function be({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: o = ve, selectedSort: s, onSortChange: u, activeFilters: d = [], onRemoveFilter: f, onClearFilters: p, loading: m = !1, emptyState: h, onAddToCart: g, onWishlistToggle: _, onProductClick: v, wishlisted: y = [], className: b = "" }) {
+function he({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: c = pe, selectedSort: l, onSortChange: u, activeFilters: d = [], 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__ */ l("div", {
+	return /* @__PURE__ */ s("div", {
 		className: ["w-full", b].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex flex-wrap items-center justify-between gap-3 mb-4",
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ s("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [
-						t !== void 0 && /* @__PURE__ */ l("span", {
+						t !== void 0 && /* @__PURE__ */ s("span", {
 							className: "text-sm text-gray-500",
-							children: [/* @__PURE__ */ c("span", {
+							children: [/* @__PURE__ */ o("span", {
 								className: "font-semibold text-gray-900",
 								children: t
 							}), " produktů"]
 						}),
-						d.map((e) => /* @__PURE__ */ l("span", {
+						d.map((e) => /* @__PURE__ */ s("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__ */ c("button", {
+							children: [e, /* @__PURE__ */ o("button", {
 								onClick: () => f?.(e),
 								"aria-label": `Remove filter ${e}`,
 								className: "hover:text-primary-900 transition-colors",
-								children: /* @__PURE__ */ c("svg", {
+								children: /* @__PURE__ */ o("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__ */ c("path", {
+									children: /* @__PURE__ */ o("path", {
 										strokeLinecap: "round",
 										strokeLinejoin: "round",
 										d: "M6 18L18 6M6 6l12 12"
@@ -1507,50 +1457,50 @@ function be({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 								})
 							})]
 						}, e)),
-						d.length > 1 && /* @__PURE__ */ c("button", {
+						d.length > 1 && /* @__PURE__ */ o("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__ */ c(w, {
-					options: o,
-					value: s ?? "",
+				}), /* @__PURE__ */ o(T, {
+					options: c,
+					value: l ?? "",
 					onChange: (e) => u?.(e.target.value),
 					"aria-label": "Sort products",
 					className: "text-sm"
 				})]
 			}),
-			m ? /* @__PURE__ */ c("div", {
+			m ? /* @__PURE__ */ o("div", {
 				className: `grid gap-4 ${Q[a]}`,
-				children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ c(ye, {}, t))
-			}) : e.length === 0 ? /* @__PURE__ */ c("div", {
+				children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ o(me, {}, t))
+			}) : e.length === 0 ? /* @__PURE__ */ o("div", {
 				className: "py-16 text-center",
-				children: h ?? /* @__PURE__ */ l("div", {
+				children: h ?? /* @__PURE__ */ s("div", {
 					className: "space-y-2",
 					children: [
-						/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ o("p", {
 							className: "text-4xl",
 							children: "🔍"
 						}),
-						/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ o("p", {
 							className: "font-semibold text-gray-900",
 							children: "Žádné produkty nenalezeny"
 						}),
-						/* @__PURE__ */ c("p", {
+						/* @__PURE__ */ o("p", {
 							className: "text-sm text-gray-500",
 							children: "Zkuste upravit filtry nebo hledat jinak."
 						}),
-						d.length > 0 && /* @__PURE__ */ c("button", {
+						d.length > 0 && /* @__PURE__ */ o("button", {
 							onClick: p,
 							className: "mt-3 text-sm text-primary-600 hover:underline",
 							children: "Zrušit všechny filtry"
 						})
 					]
 				})
-			}) : /* @__PURE__ */ c("div", {
+			}) : /* @__PURE__ */ o("div", {
 				className: `grid gap-4 ${Q[a]}`,
-				children: e.map((e) => /* @__PURE__ */ c(Z, {
+				children: e.map((e) => /* @__PURE__ */ o(Z, {
 					product: e,
 					size: S,
 					onAddToCart: g,
@@ -1559,9 +1509,9 @@ function be({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 					isWishlisted: y.includes(e.id)
 				}, e.id))
 			}),
-			x && x > 1 && r && /* @__PURE__ */ c("div", {
+			x && x > 1 && r && /* @__PURE__ */ o("div", {
 				className: "flex justify-center mt-8",
-				children: /* @__PURE__ */ c(U, {
+				children: /* @__PURE__ */ o(V, {
 					page: n,
 					totalPages: x,
 					onPageChange: r
@@ -1572,14 +1522,14 @@ function be({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 }
 //#endregion
 //#region src/components/CallToAction/CallToAction.tsx
-var xe = {
+var ge = {
 	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"
-}, Se = {
+}, _e = {
 	default: {
 		eyebrow: "text-primary-600",
 		title: "text-gray-900",
@@ -1610,7 +1560,7 @@ var xe = {
 		title: "text-white",
 		description: "text-white/80"
 	}
-}, Ce = {
+}, ve = {
 	sm: {
 		wrapper: "px-6 py-6 rounded-xl",
 		title: "text-xl font-bold",
@@ -1635,7 +1585,7 @@ var xe = {
 		description: "text-xl",
 		eyebrow: "text-sm"
 	}
-}, we = {
+}, ye = {
 	left: {
 		wrapper: "items-start text-left",
 		actions: "justify-start"
@@ -1649,8 +1599,8 @@ var xe = {
 		actions: "justify-end"
 	}
 };
-function Te({ eyebrow: e, title: t, description: n, actions: r = [], align: i = "center", layout: a = "stacked", size: o = "md", variant: s = "default", background: u, backgroundImage: d, media: f, className: p = "", style: m }) {
-	let h = Se[s], g = Ce[o], _ = we[i], v = a === "inline", y = {
+function be({ eyebrow: e, title: t, description: n, actions: r = [], align: i = "center", layout: a = "stacked", size: c = "md", variant: l = "default", background: u, backgroundImage: d, media: f, className: p = "", style: m }) {
+	let h = _e[l], g = ve[c], _ = ye[i], v = a === "inline", y = {
 		...u ? { background: u } : {},
 		...d ? {
 			backgroundImage: `url(${d})`,
@@ -1659,48 +1609,48 @@ function Te({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
 		} : {},
 		...m
 	};
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ s("div", {
 		className: [
 			"w-full",
-			xe[s],
+			ge[l],
 			g.wrapper,
 			p
 		].filter(Boolean).join(" "),
 		style: Object.keys(y).length ? y : void 0,
-		children: [(s === "image" || d) && /* @__PURE__ */ c("div", { className: "absolute inset-0 bg-black/50" }), /* @__PURE__ */ l("div", {
+		children: [(l === "image" || d) && /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-black/50" }), /* @__PURE__ */ s("div", {
 			className: `relative ${v ? "flex flex-wrap items-center justify-between gap-6" : `flex flex-col gap-4 ${_.wrapper}`}`,
 			children: [
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ s("div", {
 					className: `flex flex-col gap-2 ${v ? "flex-1 min-w-0" : _.wrapper}`,
 					children: [
-						e && /* @__PURE__ */ c("p", {
+						e && /* @__PURE__ */ o("p", {
 							className: `font-semibold uppercase tracking-widest ${g.eyebrow} ${h.eyebrow}`,
 							children: e
 						}),
-						/* @__PURE__ */ c("h2", {
+						/* @__PURE__ */ o("h2", {
 							className: `${g.title} ${h.title}`,
 							children: t
 						}),
-						n && /* @__PURE__ */ c("p", {
+						n && /* @__PURE__ */ o("p", {
 							className: `max-w-2xl ${g.description} ${h.description}`,
 							children: n
 						})
 					]
 				}),
-				f && !v && /* @__PURE__ */ c("div", {
+				f && !v && /* @__PURE__ */ o("div", {
 					className: "mt-2",
 					children: f
 				}),
-				r.length > 0 && /* @__PURE__ */ c("div", {
+				r.length > 0 && /* @__PURE__ */ o("div", {
 					className: `flex flex-wrap gap-3 ${v ? "shrink-0" : _.actions}`,
 					children: r.map((e, t) => {
-						let n = /* @__PURE__ */ c(b, {
-							variant: e.variant ?? (t === 0 ? Ee(s) : "outline"),
-							size: e.size ?? (o === "sm" ? "sm" : o === "xl" ? "lg" : "md"),
+						let n = /* @__PURE__ */ o(x, {
+							variant: e.variant ?? (t === 0 ? xe(l) : "outline"),
+							size: e.size ?? (c === "sm" ? "sm" : c === "xl" ? "lg" : "md"),
 							onClick: e.onClick,
 							children: e.label
 						}, t);
-						return e.href ? /* @__PURE__ */ c("a", {
+						return e.href ? /* @__PURE__ */ o("a", {
 							href: e.href,
 							className: "contents",
 							children: n
@@ -1711,233 +1661,233 @@ function Te({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
 		})]
 	});
 }
-function Ee(e) {
+function xe(e) {
 	return e === "default" || e === "outline" ? "primary" : "secondary";
 }
 //#endregion
 //#region src/components/Footer/Footer.tsx
-function $() {
-	return /* @__PURE__ */ c("svg", {
+function Se() {
+	return /* @__PURE__ */ o("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__ */ c("path", {
+		children: /* @__PURE__ */ o("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 De() {
-	return /* @__PURE__ */ c("svg", {
+function Ce() {
+	return /* @__PURE__ */ o("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__ */ c("path", {
+		children: /* @__PURE__ */ o("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 Oe() {
-	return /* @__PURE__ */ l("svg", {
+function we() {
+	return /* @__PURE__ */ s("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__ */ c("path", {
+		children: [/* @__PURE__ */ o("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"
-		}), /* @__PURE__ */ c("path", {
+		}), /* @__PURE__ */ o("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 ke() {
-	return /* @__PURE__ */ c("svg", {
+function Te() {
+	return /* @__PURE__ */ o("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__ */ c("path", {
+		children: /* @__PURE__ */ o("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			d: "M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"
 		})
 	});
 }
-function Ae() {
-	return /* @__PURE__ */ c("svg", {
+function Ee() {
+	return /* @__PURE__ */ o("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ c("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__ */ o("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 je() {
-	return /* @__PURE__ */ c("svg", {
+function De() {
+	return /* @__PURE__ */ o("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ c("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__ */ o("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 Me() {
-	return /* @__PURE__ */ c("svg", {
+function $() {
+	return /* @__PURE__ */ o("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ c("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__ */ o("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 Ne() {
-	return /* @__PURE__ */ c("svg", {
+function Oe() {
+	return /* @__PURE__ */ o("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ c("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__ */ o("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 Pe() {
-	return /* @__PURE__ */ c("svg", {
+function ke() {
+	return /* @__PURE__ */ o("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
 		fill: "currentColor",
 		className: "w-4 h-4",
-		children: /* @__PURE__ */ c("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__ */ o("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 Fe = {
-	facebook: Ae,
-	instagram: je,
-	twitter: Me,
-	youtube: Ne,
-	tiktok: Pe
-}, Ie = {
-	phone: $,
-	email: De,
-	address: Oe,
-	hours: ke
+var Ae = {
+	facebook: Ee,
+	instagram: De,
+	twitter: $,
+	youtube: Oe,
+	tiktok: ke
+}, je = {
+	phone: Se,
+	email: Ce,
+	address: we,
+	hours: Te
 };
-function Le(e) {
+function Me(e) {
 	if (!e) return null;
 	if (typeof e == "string") {
-		let t = Ie[e];
-		return t ? /* @__PURE__ */ c(t, {}) : null;
+		let t = je[e];
+		return t ? /* @__PURE__ */ o(t, {}) : null;
 	}
 	return e;
 }
-function Re(e) {
+function Ne(e) {
 	if (typeof e == "string") {
-		let t = Fe[e];
-		return t ? /* @__PURE__ */ c(t, {}) : null;
+		let t = Ae[e];
+		return t ? /* @__PURE__ */ o(t, {}) : null;
 	}
 	return e;
 }
-function ze({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: o, bottomLinks: s = [], className: u = "" }) {
+function Pe({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: c, bottomLinks: l = [], className: u = "" }) {
 	let d = (/* @__PURE__ */ new Date()).getFullYear();
-	return /* @__PURE__ */ l("footer", {
+	return /* @__PURE__ */ s("footer", {
 		className: ["bg-gray-900 text-gray-300", u].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ l("div", {
+		children: [/* @__PURE__ */ s("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__ */ l("div", {
+			children: [/* @__PURE__ */ s("div", {
 				className: "flex flex-col gap-6",
 				children: [
-					/* @__PURE__ */ l("div", { children: [e ? /* @__PURE__ */ c("div", {
+					/* @__PURE__ */ s("div", { children: [e ? /* @__PURE__ */ o("div", {
 						className: "mb-3",
 						children: e
-					}) : /* @__PURE__ */ c("span", {
+					}) : /* @__PURE__ */ o("span", {
 						className: "text-xl font-bold text-white tracking-tight mb-3 block",
 						children: "shopito"
-					}), t && /* @__PURE__ */ c("p", {
+					}), t && /* @__PURE__ */ o("p", {
 						className: "text-sm text-gray-400 max-w-xs",
 						children: t
 					})] }),
-					r.length > 0 && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h3", {
+					r.length > 0 && /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h3", {
 						className: "text-xs font-semibold uppercase tracking-widest text-gray-500 mb-3",
 						children: n
-					}), /* @__PURE__ */ c("ul", {
+					}), /* @__PURE__ */ o("ul", {
 						className: "space-y-3",
 						children: r.map((e, t) => {
-							let n = Le(e.icon), r = /* @__PURE__ */ l("div", {
+							let n = Me(e.icon), r = /* @__PURE__ */ s("div", {
 								className: "flex items-start gap-2.5",
-								children: [n && /* @__PURE__ */ c("span", {
+								children: [n && /* @__PURE__ */ o("span", {
 									className: "mt-0.5 text-primary-400",
 									children: n
-								}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+								}), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
 									className: "text-xs text-gray-500 leading-none mb-0.5",
 									children: e.label
-								}), /* @__PURE__ */ c("p", {
+								}), /* @__PURE__ */ o("p", {
 									className: `text-sm text-gray-200 ${e.href ? "hover:text-white transition-colors" : ""}`,
 									children: e.value
 								})] })]
 							});
-							return /* @__PURE__ */ c("li", { children: e.href ? /* @__PURE__ */ c("a", {
+							return /* @__PURE__ */ o("li", { children: e.href ? /* @__PURE__ */ o("a", {
 								href: e.href,
 								children: r
 							}) : r }, t);
 						})
 					})] }),
-					a.length > 0 && /* @__PURE__ */ c("div", {
+					a.length > 0 && /* @__PURE__ */ o("div", {
 						className: "flex gap-2 flex-wrap",
-						children: a.map((e, t) => /* @__PURE__ */ c("a", {
+						children: a.map((e, t) => /* @__PURE__ */ o("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: Re(e.icon)
+							children: Ne(e.icon)
 						}, t))
 					})
 				]
-			}), i.length > 0 && /* @__PURE__ */ c("div", {
+			}), i.length > 0 && /* @__PURE__ */ o("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__ */ l("div", { children: [/* @__PURE__ */ c("h3", {
+				children: i.map((e, t) => /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h3", {
 					className: "text-xs font-semibold uppercase tracking-widest text-gray-500 mb-3",
 					children: e.heading
-				}), /* @__PURE__ */ c("ul", {
+				}), /* @__PURE__ */ o("ul", {
 					className: "space-y-2",
-					children: e.links.map((e, t) => /* @__PURE__ */ c("li", { children: e.href ? /* @__PURE__ */ c("a", {
+					children: e.links.map((e, t) => /* @__PURE__ */ o("li", { children: e.href ? /* @__PURE__ */ o("a", {
 						href: e.href,
 						className: "text-sm text-gray-400 hover:text-white transition-colors",
 						children: e.label
-					}) : /* @__PURE__ */ c("button", {
+					}) : /* @__PURE__ */ o("button", {
 						onClick: e.onClick,
 						className: "text-sm text-gray-400 hover:text-white transition-colors text-left",
 						children: e.label
 					}) }, t))
 				})] }, t))
 			})]
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ o("div", {
 			className: "border-t border-gray-800",
-			children: /* @__PURE__ */ l("div", {
+			children: /* @__PURE__ */ s("div", {
 				className: "max-w-7xl mx-auto px-4 py-4 flex flex-wrap items-center justify-between gap-3",
-				children: [/* @__PURE__ */ c("p", {
+				children: [/* @__PURE__ */ o("p", {
 					className: "text-xs text-gray-500",
-					children: o ?? `© ${d} Shopito. Všechna práva vyhrazena.`
-				}), s.length > 0 && /* @__PURE__ */ c("nav", {
+					children: c ?? `© ${d} Shopito. Všechna práva vyhrazena.`
+				}), l.length > 0 && /* @__PURE__ */ o("nav", {
 					className: "flex flex-wrap gap-4",
-					children: s.map((e, t) => e.href ? /* @__PURE__ */ c("a", {
+					children: l.map((e, t) => e.href ? /* @__PURE__ */ o("a", {
 						href: e.href,
 						className: "text-xs text-gray-500 hover:text-gray-300 transition-colors",
 						children: e.label
-					}, t) : /* @__PURE__ */ c("button", {
+					}, t) : /* @__PURE__ */ o("button", {
 						onClick: e.onClick,
 						className: "text-xs text-gray-500 hover:text-gray-300 transition-colors",
 						children: e.label
@@ -1948,6 +1898,6 @@ function ze({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
 	});
 }
 //#endregion
-export { ne as Alert, ae as Avatar, D as Badge, pe as BannerCarousel, b as Button, Te as CallToAction, k as Card, ee as CardBody, te as CardFooter, A as CardHeader, ue as CategoryTree, N as Checkbox, ze as Footer, K as Header, T as Heading, S as IconButton, C as Input, x as LoadingSpin, fe as MegaMenu, ie as Modal, U as Pagination, Z as ProductCard, be as ProductGrid, w as Select, j as Spinner, R as Tab, se as TabList, z as TabPanel, oe as Tabs, E as Text, P as Toggle };
+export { M as Alert, ie as Avatar, O as Badge, ce as BannerCarousel, x as Button, be as CallToAction, te as Card, re as CardBody, k as CardFooter, ne as CardHeader, ae as CategoryTree, F as Checkbox, v as Container, Pe as Footer, W as Header, E as Heading, C as IconButton, w as Input, S as LoadingSpin, y as Main, se as MegaMenu, P as Modal, V as Pagination, Z as ProductCard, he as ProductGrid, T as Select, A as Spinner, D as Text, I as Toggle };
 
 //# sourceMappingURL=index.js.map