@shopito/design-system-fe 0.1.7 → 0.1.9
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/Header/Header.d.ts.map +1 -1
- package/dist/common/Grid/Grid.d.ts +38 -0
- package/dist/common/Grid/Grid.d.ts.map +1 -0
- package/dist/common/Grid/index.d.ts +3 -0
- package/dist/common/Grid/index.d.ts.map +1 -0
- package/dist/common/Input/Input.d.ts +0 -1
- package/dist/common/Input/Input.d.ts.map +1 -1
- package/dist/common/Select/Select.d.ts +0 -1
- package/dist/common/Select/Select.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +305 -125
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -99,13 +99,13 @@ var C = ({ size: e = "md" }) => /* @__PURE__ */ c("svg", {
|
|
|
99
99
|
w.displayName = "IconButton";
|
|
100
100
|
//#endregion
|
|
101
101
|
//#region src/components/common/Input/Input.tsx
|
|
102
|
-
var T = e(({ label: e, error: t, hint: n, leftIcon: r, rightIcon: i,
|
|
103
|
-
let
|
|
102
|
+
var T = e(({ label: e, error: t, hint: n, leftIcon: r, rightIcon: i, className: a = "", id: o, ...l }, u) => {
|
|
103
|
+
let d = o ?? e?.toLowerCase().replace(/\s+/g, "-");
|
|
104
104
|
return /* @__PURE__ */ c("div", {
|
|
105
|
-
className:
|
|
105
|
+
className: "w-full",
|
|
106
106
|
children: [
|
|
107
107
|
e && /* @__PURE__ */ s("label", {
|
|
108
|
-
htmlFor:
|
|
108
|
+
htmlFor: d,
|
|
109
109
|
className: "input-label",
|
|
110
110
|
children: e
|
|
111
111
|
}),
|
|
@@ -117,10 +117,10 @@ var T = e(({ label: e, error: t, hint: n, leftIcon: r, rightIcon: i, fullWidth:
|
|
|
117
117
|
children: r
|
|
118
118
|
}),
|
|
119
119
|
/* @__PURE__ */ s("input", {
|
|
120
|
-
ref:
|
|
121
|
-
id:
|
|
122
|
-
className: (0, x.default)("input", t && "has-error", !!r && "with-left-icon", !!i && "with-right-icon",
|
|
123
|
-
...
|
|
120
|
+
ref: u,
|
|
121
|
+
id: d,
|
|
122
|
+
className: (0, x.default)("input", t && "has-error", !!r && "with-left-icon", !!i && "with-right-icon", "w-full", a),
|
|
123
|
+
...l
|
|
124
124
|
}),
|
|
125
125
|
i && /* @__PURE__ */ s("span", {
|
|
126
126
|
className: "right-icon",
|
|
@@ -138,23 +138,23 @@ var T = e(({ label: e, error: t, hint: n, leftIcon: r, rightIcon: i, fullWidth:
|
|
|
138
138
|
T.displayName = "Input";
|
|
139
139
|
//#endregion
|
|
140
140
|
//#region src/components/common/Select/Select.tsx
|
|
141
|
-
var E = e(({ label: e, error: t, hint: n, options: r, placeholder: i,
|
|
142
|
-
let
|
|
141
|
+
var E = e(({ label: e, error: t, hint: n, options: r, placeholder: i, className: a = "", id: o, ...l }, u) => {
|
|
142
|
+
let d = o ?? e?.toLowerCase().replace(/\s+/g, "-");
|
|
143
143
|
return /* @__PURE__ */ c("div", {
|
|
144
|
-
className: (0, x.default)("select-wrapper",
|
|
144
|
+
className: (0, x.default)("select-wrapper", "w-full"),
|
|
145
145
|
children: [
|
|
146
146
|
e && /* @__PURE__ */ s("label", {
|
|
147
|
-
htmlFor:
|
|
147
|
+
htmlFor: d,
|
|
148
148
|
className: "select-label",
|
|
149
149
|
children: e
|
|
150
150
|
}),
|
|
151
151
|
/* @__PURE__ */ c("div", {
|
|
152
152
|
className: "relative",
|
|
153
153
|
children: [/* @__PURE__ */ c("select", {
|
|
154
|
-
ref:
|
|
155
|
-
id:
|
|
156
|
-
className: (0, x.default)("select",
|
|
157
|
-
...
|
|
154
|
+
ref: u,
|
|
155
|
+
id: d,
|
|
156
|
+
className: (0, x.default)("select", "w-full", t && "has-error", a),
|
|
157
|
+
...l,
|
|
158
158
|
children: [i && /* @__PURE__ */ s("option", {
|
|
159
159
|
value: "",
|
|
160
160
|
disabled: !0,
|
|
@@ -230,21 +230,21 @@ function j({ children: e, padding: t = "md", shadow: n = !0, border: r = !0, cla
|
|
|
230
230
|
children: e
|
|
231
231
|
});
|
|
232
232
|
}
|
|
233
|
-
function
|
|
233
|
+
function ee({ children: e, className: t = "", ...n }) {
|
|
234
234
|
return /* @__PURE__ */ s("div", {
|
|
235
235
|
className: ["px-6 py-4 border-b border-gray-100", t].filter(Boolean).join(" "),
|
|
236
236
|
...n,
|
|
237
237
|
children: e
|
|
238
238
|
});
|
|
239
239
|
}
|
|
240
|
-
function
|
|
240
|
+
function te({ children: e, className: t = "", ...n }) {
|
|
241
241
|
return /* @__PURE__ */ s("div", {
|
|
242
242
|
className: ["p-6", t].filter(Boolean).join(" "),
|
|
243
243
|
...n,
|
|
244
244
|
children: e
|
|
245
245
|
});
|
|
246
246
|
}
|
|
247
|
-
function
|
|
247
|
+
function ne({ children: e, className: t = "", ...n }) {
|
|
248
248
|
return /* @__PURE__ */ s("div", {
|
|
249
249
|
className: ["px-6 py-4 border-t border-gray-100 bg-gray-50", t].filter(Boolean).join(" "),
|
|
250
250
|
...n,
|
|
@@ -253,7 +253,7 @@ function te({ children: e, className: t = "", ...n }) {
|
|
|
253
253
|
}
|
|
254
254
|
//#endregion
|
|
255
255
|
//#region src/components/common/Spinner/Spinner.tsx
|
|
256
|
-
function
|
|
256
|
+
function re({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
|
|
257
257
|
return /* @__PURE__ */ c("span", {
|
|
258
258
|
role: "status",
|
|
259
259
|
"aria-label": n,
|
|
@@ -267,7 +267,7 @@ function N({ size: e = "md", color: t = "primary", label: n = "Loading…", clas
|
|
|
267
267
|
}
|
|
268
268
|
//#endregion
|
|
269
269
|
//#region src/components/common/Alert/Alert.tsx
|
|
270
|
-
var
|
|
270
|
+
var ie = {
|
|
271
271
|
info: /* @__PURE__ */ s("path", {
|
|
272
272
|
strokeLinecap: "round",
|
|
273
273
|
strokeLinejoin: "round",
|
|
@@ -289,7 +289,7 @@ var P = {
|
|
|
289
289
|
d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
|
|
290
290
|
})
|
|
291
291
|
};
|
|
292
|
-
function
|
|
292
|
+
function ae({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
|
|
293
293
|
return /* @__PURE__ */ c("div", {
|
|
294
294
|
role: "alert",
|
|
295
295
|
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:
|
|
|
302
302
|
strokeWidth: 1.5,
|
|
303
303
|
stroke: "currentColor",
|
|
304
304
|
className: (0, x.default)("alert-icon", `alert-icon-${e}`),
|
|
305
|
-
children:
|
|
305
|
+
children: ie[e]
|
|
306
306
|
}),
|
|
307
307
|
/* @__PURE__ */ c("div", {
|
|
308
308
|
className: "flex-1 min-w-0",
|
|
@@ -337,14 +337,14 @@ function ne({ variant: e = "info", title: t, children: n, onClose: r, className:
|
|
|
337
337
|
}
|
|
338
338
|
//#endregion
|
|
339
339
|
//#region src/components/common/Modal/Modal.tsx
|
|
340
|
-
var
|
|
340
|
+
var oe = {
|
|
341
341
|
sm: "max-w-sm",
|
|
342
342
|
md: "max-w-md",
|
|
343
343
|
lg: "max-w-lg",
|
|
344
344
|
xl: "max-w-xl",
|
|
345
345
|
full: "max-w-full mx-4"
|
|
346
346
|
};
|
|
347
|
-
function
|
|
347
|
+
function se({ open: e, onClose: t, title: r, children: a, footer: o, size: u = "md", closeOnBackdrop: d = !0 }) {
|
|
348
348
|
let f = i(null);
|
|
349
349
|
return n(() => {
|
|
350
350
|
if (!e) return;
|
|
@@ -368,7 +368,7 @@ function F({ open: e, onClose: t, title: r, children: a, footer: o, size: u = "m
|
|
|
368
368
|
role: "dialog",
|
|
369
369
|
"aria-modal": "true",
|
|
370
370
|
"aria-labelledby": r ? "modal-title" : void 0,
|
|
371
|
-
className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]",
|
|
371
|
+
className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]", oe[u]].join(" "),
|
|
372
372
|
children: [
|
|
373
373
|
r && /* @__PURE__ */ c("div", {
|
|
374
374
|
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
|
|
|
409
409
|
}
|
|
410
410
|
//#endregion
|
|
411
411
|
//#region src/components/common/Checkbox/Checkbox.tsx
|
|
412
|
-
var
|
|
412
|
+
var M = e(({ label: e, description: t, error: n, indeterminate: r, className: i = "", id: a, ...o }, l) => {
|
|
413
413
|
let u = a ?? e?.toLowerCase().replace(/\s+/g, "-");
|
|
414
414
|
return /* @__PURE__ */ c("div", {
|
|
415
415
|
className: (0, x.default)("checkbox-wrapper", i),
|
|
@@ -441,10 +441,10 @@ var I = e(({ label: e, description: t, error: n, indeterminate: r, className: i
|
|
|
441
441
|
] })]
|
|
442
442
|
});
|
|
443
443
|
});
|
|
444
|
-
|
|
444
|
+
M.displayName = "Checkbox";
|
|
445
445
|
//#endregion
|
|
446
446
|
//#region src/components/common/Toggle/Toggle.tsx
|
|
447
|
-
var
|
|
447
|
+
var N = e(({ label: e, description: t, size: n = "md", className: r = "", id: i, ...a }, o) => {
|
|
448
448
|
let l = i ?? e?.toLowerCase().replace(/\s+/g, "-");
|
|
449
449
|
return /* @__PURE__ */ c("label", {
|
|
450
450
|
htmlFor: l,
|
|
@@ -472,10 +472,10 @@ var L = e(({ label: e, description: t, size: n = "md", className: r = "", id: i,
|
|
|
472
472
|
})] })]
|
|
473
473
|
});
|
|
474
474
|
});
|
|
475
|
-
|
|
475
|
+
N.displayName = "Toggle";
|
|
476
476
|
//#endregion
|
|
477
477
|
//#region src/components/common/Avatar/Avatar.tsx
|
|
478
|
-
var
|
|
478
|
+
var P = [
|
|
479
479
|
"bg-red-500",
|
|
480
480
|
"bg-orange-500",
|
|
481
481
|
"bg-amber-500",
|
|
@@ -486,7 +486,7 @@ var R = [
|
|
|
486
486
|
"bg-violet-500",
|
|
487
487
|
"bg-pink-500"
|
|
488
488
|
];
|
|
489
|
-
function
|
|
489
|
+
function ce({ 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 ie({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
|
|
|
494
494
|
], c = (e) => {
|
|
495
495
|
let t = 0;
|
|
496
496
|
for (let n = 0; n < e.length; n++) t += e.charCodeAt(n);
|
|
497
|
-
return
|
|
497
|
+
return P[t % P.length];
|
|
498
498
|
}, l = (e) => e.split(" ").slice(0, 2).map((e) => e[0]).join("").toUpperCase();
|
|
499
499
|
return e ? /* @__PURE__ */ s("span", {
|
|
500
500
|
className: (0, x.default)(o),
|
|
@@ -527,7 +527,7 @@ function ie({ 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 le = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems: r = "start", children: i }) => /* @__PURE__ */ s("div", {
|
|
531
531
|
className: (0, x.default)("stack", `stack-${e}`, t && `gap-${t}`, {
|
|
532
532
|
start: "items-start",
|
|
533
533
|
end: "items-end",
|
|
@@ -541,7 +541,188 @@ var ae = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
541
541
|
stretch: "justify-items-stretch"
|
|
542
542
|
}[r]),
|
|
543
543
|
children: i
|
|
544
|
-
}),
|
|
544
|
+
}), ue = {
|
|
545
|
+
1: "grid-cols-1",
|
|
546
|
+
2: "grid-cols-2",
|
|
547
|
+
3: "grid-cols-3",
|
|
548
|
+
4: "grid-cols-4",
|
|
549
|
+
6: "grid-cols-6",
|
|
550
|
+
12: "grid-cols-12"
|
|
551
|
+
}, de = {
|
|
552
|
+
0: "gap-0",
|
|
553
|
+
1: "gap-1",
|
|
554
|
+
2: "gap-2",
|
|
555
|
+
3: "gap-3",
|
|
556
|
+
4: "gap-4",
|
|
557
|
+
5: "gap-5",
|
|
558
|
+
6: "gap-6",
|
|
559
|
+
8: "gap-8",
|
|
560
|
+
10: "gap-10",
|
|
561
|
+
12: "gap-12",
|
|
562
|
+
16: "gap-16"
|
|
563
|
+
}, fe = {
|
|
564
|
+
0: "gap-y-0",
|
|
565
|
+
1: "gap-y-1",
|
|
566
|
+
2: "gap-y-2",
|
|
567
|
+
3: "gap-y-3",
|
|
568
|
+
4: "gap-y-4",
|
|
569
|
+
5: "gap-y-5",
|
|
570
|
+
6: "gap-y-6",
|
|
571
|
+
8: "gap-y-8",
|
|
572
|
+
10: "gap-y-10",
|
|
573
|
+
12: "gap-y-12",
|
|
574
|
+
16: "gap-y-16"
|
|
575
|
+
}, pe = {
|
|
576
|
+
0: "gap-x-0",
|
|
577
|
+
1: "gap-x-1",
|
|
578
|
+
2: "gap-x-2",
|
|
579
|
+
3: "gap-x-3",
|
|
580
|
+
4: "gap-x-4",
|
|
581
|
+
5: "gap-x-5",
|
|
582
|
+
6: "gap-x-6",
|
|
583
|
+
8: "gap-x-8",
|
|
584
|
+
10: "gap-x-10",
|
|
585
|
+
12: "gap-x-12",
|
|
586
|
+
16: "gap-x-16"
|
|
587
|
+
}, me = {
|
|
588
|
+
1: "col-span-1",
|
|
589
|
+
2: "col-span-2",
|
|
590
|
+
3: "col-span-3",
|
|
591
|
+
4: "col-span-4",
|
|
592
|
+
5: "col-span-5",
|
|
593
|
+
6: "col-span-6",
|
|
594
|
+
7: "col-span-7",
|
|
595
|
+
8: "col-span-8",
|
|
596
|
+
9: "col-span-9",
|
|
597
|
+
10: "col-span-10",
|
|
598
|
+
11: "col-span-11",
|
|
599
|
+
12: "col-span-12"
|
|
600
|
+
}, F = {
|
|
601
|
+
1: "sm:col-span-1",
|
|
602
|
+
2: "sm:col-span-2",
|
|
603
|
+
3: "sm:col-span-3",
|
|
604
|
+
4: "sm:col-span-4",
|
|
605
|
+
5: "sm:col-span-5",
|
|
606
|
+
6: "sm:col-span-6",
|
|
607
|
+
7: "sm:col-span-7",
|
|
608
|
+
8: "sm:col-span-8",
|
|
609
|
+
9: "sm:col-span-9",
|
|
610
|
+
10: "sm:col-span-10",
|
|
611
|
+
11: "sm:col-span-11",
|
|
612
|
+
12: "sm:col-span-12"
|
|
613
|
+
}, I = {
|
|
614
|
+
1: "md:col-span-1",
|
|
615
|
+
2: "md:col-span-2",
|
|
616
|
+
3: "md:col-span-3",
|
|
617
|
+
4: "md:col-span-4",
|
|
618
|
+
5: "md:col-span-5",
|
|
619
|
+
6: "md:col-span-6",
|
|
620
|
+
7: "md:col-span-7",
|
|
621
|
+
8: "md:col-span-8",
|
|
622
|
+
9: "md:col-span-9",
|
|
623
|
+
10: "md:col-span-10",
|
|
624
|
+
11: "md:col-span-11",
|
|
625
|
+
12: "md:col-span-12"
|
|
626
|
+
}, L = {
|
|
627
|
+
1: "lg:col-span-1",
|
|
628
|
+
2: "lg:col-span-2",
|
|
629
|
+
3: "lg:col-span-3",
|
|
630
|
+
4: "lg:col-span-4",
|
|
631
|
+
5: "lg:col-span-5",
|
|
632
|
+
6: "lg:col-span-6",
|
|
633
|
+
7: "lg:col-span-7",
|
|
634
|
+
8: "lg:col-span-8",
|
|
635
|
+
9: "lg:col-span-9",
|
|
636
|
+
10: "lg:col-span-10",
|
|
637
|
+
11: "lg:col-span-11",
|
|
638
|
+
12: "lg:col-span-12"
|
|
639
|
+
}, R = {
|
|
640
|
+
1: "xl:col-span-1",
|
|
641
|
+
2: "xl:col-span-2",
|
|
642
|
+
3: "xl:col-span-3",
|
|
643
|
+
4: "xl:col-span-4",
|
|
644
|
+
5: "xl:col-span-5",
|
|
645
|
+
6: "xl:col-span-6",
|
|
646
|
+
7: "xl:col-span-7",
|
|
647
|
+
8: "xl:col-span-8",
|
|
648
|
+
9: "xl:col-span-9",
|
|
649
|
+
10: "xl:col-span-10",
|
|
650
|
+
11: "xl:col-span-11",
|
|
651
|
+
12: "xl:col-span-12"
|
|
652
|
+
}, z = {
|
|
653
|
+
1: "col-start-2",
|
|
654
|
+
2: "col-start-3",
|
|
655
|
+
3: "col-start-4",
|
|
656
|
+
4: "col-start-5",
|
|
657
|
+
5: "col-start-6",
|
|
658
|
+
6: "col-start-7",
|
|
659
|
+
7: "col-start-8",
|
|
660
|
+
8: "col-start-9",
|
|
661
|
+
9: "col-start-10",
|
|
662
|
+
10: "col-start-11",
|
|
663
|
+
11: "col-start-12"
|
|
664
|
+
}, he = {
|
|
665
|
+
1: "sm:col-start-2",
|
|
666
|
+
2: "sm:col-start-3",
|
|
667
|
+
3: "sm:col-start-4",
|
|
668
|
+
4: "sm:col-start-5",
|
|
669
|
+
5: "sm:col-start-6",
|
|
670
|
+
6: "sm:col-start-7",
|
|
671
|
+
7: "sm:col-start-8",
|
|
672
|
+
8: "sm:col-start-9",
|
|
673
|
+
9: "sm:col-start-10",
|
|
674
|
+
10: "sm:col-start-11",
|
|
675
|
+
11: "sm:col-start-12"
|
|
676
|
+
}, ge = {
|
|
677
|
+
1: "md:col-start-2",
|
|
678
|
+
2: "md:col-start-3",
|
|
679
|
+
3: "md:col-start-4",
|
|
680
|
+
4: "md:col-start-5",
|
|
681
|
+
5: "md:col-start-6",
|
|
682
|
+
6: "md:col-start-7",
|
|
683
|
+
7: "md:col-start-8",
|
|
684
|
+
8: "md:col-start-9",
|
|
685
|
+
9: "md:col-start-10",
|
|
686
|
+
10: "md:col-start-11",
|
|
687
|
+
11: "md:col-start-12"
|
|
688
|
+
}, _e = {
|
|
689
|
+
1: "lg:col-start-2",
|
|
690
|
+
2: "lg:col-start-3",
|
|
691
|
+
3: "lg:col-start-4",
|
|
692
|
+
4: "lg:col-start-5",
|
|
693
|
+
5: "lg:col-start-6",
|
|
694
|
+
6: "lg:col-start-7",
|
|
695
|
+
7: "lg:col-start-8",
|
|
696
|
+
8: "lg:col-start-9",
|
|
697
|
+
9: "lg:col-start-10",
|
|
698
|
+
10: "lg:col-start-11",
|
|
699
|
+
11: "lg:col-start-12"
|
|
700
|
+
}, ve = {
|
|
701
|
+
1: "xl:col-start-2",
|
|
702
|
+
2: "xl:col-start-3",
|
|
703
|
+
3: "xl:col-start-4",
|
|
704
|
+
4: "xl:col-start-5",
|
|
705
|
+
5: "xl:col-start-6",
|
|
706
|
+
6: "xl:col-start-7",
|
|
707
|
+
7: "xl:col-start-8",
|
|
708
|
+
8: "xl:col-start-9",
|
|
709
|
+
9: "xl:col-start-10",
|
|
710
|
+
10: "xl:col-start-11",
|
|
711
|
+
11: "xl:col-start-12"
|
|
712
|
+
}, B = ({ children: e, cols: t = 12, gap: n, rowGap: r, colGap: i, as: a = "div", className: o }) => /* @__PURE__ */ s(a, {
|
|
713
|
+
className: (0, x.default)("grid", ue[t], n !== void 0 && de[n], r !== void 0 && fe[r], i !== void 0 && pe[i], o),
|
|
714
|
+
children: e
|
|
715
|
+
});
|
|
716
|
+
B.displayName = "Grid";
|
|
717
|
+
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", {
|
|
718
|
+
className: (0, x.default)(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),
|
|
719
|
+
...p,
|
|
720
|
+
children: e
|
|
721
|
+
});
|
|
722
|
+
V.displayName = "Col";
|
|
723
|
+
//#endregion
|
|
724
|
+
//#region src/components/common/QuantityInput/QuantityInput.tsx
|
|
725
|
+
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 }) => {
|
|
545
726
|
let _ = r(), v = h ?? _, y = i(null), [b, S] = a(String(e));
|
|
546
727
|
n(() => {
|
|
547
728
|
document.activeElement !== y.current && S(String(e));
|
|
@@ -588,7 +769,7 @@ var ae = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
588
769
|
disabled: d || !A,
|
|
589
770
|
"aria-label": "Snížit množství",
|
|
590
771
|
tabIndex: -1,
|
|
591
|
-
children: /* @__PURE__ */ s(
|
|
772
|
+
children: /* @__PURE__ */ s(ye, {})
|
|
592
773
|
}),
|
|
593
774
|
/* @__PURE__ */ s("input", {
|
|
594
775
|
ref: y,
|
|
@@ -613,7 +794,7 @@ var ae = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
613
794
|
disabled: d || !j,
|
|
614
795
|
"aria-label": "Zvýšit množství",
|
|
615
796
|
tabIndex: -1,
|
|
616
|
-
children: /* @__PURE__ */ s(
|
|
797
|
+
children: /* @__PURE__ */ s(be, {})
|
|
617
798
|
})
|
|
618
799
|
]
|
|
619
800
|
}),
|
|
@@ -624,8 +805,8 @@ var ae = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
624
805
|
]
|
|
625
806
|
});
|
|
626
807
|
};
|
|
627
|
-
|
|
628
|
-
var
|
|
808
|
+
H.displayName = "QuantityInput";
|
|
809
|
+
var ye = () => /* @__PURE__ */ s("svg", {
|
|
629
810
|
width: "12",
|
|
630
811
|
height: "2",
|
|
631
812
|
viewBox: "0 0 12 2",
|
|
@@ -637,7 +818,7 @@ var oe = () => /* @__PURE__ */ s("svg", {
|
|
|
637
818
|
strokeWidth: "1.5",
|
|
638
819
|
strokeLinecap: "round"
|
|
639
820
|
})
|
|
640
|
-
}),
|
|
821
|
+
}), be = () => /* @__PURE__ */ s("svg", {
|
|
641
822
|
width: "12",
|
|
642
823
|
height: "12",
|
|
643
824
|
viewBox: "0 0 12 12",
|
|
@@ -649,36 +830,36 @@ var oe = () => /* @__PURE__ */ s("svg", {
|
|
|
649
830
|
strokeWidth: "1.5",
|
|
650
831
|
strokeLinecap: "round"
|
|
651
832
|
})
|
|
652
|
-
}),
|
|
653
|
-
if (t <= n * 2 + 5) return
|
|
833
|
+
}), U = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), xe = (e, t, n) => {
|
|
834
|
+
if (t <= n * 2 + 5) return U(1, t);
|
|
654
835
|
let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
|
|
655
836
|
return !a && o ? [
|
|
656
|
-
...
|
|
837
|
+
...U(1, 3 + n * 2),
|
|
657
838
|
"…",
|
|
658
839
|
t
|
|
659
840
|
] : a && !o ? [
|
|
660
841
|
1,
|
|
661
842
|
"…",
|
|
662
|
-
...
|
|
843
|
+
...U(t - (2 + n * 2), t)
|
|
663
844
|
] : [
|
|
664
845
|
1,
|
|
665
846
|
"…",
|
|
666
|
-
...
|
|
847
|
+
...U(r, i),
|
|
667
848
|
"…",
|
|
668
849
|
t
|
|
669
850
|
];
|
|
670
|
-
},
|
|
851
|
+
}, W = ({ active: e, disabled: t, children: n, ...r }) => /* @__PURE__ */ s("button", {
|
|
671
852
|
disabled: t,
|
|
672
853
|
className: (0, x.default)("pagination-button", `pagination-button-${e ? "active" : "inactive"}`),
|
|
673
854
|
...r,
|
|
674
855
|
children: n
|
|
675
|
-
}),
|
|
676
|
-
let i =
|
|
856
|
+
}), G = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
|
|
857
|
+
let i = xe(e, t, r);
|
|
677
858
|
return /* @__PURE__ */ c("nav", {
|
|
678
859
|
"aria-label": "Pagination",
|
|
679
860
|
className: "pagination",
|
|
680
861
|
children: [
|
|
681
|
-
/* @__PURE__ */ s(
|
|
862
|
+
/* @__PURE__ */ s(W, {
|
|
682
863
|
disabled: e <= 1,
|
|
683
864
|
onClick: () => n(e - 1),
|
|
684
865
|
"aria-label": "Previous page",
|
|
@@ -699,14 +880,14 @@ var oe = () => /* @__PURE__ */ s("svg", {
|
|
|
699
880
|
i.map((t, r) => t === "…" ? /* @__PURE__ */ s("span", {
|
|
700
881
|
className: "pagination-dots",
|
|
701
882
|
children: "…"
|
|
702
|
-
}, `dots-${r}`) : /* @__PURE__ */ s(
|
|
883
|
+
}, `dots-${r}`) : /* @__PURE__ */ s(W, {
|
|
703
884
|
active: t === e,
|
|
704
885
|
onClick: () => n(t),
|
|
705
886
|
"aria-label": `Page ${t}`,
|
|
706
887
|
"aria-current": t === e ? "page" : void 0,
|
|
707
888
|
children: t
|
|
708
889
|
}, t)),
|
|
709
|
-
/* @__PURE__ */ s(
|
|
890
|
+
/* @__PURE__ */ s(W, {
|
|
710
891
|
disabled: e >= t,
|
|
711
892
|
onClick: () => n(e + 1),
|
|
712
893
|
"aria-label": "Next page",
|
|
@@ -729,7 +910,7 @@ var oe = () => /* @__PURE__ */ s("svg", {
|
|
|
729
910
|
};
|
|
730
911
|
//#endregion
|
|
731
912
|
//#region src/components/Header/Header.tsx
|
|
732
|
-
function
|
|
913
|
+
function K({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: o }) {
|
|
733
914
|
let [l, u] = a(!1), d = i(null), f = () => u(!1);
|
|
734
915
|
return /* @__PURE__ */ c("div", {
|
|
735
916
|
ref: d,
|
|
@@ -764,7 +945,7 @@ function W({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: o }) {
|
|
|
764
945
|
})]
|
|
765
946
|
});
|
|
766
947
|
}
|
|
767
|
-
function
|
|
948
|
+
function Se() {
|
|
768
949
|
return /* @__PURE__ */ s("svg", {
|
|
769
950
|
xmlns: "http://www.w3.org/2000/svg",
|
|
770
951
|
fill: "none",
|
|
@@ -779,7 +960,7 @@ function G() {
|
|
|
779
960
|
})
|
|
780
961
|
});
|
|
781
962
|
}
|
|
782
|
-
function
|
|
963
|
+
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 }) {
|
|
783
964
|
let [y, b] = a(""), x = f.find((e) => e.code === p), S = h.find((e) => e.code === g);
|
|
784
965
|
return /* @__PURE__ */ s("header", {
|
|
785
966
|
className: "bg-white border-b border-gray-200 sticky top-0 z-40",
|
|
@@ -796,14 +977,13 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
796
977
|
/* @__PURE__ */ s("div", {
|
|
797
978
|
className: "flex-1 max-w-xl",
|
|
798
979
|
children: /* @__PURE__ */ s(T, {
|
|
799
|
-
fullWidth: !0,
|
|
800
980
|
placeholder: t,
|
|
801
981
|
value: y,
|
|
802
982
|
onChange: (e) => b(e.target.value),
|
|
803
983
|
onKeyDown: (e) => {
|
|
804
984
|
e.key === "Enter" && n?.(y);
|
|
805
985
|
},
|
|
806
|
-
leftIcon: /* @__PURE__ */ s(
|
|
986
|
+
leftIcon: /* @__PURE__ */ s(Se, {}),
|
|
807
987
|
rightIcon: y ? /* @__PURE__ */ s("button", {
|
|
808
988
|
onClick: () => {
|
|
809
989
|
b(""), n?.("");
|
|
@@ -829,7 +1009,7 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
829
1009
|
/* @__PURE__ */ c("div", {
|
|
830
1010
|
className: "flex items-center gap-1 shrink-0 ml-auto",
|
|
831
1011
|
children: [
|
|
832
|
-
f.length > 0 && /* @__PURE__ */ s(
|
|
1012
|
+
f.length > 0 && /* @__PURE__ */ s(K, {
|
|
833
1013
|
trigger: /* @__PURE__ */ c("button", {
|
|
834
1014
|
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",
|
|
835
1015
|
children: [
|
|
@@ -852,7 +1032,7 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
852
1032
|
}), /* @__PURE__ */ s("span", { children: e.label })]
|
|
853
1033
|
})
|
|
854
1034
|
}),
|
|
855
|
-
h.length > 0 && /* @__PURE__ */ s(
|
|
1035
|
+
h.length > 0 && /* @__PURE__ */ s(K, {
|
|
856
1036
|
trigger: /* @__PURE__ */ c("button", {
|
|
857
1037
|
className: "flex items-center gap-1 px-2 py-1.5 rounded-md text-sm text-gray-600 hover:bg-gray-50 transition-colors",
|
|
858
1038
|
children: [
|
|
@@ -889,7 +1069,7 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
889
1069
|
}), u && /* @__PURE__ */ s("span", {
|
|
890
1070
|
className: "hidden sm:block font-medium max-w-32 truncate",
|
|
891
1071
|
children: u
|
|
892
|
-
})] }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(
|
|
1072
|
+
})] }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(we, { className: "w-5 h-5" }), /* @__PURE__ */ s("span", {
|
|
893
1073
|
className: "hidden sm:block font-medium",
|
|
894
1074
|
children: "Přihlásit se"
|
|
895
1075
|
})] })
|
|
@@ -899,7 +1079,7 @@ function K({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
899
1079
|
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",
|
|
900
1080
|
"aria-label": `Cart, ${r} items`,
|
|
901
1081
|
children: [
|
|
902
|
-
/* @__PURE__ */ s(
|
|
1082
|
+
/* @__PURE__ */ s(Te, { className: "w-5 h-5" }),
|
|
903
1083
|
/* @__PURE__ */ s("span", {
|
|
904
1084
|
className: "hidden sm:block font-medium",
|
|
905
1085
|
children: "Košík"
|
|
@@ -932,7 +1112,7 @@ function q({ className: e }) {
|
|
|
932
1112
|
})
|
|
933
1113
|
});
|
|
934
1114
|
}
|
|
935
|
-
function
|
|
1115
|
+
function we({ className: e }) {
|
|
936
1116
|
return /* @__PURE__ */ s("svg", {
|
|
937
1117
|
xmlns: "http://www.w3.org/2000/svg",
|
|
938
1118
|
fill: "none",
|
|
@@ -947,7 +1127,7 @@ function ce({ className: e }) {
|
|
|
947
1127
|
})
|
|
948
1128
|
});
|
|
949
1129
|
}
|
|
950
|
-
function
|
|
1130
|
+
function Te({ className: e }) {
|
|
951
1131
|
return /* @__PURE__ */ s("svg", {
|
|
952
1132
|
xmlns: "http://www.w3.org/2000/svg",
|
|
953
1133
|
fill: "none",
|
|
@@ -1028,7 +1208,7 @@ function J({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, default
|
|
|
1028
1208
|
function Y(e, t) {
|
|
1029
1209
|
return !t || !e.children ? !1 : e.children.some((e) => e.id === t || Y(e, t));
|
|
1030
1210
|
}
|
|
1031
|
-
function
|
|
1211
|
+
function Ee({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
|
|
1032
1212
|
let c = (e) => n?.(e);
|
|
1033
1213
|
return /* @__PURE__ */ s("nav", {
|
|
1034
1214
|
"aria-label": "Category navigation",
|
|
@@ -1050,7 +1230,7 @@ function ue({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defau
|
|
|
1050
1230
|
}
|
|
1051
1231
|
//#endregion
|
|
1052
1232
|
//#region src/components/MegaMenu/MegaMenu.tsx
|
|
1053
|
-
function
|
|
1233
|
+
function De({ item: e, onNavigate: t, onClose: n }) {
|
|
1054
1234
|
return e.columns?.length ? /* @__PURE__ */ s("div", {
|
|
1055
1235
|
className: "absolute left-0 right-0 top-full z-50 bg-white border-b border-gray-200 shadow-lg",
|
|
1056
1236
|
children: /* @__PURE__ */ c("div", {
|
|
@@ -1113,7 +1293,7 @@ function X({ item: e, onNavigate: t, onClose: n }) {
|
|
|
1113
1293
|
})
|
|
1114
1294
|
}) : null;
|
|
1115
1295
|
}
|
|
1116
|
-
function
|
|
1296
|
+
function Oe({ items: e, activeId: t, onNavigate: n }) {
|
|
1117
1297
|
let [r, o] = a(null), l = i(null), u = (e) => {
|
|
1118
1298
|
l.current && clearTimeout(l.current), o(e);
|
|
1119
1299
|
}, d = () => {
|
|
@@ -1176,7 +1356,7 @@ function de({ items: e, activeId: t, onNavigate: n }) {
|
|
|
1176
1356
|
}), p?.columns?.length && /* @__PURE__ */ s("div", {
|
|
1177
1357
|
onMouseEnter: f,
|
|
1178
1358
|
onMouseLeave: d,
|
|
1179
|
-
children: /* @__PURE__ */ s(
|
|
1359
|
+
children: /* @__PURE__ */ s(De, {
|
|
1180
1360
|
item: p,
|
|
1181
1361
|
onNavigate: (e) => n?.(e),
|
|
1182
1362
|
onClose: () => o(null)
|
|
@@ -1186,7 +1366,7 @@ function de({ items: e, activeId: t, onNavigate: n }) {
|
|
|
1186
1366
|
}
|
|
1187
1367
|
//#endregion
|
|
1188
1368
|
//#region src/components/BannerCarousel/BannerCarousel.tsx
|
|
1189
|
-
function
|
|
1369
|
+
function ke({ banners: e, autoPlay: r = !0, autoPlayInterval: l = 5e3, arrows: u = !0, dots: d = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
|
|
1190
1370
|
let [m, h] = a(0), [g, _] = a(!1), v = i(null), y = i(null), b = e.length, x = t((e) => {
|
|
1191
1371
|
h((e % b + b) % b);
|
|
1192
1372
|
}, [b]), S = () => x(m - 1), C = t(() => x(m + 1), [m, x]);
|
|
@@ -1326,7 +1506,7 @@ function fe({ banners: e, autoPlay: r = !0, autoPlayInterval: l = 5e3, arrows: u
|
|
|
1326
1506
|
}
|
|
1327
1507
|
//#endregion
|
|
1328
1508
|
//#region src/components/ProductCard/ProductCard.tsx
|
|
1329
|
-
function
|
|
1509
|
+
function Ae({ filled: e }) {
|
|
1330
1510
|
return /* @__PURE__ */ s("svg", {
|
|
1331
1511
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1332
1512
|
viewBox: "0 0 24 24",
|
|
@@ -1339,7 +1519,7 @@ function pe({ filled: e }) {
|
|
|
1339
1519
|
})
|
|
1340
1520
|
});
|
|
1341
1521
|
}
|
|
1342
|
-
function
|
|
1522
|
+
function je({ value: e, count: t }) {
|
|
1343
1523
|
return /* @__PURE__ */ c("div", {
|
|
1344
1524
|
className: "flex items-center gap-1",
|
|
1345
1525
|
children: [/* @__PURE__ */ s("div", {
|
|
@@ -1350,7 +1530,7 @@ function me({ value: e, count: t }) {
|
|
|
1350
1530
|
3,
|
|
1351
1531
|
4,
|
|
1352
1532
|
5
|
|
1353
|
-
].map((t) => /* @__PURE__ */ s(
|
|
1533
|
+
].map((t) => /* @__PURE__ */ s(Ae, { filled: t <= Math.round(e) }, t))
|
|
1354
1534
|
}), t !== void 0 && /* @__PURE__ */ c("span", {
|
|
1355
1535
|
className: "text-xs text-gray-400",
|
|
1356
1536
|
children: [
|
|
@@ -1361,17 +1541,17 @@ function me({ value: e, count: t }) {
|
|
|
1361
1541
|
})]
|
|
1362
1542
|
});
|
|
1363
1543
|
}
|
|
1364
|
-
function
|
|
1544
|
+
function Me(e) {
|
|
1365
1545
|
let t = e.toLowerCase();
|
|
1366
1546
|
return t === "sale" || t === "akce" ? "danger" : t === "new" || t === "nové" ? "primary" : t === "hot" ? "warning" : "default";
|
|
1367
1547
|
}
|
|
1368
|
-
function
|
|
1548
|
+
function X(e, t = "Kč") {
|
|
1369
1549
|
return `${e.toLocaleString("cs-CZ")} ${t}`;
|
|
1370
1550
|
}
|
|
1371
|
-
function
|
|
1551
|
+
function Ne(e, t) {
|
|
1372
1552
|
return Math.round((1 - t / e) * 100);
|
|
1373
1553
|
}
|
|
1374
|
-
function
|
|
1554
|
+
function Z({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r = !1, onProductClick: i, size: o = "default", className: l = "" }) {
|
|
1375
1555
|
let [u, d] = a(!1), [f, p] = a(!1), m = e.originalPrice !== void 0 && e.originalPrice > e.price;
|
|
1376
1556
|
return /* @__PURE__ */ c("article", {
|
|
1377
1557
|
className: [
|
|
@@ -1396,9 +1576,9 @@ function Q({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1396
1576
|
e.badge && /* @__PURE__ */ s("div", {
|
|
1397
1577
|
className: "absolute top-2 left-2",
|
|
1398
1578
|
children: /* @__PURE__ */ s(k, {
|
|
1399
|
-
variant:
|
|
1579
|
+
variant: Me(e.badge),
|
|
1400
1580
|
size: "sm",
|
|
1401
|
-
children: e.badge === "sale" && m ? `-${
|
|
1581
|
+
children: e.badge === "sale" && m ? `-${Ne(e.originalPrice, e.price)}%` : e.badge
|
|
1402
1582
|
})
|
|
1403
1583
|
}),
|
|
1404
1584
|
e.inStock === !1 && /* @__PURE__ */ s("div", {
|
|
@@ -1481,7 +1661,7 @@ function Q({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1481
1661
|
className: `font-medium text-gray-900 leading-snug line-clamp-2 group-hover:text-primary-600 transition-colors ${o === "compact" ? "text-xs" : "text-sm"}`,
|
|
1482
1662
|
children: e.name
|
|
1483
1663
|
}),
|
|
1484
|
-
e.rating !== void 0 && /* @__PURE__ */ s(
|
|
1664
|
+
e.rating !== void 0 && /* @__PURE__ */ s(je, {
|
|
1485
1665
|
value: e.rating,
|
|
1486
1666
|
count: e.reviewCount
|
|
1487
1667
|
}),
|
|
@@ -1489,10 +1669,10 @@ function Q({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1489
1669
|
className: "flex items-baseline gap-2 mt-auto pt-1",
|
|
1490
1670
|
children: [/* @__PURE__ */ s("span", {
|
|
1491
1671
|
className: `font-bold text-gray-900 ${o === "compact" ? "text-base" : "text-lg"}`,
|
|
1492
|
-
children:
|
|
1672
|
+
children: X(e.price, e.currency)
|
|
1493
1673
|
}), m && /* @__PURE__ */ s("span", {
|
|
1494
1674
|
className: "text-sm text-gray-400 line-through",
|
|
1495
|
-
children:
|
|
1675
|
+
children: X(e.originalPrice, e.currency)
|
|
1496
1676
|
})]
|
|
1497
1677
|
})
|
|
1498
1678
|
]
|
|
@@ -1501,12 +1681,12 @@ function Q({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1501
1681
|
}
|
|
1502
1682
|
//#endregion
|
|
1503
1683
|
//#region src/components/ProductGrid/ProductGrid.tsx
|
|
1504
|
-
var
|
|
1684
|
+
var Q = {
|
|
1505
1685
|
2: "grid-cols-2",
|
|
1506
1686
|
3: "grid-cols-2 md:grid-cols-3",
|
|
1507
1687
|
4: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4",
|
|
1508
1688
|
5: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5"
|
|
1509
|
-
},
|
|
1689
|
+
}, Pe = [
|
|
1510
1690
|
{
|
|
1511
1691
|
value: "newest",
|
|
1512
1692
|
label: "Nejnovější"
|
|
@@ -1528,7 +1708,7 @@ var $ = {
|
|
|
1528
1708
|
label: "Bestsellery"
|
|
1529
1709
|
}
|
|
1530
1710
|
];
|
|
1531
|
-
function
|
|
1711
|
+
function Fe() {
|
|
1532
1712
|
return /* @__PURE__ */ c("div", {
|
|
1533
1713
|
className: "rounded-xl border border-gray-100 overflow-hidden animate-pulse",
|
|
1534
1714
|
children: [/* @__PURE__ */ s("div", { className: "aspect-4/3 bg-gray-200" }), /* @__PURE__ */ c("div", {
|
|
@@ -1541,7 +1721,7 @@ function ve() {
|
|
|
1541
1721
|
})]
|
|
1542
1722
|
});
|
|
1543
1723
|
}
|
|
1544
|
-
function
|
|
1724
|
+
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 = "" }) {
|
|
1545
1725
|
let x = t ? Math.ceil(t / i) : void 0, S = a >= 5 ? "compact" : "default";
|
|
1546
1726
|
return /* @__PURE__ */ c("div", {
|
|
1547
1727
|
className: ["w-full", b].filter(Boolean).join(" "),
|
|
@@ -1594,8 +1774,8 @@ function ye({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1594
1774
|
})]
|
|
1595
1775
|
}),
|
|
1596
1776
|
m ? /* @__PURE__ */ s("div", {
|
|
1597
|
-
className: `grid gap-4 ${
|
|
1598
|
-
children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ s(
|
|
1777
|
+
className: `grid gap-4 ${Q[a]}`,
|
|
1778
|
+
children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ s(Fe, {}, t))
|
|
1599
1779
|
}) : e.length === 0 ? /* @__PURE__ */ s("div", {
|
|
1600
1780
|
className: "py-16 text-center",
|
|
1601
1781
|
children: h ?? /* @__PURE__ */ c("div", {
|
|
@@ -1621,8 +1801,8 @@ function ye({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1621
1801
|
]
|
|
1622
1802
|
})
|
|
1623
1803
|
}) : /* @__PURE__ */ s("div", {
|
|
1624
|
-
className: `grid gap-4 ${
|
|
1625
|
-
children: e.map((e) => /* @__PURE__ */ s(
|
|
1804
|
+
className: `grid gap-4 ${Q[a]}`,
|
|
1805
|
+
children: e.map((e) => /* @__PURE__ */ s(Z, {
|
|
1626
1806
|
product: e,
|
|
1627
1807
|
size: S,
|
|
1628
1808
|
onAddToCart: g,
|
|
@@ -1633,7 +1813,7 @@ function ye({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1633
1813
|
}),
|
|
1634
1814
|
x && x > 1 && r && /* @__PURE__ */ s("div", {
|
|
1635
1815
|
className: "flex justify-center mt-8",
|
|
1636
|
-
children: /* @__PURE__ */ s(
|
|
1816
|
+
children: /* @__PURE__ */ s(G, {
|
|
1637
1817
|
page: n,
|
|
1638
1818
|
totalPages: x,
|
|
1639
1819
|
onPageChange: r
|
|
@@ -1644,14 +1824,14 @@ function ye({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1644
1824
|
}
|
|
1645
1825
|
//#endregion
|
|
1646
1826
|
//#region src/components/CallToAction/CallToAction.tsx
|
|
1647
|
-
var
|
|
1827
|
+
var Le = {
|
|
1648
1828
|
default: "bg-gray-50 border border-gray-200",
|
|
1649
1829
|
primary: "bg-primary-600",
|
|
1650
1830
|
dark: "bg-gray-900",
|
|
1651
1831
|
gradient: "bg-linear-to-br from-primary-600 via-primary-700 to-violet-700",
|
|
1652
1832
|
outline: "bg-white border-2 border-primary-600",
|
|
1653
1833
|
image: "relative overflow-hidden"
|
|
1654
|
-
},
|
|
1834
|
+
}, Re = {
|
|
1655
1835
|
default: {
|
|
1656
1836
|
eyebrow: "text-primary-600",
|
|
1657
1837
|
title: "text-gray-900",
|
|
@@ -1682,7 +1862,7 @@ var be = {
|
|
|
1682
1862
|
title: "text-white",
|
|
1683
1863
|
description: "text-white/80"
|
|
1684
1864
|
}
|
|
1685
|
-
},
|
|
1865
|
+
}, ze = {
|
|
1686
1866
|
sm: {
|
|
1687
1867
|
wrapper: "px-6 py-6 rounded-xl",
|
|
1688
1868
|
title: "text-xl font-bold",
|
|
@@ -1707,7 +1887,7 @@ var be = {
|
|
|
1707
1887
|
description: "text-xl",
|
|
1708
1888
|
eyebrow: "text-sm"
|
|
1709
1889
|
}
|
|
1710
|
-
},
|
|
1890
|
+
}, Be = {
|
|
1711
1891
|
left: {
|
|
1712
1892
|
wrapper: "items-start text-left",
|
|
1713
1893
|
actions: "justify-start"
|
|
@@ -1721,8 +1901,8 @@ var be = {
|
|
|
1721
1901
|
actions: "justify-end"
|
|
1722
1902
|
}
|
|
1723
1903
|
};
|
|
1724
|
-
function
|
|
1725
|
-
let h =
|
|
1904
|
+
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 }) {
|
|
1905
|
+
let h = Re[l], g = ze[o], _ = Be[i], v = a === "inline", y = {
|
|
1726
1906
|
...u ? { background: u } : {},
|
|
1727
1907
|
...d ? {
|
|
1728
1908
|
backgroundImage: `url(${d})`,
|
|
@@ -1734,7 +1914,7 @@ function we({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
|
|
|
1734
1914
|
return /* @__PURE__ */ c("div", {
|
|
1735
1915
|
className: [
|
|
1736
1916
|
"w-full",
|
|
1737
|
-
|
|
1917
|
+
Le[l],
|
|
1738
1918
|
g.wrapper,
|
|
1739
1919
|
p
|
|
1740
1920
|
].filter(Boolean).join(" "),
|
|
@@ -1767,7 +1947,7 @@ function we({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
|
|
|
1767
1947
|
className: `flex flex-wrap gap-3 ${v ? "shrink-0" : _.actions}`,
|
|
1768
1948
|
children: r.map((e, t) => {
|
|
1769
1949
|
let n = /* @__PURE__ */ s(S, {
|
|
1770
|
-
variant: e.variant ?? (t === 0 ?
|
|
1950
|
+
variant: e.variant ?? (t === 0 ? $(l) : "outline"),
|
|
1771
1951
|
size: e.size ?? (o === "sm" ? "sm" : o === "xl" ? "lg" : "md"),
|
|
1772
1952
|
onClick: e.onClick,
|
|
1773
1953
|
children: e.label
|
|
@@ -1783,12 +1963,12 @@ function we({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
|
|
|
1783
1963
|
})]
|
|
1784
1964
|
});
|
|
1785
1965
|
}
|
|
1786
|
-
function
|
|
1966
|
+
function $(e) {
|
|
1787
1967
|
return e === "default" || e === "outline" ? "primary" : "secondary";
|
|
1788
1968
|
}
|
|
1789
1969
|
//#endregion
|
|
1790
1970
|
//#region src/components/Footer/Footer.tsx
|
|
1791
|
-
function
|
|
1971
|
+
function He() {
|
|
1792
1972
|
return /* @__PURE__ */ s("svg", {
|
|
1793
1973
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1794
1974
|
fill: "none",
|
|
@@ -1803,7 +1983,7 @@ function Ee() {
|
|
|
1803
1983
|
})
|
|
1804
1984
|
});
|
|
1805
1985
|
}
|
|
1806
|
-
function
|
|
1986
|
+
function Ue() {
|
|
1807
1987
|
return /* @__PURE__ */ s("svg", {
|
|
1808
1988
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1809
1989
|
fill: "none",
|
|
@@ -1818,7 +1998,7 @@ function De() {
|
|
|
1818
1998
|
})
|
|
1819
1999
|
});
|
|
1820
2000
|
}
|
|
1821
|
-
function
|
|
2001
|
+
function We() {
|
|
1822
2002
|
return /* @__PURE__ */ c("svg", {
|
|
1823
2003
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1824
2004
|
fill: "none",
|
|
@@ -1837,7 +2017,7 @@ function Oe() {
|
|
|
1837
2017
|
})]
|
|
1838
2018
|
});
|
|
1839
2019
|
}
|
|
1840
|
-
function
|
|
2020
|
+
function Ge() {
|
|
1841
2021
|
return /* @__PURE__ */ s("svg", {
|
|
1842
2022
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1843
2023
|
fill: "none",
|
|
@@ -1852,7 +2032,7 @@ function ke() {
|
|
|
1852
2032
|
})
|
|
1853
2033
|
});
|
|
1854
2034
|
}
|
|
1855
|
-
function
|
|
2035
|
+
function Ke() {
|
|
1856
2036
|
return /* @__PURE__ */ s("svg", {
|
|
1857
2037
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1858
2038
|
viewBox: "0 0 24 24",
|
|
@@ -1861,7 +2041,7 @@ function Ae() {
|
|
|
1861
2041
|
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" })
|
|
1862
2042
|
});
|
|
1863
2043
|
}
|
|
1864
|
-
function
|
|
2044
|
+
function qe() {
|
|
1865
2045
|
return /* @__PURE__ */ s("svg", {
|
|
1866
2046
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1867
2047
|
viewBox: "0 0 24 24",
|
|
@@ -1870,7 +2050,7 @@ function je() {
|
|
|
1870
2050
|
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" })
|
|
1871
2051
|
});
|
|
1872
2052
|
}
|
|
1873
|
-
function
|
|
2053
|
+
function Je() {
|
|
1874
2054
|
return /* @__PURE__ */ s("svg", {
|
|
1875
2055
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1876
2056
|
viewBox: "0 0 24 24",
|
|
@@ -1879,7 +2059,7 @@ function Me() {
|
|
|
1879
2059
|
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" })
|
|
1880
2060
|
});
|
|
1881
2061
|
}
|
|
1882
|
-
function
|
|
2062
|
+
function Ye() {
|
|
1883
2063
|
return /* @__PURE__ */ s("svg", {
|
|
1884
2064
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1885
2065
|
viewBox: "0 0 24 24",
|
|
@@ -1888,7 +2068,7 @@ function Ne() {
|
|
|
1888
2068
|
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" })
|
|
1889
2069
|
});
|
|
1890
2070
|
}
|
|
1891
|
-
function
|
|
2071
|
+
function Xe() {
|
|
1892
2072
|
return /* @__PURE__ */ s("svg", {
|
|
1893
2073
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1894
2074
|
viewBox: "0 0 24 24",
|
|
@@ -1897,34 +2077,34 @@ function Pe() {
|
|
|
1897
2077
|
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" })
|
|
1898
2078
|
});
|
|
1899
2079
|
}
|
|
1900
|
-
var
|
|
1901
|
-
facebook:
|
|
1902
|
-
instagram:
|
|
1903
|
-
twitter:
|
|
1904
|
-
youtube:
|
|
1905
|
-
tiktok:
|
|
1906
|
-
},
|
|
1907
|
-
phone:
|
|
1908
|
-
email:
|
|
1909
|
-
address:
|
|
1910
|
-
hours:
|
|
2080
|
+
var Ze = {
|
|
2081
|
+
facebook: Ke,
|
|
2082
|
+
instagram: qe,
|
|
2083
|
+
twitter: Je,
|
|
2084
|
+
youtube: Ye,
|
|
2085
|
+
tiktok: Xe
|
|
2086
|
+
}, Qe = {
|
|
2087
|
+
phone: He,
|
|
2088
|
+
email: Ue,
|
|
2089
|
+
address: We,
|
|
2090
|
+
hours: Ge
|
|
1911
2091
|
};
|
|
1912
|
-
function
|
|
2092
|
+
function $e(e) {
|
|
1913
2093
|
if (!e) return null;
|
|
1914
2094
|
if (typeof e == "string") {
|
|
1915
|
-
let t =
|
|
2095
|
+
let t = Qe[e];
|
|
1916
2096
|
return t ? /* @__PURE__ */ s(t, {}) : null;
|
|
1917
2097
|
}
|
|
1918
2098
|
return e;
|
|
1919
2099
|
}
|
|
1920
|
-
function
|
|
2100
|
+
function et(e) {
|
|
1921
2101
|
if (typeof e == "string") {
|
|
1922
|
-
let t =
|
|
2102
|
+
let t = Ze[e];
|
|
1923
2103
|
return t ? /* @__PURE__ */ s(t, {}) : null;
|
|
1924
2104
|
}
|
|
1925
2105
|
return e;
|
|
1926
2106
|
}
|
|
1927
|
-
function
|
|
2107
|
+
function tt({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: o, bottomLinks: l = [], className: u = "" }) {
|
|
1928
2108
|
let d = (/* @__PURE__ */ new Date()).getFullYear();
|
|
1929
2109
|
return /* @__PURE__ */ c("footer", {
|
|
1930
2110
|
className: ["bg-gray-900 text-gray-300", u].filter(Boolean).join(" "),
|
|
@@ -1949,7 +2129,7 @@ function ze({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
|
|
|
1949
2129
|
}), /* @__PURE__ */ s("ul", {
|
|
1950
2130
|
className: "space-y-3",
|
|
1951
2131
|
children: r.map((e, t) => {
|
|
1952
|
-
let n =
|
|
2132
|
+
let n = $e(e.icon), r = /* @__PURE__ */ c("div", {
|
|
1953
2133
|
className: "flex items-start gap-2.5",
|
|
1954
2134
|
children: [n && /* @__PURE__ */ s("span", {
|
|
1955
2135
|
className: "mt-0.5 text-primary-400",
|
|
@@ -1974,7 +2154,7 @@ function ze({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
|
|
|
1974
2154
|
href: e.href,
|
|
1975
2155
|
"aria-label": e.label,
|
|
1976
2156
|
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",
|
|
1977
|
-
children:
|
|
2157
|
+
children: et(e.icon)
|
|
1978
2158
|
}, t))
|
|
1979
2159
|
})
|
|
1980
2160
|
]
|
|
@@ -2020,6 +2200,6 @@ function ze({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
|
|
|
2020
2200
|
});
|
|
2021
2201
|
}
|
|
2022
2202
|
//#endregion
|
|
2023
|
-
export {
|
|
2203
|
+
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 };
|
|
2024
2204
|
|
|
2025
2205
|
//# sourceMappingURL=index.js.map
|