@shopito/design-system-fe 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,146 +1,173 @@
-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";
-//#region src/components/common/Button/Button.tsx
-var d = {
-	primary: "bg-primary-600 text-white hover:bg-primary-700 active:bg-primary-800 focus-visible:ring-primary-500",
-	secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 focus-visible:ring-gray-400",
-	outline: "border border-gray-300 bg-white text-gray-700 hover:bg-gray-50 active:bg-gray-100 focus-visible:ring-gray-400",
-	ghost: "bg-transparent text-gray-700 hover:bg-gray-100 active:bg-gray-200 focus-visible:ring-gray-400",
-	danger: "bg-danger-600 text-white hover:bg-danger-700 active:bg-danger-800 focus-visible:ring-danger-500"
-}, f = {
-	xs: "h-7 px-2.5 text-xs gap-1",
-	sm: "h-8 px-3 text-sm gap-1.5",
-	md: "h-10 px-4 text-sm gap-2",
-	lg: "h-11 px-5 text-base gap-2"
-}, p = t(({ variant: e = "primary", size: t = "md", loading: n = !1, fullWidth: r = !1, disabled: i, children: a, className: o = "", ...s }, u) => /* @__PURE__ */ l("button", {
+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 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 = d(t, s)) || r.enumerable
+	});
+	return e;
+}, _ = /* @__PURE__ */ ((e, t, n) => (n = e == null ? {} : l(p(e)), g(t || !e || !e.__esModule ? u(n, "default", {
+	value: e,
+	enumerable: !0
+}) : n, e)))((/* @__PURE__ */ h(((e, t) => {
+	(function() {
+		var e = {}.hasOwnProperty;
+		function n() {
+			for (var e = "", t = 0; t < arguments.length; t++) {
+				var n = arguments[t];
+				n && (e = i(e, r(n)));
+			}
+			return e;
+		}
+		function r(t) {
+			if (typeof t == "string" || typeof t == "number") return t;
+			if (typeof t != "object") return "";
+			if (Array.isArray(t)) return n.apply(null, t);
+			if (t.toString !== Object.prototype.toString && !t.toString.toString().includes("[native code]")) return t.toString();
+			var r = "";
+			for (var a in t) e.call(t, a) && t[a] && (r = i(r, a));
+			return r;
+		}
+		function i(e, t) {
+			return t ? e ? e + " " + t : e + t : e;
+		}
+		t !== void 0 && t.exports ? (n.default = n, t.exports = n) : typeof define == "function" && typeof define.amd == "object" && define.amd ? define("classnames", [], function() {
+			return n;
+		}) : window.classNames = n;
+	})();
+})))(), 1), v = 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: [
-		"inline-flex items-center justify-center rounded-md font-medium transition-colors",
-		"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-		"disabled:pointer-events-none disabled:opacity-50",
-		d[e],
-		f[t],
-		r ? "w-full" : "",
-		o
-	].filter(Boolean).join(" "),
-	...s,
-	children: [n && /* @__PURE__ */ l("svg", {
+	className: (0, _.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]
 }));
-p.displayName = "Button";
+v.displayName = "Button";
+//#endregion
+//#region src/components/common/LoadingSpin/LoadingSpin.tsx
+var y = ({ size: e = "md" }) => /* @__PURE__ */ s("svg", {
+	className: (0, _.default)("loading-spin", `loading-spin-${e}`),
+	xmlns: "http://www.w3.org/2000/svg",
+	fill: "none",
+	viewBox: "0 0 24 24",
+	children: [/* @__PURE__ */ o("circle", {
+		className: "opacity-25",
+		cx: "12",
+		cy: "12",
+		r: "10",
+		stroke: "currentColor",
+		strokeWidth: "4"
+	}), /* @__PURE__ */ o("path", {
+		className: "opacity-75",
+		fill: "currentColor",
+		d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+	})]
+}), b = 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, _.default)("icon-button", `icon-button-${n}`, `icon-button-${r}`, s),
+	...c,
+	children: i ? /* @__PURE__ */ o(y, { size: r }) : e
+}));
+b.displayName = "IconButton";
 //#endregion
 //#region src/components/common/Input/Input.tsx
-var m = 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 x = 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: "block text-sm font-medium text-gray-700 mb-1",
+				className: "input-label",
 				children: e
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ s("div", {
 				className: "relative",
 				children: [
-					r && /* @__PURE__ */ c("span", {
-						className: "absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none",
+					r && /* @__PURE__ */ o("span", {
+						className: "left-icon",
 						children: r
 					}),
-					/* @__PURE__ */ c("input", {
+					/* @__PURE__ */ o("input", {
 						ref: d,
 						id: f,
-						className: [
-							"h-10 rounded-md border bg-white px-3 text-sm text-gray-900 placeholder:text-gray-400",
-							"transition-colors outline-none",
-							"focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20",
-							"disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500",
-							t ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500/20" : "border-gray-300",
-							r ? "pl-9" : "",
-							i ? "pr-9" : "",
-							a ? "w-full" : "",
-							o
-						].filter(Boolean).join(" "),
+						className: (0, _.default)("input", t && "has-error", !!r && "with-left-icon", !!i && "with-right-icon", a && "w-full", c),
 						...u
 					}),
-					i && /* @__PURE__ */ c("span", {
-						className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none",
+					i && /* @__PURE__ */ o("span", {
+						className: "right-icon",
 						children: i
 					})
 				]
 			}),
-			(t || n) && /* @__PURE__ */ c("p", {
-				className: `mt-1 text-xs ${t ? "text-danger-600" : "text-gray-500"}`,
+			(t || n) && /* @__PURE__ */ o("p", {
+				className: (0, _.default)("helper-text", t && "has-error"),
 				children: t ?? n
 			})
 		]
 	});
 });
-m.displayName = "Input";
+x.displayName = "Input";
 //#endregion
 //#region src/components/common/Select/Select.tsx
-var h = 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: a ? "w-full" : "inline-block",
+var S = 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, _.default)("select-wrapper", a && "w-full"),
 		children: [
-			e && /* @__PURE__ */ c("label", {
+			e && /* @__PURE__ */ o("label", {
 				htmlFor: f,
-				className: "block text-sm font-medium text-gray-700 mb-1",
+				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: [
-						"h-10 rounded-md border bg-white px-3 pr-8 text-sm text-gray-900",
-						"appearance-none transition-colors outline-none",
-						"focus:border-primary-500 focus:ring-2 focus:ring-primary-500/20",
-						"disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-500",
-						t ? "border-danger-500 focus:border-danger-500 focus:ring-danger-500/20" : "border-gray-300",
-						a ? "w-full" : "",
-						o
-					].filter(Boolean).join(" "),
+					className: (0, _.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", {
-					className: "pointer-events-none absolute right-2.5 top-1/2 -translate-y-1/2 text-gray-400",
-					children: /* @__PURE__ */ c("svg", {
+				}), /* @__PURE__ */ o("span", {
+					className: "select-chevron-icon",
+					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"
@@ -148,129 +175,71 @@ var h = t(({ label: e, error: t, hint: n, options: r, placeholder: i, fullWidth:
 					})
 				})]
 			}),
-			(t || n) && /* @__PURE__ */ c("p", {
-				className: `mt-1 text-xs ${t ? "text-danger-600" : "text-gray-500"}`,
+			(t || n) && /* @__PURE__ */ o("p", {
+				className: (0, _.default)("select-helper", t && "has-error"),
 				children: t ?? n
 			})
 		]
 	});
 });
-h.displayName = "Select";
+S.displayName = "Select";
 //#endregion
-//#region src/components/common/Typography/Typography.tsx
-var g = {
-	1: "text-4xl font-bold tracking-tight",
-	2: "text-3xl font-bold tracking-tight",
-	3: "text-2xl font-semibold",
-	4: "text-xl font-semibold",
-	5: "text-lg font-medium",
-	6: "text-base font-medium"
-}, _ = {
-	body: "text-base",
-	"body-sm": "text-sm",
-	caption: "text-xs",
-	overline: "text-xs font-semibold uppercase tracking-wider",
-	code: "font-mono text-sm bg-gray-100 px-1.5 py-0.5 rounded"
-}, v = {
-	default: "text-gray-900",
-	muted: "text-gray-500",
-	primary: "text-primary-600",
-	success: "text-success-600",
-	warning: "text-warning-600",
-	danger: "text-danger-600",
-	inherit: ""
-};
-function y({ as: e, level: t = 1, color: n = "default", className: r = "", children: i, ...a }) {
-	return /* @__PURE__ */ c(e ?? `h${t}`, {
-		className: [
-			g[t],
-			v[n],
-			r
-		].filter(Boolean).join(" "),
-		...a,
-		children: i
-	});
-}
-function b({ variant: e = "body", color: t = "default", as: n = "p", className: r = "", children: i, ...a }) {
-	return /* @__PURE__ */ c(n, {
-		className: [
-			_[e],
-			v[t],
-			r
-		].filter(Boolean).join(" "),
-		...a,
-		children: i
-	});
-}
+//#region src/components/common/Typography/Heading.tsx
+var C = ({ as: e, level: t = 1, color: n = "default", className: r = "", children: i, ...a }) => /* @__PURE__ */ o(e ?? `h${t}`, {
+	className: (0, _.default)(`text-color-${n}`, `heading-size-${t}`, r),
+	...a,
+	children: i
+}), w = ({ variant: e = "body", color: t = "default", as: n = "p", className: r = "", children: i, ...a }) => /* @__PURE__ */ o(n, {
+	className: (0, _.default)(`text-color-${t}`, `text-variant-${e}`, r),
+	...a,
+	children: i
+});
 //#endregion
 //#region src/components/common/Badge/Badge.tsx
-var x = {
-	default: "bg-gray-100 text-gray-700",
-	primary: "bg-primary-100 text-primary-700",
-	success: "bg-success-50 text-success-700",
-	warning: "bg-warning-50 text-warning-700",
-	danger: "bg-danger-50 text-danger-700",
-	outline: "border border-gray-300 text-gray-700 bg-transparent"
-}, S = {
-	default: "bg-gray-500",
-	primary: "bg-primary-500",
-	success: "bg-success-500",
-	warning: "bg-warning-500",
-	danger: "bg-danger-500",
-	outline: "bg-gray-400"
-}, C = {
-	sm: "px-2 py-0.5 text-xs",
-	md: "px-2.5 py-1 text-xs"
-};
-function w({ variant: e = "default", size: t = "md", dot: n = !1, className: r = "", children: i, ...a }) {
-	return /* @__PURE__ */ l("span", {
-		className: [
-			"inline-flex items-center gap-1.5 rounded-full font-medium",
-			x[e],
-			C[t],
-			r
-		].filter(Boolean).join(" "),
+function T({ variant: e = "default", size: t = "md", dot: n = !1, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ s("span", {
+		className: (0, _.default)("badge", `badge-${e}`, `badge-${t}`, r),
 		...a,
-		children: [n && /* @__PURE__ */ c("span", { className: `inline-block w-1.5 h-1.5 rounded-full ${S[e]}` }), i]
+		children: [n && /* @__PURE__ */ o("span", { className: (0, _.default)("badge-dot", `badge-dot-${e}`) }), i]
 	});
 }
 //#endregion
 //#region src/components/common/Card/Card.tsx
-var T = {
+var E = {
 	none: "",
 	sm: "p-4",
 	md: "p-6",
 	lg: "p-8"
 };
-function E({ children: e, padding: t = "md", shadow: n = !0, border: r = !0, className: i = "", ...a }) {
-	return /* @__PURE__ */ c("div", {
+function D({ 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" : "",
-			T[t],
+			E[t],
 			i
 		].filter(Boolean).join(" "),
 		...a,
 		children: e
 	});
 }
-function D({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ c("div", {
+function O({ 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 O({ children: e, className: t = "", ...n }) {
-	return /* @__PURE__ */ c("div", {
+function ee({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ o("div", {
 		className: ["p-6", t].filter(Boolean).join(" "),
 		...n,
 		children: e
 	});
 }
-function ee({ 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
@@ -278,28 +247,13 @@ function ee({ children: e, className: t = "", ...n }) {
 }
 //#endregion
 //#region src/components/common/Spinner/Spinner.tsx
-var te = {
-	xs: "w-3 h-3 border-[1.5px]",
-	sm: "w-4 h-4 border-2",
-	md: "w-6 h-6 border-2",
-	lg: "w-8 h-8 border-[3px]",
-	xl: "w-12 h-12 border-4"
-}, ne = {
-	primary: "border-primary-200 border-t-primary-600",
-	white: "border-white/30 border-t-white",
-	gray: "border-gray-200 border-t-gray-600"
-};
-function re({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
-	return /* @__PURE__ */ l("span", {
+function te({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
+	return /* @__PURE__ */ s("span", {
 		role: "status",
 		"aria-label": n,
-		className: ["inline-block", r].filter(Boolean).join(" "),
+		className: (0, _.default)("spinner-wrapper", r),
 		...i,
-		children: [/* @__PURE__ */ c("span", { className: [
-			"block rounded-full animate-spin",
-			te[e],
-			ne[t]
-		].join(" ") }), /* @__PURE__ */ c("span", {
+		children: [/* @__PURE__ */ o("span", { className: (0, _.default)("spinner", `spinner-${e}`, `spinner-${t}`) }), /* @__PURE__ */ o("span", {
 			className: "sr-only",
 			children: n
 		})]
@@ -307,86 +261,65 @@ function re({ size: e = "md", color: t = "primary", label: n = "Loading…", cla
 }
 //#endregion
 //#region src/components/common/Alert/Alert.tsx
-var k = {
-	info: {
-		container: "bg-primary-50 border-primary-200 text-primary-800",
-		icon: "text-primary-500",
-		iconPath: /* @__PURE__ */ c("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: {
-		container: "bg-success-50 border-success-200 text-success-800",
-		icon: "text-success-500",
-		iconPath: /* @__PURE__ */ c("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: {
-		container: "bg-warning-50 border-warning-200 text-warning-800",
-		icon: "text-warning-500",
-		iconPath: /* @__PURE__ */ c("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: {
-		container: "bg-danger-50 border-danger-200 text-danger-800",
-		icon: "text-danger-500",
-		iconPath: /* @__PURE__ */ c("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"
-		})
-	}
+var ne = {
+	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__ */ 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__ */ 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__ */ 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 A({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
-	let o = k[e];
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ s("div", {
 		role: "alert",
-		className: [
-			"flex gap-3 rounded-lg border p-4",
-			o.container,
-			i
-		].filter(Boolean).join(" "),
+		className: (0, _.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: `w-5 h-5 shrink-0 mt-0.5 ${o.icon}`,
-				children: o.iconPath
+				className: (0, _.default)("alert-icon", `alert-icon-${e}`),
+				children: ne[e]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ s("div", {
 				className: "flex-1 min-w-0",
-				children: [t && /* @__PURE__ */ c("p", {
-					className: "font-semibold text-sm mb-0.5",
+				children: [t && /* @__PURE__ */ o("p", {
+					className: "alert-title",
 					children: t
-				}), /* @__PURE__ */ c("div", {
-					className: "text-sm",
+				}), /* @__PURE__ */ o("div", {
+					className: "alert-text",
 					children: n
 				})]
 			}),
-			r && /* @__PURE__ */ c("button", {
+			r && /* @__PURE__ */ o("button", {
 				onClick: r,
-				className: "shrink-0 opacity-60 hover:opacity-100 transition-opacity",
+				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"
@@ -398,57 +331,57 @@ function A({ variant: e = "info", title: t, children: n, onClose: r, className:
 }
 //#endregion
 //#region src/components/common/Modal/Modal.tsx
-var j = {
+var re = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-lg",
 	xl: "max-w-xl",
 	full: "max-w-full mx-4"
 };
-function M({ open: e, onClose: t, title: n, children: r, footer: o, size: s = "md", closeOnBackdrop: d = !0 }) {
-	let f = a(null);
-	return i(() => {
+function j({ 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]", j[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]", re[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"
@@ -456,13 +389,13 @@ function M({ open: e, onClose: t, title: n, children: r, footer: o, size: s = "m
 						})
 					})]
 				}),
-				/* @__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
 				})
 			]
 		})
@@ -470,108 +403,73 @@ function M({ open: e, onClose: t, title: n, children: r, footer: o, size: s = "m
 }
 //#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 M = 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: ["flex gap-3", i].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ c("div", {
-			className: "flex items-center h-5",
-			children: /* @__PURE__ */ c("input", {
+	return /* @__PURE__ */ s("div", {
+		className: (0, _.default)("checkbox-wrapper", i),
+		children: [/* @__PURE__ */ o("div", {
+			className: "checkbox-wrapper-inner",
+			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: [
-					"w-4 h-4 rounded border-gray-300 text-primary-600",
-					"focus:ring-2 focus:ring-primary-500 focus:ring-offset-1",
-					"disabled:cursor-not-allowed disabled:opacity-50",
-					n ? "border-danger-500" : ""
-				].filter(Boolean).join(" "),
-				...o
+				className: (0, _.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: "text-sm font-medium text-gray-900 cursor-pointer",
+				className: "checkbox-label",
 				children: e
 			}),
-			t && /* @__PURE__ */ c("p", {
-				className: "text-xs text-gray-500 mt-0.5",
+			t && /* @__PURE__ */ o("p", {
+				className: "checkbox-description",
 				children: t
 			}),
-			n && /* @__PURE__ */ c("p", {
-				className: "text-xs text-danger-600 mt-0.5",
+			n && /* @__PURE__ */ o("p", {
+				className: "checkbox-error",
 				children: n
 			})
 		] })]
 	});
 });
-N.displayName = "Checkbox";
+M.displayName = "Checkbox";
 //#endregion
 //#region src/components/common/Toggle/Toggle.tsx
-var ie = {
-	sm: {
-		wrapper: "w-8 h-4",
-		thumb: "w-3 h-3 top-0.5 left-0.5",
-		checkedTranslate: "peer-checked:translate-x-4"
-	},
-	md: {
-		wrapper: "w-11 h-6",
-		thumb: "w-5 h-5 top-0.5 left-0.5",
-		checkedTranslate: "peer-checked:translate-x-5"
-	},
-	lg: {
-		wrapper: "w-14 h-7",
-		thumb: "w-6 h-6 top-0.5 left-0.5",
-		checkedTranslate: "peer-checked:translate-x-7"
-	}
-}, P = t(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, o) => {
-	let s = i ?? e?.toLowerCase().replace(/\s+/g, "-"), { wrapper: u, thumb: d, checkedTranslate: f } = ie[n];
-	return /* @__PURE__ */ l("label", {
-		htmlFor: s,
-		className: [
-			"inline-flex items-start gap-3 cursor-pointer select-none",
-			a.disabled ? "cursor-not-allowed opacity-50" : "",
-			r
-		].filter(Boolean).join(" "),
-		children: [/* @__PURE__ */ l("div", {
-			className: `relative shrink-0 mt-0.5 ${u}`,
+var N = 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, _.default)("toggle", a.disabled && "toggle-disabled", r),
+		children: [/* @__PURE__ */ s("div", {
+			className: (0, _.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: "absolute inset-0 rounded-full bg-gray-200 peer-checked:bg-primary-600 transition-colors duration-200 peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 peer-focus-visible:ring-offset-2" }),
-				/* @__PURE__ */ c("div", { className: `absolute ${d} rounded-full bg-white shadow-sm transition-transform duration-200 ${f}` })
+				/* @__PURE__ */ o("div", { className: "toggle-track" }),
+				/* @__PURE__ */ o("div", { className: (0, _.default)("toggle-thumb", `toggle-thumb-${n}`) })
 			]
-		}), (e || t) && /* @__PURE__ */ l("div", { children: [e && /* @__PURE__ */ c("span", {
-			className: "text-sm font-medium text-gray-900 block",
+		}), (e || t) && /* @__PURE__ */ s("div", { children: [e && /* @__PURE__ */ o("span", {
+			className: "toggle-label",
 			children: e
-		}), t && /* @__PURE__ */ c("span", {
-			className: "text-xs text-gray-500 mt-0.5 block",
+		}), t && /* @__PURE__ */ o("span", {
+			className: "toggle-description",
 			children: t
 		})] })]
 	});
 });
-P.displayName = "Toggle";
+N.displayName = "Toggle";
 //#endregion
 //#region src/components/common/Avatar/Avatar.tsx
-var ae = {
-	xs: "w-6 h-6 text-xs",
-	sm: "w-8 h-8 text-sm",
-	md: "w-10 h-10 text-sm",
-	lg: "w-12 h-12 text-base",
-	xl: "w-16 h-16 text-lg"
-};
-function oe(e) {
-	return e.split(" ").slice(0, 2).map((e) => e[0]).join("").toUpperCase();
-}
-var F = [
+var P = [
 	"bg-red-500",
 	"bg-orange-500",
 	"bg-amber-500",
@@ -582,39 +480,38 @@ var F = [
 	"bg-violet-500",
 	"bg-pink-500"
 ];
-function se(e) {
-	let t = 0;
-	for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
-	return F[t % F.length];
-}
-function ce({ src: e, alt: t, name: n, size: r = "md", className: i = "", ...a }) {
-	let o = [
-		"inline-flex items-center justify-center rounded-full overflow-hidden shrink-0 font-medium text-white",
-		ae[r],
+function F({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
+	let s = [
+		"avatar",
+		`avatar-${r}`,
 		i
-	].filter(Boolean).join(" ");
-	return e ? /* @__PURE__ */ c("span", {
-		className: o,
+	], c = (e) => {
+		let t = 0;
+		for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
+		return P[t % P.length];
+	}, l = (e) => e.split(" ").slice(0, 2).map((e) => e[0]).join("").toUpperCase();
+	return e ? /* @__PURE__ */ o("span", {
+		className: (0, _.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: `${o} ${se(n)}`,
+	}) : n ? /* @__PURE__ */ o("span", {
+		className: (0, _.default)(s, c(n)),
 		"aria-label": n,
 		...a,
-		children: oe(n)
-	}) : /* @__PURE__ */ c("span", {
-		className: `${o} bg-gray-200 text-gray-500`,
+		children: l(n)
+	}) : /* @__PURE__ */ o("span", {
+		className: (0, _.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"
@@ -623,165 +520,76 @@ function ce({ 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 R({ 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 z({ children: e, className: t = "", ...n }) {
-	let { variant: r } = L();
-	return /* @__PURE__ */ c("div", {
-		role: "tablist",
-		className: [{
-			underline: "flex border-b border-gray-200 gap-1",
-			pills: "flex gap-1 bg-gray-100 p-1 rounded-lg",
-			bordered: "flex gap-0 border border-gray-200 rounded-lg overflow-hidden"
-		}[r], t].filter(Boolean).join(" "),
-		...n,
-		children: e
-	});
-}
-function B({ id: e, children: t, className: n = "", ...r }) {
-	let { activeTab: i, setActiveTab: a, variant: o } = L(), s = i === e, l = {
-		underline: {
-			active: "text-primary-600 border-b-2 border-primary-600 -mb-px",
-			inactive: "text-gray-500 hover:text-gray-700 border-b-2 border-transparent -mb-px"
-		},
-		pills: {
-			active: "bg-white text-gray-900 shadow-sm rounded-md",
-			inactive: "text-gray-600 hover:text-gray-900 rounded-md"
-		},
-		bordered: {
-			active: "bg-primary-50 text-primary-700 border-r border-gray-200 last:border-r-0",
-			inactive: "text-gray-600 hover:bg-gray-50 border-r border-gray-200 last:border-r-0"
-		}
-	};
-	return /* @__PURE__ */ c("button", {
-		role: "tab",
-		"aria-selected": s,
-		"aria-controls": `tabpanel-${e}`,
-		id: `tab-${e}`,
-		onClick: () => a(e),
-		className: [
-			"inline-flex items-center px-4 py-2 text-sm font-medium transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary-500 whitespace-nowrap",
-			s ? l[o].active : l[o].inactive,
-			n
-		].filter(Boolean).join(" "),
-		...r,
-		children: t
-	});
-}
-function V({ 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: ["pt-4", n].filter(Boolean).join(" "),
-		...r,
-		children: t
-	}) : null;
-}
-//#endregion
 //#region src/components/common/Pagination/Pagination.tsx
-function H(e, t) {
-	return Array.from({ length: t - e + 1 }, (t, n) => e + n);
-}
-function U(e, t, n) {
-	if (t <= n * 2 + 5) return H(1, t);
+var I = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), ie = (e, t, n) => {
+	if (t <= n * 2 + 5) return I(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 ? [
-		...H(1, 3 + n * 2),
+		...I(1, 3 + n * 2),
 		"…",
 		t
 	] : a && !o ? [
 		1,
 		"…",
-		...H(t - (2 + n * 2), t)
+		...I(t - (2 + n * 2), t)
 	] : [
 		1,
 		"…",
-		...H(r, i),
+		...I(r, i),
 		"…",
 		t
 	];
-}
-function W({ active: e, disabled: t, children: n, ...r }) {
-	return /* @__PURE__ */ c("button", {
-		disabled: t,
-		className: [
-			"inline-flex items-center justify-center w-9 h-9 rounded-md text-sm font-medium transition-colors",
-			"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-500",
-			"disabled:pointer-events-none disabled:opacity-40",
-			e ? "bg-primary-600 text-white" : "bg-white border border-gray-300 text-gray-700 hover:bg-gray-50"
-		].join(" "),
-		...r,
-		children: n
-	});
-}
-function G({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) {
-	let i = U(e, t, r);
-	return /* @__PURE__ */ l("nav", {
+}, L = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ o("button", {
+	disabled: t,
+	className: (0, _.default)("pagination-button", `pagination-button-${e ? "active" : "inactive"}`),
+	...r,
+	children: n
+}), R = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
+	let i = ie(e, t, r);
+	return /* @__PURE__ */ s("nav", {
 		"aria-label": "Pagination",
-		className: "flex items-center gap-1",
+		className: "pagination",
 		children: [
-			/* @__PURE__ */ c(W, {
+			/* @__PURE__ */ o(L, {
 				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", {
-				className: "w-9 h-9 flex items-center justify-center text-gray-400 text-sm",
+			i.map((t, r) => t === "…" ? /* @__PURE__ */ o("span", {
+				className: "pagination-dots",
 				children: "…"
-			}, `dots-${r}`) : /* @__PURE__ */ c(W, {
+			}, `dots-${r}`) : /* @__PURE__ */ o(L, {
 				active: t === e,
 				onClick: () => n(t),
 				"aria-label": `Page ${t}`,
 				"aria-current": t === e ? "page" : void 0,
 				children: t
 			}, t)),
-			/* @__PURE__ */ c(W, {
+			/* @__PURE__ */ o(L, {
 				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"
@@ -790,12 +598,12 @@ function G({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) {
 			})
 		]
 	});
-}
+};
 //#endregion
 //#region src/components/Header/Header.tsx
-function K({ 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 z({ 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) => {
@@ -804,84 +612,84 @@ function K({ 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 le() {
-	return /* @__PURE__ */ c("svg", {
+function B() {
+	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 ue({ 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: h, locales: g = [], selectedLocale: _, onLocaleChange: v, rightSlot: y }) {
-	let [b, x] = o(""), S = f.find((e) => e.code === p), C = g.find((e) => e.code === _);
-	return /* @__PURE__ */ c("header", {
+function V({ 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(""), S = f.find((e) => e.code === p), C = 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(m, {
+					children: /* @__PURE__ */ o(x, {
 						fullWidth: !0,
 						placeholder: t,
-						value: b,
-						onChange: (e) => x(e.target.value),
+						value: y,
+						onChange: (e) => b(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && n?.(b);
+							e.key === "Enter" && n?.(y);
 						},
-						leftIcon: /* @__PURE__ */ c(le, {}),
-						rightIcon: b ? /* @__PURE__ */ c("button", {
+						leftIcon: /* @__PURE__ */ o(B, {}),
+						rightIcon: y ? /* @__PURE__ */ o("button", {
 							onClick: () => {
-								x(""), n?.("");
+								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"
@@ -890,136 +698,136 @@ function ue({ 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(K, {
-							trigger: /* @__PURE__ */ l("button", {
+						f.length > 0 && /* @__PURE__ */ o(z, {
+							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: S?.symbol ?? p }),
-									/* @__PURE__ */ c("span", {
+									/* @__PURE__ */ o("span", { children: S?.symbol ?? p }),
+									/* @__PURE__ */ o("span", {
 										className: "text-xs text-gray-400",
 										children: S?.code ?? p
 									}),
-									/* @__PURE__ */ c(q, { className: "w-3 h-3 text-gray-400" })
+									/* @__PURE__ */ o(H, { className: "w-3 h-3 text-gray-400" })
 								]
 							}),
 							items: f,
 							getKey: (e) => e.code,
-							onSelect: (e) => h?.(e.code),
-							renderItem: (e) => /* @__PURE__ */ l("span", {
+							onSelect: (e) => m?.(e.code),
+							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 })]
 							})
 						}),
-						g.length > 0 && /* @__PURE__ */ c(K, {
-							trigger: /* @__PURE__ */ l("button", {
+						h.length > 0 && /* @__PURE__ */ o(z, {
+							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: [
-									C?.flag && /* @__PURE__ */ c("span", {
+									C?.flag && /* @__PURE__ */ o("span", {
 										className: "text-base leading-none",
 										children: C.flag
 									}),
-									/* @__PURE__ */ c("span", {
+									/* @__PURE__ */ o("span", {
 										className: "font-medium uppercase",
-										children: C?.code ?? _
+										children: C?.code ?? g
 									}),
-									/* @__PURE__ */ c(q, { className: "w-3 h-3 text-gray-400" })
+									/* @__PURE__ */ o(H, { className: "w-3 h-3 text-gray-400" })
 								]
 							}),
-							items: g,
+							items: h,
 							getKey: (e) => e.code,
-							onSelect: (e) => v?.(e.code),
-							renderItem: (e) => /* @__PURE__ */ l("span", {
+							onSelect: (e) => _?.(e.code),
+							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 || g.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(de, { className: "w-5 h-5" }), /* @__PURE__ */ c("span", {
+							})] }) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(U, { 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(fe, { className: "w-5 h-5" }),
-								/* @__PURE__ */ c("span", {
+								/* @__PURE__ */ o(W, { 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
 								})
 							]
 						}),
-						y
+						v
 					]
 				})
 			]
 		})
 	});
 }
-function q({ className: e }) {
-	return /* @__PURE__ */ c("svg", {
+function H({ 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 de({ className: e }) {
-	return /* @__PURE__ */ c("svg", {
+function U({ 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 fe({ className: e }) {
-	return /* @__PURE__ */ c("svg", {
+function W({ 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"
@@ -1028,83 +836,83 @@ function fe({ 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 G({ node: e, activeId: t, onSelect: n, showCounts: r, depth: a, defaultExpandAll: c }) {
+	let l = e.children && e.children.length > 0, [u, d] = i(c || K(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(G, {
 			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 K(e, t) {
+	return !t || !e.children ? !1 : e.children.some((e) => e.id === t || K(e, t));
 }
-function pe({ 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 q({ 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(G, {
 				node: e,
 				activeId: t,
-				onSelect: s,
+				onSelect: c,
 				showCounts: r,
 				depth: 0,
 				defaultExpandAll: i
@@ -1114,59 +922,59 @@ function pe({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defau
 }
 //#endregion
 //#region src/components/MegaMenu/MegaMenu.tsx
-function me({ item: e, onNavigate: t, onClose: n }) {
-	return e.columns?.length ? /* @__PURE__ */ c("div", {
+function J({ 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, " →"]
 							})
@@ -1177,56 +985,56 @@ function me({ item: e, onNavigate: t, onClose: n }) {
 		})
 	}) : null;
 }
-function he({ items: e, activeId: t, onNavigate: n }) {
-	let [r, i] = o(null), s = a(null), u = (e) => {
-		s.current && clearTimeout(s.current), i(e);
+function Y({ 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"
@@ -1237,35 +1045,35 @@ function he({ 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(me, {
+			children: /* @__PURE__ */ o(J, {
 				item: p,
 				onNavigate: (e) => n?.(e),
-				onClose: () => i(null)
+				onClose: () => c(null)
 			})
 		})]
 	});
 }
 //#endregion
 //#region src/components/BannerCarousel/BannerCarousel.tsx
-function ge({ 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 X({ 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;
@@ -1274,7 +1082,7 @@ function ge({ 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),
@@ -1282,41 +1090,41 @@ function ge({ 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"
@@ -1324,9 +1132,9 @@ function ge({ 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"
@@ -1335,54 +1143,54 @@ function ge({ 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}`)
 			})
 		]
@@ -1390,23 +1198,23 @@ function ge({ banners: e, autoPlay: t = !0, autoPlayInterval: r = 5e3, arrows: u
 }
 //#endregion
 //#region src/components/ProductCard/ProductCard.tsx
-function _e({ filled: e }) {
-	return /* @__PURE__ */ c("svg", {
+function ae({ 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 ve({ value: e, count: t }) {
-	return /* @__PURE__ */ l("div", {
+function oe({ 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,
@@ -1414,8 +1222,8 @@ function ve({ value: e, count: t }) {
 				3,
 				4,
 				5
-			].map((t) => /* @__PURE__ */ c(_e, { filled: t <= Math.round(e) }, t))
-		}), t !== void 0 && /* @__PURE__ */ l("span", {
+			].map((t) => /* @__PURE__ */ o(ae, { filled: t <= Math.round(e) }, t))
+		}), t !== void 0 && /* @__PURE__ */ s("span", {
 			className: "text-xs text-gray-400",
 			children: [
 				"(",
@@ -1425,54 +1233,54 @@ function ve({ value: e, count: t }) {
 		})]
 	});
 }
-function ye(e) {
+function se(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č") {
+function Z(e, t = "Kč") {
 	return `${e.toLocaleString("cs-CZ")} ${t}`;
 }
-function be(e, t) {
+function ce(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, m] = o(!1), h = e.originalPrice !== void 0 && e.originalPrice > e.price;
-	return /* @__PURE__ */ l("article", {
+function Q({ 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(w, {
-						variant: ye(e.badge),
+					children: /* @__PURE__ */ o(T, {
+						variant: se(e.badge),
 						size: "sm",
-						children: e.badge === "sale" && h ? `-${be(e.originalPrice, e.price)}%` : e.badge
+						children: e.badge === "sale" && m ? `-${ce(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);
 					},
@@ -1483,41 +1291,41 @@ 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(p, {
+					children: /* @__PURE__ */ o(v, {
 						variant: "primary",
 						size: "sm",
 						fullWidth: !0,
 						loading: !1,
 						disabled: e.inStock === !1,
 						onClick: (n) => {
-							n.stopPropagation(), t?.(e), m(!0), setTimeout(() => m(!1), 1500);
+							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"
@@ -1527,36 +1335,36 @@ 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(ve, {
+				e.rating !== void 0 && /* @__PURE__ */ o(oe, {
 					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: X(e.price, e.currency)
-					}), h && /* @__PURE__ */ c("span", {
+					children: [/* @__PURE__ */ o("span", {
+						className: `font-bold text-gray-900 ${c === "compact" ? "text-base" : "text-lg"}`,
+						children: Z(e.price, e.currency)
+					}), m && /* @__PURE__ */ o("span", {
 						className: "text-sm text-gray-400 line-through",
-						children: X(e.originalPrice, e.currency)
+						children: Z(e.originalPrice, e.currency)
 					})]
 				})
 			]
@@ -1565,12 +1373,12 @@ function Z({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 }
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-var Q = {
+var $ = {
 	2: "grid-cols-2",
 	3: "grid-cols-2 md:grid-cols-3",
 	4: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4",
 	5: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5"
-}, xe = [
+}, le = [
 	{
 		value: "newest",
 		label: "Nejnovější"
@@ -1592,50 +1400,50 @@ var Q = {
 		label: "Bestsellery"
 	}
 ];
-function Se() {
-	return /* @__PURE__ */ l("div", {
+function ue() {
+	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 Ce({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: o = xe, selectedSort: s, onSortChange: u, activeFilters: d = [], onRemoveFilter: f, onClearFilters: p, loading: m = !1, emptyState: g, onAddToCart: _, onWishlistToggle: v, onProductClick: y, wishlisted: b = [], className: x = "" }) {
-	let S = t ? Math.ceil(t / i) : void 0, C = a >= 5 ? "compact" : "default";
-	return /* @__PURE__ */ l("div", {
-		className: ["w-full", x].filter(Boolean).join(" "),
+function de({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: c = le, 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, C = a >= 5 ? "compact" : "default";
+	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"
@@ -1643,63 +1451,63 @@ function Ce({ 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(h, {
-					options: o,
-					value: s ?? "",
+				}), /* @__PURE__ */ o(S, {
+					options: c,
+					value: l ?? "",
 					onChange: (e) => u?.(e.target.value),
 					"aria-label": "Sort products",
 					className: "text-sm"
 				})]
 			}),
-			m ? /* @__PURE__ */ c("div", {
-				className: `grid gap-4 ${Q[a]}`,
-				children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ c(Se, {}, t))
-			}) : e.length === 0 ? /* @__PURE__ */ c("div", {
+			m ? /* @__PURE__ */ o("div", {
+				className: `grid gap-4 ${$[a]}`,
+				children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ o(ue, {}, t))
+			}) : e.length === 0 ? /* @__PURE__ */ o("div", {
 				className: "py-16 text-center",
-				children: g ?? /* @__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", {
-				className: `grid gap-4 ${Q[a]}`,
-				children: e.map((e) => /* @__PURE__ */ c(Z, {
+			}) : /* @__PURE__ */ o("div", {
+				className: `grid gap-4 ${$[a]}`,
+				children: e.map((e) => /* @__PURE__ */ o(Q, {
 					product: e,
 					size: C,
-					onAddToCart: _,
-					onWishlistToggle: v,
-					onProductClick: y,
-					isWishlisted: b.includes(e.id)
+					onAddToCart: g,
+					onWishlistToggle: _,
+					onProductClick: v,
+					isWishlisted: y.includes(e.id)
 				}, e.id))
 			}),
-			S && S > 1 && r && /* @__PURE__ */ c("div", {
+			x && x > 1 && r && /* @__PURE__ */ o("div", {
 				className: "flex justify-center mt-8",
-				children: /* @__PURE__ */ c(G, {
+				children: /* @__PURE__ */ o(R, {
 					page: n,
-					totalPages: S,
+					totalPages: x,
 					onPageChange: r
 				})
 			})
@@ -1708,14 +1516,14 @@ function Ce({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 }
 //#endregion
 //#region src/components/CallToAction/CallToAction.tsx
-var we = {
+var fe = {
 	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"
-}, Te = {
+}, pe = {
 	default: {
 		eyebrow: "text-primary-600",
 		title: "text-gray-900",
@@ -1746,7 +1554,7 @@ var we = {
 		title: "text-white",
 		description: "text-white/80"
 	}
-}, Ee = {
+}, me = {
 	sm: {
 		wrapper: "px-6 py-6 rounded-xl",
 		title: "text-xl font-bold",
@@ -1771,7 +1579,7 @@ var we = {
 		description: "text-xl",
 		eyebrow: "text-sm"
 	}
-}, De = {
+}, he = {
 	left: {
 		wrapper: "items-start text-left",
 		actions: "justify-start"
@@ -1785,58 +1593,58 @@ var we = {
 		actions: "justify-end"
 	}
 };
-function Oe({ 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: m = "", style: h }) {
-	let g = Te[s], _ = Ee[o], v = De[i], y = a === "inline", b = {
+function ge({ 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 = pe[l], g = me[c], _ = he[i], y = a === "inline", b = {
 		...u ? { background: u } : {},
 		...d ? {
 			backgroundImage: `url(${d})`,
 			backgroundSize: "cover",
 			backgroundPosition: "center"
 		} : {},
-		...h
+		...m
 	};
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ s("div", {
 		className: [
 			"w-full",
-			we[s],
-			_.wrapper,
-			m
+			fe[l],
+			g.wrapper,
+			p
 		].filter(Boolean).join(" "),
 		style: Object.keys(b).length ? b : void 0,
-		children: [(s === "image" || d) && /* @__PURE__ */ c("div", { className: "absolute inset-0 bg-black/50" }), /* @__PURE__ */ l("div", {
-			className: `relative ${y ? "flex flex-wrap items-center justify-between gap-6" : `flex flex-col gap-4 ${v.wrapper}`}`,
+		children: [(l === "image" || d) && /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-black/50" }), /* @__PURE__ */ s("div", {
+			className: `relative ${y ? "flex flex-wrap items-center justify-between gap-6" : `flex flex-col gap-4 ${_.wrapper}`}`,
 			children: [
-				/* @__PURE__ */ l("div", {
-					className: `flex flex-col gap-2 ${y ? "flex-1 min-w-0" : v.wrapper}`,
+				/* @__PURE__ */ s("div", {
+					className: `flex flex-col gap-2 ${y ? "flex-1 min-w-0" : _.wrapper}`,
 					children: [
-						e && /* @__PURE__ */ c("p", {
-							className: `font-semibold uppercase tracking-widest ${_.eyebrow} ${g.eyebrow}`,
+						e && /* @__PURE__ */ o("p", {
+							className: `font-semibold uppercase tracking-widest ${g.eyebrow} ${h.eyebrow}`,
 							children: e
 						}),
-						/* @__PURE__ */ c("h2", {
-							className: `${_.title} ${g.title}`,
+						/* @__PURE__ */ o("h2", {
+							className: `${g.title} ${h.title}`,
 							children: t
 						}),
-						n && /* @__PURE__ */ c("p", {
-							className: `max-w-2xl ${_.description} ${g.description}`,
+						n && /* @__PURE__ */ o("p", {
+							className: `max-w-2xl ${g.description} ${h.description}`,
 							children: n
 						})
 					]
 				}),
-				f && !y && /* @__PURE__ */ c("div", {
+				f && !y && /* @__PURE__ */ o("div", {
 					className: "mt-2",
 					children: f
 				}),
-				r.length > 0 && /* @__PURE__ */ c("div", {
-					className: `flex flex-wrap gap-3 ${y ? "shrink-0" : v.actions}`,
+				r.length > 0 && /* @__PURE__ */ o("div", {
+					className: `flex flex-wrap gap-3 ${y ? "shrink-0" : _.actions}`,
 					children: r.map((e, t) => {
-						let n = /* @__PURE__ */ c(p, {
-							variant: e.variant ?? (t === 0 ? ke(s) : "outline"),
-							size: e.size ?? (o === "sm" ? "sm" : o === "xl" ? "lg" : "md"),
+						let n = /* @__PURE__ */ o(v, {
+							variant: e.variant ?? (t === 0 ? _e(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
@@ -1847,233 +1655,233 @@ function Oe({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
 		})]
 	});
 }
-function ke(e) {
+function _e(e) {
 	return e === "default" || e === "outline" ? "primary" : "secondary";
 }
 //#endregion
 //#region src/components/Footer/Footer.tsx
-function Ae() {
-	return /* @__PURE__ */ c("svg", {
+function ve() {
+	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 je() {
-	return /* @__PURE__ */ c("svg", {
+function ye() {
+	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 Me() {
-	return /* @__PURE__ */ l("svg", {
+function be() {
+	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 Ne() {
-	return /* @__PURE__ */ c("svg", {
+function xe() {
+	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 Pe() {
-	return /* @__PURE__ */ c("svg", {
+function Se() {
+	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 $() {
-	return /* @__PURE__ */ c("svg", {
+function Ce() {
+	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 Fe() {
-	return /* @__PURE__ */ c("svg", {
+function we() {
+	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 Ie() {
-	return /* @__PURE__ */ c("svg", {
+function Te() {
+	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 Le() {
-	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: "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 Re = {
-	facebook: Pe,
-	instagram: $,
-	twitter: Fe,
-	youtube: Ie,
-	tiktok: Le
-}, ze = {
-	phone: Ae,
-	email: je,
-	address: Me,
-	hours: Ne
+var De = {
+	facebook: Se,
+	instagram: Ce,
+	twitter: we,
+	youtube: Te,
+	tiktok: Ee
+}, Oe = {
+	phone: ve,
+	email: ye,
+	address: be,
+	hours: xe
 };
-function Be(e) {
+function ke(e) {
 	if (!e) return null;
 	if (typeof e == "string") {
-		let t = ze[e];
-		return t ? /* @__PURE__ */ c(t, {}) : null;
+		let t = Oe[e];
+		return t ? /* @__PURE__ */ o(t, {}) : null;
 	}
 	return e;
 }
-function Ve(e) {
+function Ae(e) {
 	if (typeof e == "string") {
-		let t = Re[e];
-		return t ? /* @__PURE__ */ c(t, {}) : null;
+		let t = De[e];
+		return t ? /* @__PURE__ */ o(t, {}) : null;
 	}
 	return e;
 }
-function He({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: o, bottomLinks: s = [], className: u = "" }) {
+function je({ 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 = Be(e.icon), r = /* @__PURE__ */ l("div", {
+							let n = ke(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: Ve(e.icon)
+							children: Ae(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
@@ -2084,6 +1892,6 @@ function He({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
 	});
 }
 //#endregion
-export { A as Alert, ce as Avatar, w as Badge, ge as BannerCarousel, p as Button, Oe as CallToAction, E as Card, O as CardBody, ee as CardFooter, D as CardHeader, pe as CategoryTree, N as Checkbox, He as Footer, ue as Header, y as Heading, m as Input, he as MegaMenu, M as Modal, G as Pagination, Z as ProductCard, Ce as ProductGrid, h as Select, re as Spinner, B as Tab, z as TabList, V as TabPanel, R as Tabs, b as Text, P as Toggle };
+export { A as Alert, F as Avatar, T as Badge, X as BannerCarousel, v as Button, ge as CallToAction, D as Card, ee as CardBody, k as CardFooter, O as CardHeader, q as CategoryTree, M as Checkbox, je as Footer, V as Header, C as Heading, b as IconButton, x as Input, y as LoadingSpin, Y as MegaMenu, j as Modal, R as Pagination, Q as ProductCard, de as ProductGrid, S as Select, te as Spinner, w as Text, N as Toggle };
 
 //# sourceMappingURL=index.js.map