@ed.yakovich/component-library 0.0.5 → 0.0.8
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/lib/main.d.ts +0 -15
- package/dist/main.js +2 -32
- package/package.json +9 -5
- 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/InfoBanner/context/index.js +0 -7
- package/dist/components/InfoBanner/index.js +0 -26
- package/dist/components/InfoBanner/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/index-0d8e0844-BJzWsYCM.js +0 -7403
- package/dist/index-C9Rf5U9q.js +0 -29143
- package/dist/index-b30029d4-E1YxEHFH.js +0 -12
- package/dist/index-e6818ded-r_t6ryaW.js +0 -57
- package/dist/index.esm-322571ff-D1REhsOg.js +0 -41
- 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/InfoBanner/context/index.d.ts +0 -10
- package/dist/lib/components/InfoBanner/index.d.ts +0 -2
- package/dist/lib/components/InfoBanner/types/index.d.ts +0 -7
- 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
- package/dist/prism-accordion.entry-DeyFGNx-.js +0 -51
- package/dist/prism-avatar_2.entry-MLbdVrJg.js +0 -68
- package/dist/prism-badge.entry-BG5y7O5U.js +0 -58
- package/dist/prism-banner.entry-DChrjpFH.js +0 -82
- package/dist/prism-breadcrumb.entry-1YzYlKen.js +0 -33
- package/dist/prism-button_2.entry-DO8IGIoS.js +0 -110
- package/dist/prism-card.entry-DQ6P4TZP.js +0 -119
- package/dist/prism-carousel.entry-BA8zsHRW.js +0 -3111
- package/dist/prism-checkbox-group.entry-CP4-gghb.js +0 -62
- package/dist/prism-checkbox.entry-CJCy8fvC.js +0 -99
- package/dist/prism-data-table.entry--0djw8ls.js +0 -10475
- package/dist/prism-datepicker.entry-DPm7tpKB.js +0 -249
- package/dist/prism-form.entry-CS1zRoMt.js +0 -42
- package/dist/prism-grid.entry-jcx2aMUm.js +0 -28
- package/dist/prism-header.entry-CBSIpa0M.js +0 -202
- package/dist/prism-hero.entry-B0CKL5y9.js +0 -23
- package/dist/prism-icon_2.entry-Aja4QGUK.js +0 -118
- package/dist/prism-image.entry-B--khr6E.js +0 -38
- package/dist/prism-input-file.entry-i5qJkwEK.js +0 -119
- package/dist/prism-input-otp.entry-DXoARuzH.js +0 -63
- package/dist/prism-input-text.entry-D4QQ-dYX.js +0 -228
- package/dist/prism-input-textarea.entry-eeQHnhqC.js +0 -140
- package/dist/prism-layout.entry-bfKqOEnU.js +0 -20
- package/dist/prism-lineitem.entry-YIRZPVe_.js +0 -44
- package/dist/prism-menu.entry-BIlRCiaA.js +0 -231
- package/dist/prism-modal.entry-Kc-SpAR-.js +0 -94
- package/dist/prism-pagination.entry-BCo9aMdq.js +0 -60
- package/dist/prism-popover.entry-LmDvzCiR.js +0 -1013
- package/dist/prism-popper.entry-BqrcyTkE.js +0 -959
- package/dist/prism-progress.entry-29_ezvop.js +0 -79
- package/dist/prism-radio-group.entry-cL6AqjTk.js +0 -66
- package/dist/prism-radio.entry-CM_vZFZA.js +0 -101
- package/dist/prism-select.entry-B6A3gk7B.js +0 -230
- package/dist/prism-switch.entry-CtEfKB58.js +0 -95
- package/dist/prism-tab.entry-DIDUhFlk.js +0 -20
- package/dist/prism-tabs.entry-Cj3dW5_E.js +0 -70
- package/dist/prism-tooltip.entry-DEdY5eRd.js +0 -52
- package/dist/prism-typeahead.entry-D2XrvXaG.js +0 -1234
package/dist/lib/main.d.ts
CHANGED
|
@@ -1,16 +1 @@
|
|
|
1
|
-
export { Accordion } from './components/Accordion';
|
|
2
|
-
export { AccordionContextProvider } from './components/Accordion/context';
|
|
3
|
-
export { Cart } from './components/Cart';
|
|
4
|
-
export { EquipmentSummary } from './components/EquipmentSummary';
|
|
5
|
-
export { EquipmentSummaryContextProvider } from './components/EquipmentSummary/context';
|
|
6
|
-
export { Grid } from './components/Grid';
|
|
7
|
-
export { HeroBanner } from './components/HeroBanner';
|
|
8
|
-
export { HeroBannerContextProvider } from './components/HeroBanner/context';
|
|
9
|
-
export { InfoBanner } from './components/InfoBanner';
|
|
10
|
-
export { InfoBannerContextProvider } from './components/InfoBanner/context';
|
|
11
|
-
export { Nav } from './components/Nav';
|
|
12
|
-
export { OfferCards } from './components/OfferCards';
|
|
13
|
-
export { OfferCardsContextProvider } from './components/OfferCards/context';
|
|
14
|
-
export { SaleBanner } from './components/SaleBanner';
|
|
15
|
-
export { SaleBannerContextProvider } from './components/SaleBanner/context';
|
|
16
1
|
export { StickyFooter } from './components/StickyFooter';
|
package/dist/main.js
CHANGED
|
@@ -1,34 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { AccordionContextProvider as n } from "./components/Accordion/context/index.js";
|
|
3
|
-
import { Cart as m } from "./components/Cart/index.js";
|
|
4
|
-
import { EquipmentSummary as p } from "./components/EquipmentSummary/index.js";
|
|
5
|
-
import { EquipmentSummaryContextProvider as i } from "./components/EquipmentSummary/context/index.js";
|
|
6
|
-
import { Grid as C } from "./components/Grid/index.js";
|
|
7
|
-
import { HeroBanner as B } from "./components/HeroBanner/index.js";
|
|
8
|
-
import { HeroBannerContextProvider as c } from "./components/HeroBanner/context/index.js";
|
|
9
|
-
import { InfoBanner as u } from "./components/InfoBanner/index.js";
|
|
10
|
-
import { InfoBannerContextProvider as l } from "./components/InfoBanner/context/index.js";
|
|
11
|
-
import { Nav as s } from "./components/Nav/index.js";
|
|
12
|
-
import { OfferCards as E } from "./components/OfferCards/index.js";
|
|
13
|
-
import { OfferCardsContextProvider as I } from "./components/OfferCards/context/index.js";
|
|
14
|
-
import { SaleBanner as k } from "./components/SaleBanner/index.js";
|
|
15
|
-
import { SaleBannerContextProvider as G } from "./components/SaleBanner/context/index.js";
|
|
16
|
-
import { StickyFooter as b } from "./components/StickyFooter/index.js";
|
|
1
|
+
import { StickyFooter as t } from "./components/StickyFooter/index.js";
|
|
17
2
|
export {
|
|
18
|
-
|
|
19
|
-
n as AccordionContextProvider,
|
|
20
|
-
m as Cart,
|
|
21
|
-
p as EquipmentSummary,
|
|
22
|
-
i as EquipmentSummaryContextProvider,
|
|
23
|
-
C as Grid,
|
|
24
|
-
B as HeroBanner,
|
|
25
|
-
c as HeroBannerContextProvider,
|
|
26
|
-
u as InfoBanner,
|
|
27
|
-
l as InfoBannerContextProvider,
|
|
28
|
-
s as Nav,
|
|
29
|
-
E as OfferCards,
|
|
30
|
-
I as OfferCardsContextProvider,
|
|
31
|
-
k as SaleBanner,
|
|
32
|
-
G as SaleBannerContextProvider,
|
|
33
|
-
b as StickyFooter
|
|
3
|
+
t as StickyFooter
|
|
34
4
|
};
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "@ed.yakovich/component-library",
|
|
4
4
|
"author": "Ed Yakovich",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "0.0.
|
|
6
|
+
"version": "0.0.8",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"exports": {
|
|
9
9
|
".": {
|
|
@@ -27,10 +27,14 @@
|
|
|
27
27
|
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
28
28
|
"preview": "vite preview"
|
|
29
29
|
},
|
|
30
|
+
"peerDependencies": {
|
|
31
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
32
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
33
|
+
},
|
|
30
34
|
"devDependencies": {
|
|
31
35
|
"@types/node": "^22.5.4",
|
|
32
|
-
"@types/react": "^
|
|
33
|
-
"@types/react-dom": "^
|
|
36
|
+
"@types/react": "^18.3.5",
|
|
37
|
+
"@types/react-dom": "^18.3.0",
|
|
34
38
|
"@typescript-eslint/eslint-plugin": "^7.18.0",
|
|
35
39
|
"@typescript-eslint/parser": "^7.18.0",
|
|
36
40
|
"@vitejs/plugin-react": "^4.3.1",
|
|
@@ -39,8 +43,8 @@
|
|
|
39
43
|
"eslint-plugin-react-hooks": "^4.6.2",
|
|
40
44
|
"eslint-plugin-react-refresh": "^0.4.11",
|
|
41
45
|
"glob": "^11.0.0",
|
|
42
|
-
"react": "^
|
|
43
|
-
"react-dom": "^
|
|
46
|
+
"react": "^18.3.1",
|
|
47
|
+
"react-dom": "^18.3.1",
|
|
44
48
|
"typescript": "^5.6.2",
|
|
45
49
|
"vite": "^5.4.4",
|
|
46
50
|
"vite-plugin-dts": "^4.2.1",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { createContext as n, useContext as c } from "react";
|
|
3
|
-
const t = n({}), s = () => c(t), d = ({ model: o, children: e }) => /* @__PURE__ */ r(t.Provider, { value: { ...o }, children: e });
|
|
4
|
-
export {
|
|
5
|
-
d as AccordionContextProvider,
|
|
6
|
-
s as useAccordionContext
|
|
7
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { c as B } from "../../index-C9Rf5U9q.js";
|
|
3
|
-
import { useAccordionContext as F } from "./context/index.js";
|
|
4
|
-
const $ = (n) => {
|
|
5
|
-
const { children: a, isHidden: d, componentId: i = "", label: c = "", description: r = "", labelSecondary: s = "", onClick: t, tone: p = "", collapsed: b } = n, l = F(), C = l == null ? void 0 : l.isHidden, V = (l == null ? void 0 : l.label) || "", m = (l == null ? void 0 : l.description) || "", S = (l == null ? void 0 : l.labelSecondary) || "", k = (l == null ? void 0 : l.onClick) || "", u = (l == null ? void 0 : l.tone) || "", y = l == null ? void 0 : l.collapsed, H = () => ({
|
|
6
|
-
isHiddenVal: C || d,
|
|
7
|
-
labelVal: V || c,
|
|
8
|
-
descriptionVal: m || r,
|
|
9
|
-
labelSecondaryVal: S || s,
|
|
10
|
-
onClickVal: k || t,
|
|
11
|
-
toneVal: u || p,
|
|
12
|
-
collapsedVal: y || b
|
|
13
|
-
}), { isHiddenVal: A, labelVal: f, descriptionVal: g, labelSecondaryVal: h, onClickVal: j, toneVal: v, collapsedVal: o } = H();
|
|
14
|
-
return A ? null : /* @__PURE__ */ e(
|
|
15
|
-
"div",
|
|
16
|
-
{
|
|
17
|
-
"data-component-id": `Accordion--${i}`,
|
|
18
|
-
className: "border-3 border-blue-500 border-solid rounded-lg @container/accordion",
|
|
19
|
-
children: /* @__PURE__ */ e(
|
|
20
|
-
B,
|
|
21
|
-
{
|
|
22
|
-
label: f,
|
|
23
|
-
labelSecondary: h,
|
|
24
|
-
description: g,
|
|
25
|
-
onClick: j,
|
|
26
|
-
tone: v,
|
|
27
|
-
...o && {
|
|
28
|
-
collapsed: !!o
|
|
29
|
-
},
|
|
30
|
-
children: a
|
|
31
|
-
}
|
|
32
|
-
)
|
|
33
|
-
}
|
|
34
|
-
);
|
|
35
|
-
};
|
|
36
|
-
export {
|
|
37
|
-
$ as Accordion
|
|
38
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
2
|
-
import { c as s } from "../../link-DO_Jvm9n.js";
|
|
3
|
-
import { P as d } from "../../index-C9Rf5U9q.js";
|
|
4
|
-
const o = s(d), b = (i) => {
|
|
5
|
-
const { backUrl: r, nextUrl: t } = i;
|
|
6
|
-
return /* @__PURE__ */ e("nav", { "data-component-id": "Cart", className: "mt-4 border-t-3 border-blue-500 border-solid @container/cart", children: /* @__PURE__ */ e("div", { className: "w-full flex justify-center @lg/cart:justify-end", children: /* @__PURE__ */ n("div", { className: "flex justify-center", children: [
|
|
7
|
-
/* @__PURE__ */ e("div", { className: "px-12 py-3 @lg/cart:border-l-3 border-blue-500 border-solid", children: /* @__PURE__ */ e(
|
|
8
|
-
o,
|
|
9
|
-
{
|
|
10
|
-
size: "xs",
|
|
11
|
-
display: "menu",
|
|
12
|
-
tone: "info",
|
|
13
|
-
type: "button",
|
|
14
|
-
disabled: !r,
|
|
15
|
-
to: r,
|
|
16
|
-
children: /* @__PURE__ */ e("strong", { children: "Back" })
|
|
17
|
-
}
|
|
18
|
-
) }),
|
|
19
|
-
/* @__PURE__ */ e("div", { className: "px-12 py-3 border-l-3 border-blue-500 border-solid", children: /* @__PURE__ */ e(
|
|
20
|
-
o,
|
|
21
|
-
{
|
|
22
|
-
size: "xs",
|
|
23
|
-
display: "menu",
|
|
24
|
-
tone: "info",
|
|
25
|
-
type: "button",
|
|
26
|
-
disabled: !t,
|
|
27
|
-
to: t,
|
|
28
|
-
children: /* @__PURE__ */ e("strong", { children: "Next" })
|
|
29
|
-
}
|
|
30
|
-
) })
|
|
31
|
-
] }) }) });
|
|
32
|
-
};
|
|
33
|
-
export {
|
|
34
|
-
b as Cart
|
|
35
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { createContext as n, useContext as m } from "react";
|
|
3
|
-
const e = n({}), c = () => m(e), i = ({
|
|
4
|
-
model: t,
|
|
5
|
-
children: o
|
|
6
|
-
}) => /* @__PURE__ */ r(e.Provider, { value: { ...t }, children: o });
|
|
7
|
-
export {
|
|
8
|
-
i as EquipmentSummaryContextProvider,
|
|
9
|
-
c as useEquipmentSummaryContext
|
|
10
|
-
};
|
|
@@ -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,7 +0,0 @@
|
|
|
1
|
-
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { createContext as r, useContext as x } from "react";
|
|
3
|
-
const n = r({}), a = () => x(n), f = ({ model: t, children: o }) => /* @__PURE__ */ e(n.Provider, { value: { ...t }, children: o });
|
|
4
|
-
export {
|
|
5
|
-
f as InfoBannerContextProvider,
|
|
6
|
-
a as useInfoBannerContext
|
|
7
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx as e, jsxs as V } from "react/jsx-runtime";
|
|
2
|
-
import { a as u } from "../../index-C9Rf5U9q.js";
|
|
3
|
-
import { useInfoBannerContext as N } from "./context/index.js";
|
|
4
|
-
const I = (t) => {
|
|
5
|
-
const { isHidden: a, componentId: d = "", heading: r = "", description: c = "", icon: l = "" } = t, n = N(), m = n == null ? void 0 : n.isHidden, h = (n == null ? void 0 : n.icon) || "", p = (n == null ? void 0 : n.heading) || "", g = (n == null ? void 0 : n.description) || "", f = () => ({
|
|
6
|
-
isHiddenVal: m || a,
|
|
7
|
-
iconVal: h || l,
|
|
8
|
-
headingVal: p || r,
|
|
9
|
-
descriptionVal: g || c
|
|
10
|
-
}), { isHiddenVal: x, iconVal: i, headingVal: s, descriptionVal: o } = f();
|
|
11
|
-
return x ? null : /* @__PURE__ */ e(
|
|
12
|
-
"div",
|
|
13
|
-
{
|
|
14
|
-
"data-component-id": `InfoBanner--${d}`,
|
|
15
|
-
className: "bg-blue-500 p-4 text-white @container/infobanner",
|
|
16
|
-
children: /* @__PURE__ */ e("div", { className: "text-center", children: /* @__PURE__ */ V("div", { className: "space-y-1", children: [
|
|
17
|
-
i && /* @__PURE__ */ e(u, { name: i, tone: "info", theme: "outline", size: "md" }),
|
|
18
|
-
s && /* @__PURE__ */ e("div", { className: "text-center @lg/infobanner:px-14", children: /* @__PURE__ */ e("h2", { className: "text-3xl", children: /* @__PURE__ */ e("strong", { children: s }) }) }),
|
|
19
|
-
o && /* @__PURE__ */ e("p", { className: "text-xs mb-2", children: /* @__PURE__ */ e("strong", { children: o }) })
|
|
20
|
-
] }) })
|
|
21
|
-
}
|
|
22
|
-
);
|
|
23
|
-
};
|
|
24
|
-
export {
|
|
25
|
-
I as InfoBanner
|
|
26
|
-
};
|
|
@@ -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
|
-
|