@shopito/design-system-fe 0.1.0

package/dist/index.js

@@ -0,0 +1,2089 @@
+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", {
+	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: "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", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ c("path", {
+			className: "opacity-75",
+			fill: "currentColor",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+		})]
+	}), a]
+}));
+p.displayName = "Button";
+//#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", {
+		className: a ? "w-full" : "inline-block",
+		children: [
+			e && /* @__PURE__ */ c("label", {
+				htmlFor: f,
+				className: "block text-sm font-medium text-gray-700 mb-1",
+				children: e
+			}),
+			/* @__PURE__ */ l("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",
+						children: r
+					}),
+					/* @__PURE__ */ c("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(" "),
+						...u
+					}),
+					i && /* @__PURE__ */ c("span", {
+						className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none",
+						children: i
+					})
+				]
+			}),
+			(t || n) && /* @__PURE__ */ c("p", {
+				className: `mt-1 text-xs ${t ? "text-danger-600" : "text-gray-500"}`,
+				children: t ?? n
+			})
+		]
+	});
+});
+m.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",
+		children: [
+			e && /* @__PURE__ */ c("label", {
+				htmlFor: f,
+				className: "block text-sm font-medium text-gray-700 mb-1",
+				children: e
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "relative",
+				children: [/* @__PURE__ */ l("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(" "),
+					...u,
+					children: [i && /* @__PURE__ */ c("option", {
+						value: "",
+						disabled: !0,
+						children: i
+					}), r.map((e) => /* @__PURE__ */ c("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", {
+						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", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+						})
+					})
+				})]
+			}),
+			(t || n) && /* @__PURE__ */ c("p", {
+				className: `mt-1 text-xs ${t ? "text-danger-600" : "text-gray-500"}`,
+				children: t ?? n
+			})
+		]
+	});
+});
+h.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
+	});
+}
+//#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(" "),
+		...a,
+		children: [n && /* @__PURE__ */ c("span", { className: `inline-block w-1.5 h-1.5 rounded-full ${S[e]}` }), i]
+	});
+}
+//#endregion
+//#region src/components/common/Card/Card.tsx
+var T = {
+	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", {
+		className: [
+			"bg-white rounded-xl overflow-hidden",
+			r ? "border border-gray-200" : "",
+			n ? "shadow-sm" : "",
+			T[t],
+			i
+		].filter(Boolean).join(" "),
+		...a,
+		children: e
+	});
+}
+function D({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ c("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", {
+		className: ["p-6", t].filter(Boolean).join(" "),
+		...n,
+		children: e
+	});
+}
+function ee({ children: e, className: t = "", ...n }) {
+	return /* @__PURE__ */ c("div", {
+		className: ["px-6 py-4 border-t border-gray-100 bg-gray-50", t].filter(Boolean).join(" "),
+		...n,
+		children: e
+	});
+}
+//#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", {
+		role: "status",
+		"aria-label": n,
+		className: ["inline-block", r].filter(Boolean).join(" "),
+		...i,
+		children: [/* @__PURE__ */ c("span", { className: [
+			"block rounded-full animate-spin",
+			te[e],
+			ne[t]
+		].join(" ") }), /* @__PURE__ */ c("span", {
+			className: "sr-only",
+			children: n
+		})]
+	});
+}
+//#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"
+		})
+	}
+};
+function A({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
+	let o = k[e];
+	return /* @__PURE__ */ l("div", {
+		role: "alert",
+		className: [
+			"flex gap-3 rounded-lg border p-4",
+			o.container,
+			i
+		].filter(Boolean).join(" "),
+		...a,
+		children: [
+			/* @__PURE__ */ c("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
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "flex-1 min-w-0",
+				children: [t && /* @__PURE__ */ c("p", {
+					className: "font-semibold text-sm mb-0.5",
+					children: t
+				}), /* @__PURE__ */ c("div", {
+					className: "text-sm",
+					children: n
+				})]
+			}),
+			r && /* @__PURE__ */ c("button", {
+				onClick: r,
+				className: "shrink-0 opacity-60 hover:opacity-100 transition-opacity",
+				"aria-label": "Close",
+				children: /* @__PURE__ */ c("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", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "M6 18L18 6M6 6l12 12"
+					})
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/common/Modal/Modal.tsx
+var j = {
+	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(() => {
+		if (!e) return;
+		let t = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = t;
+		};
+	}, [e]), i(() => {
+		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", {
+		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", {
+			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(" "),
+			children: [
+				n && /* @__PURE__ */ l("div", {
+					className: "flex items-center justify-between px-6 py-4 border-b border-gray-100 shrink-0",
+					children: [/* @__PURE__ */ c("h2", {
+						id: "modal-title",
+						className: "text-lg font-semibold text-gray-900",
+						children: n
+					}), /* @__PURE__ */ c("button", {
+						onClick: t,
+						className: "text-gray-400 hover:text-gray-600 transition-colors",
+						"aria-label": "Close modal",
+						children: /* @__PURE__ */ c("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", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M6 18L18 6M6 6l12 12"
+							})
+						})
+					})]
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "flex-1 overflow-y-auto px-6 py-4",
+					children: r
+				}),
+				o && /* @__PURE__ */ c("div", {
+					className: "px-6 py-4 border-t border-gray-100 shrink-0 bg-gray-50 rounded-b-xl",
+					children: o
+				})
+			]
+		})
+	}), document.body) : null;
+}
+//#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) => {
+	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", {
+				ref: (e) => {
+					e && (e.indeterminate = r ?? !1), typeof s == "function" ? s(e) : s && (s.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
+			})
+		}), (e || t) && /* @__PURE__ */ l("div", { children: [
+			e && /* @__PURE__ */ c("label", {
+				htmlFor: u,
+				className: "text-sm font-medium text-gray-900 cursor-pointer",
+				children: e
+			}),
+			t && /* @__PURE__ */ c("p", {
+				className: "text-xs text-gray-500 mt-0.5",
+				children: t
+			}),
+			n && /* @__PURE__ */ c("p", {
+				className: "text-xs text-danger-600 mt-0.5",
+				children: n
+			})
+		] })]
+	});
+});
+N.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}`,
+			children: [
+				/* @__PURE__ */ c("input", {
+					ref: o,
+					id: s,
+					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}` })
+			]
+		}), (e || t) && /* @__PURE__ */ l("div", { children: [e && /* @__PURE__ */ c("span", {
+			className: "text-sm font-medium text-gray-900 block",
+			children: e
+		}), t && /* @__PURE__ */ c("span", {
+			className: "text-xs text-gray-500 mt-0.5 block",
+			children: t
+		})] })]
+	});
+});
+P.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 = [
+	"bg-red-500",
+	"bg-orange-500",
+	"bg-amber-500",
+	"bg-emerald-500",
+	"bg-teal-500",
+	"bg-cyan-500",
+	"bg-blue-500",
+	"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],
+		i
+	].filter(Boolean).join(" ");
+	return e ? /* @__PURE__ */ c("span", {
+		className: o,
+		...a,
+		children: /* @__PURE__ */ c("img", {
+			src: e,
+			alt: t ?? n ?? "",
+			className: "w-full h-full object-cover"
+		})
+	}) : n ? /* @__PURE__ */ c("span", {
+		className: `${o} ${se(n)}`,
+		"aria-label": n,
+		...a,
+		children: oe(n)
+	}) : /* @__PURE__ */ c("span", {
+		className: `${o} bg-gray-200 text-gray-500`,
+		...a,
+		children: /* @__PURE__ */ c("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", {
+				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"
+			})
+		})
+	});
+}
+//#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);
+	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),
+		"…",
+		t
+	] : a && !o ? [
+		1,
+		"…",
+		...H(t - (2 + n * 2), t)
+	] : [
+		1,
+		"…",
+		...H(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", {
+		"aria-label": "Pagination",
+		className: "flex items-center gap-1",
+		children: [
+			/* @__PURE__ */ c(W, {
+				disabled: e <= 1,
+				onClick: () => n(e - 1),
+				"aria-label": "Previous page",
+				children: /* @__PURE__ */ c("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", {
+						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",
+				children: "…"
+			}, `dots-${r}`) : /* @__PURE__ */ c(W, {
+				active: t === e,
+				onClick: () => n(t),
+				"aria-label": `Page ${t}`,
+				"aria-current": t === e ? "page" : void 0,
+				children: t
+			}, t)),
+			/* @__PURE__ */ c(W, {
+				disabled: e >= t,
+				onClick: () => n(e + 1),
+				"aria-label": "Next page",
+				children: /* @__PURE__ */ c("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", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+					})
+				})
+			})
+		]
+	});
+}
+//#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", {
+		ref: d,
+		className: "relative",
+		onBlur: (e) => {
+			d.current?.contains(e.relatedTarget) || f();
+		},
+		onKeyDown: (e) => {
+			e.key === "Escape" && f();
+		},
+		children: [/* @__PURE__ */ c("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", {
+			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", {
+				role: "none",
+				children: /* @__PURE__ */ c("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
+				})
+			}, r(e)))
+		})]
+	});
+}
+function le() {
+	return /* @__PURE__ */ c("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", {
+			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", {
+		className: "bg-white border-b border-gray-200 sticky top-0 z-40",
+		children: /* @__PURE__ */ l("div", {
+			className: "max-w-7xl mx-auto px-4 h-16 flex items-center gap-4",
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "shrink-0",
+					children: e ?? /* @__PURE__ */ c("span", {
+						className: "text-xl font-bold text-primary-600 tracking-tight",
+						children: "shopito"
+					})
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "flex-1 max-w-xl",
+					children: /* @__PURE__ */ c(m, {
+						fullWidth: !0,
+						placeholder: t,
+						value: b,
+						onChange: (e) => x(e.target.value),
+						onKeyDown: (e) => {
+							e.key === "Enter" && n?.(b);
+						},
+						leftIcon: /* @__PURE__ */ c(le, {}),
+						rightIcon: b ? /* @__PURE__ */ c("button", {
+							onClick: () => {
+								x(""), n?.("");
+							},
+							className: "hover:text-gray-600 transition-colors",
+							"aria-label": "Clear search",
+							children: /* @__PURE__ */ c("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", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M6 18L18 6M6 6l12 12"
+								})
+							})
+						}) : void 0
+					})
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex items-center gap-1 shrink-0 ml-auto",
+					children: [
+						f.length > 0 && /* @__PURE__ */ c(K, {
+							trigger: /* @__PURE__ */ l("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", {
+										className: "text-xs text-gray-400",
+										children: S?.code ?? p
+									}),
+									/* @__PURE__ */ c(q, { className: "w-3 h-3 text-gray-400" })
+								]
+							}),
+							items: f,
+							getKey: (e) => e.code,
+							onSelect: (e) => h?.(e.code),
+							renderItem: (e) => /* @__PURE__ */ l("span", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ c("span", {
+									className: "w-6 text-center font-medium text-gray-500",
+									children: e.symbol
+								}), /* @__PURE__ */ c("span", { children: e.label })]
+							})
+						}),
+						g.length > 0 && /* @__PURE__ */ c(K, {
+							trigger: /* @__PURE__ */ l("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", {
+										className: "text-base leading-none",
+										children: C.flag
+									}),
+									/* @__PURE__ */ c("span", {
+										className: "font-medium uppercase",
+										children: C?.code ?? _
+									}),
+									/* @__PURE__ */ c(q, { className: "w-3 h-3 text-gray-400" })
+								]
+							}),
+							items: g,
+							getKey: (e) => e.code,
+							onSelect: (e) => v?.(e.code),
+							renderItem: (e) => /* @__PURE__ */ l("span", {
+								className: "flex items-center gap-2",
+								children: [e.flag && /* @__PURE__ */ c("span", {
+									className: "text-base",
+									children: e.flag
+								}), /* @__PURE__ */ c("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", {
+							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", {
+								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", {
+								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", {
+								className: "hidden sm:block font-medium",
+								children: "Přihlásit se"
+							})] })
+						}),
+						/* @__PURE__ */ l("button", {
+							onClick: i,
+							className: "relative flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-sm text-gray-600 hover:bg-gray-50 transition-colors",
+							"aria-label": `Cart, ${r} items`,
+							children: [
+								/* @__PURE__ */ c(fe, { className: "w-5 h-5" }),
+								/* @__PURE__ */ c("span", {
+									className: "hidden sm:block font-medium",
+									children: "Košík"
+								}),
+								r > 0 && /* @__PURE__ */ c("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
+					]
+				})
+			]
+		})
+	});
+}
+function q({ className: e }) {
+	return /* @__PURE__ */ c("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", {
+			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", {
+		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", {
+			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", {
+		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", {
+			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"
+		})
+	});
+}
+//#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", {
+		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)}` : ""
+		].filter(Boolean).join(" "),
+		style: i > 0 ? { marginLeft: i * 16 } : void 0,
+		onClick: () => {
+			n(e), s && d((e) => !e);
+		},
+		role: "button",
+		tabIndex: 0,
+		onKeyDown: (t) => {
+			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n(e), s && d((e) => !e));
+		},
+		"aria-expanded": s ? u : void 0,
+		children: [
+			s ? /* @__PURE__ */ c("span", {
+				className: `shrink-0 text-gray-400 transition-transform duration-150 ${u ? "rotate-90" : ""}`,
+				children: /* @__PURE__ */ c("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", {
+						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", {
+				className: "text-base leading-none",
+				children: e.icon
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "flex-1 truncate",
+				children: e.label
+			}),
+			r && e.count !== void 0 && /* @__PURE__ */ c("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", {
+		role: "group",
+		children: e.children.map((e) => /* @__PURE__ */ c(J, {
+			node: e,
+			activeId: t,
+			onSelect: n,
+			showCounts: r,
+			depth: i + 1,
+			defaultExpandAll: a
+		}, e.id))
+	})] });
+}
+function Y(e, t) {
+	return !t || !e.children ? !1 : e.children.some((e) => e.id === t || Y(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", {
+		"aria-label": "Category navigation",
+		className: ["w-full", a].filter(Boolean).join(" "),
+		...o,
+		children: /* @__PURE__ */ c("ul", {
+			role: "tree",
+			className: "space-y-0.5",
+			children: e.map((e) => /* @__PURE__ */ c(J, {
+				node: e,
+				activeId: t,
+				onSelect: s,
+				showCounts: r,
+				depth: 0,
+				defaultExpandAll: i
+			}, e.id))
+		})
+	});
+}
+//#endregion
+//#region src/components/MegaMenu/MegaMenu.tsx
+function me({ item: e, onNavigate: t, onClose: n }) {
+	return e.columns?.length ? /* @__PURE__ */ c("div", {
+		className: "absolute left-0 right-0 top-full z-50 bg-white border-b border-gray-200 shadow-lg",
+		children: /* @__PURE__ */ l("div", {
+			className: "max-w-7xl mx-auto px-4 py-6 flex gap-8",
+			children: [/* @__PURE__ */ c("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", {
+					className: "text-xs font-semibold uppercase tracking-wider text-gray-400 mb-2",
+					children: e.heading
+				}), /* @__PURE__ */ c("ul", {
+					className: "space-y-1",
+					children: e.items.map((e) => /* @__PURE__ */ c("li", { children: /* @__PURE__ */ l("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", {
+							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", {
+				className: "w-52 shrink-0",
+				children: /* @__PURE__ */ l("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", {
+						src: e.featured.image,
+						alt: e.featured.title,
+						className: "w-full h-28 object-cover"
+					}) : /* @__PURE__ */ c("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", {
+						className: "p-3",
+						children: [
+							e.featured.eyebrow && /* @__PURE__ */ c("p", {
+								className: "text-[10px] font-semibold uppercase tracking-wider text-primary-500 mb-0.5",
+								children: e.featured.eyebrow
+							}),
+							/* @__PURE__ */ c("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", {
+								className: "text-xs text-gray-500 mt-0.5 line-clamp-2",
+								children: e.featured.description
+							}),
+							e.featured.cta && /* @__PURE__ */ l("span", {
+								className: "inline-block mt-2 text-xs font-medium text-primary-600",
+								children: [e.featured.cta, " →"]
+							})
+						]
+					})]
+				})
+			})]
+		})
+	}) : 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);
+	}, d = () => {
+		s.current = setTimeout(() => i(null), 120);
+	}, f = () => {
+		s.current && clearTimeout(s.current);
+	}, p = e.find((e) => e.id === r);
+	return /* @__PURE__ */ l("nav", {
+		"aria-label": "Main navigation",
+		className: "relative bg-white border-b border-gray-100",
+		onMouseLeave: d,
+		children: [/* @__PURE__ */ c("div", {
+			className: "max-w-7xl mx-auto px-4",
+			children: /* @__PURE__ */ c("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", {
+						role: "none",
+						children: /* @__PURE__ */ l("button", {
+							role: "menuitem",
+							"aria-haspopup": a ? "true" : void 0,
+							"aria-expanded": a ? o : 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" : ""
+							].filter(Boolean).join(" "),
+							onMouseEnter: () => a ? u(e.id) : i(null),
+							onFocus: () => a && u(e.id),
+							onClick: () => {
+								a || (n?.(e), i(null));
+							},
+							children: [
+								e.icon && /* @__PURE__ */ c("span", {
+									className: "text-base leading-none",
+									children: e.icon
+								}),
+								e.label,
+								a && /* @__PURE__ */ c("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", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
+									})
+								})
+							]
+						})
+					}, e.id);
+				})
+			})
+		}), p?.columns?.length && /* @__PURE__ */ c("div", {
+			onMouseEnter: f,
+			onMouseLeave: d,
+			children: /* @__PURE__ */ c(me, {
+				item: p,
+				onNavigate: (e) => n?.(e),
+				onClose: () => i(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) => {
+		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), () => {
+			v.current && clearInterval(v.current);
+		};
+	}, [
+		t,
+		g,
+		r,
+		C,
+		b
+	]);
+	let w = a(null), T = (e) => {
+		w.current = e.touches[0].clientX;
+	}, E = (e) => {
+		if (w.current === null) return;
+		let t = e.changedTouches[0].clientX - w.current;
+		Math.abs(t) > 50 && (t < 0 ? C() : S()), w.current = null;
+	};
+	if (b === 0) return null;
+	let D = e[m], O = D.textColor === "light" || !D.textColor;
+	return /* @__PURE__ */ l("div", {
+		className: ["relative overflow-hidden rounded-xl", f].filter(Boolean).join(" "),
+		style: { aspectRatio: p },
+		onMouseEnter: () => _(!0),
+		onMouseLeave: () => _(!1),
+		onTouchStart: T,
+		onTouchEnd: E,
+		children: [
+			/* @__PURE__ */ c("div", {
+				ref: y,
+				className: "relative w-full h-full",
+				children: e.map((e, t) => /* @__PURE__ */ l("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", {
+						className: "relative z-10 h-full flex items-center px-8 md:px-12 gap-8",
+						children: [/* @__PURE__ */ l("div", {
+							className: "flex-1 max-w-lg",
+							children: [
+								e.eyebrow && /* @__PURE__ */ c("p", {
+									className: `text-xs font-semibold uppercase tracking-widest mb-2 ${O ? "text-white/70" : "text-gray-500"}`,
+									children: e.eyebrow
+								}),
+								/* @__PURE__ */ c("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", {
+									className: `mt-2 text-sm md:text-base ${O ? "text-white/80" : "text-gray-600"}`,
+									children: e.subtitle
+								}),
+								e.ctaLabel && /* @__PURE__ */ l("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", {
+										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", {
+											strokeLinecap: "round",
+											strokeLinejoin: "round",
+											d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+										})
+									})]
+								})
+							]
+						}), e.sideImage && /* @__PURE__ */ c("div", {
+							className: "hidden md:block flex-1 h-full flex items-end justify-end overflow-hidden",
+							children: /* @__PURE__ */ c("img", {
+								src: e.sideImage,
+								alt: "",
+								className: "h-full w-auto object-contain object-bottom drop-shadow-2xl"
+							})
+						})]
+					})]
+				}, e.id))
+			}),
+			u && b > 1 && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("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", {
+					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", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "M15.75 19.5L8.25 12l7.5-7.5"
+					})
+				})
+			}), /* @__PURE__ */ c("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", {
+					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", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+					})
+				})
+			})] }),
+			d && b > 1 && /* @__PURE__ */ c("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", {
+					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", {
+				className: "absolute bottom-0 left-0 right-0 h-0.5 bg-white/20 z-20",
+				children: /* @__PURE__ */ c("div", {
+					className: `h-full bg-white/60 ${g ? "" : "animate-progress"}`,
+					style: { animation: g ? "none" : `progress ${r}ms linear` }
+				}, `${m}-${g}`)
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/ProductCard/ProductCard.tsx
+function _e({ filled: e }) {
+	return /* @__PURE__ */ c("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", {
+			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", {
+		className: "flex items-center gap-1",
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex gap-0.5",
+			children: [
+				1,
+				2,
+				3,
+				4,
+				5
+			].map((t) => /* @__PURE__ */ c(_e, { filled: t <= Math.round(e) }, t))
+		}), t !== void 0 && /* @__PURE__ */ l("span", {
+			className: "text-xs text-gray-400",
+			children: [
+				"(",
+				t,
+				")"
+			]
+		})]
+	});
+}
+function ye(e) {
+	let t = e.toLowerCase();
+	return t === "sale" || t === "akce" ? "danger" : t === "new" || t === "nové" ? "primary" : t === "hot" ? "warning" : "default";
+}
+function X(e, t = "Kč") {
+	return `${e.toLocaleString("cs-CZ")} ${t}`;
+}
+function be(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", {
+		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
+		].filter(Boolean).join(" "),
+		onClick: () => i?.(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: [
+				e.image ? /* @__PURE__ */ c("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", {
+					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", {
+					className: "absolute top-2 left-2",
+					children: /* @__PURE__ */ c(w, {
+						variant: ye(e.badge),
+						size: "sm",
+						children: e.badge === "sale" && h ? `-${be(e.originalPrice, e.price)}%` : e.badge
+					})
+				}),
+				e.inStock === !1 && /* @__PURE__ */ c("div", {
+					className: "absolute inset-0 bg-white/70 flex items-center justify-center",
+					children: /* @__PURE__ */ c("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", {
+					onClick: (t) => {
+						t.stopPropagation(), n?.(e);
+					},
+					"aria-label": r ? "Remove from wishlist" : "Add to wishlist",
+					className: [
+						"absolute top-2 right-2 w-8 h-8 flex items-center justify-center rounded-full bg-white shadow-sm border border-gray-100",
+						"transition-all duration-200",
+						"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", {
+						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", {
+							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", {
+					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, {
+						variant: "primary",
+						size: "sm",
+						fullWidth: !0,
+						loading: !1,
+						disabled: e.inStock === !1,
+						onClick: (n) => {
+							n.stopPropagation(), t?.(e), m(!0), setTimeout(() => m(!1), 1500);
+						},
+						className: "shadow-lg",
+						children: f ? /* @__PURE__ */ l("span", {
+							className: "flex items-center gap-1.5",
+							children: [/* @__PURE__ */ c("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", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									d: "M4.5 12.75l6 6 9-13.5"
+								})
+							}), "Přidáno"]
+						}) : "Přidat do košíku"
+					})
+				})
+			]
+		}), /* @__PURE__ */ l("div", {
+			className: `flex flex-col gap-1.5 ${a === "compact" ? "p-3" : "p-4"}`,
+			children: [
+				e.variants && e.variants.length > 0 && /* @__PURE__ */ l("div", {
+					className: "flex gap-1",
+					children: [e.variants.slice(0, 5).map((e) => /* @__PURE__ */ c("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", {
+						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"}`,
+					children: e.name
+				}),
+				e.rating !== void 0 && /* @__PURE__ */ c(ve, {
+					value: e.rating,
+					count: e.reviewCount
+				}),
+				/* @__PURE__ */ l("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", {
+						className: "text-sm text-gray-400 line-through",
+						children: X(e.originalPrice, e.currency)
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+//#region src/components/ProductGrid/ProductGrid.tsx
+var Q = {
+	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 = [
+	{
+		value: "newest",
+		label: "Nejnovější"
+	},
+	{
+		value: "price-asc",
+		label: "Cena: od nejnižší"
+	},
+	{
+		value: "price-desc",
+		label: "Cena: od nejvyšší"
+	},
+	{
+		value: "rating",
+		label: "Hodnocení"
+	},
+	{
+		value: "bestseller",
+		label: "Bestsellery"
+	}
+];
+function Se() {
+	return /* @__PURE__ */ l("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", {
+			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" })
+			]
+		})]
+	});
+}
+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(" "),
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex flex-wrap items-center justify-between gap-3 mb-4",
+				children: [/* @__PURE__ */ l("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						t !== void 0 && /* @__PURE__ */ l("span", {
+							className: "text-sm text-gray-500",
+							children: [/* @__PURE__ */ c("span", {
+								className: "font-semibold text-gray-900",
+								children: t
+							}), " produktů"]
+						}),
+						d.map((e) => /* @__PURE__ */ l("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", {
+								onClick: () => f?.(e),
+								"aria-label": `Remove filter ${e}`,
+								className: "hover:text-primary-900 transition-colors",
+								children: /* @__PURE__ */ c("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", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										d: "M6 18L18 6M6 6l12 12"
+									})
+								})
+							})]
+						}, e)),
+						d.length > 1 && /* @__PURE__ */ c("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 ?? "",
+					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", {
+				className: "py-16 text-center",
+				children: g ?? /* @__PURE__ */ l("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ c("p", {
+							className: "text-4xl",
+							children: "🔍"
+						}),
+						/* @__PURE__ */ c("p", {
+							className: "font-semibold text-gray-900",
+							children: "Žádné produkty nenalezeny"
+						}),
+						/* @__PURE__ */ c("p", {
+							className: "text-sm text-gray-500",
+							children: "Zkuste upravit filtry nebo hledat jinak."
+						}),
+						d.length > 0 && /* @__PURE__ */ c("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, {
+					product: e,
+					size: C,
+					onAddToCart: _,
+					onWishlistToggle: v,
+					onProductClick: y,
+					isWishlisted: b.includes(e.id)
+				}, e.id))
+			}),
+			S && S > 1 && r && /* @__PURE__ */ c("div", {
+				className: "flex justify-center mt-8",
+				children: /* @__PURE__ */ c(G, {
+					page: n,
+					totalPages: S,
+					onPageChange: r
+				})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/CallToAction/CallToAction.tsx
+var we = {
+	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 = {
+	default: {
+		eyebrow: "text-primary-600",
+		title: "text-gray-900",
+		description: "text-gray-600"
+	},
+	primary: {
+		eyebrow: "text-primary-100",
+		title: "text-white",
+		description: "text-primary-100"
+	},
+	dark: {
+		eyebrow: "text-primary-400",
+		title: "text-white",
+		description: "text-gray-400"
+	},
+	gradient: {
+		eyebrow: "text-primary-200",
+		title: "text-white",
+		description: "text-primary-100"
+	},
+	outline: {
+		eyebrow: "text-primary-600",
+		title: "text-gray-900",
+		description: "text-gray-600"
+	},
+	image: {
+		eyebrow: "text-white/70",
+		title: "text-white",
+		description: "text-white/80"
+	}
+}, Ee = {
+	sm: {
+		wrapper: "px-6 py-6 rounded-xl",
+		title: "text-xl font-bold",
+		description: "text-sm",
+		eyebrow: "text-xs"
+	},
+	md: {
+		wrapper: "px-8 py-10 rounded-2xl",
+		title: "text-2xl font-bold",
+		description: "text-base",
+		eyebrow: "text-xs"
+	},
+	lg: {
+		wrapper: "px-10 py-14 rounded-2xl",
+		title: "text-3xl font-bold",
+		description: "text-lg",
+		eyebrow: "text-sm"
+	},
+	xl: {
+		wrapper: "px-12 py-20 rounded-3xl",
+		title: "text-4xl font-extrabold leading-tight",
+		description: "text-xl",
+		eyebrow: "text-sm"
+	}
+}, De = {
+	left: {
+		wrapper: "items-start text-left",
+		actions: "justify-start"
+	},
+	center: {
+		wrapper: "items-center text-center",
+		actions: "justify-center"
+	},
+	right: {
+		wrapper: "items-end text-right",
+		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 = {
+		...u ? { background: u } : {},
+		...d ? {
+			backgroundImage: `url(${d})`,
+			backgroundSize: "cover",
+			backgroundPosition: "center"
+		} : {},
+		...h
+	};
+	return /* @__PURE__ */ l("div", {
+		className: [
+			"w-full",
+			we[s],
+			_.wrapper,
+			m
+		].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: [
+				/* @__PURE__ */ l("div", {
+					className: `flex flex-col gap-2 ${y ? "flex-1 min-w-0" : v.wrapper}`,
+					children: [
+						e && /* @__PURE__ */ c("p", {
+							className: `font-semibold uppercase tracking-widest ${_.eyebrow} ${g.eyebrow}`,
+							children: e
+						}),
+						/* @__PURE__ */ c("h2", {
+							className: `${_.title} ${g.title}`,
+							children: t
+						}),
+						n && /* @__PURE__ */ c("p", {
+							className: `max-w-2xl ${_.description} ${g.description}`,
+							children: n
+						})
+					]
+				}),
+				f && !y && /* @__PURE__ */ c("div", {
+					className: "mt-2",
+					children: f
+				}),
+				r.length > 0 && /* @__PURE__ */ c("div", {
+					className: `flex flex-wrap gap-3 ${y ? "shrink-0" : v.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"),
+							onClick: e.onClick,
+							children: e.label
+						}, t);
+						return e.href ? /* @__PURE__ */ c("a", {
+							href: e.href,
+							className: "contents",
+							children: n
+						}, t) : n;
+					})
+				})
+			]
+		})]
+	});
+}
+function ke(e) {
+	return e === "default" || e === "outline" ? "primary" : "secondary";
+}
+//#endregion
+//#region src/components/Footer/Footer.tsx
+function Ae() {
+	return /* @__PURE__ */ c("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", {
+			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", {
+		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", {
+			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", {
+		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", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"
+		}), /* @__PURE__ */ c("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", {
+		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", {
+			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", {
+		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" })
+	});
+}
+function $() {
+	return /* @__PURE__ */ c("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" })
+	});
+}
+function Fe() {
+	return /* @__PURE__ */ c("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" })
+	});
+}
+function Ie() {
+	return /* @__PURE__ */ c("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" })
+	});
+}
+function Le() {
+	return /* @__PURE__ */ c("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" })
+	});
+}
+var Re = {
+	facebook: Pe,
+	instagram: $,
+	twitter: Fe,
+	youtube: Ie,
+	tiktok: Le
+}, ze = {
+	phone: Ae,
+	email: je,
+	address: Me,
+	hours: Ne
+};
+function Be(e) {
+	if (!e) return null;
+	if (typeof e == "string") {
+		let t = ze[e];
+		return t ? /* @__PURE__ */ c(t, {}) : null;
+	}
+	return e;
+}
+function Ve(e) {
+	if (typeof e == "string") {
+		let t = Re[e];
+		return t ? /* @__PURE__ */ c(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 = "" }) {
+	let d = (/* @__PURE__ */ new Date()).getFullYear();
+	return /* @__PURE__ */ l("footer", {
+		className: ["bg-gray-900 text-gray-300", u].filter(Boolean).join(" "),
+		children: [/* @__PURE__ */ l("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", {
+				className: "flex flex-col gap-6",
+				children: [
+					/* @__PURE__ */ l("div", { children: [e ? /* @__PURE__ */ c("div", {
+						className: "mb-3",
+						children: e
+					}) : /* @__PURE__ */ c("span", {
+						className: "text-xl font-bold text-white tracking-tight mb-3 block",
+						children: "shopito"
+					}), t && /* @__PURE__ */ c("p", {
+						className: "text-sm text-gray-400 max-w-xs",
+						children: t
+					})] }),
+					r.length > 0 && /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h3", {
+						className: "text-xs font-semibold uppercase tracking-widest text-gray-500 mb-3",
+						children: n
+					}), /* @__PURE__ */ c("ul", {
+						className: "space-y-3",
+						children: r.map((e, t) => {
+							let n = Be(e.icon), r = /* @__PURE__ */ l("div", {
+								className: "flex items-start gap-2.5",
+								children: [n && /* @__PURE__ */ c("span", {
+									className: "mt-0.5 text-primary-400",
+									children: n
+								}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
+									className: "text-xs text-gray-500 leading-none mb-0.5",
+									children: e.label
+								}), /* @__PURE__ */ c("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", {
+								href: e.href,
+								children: r
+							}) : r }, t);
+						})
+					})] }),
+					a.length > 0 && /* @__PURE__ */ c("div", {
+						className: "flex gap-2 flex-wrap",
+						children: a.map((e, t) => /* @__PURE__ */ c("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)
+						}, t))
+					})
+				]
+			}), i.length > 0 && /* @__PURE__ */ c("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", {
+					className: "text-xs font-semibold uppercase tracking-widest text-gray-500 mb-3",
+					children: e.heading
+				}), /* @__PURE__ */ c("ul", {
+					className: "space-y-2",
+					children: e.links.map((e, t) => /* @__PURE__ */ c("li", { children: e.href ? /* @__PURE__ */ c("a", {
+						href: e.href,
+						className: "text-sm text-gray-400 hover:text-white transition-colors",
+						children: e.label
+					}) : /* @__PURE__ */ c("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", {
+			className: "border-t border-gray-800",
+			children: /* @__PURE__ */ l("div", {
+				className: "max-w-7xl mx-auto px-4 py-4 flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ c("p", {
+					className: "text-xs text-gray-500",
+					children: o ?? `© ${d} Shopito. Všechna práva vyhrazena.`
+				}), s.length > 0 && /* @__PURE__ */ c("nav", {
+					className: "flex flex-wrap gap-4",
+					children: s.map((e, t) => e.href ? /* @__PURE__ */ c("a", {
+						href: e.href,
+						className: "text-xs text-gray-500 hover:text-gray-300 transition-colors",
+						children: e.label
+					}, t) : /* @__PURE__ */ c("button", {
+						onClick: e.onClick,
+						className: "text-xs text-gray-500 hover:text-gray-300 transition-colors",
+						children: e.label
+					}, t))
+				})]
+			})
+		})]
+	});
+}
+//#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 };
+
+//# sourceMappingURL=index.js.map