@shopito/design-system-fe 0.1.21 → 0.1.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/common/Carousel/Carousel.d.ts +14 -2
- package/dist/common/Carousel/Carousel.d.ts.map +1 -1
- package/dist/common/Carousel/index.d.ts +2 -2
- package/dist/common/Carousel/index.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +174 -183
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -344,7 +344,7 @@ var B = {
|
|
|
344
344
|
xl: "max-w-xl",
|
|
345
345
|
full: "max-w-full mx-4"
|
|
346
346
|
};
|
|
347
|
-
function
|
|
347
|
+
function V({ open: e, onClose: t, title: n, children: i, footer: a, size: s = "md", closeOnBackdrop: c = !0 }) {
|
|
348
348
|
let f = o(null);
|
|
349
349
|
return r(() => {
|
|
350
350
|
if (!e) return;
|
|
@@ -409,7 +409,7 @@ function ee({ open: e, onClose: t, title: n, children: i, footer: a, size: s = "
|
|
|
409
409
|
}
|
|
410
410
|
//#endregion
|
|
411
411
|
//#region src/components/common/Checkbox/Checkbox.tsx
|
|
412
|
-
var
|
|
412
|
+
var H = t(({ label: e, description: t, error: n, indeterminate: r, className: i = "", id: a, ...o }, s) => {
|
|
413
413
|
let c = a ?? e?.toLowerCase().replace(/\s+/g, "-");
|
|
414
414
|
return /* @__PURE__ */ u("div", {
|
|
415
415
|
className: (0, C.default)("checkbox-wrapper", i),
|
|
@@ -441,10 +441,10 @@ var V = t(({ label: e, description: t, error: n, indeterminate: r, className: i
|
|
|
441
441
|
] })]
|
|
442
442
|
});
|
|
443
443
|
});
|
|
444
|
-
|
|
444
|
+
H.displayName = "Checkbox";
|
|
445
445
|
//#endregion
|
|
446
446
|
//#region src/components/common/Toggle/Toggle.tsx
|
|
447
|
-
var
|
|
447
|
+
var U = t(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, o) => {
|
|
448
448
|
let s = i ?? e?.toLowerCase().replace(/\s+/g, "-");
|
|
449
449
|
return /* @__PURE__ */ u("label", {
|
|
450
450
|
htmlFor: s,
|
|
@@ -472,10 +472,10 @@ var H = t(({ label: e, description: t, size: n = "md", className: r = "", id: i,
|
|
|
472
472
|
})] })]
|
|
473
473
|
});
|
|
474
474
|
});
|
|
475
|
-
|
|
475
|
+
U.displayName = "Toggle";
|
|
476
476
|
//#endregion
|
|
477
477
|
//#region src/components/common/Avatar/Avatar.tsx
|
|
478
|
-
var
|
|
478
|
+
var W = [
|
|
479
479
|
"bg-red-500",
|
|
480
480
|
"bg-orange-500",
|
|
481
481
|
"bg-amber-500",
|
|
@@ -486,7 +486,7 @@ var U = [
|
|
|
486
486
|
"bg-violet-500",
|
|
487
487
|
"bg-pink-500"
|
|
488
488
|
];
|
|
489
|
-
function
|
|
489
|
+
function ee({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
|
|
490
490
|
let o = [
|
|
491
491
|
"avatar",
|
|
492
492
|
`avatar-${r}`,
|
|
@@ -494,7 +494,7 @@ function te({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
|
|
|
494
494
|
], s = (e) => {
|
|
495
495
|
let t = 0;
|
|
496
496
|
for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
|
|
497
|
-
return
|
|
497
|
+
return W[t % W.length];
|
|
498
498
|
}, c = (e) => e.split(" ").slice(0, 2).map((e) => e[0]).join("").toUpperCase();
|
|
499
499
|
return e ? /* @__PURE__ */ l("span", {
|
|
500
500
|
className: (0, C.default)(o),
|
|
@@ -527,7 +527,7 @@ function te({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
|
|
|
527
527
|
}
|
|
528
528
|
//#endregion
|
|
529
529
|
//#region src/components/common/Stack/Stack.tsx
|
|
530
|
-
var
|
|
530
|
+
var te = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems: r = "start", justifyContent: i = "normal", className: a, children: o }) => /* @__PURE__ */ l("div", {
|
|
531
531
|
className: (0, C.default)("stack", `stack-${e}`, t && `gap-${t}`, {
|
|
532
532
|
start: "items-start",
|
|
533
533
|
end: "items-end",
|
|
@@ -550,14 +550,14 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
550
550
|
stretch: "justify-stretch"
|
|
551
551
|
}[i], a),
|
|
552
552
|
children: o
|
|
553
|
-
}),
|
|
553
|
+
}), ne = {
|
|
554
554
|
1: "grid-cols-1",
|
|
555
555
|
2: "grid-cols-2",
|
|
556
556
|
3: "grid-cols-3",
|
|
557
557
|
4: "grid-cols-4",
|
|
558
558
|
6: "grid-cols-6",
|
|
559
559
|
12: "grid-cols-12"
|
|
560
|
-
},
|
|
560
|
+
}, re = {
|
|
561
561
|
0: "gap-0",
|
|
562
562
|
1: "gap-1",
|
|
563
563
|
2: "gap-2",
|
|
@@ -569,7 +569,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
569
569
|
10: "gap-10",
|
|
570
570
|
12: "gap-12",
|
|
571
571
|
16: "gap-16"
|
|
572
|
-
},
|
|
572
|
+
}, ie = {
|
|
573
573
|
0: "gap-y-0",
|
|
574
574
|
1: "gap-y-1",
|
|
575
575
|
2: "gap-y-2",
|
|
@@ -581,7 +581,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
581
581
|
10: "gap-y-10",
|
|
582
582
|
12: "gap-y-12",
|
|
583
583
|
16: "gap-y-16"
|
|
584
|
-
},
|
|
584
|
+
}, ae = {
|
|
585
585
|
0: "gap-x-0",
|
|
586
586
|
1: "gap-x-1",
|
|
587
587
|
2: "gap-x-2",
|
|
@@ -593,7 +593,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
593
593
|
10: "gap-x-10",
|
|
594
594
|
12: "gap-x-12",
|
|
595
595
|
16: "gap-x-16"
|
|
596
|
-
},
|
|
596
|
+
}, oe = {
|
|
597
597
|
1: "col-span-1",
|
|
598
598
|
2: "col-span-2",
|
|
599
599
|
3: "col-span-3",
|
|
@@ -606,7 +606,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
606
606
|
10: "col-span-10",
|
|
607
607
|
11: "col-span-11",
|
|
608
608
|
12: "col-span-12"
|
|
609
|
-
},
|
|
609
|
+
}, se = {
|
|
610
610
|
1: "sm:col-span-1",
|
|
611
611
|
2: "sm:col-span-2",
|
|
612
612
|
3: "sm:col-span-3",
|
|
@@ -619,7 +619,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
619
619
|
10: "sm:col-span-10",
|
|
620
620
|
11: "sm:col-span-11",
|
|
621
621
|
12: "sm:col-span-12"
|
|
622
|
-
},
|
|
622
|
+
}, ce = {
|
|
623
623
|
1: "md:col-span-1",
|
|
624
624
|
2: "md:col-span-2",
|
|
625
625
|
3: "md:col-span-3",
|
|
@@ -632,7 +632,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
632
632
|
10: "md:col-span-10",
|
|
633
633
|
11: "md:col-span-11",
|
|
634
634
|
12: "md:col-span-12"
|
|
635
|
-
},
|
|
635
|
+
}, le = {
|
|
636
636
|
1: "lg:col-span-1",
|
|
637
637
|
2: "lg:col-span-2",
|
|
638
638
|
3: "lg:col-span-3",
|
|
@@ -645,7 +645,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
645
645
|
10: "lg:col-span-10",
|
|
646
646
|
11: "lg:col-span-11",
|
|
647
647
|
12: "lg:col-span-12"
|
|
648
|
-
},
|
|
648
|
+
}, ue = {
|
|
649
649
|
1: "xl:col-span-1",
|
|
650
650
|
2: "xl:col-span-2",
|
|
651
651
|
3: "xl:col-span-3",
|
|
@@ -658,7 +658,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
658
658
|
10: "xl:col-span-10",
|
|
659
659
|
11: "xl:col-span-11",
|
|
660
660
|
12: "xl:col-span-12"
|
|
661
|
-
},
|
|
661
|
+
}, de = {
|
|
662
662
|
1: "col-start-2",
|
|
663
663
|
2: "col-start-3",
|
|
664
664
|
3: "col-start-4",
|
|
@@ -670,7 +670,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
670
670
|
9: "col-start-10",
|
|
671
671
|
10: "col-start-11",
|
|
672
672
|
11: "col-start-12"
|
|
673
|
-
},
|
|
673
|
+
}, fe = {
|
|
674
674
|
1: "sm:col-start-2",
|
|
675
675
|
2: "sm:col-start-3",
|
|
676
676
|
3: "sm:col-start-4",
|
|
@@ -682,7 +682,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
682
682
|
9: "sm:col-start-10",
|
|
683
683
|
10: "sm:col-start-11",
|
|
684
684
|
11: "sm:col-start-12"
|
|
685
|
-
},
|
|
685
|
+
}, pe = {
|
|
686
686
|
1: "md:col-start-2",
|
|
687
687
|
2: "md:col-start-3",
|
|
688
688
|
3: "md:col-start-4",
|
|
@@ -694,7 +694,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
694
694
|
9: "md:col-start-10",
|
|
695
695
|
10: "md:col-start-11",
|
|
696
696
|
11: "md:col-start-12"
|
|
697
|
-
},
|
|
697
|
+
}, me = {
|
|
698
698
|
1: "lg:col-start-2",
|
|
699
699
|
2: "lg:col-start-3",
|
|
700
700
|
3: "lg:col-start-4",
|
|
@@ -706,7 +706,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
706
706
|
9: "lg:col-start-10",
|
|
707
707
|
10: "lg:col-start-11",
|
|
708
708
|
11: "lg:col-start-12"
|
|
709
|
-
},
|
|
709
|
+
}, he = {
|
|
710
710
|
1: "xl:col-start-2",
|
|
711
711
|
2: "xl:col-start-3",
|
|
712
712
|
3: "xl:col-start-4",
|
|
@@ -718,20 +718,20 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
718
718
|
9: "xl:col-start-10",
|
|
719
719
|
10: "xl:col-start-11",
|
|
720
720
|
11: "xl:col-start-12"
|
|
721
|
-
},
|
|
722
|
-
className: (0, C.default)("grid", "w-full",
|
|
721
|
+
}, G = ({ children: e, cols: t = 12, gap: n, rowGap: r, colGap: i, as: a = "div", className: o }) => /* @__PURE__ */ l(a, {
|
|
722
|
+
className: (0, C.default)("grid", "w-full", ne[t], n !== void 0 && re[n], r !== void 0 && ie[r], i !== void 0 && ae[i], o),
|
|
723
723
|
children: e
|
|
724
724
|
});
|
|
725
|
-
|
|
726
|
-
var
|
|
727
|
-
className: (0, C.default)(t &&
|
|
725
|
+
G.displayName = "Grid";
|
|
726
|
+
var K = ({ children: e, span: t, sm: n, md: r, lg: i, xl: a, offset: o, smOffset: s, mdOffset: c, lgOffset: u, xlOffset: d, className: f, ...p }) => /* @__PURE__ */ l("div", {
|
|
727
|
+
className: (0, C.default)(t && oe[t], n && se[n], r && ce[r], i && le[i], a && ue[a], o && de[o], s && fe[s], c && pe[c], u && me[u], d && he[d], f),
|
|
728
728
|
...p,
|
|
729
729
|
children: e
|
|
730
730
|
});
|
|
731
|
-
|
|
731
|
+
K.displayName = "Col";
|
|
732
732
|
//#endregion
|
|
733
733
|
//#region src/components/common/QuantityInput/QuantityInput.tsx
|
|
734
|
-
var
|
|
734
|
+
var q = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disabled: d = !1, label: f, error: p, hint: m, id: h, className: g }) => {
|
|
735
735
|
let _ = i(), v = h ?? _, y = o(null), [b, x] = s(String(e));
|
|
736
736
|
r(() => {
|
|
737
737
|
document.activeElement !== y.current && x(String(e));
|
|
@@ -778,7 +778,7 @@ var K = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disable
|
|
|
778
778
|
disabled: d || !A,
|
|
779
779
|
"aria-label": "Snížit množství",
|
|
780
780
|
tabIndex: -1,
|
|
781
|
-
children: /* @__PURE__ */ l(
|
|
781
|
+
children: /* @__PURE__ */ l(ge, {})
|
|
782
782
|
}),
|
|
783
783
|
/* @__PURE__ */ l("input", {
|
|
784
784
|
ref: y,
|
|
@@ -803,7 +803,7 @@ var K = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disable
|
|
|
803
803
|
disabled: d || !j,
|
|
804
804
|
"aria-label": "Zvýšit množství",
|
|
805
805
|
tabIndex: -1,
|
|
806
|
-
children: /* @__PURE__ */ l(
|
|
806
|
+
children: /* @__PURE__ */ l(_e, {})
|
|
807
807
|
})
|
|
808
808
|
]
|
|
809
809
|
}),
|
|
@@ -814,8 +814,8 @@ var K = ({ value: e, onChange: t, min: n = 1, max: a = 999, step: c = 1, disable
|
|
|
814
814
|
]
|
|
815
815
|
});
|
|
816
816
|
};
|
|
817
|
-
|
|
818
|
-
var
|
|
817
|
+
q.displayName = "QuantityInput";
|
|
818
|
+
var ge = () => /* @__PURE__ */ l("svg", {
|
|
819
819
|
width: "12",
|
|
820
820
|
height: "2",
|
|
821
821
|
viewBox: "0 0 12 2",
|
|
@@ -827,7 +827,7 @@ var _e = () => /* @__PURE__ */ l("svg", {
|
|
|
827
827
|
strokeWidth: "1.5",
|
|
828
828
|
strokeLinecap: "round"
|
|
829
829
|
})
|
|
830
|
-
}),
|
|
830
|
+
}), _e = () => /* @__PURE__ */ l("svg", {
|
|
831
831
|
width: "12",
|
|
832
832
|
height: "12",
|
|
833
833
|
viewBox: "0 0 12 12",
|
|
@@ -839,36 +839,36 @@ var _e = () => /* @__PURE__ */ l("svg", {
|
|
|
839
839
|
strokeWidth: "1.5",
|
|
840
840
|
strokeLinecap: "round"
|
|
841
841
|
})
|
|
842
|
-
}),
|
|
843
|
-
if (t <= n * 2 + 5) return
|
|
842
|
+
}), J = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), ve = (e, t, n) => {
|
|
843
|
+
if (t <= n * 2 + 5) return J(1, t);
|
|
844
844
|
let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
|
|
845
845
|
return !a && o ? [
|
|
846
|
-
...
|
|
846
|
+
...J(1, 3 + n * 2),
|
|
847
847
|
"…",
|
|
848
848
|
t
|
|
849
849
|
] : a && !o ? [
|
|
850
850
|
1,
|
|
851
851
|
"…",
|
|
852
|
-
...
|
|
852
|
+
...J(t - (2 + n * 2), t)
|
|
853
853
|
] : [
|
|
854
854
|
1,
|
|
855
855
|
"…",
|
|
856
|
-
...
|
|
856
|
+
...J(r, i),
|
|
857
857
|
"…",
|
|
858
858
|
t
|
|
859
859
|
];
|
|
860
|
-
},
|
|
860
|
+
}, Y = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ l("button", {
|
|
861
861
|
disabled: t,
|
|
862
862
|
className: (0, C.default)("pagination-button", `pagination-button-${e ? "active" : "inactive"}`),
|
|
863
863
|
...r,
|
|
864
864
|
children: n
|
|
865
|
-
}),
|
|
866
|
-
let i =
|
|
865
|
+
}), X = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
|
|
866
|
+
let i = ve(e, t, r);
|
|
867
867
|
return /* @__PURE__ */ u("nav", {
|
|
868
868
|
"aria-label": "Pagination",
|
|
869
869
|
className: "pagination",
|
|
870
870
|
children: [
|
|
871
|
-
/* @__PURE__ */ l(
|
|
871
|
+
/* @__PURE__ */ l(Y, {
|
|
872
872
|
disabled: e <= 1,
|
|
873
873
|
onClick: () => n(e - 1),
|
|
874
874
|
"aria-label": "Previous page",
|
|
@@ -889,14 +889,14 @@ var _e = () => /* @__PURE__ */ l("svg", {
|
|
|
889
889
|
i.map((t, r) => t === "…" ? /* @__PURE__ */ l("span", {
|
|
890
890
|
className: "pagination-dots",
|
|
891
891
|
children: "…"
|
|
892
|
-
}, `dots-${r}`) : /* @__PURE__ */ l(
|
|
892
|
+
}, `dots-${r}`) : /* @__PURE__ */ l(Y, {
|
|
893
893
|
active: t === e,
|
|
894
894
|
onClick: () => n(t),
|
|
895
895
|
"aria-label": `Page ${t}`,
|
|
896
896
|
"aria-current": t === e ? "page" : void 0,
|
|
897
897
|
children: t
|
|
898
898
|
}, t)),
|
|
899
|
-
/* @__PURE__ */ l(
|
|
899
|
+
/* @__PURE__ */ l(Y, {
|
|
900
900
|
disabled: e >= t,
|
|
901
901
|
onClick: () => n(e + 1),
|
|
902
902
|
"aria-label": "Next page",
|
|
@@ -919,96 +919,87 @@ var _e = () => /* @__PURE__ */ l("svg", {
|
|
|
919
919
|
};
|
|
920
920
|
//#endregion
|
|
921
921
|
//#region src/components/common/Carousel/Carousel.tsx
|
|
922
|
-
function
|
|
923
|
-
|
|
924
|
-
|
|
922
|
+
function ye({ src: e, alt: t, children: n, className: r, style: i }) {
|
|
923
|
+
return /* @__PURE__ */ l("div", {
|
|
924
|
+
role: t ? "img" : void 0,
|
|
925
|
+
"aria-label": t,
|
|
926
|
+
className: (0, C.default)("carousel-cover", r),
|
|
927
|
+
style: {
|
|
928
|
+
backgroundImage: `url(${e})`,
|
|
929
|
+
...i
|
|
930
|
+
},
|
|
931
|
+
children: n
|
|
932
|
+
});
|
|
933
|
+
}
|
|
934
|
+
function be({ children: t, slidesPerView: i = 1, gap: d = 16, height: f, arrows: p = !0, dots: m = !0, autoPlay: h = !1, autoPlayInterval: g = 4e3, loop: _ = !1, className: v, ...y }) {
|
|
935
|
+
let b = e.toArray(t), x = b.length, S = _ ? x - 1 : Math.max(0, x - i), w = x > i, [T, E] = s(0), [D, O] = s(!1), k = o(null), A = o(null), j = o(null), M = o(null), N = n((e, t = !0) => {
|
|
936
|
+
let n = k.current;
|
|
925
937
|
if (!n) return;
|
|
926
938
|
let r = n.children[e];
|
|
927
939
|
r && (t || (n.style.transition = "none", n.getBoundingClientRect()), n.style.transform = `translateX(${-r.offsetLeft}px)`, t || (n.getBoundingClientRect(), n.style.transition = ""));
|
|
928
|
-
}, []), N = n((e = !0) => {
|
|
929
|
-
let t = O.current, n = k.current;
|
|
930
|
-
if (!t || !n) return;
|
|
931
|
-
e || (n.style.transition = "none", n.getBoundingClientRect()), t.style.alignItems = "flex-start";
|
|
932
|
-
let r = Math.max(0, ...Array.from(t.children).map((e) => e.offsetHeight));
|
|
933
|
-
t.style.alignItems = "", r > 0 && (n.style.height = `${r}px`), e || (n.getBoundingClientRect(), n.style.transition = "");
|
|
934
940
|
}, []), P = n((e) => {
|
|
935
|
-
|
|
941
|
+
E(_ ? (e % x + x) % x : Math.max(0, Math.min(e, S)));
|
|
936
942
|
}, [
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
]), F = n(() => P(
|
|
943
|
+
x,
|
|
944
|
+
_,
|
|
945
|
+
S
|
|
946
|
+
]), F = n(() => P(T - 1), [T, P]), I = n(() => P(T + 1), [T, P]);
|
|
941
947
|
a(() => {
|
|
942
|
-
N()
|
|
943
|
-
}, [
|
|
944
|
-
|
|
945
|
-
M,
|
|
946
|
-
N
|
|
947
|
-
]), r(() => {
|
|
948
|
-
let e = O.current;
|
|
948
|
+
N(T);
|
|
949
|
+
}, [T, N]), r(() => {
|
|
950
|
+
let e = A.current;
|
|
949
951
|
if (!e) return;
|
|
950
|
-
let t = () => N(
|
|
951
|
-
return n.forEach((e) => {
|
|
952
|
-
e.complete || e.addEventListener("load", t, { once: !0 });
|
|
953
|
-
}), () => n.forEach((e) => e.removeEventListener("load", t));
|
|
954
|
-
}, [N]), r(() => {
|
|
955
|
-
let e = k.current;
|
|
956
|
-
if (!e) return;
|
|
957
|
-
let t = new ResizeObserver(() => {
|
|
958
|
-
N(!1), M(w, !1);
|
|
959
|
-
});
|
|
952
|
+
let t = new ResizeObserver(() => N(T, !1));
|
|
960
953
|
return t.observe(e), () => t.disconnect();
|
|
961
|
-
}, [
|
|
962
|
-
w,
|
|
963
|
-
|
|
964
|
-
N
|
|
965
|
-
]), r(() => {
|
|
966
|
-
if (!(!m || E || !S)) return A.current = setInterval(I, h), () => {
|
|
967
|
-
A.current && clearInterval(A.current);
|
|
954
|
+
}, [T, N]), r(() => {
|
|
955
|
+
if (!(!h || D || !w)) return j.current = setInterval(I, g), () => {
|
|
956
|
+
j.current && clearInterval(j.current);
|
|
968
957
|
};
|
|
969
958
|
}, [
|
|
970
|
-
m,
|
|
971
|
-
E,
|
|
972
959
|
h,
|
|
960
|
+
D,
|
|
961
|
+
g,
|
|
973
962
|
I,
|
|
974
|
-
|
|
963
|
+
w
|
|
975
964
|
]);
|
|
976
965
|
let L = (e) => {
|
|
977
|
-
|
|
966
|
+
M.current = e.touches[0].clientX;
|
|
978
967
|
}, R = (e) => {
|
|
979
|
-
if (
|
|
980
|
-
let t = e.changedTouches[0].clientX -
|
|
981
|
-
Math.abs(t) > 50 && (t < 0 ? I() : F()),
|
|
968
|
+
if (M.current === null) return;
|
|
969
|
+
let t = e.changedTouches[0].clientX - M.current;
|
|
970
|
+
Math.abs(t) > 50 && (t < 0 ? I() : F()), M.current = null;
|
|
982
971
|
};
|
|
983
|
-
if (
|
|
984
|
-
let z =
|
|
972
|
+
if (x === 0) return null;
|
|
973
|
+
let z = _ || T > 0, B = _ || T < S, V = `calc((100% - ${d}px * ${i - 1}) / ${i})`;
|
|
985
974
|
return /* @__PURE__ */ u("div", {
|
|
986
|
-
className: (0, C.default)("carousel",
|
|
987
|
-
onMouseEnter: () =>
|
|
988
|
-
onMouseLeave: () =>
|
|
975
|
+
className: (0, C.default)("carousel", v),
|
|
976
|
+
onMouseEnter: () => O(!0),
|
|
977
|
+
onMouseLeave: () => O(!1),
|
|
989
978
|
onTouchStart: L,
|
|
990
979
|
onTouchEnd: R,
|
|
991
|
-
...
|
|
980
|
+
...y,
|
|
992
981
|
children: [
|
|
993
982
|
/* @__PURE__ */ l("div", {
|
|
994
|
-
ref:
|
|
983
|
+
ref: A,
|
|
995
984
|
className: "carousel-viewport",
|
|
985
|
+
style: f ? { height: f } : void 0,
|
|
996
986
|
children: /* @__PURE__ */ l("div", {
|
|
997
|
-
ref:
|
|
987
|
+
ref: k,
|
|
998
988
|
className: "carousel-track",
|
|
999
989
|
style: { gap: `${d}px` },
|
|
1000
|
-
children:
|
|
990
|
+
children: b.map((e, t) => /* @__PURE__ */ l("div", {
|
|
1001
991
|
className: "carousel-slide",
|
|
1002
992
|
style: {
|
|
1003
|
-
minWidth:
|
|
1004
|
-
maxWidth:
|
|
993
|
+
minWidth: V,
|
|
994
|
+
maxWidth: V,
|
|
995
|
+
...f && { height: f }
|
|
1005
996
|
},
|
|
1006
|
-
"aria-hidden": t <
|
|
997
|
+
"aria-hidden": t < T || t >= T + i,
|
|
1007
998
|
children: e
|
|
1008
999
|
}, t))
|
|
1009
1000
|
})
|
|
1010
1001
|
}),
|
|
1011
|
-
|
|
1002
|
+
p && w && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
|
|
1012
1003
|
onClick: F,
|
|
1013
1004
|
disabled: !z,
|
|
1014
1005
|
className: "carousel-btn carousel-btn-prev",
|
|
@@ -1045,13 +1036,13 @@ function be({ children: t, slidesPerView: i = 1, gap: d = 16, arrows: f = !0, do
|
|
|
1045
1036
|
})
|
|
1046
1037
|
})
|
|
1047
1038
|
})] }),
|
|
1048
|
-
|
|
1039
|
+
m && w && /* @__PURE__ */ l("div", {
|
|
1049
1040
|
className: "carousel-dots",
|
|
1050
|
-
children: Array.from({ length:
|
|
1041
|
+
children: Array.from({ length: S + 1 }).map((e, t) => /* @__PURE__ */ l("button", {
|
|
1051
1042
|
onClick: () => P(t),
|
|
1052
|
-
className: (0, C.default)("carousel-dot", t ===
|
|
1043
|
+
className: (0, C.default)("carousel-dot", t === T && "carousel-dot-active"),
|
|
1053
1044
|
"aria-label": `Go to slide ${t + 1}`,
|
|
1054
|
-
"aria-current": t ===
|
|
1045
|
+
"aria-current": t === T ? "true" : void 0
|
|
1055
1046
|
}, t))
|
|
1056
1047
|
})
|
|
1057
1048
|
]
|
|
@@ -1059,7 +1050,7 @@ function be({ children: t, slidesPerView: i = 1, gap: d = 16, arrows: f = !0, do
|
|
|
1059
1050
|
}
|
|
1060
1051
|
//#endregion
|
|
1061
1052
|
//#region src/components/Header/Header.tsx
|
|
1062
|
-
function
|
|
1053
|
+
function Z({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: i }) {
|
|
1063
1054
|
let [a, c] = s(!1), d = o(null), f = () => c(!1);
|
|
1064
1055
|
return /* @__PURE__ */ u("div", {
|
|
1065
1056
|
ref: d,
|
|
@@ -1158,7 +1149,7 @@ function Se({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
1158
1149
|
/* @__PURE__ */ u("div", {
|
|
1159
1150
|
className: "flex items-center gap-1 shrink-0 ml-auto",
|
|
1160
1151
|
children: [
|
|
1161
|
-
f.length > 0 && /* @__PURE__ */ l(
|
|
1152
|
+
f.length > 0 && /* @__PURE__ */ l(Z, {
|
|
1162
1153
|
trigger: /* @__PURE__ */ u("button", {
|
|
1163
1154
|
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",
|
|
1164
1155
|
children: [
|
|
@@ -1167,7 +1158,7 @@ function Se({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
1167
1158
|
className: "text-xs text-gray-400",
|
|
1168
1159
|
children: x?.code ?? p
|
|
1169
1160
|
}),
|
|
1170
|
-
/* @__PURE__ */ l(
|
|
1161
|
+
/* @__PURE__ */ l(Q, { className: "w-3 h-3 text-gray-400" })
|
|
1171
1162
|
]
|
|
1172
1163
|
}),
|
|
1173
1164
|
items: f,
|
|
@@ -1181,7 +1172,7 @@ function Se({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
1181
1172
|
}), /* @__PURE__ */ l("span", { children: e.label })]
|
|
1182
1173
|
})
|
|
1183
1174
|
}),
|
|
1184
|
-
h.length > 0 && /* @__PURE__ */ l(
|
|
1175
|
+
h.length > 0 && /* @__PURE__ */ l(Z, {
|
|
1185
1176
|
trigger: /* @__PURE__ */ u("button", {
|
|
1186
1177
|
className: "flex items-center gap-1 px-2 py-1.5 rounded-md text-sm text-gray-600 hover:bg-gray-50 transition-colors",
|
|
1187
1178
|
children: [
|
|
@@ -1193,7 +1184,7 @@ function Se({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
1193
1184
|
className: "font-medium uppercase",
|
|
1194
1185
|
children: S?.code ?? g
|
|
1195
1186
|
}),
|
|
1196
|
-
/* @__PURE__ */ l(
|
|
1187
|
+
/* @__PURE__ */ l(Q, { className: "w-3 h-3 text-gray-400" })
|
|
1197
1188
|
]
|
|
1198
1189
|
}),
|
|
1199
1190
|
items: h,
|
|
@@ -1246,7 +1237,7 @@ function Se({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
1246
1237
|
})
|
|
1247
1238
|
});
|
|
1248
1239
|
}
|
|
1249
|
-
function
|
|
1240
|
+
function Q({ className: e }) {
|
|
1250
1241
|
return /* @__PURE__ */ l("svg", {
|
|
1251
1242
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1252
1243
|
fill: "none",
|
|
@@ -1293,8 +1284,8 @@ function we({ className: e }) {
|
|
|
1293
1284
|
}
|
|
1294
1285
|
//#endregion
|
|
1295
1286
|
//#region src/components/CategoryTree/CategoryTree.tsx
|
|
1296
|
-
function
|
|
1297
|
-
let o = e.children && e.children.length > 0, [c, d] = s(a ||
|
|
1287
|
+
function $({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, defaultExpandAll: a }) {
|
|
1288
|
+
let o = e.children && e.children.length > 0, [c, d] = s(a || Te(e, t)), f = e.id === t;
|
|
1298
1289
|
return /* @__PURE__ */ u("li", { children: [/* @__PURE__ */ u("div", {
|
|
1299
1290
|
className: [
|
|
1300
1291
|
"group flex items-center gap-1.5 rounded-lg px-2 py-1.5 cursor-pointer select-none",
|
|
@@ -1344,7 +1335,7 @@ function Q({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, default
|
|
|
1344
1335
|
]
|
|
1345
1336
|
}), o && c && /* @__PURE__ */ l("ul", {
|
|
1346
1337
|
role: "group",
|
|
1347
|
-
children: e.children.map((e) => /* @__PURE__ */ l(
|
|
1338
|
+
children: e.children.map((e) => /* @__PURE__ */ l($, {
|
|
1348
1339
|
node: e,
|
|
1349
1340
|
activeId: t,
|
|
1350
1341
|
onSelect: n,
|
|
@@ -1354,10 +1345,10 @@ function Q({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, default
|
|
|
1354
1345
|
}, e.id))
|
|
1355
1346
|
})] });
|
|
1356
1347
|
}
|
|
1357
|
-
function
|
|
1358
|
-
return !t || !e.children ? !1 : e.children.some((e) => e.id === t ||
|
|
1348
|
+
function Te(e, t) {
|
|
1349
|
+
return !t || !e.children ? !1 : e.children.some((e) => e.id === t || Te(e, t));
|
|
1359
1350
|
}
|
|
1360
|
-
function
|
|
1351
|
+
function Ee({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
|
|
1361
1352
|
let s = (e) => n?.(e);
|
|
1362
1353
|
return /* @__PURE__ */ l("nav", {
|
|
1363
1354
|
"aria-label": "Category navigation",
|
|
@@ -1366,7 +1357,7 @@ function Te({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defau
|
|
|
1366
1357
|
children: /* @__PURE__ */ l("ul", {
|
|
1367
1358
|
role: "tree",
|
|
1368
1359
|
className: "space-y-0.5",
|
|
1369
|
-
children: e.map((e) => /* @__PURE__ */ l(
|
|
1360
|
+
children: e.map((e) => /* @__PURE__ */ l($, {
|
|
1370
1361
|
node: e,
|
|
1371
1362
|
activeId: t,
|
|
1372
1363
|
onSelect: s,
|
|
@@ -1379,7 +1370,7 @@ function Te({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defau
|
|
|
1379
1370
|
}
|
|
1380
1371
|
//#endregion
|
|
1381
1372
|
//#region src/components/MegaMenu/MegaMenu.tsx
|
|
1382
|
-
function
|
|
1373
|
+
function De({ item: e, onNavigate: t, onClose: n }) {
|
|
1383
1374
|
return e.columns?.length ? /* @__PURE__ */ l("div", {
|
|
1384
1375
|
className: "absolute left-0 right-0 top-full z-50 bg-white border-b border-gray-200 shadow-lg",
|
|
1385
1376
|
children: /* @__PURE__ */ u("div", {
|
|
@@ -1442,7 +1433,7 @@ function Ee({ item: e, onNavigate: t, onClose: n }) {
|
|
|
1442
1433
|
})
|
|
1443
1434
|
}) : null;
|
|
1444
1435
|
}
|
|
1445
|
-
function
|
|
1436
|
+
function Oe({ items: e, activeId: t, onNavigate: n }) {
|
|
1446
1437
|
let [r, i] = s(null), a = o(null), c = (e) => {
|
|
1447
1438
|
a.current && clearTimeout(a.current), i(e);
|
|
1448
1439
|
}, d = () => {
|
|
@@ -1505,7 +1496,7 @@ function De({ items: e, activeId: t, onNavigate: n }) {
|
|
|
1505
1496
|
}), p?.columns?.length && /* @__PURE__ */ l("div", {
|
|
1506
1497
|
onMouseEnter: f,
|
|
1507
1498
|
onMouseLeave: d,
|
|
1508
|
-
children: /* @__PURE__ */ l(
|
|
1499
|
+
children: /* @__PURE__ */ l(De, {
|
|
1509
1500
|
item: p,
|
|
1510
1501
|
onNavigate: (e) => n?.(e),
|
|
1511
1502
|
onClose: () => i(null)
|
|
@@ -1515,7 +1506,7 @@ function De({ items: e, activeId: t, onNavigate: n }) {
|
|
|
1515
1506
|
}
|
|
1516
1507
|
//#endregion
|
|
1517
1508
|
//#region src/components/BannerCarousel/BannerCarousel.tsx
|
|
1518
|
-
function
|
|
1509
|
+
function ke({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a = !0, dots: d = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
|
|
1519
1510
|
let [m, h] = s(0), [g, _] = s(!1), v = o(null), y = o(null), b = e.length, x = n((e) => {
|
|
1520
1511
|
h((e % b + b) % b);
|
|
1521
1512
|
}, [b]), S = () => x(m - 1), C = n(() => x(m + 1), [m, x]);
|
|
@@ -1655,7 +1646,7 @@ function Oe({ banners: e, autoPlay: t = !0, autoPlayInterval: i = 5e3, arrows: a
|
|
|
1655
1646
|
}
|
|
1656
1647
|
//#endregion
|
|
1657
1648
|
//#region src/components/ProductCard/ProductCard.tsx
|
|
1658
|
-
function
|
|
1649
|
+
function Ae({ filled: e }) {
|
|
1659
1650
|
return /* @__PURE__ */ l("svg", {
|
|
1660
1651
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1661
1652
|
viewBox: "0 0 24 24",
|
|
@@ -1668,7 +1659,7 @@ function ke({ filled: e }) {
|
|
|
1668
1659
|
})
|
|
1669
1660
|
});
|
|
1670
1661
|
}
|
|
1671
|
-
function
|
|
1662
|
+
function je({ value: e, count: t }) {
|
|
1672
1663
|
return /* @__PURE__ */ u("div", {
|
|
1673
1664
|
className: "flex items-center gap-1",
|
|
1674
1665
|
children: [/* @__PURE__ */ l("div", {
|
|
@@ -1679,7 +1670,7 @@ function Ae({ value: e, count: t }) {
|
|
|
1679
1670
|
3,
|
|
1680
1671
|
4,
|
|
1681
1672
|
5
|
|
1682
|
-
].map((t) => /* @__PURE__ */ l(
|
|
1673
|
+
].map((t) => /* @__PURE__ */ l(Ae, { filled: t <= Math.round(e) }, t))
|
|
1683
1674
|
}), t !== void 0 && /* @__PURE__ */ u("span", {
|
|
1684
1675
|
className: "text-xs text-gray-400",
|
|
1685
1676
|
children: [
|
|
@@ -1690,17 +1681,17 @@ function Ae({ value: e, count: t }) {
|
|
|
1690
1681
|
})]
|
|
1691
1682
|
});
|
|
1692
1683
|
}
|
|
1693
|
-
function
|
|
1684
|
+
function Me(e) {
|
|
1694
1685
|
let t = e.toLowerCase();
|
|
1695
1686
|
return t === "sale" || t === "akce" ? "danger" : t === "new" || t === "nové" ? "primary" : t === "hot" ? "warning" : "default";
|
|
1696
1687
|
}
|
|
1697
|
-
function
|
|
1688
|
+
function Ne(e, t = "Kč") {
|
|
1698
1689
|
return `${e.toLocaleString("cs-CZ")} ${t}`;
|
|
1699
1690
|
}
|
|
1700
|
-
function
|
|
1691
|
+
function Pe(e, t) {
|
|
1701
1692
|
return Math.round((1 - t / e) * 100);
|
|
1702
1693
|
}
|
|
1703
|
-
function
|
|
1694
|
+
function Fe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r = !1, onProductClick: i, size: a = "default", className: o = "" }) {
|
|
1704
1695
|
let [c, d] = s(!1), [f, p] = s(!1), m = e.originalPrice !== void 0 && e.originalPrice > e.price;
|
|
1705
1696
|
return /* @__PURE__ */ u("article", {
|
|
1706
1697
|
className: [
|
|
@@ -1725,9 +1716,9 @@ function Pe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1725
1716
|
e.badge && /* @__PURE__ */ l("div", {
|
|
1726
1717
|
className: "absolute top-2 left-2",
|
|
1727
1718
|
children: /* @__PURE__ */ l(j, {
|
|
1728
|
-
variant:
|
|
1719
|
+
variant: Me(e.badge),
|
|
1729
1720
|
size: "sm",
|
|
1730
|
-
children: e.badge === "sale" && m ? `-${
|
|
1721
|
+
children: e.badge === "sale" && m ? `-${Pe(e.originalPrice, e.price)}%` : e.badge
|
|
1731
1722
|
})
|
|
1732
1723
|
}),
|
|
1733
1724
|
e.inStock === !1 && /* @__PURE__ */ l("div", {
|
|
@@ -1810,7 +1801,7 @@ function Pe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1810
1801
|
className: `font-medium text-gray-900 leading-snug line-clamp-2 group-hover:text-primary-600 transition-colors ${a === "compact" ? "text-xs" : "text-sm"}`,
|
|
1811
1802
|
children: e.name
|
|
1812
1803
|
}),
|
|
1813
|
-
e.rating !== void 0 && /* @__PURE__ */ l(
|
|
1804
|
+
e.rating !== void 0 && /* @__PURE__ */ l(je, {
|
|
1814
1805
|
value: e.rating,
|
|
1815
1806
|
count: e.reviewCount
|
|
1816
1807
|
}),
|
|
@@ -1818,10 +1809,10 @@ function Pe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1818
1809
|
className: "flex items-baseline gap-2 mt-auto pt-1",
|
|
1819
1810
|
children: [/* @__PURE__ */ l("span", {
|
|
1820
1811
|
className: `font-bold text-gray-900 ${a === "compact" ? "text-base" : "text-lg"}`,
|
|
1821
|
-
children:
|
|
1812
|
+
children: Ne(e.price, e.currency)
|
|
1822
1813
|
}), m && /* @__PURE__ */ l("span", {
|
|
1823
1814
|
className: "text-sm text-gray-400 line-through",
|
|
1824
|
-
children:
|
|
1815
|
+
children: Ne(e.originalPrice, e.currency)
|
|
1825
1816
|
})]
|
|
1826
1817
|
})
|
|
1827
1818
|
]
|
|
@@ -1830,12 +1821,12 @@ function Pe({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1830
1821
|
}
|
|
1831
1822
|
//#endregion
|
|
1832
1823
|
//#region src/components/ProductGrid/ProductGrid.tsx
|
|
1833
|
-
var
|
|
1824
|
+
var Ie = {
|
|
1834
1825
|
2: "grid-cols-2",
|
|
1835
1826
|
3: "grid-cols-2 md:grid-cols-3",
|
|
1836
1827
|
4: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4",
|
|
1837
1828
|
5: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5"
|
|
1838
|
-
},
|
|
1829
|
+
}, Le = [
|
|
1839
1830
|
{
|
|
1840
1831
|
value: "newest",
|
|
1841
1832
|
label: "Nejnovější"
|
|
@@ -1857,7 +1848,7 @@ var Fe = {
|
|
|
1857
1848
|
label: "Bestsellery"
|
|
1858
1849
|
}
|
|
1859
1850
|
];
|
|
1860
|
-
function
|
|
1851
|
+
function Re() {
|
|
1861
1852
|
return /* @__PURE__ */ u("div", {
|
|
1862
1853
|
className: "rounded-xl border border-gray-100 overflow-hidden animate-pulse",
|
|
1863
1854
|
children: [/* @__PURE__ */ l("div", { className: "aspect-4/3 bg-gray-200" }), /* @__PURE__ */ u("div", {
|
|
@@ -1870,7 +1861,7 @@ function Le() {
|
|
|
1870
1861
|
})]
|
|
1871
1862
|
});
|
|
1872
1863
|
}
|
|
1873
|
-
function
|
|
1864
|
+
function ze({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: o = Le, selectedSort: s, onSortChange: c, activeFilters: d = [], onRemoveFilter: f, onClearFilters: p, loading: m = !1, emptyState: h, onAddToCart: g, onWishlistToggle: _, onProductClick: v, wishlisted: y = [], className: b = "" }) {
|
|
1874
1865
|
let x = t ? Math.ceil(t / i) : void 0, S = a >= 5 ? "compact" : "default";
|
|
1875
1866
|
return /* @__PURE__ */ u("div", {
|
|
1876
1867
|
className: ["w-full", b].filter(Boolean).join(" "),
|
|
@@ -1923,8 +1914,8 @@ function Re({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1923
1914
|
})]
|
|
1924
1915
|
}),
|
|
1925
1916
|
m ? /* @__PURE__ */ l("div", {
|
|
1926
|
-
className: `grid gap-4 ${
|
|
1927
|
-
children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ l(
|
|
1917
|
+
className: `grid gap-4 ${Ie[a]}`,
|
|
1918
|
+
children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ l(Re, {}, t))
|
|
1928
1919
|
}) : e.length === 0 ? /* @__PURE__ */ l("div", {
|
|
1929
1920
|
className: "py-16 text-center",
|
|
1930
1921
|
children: h ?? /* @__PURE__ */ u("div", {
|
|
@@ -1950,8 +1941,8 @@ function Re({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1950
1941
|
]
|
|
1951
1942
|
})
|
|
1952
1943
|
}) : /* @__PURE__ */ l("div", {
|
|
1953
|
-
className: `grid gap-4 ${
|
|
1954
|
-
children: e.map((e) => /* @__PURE__ */ l(
|
|
1944
|
+
className: `grid gap-4 ${Ie[a]}`,
|
|
1945
|
+
children: e.map((e) => /* @__PURE__ */ l(Fe, {
|
|
1955
1946
|
product: e,
|
|
1956
1947
|
size: S,
|
|
1957
1948
|
onAddToCart: g,
|
|
@@ -1962,7 +1953,7 @@ function Re({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1962
1953
|
}),
|
|
1963
1954
|
x && x > 1 && r && /* @__PURE__ */ l("div", {
|
|
1964
1955
|
className: "flex justify-center mt-8",
|
|
1965
|
-
children: /* @__PURE__ */ l(
|
|
1956
|
+
children: /* @__PURE__ */ l(X, {
|
|
1966
1957
|
page: n,
|
|
1967
1958
|
totalPages: x,
|
|
1968
1959
|
onPageChange: r
|
|
@@ -1973,14 +1964,14 @@ function Re({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1973
1964
|
}
|
|
1974
1965
|
//#endregion
|
|
1975
1966
|
//#region src/components/CallToAction/CallToAction.tsx
|
|
1976
|
-
var
|
|
1967
|
+
var Be = {
|
|
1977
1968
|
default: "bg-gray-50 border border-gray-200",
|
|
1978
1969
|
primary: "bg-primary-600",
|
|
1979
1970
|
dark: "bg-gray-900",
|
|
1980
1971
|
gradient: "bg-linear-to-br from-primary-600 via-primary-700 to-violet-700",
|
|
1981
1972
|
outline: "bg-white border-2 border-primary-600",
|
|
1982
1973
|
image: "relative overflow-hidden"
|
|
1983
|
-
},
|
|
1974
|
+
}, Ve = {
|
|
1984
1975
|
default: {
|
|
1985
1976
|
eyebrow: "text-primary-600",
|
|
1986
1977
|
title: "text-gray-900",
|
|
@@ -2011,7 +2002,7 @@ var ze = {
|
|
|
2011
2002
|
title: "text-white",
|
|
2012
2003
|
description: "text-white/80"
|
|
2013
2004
|
}
|
|
2014
|
-
},
|
|
2005
|
+
}, He = {
|
|
2015
2006
|
sm: {
|
|
2016
2007
|
wrapper: "px-6 py-6 rounded-xl",
|
|
2017
2008
|
title: "text-xl font-bold",
|
|
@@ -2036,7 +2027,7 @@ var ze = {
|
|
|
2036
2027
|
description: "text-xl",
|
|
2037
2028
|
eyebrow: "text-sm"
|
|
2038
2029
|
}
|
|
2039
|
-
},
|
|
2030
|
+
}, Ue = {
|
|
2040
2031
|
left: {
|
|
2041
2032
|
wrapper: "items-start text-left",
|
|
2042
2033
|
actions: "justify-start"
|
|
@@ -2050,8 +2041,8 @@ var ze = {
|
|
|
2050
2041
|
actions: "justify-end"
|
|
2051
2042
|
}
|
|
2052
2043
|
};
|
|
2053
|
-
function
|
|
2054
|
-
let h =
|
|
2044
|
+
function We({ eyebrow: e, title: t, description: n, actions: r = [], align: i = "center", layout: a = "stacked", size: o = "md", variant: s = "default", background: c, backgroundImage: d, media: f, className: p = "", style: m }) {
|
|
2045
|
+
let h = Ve[s], g = He[o], _ = Ue[i], v = a === "inline", y = {
|
|
2055
2046
|
...c ? { background: c } : {},
|
|
2056
2047
|
...d ? {
|
|
2057
2048
|
backgroundImage: `url(${d})`,
|
|
@@ -2063,7 +2054,7 @@ function Ue({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
|
|
|
2063
2054
|
return /* @__PURE__ */ u("div", {
|
|
2064
2055
|
className: [
|
|
2065
2056
|
"w-full",
|
|
2066
|
-
|
|
2057
|
+
Be[s],
|
|
2067
2058
|
g.wrapper,
|
|
2068
2059
|
p
|
|
2069
2060
|
].filter(Boolean).join(" "),
|
|
@@ -2096,7 +2087,7 @@ function Ue({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
|
|
|
2096
2087
|
className: `flex flex-wrap gap-3 ${v ? "shrink-0" : _.actions}`,
|
|
2097
2088
|
children: r.map((e, t) => {
|
|
2098
2089
|
let n = /* @__PURE__ */ l(w, {
|
|
2099
|
-
variant: e.variant ?? (t === 0 ?
|
|
2090
|
+
variant: e.variant ?? (t === 0 ? Ge(s) : "outline"),
|
|
2100
2091
|
size: e.size ?? (o === "sm" ? "sm" : o === "xl" ? "lg" : "md"),
|
|
2101
2092
|
onClick: e.onClick,
|
|
2102
2093
|
children: e.label
|
|
@@ -2112,12 +2103,12 @@ function Ue({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
|
|
|
2112
2103
|
})]
|
|
2113
2104
|
});
|
|
2114
2105
|
}
|
|
2115
|
-
function
|
|
2106
|
+
function Ge(e) {
|
|
2116
2107
|
return e === "default" || e === "outline" ? "primary" : "secondary";
|
|
2117
2108
|
}
|
|
2118
2109
|
//#endregion
|
|
2119
2110
|
//#region src/components/Footer/Footer.tsx
|
|
2120
|
-
function
|
|
2111
|
+
function Ke() {
|
|
2121
2112
|
return /* @__PURE__ */ l("svg", {
|
|
2122
2113
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2123
2114
|
fill: "none",
|
|
@@ -2132,7 +2123,7 @@ function Ge() {
|
|
|
2132
2123
|
})
|
|
2133
2124
|
});
|
|
2134
2125
|
}
|
|
2135
|
-
function
|
|
2126
|
+
function qe() {
|
|
2136
2127
|
return /* @__PURE__ */ l("svg", {
|
|
2137
2128
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2138
2129
|
fill: "none",
|
|
@@ -2147,7 +2138,7 @@ function Ke() {
|
|
|
2147
2138
|
})
|
|
2148
2139
|
});
|
|
2149
2140
|
}
|
|
2150
|
-
function
|
|
2141
|
+
function Je() {
|
|
2151
2142
|
return /* @__PURE__ */ u("svg", {
|
|
2152
2143
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2153
2144
|
fill: "none",
|
|
@@ -2166,7 +2157,7 @@ function qe() {
|
|
|
2166
2157
|
})]
|
|
2167
2158
|
});
|
|
2168
2159
|
}
|
|
2169
|
-
function
|
|
2160
|
+
function Ye() {
|
|
2170
2161
|
return /* @__PURE__ */ l("svg", {
|
|
2171
2162
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2172
2163
|
fill: "none",
|
|
@@ -2181,7 +2172,7 @@ function Je() {
|
|
|
2181
2172
|
})
|
|
2182
2173
|
});
|
|
2183
2174
|
}
|
|
2184
|
-
function
|
|
2175
|
+
function Xe() {
|
|
2185
2176
|
return /* @__PURE__ */ l("svg", {
|
|
2186
2177
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2187
2178
|
viewBox: "0 0 24 24",
|
|
@@ -2190,7 +2181,7 @@ function Ye() {
|
|
|
2190
2181
|
children: /* @__PURE__ */ l("path", { d: "M24 12.073C24 5.405 18.627 0 12 0S0 5.405 0 12.073C0 18.1 4.388 23.094 10.125 24v-8.437H7.078v-3.49h3.047V9.41c0-3.025 1.792-4.697 4.533-4.697 1.312 0 2.686.236 2.686.236v2.97h-1.513c-1.491 0-1.956.93-1.956 1.886v2.267h3.328l-.532 3.49h-2.796V24C19.612 23.094 24 18.1 24 12.073z" })
|
|
2191
2182
|
});
|
|
2192
2183
|
}
|
|
2193
|
-
function
|
|
2184
|
+
function Ze() {
|
|
2194
2185
|
return /* @__PURE__ */ l("svg", {
|
|
2195
2186
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2196
2187
|
viewBox: "0 0 24 24",
|
|
@@ -2199,7 +2190,7 @@ function Xe() {
|
|
|
2199
2190
|
children: /* @__PURE__ */ l("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" })
|
|
2200
2191
|
});
|
|
2201
2192
|
}
|
|
2202
|
-
function
|
|
2193
|
+
function Qe() {
|
|
2203
2194
|
return /* @__PURE__ */ l("svg", {
|
|
2204
2195
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2205
2196
|
viewBox: "0 0 24 24",
|
|
@@ -2208,7 +2199,7 @@ function Ze() {
|
|
|
2208
2199
|
children: /* @__PURE__ */ l("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
|
|
2209
2200
|
});
|
|
2210
2201
|
}
|
|
2211
|
-
function
|
|
2202
|
+
function $e() {
|
|
2212
2203
|
return /* @__PURE__ */ l("svg", {
|
|
2213
2204
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2214
2205
|
viewBox: "0 0 24 24",
|
|
@@ -2217,7 +2208,7 @@ function Qe() {
|
|
|
2217
2208
|
children: /* @__PURE__ */ l("path", { d: "M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" })
|
|
2218
2209
|
});
|
|
2219
2210
|
}
|
|
2220
|
-
function
|
|
2211
|
+
function et() {
|
|
2221
2212
|
return /* @__PURE__ */ l("svg", {
|
|
2222
2213
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2223
2214
|
viewBox: "0 0 24 24",
|
|
@@ -2226,34 +2217,34 @@ function $e() {
|
|
|
2226
2217
|
children: /* @__PURE__ */ l("path", { d: "M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.33 6.33 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.69a8.18 8.18 0 004.78 1.52V6.76a4.85 4.85 0 01-1.01-.07z" })
|
|
2227
2218
|
});
|
|
2228
2219
|
}
|
|
2229
|
-
var
|
|
2230
|
-
facebook:
|
|
2231
|
-
instagram:
|
|
2232
|
-
twitter:
|
|
2233
|
-
youtube:
|
|
2234
|
-
tiktok:
|
|
2235
|
-
},
|
|
2236
|
-
phone:
|
|
2237
|
-
email:
|
|
2238
|
-
address:
|
|
2239
|
-
hours:
|
|
2220
|
+
var tt = {
|
|
2221
|
+
facebook: Xe,
|
|
2222
|
+
instagram: Ze,
|
|
2223
|
+
twitter: Qe,
|
|
2224
|
+
youtube: $e,
|
|
2225
|
+
tiktok: et
|
|
2226
|
+
}, nt = {
|
|
2227
|
+
phone: Ke,
|
|
2228
|
+
email: qe,
|
|
2229
|
+
address: Je,
|
|
2230
|
+
hours: Ye
|
|
2240
2231
|
};
|
|
2241
|
-
function
|
|
2232
|
+
function rt(e) {
|
|
2242
2233
|
if (!e) return null;
|
|
2243
2234
|
if (typeof e == "string") {
|
|
2244
|
-
let t =
|
|
2235
|
+
let t = nt[e];
|
|
2245
2236
|
return t ? /* @__PURE__ */ l(t, {}) : null;
|
|
2246
2237
|
}
|
|
2247
2238
|
return e;
|
|
2248
2239
|
}
|
|
2249
|
-
function
|
|
2240
|
+
function it(e) {
|
|
2250
2241
|
if (typeof e == "string") {
|
|
2251
|
-
let t =
|
|
2242
|
+
let t = tt[e];
|
|
2252
2243
|
return t ? /* @__PURE__ */ l(t, {}) : null;
|
|
2253
2244
|
}
|
|
2254
2245
|
return e;
|
|
2255
2246
|
}
|
|
2256
|
-
function
|
|
2247
|
+
function at({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: o, bottomLinks: s = [], className: c = "" }) {
|
|
2257
2248
|
let d = (/* @__PURE__ */ new Date()).getFullYear();
|
|
2258
2249
|
return /* @__PURE__ */ l("footer", {
|
|
2259
2250
|
className: ["bg-gray-900 text-gray-300", c].filter(Boolean).join(" "),
|
|
@@ -2278,7 +2269,7 @@ function it({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
|
|
|
2278
2269
|
}), /* @__PURE__ */ l("ul", {
|
|
2279
2270
|
className: "space-y-3",
|
|
2280
2271
|
children: r.map((e, t) => {
|
|
2281
|
-
let n =
|
|
2272
|
+
let n = rt(e.icon), r = /* @__PURE__ */ u("div", {
|
|
2282
2273
|
className: "flex items-start gap-2.5",
|
|
2283
2274
|
children: [n && /* @__PURE__ */ l("span", {
|
|
2284
2275
|
className: "mt-0.5 text-primary-400",
|
|
@@ -2303,7 +2294,7 @@ function it({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
|
|
|
2303
2294
|
href: e.href,
|
|
2304
2295
|
"aria-label": e.label,
|
|
2305
2296
|
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",
|
|
2306
|
-
children:
|
|
2297
|
+
children: it(e.icon)
|
|
2307
2298
|
}, t))
|
|
2308
2299
|
})
|
|
2309
2300
|
]
|
|
@@ -2349,6 +2340,6 @@ function it({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
|
|
|
2349
2340
|
});
|
|
2350
2341
|
}
|
|
2351
2342
|
//#endregion
|
|
2352
|
-
export { z as Alert,
|
|
2343
|
+
export { z as Alert, ee as Avatar, j as Badge, ke as BannerCarousel, w as Button, We as CallToAction, N as Card, F as CardBody, I as CardFooter, P as CardHeader, be as Carousel, ye as CarouselCover, Ee as CategoryTree, H as Checkbox, K as Col, x as Container, at as Footer, G as Grid, Se as Header, k as Heading, E as IconButton, D as Input, T as LoadingSpin, S as Main, Oe as MegaMenu, V as Modal, X as Pagination, Fe as ProductCard, ze as ProductGrid, q as QuantityInput, O as Select, L as Spinner, te as Stack, A as Text, U as Toggle };
|
|
2353
2344
|
|
|
2354
2345
|
//# sourceMappingURL=index.js.map
|