@ed.yakovich/component-library 0.0.10 → 0.0.11
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/components/InfoBanner/index.js +4 -24
- package/dist/{index-C9Rf5U9q.js → index-By9FNwDt.js} +3105 -3089
- package/dist/{index-b30029d4-E1YxEHFH.js → index-b30029d4-WVn-64c9.js} +1 -1
- package/dist/lib/main.d.ts +0 -13
- package/dist/main.js +6 -32
- package/dist/{prism-accordion.entry-DeyFGNx-.js → prism-accordion.entry-Cx9R3pGR.js} +1 -1
- package/dist/{prism-avatar_2.entry-MLbdVrJg.js → prism-avatar_2.entry-BYgG-lCw.js} +1 -1
- package/dist/{prism-badge.entry-BG5y7O5U.js → prism-badge.entry-7tkOjkOC.js} +1 -1
- package/dist/{prism-banner.entry-DChrjpFH.js → prism-banner.entry-jfMhWTJ-.js} +1 -1
- package/dist/{prism-breadcrumb.entry-1YzYlKen.js → prism-breadcrumb.entry-6BKiTFvg.js} +7 -7
- package/dist/{prism-button_2.entry-DO8IGIoS.js → prism-button_2.entry-DnnPRWBp.js} +1 -1
- package/dist/{prism-card.entry-DQ6P4TZP.js → prism-card.entry-CkJQnJF8.js} +1 -1
- package/dist/{prism-carousel.entry-BA8zsHRW.js → prism-carousel.entry-CjyHpSoz.js} +1 -1
- package/dist/{prism-checkbox-group.entry-CP4-gghb.js → prism-checkbox-group.entry-h68bFMNT.js} +1 -1
- package/dist/{prism-checkbox.entry-CJCy8fvC.js → prism-checkbox.entry-BnqA0ld6.js} +2 -2
- package/dist/{prism-data-table.entry--0djw8ls.js → prism-data-table.entry-CRJbrNmp.js} +1 -1
- package/dist/{prism-datepicker.entry-DPm7tpKB.js → prism-datepicker.entry-Xu0QUY2Q.js} +1 -1
- package/dist/{prism-form.entry-CS1zRoMt.js → prism-form.entry-BJl2ma6x.js} +1 -1
- package/dist/{prism-grid.entry-jcx2aMUm.js → prism-grid.entry-DIdkZa73.js} +1 -1
- package/dist/{prism-header.entry-CBSIpa0M.js → prism-header.entry-BZVXHBCx.js} +7 -7
- package/dist/{prism-hero.entry-B0CKL5y9.js → prism-hero.entry-D6vT9Cfs.js} +1 -1
- package/dist/{prism-icon_2.entry-Aja4QGUK.js → prism-icon_2.entry-u0DT931p.js} +1 -1
- package/dist/{prism-image.entry-B--khr6E.js → prism-image.entry-Db2L08jh.js} +1 -1
- package/dist/{prism-input-file.entry-i5qJkwEK.js → prism-input-file.entry-NMZff8Re.js} +2 -2
- package/dist/{prism-input-otp.entry-DXoARuzH.js → prism-input-otp.entry-qFelMElv.js} +3 -3
- package/dist/{prism-input-text.entry-D4QQ-dYX.js → prism-input-text.entry-YbQ3NQuB.js} +2 -2
- package/dist/{prism-input-textarea.entry-eeQHnhqC.js → prism-input-textarea.entry-Bz7ecyna.js} +2 -2
- package/dist/{prism-layout.entry-bfKqOEnU.js → prism-layout.entry-DVLlE1S8.js} +1 -1
- package/dist/{prism-lineitem.entry-YIRZPVe_.js → prism-lineitem.entry-BOUyDMlc.js} +1 -1
- package/dist/{prism-menu.entry-BIlRCiaA.js → prism-menu.entry-TqJabKKs.js} +1 -1
- package/dist/{prism-modal.entry-Kc-SpAR-.js → prism-modal.entry-CiIsey_Y.js} +3 -3
- package/dist/{prism-pagination.entry-BCo9aMdq.js → prism-pagination.entry-BZOMunz-.js} +1 -1
- package/dist/{prism-popover.entry-LmDvzCiR.js → prism-popover.entry-Bt1uXSV9.js} +1 -1
- package/dist/{prism-popper.entry-BqrcyTkE.js → prism-popper.entry-Ck2qBmqM.js} +1 -1
- package/dist/{prism-progress.entry-29_ezvop.js → prism-progress.entry-DobqcGx4.js} +1 -1
- package/dist/{prism-radio-group.entry-cL6AqjTk.js → prism-radio-group.entry-DTVEUN2r.js} +2 -2
- package/dist/{prism-radio.entry-CM_vZFZA.js → prism-radio.entry-D0dGSQn2.js} +2 -2
- package/dist/{prism-select.entry-B6A3gk7B.js → prism-select.entry-CRYklxK0.js} +2 -2
- package/dist/{prism-switch.entry-CtEfKB58.js → prism-switch.entry-CINfgY_6.js} +2 -2
- package/dist/{prism-tab.entry-DIDUhFlk.js → prism-tab.entry-dV7AljQC.js} +1 -1
- package/dist/{prism-tabs.entry-Cj3dW5_E.js → prism-tabs.entry-DPc_2ypT.js} +1 -1
- package/dist/{prism-tooltip.entry-DEdY5eRd.js → prism-tooltip.entry-DZJ2tfFV.js} +1 -1
- package/dist/{prism-typeahead.entry-D2XrvXaG.js → prism-typeahead.entry-DDkmHo72.js} +1 -1
- package/package.json +1 -1
- package/dist/components/Accordion/context/index.js +0 -7
- package/dist/components/Accordion/index.js +0 -38
- package/dist/components/Accordion/types/index.js +0 -1
- package/dist/components/Cart/index.js +0 -35
- package/dist/components/EquipmentSummary/context/index.js +0 -10
- package/dist/components/EquipmentSummary/index.js +0 -65
- package/dist/components/EquipmentSummary/types/index.js +0 -1
- package/dist/components/Grid/index.js +0 -19
- package/dist/components/HeroBanner/context/index.js +0 -7
- package/dist/components/HeroBanner/index.js +0 -33
- package/dist/components/HeroBanner/types/index.js +0 -1
- package/dist/components/Nav/index.js +0 -23
- package/dist/components/OfferCards/context/index.js +0 -7
- package/dist/components/OfferCards/index.js +0 -30
- package/dist/components/OfferCards/subComponents/OfferCard.js +0 -62
- package/dist/components/OfferCards/types/index.js +0 -1
- package/dist/components/SaleBanner/context/index.js +0 -7
- package/dist/components/SaleBanner/index.js +0 -59
- package/dist/components/SaleBanner/types/index.js +0 -1
- package/dist/lib/components/Accordion/context/index.d.ts +0 -10
- package/dist/lib/components/Accordion/index.d.ts +0 -2
- package/dist/lib/components/Accordion/types/index.d.ts +0 -13
- package/dist/lib/components/Cart/index.d.ts +0 -6
- package/dist/lib/components/EquipmentSummary/context/index.d.ts +0 -10
- package/dist/lib/components/EquipmentSummary/index.d.ts +0 -2
- package/dist/lib/components/EquipmentSummary/types/index.d.ts +0 -14
- package/dist/lib/components/Grid/index.d.ts +0 -13
- package/dist/lib/components/HeroBanner/context/index.d.ts +0 -10
- package/dist/lib/components/HeroBanner/index.d.ts +0 -2
- package/dist/lib/components/HeroBanner/types/index.d.ts +0 -11
- package/dist/lib/components/Nav/index.d.ts +0 -8
- package/dist/lib/components/OfferCards/context/index.d.ts +0 -9
- package/dist/lib/components/OfferCards/index.d.ts +0 -2
- package/dist/lib/components/OfferCards/subComponents/OfferCard.d.ts +0 -3
- package/dist/lib/components/OfferCards/types/index.d.ts +0 -26
- package/dist/lib/components/SaleBanner/context/index.d.ts +0 -10
- package/dist/lib/components/SaleBanner/index.d.ts +0 -2
- package/dist/lib/components/SaleBanner/types/index.d.ts +0 -11
- package/dist/link-DO_Jvm9n.js +0 -685
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { c as P, b as S, a as j, d as E } from "../../index-C9Rf5U9q.js";
|
|
3
|
-
import { useEquipmentSummaryContext as $ } from "./context/index.js";
|
|
4
|
-
const I = (m) => {
|
|
5
|
-
const {
|
|
6
|
-
isHidden: o,
|
|
7
|
-
componentId: u = "",
|
|
8
|
-
heading: c = "",
|
|
9
|
-
description: p = "",
|
|
10
|
-
isLoading: h = !1,
|
|
11
|
-
equipmentList: g = []
|
|
12
|
-
} = m, e = $(), q = e == null ? void 0 : e.isHidden, L = (e == null ? void 0 : e.heading) || "", b = (e == null ? void 0 : e.description) || "", r = (e == null ? void 0 : e.equipmentList) || [], f = (e == null ? void 0 : e.isLoading) || "", V = () => ({
|
|
13
|
-
isHiddenVal: q || o,
|
|
14
|
-
headingVal: L || c,
|
|
15
|
-
descriptionVal: b || p,
|
|
16
|
-
isLoadingVal: f || h,
|
|
17
|
-
equipmentListVal: r.length > 0 ? r : g
|
|
18
|
-
}), { isHiddenVal: v, headingVal: y, descriptionVal: x, isLoadingVal: C, equipmentListVal: t } = V(), N = (n) => {
|
|
19
|
-
switch (n) {
|
|
20
|
-
case "return":
|
|
21
|
-
return "caution";
|
|
22
|
-
case "keep":
|
|
23
|
-
return "positive";
|
|
24
|
-
default:
|
|
25
|
-
return "neutral";
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
return v ? null : /* @__PURE__ */ i(
|
|
29
|
-
"div",
|
|
30
|
-
{
|
|
31
|
-
"data-component-id": `EquipmentSummary--${u}`,
|
|
32
|
-
className: "border-3 border-blue-500 border-solid rounded-lg p-8 @container/equipmentsummary",
|
|
33
|
-
children: /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(
|
|
34
|
-
P,
|
|
35
|
-
{
|
|
36
|
-
label: y,
|
|
37
|
-
description: x,
|
|
38
|
-
tone: "neutral2-inverse",
|
|
39
|
-
collapsed: !1,
|
|
40
|
-
children: /* @__PURE__ */ i("div", { children: C ? /* @__PURE__ */ i(S, { display: "inline", type: "dots" }) : /* @__PURE__ */ i("div", { children: t.length > 0 && /* @__PURE__ */ i("ul", { className: "space-y-4", children: t.map(({ icon: n, title: d, description: l, actionType: s }, H) => /* @__PURE__ */ a("li", { children: [
|
|
41
|
-
/* @__PURE__ */ a("div", { className: "@xs/equipmentsummary:flex @xs/equipmentsummary:justify-between", children: [
|
|
42
|
-
/* @__PURE__ */ a("div", { className: "flex gap-2", children: [
|
|
43
|
-
n && /* @__PURE__ */ i(j, { name: n, tone: "info", theme: "outline", size: "sm" }),
|
|
44
|
-
d && /* @__PURE__ */ i("span", { children: d })
|
|
45
|
-
] }),
|
|
46
|
-
s && /* @__PURE__ */ i("div", { className: "ml-8 mb-2 @xs/equipmentsummary:ml-0 @xs/equipmentsummary:mb-0", children: /* @__PURE__ */ i(
|
|
47
|
-
E,
|
|
48
|
-
{
|
|
49
|
-
label: s,
|
|
50
|
-
size: "md",
|
|
51
|
-
tone: N(s),
|
|
52
|
-
children: s
|
|
53
|
-
}
|
|
54
|
-
) })
|
|
55
|
-
] }),
|
|
56
|
-
l && /* @__PURE__ */ i("p", { className: "ml-8 text-xs", children: /* @__PURE__ */ i("em", { children: l }) })
|
|
57
|
-
] }, `${d}-${H}`)) }) }) })
|
|
58
|
-
}
|
|
59
|
-
) })
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
};
|
|
63
|
-
export {
|
|
64
|
-
I as EquipmentSummary
|
|
65
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
const p = (d) => {
|
|
3
|
-
const { flushX: i, flushY: c, maxWidth: e = "", maxColAmount: r = "1", colSpan: s = "", gapX: l = "gap-x-6", gapY: t = "gap-y-6", children: g } = d, a = () => {
|
|
4
|
-
switch (r) {
|
|
5
|
-
case "4":
|
|
6
|
-
return "@2xl/gridcomp:grid-cols-4";
|
|
7
|
-
case "3":
|
|
8
|
-
return "@2xl/gridcomp:grid-cols-3";
|
|
9
|
-
case "2":
|
|
10
|
-
return "@2xl/gridcomp:grid-cols-2";
|
|
11
|
-
default:
|
|
12
|
-
return "@2xl/gridcomp:grid-cols-1";
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
return /* @__PURE__ */ o("section", { "data-component-id": "Grid", className: "@container/gridcomp", children: /* @__PURE__ */ o("div", { className: `w-full mx-auto grid grid-cols-1 ${e} ${parseInt(r) > 2 ? "@md/gridcomp:grid-cols-2" : "@md/gridcomp:grid-cols-1"} ${a()} ${l} ${t} ${s} ${i ? "" : "px-4"} ${c ? "" : "py-4"}`, children: g }) });
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
p as Grid
|
|
19
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { createContext as n, useContext as x } from "react";
|
|
3
|
-
const e = n({}), a = () => x(e), u = ({ model: t, children: o }) => /* @__PURE__ */ r(e.Provider, { value: { ...t }, children: o });
|
|
4
|
-
export {
|
|
5
|
-
u as HeroBannerContextProvider,
|
|
6
|
-
a as useHeroBannerContext
|
|
7
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsx as n, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { a as c } from "../../index-C9Rf5U9q.js";
|
|
3
|
-
import { useHeroBannerContext as j } from "./context/index.js";
|
|
4
|
-
const z = (h) => {
|
|
5
|
-
const { isHidden: m, componentId: g = "", icon: p = "", heading: x = "", description: b = "", listData: u = [] } = h, e = j(), V = e == null ? void 0 : e.isHidden, f = (e == null ? void 0 : e.icon) || "", H = (e == null ? void 0 : e.heading) || "", C = (e == null ? void 0 : e.description) || "", r = (e == null ? void 0 : e.listData) || [], N = () => ({
|
|
6
|
-
isHiddenVal: V || m,
|
|
7
|
-
iconVal: f || p,
|
|
8
|
-
headingVal: H || x,
|
|
9
|
-
descriptionVal: C || b,
|
|
10
|
-
listDataVal: r.length > 0 ? r : u
|
|
11
|
-
}), { isHiddenVal: D, iconVal: l, headingVal: o, descriptionVal: s, listDataVal: t } = N();
|
|
12
|
-
return D ? null : /* @__PURE__ */ n(
|
|
13
|
-
"div",
|
|
14
|
-
{
|
|
15
|
-
"data-component-id": `HeroBanner--${g}`,
|
|
16
|
-
className: "border-3 border-blue-500 border-solid rounded-lg p-8 @container/herobanner",
|
|
17
|
-
children: /* @__PURE__ */ a("div", { className: "@lg/herobanner:flex @lg/herobanner:justify-between gap-2", children: [
|
|
18
|
-
/* @__PURE__ */ a("div", { children: [
|
|
19
|
-
l && /* @__PURE__ */ n(c, { name: l, tone: "info", theme: "outline", size: "lg" }),
|
|
20
|
-
o && /* @__PURE__ */ n("h2", { className: "text-xl @xl/herobanner:text-2xl @3xl/herobanner:text-4xl", children: /* @__PURE__ */ n("strong", { children: o }) }),
|
|
21
|
-
s && /* @__PURE__ */ n("p", { className: "text-xs", children: s })
|
|
22
|
-
] }),
|
|
23
|
-
t.length > 0 && /* @__PURE__ */ n("div", { className: "@lg/herobanner:w-[250px] @lg/herobanner:shrink-0", children: /* @__PURE__ */ n("ul", { children: t.map(({ icon: d, description: i }, v) => /* @__PURE__ */ a("li", { className: "flex gap-2", children: [
|
|
24
|
-
d && /* @__PURE__ */ n(c, { name: d, tone: "info", theme: "outline", size: "sm" }),
|
|
25
|
-
i && /* @__PURE__ */ n("span", { children: i })
|
|
26
|
-
] }, `${i}-${v}`)) }) })
|
|
27
|
-
] })
|
|
28
|
-
}
|
|
29
|
-
);
|
|
30
|
-
};
|
|
31
|
-
export {
|
|
32
|
-
z as HeroBanner
|
|
33
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { c as i } from "../../link-DO_Jvm9n.js";
|
|
3
|
-
import { P as a } from "../../index-C9Rf5U9q.js";
|
|
4
|
-
const c = i(a), p = (r) => {
|
|
5
|
-
const { pages: o } = r;
|
|
6
|
-
return /* @__PURE__ */ e("nav", { "data-component-id": "Nav", className: "p-6", children: /* @__PURE__ */ e("div", { className: "flex justify-center gap-4", children: o.map(({ name: t, url: n }, s) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
7
|
-
c,
|
|
8
|
-
{
|
|
9
|
-
size: "xs",
|
|
10
|
-
display: "menu",
|
|
11
|
-
tone: "info",
|
|
12
|
-
type: "button",
|
|
13
|
-
to: n,
|
|
14
|
-
activeProps: {
|
|
15
|
-
className: "font-bold text-blue-500 border-blue-500 border-b-2"
|
|
16
|
-
},
|
|
17
|
-
children: /* @__PURE__ */ e("strong", { children: t })
|
|
18
|
-
}
|
|
19
|
-
) }, `${t}-${s}`)) }) });
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
p as Nav
|
|
23
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { createContext as n, useContext as s } from "react";
|
|
3
|
-
const e = n({}), C = () => s(e), c = ({ model: t, children: r }) => /* @__PURE__ */ o(e.Provider, { value: { ...t }, children: r });
|
|
4
|
-
export {
|
|
5
|
-
c as OfferCardsContextProvider,
|
|
6
|
-
C as useOfferCardsContext
|
|
7
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsxs as l, jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { a as N, b as $ } from "../../index-C9Rf5U9q.js";
|
|
3
|
-
import b from "./subComponents/OfferCard.js";
|
|
4
|
-
import { useOfferCardsContext as j } from "./context/index.js";
|
|
5
|
-
const z = (o) => {
|
|
6
|
-
const {
|
|
7
|
-
isHidden: t,
|
|
8
|
-
componentId: c = "",
|
|
9
|
-
icon: f = "",
|
|
10
|
-
heading: m = "",
|
|
11
|
-
isLoading: g = !1,
|
|
12
|
-
offerCardList: h = []
|
|
13
|
-
} = o, i = j(), p = i == null ? void 0 : i.isHidden, C = (i == null ? void 0 : i.icon) || "", L = (i == null ? void 0 : i.heading) || "", V = (i == null ? void 0 : i.isLoading) || "", a = (i == null ? void 0 : i.offerCardList) || [], x = i == null ? void 0 : i.handleOfferCardAction, u = () => ({
|
|
14
|
-
isHiddenVal: p || t,
|
|
15
|
-
iconVal: C || f,
|
|
16
|
-
headingVal: L || m,
|
|
17
|
-
isLoadingVal: V || g,
|
|
18
|
-
offerCardListVal: a.length > 0 ? a : h
|
|
19
|
-
}), { isHiddenVal: O, iconVal: n, headingVal: d, isLoadingVal: H, offerCardListVal: r } = u();
|
|
20
|
-
return O ? null : /* @__PURE__ */ l("div", { "data-component-id": `OfferCards--${c}`, className: "@container/offercards", children: [
|
|
21
|
-
(d || n) && /* @__PURE__ */ l("div", { className: "mb-4 flex items-center gap-2 mt-10", children: [
|
|
22
|
-
n && /* @__PURE__ */ s(N, { name: n, tone: "expressive", theme: "fill", size: "md" }),
|
|
23
|
-
d && /* @__PURE__ */ s("h2", { className: "text-xl @2xl/offercards:text-2xl", children: /* @__PURE__ */ s("strong", { children: d }) })
|
|
24
|
-
] }),
|
|
25
|
-
H ? /* @__PURE__ */ s($, { display: "inline", type: "dots" }) : /* @__PURE__ */ s("div", { children: r.length > 0 && /* @__PURE__ */ s("ul", { className: "grid grid-cols-1 gap-4 @xl/offercards:grid-cols-2 @3xl/offercards:grid-cols-3", children: r.map((e, v) => /* @__PURE__ */ s("li", { children: /* @__PURE__ */ s(b, { ...e, handleOfferCardAction: x }) }, `${e == null ? void 0 : e.id}-${v}`)) }) })
|
|
26
|
-
] });
|
|
27
|
-
};
|
|
28
|
-
export {
|
|
29
|
-
z as OfferCards
|
|
30
|
-
};
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { P as N, b as v, a as h } from "../../../index-C9Rf5U9q.js";
|
|
3
|
-
import { c as P } from "../../../link-DO_Jvm9n.js";
|
|
4
|
-
const k = P(N), w = (f) => {
|
|
5
|
-
const {
|
|
6
|
-
isLoading: p = !1,
|
|
7
|
-
id: s = "",
|
|
8
|
-
icon: n = "",
|
|
9
|
-
heading: i = "",
|
|
10
|
-
description: a = "",
|
|
11
|
-
iconList: r = [],
|
|
12
|
-
price: o = "",
|
|
13
|
-
buttonLabel: d = "",
|
|
14
|
-
buttonHref: c = "",
|
|
15
|
-
buttonDisabled: x,
|
|
16
|
-
perMonth: u = !1,
|
|
17
|
-
handleOfferCardAction: b = () => {
|
|
18
|
-
}
|
|
19
|
-
} = f;
|
|
20
|
-
return /* @__PURE__ */ t(
|
|
21
|
-
"div",
|
|
22
|
-
{
|
|
23
|
-
"data-component-id": `OfferCard--${s}`,
|
|
24
|
-
className: "border-3 border-blue-500 border-solid rounded-lg flex flex-col bg-white h-full text-center relative",
|
|
25
|
-
children: [
|
|
26
|
-
p && /* @__PURE__ */ e("div", { className: "absolute top-2 left-2", children: /* @__PURE__ */ e(v, { display: "inline", type: "spinner" }) }),
|
|
27
|
-
/* @__PURE__ */ t("div", { className: "grow p-4", children: [
|
|
28
|
-
n && /* @__PURE__ */ e(h, { name: n, tone: "info", theme: "outline", size: "md" }),
|
|
29
|
-
i && /* @__PURE__ */ e("h3", { className: "text-lg", children: /* @__PURE__ */ e("strong", { children: i }) }),
|
|
30
|
-
a && /* @__PURE__ */ e("p", { className: "text-xs", children: a }),
|
|
31
|
-
o && /* @__PURE__ */ t("p", { className: "mt-2", children: [
|
|
32
|
-
/* @__PURE__ */ e("span", { className: "text-5xl", children: /* @__PURE__ */ t("strong", { children: [
|
|
33
|
-
"$",
|
|
34
|
-
Math.floor(o)
|
|
35
|
-
] }) }),
|
|
36
|
-
u && /* @__PURE__ */ e("span", { className: "text-lg", children: "/mo" })
|
|
37
|
-
] }),
|
|
38
|
-
r.length > 0 && /* @__PURE__ */ e("ul", { className: "mt-4 list-disc text-left", children: r.map(({ icon: l, description: m }, g) => /* @__PURE__ */ t("li", { className: "flex gap-2", children: [
|
|
39
|
-
l && /* @__PURE__ */ e(h, { name: l, tone: "info", theme: "outline", size: "xs" }),
|
|
40
|
-
m && /* @__PURE__ */ e("p", { className: "text-xs", children: m })
|
|
41
|
-
] }, `${l}-${g}`)) })
|
|
42
|
-
] }),
|
|
43
|
-
d && /* @__PURE__ */ e("div", { className: "mt-8 bg-blue-500 p-2", children: /* @__PURE__ */ e(
|
|
44
|
-
k,
|
|
45
|
-
{
|
|
46
|
-
size: "xs",
|
|
47
|
-
display: "link",
|
|
48
|
-
tone: "info",
|
|
49
|
-
type: "button",
|
|
50
|
-
className: "text-white",
|
|
51
|
-
disabled: x,
|
|
52
|
-
...c ? { to: c } : { onClick: () => b(s) },
|
|
53
|
-
children: d
|
|
54
|
-
}
|
|
55
|
-
) })
|
|
56
|
-
]
|
|
57
|
-
}
|
|
58
|
-
);
|
|
59
|
-
};
|
|
60
|
-
export {
|
|
61
|
-
w as default
|
|
62
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { createContext as r, useContext as x } from "react";
|
|
3
|
-
const e = r({}), s = () => x(e), u = ({ model: t, children: n }) => /* @__PURE__ */ o(e.Provider, { value: { ...t }, children: n });
|
|
4
|
-
export {
|
|
5
|
-
u as SaleBannerContextProvider,
|
|
6
|
-
s as useSaleBannerContext
|
|
7
|
-
};
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
import { jsx as l, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import { P as y } from "../../index-C9Rf5U9q.js";
|
|
3
|
-
import { c as S } from "../../link-DO_Jvm9n.js";
|
|
4
|
-
import { useSaleBannerContext as $ } from "./context/index.js";
|
|
5
|
-
const j = S(y), q = (c) => {
|
|
6
|
-
const { isHidden: m, componentId: x = "", heading: h = "", description: p = "", disclaimer: b = "", normalPrice: u = 0, salePrice: g = 0, linkText: V = "", linkUrl: N = "" } = c, e = $(), P = e == null ? void 0 : e.isHidden, k = (e == null ? void 0 : e.heading) || "", f = (e == null ? void 0 : e.description) || "", v = (e == null ? void 0 : e.disclaimer) || "", C = (e == null ? void 0 : e.normalPrice) || "", w = (e == null ? void 0 : e.salePrice) || "", B = (e == null ? void 0 : e.linkText) || "", H = (e == null ? void 0 : e.linkUrl) || "", T = () => ({
|
|
7
|
-
isHiddenVal: P || m,
|
|
8
|
-
headingVal: k || h,
|
|
9
|
-
descriptionVal: f || p,
|
|
10
|
-
disclaimerVal: v || b,
|
|
11
|
-
normalPriceVal: C || u,
|
|
12
|
-
salePriceVal: w || g,
|
|
13
|
-
linkTextVal: B || V,
|
|
14
|
-
linkUrlVal: H || N
|
|
15
|
-
}), { isHiddenVal: U, headingVal: a, descriptionVal: i, disclaimerVal: r, normalPriceVal: s, salePriceVal: d, linkTextVal: t, linkUrlVal: o } = T();
|
|
16
|
-
return U ? null : /* @__PURE__ */ l(
|
|
17
|
-
"div",
|
|
18
|
-
{
|
|
19
|
-
"data-component-id": `SaleBanner--${x}`,
|
|
20
|
-
className: "relative border-3 border-blue-500 border-solid rounded-lg p-8 @container/salebanner",
|
|
21
|
-
children: /* @__PURE__ */ n("div", { className: "space-y-6", children: [
|
|
22
|
-
/* @__PURE__ */ n("div", { className: "space-y-2 @lg/salebanner:w-[50%] @xl/salebanner:w-[60%] @2xl/salebanner:w-[70%]", children: [
|
|
23
|
-
a && /* @__PURE__ */ l("h2", { className: "text-2xl @xl/salebanner:text-3xl @3xl/salebanner:text-5xl", children: /* @__PURE__ */ l("strong", { children: a }) }),
|
|
24
|
-
i && /* @__PURE__ */ l("p", { className: "text-md", children: i })
|
|
25
|
-
] }),
|
|
26
|
-
/* @__PURE__ */ l("div", { className: "text-center", children: /* @__PURE__ */ n("div", { className: "border-3 border-blue-500 border-solid rounded-full w-[200px] h-[200px] p-[40px] mx-auto @lg/salebanner:absolute @lg/salebanner:right-12 @lg/salebanner:top-12", children: [
|
|
27
|
-
s && /* @__PURE__ */ n("p", { className: "line-through text-md", children: [
|
|
28
|
-
"$",
|
|
29
|
-
s,
|
|
30
|
-
"/mo"
|
|
31
|
-
] }),
|
|
32
|
-
d && /* @__PURE__ */ n("div", { children: [
|
|
33
|
-
/* @__PURE__ */ l("h2", { className: "text-6xl", children: /* @__PURE__ */ n("strong", { children: [
|
|
34
|
-
"$",
|
|
35
|
-
d
|
|
36
|
-
] }) }),
|
|
37
|
-
/* @__PURE__ */ l("span", { className: "text-xl", children: /* @__PURE__ */ l("strong", { children: "/mo" }) })
|
|
38
|
-
] })
|
|
39
|
-
] }) }),
|
|
40
|
-
t && o && /* @__PURE__ */ l("div", { className: "text-center bg-blue-500 rounded-full w-[200px] mx-auto px-2", children: /* @__PURE__ */ l(
|
|
41
|
-
j,
|
|
42
|
-
{
|
|
43
|
-
size: "xs",
|
|
44
|
-
display: "fill",
|
|
45
|
-
tone: "info",
|
|
46
|
-
type: "button",
|
|
47
|
-
className: "text-white font-bold",
|
|
48
|
-
to: o,
|
|
49
|
-
children: t
|
|
50
|
-
}
|
|
51
|
-
) }),
|
|
52
|
-
/* @__PURE__ */ l("div", { className: "@lg/salebanner:w-[50%]", children: r && /* @__PURE__ */ l("p", { className: "text-xs", children: r }) })
|
|
53
|
-
] })
|
|
54
|
-
}
|
|
55
|
-
);
|
|
56
|
-
};
|
|
57
|
-
export {
|
|
58
|
-
q as SaleBanner
|
|
59
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { AccordionType } from '../types';
|
|
3
|
-
type AccordionContextData = AccordionType;
|
|
4
|
-
type AccordionContextProviderProps = {
|
|
5
|
-
model: AccordionContextData;
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
};
|
|
8
|
-
export declare const useAccordionContext: () => AccordionType;
|
|
9
|
-
export declare const AccordionContextProvider: ({ model, children }: AccordionContextProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type AccordionType = {
|
|
3
|
-
isHidden?: boolean;
|
|
4
|
-
componentId?: string;
|
|
5
|
-
collapsed?: boolean;
|
|
6
|
-
description?: string;
|
|
7
|
-
iconPosition?: 'left' | 'right';
|
|
8
|
-
label?: string;
|
|
9
|
-
labelSecondary?: string;
|
|
10
|
-
onClick?: (event: unknown) => void;
|
|
11
|
-
tone?: unknown;
|
|
12
|
-
children?: ReactNode;
|
|
13
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { EquipmentSummaryType } from '../types';
|
|
3
|
-
type EquipmentSummaryContextData = EquipmentSummaryType;
|
|
4
|
-
type EquipmentSummaryContextProviderProps = {
|
|
5
|
-
model: EquipmentSummaryContextData;
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
};
|
|
8
|
-
export declare const useEquipmentSummaryContext: () => EquipmentSummaryType;
|
|
9
|
-
export declare const EquipmentSummaryContextProvider: ({ model, children, }: EquipmentSummaryContextProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export type EquipmentSummaryType = {
|
|
2
|
-
isHidden?: boolean;
|
|
3
|
-
isLoading?: boolean;
|
|
4
|
-
componentId?: string;
|
|
5
|
-
heading?: string;
|
|
6
|
-
description?: string;
|
|
7
|
-
equipmentList?: {
|
|
8
|
-
id: string;
|
|
9
|
-
icon: string;
|
|
10
|
-
title: string;
|
|
11
|
-
description: string;
|
|
12
|
-
actionType: 'retain' | 'return' | 'keep';
|
|
13
|
-
}[];
|
|
14
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
type GridProps = {
|
|
3
|
-
flushX?: boolean;
|
|
4
|
-
flushY?: boolean;
|
|
5
|
-
maxWidth?: string;
|
|
6
|
-
maxColAmount?: '4' | '3' | '2' | '1';
|
|
7
|
-
colSpan?: string;
|
|
8
|
-
gapX?: string;
|
|
9
|
-
gapY?: string;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
};
|
|
12
|
-
export declare const Grid: (props: GridProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { HeroBannerType } from '../types';
|
|
3
|
-
type HeroBannerContextData = HeroBannerType;
|
|
4
|
-
type HeroBannerContextProviderProps = {
|
|
5
|
-
model: HeroBannerContextData;
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
};
|
|
8
|
-
export declare const useHeroBannerContext: () => HeroBannerType;
|
|
9
|
-
export declare const HeroBannerContextProvider: ({ model, children }: HeroBannerContextProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { OfferCardsType } from '../types';
|
|
3
|
-
type OfferCardsContextProviderProps = {
|
|
4
|
-
model: OfferCardsType;
|
|
5
|
-
children: ReactNode;
|
|
6
|
-
};
|
|
7
|
-
export declare const useOfferCardsContext: () => OfferCardsType;
|
|
8
|
-
export declare const OfferCardsContextProvider: ({ model, children }: OfferCardsContextProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export type OfferCardType = {
|
|
2
|
-
id: string;
|
|
3
|
-
icon: string;
|
|
4
|
-
heading: string;
|
|
5
|
-
description: string;
|
|
6
|
-
iconList?: {
|
|
7
|
-
icon?: string;
|
|
8
|
-
description?: string;
|
|
9
|
-
}[];
|
|
10
|
-
price: number;
|
|
11
|
-
buttonLabel: string;
|
|
12
|
-
buttonHref?: string;
|
|
13
|
-
buttonDisabled?: boolean;
|
|
14
|
-
perMonth?: boolean;
|
|
15
|
-
isLoading?: boolean;
|
|
16
|
-
handleOfferCardAction?: (id: string) => void;
|
|
17
|
-
};
|
|
18
|
-
export type OfferCardsType = {
|
|
19
|
-
isHidden?: boolean;
|
|
20
|
-
isLoading?: boolean;
|
|
21
|
-
componentId?: string;
|
|
22
|
-
icon?: string;
|
|
23
|
-
heading?: string;
|
|
24
|
-
handleOfferCardAction?: (id: string) => void;
|
|
25
|
-
offerCardList?: OfferCardType[];
|
|
26
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { SaleBannerType } from '../types';
|
|
3
|
-
type SaleBannerContextData = SaleBannerType;
|
|
4
|
-
type SaleBannerContextProviderProps = {
|
|
5
|
-
model: SaleBannerContextData;
|
|
6
|
-
children: ReactNode;
|
|
7
|
-
};
|
|
8
|
-
export declare const useSaleBannerContext: () => SaleBannerType;
|
|
9
|
-
export declare const SaleBannerContextProvider: ({ model, children }: SaleBannerContextProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|