@shopito/design-system-fe 0.1.8 → 0.1.10

package/dist/index.js

@@ -230,21 +230,21 @@ function j({ children: e, padding: t = "md", shadow: n = !0, border: r = !0, cla
 		children: e
 	});
 }
-function M({ children: e, className: t = "", ...n }) {
+function ee({ children: e, className: t = "", ...n }) {
 	return /* @__PURE__ */ s("div", {
 		className: ["px-6 py-4 border-b border-gray-100", t].filter(Boolean).join(" "),
 		...n,
 		children: e
 	});
 }
-function ee({ children: e, className: t = "", ...n }) {
+function te({ children: e, className: t = "", ...n }) {
 	return /* @__PURE__ */ s("div", {
 		className: ["p-6", t].filter(Boolean).join(" "),
 		...n,
 		children: e
 	});
 }
-function te({ children: e, className: t = "", ...n }) {
+function ne({ children: e, className: t = "", ...n }) {
 	return /* @__PURE__ */ s("div", {
 		className: ["px-6 py-4 border-t border-gray-100 bg-gray-50", t].filter(Boolean).join(" "),
 		...n,
@@ -253,7 +253,7 @@ function te({ children: e, className: t = "", ...n }) {
 }
 //#endregion
 //#region src/components/common/Spinner/Spinner.tsx
-function N({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
+function re({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
 	return /* @__PURE__ */ c("span", {
 		role: "status",
 		"aria-label": n,
@@ -267,7 +267,7 @@ function N({ size: e = "md", color: t = "primary", label: n = "Loading…", clas
 }
 //#endregion
 //#region src/components/common/Alert/Alert.tsx
-var P = {
+var ie = {
 	info: /* @__PURE__ */ s("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
@@ -289,7 +289,7 @@ var P = {
 		d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
 	})
 };
-function ne({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
+function ae({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
 	return /* @__PURE__ */ c("div", {
 		role: "alert",
 		className: (0, x.default)("alert", `alert-${e}`, "w-full", i),
@@ -302,7 +302,7 @@ function ne({ variant: e = "info", title: t, children: n, onClose: r, className:
 				strokeWidth: 1.5,
 				stroke: "currentColor",
 				className: (0, x.default)("alert-icon", `alert-icon-${e}`),
-				children: P[e]
+				children: ie[e]
 			}),
 			/* @__PURE__ */ c("div", {
 				className: "flex-1 min-w-0",
@@ -337,14 +337,14 @@ function ne({ variant: e = "info", title: t, children: n, onClose: r, className:
 }
 //#endregion
 //#region src/components/common/Modal/Modal.tsx
-var re = {
+var oe = {
 	sm: "max-w-sm",
 	md: "max-w-md",
 	lg: "max-w-lg",
 	xl: "max-w-xl",
 	full: "max-w-full mx-4"
 };
-function F({ open: e, onClose: t, title: r, children: a, footer: o, size: u = "md", closeOnBackdrop: d = !0 }) {
+function se({ open: e, onClose: t, title: r, children: a, footer: o, size: u = "md", closeOnBackdrop: d = !0 }) {
 	let f = i(null);
 	return n(() => {
 		if (!e) return;
@@ -368,7 +368,7 @@ function F({ open: e, onClose: t, title: r, children: a, footer: o, size: u = "m
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": r ? "modal-title" : void 0,
-			className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]", re[u]].join(" "),
+			className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]", oe[u]].join(" "),
 			children: [
 				r && /* @__PURE__ */ c("div", {
 					className: "flex items-center justify-between px-6 py-4 border-b border-gray-100 shrink-0",
@@ -409,7 +409,7 @@ function F({ open: e, onClose: t, title: r, children: a, footer: o, size: u = "m
 }
 //#endregion
 //#region src/components/common/Checkbox/Checkbox.tsx
-var I = e(({ label: e, description: t, error: n, indeterminate: r, className: i = "", id: a, ...o }, l) => {
+var M = e(({ label: e, description: t, error: n, indeterminate: r, className: i = "", id: a, ...o }, l) => {
 	let u = a ?? e?.toLowerCase().replace(/\s+/g, "-");
 	return /* @__PURE__ */ c("div", {
 		className: (0, x.default)("checkbox-wrapper", i),
@@ -441,10 +441,10 @@ var I = e(({ label: e, description: t, error: n, indeterminate: r, className: i
 		] })]
 	});
 });
-I.displayName = "Checkbox";
+M.displayName = "Checkbox";
 //#endregion
 //#region src/components/common/Toggle/Toggle.tsx
-var L = e(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, o) => {
+var N = e(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, o) => {
 	let l = i ?? e?.toLowerCase().replace(/\s+/g, "-");
 	return /* @__PURE__ */ c("label", {
 		htmlFor: l,
@@ -472,10 +472,10 @@ var L = e(({ label: e, description: t, size: n = "md", className: r = "", id: i,
 		})] })]
 	});
 });
-L.displayName = "Toggle";
+N.displayName = "Toggle";
 //#endregion
 //#region src/components/common/Avatar/Avatar.tsx
-var R = [
+var P = [
 	"bg-red-500",
 	"bg-orange-500",
 	"bg-amber-500",
@@ -486,7 +486,7 @@ var R = [
 	"bg-violet-500",
 	"bg-pink-500"
 ];
-function ie({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
+function ce({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
 	let o = [
 		"avatar",
 		`avatar-${r}`,
@@ -494,7 +494,7 @@ function ie({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
 	], c = (e) => {
 		let t = 0;
 		for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
-		return R[t % R.length];
+		return P[t % P.length];
 	}, l = (e) => e.split(" ").slice(0, 2).map((e) => e[0]).join("").toUpperCase();
 	return e ? /* @__PURE__ */ s("span", {
 		className: (0, x.default)(o),
@@ -527,7 +527,7 @@ function ie({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
 }
 //#endregion
 //#region src/components/common/Stack/Stack.tsx
-var ae = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems: r = "start", children: i }) => /* @__PURE__ */ s("div", {
+var le = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems: r = "start", children: i }) => /* @__PURE__ */ s("div", {
 	className: (0, x.default)("stack", `stack-${e}`, t && `gap-${t}`, {
 		start: "items-start",
 		end: "items-end",
@@ -541,7 +541,188 @@ var ae = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 		stretch: "justify-items-stretch"
 	}[r]),
 	children: i
-}), z = ({ value: e, onChange: t, min: o = 1, max: l = 999, step: u = 1, disabled: d = !1, label: f, error: p, hint: m, id: h, className: g }) => {
+}), ue = {
+	1: "grid-cols-1",
+	2: "grid-cols-2",
+	3: "grid-cols-3",
+	4: "grid-cols-4",
+	6: "grid-cols-6",
+	12: "grid-cols-12"
+}, de = {
+	0: "gap-0",
+	1: "gap-1",
+	2: "gap-2",
+	3: "gap-3",
+	4: "gap-4",
+	5: "gap-5",
+	6: "gap-6",
+	8: "gap-8",
+	10: "gap-10",
+	12: "gap-12",
+	16: "gap-16"
+}, fe = {
+	0: "gap-y-0",
+	1: "gap-y-1",
+	2: "gap-y-2",
+	3: "gap-y-3",
+	4: "gap-y-4",
+	5: "gap-y-5",
+	6: "gap-y-6",
+	8: "gap-y-8",
+	10: "gap-y-10",
+	12: "gap-y-12",
+	16: "gap-y-16"
+}, pe = {
+	0: "gap-x-0",
+	1: "gap-x-1",
+	2: "gap-x-2",
+	3: "gap-x-3",
+	4: "gap-x-4",
+	5: "gap-x-5",
+	6: "gap-x-6",
+	8: "gap-x-8",
+	10: "gap-x-10",
+	12: "gap-x-12",
+	16: "gap-x-16"
+}, me = {
+	1: "col-span-1",
+	2: "col-span-2",
+	3: "col-span-3",
+	4: "col-span-4",
+	5: "col-span-5",
+	6: "col-span-6",
+	7: "col-span-7",
+	8: "col-span-8",
+	9: "col-span-9",
+	10: "col-span-10",
+	11: "col-span-11",
+	12: "col-span-12"
+}, F = {
+	1: "sm:col-span-1",
+	2: "sm:col-span-2",
+	3: "sm:col-span-3",
+	4: "sm:col-span-4",
+	5: "sm:col-span-5",
+	6: "sm:col-span-6",
+	7: "sm:col-span-7",
+	8: "sm:col-span-8",
+	9: "sm:col-span-9",
+	10: "sm:col-span-10",
+	11: "sm:col-span-11",
+	12: "sm:col-span-12"
+}, I = {
+	1: "md:col-span-1",
+	2: "md:col-span-2",
+	3: "md:col-span-3",
+	4: "md:col-span-4",
+	5: "md:col-span-5",
+	6: "md:col-span-6",
+	7: "md:col-span-7",
+	8: "md:col-span-8",
+	9: "md:col-span-9",
+	10: "md:col-span-10",
+	11: "md:col-span-11",
+	12: "md:col-span-12"
+}, L = {
+	1: "lg:col-span-1",
+	2: "lg:col-span-2",
+	3: "lg:col-span-3",
+	4: "lg:col-span-4",
+	5: "lg:col-span-5",
+	6: "lg:col-span-6",
+	7: "lg:col-span-7",
+	8: "lg:col-span-8",
+	9: "lg:col-span-9",
+	10: "lg:col-span-10",
+	11: "lg:col-span-11",
+	12: "lg:col-span-12"
+}, R = {
+	1: "xl:col-span-1",
+	2: "xl:col-span-2",
+	3: "xl:col-span-3",
+	4: "xl:col-span-4",
+	5: "xl:col-span-5",
+	6: "xl:col-span-6",
+	7: "xl:col-span-7",
+	8: "xl:col-span-8",
+	9: "xl:col-span-9",
+	10: "xl:col-span-10",
+	11: "xl:col-span-11",
+	12: "xl:col-span-12"
+}, z = {
+	1: "col-start-2",
+	2: "col-start-3",
+	3: "col-start-4",
+	4: "col-start-5",
+	5: "col-start-6",
+	6: "col-start-7",
+	7: "col-start-8",
+	8: "col-start-9",
+	9: "col-start-10",
+	10: "col-start-11",
+	11: "col-start-12"
+}, he = {
+	1: "sm:col-start-2",
+	2: "sm:col-start-3",
+	3: "sm:col-start-4",
+	4: "sm:col-start-5",
+	5: "sm:col-start-6",
+	6: "sm:col-start-7",
+	7: "sm:col-start-8",
+	8: "sm:col-start-9",
+	9: "sm:col-start-10",
+	10: "sm:col-start-11",
+	11: "sm:col-start-12"
+}, ge = {
+	1: "md:col-start-2",
+	2: "md:col-start-3",
+	3: "md:col-start-4",
+	4: "md:col-start-5",
+	5: "md:col-start-6",
+	6: "md:col-start-7",
+	7: "md:col-start-8",
+	8: "md:col-start-9",
+	9: "md:col-start-10",
+	10: "md:col-start-11",
+	11: "md:col-start-12"
+}, _e = {
+	1: "lg:col-start-2",
+	2: "lg:col-start-3",
+	3: "lg:col-start-4",
+	4: "lg:col-start-5",
+	5: "lg:col-start-6",
+	6: "lg:col-start-7",
+	7: "lg:col-start-8",
+	8: "lg:col-start-9",
+	9: "lg:col-start-10",
+	10: "lg:col-start-11",
+	11: "lg:col-start-12"
+}, ve = {
+	1: "xl:col-start-2",
+	2: "xl:col-start-3",
+	3: "xl:col-start-4",
+	4: "xl:col-start-5",
+	5: "xl:col-start-6",
+	6: "xl:col-start-7",
+	7: "xl:col-start-8",
+	8: "xl:col-start-9",
+	9: "xl:col-start-10",
+	10: "xl:col-start-11",
+	11: "xl:col-start-12"
+}, B = ({ children: e, cols: t = 12, gap: n, rowGap: r, colGap: i, as: a = "div", className: o }) => /* @__PURE__ */ s(a, {
+	className: (0, x.default)("grid", ue[t], n !== void 0 && de[n], r !== void 0 && fe[r], i !== void 0 && pe[i], o),
+	children: e
+});
+B.displayName = "Grid";
+var V = ({ children: e, span: t, sm: n, md: r, lg: i, xl: a, offset: o, smOffset: c, mdOffset: l, lgOffset: u, xlOffset: d, className: f, ...p }) => /* @__PURE__ */ s("div", {
+	className: (0, x.default)("w-full", t && me[t], n && F[n], r && I[r], i && L[i], a && R[a], o && z[o], c && he[c], l && ge[l], u && _e[u], d && ve[d], f),
+	...p,
+	children: e
+});
+V.displayName = "Col";
+//#endregion
+//#region src/components/common/QuantityInput/QuantityInput.tsx
+var H = ({ value: e, onChange: t, min: o = 1, max: l = 999, step: u = 1, disabled: d = !1, label: f, error: p, hint: m, id: h, className: g }) => {
 	let _ = r(), v = h ?? _, y = i(null), [b, S] = a(String(e));
 	n(() => {
 		document.activeElement !== y.current && S(String(e));
@@ -588,7 +769,7 @@ var ae = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 						disabled: d || !A,
 						"aria-label": "Snížit množství",
 						tabIndex: -1,
-						children: /* @__PURE__ */ s(oe, {})
+						children: /* @__PURE__ */ s(ye, {})
 					}),
 					/* @__PURE__ */ s("input", {
 						ref: y,
@@ -613,7 +794,7 @@ var ae = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 						disabled: d || !j,
 						"aria-label": "Zvýšit množství",
 						tabIndex: -1,
-						children: /* @__PURE__ */ s(se, {})
+						children: /* @__PURE__ */ s(be, {})
 					})
 				]
 			}),
@@ -624,8 +805,8 @@ var ae = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
 		]
 	});
 };
-z.displayName = "QuantityInput";
-var oe = () => /* @__PURE__ */ s("svg", {
+H.displayName = "QuantityInput";
+var ye = () => /* @__PURE__ */ s("svg", {
 	width: "12",
 	height: "2",
 	viewBox: "0 0 12 2",
@@ -637,7 +818,7 @@ var oe = () => /* @__PURE__ */ s("svg", {
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})
-}), se = () => /* @__PURE__ */ s("svg", {
+}), be = () => /* @__PURE__ */ s("svg", {
 	width: "12",
 	height: "12",
 	viewBox: "0 0 12 12",
@@ -649,36 +830,36 @@ var oe = () => /* @__PURE__ */ s("svg", {
 		strokeWidth: "1.5",
 		strokeLinecap: "round"
 	})
-}), B = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), V = (e, t, n) => {
-	if (t <= n * 2 + 5) return B(1, t);
+}), U = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), xe = (e, t, n) => {
+	if (t <= n * 2 + 5) return U(1, t);
 	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
 	return !a && o ? [
-		...B(1, 3 + n * 2),
+		...U(1, 3 + n * 2),
 		"…",
 		t
 	] : a && !o ? [
 		1,
 		"…",
-		...B(t - (2 + n * 2), t)
+		...U(t - (2 + n * 2), t)
 	] : [
 		1,
 		"…",
-		...B(r, i),
+		...U(r, i),
 		"…",
 		t
 	];
-}, H = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ s("button", {
+}, W = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ s("button", {
 	disabled: t,
 	className: (0, x.default)("pagination-button", `pagination-button-${e ? "active" : "inactive"}`),
 	...r,
 	children: n
-}), U = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
-	let i = V(e, t, r);
+}), G = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
+	let i = xe(e, t, r);
 	return /* @__PURE__ */ c("nav", {
 		"aria-label": "Pagination",
 		className: "pagination",
 		children: [
-			/* @__PURE__ */ s(H, {
+			/* @__PURE__ */ s(W, {
 				disabled: e <= 1,
 				onClick: () => n(e - 1),
 				"aria-label": "Previous page",
@@ -699,14 +880,14 @@ var oe = () => /* @__PURE__ */ s("svg", {
 			i.map((t, r) => t === "…" ? /* @__PURE__ */ s("span", {
 				className: "pagination-dots",
 				children: "…"
-			}, `dots-${r}`) : /* @__PURE__ */ s(H, {
+			}, `dots-${r}`) : /* @__PURE__ */ s(W, {
 				active: t === e,
 				onClick: () => n(t),
 				"aria-label": `Page ${t}`,
 				"aria-current": t === e ? "page" : void 0,
 				children: t
 			}, t)),
-			/* @__PURE__ */ s(H, {
+			/* @__PURE__ */ s(W, {
 				disabled: e >= t,
 				onClick: () => n(e + 1),
 				"aria-label": "Next page",
@@ -729,7 +910,7 @@ var oe = () => /* @__PURE__ */ s("svg", {
 };
 //#endregion
 //#region src/components/Header/Header.tsx
-function W({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: o }) {
+function K({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: o }) {
 	let [l, u] = a(!1), d = i(null), f = () => u(!1);
 	return /* @__PURE__ */ c("div", {
 		ref: d,
@@ -764,7 +945,7 @@ function W({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: o }) {
 		})]
 	});
 }
-function G() {
+function Se() {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -779,7 +960,7 @@ function G() {
 		})
 	});
 }
-function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n, cartItemCount: r = 0, onCartClick: i, isLoggedIn: l = !1, customerName: u, onCustomerClick: d, currencies: f = [], selectedCurrency: p, onCurrencyChange: m, locales: h = [], selectedLocale: g, onLocaleChange: _, rightSlot: v }) {
+function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n, cartItemCount: r = 0, onCartClick: i, isLoggedIn: l = !1, customerName: u, onCustomerClick: d, currencies: f = [], selectedCurrency: p, onCurrencyChange: m, locales: h = [], selectedLocale: g, onLocaleChange: _, rightSlot: v }) {
 	let [y, b] = a(""), x = f.find((e) => e.code === p), S = h.find((e) => e.code === g);
 	return /* @__PURE__ */ s("header", {
 		className: "bg-white border-b border-gray-200 sticky top-0 z-40",
@@ -802,7 +983,7 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 						onKeyDown: (e) => {
 							e.key === "Enter" && n?.(y);
 						},
-						leftIcon: /* @__PURE__ */ s(G, {}),
+						leftIcon: /* @__PURE__ */ s(Se, {}),
 						rightIcon: y ? /* @__PURE__ */ s("button", {
 							onClick: () => {
 								b(""), n?.("");
@@ -828,7 +1009,7 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 				/* @__PURE__ */ c("div", {
 					className: "flex items-center gap-1 shrink-0 ml-auto",
 					children: [
-						f.length > 0 && /* @__PURE__ */ s(W, {
+						f.length > 0 && /* @__PURE__ */ s(K, {
 							trigger: /* @__PURE__ */ c("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: [
@@ -851,7 +1032,7 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 								}), /* @__PURE__ */ s("span", { children: e.label })]
 							})
 						}),
-						h.length > 0 && /* @__PURE__ */ s(W, {
+						h.length > 0 && /* @__PURE__ */ s(K, {
 							trigger: /* @__PURE__ */ c("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: [
@@ -888,7 +1069,7 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 							}), u && /* @__PURE__ */ s("span", {
 								className: "hidden sm:block font-medium max-w-32 truncate",
 								children: u
-							})] }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(ce, { className: "w-5 h-5" }), /* @__PURE__ */ s("span", {
+							})] }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(we, { className: "w-5 h-5" }), /* @__PURE__ */ s("span", {
 								className: "hidden sm:block font-medium",
 								children: "Přihlásit se"
 							})] })
@@ -898,7 +1079,7 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
 							className: "relative flex items-center gap-1.5 px-2.5 py-1.5 rounded-md text-sm text-gray-600 hover:bg-gray-50 transition-colors",
 							"aria-label": `Cart, ${r} items`,
 							children: [
-								/* @__PURE__ */ s(le, { className: "w-5 h-5" }),
+								/* @__PURE__ */ s(Te, { className: "w-5 h-5" }),
 								/* @__PURE__ */ s("span", {
 									className: "hidden sm:block font-medium",
 									children: "Košík"
@@ -931,7 +1112,7 @@ function q({ className: e }) {
 		})
 	});
 }
-function ce({ className: e }) {
+function we({ className: e }) {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -946,7 +1127,7 @@ function ce({ className: e }) {
 		})
 	});
 }
-function le({ className: e }) {
+function Te({ className: e }) {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -1027,7 +1208,7 @@ function J({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, default
 function Y(e, t) {
 	return !t || !e.children ? !1 : e.children.some((e) => e.id === t || Y(e, t));
 }
-function ue({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
+function Ee({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
 	let c = (e) => n?.(e);
 	return /* @__PURE__ */ s("nav", {
 		"aria-label": "Category navigation",
@@ -1049,7 +1230,7 @@ function ue({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defau
 }
 //#endregion
 //#region src/components/MegaMenu/MegaMenu.tsx
-function X({ item: e, onNavigate: t, onClose: n }) {
+function De({ item: e, onNavigate: t, onClose: n }) {
 	return e.columns?.length ? /* @__PURE__ */ s("div", {
 		className: "absolute left-0 right-0 top-full z-50 bg-white border-b border-gray-200 shadow-lg",
 		children: /* @__PURE__ */ c("div", {
@@ -1112,7 +1293,7 @@ function X({ item: e, onNavigate: t, onClose: n }) {
 		})
 	}) : null;
 }
-function de({ items: e, activeId: t, onNavigate: n }) {
+function Oe({ items: e, activeId: t, onNavigate: n }) {
 	let [r, o] = a(null), l = i(null), u = (e) => {
 		l.current && clearTimeout(l.current), o(e);
 	}, d = () => {
@@ -1175,7 +1356,7 @@ function de({ items: e, activeId: t, onNavigate: n }) {
 		}), p?.columns?.length && /* @__PURE__ */ s("div", {
 			onMouseEnter: f,
 			onMouseLeave: d,
-			children: /* @__PURE__ */ s(X, {
+			children: /* @__PURE__ */ s(De, {
 				item: p,
 				onNavigate: (e) => n?.(e),
 				onClose: () => o(null)
@@ -1185,7 +1366,7 @@ function de({ items: e, activeId: t, onNavigate: n }) {
 }
 //#endregion
 //#region src/components/BannerCarousel/BannerCarousel.tsx
-function fe({ banners: e, autoPlay: r = !0, autoPlayInterval: l = 5e3, arrows: u = !0, dots: d = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
+function ke({ banners: e, autoPlay: r = !0, autoPlayInterval: l = 5e3, arrows: u = !0, dots: d = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
 	let [m, h] = a(0), [g, _] = a(!1), v = i(null), y = i(null), b = e.length, x = t((e) => {
 		h((e % b + b) % b);
 	}, [b]), S = () => x(m - 1), C = t(() => x(m + 1), [m, x]);
@@ -1325,7 +1506,7 @@ function fe({ banners: e, autoPlay: r = !0, autoPlayInterval: l = 5e3, arrows: u
 }
 //#endregion
 //#region src/components/ProductCard/ProductCard.tsx
-function pe({ filled: e }) {
+function Ae({ filled: e }) {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -1338,7 +1519,7 @@ function pe({ filled: e }) {
 		})
 	});
 }
-function me({ value: e, count: t }) {
+function je({ value: e, count: t }) {
 	return /* @__PURE__ */ c("div", {
 		className: "flex items-center gap-1",
 		children: [/* @__PURE__ */ s("div", {
@@ -1349,7 +1530,7 @@ function me({ value: e, count: t }) {
 				3,
 				4,
 				5
-			].map((t) => /* @__PURE__ */ s(pe, { filled: t <= Math.round(e) }, t))
+			].map((t) => /* @__PURE__ */ s(Ae, { filled: t <= Math.round(e) }, t))
 		}), t !== void 0 && /* @__PURE__ */ c("span", {
 			className: "text-xs text-gray-400",
 			children: [
@@ -1360,17 +1541,17 @@ function me({ value: e, count: t }) {
 		})]
 	});
 }
-function he(e) {
+function Me(e) {
 	let t = e.toLowerCase();
 	return t === "sale" || t === "akce" ? "danger" : t === "new" || t === "nové" ? "primary" : t === "hot" ? "warning" : "default";
 }
-function Z(e, t = "Kč") {
+function X(e, t = "Kč") {
 	return `${e.toLocaleString("cs-CZ")} ${t}`;
 }
-function ge(e, t) {
+function Ne(e, t) {
 	return Math.round((1 - t / e) * 100);
 }
-function Q({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r = !1, onProductClick: i, size: o = "default", className: l = "" }) {
+function Z({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r = !1, onProductClick: i, size: o = "default", className: l = "" }) {
 	let [u, d] = a(!1), [f, p] = a(!1), m = e.originalPrice !== void 0 && e.originalPrice > e.price;
 	return /* @__PURE__ */ c("article", {
 		className: [
@@ -1395,9 +1576,9 @@ function Q({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 				e.badge && /* @__PURE__ */ s("div", {
 					className: "absolute top-2 left-2",
 					children: /* @__PURE__ */ s(k, {
-						variant: he(e.badge),
+						variant: Me(e.badge),
 						size: "sm",
-						children: e.badge === "sale" && m ? `-${ge(e.originalPrice, e.price)}%` : e.badge
+						children: e.badge === "sale" && m ? `-${Ne(e.originalPrice, e.price)}%` : e.badge
 					})
 				}),
 				e.inStock === !1 && /* @__PURE__ */ s("div", {
@@ -1480,7 +1661,7 @@ function Q({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 					className: `font-medium text-gray-900 leading-snug line-clamp-2 group-hover:text-primary-600 transition-colors ${o === "compact" ? "text-xs" : "text-sm"}`,
 					children: e.name
 				}),
-				e.rating !== void 0 && /* @__PURE__ */ s(me, {
+				e.rating !== void 0 && /* @__PURE__ */ s(je, {
 					value: e.rating,
 					count: e.reviewCount
 				}),
@@ -1488,10 +1669,10 @@ function Q({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 					className: "flex items-baseline gap-2 mt-auto pt-1",
 					children: [/* @__PURE__ */ s("span", {
 						className: `font-bold text-gray-900 ${o === "compact" ? "text-base" : "text-lg"}`,
-						children: Z(e.price, e.currency)
+						children: X(e.price, e.currency)
 					}), m && /* @__PURE__ */ s("span", {
 						className: "text-sm text-gray-400 line-through",
-						children: Z(e.originalPrice, e.currency)
+						children: X(e.originalPrice, e.currency)
 					})]
 				})
 			]
@@ -1500,12 +1681,12 @@ function Q({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
 }
 //#endregion
 //#region src/components/ProductGrid/ProductGrid.tsx
-var $ = {
+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"
-}, _e = [
+}, Pe = [
 	{
 		value: "newest",
 		label: "Nejnovější"
@@ -1527,7 +1708,7 @@ var $ = {
 		label: "Bestsellery"
 	}
 ];
-function ve() {
+function Fe() {
 	return /* @__PURE__ */ c("div", {
 		className: "rounded-xl border border-gray-100 overflow-hidden animate-pulse",
 		children: [/* @__PURE__ */ s("div", { className: "aspect-4/3 bg-gray-200" }), /* @__PURE__ */ c("div", {
@@ -1540,7 +1721,7 @@ function ve() {
 		})]
 	});
 }
-function ye({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: o = _e, selectedSort: l, onSortChange: u, activeFilters: d = [], onRemoveFilter: f, onClearFilters: p, loading: m = !1, emptyState: h, onAddToCart: g, onWishlistToggle: _, onProductClick: v, wishlisted: y = [], className: b = "" }) {
+function Ie({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: o = Pe, selectedSort: l, onSortChange: u, activeFilters: d = [], onRemoveFilter: f, onClearFilters: p, loading: m = !1, emptyState: h, onAddToCart: g, onWishlistToggle: _, onProductClick: v, wishlisted: y = [], className: b = "" }) {
 	let x = t ? Math.ceil(t / i) : void 0, S = a >= 5 ? "compact" : "default";
 	return /* @__PURE__ */ c("div", {
 		className: ["w-full", b].filter(Boolean).join(" "),
@@ -1593,8 +1774,8 @@ function ye({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 				})]
 			}),
 			m ? /* @__PURE__ */ s("div", {
-				className: `grid gap-4 ${$[a]}`,
-				children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ s(ve, {}, t))
+				className: `grid gap-4 ${Q[a]}`,
+				children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ s(Fe, {}, t))
 			}) : e.length === 0 ? /* @__PURE__ */ s("div", {
 				className: "py-16 text-center",
 				children: h ?? /* @__PURE__ */ c("div", {
@@ -1620,8 +1801,8 @@ function ye({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 					]
 				})
 			}) : /* @__PURE__ */ s("div", {
-				className: `grid gap-4 ${$[a]}`,
-				children: e.map((e) => /* @__PURE__ */ s(Q, {
+				className: `grid gap-4 ${Q[a]}`,
+				children: e.map((e) => /* @__PURE__ */ s(Z, {
 					product: e,
 					size: S,
 					onAddToCart: g,
@@ -1632,7 +1813,7 @@ function ye({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 			}),
 			x && x > 1 && r && /* @__PURE__ */ s("div", {
 				className: "flex justify-center mt-8",
-				children: /* @__PURE__ */ s(U, {
+				children: /* @__PURE__ */ s(G, {
 					page: n,
 					totalPages: x,
 					onPageChange: r
@@ -1643,14 +1824,14 @@ function ye({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
 }
 //#endregion
 //#region src/components/CallToAction/CallToAction.tsx
-var be = {
+var Le = {
 	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"
-}, xe = {
+}, Re = {
 	default: {
 		eyebrow: "text-primary-600",
 		title: "text-gray-900",
@@ -1681,7 +1862,7 @@ var be = {
 		title: "text-white",
 		description: "text-white/80"
 	}
-}, Se = {
+}, ze = {
 	sm: {
 		wrapper: "px-6 py-6 rounded-xl",
 		title: "text-xl font-bold",
@@ -1706,7 +1887,7 @@ var be = {
 		description: "text-xl",
 		eyebrow: "text-sm"
 	}
-}, Ce = {
+}, Be = {
 	left: {
 		wrapper: "items-start text-left",
 		actions: "justify-start"
@@ -1720,8 +1901,8 @@ var be = {
 		actions: "justify-end"
 	}
 };
-function we({ eyebrow: e, title: t, description: n, actions: r = [], align: i = "center", layout: a = "stacked", size: o = "md", variant: l = "default", background: u, backgroundImage: d, media: f, className: p = "", style: m }) {
-	let h = xe[l], g = Se[o], _ = Ce[i], v = a === "inline", y = {
+function Ve({ eyebrow: e, title: t, description: n, actions: r = [], align: i = "center", layout: a = "stacked", size: o = "md", variant: l = "default", background: u, backgroundImage: d, media: f, className: p = "", style: m }) {
+	let h = Re[l], g = ze[o], _ = Be[i], v = a === "inline", y = {
 		...u ? { background: u } : {},
 		...d ? {
 			backgroundImage: `url(${d})`,
@@ -1733,7 +1914,7 @@ function we({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
 	return /* @__PURE__ */ c("div", {
 		className: [
 			"w-full",
-			be[l],
+			Le[l],
 			g.wrapper,
 			p
 		].filter(Boolean).join(" "),
@@ -1766,7 +1947,7 @@ function we({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
 					className: `flex flex-wrap gap-3 ${v ? "shrink-0" : _.actions}`,
 					children: r.map((e, t) => {
 						let n = /* @__PURE__ */ s(S, {
-							variant: e.variant ?? (t === 0 ? Te(l) : "outline"),
+							variant: e.variant ?? (t === 0 ? $(l) : "outline"),
 							size: e.size ?? (o === "sm" ? "sm" : o === "xl" ? "lg" : "md"),
 							onClick: e.onClick,
 							children: e.label
@@ -1782,12 +1963,12 @@ function we({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
 		})]
 	});
 }
-function Te(e) {
+function $(e) {
 	return e === "default" || e === "outline" ? "primary" : "secondary";
 }
 //#endregion
 //#region src/components/Footer/Footer.tsx
-function Ee() {
+function He() {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -1802,7 +1983,7 @@ function Ee() {
 		})
 	});
 }
-function De() {
+function Ue() {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -1817,7 +1998,7 @@ function De() {
 		})
 	});
 }
-function Oe() {
+function We() {
 	return /* @__PURE__ */ c("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -1836,7 +2017,7 @@ function Oe() {
 		})]
 	});
 }
-function ke() {
+function Ge() {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		fill: "none",
@@ -1851,7 +2032,7 @@ function ke() {
 		})
 	});
 }
-function Ae() {
+function Ke() {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -1860,7 +2041,7 @@ function Ae() {
 		children: /* @__PURE__ */ s("path", { d: "M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.886v2.267h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z" })
 	});
 }
-function je() {
+function qe() {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -1869,7 +2050,7 @@ function je() {
 		children: /* @__PURE__ */ s("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" })
 	});
 }
-function Me() {
+function Je() {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -1878,7 +2059,7 @@ function Me() {
 		children: /* @__PURE__ */ s("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
 	});
 }
-function Ne() {
+function Ye() {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -1887,7 +2068,7 @@ function Ne() {
 		children: /* @__PURE__ */ s("path", { d: "M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" })
 	});
 }
-function Pe() {
+function Xe() {
 	return /* @__PURE__ */ s("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 24 24",
@@ -1896,34 +2077,34 @@ function Pe() {
 		children: /* @__PURE__ */ s("path", { d: "M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.18 8.18 0 004.78 1.52V6.76a4.85 4.85 0 01-1.01-.07z" })
 	});
 }
-var Fe = {
-	facebook: Ae,
-	instagram: je,
-	twitter: Me,
-	youtube: Ne,
-	tiktok: Pe
-}, Ie = {
-	phone: Ee,
-	email: De,
-	address: Oe,
-	hours: ke
+var Ze = {
+	facebook: Ke,
+	instagram: qe,
+	twitter: Je,
+	youtube: Ye,
+	tiktok: Xe
+}, Qe = {
+	phone: He,
+	email: Ue,
+	address: We,
+	hours: Ge
 };
-function Le(e) {
+function $e(e) {
 	if (!e) return null;
 	if (typeof e == "string") {
-		let t = Ie[e];
+		let t = Qe[e];
 		return t ? /* @__PURE__ */ s(t, {}) : null;
 	}
 	return e;
 }
-function Re(e) {
+function et(e) {
 	if (typeof e == "string") {
-		let t = Fe[e];
+		let t = Ze[e];
 		return t ? /* @__PURE__ */ s(t, {}) : null;
 	}
 	return e;
 }
-function ze({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: o, bottomLinks: l = [], className: u = "" }) {
+function tt({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: o, bottomLinks: l = [], className: u = "" }) {
 	let d = (/* @__PURE__ */ new Date()).getFullYear();
 	return /* @__PURE__ */ c("footer", {
 		className: ["bg-gray-900 text-gray-300", u].filter(Boolean).join(" "),
@@ -1948,7 +2129,7 @@ function ze({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
 					}), /* @__PURE__ */ s("ul", {
 						className: "space-y-3",
 						children: r.map((e, t) => {
-							let n = Le(e.icon), r = /* @__PURE__ */ c("div", {
+							let n = $e(e.icon), r = /* @__PURE__ */ c("div", {
 								className: "flex items-start gap-2.5",
 								children: [n && /* @__PURE__ */ s("span", {
 									className: "mt-0.5 text-primary-400",
@@ -1973,7 +2154,7 @@ function ze({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
 							href: e.href,
 							"aria-label": e.label,
 							className: "w-8 h-8 flex items-center justify-center rounded-lg bg-gray-800 text-gray-400 hover:bg-primary-600 hover:text-white transition-colors",
-							children: Re(e.icon)
+							children: et(e.icon)
 						}, t))
 					})
 				]
@@ -2019,6 +2200,6 @@ function ze({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
 	});
 }
 //#endregion
-export { ne as Alert, ie as Avatar, k as Badge, fe as BannerCarousel, S as Button, we as CallToAction, j as Card, ee as CardBody, te as CardFooter, M as CardHeader, ue as CategoryTree, I as Checkbox, y as Container, ze as Footer, K as Header, D as Heading, w as IconButton, T as Input, C as LoadingSpin, b as Main, de as MegaMenu, F as Modal, U as Pagination, Q as ProductCard, ye as ProductGrid, z as QuantityInput, E as Select, N as Spinner, ae as Stack, O as Text, L as Toggle };
+export { ae as Alert, ce as Avatar, k as Badge, ke as BannerCarousel, S as Button, Ve as CallToAction, j as Card, te as CardBody, ne as CardFooter, ee as CardHeader, Ee as CategoryTree, M as Checkbox, V as Col, y as Container, tt as Footer, B as Grid, Ce as Header, D as Heading, w as IconButton, T as Input, C as LoadingSpin, b as Main, Oe as MegaMenu, se as Modal, G as Pagination, Z as ProductCard, Ie as ProductGrid, H as QuantityInput, E as Select, re as Spinner, le as Stack, O as Text, N as Toggle };
 
 //# sourceMappingURL=index.js.map