@pmax-lt/ui-react 0.1.0 → 0.2.0
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/README.md +0 -1
- package/dist/components/Logo.d.ts +8 -7
- package/dist/index.js +459 -418
- package/dist/index.js.map +1 -1
- package/dist/pmax-ui-react.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -196,16 +196,16 @@ var w = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, T = v, E = (e
|
|
|
196
196
|
] : e;
|
|
197
197
|
}, []), n?.class, n?.className);
|
|
198
198
|
}, D = {
|
|
199
|
-
base: "
|
|
200
|
-
sm: "
|
|
201
|
-
md: "
|
|
202
|
-
fullWidth: "
|
|
203
|
-
primary: "
|
|
204
|
-
secondary: "
|
|
205
|
-
tertiary: "
|
|
206
|
-
outline: "
|
|
207
|
-
spinner: "
|
|
208
|
-
spin: "
|
|
199
|
+
base: "_base_1dffa_1 _focusRing_svxew_10",
|
|
200
|
+
sm: "_sm_1dffa_32",
|
|
201
|
+
md: "_md_1dffa_38",
|
|
202
|
+
fullWidth: "_fullWidth_1dffa_44",
|
|
203
|
+
primary: "_primary_1dffa_48",
|
|
204
|
+
secondary: "_secondary_1dffa_59",
|
|
205
|
+
tertiary: "_tertiary_1dffa_68",
|
|
206
|
+
outline: "_outline_1dffa_78",
|
|
207
|
+
spinner: "_spinner_1dffa_88",
|
|
208
|
+
spin: "_spin_1dffa_88"
|
|
209
209
|
}, O = E(D.base, {
|
|
210
210
|
variants: {
|
|
211
211
|
variant: {
|
|
@@ -247,15 +247,15 @@ var w = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, T = v, E = (e
|
|
|
247
247
|
]
|
|
248
248
|
});
|
|
249
249
|
}), A = {
|
|
250
|
-
base: "
|
|
251
|
-
sm: "
|
|
252
|
-
md: "
|
|
253
|
-
lg: "
|
|
254
|
-
yellow: "
|
|
255
|
-
ink: "
|
|
256
|
-
ghost: "
|
|
257
|
-
outline: "
|
|
258
|
-
badge: "
|
|
250
|
+
base: "_base_h9jq9_1 _focusRing_svxew_10",
|
|
251
|
+
sm: "_sm_h9jq9_26",
|
|
252
|
+
md: "_md_h9jq9_31",
|
|
253
|
+
lg: "_lg_h9jq9_36",
|
|
254
|
+
yellow: "_yellow_h9jq9_41",
|
|
255
|
+
ink: "_ink_h9jq9_50",
|
|
256
|
+
ghost: "_ghost_h9jq9_59",
|
|
257
|
+
outline: "_outline_h9jq9_68",
|
|
258
|
+
badge: "_badge_h9jq9_78"
|
|
259
259
|
}, j = E(A.base, {
|
|
260
260
|
variants: {
|
|
261
261
|
variant: {
|
|
@@ -278,7 +278,7 @@ var w = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, T = v, E = (e
|
|
|
278
278
|
sm: 16,
|
|
279
279
|
md: 20,
|
|
280
280
|
lg: 24
|
|
281
|
-
},
|
|
281
|
+
}, ee = o(function({ as: e = "button", icon: r, label: i, variant: a, size: o = "md", badge: s, className: c, ...l }, u) {
|
|
282
282
|
return /* @__PURE__ */ n(e, {
|
|
283
283
|
ref: u,
|
|
284
284
|
type: e === "button" ? "button" : void 0,
|
|
@@ -297,27 +297,27 @@ var w = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, T = v, E = (e
|
|
|
297
297
|
children: s
|
|
298
298
|
})]
|
|
299
299
|
});
|
|
300
|
-
}),
|
|
300
|
+
}), N = {
|
|
301
301
|
base: "_base_1cws8_1",
|
|
302
302
|
ink: "_ink_1cws8_15",
|
|
303
303
|
subtle: "_subtle_1cws8_20"
|
|
304
304
|
};
|
|
305
305
|
//#endregion
|
|
306
306
|
//#region src/primitives/CountPill.tsx
|
|
307
|
-
function
|
|
307
|
+
function P({ value: e, tone: n = "ink", className: r }) {
|
|
308
308
|
let i = e > 999 ? "999+" : String(e);
|
|
309
309
|
return /* @__PURE__ */ t("span", {
|
|
310
310
|
"data-pmax": "count-pill",
|
|
311
|
-
className: v(
|
|
311
|
+
className: v(N.base, n === "subtle" ? N.subtle : N.ink, r),
|
|
312
312
|
children: i
|
|
313
313
|
});
|
|
314
314
|
}
|
|
315
315
|
var F = {
|
|
316
|
-
label: "
|
|
317
|
-
rest: "
|
|
318
|
-
selected: "
|
|
319
|
-
disabled: "
|
|
320
|
-
input: "
|
|
316
|
+
label: "_label_c8aqy_1 _focusRing_svxew_10",
|
|
317
|
+
rest: "_rest_c8aqy_24 _stateRest_svxew_27 _stateHover_svxew_33",
|
|
318
|
+
selected: "_selected_c8aqy_29 _stateSelected_svxew_38",
|
|
319
|
+
disabled: "_disabled_c8aqy_33",
|
|
320
|
+
input: "_input_c8aqy_38"
|
|
321
321
|
};
|
|
322
322
|
//#endregion
|
|
323
323
|
//#region src/primitives/Chip.tsx
|
|
@@ -337,7 +337,7 @@ function te({ selected: e, onToggle: r, count: i, disabled: a, type: o = "checkb
|
|
|
337
337
|
...d
|
|
338
338
|
}),
|
|
339
339
|
s,
|
|
340
|
-
i === void 0 ? null : /* @__PURE__ */ t(
|
|
340
|
+
i === void 0 ? null : /* @__PURE__ */ t(P, {
|
|
341
341
|
value: i,
|
|
342
342
|
tone: e ? "subtle" : "ink"
|
|
343
343
|
})
|
|
@@ -363,12 +363,12 @@ function re({ icon: e, tone: r = "yellow", children: i, className: a }) {
|
|
|
363
363
|
});
|
|
364
364
|
}
|
|
365
365
|
var ie = {
|
|
366
|
-
wrap: "
|
|
367
|
-
sm: "
|
|
368
|
-
invalid: "
|
|
369
|
-
disabled: "
|
|
370
|
-
field: "
|
|
371
|
-
affix: "
|
|
366
|
+
wrap: "_wrap_b731x_1 _focusRing_svxew_10",
|
|
367
|
+
sm: "_sm_b731x_29",
|
|
368
|
+
invalid: "_invalid_b731x_33",
|
|
369
|
+
disabled: "_disabled_b731x_37",
|
|
370
|
+
field: "_field_b731x_41",
|
|
371
|
+
affix: "_affix_b731x_56"
|
|
372
372
|
}, ae = o(function({ prefix: e, suffix: r, invalid: i, size: a = "md", disabled: o, className: s, wrapperClassName: c, ...l }, u) {
|
|
373
373
|
return /* @__PURE__ */ n("span", {
|
|
374
374
|
"data-pmax": "input",
|
|
@@ -392,12 +392,12 @@ var ie = {
|
|
|
392
392
|
]
|
|
393
393
|
});
|
|
394
394
|
}), oe = {
|
|
395
|
-
root: "
|
|
396
|
-
wrap: "
|
|
397
|
-
field: "
|
|
398
|
-
submit: "
|
|
399
|
-
results: "
|
|
400
|
-
resultItem: "
|
|
395
|
+
root: "_root_riqyo_1",
|
|
396
|
+
wrap: "_wrap_riqyo_6 _focusRing_svxew_10",
|
|
397
|
+
field: "_field_riqyo_33",
|
|
398
|
+
submit: "_submit_riqyo_48",
|
|
399
|
+
results: "_results_riqyo_62",
|
|
400
|
+
resultItem: "_resultItem_riqyo_75"
|
|
401
401
|
};
|
|
402
402
|
//#endregion
|
|
403
403
|
//#region src/primitives/SearchField.tsx
|
|
@@ -1096,8 +1096,10 @@ function Dt(e) {
|
|
|
1096
1096
|
}
|
|
1097
1097
|
dt(Dt, "getState");
|
|
1098
1098
|
var Ot = {
|
|
1099
|
-
root: "
|
|
1100
|
-
|
|
1099
|
+
root: "_root_68evb_1 _focusRing_svxew_10",
|
|
1100
|
+
indicator: "_indicator_68evb_25",
|
|
1101
|
+
"check-pop": "_check-pop_68evb_1",
|
|
1102
|
+
label: "_label_68evb_41"
|
|
1101
1103
|
};
|
|
1102
1104
|
//#endregion
|
|
1103
1105
|
//#region src/primitives/Checkbox.tsx
|
|
@@ -1112,10 +1114,13 @@ function kt({ checked: e, onCheckedChange: r, label: i, disabled: a }) {
|
|
|
1112
1114
|
checked: e,
|
|
1113
1115
|
disabled: a,
|
|
1114
1116
|
onCheckedChange: r,
|
|
1115
|
-
children: /* @__PURE__ */ t(St, {
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1117
|
+
children: /* @__PURE__ */ t(St, {
|
|
1118
|
+
className: Ot.indicator,
|
|
1119
|
+
children: /* @__PURE__ */ t(g, {
|
|
1120
|
+
name: e === "indeterminate" ? "minus" : "check-circle",
|
|
1121
|
+
size: 14
|
|
1122
|
+
})
|
|
1123
|
+
})
|
|
1119
1124
|
}), /* @__PURE__ */ t("label", {
|
|
1120
1125
|
htmlFor: o,
|
|
1121
1126
|
children: i
|
|
@@ -1978,10 +1983,10 @@ function Vn(e) {
|
|
|
1978
1983
|
}
|
|
1979
1984
|
W(Vn, "isFunction");
|
|
1980
1985
|
var Hn = {
|
|
1981
|
-
root: "
|
|
1982
|
-
track: "
|
|
1983
|
-
range: "
|
|
1984
|
-
thumb: "
|
|
1986
|
+
root: "_root_108xf_1",
|
|
1987
|
+
track: "_track_108xf_10",
|
|
1988
|
+
range: "_range_108xf_18",
|
|
1989
|
+
thumb: "_thumb_108xf_25 _focusRing_svxew_10"
|
|
1985
1990
|
};
|
|
1986
1991
|
//#endregion
|
|
1987
1992
|
//#region src/primitives/RangeSlider.tsx
|
|
@@ -3328,26 +3333,26 @@ function Na(e) {
|
|
|
3328
3333
|
O,
|
|
3329
3334
|
D
|
|
3330
3335
|
]);
|
|
3331
|
-
let
|
|
3336
|
+
let ee = r.useMemo(() => ({
|
|
3332
3337
|
reference: w,
|
|
3333
3338
|
floating: T,
|
|
3334
3339
|
setReference: b,
|
|
3335
3340
|
setFloating: x
|
|
3336
|
-
}), [b, x]),
|
|
3341
|
+
}), [b, x]), N = r.useMemo(() => ({
|
|
3337
3342
|
reference: S,
|
|
3338
3343
|
floating: C
|
|
3339
|
-
}), [S, C]),
|
|
3344
|
+
}), [S, C]), P = r.useMemo(() => {
|
|
3340
3345
|
let e = {
|
|
3341
3346
|
position: n,
|
|
3342
3347
|
left: 0,
|
|
3343
3348
|
top: 0
|
|
3344
3349
|
};
|
|
3345
|
-
if (!
|
|
3346
|
-
let t = ja(
|
|
3350
|
+
if (!N.floating) return e;
|
|
3351
|
+
let t = ja(N.floating, d.x), r = ja(N.floating, d.y);
|
|
3347
3352
|
return c ? {
|
|
3348
3353
|
...e,
|
|
3349
3354
|
transform: "translate(" + t + "px, " + r + "px)",
|
|
3350
|
-
...Aa(
|
|
3355
|
+
...Aa(N.floating) >= 1.5 && { willChange: "transform" }
|
|
3351
3356
|
} : {
|
|
3352
3357
|
position: n,
|
|
3353
3358
|
left: t,
|
|
@@ -3356,22 +3361,22 @@ function Na(e) {
|
|
|
3356
3361
|
}, [
|
|
3357
3362
|
n,
|
|
3358
3363
|
c,
|
|
3359
|
-
|
|
3364
|
+
N.floating,
|
|
3360
3365
|
d.x,
|
|
3361
3366
|
d.y
|
|
3362
3367
|
]);
|
|
3363
3368
|
return r.useMemo(() => ({
|
|
3364
3369
|
...d,
|
|
3365
3370
|
update: j,
|
|
3366
|
-
refs:
|
|
3367
|
-
elements:
|
|
3368
|
-
floatingStyles:
|
|
3371
|
+
refs: ee,
|
|
3372
|
+
elements: N,
|
|
3373
|
+
floatingStyles: P
|
|
3369
3374
|
}), [
|
|
3370
3375
|
d,
|
|
3371
3376
|
j,
|
|
3377
|
+
ee,
|
|
3372
3378
|
N,
|
|
3373
|
-
P
|
|
3374
|
-
ee
|
|
3379
|
+
P
|
|
3375
3380
|
]);
|
|
3376
3381
|
}
|
|
3377
3382
|
var Pa = (e) => {
|
|
@@ -3477,7 +3482,7 @@ var Pa = (e) => {
|
|
|
3477
3482
|
padding: O,
|
|
3478
3483
|
boundary: k.filter(no),
|
|
3479
3484
|
altBoundary: A
|
|
3480
|
-
}, { refs: M, floatingStyles:
|
|
3485
|
+
}, { refs: M, floatingStyles: ee, placement: N, isPositioned: P, middlewareData: F } = Na({
|
|
3481
3486
|
strategy: "fixed",
|
|
3482
3487
|
placement: D,
|
|
3483
3488
|
whileElementsMounted: /* @__PURE__ */ Ua((...e) => ya(...e, { animationFrame: h === "always" }), "whileElementsMounted"),
|
|
@@ -3516,13 +3521,13 @@ var Pa = (e) => {
|
|
|
3516
3521
|
})
|
|
3517
3522
|
]
|
|
3518
3523
|
}), te = v.setPlacementState;
|
|
3519
|
-
B(() => (te(
|
|
3524
|
+
B(() => (te(N), () => {
|
|
3520
3525
|
te(void 0);
|
|
3521
|
-
}), [
|
|
3522
|
-
let [ne, re] = io(
|
|
3526
|
+
}), [N, te]);
|
|
3527
|
+
let [ne, re] = io(N), ie = Kn(g);
|
|
3523
3528
|
B(() => {
|
|
3524
|
-
|
|
3525
|
-
}, [
|
|
3529
|
+
P && ie?.();
|
|
3530
|
+
}, [P, ie]);
|
|
3526
3531
|
let ae = F.arrow?.x, oe = F.arrow?.y, se = F.arrow?.centerOffset !== 0, [ce, le] = r.useState();
|
|
3527
3532
|
return B(() => {
|
|
3528
3533
|
y && le(window.getComputedStyle(y).zIndex);
|
|
@@ -3530,8 +3535,8 @@ var Pa = (e) => {
|
|
|
3530
3535
|
ref: M.setFloating,
|
|
3531
3536
|
"data-radix-popper-content-wrapper": "",
|
|
3532
3537
|
style: {
|
|
3533
|
-
...
|
|
3534
|
-
transform:
|
|
3538
|
+
...ee,
|
|
3539
|
+
transform: P ? ee.transform : "translate(0, -200%)",
|
|
3535
3540
|
minWidth: "max-content",
|
|
3536
3541
|
zIndex: ce,
|
|
3537
3542
|
"--radix-popper-transform-origin": [F.transformOrigin?.x, F.transformOrigin?.y].join(" "),
|
|
@@ -3556,7 +3561,7 @@ var Pa = (e) => {
|
|
|
3556
3561
|
ref: x,
|
|
3557
3562
|
style: {
|
|
3558
3563
|
..._.style,
|
|
3559
|
-
animation:
|
|
3564
|
+
animation: P ? _.style?.animation : "none"
|
|
3560
3565
|
}
|
|
3561
3566
|
})
|
|
3562
3567
|
})
|
|
@@ -4422,10 +4427,10 @@ var uc = "Menu", [dc, fc, pc] = /* @__PURE__ */ Vt(uc), [mc, hc] = /* @__PURE__
|
|
|
4422
4427
|
onDismiss: () => r.onOpenChange(!1)
|
|
4423
4428
|
});
|
|
4424
4429
|
}, "MenuRootContentNonModal")), Pc = /* @__PURE__ */ Je("MenuContent.ScrollLock"), Fc = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ X(function(e, n) {
|
|
4425
|
-
let { __scopeMenu: i, loop: a = !1, trapFocus: o, onOpenAutoFocus: s, onCloseAutoFocus: c, disableOutsidePointerEvents: l, onEntryFocus: u, onEscapeKeyDown: d, onPointerDownOutside: f, onFocusOutside: p, onInteractOutside: m, onDismiss: h, disableOutsideScroll: g, ..._ } = e, v = yc(Oc, i), y = xc(Oc, i), b = gc(i), x = _c(i), S = fc(i), [C, w] = r.useState(null), T = r.useRef(null), E = I(n, T, v.onContentChange), D = r.useRef(0), O = r.useRef(""), k = r.useRef(0), A = r.useRef(null), j = r.useRef("right"), M = r.useRef(0),
|
|
4430
|
+
let { __scopeMenu: i, loop: a = !1, trapFocus: o, onOpenAutoFocus: s, onCloseAutoFocus: c, disableOutsidePointerEvents: l, onEntryFocus: u, onEscapeKeyDown: d, onPointerDownOutside: f, onFocusOutside: p, onInteractOutside: m, onDismiss: h, disableOutsideScroll: g, ..._ } = e, v = yc(Oc, i), y = xc(Oc, i), b = gc(i), x = _c(i), S = fc(i), [C, w] = r.useState(null), T = r.useRef(null), E = I(n, T, v.onContentChange), D = r.useRef(0), O = r.useRef(""), k = r.useRef(0), A = r.useRef(null), j = r.useRef("right"), M = r.useRef(0), ee = g ? ic : r.Fragment, N = g ? {
|
|
4426
4431
|
as: Pc,
|
|
4427
4432
|
allowPinchZoom: !0
|
|
4428
|
-
} : void 0,
|
|
4433
|
+
} : void 0, P = /* @__PURE__ */ X((e) => {
|
|
4429
4434
|
let t = O.current + e, n = S().filter((e) => !e.disabled), r = document.activeElement, i = n.find((e) => e.ref.current === r)?.textValue, a = Qc(n.map((e) => e.textValue), t, i), o = n.find((e) => e.textValue === a)?.ref.current;
|
|
4430
4435
|
(/* @__PURE__ */ X((function e(t) {
|
|
4431
4436
|
O.current = t, window.clearTimeout(D.current), t !== "" && (D.current = window.setTimeout(() => e(""), 1e3));
|
|
@@ -4449,8 +4454,8 @@ var uc = "Menu", [dc, fc, pc] = /* @__PURE__ */ Vt(uc), [mc, hc] = /* @__PURE__
|
|
|
4449
4454
|
onPointerGraceIntentChange: r.useCallback((e) => {
|
|
4450
4455
|
A.current = e;
|
|
4451
4456
|
}, []),
|
|
4452
|
-
children: /* @__PURE__ */ t(
|
|
4453
|
-
...
|
|
4457
|
+
children: /* @__PURE__ */ t(ee, {
|
|
4458
|
+
...N,
|
|
4454
4459
|
children: /* @__PURE__ */ t(_r, {
|
|
4455
4460
|
asChild: !0,
|
|
4456
4461
|
trapped: o,
|
|
@@ -4493,7 +4498,7 @@ var uc = "Menu", [dc, fc, pc] = /* @__PURE__ */ Vt(uc), [mc, hc] = /* @__PURE__
|
|
|
4493
4498
|
},
|
|
4494
4499
|
onKeyDown: z(_.onKeyDown, (e) => {
|
|
4495
4500
|
let t = e.target.closest("[data-radix-menu-content]") === e.currentTarget, n = e.ctrlKey || e.altKey || e.metaKey, r = e.key.length === 1;
|
|
4496
|
-
t && (e.key === "Tab" && e.preventDefault(), !n && r &&
|
|
4501
|
+
t && (e.key === "Tab" && e.preventDefault(), !n && r && P(e.key));
|
|
4497
4502
|
let i = T.current;
|
|
4498
4503
|
if (e.target !== i || !lc.includes(e.key)) return;
|
|
4499
4504
|
e.preventDefault();
|
|
@@ -4731,11 +4736,11 @@ var nl = Sc, rl = Cc, il = Dc, al = jc, ol = Bc, sl = Object.defineProperty, cl
|
|
|
4731
4736
|
ref: n
|
|
4732
4737
|
});
|
|
4733
4738
|
}, "DropdownMenuCheckboxItem")), Sl = hl, Cl = _l, wl = vl, Tl = bl, El = xl, Dl = {
|
|
4734
|
-
trigger: "
|
|
4735
|
-
sm: "
|
|
4736
|
-
chevron: "
|
|
4737
|
-
content: "
|
|
4738
|
-
item: "
|
|
4739
|
+
trigger: "_trigger_1lpyz_1 _focusRing_svxew_10",
|
|
4740
|
+
sm: "_sm_1lpyz_29",
|
|
4741
|
+
chevron: "_chevron_1lpyz_33",
|
|
4742
|
+
content: "_content_1lpyz_41",
|
|
4743
|
+
item: "_item_1lpyz_51"
|
|
4739
4744
|
};
|
|
4740
4745
|
//#endregion
|
|
4741
4746
|
//#region src/primitives/Select.tsx
|
|
@@ -4762,7 +4767,7 @@ function Ol({ options: e, value: r, onChange: i, size: a = "md", triggerLabel: o
|
|
|
4762
4767
|
}) })] });
|
|
4763
4768
|
}
|
|
4764
4769
|
var kl = {
|
|
4765
|
-
base: "_base_1bycs_1
|
|
4770
|
+
base: "_base_1bycs_1 _focusRing_svxew_10",
|
|
4766
4771
|
expanded: "_expanded_1bycs_27",
|
|
4767
4772
|
sm: "_sm_1bycs_34",
|
|
4768
4773
|
md: "_md_1bycs_39"
|
|
@@ -5040,7 +5045,7 @@ Z(Cu, "getState");
|
|
|
5040
5045
|
var wu = ru, Tu = gu, Eu = vu, Du = bu, Ou = Su, ku = {
|
|
5041
5046
|
item: "_item_1n84i_1",
|
|
5042
5047
|
header: "_header_1n84i_5",
|
|
5043
|
-
trigger: "_trigger_1n84i_9
|
|
5048
|
+
trigger: "_trigger_1n84i_9 _focusRing_svxew_10",
|
|
5044
5049
|
chevron: "_chevron_1n84i_27",
|
|
5045
5050
|
content: "_content_1n84i_35",
|
|
5046
5051
|
open: "_open_1n84i_1",
|
|
@@ -5167,8 +5172,8 @@ function Lu({ open: e, onClose: n, blur: r }) {
|
|
|
5167
5172
|
}) : null;
|
|
5168
5173
|
}
|
|
5169
5174
|
var Ru = {
|
|
5170
|
-
bar: "
|
|
5171
|
-
dismiss: "
|
|
5175
|
+
bar: "_bar_117dx_1",
|
|
5176
|
+
dismiss: "_dismiss_117dx_18 _focusRing_svxew_10"
|
|
5172
5177
|
};
|
|
5173
5178
|
//#endregion
|
|
5174
5179
|
//#region src/components/AnnouncementBar.tsx
|
|
@@ -5206,40 +5211,57 @@ function zu({ message: e, icon: r, dismissible: i, onDismiss: a, storageKey: o }
|
|
|
5206
5211
|
]
|
|
5207
5212
|
});
|
|
5208
5213
|
}
|
|
5209
|
-
var Bu = {
|
|
5210
|
-
|
|
5211
|
-
|
|
5212
|
-
|
|
5213
|
-
v3: "_v3_i17hj_18",
|
|
5214
|
-
symbol: "_symbol_i17hj_25"
|
|
5215
|
-
};
|
|
5216
|
-
//#endregion
|
|
5217
|
-
//#region src/components/Logo.tsx
|
|
5218
|
-
function Vu({ variant: e = "v1", height: r = 32, as: i, className: a }) {
|
|
5219
|
-
let o = i ?? "span";
|
|
5220
|
-
return e === "symbol" ? /* @__PURE__ */ t(o, {
|
|
5214
|
+
var Bu = { mark: "_mark_1q4lp_1" }, Vu = 594, Hu = 157;
|
|
5215
|
+
function Uu({ height: e = 32, as: r, className: i, style: a }) {
|
|
5216
|
+
let o = r ?? "span", s = u();
|
|
5217
|
+
return /* @__PURE__ */ t(o, {
|
|
5221
5218
|
"data-pmax": "logo",
|
|
5222
|
-
className: v(Bu.
|
|
5219
|
+
className: v(Bu.mark, i),
|
|
5223
5220
|
style: {
|
|
5224
|
-
height:
|
|
5225
|
-
|
|
5221
|
+
height: e,
|
|
5222
|
+
...a
|
|
5226
5223
|
},
|
|
5227
|
-
|
|
5228
|
-
|
|
5229
|
-
|
|
5230
|
-
|
|
5231
|
-
|
|
5232
|
-
|
|
5233
|
-
|
|
5234
|
-
|
|
5235
|
-
|
|
5236
|
-
|
|
5237
|
-
|
|
5224
|
+
children: /* @__PURE__ */ n("svg", {
|
|
5225
|
+
height: e,
|
|
5226
|
+
width: e * Vu / Hu,
|
|
5227
|
+
viewBox: `0 0 ${Vu} ${Hu}`,
|
|
5228
|
+
fill: "none",
|
|
5229
|
+
role: "img",
|
|
5230
|
+
"aria-label": "PMAX",
|
|
5231
|
+
children: [/* @__PURE__ */ n("g", {
|
|
5232
|
+
clipPath: `url(#${s})`,
|
|
5233
|
+
children: [
|
|
5234
|
+
/* @__PURE__ */ t("path", {
|
|
5235
|
+
d: "M157.682 87.7434V24.0053H179.498L211.808 56.2882V157H235.557V56.2882L267.866 24.0053H289.958V157H313.707V16.2794L297.967 0H258.201L223.682 34.4903L189.439 0H149.674L133.657 16.2794V71.464L149.398 87.7434H157.682Z",
|
|
5236
|
+
fill: "currentColor"
|
|
5237
|
+
}),
|
|
5238
|
+
/* @__PURE__ */ t("path", {
|
|
5239
|
+
d: "M379.155 0L332.761 46.355V157.276H356.787V122.51H428.586V157.276H452.335V16.2794L436.318 0H379.155ZM428.586 98.5044H356.787V56.2882L389.096 24.0053H428.586V98.5044Z",
|
|
5240
|
+
fill: "currentColor"
|
|
5241
|
+
}),
|
|
5242
|
+
/* @__PURE__ */ t("path", {
|
|
5243
|
+
d: "M594 0H569.975V31.7311L537.941 63.7381H526.619L494.31 31.7311V0H470.284V41.3884L504.527 75.6028L470.284 110.093V157H494.31V119.75L526.619 87.7434H537.941L569.975 119.75V157H594V110.093L559.757 75.6028L594 41.3884V0Z",
|
|
5244
|
+
fill: "currentColor"
|
|
5245
|
+
}),
|
|
5246
|
+
/* @__PURE__ */ t("path", {
|
|
5247
|
+
d: "M0 0V121.13H24.0251V87.4675H103.556L119.573 71.188V16.2794L103.556 0H0ZM95.5481 63.7381H24.0251V24.0053H95.8243V63.7381H95.5481Z",
|
|
5248
|
+
fill: "currentColor"
|
|
5249
|
+
})
|
|
5250
|
+
]
|
|
5251
|
+
}), /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("clipPath", {
|
|
5252
|
+
id: s,
|
|
5253
|
+
children: /* @__PURE__ */ t("rect", {
|
|
5254
|
+
width: Vu,
|
|
5255
|
+
height: Hu,
|
|
5256
|
+
fill: "white"
|
|
5257
|
+
})
|
|
5258
|
+
}) })]
|
|
5259
|
+
})
|
|
5238
5260
|
});
|
|
5239
5261
|
}
|
|
5240
5262
|
//#endregion
|
|
5241
5263
|
//#region src/components/ContactItem.tsx
|
|
5242
|
-
var
|
|
5264
|
+
var Wu = {
|
|
5243
5265
|
display: "inline-flex",
|
|
5244
5266
|
alignItems: "center",
|
|
5245
5267
|
gap: 8,
|
|
@@ -5247,10 +5269,10 @@ var Hu = {
|
|
|
5247
5269
|
fontSize: 13,
|
|
5248
5270
|
color: "var(--text-muted)"
|
|
5249
5271
|
};
|
|
5250
|
-
function
|
|
5272
|
+
function Gu({ icon: e, children: r, href: i }) {
|
|
5251
5273
|
let a = /* @__PURE__ */ n("span", {
|
|
5252
5274
|
"data-pmax": "contact-item",
|
|
5253
|
-
style:
|
|
5275
|
+
style: Wu,
|
|
5254
5276
|
children: [/* @__PURE__ */ t(g, {
|
|
5255
5277
|
name: e,
|
|
5256
5278
|
size: 16
|
|
@@ -5267,7 +5289,7 @@ function Uu({ icon: e, children: r, href: i }) {
|
|
|
5267
5289
|
}
|
|
5268
5290
|
//#endregion
|
|
5269
5291
|
//#region src/components/LangSwitcher.tsx
|
|
5270
|
-
function
|
|
5292
|
+
function Ku({ value: e, options: n, onChange: r }) {
|
|
5271
5293
|
return /* @__PURE__ */ t("div", {
|
|
5272
5294
|
"data-pmax": "lang-switcher",
|
|
5273
5295
|
children: /* @__PURE__ */ t(Ol, {
|
|
@@ -5281,10 +5303,10 @@ function Wu({ value: e, options: n, onChange: r }) {
|
|
|
5281
5303
|
}
|
|
5282
5304
|
//#endregion
|
|
5283
5305
|
//#region src/components/CartButton.tsx
|
|
5284
|
-
function
|
|
5306
|
+
function qu({ count: e, href: r = "/cart" }) {
|
|
5285
5307
|
return /* @__PURE__ */ n("div", {
|
|
5286
5308
|
"data-pmax": "cart-button",
|
|
5287
|
-
children: [/* @__PURE__ */ t(
|
|
5309
|
+
children: [/* @__PURE__ */ t(ee, {
|
|
5288
5310
|
as: r ? "a" : "button",
|
|
5289
5311
|
href: r,
|
|
5290
5312
|
icon: "cart",
|
|
@@ -5304,30 +5326,30 @@ function Gu({ count: e, href: r = "/cart" }) {
|
|
|
5304
5326
|
})]
|
|
5305
5327
|
});
|
|
5306
5328
|
}
|
|
5307
|
-
var
|
|
5308
|
-
link: "_link_icul5_1
|
|
5329
|
+
var Ju = {
|
|
5330
|
+
link: "_link_icul5_1 _focusRing_svxew_10",
|
|
5309
5331
|
active: "_active_icul5_24",
|
|
5310
5332
|
chevron: "_chevron_icul5_29",
|
|
5311
5333
|
open: "_open_icul5_33"
|
|
5312
5334
|
};
|
|
5313
5335
|
//#endregion
|
|
5314
5336
|
//#region src/components/NavItem.tsx
|
|
5315
|
-
function
|
|
5337
|
+
function Yu({ active: e, hasDropdown: r, open: i, href: a, children: o, onClick: s }) {
|
|
5316
5338
|
return /* @__PURE__ */ n("a", {
|
|
5317
5339
|
"data-pmax": "nav-item",
|
|
5318
5340
|
href: a,
|
|
5319
5341
|
onClick: s,
|
|
5320
5342
|
"aria-current": e ? "page" : void 0,
|
|
5321
5343
|
"aria-expanded": r ? i : void 0,
|
|
5322
|
-
className: v(
|
|
5344
|
+
className: v(Ju.link, e && Ju.active, i && Ju.open),
|
|
5323
5345
|
children: [o, r ? /* @__PURE__ */ t(g, {
|
|
5324
5346
|
name: "chevron-down",
|
|
5325
5347
|
size: 14,
|
|
5326
|
-
className:
|
|
5348
|
+
className: Ju.chevron
|
|
5327
5349
|
}) : null]
|
|
5328
5350
|
});
|
|
5329
5351
|
}
|
|
5330
|
-
var
|
|
5352
|
+
var Xu = {
|
|
5331
5353
|
bar: "_bar_k59n0_1",
|
|
5332
5354
|
primary: "_primary_k59n0_8",
|
|
5333
5355
|
secondary: "_secondary_k59n0_9",
|
|
@@ -5338,39 +5360,39 @@ var Ju = {
|
|
|
5338
5360
|
};
|
|
5339
5361
|
//#endregion
|
|
5340
5362
|
//#region src/components/NavBar.tsx
|
|
5341
|
-
function
|
|
5363
|
+
function Zu({ items: e, activeKey: r, secondaryItems: i }) {
|
|
5342
5364
|
return /* @__PURE__ */ n("nav", {
|
|
5343
5365
|
"data-pmax": "nav-bar",
|
|
5344
|
-
className:
|
|
5366
|
+
className: Xu.bar,
|
|
5345
5367
|
"aria-label": "Primary",
|
|
5346
5368
|
children: [/* @__PURE__ */ t("div", {
|
|
5347
|
-
className:
|
|
5369
|
+
className: Xu.primary,
|
|
5348
5370
|
children: e.map((e) => e.children?.length ? /* @__PURE__ */ n("div", {
|
|
5349
|
-
className:
|
|
5350
|
-
children: [/* @__PURE__ */ t(
|
|
5371
|
+
className: Xu.item,
|
|
5372
|
+
children: [/* @__PURE__ */ t(Yu, {
|
|
5351
5373
|
href: e.href,
|
|
5352
5374
|
active: e.key === r,
|
|
5353
5375
|
hasDropdown: !0,
|
|
5354
5376
|
children: e.label
|
|
5355
5377
|
}), /* @__PURE__ */ t("div", {
|
|
5356
|
-
className:
|
|
5378
|
+
className: Xu.dropdown,
|
|
5357
5379
|
children: /* @__PURE__ */ t("div", {
|
|
5358
|
-
className:
|
|
5380
|
+
className: Xu.panel,
|
|
5359
5381
|
children: e.children.map((e) => /* @__PURE__ */ t("a", {
|
|
5360
5382
|
href: e.href,
|
|
5361
|
-
className:
|
|
5383
|
+
className: Xu.panelLink,
|
|
5362
5384
|
children: e.label
|
|
5363
5385
|
}, e.href))
|
|
5364
5386
|
})
|
|
5365
5387
|
})]
|
|
5366
|
-
}, e.key) : /* @__PURE__ */ t(
|
|
5388
|
+
}, e.key) : /* @__PURE__ */ t(Yu, {
|
|
5367
5389
|
href: e.href,
|
|
5368
5390
|
active: e.key === r,
|
|
5369
5391
|
children: e.label
|
|
5370
5392
|
}, e.key))
|
|
5371
5393
|
}), i?.length ? /* @__PURE__ */ t("div", {
|
|
5372
|
-
className:
|
|
5373
|
-
children: i.map((e) => /* @__PURE__ */ t(
|
|
5394
|
+
className: Xu.secondary,
|
|
5395
|
+
children: i.map((e) => /* @__PURE__ */ t(Yu, {
|
|
5374
5396
|
href: e.href,
|
|
5375
5397
|
active: e.key === r,
|
|
5376
5398
|
children: e.label
|
|
@@ -5378,42 +5400,42 @@ function Yu({ items: e, activeKey: r, secondaryItems: i }) {
|
|
|
5378
5400
|
}) : null]
|
|
5379
5401
|
});
|
|
5380
5402
|
}
|
|
5381
|
-
var
|
|
5382
|
-
tile: "_tile_iwfq7_1
|
|
5403
|
+
var Qu = {
|
|
5404
|
+
tile: "_tile_iwfq7_1 _focusRing_svxew_10",
|
|
5383
5405
|
selected: "_selected_iwfq7_25",
|
|
5384
5406
|
label: "_label_iwfq7_29"
|
|
5385
5407
|
};
|
|
5386
5408
|
//#endregion
|
|
5387
5409
|
//#region src/components/CategoryTile.tsx
|
|
5388
|
-
function
|
|
5410
|
+
function $u({ icon: e, label: r, href: i, selected: a }) {
|
|
5389
5411
|
return /* @__PURE__ */ n("a", {
|
|
5390
5412
|
"data-pmax": "category-tile",
|
|
5391
5413
|
href: i,
|
|
5392
|
-
className: v(
|
|
5414
|
+
className: v(Qu.tile, a && Qu.selected),
|
|
5393
5415
|
"aria-current": a ? "true" : void 0,
|
|
5394
5416
|
children: [/* @__PURE__ */ t(g, {
|
|
5395
5417
|
name: e,
|
|
5396
5418
|
size: 28
|
|
5397
5419
|
}), /* @__PURE__ */ t("span", {
|
|
5398
|
-
className:
|
|
5420
|
+
className: Qu.label,
|
|
5399
5421
|
children: r
|
|
5400
5422
|
})]
|
|
5401
5423
|
});
|
|
5402
5424
|
}
|
|
5403
|
-
var
|
|
5425
|
+
var ed = { rail: "_rail_ia9r7_1" };
|
|
5404
5426
|
//#endregion
|
|
5405
5427
|
//#region src/components/CategoryRail.tsx
|
|
5406
|
-
function
|
|
5428
|
+
function td({ items: e, selectedKey: n }) {
|
|
5407
5429
|
return /* @__PURE__ */ t("div", {
|
|
5408
5430
|
"data-pmax": "category-rail",
|
|
5409
|
-
className:
|
|
5410
|
-
children: e.map((e) => /* @__PURE__ */ t(
|
|
5431
|
+
className: ed.rail,
|
|
5432
|
+
children: e.map((e) => /* @__PURE__ */ t($u, {
|
|
5411
5433
|
...e,
|
|
5412
5434
|
selected: e.href === n
|
|
5413
5435
|
}, e.href))
|
|
5414
5436
|
});
|
|
5415
5437
|
}
|
|
5416
|
-
var
|
|
5438
|
+
var nd = {
|
|
5417
5439
|
root: "_root_ulh45_1",
|
|
5418
5440
|
sticky: "_sticky_ulh45_5",
|
|
5419
5441
|
inner: "_inner_ulh45_11",
|
|
@@ -5423,36 +5445,36 @@ var ed = {
|
|
|
5423
5445
|
};
|
|
5424
5446
|
//#endregion
|
|
5425
5447
|
//#region src/components/HeaderShell.tsx
|
|
5426
|
-
function
|
|
5448
|
+
function rd({ announcement: e, rail: r, sticky: i, children: a }) {
|
|
5427
5449
|
return /* @__PURE__ */ n("header", {
|
|
5428
5450
|
"data-pmax": "header-shell",
|
|
5429
|
-
className: v(
|
|
5451
|
+
className: v(nd.root, i && nd.sticky),
|
|
5430
5452
|
children: [
|
|
5431
5453
|
e ? /* @__PURE__ */ t("div", {
|
|
5432
|
-
className:
|
|
5454
|
+
className: nd.inner,
|
|
5433
5455
|
children: /* @__PURE__ */ t("div", {
|
|
5434
|
-
className:
|
|
5456
|
+
className: nd.announcementRow,
|
|
5435
5457
|
children: e
|
|
5436
5458
|
})
|
|
5437
5459
|
}) : null,
|
|
5438
5460
|
/* @__PURE__ */ t("div", {
|
|
5439
|
-
className:
|
|
5461
|
+
className: nd.inner,
|
|
5440
5462
|
children: /* @__PURE__ */ t("div", {
|
|
5441
|
-
className:
|
|
5463
|
+
className: nd.chromeRow,
|
|
5442
5464
|
children: a
|
|
5443
5465
|
})
|
|
5444
5466
|
}),
|
|
5445
5467
|
r ? /* @__PURE__ */ t("div", {
|
|
5446
|
-
className:
|
|
5468
|
+
className: nd.inner,
|
|
5447
5469
|
children: /* @__PURE__ */ t("div", {
|
|
5448
|
-
className:
|
|
5470
|
+
className: nd.railRow,
|
|
5449
5471
|
children: r
|
|
5450
5472
|
})
|
|
5451
5473
|
}) : null
|
|
5452
5474
|
]
|
|
5453
5475
|
});
|
|
5454
5476
|
}
|
|
5455
|
-
var
|
|
5477
|
+
var id = {
|
|
5456
5478
|
row: "_row_1e6sz_1",
|
|
5457
5479
|
xl: "_xl_1e6sz_8",
|
|
5458
5480
|
lg: "_lg_1e6sz_12",
|
|
@@ -5465,39 +5487,39 @@ var nd = {
|
|
|
5465
5487
|
};
|
|
5466
5488
|
//#endregion
|
|
5467
5489
|
//#region src/components/Price.tsx
|
|
5468
|
-
function
|
|
5490
|
+
function ad(e) {
|
|
5469
5491
|
let [t, n = "00"] = e.toFixed(2).split(".");
|
|
5470
5492
|
return {
|
|
5471
5493
|
whole: t,
|
|
5472
5494
|
cents: n
|
|
5473
5495
|
};
|
|
5474
5496
|
}
|
|
5475
|
-
function
|
|
5476
|
-
let { whole: c, cents: l } =
|
|
5497
|
+
function od({ amount: e, currency: r = "€", oldPrice: i, size: a = "lg", note: o, onYellow: s }) {
|
|
5498
|
+
let { whole: c, cents: l } = ad(e);
|
|
5477
5499
|
return /* @__PURE__ */ n("span", {
|
|
5478
5500
|
"data-pmax": "price",
|
|
5479
|
-
className: v(
|
|
5501
|
+
className: v(id.row, id[a], s && id.onYellow),
|
|
5480
5502
|
children: [
|
|
5481
5503
|
/* @__PURE__ */ n("span", {
|
|
5482
|
-
className:
|
|
5504
|
+
className: id.amount,
|
|
5483
5505
|
children: [
|
|
5484
5506
|
c,
|
|
5485
5507
|
/* @__PURE__ */ t("sup", {
|
|
5486
|
-
className:
|
|
5508
|
+
className: id.cents,
|
|
5487
5509
|
children: l
|
|
5488
5510
|
}),
|
|
5489
5511
|
/* @__PURE__ */ t("span", {
|
|
5490
|
-
className:
|
|
5512
|
+
className: id.currency,
|
|
5491
5513
|
children: r
|
|
5492
5514
|
})
|
|
5493
5515
|
]
|
|
5494
5516
|
}),
|
|
5495
5517
|
i === void 0 ? null : /* @__PURE__ */ t("span", {
|
|
5496
|
-
className:
|
|
5497
|
-
children:
|
|
5518
|
+
className: id.old,
|
|
5519
|
+
children: ad(i).whole + "." + ad(i).cents + r
|
|
5498
5520
|
}),
|
|
5499
5521
|
o ? /* @__PURE__ */ t("span", {
|
|
5500
|
-
className:
|
|
5522
|
+
className: id.note,
|
|
5501
5523
|
children: o
|
|
5502
5524
|
}) : null
|
|
5503
5525
|
]
|
|
@@ -5505,7 +5527,7 @@ function id({ amount: e, currency: r = "€", oldPrice: i, size: a = "lg", note:
|
|
|
5505
5527
|
}
|
|
5506
5528
|
//#endregion
|
|
5507
5529
|
//#region src/components/FulfillmentBadges.tsx
|
|
5508
|
-
function
|
|
5530
|
+
function sd({ items: e }) {
|
|
5509
5531
|
return e.length === 0 ? null : /* @__PURE__ */ t("div", {
|
|
5510
5532
|
"data-pmax": "fulfillment-badges",
|
|
5511
5533
|
style: {
|
|
@@ -5523,8 +5545,8 @@ function ad({ items: e }) {
|
|
|
5523
5545
|
}
|
|
5524
5546
|
//#endregion
|
|
5525
5547
|
//#region src/components/WishlistButton.tsx
|
|
5526
|
-
function
|
|
5527
|
-
return /* @__PURE__ */ t(
|
|
5548
|
+
function cd({ active: e, onToggle: n, size: r = "md" }) {
|
|
5549
|
+
return /* @__PURE__ */ t(ee, {
|
|
5528
5550
|
icon: "heart",
|
|
5529
5551
|
label: e ? "Remove from wishlist" : "Add to wishlist",
|
|
5530
5552
|
"aria-pressed": e,
|
|
@@ -5535,8 +5557,8 @@ function od({ active: e, onToggle: n, size: r = "md" }) {
|
|
|
5535
5557
|
}
|
|
5536
5558
|
//#endregion
|
|
5537
5559
|
//#region src/components/CompareButton.tsx
|
|
5538
|
-
function
|
|
5539
|
-
return /* @__PURE__ */ t(
|
|
5560
|
+
function ld({ active: e, onToggle: n }) {
|
|
5561
|
+
return /* @__PURE__ */ t(ee, {
|
|
5540
5562
|
icon: "compare",
|
|
5541
5563
|
label: e ? "Remove from comparison" : "Add to comparison",
|
|
5542
5564
|
"aria-pressed": e,
|
|
@@ -5547,9 +5569,9 @@ function sd({ active: e, onToggle: n }) {
|
|
|
5547
5569
|
}
|
|
5548
5570
|
//#endregion
|
|
5549
5571
|
//#region src/components/AddToCartButton.tsx
|
|
5550
|
-
function
|
|
5572
|
+
function ud({ onAdd: e, loading: n, added: r, disabled: i, variant: a = "labelled" }) {
|
|
5551
5573
|
let o = i && !n;
|
|
5552
|
-
return a === "icon" ? /* @__PURE__ */ t(
|
|
5574
|
+
return a === "icon" ? /* @__PURE__ */ t(ee, {
|
|
5553
5575
|
icon: r ? "check-circle" : "cart-add",
|
|
5554
5576
|
label: o ? "Out of stock" : r ? "Added to cart" : "Add to cart",
|
|
5555
5577
|
variant: r ? "ink" : "yellow",
|
|
@@ -5572,7 +5594,7 @@ function cd({ onAdd: e, loading: n, added: r, disabled: i, variant: a = "labelle
|
|
|
5572
5594
|
}
|
|
5573
5595
|
var Q = {
|
|
5574
5596
|
card: "_card_qj9lp_1",
|
|
5575
|
-
linkOverlay: "_linkOverlay_qj9lp_24
|
|
5597
|
+
linkOverlay: "_linkOverlay_qj9lp_24 _focusRing_svxew_10",
|
|
5576
5598
|
tile: "_tile_qj9lp_32",
|
|
5577
5599
|
image: "_image_qj9lp_41",
|
|
5578
5600
|
imageSecondary: "_imageSecondary_qj9lp_50",
|
|
@@ -5587,7 +5609,7 @@ var Q = {
|
|
|
5587
5609
|
};
|
|
5588
5610
|
//#endregion
|
|
5589
5611
|
//#region src/components/ProductCard.tsx
|
|
5590
|
-
function
|
|
5612
|
+
function dd({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compared: o, onCompareToggle: s, loading: c }) {
|
|
5591
5613
|
return c ? /* @__PURE__ */ n("div", {
|
|
5592
5614
|
"data-pmax": "product-card",
|
|
5593
5615
|
className: Q.card,
|
|
@@ -5623,7 +5645,7 @@ function ld({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compa
|
|
|
5623
5645
|
}),
|
|
5624
5646
|
e.fulfillment?.length ? /* @__PURE__ */ t("div", {
|
|
5625
5647
|
className: Q.badges,
|
|
5626
|
-
children: /* @__PURE__ */ t(
|
|
5648
|
+
children: /* @__PURE__ */ t(sd, { items: e.fulfillment })
|
|
5627
5649
|
}) : null,
|
|
5628
5650
|
/* @__PURE__ */ n("div", {
|
|
5629
5651
|
className: Q.actions,
|
|
@@ -5632,14 +5654,14 @@ function ld({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compa
|
|
|
5632
5654
|
position: "relative",
|
|
5633
5655
|
zIndex: 2
|
|
5634
5656
|
},
|
|
5635
|
-
children: /* @__PURE__ */ t(
|
|
5657
|
+
children: /* @__PURE__ */ t(cd, {
|
|
5636
5658
|
active: !!i,
|
|
5637
5659
|
onToggle: a,
|
|
5638
5660
|
size: "sm"
|
|
5639
5661
|
})
|
|
5640
5662
|
}) : null, s ? /* @__PURE__ */ t("span", {
|
|
5641
5663
|
className: Q.compareSlot,
|
|
5642
|
-
children: /* @__PURE__ */ t(
|
|
5664
|
+
children: /* @__PURE__ */ t(ld, {
|
|
5643
5665
|
active: !!o,
|
|
5644
5666
|
onToggle: s
|
|
5645
5667
|
})
|
|
@@ -5672,7 +5694,7 @@ function ld({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compa
|
|
|
5672
5694
|
children: e.title
|
|
5673
5695
|
}), /* @__PURE__ */ t("div", {
|
|
5674
5696
|
className: Q.footer,
|
|
5675
|
-
children: /* @__PURE__ */ t(
|
|
5697
|
+
children: /* @__PURE__ */ t(od, {
|
|
5676
5698
|
amount: e.price,
|
|
5677
5699
|
oldPrice: e.oldPrice,
|
|
5678
5700
|
size: "lg"
|
|
@@ -5684,7 +5706,7 @@ function ld({ product: e, priority: r, wishlisted: i, onWishlistToggle: a, compa
|
|
|
5684
5706
|
}
|
|
5685
5707
|
//#endregion
|
|
5686
5708
|
//#region src/components/ProductGrid.tsx
|
|
5687
|
-
function
|
|
5709
|
+
function fd({ columns: e = 4, gap: n = 20, children: r, empty: i, emptyMessage: a = "No products found." }) {
|
|
5688
5710
|
return i ? /* @__PURE__ */ t("div", {
|
|
5689
5711
|
"data-pmax": "product-grid",
|
|
5690
5712
|
style: {
|
|
@@ -5706,20 +5728,20 @@ function ud({ columns: e = 4, gap: n = 20, children: r, empty: i, emptyMessage:
|
|
|
5706
5728
|
children: r
|
|
5707
5729
|
});
|
|
5708
5730
|
}
|
|
5709
|
-
var
|
|
5710
|
-
root: "
|
|
5711
|
-
track: "
|
|
5712
|
-
slide: "
|
|
5713
|
-
arrow: "
|
|
5714
|
-
arrowPrev: "
|
|
5715
|
-
arrowNext: "
|
|
5716
|
-
dots: "
|
|
5717
|
-
dot: "
|
|
5718
|
-
dotActive: "
|
|
5731
|
+
var pd = {
|
|
5732
|
+
root: "_root_1b4a7_1",
|
|
5733
|
+
track: "_track_1b4a7_5",
|
|
5734
|
+
slide: "_slide_1b4a7_18",
|
|
5735
|
+
arrow: "_arrow_1b4a7_23 _focusRing_svxew_10",
|
|
5736
|
+
arrowPrev: "_arrowPrev_1b4a7_48",
|
|
5737
|
+
arrowNext: "_arrowNext_1b4a7_52",
|
|
5738
|
+
dots: "_dots_1b4a7_56",
|
|
5739
|
+
dot: "_dot_1b4a7_56",
|
|
5740
|
+
dotActive: "_dotActive_1b4a7_80"
|
|
5719
5741
|
};
|
|
5720
5742
|
//#endregion
|
|
5721
5743
|
//#region src/components/ProductCarousel.tsx
|
|
5722
|
-
function
|
|
5744
|
+
function md({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
|
|
5723
5745
|
let s = f(null), [c, l] = p(0), u = i.toArray(e), d = `calc((100% - ${(r - 1) * 20}px) / ${r + a})`, m = (e) => {
|
|
5724
5746
|
let t = s.current;
|
|
5725
5747
|
if (!t) return;
|
|
@@ -5732,10 +5754,10 @@ function fd({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
|
|
|
5732
5754
|
};
|
|
5733
5755
|
return /* @__PURE__ */ n("div", {
|
|
5734
5756
|
"data-pmax": "product-carousel",
|
|
5735
|
-
className:
|
|
5757
|
+
className: pd.root,
|
|
5736
5758
|
children: [
|
|
5737
5759
|
/* @__PURE__ */ t("button", {
|
|
5738
|
-
className: v(
|
|
5760
|
+
className: v(pd.arrow, pd.arrowPrev),
|
|
5739
5761
|
"aria-label": "Previous",
|
|
5740
5762
|
onClick: () => m(c - 1),
|
|
5741
5763
|
children: /* @__PURE__ */ t(g, {
|
|
@@ -5744,16 +5766,16 @@ function fd({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
|
|
|
5744
5766
|
})
|
|
5745
5767
|
}),
|
|
5746
5768
|
/* @__PURE__ */ t("div", {
|
|
5747
|
-
className:
|
|
5769
|
+
className: pd.track,
|
|
5748
5770
|
ref: s,
|
|
5749
5771
|
children: u.map((e, n) => /* @__PURE__ */ t("div", {
|
|
5750
|
-
className:
|
|
5772
|
+
className: pd.slide,
|
|
5751
5773
|
style: { width: d },
|
|
5752
5774
|
children: e
|
|
5753
5775
|
}, n))
|
|
5754
5776
|
}),
|
|
5755
5777
|
/* @__PURE__ */ t("button", {
|
|
5756
|
-
className: v(
|
|
5778
|
+
className: v(pd.arrow, pd.arrowNext),
|
|
5757
5779
|
"aria-label": "Next",
|
|
5758
5780
|
onClick: () => m(c + 1),
|
|
5759
5781
|
children: /* @__PURE__ */ t(g, {
|
|
@@ -5762,9 +5784,9 @@ function fd({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
|
|
|
5762
5784
|
})
|
|
5763
5785
|
}),
|
|
5764
5786
|
/* @__PURE__ */ t("div", {
|
|
5765
|
-
className:
|
|
5787
|
+
className: pd.dots,
|
|
5766
5788
|
children: u.map((e, n) => /* @__PURE__ */ t("button", {
|
|
5767
|
-
className: v(
|
|
5789
|
+
className: v(pd.dot, n === c && pd.dotActive),
|
|
5768
5790
|
"aria-label": `Go to slide ${n + 1}`,
|
|
5769
5791
|
onClick: () => m(n)
|
|
5770
5792
|
}, n))
|
|
@@ -5774,7 +5796,7 @@ function fd({ children: e, perView: r = 4, peek: a = .1, loop: o }) {
|
|
|
5774
5796
|
}
|
|
5775
5797
|
//#endregion
|
|
5776
5798
|
//#region src/components/SectionHeader.tsx
|
|
5777
|
-
function
|
|
5799
|
+
function hd({ title: e, count: r, action: i, hint: a }) {
|
|
5778
5800
|
return /* @__PURE__ */ n("div", {
|
|
5779
5801
|
"data-pmax": "section-header",
|
|
5780
5802
|
style: {
|
|
@@ -5794,7 +5816,7 @@ function pd({ title: e, count: r, action: i, hint: a }) {
|
|
|
5794
5816
|
as: "h2",
|
|
5795
5817
|
variant: "display-2",
|
|
5796
5818
|
children: e
|
|
5797
|
-
}), r === void 0 ? null : /* @__PURE__ */ t(
|
|
5819
|
+
}), r === void 0 ? null : /* @__PURE__ */ t(P, { value: r })]
|
|
5798
5820
|
}), /* @__PURE__ */ n("div", {
|
|
5799
5821
|
style: {
|
|
5800
5822
|
display: "flex",
|
|
@@ -5812,7 +5834,7 @@ function pd({ title: e, count: r, action: i, hint: a }) {
|
|
|
5812
5834
|
}
|
|
5813
5835
|
//#endregion
|
|
5814
5836
|
//#region src/components/SortMenu.tsx
|
|
5815
|
-
function
|
|
5837
|
+
function gd({ value: e, options: r, onChange: i }) {
|
|
5816
5838
|
return /* @__PURE__ */ n("div", {
|
|
5817
5839
|
"data-pmax": "sort-menu",
|
|
5818
5840
|
style: {
|
|
@@ -5833,7 +5855,7 @@ function md({ value: e, options: r, onChange: i }) {
|
|
|
5833
5855
|
}
|
|
5834
5856
|
//#endregion
|
|
5835
5857
|
//#region src/components/FilterSection.tsx
|
|
5836
|
-
function
|
|
5858
|
+
function _d({ title: e, defaultOpen: n, children: r }) {
|
|
5837
5859
|
return /* @__PURE__ */ t("div", {
|
|
5838
5860
|
"data-pmax": "filter-section",
|
|
5839
5861
|
children: /* @__PURE__ */ t(Au, {
|
|
@@ -5848,7 +5870,7 @@ function hd({ title: e, defaultOpen: n, children: r }) {
|
|
|
5848
5870
|
}
|
|
5849
5871
|
//#endregion
|
|
5850
5872
|
//#region src/components/FilterChipGroup.tsx
|
|
5851
|
-
function
|
|
5873
|
+
function vd({ options: e, value: n, onChange: r, columns: i = 2, mode: a = "multi" }) {
|
|
5852
5874
|
let o = (e, t) => {
|
|
5853
5875
|
if (a === "single") {
|
|
5854
5876
|
r(t ? [e] : []);
|
|
@@ -5878,7 +5900,7 @@ function gd({ options: e, value: n, onChange: r, columns: i = 2, mode: a = "mult
|
|
|
5878
5900
|
}
|
|
5879
5901
|
//#endregion
|
|
5880
5902
|
//#region src/components/PriceRangeFilter.tsx
|
|
5881
|
-
function
|
|
5903
|
+
function yd({ min: e, max: r, value: i, onChange: a, currency: o = "€" }) {
|
|
5882
5904
|
let [s, c] = p([String(i[0]), String(i[1])]);
|
|
5883
5905
|
return l(() => {
|
|
5884
5906
|
c([String(i[0]), String(i[1])]);
|
|
@@ -5929,7 +5951,7 @@ function _d({ min: e, max: r, value: i, onChange: a, currency: o = "€" }) {
|
|
|
5929
5951
|
}
|
|
5930
5952
|
//#endregion
|
|
5931
5953
|
//#region src/components/FilterPanel.tsx
|
|
5932
|
-
function
|
|
5954
|
+
function bd({ sections: e, onReset: r }) {
|
|
5933
5955
|
return /* @__PURE__ */ n(Nu, {
|
|
5934
5956
|
as: "aside",
|
|
5935
5957
|
tone: "page",
|
|
@@ -5962,7 +5984,7 @@ function vd({ sections: e, onReset: r }) {
|
|
|
5962
5984
|
}
|
|
5963
5985
|
//#endregion
|
|
5964
5986
|
//#region src/components/ActiveFilters.tsx
|
|
5965
|
-
function
|
|
5987
|
+
function xd({ values: e, onRemove: r, onClearAll: i }) {
|
|
5966
5988
|
return e.length === 0 ? null : /* @__PURE__ */ n("div", {
|
|
5967
5989
|
"data-pmax": "active-filters",
|
|
5968
5990
|
style: {
|
|
@@ -5999,32 +6021,32 @@ function yd({ values: e, onRemove: r, onClearAll: i }) {
|
|
|
5999
6021
|
})]
|
|
6000
6022
|
});
|
|
6001
6023
|
}
|
|
6002
|
-
var
|
|
6003
|
-
nav: "
|
|
6004
|
-
pageBtn: "
|
|
6005
|
-
current: "
|
|
6006
|
-
ellipsis: "
|
|
6007
|
-
edge: "
|
|
6024
|
+
var Sd = {
|
|
6025
|
+
nav: "_nav_1ssjp_1",
|
|
6026
|
+
pageBtn: "_pageBtn_1ssjp_7 _focusRing_svxew_10",
|
|
6027
|
+
current: "_current_1ssjp_31",
|
|
6028
|
+
ellipsis: "_ellipsis_1ssjp_36",
|
|
6029
|
+
edge: "_edge_1ssjp_44 _focusRing_svxew_10"
|
|
6008
6030
|
};
|
|
6009
6031
|
//#endregion
|
|
6010
6032
|
//#region src/components/Pagination.tsx
|
|
6011
|
-
function
|
|
6033
|
+
function Cd(e, t, n) {
|
|
6012
6034
|
if (t <= n * 2 + 5) return Array.from({ length: t }, (e, t) => t + 1);
|
|
6013
6035
|
let r = Math.max(e - n, 2), i = Math.min(e + n, t - 1), a = [1];
|
|
6014
6036
|
r > 2 && a.push("ellipsis");
|
|
6015
6037
|
for (let e = r; e <= i; e++) a.push(e);
|
|
6016
6038
|
return i < t - 1 && a.push("ellipsis"), a.push(t), a;
|
|
6017
6039
|
}
|
|
6018
|
-
function
|
|
6040
|
+
function wd({ page: e, pageCount: r, onChange: i, siblingCount: a = 1 }) {
|
|
6019
6041
|
if (r <= 1) return null;
|
|
6020
|
-
let o =
|
|
6042
|
+
let o = Cd(e, r, a);
|
|
6021
6043
|
return /* @__PURE__ */ n("nav", {
|
|
6022
6044
|
"data-pmax": "pagination",
|
|
6023
6045
|
"aria-label": "Pagination",
|
|
6024
|
-
className:
|
|
6046
|
+
className: Sd.nav,
|
|
6025
6047
|
children: [
|
|
6026
6048
|
/* @__PURE__ */ n("button", {
|
|
6027
|
-
className:
|
|
6049
|
+
className: Sd.edge,
|
|
6028
6050
|
disabled: e === 1,
|
|
6029
6051
|
onClick: () => i(e - 1),
|
|
6030
6052
|
children: [/* @__PURE__ */ t(g, {
|
|
@@ -6033,16 +6055,16 @@ function Sd({ page: e, pageCount: r, onChange: i, siblingCount: a = 1 }) {
|
|
|
6033
6055
|
}), "Prev"]
|
|
6034
6056
|
}),
|
|
6035
6057
|
o.map((n, r) => n === "ellipsis" ? /* @__PURE__ */ t("span", {
|
|
6036
|
-
className:
|
|
6058
|
+
className: Sd.ellipsis,
|
|
6037
6059
|
children: "…"
|
|
6038
6060
|
}, `ellipsis-${r}`) : /* @__PURE__ */ t("button", {
|
|
6039
|
-
className: `${
|
|
6061
|
+
className: `${Sd.pageBtn} ${n === e ? Sd.current : ""}`,
|
|
6040
6062
|
"aria-current": n === e ? "page" : void 0,
|
|
6041
6063
|
onClick: () => i(n),
|
|
6042
6064
|
children: n
|
|
6043
6065
|
}, n)),
|
|
6044
6066
|
/* @__PURE__ */ n("button", {
|
|
6045
|
-
className:
|
|
6067
|
+
className: Sd.edge,
|
|
6046
6068
|
disabled: e === r,
|
|
6047
6069
|
onClick: () => i(e + 1),
|
|
6048
6070
|
children: ["Next", /* @__PURE__ */ t(g, {
|
|
@@ -6053,25 +6075,25 @@ function Sd({ page: e, pageCount: r, onChange: i, siblingCount: a = 1 }) {
|
|
|
6053
6075
|
]
|
|
6054
6076
|
});
|
|
6055
6077
|
}
|
|
6056
|
-
var
|
|
6057
|
-
root: "
|
|
6058
|
-
main: "
|
|
6059
|
-
mainImage: "
|
|
6060
|
-
actions: "
|
|
6061
|
-
thumbs: "
|
|
6062
|
-
thumb: "
|
|
6063
|
-
thumbActive: "
|
|
6064
|
-
thumbImage: "
|
|
6078
|
+
var Td = {
|
|
6079
|
+
root: "_root_z6mp5_1",
|
|
6080
|
+
main: "_main_z6mp5_7",
|
|
6081
|
+
mainImage: "_mainImage_z6mp5_15",
|
|
6082
|
+
actions: "_actions_z6mp5_21",
|
|
6083
|
+
thumbs: "_thumbs_z6mp5_30",
|
|
6084
|
+
thumb: "_thumb_z6mp5_30 _focusRing_svxew_10",
|
|
6085
|
+
thumbActive: "_thumbActive_z6mp5_54",
|
|
6086
|
+
thumbImage: "_thumbImage_z6mp5_58"
|
|
6065
6087
|
};
|
|
6066
6088
|
//#endregion
|
|
6067
6089
|
//#region src/components/ProductGallery.tsx
|
|
6068
|
-
function
|
|
6090
|
+
function Ed({ images: e, alt: r, actions: i }) {
|
|
6069
6091
|
let [a, o] = p(0);
|
|
6070
6092
|
return /* @__PURE__ */ n("div", {
|
|
6071
6093
|
"data-pmax": "product-gallery",
|
|
6072
|
-
className:
|
|
6094
|
+
className: Td.root,
|
|
6073
6095
|
children: [/* @__PURE__ */ n("div", {
|
|
6074
|
-
className:
|
|
6096
|
+
className: Td.main,
|
|
6075
6097
|
tabIndex: 0,
|
|
6076
6098
|
role: "group",
|
|
6077
6099
|
"aria-label": `${r} — image ${a + 1} of ${e.length}`,
|
|
@@ -6084,23 +6106,23 @@ function wd({ images: e, alt: r, actions: i }) {
|
|
|
6084
6106
|
children: [/* @__PURE__ */ t("img", {
|
|
6085
6107
|
src: e[a],
|
|
6086
6108
|
alt: r,
|
|
6087
|
-
className:
|
|
6109
|
+
className: Td.mainImage
|
|
6088
6110
|
}), i ? /* @__PURE__ */ t("div", {
|
|
6089
|
-
className:
|
|
6111
|
+
className: Td.actions,
|
|
6090
6112
|
children: i
|
|
6091
6113
|
}) : null]
|
|
6092
6114
|
}), e.length > 1 ? /* @__PURE__ */ t("div", {
|
|
6093
|
-
className:
|
|
6115
|
+
className: Td.thumbs,
|
|
6094
6116
|
children: e.map((e, n) => /* @__PURE__ */ t("button", {
|
|
6095
6117
|
type: "button",
|
|
6096
|
-
className: v(
|
|
6118
|
+
className: v(Td.thumb, n === a && Td.thumbActive),
|
|
6097
6119
|
"aria-label": `View image ${n + 1}`,
|
|
6098
6120
|
"aria-current": n === a,
|
|
6099
6121
|
onClick: () => o(n),
|
|
6100
6122
|
children: /* @__PURE__ */ t("img", {
|
|
6101
6123
|
src: e,
|
|
6102
6124
|
alt: "",
|
|
6103
|
-
className:
|
|
6125
|
+
className: Td.thumbImage
|
|
6104
6126
|
})
|
|
6105
6127
|
}, e + n))
|
|
6106
6128
|
}) : null]
|
|
@@ -6108,7 +6130,7 @@ function wd({ images: e, alt: r, actions: i }) {
|
|
|
6108
6130
|
}
|
|
6109
6131
|
//#endregion
|
|
6110
6132
|
//#region src/components/SkuChip.tsx
|
|
6111
|
-
function
|
|
6133
|
+
function Dd({ label: e, value: r }) {
|
|
6112
6134
|
return /* @__PURE__ */ n("span", {
|
|
6113
6135
|
"data-pmax": "sku-chip",
|
|
6114
6136
|
style: {
|
|
@@ -6134,7 +6156,7 @@ function Td({ label: e, value: r }) {
|
|
|
6134
6156
|
}
|
|
6135
6157
|
//#endregion
|
|
6136
6158
|
//#region src/components/FulfillmentPanel.tsx
|
|
6137
|
-
function
|
|
6159
|
+
function Od({ rows: e }) {
|
|
6138
6160
|
return /* @__PURE__ */ t(Nu, {
|
|
6139
6161
|
tone: "panel",
|
|
6140
6162
|
radius: "lg",
|
|
@@ -6175,7 +6197,7 @@ function Ed({ rows: e }) {
|
|
|
6175
6197
|
}
|
|
6176
6198
|
//#endregion
|
|
6177
6199
|
//#region src/components/SpecItem.tsx
|
|
6178
|
-
function
|
|
6200
|
+
function kd({ icon: e, label: r, value: i }) {
|
|
6179
6201
|
return /* @__PURE__ */ n("div", {
|
|
6180
6202
|
"data-pmax": "spec-item",
|
|
6181
6203
|
style: {
|
|
@@ -6210,7 +6232,7 @@ function Dd({ icon: e, label: r, value: i }) {
|
|
|
6210
6232
|
}
|
|
6211
6233
|
//#endregion
|
|
6212
6234
|
//#region src/components/SpecGrid.tsx
|
|
6213
|
-
function
|
|
6235
|
+
function Ad({ items: e, columns: n = 4 }) {
|
|
6214
6236
|
return /* @__PURE__ */ t("div", {
|
|
6215
6237
|
"data-pmax": "spec-grid",
|
|
6216
6238
|
style: {
|
|
@@ -6218,12 +6240,12 @@ function Od({ items: e, columns: n = 4 }) {
|
|
|
6218
6240
|
gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))`,
|
|
6219
6241
|
gap: 20
|
|
6220
6242
|
},
|
|
6221
|
-
children: e.map((e) => /* @__PURE__ */ t(
|
|
6243
|
+
children: e.map((e) => /* @__PURE__ */ t(kd, { ...e }, e.label))
|
|
6222
6244
|
});
|
|
6223
6245
|
}
|
|
6224
6246
|
//#endregion
|
|
6225
6247
|
//#region src/components/CollapsiblePanel.tsx
|
|
6226
|
-
function
|
|
6248
|
+
function jd({ title: e, defaultOpen: n, children: r }) {
|
|
6227
6249
|
return /* @__PURE__ */ t("div", {
|
|
6228
6250
|
"data-pmax": "collapsible-panel",
|
|
6229
6251
|
children: /* @__PURE__ */ t(Au, {
|
|
@@ -6238,7 +6260,7 @@ function kd({ title: e, defaultOpen: n, children: r }) {
|
|
|
6238
6260
|
}
|
|
6239
6261
|
//#endregion
|
|
6240
6262
|
//#region src/components/AttributeChip.tsx
|
|
6241
|
-
function
|
|
6263
|
+
function Md({ label: e, value: r, highlight: i }) {
|
|
6242
6264
|
return /* @__PURE__ */ n("div", {
|
|
6243
6265
|
"data-pmax": "attribute-chip",
|
|
6244
6266
|
style: {
|
|
@@ -6260,7 +6282,7 @@ function Ad({ label: e, value: r, highlight: i }) {
|
|
|
6260
6282
|
}
|
|
6261
6283
|
//#endregion
|
|
6262
6284
|
//#region src/components/AttributeList.tsx
|
|
6263
|
-
function
|
|
6285
|
+
function Nd({ items: e, columns: n = 2 }) {
|
|
6264
6286
|
return /* @__PURE__ */ t("div", {
|
|
6265
6287
|
"data-pmax": "attribute-list",
|
|
6266
6288
|
style: {
|
|
@@ -6268,20 +6290,20 @@ function jd({ items: e, columns: n = 2 }) {
|
|
|
6268
6290
|
gridTemplateColumns: `repeat(${n}, minmax(0, max-content))`,
|
|
6269
6291
|
gap: 8
|
|
6270
6292
|
},
|
|
6271
|
-
children: e.map((e) => /* @__PURE__ */ t(
|
|
6293
|
+
children: e.map((e) => /* @__PURE__ */ t(Md, { ...e }, e.label))
|
|
6272
6294
|
});
|
|
6273
6295
|
}
|
|
6274
|
-
var
|
|
6296
|
+
var Pd = { prose: "_prose_29xo6_1" };
|
|
6275
6297
|
//#endregion
|
|
6276
6298
|
//#region src/components/Prose.tsx
|
|
6277
|
-
function
|
|
6299
|
+
function Fd({ children: e }) {
|
|
6278
6300
|
return /* @__PURE__ */ t("div", {
|
|
6279
6301
|
"data-pmax": "prose",
|
|
6280
|
-
className:
|
|
6302
|
+
className: Pd.prose,
|
|
6281
6303
|
children: e
|
|
6282
6304
|
});
|
|
6283
6305
|
}
|
|
6284
|
-
var
|
|
6306
|
+
var Id = {
|
|
6285
6307
|
slide: "_slide_w5ynl_1",
|
|
6286
6308
|
yellow: "_yellow_w5ynl_13",
|
|
6287
6309
|
dark: "_dark_w5ynl_18",
|
|
@@ -6295,31 +6317,31 @@ var Pd = {
|
|
|
6295
6317
|
};
|
|
6296
6318
|
//#endregion
|
|
6297
6319
|
//#region src/components/HeroSlide.tsx
|
|
6298
|
-
function
|
|
6299
|
-
let l = c === "dark" ?
|
|
6320
|
+
function Ld({ eyebrow: e, title: r, specs: i, price: a, cta: o, image: s, tone: c = "yellow" }) {
|
|
6321
|
+
let l = c === "dark" ? Id.dark : c === "image-only" ? Id.imageOnly : Id.yellow;
|
|
6300
6322
|
return /* @__PURE__ */ n("div", {
|
|
6301
6323
|
"data-pmax": "hero-slide",
|
|
6302
|
-
className: v(
|
|
6324
|
+
className: v(Id.slide, l),
|
|
6303
6325
|
children: [/* @__PURE__ */ n("div", { children: [
|
|
6304
6326
|
e ? /* @__PURE__ */ t("div", {
|
|
6305
|
-
className:
|
|
6327
|
+
className: Id.eyebrow,
|
|
6306
6328
|
children: e
|
|
6307
6329
|
}) : null,
|
|
6308
6330
|
/* @__PURE__ */ t("h2", {
|
|
6309
|
-
className:
|
|
6331
|
+
className: Id.title,
|
|
6310
6332
|
children: r
|
|
6311
6333
|
}),
|
|
6312
6334
|
i?.length ? /* @__PURE__ */ t("div", {
|
|
6313
|
-
className:
|
|
6335
|
+
className: Id.specs,
|
|
6314
6336
|
children: i.map((e) => /* @__PURE__ */ n("div", {
|
|
6315
|
-
className:
|
|
6337
|
+
className: Id.specRow,
|
|
6316
6338
|
children: [/* @__PURE__ */ t("span", {
|
|
6317
|
-
className:
|
|
6339
|
+
className: Id.specLabel,
|
|
6318
6340
|
children: e.label
|
|
6319
6341
|
}), /* @__PURE__ */ t("span", { children: e.value })]
|
|
6320
6342
|
}, e.label))
|
|
6321
6343
|
}) : null,
|
|
6322
|
-
a === void 0 ? null : /* @__PURE__ */ t(
|
|
6344
|
+
a === void 0 ? null : /* @__PURE__ */ t(od, {
|
|
6323
6345
|
amount: a,
|
|
6324
6346
|
size: "xl",
|
|
6325
6347
|
onYellow: c === "yellow"
|
|
@@ -6331,23 +6353,23 @@ function Fd({ eyebrow: e, title: r, specs: i, price: a, cta: o, image: s, tone:
|
|
|
6331
6353
|
] }), /* @__PURE__ */ t("img", {
|
|
6332
6354
|
src: s,
|
|
6333
6355
|
alt: "",
|
|
6334
|
-
className:
|
|
6356
|
+
className: Id.media
|
|
6335
6357
|
})]
|
|
6336
6358
|
});
|
|
6337
6359
|
}
|
|
6338
|
-
var
|
|
6339
|
-
root: "
|
|
6340
|
-
track: "
|
|
6341
|
-
slide: "
|
|
6342
|
-
controls: "
|
|
6343
|
-
dots: "
|
|
6344
|
-
dot: "
|
|
6345
|
-
dotActive: "
|
|
6346
|
-
pause: "
|
|
6360
|
+
var Rd = {
|
|
6361
|
+
root: "_root_1jj5f_1",
|
|
6362
|
+
track: "_track_1jj5f_5",
|
|
6363
|
+
slide: "_slide_1jj5f_18",
|
|
6364
|
+
controls: "_controls_1jj5f_24",
|
|
6365
|
+
dots: "_dots_1jj5f_32",
|
|
6366
|
+
dot: "_dot_1jj5f_32",
|
|
6367
|
+
dotActive: "_dotActive_1jj5f_54",
|
|
6368
|
+
pause: "_pause_1jj5f_58 _focusRing_svxew_10"
|
|
6347
6369
|
};
|
|
6348
6370
|
//#endregion
|
|
6349
6371
|
//#region src/components/HeroCarousel.tsx
|
|
6350
|
-
function
|
|
6372
|
+
function zd({ slides: e, autoplay: r = !0, interval: i = 6e3 }) {
|
|
6351
6373
|
let a = f(null), [o, s] = p(0), [c, u] = p(!r), d = typeof window < "u" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, m = (t) => {
|
|
6352
6374
|
let n = (t + e.length) % e.length;
|
|
6353
6375
|
a.current?.children[n]?.scrollIntoView({
|
|
@@ -6368,22 +6390,22 @@ function Ld({ slides: e, autoplay: r = !0, interval: i = 6e3 }) {
|
|
|
6368
6390
|
e.length
|
|
6369
6391
|
]), e.length === 0 ? null : /* @__PURE__ */ n("div", {
|
|
6370
6392
|
"data-pmax": "hero-carousel",
|
|
6371
|
-
className:
|
|
6393
|
+
className: Rd.root,
|
|
6372
6394
|
onMouseEnter: () => u(!0),
|
|
6373
6395
|
onMouseLeave: () => u(!r),
|
|
6374
6396
|
onFocus: () => u(!0),
|
|
6375
6397
|
onBlur: () => u(!r),
|
|
6376
6398
|
children: [/* @__PURE__ */ t("div", {
|
|
6377
|
-
className:
|
|
6399
|
+
className: Rd.track,
|
|
6378
6400
|
ref: a,
|
|
6379
6401
|
children: e.map((e, n) => /* @__PURE__ */ t("div", {
|
|
6380
|
-
className:
|
|
6402
|
+
className: Rd.slide,
|
|
6381
6403
|
children: e
|
|
6382
6404
|
}, n))
|
|
6383
6405
|
}), e.length > 1 ? /* @__PURE__ */ n("div", {
|
|
6384
|
-
className:
|
|
6406
|
+
className: Rd.controls,
|
|
6385
6407
|
children: [r ? /* @__PURE__ */ t("button", {
|
|
6386
|
-
className:
|
|
6408
|
+
className: Rd.pause,
|
|
6387
6409
|
"aria-label": c ? "Resume autoplay" : "Pause autoplay",
|
|
6388
6410
|
onClick: () => u((e) => !e),
|
|
6389
6411
|
children: /* @__PURE__ */ t(g, {
|
|
@@ -6391,9 +6413,9 @@ function Ld({ slides: e, autoplay: r = !0, interval: i = 6e3 }) {
|
|
|
6391
6413
|
size: 16
|
|
6392
6414
|
})
|
|
6393
6415
|
}) : null, /* @__PURE__ */ t("div", {
|
|
6394
|
-
className:
|
|
6416
|
+
className: Rd.dots,
|
|
6395
6417
|
children: e.map((e, n) => /* @__PURE__ */ t("button", {
|
|
6396
|
-
className: v(
|
|
6418
|
+
className: v(Rd.dot, n === o && Rd.dotActive),
|
|
6397
6419
|
"aria-label": `Go to slide ${n + 1}`,
|
|
6398
6420
|
onClick: () => m(n)
|
|
6399
6421
|
}, n))
|
|
@@ -6401,41 +6423,41 @@ function Ld({ slides: e, autoplay: r = !0, interval: i = 6e3 }) {
|
|
|
6401
6423
|
}) : null]
|
|
6402
6424
|
});
|
|
6403
6425
|
}
|
|
6404
|
-
var
|
|
6405
|
-
root: "
|
|
6406
|
-
media: "
|
|
6407
|
-
card: "
|
|
6408
|
-
left: "
|
|
6409
|
-
right: "
|
|
6410
|
-
title: "
|
|
6411
|
-
subtitle: "
|
|
6426
|
+
var Bd = {
|
|
6427
|
+
root: "_root_5w8x9_1",
|
|
6428
|
+
media: "_media_5w8x9_8",
|
|
6429
|
+
card: "_card_5w8x9_21",
|
|
6430
|
+
left: "_left_5w8x9_35",
|
|
6431
|
+
right: "_right_5w8x9_39",
|
|
6432
|
+
title: "_title_5w8x9_43",
|
|
6433
|
+
subtitle: "_subtitle_5w8x9_51"
|
|
6412
6434
|
};
|
|
6413
6435
|
//#endregion
|
|
6414
6436
|
//#region src/components/MediaBanner.tsx
|
|
6415
|
-
function
|
|
6437
|
+
function Vd({ media: e, title: r, subtitle: i, cta: a, cardPosition: o = "left" }) {
|
|
6416
6438
|
return /* @__PURE__ */ n("div", {
|
|
6417
6439
|
"data-pmax": "media-banner",
|
|
6418
|
-
className:
|
|
6440
|
+
className: Bd.root,
|
|
6419
6441
|
children: [e.type === "video" ? /* @__PURE__ */ t("video", {
|
|
6420
|
-
className:
|
|
6442
|
+
className: Bd.media,
|
|
6421
6443
|
src: e.src,
|
|
6422
6444
|
autoPlay: !0,
|
|
6423
6445
|
muted: !0,
|
|
6424
6446
|
loop: !0,
|
|
6425
6447
|
playsInline: !0
|
|
6426
6448
|
}) : /* @__PURE__ */ t("img", {
|
|
6427
|
-
className:
|
|
6449
|
+
className: Bd.media,
|
|
6428
6450
|
src: e.src,
|
|
6429
6451
|
alt: ""
|
|
6430
6452
|
}), /* @__PURE__ */ n("div", {
|
|
6431
|
-
className: `${
|
|
6453
|
+
className: `${Bd.card} ${o === "right" ? Bd.right : Bd.left}`,
|
|
6432
6454
|
children: [
|
|
6433
6455
|
/* @__PURE__ */ t("h3", {
|
|
6434
|
-
className:
|
|
6456
|
+
className: Bd.title,
|
|
6435
6457
|
children: r
|
|
6436
6458
|
}),
|
|
6437
6459
|
i ? /* @__PURE__ */ t("p", {
|
|
6438
|
-
className:
|
|
6460
|
+
className: Bd.subtitle,
|
|
6439
6461
|
children: i
|
|
6440
6462
|
}) : null,
|
|
6441
6463
|
a
|
|
@@ -6445,7 +6467,7 @@ function zd({ media: e, title: r, subtitle: i, cta: a, cardPosition: o = "left"
|
|
|
6445
6467
|
}
|
|
6446
6468
|
//#endregion
|
|
6447
6469
|
//#region src/components/PromoCard.tsx
|
|
6448
|
-
function
|
|
6470
|
+
function Hd({ illustration: e, title: r, body: i, cta: a, tone: o = "light" }) {
|
|
6449
6471
|
return /* @__PURE__ */ n("div", {
|
|
6450
6472
|
"data-pmax": "promo-card",
|
|
6451
6473
|
style: {
|
|
@@ -6489,7 +6511,7 @@ function Bd({ illustration: e, title: r, body: i, cta: a, tone: o = "light" }) {
|
|
|
6489
6511
|
}
|
|
6490
6512
|
//#endregion
|
|
6491
6513
|
//#region src/components/ArticleCard.tsx
|
|
6492
|
-
function
|
|
6514
|
+
function Ud({ image: e, title: r, excerpt: i, date: a, href: o }) {
|
|
6493
6515
|
return /* @__PURE__ */ n("a", {
|
|
6494
6516
|
"data-pmax": "article-card",
|
|
6495
6517
|
href: o,
|
|
@@ -6556,32 +6578,29 @@ function Vd({ image: e, title: r, excerpt: i, date: a, href: o }) {
|
|
|
6556
6578
|
]
|
|
6557
6579
|
});
|
|
6558
6580
|
}
|
|
6559
|
-
var
|
|
6560
|
-
root: "
|
|
6561
|
-
inner: "
|
|
6562
|
-
top: "
|
|
6563
|
-
columns: "
|
|
6564
|
-
columnTitle: "
|
|
6565
|
-
link: "
|
|
6566
|
-
hoursPill: "
|
|
6567
|
-
legal: "
|
|
6581
|
+
var Wd = {
|
|
6582
|
+
root: "_root_1lqp3_1",
|
|
6583
|
+
inner: "_inner_1lqp3_6",
|
|
6584
|
+
top: "_top_1lqp3_12",
|
|
6585
|
+
columns: "_columns_1lqp3_21",
|
|
6586
|
+
columnTitle: "_columnTitle_1lqp3_39",
|
|
6587
|
+
link: "_link_1lqp3_47",
|
|
6588
|
+
hoursPill: "_hoursPill_1lqp3_61",
|
|
6589
|
+
legal: "_legal_1lqp3_73"
|
|
6568
6590
|
};
|
|
6569
6591
|
//#endregion
|
|
6570
6592
|
//#region src/components/Footer.tsx
|
|
6571
|
-
function
|
|
6593
|
+
function Gd({ columns: e, contact: r, hours: i, legal: a, compact: o }) {
|
|
6572
6594
|
return /* @__PURE__ */ t("footer", {
|
|
6573
6595
|
"data-pmax": "footer",
|
|
6574
|
-
className:
|
|
6596
|
+
className: Wd.root,
|
|
6575
6597
|
children: /* @__PURE__ */ n("div", {
|
|
6576
|
-
className:
|
|
6598
|
+
className: Wd.inner,
|
|
6577
6599
|
children: [
|
|
6578
6600
|
/* @__PURE__ */ t("div", {
|
|
6579
|
-
className:
|
|
6601
|
+
className: Wd.top,
|
|
6580
6602
|
children: /* @__PURE__ */ n("div", { children: [
|
|
6581
|
-
/* @__PURE__ */ t(
|
|
6582
|
-
variant: "v1",
|
|
6583
|
-
height: 28
|
|
6584
|
-
}),
|
|
6603
|
+
/* @__PURE__ */ t(Uu, { height: 28 }),
|
|
6585
6604
|
/* @__PURE__ */ t("div", {
|
|
6586
6605
|
style: {
|
|
6587
6606
|
display: "flex",
|
|
@@ -6589,14 +6608,14 @@ function Ud({ columns: e, contact: r, hours: i, legal: a, compact: o }) {
|
|
|
6589
6608
|
gap: 8,
|
|
6590
6609
|
marginTop: 16
|
|
6591
6610
|
},
|
|
6592
|
-
children: r.map((e, n) => /* @__PURE__ */ t(
|
|
6611
|
+
children: r.map((e, n) => /* @__PURE__ */ t(Gu, {
|
|
6593
6612
|
icon: e.icon,
|
|
6594
6613
|
href: e.href,
|
|
6595
6614
|
children: e.children
|
|
6596
6615
|
}, n))
|
|
6597
6616
|
}),
|
|
6598
6617
|
i ? /* @__PURE__ */ t("span", {
|
|
6599
|
-
className:
|
|
6618
|
+
className: Wd.hoursPill,
|
|
6600
6619
|
style: {
|
|
6601
6620
|
marginTop: 12,
|
|
6602
6621
|
display: "inline-flex"
|
|
@@ -6606,18 +6625,18 @@ function Ud({ columns: e, contact: r, hours: i, legal: a, compact: o }) {
|
|
|
6606
6625
|
] })
|
|
6607
6626
|
}),
|
|
6608
6627
|
o ? null : /* @__PURE__ */ t("div", {
|
|
6609
|
-
className:
|
|
6628
|
+
className: Wd.columns,
|
|
6610
6629
|
children: e.map((e) => /* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("h5", {
|
|
6611
|
-
className:
|
|
6630
|
+
className: Wd.columnTitle,
|
|
6612
6631
|
children: e.title
|
|
6613
6632
|
}), e.links.map((e) => /* @__PURE__ */ t("a", {
|
|
6614
6633
|
href: e.href,
|
|
6615
|
-
className:
|
|
6634
|
+
className: Wd.link,
|
|
6616
6635
|
children: e.label
|
|
6617
6636
|
}, e.href))] }, e.title))
|
|
6618
6637
|
}),
|
|
6619
6638
|
/* @__PURE__ */ t("div", {
|
|
6620
|
-
className:
|
|
6639
|
+
className: Wd.legal,
|
|
6621
6640
|
children: a
|
|
6622
6641
|
})
|
|
6623
6642
|
]
|
|
@@ -6626,17 +6645,17 @@ function Ud({ columns: e, contact: r, hours: i, legal: a, compact: o }) {
|
|
|
6626
6645
|
}
|
|
6627
6646
|
//#endregion
|
|
6628
6647
|
//#region ../../node_modules/@radix-ui/react-dialog/dist/index.mjs
|
|
6629
|
-
var
|
|
6648
|
+
var Kd = Object.defineProperty, $ = (e, t) => Kd(e, "name", {
|
|
6630
6649
|
value: t,
|
|
6631
6650
|
configurable: !0
|
|
6632
|
-
}),
|
|
6651
|
+
}), qd = "Dialog", [Jd, Yd] = /* @__PURE__ */ R(qd), [Xd, Zd] = Jd(qd), Qd = /* @__PURE__ */ $((e) => {
|
|
6633
6652
|
let { __scopeDialog: n, children: i, open: a, defaultOpen: o, onOpenChange: s, modal: c = !0 } = e, l = r.useRef(null), u = r.useRef(null), [d, f] = Ae({
|
|
6634
6653
|
prop: a,
|
|
6635
6654
|
defaultProp: o ?? !1,
|
|
6636
6655
|
onChange: s,
|
|
6637
|
-
caller:
|
|
6656
|
+
caller: qd
|
|
6638
6657
|
}), [p, m] = r.useState(0), [h, g] = r.useState(0);
|
|
6639
|
-
return /* @__PURE__ */ t(
|
|
6658
|
+
return /* @__PURE__ */ t(Xd, {
|
|
6640
6659
|
scope: n,
|
|
6641
6660
|
triggerRef: l,
|
|
6642
6661
|
contentRef: u,
|
|
@@ -6653,9 +6672,9 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
|
|
|
6653
6672
|
modal: c,
|
|
6654
6673
|
children: i
|
|
6655
6674
|
});
|
|
6656
|
-
}, "Dialog"),
|
|
6657
|
-
let { __scopeDialog: n, forceMount: i, children: a, container: o } = e, s =
|
|
6658
|
-
return /* @__PURE__ */ t(
|
|
6675
|
+
}, "Dialog"), $d = "DialogPortal", [ef, tf] = Jd($d, { forceMount: void 0 }), nf = /* @__PURE__ */ $((e) => {
|
|
6676
|
+
let { __scopeDialog: n, forceMount: i, children: a, container: o } = e, s = Zd($d, n);
|
|
6677
|
+
return /* @__PURE__ */ t(ef, {
|
|
6659
6678
|
scope: n,
|
|
6660
6679
|
forceMount: i,
|
|
6661
6680
|
children: r.Children.map(a, (e) => /* @__PURE__ */ t(Ve, {
|
|
@@ -6667,23 +6686,23 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
|
|
|
6667
6686
|
})
|
|
6668
6687
|
}))
|
|
6669
6688
|
});
|
|
6670
|
-
}, "DialogPortal"),
|
|
6671
|
-
let r =
|
|
6689
|
+
}, "DialogPortal"), rf = "DialogOverlay", af = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
|
|
6690
|
+
let r = tf(rf, e.__scopeDialog), { forceMount: i = r.forceMount, ...a } = e, o = Zd(rf, e.__scopeDialog);
|
|
6672
6691
|
return o.modal ? /* @__PURE__ */ t(Ve, {
|
|
6673
6692
|
present: i || o.open,
|
|
6674
|
-
children: /* @__PURE__ */ t(
|
|
6693
|
+
children: /* @__PURE__ */ t(sf, {
|
|
6675
6694
|
...a,
|
|
6676
6695
|
ref: n
|
|
6677
6696
|
})
|
|
6678
6697
|
}) : null;
|
|
6679
|
-
}, "DialogOverlay")),
|
|
6680
|
-
let { __scopeDialog: r, ...i } = e, a =
|
|
6698
|
+
}, "DialogOverlay")), of = /* @__PURE__ */ Je("DialogOverlay.RemoveScroll"), sf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
|
|
6699
|
+
let { __scopeDialog: r, ...i } = e, a = Zd(rf, r), o = I(n, er());
|
|
6681
6700
|
return /* @__PURE__ */ t(ic, {
|
|
6682
|
-
as:
|
|
6701
|
+
as: of,
|
|
6683
6702
|
allowPinchZoom: !0,
|
|
6684
6703
|
shards: [a.contentRef],
|
|
6685
6704
|
children: /* @__PURE__ */ t(H.div, {
|
|
6686
|
-
"data-state":
|
|
6705
|
+
"data-state": _f(a.open),
|
|
6687
6706
|
...i,
|
|
6688
6707
|
ref: o,
|
|
6689
6708
|
style: {
|
|
@@ -6692,24 +6711,24 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
|
|
|
6692
6711
|
}
|
|
6693
6712
|
})
|
|
6694
6713
|
});
|
|
6695
|
-
}, "DialogOverlayImpl")),
|
|
6696
|
-
let r =
|
|
6714
|
+
}, "DialogOverlayImpl")), cf = "DialogContent", lf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
|
|
6715
|
+
let r = tf(cf, e.__scopeDialog), { forceMount: i = r.forceMount, ...a } = e, o = Zd(cf, e.__scopeDialog);
|
|
6697
6716
|
return /* @__PURE__ */ t(Ve, {
|
|
6698
6717
|
present: i || o.open,
|
|
6699
|
-
children: o.modal ? /* @__PURE__ */ t(
|
|
6718
|
+
children: o.modal ? /* @__PURE__ */ t(uf, {
|
|
6700
6719
|
...a,
|
|
6701
6720
|
ref: n
|
|
6702
|
-
}) : /* @__PURE__ */ t(
|
|
6721
|
+
}) : /* @__PURE__ */ t(df, {
|
|
6703
6722
|
...a,
|
|
6704
6723
|
ref: n
|
|
6705
6724
|
})
|
|
6706
6725
|
});
|
|
6707
|
-
}, "DialogContent")),
|
|
6708
|
-
let i =
|
|
6726
|
+
}, "DialogContent")), uf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
|
|
6727
|
+
let i = Zd(cf, e.__scopeDialog), a = r.useRef(null), o = I(n, i.contentRef, a);
|
|
6709
6728
|
return r.useEffect(() => {
|
|
6710
6729
|
let e = a.current;
|
|
6711
6730
|
if (e) return Xo(e);
|
|
6712
|
-
}, []), /* @__PURE__ */ t(
|
|
6731
|
+
}, []), /* @__PURE__ */ t(ff, {
|
|
6713
6732
|
...e,
|
|
6714
6733
|
ref: o,
|
|
6715
6734
|
trapFocus: i.open,
|
|
@@ -6723,9 +6742,9 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
|
|
|
6723
6742
|
}),
|
|
6724
6743
|
onFocusOutside: z(e.onFocusOutside, (e) => e.preventDefault())
|
|
6725
6744
|
});
|
|
6726
|
-
}, "DialogContentModal")),
|
|
6727
|
-
let i =
|
|
6728
|
-
return /* @__PURE__ */ t(
|
|
6745
|
+
}, "DialogContentModal")), df = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
|
|
6746
|
+
let i = Zd(cf, e.__scopeDialog), a = r.useRef(!1), o = r.useRef(!1);
|
|
6747
|
+
return /* @__PURE__ */ t(ff, {
|
|
6729
6748
|
...e,
|
|
6730
6749
|
ref: n,
|
|
6731
6750
|
trapFocus: !1,
|
|
@@ -6739,8 +6758,8 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
|
|
|
6739
6758
|
i.triggerRef.current?.contains(n) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && o.current && t.preventDefault();
|
|
6740
6759
|
}
|
|
6741
6760
|
});
|
|
6742
|
-
}, "DialogContentNonModal")),
|
|
6743
|
-
let { __scopeDialog: i, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s, ...c } = n, l =
|
|
6761
|
+
}, "DialogContentNonModal")), ff = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(n, r) {
|
|
6762
|
+
let { __scopeDialog: i, trapFocus: a, onOpenAutoFocus: o, onCloseAutoFocus: s, ...c } = n, l = Zd(cf, i);
|
|
6744
6763
|
return dr(), /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(_r, {
|
|
6745
6764
|
asChild: !0,
|
|
6746
6765
|
loop: !0,
|
|
@@ -6752,22 +6771,22 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
|
|
|
6752
6771
|
id: l.contentId,
|
|
6753
6772
|
"aria-describedby": l.descriptionPresent ? l.descriptionId : void 0,
|
|
6754
6773
|
"aria-labelledby": l.titlePresent ? l.titleId : void 0,
|
|
6755
|
-
"data-state":
|
|
6774
|
+
"data-state": _f(l.open),
|
|
6756
6775
|
...c,
|
|
6757
6776
|
ref: r,
|
|
6758
6777
|
deferPointerDownOutside: !0,
|
|
6759
6778
|
onDismiss: () => l.onOpenChange(!1)
|
|
6760
6779
|
})
|
|
6761
6780
|
}) });
|
|
6762
|
-
}, "DialogContentImpl")),
|
|
6763
|
-
let { __scopeDialog: r, ...i } = e, a =
|
|
6781
|
+
}, "DialogContentImpl")), pf = "DialogTitle", mf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
|
|
6782
|
+
let { __scopeDialog: r, ...i } = e, a = Zd(pf, r), { setTitleCount: o } = a;
|
|
6764
6783
|
return B(() => (o((e) => e + 1), () => o((e) => e - 1)), [o]), /* @__PURE__ */ t(H.h2, {
|
|
6765
6784
|
id: a.titleId,
|
|
6766
6785
|
...i,
|
|
6767
6786
|
ref: n
|
|
6768
6787
|
});
|
|
6769
|
-
}, "DialogTitle")),
|
|
6770
|
-
let { __scopeDialog: r, ...i } = e, a =
|
|
6788
|
+
}, "DialogTitle")), hf = "DialogClose", gf = /* @__PURE__ */ r.forwardRef(/* @__PURE__ */ $(function(e, n) {
|
|
6789
|
+
let { __scopeDialog: r, ...i } = e, a = Zd(hf, r);
|
|
6771
6790
|
return /* @__PURE__ */ t(H.button, {
|
|
6772
6791
|
type: "button",
|
|
6773
6792
|
...i,
|
|
@@ -6775,41 +6794,45 @@ var Wd = Object.defineProperty, $ = (e, t) => Wd(e, "name", {
|
|
|
6775
6794
|
onClick: z(e.onClick, () => a.onOpenChange(!1))
|
|
6776
6795
|
});
|
|
6777
6796
|
}, "DialogClose"));
|
|
6778
|
-
function
|
|
6797
|
+
function _f(e) {
|
|
6779
6798
|
return e ? "open" : "closed";
|
|
6780
6799
|
}
|
|
6781
|
-
$(
|
|
6782
|
-
var
|
|
6783
|
-
overlay: "
|
|
6784
|
-
|
|
6785
|
-
|
|
6786
|
-
|
|
6787
|
-
|
|
6788
|
-
|
|
6789
|
-
|
|
6790
|
-
|
|
6800
|
+
$(_f, "getState");
|
|
6801
|
+
var vf = {
|
|
6802
|
+
overlay: "_overlay_f41r0_1",
|
|
6803
|
+
"overlay-in": "_overlay-in_f41r0_1",
|
|
6804
|
+
"overlay-out": "_overlay-out_f41r0_1",
|
|
6805
|
+
content: "_content_f41r0_16 _focusRing_svxew_10",
|
|
6806
|
+
"content-in": "_content-in_f41r0_1",
|
|
6807
|
+
"content-out": "_content-out_f41r0_1",
|
|
6808
|
+
sm: "_sm_f41r0_65",
|
|
6809
|
+
md: "_md_f41r0_69",
|
|
6810
|
+
lg: "_lg_f41r0_73",
|
|
6811
|
+
header: "_header_f41r0_77",
|
|
6812
|
+
close: "_close_f41r0_84 _focusRing_svxew_10",
|
|
6813
|
+
footer: "_footer_f41r0_99"
|
|
6791
6814
|
};
|
|
6792
6815
|
//#endregion
|
|
6793
6816
|
//#region src/components/Modal.tsx
|
|
6794
|
-
function
|
|
6795
|
-
return /* @__PURE__ */ t(
|
|
6817
|
+
function yf({ open: e, onClose: r, size: i = "md", title: a, children: o, footerActions: s }) {
|
|
6818
|
+
return /* @__PURE__ */ t(Qd, {
|
|
6796
6819
|
open: e,
|
|
6797
6820
|
onOpenChange: (e) => !e && r(),
|
|
6798
|
-
children: /* @__PURE__ */ n(
|
|
6799
|
-
className: `${
|
|
6821
|
+
children: /* @__PURE__ */ n(nf, { children: [/* @__PURE__ */ t(af, { className: vf.overlay }), /* @__PURE__ */ n(lf, {
|
|
6822
|
+
className: `${vf.content} ${vf[i]}`,
|
|
6800
6823
|
"data-pmax": "modal",
|
|
6801
6824
|
children: [
|
|
6802
6825
|
/* @__PURE__ */ n("div", {
|
|
6803
|
-
className:
|
|
6804
|
-
children: [/* @__PURE__ */ t(
|
|
6826
|
+
className: vf.header,
|
|
6827
|
+
children: [/* @__PURE__ */ t(mf, {
|
|
6805
6828
|
asChild: !0,
|
|
6806
6829
|
children: /* @__PURE__ */ t(C, {
|
|
6807
6830
|
as: "h2",
|
|
6808
6831
|
variant: "display-3",
|
|
6809
6832
|
children: a
|
|
6810
6833
|
})
|
|
6811
|
-
}), /* @__PURE__ */ t(
|
|
6812
|
-
className:
|
|
6834
|
+
}), /* @__PURE__ */ t(gf, {
|
|
6835
|
+
className: vf.close,
|
|
6813
6836
|
"aria-label": "Close",
|
|
6814
6837
|
children: /* @__PURE__ */ t(g, {
|
|
6815
6838
|
name: "close",
|
|
@@ -6819,77 +6842,104 @@ function _f({ open: e, onClose: r, size: i = "md", title: a, children: o, footer
|
|
|
6819
6842
|
}),
|
|
6820
6843
|
o,
|
|
6821
6844
|
s ? /* @__PURE__ */ t("div", {
|
|
6822
|
-
className:
|
|
6845
|
+
className: vf.footer,
|
|
6823
6846
|
children: s
|
|
6824
6847
|
}) : null
|
|
6825
6848
|
]
|
|
6826
6849
|
})] })
|
|
6827
6850
|
});
|
|
6828
6851
|
}
|
|
6829
|
-
var
|
|
6852
|
+
var bf = {
|
|
6830
6853
|
viewport: "_viewport_1oa8j_1",
|
|
6831
6854
|
toast: "_toast_1oa8j_14",
|
|
6832
6855
|
visible: "_visible_1oa8j_31",
|
|
6833
6856
|
success: "_success_1oa8j_36",
|
|
6834
6857
|
error: "_error_1oa8j_40",
|
|
6835
6858
|
info: "_info_1oa8j_44"
|
|
6836
|
-
},
|
|
6837
|
-
function
|
|
6859
|
+
}, xf = a(null), Sf = 200;
|
|
6860
|
+
function Cf({ children: e }) {
|
|
6838
6861
|
let [r, i] = p([]), a = f(0), o = s((e) => {
|
|
6862
|
+
i((t) => t.map((t) => t.id === e ? {
|
|
6863
|
+
...t,
|
|
6864
|
+
leaving: !0
|
|
6865
|
+
} : t));
|
|
6866
|
+
}, []), c = s((e) => {
|
|
6839
6867
|
i((t) => t.filter((t) => t.id !== e));
|
|
6840
|
-
}, []),
|
|
6868
|
+
}, []), l = s((e, t) => {
|
|
6841
6869
|
let n = a.current++, r = t?.duration ?? (t?.tone === "error" ? 5e3 : 2500);
|
|
6842
6870
|
i((i) => [...i, {
|
|
6843
6871
|
id: n,
|
|
6844
6872
|
message: e,
|
|
6845
6873
|
tone: t?.tone ?? "info",
|
|
6846
6874
|
action: t?.action,
|
|
6847
|
-
duration: r
|
|
6875
|
+
duration: r,
|
|
6876
|
+
leaving: !1
|
|
6848
6877
|
}]), setTimeout(() => o(n), r);
|
|
6849
6878
|
}, [o]);
|
|
6850
|
-
return /* @__PURE__ */ n(
|
|
6851
|
-
value: { showToast:
|
|
6879
|
+
return /* @__PURE__ */ n(xf.Provider, {
|
|
6880
|
+
value: { showToast: l },
|
|
6852
6881
|
children: [e, /* @__PURE__ */ t("div", {
|
|
6853
|
-
className:
|
|
6882
|
+
className: bf.viewport,
|
|
6854
6883
|
"aria-live": "polite",
|
|
6855
6884
|
"aria-atomic": "true",
|
|
6856
6885
|
"data-pmax": "toast-viewport",
|
|
6857
|
-
children: r.map((e) => /* @__PURE__ */ t(
|
|
6886
|
+
children: r.map((e) => /* @__PURE__ */ t(wf, {
|
|
6887
|
+
...e,
|
|
6888
|
+
onExited: c
|
|
6889
|
+
}, e.id))
|
|
6858
6890
|
})]
|
|
6859
6891
|
});
|
|
6860
6892
|
}
|
|
6861
|
-
function
|
|
6862
|
-
|
|
6863
|
-
|
|
6864
|
-
|
|
6865
|
-
|
|
6893
|
+
function wf({ id: e, message: t, tone: r, action: i, leaving: a, onExited: o }) {
|
|
6894
|
+
let [s, c] = p(!1);
|
|
6895
|
+
return l(() => {
|
|
6896
|
+
let e = requestAnimationFrame(() => {
|
|
6897
|
+
requestAnimationFrame(() => c(!0));
|
|
6898
|
+
});
|
|
6899
|
+
return () => cancelAnimationFrame(e);
|
|
6900
|
+
}, []), l(() => {
|
|
6901
|
+
if (!a) return;
|
|
6902
|
+
let t = setTimeout(() => o(e), Sf);
|
|
6903
|
+
return () => clearTimeout(t);
|
|
6904
|
+
}, [
|
|
6905
|
+
a,
|
|
6906
|
+
e,
|
|
6907
|
+
o
|
|
6908
|
+
]), /* @__PURE__ */ n("div", {
|
|
6909
|
+
className: v(bf.toast, s && !a && bf.visible, bf[r]),
|
|
6910
|
+
role: r === "error" ? "alert" : "status",
|
|
6911
|
+
children: [t, i]
|
|
6866
6912
|
});
|
|
6867
6913
|
}
|
|
6868
|
-
function
|
|
6869
|
-
let e = c(
|
|
6914
|
+
function Tf() {
|
|
6915
|
+
let e = c(xf);
|
|
6870
6916
|
if (!e) throw Error("useToast must be used within a ToastProvider");
|
|
6871
6917
|
return e;
|
|
6872
6918
|
}
|
|
6873
|
-
var
|
|
6874
|
-
overlay: "
|
|
6875
|
-
|
|
6876
|
-
"
|
|
6877
|
-
|
|
6878
|
-
|
|
6879
|
-
|
|
6880
|
-
|
|
6919
|
+
var Ef = {
|
|
6920
|
+
overlay: "_overlay_1a342_1",
|
|
6921
|
+
"overlay-in": "_overlay-in_1a342_1",
|
|
6922
|
+
"overlay-out": "_overlay-out_1a342_1",
|
|
6923
|
+
content: "_content_1a342_16 _focusRing_svxew_10",
|
|
6924
|
+
right: "_right_1a342_25",
|
|
6925
|
+
"slide-in-x": "_slide-in-x_1a342_1",
|
|
6926
|
+
left: "_left_1a342_40",
|
|
6927
|
+
"slide-in-neg-x": "_slide-in-neg-x_1a342_1",
|
|
6928
|
+
bottom: "_bottom_1a342_55",
|
|
6929
|
+
"slide-in-y": "_slide-in-y_1a342_1",
|
|
6930
|
+
close: "_close_1a342_104 _focusRing_svxew_10"
|
|
6881
6931
|
};
|
|
6882
6932
|
//#endregion
|
|
6883
6933
|
//#region src/components/Drawer.tsx
|
|
6884
|
-
function
|
|
6885
|
-
return /* @__PURE__ */ t(
|
|
6934
|
+
function Df({ side: e, open: r, onClose: i, title: a, children: o }) {
|
|
6935
|
+
return /* @__PURE__ */ t(Qd, {
|
|
6886
6936
|
open: r,
|
|
6887
6937
|
onOpenChange: (e) => !e && i(),
|
|
6888
|
-
children: /* @__PURE__ */ n(
|
|
6889
|
-
className: `${
|
|
6938
|
+
children: /* @__PURE__ */ n(nf, { children: [/* @__PURE__ */ t(af, { className: Ef.overlay }), /* @__PURE__ */ n(lf, {
|
|
6939
|
+
className: `${Ef.content} ${Ef[e]}`,
|
|
6890
6940
|
"data-pmax": "drawer",
|
|
6891
6941
|
children: [
|
|
6892
|
-
/* @__PURE__ */ t(
|
|
6942
|
+
/* @__PURE__ */ t(mf, {
|
|
6893
6943
|
style: {
|
|
6894
6944
|
position: "absolute",
|
|
6895
6945
|
width: 1,
|
|
@@ -6898,8 +6948,8 @@ function wf({ side: e, open: r, onClose: i, title: a, children: o }) {
|
|
|
6898
6948
|
},
|
|
6899
6949
|
children: a
|
|
6900
6950
|
}),
|
|
6901
|
-
/* @__PURE__ */ t(
|
|
6902
|
-
className:
|
|
6951
|
+
/* @__PURE__ */ t(gf, {
|
|
6952
|
+
className: Ef.close,
|
|
6903
6953
|
"aria-label": "Close",
|
|
6904
6954
|
children: /* @__PURE__ */ t(g, {
|
|
6905
6955
|
name: "close",
|
|
@@ -6911,36 +6961,27 @@ function wf({ side: e, open: r, onClose: i, title: a, children: o }) {
|
|
|
6911
6961
|
})] })
|
|
6912
6962
|
});
|
|
6913
6963
|
}
|
|
6964
|
+
var Of = {
|
|
6965
|
+
nav: "_nav_ox24b_1",
|
|
6966
|
+
crumb: "_crumb_ox24b_11",
|
|
6967
|
+
link: "_link_ox24b_17 _focusRing_svxew_10",
|
|
6968
|
+
current: "_current_ox24b_28"
|
|
6969
|
+
};
|
|
6914
6970
|
//#endregion
|
|
6915
6971
|
//#region src/components/Breadcrumbs.tsx
|
|
6916
|
-
function
|
|
6972
|
+
function kf({ items: e }) {
|
|
6917
6973
|
return /* @__PURE__ */ t("nav", {
|
|
6918
6974
|
"data-pmax": "breadcrumbs",
|
|
6919
6975
|
"aria-label": "Breadcrumb",
|
|
6920
|
-
|
|
6921
|
-
display: "flex",
|
|
6922
|
-
flexWrap: "wrap",
|
|
6923
|
-
alignItems: "center",
|
|
6924
|
-
gap: 8,
|
|
6925
|
-
fontFamily: "var(--font-body)",
|
|
6926
|
-
fontSize: 13,
|
|
6927
|
-
color: "var(--text-muted)"
|
|
6928
|
-
},
|
|
6976
|
+
className: Of.nav,
|
|
6929
6977
|
children: e.map((r, i) => /* @__PURE__ */ n("span", {
|
|
6930
|
-
|
|
6931
|
-
display: "inline-flex",
|
|
6932
|
-
alignItems: "center",
|
|
6933
|
-
gap: 8
|
|
6934
|
-
},
|
|
6978
|
+
className: Of.crumb,
|
|
6935
6979
|
children: [r.href ? /* @__PURE__ */ t("a", {
|
|
6936
6980
|
href: r.href,
|
|
6937
|
-
|
|
6938
|
-
color: "inherit",
|
|
6939
|
-
textDecoration: "none"
|
|
6940
|
-
},
|
|
6981
|
+
className: Of.link,
|
|
6941
6982
|
children: r.label
|
|
6942
6983
|
}) : /* @__PURE__ */ t("span", {
|
|
6943
|
-
|
|
6984
|
+
className: Of.current,
|
|
6944
6985
|
"aria-current": "page",
|
|
6945
6986
|
children: r.label
|
|
6946
6987
|
}), i < e.length - 1 ? /* @__PURE__ */ t("span", {
|
|
@@ -6951,6 +6992,6 @@ function Tf({ items: e }) {
|
|
|
6951
6992
|
});
|
|
6952
6993
|
}
|
|
6953
6994
|
//#endregion
|
|
6954
|
-
export { Au as Accordion,
|
|
6995
|
+
export { Au as Accordion, xd as ActiveFilters, ud as AddToCartButton, zu as AnnouncementBar, Ud as ArticleCard, Md as AttributeChip, Nd as AttributeList, kf as Breadcrumbs, k as Button, qu as CartButton, td as CategoryRail, $u as CategoryTile, kt as Checkbox, te as Chip, jd as CollapsiblePanel, ld as CompareButton, Gu as ContactItem, P as CountPill, Al as DisclosureToggle, Pu as Divider, Df as Drawer, vd as FilterChipGroup, bd as FilterPanel, _d as FilterSection, Gd as Footer, sd as FulfillmentBadges, Od as FulfillmentPanel, rd as HeaderShell, zd as HeroCarousel, Ld as HeroSlide, g as Icon, ee as IconButton, ae as Input, Ku as LangSwitcher, Uu as Logo, Vd as MediaBanner, yf as Modal, Zu as NavBar, Yu as NavItem, Lu as Overlay, wd as Pagination, od as Price, yd as PriceRangeFilter, dd as ProductCard, md as ProductCarousel, Ed as ProductGallery, fd as ProductGrid, Hd as PromoCard, Fd as Prose, Un as RangeSlider, se as SearchField, hd as SectionHeader, Ol as Select, Iu as Skeleton, Dd as SkuChip, gd as SortMenu, Ad as SpecGrid, kd as SpecItem, Nu as Surface, re as Tag, C as Text, Cf as ToastProvider, cd as WishlistButton, Tf as useToast };
|
|
6955
6996
|
|
|
6956
6997
|
//# sourceMappingURL=index.js.map
|