@shopito/design-system-fe 0.1.35 → 0.1.37
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/Dropdown/Dropdown.d.ts +23 -0
- package/dist/common/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/common/Dropdown/index.d.ts +3 -0
- package/dist/common/Dropdown/index.d.ts.map +1 -0
- package/dist/common/Grid/Grid.d.ts +8 -1
- package/dist/common/Grid/Grid.d.ts.map +1 -1
- package/dist/common/Grid/index.d.ts +1 -1
- package/dist/common/Grid/index.d.ts.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +242 -117
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -214,41 +214,96 @@ function M({ variant: e = "default", size: t = "md", position: n, circle: r = !1
|
|
|
214
214
|
});
|
|
215
215
|
}
|
|
216
216
|
//#endregion
|
|
217
|
+
//#region src/components/common/Dropdown/Dropdown.tsx
|
|
218
|
+
function N({ trigger: e, items: t, align: n = "left", placement: r = "bottom", className: a }) {
|
|
219
|
+
let [o, f] = c(!1), p = s(null);
|
|
220
|
+
return i(() => {
|
|
221
|
+
if (!o) return;
|
|
222
|
+
let e = (e) => {
|
|
223
|
+
p.current && !p.current.contains(e.target) && f(!1);
|
|
224
|
+
};
|
|
225
|
+
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
226
|
+
}, [o]), i(() => {
|
|
227
|
+
if (!o) return;
|
|
228
|
+
let e = (e) => {
|
|
229
|
+
e.key === "Escape" && f(!1);
|
|
230
|
+
};
|
|
231
|
+
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
232
|
+
}, [o]), /* @__PURE__ */ d("div", {
|
|
233
|
+
ref: p,
|
|
234
|
+
className: (0, w.default)("dropdown", a),
|
|
235
|
+
children: [/* @__PURE__ */ u("div", {
|
|
236
|
+
className: "dropdown-trigger",
|
|
237
|
+
onClick: () => f((e) => !e),
|
|
238
|
+
"aria-haspopup": "menu",
|
|
239
|
+
"aria-expanded": o,
|
|
240
|
+
children: e
|
|
241
|
+
}), o && /* @__PURE__ */ u("div", {
|
|
242
|
+
role: "menu",
|
|
243
|
+
className: (0, w.default)("dropdown-menu", `dropdown-menu-${n}`, `dropdown-menu-${r}`),
|
|
244
|
+
children: t.map((e, t) => {
|
|
245
|
+
if (e.divider) return /* @__PURE__ */ u("div", { className: "dropdown-divider" }, e.key ?? `divider-${t}`);
|
|
246
|
+
let n = /* @__PURE__ */ d(l, { children: [e.icon && /* @__PURE__ */ u("span", {
|
|
247
|
+
className: "dropdown-item-icon",
|
|
248
|
+
children: e.icon
|
|
249
|
+
}), /* @__PURE__ */ u("span", { children: e.label })] });
|
|
250
|
+
return e.href ? /* @__PURE__ */ u("a", {
|
|
251
|
+
href: e.href,
|
|
252
|
+
role: "menuitem",
|
|
253
|
+
className: (0, w.default)("dropdown-item", e.danger && "dropdown-item-danger", e.disabled && "dropdown-item-disabled"),
|
|
254
|
+
onClick: () => f(!1),
|
|
255
|
+
"aria-disabled": e.disabled,
|
|
256
|
+
children: n
|
|
257
|
+
}, e.key ?? `item-${t}`) : /* @__PURE__ */ u("button", {
|
|
258
|
+
role: "menuitem",
|
|
259
|
+
type: "button",
|
|
260
|
+
disabled: e.disabled,
|
|
261
|
+
className: (0, w.default)("dropdown-item", e.danger && "dropdown-item-danger", e.disabled && "dropdown-item-disabled"),
|
|
262
|
+
onClick: () => {
|
|
263
|
+
e.onClick?.(), f(!1);
|
|
264
|
+
},
|
|
265
|
+
children: n
|
|
266
|
+
}, e.key ?? `item-${t}`);
|
|
267
|
+
})
|
|
268
|
+
})]
|
|
269
|
+
});
|
|
270
|
+
}
|
|
271
|
+
//#endregion
|
|
217
272
|
//#region src/components/common/Card/Card.tsx
|
|
218
|
-
var
|
|
273
|
+
var P = {
|
|
219
274
|
none: "",
|
|
220
275
|
sm: "p-4",
|
|
221
276
|
md: "p-6",
|
|
222
277
|
lg: "p-8"
|
|
223
278
|
};
|
|
224
|
-
function
|
|
279
|
+
function F({ children: e, padding: t = "md", shadow: n = !0, border: r = !0, className: i = "", ...a }) {
|
|
225
280
|
return /* @__PURE__ */ u("div", {
|
|
226
281
|
className: [
|
|
227
282
|
"bg-white rounded-xl overflow-hidden",
|
|
228
283
|
r ? "border border-gray-200" : "",
|
|
229
284
|
n ? "shadow-sm" : "",
|
|
230
|
-
|
|
285
|
+
P[t],
|
|
231
286
|
i
|
|
232
287
|
].filter(Boolean).join(" "),
|
|
233
288
|
...a,
|
|
234
289
|
children: e
|
|
235
290
|
});
|
|
236
291
|
}
|
|
237
|
-
function
|
|
292
|
+
function I({ children: e, className: t = "", ...n }) {
|
|
238
293
|
return /* @__PURE__ */ u("div", {
|
|
239
294
|
className: ["px-6 py-4 border-b border-gray-100", t].filter(Boolean).join(" "),
|
|
240
295
|
...n,
|
|
241
296
|
children: e
|
|
242
297
|
});
|
|
243
298
|
}
|
|
244
|
-
function
|
|
299
|
+
function L({ children: e, className: t = "", ...n }) {
|
|
245
300
|
return /* @__PURE__ */ u("div", {
|
|
246
301
|
className: ["p-6", t].filter(Boolean).join(" "),
|
|
247
302
|
...n,
|
|
248
303
|
children: e
|
|
249
304
|
});
|
|
250
305
|
}
|
|
251
|
-
function
|
|
306
|
+
function R({ children: e, className: t = "", ...n }) {
|
|
252
307
|
return /* @__PURE__ */ u("div", {
|
|
253
308
|
className: ["px-6 py-4 border-t border-gray-100 bg-gray-50", t].filter(Boolean).join(" "),
|
|
254
309
|
...n,
|
|
@@ -257,7 +312,7 @@ function L({ children: e, className: t = "", ...n }) {
|
|
|
257
312
|
}
|
|
258
313
|
//#endregion
|
|
259
314
|
//#region src/components/common/Spinner/Spinner.tsx
|
|
260
|
-
function
|
|
315
|
+
function z({ size: e = "md", color: t = "primary", label: n = "Loading…", className: r = "", ...i }) {
|
|
261
316
|
return /* @__PURE__ */ d("span", {
|
|
262
317
|
role: "status",
|
|
263
318
|
"aria-label": n,
|
|
@@ -271,7 +326,7 @@ function R({ size: e = "md", color: t = "primary", label: n = "Loading…", clas
|
|
|
271
326
|
}
|
|
272
327
|
//#endregion
|
|
273
328
|
//#region src/components/common/Alert/Alert.tsx
|
|
274
|
-
var
|
|
329
|
+
var B = {
|
|
275
330
|
info: /* @__PURE__ */ u("path", {
|
|
276
331
|
strokeLinecap: "round",
|
|
277
332
|
strokeLinejoin: "round",
|
|
@@ -293,7 +348,7 @@ var z = {
|
|
|
293
348
|
d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
|
|
294
349
|
})
|
|
295
350
|
};
|
|
296
|
-
function
|
|
351
|
+
function V({ variant: e = "info", title: t, children: n, onClose: r, className: i = "", ...a }) {
|
|
297
352
|
return /* @__PURE__ */ d("div", {
|
|
298
353
|
role: "alert",
|
|
299
354
|
className: (0, w.default)("alert", `alert-${e}`, "w-full", i),
|
|
@@ -306,7 +361,7 @@ function B({ variant: e = "info", title: t, children: n, onClose: r, className:
|
|
|
306
361
|
strokeWidth: 1.5,
|
|
307
362
|
stroke: "currentColor",
|
|
308
363
|
className: (0, w.default)("alert-icon", `alert-icon-${e}`),
|
|
309
|
-
children:
|
|
364
|
+
children: B[e]
|
|
310
365
|
}),
|
|
311
366
|
/* @__PURE__ */ d("div", {
|
|
312
367
|
className: "flex-1 min-w-0",
|
|
@@ -341,14 +396,14 @@ function B({ variant: e = "info", title: t, children: n, onClose: r, className:
|
|
|
341
396
|
}
|
|
342
397
|
//#endregion
|
|
343
398
|
//#region src/components/common/Modal/Modal.tsx
|
|
344
|
-
var
|
|
399
|
+
var ee = {
|
|
345
400
|
sm: "max-w-sm",
|
|
346
401
|
md: "max-w-md",
|
|
347
402
|
lg: "max-w-lg",
|
|
348
403
|
xl: "max-w-xl",
|
|
349
404
|
full: "max-w-full mx-4"
|
|
350
405
|
};
|
|
351
|
-
function
|
|
406
|
+
function te({ open: e, onClose: t, title: n, children: r, footer: a, size: o = "md", closeOnBackdrop: c = !0 }) {
|
|
352
407
|
let l = s(null);
|
|
353
408
|
return i(() => {
|
|
354
409
|
if (!e) return;
|
|
@@ -372,7 +427,7 @@ function ee({ open: e, onClose: t, title: n, children: r, footer: a, size: o = "
|
|
|
372
427
|
role: "dialog",
|
|
373
428
|
"aria-modal": "true",
|
|
374
429
|
"aria-labelledby": n ? "modal-title" : void 0,
|
|
375
|
-
className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]",
|
|
430
|
+
className: ["relative w-full bg-white rounded-xl shadow-xl flex flex-col max-h-[90vh]", ee[o]].join(" "),
|
|
376
431
|
children: [
|
|
377
432
|
n && /* @__PURE__ */ d("div", {
|
|
378
433
|
className: "flex items-center justify-between px-6 py-4 border-b border-gray-100 shrink-0",
|
|
@@ -490,7 +545,7 @@ var W = [
|
|
|
490
545
|
"bg-violet-500",
|
|
491
546
|
"bg-pink-500"
|
|
492
547
|
];
|
|
493
|
-
function
|
|
548
|
+
function ne({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
|
|
494
549
|
let o = [
|
|
495
550
|
"avatar",
|
|
496
551
|
`avatar-${r}`,
|
|
@@ -531,7 +586,7 @@ function te({ src: e, alt: t, name: n, size: r = "md", className: i, ...a }) {
|
|
|
531
586
|
}
|
|
532
587
|
//#endregion
|
|
533
588
|
//#region src/components/common/Stack/Stack.tsx
|
|
534
|
-
var
|
|
589
|
+
var re = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems: r = "start", justifyContent: i = "normal", className: a, children: o }) => /* @__PURE__ */ u("div", {
|
|
535
590
|
className: (0, w.default)("stack", `stack-${e}`, t && `gap-${t}`, {
|
|
536
591
|
start: "items-start",
|
|
537
592
|
end: "items-end",
|
|
@@ -554,7 +609,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
554
609
|
stretch: "justify-stretch"
|
|
555
610
|
}[i], a),
|
|
556
611
|
children: o
|
|
557
|
-
}),
|
|
612
|
+
}), ie = {
|
|
558
613
|
1: "grid-cols-1",
|
|
559
614
|
2: "grid-cols-2",
|
|
560
615
|
3: "grid-cols-3",
|
|
@@ -567,7 +622,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
567
622
|
10: "grid-cols-10",
|
|
568
623
|
11: "grid-cols-11",
|
|
569
624
|
12: "grid-cols-12"
|
|
570
|
-
},
|
|
625
|
+
}, ae = {
|
|
571
626
|
0: "gap-0",
|
|
572
627
|
1: "gap-1",
|
|
573
628
|
2: "gap-2",
|
|
@@ -579,7 +634,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
579
634
|
10: "gap-10",
|
|
580
635
|
12: "gap-12",
|
|
581
636
|
16: "gap-16"
|
|
582
|
-
},
|
|
637
|
+
}, oe = {
|
|
583
638
|
0: "gap-y-0",
|
|
584
639
|
1: "gap-y-1",
|
|
585
640
|
2: "gap-y-2",
|
|
@@ -591,7 +646,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
591
646
|
10: "gap-y-10",
|
|
592
647
|
12: "gap-y-12",
|
|
593
648
|
16: "gap-y-16"
|
|
594
|
-
},
|
|
649
|
+
}, se = {
|
|
595
650
|
0: "gap-x-0",
|
|
596
651
|
1: "gap-x-1",
|
|
597
652
|
2: "gap-x-2",
|
|
@@ -603,7 +658,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
603
658
|
10: "gap-x-10",
|
|
604
659
|
12: "gap-x-12",
|
|
605
660
|
16: "gap-x-16"
|
|
606
|
-
},
|
|
661
|
+
}, ce = {
|
|
607
662
|
1: "col-span-1",
|
|
608
663
|
2: "col-span-2",
|
|
609
664
|
3: "col-span-3",
|
|
@@ -616,7 +671,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
616
671
|
10: "col-span-10",
|
|
617
672
|
11: "col-span-11",
|
|
618
673
|
12: "col-span-12"
|
|
619
|
-
},
|
|
674
|
+
}, le = {
|
|
620
675
|
1: "sm:col-span-1",
|
|
621
676
|
2: "sm:col-span-2",
|
|
622
677
|
3: "sm:col-span-3",
|
|
@@ -629,7 +684,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
629
684
|
10: "sm:col-span-10",
|
|
630
685
|
11: "sm:col-span-11",
|
|
631
686
|
12: "sm:col-span-12"
|
|
632
|
-
},
|
|
687
|
+
}, ue = {
|
|
633
688
|
1: "md:col-span-1",
|
|
634
689
|
2: "md:col-span-2",
|
|
635
690
|
3: "md:col-span-3",
|
|
@@ -642,7 +697,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
642
697
|
10: "md:col-span-10",
|
|
643
698
|
11: "md:col-span-11",
|
|
644
699
|
12: "md:col-span-12"
|
|
645
|
-
},
|
|
700
|
+
}, de = {
|
|
646
701
|
1: "lg:col-span-1",
|
|
647
702
|
2: "lg:col-span-2",
|
|
648
703
|
3: "lg:col-span-3",
|
|
@@ -655,7 +710,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
655
710
|
10: "lg:col-span-10",
|
|
656
711
|
11: "lg:col-span-11",
|
|
657
712
|
12: "lg:col-span-12"
|
|
658
|
-
},
|
|
713
|
+
}, fe = {
|
|
659
714
|
1: "xl:col-span-1",
|
|
660
715
|
2: "xl:col-span-2",
|
|
661
716
|
3: "xl:col-span-3",
|
|
@@ -668,7 +723,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
668
723
|
10: "xl:col-span-10",
|
|
669
724
|
11: "xl:col-span-11",
|
|
670
725
|
12: "xl:col-span-12"
|
|
671
|
-
},
|
|
726
|
+
}, pe = {
|
|
672
727
|
1: "col-start-2",
|
|
673
728
|
2: "col-start-3",
|
|
674
729
|
3: "col-start-4",
|
|
@@ -680,7 +735,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
680
735
|
9: "col-start-10",
|
|
681
736
|
10: "col-start-11",
|
|
682
737
|
11: "col-start-12"
|
|
683
|
-
},
|
|
738
|
+
}, me = {
|
|
684
739
|
1: "sm:col-start-2",
|
|
685
740
|
2: "sm:col-start-3",
|
|
686
741
|
3: "sm:col-start-4",
|
|
@@ -692,7 +747,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
692
747
|
9: "sm:col-start-10",
|
|
693
748
|
10: "sm:col-start-11",
|
|
694
749
|
11: "sm:col-start-12"
|
|
695
|
-
},
|
|
750
|
+
}, he = {
|
|
696
751
|
1: "md:col-start-2",
|
|
697
752
|
2: "md:col-start-3",
|
|
698
753
|
3: "md:col-start-4",
|
|
@@ -704,7 +759,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
704
759
|
9: "md:col-start-10",
|
|
705
760
|
10: "md:col-start-11",
|
|
706
761
|
11: "md:col-start-12"
|
|
707
|
-
},
|
|
762
|
+
}, ge = {
|
|
708
763
|
1: "lg:col-start-2",
|
|
709
764
|
2: "lg:col-start-3",
|
|
710
765
|
3: "lg:col-start-4",
|
|
@@ -716,7 +771,7 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
716
771
|
9: "lg:col-start-10",
|
|
717
772
|
10: "lg:col-start-11",
|
|
718
773
|
11: "lg:col-start-12"
|
|
719
|
-
},
|
|
774
|
+
}, _e = {
|
|
720
775
|
1: "xl:col-start-2",
|
|
721
776
|
2: "xl:col-start-3",
|
|
722
777
|
3: "xl:col-start-4",
|
|
@@ -728,14 +783,84 @@ var ne = ({ direction: e = "row", gap: t, alignItems: n = "start", justifyItems:
|
|
|
728
783
|
9: "xl:col-start-10",
|
|
729
784
|
10: "xl:col-start-11",
|
|
730
785
|
11: "xl:col-start-12"
|
|
786
|
+
}, ve = {
|
|
787
|
+
1: "col-start-1",
|
|
788
|
+
2: "col-start-2",
|
|
789
|
+
3: "col-start-3",
|
|
790
|
+
4: "col-start-4",
|
|
791
|
+
5: "col-start-5",
|
|
792
|
+
6: "col-start-6",
|
|
793
|
+
7: "col-start-7",
|
|
794
|
+
8: "col-start-8",
|
|
795
|
+
9: "col-start-9",
|
|
796
|
+
10: "col-start-10",
|
|
797
|
+
11: "col-start-11",
|
|
798
|
+
12: "col-start-12",
|
|
799
|
+
13: "col-start-13"
|
|
800
|
+
}, ye = {
|
|
801
|
+
1: "sm:col-start-1",
|
|
802
|
+
2: "sm:col-start-2",
|
|
803
|
+
3: "sm:col-start-3",
|
|
804
|
+
4: "sm:col-start-4",
|
|
805
|
+
5: "sm:col-start-5",
|
|
806
|
+
6: "sm:col-start-6",
|
|
807
|
+
7: "sm:col-start-7",
|
|
808
|
+
8: "sm:col-start-8",
|
|
809
|
+
9: "sm:col-start-9",
|
|
810
|
+
10: "sm:col-start-10",
|
|
811
|
+
11: "sm:col-start-11",
|
|
812
|
+
12: "sm:col-start-12",
|
|
813
|
+
13: "sm:col-start-13"
|
|
814
|
+
}, be = {
|
|
815
|
+
1: "md:col-start-1",
|
|
816
|
+
2: "md:col-start-2",
|
|
817
|
+
3: "md:col-start-3",
|
|
818
|
+
4: "md:col-start-4",
|
|
819
|
+
5: "md:col-start-5",
|
|
820
|
+
6: "md:col-start-6",
|
|
821
|
+
7: "md:col-start-7",
|
|
822
|
+
8: "md:col-start-8",
|
|
823
|
+
9: "md:col-start-9",
|
|
824
|
+
10: "md:col-start-10",
|
|
825
|
+
11: "md:col-start-11",
|
|
826
|
+
12: "md:col-start-12",
|
|
827
|
+
13: "md:col-start-13"
|
|
828
|
+
}, xe = {
|
|
829
|
+
1: "lg:col-start-1",
|
|
830
|
+
2: "lg:col-start-2",
|
|
831
|
+
3: "lg:col-start-3",
|
|
832
|
+
4: "lg:col-start-4",
|
|
833
|
+
5: "lg:col-start-5",
|
|
834
|
+
6: "lg:col-start-6",
|
|
835
|
+
7: "lg:col-start-7",
|
|
836
|
+
8: "lg:col-start-8",
|
|
837
|
+
9: "lg:col-start-9",
|
|
838
|
+
10: "lg:col-start-10",
|
|
839
|
+
11: "lg:col-start-11",
|
|
840
|
+
12: "lg:col-start-12",
|
|
841
|
+
13: "lg:col-start-13"
|
|
842
|
+
}, Se = {
|
|
843
|
+
1: "xl:col-start-1",
|
|
844
|
+
2: "xl:col-start-2",
|
|
845
|
+
3: "xl:col-start-3",
|
|
846
|
+
4: "xl:col-start-4",
|
|
847
|
+
5: "xl:col-start-5",
|
|
848
|
+
6: "xl:col-start-6",
|
|
849
|
+
7: "xl:col-start-7",
|
|
850
|
+
8: "xl:col-start-8",
|
|
851
|
+
9: "xl:col-start-9",
|
|
852
|
+
10: "xl:col-start-10",
|
|
853
|
+
11: "xl:col-start-11",
|
|
854
|
+
12: "xl:col-start-12",
|
|
855
|
+
13: "xl:col-start-13"
|
|
731
856
|
}, G = ({ children: e, cols: t = 12, gap: n, rowGap: r, colGap: i, as: a = "div", className: o }) => /* @__PURE__ */ u(a, {
|
|
732
|
-
className: (0, w.default)("grid", n !== void 0 &&
|
|
857
|
+
className: (0, w.default)("grid", n !== void 0 && ae[n], r !== void 0 && oe[r], i !== void 0 && se[i], o, ie[t]),
|
|
733
858
|
children: e
|
|
734
859
|
});
|
|
735
860
|
G.displayName = "Grid";
|
|
736
|
-
var K = ({ children: e, span: t, sm: n, md: r, lg: i, xl: a, offset: o, smOffset: s, mdOffset: c, lgOffset: l, xlOffset: d,
|
|
737
|
-
className: (0, w.default)(t &&
|
|
738
|
-
...
|
|
861
|
+
var K = ({ children: e, span: t, sm: n, md: r, lg: i, xl: a, offset: o, smOffset: s, mdOffset: c, lgOffset: l, xlOffset: d, start: f, smStart: p, mdStart: m, lgStart: h, xlStart: g, className: _, ...v }) => /* @__PURE__ */ u("div", {
|
|
862
|
+
className: (0, w.default)(t && ce[t], n && le[n], r && ue[r], i && de[i], a && fe[a], o && pe[o], s && me[s], c && he[c], l && ge[l], d && _e[d], f && ve[f], p && ye[p], m && be[m], h && xe[h], g && Se[g], _),
|
|
863
|
+
...v,
|
|
739
864
|
children: e
|
|
740
865
|
});
|
|
741
866
|
K.displayName = "Col";
|
|
@@ -788,7 +913,7 @@ var q = ({ value: e, onChange: t, min: n = 1, max: r = 999, step: o = 1, disable
|
|
|
788
913
|
disabled: l || !A,
|
|
789
914
|
"aria-label": "Snížit množství",
|
|
790
915
|
tabIndex: -1,
|
|
791
|
-
children: /* @__PURE__ */ u(
|
|
916
|
+
children: /* @__PURE__ */ u(Ce, {})
|
|
792
917
|
}),
|
|
793
918
|
/* @__PURE__ */ u("input", {
|
|
794
919
|
ref: y,
|
|
@@ -813,7 +938,7 @@ var q = ({ value: e, onChange: t, min: n = 1, max: r = 999, step: o = 1, disable
|
|
|
813
938
|
disabled: l || !j,
|
|
814
939
|
"aria-label": "Zvýšit množství",
|
|
815
940
|
tabIndex: -1,
|
|
816
|
-
children: /* @__PURE__ */ u(
|
|
941
|
+
children: /* @__PURE__ */ u(we, {})
|
|
817
942
|
})
|
|
818
943
|
]
|
|
819
944
|
}),
|
|
@@ -825,7 +950,7 @@ var q = ({ value: e, onChange: t, min: n = 1, max: r = 999, step: o = 1, disable
|
|
|
825
950
|
});
|
|
826
951
|
};
|
|
827
952
|
q.displayName = "QuantityInput";
|
|
828
|
-
var
|
|
953
|
+
var Ce = () => /* @__PURE__ */ u("svg", {
|
|
829
954
|
width: "12",
|
|
830
955
|
height: "2",
|
|
831
956
|
viewBox: "0 0 12 2",
|
|
@@ -837,7 +962,7 @@ var _e = () => /* @__PURE__ */ u("svg", {
|
|
|
837
962
|
strokeWidth: "1.5",
|
|
838
963
|
strokeLinecap: "round"
|
|
839
964
|
})
|
|
840
|
-
}),
|
|
965
|
+
}), we = () => /* @__PURE__ */ u("svg", {
|
|
841
966
|
width: "12",
|
|
842
967
|
height: "12",
|
|
843
968
|
viewBox: "0 0 12 12",
|
|
@@ -849,7 +974,7 @@ var _e = () => /* @__PURE__ */ u("svg", {
|
|
|
849
974
|
strokeWidth: "1.5",
|
|
850
975
|
strokeLinecap: "round"
|
|
851
976
|
})
|
|
852
|
-
}), J = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n),
|
|
977
|
+
}), J = (e, t) => Array.from({ length: t - e + 1 }, (t, n) => e + n), Te = (e, t, n) => {
|
|
853
978
|
if (t <= n * 2 + 5) return J(1, t);
|
|
854
979
|
let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
|
|
855
980
|
return !a && o ? [
|
|
@@ -873,7 +998,7 @@ var _e = () => /* @__PURE__ */ u("svg", {
|
|
|
873
998
|
...r,
|
|
874
999
|
children: n
|
|
875
1000
|
}), X = ({ page: e, totalPages: t, onPageChange: n, siblingsCount: r = 1 }) => {
|
|
876
|
-
let i =
|
|
1001
|
+
let i = Te(e, t, r);
|
|
877
1002
|
return /* @__PURE__ */ d("nav", {
|
|
878
1003
|
"aria-label": "Pagination",
|
|
879
1004
|
className: "pagination",
|
|
@@ -951,7 +1076,7 @@ var _e = () => /* @__PURE__ */ u("svg", {
|
|
|
951
1076
|
});
|
|
952
1077
|
//#endregion
|
|
953
1078
|
//#region src/components/common/Carousel/Carousel.tsx
|
|
954
|
-
function
|
|
1079
|
+
function Ee({ src: e, alt: t, children: n, className: r, style: i }) {
|
|
955
1080
|
return /* @__PURE__ */ u("div", {
|
|
956
1081
|
role: t ? "img" : void 0,
|
|
957
1082
|
"aria-label": t,
|
|
@@ -963,7 +1088,7 @@ function be({ src: e, alt: t, children: n, className: r, style: i }) {
|
|
|
963
1088
|
children: n
|
|
964
1089
|
});
|
|
965
1090
|
}
|
|
966
|
-
function
|
|
1091
|
+
function De({ children: n, slidesPerView: a = 1, gap: l = 16, height: f, arrows: p = !0, dots: m = !0, autoPlay: h = !1, autoPlayInterval: g = 4e3, loop: _ = !1, className: v, ...y }) {
|
|
967
1092
|
let b = e.toArray(n), x = b.length, S = _ ? x - 1 : Math.max(0, x - a), C = x > a, [T, E] = c(0), [D, O] = c(!1), k = s(null), A = s(null), j = s(null), M = s(null), N = r((e, t = !0) => {
|
|
968
1093
|
let n = k.current;
|
|
969
1094
|
if (!n) return;
|
|
@@ -1089,7 +1214,7 @@ function Q({ trigger: e, items: t, onSelect: n, getKey: r, renderItem: i }) {
|
|
|
1089
1214
|
})]
|
|
1090
1215
|
});
|
|
1091
1216
|
}
|
|
1092
|
-
function
|
|
1217
|
+
function Oe() {
|
|
1093
1218
|
return /* @__PURE__ */ u("svg", {
|
|
1094
1219
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1095
1220
|
fill: "none",
|
|
@@ -1104,7 +1229,7 @@ function Se() {
|
|
|
1104
1229
|
})
|
|
1105
1230
|
});
|
|
1106
1231
|
}
|
|
1107
|
-
function
|
|
1232
|
+
function ke({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n, cartItemCount: r = 0, onCartClick: i, isLoggedIn: a = !1, customerName: o, onCustomerClick: s, currencies: f = [], selectedCurrency: p, onCurrencyChange: m, locales: h = [], selectedLocale: g, onLocaleChange: _, rightSlot: v }) {
|
|
1108
1233
|
let [y, b] = c(""), x = f.find((e) => e.code === p), S = h.find((e) => e.code === g);
|
|
1109
1234
|
return /* @__PURE__ */ u("header", {
|
|
1110
1235
|
className: "bg-white border-b border-gray-200 sticky top-0 z-40",
|
|
@@ -1127,7 +1252,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
1127
1252
|
onKeyDown: (e) => {
|
|
1128
1253
|
e.key === "Enter" && n?.(y);
|
|
1129
1254
|
},
|
|
1130
|
-
leftIcon: /* @__PURE__ */ u(
|
|
1255
|
+
leftIcon: /* @__PURE__ */ u(Oe, {}),
|
|
1131
1256
|
rightIcon: y ? /* @__PURE__ */ u("button", {
|
|
1132
1257
|
onClick: () => {
|
|
1133
1258
|
b(""), n?.("");
|
|
@@ -1213,7 +1338,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
1213
1338
|
}), o && /* @__PURE__ */ u("span", {
|
|
1214
1339
|
className: "hidden sm:block font-medium max-w-32 truncate",
|
|
1215
1340
|
children: o
|
|
1216
|
-
})] }) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(
|
|
1341
|
+
})] }) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(Ae, { className: "w-5 h-5" }), /* @__PURE__ */ u("span", {
|
|
1217
1342
|
className: "hidden sm:block font-medium",
|
|
1218
1343
|
children: "Přihlásit se"
|
|
1219
1344
|
})] })
|
|
@@ -1223,7 +1348,7 @@ function Ce({ logo: e, searchPlaceholder: t = "Hledat produkty…", onSearch: n,
|
|
|
1223
1348
|
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",
|
|
1224
1349
|
"aria-label": `Cart, ${r} items`,
|
|
1225
1350
|
children: [
|
|
1226
|
-
/* @__PURE__ */ u(
|
|
1351
|
+
/* @__PURE__ */ u(je, { className: "w-5 h-5" }),
|
|
1227
1352
|
/* @__PURE__ */ u("span", {
|
|
1228
1353
|
className: "hidden sm:block font-medium",
|
|
1229
1354
|
children: "Košík"
|
|
@@ -1256,7 +1381,7 @@ function $({ className: e }) {
|
|
|
1256
1381
|
})
|
|
1257
1382
|
});
|
|
1258
1383
|
}
|
|
1259
|
-
function
|
|
1384
|
+
function Ae({ className: e }) {
|
|
1260
1385
|
return /* @__PURE__ */ u("svg", {
|
|
1261
1386
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1262
1387
|
fill: "none",
|
|
@@ -1271,7 +1396,7 @@ function we({ className: e }) {
|
|
|
1271
1396
|
})
|
|
1272
1397
|
});
|
|
1273
1398
|
}
|
|
1274
|
-
function
|
|
1399
|
+
function je({ className: e }) {
|
|
1275
1400
|
return /* @__PURE__ */ u("svg", {
|
|
1276
1401
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1277
1402
|
fill: "none",
|
|
@@ -1288,8 +1413,8 @@ function Te({ className: e }) {
|
|
|
1288
1413
|
}
|
|
1289
1414
|
//#endregion
|
|
1290
1415
|
//#region src/components/CategoryTree/CategoryTree.tsx
|
|
1291
|
-
function
|
|
1292
|
-
let o = e.children && e.children.length > 0, [s, l] = c(a ||
|
|
1416
|
+
function Me({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, defaultExpandAll: a }) {
|
|
1417
|
+
let o = e.children && e.children.length > 0, [s, l] = c(a || Ne(e, t)), f = e.id === t;
|
|
1293
1418
|
return /* @__PURE__ */ d("li", { children: [/* @__PURE__ */ d("div", {
|
|
1294
1419
|
className: [
|
|
1295
1420
|
"group flex items-center gap-1.5 rounded-lg px-2 py-1.5 cursor-pointer select-none",
|
|
@@ -1339,7 +1464,7 @@ function Ee({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, defaul
|
|
|
1339
1464
|
]
|
|
1340
1465
|
}), o && s && /* @__PURE__ */ u("ul", {
|
|
1341
1466
|
role: "group",
|
|
1342
|
-
children: e.children.map((e) => /* @__PURE__ */ u(
|
|
1467
|
+
children: e.children.map((e) => /* @__PURE__ */ u(Me, {
|
|
1343
1468
|
node: e,
|
|
1344
1469
|
activeId: t,
|
|
1345
1470
|
onSelect: n,
|
|
@@ -1349,10 +1474,10 @@ function Ee({ node: e, activeId: t, onSelect: n, showCounts: r, depth: i, defaul
|
|
|
1349
1474
|
}, e.id))
|
|
1350
1475
|
})] });
|
|
1351
1476
|
}
|
|
1352
|
-
function
|
|
1353
|
-
return !t || !e.children ? !1 : e.children.some((e) => e.id === t ||
|
|
1477
|
+
function Ne(e, t) {
|
|
1478
|
+
return !t || !e.children ? !1 : e.children.some((e) => e.id === t || Ne(e, t));
|
|
1354
1479
|
}
|
|
1355
|
-
function
|
|
1480
|
+
function Pe({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defaultExpandAll: i = !1, className: a = "", ...o }) {
|
|
1356
1481
|
let s = (e) => n?.(e);
|
|
1357
1482
|
return /* @__PURE__ */ u("nav", {
|
|
1358
1483
|
"aria-label": "Category navigation",
|
|
@@ -1361,7 +1486,7 @@ function Oe({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defau
|
|
|
1361
1486
|
children: /* @__PURE__ */ u("ul", {
|
|
1362
1487
|
role: "tree",
|
|
1363
1488
|
className: "space-y-0.5",
|
|
1364
|
-
children: e.map((e) => /* @__PURE__ */ u(
|
|
1489
|
+
children: e.map((e) => /* @__PURE__ */ u(Me, {
|
|
1365
1490
|
node: e,
|
|
1366
1491
|
activeId: t,
|
|
1367
1492
|
onSelect: s,
|
|
@@ -1374,7 +1499,7 @@ function Oe({ categories: e, activeId: t, onSelect: n, showCounts: r = !0, defau
|
|
|
1374
1499
|
}
|
|
1375
1500
|
//#endregion
|
|
1376
1501
|
//#region src/components/MegaMenu/MegaMenu.tsx
|
|
1377
|
-
function
|
|
1502
|
+
function Fe({ item: e, onNavigate: t, onClose: n }) {
|
|
1378
1503
|
return e.columns?.length ? /* @__PURE__ */ u("div", {
|
|
1379
1504
|
className: "absolute left-0 right-0 top-full z-50 bg-white border-b border-gray-200 shadow-lg",
|
|
1380
1505
|
children: /* @__PURE__ */ d("div", {
|
|
@@ -1437,7 +1562,7 @@ function ke({ item: e, onNavigate: t, onClose: n }) {
|
|
|
1437
1562
|
})
|
|
1438
1563
|
}) : null;
|
|
1439
1564
|
}
|
|
1440
|
-
function
|
|
1565
|
+
function Ie({ items: e, activeId: t, onNavigate: n }) {
|
|
1441
1566
|
let [r, i] = c(null), a = s(null), o = (e) => {
|
|
1442
1567
|
a.current && clearTimeout(a.current), i(e);
|
|
1443
1568
|
}, l = () => {
|
|
@@ -1500,7 +1625,7 @@ function Ae({ items: e, activeId: t, onNavigate: n }) {
|
|
|
1500
1625
|
}), p?.columns?.length && /* @__PURE__ */ u("div", {
|
|
1501
1626
|
onMouseEnter: f,
|
|
1502
1627
|
onMouseLeave: l,
|
|
1503
|
-
children: /* @__PURE__ */ u(
|
|
1628
|
+
children: /* @__PURE__ */ u(Fe, {
|
|
1504
1629
|
item: p,
|
|
1505
1630
|
onNavigate: (e) => n?.(e),
|
|
1506
1631
|
onClose: () => i(null)
|
|
@@ -1510,7 +1635,7 @@ function Ae({ items: e, activeId: t, onNavigate: n }) {
|
|
|
1510
1635
|
}
|
|
1511
1636
|
//#endregion
|
|
1512
1637
|
//#region src/components/BannerCarousel/BannerCarousel.tsx
|
|
1513
|
-
function
|
|
1638
|
+
function Le({ banners: e, autoPlay: t = !0, autoPlayInterval: n = 5e3, arrows: a = !0, dots: o = !0, className: f = "", aspectRatio: p = "3 / 1" }) {
|
|
1514
1639
|
let [m, h] = c(0), [g, _] = c(!1), v = s(null), y = s(null), b = e.length, x = r((e) => {
|
|
1515
1640
|
h((e % b + b) % b);
|
|
1516
1641
|
}, [b]), S = () => x(m - 1), C = r(() => x(m + 1), [m, x]);
|
|
@@ -1650,7 +1775,7 @@ function je({ banners: e, autoPlay: t = !0, autoPlayInterval: n = 5e3, arrows: a
|
|
|
1650
1775
|
}
|
|
1651
1776
|
//#endregion
|
|
1652
1777
|
//#region src/components/ProductCard/ProductCard.tsx
|
|
1653
|
-
function
|
|
1778
|
+
function Re({ filled: e }) {
|
|
1654
1779
|
return /* @__PURE__ */ u("svg", {
|
|
1655
1780
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1656
1781
|
viewBox: "0 0 24 24",
|
|
@@ -1663,7 +1788,7 @@ function Me({ filled: e }) {
|
|
|
1663
1788
|
})
|
|
1664
1789
|
});
|
|
1665
1790
|
}
|
|
1666
|
-
function
|
|
1791
|
+
function ze({ value: e, count: t }) {
|
|
1667
1792
|
return /* @__PURE__ */ d("div", {
|
|
1668
1793
|
className: "flex items-center gap-1",
|
|
1669
1794
|
children: [/* @__PURE__ */ u("div", {
|
|
@@ -1674,7 +1799,7 @@ function Ne({ value: e, count: t }) {
|
|
|
1674
1799
|
3,
|
|
1675
1800
|
4,
|
|
1676
1801
|
5
|
|
1677
|
-
].map((t) => /* @__PURE__ */ u(
|
|
1802
|
+
].map((t) => /* @__PURE__ */ u(Re, { filled: t <= Math.round(e) }, t))
|
|
1678
1803
|
}), t !== void 0 && /* @__PURE__ */ d("span", {
|
|
1679
1804
|
className: "text-xs text-gray-400",
|
|
1680
1805
|
children: [
|
|
@@ -1685,17 +1810,17 @@ function Ne({ value: e, count: t }) {
|
|
|
1685
1810
|
})]
|
|
1686
1811
|
});
|
|
1687
1812
|
}
|
|
1688
|
-
function
|
|
1813
|
+
function Be(e) {
|
|
1689
1814
|
let t = e.toLowerCase();
|
|
1690
1815
|
return t === "sale" || t === "akce" ? "danger" : t === "new" || t === "nové" ? "primary" : t === "hot" ? "warning" : "default";
|
|
1691
1816
|
}
|
|
1692
|
-
function
|
|
1817
|
+
function Ve(e, t = "Kč") {
|
|
1693
1818
|
return `${e.toLocaleString("cs-CZ")} ${t}`;
|
|
1694
1819
|
}
|
|
1695
|
-
function
|
|
1820
|
+
function He(e, t) {
|
|
1696
1821
|
return Math.round((1 - t / e) * 100);
|
|
1697
1822
|
}
|
|
1698
|
-
function
|
|
1823
|
+
function Ue({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r = !1, onProductClick: i, size: a = "default", className: o = "" }) {
|
|
1699
1824
|
let [s, l] = c(!1), [f, p] = c(!1), m = e.originalPrice !== void 0 && e.originalPrice > e.price;
|
|
1700
1825
|
return /* @__PURE__ */ d("article", {
|
|
1701
1826
|
className: [
|
|
@@ -1720,9 +1845,9 @@ function Le({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1720
1845
|
e.badge && /* @__PURE__ */ u("div", {
|
|
1721
1846
|
className: "absolute top-2 left-2",
|
|
1722
1847
|
children: /* @__PURE__ */ u(M, {
|
|
1723
|
-
variant:
|
|
1848
|
+
variant: Be(e.badge),
|
|
1724
1849
|
size: "sm",
|
|
1725
|
-
children: e.badge === "sale" && m ? `-${
|
|
1850
|
+
children: e.badge === "sale" && m ? `-${He(e.originalPrice, e.price)}%` : e.badge
|
|
1726
1851
|
})
|
|
1727
1852
|
}),
|
|
1728
1853
|
e.inStock === !1 && /* @__PURE__ */ u("div", {
|
|
@@ -1805,7 +1930,7 @@ function Le({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1805
1930
|
className: `font-medium text-gray-900 leading-snug line-clamp-2 group-hover:text-primary-600 transition-colors ${a === "compact" ? "text-xs" : "text-sm"}`,
|
|
1806
1931
|
children: e.name
|
|
1807
1932
|
}),
|
|
1808
|
-
e.rating !== void 0 && /* @__PURE__ */ u(
|
|
1933
|
+
e.rating !== void 0 && /* @__PURE__ */ u(ze, {
|
|
1809
1934
|
value: e.rating,
|
|
1810
1935
|
count: e.reviewCount
|
|
1811
1936
|
}),
|
|
@@ -1813,10 +1938,10 @@ function Le({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1813
1938
|
className: "flex items-baseline gap-2 mt-auto pt-1",
|
|
1814
1939
|
children: [/* @__PURE__ */ u("span", {
|
|
1815
1940
|
className: `font-bold text-gray-900 ${a === "compact" ? "text-base" : "text-lg"}`,
|
|
1816
|
-
children:
|
|
1941
|
+
children: Ve(e.price, e.currency)
|
|
1817
1942
|
}), m && /* @__PURE__ */ u("span", {
|
|
1818
1943
|
className: "text-sm text-gray-400 line-through",
|
|
1819
|
-
children:
|
|
1944
|
+
children: Ve(e.originalPrice, e.currency)
|
|
1820
1945
|
})]
|
|
1821
1946
|
})
|
|
1822
1947
|
]
|
|
@@ -1825,12 +1950,12 @@ function Le({ product: e, onAddToCart: t, onWishlistToggle: n, isWishlisted: r =
|
|
|
1825
1950
|
}
|
|
1826
1951
|
//#endregion
|
|
1827
1952
|
//#region src/components/ProductGrid/ProductGrid.tsx
|
|
1828
|
-
var
|
|
1953
|
+
var We = {
|
|
1829
1954
|
2: "grid-cols-2",
|
|
1830
1955
|
3: "grid-cols-2 md:grid-cols-3",
|
|
1831
1956
|
4: "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4",
|
|
1832
1957
|
5: "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5"
|
|
1833
|
-
},
|
|
1958
|
+
}, Ge = [
|
|
1834
1959
|
{
|
|
1835
1960
|
value: "newest",
|
|
1836
1961
|
label: "Nejnovější"
|
|
@@ -1852,7 +1977,7 @@ var Re = {
|
|
|
1852
1977
|
label: "Bestsellery"
|
|
1853
1978
|
}
|
|
1854
1979
|
];
|
|
1855
|
-
function
|
|
1980
|
+
function Ke() {
|
|
1856
1981
|
return /* @__PURE__ */ d("div", {
|
|
1857
1982
|
className: "rounded-xl border border-gray-100 overflow-hidden animate-pulse",
|
|
1858
1983
|
children: [/* @__PURE__ */ u("div", { className: "aspect-4/3 bg-gray-200" }), /* @__PURE__ */ d("div", {
|
|
@@ -1865,7 +1990,7 @@ function Be() {
|
|
|
1865
1990
|
})]
|
|
1866
1991
|
});
|
|
1867
1992
|
}
|
|
1868
|
-
function
|
|
1993
|
+
function qe({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage: i = 20, columns: a = 4, sortOptions: o = Ge, selectedSort: s, onSortChange: c, activeFilters: l = [], onRemoveFilter: f, onClearFilters: p, loading: m = !1, emptyState: h, onAddToCart: g, onWishlistToggle: _, onProductClick: v, wishlisted: y = [], className: b = "" }) {
|
|
1869
1994
|
let x = t ? Math.ceil(t / i) : void 0, S = a >= 5 ? "compact" : "default";
|
|
1870
1995
|
return /* @__PURE__ */ d("div", {
|
|
1871
1996
|
className: ["w-full", b].filter(Boolean).join(" "),
|
|
@@ -1918,8 +2043,8 @@ function Ve({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1918
2043
|
})]
|
|
1919
2044
|
}),
|
|
1920
2045
|
m ? /* @__PURE__ */ u("div", {
|
|
1921
|
-
className: `grid gap-4 ${
|
|
1922
|
-
children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ u(
|
|
2046
|
+
className: `grid gap-4 ${We[a]}`,
|
|
2047
|
+
children: Array.from({ length: i > 12 ? 12 : i }).map((e, t) => /* @__PURE__ */ u(Ke, {}, t))
|
|
1923
2048
|
}) : e.length === 0 ? /* @__PURE__ */ u("div", {
|
|
1924
2049
|
className: "py-16 text-center",
|
|
1925
2050
|
children: h ?? /* @__PURE__ */ d("div", {
|
|
@@ -1945,8 +2070,8 @@ function Ve({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1945
2070
|
]
|
|
1946
2071
|
})
|
|
1947
2072
|
}) : /* @__PURE__ */ u("div", {
|
|
1948
|
-
className: `grid gap-4 ${
|
|
1949
|
-
children: e.map((e) => /* @__PURE__ */ u(
|
|
2073
|
+
className: `grid gap-4 ${We[a]}`,
|
|
2074
|
+
children: e.map((e) => /* @__PURE__ */ u(Ue, {
|
|
1950
2075
|
product: e,
|
|
1951
2076
|
size: S,
|
|
1952
2077
|
onAddToCart: g,
|
|
@@ -1968,7 +2093,7 @@ function Ve({ products: e, totalCount: t, page: n = 1, onPageChange: r, perPage:
|
|
|
1968
2093
|
}
|
|
1969
2094
|
//#endregion
|
|
1970
2095
|
//#region src/components/common/ProductCarousel/ProductCarousel.tsx
|
|
1971
|
-
function
|
|
2096
|
+
function Je({ children: e, gap: t = 16, scrollStep: n = .8, className: r, ...a }) {
|
|
1972
2097
|
let o = s(null), [l, f] = c(!1), [p, m] = c(!1), h = () => {
|
|
1973
2098
|
let e = o.current;
|
|
1974
2099
|
e && (f(e.scrollLeft > 1), m(e.scrollLeft < e.scrollWidth - e.clientWidth - 1));
|
|
@@ -2016,14 +2141,14 @@ function He({ children: e, gap: t = 16, scrollStep: n = .8, className: r, ...a }
|
|
|
2016
2141
|
}
|
|
2017
2142
|
//#endregion
|
|
2018
2143
|
//#region src/components/CallToAction/CallToAction.tsx
|
|
2019
|
-
var
|
|
2144
|
+
var Ye = {
|
|
2020
2145
|
default: "bg-gray-50 border border-gray-200",
|
|
2021
2146
|
primary: "bg-primary-600",
|
|
2022
2147
|
dark: "bg-gray-900",
|
|
2023
2148
|
gradient: "bg-linear-to-br from-primary-600 via-primary-700 to-violet-700",
|
|
2024
2149
|
outline: "bg-white border-2 border-primary-600",
|
|
2025
2150
|
image: "relative overflow-hidden"
|
|
2026
|
-
},
|
|
2151
|
+
}, Xe = {
|
|
2027
2152
|
default: {
|
|
2028
2153
|
eyebrow: "text-primary-600",
|
|
2029
2154
|
title: "text-gray-900",
|
|
@@ -2054,7 +2179,7 @@ var Ue = {
|
|
|
2054
2179
|
title: "text-white",
|
|
2055
2180
|
description: "text-white/80"
|
|
2056
2181
|
}
|
|
2057
|
-
},
|
|
2182
|
+
}, Ze = {
|
|
2058
2183
|
sm: {
|
|
2059
2184
|
wrapper: "px-6 py-6 rounded-xl",
|
|
2060
2185
|
title: "text-xl font-bold",
|
|
@@ -2079,7 +2204,7 @@ var Ue = {
|
|
|
2079
2204
|
description: "text-xl",
|
|
2080
2205
|
eyebrow: "text-sm"
|
|
2081
2206
|
}
|
|
2082
|
-
},
|
|
2207
|
+
}, Qe = {
|
|
2083
2208
|
left: {
|
|
2084
2209
|
wrapper: "items-start text-left",
|
|
2085
2210
|
actions: "justify-start"
|
|
@@ -2093,8 +2218,8 @@ var Ue = {
|
|
|
2093
2218
|
actions: "justify-end"
|
|
2094
2219
|
}
|
|
2095
2220
|
};
|
|
2096
|
-
function
|
|
2097
|
-
let h =
|
|
2221
|
+
function $e({ eyebrow: e, title: t, description: n, actions: r = [], align: i = "center", layout: a = "stacked", size: o = "md", variant: s = "default", background: c, backgroundImage: l, media: f, className: p = "", style: m }) {
|
|
2222
|
+
let h = Xe[s], g = Ze[o], _ = Qe[i], v = a === "inline", y = {
|
|
2098
2223
|
...c ? { background: c } : {},
|
|
2099
2224
|
...l ? {
|
|
2100
2225
|
backgroundImage: `url(${l})`,
|
|
@@ -2106,7 +2231,7 @@ function qe({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
|
|
|
2106
2231
|
return /* @__PURE__ */ d("div", {
|
|
2107
2232
|
className: [
|
|
2108
2233
|
"w-full",
|
|
2109
|
-
|
|
2234
|
+
Ye[s],
|
|
2110
2235
|
g.wrapper,
|
|
2111
2236
|
p
|
|
2112
2237
|
].filter(Boolean).join(" "),
|
|
@@ -2139,7 +2264,7 @@ function qe({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
|
|
|
2139
2264
|
className: `flex flex-wrap gap-3 ${v ? "shrink-0" : _.actions}`,
|
|
2140
2265
|
children: r.map((e, t) => {
|
|
2141
2266
|
let n = /* @__PURE__ */ u(T, {
|
|
2142
|
-
variant: e.variant ?? (t === 0 ?
|
|
2267
|
+
variant: e.variant ?? (t === 0 ? et(s) : "outline"),
|
|
2143
2268
|
size: e.size ?? (o === "sm" ? "sm" : o === "xl" ? "lg" : "md"),
|
|
2144
2269
|
onClick: e.onClick,
|
|
2145
2270
|
children: e.label
|
|
@@ -2155,12 +2280,12 @@ function qe({ eyebrow: e, title: t, description: n, actions: r = [], align: i =
|
|
|
2155
2280
|
})]
|
|
2156
2281
|
});
|
|
2157
2282
|
}
|
|
2158
|
-
function
|
|
2283
|
+
function et(e) {
|
|
2159
2284
|
return e === "default" || e === "outline" ? "primary" : "secondary";
|
|
2160
2285
|
}
|
|
2161
2286
|
//#endregion
|
|
2162
2287
|
//#region src/components/Footer/Footer.tsx
|
|
2163
|
-
function
|
|
2288
|
+
function tt() {
|
|
2164
2289
|
return /* @__PURE__ */ u("svg", {
|
|
2165
2290
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2166
2291
|
fill: "none",
|
|
@@ -2175,7 +2300,7 @@ function Ye() {
|
|
|
2175
2300
|
})
|
|
2176
2301
|
});
|
|
2177
2302
|
}
|
|
2178
|
-
function
|
|
2303
|
+
function nt() {
|
|
2179
2304
|
return /* @__PURE__ */ u("svg", {
|
|
2180
2305
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2181
2306
|
fill: "none",
|
|
@@ -2190,7 +2315,7 @@ function Xe() {
|
|
|
2190
2315
|
})
|
|
2191
2316
|
});
|
|
2192
2317
|
}
|
|
2193
|
-
function
|
|
2318
|
+
function rt() {
|
|
2194
2319
|
return /* @__PURE__ */ d("svg", {
|
|
2195
2320
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2196
2321
|
fill: "none",
|
|
@@ -2209,7 +2334,7 @@ function Ze() {
|
|
|
2209
2334
|
})]
|
|
2210
2335
|
});
|
|
2211
2336
|
}
|
|
2212
|
-
function
|
|
2337
|
+
function it() {
|
|
2213
2338
|
return /* @__PURE__ */ u("svg", {
|
|
2214
2339
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2215
2340
|
fill: "none",
|
|
@@ -2224,7 +2349,7 @@ function Qe() {
|
|
|
2224
2349
|
})
|
|
2225
2350
|
});
|
|
2226
2351
|
}
|
|
2227
|
-
function
|
|
2352
|
+
function at() {
|
|
2228
2353
|
return /* @__PURE__ */ u("svg", {
|
|
2229
2354
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2230
2355
|
viewBox: "0 0 24 24",
|
|
@@ -2233,7 +2358,7 @@ function $e() {
|
|
|
2233
2358
|
children: /* @__PURE__ */ u("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" })
|
|
2234
2359
|
});
|
|
2235
2360
|
}
|
|
2236
|
-
function
|
|
2361
|
+
function ot() {
|
|
2237
2362
|
return /* @__PURE__ */ u("svg", {
|
|
2238
2363
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2239
2364
|
viewBox: "0 0 24 24",
|
|
@@ -2242,7 +2367,7 @@ function et() {
|
|
|
2242
2367
|
children: /* @__PURE__ */ u("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" })
|
|
2243
2368
|
});
|
|
2244
2369
|
}
|
|
2245
|
-
function
|
|
2370
|
+
function st() {
|
|
2246
2371
|
return /* @__PURE__ */ u("svg", {
|
|
2247
2372
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2248
2373
|
viewBox: "0 0 24 24",
|
|
@@ -2251,7 +2376,7 @@ function tt() {
|
|
|
2251
2376
|
children: /* @__PURE__ */ u("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" })
|
|
2252
2377
|
});
|
|
2253
2378
|
}
|
|
2254
|
-
function
|
|
2379
|
+
function ct() {
|
|
2255
2380
|
return /* @__PURE__ */ u("svg", {
|
|
2256
2381
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2257
2382
|
viewBox: "0 0 24 24",
|
|
@@ -2260,7 +2385,7 @@ function nt() {
|
|
|
2260
2385
|
children: /* @__PURE__ */ u("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" })
|
|
2261
2386
|
});
|
|
2262
2387
|
}
|
|
2263
|
-
function
|
|
2388
|
+
function lt() {
|
|
2264
2389
|
return /* @__PURE__ */ u("svg", {
|
|
2265
2390
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2266
2391
|
viewBox: "0 0 24 24",
|
|
@@ -2269,34 +2394,34 @@ function rt() {
|
|
|
2269
2394
|
children: /* @__PURE__ */ u("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" })
|
|
2270
2395
|
});
|
|
2271
2396
|
}
|
|
2272
|
-
var
|
|
2273
|
-
facebook:
|
|
2274
|
-
instagram:
|
|
2275
|
-
twitter:
|
|
2276
|
-
youtube:
|
|
2277
|
-
tiktok:
|
|
2278
|
-
},
|
|
2279
|
-
phone:
|
|
2280
|
-
email:
|
|
2281
|
-
address:
|
|
2282
|
-
hours:
|
|
2397
|
+
var ut = {
|
|
2398
|
+
facebook: at,
|
|
2399
|
+
instagram: ot,
|
|
2400
|
+
twitter: st,
|
|
2401
|
+
youtube: ct,
|
|
2402
|
+
tiktok: lt
|
|
2403
|
+
}, dt = {
|
|
2404
|
+
phone: tt,
|
|
2405
|
+
email: nt,
|
|
2406
|
+
address: rt,
|
|
2407
|
+
hours: it
|
|
2283
2408
|
};
|
|
2284
|
-
function
|
|
2409
|
+
function ft(e) {
|
|
2285
2410
|
if (!e) return null;
|
|
2286
2411
|
if (typeof e == "string") {
|
|
2287
|
-
let t =
|
|
2412
|
+
let t = dt[e];
|
|
2288
2413
|
return t ? /* @__PURE__ */ u(t, {}) : null;
|
|
2289
2414
|
}
|
|
2290
2415
|
return e;
|
|
2291
2416
|
}
|
|
2292
|
-
function
|
|
2417
|
+
function pt(e) {
|
|
2293
2418
|
if (typeof e == "string") {
|
|
2294
|
-
let t =
|
|
2419
|
+
let t = ut[e];
|
|
2295
2420
|
return t ? /* @__PURE__ */ u(t, {}) : null;
|
|
2296
2421
|
}
|
|
2297
2422
|
return e;
|
|
2298
2423
|
}
|
|
2299
|
-
function
|
|
2424
|
+
function mt({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r = [], linkGroups: i = [], socialLinks: a = [], copyright: o, bottomLinks: s = [], className: c = "" }) {
|
|
2300
2425
|
let l = (/* @__PURE__ */ new Date()).getFullYear();
|
|
2301
2426
|
return /* @__PURE__ */ u("footer", {
|
|
2302
2427
|
className: ["bg-gray-900 text-gray-300", c].filter(Boolean).join(" "),
|
|
@@ -2321,7 +2446,7 @@ function ct({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
|
|
|
2321
2446
|
}), /* @__PURE__ */ u("ul", {
|
|
2322
2447
|
className: "space-y-3",
|
|
2323
2448
|
children: r.map((e, t) => {
|
|
2324
|
-
let n =
|
|
2449
|
+
let n = ft(e.icon), r = /* @__PURE__ */ d("div", {
|
|
2325
2450
|
className: "flex items-start gap-2.5",
|
|
2326
2451
|
children: [n && /* @__PURE__ */ u("span", {
|
|
2327
2452
|
className: "mt-0.5 text-primary-400",
|
|
@@ -2346,7 +2471,7 @@ function ct({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
|
|
|
2346
2471
|
href: e.href,
|
|
2347
2472
|
"aria-label": e.label,
|
|
2348
2473
|
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",
|
|
2349
|
-
children:
|
|
2474
|
+
children: pt(e.icon)
|
|
2350
2475
|
}, t))
|
|
2351
2476
|
})
|
|
2352
2477
|
]
|
|
@@ -2392,6 +2517,6 @@ function ct({ logo: e, tagline: t, contactHeading: n = "Kontakty", contacts: r =
|
|
|
2392
2517
|
});
|
|
2393
2518
|
}
|
|
2394
2519
|
//#endregion
|
|
2395
|
-
export {
|
|
2520
|
+
export { V as Alert, ne as Avatar, M as Badge, Le as BannerCarousel, T as Button, $e as CallToAction, F as Card, L as CardBody, R as CardFooter, I as CardHeader, De as Carousel, Ee as CarouselCover, Pe as CategoryTree, H as Checkbox, K as Col, S as Container, N as Dropdown, mt as Footer, G as Grid, ke as Header, A as Heading, D as IconButton, O as Input, E as LoadingSpin, C as Main, Ie as MegaMenu, te as Modal, X as Pagination, Ue as ProductCard, Je as ProductCarousel, qe as ProductGrid, q as QuantityInput, k as Select, z as Spinner, re as Stack, j as Text, U as Toggle };
|
|
2396
2521
|
|
|
2397
2522
|
//# sourceMappingURL=index.js.map
|