@udixio/ui-react 1.1.0 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/index.cjs +4 -4
- package/dist/index.js +661 -619
- package/dist/lib/icon/icon.d.ts +8 -1
- package/dist/lib/icon/icon.d.ts.map +1 -1
- package/dist/lib/interfaces/button.interface.d.ts +2 -2
- package/dist/lib/interfaces/button.interface.d.ts.map +1 -1
- package/dist/lib/interfaces/fab.interface.d.ts +2 -2
- package/dist/lib/interfaces/fab.interface.d.ts.map +1 -1
- package/dist/lib/interfaces/icon-button.interface.d.ts +2 -1
- package/dist/lib/interfaces/icon-button.interface.d.ts.map +1 -1
- package/dist/lib/interfaces/navigation-rail-item.interface.d.ts +2 -1
- package/dist/lib/interfaces/navigation-rail-item.interface.d.ts.map +1 -1
- package/dist/lib/interfaces/navigation-rail.interface.d.ts +2 -2
- package/dist/lib/interfaces/navigation-rail.interface.d.ts.map +1 -1
- package/dist/lib/interfaces/snackbar.interface.d.ts +2 -2
- package/dist/lib/interfaces/snackbar.interface.d.ts.map +1 -1
- package/dist/lib/interfaces/switch.interface.d.ts +3 -3
- package/dist/lib/interfaces/switch.interface.d.ts.map +1 -1
- package/dist/lib/interfaces/tab.interface.d.ts +2 -2
- package/dist/lib/interfaces/tab.interface.d.ts.map +1 -1
- package/dist/lib/interfaces/text-field.interface.d.ts +3 -3
- package/dist/lib/interfaces/text-field.interface.d.ts.map +1 -1
- package/dist/lib/styles/button.style.d.ts +3 -3
- package/dist/lib/styles/fab.style.d.ts +3 -3
- package/dist/lib/styles/icon-button.style.d.ts +3 -3
- package/dist/lib/styles/navigation-rail-item.style.d.ts +1 -1
- package/dist/lib/styles/navigation-rail-item.style.d.ts.map +1 -1
- package/dist/lib/styles/navigation-rail.style.d.ts +2 -2
- package/dist/lib/styles/snackbar.style.d.ts +1 -1
- package/dist/lib/styles/switch.style.d.ts +2 -2
- package/dist/lib/styles/tab.style.d.ts +1 -1
- package/dist/lib/styles/text-field.style.d.ts +2 -2
- package/package.json +6 -6
- package/src/lib/icon/icon.tsx +67 -5
- package/src/lib/interfaces/button.interface.ts +2 -2
- package/src/lib/interfaces/fab.interface.ts +2 -2
- package/src/lib/interfaces/icon-button.interface.ts +2 -1
- package/src/lib/interfaces/navigation-rail-item.interface.ts +2 -1
- package/src/lib/interfaces/navigation-rail.interface.ts +3 -3
- package/src/lib/interfaces/snackbar.interface.ts +2 -2
- package/src/lib/interfaces/switch.interface.ts +3 -3
- package/src/lib/interfaces/tab.interface.ts +3 -3
- package/src/lib/interfaces/text-field.interface.ts +3 -3
- package/src/lib/styles/navigation-rail-item.style.ts +13 -10
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as u, jsxs as U, Fragment as re } from "react/jsx-runtime";
|
|
2
2
|
import { clsx as de } from "clsx";
|
|
3
3
|
import { extendTailwindMerge as we } from "tailwind-merge";
|
|
4
|
-
import
|
|
4
|
+
import Y, { useState as S, useEffect as D, useRef as V, useLayoutEffect as fe, isValidElement as ee, cloneElement as le, useMemo as ve, Children as be, Fragment as Ne } from "react";
|
|
5
5
|
import { motion as j, AnimatePresence as z, useScroll as Le, useMotionValueEvent as se, motionValue as me, useTransform as oe } from "motion/react";
|
|
6
6
|
import { throttle as Ee } from "throttle-debounce";
|
|
7
7
|
import { createPortal as Ie } from "react-dom";
|
|
@@ -32,7 +32,7 @@ const pe = we({
|
|
|
32
32
|
font: ["font"]
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
-
}),
|
|
35
|
+
}), d = (...e) => pe(de(e)), Me = (...e) => pe(de(e));
|
|
36
36
|
function Re(e) {
|
|
37
37
|
return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
|
|
38
38
|
}
|
|
@@ -44,23 +44,23 @@ const Se = (e) => {
|
|
|
44
44
|
if (typeof l == "string")
|
|
45
45
|
(t[n = e.default] ?? (t[n] = [])).push(l);
|
|
46
46
|
else {
|
|
47
|
-
const
|
|
48
|
-
Object.entries(
|
|
49
|
-
const [
|
|
50
|
-
(t[
|
|
47
|
+
const s = l(e.states);
|
|
48
|
+
Object.entries(s).map((i) => {
|
|
49
|
+
const [a, f] = i;
|
|
50
|
+
(t[a] ?? (t[a] = [])).push(f);
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
54
|
const r = t;
|
|
55
55
|
return Object.entries(t).map((l) => {
|
|
56
|
-
let [n,
|
|
57
|
-
|
|
56
|
+
let [n, s] = l;
|
|
57
|
+
s = s.reverse(), n == e.default && s.unshift("relative"), s.unshift(Re(n)), r[n] = Me(...s);
|
|
58
58
|
}), r;
|
|
59
59
|
}, G = (e, t) => (r) => Se({
|
|
60
60
|
classNameList: [r.className, t],
|
|
61
61
|
default: e,
|
|
62
62
|
states: r
|
|
63
|
-
}),
|
|
63
|
+
}), Ce = G(
|
|
64
64
|
"button",
|
|
65
65
|
({
|
|
66
66
|
variant: e,
|
|
@@ -68,59 +68,59 @@ const Se = (e) => {
|
|
|
68
68
|
disabled: r,
|
|
69
69
|
iconPosition: l,
|
|
70
70
|
icon: n,
|
|
71
|
-
isActive:
|
|
71
|
+
isActive: s,
|
|
72
72
|
loading: i,
|
|
73
|
-
shape:
|
|
74
|
-
onToggle:
|
|
73
|
+
shape: a,
|
|
74
|
+
onToggle: f,
|
|
75
75
|
size: o,
|
|
76
|
-
allowShapeTransformation:
|
|
76
|
+
allowShapeTransformation: p
|
|
77
77
|
}) => ({
|
|
78
|
-
button:
|
|
78
|
+
button: d(
|
|
79
79
|
" relative cursor-pointer group outline-none inline-block flex justify-center items-center ",
|
|
80
80
|
o === "xSmall" && "text-label-large px-3 py-1.5 gap-1",
|
|
81
81
|
o === "small" && "text-label-large px-4 py-2.5 gap-2",
|
|
82
82
|
o === "medium" && "text-title-medium px-6 py-4 gap-2",
|
|
83
83
|
o === "large" && "text-headline-small px-12 py-8 gap-3",
|
|
84
84
|
o === "xLarge" && "text-headline-large px-16 py-12 gap-4",
|
|
85
|
-
|
|
85
|
+
a === "rounded" && {
|
|
86
86
|
"rounded-[30px]": o === "xSmall" || o == "small",
|
|
87
87
|
"rounded-[40px]": o === "medium",
|
|
88
88
|
"rounded-[70px]": o === "large" || o == "xLarge"
|
|
89
89
|
},
|
|
90
|
-
(
|
|
90
|
+
(a === "squared" || p && s) && {
|
|
91
91
|
"rounded-[12px]": o === "xSmall" || o == "small",
|
|
92
92
|
"rounded-[16px]": o === "medium",
|
|
93
93
|
"rounded-[28px]": o === "large" || o == "xLarge"
|
|
94
94
|
},
|
|
95
|
-
|
|
95
|
+
p && !r && {
|
|
96
96
|
"active:rounded-[12px]": o === "xSmall" || o == "small",
|
|
97
97
|
"active:rounded-[16px]": o === "medium",
|
|
98
98
|
"active:rounded-[28px]": o === "large" || o == "xLarge"
|
|
99
99
|
},
|
|
100
100
|
e === "elevated" && {
|
|
101
101
|
"shadow-1 hover:shadow-2": !r,
|
|
102
|
-
"bg-surface-container-low text-primary": !r && !
|
|
103
|
-
"bg-primary text-on-primary": !r &&
|
|
102
|
+
"bg-surface-container-low text-primary": !r && !s,
|
|
103
|
+
"bg-primary text-on-primary": !r && s,
|
|
104
104
|
"text-on-surface/[38%]": r
|
|
105
105
|
},
|
|
106
106
|
e === "filled" && {
|
|
107
107
|
"hover:shadow-1": !r,
|
|
108
|
-
"bg-surface-container text-on-surface-variant": !r && !
|
|
109
|
-
"bg-primary text-on-primary": !r && (
|
|
108
|
+
"bg-surface-container text-on-surface-variant": !r && !s && f,
|
|
109
|
+
"bg-primary text-on-primary": !r && (s && f || !f),
|
|
110
110
|
"text-on-surface/[38%]": r
|
|
111
111
|
},
|
|
112
112
|
e === "tonal" && {
|
|
113
113
|
"hover:shadow-1": !r,
|
|
114
|
-
"bg-secondary-container text-on-secondary-container": !r && !
|
|
115
|
-
"bg-secondary text-on-secondary": !r &&
|
|
114
|
+
"bg-secondary-container text-on-secondary-container": !r && !s,
|
|
115
|
+
"bg-secondary text-on-secondary": !r && s,
|
|
116
116
|
"text-on-surface/[0.38]": r
|
|
117
117
|
},
|
|
118
118
|
e === "outlined" && [
|
|
119
119
|
" border",
|
|
120
120
|
{
|
|
121
121
|
"border-on-surface/[0.12] text-on-surface/[0.38]": r,
|
|
122
|
-
"text-primary border-outline focus:border-primary": !r && !
|
|
123
|
-
"text-inverse-on-surface bg-inverse-surface border-inverse-surface": !r &&
|
|
122
|
+
"text-primary border-outline focus:border-primary": !r && !s,
|
|
123
|
+
"text-inverse-on-surface bg-inverse-surface border-inverse-surface": !r && s
|
|
124
124
|
}
|
|
125
125
|
],
|
|
126
126
|
e === "text" && [
|
|
@@ -143,10 +143,10 @@ const Se = (e) => {
|
|
|
143
143
|
],
|
|
144
144
|
r && "cursor-default"
|
|
145
145
|
),
|
|
146
|
-
touchTarget:
|
|
146
|
+
touchTarget: d(
|
|
147
147
|
"absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"
|
|
148
148
|
),
|
|
149
|
-
stateLayer:
|
|
149
|
+
stateLayer: d(
|
|
150
150
|
"min-h-full min-w-full absolute top-0 left-0 overflow-hidden",
|
|
151
151
|
e === "elevated" && {
|
|
152
152
|
"bg-on-surface/[0.12]": r,
|
|
@@ -154,20 +154,20 @@ const Se = (e) => {
|
|
|
154
154
|
},
|
|
155
155
|
e === "filled" && {
|
|
156
156
|
"bg-on-surface/[0.12]": r,
|
|
157
|
-
"group-state-on-primary": !r && !
|
|
158
|
-
"group-state-on-surface-variant": !r &&
|
|
157
|
+
"group-state-on-primary": !r && !f,
|
|
158
|
+
"group-state-on-surface-variant": !r && f
|
|
159
159
|
},
|
|
160
|
-
|
|
160
|
+
a === "rounded" && {
|
|
161
161
|
"rounded-[30px]": o === "xSmall" || o == "small",
|
|
162
162
|
"rounded-[40px]": o === "medium",
|
|
163
163
|
"rounded-[70px]": o === "large" || o == "xLarge"
|
|
164
164
|
},
|
|
165
|
-
(
|
|
165
|
+
(a === "squared" || p && s) && {
|
|
166
166
|
"rounded-[12px]": o === "xSmall" || o == "small",
|
|
167
167
|
"rounded-[16px]": o === "medium",
|
|
168
168
|
"rounded-[28px]": o === "large" || o == "xLarge"
|
|
169
169
|
},
|
|
170
|
-
|
|
170
|
+
p && !r && {
|
|
171
171
|
"group-active:rounded-[12px]": o === "xSmall" || o == "small",
|
|
172
172
|
"group-active:rounded-[16px]": o === "medium",
|
|
173
173
|
"group-active:rounded-[28px]": o === "large" || o == "xLarge"
|
|
@@ -183,8 +183,8 @@ const Se = (e) => {
|
|
|
183
183
|
"group-state-primary": !r
|
|
184
184
|
}
|
|
185
185
|
),
|
|
186
|
-
label:
|
|
187
|
-
icon:
|
|
186
|
+
label: d({ invisible: i }),
|
|
187
|
+
icon: d(
|
|
188
188
|
{ invisible: i },
|
|
189
189
|
o === "xSmall" && "size-5",
|
|
190
190
|
o === "small" && "size-5",
|
|
@@ -193,16 +193,16 @@ const Se = (e) => {
|
|
|
193
193
|
o === "xLarge" && "size-10"
|
|
194
194
|
)
|
|
195
195
|
})
|
|
196
|
-
),
|
|
196
|
+
), Be = G(
|
|
197
197
|
"card",
|
|
198
198
|
({ variant: e, isInteractive: t }) => ({
|
|
199
|
-
card:
|
|
199
|
+
card: d(
|
|
200
200
|
"card group/card rounded-xl overflow-hidden z-10",
|
|
201
201
|
e === "outlined" && "bg-surface border border-outline-variant",
|
|
202
202
|
e === "elevated" && "bg-surface-container-low shadow-1",
|
|
203
203
|
e === "filled" && "bg-surface-container-highest"
|
|
204
204
|
),
|
|
205
|
-
stateLayer:
|
|
205
|
+
stateLayer: d([
|
|
206
206
|
"w-full top-0 left-0 h-full absolute -z-10",
|
|
207
207
|
{
|
|
208
208
|
" group-hover/card:hover-state-on-surface group-focus-visible/card:focus-state-on-surface": t
|
|
@@ -212,20 +212,20 @@ const Se = (e) => {
|
|
|
212
212
|
), We = G(
|
|
213
213
|
"carouselItem",
|
|
214
214
|
() => ({
|
|
215
|
-
carouselItem:
|
|
215
|
+
carouselItem: d("rounded-[28px] overflow-hidden flex-none")
|
|
216
216
|
})
|
|
217
|
-
),
|
|
217
|
+
), $e = G(
|
|
218
218
|
"carousel",
|
|
219
219
|
() => ({
|
|
220
|
-
carousel:
|
|
221
|
-
track:
|
|
220
|
+
carousel: d(["w-full h-[400px]"]),
|
|
221
|
+
track: d(
|
|
222
222
|
"grid grid-flow-col h-full transition-transform ease-out w-fit"
|
|
223
223
|
)
|
|
224
224
|
})
|
|
225
|
-
),
|
|
225
|
+
), De = G(
|
|
226
226
|
"divider",
|
|
227
227
|
({ orientation: e }) => ({
|
|
228
|
-
divider:
|
|
228
|
+
divider: d(
|
|
229
229
|
"border-outline-variant ",
|
|
230
230
|
{
|
|
231
231
|
"h-fit w-full border-t": e === "horizontal"
|
|
@@ -235,10 +235,10 @@ const Se = (e) => {
|
|
|
235
235
|
}
|
|
236
236
|
)
|
|
237
237
|
})
|
|
238
|
-
),
|
|
238
|
+
), Pe = G(
|
|
239
239
|
"fab",
|
|
240
240
|
({ size: e, variant: t, isExtended: r }) => ({
|
|
241
|
-
fab:
|
|
241
|
+
fab: d(
|
|
242
242
|
"flex shadow-3 hover:shadow-4 group overflow-hidden outline-none items-center cursor-pointer",
|
|
243
243
|
{
|
|
244
244
|
"rounded-[12px]": e == "small" && !r,
|
|
@@ -255,14 +255,14 @@ const Se = (e) => {
|
|
|
255
255
|
t === "secondary" && "bg-secondary-container",
|
|
256
256
|
t === "tertiary" && "bg-tertiary-container"
|
|
257
257
|
),
|
|
258
|
-
stateLayer:
|
|
258
|
+
stateLayer: d(
|
|
259
259
|
"absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",
|
|
260
260
|
t === "surface" && "group-hover:hover-state-primary group-focus:focus-state-primary",
|
|
261
261
|
t === "primary" && "group-hover:hover-state-on-primary-container group-focus-visible:focus-state-on-primary-container",
|
|
262
262
|
t === "secondary" && "group-hover:hover-state-on-secondary-container group-focus-visible:focus-state-on-secondary-container",
|
|
263
263
|
t === "tertiary" && "group-hover:hover-state-on-tertiary-container group-focus-visible:focus-state-on-tertiary-container"
|
|
264
264
|
),
|
|
265
|
-
icon:
|
|
265
|
+
icon: d(
|
|
266
266
|
{
|
|
267
267
|
"size-6": e == "small" || e == "medium" || r,
|
|
268
268
|
"size-9": e == "large" && !r
|
|
@@ -272,7 +272,7 @@ const Se = (e) => {
|
|
|
272
272
|
t === "secondary" && "text-on-secondary-container",
|
|
273
273
|
t === "tertiary" && "text-on-tertiary-container"
|
|
274
274
|
),
|
|
275
|
-
label:
|
|
275
|
+
label: d(
|
|
276
276
|
"text-title-medium text-nowrap",
|
|
277
277
|
t === "surface" && "text-primary",
|
|
278
278
|
t === "primary" && "text-on-primary-container",
|
|
@@ -288,27 +288,27 @@ const Se = (e) => {
|
|
|
288
288
|
onToggle: r,
|
|
289
289
|
isActive: l,
|
|
290
290
|
size: n,
|
|
291
|
-
width:
|
|
291
|
+
width: s,
|
|
292
292
|
shape: i,
|
|
293
|
-
allowShapeTransformation:
|
|
293
|
+
allowShapeTransformation: a
|
|
294
294
|
}) => ({
|
|
295
|
-
iconButton:
|
|
295
|
+
iconButton: d(
|
|
296
296
|
"rounded-full relative flex transition-all duration-300",
|
|
297
297
|
"group cursor-pointer",
|
|
298
298
|
{
|
|
299
299
|
"cursor-default": t
|
|
300
300
|
},
|
|
301
|
-
(i === "rounded" || i === "squared" && r && !t && l &&
|
|
301
|
+
(i === "rounded" || i === "squared" && r && !t && l && a) && {
|
|
302
302
|
"rounded-[30px]": n === "xSmall" || n == "small",
|
|
303
303
|
"rounded-[40px]": n === "medium",
|
|
304
304
|
"rounded-[70px]": n === "large" || n == "xLarge"
|
|
305
305
|
},
|
|
306
|
-
(i === "squared" || i === "rounded" && r && !t && l &&
|
|
306
|
+
(i === "squared" || i === "rounded" && r && !t && l && a) && {
|
|
307
307
|
"rounded-[12px]": n === "xSmall" || n == "small",
|
|
308
308
|
"rounded-[16px]": n === "medium",
|
|
309
309
|
"rounded-[28px]": n === "large" || n == "xLarge"
|
|
310
310
|
},
|
|
311
|
-
|
|
311
|
+
a && !t && {
|
|
312
312
|
"group-active:rounded-[12px]": n === "xSmall" || n == "small",
|
|
313
313
|
"group-active:rounded-[16px]": n === "medium",
|
|
314
314
|
"group-active:rounded-[28px]": n === "large" || n == "xLarge"
|
|
@@ -338,22 +338,22 @@ const Se = (e) => {
|
|
|
338
338
|
}
|
|
339
339
|
]
|
|
340
340
|
),
|
|
341
|
-
touchTarget:
|
|
341
|
+
touchTarget: d(
|
|
342
342
|
"absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"
|
|
343
343
|
),
|
|
344
|
-
stateLayer:
|
|
344
|
+
stateLayer: d(
|
|
345
345
|
"absolute top-0 left-0 h-full w-full overflow-hidden",
|
|
346
|
-
(i === "rounded" || i === "squared" && r && !t && l &&
|
|
346
|
+
(i === "rounded" || i === "squared" && r && !t && l && a) && {
|
|
347
347
|
"rounded-[30px]": n === "xSmall" || n == "small",
|
|
348
348
|
"rounded-[40px]": n === "medium",
|
|
349
349
|
"rounded-[70px]": n === "large" || n == "xLarge"
|
|
350
350
|
},
|
|
351
|
-
(i === "squared" || i === "rounded" && r && !t && l &&
|
|
351
|
+
(i === "squared" || i === "rounded" && r && !t && l && a) && {
|
|
352
352
|
"rounded-[12px]": n === "xSmall" || n == "small",
|
|
353
353
|
"rounded-[16px]": n === "medium",
|
|
354
354
|
"rounded-[28px]": n === "large" || n == "xLarge"
|
|
355
355
|
},
|
|
356
|
-
|
|
356
|
+
a && !t && {
|
|
357
357
|
"group-active:rounded-[12px]": n === "xSmall" || n == "small",
|
|
358
358
|
"group-active:rounded-[16px]": n === "medium",
|
|
359
359
|
"group-active:rounded-[28px]": n === "large" || n == "xLarge"
|
|
@@ -377,21 +377,21 @@ const Se = (e) => {
|
|
|
377
377
|
}
|
|
378
378
|
]
|
|
379
379
|
),
|
|
380
|
-
icon:
|
|
380
|
+
icon: d(
|
|
381
381
|
" transition-all duration-300",
|
|
382
382
|
{ "size-5 p-1.5": n === "xSmall" },
|
|
383
383
|
{ "size-6 p-2": n === "small" },
|
|
384
384
|
{ "size-6 p-4": n === "medium" },
|
|
385
385
|
{ "size-8 p-8": n === "large" },
|
|
386
386
|
{ "size-10 p-12": n === "xLarge" },
|
|
387
|
-
|
|
387
|
+
s == "narrow" && [
|
|
388
388
|
{ "px-1": n === "xSmall" },
|
|
389
389
|
{ "px-1": n === "small" },
|
|
390
390
|
{ "px-3": n === "medium" },
|
|
391
391
|
{ "px-4": n === "large" },
|
|
392
392
|
{ "px-8": n === "xLarge" }
|
|
393
393
|
],
|
|
394
|
-
|
|
394
|
+
s == "wide" && [
|
|
395
395
|
{ "px-2.5": n === "xSmall" },
|
|
396
396
|
{ "px-3.5": n === "small" },
|
|
397
397
|
{ "px-6": n === "medium" },
|
|
@@ -422,14 +422,14 @@ const Se = (e) => {
|
|
|
422
422
|
), Ue = G(
|
|
423
423
|
"progressIndicator",
|
|
424
424
|
({ variant: e, isVisible: t }) => ({
|
|
425
|
-
progressIndicator:
|
|
425
|
+
progressIndicator: d(
|
|
426
426
|
(e === "linear-determinate" || e == "linear-indeterminate") && "flex w-full h-1"
|
|
427
427
|
),
|
|
428
|
-
track:
|
|
428
|
+
track: d("h-full rounded-full bg-primary rounded-l-full", {
|
|
429
429
|
"max-h-0": !t,
|
|
430
430
|
"max-h-full": t
|
|
431
431
|
}),
|
|
432
|
-
activeIndicator:
|
|
432
|
+
activeIndicator: d(
|
|
433
433
|
{
|
|
434
434
|
"max-h-0": !t,
|
|
435
435
|
"max-h-full": t
|
|
@@ -443,7 +443,7 @@ const Se = (e) => {
|
|
|
443
443
|
}
|
|
444
444
|
]
|
|
445
445
|
),
|
|
446
|
-
stop:
|
|
446
|
+
stop: d(
|
|
447
447
|
"absolute top-1/2 -translate-y-1/2 right-0 bg-primary rounded-full size-1",
|
|
448
448
|
{
|
|
449
449
|
"max-h-0": !t,
|
|
@@ -454,40 +454,40 @@ const Se = (e) => {
|
|
|
454
454
|
), je = G(
|
|
455
455
|
"slider",
|
|
456
456
|
({ isChanging: e }) => ({
|
|
457
|
-
slider:
|
|
457
|
+
slider: d([
|
|
458
458
|
"relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer"
|
|
459
459
|
]),
|
|
460
|
-
activeTrack:
|
|
460
|
+
activeTrack: d([
|
|
461
461
|
"h-4 relative transition-all duration-100 bg-primary overflow-hidden rounded-l-full "
|
|
462
462
|
]),
|
|
463
|
-
inactiveTrack:
|
|
463
|
+
inactiveTrack: d([
|
|
464
464
|
"h-4 relative transition-all duration-100 bg-primary-container rounded-r-full overflow-hidden"
|
|
465
465
|
]),
|
|
466
|
-
handle:
|
|
466
|
+
handle: d([
|
|
467
467
|
"transform transition-all duration-100 bg-primary h-full rounded-full ",
|
|
468
468
|
{ "w-0.5": e, "w-1": !e }
|
|
469
469
|
]),
|
|
470
|
-
valueIndicator:
|
|
470
|
+
valueIndicator: d([
|
|
471
471
|
"absolute select-none bg-inverse-surface text-inverse-on-surface py-3 px-4 text-label-large rounded-full bottom-[calc(100%+4px)] transform left-1/2 -translate-x-1/2"
|
|
472
472
|
]),
|
|
473
|
-
dot:
|
|
473
|
+
dot: d([
|
|
474
474
|
"h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
|
|
475
475
|
])
|
|
476
476
|
})
|
|
477
477
|
), Fe = G(
|
|
478
478
|
"snackbar",
|
|
479
479
|
() => ({
|
|
480
|
-
snackbar:
|
|
481
|
-
container:
|
|
480
|
+
snackbar: d(" rounded bg-inverse-surface "),
|
|
481
|
+
container: d(
|
|
482
482
|
"pl-4 pr-2 max-w-full py-1 flex items-center flex-wrap"
|
|
483
483
|
),
|
|
484
|
-
supportingText:
|
|
485
|
-
icon:
|
|
484
|
+
supportingText: d("text-body-medium text-inverse-on-surface "),
|
|
485
|
+
icon: d(" ml-auto mr-0 text-inverse-on-surface block dark")
|
|
486
486
|
})
|
|
487
487
|
), Xe = G(
|
|
488
488
|
"switch",
|
|
489
489
|
({ isSelected: e, disabled: t, inactiveIcon: r }) => ({
|
|
490
|
-
switch:
|
|
490
|
+
switch: d(
|
|
491
491
|
"group w-[52px] h-[32px] outline-none rounded-full border-2 flex items-center",
|
|
492
492
|
{ "bg-on-surface/[0.12] border-transparent": t },
|
|
493
493
|
!t && [
|
|
@@ -498,12 +498,12 @@ const Se = (e) => {
|
|
|
498
498
|
// { 'justify-start': !isSelected },
|
|
499
499
|
// { 'justify-end': isSelected },
|
|
500
500
|
),
|
|
501
|
-
handleContainer:
|
|
501
|
+
handleContainer: d(
|
|
502
502
|
"flex items-center justify-center absolute",
|
|
503
503
|
{ "left-[14px]": !e },
|
|
504
504
|
{ "right-[14px]": e }
|
|
505
505
|
),
|
|
506
|
-
handle:
|
|
506
|
+
handle: d(
|
|
507
507
|
"transition-all duration-100 z-10 rounded-full flex items-center justify-center",
|
|
508
508
|
{ "w-[16px] h-[16px]": !e && !r },
|
|
509
509
|
{ "w-[24px] h-[24px]": !(!e && !r) },
|
|
@@ -514,11 +514,11 @@ const Se = (e) => {
|
|
|
514
514
|
],
|
|
515
515
|
{ "bg-surface": t }
|
|
516
516
|
),
|
|
517
|
-
handleStateLayer:
|
|
517
|
+
handleStateLayer: d(
|
|
518
518
|
"w-[40px] h-[40px] -z-10 rounded-full absolute",
|
|
519
519
|
{ "group-state-primary": !t }
|
|
520
520
|
),
|
|
521
|
-
icon:
|
|
521
|
+
icon: d(
|
|
522
522
|
"w-[16px] h-[16px]",
|
|
523
523
|
!t && [
|
|
524
524
|
{ "text-on-primary-container": e },
|
|
@@ -530,13 +530,13 @@ const Se = (e) => {
|
|
|
530
530
|
), Oe = G(
|
|
531
531
|
"tab",
|
|
532
532
|
({ isSelected: e, icon: t, label: r, variant: l }) => ({
|
|
533
|
-
tab:
|
|
533
|
+
tab: d(
|
|
534
534
|
"bg-surface flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",
|
|
535
535
|
{ "z-10": e },
|
|
536
536
|
!!(t && r) && l === "primary" && "h-16",
|
|
537
537
|
!(t && r && l === "primary") && "h-12"
|
|
538
538
|
),
|
|
539
|
-
stateLayer:
|
|
539
|
+
stateLayer: d(
|
|
540
540
|
"absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",
|
|
541
541
|
l === "primary" && {
|
|
542
542
|
"group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface": !e,
|
|
@@ -544,7 +544,7 @@ const Se = (e) => {
|
|
|
544
544
|
},
|
|
545
545
|
l === "secondary" && "group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"
|
|
546
546
|
),
|
|
547
|
-
content:
|
|
547
|
+
content: d(
|
|
548
548
|
"flex gap-0.5 h-full justify-center",
|
|
549
549
|
{
|
|
550
550
|
relative: l == "primary"
|
|
@@ -558,7 +558,7 @@ const Se = (e) => {
|
|
|
558
558
|
"flex-row items-center gap-2": !!(r && t)
|
|
559
559
|
}
|
|
560
560
|
),
|
|
561
|
-
icon:
|
|
561
|
+
icon: d(
|
|
562
562
|
"h-6 w-6 p-0.5 !box-border",
|
|
563
563
|
l === "primary" && {
|
|
564
564
|
"text-on-surface-variant": !e,
|
|
@@ -569,7 +569,7 @@ const Se = (e) => {
|
|
|
569
569
|
"text-on-surface": e
|
|
570
570
|
}
|
|
571
571
|
),
|
|
572
|
-
label:
|
|
572
|
+
label: d(
|
|
573
573
|
"text-title-small text-nowrap",
|
|
574
574
|
l === "primary" && {
|
|
575
575
|
"text-on-surface-variant": !e,
|
|
@@ -580,7 +580,7 @@ const Se = (e) => {
|
|
|
580
580
|
"text-on-surface": e
|
|
581
581
|
}
|
|
582
582
|
),
|
|
583
|
-
underline:
|
|
583
|
+
underline: d(
|
|
584
584
|
"bg-primary absolute w-full left-0 bottom-0",
|
|
585
585
|
l === "primary" && "h-[3px] rounded-t",
|
|
586
586
|
l === "secondary" && "h-0.5"
|
|
@@ -589,7 +589,7 @@ const Se = (e) => {
|
|
|
589
589
|
), qe = G(
|
|
590
590
|
"tabs",
|
|
591
591
|
({ scrollable: e }) => ({
|
|
592
|
-
tabs:
|
|
592
|
+
tabs: d(
|
|
593
593
|
"border-b border-surface-container-highest",
|
|
594
594
|
"flex relative ",
|
|
595
595
|
{ "overflow-x-auto": e }
|
|
@@ -603,21 +603,21 @@ const Se = (e) => {
|
|
|
603
603
|
trailingIcon: r,
|
|
604
604
|
variant: l,
|
|
605
605
|
errorText: n,
|
|
606
|
-
isFocused:
|
|
606
|
+
isFocused: s,
|
|
607
607
|
value: i,
|
|
608
|
-
suffix:
|
|
609
|
-
textLine:
|
|
608
|
+
suffix: a,
|
|
609
|
+
textLine: f
|
|
610
610
|
}) => ({
|
|
611
|
-
textField:
|
|
611
|
+
textField: d({
|
|
612
612
|
"opacity-[.38]": e
|
|
613
613
|
}),
|
|
614
|
-
content:
|
|
614
|
+
content: d(
|
|
615
615
|
"group transition-border duration-200 relative flex items-center ",
|
|
616
|
-
{ "h-14":
|
|
616
|
+
{ "h-14": f == "singleLine" },
|
|
617
617
|
{
|
|
618
|
-
"border-on-surface-variant": !(n != null && n.length) && !
|
|
619
|
-
"border-outline": !(n != null && n.length) && !
|
|
620
|
-
"border-primary": !(n != null && n.length) &&
|
|
618
|
+
"border-on-surface-variant": !(n != null && n.length) && !s && l == "filled",
|
|
619
|
+
"border-outline": !(n != null && n.length) && !s && l == "outlined",
|
|
620
|
+
"border-primary": !(n != null && n.length) && s,
|
|
621
621
|
"border-error": !!(n != null && n.length)
|
|
622
622
|
},
|
|
623
623
|
{ "bg-on-surface/[0.04]": e },
|
|
@@ -628,63 +628,63 @@ const Se = (e) => {
|
|
|
628
628
|
l == "outlined" && [
|
|
629
629
|
"border rounded box-border",
|
|
630
630
|
{
|
|
631
|
-
"border-[3px]":
|
|
631
|
+
"border-[3px]": s
|
|
632
632
|
}
|
|
633
633
|
]
|
|
634
634
|
),
|
|
635
|
-
stateLayer:
|
|
635
|
+
stateLayer: d(
|
|
636
636
|
"absolute -z-10 w-full h-full top-0 left-0",
|
|
637
637
|
{
|
|
638
638
|
hidden: l == "outlined"
|
|
639
639
|
},
|
|
640
640
|
{
|
|
641
641
|
"group-state-on-surface": !e,
|
|
642
|
-
"focus-state-on-surface":
|
|
642
|
+
"focus-state-on-surface": s
|
|
643
643
|
}
|
|
644
644
|
),
|
|
645
|
-
label:
|
|
645
|
+
label: d(
|
|
646
646
|
"inline-flex outline-none whitespace-nowrap",
|
|
647
647
|
{ "text-on-surface-variant": !e && !(n != null && n.length) },
|
|
648
648
|
{ "text-on-surface": e },
|
|
649
649
|
{ "text-error": !!(n != null && n.length) },
|
|
650
|
-
{ "text-primary": !(n != null && n.length) &&
|
|
650
|
+
{ "text-primary": !(n != null && n.length) && s }
|
|
651
651
|
),
|
|
652
|
-
input:
|
|
652
|
+
input: d(
|
|
653
653
|
"w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",
|
|
654
654
|
{
|
|
655
655
|
" text-on-surface placeholder:text-on-surface-variant": !e,
|
|
656
656
|
"placeholder:text-on-surface text-on-surface": e
|
|
657
657
|
},
|
|
658
658
|
{
|
|
659
|
-
"pr-0": !!
|
|
659
|
+
"pr-0": !!a
|
|
660
660
|
},
|
|
661
661
|
l == "filled" && " pb-2 pt-6",
|
|
662
662
|
l == "outlined" && "py-4 relative z-10"
|
|
663
663
|
),
|
|
664
|
-
activeIndicator:
|
|
664
|
+
activeIndicator: d(
|
|
665
665
|
"absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",
|
|
666
666
|
l == "filled" && [
|
|
667
667
|
"h-[2px] transition-all duration-300",
|
|
668
668
|
{ "bg-primary": !(n != null && n.length) },
|
|
669
669
|
{ "bg-error": !!(n != null && n.length) },
|
|
670
|
-
{ "!w-full":
|
|
670
|
+
{ "!w-full": s }
|
|
671
671
|
]
|
|
672
672
|
),
|
|
673
|
-
supportingText:
|
|
673
|
+
supportingText: d(
|
|
674
674
|
" text-body-small px-4 pt-1",
|
|
675
675
|
{ "text-on-surface-variant": !e && !(n != null && n.length) },
|
|
676
676
|
{ "text-on-surface": e },
|
|
677
|
-
{ "!w-full":
|
|
677
|
+
{ "!w-full": s },
|
|
678
678
|
{ "text-error": !!(n != null && n.length) }
|
|
679
679
|
),
|
|
680
|
-
leadingIcon:
|
|
680
|
+
leadingIcon: d([
|
|
681
681
|
"h-12 ml-3 flex items-center justify-center",
|
|
682
|
-
{ "cursor-text": !
|
|
682
|
+
{ "cursor-text": !Y.isValidElement(t) }
|
|
683
683
|
]),
|
|
684
|
-
trailingIcon:
|
|
685
|
-
"cursor-text": !
|
|
684
|
+
trailingIcon: d("h-12 w-12 flex items-center justify-center", {
|
|
685
|
+
"cursor-text": !Y.isValidElement(r)
|
|
686
686
|
}),
|
|
687
|
-
suffix:
|
|
687
|
+
suffix: d(
|
|
688
688
|
"text-on-surface-variant pl-0 pr-4",
|
|
689
689
|
l == "filled" && " pb-2 pt-6",
|
|
690
690
|
l == "outlined" && "py-4 relative z-10"
|
|
@@ -693,7 +693,7 @@ const Se = (e) => {
|
|
|
693
693
|
), Ke = G(
|
|
694
694
|
"toolTip",
|
|
695
695
|
({ position: e, variant: t }) => ({
|
|
696
|
-
toolTip:
|
|
696
|
+
toolTip: d(
|
|
697
697
|
" pointer-events-auto w-max z-10 absolute m-1 w-max-content max-w-[312px]",
|
|
698
698
|
{
|
|
699
699
|
"bottom-full left-1/2 -translate-x-1/2": e == "top",
|
|
@@ -706,31 +706,71 @@ const Se = (e) => {
|
|
|
706
706
|
"top-full left-full": e == "bottom-right"
|
|
707
707
|
}
|
|
708
708
|
),
|
|
709
|
-
container:
|
|
709
|
+
container: d(
|
|
710
710
|
"pb-2",
|
|
711
711
|
t == "rich" && "bg-surface-container rounded-2xl text-on-surface-container px-4 pt-3 shadow-2",
|
|
712
712
|
t == "plain" && "bg-inverse-surface rounded text-inverse-on-surface px-2 py-1"
|
|
713
713
|
),
|
|
714
|
-
actions:
|
|
714
|
+
actions: d(
|
|
715
715
|
"flex gap-10 px-1 mt-2",
|
|
716
716
|
t == "plain" && "hidden"
|
|
717
717
|
),
|
|
718
|
-
subHead:
|
|
718
|
+
subHead: d(
|
|
719
719
|
"text-title-small mb-1",
|
|
720
720
|
t == "plain" && "hidden"
|
|
721
721
|
),
|
|
722
|
-
supportingText:
|
|
722
|
+
supportingText: d("")
|
|
723
723
|
})
|
|
724
724
|
), Q = ({ icon: e, colors: t = [], className: r }) => {
|
|
725
|
-
|
|
726
|
-
|
|
725
|
+
if (typeof e == "string") {
|
|
726
|
+
let o = e;
|
|
727
|
+
return t[0] && (o = o.replace(
|
|
728
|
+
/<svg([^>]*)>/,
|
|
729
|
+
`<svg$1 fill="${t[0]}" color="${t[0]}">`
|
|
730
|
+
), o = o.replace(
|
|
731
|
+
/<path([^>]*?)>/g,
|
|
732
|
+
'<path$1 fill="currentColor">'
|
|
733
|
+
)), /* @__PURE__ */ u(
|
|
734
|
+
"div",
|
|
735
|
+
{
|
|
736
|
+
className: d(
|
|
737
|
+
"size-5 box-content inline-flex fill-current",
|
|
738
|
+
r
|
|
739
|
+
),
|
|
740
|
+
style: { color: t[0] || "inherit" },
|
|
741
|
+
dangerouslySetInnerHTML: { __html: o }
|
|
742
|
+
}
|
|
743
|
+
);
|
|
744
|
+
}
|
|
745
|
+
if (e && typeof e == "object" && "src" in e) {
|
|
746
|
+
const o = e;
|
|
747
|
+
return /* @__PURE__ */ u(
|
|
748
|
+
"img",
|
|
749
|
+
{
|
|
750
|
+
src: o.src,
|
|
751
|
+
width: o.width,
|
|
752
|
+
height: o.height,
|
|
753
|
+
className: d("size-5 box-content", r),
|
|
754
|
+
style: {
|
|
755
|
+
filter: t[0] ? "brightness(0) saturate(100%) invert(1)" : void 0
|
|
756
|
+
},
|
|
757
|
+
alt: "",
|
|
758
|
+
"aria-hidden": "true"
|
|
759
|
+
}
|
|
760
|
+
);
|
|
761
|
+
}
|
|
762
|
+
const l = e;
|
|
763
|
+
if (!(l != null && l.prefix))
|
|
764
|
+
throw new Error(`Invalid icon type: ${typeof e}`);
|
|
765
|
+
const { icon: n } = l, [s, i, , , a] = n || [], f = (o) => {
|
|
766
|
+
switch (o.length) {
|
|
727
767
|
case 2:
|
|
728
768
|
return {
|
|
729
|
-
"--fa-primary-color":
|
|
730
|
-
"--fa-secondary-color":
|
|
769
|
+
"--fa-primary-color": o[0] || "inherit",
|
|
770
|
+
"--fa-secondary-color": o[1] || "inherit"
|
|
731
771
|
};
|
|
732
772
|
case 1:
|
|
733
|
-
return { color:
|
|
773
|
+
return { color: o[0] };
|
|
734
774
|
default:
|
|
735
775
|
return {};
|
|
736
776
|
}
|
|
@@ -738,15 +778,13 @@ const Se = (e) => {
|
|
|
738
778
|
return /* @__PURE__ */ u(
|
|
739
779
|
"svg",
|
|
740
780
|
{
|
|
741
|
-
className:
|
|
742
|
-
style: {
|
|
743
|
-
...s(t)
|
|
744
|
-
},
|
|
781
|
+
className: d("size-5 box-content", r),
|
|
782
|
+
style: { ...f(t) },
|
|
745
783
|
xmlns: "http://www.w3.org/2000/svg",
|
|
746
|
-
viewBox: `0 0 ${
|
|
784
|
+
viewBox: `0 0 ${s} ${i}`,
|
|
747
785
|
role: "img",
|
|
748
786
|
"aria-hidden": "true",
|
|
749
|
-
children: typeof
|
|
787
|
+
children: typeof a == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: a }) : a.map((o, p) => /* @__PURE__ */ u("path", { d: o }, p))
|
|
750
788
|
}
|
|
751
789
|
);
|
|
752
790
|
}, Ge = ({
|
|
@@ -756,22 +794,22 @@ const Se = (e) => {
|
|
|
756
794
|
className: l,
|
|
757
795
|
...n
|
|
758
796
|
}) => {
|
|
759
|
-
const [
|
|
760
|
-
|
|
797
|
+
const [s, i] = S(t), [a] = S(1.5);
|
|
798
|
+
D(() => {
|
|
761
799
|
t > 100 && (t = 100), t < 0 && (t = 0), i(t);
|
|
762
800
|
}, [t]);
|
|
763
|
-
const [
|
|
764
|
-
|
|
765
|
-
if ((e === "circular-indeterminate" || e === "linear-indeterminate") &&
|
|
801
|
+
const [f, o] = S(!0), p = () => f ? a : a * 0.5;
|
|
802
|
+
D(() => {
|
|
803
|
+
if ((e === "circular-indeterminate" || e === "linear-indeterminate") && s !== 100) {
|
|
766
804
|
const v = setInterval(() => {
|
|
767
|
-
i(
|
|
768
|
-
},
|
|
805
|
+
i(f ? 10 : 90), o(!f);
|
|
806
|
+
}, p() * 1e3);
|
|
769
807
|
return () => clearInterval(v);
|
|
770
808
|
}
|
|
771
|
-
}, [e,
|
|
772
|
-
const [
|
|
773
|
-
|
|
774
|
-
if (
|
|
809
|
+
}, [e, f, s]);
|
|
810
|
+
const [h, c] = S(!1);
|
|
811
|
+
D(() => {
|
|
812
|
+
if (s >= 100) {
|
|
775
813
|
const v = setTimeout(() => {
|
|
776
814
|
c(!1);
|
|
777
815
|
}, r);
|
|
@@ -780,34 +818,34 @@ const Se = (e) => {
|
|
|
780
818
|
};
|
|
781
819
|
} else
|
|
782
820
|
c(!0);
|
|
783
|
-
}, [
|
|
784
|
-
const
|
|
821
|
+
}, [s, r]);
|
|
822
|
+
const y = Ue({
|
|
785
823
|
className: l,
|
|
786
824
|
variant: e,
|
|
787
825
|
value: t,
|
|
788
826
|
transitionDuration: r,
|
|
789
|
-
isVisible:
|
|
827
|
+
isVisible: h
|
|
790
828
|
});
|
|
791
829
|
return /* @__PURE__ */ U(re, { children: [
|
|
792
|
-
(e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ U("div", { className:
|
|
830
|
+
(e === "linear-determinate" || e == "linear-indeterminate") && /* @__PURE__ */ U("div", { className: y.progressIndicator, ...n, children: [
|
|
793
831
|
/* @__PURE__ */ u(
|
|
794
832
|
"div",
|
|
795
833
|
{
|
|
796
834
|
style: {
|
|
797
|
-
width: `${
|
|
798
|
-
transition: `width ${r}ms ease-in-out ${
|
|
835
|
+
width: `${s}%`,
|
|
836
|
+
transition: `width ${r}ms ease-in-out ${s == 100 ? ", max-height 200ms 0.5s ease-in-out" : ""}`
|
|
799
837
|
},
|
|
800
|
-
className:
|
|
838
|
+
className: y.track
|
|
801
839
|
}
|
|
802
840
|
),
|
|
803
841
|
/* @__PURE__ */ u(
|
|
804
842
|
"div",
|
|
805
843
|
{
|
|
806
844
|
style: {
|
|
807
|
-
marginLeft:
|
|
808
|
-
transition: `width ${r}ms ease-in-out ${
|
|
845
|
+
marginLeft: s != 100 ? "6px" : "0px",
|
|
846
|
+
transition: `width ${r}ms ease-in-out ${s == 100 ? `, max-height 200ms 0.5s ease-in-out, margin-left ${r}ms ${r / 1.5}ms` : ""}`
|
|
809
847
|
},
|
|
810
|
-
className:
|
|
848
|
+
className: y.activeIndicator
|
|
811
849
|
}
|
|
812
850
|
),
|
|
813
851
|
/* @__PURE__ */ u(
|
|
@@ -817,7 +855,7 @@ const Se = (e) => {
|
|
|
817
855
|
width: "4 px",
|
|
818
856
|
transition: `width ${r}ms ease-in-out, max-height 200ms 0.5s ease-in-out`
|
|
819
857
|
},
|
|
820
|
-
className:
|
|
858
|
+
className: y.stop
|
|
821
859
|
}
|
|
822
860
|
)
|
|
823
861
|
] }),
|
|
@@ -831,43 +869,43 @@ const Se = (e) => {
|
|
|
831
869
|
animate: { rotate: 270 },
|
|
832
870
|
transition: {
|
|
833
871
|
repeat: 1 / 0,
|
|
834
|
-
duration:
|
|
872
|
+
duration: p(),
|
|
835
873
|
ease: "linear"
|
|
836
874
|
},
|
|
837
|
-
className:
|
|
875
|
+
className: y.progressIndicator,
|
|
838
876
|
...n,
|
|
839
877
|
children: /* @__PURE__ */ u(
|
|
840
878
|
j.circle,
|
|
841
879
|
{
|
|
842
880
|
cx: "50%",
|
|
843
881
|
cy: "50%",
|
|
844
|
-
r:
|
|
882
|
+
r: h ? "calc(50% - 2px)" : "50%",
|
|
845
883
|
style: {
|
|
846
884
|
strokeLinecap: "round"
|
|
847
885
|
},
|
|
848
886
|
initial: "hidden",
|
|
849
887
|
animate: "visible",
|
|
850
|
-
className:
|
|
888
|
+
className: y.activeIndicator,
|
|
851
889
|
variants: {
|
|
852
890
|
hidden: {
|
|
853
|
-
pathLength:
|
|
891
|
+
pathLength: f ? 10 / 100 : 90 / 100
|
|
854
892
|
},
|
|
855
893
|
visible: {
|
|
856
|
-
pathLength:
|
|
894
|
+
pathLength: f ? 90 / 100 : 10 / 100
|
|
857
895
|
}
|
|
858
896
|
},
|
|
859
897
|
transition: {
|
|
860
898
|
pathLength: {
|
|
861
899
|
type: "tween",
|
|
862
900
|
ease: "linear",
|
|
863
|
-
duration:
|
|
901
|
+
duration: p(),
|
|
864
902
|
bounce: 0
|
|
865
903
|
}
|
|
866
904
|
}
|
|
867
905
|
}
|
|
868
906
|
)
|
|
869
907
|
},
|
|
870
|
-
|
|
908
|
+
f + ""
|
|
871
909
|
)
|
|
872
910
|
] });
|
|
873
911
|
}, ne = ({
|
|
@@ -891,36 +929,36 @@ const Se = (e) => {
|
|
|
891
929
|
borderRadius: { duration: 0.3, delay: 0.3 }
|
|
892
930
|
}
|
|
893
931
|
}
|
|
894
|
-
}, [l, n] = S(!0), [
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
}, [
|
|
932
|
+
}, [l, n] = S(!0), [s, i] = S(!1), [a, f] = S({ x: 0, y: 0 });
|
|
933
|
+
D(() => {
|
|
934
|
+
s && (n(!0), n(!1));
|
|
935
|
+
}, [s]), D(() => {
|
|
898
936
|
const c = t == null ? void 0 : t.current;
|
|
899
937
|
if (c)
|
|
900
|
-
return c.addEventListener("mousedown", o), c.addEventListener("mouseup",
|
|
901
|
-
c.removeEventListener("mousedown", o), c.removeEventListener("mouseup",
|
|
938
|
+
return c.addEventListener("mousedown", o), c.addEventListener("mouseup", h), c.addEventListener("mouseleave", p), () => {
|
|
939
|
+
c.removeEventListener("mousedown", o), c.removeEventListener("mouseup", h), c.removeEventListener("mouseleave", p);
|
|
902
940
|
};
|
|
903
941
|
}, [t]);
|
|
904
942
|
const o = (c) => {
|
|
905
|
-
const
|
|
906
|
-
i(!0),
|
|
907
|
-
x: (c.clientX - v.left) /
|
|
908
|
-
y: (c.clientY - v.top) /
|
|
943
|
+
const y = t == null ? void 0 : t.current, v = y.getBoundingClientRect();
|
|
944
|
+
i(!0), f({
|
|
945
|
+
x: (c.clientX - v.left) / y.clientWidth * 100,
|
|
946
|
+
y: (c.clientY - v.top) / y.clientHeight * 100
|
|
909
947
|
});
|
|
910
|
-
}, y = (c) => {
|
|
911
|
-
i(!1);
|
|
912
948
|
}, p = (c) => {
|
|
913
949
|
i(!1);
|
|
950
|
+
}, h = (c) => {
|
|
951
|
+
i(!1);
|
|
914
952
|
};
|
|
915
|
-
return /* @__PURE__ */ u(z, { mode: "wait", children: (
|
|
953
|
+
return /* @__PURE__ */ u(z, { mode: "wait", children: (s || !s && !l) && /* @__PURE__ */ u(
|
|
916
954
|
j.div,
|
|
917
955
|
{
|
|
918
956
|
style: {
|
|
919
957
|
position: "absolute",
|
|
920
958
|
width: "100%",
|
|
921
959
|
height: "100%",
|
|
922
|
-
top:
|
|
923
|
-
left:
|
|
960
|
+
top: a.y + "%",
|
|
961
|
+
left: a.x + "%",
|
|
924
962
|
background: `color-mix(in srgb, var(--color-${e}) 12%, transparent)`,
|
|
925
963
|
pointerEvents: "none"
|
|
926
964
|
},
|
|
@@ -932,10 +970,10 @@ const Se = (e) => {
|
|
|
932
970
|
className: "transform -translate-x-1/2 -translate-y-1/2"
|
|
933
971
|
}
|
|
934
972
|
) });
|
|
935
|
-
},
|
|
973
|
+
}, _e = G(
|
|
936
974
|
"customScroll",
|
|
937
975
|
({ orientation: e, draggable: t, isDragging: r }) => ({
|
|
938
|
-
customScroll:
|
|
976
|
+
customScroll: d(
|
|
939
977
|
"flex h-full w-full",
|
|
940
978
|
t && [
|
|
941
979
|
"[&::-webkit-scrollbar-track]:rounded-full",
|
|
@@ -955,7 +993,7 @@ const Se = (e) => {
|
|
|
955
993
|
"cursor-grabbing": t && r
|
|
956
994
|
}
|
|
957
995
|
),
|
|
958
|
-
track:
|
|
996
|
+
track: d("overflow-hidden flex-none sticky", {
|
|
959
997
|
"left-0 h-full": e === "horizontal",
|
|
960
998
|
"top-0 w-full": e === "vertical"
|
|
961
999
|
})
|
|
@@ -966,56 +1004,56 @@ const Se = (e) => {
|
|
|
966
1004
|
scrollSize: r,
|
|
967
1005
|
onScroll: l,
|
|
968
1006
|
className: n,
|
|
969
|
-
draggable:
|
|
1007
|
+
draggable: s = !1,
|
|
970
1008
|
throttleDuration: i = 75
|
|
971
1009
|
}) => {
|
|
972
|
-
var
|
|
973
|
-
const
|
|
1010
|
+
var $, F;
|
|
1011
|
+
const a = V(null), f = V(null), [o, p] = S({
|
|
974
1012
|
width: null,
|
|
975
1013
|
height: null
|
|
976
1014
|
});
|
|
977
|
-
|
|
978
|
-
if (!
|
|
1015
|
+
D(() => {
|
|
1016
|
+
if (!a.current) return;
|
|
979
1017
|
const M = new ResizeObserver((X) => {
|
|
980
1018
|
for (const O of X)
|
|
981
|
-
O.target ===
|
|
1019
|
+
O.target === a.current && p({
|
|
982
1020
|
width: O.contentRect.width,
|
|
983
1021
|
height: O.contentRect.height
|
|
984
1022
|
// On observe aussi la hauteur maintenant
|
|
985
1023
|
});
|
|
986
1024
|
});
|
|
987
|
-
return M.observe(
|
|
1025
|
+
return M.observe(a.current), () => {
|
|
988
1026
|
M.disconnect();
|
|
989
1027
|
};
|
|
990
|
-
}, [
|
|
991
|
-
const
|
|
992
|
-
const M =
|
|
1028
|
+
}, [a]);
|
|
1029
|
+
const h = V(null), c = V(null), y = () => {
|
|
1030
|
+
const M = f.current;
|
|
993
1031
|
return M ? {
|
|
994
1032
|
width: r ?? M.scrollWidth,
|
|
995
1033
|
height: r ?? M.scrollHeight
|
|
996
1034
|
} : null;
|
|
997
1035
|
}, v = () => {
|
|
998
|
-
const M =
|
|
1036
|
+
const M = a.current;
|
|
999
1037
|
return M ? {
|
|
1000
1038
|
width: M.clientWidth,
|
|
1001
1039
|
height: M.clientHeight
|
|
1002
1040
|
// Correction ici pour retourner la bonne hauteur
|
|
1003
1041
|
} : null;
|
|
1004
1042
|
}, { scrollYProgress: L, scrollXProgress: N } = Le({
|
|
1005
|
-
container:
|
|
1043
|
+
container: a
|
|
1006
1044
|
}), E = V(null);
|
|
1007
1045
|
E.current || (E.current = Ee(
|
|
1008
1046
|
i,
|
|
1009
1047
|
(M, X) => {
|
|
1010
|
-
!c.current || !
|
|
1048
|
+
!c.current || !h.current || l && (t === "horizontal" && X === "x" && l({
|
|
1011
1049
|
scrollProgress: M,
|
|
1012
|
-
scroll: M *
|
|
1013
|
-
scrollTotal:
|
|
1050
|
+
scroll: M * h.current.width,
|
|
1051
|
+
scrollTotal: h.current.width,
|
|
1014
1052
|
scrollVisible: c.current.width
|
|
1015
1053
|
}), t === "vertical" && X === "y" && l({
|
|
1016
1054
|
scrollProgress: M,
|
|
1017
|
-
scroll: M *
|
|
1018
|
-
scrollTotal:
|
|
1055
|
+
scroll: M * h.current.height,
|
|
1056
|
+
scrollTotal: h.current.height,
|
|
1019
1057
|
scrollVisible: c.current.height
|
|
1020
1058
|
}));
|
|
1021
1059
|
}
|
|
@@ -1023,40 +1061,40 @@ const Se = (e) => {
|
|
|
1023
1061
|
const w = (M, X) => {
|
|
1024
1062
|
E.current && E.current(M, X);
|
|
1025
1063
|
};
|
|
1026
|
-
|
|
1064
|
+
D(() => {
|
|
1027
1065
|
o.width && w(N.get(), "x"), o.height && w(L.get(), "y");
|
|
1028
1066
|
}, [o]), se(N, "change", (M) => {
|
|
1029
1067
|
w(M, "x");
|
|
1030
1068
|
}), se(L, "change", (M) => {
|
|
1031
1069
|
w(M, "y");
|
|
1032
1070
|
});
|
|
1033
|
-
const [
|
|
1071
|
+
const [B, b] = S(!1);
|
|
1034
1072
|
fe(() => {
|
|
1035
|
-
|
|
1073
|
+
B || !c.current || !h.current || !l || (l({
|
|
1036
1074
|
scrollProgress: 0,
|
|
1037
1075
|
scroll: 0,
|
|
1038
|
-
scrollTotal: t == "vertical" ?
|
|
1076
|
+
scrollTotal: t == "vertical" ? h.current.height : h.current.width,
|
|
1039
1077
|
scrollVisible: t == "vertical" ? c.current.height : c.current.width
|
|
1040
1078
|
}), b(!0));
|
|
1041
|
-
}, [c,
|
|
1042
|
-
const [I, R] = S(!1),
|
|
1079
|
+
}, [c, h, l]), h.current = y(), c.current = v();
|
|
1080
|
+
const [I, R] = S(!1), P = _e({
|
|
1043
1081
|
isDragging: I,
|
|
1044
1082
|
children: e,
|
|
1045
1083
|
className: n,
|
|
1046
1084
|
onScroll: l,
|
|
1047
1085
|
orientation: t,
|
|
1048
1086
|
scrollSize: r,
|
|
1049
|
-
draggable:
|
|
1087
|
+
draggable: s,
|
|
1050
1088
|
throttleDuration: i
|
|
1051
|
-
}), [W, k] = S(0), [m,
|
|
1052
|
-
if (!
|
|
1053
|
-
const X =
|
|
1089
|
+
}), [W, k] = S(0), [m, C] = S(0), q = (M) => {
|
|
1090
|
+
if (!s) return;
|
|
1091
|
+
const X = a.current;
|
|
1054
1092
|
if (!X || W == null) return;
|
|
1055
1093
|
const J = (M.pageX - X.offsetLeft - W) * 1.5;
|
|
1056
1094
|
X.scrollLeft = m - J;
|
|
1057
1095
|
}, K = (M) => {
|
|
1058
|
-
const X =
|
|
1059
|
-
X && (R(!0), k(M.pageX - X.offsetLeft),
|
|
1096
|
+
const X = a.current;
|
|
1097
|
+
X && (R(!0), k(M.pageX - X.offsetLeft), C(X.scrollLeft));
|
|
1060
1098
|
}, Z = (M) => {
|
|
1061
1099
|
I && (M.preventDefault(), q(M));
|
|
1062
1100
|
}, H = () => {
|
|
@@ -1066,13 +1104,13 @@ const Se = (e) => {
|
|
|
1066
1104
|
}, g = (M) => {
|
|
1067
1105
|
M.preventDefault();
|
|
1068
1106
|
}, x = V(null);
|
|
1069
|
-
return
|
|
1107
|
+
return D(() => () => {
|
|
1070
1108
|
x.current && clearTimeout(x.current);
|
|
1071
1109
|
}, []), /* @__PURE__ */ U(
|
|
1072
1110
|
"div",
|
|
1073
1111
|
{
|
|
1074
|
-
className:
|
|
1075
|
-
ref:
|
|
1112
|
+
className: P.customScroll,
|
|
1113
|
+
ref: a,
|
|
1076
1114
|
onMouseDown: K,
|
|
1077
1115
|
onMouseMove: Z,
|
|
1078
1116
|
onMouseUp: H,
|
|
@@ -1087,28 +1125,28 @@ const Se = (e) => {
|
|
|
1087
1125
|
/* @__PURE__ */ u(
|
|
1088
1126
|
"div",
|
|
1089
1127
|
{
|
|
1090
|
-
ref:
|
|
1091
|
-
style: t === "vertical" ? { height: ((
|
|
1092
|
-
className:
|
|
1128
|
+
ref: f,
|
|
1129
|
+
style: t === "vertical" ? { height: (($ = c == null ? void 0 : c.current) == null ? void 0 : $.height) ?? "100%" } : { width: ((F = c == null ? void 0 : c.current) == null ? void 0 : F.width) ?? "100%" },
|
|
1130
|
+
className: P.track,
|
|
1093
1131
|
children: e
|
|
1094
1132
|
}
|
|
1095
1133
|
),
|
|
1096
|
-
c.current &&
|
|
1097
|
-
t === "vertical" &&
|
|
1134
|
+
c.current && h.current && /* @__PURE__ */ U(re, { children: [
|
|
1135
|
+
t === "vertical" && h.current.height > c.current.height && /* @__PURE__ */ u(
|
|
1098
1136
|
j.div,
|
|
1099
1137
|
{
|
|
1100
1138
|
className: "flex-none",
|
|
1101
1139
|
style: {
|
|
1102
|
-
height:
|
|
1140
|
+
height: h.current.height - c.current.height
|
|
1103
1141
|
}
|
|
1104
1142
|
}
|
|
1105
1143
|
),
|
|
1106
|
-
t === "horizontal" &&
|
|
1144
|
+
t === "horizontal" && h.current.width > c.current.width && /* @__PURE__ */ u(
|
|
1107
1145
|
j.div,
|
|
1108
1146
|
{
|
|
1109
1147
|
className: "flex-none",
|
|
1110
1148
|
style: {
|
|
1111
|
-
width:
|
|
1149
|
+
width: h.current.width - c.current.width
|
|
1112
1150
|
}
|
|
1113
1151
|
}
|
|
1114
1152
|
)
|
|
@@ -1123,33 +1161,33 @@ const Se = (e) => {
|
|
|
1123
1161
|
throttleDuration: l = 25,
|
|
1124
1162
|
...n
|
|
1125
1163
|
}) => {
|
|
1126
|
-
const [
|
|
1127
|
-
|
|
1164
|
+
const [s, i] = S(null), a = me((s == null ? void 0 : s.scrollProgress) ?? 0), f = oe(
|
|
1165
|
+
a,
|
|
1128
1166
|
[0, 1],
|
|
1129
|
-
[0, 1 - ((
|
|
1167
|
+
[0, 1 - ((s == null ? void 0 : s.scrollVisible) ?? 0) / ((s == null ? void 0 : s.scrollTotal) ?? 0)]
|
|
1130
1168
|
), o = oe(
|
|
1131
|
-
|
|
1169
|
+
f,
|
|
1132
1170
|
(c) => `${-c * 100}%`
|
|
1133
|
-
),
|
|
1134
|
-
|
|
1135
|
-
},
|
|
1171
|
+
), p = (c) => {
|
|
1172
|
+
a.set(c.scrollProgress), c.scrollTotal > 0 && i(c);
|
|
1173
|
+
}, h = V(null);
|
|
1136
1174
|
return se(o, "change", (c) => {
|
|
1137
|
-
const
|
|
1138
|
-
if (
|
|
1139
|
-
const v =
|
|
1175
|
+
const y = performance.now();
|
|
1176
|
+
if (h.current !== null) {
|
|
1177
|
+
const v = y - h.current;
|
|
1140
1178
|
console.log(`Delta temps : ${v} ms`);
|
|
1141
1179
|
}
|
|
1142
|
-
|
|
1180
|
+
h.current = y, console.log(c);
|
|
1143
1181
|
}), /* @__PURE__ */ u(
|
|
1144
1182
|
he,
|
|
1145
1183
|
{
|
|
1146
|
-
onScroll:
|
|
1184
|
+
onScroll: p,
|
|
1147
1185
|
throttleDuration: l,
|
|
1148
1186
|
...n,
|
|
1149
1187
|
children: /* @__PURE__ */ u(
|
|
1150
1188
|
j.div,
|
|
1151
1189
|
{
|
|
1152
|
-
className:
|
|
1190
|
+
className: d("transition-transform ease-out", {
|
|
1153
1191
|
"w-fit h-full": r === "horizontal",
|
|
1154
1192
|
"h-fit w-full": r === "vertical"
|
|
1155
1193
|
}),
|
|
@@ -1162,32 +1200,32 @@ const Se = (e) => {
|
|
|
1162
1200
|
)
|
|
1163
1201
|
}
|
|
1164
1202
|
);
|
|
1165
|
-
},
|
|
1203
|
+
}, Ye = ({
|
|
1166
1204
|
targetRef: e,
|
|
1167
1205
|
children: t
|
|
1168
1206
|
}) => {
|
|
1169
|
-
const [r, l] = S(null), n = V(null),
|
|
1207
|
+
const [r, l] = S(null), n = V(null), s = () => {
|
|
1170
1208
|
const i = e.current;
|
|
1171
1209
|
if (!i) return;
|
|
1172
|
-
const
|
|
1210
|
+
const a = i.getBoundingClientRect();
|
|
1173
1211
|
l({
|
|
1174
1212
|
position: "fixed",
|
|
1175
|
-
top:
|
|
1176
|
-
left:
|
|
1177
|
-
width:
|
|
1178
|
-
height:
|
|
1213
|
+
top: a.top,
|
|
1214
|
+
left: a.left,
|
|
1215
|
+
width: a.width,
|
|
1216
|
+
height: a.height,
|
|
1179
1217
|
pointerEvents: "none",
|
|
1180
1218
|
// si le wrapper ne doit pas capter les events
|
|
1181
1219
|
zIndex: 999
|
|
1182
1220
|
// personnalise si besoin
|
|
1183
1221
|
});
|
|
1184
1222
|
};
|
|
1185
|
-
return
|
|
1223
|
+
return D(() => {
|
|
1186
1224
|
const i = e.current;
|
|
1187
1225
|
if (i)
|
|
1188
|
-
return
|
|
1189
|
-
var
|
|
1190
|
-
window.removeEventListener("scroll",
|
|
1226
|
+
return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), n.current = new ResizeObserver(s), n.current.observe(i), () => {
|
|
1227
|
+
var a;
|
|
1228
|
+
window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s), (a = n.current) == null || a.disconnect();
|
|
1191
1229
|
};
|
|
1192
1230
|
}, [e]), r ? Ie(/* @__PURE__ */ u("div", { style: r, children: t }), document.body) : null;
|
|
1193
1231
|
}, Ze = ({
|
|
@@ -1196,15 +1234,15 @@ const Se = (e) => {
|
|
|
1196
1234
|
icon: r,
|
|
1197
1235
|
href: l,
|
|
1198
1236
|
label: n,
|
|
1199
|
-
disableTextMargins:
|
|
1237
|
+
disableTextMargins: s,
|
|
1200
1238
|
className: i,
|
|
1201
|
-
iconPosition:
|
|
1202
|
-
loading:
|
|
1239
|
+
iconPosition: a = "left",
|
|
1240
|
+
loading: f = !1,
|
|
1203
1241
|
shape: o = "rounded",
|
|
1204
|
-
onClick:
|
|
1205
|
-
onToggle:
|
|
1242
|
+
onClick: p,
|
|
1243
|
+
onToggle: h,
|
|
1206
1244
|
activated: c,
|
|
1207
|
-
ref:
|
|
1245
|
+
ref: y,
|
|
1208
1246
|
size: v = "medium",
|
|
1209
1247
|
allowShapeTransformation: L = !0,
|
|
1210
1248
|
transition: N,
|
|
@@ -1215,39 +1253,39 @@ const Se = (e) => {
|
|
|
1215
1253
|
throw new Error(
|
|
1216
1254
|
"Button component requires either a label prop or children content"
|
|
1217
1255
|
);
|
|
1218
|
-
const
|
|
1219
|
-
|
|
1220
|
-
|
|
1256
|
+
const B = l ? "a" : "button", b = V(null), I = y || b, [R, P] = Y.useState(c);
|
|
1257
|
+
D(() => {
|
|
1258
|
+
P(c);
|
|
1221
1259
|
}, [c]), N = { duration: 0.3, ...N };
|
|
1222
1260
|
let W;
|
|
1223
|
-
|
|
1224
|
-
t &&
|
|
1261
|
+
h ? h && (W = (C) => {
|
|
1262
|
+
t && C.preventDefault();
|
|
1225
1263
|
const q = !R;
|
|
1226
|
-
|
|
1227
|
-
}) : W = (
|
|
1228
|
-
t &&
|
|
1264
|
+
P(q), h(q);
|
|
1265
|
+
}) : W = (C) => {
|
|
1266
|
+
t && C.preventDefault(), p && p(C);
|
|
1229
1267
|
};
|
|
1230
|
-
const k =
|
|
1268
|
+
const k = Ce({
|
|
1231
1269
|
allowShapeTransformation: L,
|
|
1232
1270
|
size: v,
|
|
1233
|
-
disableTextMargins:
|
|
1271
|
+
disableTextMargins: s,
|
|
1234
1272
|
shape: o,
|
|
1235
1273
|
href: l,
|
|
1236
1274
|
disabled: t,
|
|
1237
1275
|
icon: r,
|
|
1238
|
-
iconPosition:
|
|
1239
|
-
loading:
|
|
1276
|
+
iconPosition: a,
|
|
1277
|
+
loading: f,
|
|
1240
1278
|
variant: e,
|
|
1241
1279
|
transition: N,
|
|
1242
1280
|
className: i,
|
|
1243
1281
|
isActive: R ?? !1,
|
|
1244
|
-
onToggle:
|
|
1282
|
+
onToggle: h,
|
|
1245
1283
|
activated: R,
|
|
1246
1284
|
label: n,
|
|
1247
1285
|
children: n
|
|
1248
1286
|
}), m = r ? /* @__PURE__ */ u(Q, { icon: r, className: k.icon }) : /* @__PURE__ */ u(re, {});
|
|
1249
1287
|
return /* @__PURE__ */ U(
|
|
1250
|
-
|
|
1288
|
+
B,
|
|
1251
1289
|
{
|
|
1252
1290
|
ref: I,
|
|
1253
1291
|
href: l,
|
|
@@ -1255,7 +1293,7 @@ const Se = (e) => {
|
|
|
1255
1293
|
...w,
|
|
1256
1294
|
onClick: W,
|
|
1257
1295
|
disabled: t,
|
|
1258
|
-
"aria-pressed":
|
|
1296
|
+
"aria-pressed": h ? R : void 0,
|
|
1259
1297
|
style: { transition: N.duration + "s" },
|
|
1260
1298
|
children: [
|
|
1261
1299
|
/* @__PURE__ */ u("div", { className: k.touchTarget }),
|
|
@@ -1267,14 +1305,14 @@ const Se = (e) => {
|
|
|
1267
1305
|
children: !t && /* @__PURE__ */ u(
|
|
1268
1306
|
ne,
|
|
1269
1307
|
{
|
|
1270
|
-
colorName: e === "filled" &&
|
|
1308
|
+
colorName: e === "filled" && h && "on-surface-variant" || e === "filled" && !h && "on-primary" || e === "elevated" && "primary" || e === "tonal" && "on-secondary-container" || e === "outlined" && "primary" || e === "text" && "primary" || "",
|
|
1271
1309
|
triggerRef: I
|
|
1272
1310
|
}
|
|
1273
1311
|
)
|
|
1274
1312
|
}
|
|
1275
1313
|
),
|
|
1276
|
-
|
|
1277
|
-
|
|
1314
|
+
a === "left" && m,
|
|
1315
|
+
f && /* @__PURE__ */ u(
|
|
1278
1316
|
"div",
|
|
1279
1317
|
{
|
|
1280
1318
|
className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
|
|
@@ -1283,7 +1321,7 @@ const Se = (e) => {
|
|
|
1283
1321
|
{
|
|
1284
1322
|
className: () => ({
|
|
1285
1323
|
progressIndicator: "h-6 w-6",
|
|
1286
|
-
activeIndicator:
|
|
1324
|
+
activeIndicator: d(
|
|
1287
1325
|
{
|
|
1288
1326
|
"!stroke-primary": e === "elevated" && !t,
|
|
1289
1327
|
"!stroke-on-surface/[38%]": e === "elevated" && t
|
|
@@ -1312,7 +1350,7 @@ const Se = (e) => {
|
|
|
1312
1350
|
}
|
|
1313
1351
|
),
|
|
1314
1352
|
/* @__PURE__ */ u("span", { className: k.label, children: n }),
|
|
1315
|
-
|
|
1353
|
+
a === "right" && m
|
|
1316
1354
|
]
|
|
1317
1355
|
}
|
|
1318
1356
|
);
|
|
@@ -1322,25 +1360,25 @@ const Se = (e) => {
|
|
|
1322
1360
|
children: r,
|
|
1323
1361
|
isInteractive: l = !1,
|
|
1324
1362
|
ref: n,
|
|
1325
|
-
...
|
|
1363
|
+
...s
|
|
1326
1364
|
}) => {
|
|
1327
|
-
const i =
|
|
1328
|
-
return /* @__PURE__ */ U("div", { ...
|
|
1329
|
-
/* @__PURE__ */ u("div", { className: i.stateLayer, children: l && /* @__PURE__ */ u(ne, { colorName: "on-surface", triggerRef:
|
|
1365
|
+
const i = Be({ className: t, isInteractive: l, variant: e, children: r }), a = V(null), f = n || a;
|
|
1366
|
+
return /* @__PURE__ */ U("div", { ...s, ref: f, className: i.card, children: [
|
|
1367
|
+
/* @__PURE__ */ u("div", { className: i.stateLayer, children: l && /* @__PURE__ */ u(ne, { colorName: "on-surface", triggerRef: f }) }),
|
|
1330
1368
|
r
|
|
1331
1369
|
] });
|
|
1332
1370
|
}, Je = (e, t, r = [0, 1]) => {
|
|
1333
|
-
const [l, n] = t, [
|
|
1334
|
-
return
|
|
1371
|
+
const [l, n] = t, [s, i] = r, f = (Math.max(l, Math.min(e, n)) - l) / (n - l);
|
|
1372
|
+
return s + f * (i - s);
|
|
1335
1373
|
}, Qe = ({
|
|
1336
1374
|
className: e,
|
|
1337
1375
|
children: t,
|
|
1338
1376
|
width: r = 1,
|
|
1339
1377
|
index: l = 0,
|
|
1340
1378
|
ref: n,
|
|
1341
|
-
...
|
|
1379
|
+
...s
|
|
1342
1380
|
}) => {
|
|
1343
|
-
const i = V(null),
|
|
1381
|
+
const i = V(null), a = n || i, f = We({
|
|
1344
1382
|
className: e,
|
|
1345
1383
|
index: l,
|
|
1346
1384
|
width: r,
|
|
@@ -1349,14 +1387,14 @@ const Se = (e) => {
|
|
|
1349
1387
|
return /* @__PURE__ */ u(
|
|
1350
1388
|
j.div,
|
|
1351
1389
|
{
|
|
1352
|
-
ref:
|
|
1390
|
+
ref: a,
|
|
1353
1391
|
animate: { width: r + "px" },
|
|
1354
1392
|
transition: {
|
|
1355
1393
|
duration: 0.5,
|
|
1356
1394
|
ease: "linear"
|
|
1357
1395
|
},
|
|
1358
|
-
className:
|
|
1359
|
-
...
|
|
1396
|
+
className: f.carouselItem,
|
|
1397
|
+
...s,
|
|
1360
1398
|
children: t
|
|
1361
1399
|
}
|
|
1362
1400
|
);
|
|
@@ -1366,31 +1404,31 @@ const Se = (e) => {
|
|
|
1366
1404
|
children: r,
|
|
1367
1405
|
ref: l,
|
|
1368
1406
|
marginPourcent: n = 0,
|
|
1369
|
-
inputRange:
|
|
1407
|
+
inputRange: s = [0.21, 0.65],
|
|
1370
1408
|
outputRange: i = [42, 300],
|
|
1371
|
-
gap:
|
|
1372
|
-
onChange:
|
|
1409
|
+
gap: a = 8,
|
|
1410
|
+
onChange: f,
|
|
1373
1411
|
scrollSensitivity: o = 1.25,
|
|
1374
|
-
...
|
|
1412
|
+
...p
|
|
1375
1413
|
}) => {
|
|
1376
1414
|
var H, A;
|
|
1377
|
-
const
|
|
1415
|
+
const h = V(null), c = l || h, y = $e({
|
|
1378
1416
|
className: t,
|
|
1379
1417
|
children: r,
|
|
1380
1418
|
variant: e,
|
|
1381
|
-
inputRange:
|
|
1419
|
+
inputRange: s,
|
|
1382
1420
|
outputRange: i,
|
|
1383
1421
|
marginPourcent: n,
|
|
1384
|
-
onChange:
|
|
1385
|
-
gap:
|
|
1422
|
+
onChange: f,
|
|
1423
|
+
gap: a,
|
|
1386
1424
|
scrollSensitivity: o
|
|
1387
|
-
}), v =
|
|
1388
|
-
(g) =>
|
|
1389
|
-
), L = V(null), [N, E] = S([]), [w,
|
|
1425
|
+
}), v = Y.Children.toArray(r).filter(
|
|
1426
|
+
(g) => Y.isValidElement(g) && g.type === Qe
|
|
1427
|
+
), L = V(null), [N, E] = S([]), [w, B] = S(null), b = () => {
|
|
1390
1428
|
var X;
|
|
1391
1429
|
if (!L.current || !c.current || !w) return [];
|
|
1392
1430
|
const { scrollVisible: g, scrollProgress: x } = w;
|
|
1393
|
-
function
|
|
1431
|
+
function $(O, J) {
|
|
1394
1432
|
return O.map(
|
|
1395
1433
|
(T) => (T - J) / Math.abs(O[1] - O[0])
|
|
1396
1434
|
);
|
|
@@ -1400,20 +1438,20 @@ const Se = (e) => {
|
|
|
1400
1438
|
let te = J / (v.length - 1);
|
|
1401
1439
|
return te > 1 && (te = 1), te < 0 && (te = 0), te;
|
|
1402
1440
|
});
|
|
1403
|
-
F =
|
|
1404
|
-
let M = ((((X = c.current) == null ? void 0 : X.clientWidth) ?? g) - (i[0] +
|
|
1441
|
+
F = $(F, x);
|
|
1442
|
+
let M = ((((X = c.current) == null ? void 0 : X.clientWidth) ?? g) - (i[0] + a)) / (i[1] + a);
|
|
1405
1443
|
return F.map((O, J) => ({ value: Math.abs(O), originalIndex: J })).sort((O, J) => O.value - J.value).forEach((O, J) => {
|
|
1406
|
-
J === 0 &&
|
|
1444
|
+
J === 0 && P(O.originalIndex);
|
|
1407
1445
|
let T = Je(M, [0, 1], [0, i[1]]);
|
|
1408
1446
|
T < i[0] && (T = i[0]), M--, F[O.originalIndex] = T;
|
|
1409
1447
|
}), F;
|
|
1410
|
-
}, I = V([]).current, [R,
|
|
1411
|
-
|
|
1412
|
-
|
|
1448
|
+
}, I = V([]).current, [R, P] = S(0);
|
|
1449
|
+
D(() => {
|
|
1450
|
+
f && f(R);
|
|
1413
1451
|
}, [R]), I.length !== v.length && v.forEach((g, x) => {
|
|
1414
|
-
I[x] || (I[x] =
|
|
1452
|
+
I[x] || (I[x] = Y.createRef());
|
|
1415
1453
|
});
|
|
1416
|
-
const W = v.map((g, x) =>
|
|
1454
|
+
const W = v.map((g, x) => Y.cloneElement(
|
|
1417
1455
|
g,
|
|
1418
1456
|
{
|
|
1419
1457
|
width: N[x],
|
|
@@ -1428,13 +1466,13 @@ const Se = (e) => {
|
|
|
1428
1466
|
0,
|
|
1429
1467
|
1 - (((H = c.current) == null ? void 0 : H.clientWidth) ?? 0) / (((A = L == null ? void 0 : L.current) == null ? void 0 : A.clientWidth) ?? 0)
|
|
1430
1468
|
]
|
|
1431
|
-
),
|
|
1469
|
+
), C = oe(
|
|
1432
1470
|
m,
|
|
1433
1471
|
(g) => `${-g * 100}%`
|
|
1434
1472
|
), q = (g) => {
|
|
1435
|
-
g.scrollTotal > 0 &&
|
|
1473
|
+
g.scrollTotal > 0 && B(g);
|
|
1436
1474
|
};
|
|
1437
|
-
|
|
1475
|
+
D(() => {
|
|
1438
1476
|
const g = b();
|
|
1439
1477
|
E(g);
|
|
1440
1478
|
}, [w]);
|
|
@@ -1442,9 +1480,9 @@ const Se = (e) => {
|
|
|
1442
1480
|
return fe(() => {
|
|
1443
1481
|
let g = i[1];
|
|
1444
1482
|
w && g > w.scrollVisible && (g = w.scrollVisible);
|
|
1445
|
-
const x = (g +
|
|
1483
|
+
const x = (g + a) * W.length / o;
|
|
1446
1484
|
Z(x);
|
|
1447
|
-
}, [c, I, w]), /* @__PURE__ */ u("div", { className:
|
|
1485
|
+
}, [c, I, w]), /* @__PURE__ */ u("div", { className: y.carousel, ref: c, ...p, children: /* @__PURE__ */ u(
|
|
1448
1486
|
he,
|
|
1449
1487
|
{
|
|
1450
1488
|
draggable: !0,
|
|
@@ -1454,13 +1492,13 @@ const Se = (e) => {
|
|
|
1454
1492
|
children: /* @__PURE__ */ u(
|
|
1455
1493
|
j.div,
|
|
1456
1494
|
{
|
|
1457
|
-
className:
|
|
1495
|
+
className: y.track,
|
|
1458
1496
|
ref: L,
|
|
1459
1497
|
style: {
|
|
1460
1498
|
transitionDuration: "0.5s",
|
|
1461
1499
|
transitionTimingFunction: "ease-out",
|
|
1462
|
-
gap: `${
|
|
1463
|
-
x:
|
|
1500
|
+
gap: `${a}px`,
|
|
1501
|
+
x: C
|
|
1464
1502
|
},
|
|
1465
1503
|
children: W
|
|
1466
1504
|
}
|
|
@@ -1472,13 +1510,13 @@ const Se = (e) => {
|
|
|
1472
1510
|
className: t,
|
|
1473
1511
|
...r
|
|
1474
1512
|
}) => {
|
|
1475
|
-
const l =
|
|
1513
|
+
const l = De({ orientation: e, className: t });
|
|
1476
1514
|
return /* @__PURE__ */ u("hr", { className: l.divider, ...r });
|
|
1477
|
-
},
|
|
1515
|
+
}, _ = [];
|
|
1478
1516
|
for (let e = 0; e < 256; ++e)
|
|
1479
|
-
|
|
1517
|
+
_.push((e + 256).toString(16).slice(1));
|
|
1480
1518
|
function Ae(e, t = 0) {
|
|
1481
|
-
return (
|
|
1519
|
+
return (_[e[t + 0]] + _[e[t + 1]] + _[e[t + 2]] + _[e[t + 3]] + "-" + _[e[t + 4]] + _[e[t + 5]] + "-" + _[e[t + 6]] + _[e[t + 7]] + "-" + _[e[t + 8]] + _[e[t + 9]] + "-" + _[e[t + 10]] + _[e[t + 11]] + _[e[t + 12]] + _[e[t + 13]] + _[e[t + 14]] + _[e[t + 15]]).toLowerCase();
|
|
1482
1520
|
}
|
|
1483
1521
|
let ae;
|
|
1484
1522
|
const ze = new Uint8Array(16);
|
|
@@ -1507,20 +1545,20 @@ const ye = ({
|
|
|
1507
1545
|
className: r,
|
|
1508
1546
|
children: l,
|
|
1509
1547
|
title: n,
|
|
1510
|
-
text:
|
|
1548
|
+
text: s,
|
|
1511
1549
|
position: i,
|
|
1512
|
-
targetRef:
|
|
1513
|
-
ref:
|
|
1550
|
+
targetRef: a,
|
|
1551
|
+
ref: f,
|
|
1514
1552
|
trigger: o = ["hover", "focus"],
|
|
1515
|
-
...
|
|
1553
|
+
...p
|
|
1516
1554
|
}) => {
|
|
1517
|
-
if (!l && !
|
|
1555
|
+
if (!l && !a)
|
|
1518
1556
|
throw new Error("ToolTip must have a child or a targetRef");
|
|
1519
1557
|
Array.isArray(o) || (o = [o]), t && !Array.isArray(t) && (t = [t]);
|
|
1520
|
-
const
|
|
1521
|
-
|
|
1522
|
-
const m = (
|
|
1523
|
-
v(
|
|
1558
|
+
const h = V(null), c = a || h, [y, v] = S(null), [L] = S(ce()), [N, E] = S(!1), w = V(null);
|
|
1559
|
+
D(() => {
|
|
1560
|
+
const m = (C) => {
|
|
1561
|
+
v(C.detail);
|
|
1524
1562
|
};
|
|
1525
1563
|
return document.addEventListener("tooltip-update", m), () => {
|
|
1526
1564
|
document.removeEventListener(
|
|
@@ -1528,12 +1566,12 @@ const ye = ({
|
|
|
1528
1566
|
m
|
|
1529
1567
|
);
|
|
1530
1568
|
};
|
|
1531
|
-
}, []),
|
|
1532
|
-
w.current && clearTimeout(w.current),
|
|
1569
|
+
}, []), D(() => {
|
|
1570
|
+
w.current && clearTimeout(w.current), y ? E(y === L) : w.current = setTimeout(() => {
|
|
1533
1571
|
E(!1);
|
|
1534
1572
|
}, 1200);
|
|
1535
|
-
}, [
|
|
1536
|
-
const
|
|
1573
|
+
}, [y, L]);
|
|
1574
|
+
const B = () => {
|
|
1537
1575
|
if (o.includes("hover")) {
|
|
1538
1576
|
const m = new CustomEvent("tooltip-update", { detail: L });
|
|
1539
1577
|
document.dispatchEvent(m);
|
|
@@ -1555,23 +1593,23 @@ const ye = ({
|
|
|
1555
1593
|
const m = new CustomEvent("tooltip-update", { detail: L });
|
|
1556
1594
|
document.dispatchEvent(m);
|
|
1557
1595
|
}
|
|
1558
|
-
},
|
|
1596
|
+
}, P = () => {
|
|
1559
1597
|
if (o.includes("focus")) {
|
|
1560
1598
|
const m = new CustomEvent("tooltip-update", { detail: null });
|
|
1561
1599
|
document.dispatchEvent(m);
|
|
1562
1600
|
}
|
|
1563
1601
|
};
|
|
1564
|
-
|
|
1602
|
+
D(() => {
|
|
1565
1603
|
if (c != null && c.current) {
|
|
1566
1604
|
const m = c.current;
|
|
1567
|
-
return m.addEventListener("mouseenter",
|
|
1568
|
-
m.removeEventListener("mouseenter",
|
|
1605
|
+
return m.addEventListener("mouseenter", B), m.addEventListener("mouseleave", b), m.addEventListener("click", I), m.addEventListener("focus", R), m.addEventListener("blur", P), () => {
|
|
1606
|
+
m.removeEventListener("mouseenter", B), m.removeEventListener("mouseleave", b), m.removeEventListener("click", I), m.removeEventListener("focus", R), m.removeEventListener("blur", P);
|
|
1569
1607
|
};
|
|
1570
1608
|
}
|
|
1571
1609
|
}, [c, o, L, N]);
|
|
1572
|
-
const W = !
|
|
1610
|
+
const W = !a && ee(l) ? le(l, { ref: h }) : l;
|
|
1573
1611
|
if (!i && typeof window < "u" && c != null && c.current && !i) {
|
|
1574
|
-
const m = c.current.getBoundingClientRect(),
|
|
1612
|
+
const m = c.current.getBoundingClientRect(), C = window.innerWidth, q = window.innerHeight, K = m.left / C, Z = m.top / q;
|
|
1575
1613
|
e === "plain" ? K < 1 / 3 ? i = "right" : K > 2 / 3 ? i = "left" : i = Z > 0.5 ? "top" : "bottom" : K < 1 / 2 && Z < 1 / 2 ? i = "bottom-right" : K > 1 / 2 && Z < 1 / 2 ? i = "bottom-left" : K > 1 / 2 && Z > 1 / 2 ? i = "top-left" : K < 1 / 2 && Z > 1 / 2 && (i = "top-right");
|
|
1576
1614
|
}
|
|
1577
1615
|
const k = Ke({
|
|
@@ -1579,24 +1617,24 @@ const ye = ({
|
|
|
1579
1617
|
buttons: t,
|
|
1580
1618
|
className: r,
|
|
1581
1619
|
title: n,
|
|
1582
|
-
text:
|
|
1620
|
+
text: s,
|
|
1583
1621
|
position: i,
|
|
1584
1622
|
trigger: o,
|
|
1585
|
-
targetRef:
|
|
1623
|
+
targetRef: a,
|
|
1586
1624
|
children: l
|
|
1587
1625
|
});
|
|
1588
1626
|
return /* @__PURE__ */ U(re, { children: [
|
|
1589
1627
|
W,
|
|
1590
|
-
/* @__PURE__ */ u(z, { children: N && /* @__PURE__ */ u(
|
|
1628
|
+
/* @__PURE__ */ u(z, { children: N && /* @__PURE__ */ u(Ye, { targetRef: c, children: /* @__PURE__ */ u(
|
|
1591
1629
|
j.div,
|
|
1592
1630
|
{
|
|
1593
|
-
initial: { opacity:
|
|
1631
|
+
initial: { opacity: y ? 1 : 0 },
|
|
1594
1632
|
animate: { opacity: 1 },
|
|
1595
|
-
transition: { duration:
|
|
1596
|
-
exit: { opacity:
|
|
1633
|
+
transition: { duration: y ? 0 : 0.3 },
|
|
1634
|
+
exit: { opacity: y ? 1 : 0 },
|
|
1597
1635
|
className: k.toolTip,
|
|
1598
|
-
...
|
|
1599
|
-
onMouseEnter:
|
|
1636
|
+
...p,
|
|
1637
|
+
onMouseEnter: B,
|
|
1600
1638
|
onMouseLeave: b,
|
|
1601
1639
|
children: /* @__PURE__ */ U(
|
|
1602
1640
|
j.div,
|
|
@@ -1610,15 +1648,15 @@ const ye = ({
|
|
|
1610
1648
|
},
|
|
1611
1649
|
children: [
|
|
1612
1650
|
n && /* @__PURE__ */ u("div", { className: k.subHead, children: n }),
|
|
1613
|
-
/* @__PURE__ */ u("div", { className: k.supportingText, children:
|
|
1614
|
-
t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((m,
|
|
1651
|
+
/* @__PURE__ */ u("div", { className: k.supportingText, children: s }),
|
|
1652
|
+
t && /* @__PURE__ */ u("div", { className: k.actions, children: Array.isArray(t) && t.map((m, C) => /* @__PURE__ */ u(
|
|
1615
1653
|
Ze,
|
|
1616
1654
|
{
|
|
1617
1655
|
size: "small",
|
|
1618
1656
|
variant: "text",
|
|
1619
1657
|
...m
|
|
1620
1658
|
},
|
|
1621
|
-
|
|
1659
|
+
C
|
|
1622
1660
|
)) })
|
|
1623
1661
|
]
|
|
1624
1662
|
}
|
|
@@ -1632,22 +1670,22 @@ const ye = ({
|
|
|
1632
1670
|
variant: r = "primary",
|
|
1633
1671
|
size: l = "medium",
|
|
1634
1672
|
href: n,
|
|
1635
|
-
type:
|
|
1673
|
+
type: s,
|
|
1636
1674
|
icon: i,
|
|
1637
|
-
isExtended:
|
|
1638
|
-
ref:
|
|
1675
|
+
isExtended: a = !1,
|
|
1676
|
+
ref: f,
|
|
1639
1677
|
transition: o,
|
|
1640
|
-
children:
|
|
1641
|
-
...
|
|
1678
|
+
children: p,
|
|
1679
|
+
...h
|
|
1642
1680
|
}) => {
|
|
1643
|
-
if (
|
|
1681
|
+
if (p && (t = p), !t)
|
|
1644
1682
|
throw new Error(
|
|
1645
1683
|
"FAB component requires either a label prop or children content"
|
|
1646
1684
|
);
|
|
1647
|
-
const c = n ? "a" : "button",
|
|
1685
|
+
const c = n ? "a" : "button", y = Pe({
|
|
1648
1686
|
href: n,
|
|
1649
1687
|
icon: i,
|
|
1650
|
-
isExtended:
|
|
1688
|
+
isExtended: a,
|
|
1651
1689
|
label: t,
|
|
1652
1690
|
size: l,
|
|
1653
1691
|
variant: r,
|
|
@@ -1656,7 +1694,7 @@ const ye = ({
|
|
|
1656
1694
|
children: t
|
|
1657
1695
|
});
|
|
1658
1696
|
o = { duration: 0.3, ...o };
|
|
1659
|
-
const v = V(null), L =
|
|
1697
|
+
const v = V(null), L = f || v, N = {
|
|
1660
1698
|
visible: {
|
|
1661
1699
|
width: "auto",
|
|
1662
1700
|
marginLeft: 12,
|
|
@@ -1685,24 +1723,24 @@ const ye = ({
|
|
|
1685
1723
|
return /* @__PURE__ */ U(
|
|
1686
1724
|
c,
|
|
1687
1725
|
{
|
|
1688
|
-
...
|
|
1726
|
+
...h,
|
|
1689
1727
|
ref: L,
|
|
1690
1728
|
href: n,
|
|
1691
|
-
"aria-label":
|
|
1692
|
-
className:
|
|
1729
|
+
"aria-label": a ? void 0 : t,
|
|
1730
|
+
className: y.fab,
|
|
1693
1731
|
children: [
|
|
1694
1732
|
/* @__PURE__ */ u(
|
|
1695
1733
|
ye,
|
|
1696
1734
|
{
|
|
1697
|
-
trigger:
|
|
1735
|
+
trigger: a ? null : void 0,
|
|
1698
1736
|
text: t,
|
|
1699
1737
|
targetRef: L
|
|
1700
1738
|
}
|
|
1701
1739
|
),
|
|
1702
|
-
/* @__PURE__ */ u("span", { className:
|
|
1740
|
+
/* @__PURE__ */ u("span", { className: y.stateLayer, children: /* @__PURE__ */ u(
|
|
1703
1741
|
ne,
|
|
1704
1742
|
{
|
|
1705
|
-
colorName:
|
|
1743
|
+
colorName: d({
|
|
1706
1744
|
primary: r == "surface",
|
|
1707
1745
|
"on-primary-container": r == "primary",
|
|
1708
1746
|
"on-secondary-container": r == "secondary",
|
|
@@ -1711,15 +1749,15 @@ const ye = ({
|
|
|
1711
1749
|
triggerRef: L
|
|
1712
1750
|
}
|
|
1713
1751
|
) }),
|
|
1714
|
-
/* @__PURE__ */ u(Q, { icon: i, className:
|
|
1715
|
-
/* @__PURE__ */ u(z, { children:
|
|
1752
|
+
/* @__PURE__ */ u(Q, { icon: i, className: y.icon }),
|
|
1753
|
+
/* @__PURE__ */ u(z, { children: a && /* @__PURE__ */ u(
|
|
1716
1754
|
j.span,
|
|
1717
1755
|
{
|
|
1718
1756
|
variants: N,
|
|
1719
1757
|
initial: "hidden",
|
|
1720
1758
|
animate: "visible",
|
|
1721
1759
|
exit: "hidden",
|
|
1722
|
-
className:
|
|
1760
|
+
className: y.label,
|
|
1723
1761
|
children: t
|
|
1724
1762
|
}
|
|
1725
1763
|
) })
|
|
@@ -1732,64 +1770,64 @@ const ye = ({
|
|
|
1732
1770
|
disabled: r = !1,
|
|
1733
1771
|
type: l = "button",
|
|
1734
1772
|
title: n,
|
|
1735
|
-
label:
|
|
1773
|
+
label: s,
|
|
1736
1774
|
onToggle: i,
|
|
1737
|
-
activated:
|
|
1738
|
-
onClick:
|
|
1775
|
+
activated: a = !1,
|
|
1776
|
+
onClick: f,
|
|
1739
1777
|
icon: o,
|
|
1740
|
-
size:
|
|
1741
|
-
iconSelected:
|
|
1778
|
+
size: p = "medium",
|
|
1779
|
+
iconSelected: h,
|
|
1742
1780
|
className: c,
|
|
1743
|
-
ref:
|
|
1781
|
+
ref: y,
|
|
1744
1782
|
width: v = "default",
|
|
1745
1783
|
shape: L = "rounded",
|
|
1746
1784
|
allowShapeTransformation: N = !0,
|
|
1747
1785
|
transition: E,
|
|
1748
1786
|
children: w,
|
|
1749
|
-
...
|
|
1787
|
+
...B
|
|
1750
1788
|
}) => {
|
|
1751
|
-
if (w && (
|
|
1789
|
+
if (w && (s = w), !s)
|
|
1752
1790
|
throw new Error(
|
|
1753
1791
|
"IconButton component requires either a label prop or children content to provide an accessible aria-label"
|
|
1754
1792
|
);
|
|
1755
|
-
n || (n =
|
|
1756
|
-
const [b, I] =
|
|
1793
|
+
n || (n = s);
|
|
1794
|
+
const [b, I] = Y.useState(a);
|
|
1757
1795
|
let R;
|
|
1758
|
-
i ? i && (R = (
|
|
1759
|
-
r &&
|
|
1760
|
-
}, o = b &&
|
|
1761
|
-
r &&
|
|
1762
|
-
},
|
|
1763
|
-
I(
|
|
1764
|
-
}, [
|
|
1765
|
-
const
|
|
1796
|
+
i ? i && (R = (C) => {
|
|
1797
|
+
r && C.preventDefault(), I(!b), i(!!b);
|
|
1798
|
+
}, o = b && h || o) : R = (C) => {
|
|
1799
|
+
r && C.preventDefault(), f && f(C);
|
|
1800
|
+
}, D(() => {
|
|
1801
|
+
I(a);
|
|
1802
|
+
}, [a]);
|
|
1803
|
+
const P = t ? "a" : "button", W = Ve({
|
|
1766
1804
|
transition: E,
|
|
1767
1805
|
shape: L,
|
|
1768
1806
|
allowShapeTransformation: N,
|
|
1769
1807
|
width: v,
|
|
1770
1808
|
href: t,
|
|
1771
1809
|
activated: b,
|
|
1772
|
-
label:
|
|
1773
|
-
iconSelected:
|
|
1810
|
+
label: s,
|
|
1811
|
+
iconSelected: h,
|
|
1774
1812
|
isActive: b,
|
|
1775
1813
|
onToggle: i,
|
|
1776
1814
|
disabled: r,
|
|
1777
1815
|
icon: o,
|
|
1778
1816
|
variant: e,
|
|
1779
1817
|
className: c,
|
|
1780
|
-
size:
|
|
1781
|
-
children:
|
|
1782
|
-
...
|
|
1783
|
-
}), k = V(null), m =
|
|
1818
|
+
size: p,
|
|
1819
|
+
children: s,
|
|
1820
|
+
...B
|
|
1821
|
+
}), k = V(null), m = y || k;
|
|
1784
1822
|
return E = { duration: 0.3, ...E }, /* @__PURE__ */ U(
|
|
1785
|
-
|
|
1823
|
+
P,
|
|
1786
1824
|
{
|
|
1787
1825
|
disabled: r,
|
|
1788
1826
|
href: t,
|
|
1789
1827
|
style: { transition: E.duration + "s" },
|
|
1790
1828
|
className: W.iconButton,
|
|
1791
|
-
"aria-label":
|
|
1792
|
-
...
|
|
1829
|
+
"aria-label": s,
|
|
1830
|
+
...B,
|
|
1793
1831
|
title: void 0,
|
|
1794
1832
|
onClick: R,
|
|
1795
1833
|
ref: m,
|
|
@@ -1811,7 +1849,7 @@ const ye = ({
|
|
|
1811
1849
|
children: !r && /* @__PURE__ */ u(
|
|
1812
1850
|
ne,
|
|
1813
1851
|
{
|
|
1814
|
-
colorName:
|
|
1852
|
+
colorName: d(
|
|
1815
1853
|
e === "standard" && {
|
|
1816
1854
|
"on-surface-variant": !b,
|
|
1817
1855
|
primary: b
|
|
@@ -1844,9 +1882,9 @@ const ye = ({
|
|
|
1844
1882
|
step: r = 10,
|
|
1845
1883
|
name: l,
|
|
1846
1884
|
value: n = 0,
|
|
1847
|
-
min:
|
|
1885
|
+
min: s = 0,
|
|
1848
1886
|
max: i = 100,
|
|
1849
|
-
marks:
|
|
1887
|
+
marks: a = [
|
|
1850
1888
|
{
|
|
1851
1889
|
value: 0,
|
|
1852
1890
|
label: "0"
|
|
@@ -1856,39 +1894,39 @@ const ye = ({
|
|
|
1856
1894
|
label: "100"
|
|
1857
1895
|
}
|
|
1858
1896
|
],
|
|
1859
|
-
ref:
|
|
1897
|
+
ref: f,
|
|
1860
1898
|
onChange: o,
|
|
1861
|
-
...
|
|
1899
|
+
...p
|
|
1862
1900
|
}) => {
|
|
1863
|
-
const
|
|
1864
|
-
const x =
|
|
1865
|
-
return g === 1 / 0 ? 100 : g === -1 / 0 ? 0 : (g - x) / (
|
|
1866
|
-
}, c = (g = !1) => g ? i : i == 1 / 0 ?
|
|
1867
|
-
const x =
|
|
1901
|
+
const h = (g) => {
|
|
1902
|
+
const x = y(), $ = c();
|
|
1903
|
+
return g === 1 / 0 ? 100 : g === -1 / 0 ? 0 : (g - x) / ($ - x) * 100;
|
|
1904
|
+
}, c = (g = !1) => g ? i : i == 1 / 0 ? a[(a == null ? void 0 : a.length) - 1].value : i, y = (g = !1) => g ? s : s == -1 / 0 ? a[0].value : s, v = (g) => {
|
|
1905
|
+
const x = y(!1);
|
|
1868
1906
|
return (c(!1) - x) * g / 100 + x;
|
|
1869
|
-
}, [L, N] = S(!1), E = V(null), w =
|
|
1907
|
+
}, [L, N] = S(!1), E = V(null), w = f || E, [B, b] = S(n), [I, R] = S(h(n)), [P, W] = S(!1), k = (g) => {
|
|
1870
1908
|
W(!0), N(!0), q(g);
|
|
1871
1909
|
}, m = () => {
|
|
1872
1910
|
W(!1), N(!1);
|
|
1873
1911
|
};
|
|
1874
|
-
|
|
1912
|
+
D(() => (P ? (window.addEventListener("mouseup", m), window.addEventListener("mousemove", q), window.addEventListener("touchend", m), window.addEventListener("touchmove", q)) : (window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", q), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", q)), () => {
|
|
1875
1913
|
window.removeEventListener("mouseup", m), window.removeEventListener("mousemove", q), window.removeEventListener("touchend", m), window.removeEventListener("touchmove", q);
|
|
1876
|
-
}), [
|
|
1877
|
-
const
|
|
1914
|
+
}), [P]);
|
|
1915
|
+
const C = je({
|
|
1878
1916
|
className: e,
|
|
1879
1917
|
isChanging: L,
|
|
1880
|
-
marks:
|
|
1918
|
+
marks: a,
|
|
1881
1919
|
max: i,
|
|
1882
|
-
min:
|
|
1920
|
+
min: s,
|
|
1883
1921
|
name: l,
|
|
1884
1922
|
step: r,
|
|
1885
|
-
value:
|
|
1923
|
+
value: B,
|
|
1886
1924
|
valueFormatter: t,
|
|
1887
1925
|
onChange: o
|
|
1888
1926
|
}), q = (g) => {
|
|
1889
1927
|
const x = w == null ? void 0 : w.current;
|
|
1890
1928
|
if (x) {
|
|
1891
|
-
const
|
|
1929
|
+
const $ = x.getBoundingClientRect().left, M = ((g.type === "touchmove" || g.type === "touchstart" ? g.touches[0].clientX : g.clientX) - $) / x.offsetWidth * 100;
|
|
1892
1930
|
K({ pourcent: M });
|
|
1893
1931
|
}
|
|
1894
1932
|
}, K = ({
|
|
@@ -1901,28 +1939,28 @@ const ye = ({
|
|
|
1901
1939
|
return;
|
|
1902
1940
|
}
|
|
1903
1941
|
if (g <= 0) {
|
|
1904
|
-
b(
|
|
1942
|
+
b(y(!0)), R(0);
|
|
1905
1943
|
return;
|
|
1906
1944
|
}
|
|
1907
|
-
x = v(g), x ==
|
|
1945
|
+
x = v(g), x == y() && (x = y(!0)), x == c() && (x = c(!0));
|
|
1908
1946
|
} else if (x != null) {
|
|
1909
1947
|
if (x >= c()) {
|
|
1910
1948
|
b(c(!0)), R(100);
|
|
1911
1949
|
return;
|
|
1912
1950
|
}
|
|
1913
|
-
if (x <=
|
|
1914
|
-
b(
|
|
1951
|
+
if (x <= y()) {
|
|
1952
|
+
b(y(!0)), R(0);
|
|
1915
1953
|
return;
|
|
1916
1954
|
}
|
|
1917
|
-
g =
|
|
1955
|
+
g = h(x);
|
|
1918
1956
|
} else
|
|
1919
1957
|
return;
|
|
1920
|
-
r != null ? x = Math.round((x -
|
|
1921
|
-
let X = F.value === 1 / 0 ? c() : F.value === -1 / 0 ?
|
|
1922
|
-
return X = Math.abs(X - x), O = Math.abs(O - x), X < O ? F :
|
|
1923
|
-
}).value), x >= c() && (x = c(!0)), x <=
|
|
1958
|
+
r != null ? x = Math.round((x - y()) / r) * r + y() : a && (x = a.reduce(($, F, M) => {
|
|
1959
|
+
let X = F.value === 1 / 0 ? c() : F.value === -1 / 0 ? y() : F.value, O = $.value === 1 / 0 ? c() : $.value === -1 / 0 ? y() : $.value;
|
|
1960
|
+
return X = Math.abs(X - x), O = Math.abs(O - x), X < O ? F : $;
|
|
1961
|
+
}).value), x >= c() && (x = c(!0)), x <= y() && (x = y(!0)), g = h(x), b(x), R(g), o && o(x);
|
|
1924
1962
|
}, [Z, H] = S(0);
|
|
1925
|
-
return
|
|
1963
|
+
return D(() => {
|
|
1926
1964
|
const g = () => {
|
|
1927
1965
|
w.current && H(w.current.offsetWidth);
|
|
1928
1966
|
};
|
|
@@ -1937,17 +1975,17 @@ const ye = ({
|
|
|
1937
1975
|
switch (g.key) {
|
|
1938
1976
|
case "ArrowRight":
|
|
1939
1977
|
if (r)
|
|
1940
|
-
K({ value:
|
|
1941
|
-
else if (
|
|
1942
|
-
const x =
|
|
1978
|
+
K({ value: B + r });
|
|
1979
|
+
else if (a) {
|
|
1980
|
+
const x = a.find(($) => $.value > B);
|
|
1943
1981
|
x && K({ value: x.value });
|
|
1944
1982
|
}
|
|
1945
1983
|
break;
|
|
1946
1984
|
case "ArrowLeft":
|
|
1947
1985
|
if (r)
|
|
1948
|
-
K({ value:
|
|
1949
|
-
else if (
|
|
1950
|
-
const x =
|
|
1986
|
+
K({ value: B - r });
|
|
1987
|
+
else if (a) {
|
|
1988
|
+
const x = a.slice(0).reverse().find(($, F, M) => B === 1 / 0 ? F === 1 : $.value < B);
|
|
1951
1989
|
x && K({ value: x.value });
|
|
1952
1990
|
}
|
|
1953
1991
|
break;
|
|
@@ -1956,30 +1994,30 @@ const ye = ({
|
|
|
1956
1994
|
}
|
|
1957
1995
|
},
|
|
1958
1996
|
role: "slider",
|
|
1959
|
-
"aria-valuemin":
|
|
1997
|
+
"aria-valuemin": y(!0),
|
|
1960
1998
|
"aria-valuemax": c(!0),
|
|
1961
|
-
"aria-valuenow":
|
|
1962
|
-
"aria-valuetext":
|
|
1963
|
-
className:
|
|
1999
|
+
"aria-valuenow": B,
|
|
2000
|
+
"aria-valuetext": B.toString(),
|
|
2001
|
+
className: C.slider,
|
|
1964
2002
|
onMouseDown: k,
|
|
1965
2003
|
onClick: q,
|
|
1966
2004
|
ref: w,
|
|
1967
2005
|
onTouchStart: k,
|
|
1968
2006
|
onDragStart: (g) => g.preventDefault(),
|
|
1969
|
-
...
|
|
2007
|
+
...p,
|
|
1970
2008
|
children: [
|
|
1971
|
-
/* @__PURE__ */ u("input", { type: "hidden", name: l, value:
|
|
2009
|
+
/* @__PURE__ */ u("input", { type: "hidden", name: l, value: B }),
|
|
1972
2010
|
/* @__PURE__ */ u(
|
|
1973
2011
|
"div",
|
|
1974
2012
|
{
|
|
1975
|
-
className:
|
|
2013
|
+
className: C.activeTrack,
|
|
1976
2014
|
style: { flex: I / 100 }
|
|
1977
2015
|
}
|
|
1978
2016
|
),
|
|
1979
|
-
/* @__PURE__ */ u("div", { className:
|
|
2017
|
+
/* @__PURE__ */ u("div", { className: C.handle, children: /* @__PURE__ */ u(z, { children: L && /* @__PURE__ */ u(
|
|
1980
2018
|
j.div,
|
|
1981
2019
|
{
|
|
1982
|
-
className:
|
|
2020
|
+
className: C.valueIndicator,
|
|
1983
2021
|
initial: "hidden",
|
|
1984
2022
|
animate: "visible",
|
|
1985
2023
|
exit: "hidden",
|
|
@@ -1993,13 +2031,13 @@ const ye = ({
|
|
|
1993
2031
|
hidden: { opacity: 1, scale: 0 }
|
|
1994
2032
|
},
|
|
1995
2033
|
transition: { duration: 0.1 },
|
|
1996
|
-
children: t ? t(
|
|
2034
|
+
children: t ? t(B) : B
|
|
1997
2035
|
}
|
|
1998
2036
|
) }) }),
|
|
1999
2037
|
/* @__PURE__ */ u(
|
|
2000
2038
|
"div",
|
|
2001
2039
|
{
|
|
2002
|
-
className:
|
|
2040
|
+
className: C.inactiveTrack,
|
|
2003
2041
|
style: { flex: 1 - I / 100 }
|
|
2004
2042
|
}
|
|
2005
2043
|
),
|
|
@@ -2007,18 +2045,18 @@ const ye = ({
|
|
|
2007
2045
|
"div",
|
|
2008
2046
|
{
|
|
2009
2047
|
className: "w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",
|
|
2010
|
-
children:
|
|
2011
|
-
let
|
|
2012
|
-
const F = (L ? 9 : 10) / Z * 100, M =
|
|
2013
|
-
return M <= I - F ?
|
|
2048
|
+
children: a && a.map((g, x) => {
|
|
2049
|
+
let $ = null;
|
|
2050
|
+
const F = (L ? 9 : 10) / Z * 100, M = h(g.value);
|
|
2051
|
+
return M <= I - F ? $ = !0 : M >= I + F && ($ = !1), /* @__PURE__ */ u(
|
|
2014
2052
|
"div",
|
|
2015
2053
|
{
|
|
2016
|
-
className:
|
|
2017
|
-
"bg-primary-container":
|
|
2018
|
-
"bg-primary":
|
|
2054
|
+
className: d(C.dot, {
|
|
2055
|
+
"bg-primary-container": $ != null && $,
|
|
2056
|
+
"bg-primary": $ != null && !$
|
|
2019
2057
|
}),
|
|
2020
2058
|
style: {
|
|
2021
|
-
left: `${
|
|
2059
|
+
left: `${h(g.value)}%`
|
|
2022
2060
|
}
|
|
2023
2061
|
},
|
|
2024
2062
|
x
|
|
@@ -2031,31 +2069,32 @@ const ye = ({
|
|
|
2031
2069
|
);
|
|
2032
2070
|
};
|
|
2033
2071
|
/*!
|
|
2034
|
-
* Font Awesome Free
|
|
2072
|
+
* Font Awesome Free 7.0.0 by @fontawesome - https://fontawesome.com
|
|
2035
2073
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
2036
|
-
* Copyright
|
|
2074
|
+
* Copyright 2025 Fonticons, Inc.
|
|
2037
2075
|
*/
|
|
2038
|
-
|
|
2039
|
-
prefix: "fas",
|
|
2040
|
-
iconName: "bars",
|
|
2041
|
-
icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
|
|
2042
|
-
}, rt = {
|
|
2076
|
+
var tt = {
|
|
2043
2077
|
prefix: "fas",
|
|
2044
2078
|
iconName: "circle-exclamation",
|
|
2045
|
-
icon: [512, 512, ["exclamation-circle"], "f06a", "M256
|
|
2079
|
+
icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm0-376c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM229.3 352a26.7 26.7 0 1 1 53.3 0 26.7 26.7 0 1 1 -53.3 0z"]
|
|
2046
2080
|
}, ge = {
|
|
2047
2081
|
prefix: "fas",
|
|
2048
2082
|
iconName: "xmark",
|
|
2049
|
-
icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "
|
|
2050
|
-
},
|
|
2083
|
+
icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
|
|
2084
|
+
}, rt = {
|
|
2085
|
+
prefix: "fas",
|
|
2086
|
+
iconName: "bars",
|
|
2087
|
+
icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
|
|
2088
|
+
};
|
|
2089
|
+
const bt = ({
|
|
2051
2090
|
message: e,
|
|
2052
2091
|
className: t,
|
|
2053
2092
|
duration: r,
|
|
2054
2093
|
closeIcon: l = ge,
|
|
2055
2094
|
onClose: n,
|
|
2056
|
-
...
|
|
2095
|
+
...s
|
|
2057
2096
|
}) => {
|
|
2058
|
-
const [i,
|
|
2097
|
+
const [i, a] = S(!0), f = Fe({
|
|
2059
2098
|
className: t,
|
|
2060
2099
|
closeIcon: l,
|
|
2061
2100
|
duration: r,
|
|
@@ -2063,13 +2102,13 @@ const tt = {
|
|
|
2063
2102
|
onClose: n,
|
|
2064
2103
|
message: e
|
|
2065
2104
|
});
|
|
2066
|
-
|
|
2105
|
+
D(() => {
|
|
2067
2106
|
r && setTimeout(() => {
|
|
2068
2107
|
o();
|
|
2069
2108
|
}, r);
|
|
2070
2109
|
}, [r]);
|
|
2071
2110
|
const o = () => {
|
|
2072
|
-
|
|
2111
|
+
a(!1), n == null || n();
|
|
2073
2112
|
};
|
|
2074
2113
|
return /* @__PURE__ */ u(z, { children: i && /* @__PURE__ */ u(
|
|
2075
2114
|
j.div,
|
|
@@ -2078,15 +2117,15 @@ const tt = {
|
|
|
2078
2117
|
animate: { height: "auto" },
|
|
2079
2118
|
exit: { height: 0 },
|
|
2080
2119
|
transition: { duration: 0.1 },
|
|
2081
|
-
className:
|
|
2082
|
-
...
|
|
2083
|
-
children: /* @__PURE__ */ U("div", { className:
|
|
2084
|
-
/* @__PURE__ */ u("p", { className:
|
|
2120
|
+
className: f.snackbar,
|
|
2121
|
+
...s,
|
|
2122
|
+
children: /* @__PURE__ */ U("div", { className: f.container, children: [
|
|
2123
|
+
/* @__PURE__ */ u("p", { className: f.supportingText, children: e }),
|
|
2085
2124
|
/* @__PURE__ */ u(
|
|
2086
2125
|
xe,
|
|
2087
2126
|
{
|
|
2088
2127
|
onClick: () => o(),
|
|
2089
|
-
className:
|
|
2128
|
+
className: f.icon,
|
|
2090
2129
|
icon: l,
|
|
2091
2130
|
label: "close the snackbar"
|
|
2092
2131
|
}
|
|
@@ -2100,45 +2139,45 @@ const tt = {
|
|
|
2100
2139
|
activeIcon: r,
|
|
2101
2140
|
disabled: l = !1,
|
|
2102
2141
|
inactiveIcon: n,
|
|
2103
|
-
onChange:
|
|
2142
|
+
onChange: s,
|
|
2104
2143
|
onClick: i,
|
|
2105
|
-
onKeyDown:
|
|
2106
|
-
ref:
|
|
2144
|
+
onKeyDown: a,
|
|
2145
|
+
ref: f,
|
|
2107
2146
|
...o
|
|
2108
2147
|
}) => {
|
|
2109
|
-
const [
|
|
2148
|
+
const [p, h] = S(e), c = (w) => {
|
|
2110
2149
|
l || (v(), i && i(w));
|
|
2111
|
-
},
|
|
2112
|
-
l || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), v()),
|
|
2150
|
+
}, y = (w) => {
|
|
2151
|
+
l || ((w.key === " " || w.key === "Enter") && (w.preventDefault(), v()), a && a(w));
|
|
2113
2152
|
}, v = () => {
|
|
2114
|
-
|
|
2153
|
+
h(!p), s == null || s(!p);
|
|
2115
2154
|
}, L = Xe({
|
|
2116
2155
|
className: t,
|
|
2117
|
-
isSelected:
|
|
2156
|
+
isSelected: p,
|
|
2118
2157
|
activeIcon: r,
|
|
2119
2158
|
inactiveIcon: n,
|
|
2120
2159
|
disabled: l,
|
|
2121
|
-
selected:
|
|
2122
|
-
onChange:
|
|
2123
|
-
}), N = V(null), E =
|
|
2160
|
+
selected: p,
|
|
2161
|
+
onChange: s
|
|
2162
|
+
}), N = V(null), E = f || N;
|
|
2124
2163
|
return /* @__PURE__ */ U(
|
|
2125
2164
|
j.div,
|
|
2126
2165
|
{
|
|
2127
2166
|
role: "switch",
|
|
2128
|
-
"aria-checked":
|
|
2167
|
+
"aria-checked": p,
|
|
2129
2168
|
tabIndex: l ? -1 : 0,
|
|
2130
|
-
onKeyDown:
|
|
2169
|
+
onKeyDown: y,
|
|
2131
2170
|
onClick: c,
|
|
2132
2171
|
ref: E,
|
|
2133
2172
|
className: L.switch,
|
|
2134
2173
|
...o,
|
|
2135
2174
|
children: [
|
|
2136
|
-
/* @__PURE__ */ u("input", { type: "hidden", value:
|
|
2175
|
+
/* @__PURE__ */ u("input", { type: "hidden", value: p ? "1" : "0" }),
|
|
2137
2176
|
/* @__PURE__ */ U(
|
|
2138
2177
|
j.div,
|
|
2139
2178
|
{
|
|
2140
2179
|
layout: !0,
|
|
2141
|
-
style: { translate:
|
|
2180
|
+
style: { translate: p ? "50%" : "-50%" },
|
|
2142
2181
|
transition: {
|
|
2143
2182
|
type: "spring",
|
|
2144
2183
|
stiffness: 700,
|
|
@@ -2146,11 +2185,11 @@ const tt = {
|
|
|
2146
2185
|
},
|
|
2147
2186
|
className: L.handleContainer,
|
|
2148
2187
|
children: [
|
|
2149
|
-
/* @__PURE__ */ u("div", { className: L.handle, children: (
|
|
2188
|
+
/* @__PURE__ */ u("div", { className: L.handle, children: (p ? r : n) && /* @__PURE__ */ u(
|
|
2150
2189
|
Q,
|
|
2151
2190
|
{
|
|
2152
2191
|
className: L.icon,
|
|
2153
|
-
icon:
|
|
2192
|
+
icon: p ? r : n
|
|
2154
2193
|
}
|
|
2155
2194
|
) }),
|
|
2156
2195
|
/* @__PURE__ */ u("div", { className: L.handleStateLayer })
|
|
@@ -2166,47 +2205,47 @@ const tt = {
|
|
|
2166
2205
|
label: r,
|
|
2167
2206
|
variant: l = "primary",
|
|
2168
2207
|
href: n,
|
|
2169
|
-
icon:
|
|
2208
|
+
icon: s,
|
|
2170
2209
|
selectedTab: i,
|
|
2171
|
-
setSelectedTab:
|
|
2172
|
-
tabsId:
|
|
2210
|
+
setSelectedTab: a,
|
|
2211
|
+
tabsId: f,
|
|
2173
2212
|
index: o,
|
|
2174
|
-
onTabSelected:
|
|
2175
|
-
scrollable:
|
|
2213
|
+
onTabSelected: p,
|
|
2214
|
+
scrollable: h = !1,
|
|
2176
2215
|
selected: c = !1,
|
|
2177
|
-
ref:
|
|
2216
|
+
ref: y,
|
|
2178
2217
|
...v
|
|
2179
2218
|
}) => {
|
|
2180
|
-
const L = V(null), N =
|
|
2181
|
-
|
|
2219
|
+
const L = V(null), N = y || L, [E, w] = S(c);
|
|
2220
|
+
D(() => {
|
|
2182
2221
|
c && i == null ? w(!0) : w(i == o && o != null);
|
|
2183
|
-
}, [i]),
|
|
2184
|
-
i == o &&
|
|
2222
|
+
}, [i]), D(() => {
|
|
2223
|
+
i == o && p && p({
|
|
2185
2224
|
ref: N,
|
|
2186
2225
|
index: o || 0,
|
|
2187
2226
|
label: r,
|
|
2188
|
-
icon:
|
|
2227
|
+
icon: s
|
|
2189
2228
|
});
|
|
2190
2229
|
}, [i]);
|
|
2191
|
-
const
|
|
2192
|
-
|
|
2230
|
+
const B = n ? "a" : "button", b = (R) => {
|
|
2231
|
+
a && a(o ?? null), t && t(R);
|
|
2193
2232
|
}, I = Oe({
|
|
2194
2233
|
className: e,
|
|
2195
|
-
onTabSelected:
|
|
2196
|
-
scrollable:
|
|
2234
|
+
onTabSelected: p,
|
|
2235
|
+
scrollable: h,
|
|
2197
2236
|
selectedTab: i,
|
|
2198
2237
|
index: o,
|
|
2199
|
-
tabsId:
|
|
2238
|
+
tabsId: f,
|
|
2200
2239
|
selected: E,
|
|
2201
2240
|
variant: l,
|
|
2202
|
-
icon:
|
|
2241
|
+
icon: s,
|
|
2203
2242
|
label: r,
|
|
2204
2243
|
isSelected: E,
|
|
2205
|
-
setSelectedTab:
|
|
2244
|
+
setSelectedTab: a,
|
|
2206
2245
|
href: n
|
|
2207
2246
|
});
|
|
2208
2247
|
return /* @__PURE__ */ U(
|
|
2209
|
-
|
|
2248
|
+
B,
|
|
2210
2249
|
{
|
|
2211
2250
|
...v,
|
|
2212
2251
|
role: "tab",
|
|
@@ -2225,12 +2264,12 @@ const tt = {
|
|
|
2225
2264
|
}
|
|
2226
2265
|
) }),
|
|
2227
2266
|
/* @__PURE__ */ U("span", { className: I.content, children: [
|
|
2228
|
-
|
|
2267
|
+
s && /* @__PURE__ */ u(Q, { icon: s, className: I.icon }),
|
|
2229
2268
|
/* @__PURE__ */ u("span", { className: I.label, children: r }),
|
|
2230
2269
|
E && /* @__PURE__ */ u(
|
|
2231
2270
|
j.span,
|
|
2232
2271
|
{
|
|
2233
|
-
layoutId: `underline-${
|
|
2272
|
+
layoutId: `underline-${f}`,
|
|
2234
2273
|
className: I.underline,
|
|
2235
2274
|
transition: { duration: 0.3 }
|
|
2236
2275
|
}
|
|
@@ -2245,22 +2284,22 @@ const tt = {
|
|
|
2245
2284
|
children: r,
|
|
2246
2285
|
className: l,
|
|
2247
2286
|
selectedTab: n,
|
|
2248
|
-
setSelectedTab:
|
|
2287
|
+
setSelectedTab: s,
|
|
2249
2288
|
scrollable: i = !1
|
|
2250
2289
|
}) => {
|
|
2251
|
-
const [
|
|
2290
|
+
const [a, f] = S(
|
|
2252
2291
|
null
|
|
2253
2292
|
);
|
|
2254
2293
|
let o;
|
|
2255
|
-
n == 0 || n != null ? o = n : o =
|
|
2256
|
-
const
|
|
2257
|
-
(N) =>
|
|
2258
|
-
), c =
|
|
2294
|
+
n == 0 || n != null ? o = n : o = a;
|
|
2295
|
+
const p = s || f, h = Y.Children.toArray(r).filter(
|
|
2296
|
+
(N) => Y.isValidElement(N) && N.type === nt
|
|
2297
|
+
), c = Y.useRef(null), y = (N) => {
|
|
2259
2298
|
if (t == null || t(N), i) {
|
|
2260
2299
|
const E = c.current, w = N.ref.current;
|
|
2261
2300
|
if (E && w) {
|
|
2262
|
-
const
|
|
2263
|
-
E.scrollTo({ left:
|
|
2301
|
+
const B = w.offsetLeft + w.offsetWidth / 2 - E.offsetWidth / 2;
|
|
2302
|
+
E.scrollTo({ left: B, behavior: "smooth" });
|
|
2264
2303
|
}
|
|
2265
2304
|
}
|
|
2266
2305
|
}, v = ve(() => ce(), []), L = qe({
|
|
@@ -2268,18 +2307,18 @@ const tt = {
|
|
|
2268
2307
|
onTabSelected: t,
|
|
2269
2308
|
scrollable: i,
|
|
2270
2309
|
selectedTab: o,
|
|
2271
|
-
setSelectedTab:
|
|
2310
|
+
setSelectedTab: p,
|
|
2272
2311
|
className: l,
|
|
2273
2312
|
variant: e
|
|
2274
2313
|
});
|
|
2275
|
-
return /* @__PURE__ */ u("div", { ref: c, role: "tablist", className: L.tabs, children:
|
|
2314
|
+
return /* @__PURE__ */ u("div", { ref: c, role: "tablist", className: L.tabs, children: h.map((N, E) => Y.cloneElement(N, {
|
|
2276
2315
|
key: E,
|
|
2277
2316
|
index: E,
|
|
2278
2317
|
variant: e,
|
|
2279
2318
|
selectedTab: o,
|
|
2280
|
-
setSelectedTab:
|
|
2319
|
+
setSelectedTab: p,
|
|
2281
2320
|
tabsId: v,
|
|
2282
|
-
onTabSelected:
|
|
2321
|
+
onTabSelected: y,
|
|
2283
2322
|
scrollable: i
|
|
2284
2323
|
})) });
|
|
2285
2324
|
}, Et = ({
|
|
@@ -2288,39 +2327,39 @@ const tt = {
|
|
|
2288
2327
|
errorText: r,
|
|
2289
2328
|
placeholder: l,
|
|
2290
2329
|
suffix: n,
|
|
2291
|
-
name:
|
|
2330
|
+
name: s,
|
|
2292
2331
|
label: i,
|
|
2293
|
-
className:
|
|
2294
|
-
supportingText:
|
|
2332
|
+
className: a,
|
|
2333
|
+
supportingText: f,
|
|
2295
2334
|
trailingIcon: o,
|
|
2296
|
-
leadingIcon:
|
|
2297
|
-
type:
|
|
2335
|
+
leadingIcon: p,
|
|
2336
|
+
type: h = "text",
|
|
2298
2337
|
textLine: c = "singleLine",
|
|
2299
|
-
autoComplete:
|
|
2338
|
+
autoComplete: y = "on",
|
|
2300
2339
|
onChange: v,
|
|
2301
2340
|
value: L,
|
|
2302
2341
|
showSupportingText: N = !1,
|
|
2303
2342
|
...E
|
|
2304
2343
|
}) => {
|
|
2305
|
-
const [w,
|
|
2344
|
+
const [w, B] = S(L ?? ""), [b, I] = S(!1), [R, P] = S(!1), [W, k] = S(
|
|
2306
2345
|
N
|
|
2307
2346
|
);
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
}, [L]),
|
|
2311
|
-
r != null && r.length ?
|
|
2312
|
-
}, [r]),
|
|
2313
|
-
N ? k(N) :
|
|
2314
|
-
}, [W,
|
|
2315
|
-
b &&
|
|
2347
|
+
D(() => {
|
|
2348
|
+
B(L ?? "");
|
|
2349
|
+
}, [L]), D(() => {
|
|
2350
|
+
r != null && r.length ? P(!0) : P(!1);
|
|
2351
|
+
}, [r]), D(() => {
|
|
2352
|
+
N ? k(N) : f != null && f.length ? k(!0) : k(!1);
|
|
2353
|
+
}, [W, f]), D(() => {
|
|
2354
|
+
b && P(!1);
|
|
2316
2355
|
}, [b]);
|
|
2317
|
-
const m =
|
|
2356
|
+
const m = Y.useRef(null), C = () => {
|
|
2318
2357
|
m.current && !b && m.current.focus();
|
|
2319
2358
|
}, q = () => {
|
|
2320
2359
|
I(!0);
|
|
2321
|
-
}, K = (
|
|
2322
|
-
const F =
|
|
2323
|
-
|
|
2360
|
+
}, K = ($) => {
|
|
2361
|
+
const F = $.target.value;
|
|
2362
|
+
B(F), P(!1), typeof v == "function" && v(F);
|
|
2324
2363
|
}, Z = () => {
|
|
2325
2364
|
I(!1);
|
|
2326
2365
|
}, H = He({
|
|
@@ -2328,15 +2367,15 @@ const tt = {
|
|
|
2328
2367
|
isFocused: b,
|
|
2329
2368
|
showErrorIcon: R,
|
|
2330
2369
|
disabled: t,
|
|
2331
|
-
name:
|
|
2370
|
+
name: s,
|
|
2332
2371
|
label: i,
|
|
2333
|
-
autoComplete:
|
|
2334
|
-
className:
|
|
2372
|
+
autoComplete: y,
|
|
2373
|
+
className: a,
|
|
2335
2374
|
onChange: v,
|
|
2336
2375
|
placeholder: l,
|
|
2337
|
-
supportingText:
|
|
2338
|
-
type:
|
|
2339
|
-
leadingIcon:
|
|
2376
|
+
supportingText: f,
|
|
2377
|
+
type: h,
|
|
2378
|
+
leadingIcon: p,
|
|
2340
2379
|
trailingIcon: o,
|
|
2341
2380
|
variant: e,
|
|
2342
2381
|
errorText: r,
|
|
@@ -2354,13 +2393,13 @@ const tt = {
|
|
|
2354
2393
|
break;
|
|
2355
2394
|
case "singleLine":
|
|
2356
2395
|
default:
|
|
2357
|
-
x = "input", g = { type:
|
|
2396
|
+
x = "input", g = { type: h };
|
|
2358
2397
|
break;
|
|
2359
2398
|
}
|
|
2360
2399
|
return /* @__PURE__ */ U("div", { className: H.textField, ...E, children: [
|
|
2361
|
-
/* @__PURE__ */ U("fieldset", { onClick:
|
|
2400
|
+
/* @__PURE__ */ U("fieldset", { onClick: C, className: H.content, children: [
|
|
2362
2401
|
/* @__PURE__ */ u("div", { className: H.stateLayer }),
|
|
2363
|
-
|
|
2402
|
+
p && /* @__PURE__ */ u("div", { className: H.leadingIcon, children: Y.isValidElement(p) ? p : /* @__PURE__ */ u(Q, { className: "w-5 h-5", icon: p }) }),
|
|
2364
2403
|
!(!b && !w.length || e == "filled") && /* @__PURE__ */ u(
|
|
2365
2404
|
j.legend,
|
|
2366
2405
|
{
|
|
@@ -2387,8 +2426,8 @@ const tt = {
|
|
|
2387
2426
|
(!b && !w.length || e == "filled") && /* @__PURE__ */ u(
|
|
2388
2427
|
j.label,
|
|
2389
2428
|
{
|
|
2390
|
-
htmlFor:
|
|
2391
|
-
className:
|
|
2429
|
+
htmlFor: s,
|
|
2430
|
+
className: d(
|
|
2392
2431
|
"absolute left-4 transition-all duration-300",
|
|
2393
2432
|
{
|
|
2394
2433
|
"text-body-small top-2": e == "filled" && !(!b && !w.length),
|
|
@@ -2414,13 +2453,13 @@ const tt = {
|
|
|
2414
2453
|
value: w,
|
|
2415
2454
|
onChange: K,
|
|
2416
2455
|
className: H.input,
|
|
2417
|
-
id:
|
|
2418
|
-
name:
|
|
2456
|
+
id: s,
|
|
2457
|
+
name: s,
|
|
2419
2458
|
placeholder: b ? l ?? void 0 : "",
|
|
2420
2459
|
onFocus: q,
|
|
2421
2460
|
onBlur: Z,
|
|
2422
2461
|
disabled: t,
|
|
2423
|
-
autoComplete:
|
|
2462
|
+
autoComplete: y,
|
|
2424
2463
|
"aria-invalid": !!(r != null && r.length),
|
|
2425
2464
|
"aria-label": i,
|
|
2426
2465
|
...g
|
|
@@ -2432,11 +2471,11 @@ const tt = {
|
|
|
2432
2471
|
o && /* @__PURE__ */ u(
|
|
2433
2472
|
"div",
|
|
2434
2473
|
{
|
|
2435
|
-
onClick: (
|
|
2436
|
-
|
|
2474
|
+
onClick: ($) => {
|
|
2475
|
+
$.stopPropagation();
|
|
2437
2476
|
},
|
|
2438
2477
|
className: H.trailingIcon,
|
|
2439
|
-
children:
|
|
2478
|
+
children: Y.isValidElement(o) ? o : /* @__PURE__ */ u(Q, { className: "h-5", icon: o })
|
|
2440
2479
|
}
|
|
2441
2480
|
),
|
|
2442
2481
|
!o && n && /* @__PURE__ */ u("span", { className: H.suffix, children: n })
|
|
@@ -2444,31 +2483,34 @@ const tt = {
|
|
|
2444
2483
|
R && /* @__PURE__ */ u(
|
|
2445
2484
|
"div",
|
|
2446
2485
|
{
|
|
2447
|
-
className:
|
|
2486
|
+
className: d(H.trailingIcon, {
|
|
2448
2487
|
" absolute right-0": !o
|
|
2449
2488
|
}),
|
|
2450
2489
|
children: /* @__PURE__ */ u(
|
|
2451
2490
|
Q,
|
|
2452
2491
|
{
|
|
2453
2492
|
className: "h-5 text-error",
|
|
2454
|
-
icon:
|
|
2493
|
+
icon: tt
|
|
2455
2494
|
}
|
|
2456
2495
|
)
|
|
2457
2496
|
}
|
|
2458
2497
|
)
|
|
2459
2498
|
] }),
|
|
2460
|
-
W && /* @__PURE__ */ u("p", { className: H.supportingText, children: r != null && r.length ? r :
|
|
2499
|
+
W && /* @__PURE__ */ u("p", { className: H.supportingText, children: r != null && r.length ? r : f != null && f.length ? f : " " })
|
|
2461
2500
|
] });
|
|
2462
2501
|
}, lt = G(
|
|
2463
2502
|
"navigationRailItem",
|
|
2464
2503
|
({ isSelected: e, icon: t, label: r, variant: l }) => ({
|
|
2465
|
-
navigationRailItem:
|
|
2466
|
-
"
|
|
2467
|
-
|
|
2468
|
-
|
|
2469
|
-
|
|
2470
|
-
|
|
2471
|
-
|
|
2504
|
+
navigationRailItem: d(
|
|
2505
|
+
" group flex flex-col pt-1 pb-1.5 cursor-pointer",
|
|
2506
|
+
{
|
|
2507
|
+
"text-on-surface-variant": !e,
|
|
2508
|
+
"text-on-secondary-container": e,
|
|
2509
|
+
"gap-2 h-[68px]": l == "vertical",
|
|
2510
|
+
"gap-0 h-[66px]": l == "horizontal"
|
|
2511
|
+
}
|
|
2512
|
+
),
|
|
2513
|
+
container: d(
|
|
2472
2514
|
" w-fit flex justify-center relative rounded-full items-center mx-5",
|
|
2473
2515
|
{
|
|
2474
2516
|
"bg-secondary-container overflow-hidden": e,
|
|
@@ -2484,15 +2526,15 @@ const tt = {
|
|
|
2484
2526
|
}
|
|
2485
2527
|
]
|
|
2486
2528
|
),
|
|
2487
|
-
stateLayer:
|
|
2529
|
+
stateLayer: d(
|
|
2488
2530
|
" absolute w-full rounded-full h-full left-0 top-0 ",
|
|
2489
2531
|
{
|
|
2490
2532
|
"group-state-on-surface": !e,
|
|
2491
2533
|
"group-state-on-secondary-container": e
|
|
2492
2534
|
}
|
|
2493
2535
|
),
|
|
2494
|
-
icon:
|
|
2495
|
-
label:
|
|
2536
|
+
icon: d("size-6 flex"),
|
|
2537
|
+
label: d("w-fit mx-auto text-nowrap", {
|
|
2496
2538
|
"text-label-large ": l == "horizontal",
|
|
2497
2539
|
"text-label-medium": l == "vertical"
|
|
2498
2540
|
})
|
|
@@ -2503,15 +2545,15 @@ const tt = {
|
|
|
2503
2545
|
label: r,
|
|
2504
2546
|
variant: l = "vertical",
|
|
2505
2547
|
href: n,
|
|
2506
|
-
icon:
|
|
2548
|
+
icon: s,
|
|
2507
2549
|
selectedItem: i,
|
|
2508
|
-
setSelectedItem:
|
|
2509
|
-
index:
|
|
2550
|
+
setSelectedItem: a,
|
|
2551
|
+
index: f,
|
|
2510
2552
|
onItemSelected: o,
|
|
2511
|
-
selected:
|
|
2512
|
-
ref:
|
|
2553
|
+
selected: p = !1,
|
|
2554
|
+
ref: h,
|
|
2513
2555
|
transition: c,
|
|
2514
|
-
isExtended:
|
|
2556
|
+
isExtended: y,
|
|
2515
2557
|
iconSelected: v,
|
|
2516
2558
|
style: L,
|
|
2517
2559
|
extendedOnly: N,
|
|
@@ -2519,42 +2561,42 @@ const tt = {
|
|
|
2519
2561
|
...w
|
|
2520
2562
|
}) => {
|
|
2521
2563
|
E && (r = E);
|
|
2522
|
-
const
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
}, [i]),
|
|
2526
|
-
i ==
|
|
2564
|
+
const B = V(null), b = h || B, [I, R] = S(p);
|
|
2565
|
+
D(() => {
|
|
2566
|
+
p && i == null ? R(!0) : R(i == f && f != null);
|
|
2567
|
+
}, [i]), D(() => {
|
|
2568
|
+
i == f && o && o({
|
|
2527
2569
|
ref: b,
|
|
2528
|
-
index:
|
|
2570
|
+
index: f || 0,
|
|
2529
2571
|
label: r,
|
|
2530
|
-
icon:
|
|
2572
|
+
icon: s
|
|
2531
2573
|
});
|
|
2532
2574
|
}, [i]);
|
|
2533
|
-
const
|
|
2534
|
-
|
|
2575
|
+
const P = n ? "a" : "button", W = (m) => {
|
|
2576
|
+
a && a(f ?? null), t && t(m);
|
|
2535
2577
|
}, k = lt({
|
|
2536
|
-
isExtended:
|
|
2578
|
+
isExtended: y,
|
|
2537
2579
|
extendedOnly: N,
|
|
2538
2580
|
className: e,
|
|
2539
2581
|
onItemSelected: o,
|
|
2540
2582
|
selectedItem: i,
|
|
2541
|
-
index:
|
|
2583
|
+
index: f,
|
|
2542
2584
|
transition: c,
|
|
2543
2585
|
selected: I,
|
|
2544
2586
|
variant: l,
|
|
2545
|
-
icon:
|
|
2587
|
+
icon: s,
|
|
2546
2588
|
label: r,
|
|
2547
2589
|
isSelected: I,
|
|
2548
|
-
setSelectedItem:
|
|
2590
|
+
setSelectedItem: a,
|
|
2549
2591
|
href: n,
|
|
2550
2592
|
children: r,
|
|
2551
2593
|
iconSelected: v
|
|
2552
2594
|
});
|
|
2553
|
-
return c = { duration: 0.3, ...c }, N && !
|
|
2595
|
+
return c = { duration: 0.3, ...c }, N && !y ? null : (
|
|
2554
2596
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
2555
2597
|
// @ts-expect-error
|
|
2556
2598
|
/* @__PURE__ */ U(
|
|
2557
|
-
|
|
2599
|
+
P,
|
|
2558
2600
|
{
|
|
2559
2601
|
...w,
|
|
2560
2602
|
role: "tab",
|
|
@@ -2575,10 +2617,10 @@ const tt = {
|
|
|
2575
2617
|
className: k.container,
|
|
2576
2618
|
children: [
|
|
2577
2619
|
/* @__PURE__ */ u(j.div, { layout: !0, className: k.stateLayer }),
|
|
2578
|
-
|
|
2620
|
+
s && /* @__PURE__ */ u(
|
|
2579
2621
|
Q,
|
|
2580
2622
|
{
|
|
2581
|
-
icon: I ? v :
|
|
2623
|
+
icon: I ? v : s,
|
|
2582
2624
|
className: k.icon
|
|
2583
2625
|
}
|
|
2584
2626
|
),
|
|
@@ -2589,7 +2631,7 @@ const tt = {
|
|
|
2589
2631
|
transition: {
|
|
2590
2632
|
...c
|
|
2591
2633
|
}
|
|
2592
|
-
},
|
|
2634
|
+
}, C = {
|
|
2593
2635
|
width: "auto",
|
|
2594
2636
|
opacity: 1,
|
|
2595
2637
|
transition: {
|
|
@@ -2604,7 +2646,7 @@ const tt = {
|
|
|
2604
2646
|
j.span,
|
|
2605
2647
|
{
|
|
2606
2648
|
initial: m,
|
|
2607
|
-
animate:
|
|
2649
|
+
animate: C,
|
|
2608
2650
|
exit: m,
|
|
2609
2651
|
className: k.label,
|
|
2610
2652
|
children: r
|
|
@@ -2624,7 +2666,7 @@ const tt = {
|
|
|
2624
2666
|
duration: 0
|
|
2625
2667
|
}
|
|
2626
2668
|
}
|
|
2627
|
-
},
|
|
2669
|
+
}, C = {
|
|
2628
2670
|
height: "auto",
|
|
2629
2671
|
opacity: 1,
|
|
2630
2672
|
transition: {
|
|
@@ -2639,7 +2681,7 @@ const tt = {
|
|
|
2639
2681
|
j.span,
|
|
2640
2682
|
{
|
|
2641
2683
|
initial: m,
|
|
2642
|
-
animate:
|
|
2684
|
+
animate: C,
|
|
2643
2685
|
exit: m,
|
|
2644
2686
|
className: k.label,
|
|
2645
2687
|
transition: c,
|
|
@@ -2654,15 +2696,15 @@ const tt = {
|
|
|
2654
2696
|
}, st = G(
|
|
2655
2697
|
"navigationRail",
|
|
2656
2698
|
({ isExtended: e, alignment: t }) => ({
|
|
2657
|
-
navigationRail:
|
|
2699
|
+
navigationRail: d("flex flex-col left-0 h-full top-0 pt-11", {
|
|
2658
2700
|
"w-fit max-w-24": !e,
|
|
2659
2701
|
"w-fit min-w-[220px] max-w-[360px]": e,
|
|
2660
2702
|
"justify-between": t == "middle",
|
|
2661
2703
|
"justify-start": t == "top"
|
|
2662
2704
|
}),
|
|
2663
|
-
header:
|
|
2705
|
+
header: d("flex flex-col gap-1 items-start"),
|
|
2664
2706
|
menuIcon: "mx-5",
|
|
2665
|
-
segments:
|
|
2707
|
+
segments: d(" flex flex-col overflow-auto min-w-full mt-10", {
|
|
2666
2708
|
"w-full": !e,
|
|
2667
2709
|
"w-fit items-start": e
|
|
2668
2710
|
})
|
|
@@ -2673,11 +2715,11 @@ const tt = {
|
|
|
2673
2715
|
children: r,
|
|
2674
2716
|
className: l,
|
|
2675
2717
|
selectedItem: n,
|
|
2676
|
-
extended:
|
|
2718
|
+
extended: s,
|
|
2677
2719
|
alignment: i = "top",
|
|
2678
|
-
menu:
|
|
2720
|
+
menu: a = {
|
|
2679
2721
|
closed: {
|
|
2680
|
-
icon:
|
|
2722
|
+
icon: rt,
|
|
2681
2723
|
label: "Open menu"
|
|
2682
2724
|
},
|
|
2683
2725
|
opened: {
|
|
@@ -2685,26 +2727,26 @@ const tt = {
|
|
|
2685
2727
|
label: "Close menu"
|
|
2686
2728
|
}
|
|
2687
2729
|
},
|
|
2688
|
-
style:
|
|
2730
|
+
style: f,
|
|
2689
2731
|
onExtendedChange: o,
|
|
2690
|
-
transition:
|
|
2691
|
-
setSelectedItem:
|
|
2732
|
+
transition: p,
|
|
2733
|
+
setSelectedItem: h
|
|
2692
2734
|
}) => {
|
|
2693
|
-
const [c,
|
|
2735
|
+
const [c, y] = S(null), [v, L] = S(s);
|
|
2694
2736
|
let N;
|
|
2695
2737
|
n == 0 || n != null ? N = n : N = c;
|
|
2696
|
-
const E =
|
|
2738
|
+
const E = h || y, w = V(null), B = (k) => {
|
|
2697
2739
|
t == null || t(k);
|
|
2698
2740
|
};
|
|
2699
2741
|
function b(k) {
|
|
2700
2742
|
const m = [];
|
|
2701
|
-
return be.forEach(k, (
|
|
2702
|
-
ee(
|
|
2743
|
+
return be.forEach(k, (C) => {
|
|
2744
|
+
ee(C) && C.type === Ne ? m.push(...b(C.props.children)) : m.push(C);
|
|
2703
2745
|
}), m;
|
|
2704
2746
|
}
|
|
2705
2747
|
const I = b(r), R = I.filter(
|
|
2706
2748
|
(k) => ee(k) && k.type === ue
|
|
2707
|
-
),
|
|
2749
|
+
), P = st({
|
|
2708
2750
|
children: r,
|
|
2709
2751
|
onItemSelected: t,
|
|
2710
2752
|
selectedItem: N,
|
|
@@ -2714,38 +2756,38 @@ const tt = {
|
|
|
2714
2756
|
extended: v,
|
|
2715
2757
|
isExtended: v,
|
|
2716
2758
|
alignment: i,
|
|
2717
|
-
menu:
|
|
2718
|
-
transition:
|
|
2759
|
+
menu: a,
|
|
2760
|
+
transition: p,
|
|
2719
2761
|
onExtendedChange: o
|
|
2720
2762
|
});
|
|
2721
|
-
|
|
2763
|
+
p = { duration: 0.3, ...p };
|
|
2722
2764
|
const W = V(!1);
|
|
2723
|
-
return W.current = !1,
|
|
2765
|
+
return W.current = !1, D(() => {
|
|
2724
2766
|
o == null || o(v ?? !1);
|
|
2725
2767
|
}, [v]), /* @__PURE__ */ U(
|
|
2726
2768
|
"div",
|
|
2727
2769
|
{
|
|
2728
|
-
style: { transition:
|
|
2770
|
+
style: { transition: p.duration + "s", ...f },
|
|
2729
2771
|
ref: w,
|
|
2730
|
-
className:
|
|
2772
|
+
className: P.navigationRail,
|
|
2731
2773
|
children: [
|
|
2732
|
-
/* @__PURE__ */ U("div", { className:
|
|
2774
|
+
/* @__PURE__ */ U("div", { className: P.header, children: [
|
|
2733
2775
|
/* @__PURE__ */ u(
|
|
2734
2776
|
xe,
|
|
2735
2777
|
{
|
|
2736
2778
|
onClick: () => L(!v),
|
|
2737
|
-
label: v ?
|
|
2738
|
-
className:
|
|
2739
|
-
icon: v ?
|
|
2779
|
+
label: v ? a == null ? void 0 : a.opened.label : a == null ? void 0 : a.closed.label,
|
|
2780
|
+
className: P.menuIcon,
|
|
2781
|
+
icon: v ? a.opened.icon : a == null ? void 0 : a.closed.icon
|
|
2740
2782
|
}
|
|
2741
2783
|
),
|
|
2742
2784
|
R.length > 0 && le(R[0], {
|
|
2743
|
-
transition:
|
|
2785
|
+
transition: p,
|
|
2744
2786
|
isExtended: v,
|
|
2745
2787
|
className: "!shadow-none mx-5 " + R[0].props.className
|
|
2746
2788
|
})
|
|
2747
2789
|
] }),
|
|
2748
|
-
/* @__PURE__ */ u("div", { className:
|
|
2790
|
+
/* @__PURE__ */ u("div", { className: P.segments, children: (() => {
|
|
2749
2791
|
let k = 0;
|
|
2750
2792
|
return I.map((m) => ee(m) && m.type === at ? le(
|
|
2751
2793
|
m,
|
|
@@ -2756,8 +2798,8 @@ const tt = {
|
|
|
2756
2798
|
variant: v ? "horizontal" : "vertical",
|
|
2757
2799
|
selectedItem: N,
|
|
2758
2800
|
setSelectedItem: E,
|
|
2759
|
-
onItemSelected:
|
|
2760
|
-
transition:
|
|
2801
|
+
onItemSelected: B,
|
|
2802
|
+
transition: p,
|
|
2761
2803
|
extendedOnly: W.current,
|
|
2762
2804
|
isExtended: v
|
|
2763
2805
|
}
|
|
@@ -2787,21 +2829,21 @@ export {
|
|
|
2787
2829
|
yt as SmoothScroll,
|
|
2788
2830
|
bt as Snackbar,
|
|
2789
2831
|
Nt as Switch,
|
|
2790
|
-
|
|
2832
|
+
Ye as SyncedFixedWrapper,
|
|
2791
2833
|
nt as Tab,
|
|
2792
2834
|
Lt as Tabs,
|
|
2793
2835
|
Et as TextField,
|
|
2794
2836
|
ye as ToolTip,
|
|
2795
|
-
|
|
2796
|
-
|
|
2837
|
+
Ce as buttonStyle,
|
|
2838
|
+
Be as cardStyle,
|
|
2797
2839
|
We as carouselItemStyle,
|
|
2798
|
-
|
|
2799
|
-
|
|
2840
|
+
$e as carouselStyle,
|
|
2841
|
+
d as classNames,
|
|
2800
2842
|
Me as classnames,
|
|
2801
|
-
|
|
2843
|
+
_e as customScrollStyle,
|
|
2802
2844
|
G as defaultClassNames,
|
|
2803
|
-
|
|
2804
|
-
|
|
2845
|
+
De as dividerStyle,
|
|
2846
|
+
Pe as fabStyle,
|
|
2805
2847
|
Se as getClassNames,
|
|
2806
2848
|
Ve as iconButtonStyle,
|
|
2807
2849
|
Je as normalize,
|