@jenesei-software/jenesei-kit-react 1.3.7 → 1.3.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -20
- package/build/{area-AbheP_ot.cjs → area-DnAf310m.cjs} +2 -2
- package/build/{area-AbheP_ot.cjs.map → area-DnAf310m.cjs.map} +1 -1
- package/build/{area-CH6c_n7-.js → area-Dnq78ow6.js} +2 -2
- package/build/{area-CH6c_n7-.js.map → area-Dnq78ow6.js.map} +1 -1
- package/build/area-preview.cjs.js +1 -1
- package/build/area-preview.es.js +1 -1
- package/build/build-info.txt +3 -3
- package/build/{component-BuxekWox.cjs → component-BiNPQpCQ.cjs} +2 -2
- package/build/{component-BuxekWox.cjs.map → component-BiNPQpCQ.cjs.map} +1 -1
- package/build/{component-Bwu-fBEh.js → component-BoHvC24Q.js} +2 -2
- package/build/{component-Bwu-fBEh.js.map → component-BoHvC24Q.js.map} +1 -1
- package/build/{component-D8qbXvM4.js → component-Bzw_uobM.js} +3 -3
- package/build/{component-D8qbXvM4.js.map → component-Bzw_uobM.js.map} +1 -1
- package/build/{component-CmotrA_9.js → component-C4ULY0c6.js} +16 -6
- package/build/component-C4ULY0c6.js.map +1 -0
- package/build/{component-CeWNemV1.cjs → component-CACoGUK9.cjs} +2 -2
- package/build/{component-CeWNemV1.cjs.map → component-CACoGUK9.cjs.map} +1 -1
- package/build/{component-D7A-4DNQ.cjs → component-CLqcB5mM.cjs} +2 -2
- package/build/component-CLqcB5mM.cjs.map +1 -0
- package/build/{component-BvLPfi2B.js → component-CQ8fy2gK.js} +2 -2
- package/build/{component-BvLPfi2B.js.map → component-CQ8fy2gK.js.map} +1 -1
- package/build/{component-vpCWcIhC.js → component-DHM9pbab.js} +3 -3
- package/build/component-DHM9pbab.js.map +1 -0
- package/build/{component-DfqhPd0e.cjs → component-DHq4T6Ku.cjs} +2 -2
- package/build/{component-DfqhPd0e.cjs.map → component-DHq4T6Ku.cjs.map} +1 -1
- package/build/{component-BFhXrZ3a.js → component-DfxlJBGv.js} +3 -3
- package/build/{component-BFhXrZ3a.js.map → component-DfxlJBGv.js.map} +1 -1
- package/build/{component-DUUxsxY6.cjs → component-Dn-VRY7-.cjs} +2 -2
- package/build/{component-DUUxsxY6.cjs.map → component-Dn-VRY7-.cjs.map} +1 -1
- package/build/component-accordion.cjs.js +1 -1
- package/build/component-accordion.d.ts +1 -1
- package/build/component-accordion.es.js +1 -1
- package/build/component-button-group.cjs.js +1 -1
- package/build/component-button-group.d.ts +22 -6
- package/build/component-button-group.es.js +1 -1
- package/build/component-button.cjs.js +1 -1
- package/build/component-button.d.ts +22 -6
- package/build/component-button.es.js +1 -1
- package/build/component-checkbox-group.cjs.js +1 -1
- package/build/component-checkbox-group.d.ts +19 -6
- package/build/component-checkbox-group.es.js +1 -1
- package/build/component-checkbox.cjs.js +1 -1
- package/build/component-checkbox.d.ts +20 -7
- package/build/component-checkbox.es.js +1 -1
- package/build/component-date-picker.cjs.js +1 -1
- package/build/component-date-picker.d.ts +22 -6
- package/build/component-date-picker.es.js +1 -1
- package/build/component-icon.cjs.js +1 -1
- package/build/component-icon.d.ts +16 -3
- package/build/component-icon.es.js +3 -2
- package/build/component-image-button.cjs.js +1 -1
- package/build/component-image-button.d.ts +22 -6
- package/build/component-image-button.es.js +1 -1
- package/build/component-image-select.cjs.js +1 -1
- package/build/component-image-select.d.ts +22 -6
- package/build/component-image-select.es.js +1 -1
- package/build/component-image-slider.cjs.js +1 -1
- package/build/component-image-slider.d.ts +1 -1
- package/build/component-image-slider.es.js +1 -1
- package/build/component-input-otp.cjs.js +1 -1
- package/build/component-input-otp.d.ts +1 -1
- package/build/component-input-otp.es.js +1 -1
- package/build/component-input.cjs.js +1 -1
- package/build/component-input.d.ts +1 -1
- package/build/component-input.es.js +2 -2
- package/build/component-map.cjs.js +1 -1
- package/build/component-map.d.ts +11 -12
- package/build/component-map.es.js +2 -2
- package/build/component-pagination.cjs.js +1 -1
- package/build/component-pagination.d.ts +22 -6
- package/build/component-pagination.es.js +1 -1
- package/build/component-range.cjs.js +1 -1
- package/build/component-range.d.ts +1 -1
- package/build/component-range.es.js +1 -1
- package/build/component-ripple.cjs.js +1 -1
- package/build/component-ripple.es.js +1 -1
- package/build/component-select.cjs.js +1 -1
- package/build/component-select.d.ts +3 -3
- package/build/component-select.es.js +1 -1
- package/build/component-separator.d.ts +1 -1
- package/build/component-textarea.cjs.js +1 -1
- package/build/component-textarea.d.ts +1 -1
- package/build/component-textarea.es.js +1 -1
- package/build/component-toggle.cjs.js +1 -1
- package/build/component-toggle.d.ts +1 -1
- package/build/component-toggle.es.js +1 -1
- package/build/component-tooltip.cjs.js +1 -1
- package/build/component-tooltip.d.ts +4 -4
- package/build/component-tooltip.es.js +1 -1
- package/build/component-typography.cjs.js +1 -1
- package/build/component-typography.d.ts +4 -4
- package/build/component-typography.es.js +1 -1
- package/build/{component-CMkU2lIg.cjs → component-u_42PteJ.cjs} +9 -9
- package/build/component-u_42PteJ.cjs.map +1 -0
- package/build/{component.components-BPIVZi-R.js → component.components-DX0DVix5.js} +26 -18
- package/build/component.components-DX0DVix5.js.map +1 -0
- package/build/{component.components-BWWKHxKD.cjs → component.components-H_qAeBHw.cjs} +3 -3
- package/build/component.components-H_qAeBHw.cjs.map +1 -0
- package/build/{component.constants-Dtw4932G.js → component.constants-C7DGbAC8.js} +5 -5
- package/build/{component.constants-Dtw4932G.js.map → component.constants-C7DGbAC8.js.map} +1 -1
- package/build/{component.constants-CmQuESzl.js → component.constants-DjYLZpyY.js} +2 -2
- package/build/{component.constants-CmQuESzl.js.map → component.constants-DjYLZpyY.js.map} +1 -1
- package/build/{component.constants-D8QVKsqc.cjs → component.constants-DwRduxMm.cjs} +2 -2
- package/build/{component.constants-D8QVKsqc.cjs.map → component.constants-DwRduxMm.cjs.map} +1 -1
- package/build/{component.constants-DyKCJRH3.cjs → component.constants-veAUxKBd.cjs} +2 -2
- package/build/{component.constants-DyKCJRH3.cjs.map → component.constants-veAUxKBd.cjs.map} +1 -1
- package/build/{component.styles-CKLd9UoP.cjs → component.styles--Ug3PJQ6.cjs} +2 -2
- package/build/{component.styles-CKLd9UoP.cjs.map → component.styles--Ug3PJQ6.cjs.map} +1 -1
- package/build/{component.styles-CQbSHrL_.js → component.styles-5CVyEjEh.js} +7 -7
- package/build/{component.styles-CQbSHrL_.js.map → component.styles-5CVyEjEh.js.map} +1 -1
- package/build/{component.styles-CKArb78Q.js → component.styles-5Xz_H-fR.js} +6 -6
- package/build/{component.styles-CKArb78Q.js.map → component.styles-5Xz_H-fR.js.map} +1 -1
- package/build/{component.styles-CS_lQRm0.cjs → component.styles-8tkaznu_.cjs} +2 -2
- package/build/{component.styles-CS_lQRm0.cjs.map → component.styles-8tkaznu_.cjs.map} +1 -1
- package/build/{component.styles-R92hjRRA.cjs → component.styles-Bfhg18CX.cjs} +2 -2
- package/build/{component.styles-R92hjRRA.cjs.map → component.styles-Bfhg18CX.cjs.map} +1 -1
- package/build/{component.styles-DYAuT7U2.js → component.styles-Bm3Ec-Kd.js} +40 -13
- package/build/component.styles-Bm3Ec-Kd.js.map +1 -0
- package/build/{component.styles-C-mr1A0b.cjs → component.styles-BuzZQhqS.cjs} +2 -2
- package/build/{component.styles-C-mr1A0b.cjs.map → component.styles-BuzZQhqS.cjs.map} +1 -1
- package/build/{component.styles-ClU_KFe9.js → component.styles-C1p3V7H6.js} +5 -5
- package/build/{component.styles-ClU_KFe9.js.map → component.styles-C1p3V7H6.js.map} +1 -1
- package/build/{component.styles-DoUBnv1C.js → component.styles-C3hYZJGh.js} +3 -3
- package/build/{component.styles-DoUBnv1C.js.map → component.styles-C3hYZJGh.js.map} +1 -1
- package/build/{component.styles-l0Dr5zHf.cjs → component.styles-CISd4naT.cjs} +2 -2
- package/build/{component.styles-l0Dr5zHf.cjs.map → component.styles-CISd4naT.cjs.map} +1 -1
- package/build/{component.styles-BfzC8j7O.js → component.styles-CggIUAVx.js} +6 -6
- package/build/{component.styles-BfzC8j7O.js.map → component.styles-CggIUAVx.js.map} +1 -1
- package/build/{component.styles-BMJamWba.cjs → component.styles-Cje8zTpf.cjs} +2 -2
- package/build/{component.styles-BMJamWba.cjs.map → component.styles-Cje8zTpf.cjs.map} +1 -1
- package/build/{component.styles-DyTB01CW.js → component.styles-CpFA5YrM.js} +4 -4
- package/build/{component.styles-DyTB01CW.js.map → component.styles-CpFA5YrM.js.map} +1 -1
- package/build/{component.styles-DETkOSnM.cjs → component.styles-Crx4pACx.cjs} +2 -2
- package/build/{component.styles-DETkOSnM.cjs.map → component.styles-Crx4pACx.cjs.map} +1 -1
- package/build/component.styles-DSle6iuF.cjs +22 -0
- package/build/component.styles-DSle6iuF.cjs.map +1 -0
- package/build/{component.styles-DkL2qYQQ.js → component.styles-DX_3POUD.js} +2 -2
- package/build/{component.styles-DkL2qYQQ.js.map → component.styles-DX_3POUD.js.map} +1 -1
- package/build/{component.styles-CMXsg9Uj.js → component.styles-DYS_AJ9F.js} +4 -4
- package/build/{component.styles-CMXsg9Uj.js.map → component.styles-DYS_AJ9F.js.map} +1 -1
- package/build/{component.styles-B294m7QY.cjs → component.styles-Db3HLiuV.cjs} +2 -2
- package/build/{component.styles-B294m7QY.cjs.map → component.styles-Db3HLiuV.cjs.map} +1 -1
- package/build/{component.styles-b_DLfQqU.cjs → component.styles-DhAMCZ71.cjs} +2 -2
- package/build/{component.styles-b_DLfQqU.cjs.map → component.styles-DhAMCZ71.cjs.map} +1 -1
- package/build/{component.styles-usmYNSi8.js → component.styles-DpgkACgI.js} +2 -2
- package/build/{component.styles-usmYNSi8.js.map → component.styles-DpgkACgI.js.map} +1 -1
- package/build/{component.styles-B5kjhqh4.cjs → component.styles-o7GmI4Ap.cjs} +2 -2
- package/build/{component.styles-B5kjhqh4.cjs.map → component.styles-o7GmI4Ap.cjs.map} +1 -1
- package/build/{component.styles-BHBTNQ8p.js → component.styles-v0YYECwW.js} +4 -4
- package/build/{component.styles-BHBTNQ8p.js.map → component.styles-v0YYECwW.js.map} +1 -1
- package/build/{component.types-D05KdxnZ.js → component.types-BBQ18Npa.js} +14 -3
- package/build/component.types-BBQ18Npa.js.map +1 -0
- package/build/{component.types-BG6lGoeD.js → component.types-BzBjcohg.js} +15 -16
- package/build/component.types-BzBjcohg.js.map +1 -0
- package/build/{component.types-gy5Q9qHX.cjs → component.types-DraGq1j_.cjs} +2 -2
- package/build/component.types-DraGq1j_.cjs.map +1 -0
- package/build/{component.types-CA_k1wak.cjs → component.types-ydMLhabS.cjs} +3 -3
- package/build/component.types-ydMLhabS.cjs.map +1 -0
- package/build/consts.cjs.js +1 -1
- package/build/consts.cjs.js.map +1 -1
- package/build/consts.d.ts +1 -1
- package/build/consts.es.js +1 -1
- package/build/consts.es.js.map +1 -1
- package/build/context-app.cjs.js +1 -1
- package/build/context-app.d.ts +1 -1
- package/build/context-app.es.js +1 -1
- package/build/context-dialog.d.ts +1 -1
- package/build/context-sonner.cjs.js +1 -1
- package/build/context-sonner.d.ts +5 -4
- package/build/context-sonner.es.js +1 -1
- package/build/context.constants-B9Yk6CGe.js.map +1 -1
- package/build/{context.constants-4kkNHBzR.js → context.constants-Bz_5itIx.js} +4 -4
- package/build/{context.constants-4kkNHBzR.js.map → context.constants-Bz_5itIx.js.map} +1 -1
- package/build/context.constants-CTfUKury.cjs.map +1 -1
- package/build/{context.constants-DKCD80Pp.cjs → context.constants-CV8ycctl.cjs} +2 -2
- package/build/{context.constants-DKCD80Pp.cjs.map → context.constants-CV8ycctl.cjs.map} +1 -1
- package/build/{context.hooks-DGmZRxkb.cjs → context.hooks-BDEwJHqB.cjs} +2 -2
- package/build/{context.hooks-DGmZRxkb.cjs.map → context.hooks-BDEwJHqB.cjs.map} +1 -1
- package/build/{context.hooks-Cfr2Mp8e.js → context.hooks-DTdppyho.js} +3 -3
- package/build/{context.hooks-Cfr2Mp8e.js.map → context.hooks-DTdppyho.js.map} +1 -1
- package/build/index.cjs.js +1 -1
- package/build/index.d.ts +37 -21
- package/build/index.es.js +40 -39
- package/build/{style-BVejuajH.cjs → style-B5u4pW5G.cjs} +2 -2
- package/build/{style-BVejuajH.cjs.map → style-B5u4pW5G.cjs.map} +1 -1
- package/build/{style-CQOBaUTO.js → style-BQ653xOS.js} +3 -3
- package/build/{style-CQOBaUTO.js.map → style-BQ653xOS.js.map} +1 -1
- package/build/style-error.cjs.js +1 -1
- package/build/style-error.es.js +1 -1
- package/build/style-theme.cjs.js +1 -1
- package/build/style-theme.d.ts +5 -4
- package/build/style-theme.es.js +1 -1
- package/build/theme.global-B9t2Fi10.cjs +173 -0
- package/build/theme.global-B9t2Fi10.cjs.map +1 -0
- package/build/{theme.global-DuEXPcSK.js → theme.global-CFUz5Asg.js} +70 -1
- package/build/theme.global-CFUz5Asg.js.map +1 -0
- package/build/{use-D0mgQexh.cjs → use-D7IsSb34.cjs} +2 -2
- package/build/{use-D0mgQexh.cjs.map → use-D7IsSb34.cjs.map} +1 -1
- package/build/{use-BsyZ6-h6.js → use-DTZ8c8_g.js} +5 -5
- package/build/{use-BsyZ6-h6.js.map → use-DTZ8c8_g.js.map} +1 -1
- package/package.json +2 -1
- package/build/component-CMkU2lIg.cjs.map +0 -1
- package/build/component-CmotrA_9.js.map +0 -1
- package/build/component-D7A-4DNQ.cjs.map +0 -1
- package/build/component-vpCWcIhC.js.map +0 -1
- package/build/component.components-BPIVZi-R.js.map +0 -1
- package/build/component.components-BWWKHxKD.cjs.map +0 -1
- package/build/component.styles-CbkvPvEl.cjs +0 -22
- package/build/component.styles-CbkvPvEl.cjs.map +0 -1
- package/build/component.styles-DYAuT7U2.js.map +0 -1
- package/build/component.types-BG6lGoeD.js.map +0 -1
- package/build/component.types-CA_k1wak.cjs.map +0 -1
- package/build/component.types-D05KdxnZ.js.map +0 -1
- package/build/component.types-gy5Q9qHX.cjs.map +0 -1
- package/build/theme.global-B9wIU_rF.cjs +0 -173
- package/build/theme.global-B9wIU_rF.cjs.map +0 -1
- package/build/theme.global-DuEXPcSK.js.map +0 -1
|
@@ -18,7 +18,10 @@ const JeneseiPalette = {
|
|
|
18
18
|
// rgba(0 0 0 / 0.1)
|
|
19
19
|
black05: "#0000000D",
|
|
20
20
|
// rgba(0 0 0 / 0.05)
|
|
21
|
+
black04: "#0000000A",
|
|
22
|
+
// rgba(0 0 0 / 0.04)
|
|
21
23
|
blackHelena: "#181818",
|
|
24
|
+
blackJanice: "#373740",
|
|
22
25
|
grayJanice: "#f2f2f7",
|
|
23
26
|
grayKaren: "#e5e5ea",
|
|
24
27
|
grayMonica: "#c7c7cc",
|
|
@@ -28,6 +31,9 @@ const JeneseiPalette = {
|
|
|
28
31
|
grayStassie: "#8D8D8F",
|
|
29
32
|
grayAdriana: "#90909033",
|
|
30
33
|
grayBarbara: "#EBEEEA",
|
|
34
|
+
grayStephanie: "#6c7a91",
|
|
35
|
+
grayTina: "#182433",
|
|
36
|
+
grayFrances: "#dce1e7",
|
|
31
37
|
whiteStandard: "#ffffff",
|
|
32
38
|
whiteJanice: "#F7FAFF",
|
|
33
39
|
greenGoogle: "#34a853",
|
|
@@ -67,9 +73,71 @@ const JeneseiPalette = {
|
|
|
67
73
|
blueBr: "#0975a6",
|
|
68
74
|
blueKaren: "#2A77EE",
|
|
69
75
|
blueMonica: "#174899",
|
|
76
|
+
violetStephanie: "#a75afa",
|
|
77
|
+
violetJanice: "#be83fd",
|
|
70
78
|
amnezia: "#222224"
|
|
71
79
|
};
|
|
72
80
|
const ThemeGenre = {
|
|
81
|
+
"bustmarket-gray-violet": {
|
|
82
|
+
background: {
|
|
83
|
+
rest: JeneseiPalette.transparent,
|
|
84
|
+
hover: JeneseiPalette.black04
|
|
85
|
+
},
|
|
86
|
+
color: {
|
|
87
|
+
rest: JeneseiPalette.violetStephanie,
|
|
88
|
+
hover: JeneseiPalette.violetJanice,
|
|
89
|
+
placeholder: JeneseiPalette.violetJanice
|
|
90
|
+
},
|
|
91
|
+
border: {
|
|
92
|
+
rest: JeneseiPalette.transparent,
|
|
93
|
+
hover: JeneseiPalette.transparent
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"bustmarket-gray": {
|
|
97
|
+
background: {
|
|
98
|
+
rest: JeneseiPalette.transparent,
|
|
99
|
+
hover: JeneseiPalette.black04
|
|
100
|
+
},
|
|
101
|
+
color: {
|
|
102
|
+
rest: JeneseiPalette.grayStephanie,
|
|
103
|
+
hover: JeneseiPalette.grayTina,
|
|
104
|
+
placeholder: JeneseiPalette.grayTina
|
|
105
|
+
},
|
|
106
|
+
border: {
|
|
107
|
+
rest: JeneseiPalette.transparent,
|
|
108
|
+
hover: JeneseiPalette.transparent
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
"bustmarket-violet": {
|
|
112
|
+
background: {
|
|
113
|
+
rest: JeneseiPalette.violetStephanie,
|
|
114
|
+
hover: JeneseiPalette.violetJanice
|
|
115
|
+
},
|
|
116
|
+
color: {
|
|
117
|
+
rest: JeneseiPalette.whiteStandard,
|
|
118
|
+
hover: JeneseiPalette.whiteStandard,
|
|
119
|
+
placeholder: JeneseiPalette.whiteStandard
|
|
120
|
+
},
|
|
121
|
+
border: {
|
|
122
|
+
rest: JeneseiPalette.transparent,
|
|
123
|
+
hover: JeneseiPalette.transparent
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
"bustmarket-white-violet": {
|
|
127
|
+
background: {
|
|
128
|
+
rest: JeneseiPalette.whiteStandard,
|
|
129
|
+
hover: JeneseiPalette.violetJanice
|
|
130
|
+
},
|
|
131
|
+
color: {
|
|
132
|
+
rest: JeneseiPalette.blackJanice,
|
|
133
|
+
hover: JeneseiPalette.whiteStandard,
|
|
134
|
+
placeholder: JeneseiPalette.whiteStandard
|
|
135
|
+
},
|
|
136
|
+
border: {
|
|
137
|
+
rest: JeneseiPalette.grayFrances,
|
|
138
|
+
hover: JeneseiPalette.grayFrances
|
|
139
|
+
}
|
|
140
|
+
},
|
|
73
141
|
"realebail-white": {
|
|
74
142
|
background: {
|
|
75
143
|
rest: JeneseiPalette.whiteJanice,
|
|
@@ -814,6 +882,7 @@ const ThemeLight = {
|
|
|
814
882
|
button: "0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25)"
|
|
815
883
|
},
|
|
816
884
|
palette: JeneseiPalette,
|
|
885
|
+
background: JeneseiPalette,
|
|
817
886
|
states: {
|
|
818
887
|
focus: JeneseiPalette.black60,
|
|
819
888
|
danger: JeneseiPalette.redGoogle
|
|
@@ -1081,4 +1150,4 @@ export {
|
|
|
1081
1150
|
KEY_SIZE_DATA_TOGGLE as b,
|
|
1082
1151
|
JeneseiGlobalStyles as c
|
|
1083
1152
|
};
|
|
1084
|
-
//# sourceMappingURL=theme.global-
|
|
1153
|
+
//# sourceMappingURL=theme.global-CFUz5Asg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.global-CFUz5Asg.js","sources":["../src/theme/theme.ts","../src/theme/theme.global.ts"],"sourcesContent":["import { getContrastYIQ } from '@local/functions';\n\nimport {\n ITheme,\n IThemeGenre,\n IThemeGenreDate,\n IThemeGenreImageSelect,\n IThemeGenreInput,\n IThemeGenreRange,\n IThemeGenreSelect,\n IThemeGenreSonner,\n IThemeGenreToggle,\n IThemePaletteKeys,\n IThemeSize,\n IThemeSizePropertyDefault,\n IThemeSizePropertyToggle,\n} from '.';\n\nexport const JeneseiPalette: Record<IThemePaletteKeys, string> = {\n currentColor: 'currentColor',\n inherit: 'inherit',\n transparent: 'transparent',\n black100: '#000000',\n black80: '#000000CC', // rgba(0 0 0 / 0.8)\n black60: '#00000099', // rgba(0 0 0 / 0.6)\n black50: '#00000080', // rgba(0 0 0 / 0.5)\n black40: '#00000066', // rgba(0 0 0 / 0.4)\n black10: '#0000001A', // rgba(0 0 0 / 0.1)\n black05: '#0000000D', // rgba(0 0 0 / 0.05)\n black04: '#0000000A', // rgba(0 0 0 / 0.04)\n blackHelena: '#181818',\n blackJanice: '#373740',\n grayJanice: '#f2f2f7',\n grayKaren: '#e5e5ea',\n grayMonica: '#c7c7cc',\n graySandra: '#d1d1d6',\n grayPatricia: '#484848',\n graySarah: '#737373',\n grayStassie: '#8D8D8F',\n grayAdriana: '#90909033',\n grayBarbara: '#EBEEEA',\n grayStephanie: '#6c7a91',\n grayTina: '#182433',\n grayFrances: '#dce1e7',\n whiteStandard: '#ffffff',\n whiteJanice: '#F7FAFF',\n greenGoogle: '#34a853',\n green100: '#34a853',\n green25: '#34A85340', // rgba(52 168 83 / 0.25)\n green50: '#34A85380', // rgba(52 168 83 / 0.50)\n green10: '#34A8531A', // rgba(52 168 83 / 0.1)\n green10Background: '#EFFFF3',\n yellowGoogle: '#fbbc04',\n yellow100: '#e4bc1b',\n yellow50: '#E4BC1B80', // rgba(228, 188, 27, 0.50)\n yellow25: '#E4BC1B40', // rgba(228, 188, 27, 0.25)\n yellow10: '#E4BC1B1A', // rgba(228, 188, 27, 0.1)\n yellow10Background: '#FFFBEA',\n redGoogle: '#ea4335',\n red100: '#ff4141',\n red50: '#FF414180', // rgba(255 65 65 / 0.50)\n red25: '#FF414140', // rgba(255 65 65 / 0.25)\n red10: '#FF41411A', // rgba(255 65 65 / 0.1)\n red10Background: '#FFEDED',\n blueGoogle: '#4285f4',\n blueRest: '#4195d2',\n blueActive: '#4195D21A', // rgba(65 149 210 / 0.1)\n blueHover: '#1769A5CC', // rgba(23 105 165 / 0.8)\n blueFocus: '#1769a5',\n blueBr: '#0975a6',\n blueKaren: '#2A77EE',\n blueMonica: '#174899',\n violetStephanie: '#a75afa',\n violetJanice: '#be83fd',\n amnezia: '#222224',\n};\n\nconst ThemeGenre: IThemeGenre = {\n 'bustmarket-gray-violet': {\n background: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.black04,\n },\n color: {\n rest: JeneseiPalette.violetStephanie,\n hover: JeneseiPalette.violetJanice,\n placeholder: JeneseiPalette.violetJanice,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n 'bustmarket-gray': {\n background: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.black04,\n },\n color: {\n rest: JeneseiPalette.grayStephanie,\n hover: JeneseiPalette.grayTina,\n placeholder: JeneseiPalette.grayTina,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n 'bustmarket-violet': {\n background: {\n rest: JeneseiPalette.violetStephanie,\n hover: JeneseiPalette.violetJanice,\n },\n color: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n placeholder: JeneseiPalette.whiteStandard,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n 'bustmarket-white-violet': {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.violetJanice,\n },\n color: {\n rest: JeneseiPalette.blackJanice,\n hover: JeneseiPalette.whiteStandard,\n placeholder: JeneseiPalette.whiteStandard,\n },\n border: {\n rest: JeneseiPalette.grayFrances,\n hover: JeneseiPalette.grayFrances,\n },\n },\n 'realebail-white': {\n background: {\n rest: JeneseiPalette.whiteJanice,\n hover: JeneseiPalette.whiteJanice,\n },\n color: {\n rest: JeneseiPalette.blueKaren,\n hover: JeneseiPalette.blueMonica,\n placeholder: JeneseiPalette.blueKaren,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n 'realebail-product': {\n background: {\n rest: JeneseiPalette.blueKaren,\n hover: JeneseiPalette.blueMonica,\n },\n color: {\n rest: JeneseiPalette.whiteJanice,\n hover: JeneseiPalette.whiteJanice,\n placeholder: JeneseiPalette.whiteJanice,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n 'realebail-gray': {\n background: {\n rest: JeneseiPalette.grayAdriana,\n hover: JeneseiPalette.graySarah,\n },\n color: {\n rest: JeneseiPalette.blackHelena,\n hover: JeneseiPalette.blackHelena,\n placeholder: JeneseiPalette.blackHelena,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n white: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.black80,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black80,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n product: {\n background: {\n rest: JeneseiPalette.blueRest,\n hover: JeneseiPalette.blueHover,\n },\n color: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n placeholder: JeneseiPalette.whiteStandard,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n productBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.blueRest,\n hover: JeneseiPalette.blueHover,\n placeholder: JeneseiPalette.blueRest,\n },\n border: {\n rest: JeneseiPalette.blueRest,\n hover: JeneseiPalette.blueHover,\n },\n },\n gray: {\n background: {\n rest: JeneseiPalette.black10,\n hover: JeneseiPalette.graySandra,\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black80,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n grayBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black80,\n },\n border: {\n rest: JeneseiPalette.black10,\n hover: JeneseiPalette.graySandra,\n },\n },\n black: {\n background: {\n rest: JeneseiPalette.black100,\n hover: JeneseiPalette.black60,\n },\n color: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n placeholder: JeneseiPalette.whiteStandard,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n blackBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.black100,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black100,\n },\n border: {\n rest: JeneseiPalette.black100,\n hover: JeneseiPalette.black60,\n },\n },\n greenTransparent: {\n background: {\n rest: JeneseiPalette.green10,\n hover: JeneseiPalette.green25,\n },\n color: {\n rest: JeneseiPalette.green100,\n hover: JeneseiPalette.green100,\n placeholder: JeneseiPalette.green100,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n yellowTransparent: {\n background: {\n rest: JeneseiPalette.yellow10,\n hover: JeneseiPalette.yellow25,\n },\n color: {\n rest: JeneseiPalette.yellow100,\n hover: JeneseiPalette.yellow100,\n placeholder: JeneseiPalette.yellow100,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n redTransparent: {\n background: {\n rest: JeneseiPalette.red10,\n hover: JeneseiPalette.red25,\n },\n color: {\n rest: JeneseiPalette.red100,\n hover: JeneseiPalette.red100,\n placeholder: JeneseiPalette.red100,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n};\nconst ThemeImageSelect: IThemeGenreImageSelect = {\n 'realebail-white': {\n background: {\n rest: JeneseiPalette.whiteJanice,\n hover: JeneseiPalette.whiteJanice,\n },\n color: {\n rest: JeneseiPalette.blueKaren,\n hover: JeneseiPalette.blueMonica,\n placeholder: JeneseiPalette.blueKaren,\n },\n border: {\n rest: JeneseiPalette.blueKaren,\n hover: JeneseiPalette.blackHelena,\n },\n },\n gray: {\n background: {\n rest: JeneseiPalette.black10,\n hover: JeneseiPalette.graySandra,\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black80,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n grayBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black80,\n },\n border: {\n rest: JeneseiPalette.black10,\n hover: JeneseiPalette.graySandra,\n },\n },\n blackBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.black100,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black100,\n },\n border: {\n rest: JeneseiPalette.black100,\n hover: JeneseiPalette.black60,\n },\n },\n};\nconst ThemeGenreInput: IThemeGenreInput = {\n 'realebail-white': {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.black80,\n hover: JeneseiPalette.black80,\n placeholder: JeneseiPalette.black40,\n },\n border: {\n rest: JeneseiPalette.grayBarbara,\n hover: JeneseiPalette.grayBarbara,\n },\n },\n gray: {\n background: {\n rest: JeneseiPalette.grayJanice,\n hover: JeneseiPalette.graySandra,\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black80,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n },\n },\n blackBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.black80,\n hover: JeneseiPalette.black80,\n placeholder: JeneseiPalette.black40,\n },\n border: {\n rest: JeneseiPalette.black100,\n hover: JeneseiPalette.black80,\n },\n },\n grayBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black40,\n },\n border: {\n rest: JeneseiPalette.black10,\n hover: JeneseiPalette.graySandra,\n },\n },\n};\nconst ThemeGenreRange: IThemeGenreRange = {\n 'realebail-white': {\n track: {\n background: {\n rest: JeneseiPalette.grayBarbara,\n },\n gradient: {\n rest: JeneseiPalette.blueKaren,\n },\n },\n thumb: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n border: {\n rest: JeneseiPalette.blueRest,\n hover: JeneseiPalette.blueRest,\n },\n },\n },\n gray: {\n track: {\n background: {\n rest: JeneseiPalette.grayJanice,\n },\n gradient: {\n rest: JeneseiPalette.black60,\n },\n },\n thumb: {\n background: {\n rest: JeneseiPalette.grayBarbara,\n hover: JeneseiPalette.grayBarbara,\n },\n border: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n },\n },\n },\n blackBorder: {\n track: {\n background: {\n rest: JeneseiPalette.graySandra,\n },\n gradient: {\n rest: JeneseiPalette.black80,\n },\n },\n thumb: {\n background: {\n rest: JeneseiPalette.graySandra,\n hover: JeneseiPalette.graySandra,\n },\n border: {\n rest: JeneseiPalette.black80,\n hover: JeneseiPalette.black80,\n },\n },\n },\n grayBorder: {\n track: {\n background: {\n rest: JeneseiPalette.graySandra,\n },\n gradient: {\n rest: JeneseiPalette.black60,\n },\n },\n thumb: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n },\n border: {\n rest: JeneseiPalette.black40,\n hover: JeneseiPalette.black40,\n },\n },\n },\n};\nconst ThemeSelect: IThemeGenreSelect = {\n 'realebail-white': {\n background: {\n rest: JeneseiPalette.whiteJanice,\n hover: JeneseiPalette.whiteJanice,\n select: '',\n },\n color: {\n rest: JeneseiPalette.blueKaren,\n hover: JeneseiPalette.blueMonica,\n placeholder: JeneseiPalette.blueKaren,\n select: '',\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n select: '',\n },\n },\n gray: {\n background: {\n rest: JeneseiPalette.grayJanice,\n hover: JeneseiPalette.graySandra,\n select: '',\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black80,\n select: '',\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n select: '',\n },\n },\n blackBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n select: JeneseiPalette.blueActive,\n },\n color: {\n rest: JeneseiPalette.black80,\n hover: JeneseiPalette.black80,\n placeholder: JeneseiPalette.black40,\n select: JeneseiPalette.black100,\n },\n border: {\n rest: JeneseiPalette.black100,\n hover: JeneseiPalette.black80,\n select: JeneseiPalette.blueRest,\n },\n },\n grayBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n select: '',\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black40,\n select: '',\n },\n border: {\n rest: JeneseiPalette.black10,\n hover: JeneseiPalette.graySandra,\n select: '',\n },\n },\n};\nconst ThemeGenreDate: IThemeGenreDate = {\n 'realebail-white': {\n background: {\n rest: JeneseiPalette.whiteJanice,\n hover: JeneseiPalette.whiteJanice,\n today: JeneseiPalette.blueKaren,\n weekend: JeneseiPalette.whiteJanice,\n choice: JeneseiPalette.blueKaren,\n line: JeneseiPalette.whiteJanice,\n },\n color: {\n rest: JeneseiPalette.blueKaren,\n hover: JeneseiPalette.blueMonica,\n placeholder: JeneseiPalette.blueKaren,\n today: JeneseiPalette.whiteStandard,\n weekend: JeneseiPalette.blueMonica,\n choice: JeneseiPalette.whiteStandard,\n line: JeneseiPalette.transparent,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n today: JeneseiPalette.transparent,\n weekend: JeneseiPalette.transparent,\n choice: JeneseiPalette.transparent,\n line: JeneseiPalette.transparent,\n },\n },\n blackBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n today: JeneseiPalette.black80,\n weekend: JeneseiPalette.black10,\n choice: JeneseiPalette.graySarah,\n line: JeneseiPalette.whiteStandard,\n },\n color: {\n rest: JeneseiPalette.black80,\n hover: JeneseiPalette.black80,\n placeholder: JeneseiPalette.black40,\n today: JeneseiPalette.whiteStandard,\n weekend: JeneseiPalette.black100,\n choice: JeneseiPalette.whiteStandard,\n line: JeneseiPalette.transparent,\n },\n border: {\n rest: JeneseiPalette.black10,\n hover: JeneseiPalette.graySandra,\n today: JeneseiPalette.transparent,\n weekend: JeneseiPalette.transparent,\n choice: JeneseiPalette.transparent,\n line: JeneseiPalette.transparent,\n },\n },\n gray: {\n background: {\n rest: JeneseiPalette.grayJanice,\n hover: JeneseiPalette.graySandra,\n today: JeneseiPalette.graySarah,\n weekend: JeneseiPalette.black10,\n choice: JeneseiPalette.graySarah,\n line: JeneseiPalette.transparent,\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black80,\n today: JeneseiPalette.whiteStandard,\n weekend: JeneseiPalette.grayJanice,\n choice: JeneseiPalette.whiteStandard,\n line: JeneseiPalette.transparent,\n },\n border: {\n rest: JeneseiPalette.transparent,\n hover: JeneseiPalette.transparent,\n today: JeneseiPalette.transparent,\n weekend: JeneseiPalette.transparent,\n choice: JeneseiPalette.transparent,\n line: JeneseiPalette.transparent,\n },\n },\n grayBorder: {\n background: {\n rest: JeneseiPalette.whiteStandard,\n hover: JeneseiPalette.whiteStandard,\n today: JeneseiPalette.black60,\n weekend: JeneseiPalette.black10,\n line: JeneseiPalette.transparent,\n choice: JeneseiPalette.black60,\n },\n color: {\n rest: JeneseiPalette.black60,\n hover: JeneseiPalette.black60,\n placeholder: JeneseiPalette.black80,\n today: JeneseiPalette.whiteStandard,\n choice: JeneseiPalette.whiteStandard,\n weekend: JeneseiPalette.black80,\n line: JeneseiPalette.transparent,\n },\n border: {\n rest: JeneseiPalette.black10,\n hover: JeneseiPalette.graySandra,\n today: JeneseiPalette.transparent,\n weekend: JeneseiPalette.black10,\n line: JeneseiPalette.transparent,\n choice: JeneseiPalette.transparent,\n },\n },\n};\nconst ThemeGenreToggle: IThemeGenreToggle = {\n product: {\n active: {\n rest: {\n border: JeneseiPalette.transparent,\n track: JeneseiPalette.blueRest,\n thumb: JeneseiPalette.whiteStandard,\n thumbBoxShadow: '0px 0px 10px 1px rgba(0, 0, 0, 0.1)',\n },\n hover: {\n border: JeneseiPalette.transparent,\n track: JeneseiPalette.blueHover,\n thumb: JeneseiPalette.whiteStandard,\n thumbBoxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.6)',\n },\n },\n unActive: {\n rest: {\n border: JeneseiPalette.transparent,\n track: JeneseiPalette.black10,\n thumb: JeneseiPalette.whiteStandard,\n thumbBoxShadow: '0px 0px 10px 1px rgba(0, 0, 0, 0.1)',\n },\n hover: {\n border: JeneseiPalette.transparent,\n track: JeneseiPalette.graySandra,\n thumb: JeneseiPalette.whiteStandard,\n thumbBoxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.6)',\n },\n },\n },\n};\nconst ThemeGenreSonner: IThemeGenreSonner = {\n black: {\n button: {\n genre: 'black',\n },\n wrapper: {\n background: JeneseiPalette.whiteStandard,\n borderColor: JeneseiPalette.grayKaren,\n boxShadow: '0px 10px 30px 0px rgba(0, 0, 0, 0.2)',\n boxShadowHover: '0px 10px 30px 0px rgba(0, 0, 0, 0.5)',\n },\n icon: {\n color: JeneseiPalette.black100,\n },\n title: {\n color: JeneseiPalette.black100,\n },\n description: {\n color: JeneseiPalette.grayPatricia,\n },\n },\n greenTransparent: {\n button: {\n genre: 'greenTransparent',\n },\n wrapper: {\n background: JeneseiPalette.green10Background,\n borderColor: JeneseiPalette.green25,\n boxShadow: `0px 10px 30px 0px ${JeneseiPalette.green25}`,\n boxShadowHover: `0px 10px 30px 0px ${JeneseiPalette.green50}`,\n },\n icon: {\n color: JeneseiPalette.green100,\n },\n title: {\n color: JeneseiPalette.green100,\n },\n description: {\n color: JeneseiPalette.greenGoogle,\n },\n },\n redTransparent: {\n button: {\n genre: 'redTransparent',\n },\n wrapper: {\n background: JeneseiPalette.red10Background,\n borderColor: JeneseiPalette.red25,\n boxShadow: `0px 10px 30px 0px ${JeneseiPalette.red25}`,\n boxShadowHover: `0px 10px 30px 0px ${JeneseiPalette.red50}`,\n },\n icon: {\n color: JeneseiPalette.red100,\n },\n title: {\n color: JeneseiPalette.red100,\n },\n description: {\n color: JeneseiPalette.redGoogle,\n },\n },\n yellowTransparent: {\n button: {\n genre: 'yellowTransparent',\n },\n wrapper: {\n background: JeneseiPalette.yellow10Background,\n borderColor: JeneseiPalette.yellow25,\n boxShadow: `0px 10px 30px 0px ${JeneseiPalette.yellow25}`,\n boxShadowHover: `0px 10px 30px 0px ${JeneseiPalette.yellow50}`,\n },\n icon: {\n color: 'yellow100',\n },\n title: {\n color: JeneseiPalette.yellow100,\n },\n description: {\n color: JeneseiPalette.yellowGoogle,\n },\n },\n};\nexport const ThemeLight: ITheme = {\n transition: {\n duration: '0.3s',\n timingFunction: 'ease',\n default: '0.3s ease',\n icon: '0.05s ease',\n },\n scrollbar: {\n width: 4,\n background: JeneseiPalette.black05,\n thumb: JeneseiPalette.black10,\n thumbBorder: JeneseiPalette.black05,\n },\n font: {\n family: 'Inter',\n weight: 400,\n lineHeight: 1.2,\n sizeDefault: {\n default: 16,\n mobile: 12,\n tablet: 14,\n },\n sizeHeading: {\n h1: 2.5,\n h2: 2.25,\n h3: 2,\n h4: 1.75,\n h5: 1.5,\n h6: 1.25,\n h7: 1,\n h8: 0.75,\n h9: 0.5,\n },\n },\n screens: {\n default: { width: 1920 },\n tablet: { width: 1290 },\n mobile: { width: 850 },\n },\n effects: {\n input: 'inset 0px 0px 4px rgba(0, 0, 0, 0.20)',\n button: '0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.25)',\n },\n palette: JeneseiPalette,\n background: JeneseiPalette,\n states: {\n focus: JeneseiPalette.black60,\n danger: JeneseiPalette.redGoogle,\n },\n colors: {\n range: ThemeGenreRange,\n sonner: ThemeGenreSonner,\n button: ThemeGenre,\n date: ThemeGenreDate,\n toggle: ThemeGenreToggle,\n checkbox: ThemeGenre,\n input: ThemeGenreInput,\n imageSelect: ThemeImageSelect,\n select: ThemeSelect,\n },\n getContrastYIQ: getContrastYIQ,\n};\nexport const ThemeBlack: ITheme = ThemeLight;\n\nexport const KEY_SIZE_DATA: Record<IThemeSize, IThemeSizePropertyDefault> = {\n large: {\n height: 46,\n heightIcon: 24,\n radius: 6,\n padding: 16,\n font: 20,\n },\n largeMedium: {\n height: 42,\n heightIcon: 22,\n radius: 6,\n padding: 14,\n font: 18,\n },\n medium: {\n height: 38,\n heightIcon: 20,\n radius: 6,\n padding: 12,\n font: 16,\n },\n mediumSmall: {\n height: 34,\n heightIcon: 18,\n radius: 6,\n padding: 10,\n font: 14,\n },\n small: {\n height: 30,\n heightIcon: 16,\n radius: 8,\n padding: 8,\n font: 12,\n },\n};\nexport const KEY_SIZE_DATA_TOGGLE: Record<IThemeSize, IThemeSizePropertyToggle> = {\n large: {\n height: 46,\n width: 92,\n padding: 3,\n thumb: 40,\n },\n largeMedium: {\n height: 42,\n width: 84,\n padding: 2,\n thumb: 38,\n },\n medium: {\n height: 38,\n width: 76,\n padding: 2,\n thumb: 34,\n },\n mediumSmall: {\n height: 34,\n width: 68,\n padding: 2,\n thumb: 30,\n },\n small: {\n height: 30,\n width: 60,\n padding: 2,\n thumb: 26,\n },\n};\n","import { createGlobalStyle } from 'styled-components';\nimport reset from 'styled-reset';\n\nexport const JeneseiGlobalStyles = createGlobalStyle`\n ${reset};\n /* &:focus-visible {\n background: gray;\n } */\n \n #storybook-root {\n overflow: hidden;\n display: flex;\n max-height: 100dvh;\n max-width: 100dvw;\n overflow:auto;\n }\n .sb-show-main.sb-main-padded {\n padding:0;\n }\n\n * {\n box-sizing: border-box;\n }\n\n html {\n display: flex;\n overflow-x: hidden;\n max-width: 100dvw;\n min-height: 100dvh;\n height: 100%;\n font-size: ${(props) => props.theme.font.sizeDefault.default}px;\n font-family: ${(props) => props.theme.font.family}, Inter, system-ui, sans-serif;\n font-weight: ${(props) => props.theme.font.weight};\n font-feature-settings: 'kern' normal;\n font-kerning: auto;\n font-optical-sizing: auto;\n line-height: ${(props) => props.theme.font.lineHeight};\n transition: font-size ${(props) => props.theme.transition.default};\n }\n\n html, body, #root {\n font-synthesis: none;\n touch-action: manipulation; \n -ms-touch-action: manipulation; \n overscroll-behavior: none; \n text-rendering: optimizeLegibility;\n margin: 0;\n padding: 0;\n color: inherit;\n } \n\n body {\n flex:1;\n }\n\n @media screen and (max-width: 1024px) {\n body:has(.LayoutModal) {\n overflow: hidden !important;\n }\n }\n\n input[type='checkbox'],\n input[type='radio'] {\n appearance: none;\n transform: translate(0px);\n }\n\n input[type='time']::-webkit-calendar-picker-indicator {\n background: none;\n }\n\n ::-webkit-scrollbar {\n width: ${(props) => props.theme.scrollbar.width}px;\n height: ${(props) => props.theme.scrollbar.width}px;\n }\n\n ::-webkit-scrollbar-track {\n background: ${(props) => props.theme.scrollbar.background};\n }\n\n ::-webkit-scrollbar-thumb {\n background: ${(props) => props.theme.scrollbar.thumb};\n border: ${(props) => props.theme.scrollbar.thumbBorder};\n background-clip: padding-box;\n }\n\n h1 {\n font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n }\n\n h2 {\n font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n }\n\n h3 {\n font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n }\n\n h4 {\n font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n }\n\n h5 {\n font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n }\n\n h6 {\n font-size: v${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.default}px;\n line-height: ${(props) => props.theme.font.lineHeight};\n margin: 0;\n }\n\n\n @media (max-width: ${(props) => props.theme.screens.tablet.width}px) {\n h1 {\n font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.tablet}px;\n }\n\n h2 {\n font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.tablet}px;\n }\n\n h3 {\n font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.tablet}px;\n }\n\n h4 {\n font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.tablet}px;\n }\n\n h5 {\n font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.tablet}px;\n }\n\n h6 {\n font-size: v${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.tablet}px;\n }\n }\n\n @media (max-width: ${(props) => props.theme.screens.mobile.width}px) {\n h1 {\n font-size: ${(props) => props.theme.font.sizeHeading.h1 * props.theme.font.sizeDefault.mobile}px;\n }\n\n h2 {\n font-size: ${(props) => props.theme.font.sizeHeading.h2 * props.theme.font.sizeDefault.mobile}px;\n }\n\n h3 {\n font-size: ${(props) => props.theme.font.sizeHeading.h3 * props.theme.font.sizeDefault.mobile}px;\n }\n\n h4 {\n font-size: ${(props) => props.theme.font.sizeHeading.h4 * props.theme.font.sizeDefault.mobile}px;\n }\n\n h5 {\n font-size: ${(props) => props.theme.font.sizeHeading.h5 * props.theme.font.sizeDefault.mobile}px;\n }\n\n h6 {\n font-size: v${(props) => props.theme.font.sizeHeading.h6 * props.theme.font.sizeDefault.mobile}px;\n }\n }\n`;\n"],"names":[],"mappings":";;;AAkBO,MAAM,iBAAoD;AAAA,EAC/D,cAAc;AAAA,EACd,SAAS;AAAA,EACT,aAAa;AAAA,EACb,UAAU;AAAA,EACV,SAAS;AAAA;AAAA,EACT,SAAS;AAAA;AAAA,EACT,SAAS;AAAA;AAAA,EACT,SAAS;AAAA;AAAA,EACT,SAAS;AAAA;AAAA,EACT,SAAS;AAAA;AAAA,EACT,SAAS;AAAA;AAAA,EACT,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,UAAU;AAAA,EACV,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,SAAS;AAAA;AAAA,EACT,SAAS;AAAA;AAAA,EACT,SAAS;AAAA;AAAA,EACT,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA;AAAA,EACV,UAAU;AAAA;AAAA,EACV,UAAU;AAAA;AAAA,EACV,oBAAoB;AAAA,EACpB,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,OAAO;AAAA;AAAA,EACP,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA;AAAA,EACZ,WAAW;AAAA;AAAA,EACX,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,SAAS;AACX;AAEA,MAAM,aAA0B;AAAA,EAC9B,0BAA0B;AAAA,IACxB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,mBAAmB;AAAA,IACjB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,qBAAqB;AAAA,IACnB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,2BAA2B;AAAA,IACzB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,mBAAmB;AAAA,IACjB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,qBAAqB;AAAA,IACnB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,kBAAkB;AAAA,IAChB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,SAAS;AAAA,IACP,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,eAAe;AAAA,IACb,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,YAAY;AAAA,IACV,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,aAAa;AAAA,IACX,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,kBAAkB;AAAA,IAChB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,mBAAmB;AAAA,IACjB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,gBAAgB;AAAA,IACd,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAEJ;AACA,MAAM,mBAA2C;AAAA,EAC/C,mBAAmB;AAAA,IACjB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,YAAY;AAAA,IACV,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,aAAa;AAAA,IACX,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAEJ;AACA,MAAM,kBAAoC;AAAA,EACxC,mBAAmB;AAAA,IACjB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,aAAa;AAAA,IACX,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,YAAY;AAAA,IACV,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,IAAA;AAAA,IAE9B,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAEJ;AACA,MAAM,kBAAoC;AAAA,EACxC,mBAAmB;AAAA,IACjB,OAAO;AAAA,MACL,YAAY;AAAA,QACV,MAAM,eAAe;AAAA,MAAA;AAAA,MAEvB,UAAU;AAAA,QACR,MAAM,eAAe;AAAA,MAAA;AAAA,IACvB;AAAA,IAEF,OAAO;AAAA,MACL,YAAY;AAAA,QACV,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,MAAA;AAAA,MAExB,QAAQ;AAAA,QACN,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAAA,EAEF,MAAM;AAAA,IACJ,OAAO;AAAA,MACL,YAAY;AAAA,QACV,MAAM,eAAe;AAAA,MAAA;AAAA,MAEvB,UAAU;AAAA,QACR,MAAM,eAAe;AAAA,MAAA;AAAA,IACvB;AAAA,IAEF,OAAO;AAAA,MACL,YAAY;AAAA,QACV,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,MAAA;AAAA,MAExB,QAAQ;AAAA,QACN,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAAA,EAEF,aAAa;AAAA,IACX,OAAO;AAAA,MACL,YAAY;AAAA,QACV,MAAM,eAAe;AAAA,MAAA;AAAA,MAEvB,UAAU;AAAA,QACR,MAAM,eAAe;AAAA,MAAA;AAAA,IACvB;AAAA,IAEF,OAAO;AAAA,MACL,YAAY;AAAA,QACV,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,MAAA;AAAA,MAExB,QAAQ;AAAA,QACN,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,OAAO;AAAA,MACL,YAAY;AAAA,QACV,MAAM,eAAe;AAAA,MAAA;AAAA,MAEvB,UAAU;AAAA,QACR,MAAM,eAAe;AAAA,MAAA;AAAA,IACvB;AAAA,IAEF,OAAO;AAAA,MACL,YAAY;AAAA,QACV,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,MAAA;AAAA,MAExB,QAAQ;AAAA,QACN,MAAM,eAAe;AAAA,QACrB,OAAO,eAAe;AAAA,MAAA;AAAA,IACxB;AAAA,EACF;AAEJ;AACA,MAAM,cAAiC;AAAA,EACrC,mBAAmB;AAAA,IACjB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,QAAQ;AAAA,IAAA;AAAA,IAEV,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,MAC5B,QAAQ;AAAA,IAAA;AAAA,IAEV,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,QAAQ;AAAA,IAAA;AAAA,IAEV,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,MAC5B,QAAQ;AAAA,IAAA;AAAA,IAEV,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,aAAa;AAAA,IACX,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,QAAQ,eAAe;AAAA,IAAA;AAAA,IAEzB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,MAC5B,QAAQ,eAAe;AAAA,IAAA;AAAA,IAEzB,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,QAAQ,eAAe;AAAA,IAAA;AAAA,EACzB;AAAA,EAEF,YAAY;AAAA,IACV,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,QAAQ;AAAA,IAAA;AAAA,IAEV,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,MAC5B,QAAQ;AAAA,IAAA;AAAA,IAEV,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ;AACA,MAAM,iBAAkC;AAAA,EACtC,mBAAmB;AAAA,IACjB,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,MAAM,eAAe;AAAA,IAAA;AAAA,IAEvB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,MAC5B,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,MAAM,eAAe;AAAA,IAAA;AAAA,IAEvB,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,MAAM,eAAe;AAAA,IAAA;AAAA,EACvB;AAAA,EAEF,aAAa;AAAA,IACX,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,MAAM,eAAe;AAAA,IAAA;AAAA,IAEvB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,MAC5B,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,MAAM,eAAe;AAAA,IAAA;AAAA,IAEvB,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,MAAM,eAAe;AAAA,IAAA;AAAA,EACvB;AAAA,EAEF,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,MAAM,eAAe;AAAA,IAAA;AAAA,IAEvB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,MAC5B,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,MAAM,eAAe;AAAA,IAAA;AAAA,IAEvB,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,QAAQ,eAAe;AAAA,MACvB,MAAM,eAAe;AAAA,IAAA;AAAA,EACvB;AAAA,EAEF,YAAY;AAAA,IACV,YAAY;AAAA,MACV,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,MAAM,eAAe;AAAA,MACrB,QAAQ,eAAe;AAAA,IAAA;AAAA,IAEzB,OAAO;AAAA,MACL,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,aAAa,eAAe;AAAA,MAC5B,OAAO,eAAe;AAAA,MACtB,QAAQ,eAAe;AAAA,MACvB,SAAS,eAAe;AAAA,MACxB,MAAM,eAAe;AAAA,IAAA;AAAA,IAEvB,QAAQ;AAAA,MACN,MAAM,eAAe;AAAA,MACrB,OAAO,eAAe;AAAA,MACtB,OAAO,eAAe;AAAA,MACtB,SAAS,eAAe;AAAA,MACxB,MAAM,eAAe;AAAA,MACrB,QAAQ,eAAe;AAAA,IAAA;AAAA,EACzB;AAEJ;AACA,MAAM,mBAAsC;AAAA,EAC1C,SAAS;AAAA,IACP,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,QAAQ,eAAe;AAAA,QACvB,OAAO,eAAe;AAAA,QACtB,OAAO,eAAe;AAAA,QACtB,gBAAgB;AAAA,MAAA;AAAA,MAElB,OAAO;AAAA,QACL,QAAQ,eAAe;AAAA,QACvB,OAAO,eAAe;AAAA,QACtB,OAAO,eAAe;AAAA,QACtB,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,IAEF,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,QAAQ,eAAe;AAAA,QACvB,OAAO,eAAe;AAAA,QACtB,OAAO,eAAe;AAAA,QACtB,gBAAgB;AAAA,MAAA;AAAA,MAElB,OAAO;AAAA,QACL,QAAQ,eAAe;AAAA,QACvB,OAAO,eAAe;AAAA,QACtB,OAAO,eAAe;AAAA,QACtB,gBAAgB;AAAA,MAAA;AAAA,IAClB;AAAA,EACF;AAEJ;AACA,MAAM,mBAAsC;AAAA,EAC1C,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,SAAS;AAAA,MACP,YAAY,eAAe;AAAA,MAC3B,aAAa,eAAe;AAAA,MAC5B,WAAW;AAAA,MACX,gBAAgB;AAAA,IAAA;AAAA,IAElB,MAAM;AAAA,MACJ,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,aAAa;AAAA,MACX,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,kBAAkB;AAAA,IAChB,QAAQ;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,SAAS;AAAA,MACP,YAAY,eAAe;AAAA,MAC3B,aAAa,eAAe;AAAA,MAC5B,WAAW,qBAAqB,eAAe,OAAO;AAAA,MACtD,gBAAgB,sBAAsB,eAAe,OAAO;AAAA,IAAA;AAAA,IAE9D,MAAM;AAAA,MACJ,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,aAAa;AAAA,MACX,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,gBAAgB;AAAA,IACd,QAAQ;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,SAAS;AAAA,MACP,YAAY,eAAe;AAAA,MAC3B,aAAa,eAAe;AAAA,MAC5B,WAAW,qBAAqB,eAAe,KAAK;AAAA,MACpD,gBAAgB,sBAAsB,eAAe,KAAK;AAAA,IAAA;AAAA,IAE5D,MAAM;AAAA,MACJ,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,OAAO;AAAA,MACL,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,aAAa;AAAA,MACX,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAAA,EAEF,mBAAmB;AAAA,IACjB,QAAQ;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,IAET,SAAS;AAAA,MACP,YAAY,eAAe;AAAA,MAC3B,aAAa,eAAe;AAAA,MAC5B,WAAW,qBAAqB,eAAe,QAAQ;AAAA,MACvD,gBAAgB,sBAAsB,eAAe,QAAQ;AAAA,IAAA;AAAA,IAE/D,MAAM;AAAA,MACJ,OAAO;AAAA,IAAA;AAAA,IAET,OAAO;AAAA,MACL,OAAO,eAAe;AAAA,IAAA;AAAA,IAExB,aAAa;AAAA,MACX,OAAO,eAAe;AAAA,IAAA;AAAA,EACxB;AAEJ;AACO,MAAM,aAAqB;AAAA,EAChC,YAAY;AAAA,IACV,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAAA,EAER,WAAW;AAAA,IACT,OAAO;AAAA,IACP,YAAY,eAAe;AAAA,IAC3B,OAAO,eAAe;AAAA,IACtB,aAAa,eAAe;AAAA,EAAA;AAAA,EAE9B,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,aAAa;AAAA,MACX,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,IAEV,aAAa;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,SAAS;AAAA,IACP,SAAS,EAAE,OAAO,KAAA;AAAA,IAClB,QAAQ,EAAE,OAAO,KAAA;AAAA,IACjB,QAAQ,EAAE,OAAO,IAAA;AAAA,EAAI;AAAA,EAEvB,SAAS;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ;AAAA,IACN,OAAO,eAAe;AAAA,IACtB,QAAQ,eAAe;AAAA,EAAA;AAAA,EAEzB,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAAA,EAEV;AACF;AACO,MAAM,aAAqB;AAE3B,MAAM,gBAA+D;AAAA,EAC1E,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAAA,EAER,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAAA,EAER,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAAA,EAER,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAAA,EAER,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV;AACO,MAAM,uBAAqE;AAAA,EAChF,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,OAAO;AAAA,EAAA;AAEX;ACv8BO,MAAM,sBAAsB;AAAA,IAC/B,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBA0BQ,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,OAAO;AAAA,mBAC7C,CAAC,UAAU,MAAM,MAAM,KAAK,MAAM;AAAA,mBAClC,CAAC,UAAU,MAAM,MAAM,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIlC,CAAC,UAAU,MAAM,MAAM,KAAK,UAAU;AAAA,4BAC7B,CAAC,UAAU,MAAM,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAmCxD,CAAC,UAAU,MAAM,MAAM,UAAU,KAAK;AAAA,cACrC,CAAC,UAAU,MAAM,MAAM,UAAU,KAAK;AAAA;AAAA;AAAA;AAAA,kBAIlC,CAAC,UAAU,MAAM,MAAM,UAAU,UAAU;AAAA;AAAA;AAAA;AAAA,mBAI1C,CAAC,UAAU,MAAM,MAAM,UAAU,KAAK;AAAA,cAC3C,CAAC,UAAU,MAAM,MAAM,UAAU,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKxC,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,OAAO;AAAA,mBAChF,CAAC,UAAU,MAAM,MAAM,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKxC,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,OAAO;AAAA,mBAC/E,CAAC,UAAU,MAAM,MAAM,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKxC,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,OAAO;AAAA,mBAC/E,CAAC,UAAU,MAAM,MAAM,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKxC,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,OAAO;AAAA,mBAC/E,CAAC,UAAU,MAAM,MAAM,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKxC,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,OAAO;AAAA,mBAC/E,CAAC,UAAU,MAAM,MAAM,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKvC,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,OAAO;AAAA,mBAChF,CAAC,UAAU,MAAM,MAAM,KAAK,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,uBAKlC,CAAC,UAAU,MAAM,MAAM,QAAQ,OAAO,KAAK;AAAA;AAAA,oBAE9C,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIjF,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIhF,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIhF,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIhF,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,oBAI/E,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,uBAI7E,CAAC,UAAU,MAAM,MAAM,QAAQ,OAAO,KAAK;AAAA;AAAA,oBAE9C,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIjF,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIhF,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIhF,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,mBAIhF,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;AAAA,oBAI/E,CAAC,UAAU,MAAM,MAAM,KAAK,YAAY,KAAK,MAAM,MAAM,KAAK,YAAY,MAAM;AAAA;AAAA;AAAA;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),o=require("styled-components"),n=require("./area-
|
|
1
|
+
"use strict";const e=require("./jsx-runtime-BcGej2Kr.cjs"),t=require("react"),o=require("styled-components"),n=require("./area-DnAf310m.cjs"),i=require("./component-u_42PteJ.cjs"),r=require("./component.constants-veAUxKBd.cjs"),a=require("./component-BV_7tGiu.cjs"),s=require("./consts.cjs.js"),c=require("./context.constants-CTfUKury.cjs"),p=require("./theme.global-B9t2Fi10.cjs");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const o in e)if("default"!==o){const n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:()=>e[o]})}return t.default=e,Object.freeze(t)}const d=u(t);function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var h=function(e,t){return(h=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])})(e,t)};var m=function(){return m=Object.assign||function(e){for(var t,o=1,n=arguments.length;o<n;o++)for(var i in t=arguments[o])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e},m.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var g,v,f,w,x,C,y,S,b,R,z,D,E,P,M,j=!1;function A(){if(!j){j=!0;var e=navigator.userAgent,t=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),o=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(D=/\b(iPhone|iP[ao]d)/.exec(e),E=/\b(iP[ao]d)/.exec(e),R=/Android/i.exec(e),P=/FBAN\/\w+;/i.exec(e),M=/Mobile/i.exec(e),z=!!/Win64/.exec(e),t){(g=t[1]?parseFloat(t[1]):t[5]?parseFloat(t[5]):NaN)&&document&&document.documentMode&&(g=document.documentMode);var n=/(?:Trident\/(\d+.\d+))/.exec(e);C=n?parseFloat(n[1])+4:g,v=t[2]?parseFloat(t[2]):NaN,f=t[3]?parseFloat(t[3]):NaN,(w=t[4]?parseFloat(t[4]):NaN)?(t=/(?:Chrome\/(\d+\.\d+))/.exec(e),x=t&&t[1]?parseFloat(t[1]):NaN):x=NaN}else g=v=f=x=w=NaN;if(o){if(o[1]){var i=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);y=!i||parseFloat(i[1].replace("_","."))}else y=!1;S=!!o[2],b=!!o[3]}else y=S=b=!1}}var O,T={ie:function(){return A()||g},ieCompatibilityMode:function(){return A()||C>g},ie64:function(){return T.ie()&&z},firefox:function(){return A()||v},opera:function(){return A()||f},webkit:function(){return A()||w},safari:function(){return T.webkit()},chrome:function(){return A()||x},windows:function(){return A()||S},osx:function(){return A()||y},linux:function(){return A()||b},iphone:function(){return A()||D},mobile:function(){return A()||D||E||R||M},nativeApp:function(){return A()||P},android:function(){return A()||R},ipad:function(){return A()||E}},W=T,_={canUseDOM:!("undefined"==typeof window||!window.document||!window.document.createElement)};_.canUseDOM&&(O=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("",""))
|
|
2
2
|
/**
|
|
3
3
|
* Checks if an event is supported in the current execution environment.
|
|
4
4
|
*
|
|
@@ -13,4 +13,4 @@
|
|
|
13
13
|
* @internal
|
|
14
14
|
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
|
15
15
|
*/;var L=W,N=function(e,t){if(!_.canUseDOM||t&&!("addEventListener"in document))return!1;var o="on"+e,n=o in document;if(!n){var i=document.createElement("div");i.setAttribute(o,"return;"),n="function"==typeof i[o]}return!n&&O&&"wheel"===e&&(n=document.implementation.hasFeature("Events.wheel","3.0")),n};function I(e){var t=0,o=0,n=0,i=0;return"detail"in e&&(o=e.detail),"wheelDelta"in e&&(o=-e.wheelDelta/120),"wheelDeltaY"in e&&(o=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=o,o=0),n=10*t,i=10*o,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(n=e.deltaX),(n||i)&&e.deltaMode&&(1==e.deltaMode?(n*=40,i*=40):(n*=800,i*=800)),n&&!t&&(t=n<1?-1:1),i&&!o&&(o=i<1?-1:1),{spinX:t,spinY:o,pixelX:n,pixelY:i}}I.getEventType=function(){return L.firefox()?"DOMMouseScroll":N("wheel")?"wheel":"mousewheel"};const F=l(I);function k(e,t,o,n,i){void 0===i&&(i=0);var r=X(t.width,t.height,i),a=r.width,s=r.height;return{x:Z(e.x,a,o.width,n),y:Z(e.y,s,o.height,n)}}function Z(e,t,o,n){var i=t*n/2-o/2;return V(e,-i,i)}function H(e,t){return Math.sqrt(Math.pow(e.y-t.y,2)+Math.pow(e.x-t.x,2))}function U(e,t){return 180*Math.atan2(t.y-e.y,t.x-e.x)/Math.PI}function q(e,t){return Math.min(e,Math.max(0,t))}function B(e,t){return t}function G(e,t){return{x:(t.x+e.x)/2,y:(t.y+e.y)/2}}function X(e,t,o){var n=o*Math.PI/180;return{width:Math.abs(Math.cos(n)*e)+Math.abs(Math.sin(n)*t),height:Math.abs(Math.sin(n)*e)+Math.abs(Math.cos(n)*t)}}function V(e,t,o){return Math.min(Math.max(e,t),o)}function Y(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(function(e){return"string"==typeof e&&e.length>0}).join(" ").trim()}var K=function(e){function t(){var o=null!==e&&e.apply(this,arguments)||this;return o.cropperRef=d.createRef(),o.imageRef=d.createRef(),o.videoRef=d.createRef(),o.containerPosition={x:0,y:0},o.containerRef=null,o.styleRef=null,o.containerRect=null,o.mediaSize={width:0,height:0,naturalWidth:0,naturalHeight:0},o.dragStartPosition={x:0,y:0},o.dragStartCrop={x:0,y:0},o.gestureZoomStart=0,o.gestureRotationStart=0,o.isTouching=!1,o.lastPinchDistance=0,o.lastPinchRotation=0,o.rafDragTimeout=null,o.rafPinchTimeout=null,o.wheelTimer=null,o.currentDoc="undefined"!=typeof document?document:null,o.currentWindow="undefined"!=typeof window?window:null,o.resizeObserver=null,o.state={cropSize:null,hasWheelJustStarted:!1,mediaObjectFit:void 0},o.initResizeObserver=function(){if(void 0!==window.ResizeObserver&&o.containerRef){var e=!0;o.resizeObserver=new window.ResizeObserver(function(t){e?e=!1:o.computeSizes()}),o.resizeObserver.observe(o.containerRef)}},o.preventZoomSafari=function(e){return e.preventDefault()},o.cleanEvents=function(){o.currentDoc&&(o.currentDoc.removeEventListener("mousemove",o.onMouseMove),o.currentDoc.removeEventListener("mouseup",o.onDragStopped),o.currentDoc.removeEventListener("touchmove",o.onTouchMove),o.currentDoc.removeEventListener("touchend",o.onDragStopped),o.currentDoc.removeEventListener("gesturechange",o.onGestureChange),o.currentDoc.removeEventListener("gestureend",o.onGestureEnd),o.currentDoc.removeEventListener("scroll",o.onScroll))},o.clearScrollEvent=function(){o.containerRef&&o.containerRef.removeEventListener("wheel",o.onWheel),o.wheelTimer&&clearTimeout(o.wheelTimer)},o.onMediaLoad=function(){var e=o.computeSizes();e&&(o.emitCropData(),o.setInitialCrop(e)),o.props.onMediaLoaded&&o.props.onMediaLoaded(o.mediaSize)},o.setInitialCrop=function(e){if(o.props.initialCroppedAreaPercentages){var t=function(e,t,o,n,i,r){var a=X(t.width,t.height,o),s=V(n.width/a.width*(100/e.width),i,r);return{crop:{x:s*a.width/2-n.width/2-a.width*s*(e.x/100),y:s*a.height/2-n.height/2-a.height*s*(e.y/100)},zoom:s}}(o.props.initialCroppedAreaPercentages,o.mediaSize,o.props.rotation,e,o.props.minZoom,o.props.maxZoom),n=t.crop,i=t.zoom;o.props.onCropChange(n),o.props.onZoomChange&&o.props.onZoomChange(i)}else if(o.props.initialCroppedAreaPixels){var r=function(e,t,o,n,i,r){void 0===o&&(o=0);var a=X(t.naturalWidth,t.naturalHeight,o),s=V(function(e,t,o){var n=function(e){return e.width>e.height?e.width/e.naturalWidth:e.height/e.naturalHeight}(t);return o.height>o.width?o.height/(e.height*n):o.width/(e.width*n)}(e,t,n),i,r),c=n.height>n.width?n.height/e.height:n.width/e.width;return{crop:{x:((a.width-e.width)/2-e.x)*c,y:((a.height-e.height)/2-e.y)*c},zoom:s}}(o.props.initialCroppedAreaPixels,o.mediaSize,o.props.rotation,e,o.props.minZoom,o.props.maxZoom);n=r.crop,i=r.zoom;o.props.onCropChange(n),o.props.onZoomChange&&o.props.onZoomChange(i)}},o.computeSizes=function(){var e,t,n,i,r,a,s=o.imageRef.current||o.videoRef.current;if(s&&o.containerRef){o.containerRect=o.containerRef.getBoundingClientRect(),o.saveContainerPosition();var c=o.containerRect.width/o.containerRect.height,p=(null===(e=o.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=o.videoRef.current)||void 0===t?void 0:t.videoWidth)||0,u=(null===(n=o.imageRef.current)||void 0===n?void 0:n.naturalHeight)||(null===(i=o.videoRef.current)||void 0===i?void 0:i.videoHeight)||0,d=p/u,l=void 0;if(s.offsetWidth<p||s.offsetHeight<u)switch(o.state.mediaObjectFit){default:case"contain":l=c>d?{width:o.containerRect.height*d,height:o.containerRect.height}:{width:o.containerRect.width,height:o.containerRect.width/d};break;case"horizontal-cover":l={width:o.containerRect.width,height:o.containerRect.width/d};break;case"vertical-cover":l={width:o.containerRect.height*d,height:o.containerRect.height}}else l={width:s.offsetWidth,height:s.offsetHeight};o.mediaSize=m(m({},l),{naturalWidth:p,naturalHeight:u}),o.props.setMediaSize&&o.props.setMediaSize(o.mediaSize);var h=o.props.cropSize?o.props.cropSize:function(e,t,o,n,i,r){void 0===r&&(r=0);var a=X(e,t,r),s=a.width,c=a.height,p=Math.min(s,o),u=Math.min(c,n);return p>u*i?{width:u*i,height:u}:{width:p,height:p/i}}(o.mediaSize.width,o.mediaSize.height,o.containerRect.width,o.containerRect.height,o.props.aspect,o.props.rotation);return(null===(r=o.state.cropSize)||void 0===r?void 0:r.height)===h.height&&(null===(a=o.state.cropSize)||void 0===a?void 0:a.width)===h.width||o.props.onCropSizeChange&&o.props.onCropSizeChange(h),o.setState({cropSize:h},o.recomputeCropPosition),o.props.setCropSize&&o.props.setCropSize(h),h}},o.saveContainerPosition=function(){if(o.containerRef){var e=o.containerRef.getBoundingClientRect();o.containerPosition={x:e.left,y:e.top}}},o.onMouseDown=function(e){o.currentDoc&&(e.preventDefault(),o.currentDoc.addEventListener("mousemove",o.onMouseMove),o.currentDoc.addEventListener("mouseup",o.onDragStopped),o.saveContainerPosition(),o.onDragStart(t.getMousePoint(e)))},o.onMouseMove=function(e){return o.onDrag(t.getMousePoint(e))},o.onScroll=function(e){o.currentDoc&&(e.preventDefault(),o.saveContainerPosition())},o.onTouchStart=function(e){o.currentDoc&&(o.isTouching=!0,o.props.onTouchRequest&&!o.props.onTouchRequest(e)||(o.currentDoc.addEventListener("touchmove",o.onTouchMove,{passive:!1}),o.currentDoc.addEventListener("touchend",o.onDragStopped),o.saveContainerPosition(),2===e.touches.length?o.onPinchStart(e):1===e.touches.length&&o.onDragStart(t.getTouchPoint(e.touches[0]))))},o.onTouchMove=function(e){e.preventDefault(),2===e.touches.length?o.onPinchMove(e):1===e.touches.length&&o.onDrag(t.getTouchPoint(e.touches[0]))},o.onGestureStart=function(e){o.currentDoc&&(e.preventDefault(),o.currentDoc.addEventListener("gesturechange",o.onGestureChange),o.currentDoc.addEventListener("gestureend",o.onGestureEnd),o.gestureZoomStart=o.props.zoom,o.gestureRotationStart=o.props.rotation)},o.onGestureChange=function(e){if(e.preventDefault(),!o.isTouching){var n=t.getMousePoint(e),i=o.gestureZoomStart-1+e.scale;if(o.setNewZoom(i,n,{shouldUpdatePosition:!0}),o.props.onRotationChange){var r=o.gestureRotationStart+e.rotation;o.props.onRotationChange(r)}}},o.onGestureEnd=function(e){o.cleanEvents()},o.onDragStart=function(e){var t,n,i=e.x,r=e.y;o.dragStartPosition={x:i,y:r},o.dragStartCrop=m({},o.props.crop),null===(n=(t=o.props).onInteractionStart)||void 0===n||n.call(t)},o.onDrag=function(e){var t=e.x,n=e.y;o.currentWindow&&(o.rafDragTimeout&&o.currentWindow.cancelAnimationFrame(o.rafDragTimeout),o.rafDragTimeout=o.currentWindow.requestAnimationFrame(function(){if(o.state.cropSize&&void 0!==t&&void 0!==n){var e=t-o.dragStartPosition.x,i=n-o.dragStartPosition.y,r={x:o.dragStartCrop.x+e,y:o.dragStartCrop.y+i},a=o.props.restrictPosition?k(r,o.mediaSize,o.state.cropSize,o.props.zoom,o.props.rotation):r;o.props.onCropChange(a)}}))},o.onDragStopped=function(){var e,t;o.isTouching=!1,o.cleanEvents(),o.emitCropData(),null===(t=(e=o.props).onInteractionEnd)||void 0===t||t.call(e)},o.onWheel=function(e){if(o.currentWindow&&(!o.props.onWheelRequest||o.props.onWheelRequest(e))){e.preventDefault();var n=t.getMousePoint(e),i=F(e).pixelY,r=o.props.zoom-i*o.props.zoomSpeed/200;o.setNewZoom(r,n,{shouldUpdatePosition:!0}),o.state.hasWheelJustStarted||o.setState({hasWheelJustStarted:!0},function(){var e,t;return null===(t=(e=o.props).onInteractionStart)||void 0===t?void 0:t.call(e)}),o.wheelTimer&&clearTimeout(o.wheelTimer),o.wheelTimer=o.currentWindow.setTimeout(function(){return o.setState({hasWheelJustStarted:!1},function(){var e,t;return null===(t=(e=o.props).onInteractionEnd)||void 0===t?void 0:t.call(e)})},250)}},o.getPointOnContainer=function(e,t){var n=e.x,i=e.y;if(!o.containerRect)throw new Error("The Cropper is not mounted");return{x:o.containerRect.width/2-(n-t.x),y:o.containerRect.height/2-(i-t.y)}},o.getPointOnMedia=function(e){var t=e.x,n=e.y,i=o.props,r=i.crop,a=i.zoom;return{x:(t+r.x)/a,y:(n+r.y)/a}},o.setNewZoom=function(e,t,n){var i=(void 0===n?{}:n).shouldUpdatePosition,r=void 0===i||i;if(o.state.cropSize&&o.props.onZoomChange){var a=V(e,o.props.minZoom,o.props.maxZoom);if(r){var s=o.getPointOnContainer(t,o.containerPosition),c=o.getPointOnMedia(s),p={x:c.x*a-s.x,y:c.y*a-s.y},u=o.props.restrictPosition?k(p,o.mediaSize,o.state.cropSize,a,o.props.rotation):p;o.props.onCropChange(u)}o.props.onZoomChange(a)}},o.getCropData=function(){return o.state.cropSize?function(e,t,o,n,i,r,a){void 0===r&&(r=0),void 0===a&&(a=!0);var s=a?q:B,c=X(t.width,t.height,r),p=X(t.naturalWidth,t.naturalHeight,r),u={x:s(100,((c.width-o.width/i)/2-e.x/i)/c.width*100),y:s(100,((c.height-o.height/i)/2-e.y/i)/c.height*100),width:s(100,o.width/c.width*100/i),height:s(100,o.height/c.height*100/i)},d=Math.round(s(p.width,u.width*p.width/100)),l=Math.round(s(p.height,u.height*p.height/100)),h=p.width>=p.height*n?{width:Math.round(l*n),height:l}:{width:d,height:Math.round(d/n)};return{croppedAreaPercentages:u,croppedAreaPixels:m(m({},h),{x:Math.round(s(p.width-h.width,u.x*p.width/100)),y:Math.round(s(p.height-h.height,u.y*p.height/100))})}}(o.props.restrictPosition?k(o.props.crop,o.mediaSize,o.state.cropSize,o.props.zoom,o.props.rotation):o.props.crop,o.mediaSize,o.state.cropSize,o.getAspect(),o.props.zoom,o.props.rotation,o.props.restrictPosition):null},o.emitCropData=function(){var e=o.getCropData();if(e){var t=e.croppedAreaPercentages,n=e.croppedAreaPixels;o.props.onCropComplete&&o.props.onCropComplete(t,n),o.props.onCropAreaChange&&o.props.onCropAreaChange(t,n)}},o.emitCropAreaChange=function(){var e=o.getCropData();if(e){var t=e.croppedAreaPercentages,n=e.croppedAreaPixels;o.props.onCropAreaChange&&o.props.onCropAreaChange(t,n)}},o.recomputeCropPosition=function(){if(o.state.cropSize){var e=o.props.restrictPosition?k(o.props.crop,o.mediaSize,o.state.cropSize,o.props.zoom,o.props.rotation):o.props.crop;o.props.onCropChange(e),o.emitCropData()}},o.onKeyDown=function(e){var t,n,i=o.props,r=i.crop,a=i.onCropChange,s=i.keyboardStep,c=i.zoom,p=i.rotation,u=s;if(o.state.cropSize){e.shiftKey&&(u*=.2);var d=m({},r);switch(e.key){case"ArrowUp":d.y-=u,e.preventDefault();break;case"ArrowDown":d.y+=u,e.preventDefault();break;case"ArrowLeft":d.x-=u,e.preventDefault();break;case"ArrowRight":d.x+=u,e.preventDefault();break;default:return}o.props.restrictPosition&&(d=k(d,o.mediaSize,o.state.cropSize,c,p)),e.repeat||null===(n=(t=o.props).onInteractionStart)||void 0===n||n.call(t),a(d)}},o.onKeyUp=function(e){var t,n;switch(e.key){case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":e.preventDefault();break;default:return}o.emitCropData(),null===(n=(t=o.props).onInteractionEnd)||void 0===n||n.call(t)},o}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function o(){this.constructor=e}h(e,t),e.prototype=null===t?Object.create(t):(o.prototype=t.prototype,new o)}(t,e),t.prototype.componentDidMount=function(){this.currentDoc&&this.currentWindow&&(this.containerRef&&(this.containerRef.ownerDocument&&(this.currentDoc=this.containerRef.ownerDocument),this.currentDoc.defaultView&&(this.currentWindow=this.currentDoc.defaultView),this.initResizeObserver(),void 0===window.ResizeObserver&&this.currentWindow.addEventListener("resize",this.computeSizes),this.props.zoomWithScroll&&this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}),this.containerRef.addEventListener("gesturestart",this.onGestureStart)),this.currentDoc.addEventListener("scroll",this.onScroll),this.props.disableAutomaticStylesInjection||(this.styleRef=this.currentDoc.createElement("style"),this.styleRef.setAttribute("type","text/css"),this.props.nonce&&this.styleRef.setAttribute("nonce",this.props.nonce),this.styleRef.innerHTML=".reactEasyCrop_Container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: hidden;\n user-select: none;\n touch-action: none;\n cursor: move;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.reactEasyCrop_Image,\n.reactEasyCrop_Video {\n will-change: transform; /* this improves performances and prevent painting issues on iOS Chrome */\n}\n\n.reactEasyCrop_Contain {\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n.reactEasyCrop_Cover_Horizontal {\n width: 100%;\n height: auto;\n}\n.reactEasyCrop_Cover_Vertical {\n width: auto;\n height: 100%;\n}\n\n.reactEasyCrop_CropArea {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n border: 1px solid rgba(255, 255, 255, 0.5);\n box-sizing: border-box;\n box-shadow: 0 0 0 9999em;\n color: rgba(0, 0, 0, 0.5);\n overflow: hidden;\n}\n\n.reactEasyCrop_CropAreaRound {\n border-radius: 50%;\n}\n\n.reactEasyCrop_CropAreaGrid::before {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 0;\n bottom: 0;\n left: 33.33%;\n right: 33.33%;\n border-top: 0;\n border-bottom: 0;\n}\n\n.reactEasyCrop_CropAreaGrid::after {\n content: ' ';\n box-sizing: border-box;\n position: absolute;\n border: 1px solid rgba(255, 255, 255, 0.5);\n top: 33.33%;\n bottom: 33.33%;\n left: 0;\n right: 0;\n border-left: 0;\n border-right: 0;\n}\n",this.currentDoc.head.appendChild(this.styleRef)),this.imageRef.current&&this.imageRef.current.complete&&this.onMediaLoad(),this.props.setImageRef&&this.props.setImageRef(this.imageRef),this.props.setVideoRef&&this.props.setVideoRef(this.videoRef),this.props.setCropperRef&&this.props.setCropperRef(this.cropperRef))},t.prototype.componentWillUnmount=function(){var e,t;this.currentDoc&&this.currentWindow&&(void 0===window.ResizeObserver&&this.currentWindow.removeEventListener("resize",this.computeSizes),null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.containerRef&&this.containerRef.removeEventListener("gesturestart",this.preventZoomSafari),this.styleRef&&(null===(t=this.styleRef.parentNode)||void 0===t||t.removeChild(this.styleRef)),this.cleanEvents(),this.props.zoomWithScroll&&this.clearScrollEvent())},t.prototype.componentDidUpdate=function(e){var t,o,n,i,r,a,s,c,p;e.rotation!==this.props.rotation?(this.computeSizes(),this.recomputeCropPosition()):e.aspect!==this.props.aspect||e.objectFit!==this.props.objectFit?this.computeSizes():e.zoom!==this.props.zoom?this.recomputeCropPosition():(null===(t=e.cropSize)||void 0===t?void 0:t.height)!==(null===(o=this.props.cropSize)||void 0===o?void 0:o.height)||(null===(n=e.cropSize)||void 0===n?void 0:n.width)!==(null===(i=this.props.cropSize)||void 0===i?void 0:i.width)?this.computeSizes():(null===(r=e.crop)||void 0===r?void 0:r.x)===(null===(a=this.props.crop)||void 0===a?void 0:a.x)&&(null===(s=e.crop)||void 0===s?void 0:s.y)===(null===(c=this.props.crop)||void 0===c?void 0:c.y)||this.emitCropAreaChange(),e.zoomWithScroll!==this.props.zoomWithScroll&&this.containerRef&&(this.props.zoomWithScroll?this.containerRef.addEventListener("wheel",this.onWheel,{passive:!1}):this.clearScrollEvent()),e.video!==this.props.video&&(null===(p=this.videoRef.current)||void 0===p||p.load());var u=this.getObjectFit();u!==this.state.mediaObjectFit&&this.setState({mediaObjectFit:u},this.computeSizes)},t.prototype.getAspect=function(){var e=this.props,t=e.cropSize,o=e.aspect;return t?t.width/t.height:o},t.prototype.getObjectFit=function(){var e,t,o,n;if("cover"===this.props.objectFit){if((this.imageRef.current||this.videoRef.current)&&this.containerRef){this.containerRect=this.containerRef.getBoundingClientRect();var i=this.containerRect.width/this.containerRect.height;return((null===(e=this.imageRef.current)||void 0===e?void 0:e.naturalWidth)||(null===(t=this.videoRef.current)||void 0===t?void 0:t.videoWidth)||0)/((null===(o=this.imageRef.current)||void 0===o?void 0:o.naturalHeight)||(null===(n=this.videoRef.current)||void 0===n?void 0:n.videoHeight)||0)<i?"horizontal-cover":"vertical-cover"}return"horizontal-cover"}return this.props.objectFit},t.prototype.onPinchStart=function(e){var o=t.getTouchPoint(e.touches[0]),n=t.getTouchPoint(e.touches[1]);this.lastPinchDistance=H(o,n),this.lastPinchRotation=U(o,n),this.onDragStart(G(o,n))},t.prototype.onPinchMove=function(e){var o=this;if(this.currentDoc&&this.currentWindow){var n=t.getTouchPoint(e.touches[0]),i=t.getTouchPoint(e.touches[1]),r=G(n,i);this.onDrag(r),this.rafPinchTimeout&&this.currentWindow.cancelAnimationFrame(this.rafPinchTimeout),this.rafPinchTimeout=this.currentWindow.requestAnimationFrame(function(){var e=H(n,i),t=o.props.zoom*(e/o.lastPinchDistance);o.setNewZoom(t,r,{shouldUpdatePosition:!1}),o.lastPinchDistance=e;var a=U(n,i),s=o.props.rotation+(a-o.lastPinchRotation);o.props.onRotationChange&&o.props.onRotationChange(s),o.lastPinchRotation=a})}},t.prototype.render=function(){var e,t=this,o=this.props,n=o.image,i=o.video,r=o.mediaProps,a=o.cropperProps,s=o.transform,c=o.crop,p=c.x,u=c.y,l=o.rotation,h=o.zoom,g=o.cropShape,v=o.showGrid,f=o.style,w=f.containerStyle,x=f.cropAreaStyle,C=f.mediaStyle,y=o.classes,S=y.containerClassName,b=y.cropAreaClassName,R=y.mediaClassName,z=null!==(e=this.state.mediaObjectFit)&&void 0!==e?e:this.getObjectFit();return d.createElement("div",{onMouseDown:this.onMouseDown,onTouchStart:this.onTouchStart,ref:function(e){return t.containerRef=e},"data-testid":"container",style:w,className:Y("reactEasyCrop_Container",S)},n?d.createElement("img",m({alt:"",className:Y("reactEasyCrop_Image","contain"===z&&"reactEasyCrop_Contain","horizontal-cover"===z&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===z&&"reactEasyCrop_Cover_Vertical",R)},r,{src:n,ref:this.imageRef,style:m(m({},C),{transform:s||"translate(".concat(p,"px, ").concat(u,"px) rotate(").concat(l,"deg) scale(").concat(h,")")}),onLoad:this.onMediaLoad})):i&&d.createElement("video",m({autoPlay:!0,playsInline:!0,loop:!0,muted:!0,className:Y("reactEasyCrop_Video","contain"===z&&"reactEasyCrop_Contain","horizontal-cover"===z&&"reactEasyCrop_Cover_Horizontal","vertical-cover"===z&&"reactEasyCrop_Cover_Vertical",R)},r,{ref:this.videoRef,onLoadedMetadata:this.onMediaLoad,style:m(m({},C),{transform:s||"translate(".concat(p,"px, ").concat(u,"px) rotate(").concat(l,"deg) scale(").concat(h,")")}),controls:!1}),(Array.isArray(i)?i:[{src:i}]).map(function(e){return d.createElement("source",m({key:e.src},e))})),this.state.cropSize&&d.createElement("div",m({ref:this.cropperRef,style:m(m({},x),{width:this.state.cropSize.width,height:this.state.cropSize.height}),tabIndex:0,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp,"data-testid":"cropper",className:Y("reactEasyCrop_CropArea","round"===g&&"reactEasyCrop_CropAreaRound",v&&"reactEasyCrop_CropAreaGrid",b)},a)))},t.defaultProps={zoom:1,rotation:0,aspect:4/3,maxZoom:3,minZoom:1,cropShape:"rect",objectFit:"contain",showGrid:!0,style:{},classes:{},mediaProps:{},cropperProps:{},zoomSpeed:1,restrictPosition:!0,zoomWithScroll:!0,keyboardStep:1},t.getMousePoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t.getTouchPoint=function(e){return{x:Number(e.clientX),y:Number(e.clientY)}},t}(d.Component);const J=c=>{var p,u,d,l,h,m,g,v,f,w;const[x,C]=t.useState(0),[y,S]=t.useState([]),[b,R]=t.useState([]),z=o.useTheme(),D=t.useMemo(()=>c.images.length>1,[c.images.length]),E=t.useMemo(()=>null==y?void 0:y[x],[y,x]),P=t.useCallback(async e=>{var t,o,n;const i=await Promise.all(e.map(async e=>{const t=b[e.index]??null;if(e.isDeleted||!e.isCropped||!e.url||!e.name||!t)return null;const o=await function(e,t,o="image/png"){const n=s.ImageSupportedFormats.includes(o)?o:"image/png";return new Promise((o,i)=>{const r=new Image;r.src=e,r.crossOrigin="anonymous",r.onload=()=>{const e=document.createElement("canvas"),a=e.getContext("2d");e.width=t.width,e.height=t.height,a.drawImage(r,t.x,t.y,t.width,t.height,0,0,t.width,t.height),e.toBlob(e=>{e?o(e):i(new Error("Canvas is empty"))},n)},r.onerror=()=>i(new Error("Failed to load image"))})}(e.url,t,e.format),n=new File([o],e.name,{type:e.format});return{...e,file:n,url:URL.createObjectURL(n)}}));null==(o=null==(t=c.params)?void 0:t.onSave)||o.call(t,i.filter(Boolean)),null==(n=c.remove)||n.call(c)},[b,c]),M=t.useCallback(async e=>{var t;const o=null==(t=c.images)?void 0:t[e.index];if(o){const t={...o,id:Date.now()+e.index,index:e.index,croppedArea:e.croppedArea??o.croppedArea,zoom:e.zoom??o.zoom,crop:e.crop??o.crop,isNew:!0,isCropped:e.isCropped??o.isCropped,isDeleted:e.isDeleted??o.isDeleted};if(S(o=>{const n=[...o];return n[e.index]=t,n}),e.isNext){const t=e.index+1>=c.images.length?0:e.index+1;C(t)}e.isSave&&P([t])}},[P,c.images]);t.useEffect(()=>{S(c.images),R(c.images.map(e=>e.croppedArea??null))},[c.images]),t.useEffect(()=>()=>{C(0),S([]),R([])},[]);const j=t.useMemo(()=>y.reduce((e,t)=>(e&&void 0!==(null==t?void 0:t.index)&&(e[t.index]={genre:t.isDeleted?"redTransparent":t.isCropped?"greenTransparent":"white",icons:t.isDeleted?[{type:"id",name:"CloseMini"}]:t.isCropped?[{type:"id",name:"TickMini"}]:[]}),e),{}),[y]),A=t.useMemo(()=>y.every(e=>(null==e?void 0:e.isDeleted)||!(null==e?void 0:e.isCropped)),[y]),O=t.useMemo(()=>{var e;return(null==(e=c.params)?void 0:e.dialog.button.genre)||"product"},[null==(p=c.params)?void 0:p.dialog.button.genre]),T=t.useMemo(()=>{var e;return(null==(e=c.params)?void 0:e.dialog.button.size)||"medium"},[null==(u=c.params)?void 0:u.dialog.button.size]),W=t.useMemo(()=>{var e;return(null==(e=c.params)?void 0:e.dialog.buttonDelete.genre)||"product"},[null==(d=c.params)?void 0:d.dialog.buttonDelete.genre]),_=t.useMemo(()=>{var e;return(null==(e=c.params)?void 0:e.dialog.button.size)||"medium"},[null==(l=c.params)?void 0:l.dialog.button.size]);return e.jsxRuntimeExports.jsxs(a.Stack,{sx:e=>{var t,o,n;return{default:{position:"relative",overflow:"hidden",aspectRatio:(null==(t=c.params)?void 0:t.imageSettings.aspect)?2*(null==(o=c.params)?void 0:o.imageSettings.aspect)+" / 2":void 0,width:"auto",maxWidth:"70dvw",height:"85dvh",borderRadius:null==(n=c.params)?void 0:n.br,backgroundColor:e.palette.whiteStandard},tablet:{maxWidth:"95dvw"}}},children:[e.jsxRuntimeExports.jsxs(n.Preview,{visible:!c.isAnimating,minTime:500,children:[e.jsxRuntimeExports.jsx(a.Stack,{sx:{default:{position:"absolute",top:0,left:0,right:0,bottom:0}},children:E&&e.jsxRuntimeExports.jsx(K,{style:{containerStyle:{backgroundColor:z.palette.black80}},image:E.url,crop:(null==E?void 0:E.crop)??{x:0,y:0},zoom:(null==E?void 0:E.zoom)??1,aspect:null==(h=c.params)?void 0:h.imageSettings.aspect,onCropChange:e=>{M({...E,crop:e})},onZoomChange:e=>{M({...E,zoom:e})},onCropComplete:(e,t)=>{R(e=>{const o=[...e];return o[x]=t,o})}})}),e.jsxRuntimeExports.jsxs(a.Stack,{sx:{default:{position:"absolute",top:15,right:15,gap:"10px"}},children:[e.jsxRuntimeExports.jsx(i.Button,{genre:W,size:_,isHiddenBorder:!0,isRadius:!0,onClick:()=>{var e;return null==(e=c.remove)?void 0:e.call(c)},children:null==(m=c.params)?void 0:m.locale.dialogCancel}),D&&e.jsxRuntimeExports.jsx(i.Button,{genre:O,size:T,isHiddenBorder:!0,isRadius:!0,onClick:()=>P(y),isHidden:A,isDisabled:A,children:null==(g=c.params)?void 0:g.locale.dialogSave})]})]}),D&&x!==c.images.length&&e.jsxRuntimeExports.jsx(i.Button,{sx:{default:{position:"absolute",top:15,left:15}},genre:O,size:T,isHiddenBorder:!0,isWidthAsHeight:!0,isRadius:!0,isDisabled:!0,children:x+1}),e.jsxRuntimeExports.jsxs(a.Stack,{sx:e=>({default:{position:"absolute",bottom:D?5:15,left:D?5:void 0,right:D?void 0:15,width:D?"calc(100% - 10px)":"fit-content",backgroundColor:D?e.palette.whiteStandard:e.palette.transparent,padding:"10px",borderRadius:"50px",flexDirection:"row",justifyContent:"space-between",alignItems:"center",gap:"10px"},mobile:{borderRadius:"24px",flexDirection:"column",alignItems:"stretch",gap:"10px"}}),children:[D&&e.jsxRuntimeExports.jsx(r.Pagination,{sx:{default:{},mobile:{justifyContent:"space-between"}},lengthData:j,length:c.images.length,index:x,changeIndex:e=>{C(e)},isInfinity:!0,viewQuantity:4,buttonControl:{genre:O,size:T,isRadius:!0,isWidthAsHeight:!0},buttonCount:{active:{genre:O,size:T,isRadius:!0,isPlaystationEffect:!0},inactive:{genre:"white",size:T,isRadius:!0}},locale:{next:"Next",prev:"Prev"}}),e.jsxRuntimeExports.jsxs(a.Stack,{sx:{default:{gap:"10px"},mobile:{justifyContent:"center"}},children:[D&&e.jsxRuntimeExports.jsx(i.Button,{genre:W,size:_,isHiddenBorder:!0,isRadius:!0,onClick:()=>{M({...E,isDeleted:!0,isNext:D})},children:null==(v=c.params)?void 0:v.locale.dialogDeleteImage}),e.jsxRuntimeExports.jsx(i.Button,{genre:O,size:T,isHiddenBorder:!0,isRadius:!0,onClick:()=>{M({...E,isDeleted:!1,isCropped:!0,isNext:D,isSave:!D})},children:D?null==(f=c.params)?void 0:f.locale.dialogAddImage:null==(w=c.params)?void 0:w.locale.dialogSave})]})]})]})};exports.useImageCrop=o=>{const n=t.useMemo(()=>p.KEY_SIZE_DATA[o.dialog.button.size],[o.dialog.button.size]),i=t.useMemo(()=>`${n.radius}px`,[n.radius]),{add:r}=c.useDialog({br:i,imageSettings:o.imageSettings,onSave:o.onSave,dialog:o.dialog,locale:o.locale,propsDialog:{borderRadius:i,padding:"0",background:"transparent"}}),a=t.useCallback(t=>{r({content:(o,n,i)=>e.jsxRuntimeExports.jsx(J,{images:t,params:o,remove:n,isAnimating:i})})},[r]),s=t.useCallback(e=>{const t=Array.from(e).filter(e=>!(e.size>o.imageSettings.maxSize)||(console.warn(`File ${e.name} exceeds the allowed size of ${o.imageSettings.maxSize} bytes`),!1)).map((e,t)=>({id:Date.now()+t,file:e,url:URL.createObjectURL(e),index:t,isNew:!0,name:e.name,format:e.type}));o.refInput&&"current"in o.refInput&&o.refInput.current&&(o.refInput.current.value=""),t.length&&a(t)},[a,o.imageSettings.maxSize,o.refInput]);return{handleAdd:a,handleAddFiles:s}};
|
|
16
|
-
//# sourceMappingURL=use-
|
|
16
|
+
//# sourceMappingURL=use-D7IsSb34.cjs.map
|