@fluidattacks/design 3.1.11 → 3.1.13
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/_commonjsHelpers-C6fGbg64.mjs +6 -0
- package/dist/components/@core/index.js +18 -1
- package/dist/components/accordion/accordion-content/index.js +22 -1
- package/dist/components/accordion/index.js +78 -1
- package/dist/components/alert/index.js +162 -4
- package/dist/components/button/index.js +69 -1
- package/dist/components/card/card-header/index.js +83 -1
- package/dist/components/card/card-with-image/index.js +93 -1
- package/dist/components/card/card-with-input/index.js +106 -3
- package/dist/components/card/card-with-selector/index.js +71 -1
- package/dist/components/card/card-with-switch/index.js +50 -1
- package/dist/components/card/index.js +12 -1
- package/dist/components/carousel/index.js +62 -10
- package/dist/components/checkbox/index.js +118 -3
- package/dist/components/cloud-image/index.js +8 -1
- package/dist/components/code-snippet/index.js +72 -1
- package/dist/components/code-snippet/location-code/index.js +171 -1
- package/dist/components/colors/index.js +224 -1
- package/dist/components/confirm-dialog/index.js +46 -1
- package/dist/components/container/index.js +51 -3
- package/dist/components/content-card/category-tag/index.js +42 -1
- package/dist/components/content-card/event-date/index.js +61 -1
- package/dist/components/content-card/index.js +168 -3
- package/dist/components/content-card-carousel/index.js +95 -1
- package/dist/components/content-card-carousel/scroll-buttons/index.js +9 -1
- package/dist/components/divider/index.js +25 -1
- package/dist/components/empty-state/empty-button/index.js +6 -1
- package/dist/components/empty-state/index.js +58 -8
- package/dist/components/file-preview/index.js +31 -3
- package/dist/components/form/index.js +63 -3
- package/dist/components/grid-container/index.js +46 -5
- package/dist/components/group-selector/index.js +135 -1
- package/dist/components/group-selector/option-container/index.js +12 -1
- package/dist/components/icon/index.js +102 -4
- package/dist/components/icon-button/index.js +76 -3
- package/dist/components/indicator-card/index.js +74 -1
- package/dist/components/info-sidebar/index.js +116 -1
- package/dist/components/inputs/fields/combobox/index.js +146 -1
- package/dist/components/inputs/fields/combobox/option/index.js +8 -1
- package/dist/components/inputs/fields/date/calendar/cell/index.js +27 -1
- package/dist/components/inputs/fields/date/calendar/grid/index.js +26 -1
- package/dist/components/inputs/fields/date/calendar/header/index.js +38 -1
- package/dist/components/inputs/fields/date/calendar/index.js +30 -1
- package/dist/components/inputs/fields/date/index.js +68 -1
- package/dist/components/inputs/fields/date-range/calendar/index.js +35 -1
- package/dist/components/inputs/fields/date-range/index.js +108 -3
- package/dist/components/inputs/fields/date-time/calendar/index.js +60 -5
- package/dist/components/inputs/fields/date-time/index.js +69 -1
- package/dist/components/inputs/fields/editable/index.js +28 -1
- package/dist/components/inputs/fields/input/index.js +77 -1
- package/dist/components/inputs/fields/input-file/index.js +117 -4
- package/dist/components/inputs/fields/input-tags/index.js +63 -2
- package/dist/components/inputs/fields/number/index.js +57 -1
- package/dist/components/inputs/fields/number-range/index.js +49 -1
- package/dist/components/inputs/fields/phone/index.js +574 -11
- package/dist/components/inputs/fields/text-area/index.js +81 -1
- package/dist/components/inputs/index.js +28 -1
- package/dist/components/inputs/label/index.js +38 -1
- package/dist/components/inputs/outline-container/index.js +104 -1
- package/dist/components/inputs/utils/action-button/index.js +31 -1
- package/dist/components/inputs/utils/calendar-button/index.js +37 -1
- package/dist/components/inputs/utils/date-selector/index.js +62 -1
- package/dist/components/inputs/utils/date-time-field/index.js +133 -1
- package/dist/components/inputs/utils/dialog/index.js +14 -1
- package/dist/components/inputs/utils/number-field/index.js +86 -1
- package/dist/components/inputs/utils/popover/index.js +44 -1
- package/dist/components/interactive-card/icon/index.js +7 -1
- package/dist/components/interactive-card/index.js +118 -1
- package/dist/components/language-selector/index.js +37 -1
- package/dist/components/language-selector/item-list/index.js +8 -1
- package/dist/components/link/index.js +106 -7
- package/dist/components/list-item/index.js +67 -1
- package/dist/components/little-flag/index.js +32 -3
- package/dist/components/loading/index.js +55 -14
- package/dist/components/logo/index.js +13 -1
- package/dist/components/logo-carousel/index.js +45 -4
- package/dist/components/lottie/index.js +20 -3
- package/dist/components/menu/index.js +67 -1
- package/dist/components/message-banner/index.js +87 -4
- package/dist/components/modal/index.js +65 -1
- package/dist/components/modal/modal-confirm/index.js +51 -1
- package/dist/components/modal/modal-footer/index.js +25 -1
- package/dist/components/modal/modal-header/index.js +51 -1
- package/dist/components/notification/index.js +113 -5
- package/dist/components/notification-sign/index.js +43 -6
- package/dist/components/number-input/index.js +62 -7
- package/dist/components/oauth-selector/index.js +100 -1
- package/dist/components/oauth-selector/option-container/index.js +76 -1
- package/dist/components/plan-card/index.js +155 -5
- package/dist/components/plan-card/recommended-tag/index.js +31 -1
- package/dist/components/pop-up/description/index.js +51 -1
- package/dist/components/pop-up/index.js +152 -1
- package/dist/components/premium-feature/index.js +85 -3
- package/dist/components/priority-score/index.js +29 -1
- package/dist/components/progress/index.js +36 -3
- package/dist/components/progress-bar/index.js +153 -5
- package/dist/components/radio-button/index.js +125 -3
- package/dist/components/scroll-button/index.js +38 -2
- package/dist/components/search/index.js +105 -7
- package/dist/components/search-bar/index.js +219 -1
- package/dist/components/search-bar/item-searching/index.js +10 -1
- package/dist/components/severity-badge/index.js +74 -1
- package/dist/components/severity-overview/badge/index.js +69 -1
- package/dist/components/severity-overview/index.js +17 -1
- package/dist/components/show-on-hover/index.js +31 -3
- package/dist/components/slide-out-menu/index.js +3456 -3
- package/dist/components/slide-out-menu/menu-item/index.js +67 -1
- package/dist/components/slider/index.js +124 -7
- package/dist/components/slider/thumb/index.js +17 -1
- package/dist/components/step-lapse/index.js +153 -9
- package/dist/components/table-button/index.js +97 -3
- package/dist/components/tabs/fixed-tabs/index.js +29 -1
- package/dist/components/tabs/index.js +57 -1
- package/dist/components/tabs/tab/index.js +39 -1
- package/dist/components/tag/index.js +184 -3
- package/dist/components/timeline/card/index.js +9 -1
- package/dist/components/timeline/index.js +17 -1
- package/dist/components/toggle/index.js +85 -14
- package/dist/components/toggle-buttons/index.js +103 -5
- package/dist/components/tooltip/index.js +13 -1
- package/dist/components/tour/index.js +4549 -4
- package/dist/components/typography/heading/index.js +47 -1
- package/dist/components/typography/index.js +8 -1
- package/dist/components/typography/span/index.js +41 -1
- package/dist/components/typography/text/index.js +47 -1
- package/dist/components/web-form/index.js +68 -7
- package/dist/hooks/index.js +13 -1
- package/dist/index-BMHVi812.mjs +234 -0
- package/dist/index-BzAniA2J.mjs +135 -0
- package/dist/index-C6LbClYh.mjs +146 -0
- package/dist/index-CAIe8hBv.mjs +130 -0
- package/dist/index-CUQBAqt_.mjs +75 -0
- package/dist/index-CWlrSlUk.mjs +68 -0
- package/dist/index-Ckmu1TfV.mjs +86 -0
- package/dist/index-DwznImvK.mjs +1678 -0
- package/dist/index-maWH3JYC.mjs +3561 -0
- package/dist/index.js +206 -1
- package/dist/styles-B2N0JLw1.mjs +114 -0
- package/dist/styles-B64DVBIF.mjs +115 -0
- package/dist/{styles-BAhpqi6C.mjs → styles-BXFVwnWT.mjs} +28 -28
- package/dist/styles-BZQOqe8p.mjs +141 -0
- package/dist/styles-Bdque9TT.mjs +65 -0
- package/dist/styles-BlHspTrz.mjs +144 -0
- package/dist/styles-CROOwXEH.mjs +76 -0
- package/dist/styles-CplEd2kw.mjs +228 -0
- package/dist/styles-D1eTIklB.mjs +110 -0
- package/dist/styles-ePGii_9g.mjs +74 -0
- package/dist/use-carousel-CgAF78h3.mjs +23 -0
- package/dist/use-click-outside-BUll8Ag-.mjs +18 -0
- package/dist/use-cloudinary-image-BCxwj15o.mjs +1176 -0
- package/dist/use-modal-CtgexKnf.mjs +14 -0
- package/dist/use-search-Dj47QDw9.mjs +15 -0
- package/dist/utils-V0EumEPM.mjs +6 -0
- package/package.json +1 -3
- package/dist/_commonjsHelpers-C37NGDzP.js +0 -1
- package/dist/_commonjsHelpers-D6CrkqQz.mjs +0 -6
- package/dist/index-BH27NQKA.mjs +0 -2311
- package/dist/index-Bcw2vW_n.mjs +0 -75
- package/dist/index-C0_LPuYU.mjs +0 -106
- package/dist/index-C8zdgAVH.mjs +0 -82
- package/dist/index-CA_9DXWd.js +0 -5
- package/dist/index-CmylnDrF.js +0 -14
- package/dist/index-DUMgwAbO.js +0 -26
- package/dist/index-DpQYiwGu.js +0 -5
- package/dist/index-Dy8ZUIYs.js +0 -5
- package/dist/index-JPf5Yzg6.js +0 -17
- package/dist/index-OBZtKZuT.mjs +0 -1021
- package/dist/index-SsXlDjK4.mjs +0 -122
- package/dist/index-TKLFHcRp.js +0 -18
- package/dist/index-TnyKqJHo.mjs +0 -61
- package/dist/index-Yr95Cb7Z.mjs +0 -54
- package/dist/index-h9-U5wxq.mjs +0 -209
- package/dist/index-qCiUU4sZ.js +0 -9
- package/dist/index-qe0nJwzl.js +0 -15
- package/dist/styles--Elze-LV.js +0 -3
- package/dist/styles-3pR4Xdvy.js +0 -33
- package/dist/styles-59h91S9m.mjs +0 -65
- package/dist/styles-BCwLWpC3.mjs +0 -126
- package/dist/styles-BJ7-0I5X.mjs +0 -74
- package/dist/styles-BKObp9bh.mjs +0 -76
- package/dist/styles-BWVdbvFu.js +0 -5
- package/dist/styles-Bl-CstrT.js +0 -5
- package/dist/styles-Bn42XCW5.js +0 -7
- package/dist/styles-C2CoGJl7.js +0 -33
- package/dist/styles-CNzziAXG.js +0 -5
- package/dist/styles-CdD9waPD.js +0 -29
- package/dist/styles-CnKTwnFk.mjs +0 -110
- package/dist/styles-D4R-eerv.mjs +0 -77
- package/dist/styles-DNIIhyRC.mjs +0 -144
- package/dist/styles-DV8yOaqV.mjs +0 -131
- package/dist/styles-DYoftbd3.js +0 -42
- package/dist/styles-DlmKLhPh.js +0 -7
- package/dist/styles-be8gOdgy.mjs +0 -106
- package/dist/use-carousel-64dKFW4E.js +0 -1
- package/dist/use-carousel-D7xeL3YZ.mjs +0 -17
- package/dist/use-click-outside-BqkLISED.js +0 -1
- package/dist/use-click-outside-C4Z4pdiW.mjs +0 -18
- package/dist/use-cloudinary-image-DKMl7jbx.mjs +0 -612
- package/dist/use-cloudinary-image-YMMafagv.js +0 -1
- package/dist/use-modal-CNbLSSQb.mjs +0 -14
- package/dist/use-modal-_bYY6M_n.js +0 -1
- package/dist/use-search-75ip5xR-.mjs +0 -12
- package/dist/use-search-DeL4UDMh.js +0 -1
- package/dist/utils-C2whpEd3.js +0 -1
- package/dist/utils-Da0qL35u.mjs +0 -4
package/dist/index-Bcw2vW_n.mjs
DELETED
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { styled as e } from "styled-components";
|
|
3
|
-
import { theme as i } from "./components/colors/index.js";
|
|
4
|
-
import { Icon as t } from "./components/icon/index.js";
|
|
5
|
-
const o = e.div`
|
|
6
|
-
${({ theme: n2 }) => `
|
|
7
|
-
align-items: flex-start;
|
|
8
|
-
backdrop-filter: blur(3.15px);
|
|
9
|
-
background: radial-gradient(
|
|
10
|
-
68.83% 167.8% at 171.9% 90.34%,
|
|
11
|
-
${n2.palette.complementary[300]} 0%,
|
|
12
|
-
${n2.palette.primary[400]} 100%
|
|
13
|
-
),
|
|
14
|
-
linear-gradient(
|
|
15
|
-
241deg,
|
|
16
|
-
${n2.palette.primary[400]} 3.45%,
|
|
17
|
-
${n2.palette.primary[500]} 82.59%
|
|
18
|
-
);
|
|
19
|
-
border-radius: ${n2.spacing[1]};
|
|
20
|
-
box-shadow: ${n2.shadows.md};
|
|
21
|
-
display: flex;
|
|
22
|
-
flex-direction: column;
|
|
23
|
-
gap: ${n2.spacing[0.625]};
|
|
24
|
-
height: 300px;
|
|
25
|
-
padding: ${n2.spacing[1]};
|
|
26
|
-
position: relative;
|
|
27
|
-
width: 300px;
|
|
28
|
-
|
|
29
|
-
button > * {
|
|
30
|
-
font-size: ${n2.typography.text.sm};
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
#hovered {
|
|
34
|
-
display: none;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
&:hover {
|
|
38
|
-
background: ${n2.palette.gray[900]};
|
|
39
|
-
|
|
40
|
-
#hovered {
|
|
41
|
-
display: flex;
|
|
42
|
-
}
|
|
43
|
-
#uncover {
|
|
44
|
-
display: none;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
@media screen and (max-width: ${n2.breakpoints.mobile}) {
|
|
49
|
-
height: 320px;
|
|
50
|
-
width: 320px;
|
|
51
|
-
|
|
52
|
-
#hovered {
|
|
53
|
-
margin-bottom: ${n2.spacing[1.75]};
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
`}
|
|
57
|
-
`, a = e.div`
|
|
58
|
-
align-items: center;
|
|
59
|
-
position: absolute;
|
|
60
|
-
justify-content: center;
|
|
61
|
-
opacity: 0.15;
|
|
62
|
-
top: 14%;
|
|
63
|
-
left: 25%;
|
|
64
|
-
z-index: -1;
|
|
65
|
-
|
|
66
|
-
span {
|
|
67
|
-
font-size: 265px;
|
|
68
|
-
height: 260px;
|
|
69
|
-
width: 260px;
|
|
70
|
-
}
|
|
71
|
-
`, r = ({ icon: e2 }) => n(a, { children: n(t, { icon: e2, iconColor: i.palette.white, iconSize: "xs", iconTransform: "shrink-2", iconType: "fa-light" }) });
|
|
72
|
-
export {
|
|
73
|
-
o as I,
|
|
74
|
-
r as a
|
|
75
|
-
};
|
package/dist/index-C0_LPuYU.mjs
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { styled as t, useTheme as i } from "styled-components";
|
|
3
|
-
import "./components/typography/heading/index.js";
|
|
4
|
-
import "./components/typography/span/index.js";
|
|
5
|
-
import { Text as r } from "./components/typography/text/index.js";
|
|
6
|
-
const o = t.div`
|
|
7
|
-
${({ theme: n2 }) => `
|
|
8
|
-
align-items: center;
|
|
9
|
-
background-color: ${n2.palette.white};
|
|
10
|
-
border: 1px solid ${n2.palette.gray[200]};
|
|
11
|
-
border-radius: ${n2.spacing[0.25]};
|
|
12
|
-
display: flex;
|
|
13
|
-
flex-direction: column;
|
|
14
|
-
gap: ${n2.spacing[0.5]};
|
|
15
|
-
min-height: 180px;
|
|
16
|
-
padding: ${n2.spacing[1.5]};
|
|
17
|
-
width: 510px;
|
|
18
|
-
|
|
19
|
-
p {
|
|
20
|
-
font-style: normal;
|
|
21
|
-
line-height: ${n2.spacing[1.25]};
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
&:hover {
|
|
25
|
-
border: 1px solid ${n2.palette.gray[600]};
|
|
26
|
-
}
|
|
27
|
-
`}
|
|
28
|
-
`, a = t.div`
|
|
29
|
-
${({ theme: n2 }) => `
|
|
30
|
-
display: flex;
|
|
31
|
-
flex-direction: column;
|
|
32
|
-
gap: ${n2.spacing[1.5]};
|
|
33
|
-
position: relative;
|
|
34
|
-
max-width: 1268px;
|
|
35
|
-
|
|
36
|
-
&::before {
|
|
37
|
-
background-color: ${n2.palette.gray[200]};
|
|
38
|
-
border-radius: 5px;
|
|
39
|
-
height: 100%;
|
|
40
|
-
width: 4px;
|
|
41
|
-
transform: translate(-50%, 0);
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
> * {
|
|
45
|
-
&:nth-child(even) {
|
|
46
|
-
align-self: end;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
&:nth-child(odd) {
|
|
50
|
-
align-self: start;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&::before {
|
|
54
|
-
position: absolute;
|
|
55
|
-
background-color: ${n2.palette.primary[500]};
|
|
56
|
-
border-radius: 50%;
|
|
57
|
-
height: 14px;
|
|
58
|
-
width: 14px;
|
|
59
|
-
z-index: 1;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
&::before,
|
|
64
|
-
> *::before {
|
|
65
|
-
content: "";
|
|
66
|
-
left: 50%;
|
|
67
|
-
position: absolute;
|
|
68
|
-
transform: translateX(-50%);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
@media (width <= 1270px) {
|
|
72
|
-
max-width: 540px;
|
|
73
|
-
|
|
74
|
-
p {
|
|
75
|
-
text-align: center;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
&::before,
|
|
79
|
-
> *::before {
|
|
80
|
-
left: 8px;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
> * {
|
|
84
|
-
&:nth-child(odd) {
|
|
85
|
-
align-self: end;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
@media (width <= 630px) {
|
|
90
|
-
display: block;
|
|
91
|
-
|
|
92
|
-
.timeline-card {
|
|
93
|
-
width: auto;
|
|
94
|
-
margin-left: 30px;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
`}
|
|
99
|
-
`, l = ({ date: t2, description: a2, title: l2 }) => {
|
|
100
|
-
const d = i();
|
|
101
|
-
return n(o, { className: "timeline-card", children: [e(r, { color: d.palette.gray[800], fontWeight: "bold", lineSpacing: 1.75, size: "xl", children: t2 }), e(r, { color: d.palette.gray[800], fontWeight: "bold", lineSpacing: 1.5, mb: 0.5, size: "md", textAlign: "center", children: l2 }), e("div", { children: a2.map((n2, t3) => e(r, { size: "sm", textAlign: "center", wordBreak: "break-word", children: n2 }, `${n2}#${t3}`)) })] });
|
|
102
|
-
};
|
|
103
|
-
export {
|
|
104
|
-
a as T,
|
|
105
|
-
l as a
|
|
106
|
-
};
|
package/dist/index-C8zdgAVH.mjs
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback as i } from "react";
|
|
3
|
-
import { styled as o, useTheme as t } from "styled-components";
|
|
4
|
-
import { Container as r } from "./components/container/index.js";
|
|
5
|
-
import { Icon as l } from "./components/icon/index.js";
|
|
6
|
-
const a = o.button`
|
|
7
|
-
display: flex;
|
|
8
|
-
position: relative;
|
|
9
|
-
height: 32px;
|
|
10
|
-
width: 32px;
|
|
11
|
-
|
|
12
|
-
svg {
|
|
13
|
-
position: absolute;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.hovered {
|
|
17
|
-
display: none;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
&:hover {
|
|
21
|
-
.hovered {
|
|
22
|
-
display: flex;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.uncover {
|
|
26
|
-
display: none;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
`, c = o.div`
|
|
30
|
-
${({ theme: n2 }) => `
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
gap: ${n2.spacing[2.5]};
|
|
34
|
-
overflow: hidden;
|
|
35
|
-
min-height: 589px;
|
|
36
|
-
max-width: 1316px;
|
|
37
|
-
|
|
38
|
-
span {
|
|
39
|
-
background: ${n2.palette.gradients["01"]};
|
|
40
|
-
background-clip: text;
|
|
41
|
-
-webkit-background-clip: text;
|
|
42
|
-
-webkit-text-fill-color: transparent;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
#mobile {
|
|
46
|
-
display: none;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
#carousel {
|
|
50
|
-
scrollbar-width: none;
|
|
51
|
-
|
|
52
|
-
&::-webkit-scrollbar {
|
|
53
|
-
display: none;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
@media screen and (max-width: ${n2.breakpoints.mobile}) {
|
|
58
|
-
align-items: center;
|
|
59
|
-
height: auto;
|
|
60
|
-
max-width: 340px;
|
|
61
|
-
|
|
62
|
-
#desktop {
|
|
63
|
-
display: none;
|
|
64
|
-
}
|
|
65
|
-
#mobile {
|
|
66
|
-
display: flex;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
`}
|
|
70
|
-
`, s = ({ containerRef: o2, id: c2 }) => {
|
|
71
|
-
const s2 = t(), d = "desktop" === c2 ? 380 : 342, p = i((n2) => () => {
|
|
72
|
-
if (o2 == null ? void 0 : o2.current) {
|
|
73
|
-
const { current: e2 } = o2;
|
|
74
|
-
e2.scrollBy({ left: "right" === n2 ? d : -d, behavior: "smooth" });
|
|
75
|
-
}
|
|
76
|
-
}, [o2, d]), m = i((i2) => n(a, { onClick: p(i2), children: [e(l, { clickable: true, icon: `circle-arrow-${i2}`, iconClass: "hovered", iconColor: s2.palette.gray[800], iconSize: "md", iconType: "fa-solid" }), e(l, { clickable: true, icon: `circle-arrow-${i2}`, iconClass: "uncover", iconColor: s2.palette.gray[800], iconSize: "md", iconType: "fa-light" })] }), [p, s2]);
|
|
77
|
-
return n(r, { alignItems: "center", display: "flex", gap: 1, id: c2, width: "max-content", children: [m("left"), m("right")] });
|
|
78
|
-
};
|
|
79
|
-
export {
|
|
80
|
-
c as O,
|
|
81
|
-
s as S
|
|
82
|
-
};
|
package/dist/index-CA_9DXWd.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";const n=require("react/jsx-runtime"),e=require("styled-components");require("./components/typography/heading/index.js"),require("./components/typography/span/index.js");const t=require("./components/typography/text/index.js"),i=e.styled.div`
|
|
2
|
-
${({theme:n})=>`\n align-items: center;\n background-color: ${n.palette.white};\n border: 1px solid ${n.palette.gray[200]};\n border-radius: ${n.spacing[.25]};\n display: flex;\n flex-direction: column;\n gap: ${n.spacing[.5]};\n min-height: 180px;\n padding: ${n.spacing[1.5]};\n width: 510px;\n\n p {\n font-style: normal;\n line-height: ${n.spacing[1.25]};\n }\n\n &:hover {\n border: 1px solid ${n.palette.gray[600]};\n }\n `}
|
|
3
|
-
`,r=e.styled.div`
|
|
4
|
-
${({theme:n})=>`\n display: flex;\n flex-direction: column;\n gap: ${n.spacing[1.5]};\n position: relative;\n max-width: 1268px;\n\n &::before {\n background-color: ${n.palette.gray[200]};\n border-radius: 5px;\n height: 100%;\n width: 4px;\n transform: translate(-50%, 0);\n }\n\n > * {\n &:nth-child(even) {\n align-self: end;\n }\n\n &:nth-child(odd) {\n align-self: start;\n }\n\n &::before {\n position: absolute;\n background-color: ${n.palette.primary[500]};\n border-radius: 50%;\n height: 14px;\n width: 14px;\n z-index: 1;\n }\n }\n\n &::before,\n > *::before {\n content: "";\n left: 50%;\n position: absolute;\n transform: translateX(-50%);\n }\n\n @media (width <= 1270px) {\n max-width: 540px;\n\n p {\n text-align: center;\n }\n\n &::before,\n > *::before {\n left: 8px;\n }\n\n > * {\n &:nth-child(odd) {\n align-self: end;\n }\n }\n\n @media (width <= 630px) {\n display: block;\n\n .timeline-card {\n width: auto;\n margin-left: 30px;\n }\n }\n }\n `}
|
|
5
|
-
`;exports.TimeLineCard=({date:r,description:o,title:a})=>{const l=e.useTheme();return n.jsxs(i,{className:"timeline-card",children:[n.jsx(t.Text,{color:l.palette.gray[800],fontWeight:"bold",lineSpacing:1.75,size:"xl",children:r}),n.jsx(t.Text,{color:l.palette.gray[800],fontWeight:"bold",lineSpacing:1.5,mb:.5,size:"md",textAlign:"center",children:a}),n.jsx("div",{children:o.map(((e,i)=>{const r=`${e}#${i}`;return n.jsx(t.Text,{size:"sm",textAlign:"center",wordBreak:"break-word",children:e},r)}))})]})},exports.TimelineContainer=r;
|
package/dist/index-CmylnDrF.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),t=require("react"),n=require("react-dom"),o=require("lodash"),r=require("./_commonjsHelpers-C37NGDzP.js"),l=require("styled-components"),i=require("./styles-C2CoGJl7.js"),s=require("./components/icon/index.js");require("./components/typography/heading/index.js"),require("./components/typography/span/index.js");const c=require("./components/typography/text/index.js");function a(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const n in e)if("default"!==n){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}return t.default=e,Object.freeze(t)}const u=a(t),d=a(n),f=Math.min,p=Math.max,m=Math.round,y=Math.floor,h=e=>({x:e,y:e}),v={left:"right",right:"left",bottom:"top",top:"bottom"},g={start:"end",end:"start"};function w(e,t,n){return p(e,f(t,n))}function b(e,t){return"function"==typeof e?e(t):e}function x(e){return e.split("-")[0]}function _(e){return e.split("-")[1]}function E(e){return"x"===e?"y":"x"}function S(e){return"y"===e?"height":"width"}function A(e){return["top","bottom"].includes(x(e))?"y":"x"}function R(e){return E(A(e))}function T(e){return e.replace(/start|end/g,(e=>g[e]))}function k(e){return e.replace(/left|right|bottom|top/g,(e=>v[e]))}function O(e){return"number"!=typeof e?(t=e,{top:0,right:0,bottom:0,left:0,...t}):{top:e,right:e,bottom:e,left:e};var t}function L(e){const{x:t,y:n,width:o,height:r}=e;return{width:o,height:r,top:n,left:t,right:t+o,bottom:n+r,x:t,y:n}}function C(e,t,n){let{reference:o,floating:r}=e;const l=A(t),i=R(t),s=S(i),c=x(t),a="y"===l,u=o.x+o.width/2-r.width/2,d=o.y+o.height/2-r.height/2,f=o[s]/2-r[s]/2;let p;switch(c){case"top":p={x:u,y:o.y-r.height};break;case"bottom":p={x:u,y:o.y+o.height};break;case"right":p={x:o.x+o.width,y:d};break;case"left":p={x:o.x-r.width,y:d};break;default:p={x:o.x,y:o.y}}switch(_(t)){case"start":p[i]-=f*(n&&a?-1:1);break;case"end":p[i]+=f*(n&&a?-1:1)}return p}async function j(e,t){var n;void 0===t&&(t={});const{x:o,y:r,platform:l,rects:i,elements:s,strategy:c}=e,{boundary:a="clippingAncestors",rootBoundary:u="viewport",elementContext:d="floating",altBoundary:f=!1,padding:p=0}=b(t,e),m=O(p),y=s[f?"floating"===d?"reference":"floating":d],h=L(await l.getClippingRect({element:null==(n=await(null==l.isElement?void 0:l.isElement(y)))||n?y:y.contextElement||await(null==l.getDocumentElement?void 0:l.getDocumentElement(s.floating)),boundary:a,rootBoundary:u,strategy:c})),v="floating"===d?{x:o,y:r,width:i.floating.width,height:i.floating.height}:i.reference,g=await(null==l.getOffsetParent?void 0:l.getOffsetParent(s.floating)),w=await(null==l.isElement?void 0:l.isElement(g))&&await(null==l.getScale?void 0:l.getScale(g))||{x:1,y:1},x=L(l.convertOffsetParentRelativeRectToViewportRelativeRect?await l.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:v,offsetParent:g,strategy:c}):v);return{top:(h.top-x.top+m.top)/w.y,bottom:(x.bottom-h.bottom+m.bottom)/w.y,left:(h.left-x.left+m.left)/w.x,right:(x.right-h.right+m.right)/w.x}}function D(){return"undefined"!=typeof window}function N(e){return M(e)?(e.nodeName||"").toLowerCase():"#document"}function P(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function $(e){var t;return null==(t=(M(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function M(e){return!!D()&&(e instanceof Node||e instanceof P(e).Node)}function z(e){return!!D()&&(e instanceof Element||e instanceof P(e).Element)}function B(e){return!!D()&&(e instanceof HTMLElement||e instanceof P(e).HTMLElement)}function W(e){return!(!D()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof P(e).ShadowRoot)}function q(e){const{overflow:t,overflowX:n,overflowY:o,display:r}=X(e);return/auto|scroll|overlay|hidden|clip/.test(t+o+n)&&!["inline","contents"].includes(r)}function I(e){return["table","td","th"].includes(N(e))}function H(e){return[":popover-open",":modal"].some((t=>{try{return e.matches(t)}catch(n){return!1}}))}function F(e){const t=V(),n=z(e)?X(e):e;return["transform","translate","scale","rotate","perspective"].some((e=>!!n[e]&&"none"!==n[e]))||!!n.containerType&&"normal"!==n.containerType||!t&&!!n.backdropFilter&&"none"!==n.backdropFilter||!t&&!!n.filter&&"none"!==n.filter||["transform","translate","scale","rotate","perspective","filter"].some((e=>(n.willChange||"").includes(e)))||["paint","layout","strict","content"].some((e=>(n.contain||"").includes(e)))}function V(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function K(e){return["html","body","#document"].includes(N(e))}function X(e){return P(e).getComputedStyle(e)}function Y(e){return z(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.scrollX,scrollTop:e.scrollY}}function Z(e){if("html"===N(e))return e;const t=e.assignedSlot||e.parentNode||W(e)&&e.host||$(e);return W(t)?t.host:t}function G(e){const t=Z(e);return K(t)?e.ownerDocument?e.ownerDocument.body:e.body:B(t)&&q(t)?t:G(t)}function J(e,t,n){var o;void 0===t&&(t=[]),void 0===n&&(n=!0);const r=G(e),l=r===(null==(o=e.ownerDocument)?void 0:o.body),i=P(r);if(l){const e=Q(i);return t.concat(i,i.visualViewport||[],q(r)?r:[],e&&n?J(e):[])}return t.concat(r,J(r,[],n))}function Q(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function U(e){const t=X(e);let n=parseFloat(t.width)||0,o=parseFloat(t.height)||0;const r=B(e),l=r?e.offsetWidth:n,i=r?e.offsetHeight:o,s=m(n)!==l||m(o)!==i;return s&&(n=l,o=i),{width:n,height:o,$:s}}function ee(e){return z(e)?e:e.contextElement}function te(e){const t=ee(e);if(!B(t))return h(1);const n=t.getBoundingClientRect(),{width:o,height:r,$:l}=U(t);let i=(l?m(n.width):n.width)/o,s=(l?m(n.height):n.height)/r;return i&&Number.isFinite(i)||(i=1),s&&Number.isFinite(s)||(s=1),{x:i,y:s}}const ne=h(0);function oe(e){const t=P(e);return V()&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:ne}function re(e,t,n,o){void 0===t&&(t=!1),void 0===n&&(n=!1);const r=e.getBoundingClientRect(),l=ee(e);let i=h(1);t&&(o?z(o)&&(i=te(o)):i=te(e));const s=(c=l,void 0===(a=n)&&(a=!1),!(u=o)||a&&u!==P(c)||!a?h(0):oe(l));var c,a,u;let d=(r.left+s.x)/i.x,f=(r.top+s.y)/i.y,p=r.width/i.x,m=r.height/i.y;if(l){const e=P(l),t=o&&z(o)?P(o):o;let n=e,r=Q(n);for(;r&&o&&t!==n;){const e=te(r),t=r.getBoundingClientRect(),o=X(r),l=t.left+(r.clientLeft+parseFloat(o.paddingLeft))*e.x,i=t.top+(r.clientTop+parseFloat(o.paddingTop))*e.y;d*=e.x,f*=e.y,p*=e.x,m*=e.y,d+=l,f+=i,n=P(r),r=Q(n)}}return L({width:p,height:m,x:d,y:f})}function le(e,t){const n=Y(e).scrollLeft;return t?t.left+n:re($(e)).left+n}function ie(e,t,n){void 0===n&&(n=!1);const o=e.getBoundingClientRect();return{x:o.left+t.scrollLeft-(n?0:le(e,o)),y:o.top+t.scrollTop}}function se(e,t,n){let o;if("viewport"===t)o=function(e,t){const n=P(e),o=$(e),r=n.visualViewport;let l=o.clientWidth,i=o.clientHeight,s=0,c=0;if(r){l=r.width,i=r.height;const e=V();(!e||e&&"fixed"===t)&&(s=r.offsetLeft,c=r.offsetTop)}return{width:l,height:i,x:s,y:c}}(e,n);else if("document"===t)o=function(e){const t=$(e),n=Y(e),o=e.ownerDocument.body,r=p(t.scrollWidth,t.clientWidth,o.scrollWidth,o.clientWidth),l=p(t.scrollHeight,t.clientHeight,o.scrollHeight,o.clientHeight);let i=-n.scrollLeft+le(e);const s=-n.scrollTop;return"rtl"===X(o).direction&&(i+=p(t.clientWidth,o.clientWidth)-r),{width:r,height:l,x:i,y:s}}($(e));else if(z(t))o=function(e,t){const n=re(e,!0,"fixed"===t),o=n.top+e.clientTop,r=n.left+e.clientLeft,l=B(e)?te(e):h(1);return{width:e.clientWidth*l.x,height:e.clientHeight*l.y,x:r*l.x,y:o*l.y}}(t,n);else{const n=oe(e);o={x:t.x-n.x,y:t.y-n.y,width:t.width,height:t.height}}return L(o)}function ce(e,t){const n=Z(e);return!(n===t||!z(n)||K(n))&&("fixed"===X(n).position||ce(n,t))}function ae(e,t,n){const o=B(t),r=$(t),l="fixed"===n,i=re(e,!0,l,t);let s={scrollLeft:0,scrollTop:0};const c=h(0);if(o||!o&&!l)if(("body"!==N(t)||q(r))&&(s=Y(t)),o){const e=re(t,!0,l,t);c.x=e.x+t.clientLeft,c.y=e.y+t.clientTop}else r&&(c.x=le(r));const a=!r||o||l?h(0):ie(r,s);return{x:i.left+s.scrollLeft-c.x-a.x,y:i.top+s.scrollTop-c.y-a.y,width:i.width,height:i.height}}function ue(e){return"static"===X(e).position}function de(e,t){if(!B(e)||"fixed"===X(e).position)return null;if(t)return t(e);let n=e.offsetParent;return $(e)===n&&(n=n.ownerDocument.body),n}function fe(e,t){const n=P(e);if(H(e))return n;if(!B(e)){let t=Z(e);for(;t&&!K(t);){if(z(t)&&!ue(t))return t;t=Z(t)}return n}let o=de(e,t);for(;o&&I(o)&&ue(o);)o=de(o,t);return o&&K(o)&&ue(o)&&!F(o)?n:o||function(e){let t=Z(e);for(;B(t)&&!K(t);){if(F(t))return t;if(H(t))return null;t=Z(t)}return null}(e)||n}const pe={convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{elements:t,rect:n,offsetParent:o,strategy:r}=e;const l="fixed"===r,i=$(o),s=!!t&&H(t.floating);if(o===i||s&&l)return n;let c={scrollLeft:0,scrollTop:0},a=h(1);const u=h(0),d=B(o);if((d||!d&&!l)&&(("body"!==N(o)||q(i))&&(c=Y(o)),B(o))){const e=re(o);a=te(o),u.x=e.x+o.clientLeft,u.y=e.y+o.clientTop}const f=!i||d||l?h(0):ie(i,c,!0);return{width:n.width*a.x,height:n.height*a.y,x:n.x*a.x-c.scrollLeft*a.x+u.x+f.x,y:n.y*a.y-c.scrollTop*a.y+u.y+f.y}},getDocumentElement:$,getClippingRect:function(e){let{element:t,boundary:n,rootBoundary:o,strategy:r}=e;const l=[..."clippingAncestors"===n?H(t)?[]:function(e,t){const n=t.get(e);if(n)return n;let o=J(e,[],!1).filter((e=>z(e)&&"body"!==N(e))),r=null;const l="fixed"===X(e).position;let i=l?Z(e):e;for(;z(i)&&!K(i);){const t=X(i),n=F(i);n||"fixed"!==t.position||(r=null),(l?!n&&!r:!n&&"static"===t.position&&r&&["absolute","fixed"].includes(r.position)||q(i)&&!n&&ce(e,i))?o=o.filter((e=>e!==i)):r=t,i=Z(i)}return t.set(e,o),o}(t,this._c):[].concat(n),o],i=l[0],s=l.reduce(((e,n)=>{const o=se(t,n,r);return e.top=p(o.top,e.top),e.right=f(o.right,e.right),e.bottom=f(o.bottom,e.bottom),e.left=p(o.left,e.left),e}),se(t,i,r));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:fe,getElementRects:async function(e){const t=this.getOffsetParent||fe,n=this.getDimensions,o=await n(e.floating);return{reference:ae(e.reference,await t(e.floating),e.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}},getClientRects:function(e){return Array.from(e.getClientRects())},getDimensions:function(e){const{width:t,height:n}=U(e);return{width:t,height:n}},getScale:te,isElement:z,isRTL:function(e){return"rtl"===X(e).direction}};function me(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function ye(e,t,n,o){void 0===o&&(o={});const{ancestorScroll:r=!0,ancestorResize:l=!0,elementResize:i="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:c=!1}=o,a=ee(e),u=r||l?[...a?J(a):[],...J(t)]:[];u.forEach((e=>{r&&e.addEventListener("scroll",n,{passive:!0}),l&&e.addEventListener("resize",n)}));const d=a&&s?function(e,t){let n,o=null;const r=$(e);function l(){var e;clearTimeout(n),null==(e=o)||e.disconnect(),o=null}return function i(s,c){void 0===s&&(s=!1),void 0===c&&(c=1),l();const a=e.getBoundingClientRect(),{left:u,top:d,width:m,height:h}=a;if(s||t(),!m||!h)return;const v={rootMargin:-y(d)+"px "+-y(r.clientWidth-(u+m))+"px "+-y(r.clientHeight-(d+h))+"px "+-y(u)+"px",threshold:p(0,f(1,c))||1};let g=!0;function w(t){const o=t[0].intersectionRatio;if(o!==c){if(!g)return i();o?i(!1,o):n=setTimeout((()=>{i(!1,1e-7)}),1e3)}1!==o||me(a,e.getBoundingClientRect())||i(),g=!1}try{o=new IntersectionObserver(w,{...v,root:r.ownerDocument})}catch(b){o=new IntersectionObserver(w,v)}o.observe(e)}(!0),l}(a,n):null;let m,h=-1,v=null;i&&(v=new ResizeObserver((e=>{let[o]=e;o&&o.target===a&&v&&(v.unobserve(t),cancelAnimationFrame(h),h=requestAnimationFrame((()=>{var e;null==(e=v)||e.observe(t)}))),n()})),a&&!c&&v.observe(a),v.observe(t));let g=c?re(e):null;return c&&function t(){const o=re(e);g&&!me(g,o)&&n(),g=o,m=requestAnimationFrame(t)}(),n(),()=>{var e;u.forEach((e=>{r&&e.removeEventListener("scroll",n),l&&e.removeEventListener("resize",n)})),null==d||d(),null==(e=v)||e.disconnect(),v=null,c&&cancelAnimationFrame(m)}}const he=function(e){return void 0===e&&(e=0),{name:"offset",options:e,async fn(t){var n,o;const{x:r,y:l,placement:i,middlewareData:s}=t,c=await async function(e,t){const{placement:n,platform:o,elements:r}=e,l=await(null==o.isRTL?void 0:o.isRTL(r.floating)),i=x(n),s=_(n),c="y"===A(n),a=["left","top"].includes(i)?-1:1,u=l&&c?-1:1,d=b(t,e);let{mainAxis:f,crossAxis:p,alignmentAxis:m}="number"==typeof d?{mainAxis:d,crossAxis:0,alignmentAxis:null}:{mainAxis:d.mainAxis||0,crossAxis:d.crossAxis||0,alignmentAxis:d.alignmentAxis};return s&&"number"==typeof m&&(p="end"===s?-1*m:m),c?{x:p*u,y:f*a}:{x:f*a,y:p*u}}(t,e);return i===(null==(n=s.offset)?void 0:n.placement)&&null!=(o=s.arrow)&&o.alignmentOffset?{}:{x:r+c.x,y:l+c.y,data:{...c,placement:i}}}}},ve=function(e){return void 0===e&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:o,placement:r}=t,{mainAxis:l=!0,crossAxis:i=!1,limiter:s={fn:e=>{let{x:t,y:n}=e;return{x:t,y:n}}},...c}=b(e,t),a={x:n,y:o},u=await j(t,c),d=A(x(r)),f=E(d);let p=a[f],m=a[d];if(l){const e="y"===f?"bottom":"right";p=w(p+u["y"===f?"top":"left"],p,p-u[e])}if(i){const e="y"===d?"bottom":"right";m=w(m+u["y"===d?"top":"left"],m,m-u[e])}const y=s.fn({...t,[f]:p,[d]:m});return{...y,data:{x:y.x-n,y:y.y-o,enabled:{[f]:l,[d]:i}}}}}},ge=function(e){return void 0===e&&(e={}),{name:"flip",options:e,async fn(t){var n,o;const{placement:r,middlewareData:l,rects:i,initialPlacement:s,platform:c,elements:a}=t,{mainAxis:u=!0,crossAxis:d=!0,fallbackPlacements:f,fallbackStrategy:p="bestFit",fallbackAxisSideDirection:m="none",flipAlignment:y=!0,...h}=b(e,t);if(null!=(n=l.arrow)&&n.alignmentOffset)return{};const v=x(r),g=A(s),w=x(s)===s,E=await(null==c.isRTL?void 0:c.isRTL(a.floating)),O=f||(w||!y?[k(s)]:function(e){const t=k(e);return[T(e),t,T(t)]}(s)),L="none"!==m;!f&&L&&O.push(...function(e,t,n,o){const r=_(e);let l=function(e,t,n){const o=["left","right"],r=["right","left"],l=["top","bottom"],i=["bottom","top"];switch(e){case"top":case"bottom":return n?t?r:o:t?o:r;case"left":case"right":return t?l:i;default:return[]}}(x(e),"start"===n,o);return r&&(l=l.map((e=>e+"-"+r)),t&&(l=l.concat(l.map(T)))),l}(s,y,m,E));const C=[s,...O],D=await j(t,h),N=[];let P=(null==(o=l.flip)?void 0:o.overflows)||[];if(u&&N.push(D[v]),d){const e=function(e,t,n){void 0===n&&(n=!1);const o=_(e),r=R(e),l=S(r);let i="x"===r?o===(n?"end":"start")?"right":"left":"start"===o?"bottom":"top";return t.reference[l]>t.floating[l]&&(i=k(i)),[i,k(i)]}(r,i,E);N.push(D[e[0]],D[e[1]])}if(P=[...P,{placement:r,overflows:N}],!N.every((e=>e<=0))){var $,M;const e=((null==($=l.flip)?void 0:$.index)||0)+1,t=C[e];if(t)return{data:{index:e,overflows:P},reset:{placement:t}};let n=null==(M=P.filter((e=>e.overflows[0]<=0)).sort(((e,t)=>e.overflows[1]-t.overflows[1]))[0])?void 0:M.placement;if(!n)switch(p){case"bestFit":{var z;const e=null==(z=P.filter((e=>{if(L){const t=A(e.placement);return t===g||"y"===t}return!0})).map((e=>[e.placement,e.overflows.filter((e=>e>0)).reduce(((e,t)=>e+t),0)])).sort(((e,t)=>e[1]-t[1]))[0])?void 0:z[0];e&&(n=e);break}case"initialPlacement":n=s}if(r!==n)return{reset:{placement:n}}}return{}}}},we=(e,t,n)=>{const o=new Map,r={platform:pe,...n},l={...r.platform,_c:o};return(async(e,t,n)=>{const{placement:o="bottom",strategy:r="absolute",middleware:l=[],platform:i}=n,s=l.filter(Boolean),c=await(null==i.isRTL?void 0:i.isRTL(t));let a=await i.getElementRects({reference:e,floating:t,strategy:r}),{x:u,y:d}=C(a,o,c),f=o,p={},m=0;for(let y=0;y<s.length;y++){const{name:n,fn:l}=s[y],{x:h,y:v,data:g,reset:w}=await l({x:u,y:d,initialPlacement:o,placement:f,strategy:r,middlewareData:p,rects:a,platform:i,elements:{reference:e,floating:t}});u=null!=h?h:u,d=null!=v?v:d,p={...p,[n]:{...p[n],...g}},w&&m<=50&&(m++,"object"==typeof w&&(w.placement&&(f=w.placement),w.rects&&(a=!0===w.rects?await i.getElementRects({reference:e,floating:t,strategy:r}):w.rects),({x:u,y:d}=C(a,f,c))),y=-1)}return{x:u,y:d,placement:f,strategy:r,middlewareData:p}})(e,t,{...r,platform:l})};var be="undefined"!=typeof document?t.useLayoutEffect:t.useEffect;function xe(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if("function"==typeof e&&e.toString()===t.toString())return!0;let n,o,r;if(e&&t&&"object"==typeof e){if(Array.isArray(e)){if(n=e.length,n!==t.length)return!1;for(o=n;0!=o--;)if(!xe(e[o],t[o]))return!1;return!0}if(r=Object.keys(e),n=r.length,n!==Object.keys(t).length)return!1;for(o=n;0!=o--;)if(!{}.hasOwnProperty.call(t,r[o]))return!1;for(o=n;0!=o--;){const n=r[o];if(!("_owner"===n&&e.$$typeof||xe(e[n],t[n])))return!1}return!0}return e!=e&&t!=t}function _e(e){return"undefined"==typeof window?1:(e.ownerDocument.defaultView||window).devicePixelRatio||1}function Ee(e,t){const n=_e(e);return Math.round(t*n)/n}function Se(e){const t=u.useRef(e);return be((()=>{t.current=e})),t}var Ae,Re,Te={exports:{}},ke=(Ae||(Ae=1,Re=Te,function(){var e={}.hasOwnProperty;function t(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=o(e,n(r)))}return e}function n(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return t.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var r="";for(var l in n)e.call(n,l)&&n[l]&&(r=o(r,l));return r}function o(e,t){return t?e?e+" "+t:e+t:e}Re.exports?(t.default=t,Re.exports=t):window.classNames=t}()),Te.exports);
|
|
2
|
-
/*!
|
|
3
|
-
Copyright (c) 2018 Jed Watson.
|
|
4
|
-
Licensed under the MIT License (MIT), see
|
|
5
|
-
http://jedwatson.github.io/classnames
|
|
6
|
-
*/const Oe=r.getDefaultExportFromCjs(ke),Le={core:!1,base:!1};
|
|
7
|
-
/*
|
|
8
|
-
* React Tooltip
|
|
9
|
-
* {@link https://github.com/ReactTooltip/react-tooltip}
|
|
10
|
-
* @copyright ReactTooltip Team
|
|
11
|
-
* @license MIT
|
|
12
|
-
*/function Ce({css:e,id:t="react-tooltip-base-styles",type:n="base",ref:o}){var r,l;if(!e||"undefined"==typeof document||Le[n])return;if("core"===n&&"undefined"!=typeof process&&(null===(r=null===process||void 0===process?void 0:process.env)||void 0===r?void 0:r.REACT_TOOLTIP_DISABLE_CORE_STYLES))return;if("base"!==n&&"undefined"!=typeof process&&(null===(l=null===process||void 0===process?void 0:process.env)||void 0===l?void 0:l.REACT_TOOLTIP_DISABLE_BASE_STYLES))return;"core"===n&&(t="react-tooltip-core-styles"),o||(o={});const{insertAt:i}=o;if(document.getElementById(t))return;const s=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.id=t,c.type="text/css","top"===i&&s.firstChild?s.insertBefore(c,s.firstChild):s.appendChild(c),c.styleSheet?c.styleSheet.cssText=e:c.appendChild(document.createTextNode(e)),Le[n]=!0}const je=async({elementReference:e=null,tooltipReference:t=null,tooltipArrowReference:n=null,place:o="top",offset:r=10,strategy:l="absolute",middlewares:i=[he(Number(r)),ge({fallbackAxisSideDirection:"start"}),ve({padding:5})],border:s})=>{if(!e)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};if(null===t)return{tooltipStyles:{},tooltipArrowStyles:{},place:o};const c=i;return n?(c.push((e=>({name:"arrow",options:e,async fn(t){const{x:n,y:o,placement:r,rects:l,platform:i,elements:s,middlewareData:c}=t,{element:a,padding:u=0}=b(e,t)||{};if(null==a)return{};const d=O(u),p={x:n,y:o},m=R(r),y=S(m),h=await i.getDimensions(a),v="y"===m,g=v?"top":"left",x=v?"bottom":"right",E=v?"clientHeight":"clientWidth",A=l.reference[y]+l.reference[m]-p[m]-l.floating[y],T=p[m]-l.reference[m],k=await(null==i.getOffsetParent?void 0:i.getOffsetParent(a));let L=k?k[E]:0;L&&await(null==i.isElement?void 0:i.isElement(k))||(L=s.floating[E]||l.floating[y]);const C=A/2-T/2,j=L/2-h[y]/2-1,D=f(d[g],j),N=f(d[x],j),P=D,$=L-h[y]-N,M=L/2-h[y]/2+C,z=w(P,M,$),B=!c.arrow&&null!=_(r)&&M!==z&&l.reference[y]/2-(M<P?D:N)-h[y]/2<0,W=B?M<P?M-P:M-$:0;return{[m]:p[m]+W,data:{[m]:z,centerOffset:M-z-W,...B&&{alignmentOffset:W}},reset:B}}}))({element:n,padding:5})),we(e,t,{placement:o,strategy:l,middleware:c}).then((({x:e,y:t,placement:n,middlewareData:o})=>{var r,l;const i={left:`${e}px`,top:`${t}px`,border:s},{x:c,y:a}=null!==(r=o.arrow)&&void 0!==r?r:{x:0,y:0},u=null!==(l={top:"bottom",right:"left",bottom:"top",left:"right"}[n.split("-")[0]])&&void 0!==l?l:"bottom",d=s&&{borderBottom:s,borderRight:s};let f=0;if(s){const e=`${s}`.match(/(\d+)px/);f=(null==e?void 0:e[1])?Number(e[1]):1}return{tooltipStyles:i,tooltipArrowStyles:{left:null!=c?`${c}px`:"",top:null!=a?`${a}px`:"",right:"",bottom:"",...d,[u]:`-${4+f}px`},place:n}}))):we(e,t,{placement:"bottom",strategy:l,middleware:c}).then((({x:e,y:t,placement:n})=>({tooltipStyles:{left:`${e}px`,top:`${t}px`},tooltipArrowStyles:{},place:n})))},De=(e,t)=>!("CSS"in window&&"supports"in window.CSS)||window.CSS.supports(e,t),Ne=(e,t,n)=>{let o=null;const r=function(...n){!o&&(e.apply(this,n),o=setTimeout((()=>{o=null}),t))};return r.cancel=()=>{o&&(clearTimeout(o),o=null)},r},Pe=e=>null!==e&&!Array.isArray(e)&&"object"==typeof e,$e=(e,t)=>{if(e===t)return!0;if(Array.isArray(e)&&Array.isArray(t))return e.length===t.length&&e.every(((e,n)=>$e(e,t[n])));if(Array.isArray(e)!==Array.isArray(t))return!1;if(!Pe(e)||!Pe(t))return e===t;const n=Object.keys(e),o=Object.keys(t);return n.length===o.length&&n.every((n=>$e(e[n],t[n])))},Me=e=>{if(!(e instanceof HTMLElement||e instanceof SVGElement))return!1;const t=getComputedStyle(e);return["overflow","overflow-x","overflow-y"].some((e=>{const n=t.getPropertyValue(e);return"auto"===n||"scroll"===n}))},ze=e=>{if(!e)return null;let t=e.parentElement;for(;t;){if(Me(t))return t;t=t.parentElement}return document.scrollingElement||document.documentElement},Be="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,We=e=>{e.current&&(clearTimeout(e.current),e.current=null)},qe={anchorRefs:new Set,activeAnchor:{current:null},attach:()=>{},detach:()=>{},setActiveAnchor:()=>{}},Ie=t.createContext({getTooltipData:()=>qe});function He(e="DEFAULT_TOOLTIP_ID"){return t.useContext(Ie).getTooltipData(e)}var Fe={tooltip:"core-styles-module_tooltip__3vRRp",fixed:"core-styles-module_fixed__pcSol",arrow:"core-styles-module_arrow__cvMwQ",noArrow:"core-styles-module_noArrow__xock6",clickable:"core-styles-module_clickable__ZuTTB",show:"core-styles-module_show__Nt9eE",closing:"core-styles-module_closing__sGnxF"},Ve={tooltip:"styles-module_tooltip__mnnfp",arrow:"styles-module_arrow__K0L3T",dark:"styles-module_dark__xNqje",light:"styles-module_light__Z6W-X",success:"styles-module_success__A2AKt",warning:"styles-module_warning__SCK0X",error:"styles-module_error__JvumD",info:"styles-module_info__BWdHW"};const Ke=({forwardRef:e,id:n,className:o,classNameArrow:r,variant:l="dark",anchorId:i,anchorSelect:s,place:c="top",offset:a=10,events:u=["hover"],openOnClick:d=!1,positionStrategy:f="absolute",middlewares:p,wrapper:m,delayShow:y=0,delayHide:h=0,float:v=!1,hidden:g=!1,noArrow:w=!1,clickable:b=!1,closeOnEsc:x=!1,closeOnScroll:_=!1,closeOnResize:E=!1,openEvents:S,closeEvents:A,globalCloseEvents:R,imperativeModeOnly:T,style:k,position:O,afterShow:L,afterHide:C,disableTooltip:j,content:D,contentWrapperRef:N,isOpen:P,defaultIsOpen:$=!1,setIsOpen:M,activeAnchor:z,setActiveAnchor:B,border:W,opacity:q,arrowColor:I,role:H="tooltip"})=>{var F;const V=t.useRef(null),K=t.useRef(null),X=t.useRef(null),Y=t.useRef(null),Z=t.useRef(null),[G,J]=t.useState({tooltipStyles:{},tooltipArrowStyles:{},place:c}),[Q,U]=t.useState(!1),[ee,te]=t.useState(!1),[ne,oe]=t.useState(null),re=t.useRef(!1),le=t.useRef(null),{anchorRefs:ie,setActiveAnchor:se}=He(n),ce=t.useRef(!1),[ae,ue]=t.useState([]),de=t.useRef(!1),fe=d||u.includes("click"),pe=fe||(null==S?void 0:S.click)||(null==S?void 0:S.dblclick)||(null==S?void 0:S.mousedown),me=S?{...S}:{mouseover:!0,focus:!0,mouseenter:!1,click:!1,dblclick:!1,mousedown:!1};!S&&fe&&Object.assign(me,{mouseenter:!1,focus:!1,mouseover:!1,click:!0});const he=A?{...A}:{mouseout:!0,blur:!0,mouseleave:!1,click:!1,dblclick:!1,mouseup:!1};!A&&fe&&Object.assign(he,{mouseleave:!1,blur:!1,mouseout:!1});const ve=R?{...R}:{escape:x||!1,scroll:_||!1,resize:E||!1,clickOutsideAnchor:pe||!1};T&&(Object.assign(me,{mouseenter:!1,focus:!1,click:!1,dblclick:!1,mousedown:!1}),Object.assign(he,{mouseleave:!1,blur:!1,click:!1,dblclick:!1,mouseup:!1}),Object.assign(ve,{escape:!1,scroll:!1,resize:!1,clickOutsideAnchor:!1})),Be((()=>(de.current=!0,()=>{de.current=!1})),[]);const ge=e=>{de.current&&(e&&te(!0),setTimeout((()=>{de.current&&(null==M||M(e),void 0===P&&U(e))}),10))};t.useEffect((()=>{if(void 0===P)return()=>null;P&&te(!0);const e=setTimeout((()=>{U(P)}),10);return()=>{clearTimeout(e)}}),[P]),t.useEffect((()=>{if(Q!==re.current)if(We(Z),re.current=Q,Q)null==L||L();else{const e=(()=>{const e=getComputedStyle(document.body).getPropertyValue("--rt-transition-show-delay").match(/^([\d.]+)(ms|s)$/);if(!e)return 0;const[,t,n]=e;return Number(t)*("ms"===n?1:1e3)})();Z.current=setTimeout((()=>{te(!1),oe(null),null==C||C()}),e+25)}}),[Q]);const we=e=>{J((t=>$e(t,e)?t:e))},be=(e=y)=>{We(X),ee?ge(!0):X.current=setTimeout((()=>{ge(!0)}),e)},xe=(e=h)=>{We(Y),Y.current=setTimeout((()=>{ce.current||ge(!1)}),e)},_e=e=>{var t;if(!e)return;const n=null!==(t=e.currentTarget)&&void 0!==t?t:e.target;if(!(null==n?void 0:n.isConnected))return B(null),void se({current:null});y?be():ge(!0),B(n),se({current:n}),We(Y)},Ee=()=>{b?xe(h||100):h?xe():ge(!1),We(X)},Se=({x:e,y:t})=>{var n;const o={getBoundingClientRect:()=>({x:e,y:t,width:0,height:0,top:t,left:e,right:e,bottom:t})};je({place:null!==(n=null==ne?void 0:ne.place)&&void 0!==n?n:c,offset:a,elementReference:o,tooltipReference:V.current,tooltipArrowReference:K.current,strategy:f,middlewares:p,border:W}).then((e=>{we(e)}))},Ae=e=>{if(!e)return;const t=e,n={x:t.clientX,y:t.clientY};Se(n),le.current=n},Re=e=>{var t;if(!Q)return;const n=e.target;n.isConnected&&((null===(t=V.current)||void 0===t?void 0:t.contains(n))||[document.querySelector(`[id='${i}']`),...ae].some((e=>null==e?void 0:e.contains(n)))||(ge(!1),We(X)))},Te=Ne(_e,50),ke=Ne(Ee,50),Le=e=>{ke.cancel(),Te(e)},Ce=()=>{Te.cancel(),ke()},De=t.useCallback((()=>{var e,t;const n=null!==(e=null==ne?void 0:ne.position)&&void 0!==e?e:O;n?Se(n):v?le.current&&Se(le.current):(null==z?void 0:z.isConnected)&&je({place:null!==(t=null==ne?void 0:ne.place)&&void 0!==t?t:c,offset:a,elementReference:z,tooltipReference:V.current,tooltipArrowReference:K.current,strategy:f,middlewares:p,border:W}).then((e=>{de.current&&we(e)}))}),[Q,z,D,k,c,null==ne?void 0:ne.place,a,f,O,null==ne?void 0:ne.position,v]);t.useEffect((()=>{var e,t;const n=new Set(ie);ae.forEach((e=>{(null==j?void 0:j(e))||n.add({current:e})}));const o=document.querySelector(`[id='${i}']`);o&&!(null==j?void 0:j(o))&&n.add({current:o});const r=()=>{ge(!1)},l=ze(z),s=ze(V.current);ve.scroll&&(window.addEventListener("scroll",r),null==l||l.addEventListener("scroll",r),null==s||s.addEventListener("scroll",r));let c=null;ve.resize?window.addEventListener("resize",r):z&&V.current&&(c=ye(z,V.current,De,{ancestorResize:!0,elementResize:!0,layoutShift:!0}));const a=e=>{"Escape"===e.key&&ge(!1)};ve.escape&&window.addEventListener("keydown",a),ve.clickOutsideAnchor&&window.addEventListener("click",Re);const u=[],d=e=>{Q&&(null==e?void 0:e.target)===z||_e(e)},f=e=>{Q&&(null==e?void 0:e.target)===z&&Ee()},p=["mouseover","mouseout","mouseenter","mouseleave","focus","blur"],m=["click","dblclick","mousedown","mouseup"];Object.entries(me).forEach((([e,t])=>{t&&(p.includes(e)?u.push({event:e,listener:Le}):m.includes(e)&&u.push({event:e,listener:d}))})),Object.entries(he).forEach((([e,t])=>{t&&(p.includes(e)?u.push({event:e,listener:Ce}):m.includes(e)&&u.push({event:e,listener:f}))})),v&&u.push({event:"pointermove",listener:Ae});const y=()=>{ce.current=!0},h=()=>{ce.current=!1,Ee()};return b&&!pe&&(null===(e=V.current)||void 0===e||e.addEventListener("mouseenter",y),null===(t=V.current)||void 0===t||t.addEventListener("mouseleave",h)),u.forEach((({event:e,listener:t})=>{n.forEach((n=>{var o;null===(o=n.current)||void 0===o||o.addEventListener(e,t)}))})),()=>{var e,t;ve.scroll&&(window.removeEventListener("scroll",r),null==l||l.removeEventListener("scroll",r),null==s||s.removeEventListener("scroll",r)),ve.resize?window.removeEventListener("resize",r):null==c||c(),ve.clickOutsideAnchor&&window.removeEventListener("click",Re),ve.escape&&window.removeEventListener("keydown",a),b&&!pe&&(null===(e=V.current)||void 0===e||e.removeEventListener("mouseenter",y),null===(t=V.current)||void 0===t||t.removeEventListener("mouseleave",h)),u.forEach((({event:e,listener:t})=>{n.forEach((n=>{var o;null===(o=n.current)||void 0===o||o.removeEventListener(e,t)}))}))}}),[z,De,ee,ie,ae,S,A,R,fe,y,h]),t.useEffect((()=>{var e,t;let o=null!==(t=null!==(e=null==ne?void 0:ne.anchorSelect)&&void 0!==e?e:s)&&void 0!==t?t:"";!o&&n&&(o=`[data-tooltip-id='${n.replace(/'/g,"\\'")}']`);const r=new MutationObserver((e=>{const t=[],r=[];e.forEach((e=>{if("attributes"===e.type&&"data-tooltip-id"===e.attributeName&&(e.target.getAttribute("data-tooltip-id")===n?t.push(e.target):e.oldValue===n&&r.push(e.target)),"childList"===e.type){if(z){const t=[...e.removedNodes].filter((e=>1===e.nodeType));if(o)try{r.push(...t.filter((e=>e.matches(o)))),r.push(...t.flatMap((e=>[...e.querySelectorAll(o)])))}catch(l){}t.some((e=>{var t;return!!(null===(t=null==e?void 0:e.contains)||void 0===t?void 0:t.call(e,z))&&(te(!1),ge(!1),B(null),We(X),We(Y),!0)}))}if(o)try{const n=[...e.addedNodes].filter((e=>1===e.nodeType));t.push(...n.filter((e=>e.matches(o)))),t.push(...n.flatMap((e=>[...e.querySelectorAll(o)])))}catch(l){}}})),(t.length||r.length)&&ue((e=>[...e.filter((e=>!r.includes(e))),...t]))}));return r.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tooltip-id"],attributeOldValue:!0}),()=>{r.disconnect()}}),[n,s,null==ne?void 0:ne.anchorSelect,z]),t.useEffect((()=>{De()}),[De]),t.useEffect((()=>{if(!(null==N?void 0:N.current))return()=>null;const e=new ResizeObserver((()=>{setTimeout((()=>De()))}));return e.observe(N.current),()=>{e.disconnect()}}),[D,null==N?void 0:N.current]),t.useEffect((()=>{var e;const t=document.querySelector(`[id='${i}']`),n=[...ae,t];z&&n.includes(z)||B(null!==(e=ae[0])&&void 0!==e?e:t)}),[i,ae,z]),t.useEffect((()=>($&&ge(!0),()=>{We(X),We(Y)})),[]),t.useEffect((()=>{var e;let t=null!==(e=null==ne?void 0:ne.anchorSelect)&&void 0!==e?e:s;if(!t&&n&&(t=`[data-tooltip-id='${n.replace(/'/g,"\\'")}']`),t)try{const e=Array.from(document.querySelectorAll(t));ue(e)}catch(o){ue([])}}),[n,s,null==ne?void 0:ne.anchorSelect]),t.useEffect((()=>{X.current&&(We(X),be(y))}),[y]);const Pe=null!==(F=null==ne?void 0:ne.content)&&void 0!==F?F:D,Me=Q&&Object.keys(G.tooltipStyles).length>0;return t.useImperativeHandle(e,(()=>({open:e=>{if(null==e?void 0:e.anchorSelect)try{document.querySelector(e.anchorSelect)}catch(t){return}oe(null!=e?e:null),(null==e?void 0:e.delay)?be(e.delay):ge(!0)},close:e=>{(null==e?void 0:e.delay)?xe(e.delay):ge(!1)},activeAnchor:z,place:G.place,isOpen:Boolean(ee&&!g&&Pe&&Me)}))),ee&&!g&&Pe?t.createElement(m,{id:n,role:H,className:Oe("react-tooltip",Fe.tooltip,Ve.tooltip,Ve[l],o,`react-tooltip__place-${G.place}`,Fe[Me?"show":"closing"],Me?"react-tooltip__show":"react-tooltip__closing","fixed"===f&&Fe.fixed,b&&Fe.clickable),onTransitionEnd:e=>{We(Z),Q||"opacity"!==e.propertyName||(te(!1),oe(null),null==C||C())},style:{...k,...G.tooltipStyles,opacity:void 0!==q&&Me?q:void 0},ref:V},Pe,t.createElement(m,{className:Oe("react-tooltip-arrow",Fe.arrow,Ve.arrow,r,w&&Fe.noArrow),style:{...G.tooltipArrowStyles,background:I?`linear-gradient(to right bottom, transparent 50%, ${I} 50%)`:void 0},ref:K})):null},Xe=({content:e})=>t.createElement("span",{dangerouslySetInnerHTML:{__html:e}}),Ye=t.forwardRef((({id:e,anchorId:n,anchorSelect:o,content:r,html:l,render:i,className:s,classNameArrow:c,variant:a="dark",place:u="top",offset:d=10,wrapper:f="div",children:p=null,events:m=["hover"],openOnClick:y=!1,positionStrategy:h="absolute",middlewares:v,delayShow:g=0,delayHide:w=0,float:b=!1,hidden:x=!1,noArrow:_=!1,clickable:E=!1,closeOnEsc:S=!1,closeOnScroll:A=!1,closeOnResize:R=!1,openEvents:T,closeEvents:k,globalCloseEvents:O,imperativeModeOnly:L=!1,style:C,position:j,isOpen:D,defaultIsOpen:N=!1,disableStyleInjection:P=!1,border:$,opacity:M,arrowColor:z,setIsOpen:B,afterShow:W,afterHide:q,disableTooltip:I,role:H="tooltip"},F)=>{const[V,K]=t.useState(r),[X,Y]=t.useState(l),[Z,G]=t.useState(u),[J,Q]=t.useState(a),[U,ee]=t.useState(d),[te,ne]=t.useState(g),[oe,re]=t.useState(w),[le,ie]=t.useState(b),[se,ce]=t.useState(x),[ae,ue]=t.useState(f),[de,fe]=t.useState(m),[pe,me]=t.useState(h),[ye,he]=t.useState(null),[ve,ge]=t.useState(null),we=t.useRef(P),{anchorRefs:be,activeAnchor:xe}=He(e),_e=e=>null==e?void 0:e.getAttributeNames().reduce(((t,n)=>{var o;return n.startsWith("data-tooltip-")&&(t[n.replace(/^data-tooltip-/,"")]=null!==(o=null==e?void 0:e.getAttribute(n))&&void 0!==o?o:null),t}),{}),Ee=e=>{const t={place:e=>{var t;G(null!==(t=e)&&void 0!==t?t:u)},content:e=>{K(null!=e?e:r)},html:e=>{Y(null!=e?e:l)},variant:e=>{var t;Q(null!==(t=e)&&void 0!==t?t:a)},offset:e=>{ee(null===e?d:Number(e))},wrapper:e=>{var t;ue(null!==(t=e)&&void 0!==t?t:f)},events:e=>{const t=null==e?void 0:e.split(" ");fe(null!=t?t:m)},"position-strategy":e=>{var t;me(null!==(t=e)&&void 0!==t?t:h)},"delay-show":e=>{ne(null===e?g:Number(e))},"delay-hide":e=>{re(null===e?w:Number(e))},float:e=>{ie(null===e?b:"true"===e)},hidden:e=>{ce(null===e?x:"true"===e)},"class-name":e=>{he(e)}};Object.values(t).forEach((e=>e(null))),Object.entries(e).forEach((([e,n])=>{var o;null===(o=t[e])||void 0===o||o.call(t,n)}))};t.useEffect((()=>{K(r)}),[r]),t.useEffect((()=>{Y(l)}),[l]),t.useEffect((()=>{G(u)}),[u]),t.useEffect((()=>{Q(a)}),[a]),t.useEffect((()=>{ee(d)}),[d]),t.useEffect((()=>{ne(g)}),[g]),t.useEffect((()=>{re(w)}),[w]),t.useEffect((()=>{ie(b)}),[b]),t.useEffect((()=>{ce(x)}),[x]),t.useEffect((()=>{me(h)}),[h]),t.useEffect((()=>{we.current}),[P]),t.useEffect((()=>{"undefined"!=typeof window&&window.dispatchEvent(new CustomEvent("react-tooltip-inject-styles",{detail:{disableCore:"core"===P,disableBase:P}}))}),[]),t.useEffect((()=>{var t;const r=new Set(be);let l=o;if(!l&&e&&(l=`[data-tooltip-id='${e.replace(/'/g,"\\'")}']`),l)try{document.querySelectorAll(l).forEach((e=>{r.add({current:e})}))}catch(u){}const i=document.querySelector(`[id='${n}']`);if(i&&r.add({current:i}),!r.size)return()=>null;const s=null!==(t=null!=ve?ve:i)&&void 0!==t?t:xe.current,c=new MutationObserver((e=>{e.forEach((e=>{var t;if(!s||"attributes"!==e.type||!(null===(t=e.attributeName)||void 0===t?void 0:t.startsWith("data-tooltip-")))return;const n=_e(s);Ee(n)}))})),a={attributes:!0,childList:!1,subtree:!1};if(s){const e=_e(s);Ee(e),c.observe(s,a)}return()=>{c.disconnect()}}),[be,xe,ve,n,o]),t.useEffect((()=>{null==C||C.border,$&&De("border",`${$}`),null==C||C.opacity,M&&De("opacity",`${M}`)}),[]);let Se=p;const Ae=t.useRef(null);if(i){const e=i({content:(null==ve?void 0:ve.getAttribute("data-tooltip-content"))||V||null,activeAnchor:ve});Se=e?t.createElement("div",{ref:Ae,className:"react-tooltip-content-wrapper"},e):null}else V&&(Se=V);X&&(Se=t.createElement(Xe,{content:X}));const Re={forwardRef:F,id:e,anchorId:n,anchorSelect:o,className:Oe(s,ye),classNameArrow:c,content:Se,contentWrapperRef:Ae,place:Z,variant:J,offset:U,wrapper:ae,events:de,openOnClick:y,positionStrategy:pe,middlewares:v,delayShow:te,delayHide:oe,float:le,hidden:se,noArrow:_,clickable:E,closeOnEsc:S,closeOnScroll:A,closeOnResize:R,openEvents:T,closeEvents:k,globalCloseEvents:O,imperativeModeOnly:L,style:C,position:j,isOpen:D,defaultIsOpen:N,border:$,opacity:M,arrowColor:z,setIsOpen:B,afterShow:W,afterHide:q,disableTooltip:I,activeAnchor:ve,setActiveAnchor:e=>ge(e),role:H};return t.createElement(Ke,{...Re})}));"undefined"!=typeof window&&window.addEventListener("react-tooltip-inject-styles",(e=>{e.detail.disableCore||Ce({css:":root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{position:absolute;top:0;left:0;pointer-events:none;opacity:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{position:absolute;background:inherit}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay)ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay)ease-in}",type:"core"}),e.detail.disableBase||Ce({css:"\n.styles-module_tooltip__mnnfp{padding:8px 16px;border-radius:3px;font-size:90%;width:max-content}.styles-module_arrow__K0L3T{width:8px;height:8px}[class*='react-tooltip__place-top']>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*='react-tooltip__place-right']>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*='react-tooltip__place-bottom']>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*='react-tooltip__place-left']>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}",type:"base"})}));const Ze=l.styled(i.BaseComponent)``,Ge=l.styled.div`
|
|
13
|
-
${({theme:e,$maxWidth:t="320px"})=>`\n > :is(.react-tooltip, .react-tooltip__show, .react-tooltip__closing) {\n background-color: ${e.palette.gray[700]};\n border-radius: 8px;\n color: ${e.palette.white};\n font-size: ${e.typography.text.xs};\n max-width: ${t};\n padding: ${e.spacing[.75]};\n z-index: 999999;\n --rt-opacity: 1;\n }\n `}
|
|
14
|
-
`,Je=t.forwardRef((function({children:r,disabled:i=!1,display:a="inline-block",effect:u="solid",icon:d,iconColor:f,iconSize:p,id:m,maxWidth:y,nodeTip:h,place:v="bottom",tip:g="",title:w="",hide:b=""===g&&""===w&&void 0===h,...x},_){const E=l.useTheme(),[S,A]=t.useState(!1),R=t.useRef(null),T=t.useCallback((()=>{null!==R.current&&clearTimeout(R.current),R.current=setTimeout((()=>{A(!0)}),100)}),[]),k=t.useCallback((()=>{null!==R.current&&clearTimeout(R.current),R.current=setTimeout((()=>{A(!1)}),100)}),[]);return i?e.jsx(t.StrictMode,{children:r}):e.jsxs(Ze,{"data-tooltip-id":m,display:a,onMouseLeave:k,onMouseMove:T,ref:_,role:"tooltip",...x,children:[d?e.jsx(s.Icon,{clickable:!0,disabled:i,icon:d,iconColor:f,iconSize:p??"xxs",iconType:S?"fa-solid":"fa-light"}):r,n.createPortal(e.jsx(Ge,{$maxWidth:y,children:e.jsxs(Ye,{delayShow:500,float:"float"===u||void 0,globalCloseEvents:{resize:!0},hidden:b||!S,id:m,middlewares:[(C={fallbackAxisSideDirection:"start"},{...ge(C),options:[C,undefined]}),(O={mainAxis:10},{...he(O),options:[O,L]})],noArrow:"float"===u,place:v,children:[o.isEmpty(w)?void 0:e.jsx(c.Text,{color:E.palette.white,fontWeight:"bold",lineSpacing:1.5,size:"xs",textAlign:"start",wordWrap:"break-word",children:w}),o.isEmpty(g)?void 0:e.jsx(c.Text,{color:E.palette.gray[100],lineSpacing:1.5,size:"xs",textAlign:"start",wordWrap:"break-word",children:g}),o.isEmpty(h)?void 0:h]})}),document.getElementById("root")??document.body)]});var O,L,C}));exports.Tooltip=Je,exports.autoUpdate=ye,exports.useFloating=function(e){void 0===e&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:o=[],platform:r,elements:{reference:l,floating:i}={},transform:s=!0,whileElementsMounted:c,open:a}=e,[f,p]=u.useState({x:0,y:0,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[m,y]=u.useState(o);xe(m,o)||y(o);const[h,v]=u.useState(null),[g,w]=u.useState(null),b=u.useCallback((e=>{e!==S.current&&(S.current=e,v(e))}),[]),x=u.useCallback((e=>{e!==A.current&&(A.current=e,w(e))}),[]),_=l||h,E=i||g,S=u.useRef(null),A=u.useRef(null),R=u.useRef(f),T=null!=c,k=Se(c),O=Se(r),L=Se(a),C=u.useCallback((()=>{if(!S.current||!A.current)return;const e={placement:t,strategy:n,middleware:m};O.current&&(e.platform=O.current),we(S.current,A.current,e).then((e=>{const t={...e,isPositioned:!1!==L.current};j.current&&!xe(R.current,t)&&(R.current=t,d.flushSync((()=>{p(t)})))}))}),[m,t,n,O,L]);be((()=>{!1===a&&R.current.isPositioned&&(R.current.isPositioned=!1,p((e=>({...e,isPositioned:!1}))))}),[a]);const j=u.useRef(!1);be((()=>(j.current=!0,()=>{j.current=!1})),[]),be((()=>{if(_&&(S.current=_),E&&(A.current=E),_&&E){if(k.current)return k.current(_,E,C);C()}}),[_,E,C,k,T]);const D=u.useMemo((()=>({reference:S,floating:A,setReference:b,setFloating:x})),[b,x]),N=u.useMemo((()=>({reference:_,floating:E})),[_,E]),P=u.useMemo((()=>{const e={position:n,left:0,top:0};if(!N.floating)return e;const t=Ee(N.floating,f.x),o=Ee(N.floating,f.y);return s?{...e,transform:"translate("+t+"px, "+o+"px)",..._e(N.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:t,top:o}}),[n,s,N.floating,f.x,f.y]);return u.useMemo((()=>({...f,update:C,refs:D,elements:N,floatingStyles:P})),[f,C,D,N,P])};
|
package/dist/index-DUMgwAbO.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";const n=require("react/jsx-runtime"),e=require("react"),i=require("styled-components"),o=require("./components/container/index.js"),t=require("./components/icon/index.js"),l=i.styled.button`
|
|
2
|
-
display: flex;
|
|
3
|
-
position: relative;
|
|
4
|
-
height: 32px;
|
|
5
|
-
width: 32px;
|
|
6
|
-
|
|
7
|
-
svg {
|
|
8
|
-
position: absolute;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.hovered {
|
|
12
|
-
display: none;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
&:hover {
|
|
16
|
-
.hovered {
|
|
17
|
-
display: flex;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
.uncover {
|
|
21
|
-
display: none;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
`,r=i.styled.div`
|
|
25
|
-
${({theme:n})=>`\n display: flex;\n flex-direction: column;\n gap: ${n.spacing[2.5]};\n overflow: hidden;\n min-height: 589px;\n max-width: 1316px;\n\n span {\n background: ${n.palette.gradients["01"]};\n background-clip: text;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n #mobile {\n display: none;\n }\n\n #carousel {\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n }\n\n @media screen and (max-width: ${n.breakpoints.mobile}) {\n align-items: center;\n height: auto;\n max-width: 340px;\n\n #desktop {\n display: none;\n }\n #mobile {\n display: flex;\n }\n }\n `}
|
|
26
|
-
`;exports.OutlineContainer=r,exports.ScrollButtons=({containerRef:r,id:s})=>{const a=i.useTheme(),c="desktop"===s?380:342,d=e.useCallback((n=>()=>{if(null==r?void 0:r.current){const{current:e}=r;e.scrollBy({left:"right"===n?c:-c,behavior:"smooth"})}}),[r,c]),p=e.useCallback((e=>n.jsxs(l,{onClick:d(e),children:[n.jsx(t.Icon,{clickable:!0,icon:`circle-arrow-${e}`,iconClass:"hovered",iconColor:a.palette.gray[800],iconSize:"md",iconType:"fa-solid"}),n.jsx(t.Icon,{clickable:!0,icon:`circle-arrow-${e}`,iconClass:"uncover",iconColor:a.palette.gray[800],iconSize:"md",iconType:"fa-light"})]})),[d,a]);return n.jsxs(o.Container,{alignItems:"center",display:"flex",gap:1,id:s,width:"max-content",children:[p("left"),p("right")]})};
|
package/dist/index-DpQYiwGu.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),n=require("react"),t=require("react-aria"),o=require("styled-components"),r=require("./components/icon/index.js"),a=o.styled.ul`
|
|
2
|
-
${({theme:e})=>`\n align-self: center;\n background: ${e.palette.white};\n border: 1px solid ${e.palette.gray[200]};\n border-radius: ${e.spacing[.25]};\n box-shadow: ${e.shadows.md};\n list-style: none;\n max-height: 200px;\n min-width: 240px;\n overflow: hidden auto;\n scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};\n scroll-padding: ${e.spacing[.5]};\n width: 95%;\n `}
|
|
3
|
-
`,i=o.styled.li`
|
|
4
|
-
${({theme:e})=>`\n align-items: center;\n color: ${e.palette.gray[800]};\n cursor: pointer;\n display: flex;\n font-family: ${e.typography.type.primary};\n font-size: ${e.typography.text.sm};\n gap: ${e.spacing[.5]};\n justify-content: space-between;\n line-height: ${e.spacing[1.25]};\n padding: ${e.spacing[.25]} ${e.spacing[1]};\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n\n span {\n color: ${e.palette.gray[700]};\n }\n\n &:hover {\n background: ${e.palette.gray[100]};\n }\n\n &.selected {\n background: ${e.palette.gray[200]};\n }\n\n &.disabled {\n color: ${e.palette.gray[400]};\n cursor: not-allowed;\n }\n `}
|
|
5
|
-
`;exports.Option=({item:o,state:a})=>{const s=n.useRef(null),{optionProps:l,isSelected:c,isFocused:p,isDisabled:d}=t.useOption({key:o.value},a,s),g=[c?"selected":"",p?"focused":"",d?"disabled":""].join(" ");return e.jsxs(i,{...l,className:g,ref:s,children:[o.name,c?e.jsx(r.Icon,{icon:"check",iconSize:"xxs",iconType:"fa-light"}):void 0]})},exports.StyledDropdown=a;
|
package/dist/index-Dy8ZUIYs.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),i=require("./components/icon/index.js");require("./components/typography/heading/index.js"),require("./components/typography/span/index.js");const r=require("./components/typography/text/index.js"),o=t.styled.div`
|
|
2
|
-
${({theme:e,$itemsLength:n})=>`\n display: flex;\n background-color: ${e.palette.white};\n border: 1px solid ${e.palette.gray[200]};\n border-radius: ${e.spacing[.25]};\n box-shadow: ${e.shadows.lg};\n flex-direction: column;\n min-width: 507px;\n max-width: ${n<=4?"507px":"980px"};\n padding: ${e.spacing[1.5]};\n\n @media screen and (max-width: 980px) and (min-width: 742px) {\n width: 742px;\n }\n @media screen and (max-width: 742px) {\n width: 507px;\n }\n `}
|
|
3
|
-
`,s=t.styled.div`
|
|
4
|
-
${({theme:e,$isSelected:n})=>`\n align-items: center;\n background-color: ${n?e.palette.gray[100]:e.palette.white};\n border: 1px solid ${e.palette.gray[200]};\n border-radius: ${e.spacing[.25]};\n cursor: pointer;\n display: flex;\n flex-direction: ${n?"row-reverse":"row"};\n min-height: 50px;\n padding: ${e.spacing[1]} ${e.spacing[.625]};\n width: 215px;\n\n &:hover {\n background-color: ${e.palette.gray[100]};\n }\n `}
|
|
5
|
-
`;exports.OptionBoxContainer=s,exports.OptionContainer=({isSelected:o=!1,label:a,onSelect:d})=>{const p=t.useTheme(),c=n.useCallback((()=>{d&&d(a)}),[d,a]);return e.jsxs(s,{$isSelected:o,onClick:c,children:[o?e.jsx(i.Icon,{icon:"check",iconColor:p.palette.gray[800],iconSize:"md"}):null,e.jsx(r.Text,{color:p.palette.gray[800],fontWeight:"bold",size:"sm",children:a})]})},exports.StyledGroupContainer=o;
|
package/dist/index-JPf5Yzg6.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";const n=require("react/jsx-runtime"),e=require("styled-components"),t=require("./components/colors/index.js"),i=require("./components/icon/index.js"),o=e.styled.div`
|
|
2
|
-
${({theme:n})=>`\n align-items: flex-start;\n backdrop-filter: blur(3.15px);\n background: radial-gradient(\n 68.83% 167.8% at 171.9% 90.34%,\n ${n.palette.complementary[300]} 0%,\n ${n.palette.primary[400]} 100%\n ),\n linear-gradient(\n 241deg,\n ${n.palette.primary[400]} 3.45%,\n ${n.palette.primary[500]} 82.59%\n );\n border-radius: ${n.spacing[1]};\n box-shadow: ${n.shadows.md};\n display: flex;\n flex-direction: column;\n gap: ${n.spacing[.625]};\n height: 300px;\n padding: ${n.spacing[1]};\n position: relative;\n width: 300px;\n\n button > * {\n font-size: ${n.typography.text.sm};\n }\n\n #hovered {\n display: none;\n }\n\n &:hover {\n background: ${n.palette.gray[900]};\n\n #hovered {\n display: flex;\n }\n #uncover {\n display: none;\n }\n }\n\n @media screen and (max-width: ${n.breakpoints.mobile}) {\n height: 320px;\n width: 320px;\n\n #hovered {\n margin-bottom: ${n.spacing[1.75]};\n }\n }\n `}
|
|
3
|
-
`,r=e.styled.div`
|
|
4
|
-
align-items: center;
|
|
5
|
-
position: absolute;
|
|
6
|
-
justify-content: center;
|
|
7
|
-
opacity: 0.15;
|
|
8
|
-
top: 14%;
|
|
9
|
-
left: 25%;
|
|
10
|
-
z-index: -1;
|
|
11
|
-
|
|
12
|
-
span {
|
|
13
|
-
font-size: 265px;
|
|
14
|
-
height: 260px;
|
|
15
|
-
width: 260px;
|
|
16
|
-
}
|
|
17
|
-
`;exports.InteractiveCardContainer=o,exports.InteractiveIcon=({icon:e})=>n.jsx(r,{children:n.jsx(i.Icon,{icon:e,iconColor:t.theme.palette.white,iconSize:"xs",iconTransform:"shrink-2",iconType:"fa-light"})});
|