@saas-ui/react 3.0.0-alpha.24 → 3.0.0-alpha.26
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 +19 -0
- package/dist/chunk-6MMPBMKN.js +54 -0
- package/dist/chunk-CZVNG73V.js +63 -0
- package/dist/chunk-GRUMUCSL.js +109 -0
- package/dist/{chunk-CD2JUFI2.js → chunk-K2SPPLAY.js} +2 -2
- package/dist/chunk-KE5AC3TZ.js +63 -0
- package/dist/{chunk-FJFNGSPL.js → chunk-NGGISORT.js} +12 -6
- package/dist/components/dialog/index.cjs +35 -35
- package/dist/components/dialog/index.d.cts +35 -17
- package/dist/components/dialog/index.d.ts +35 -17
- package/dist/components/dialog/index.js +3 -3
- package/dist/components/drawer/index.cjs +34 -36
- package/dist/components/drawer/index.d.cts +33 -18
- package/dist/components/drawer/index.d.ts +33 -18
- package/dist/components/drawer/index.js +3 -3
- package/dist/components/empty-state/index.cjs +12 -10
- package/dist/components/empty-state/index.js +1 -1
- package/dist/components/file-upload/index.cjs +254 -0
- package/dist/components/file-upload/index.d.cts +43 -0
- package/dist/components/file-upload/index.d.ts +43 -0
- package/dist/components/file-upload/index.js +10 -0
- package/dist/components/grid-list/index.d.cts +1 -1
- package/dist/components/grid-list/index.d.ts +1 -1
- package/dist/components/password-input/index.cjs +2 -2
- package/dist/components/password-input/index.js +1 -1
- package/dist/components/persona/index.d.cts +1 -1
- package/dist/components/persona/index.d.ts +1 -1
- package/dist/components/popover/index.cjs +214 -0
- package/dist/components/popover/index.d.cts +37 -0
- package/dist/components/popover/index.d.ts +37 -0
- package/dist/components/popover/index.js +11 -0
- package/dist/index.cjs +1570 -1325
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +944 -839
- package/package.json +2 -2
- package/dist/chunk-3Y67QIZ7.js +0 -56
- package/dist/chunk-OIOBGO3Y.js +0 -63
package/dist/index.js
CHANGED
@@ -1,3 +1,10 @@
|
|
1
|
+
import {
|
2
|
+
Tag
|
3
|
+
} from "./chunk-IEWHAXXU.js";
|
4
|
+
import {
|
5
|
+
Toaster,
|
6
|
+
toast
|
7
|
+
} from "./chunk-RLIAFHVM.js";
|
1
8
|
import {
|
2
9
|
Tooltip
|
3
10
|
} from "./chunk-QSNSWCTM.js";
|
@@ -5,62 +12,74 @@ import {
|
|
5
12
|
colors
|
6
13
|
} from "./chunk-3MO37LYW.js";
|
7
14
|
import {
|
8
|
-
|
9
|
-
} from "./chunk-
|
15
|
+
namespace_exports
|
16
|
+
} from "./chunk-3JZ42NYM.js";
|
17
|
+
import {
|
18
|
+
SegmentedControl
|
19
|
+
} from "./chunk-SKXSBAOS.js";
|
10
20
|
import {
|
11
21
|
Status
|
12
22
|
} from "./chunk-YKSY7UOM.js";
|
13
23
|
import {
|
14
24
|
steps_exports
|
15
25
|
} from "./chunk-VZG7EJ64.js";
|
26
|
+
import {
|
27
|
+
sidebar_exports,
|
28
|
+
useSidebar,
|
29
|
+
useSidebarItemStyles,
|
30
|
+
useSidebarStyles
|
31
|
+
} from "./chunk-U23VDAWJ.js";
|
32
|
+
import {
|
33
|
+
Switch
|
34
|
+
} from "./chunk-SA3OGTOO.js";
|
16
35
|
import {
|
17
36
|
Tabs,
|
18
37
|
useTabsContext,
|
19
38
|
useTabsStyles
|
20
39
|
} from "./chunk-IVLUAUU5.js";
|
21
40
|
import {
|
22
|
-
|
23
|
-
} from "./chunk-
|
41
|
+
navbar_exports
|
42
|
+
} from "./chunk-Q6SNJJO2.js";
|
24
43
|
import {
|
25
|
-
|
26
|
-
} from "./chunk-
|
44
|
+
PasswordInput
|
45
|
+
} from "./chunk-K2SPPLAY.js";
|
27
46
|
import {
|
28
|
-
|
29
|
-
|
30
|
-
|
47
|
+
Persona,
|
48
|
+
PersonaAvatar,
|
49
|
+
defaultPresenceOptions
|
50
|
+
} from "./chunk-GWC5GCMW.js";
|
31
51
|
import {
|
32
|
-
|
33
|
-
} from "./chunk-
|
52
|
+
popover_exports
|
53
|
+
} from "./chunk-KE5AC3TZ.js";
|
34
54
|
import {
|
35
|
-
|
36
|
-
} from "./chunk-
|
55
|
+
PinInput
|
56
|
+
} from "./chunk-2EUACKRH.js";
|
37
57
|
import {
|
38
58
|
Radio,
|
39
59
|
RadioGroup
|
40
60
|
} from "./chunk-WYLMBMAH.js";
|
41
61
|
import {
|
42
|
-
|
43
|
-
|
44
|
-
defaultPresenceOptions
|
45
|
-
} from "./chunk-GWC5GCMW.js";
|
62
|
+
menu_exports
|
63
|
+
} from "./chunk-KFXNVUEZ.js";
|
46
64
|
import {
|
47
65
|
SearchInput
|
48
66
|
} from "./chunk-46ISJZBS.js";
|
49
67
|
import {
|
50
|
-
|
51
|
-
} from "./chunk-
|
52
|
-
import {
|
53
|
-
SegmentedControl
|
54
|
-
} from "./chunk-SKXSBAOS.js";
|
55
|
-
import {
|
56
|
-
sidebar_exports,
|
57
|
-
useSidebar,
|
58
|
-
useSidebarItemStyles,
|
59
|
-
useSidebarStyles
|
60
|
-
} from "./chunk-U23VDAWJ.js";
|
68
|
+
EmptyState
|
69
|
+
} from "./chunk-NGGISORT.js";
|
61
70
|
import {
|
62
71
|
IconBadge
|
63
72
|
} from "./chunk-I2RXEKTB.js";
|
73
|
+
import "./chunk-KTLWEUNW.js";
|
74
|
+
import {
|
75
|
+
Link
|
76
|
+
} from "./chunk-TZBAM4AD.js";
|
77
|
+
import {
|
78
|
+
SuiContext,
|
79
|
+
SuiProvider,
|
80
|
+
useLink,
|
81
|
+
useSui
|
82
|
+
} from "./chunk-O2WVT2BP.js";
|
64
83
|
import {
|
65
84
|
loading_overlay_exports,
|
66
85
|
useLoadingOverlayStyles
|
@@ -69,27 +88,14 @@ import {
|
|
69
88
|
Spinner
|
70
89
|
} from "./chunk-32JGENDB.js";
|
71
90
|
import {
|
72
|
-
|
73
|
-
} from "./chunk-
|
74
|
-
import {
|
75
|
-
menu_exports
|
76
|
-
} from "./chunk-KFXNVUEZ.js";
|
77
|
-
import "./chunk-KTLWEUNW.js";
|
91
|
+
pagination_exports
|
92
|
+
} from "./chunk-MLJN6IOJ.js";
|
78
93
|
import {
|
79
94
|
NumberInput
|
80
95
|
} from "./chunk-S5J6REMC.js";
|
81
96
|
import {
|
82
97
|
InputGroup
|
83
98
|
} from "./chunk-PKI6YH2V.js";
|
84
|
-
import {
|
85
|
-
navbar_exports
|
86
|
-
} from "./chunk-Q6SNJJO2.js";
|
87
|
-
import {
|
88
|
-
SuiContext,
|
89
|
-
SuiProvider,
|
90
|
-
useLink,
|
91
|
-
useSui
|
92
|
-
} from "./chunk-O2WVT2BP.js";
|
93
99
|
import {
|
94
100
|
Command
|
95
101
|
} from "./chunk-UASXI64E.js";
|
@@ -98,15 +104,15 @@ import {
|
|
98
104
|
useDataListStyles
|
99
105
|
} from "./chunk-52XM5VXJ.js";
|
100
106
|
import {
|
101
|
-
|
102
|
-
} from "./chunk-
|
103
|
-
import {
|
104
|
-
EmptyState
|
105
|
-
} from "./chunk-FJFNGSPL.js";
|
107
|
+
dialog_exports
|
108
|
+
} from "./chunk-CZVNG73V.js";
|
106
109
|
import {
|
107
|
-
|
108
|
-
} from "./chunk-
|
110
|
+
drawer_exports
|
111
|
+
} from "./chunk-6MMPBMKN.js";
|
109
112
|
import "./chunk-JMYI6YXR.js";
|
113
|
+
import {
|
114
|
+
file_upload_exports
|
115
|
+
} from "./chunk-GRUMUCSL.js";
|
110
116
|
import {
|
111
117
|
CloseButton
|
112
118
|
} from "./chunk-YXGJOOMM.js";
|
@@ -125,12 +131,12 @@ import {
|
|
125
131
|
Avatar,
|
126
132
|
AvatarGroup
|
127
133
|
} from "./chunk-JO4WJVYO.js";
|
128
|
-
import {
|
129
|
-
breadcrumb_exports
|
130
|
-
} from "./chunk-TT4C5VXB.js";
|
131
134
|
import {
|
132
135
|
Badge
|
133
136
|
} from "./chunk-INV6RT5B.js";
|
137
|
+
import {
|
138
|
+
breadcrumb_exports
|
139
|
+
} from "./chunk-TT4C5VXB.js";
|
134
140
|
import {
|
135
141
|
Button
|
136
142
|
} from "./chunk-NGSHWY7E.js";
|
@@ -232,7 +238,6 @@ import { defineGlobalStyles } from "@chakra-ui/react";
|
|
232
238
|
var empty = "var(--chakra-empty,/*!*/ /*!*/)";
|
233
239
|
var globalCss = defineGlobalStyles({
|
234
240
|
"*": {
|
235
|
-
fontFeatureSettings: '"cv11"',
|
236
241
|
"--ring-inset": empty,
|
237
242
|
"--ring-offset-width": "0px",
|
238
243
|
"--ring-offset-color": "#fff",
|
@@ -268,9 +273,15 @@ var globalCss = defineGlobalStyles({
|
|
268
273
|
"--global-font-body": "fonts.body",
|
269
274
|
"--global-color-border": "colors.border",
|
270
275
|
"--cursor-button": "default",
|
271
|
-
|
276
|
+
// '--radius-factor': '1',
|
277
|
+
// '--radius-control': '1',
|
278
|
+
// '--radius-panel': '1',
|
279
|
+
// '--radius-indicator': '1',
|
272
280
|
"--radius-full": "9999px",
|
273
|
-
"--scale-factor": "1"
|
281
|
+
"--scale-factor": "1",
|
282
|
+
"--overlay-translucency": "90%",
|
283
|
+
"--overlay-effect": "blur({blurs.lg})",
|
284
|
+
"--backdrop-effect": "none"
|
274
285
|
},
|
275
286
|
body: {
|
276
287
|
color: "fg",
|
@@ -283,41 +294,6 @@ var globalCss = defineGlobalStyles({
|
|
283
294
|
},
|
284
295
|
"*::selection": {
|
285
296
|
bg: "colorPalette.muted/80"
|
286
|
-
},
|
287
|
-
'[data-radius="none"]': {
|
288
|
-
"--radius-factor": "0",
|
289
|
-
"--radius-full": "0"
|
290
|
-
},
|
291
|
-
'[data-radius="sm"]': {
|
292
|
-
"--radius-factor": "0.9",
|
293
|
-
"--radius-full": "0"
|
294
|
-
},
|
295
|
-
'[data-radius="md"]': {
|
296
|
-
"--radius-factor": "1",
|
297
|
-
"--radius-full": "0"
|
298
|
-
},
|
299
|
-
'[data-radius="lg"]': {
|
300
|
-
"--radius-factor": "1.5",
|
301
|
-
"--radius-full": "0"
|
302
|
-
},
|
303
|
-
'[data-radius="full"]': {
|
304
|
-
"--radius-factor": "1.5",
|
305
|
-
"--radius-full": "9999px"
|
306
|
-
},
|
307
|
-
'[data-scale="xs"]': {
|
308
|
-
"--scale-factor": "0.9"
|
309
|
-
},
|
310
|
-
'[data-scale="sm"]': {
|
311
|
-
"--scale-factor": "0.95"
|
312
|
-
},
|
313
|
-
'[data-scale="md"]': {
|
314
|
-
"--scale-factor": "1"
|
315
|
-
},
|
316
|
-
'[data-scale="lg"]': {
|
317
|
-
"--scale-factor": "1.05"
|
318
|
-
},
|
319
|
-
'[data-scale="xl"]': {
|
320
|
-
"--scale-factor": "1.1"
|
321
297
|
}
|
322
298
|
});
|
323
299
|
|
@@ -431,6 +407,20 @@ var layerStyles = defineLayerStyles({
|
|
431
407
|
},
|
432
408
|
none: {
|
433
409
|
value: {}
|
410
|
+
},
|
411
|
+
overlay: {
|
412
|
+
value: {
|
413
|
+
bg: "bg.overlay",
|
414
|
+
backdropFilter: "var(--overlay-effect)",
|
415
|
+
borderRadius: "panel.lg",
|
416
|
+
boxShadow: "lg"
|
417
|
+
}
|
418
|
+
},
|
419
|
+
backdrop: {
|
420
|
+
value: {
|
421
|
+
bg: "bg.backdrop",
|
422
|
+
backdropFilter: "var(--backdrop-effect)"
|
423
|
+
}
|
434
424
|
}
|
435
425
|
});
|
436
426
|
|
@@ -540,7 +530,7 @@ var buttonRecipe = defineRecipe2({
|
|
540
530
|
h: "6",
|
541
531
|
minW: "6",
|
542
532
|
textStyle: "xs",
|
543
|
-
borderRadius: "sm",
|
533
|
+
borderRadius: "control.sm",
|
544
534
|
px: "2"
|
545
535
|
},
|
546
536
|
sm: {
|
@@ -548,14 +538,14 @@ var buttonRecipe = defineRecipe2({
|
|
548
538
|
h: "7",
|
549
539
|
minW: "7",
|
550
540
|
textStyle: "sm",
|
551
|
-
borderRadius: "md",
|
541
|
+
borderRadius: "control.md",
|
552
542
|
px: "2.5"
|
553
543
|
},
|
554
544
|
md: {
|
555
545
|
gap: "2",
|
556
546
|
h: "8",
|
557
547
|
minW: "8",
|
558
|
-
borderRadius: "md",
|
548
|
+
borderRadius: "control.md",
|
559
549
|
textStyle: "sm",
|
560
550
|
px: "3"
|
561
551
|
},
|
@@ -563,7 +553,7 @@ var buttonRecipe = defineRecipe2({
|
|
563
553
|
gap: "3",
|
564
554
|
h: "10",
|
565
555
|
minW: "10",
|
566
|
-
borderRadius: "lg",
|
556
|
+
borderRadius: "control.lg",
|
567
557
|
textStyle: "md",
|
568
558
|
px: "4.5"
|
569
559
|
},
|
@@ -571,7 +561,7 @@ var buttonRecipe = defineRecipe2({
|
|
571
561
|
gap: "3",
|
572
562
|
h: "12",
|
573
563
|
minW: "12",
|
574
|
-
borderRadius: "lg",
|
564
|
+
borderRadius: "control.lg",
|
575
565
|
textStyle: "lg",
|
576
566
|
px: "6"
|
577
567
|
}
|
@@ -1671,6 +1661,18 @@ var semanticColors = defineSemanticTokens.colors({
|
|
1671
1661
|
panel: {
|
1672
1662
|
value: { _light: "{colors.white}", _dark: "{colors.gray.950}" }
|
1673
1663
|
},
|
1664
|
+
overlay: {
|
1665
|
+
value: {
|
1666
|
+
_light: "color-mix(in oklch, {colors.white} var(--overlay-translucency), transparent)",
|
1667
|
+
_dark: "color-mix(in srgb, var(--overlay-translucency), {colors.gray.950} 100%)"
|
1668
|
+
}
|
1669
|
+
},
|
1670
|
+
backdrop: {
|
1671
|
+
value: {
|
1672
|
+
_light: "{colors.black/30}",
|
1673
|
+
_dark: "{colors.black/30}"
|
1674
|
+
}
|
1675
|
+
},
|
1674
1676
|
error: {
|
1675
1677
|
value: { _light: "{colors.red.50}", _dark: "{colors.red.950}" }
|
1676
1678
|
},
|
@@ -2278,7 +2280,40 @@ import { defineSemanticTokens as defineSemanticTokens2 } from "@chakra-ui/react"
|
|
2278
2280
|
var semanticRadii = defineSemanticTokens2.radii({
|
2279
2281
|
l1: { value: "{radii.xs}" },
|
2280
2282
|
l2: { value: "{radii.sm}" },
|
2281
|
-
l3: { value: "{radii.md}" }
|
2283
|
+
l3: { value: "{radii.md}" },
|
2284
|
+
control: {
|
2285
|
+
sm: {
|
2286
|
+
value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-control, 1))"
|
2287
|
+
},
|
2288
|
+
md: {
|
2289
|
+
value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-control, 1))"
|
2290
|
+
},
|
2291
|
+
lg: {
|
2292
|
+
value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-control, 1))"
|
2293
|
+
}
|
2294
|
+
},
|
2295
|
+
panel: {
|
2296
|
+
sm: {
|
2297
|
+
value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-panel, 1))"
|
2298
|
+
},
|
2299
|
+
md: {
|
2300
|
+
value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-panel, 1 ))"
|
2301
|
+
},
|
2302
|
+
lg: {
|
2303
|
+
value: "calc({radii.lg} * var(--scale-factor, 1) * var(--radius-panel, 1))"
|
2304
|
+
}
|
2305
|
+
},
|
2306
|
+
indicator: {
|
2307
|
+
sm: {
|
2308
|
+
value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
|
2309
|
+
},
|
2310
|
+
md: {
|
2311
|
+
value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-indicator, 1 ))"
|
2312
|
+
},
|
2313
|
+
lg: {
|
2314
|
+
value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
|
2315
|
+
}
|
2316
|
+
}
|
2282
2317
|
});
|
2283
2318
|
|
2284
2319
|
// src/theme/semantic-tokens/shadows.ts
|
@@ -2286,37 +2321,37 @@ import { defineSemanticTokens as defineSemanticTokens3 } from "@chakra-ui/react"
|
|
2286
2321
|
var semanticShadows = defineSemanticTokens3.shadows({
|
2287
2322
|
xs: {
|
2288
2323
|
value: {
|
2289
|
-
_light: "0px 1px 2px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/
|
2324
|
+
_light: "0px 1px 2px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/5}",
|
2290
2325
|
_dark: "0px 1px 1px {black/64}, 0px 0px 1px inset {colors.gray.300/20}"
|
2291
2326
|
}
|
2292
2327
|
},
|
2293
2328
|
sm: {
|
2294
2329
|
value: {
|
2295
|
-
_light: "0px 2px 4px {colors.gray.900/5}, 0px 0px
|
2330
|
+
_light: "0px 2px 4px {colors.gray.900/5}, 0px 0px 2px {colors.gray.900/5}",
|
2296
2331
|
_dark: "0px 2px 4px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2297
2332
|
}
|
2298
2333
|
},
|
2299
2334
|
md: {
|
2300
2335
|
value: {
|
2301
|
-
_light: "0px 4px 8px {colors.gray.900/5}, 0px 0px
|
2336
|
+
_light: "0px 4px 8px {colors.gray.900/5}, 0px 0px 3px {colors.gray.900/5}",
|
2302
2337
|
_dark: "0px 4px 8px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2303
2338
|
}
|
2304
2339
|
},
|
2305
2340
|
lg: {
|
2306
2341
|
value: {
|
2307
|
-
_light: "0px 8px 16px {colors.gray.900/5}, 0px 0px
|
2342
|
+
_light: "0px 8px 16px {colors.gray.900/5}, 0px 0px 4px {colors.gray.900/5}",
|
2308
2343
|
_dark: "0px 8px 16px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2309
2344
|
}
|
2310
2345
|
},
|
2311
2346
|
xl: {
|
2312
2347
|
value: {
|
2313
|
-
_light: "0px 16px 24px {colors.gray.900/5}, 0px 0px
|
2348
|
+
_light: "0px 16px 24px {colors.gray.900/5}, 0px 0px 5px {colors.gray.900/5}",
|
2314
2349
|
_dark: "0px 16px 24px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2315
2350
|
}
|
2316
2351
|
},
|
2317
2352
|
"2xl": {
|
2318
2353
|
value: {
|
2319
|
-
_light: "0px 24px 40px {colors.gray.900/10}, 0px 0px
|
2354
|
+
_light: "0px 24px 40px {colors.gray.900/10}, 0px 0px 6px {colors.gray.900/5}",
|
2320
2355
|
_dark: "0px 24px 40px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2321
2356
|
}
|
2322
2357
|
},
|
@@ -2513,15 +2548,95 @@ var avatarSlotRecipe = defineSlotRecipe2({
|
|
2513
2548
|
}
|
2514
2549
|
});
|
2515
2550
|
|
2516
|
-
// src/components/
|
2551
|
+
// src/components/data-list/data-list.recipe.ts
|
2517
2552
|
import { defineSlotRecipe as defineSlotRecipe3 } from "@chakra-ui/react";
|
2553
|
+
import { dataListAnatomy } from "@chakra-ui/react/anatomy";
|
2554
|
+
var dataListSlotRecipe = defineSlotRecipe3({
|
2555
|
+
slots: dataListAnatomy.keys(),
|
2556
|
+
className: "chakra-data-list",
|
2557
|
+
base: {
|
2558
|
+
itemLabel: {
|
2559
|
+
color: "fg.muted",
|
2560
|
+
display: "flex",
|
2561
|
+
alignItems: "center",
|
2562
|
+
gap: "1"
|
2563
|
+
},
|
2564
|
+
itemValue: {
|
2565
|
+
display: "flex",
|
2566
|
+
minWidth: "0",
|
2567
|
+
flex: "1"
|
2568
|
+
}
|
2569
|
+
},
|
2570
|
+
variants: {
|
2571
|
+
orientation: {
|
2572
|
+
horizontal: {
|
2573
|
+
root: {
|
2574
|
+
display: "flex",
|
2575
|
+
flexDirection: "column"
|
2576
|
+
},
|
2577
|
+
item: {
|
2578
|
+
display: "inline-flex",
|
2579
|
+
alignItems: "center",
|
2580
|
+
gap: "4"
|
2581
|
+
},
|
2582
|
+
itemLabel: {
|
2583
|
+
minWidth: "120px"
|
2584
|
+
}
|
2585
|
+
},
|
2586
|
+
vertical: {
|
2587
|
+
root: {
|
2588
|
+
display: "flex",
|
2589
|
+
flexDirection: "column"
|
2590
|
+
},
|
2591
|
+
item: {
|
2592
|
+
display: "flex",
|
2593
|
+
flexDirection: "column",
|
2594
|
+
gap: "1"
|
2595
|
+
}
|
2596
|
+
}
|
2597
|
+
},
|
2598
|
+
size: {
|
2599
|
+
sm: {
|
2600
|
+
root: {
|
2601
|
+
gap: "3"
|
2602
|
+
},
|
2603
|
+
item: {
|
2604
|
+
textStyle: "xs"
|
2605
|
+
}
|
2606
|
+
},
|
2607
|
+
md: {
|
2608
|
+
root: {
|
2609
|
+
gap: "4"
|
2610
|
+
},
|
2611
|
+
item: {
|
2612
|
+
textStyle: "sm"
|
2613
|
+
}
|
2614
|
+
},
|
2615
|
+
lg: {
|
2616
|
+
root: {
|
2617
|
+
gap: "5"
|
2618
|
+
},
|
2619
|
+
item: {
|
2620
|
+
textStyle: "md"
|
2621
|
+
}
|
2622
|
+
}
|
2623
|
+
}
|
2624
|
+
},
|
2625
|
+
defaultVariants: {
|
2626
|
+
size: "md",
|
2627
|
+
orientation: "vertical"
|
2628
|
+
}
|
2629
|
+
});
|
2630
|
+
|
2631
|
+
// src/components/dialog/dialog.recipe.ts
|
2632
|
+
import { defineSlotRecipe as defineSlotRecipe4 } from "@chakra-ui/react";
|
2518
2633
|
import { dialogAnatomy } from "@chakra-ui/react/anatomy";
|
2519
|
-
var dialogSlotRecipe =
|
2634
|
+
var dialogSlotRecipe = defineSlotRecipe4({
|
2520
2635
|
slots: dialogAnatomy.keys(),
|
2521
2636
|
className: "chakra-dialog",
|
2522
2637
|
base: {
|
2523
2638
|
backdrop: {
|
2524
|
-
|
2639
|
+
layerStyle: "backdrop",
|
2525
2640
|
pos: "fixed",
|
2526
2641
|
left: 0,
|
2527
2642
|
top: 0,
|
@@ -2544,7 +2659,7 @@ var dialogSlotRecipe = defineSlotRecipe3({
|
|
2544
2659
|
position: "fixed",
|
2545
2660
|
left: 0,
|
2546
2661
|
top: 0,
|
2547
|
-
"--dialog-z-index": "zIndex.
|
2662
|
+
"--dialog-z-index": "zIndex.layer-4",
|
2548
2663
|
zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
|
2549
2664
|
justifyContent: "center",
|
2550
2665
|
overscrollBehaviorY: "none"
|
@@ -2555,13 +2670,11 @@ var dialogSlotRecipe = defineSlotRecipe3({
|
|
2555
2670
|
position: "relative",
|
2556
2671
|
width: "100%",
|
2557
2672
|
outline: 0,
|
2558
|
-
borderRadius: "l3",
|
2559
2673
|
textStyle: "sm",
|
2560
2674
|
my: "var(--dialog-margin, var(--dialog-base-margin))",
|
2561
|
-
"--dialog-z-index": "zIndex.
|
2675
|
+
"--dialog-z-index": "zIndex.layer-4",
|
2562
2676
|
zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
|
2563
|
-
|
2564
|
-
boxShadow: "lg",
|
2677
|
+
layerStyle: "overlay",
|
2565
2678
|
_open: {
|
2566
2679
|
animationDuration: "moderate"
|
2567
2680
|
},
|
@@ -2738,14 +2851,14 @@ var dialogSlotRecipe = defineSlotRecipe3({
|
|
2738
2851
|
});
|
2739
2852
|
|
2740
2853
|
// src/components/drawer/drawer.recipe.ts
|
2741
|
-
import { defineSlotRecipe as
|
2854
|
+
import { defineSlotRecipe as defineSlotRecipe5 } from "@chakra-ui/react";
|
2742
2855
|
import { drawerAnatomy } from "@chakra-ui/react/anatomy";
|
2743
|
-
var drawerSlotRecipe =
|
2856
|
+
var drawerSlotRecipe = defineSlotRecipe5({
|
2744
2857
|
slots: drawerAnatomy.keys(),
|
2745
2858
|
className: "chakra-drawer",
|
2746
2859
|
base: {
|
2747
2860
|
backdrop: {
|
2748
|
-
|
2861
|
+
layerStyle: "backdrop",
|
2749
2862
|
pos: "fixed",
|
2750
2863
|
insetInlineStart: 0,
|
2751
2864
|
top: 0,
|
@@ -2766,6 +2879,7 @@ var drawerSlotRecipe = defineSlotRecipe4({
|
|
2766
2879
|
width: "100vw",
|
2767
2880
|
height: "100dvh",
|
2768
2881
|
position: "fixed",
|
2882
|
+
padding: 2,
|
2769
2883
|
insetInlineStart: 0,
|
2770
2884
|
top: 0,
|
2771
2885
|
zIndex: "modal",
|
@@ -2777,12 +2891,12 @@ var drawerSlotRecipe = defineSlotRecipe4({
|
|
2777
2891
|
position: "relative",
|
2778
2892
|
width: "100%",
|
2779
2893
|
outline: 0,
|
2780
|
-
|
2894
|
+
"--drawer-z-index": "zIndex.layer-4",
|
2895
|
+
zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0))",
|
2781
2896
|
textStyle: "sm",
|
2782
2897
|
maxH: "100dvh",
|
2783
2898
|
color: "inherit",
|
2784
|
-
|
2785
|
-
boxShadow: "lg",
|
2899
|
+
layerStyle: "overlay",
|
2786
2900
|
_open: {
|
2787
2901
|
animationDuration: "slowest",
|
2788
2902
|
animationTimingFunction: "ease-in-smooth"
|
@@ -2918,53 +3032,269 @@ var drawerSlotRecipe = defineSlotRecipe4({
|
|
2918
3032
|
}
|
2919
3033
|
}
|
2920
3034
|
},
|
2921
|
-
|
3035
|
+
attached: {
|
2922
3036
|
true: {
|
2923
3037
|
positioner: {
|
2924
|
-
padding:
|
3038
|
+
padding: 0
|
2925
3039
|
},
|
2926
3040
|
content: {
|
2927
|
-
borderRadius: "
|
3041
|
+
borderRadius: "none"
|
2928
3042
|
}
|
2929
3043
|
}
|
2930
3044
|
}
|
2931
3045
|
},
|
2932
3046
|
defaultVariants: {
|
2933
3047
|
size: "xs",
|
2934
|
-
placement: "end"
|
2935
|
-
contained: true
|
3048
|
+
placement: "end"
|
2936
3049
|
}
|
2937
3050
|
});
|
2938
3051
|
|
2939
|
-
// src/components/
|
2940
|
-
import { defineSlotRecipe as
|
2941
|
-
|
2942
|
-
|
2943
|
-
slots:
|
3052
|
+
// src/components/empty-state/empty-state.recipe.ts
|
3053
|
+
import { defineSlotRecipe as defineSlotRecipe6 } from "@chakra-ui/react";
|
3054
|
+
import { emptyStateAnatomy } from "@chakra-ui/react/anatomy";
|
3055
|
+
var emptyStateSlotRecipe = defineSlotRecipe6({
|
3056
|
+
slots: emptyStateAnatomy.extendWith("actions").keys(),
|
3057
|
+
className: "chakra-empty-state",
|
2944
3058
|
base: {
|
2945
3059
|
root: {
|
2946
|
-
|
3060
|
+
width: "full",
|
3061
|
+
height: "full",
|
3062
|
+
display: "flex",
|
3063
|
+
flexDirection: "column",
|
3064
|
+
alignItems: "center",
|
3065
|
+
justifyContent: "center"
|
2947
3066
|
},
|
2948
|
-
|
3067
|
+
content: {
|
2949
3068
|
display: "flex",
|
2950
|
-
flexDirection: "
|
3069
|
+
flexDirection: "column",
|
2951
3070
|
alignItems: "center",
|
2952
|
-
justifyContent: "
|
2953
|
-
|
2954
|
-
|
2955
|
-
|
2956
|
-
|
2957
|
-
|
2958
|
-
|
2959
|
-
|
2960
|
-
|
2961
|
-
|
2962
|
-
|
2963
|
-
|
2964
|
-
|
2965
|
-
|
2966
|
-
|
2967
|
-
|
3071
|
+
justifyContent: "center"
|
3072
|
+
},
|
3073
|
+
indicator: {
|
3074
|
+
display: "flex",
|
3075
|
+
alignItems: "center",
|
3076
|
+
justifyContent: "center",
|
3077
|
+
color: "colorPalette.solid",
|
3078
|
+
_icon: {
|
3079
|
+
boxSize: "1em"
|
3080
|
+
}
|
3081
|
+
},
|
3082
|
+
title: {
|
3083
|
+
fontWeight: "semibold"
|
3084
|
+
},
|
3085
|
+
description: {
|
3086
|
+
textStyle: "sm",
|
3087
|
+
color: "fg.muted"
|
3088
|
+
},
|
3089
|
+
actions: {
|
3090
|
+
display: "flex",
|
3091
|
+
flexDirection: "row",
|
3092
|
+
gap: "2"
|
3093
|
+
}
|
3094
|
+
},
|
3095
|
+
variants: {
|
3096
|
+
size: {
|
3097
|
+
sm: {
|
3098
|
+
root: {
|
3099
|
+
px: "4",
|
3100
|
+
py: "6"
|
3101
|
+
},
|
3102
|
+
indicator: {
|
3103
|
+
textStyle: "3xl",
|
3104
|
+
mb: "2"
|
3105
|
+
},
|
3106
|
+
title: {
|
3107
|
+
textStyle: "md"
|
3108
|
+
},
|
3109
|
+
description: {
|
3110
|
+
textStyle: "xs"
|
3111
|
+
},
|
3112
|
+
content: {},
|
3113
|
+
actions: {
|
3114
|
+
mt: "2"
|
3115
|
+
}
|
3116
|
+
},
|
3117
|
+
md: {
|
3118
|
+
root: {
|
3119
|
+
px: "8",
|
3120
|
+
py: "12"
|
3121
|
+
},
|
3122
|
+
indicator: {
|
3123
|
+
textStyle: "4xl",
|
3124
|
+
mb: "3"
|
3125
|
+
},
|
3126
|
+
title: {
|
3127
|
+
textStyle: "lg"
|
3128
|
+
},
|
3129
|
+
description: {
|
3130
|
+
textStyle: "sm"
|
3131
|
+
},
|
3132
|
+
content: {},
|
3133
|
+
actions: {
|
3134
|
+
mt: "3"
|
3135
|
+
}
|
3136
|
+
},
|
3137
|
+
lg: {
|
3138
|
+
root: {
|
3139
|
+
px: "12",
|
3140
|
+
py: "16"
|
3141
|
+
},
|
3142
|
+
indicator: {
|
3143
|
+
textStyle: "6xl",
|
3144
|
+
mb: "4"
|
3145
|
+
},
|
3146
|
+
title: {
|
3147
|
+
textStyle: "xl"
|
3148
|
+
},
|
3149
|
+
description: {
|
3150
|
+
textStyle: "md"
|
3151
|
+
},
|
3152
|
+
content: {},
|
3153
|
+
actions: {
|
3154
|
+
mt: "4"
|
3155
|
+
}
|
3156
|
+
}
|
3157
|
+
},
|
3158
|
+
align: {
|
3159
|
+
start: {
|
3160
|
+
content: {
|
3161
|
+
alignItems: "flex-start"
|
3162
|
+
}
|
3163
|
+
},
|
3164
|
+
center: {
|
3165
|
+
content: {
|
3166
|
+
alignItems: "center"
|
3167
|
+
}
|
3168
|
+
}
|
3169
|
+
}
|
3170
|
+
},
|
3171
|
+
defaultVariants: {
|
3172
|
+
size: "md",
|
3173
|
+
align: "center"
|
3174
|
+
}
|
3175
|
+
});
|
3176
|
+
|
3177
|
+
// src/components/file-upload/file-upload.recipe.ts
|
3178
|
+
import { defineSlotRecipe as defineSlotRecipe7 } from "@chakra-ui/react";
|
3179
|
+
import { fileUploadAnatomy } from "@chakra-ui/react/anatomy";
|
3180
|
+
var fileUploadSlotRecipe = defineSlotRecipe7({
|
3181
|
+
className: "chakra-file-upload",
|
3182
|
+
slots: fileUploadAnatomy.keys(),
|
3183
|
+
base: {
|
3184
|
+
root: {
|
3185
|
+
display: "flex",
|
3186
|
+
flexDirection: "column",
|
3187
|
+
gap: "4",
|
3188
|
+
width: "100%",
|
3189
|
+
alignItems: "flex-start"
|
3190
|
+
},
|
3191
|
+
label: {
|
3192
|
+
fontWeight: "medium",
|
3193
|
+
textStyle: "sm"
|
3194
|
+
},
|
3195
|
+
dropzone: {
|
3196
|
+
background: "bg",
|
3197
|
+
borderRadius: "panel.md",
|
3198
|
+
borderWidth: "1px",
|
3199
|
+
borderStyle: "dashed",
|
3200
|
+
display: "flex",
|
3201
|
+
alignItems: "center",
|
3202
|
+
flexDirection: "column",
|
3203
|
+
gap: "4",
|
3204
|
+
justifyContent: "center",
|
3205
|
+
p: "4",
|
3206
|
+
transition: "backgrounds",
|
3207
|
+
focusVisibleRing: "outside",
|
3208
|
+
_dragging: {
|
3209
|
+
bg: "colorPalette.subtle",
|
3210
|
+
borderStyle: "solid",
|
3211
|
+
borderColor: "colorPalette.solid"
|
3212
|
+
}
|
3213
|
+
},
|
3214
|
+
dropzoneContent: {
|
3215
|
+
display: "flex",
|
3216
|
+
flexDirection: "column",
|
3217
|
+
alignItems: "center",
|
3218
|
+
textAlign: "center",
|
3219
|
+
gap: "4",
|
3220
|
+
textStyle: "sm"
|
3221
|
+
},
|
3222
|
+
item: {
|
3223
|
+
textStyle: "sm",
|
3224
|
+
animationName: "fade-in",
|
3225
|
+
animationDuration: "moderate",
|
3226
|
+
background: "bg",
|
3227
|
+
borderRadius: "panel.md",
|
3228
|
+
borderWidth: "1px",
|
3229
|
+
width: "100%",
|
3230
|
+
display: "flex",
|
3231
|
+
alignItems: "center",
|
3232
|
+
gap: "3",
|
3233
|
+
px: "4",
|
3234
|
+
py: "2"
|
3235
|
+
},
|
3236
|
+
itemGroup: {
|
3237
|
+
width: "100%",
|
3238
|
+
display: "flex",
|
3239
|
+
flexDirection: "column",
|
3240
|
+
gap: "3"
|
3241
|
+
},
|
3242
|
+
itemName: {
|
3243
|
+
color: "fg",
|
3244
|
+
fontWeight: "medium",
|
3245
|
+
lineClamp: "1"
|
3246
|
+
},
|
3247
|
+
itemContent: {
|
3248
|
+
display: "flex",
|
3249
|
+
flexDirection: "column",
|
3250
|
+
gap: "0.5",
|
3251
|
+
flex: "1"
|
3252
|
+
},
|
3253
|
+
itemSizeText: {
|
3254
|
+
color: "fg.muted",
|
3255
|
+
textStyle: "xs"
|
3256
|
+
},
|
3257
|
+
itemDeleteTrigger: {
|
3258
|
+
alignSelf: "flex-start"
|
3259
|
+
},
|
3260
|
+
itemPreviewImage: {
|
3261
|
+
width: "10",
|
3262
|
+
height: "10",
|
3263
|
+
objectFit: "scale-down"
|
3264
|
+
}
|
3265
|
+
},
|
3266
|
+
defaultVariants: {}
|
3267
|
+
});
|
3268
|
+
|
3269
|
+
// src/components/grid-list/grid-list.recipe.ts
|
3270
|
+
import { defineSlotRecipe as defineSlotRecipe8 } from "@chakra-ui/react";
|
3271
|
+
var gridListSlotRecipe = defineSlotRecipe8({
|
3272
|
+
className: "sui-grid-list",
|
3273
|
+
slots: ["root", "item", "header", "cell"],
|
3274
|
+
base: {
|
3275
|
+
root: {
|
3276
|
+
position: "relative"
|
3277
|
+
},
|
3278
|
+
item: {
|
3279
|
+
display: "flex",
|
3280
|
+
flexDirection: "row",
|
3281
|
+
alignItems: "center",
|
3282
|
+
justifyContent: "space-between",
|
3283
|
+
flex: 1,
|
3284
|
+
userSelect: "none",
|
3285
|
+
borderRadius: "inherit",
|
3286
|
+
outline: "none",
|
3287
|
+
_focusVisible: {
|
3288
|
+
boxShadow: "outline"
|
3289
|
+
},
|
3290
|
+
_disabled: {
|
3291
|
+
cursor: "disabled",
|
3292
|
+
opacity: 0.5,
|
3293
|
+
_hover: {
|
3294
|
+
bg: "transparent",
|
3295
|
+
_dark: {
|
3296
|
+
bg: "transparent"
|
3297
|
+
}
|
2968
3298
|
},
|
2969
3299
|
_active: {
|
2970
3300
|
bg: "transparent",
|
@@ -3071,8 +3401,8 @@ var gridListSlotRecipe = defineSlotRecipe5({
|
|
3071
3401
|
});
|
3072
3402
|
|
3073
3403
|
// src/components/loading-overlay/loading-overlay.recipe.ts
|
3074
|
-
import { defineSlotRecipe as
|
3075
|
-
var loadingOverlaySlotRecipe =
|
3404
|
+
import { defineSlotRecipe as defineSlotRecipe9 } from "@chakra-ui/react";
|
3405
|
+
var loadingOverlaySlotRecipe = defineSlotRecipe9({
|
3076
3406
|
className: "sui-loading-overlay",
|
3077
3407
|
slots: ["root", "text"],
|
3078
3408
|
base: {
|
@@ -3132,35 +3462,159 @@ var loadingOverlaySlotRecipe = defineSlotRecipe6({
|
|
3132
3462
|
}
|
3133
3463
|
});
|
3134
3464
|
|
3135
|
-
// src/components/
|
3136
|
-
import { defineSlotRecipe as
|
3137
|
-
|
3138
|
-
|
3139
|
-
|
3465
|
+
// src/components/menu/menu.recipe.ts
|
3466
|
+
import { defineSlotRecipe as defineSlotRecipe10 } from "@chakra-ui/react";
|
3467
|
+
import { menuAnatomy } from "@chakra-ui/react/anatomy";
|
3468
|
+
var menuSlotRecipe = defineSlotRecipe10({
|
3469
|
+
className: "chakra-menu",
|
3470
|
+
slots: menuAnatomy.keys(),
|
3140
3471
|
base: {
|
3141
|
-
|
3142
|
-
|
3143
|
-
|
3144
|
-
|
3145
|
-
|
3146
|
-
|
3147
|
-
|
3148
|
-
|
3149
|
-
|
3150
|
-
|
3151
|
-
|
3152
|
-
|
3153
|
-
|
3154
|
-
|
3472
|
+
content: {
|
3473
|
+
layerStyle: "overlay",
|
3474
|
+
boxShadow: "md",
|
3475
|
+
borderWidth: "1px",
|
3476
|
+
borderColor: "border",
|
3477
|
+
outline: 0,
|
3478
|
+
color: "fg",
|
3479
|
+
maxHeight: "var(--available-height)",
|
3480
|
+
"--menu-z-index": "zIndex.layer-3",
|
3481
|
+
zIndex: "calc(var(--menu-z-index) + var(--layer-index, 0))",
|
3482
|
+
overflow: "hidden",
|
3483
|
+
_open: {
|
3484
|
+
animationStyle: "slide-fade-in",
|
3485
|
+
animationDuration: "fast"
|
3486
|
+
},
|
3487
|
+
_closed: {
|
3488
|
+
animationStyle: "slide-fade-out",
|
3489
|
+
animationDuration: "faster"
|
3155
3490
|
}
|
3156
3491
|
},
|
3157
|
-
|
3492
|
+
item: {
|
3493
|
+
textDecoration: "none",
|
3494
|
+
color: "fg",
|
3495
|
+
userSelect: "none",
|
3496
|
+
borderRadius: "control.md",
|
3497
|
+
width: "100%",
|
3158
3498
|
display: "flex",
|
3499
|
+
cursor: "menuitem",
|
3159
3500
|
alignItems: "center",
|
3160
|
-
|
3161
|
-
|
3162
|
-
|
3163
|
-
|
3501
|
+
textAlign: "start",
|
3502
|
+
position: "relative",
|
3503
|
+
flex: "0 0 auto",
|
3504
|
+
outline: 0,
|
3505
|
+
_disabled: {
|
3506
|
+
layerStyle: "disabled"
|
3507
|
+
}
|
3508
|
+
},
|
3509
|
+
itemText: {
|
3510
|
+
flex: "1"
|
3511
|
+
},
|
3512
|
+
itemGroupLabel: {
|
3513
|
+
px: "2",
|
3514
|
+
py: "1.5",
|
3515
|
+
fontWeight: "semibold",
|
3516
|
+
textStyle: "sm"
|
3517
|
+
},
|
3518
|
+
indicator: {
|
3519
|
+
display: "inline-flex",
|
3520
|
+
alignItems: "center",
|
3521
|
+
justifyContent: "center",
|
3522
|
+
flexShrink: "0"
|
3523
|
+
},
|
3524
|
+
itemCommand: {
|
3525
|
+
opacity: "0.6",
|
3526
|
+
textStyle: "xs",
|
3527
|
+
ms: "auto",
|
3528
|
+
ps: "4",
|
3529
|
+
letterSpacing: "widest"
|
3530
|
+
},
|
3531
|
+
separator: {
|
3532
|
+
height: "1px",
|
3533
|
+
bg: "bg.muted",
|
3534
|
+
my: "1",
|
3535
|
+
mx: "-1"
|
3536
|
+
}
|
3537
|
+
},
|
3538
|
+
variants: {
|
3539
|
+
variant: {
|
3540
|
+
subtle: {
|
3541
|
+
item: {
|
3542
|
+
_highlighted: {
|
3543
|
+
bg: "bg.subtle"
|
3544
|
+
}
|
3545
|
+
}
|
3546
|
+
},
|
3547
|
+
solid: {
|
3548
|
+
item: {
|
3549
|
+
_highlighted: {
|
3550
|
+
bg: "colorPalette.solid",
|
3551
|
+
color: "colorPalette.contrast"
|
3552
|
+
}
|
3553
|
+
}
|
3554
|
+
}
|
3555
|
+
},
|
3556
|
+
size: {
|
3557
|
+
sm: {
|
3558
|
+
content: {
|
3559
|
+
minW: "8rem",
|
3560
|
+
padding: "0.5"
|
3561
|
+
},
|
3562
|
+
item: {
|
3563
|
+
gap: "1",
|
3564
|
+
textStyle: "xs",
|
3565
|
+
py: "1",
|
3566
|
+
px: "1.5"
|
3567
|
+
}
|
3568
|
+
},
|
3569
|
+
md: {
|
3570
|
+
content: {
|
3571
|
+
minW: "8rem",
|
3572
|
+
padding: "1"
|
3573
|
+
},
|
3574
|
+
item: {
|
3575
|
+
gap: "2",
|
3576
|
+
textStyle: "sm",
|
3577
|
+
py: "1.5",
|
3578
|
+
px: "2"
|
3579
|
+
}
|
3580
|
+
}
|
3581
|
+
}
|
3582
|
+
},
|
3583
|
+
defaultVariants: {
|
3584
|
+
size: "md",
|
3585
|
+
variant: "subtle"
|
3586
|
+
}
|
3587
|
+
});
|
3588
|
+
|
3589
|
+
// src/components/navbar/navbar.recipe.ts
|
3590
|
+
import { defineSlotRecipe as defineSlotRecipe11 } from "@chakra-ui/react";
|
3591
|
+
var navbarSlotRecipe = defineSlotRecipe11({
|
3592
|
+
className: "sui-navbar",
|
3593
|
+
slots: ["root", "content", "brand", "item", "link"],
|
3594
|
+
base: {
|
3595
|
+
root: {
|
3596
|
+
display: "flex",
|
3597
|
+
zIndex: "layer-3",
|
3598
|
+
width: "full",
|
3599
|
+
height: "auto",
|
3600
|
+
alignItems: "center",
|
3601
|
+
justifyContent: "center",
|
3602
|
+
top: 0,
|
3603
|
+
insetX: 0,
|
3604
|
+
transitionProperty: "common",
|
3605
|
+
transitionDuration: "moderate",
|
3606
|
+
transitionTimingFunction: "ease-in-out",
|
3607
|
+
_hidden: {
|
3608
|
+
transform: "translateY(-100%)"
|
3609
|
+
}
|
3610
|
+
},
|
3611
|
+
content: {
|
3612
|
+
display: "flex",
|
3613
|
+
alignItems: "center",
|
3614
|
+
justifyContent: "space-between",
|
3615
|
+
width: "full",
|
3616
|
+
height: "var(--navbar-height)",
|
3617
|
+
flexWrap: "nowrap"
|
3164
3618
|
},
|
3165
3619
|
brand: {
|
3166
3620
|
display: "flex",
|
@@ -3244,7 +3698,7 @@ var navbarSlotRecipe = defineSlotRecipe7({
|
|
3244
3698
|
|
3245
3699
|
// src/components/persona/persona.recipe.ts
|
3246
3700
|
import {
|
3247
|
-
defineSlotRecipe as
|
3701
|
+
defineSlotRecipe as defineSlotRecipe12,
|
3248
3702
|
defineStyle
|
3249
3703
|
} from "@chakra-ui/react";
|
3250
3704
|
var baseStyleLabel = defineStyle({
|
@@ -3254,7 +3708,7 @@ var baseStyleLabel = defineStyle({
|
|
3254
3708
|
minW: 0,
|
3255
3709
|
color: "fg"
|
3256
3710
|
});
|
3257
|
-
var personaSlotRecipe =
|
3711
|
+
var personaSlotRecipe = defineSlotRecipe12({
|
3258
3712
|
className: "sui-persona",
|
3259
3713
|
slots: [
|
3260
3714
|
"root",
|
@@ -3353,10 +3807,97 @@ var personaSlotRecipe = defineSlotRecipe8({
|
|
3353
3807
|
}
|
3354
3808
|
});
|
3355
3809
|
|
3810
|
+
// src/components/popover/popover.recipe.ts
|
3811
|
+
import { defineSlotRecipe as defineSlotRecipe13 } from "@chakra-ui/react";
|
3812
|
+
import { popoverAnatomy } from "@chakra-ui/react/anatomy";
|
3813
|
+
var popoverSlotRecipe = defineSlotRecipe13({
|
3814
|
+
className: "chakra-popover",
|
3815
|
+
slots: popoverAnatomy.keys(),
|
3816
|
+
base: {
|
3817
|
+
content: {
|
3818
|
+
layerStyle: "overlay",
|
3819
|
+
position: "relative",
|
3820
|
+
display: "flex",
|
3821
|
+
flexDirection: "column",
|
3822
|
+
textStyle: "sm",
|
3823
|
+
"--popover-bg": "colors.bg.panel",
|
3824
|
+
bg: "var(--popover-bg)",
|
3825
|
+
"--popover-size": "sizes.xs",
|
3826
|
+
"--popover-mobile-size": "calc(100dvw - 1rem)",
|
3827
|
+
width: {
|
3828
|
+
base: "min(var(--popover-mobile-size), var(--popover-size))",
|
3829
|
+
sm: "var(--popover-size)"
|
3830
|
+
},
|
3831
|
+
"--popover-z-index": "zIndex.layer-2",
|
3832
|
+
zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
|
3833
|
+
borderWidth: "1px",
|
3834
|
+
outline: "0",
|
3835
|
+
transformOrigin: "var(--transform-origin)",
|
3836
|
+
_open: {
|
3837
|
+
animationStyle: "scale-fade-in",
|
3838
|
+
animationDuration: "fast"
|
3839
|
+
},
|
3840
|
+
_closed: {
|
3841
|
+
animationStyle: "scale-fade-out",
|
3842
|
+
animationDuration: "faster"
|
3843
|
+
}
|
3844
|
+
},
|
3845
|
+
header: {
|
3846
|
+
paddingInline: "var(--popover-padding)",
|
3847
|
+
paddingTop: "var(--popover-padding)"
|
3848
|
+
},
|
3849
|
+
body: {
|
3850
|
+
padding: "var(--popover-padding)",
|
3851
|
+
flex: "1"
|
3852
|
+
},
|
3853
|
+
footer: {
|
3854
|
+
display: "flex",
|
3855
|
+
alignItems: "center",
|
3856
|
+
paddingInline: "var(--popover-padding)",
|
3857
|
+
paddingBottom: "var(--popover-padding)"
|
3858
|
+
},
|
3859
|
+
arrow: {
|
3860
|
+
"--arrow-size": "sizes.3",
|
3861
|
+
"--arrow-background": "var(--popover-bg)"
|
3862
|
+
},
|
3863
|
+
arrowTip: {
|
3864
|
+
borderTopWidth: "1px",
|
3865
|
+
borderInlineStartWidth: "1px"
|
3866
|
+
}
|
3867
|
+
},
|
3868
|
+
variants: {
|
3869
|
+
size: {
|
3870
|
+
xs: {
|
3871
|
+
content: {
|
3872
|
+
"--popover-padding": "spacing.3"
|
3873
|
+
}
|
3874
|
+
},
|
3875
|
+
sm: {
|
3876
|
+
content: {
|
3877
|
+
"--popover-padding": "spacing.4"
|
3878
|
+
}
|
3879
|
+
},
|
3880
|
+
md: {
|
3881
|
+
content: {
|
3882
|
+
"--popover-padding": "spacing.5"
|
3883
|
+
}
|
3884
|
+
},
|
3885
|
+
lg: {
|
3886
|
+
content: {
|
3887
|
+
"--popover-padding": "spacing.6"
|
3888
|
+
}
|
3889
|
+
}
|
3890
|
+
}
|
3891
|
+
},
|
3892
|
+
defaultVariants: {
|
3893
|
+
size: "md"
|
3894
|
+
}
|
3895
|
+
});
|
3896
|
+
|
3356
3897
|
// src/components/segmented-control/segment-group.recipe.ts
|
3357
|
-
import { defineSlotRecipe as
|
3898
|
+
import { defineSlotRecipe as defineSlotRecipe14 } from "@chakra-ui/react";
|
3358
3899
|
import { segmentGroupAnatomy } from "@chakra-ui/react/anatomy";
|
3359
|
-
var segmentGroupSlotRecipe =
|
3900
|
+
var segmentGroupSlotRecipe = defineSlotRecipe14({
|
3360
3901
|
className: "chakra-segment-group",
|
3361
3902
|
slots: segmentGroupAnatomy.keys(),
|
3362
3903
|
base: {
|
@@ -3480,8 +4021,8 @@ var segmentGroupSlotRecipe = defineSlotRecipe9({
|
|
3480
4021
|
});
|
3481
4022
|
|
3482
4023
|
// src/components/sidebar/sidebar-item.recipe.ts
|
3483
|
-
import { defineSlotRecipe as
|
3484
|
-
var sidebarNavItemSlotRecipe =
|
4024
|
+
import { defineSlotRecipe as defineSlotRecipe15 } from "@chakra-ui/react";
|
4025
|
+
var sidebarNavItemSlotRecipe = defineSlotRecipe15({
|
3485
4026
|
className: "sui-sidebar-nav-item",
|
3486
4027
|
slots: ["item", "button", "endElement"],
|
3487
4028
|
base: {
|
@@ -3544,18 +4085,44 @@ var sidebarNavItemSlotRecipe = defineSlotRecipe10({
|
|
3544
4085
|
}
|
3545
4086
|
},
|
3546
4087
|
size: {
|
4088
|
+
sm: {
|
4089
|
+
item: {
|
4090
|
+
fontSize: "sm"
|
4091
|
+
},
|
4092
|
+
button: {
|
4093
|
+
borderRadius: "control.md",
|
4094
|
+
px: 1.5,
|
4095
|
+
height: 7
|
4096
|
+
},
|
4097
|
+
endElement: {
|
4098
|
+
pe: "1"
|
4099
|
+
}
|
4100
|
+
},
|
3547
4101
|
md: {
|
3548
4102
|
item: {
|
3549
4103
|
fontSize: "sm"
|
3550
4104
|
},
|
3551
4105
|
button: {
|
3552
|
-
borderRadius: "md",
|
3553
|
-
px:
|
4106
|
+
borderRadius: "control.md",
|
4107
|
+
px: 3,
|
3554
4108
|
height: 8
|
3555
4109
|
},
|
3556
4110
|
endElement: {
|
3557
4111
|
pe: "1"
|
3558
4112
|
}
|
4113
|
+
},
|
4114
|
+
lg: {
|
4115
|
+
item: {
|
4116
|
+
fontSize: "sm"
|
4117
|
+
},
|
4118
|
+
button: {
|
4119
|
+
borderRadius: "control.lg",
|
4120
|
+
px: 3,
|
4121
|
+
height: 10
|
4122
|
+
},
|
4123
|
+
endElement: {
|
4124
|
+
pe: "1"
|
4125
|
+
}
|
3559
4126
|
}
|
3560
4127
|
}
|
3561
4128
|
},
|
@@ -3566,8 +4133,8 @@ var sidebarNavItemSlotRecipe = defineSlotRecipe10({
|
|
3566
4133
|
});
|
3567
4134
|
|
3568
4135
|
// src/components/sidebar/sidebar.recipe.ts
|
3569
|
-
import { defineSlotRecipe as
|
3570
|
-
var sidebarSlotRecipe =
|
4136
|
+
import { defineSlotRecipe as defineSlotRecipe16 } from "@chakra-ui/react";
|
4137
|
+
var sidebarSlotRecipe = defineSlotRecipe16({
|
3571
4138
|
className: "sui-sidebar",
|
3572
4139
|
slots: [
|
3573
4140
|
"root",
|
@@ -3803,9 +4370,9 @@ var sidebarSlotRecipe = defineSlotRecipe11({
|
|
3803
4370
|
});
|
3804
4371
|
|
3805
4372
|
// src/components/status/status.recipe.ts
|
3806
|
-
import { defineSlotRecipe as
|
4373
|
+
import { defineSlotRecipe as defineSlotRecipe17 } from "@chakra-ui/react";
|
3807
4374
|
import { statusAnatomy } from "@chakra-ui/react/anatomy";
|
3808
|
-
var statusSlotRecipe =
|
4375
|
+
var statusSlotRecipe = defineSlotRecipe17({
|
3809
4376
|
className: "chakra-status",
|
3810
4377
|
slots: statusAnatomy.keys(),
|
3811
4378
|
base: {
|
@@ -3849,15 +4416,15 @@ var statusSlotRecipe = defineSlotRecipe12({
|
|
3849
4416
|
});
|
3850
4417
|
|
3851
4418
|
// src/components/tabs/tabs.recipe.ts
|
3852
|
-
import { defineSlotRecipe as
|
4419
|
+
import { defineSlotRecipe as defineSlotRecipe18 } from "@chakra-ui/react";
|
3853
4420
|
import { tabsAnatomy } from "@chakra-ui/react/anatomy";
|
3854
|
-
var tabsSlotRecipe =
|
4421
|
+
var tabsSlotRecipe = defineSlotRecipe18({
|
3855
4422
|
slots: tabsAnatomy.keys(),
|
3856
4423
|
className: "chakra-tabs",
|
3857
4424
|
base: {
|
3858
4425
|
root: {
|
3859
4426
|
colorPalette: "gray",
|
3860
|
-
"--tabs-trigger-radius": "radii.md",
|
4427
|
+
"--tabs-trigger-radius": "radii.control.md",
|
3861
4428
|
position: "relative",
|
3862
4429
|
_horizontal: {
|
3863
4430
|
display: "block"
|
@@ -4049,6 +4616,23 @@ var tabsSlotRecipe = defineSlotRecipe13({
|
|
4049
4616
|
}
|
4050
4617
|
}
|
4051
4618
|
},
|
4619
|
+
ghost: {
|
4620
|
+
list: {
|
4621
|
+
gap: 2
|
4622
|
+
},
|
4623
|
+
trigger: {
|
4624
|
+
borderRadius: "var(--tabs-trigger-radius)",
|
4625
|
+
color: "fg.muted",
|
4626
|
+
_hover: {
|
4627
|
+
bg: "bg.muted",
|
4628
|
+
color: "fg.subtle"
|
4629
|
+
},
|
4630
|
+
_selected: {
|
4631
|
+
bg: "colorPalette.subtle !important",
|
4632
|
+
color: "colorPalette.fg !important"
|
4633
|
+
}
|
4634
|
+
}
|
4635
|
+
},
|
4052
4636
|
enclosed: {
|
4053
4637
|
list: {
|
4054
4638
|
bg: "bg.muted",
|
@@ -4146,11 +4730,11 @@ var tabsSlotRecipe = defineSlotRecipe13({
|
|
4146
4730
|
});
|
4147
4731
|
|
4148
4732
|
// src/components/tag/tag.recipe.ts
|
4149
|
-
import { defineSlotRecipe as
|
4733
|
+
import { defineSlotRecipe as defineSlotRecipe19 } from "@chakra-ui/react";
|
4150
4734
|
import { tagAnatomy } from "@chakra-ui/react/anatomy";
|
4151
4735
|
var _a;
|
4152
4736
|
var badgeVariant = (_a = badgeRecipe.variants) == null ? void 0 : _a.variant;
|
4153
|
-
var tagSlotRecipe =
|
4737
|
+
var tagSlotRecipe = defineSlotRecipe19({
|
4154
4738
|
slots: tagAnatomy.keys(),
|
4155
4739
|
className: "chakra-tag",
|
4156
4740
|
base: {
|
@@ -4302,9 +4886,9 @@ var tagSlotRecipe = defineSlotRecipe14({
|
|
4302
4886
|
});
|
4303
4887
|
|
4304
4888
|
// src/components/toaster/toast.recipe.ts
|
4305
|
-
import { defineSlotRecipe as
|
4889
|
+
import { defineSlotRecipe as defineSlotRecipe20 } from "@chakra-ui/react";
|
4306
4890
|
import { toastAnatomy } from "@chakra-ui/react/anatomy";
|
4307
|
-
var toastSlotRecipe =
|
4891
|
+
var toastSlotRecipe = defineSlotRecipe20({
|
4308
4892
|
slots: toastAnatomy.keys(),
|
4309
4893
|
className: "chakra-toast",
|
4310
4894
|
base: {
|
@@ -4393,16 +4977,70 @@ var toastSlotRecipe = defineSlotRecipe15({
|
|
4393
4977
|
}
|
4394
4978
|
});
|
4395
4979
|
|
4396
|
-
// src/
|
4397
|
-
import { defineSlotRecipe as
|
4398
|
-
import {
|
4399
|
-
var
|
4400
|
-
|
4401
|
-
|
4980
|
+
// src/components/tooltip/tooltip.recipe.ts
|
4981
|
+
import { defineSlotRecipe as defineSlotRecipe21 } from "@chakra-ui/react";
|
4982
|
+
import { tooltipAnatomy } from "@chakra-ui/react/anatomy";
|
4983
|
+
var tooltipSlotRecipe = defineSlotRecipe21({
|
4984
|
+
slots: tooltipAnatomy.keys(),
|
4985
|
+
className: "chakra-tooltip",
|
4402
4986
|
base: {
|
4403
|
-
|
4404
|
-
|
4405
|
-
|
4987
|
+
content: {
|
4988
|
+
"--tooltip-bg": "colors.bg",
|
4989
|
+
display: "flex",
|
4990
|
+
alignItems: "center",
|
4991
|
+
bg: "var(--tooltip-bg)",
|
4992
|
+
color: "fg",
|
4993
|
+
px: "2.5",
|
4994
|
+
py: "1",
|
4995
|
+
borderRadius: "l2",
|
4996
|
+
fontWeight: "medium",
|
4997
|
+
textStyle: "xs",
|
4998
|
+
boxShadow: "md",
|
4999
|
+
maxW: "xs",
|
5000
|
+
zIndex: "tooltip",
|
5001
|
+
transformOrigin: "var(--transform-origin)",
|
5002
|
+
_open: {
|
5003
|
+
animationStyle: "scale-fade-in",
|
5004
|
+
animationDuration: "fast"
|
5005
|
+
},
|
5006
|
+
_closed: {
|
5007
|
+
animationStyle: "scale-fade-out",
|
5008
|
+
animationDuration: "fast"
|
5009
|
+
}
|
5010
|
+
},
|
5011
|
+
arrow: {
|
5012
|
+
"--arrow-size": "sizes.2",
|
5013
|
+
"--arrow-background": "var(--tooltip-bg)",
|
5014
|
+
zIndex: "-1"
|
5015
|
+
},
|
5016
|
+
arrowTip: {
|
5017
|
+
borderTopWidth: "1px",
|
5018
|
+
borderInlineStartWidth: "1px",
|
5019
|
+
borderColor: "var(--tooltip-bg)"
|
5020
|
+
}
|
5021
|
+
},
|
5022
|
+
variants: {
|
5023
|
+
variant: {
|
5024
|
+
inverted: {
|
5025
|
+
content: {
|
5026
|
+
"--tooltip-bg": "colors.bg.inverted",
|
5027
|
+
color: "fg.inverted"
|
5028
|
+
}
|
5029
|
+
}
|
5030
|
+
}
|
5031
|
+
}
|
5032
|
+
});
|
5033
|
+
|
5034
|
+
// src/theme/recipes/chakra/accordion.ts
|
5035
|
+
import { defineSlotRecipe as defineSlotRecipe22 } from "@chakra-ui/react";
|
5036
|
+
import { accordionAnatomy } from "@chakra-ui/react/anatomy";
|
5037
|
+
var accordionSlotRecipe = defineSlotRecipe22({
|
5038
|
+
className: "chakra-accordion",
|
5039
|
+
slots: accordionAnatomy.keys(),
|
5040
|
+
base: {
|
5041
|
+
root: {
|
5042
|
+
width: "full",
|
5043
|
+
"--accordion-radius": "radii.l2"
|
4406
5044
|
},
|
4407
5045
|
item: {
|
4408
5046
|
overflowAnchor: "none"
|
@@ -4534,9 +5172,9 @@ var accordionSlotRecipe = defineSlotRecipe16({
|
|
4534
5172
|
});
|
4535
5173
|
|
4536
5174
|
// src/theme/recipes/chakra/action-bar.ts
|
4537
|
-
import { defineSlotRecipe as
|
5175
|
+
import { defineSlotRecipe as defineSlotRecipe23 } from "@chakra-ui/react";
|
4538
5176
|
import { actionBarAnatomy } from "@chakra-ui/react/anatomy";
|
4539
|
-
var actionBarSlotRecipe =
|
5177
|
+
var actionBarSlotRecipe = defineSlotRecipe23({
|
4540
5178
|
className: "chakra-action-bar",
|
4541
5179
|
slots: actionBarAnatomy.keys(),
|
4542
5180
|
base: {
|
@@ -4592,9 +5230,9 @@ var actionBarSlotRecipe = defineSlotRecipe17({
|
|
4592
5230
|
});
|
4593
5231
|
|
4594
5232
|
// src/theme/recipes/chakra/alert.ts
|
4595
|
-
import { defineSlotRecipe as
|
5233
|
+
import { defineSlotRecipe as defineSlotRecipe24 } from "@chakra-ui/react";
|
4596
5234
|
import { alertAnatomy } from "@chakra-ui/react/anatomy";
|
4597
|
-
var alertSlotRecipe =
|
5235
|
+
var alertSlotRecipe = defineSlotRecipe24({
|
4598
5236
|
slots: alertAnatomy.keys(),
|
4599
5237
|
className: "chakra-alert",
|
4600
5238
|
base: {
|
@@ -4741,9 +5379,9 @@ var alertSlotRecipe = defineSlotRecipe18({
|
|
4741
5379
|
});
|
4742
5380
|
|
4743
5381
|
// src/theme/recipes/chakra/blockquote.ts
|
4744
|
-
import { defineSlotRecipe as
|
5382
|
+
import { defineSlotRecipe as defineSlotRecipe25 } from "@chakra-ui/react";
|
4745
5383
|
import { blockquoteAnatomy } from "@chakra-ui/react/anatomy";
|
4746
|
-
var blockquoteSlotRecipe =
|
5384
|
+
var blockquoteSlotRecipe = defineSlotRecipe25({
|
4747
5385
|
className: "chakra-blockquote",
|
4748
5386
|
slots: blockquoteAnatomy.keys(),
|
4749
5387
|
base: {
|
@@ -4820,9 +5458,9 @@ var blockquoteSlotRecipe = defineSlotRecipe19({
|
|
4820
5458
|
});
|
4821
5459
|
|
4822
5460
|
// src/theme/recipes/chakra/breadcrumb.ts
|
4823
|
-
import { defineSlotRecipe as
|
5461
|
+
import { defineSlotRecipe as defineSlotRecipe26 } from "@chakra-ui/react";
|
4824
5462
|
import { breadcrumbAnatomy } from "@chakra-ui/react/anatomy";
|
4825
|
-
var breadcrumbSlotRecipe =
|
5463
|
+
var breadcrumbSlotRecipe = defineSlotRecipe26({
|
4826
5464
|
className: "chakra-breadcrumb",
|
4827
5465
|
slots: breadcrumbAnatomy.keys(),
|
4828
5466
|
base: {
|
@@ -4912,9 +5550,9 @@ var breadcrumbSlotRecipe = defineSlotRecipe20({
|
|
4912
5550
|
});
|
4913
5551
|
|
4914
5552
|
// src/theme/recipes/chakra/card.ts
|
4915
|
-
import { defineSlotRecipe as
|
5553
|
+
import { defineSlotRecipe as defineSlotRecipe27 } from "@chakra-ui/react";
|
4916
5554
|
import { cardAnatomy } from "@chakra-ui/react/anatomy";
|
4917
|
-
var cardSlotRecipe =
|
5555
|
+
var cardSlotRecipe = defineSlotRecipe27({
|
4918
5556
|
className: "chakra-card",
|
4919
5557
|
slots: cardAnatomy.keys(),
|
4920
5558
|
base: {
|
@@ -5034,10 +5672,10 @@ var cardSlotRecipe = defineSlotRecipe21({
|
|
5034
5672
|
});
|
5035
5673
|
|
5036
5674
|
// src/theme/recipes/chakra/checkbox.ts
|
5037
|
-
import { defineSlotRecipe as
|
5675
|
+
import { defineSlotRecipe as defineSlotRecipe28 } from "@chakra-ui/react";
|
5038
5676
|
import { checkboxAnatomy } from "@chakra-ui/react/anatomy";
|
5039
5677
|
var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
5040
|
-
var checkboxSlotRecipe =
|
5678
|
+
var checkboxSlotRecipe = defineSlotRecipe28({
|
5041
5679
|
slots: checkboxAnatomy.keys(),
|
5042
5680
|
className: "chakra-checkbox",
|
5043
5681
|
base: {
|
@@ -5099,10 +5737,10 @@ var checkboxSlotRecipe = defineSlotRecipe22({
|
|
5099
5737
|
});
|
5100
5738
|
|
5101
5739
|
// src/theme/recipes/chakra/checkbox-card.ts
|
5102
|
-
import { defineSlotRecipe as
|
5740
|
+
import { defineSlotRecipe as defineSlotRecipe29 } from "@chakra-ui/react";
|
5103
5741
|
import { checkboxCardAnatomy } from "@chakra-ui/react/anatomy";
|
5104
5742
|
var _a3, _b2, _c2, _d2, _e2, _f2, _g2;
|
5105
|
-
var checkboxCardSlotRecipe =
|
5743
|
+
var checkboxCardSlotRecipe = defineSlotRecipe29({
|
5106
5744
|
slots: checkboxCardAnatomy.keys(),
|
5107
5745
|
className: "chakra-checkbox-card",
|
5108
5746
|
base: {
|
@@ -5302,9 +5940,9 @@ var checkboxCardSlotRecipe = defineSlotRecipe23({
|
|
5302
5940
|
});
|
5303
5941
|
|
5304
5942
|
// src/theme/recipes/chakra/collapsible.ts
|
5305
|
-
import { defineSlotRecipe as
|
5943
|
+
import { defineSlotRecipe as defineSlotRecipe30 } from "@chakra-ui/react";
|
5306
5944
|
import { collapsibleAnatomy } from "@chakra-ui/react/anatomy";
|
5307
|
-
var collapsibleSlotRecipe =
|
5945
|
+
var collapsibleSlotRecipe = defineSlotRecipe30({
|
5308
5946
|
slots: collapsibleAnatomy.keys(),
|
5309
5947
|
className: "chakra-collapsible",
|
5310
5948
|
base: {
|
@@ -5322,88 +5960,8 @@ var collapsibleSlotRecipe = defineSlotRecipe24({
|
|
5322
5960
|
}
|
5323
5961
|
});
|
5324
5962
|
|
5325
|
-
// src/theme/recipes/chakra/data-list.ts
|
5326
|
-
import { defineSlotRecipe as defineSlotRecipe25 } from "@chakra-ui/react";
|
5327
|
-
import { dataListAnatomy } from "@chakra-ui/react/anatomy";
|
5328
|
-
var dataListSlotRecipe = defineSlotRecipe25({
|
5329
|
-
slots: dataListAnatomy.keys(),
|
5330
|
-
className: "chakra-data-list",
|
5331
|
-
base: {
|
5332
|
-
itemLabel: {
|
5333
|
-
color: "fg.muted",
|
5334
|
-
display: "flex",
|
5335
|
-
alignItems: "center",
|
5336
|
-
gap: "1"
|
5337
|
-
},
|
5338
|
-
itemValue: {
|
5339
|
-
display: "flex",
|
5340
|
-
minWidth: "0",
|
5341
|
-
flex: "1"
|
5342
|
-
}
|
5343
|
-
},
|
5344
|
-
variants: {
|
5345
|
-
orientation: {
|
5346
|
-
horizontal: {
|
5347
|
-
root: {
|
5348
|
-
display: "flex",
|
5349
|
-
flexDirection: "column"
|
5350
|
-
},
|
5351
|
-
item: {
|
5352
|
-
display: "inline-flex",
|
5353
|
-
alignItems: "center",
|
5354
|
-
gap: "4"
|
5355
|
-
},
|
5356
|
-
itemLabel: {
|
5357
|
-
minWidth: "120px"
|
5358
|
-
}
|
5359
|
-
},
|
5360
|
-
vertical: {
|
5361
|
-
root: {
|
5362
|
-
display: "flex",
|
5363
|
-
flexDirection: "column"
|
5364
|
-
},
|
5365
|
-
item: {
|
5366
|
-
display: "flex",
|
5367
|
-
flexDirection: "column",
|
5368
|
-
gap: "1"
|
5369
|
-
}
|
5370
|
-
}
|
5371
|
-
},
|
5372
|
-
size: {
|
5373
|
-
sm: {
|
5374
|
-
root: {
|
5375
|
-
gap: "3"
|
5376
|
-
},
|
5377
|
-
item: {
|
5378
|
-
textStyle: "xs"
|
5379
|
-
}
|
5380
|
-
},
|
5381
|
-
md: {
|
5382
|
-
root: {
|
5383
|
-
gap: "4"
|
5384
|
-
},
|
5385
|
-
item: {
|
5386
|
-
textStyle: "sm"
|
5387
|
-
}
|
5388
|
-
},
|
5389
|
-
lg: {
|
5390
|
-
root: {
|
5391
|
-
gap: "5"
|
5392
|
-
},
|
5393
|
-
item: {
|
5394
|
-
textStyle: "md"
|
5395
|
-
}
|
5396
|
-
}
|
5397
|
-
}
|
5398
|
-
},
|
5399
|
-
defaultVariants: {
|
5400
|
-
size: "md",
|
5401
|
-
orientation: "vertical"
|
5402
|
-
}
|
5403
|
-
});
|
5404
|
-
|
5405
5963
|
// src/theme/recipes/chakra/editable.ts
|
5406
|
-
import { defineSlotRecipe as
|
5964
|
+
import { defineSlotRecipe as defineSlotRecipe31, defineStyle as defineStyle2 } from "@chakra-ui/react";
|
5407
5965
|
import { editableAnatomy } from "@chakra-ui/react/anatomy";
|
5408
5966
|
var sharedStyles = defineStyle2({
|
5409
5967
|
fontSize: "inherit",
|
@@ -5412,7 +5970,7 @@ var sharedStyles = defineStyle2({
|
|
5412
5970
|
bg: "transparent",
|
5413
5971
|
borderRadius: "l2"
|
5414
5972
|
});
|
5415
|
-
var editableSlotRecipe =
|
5973
|
+
var editableSlotRecipe = defineSlotRecipe31({
|
5416
5974
|
slots: editableAnatomy.keys(),
|
5417
5975
|
className: "chakra-editable",
|
5418
5976
|
base: {
|
@@ -5487,102 +6045,10 @@ var editableSlotRecipe = defineSlotRecipe26({
|
|
5487
6045
|
}
|
5488
6046
|
});
|
5489
6047
|
|
5490
|
-
// src/theme/recipes/chakra/empty-state.ts
|
5491
|
-
import { defineSlotRecipe as defineSlotRecipe27 } from "@chakra-ui/react";
|
5492
|
-
import { emptyStateAnatomy } from "@chakra-ui/react/anatomy";
|
5493
|
-
var emptyStateSlotRecipe = defineSlotRecipe27({
|
5494
|
-
slots: emptyStateAnatomy.keys(),
|
5495
|
-
className: "chakra-empty-state",
|
5496
|
-
base: {
|
5497
|
-
root: {
|
5498
|
-
width: "full",
|
5499
|
-
height: "full",
|
5500
|
-
display: "flex",
|
5501
|
-
flexDirection: "column",
|
5502
|
-
alignItems: "center",
|
5503
|
-
justifyContent: "center"
|
5504
|
-
},
|
5505
|
-
content: {
|
5506
|
-
display: "flex",
|
5507
|
-
flexDirection: "column",
|
5508
|
-
alignItems: "center",
|
5509
|
-
justifyContent: "center"
|
5510
|
-
},
|
5511
|
-
indicator: {
|
5512
|
-
display: "flex",
|
5513
|
-
alignItems: "center",
|
5514
|
-
justifyContent: "center",
|
5515
|
-
color: "fg.subtle",
|
5516
|
-
_icon: {
|
5517
|
-
boxSize: "1em"
|
5518
|
-
}
|
5519
|
-
},
|
5520
|
-
title: {
|
5521
|
-
fontWeight: "semibold"
|
5522
|
-
},
|
5523
|
-
description: {
|
5524
|
-
textStyle: "sm",
|
5525
|
-
color: "fg.muted"
|
5526
|
-
}
|
5527
|
-
},
|
5528
|
-
variants: {
|
5529
|
-
size: {
|
5530
|
-
sm: {
|
5531
|
-
root: {
|
5532
|
-
px: "4",
|
5533
|
-
py: "6"
|
5534
|
-
},
|
5535
|
-
title: {
|
5536
|
-
textStyle: "md"
|
5537
|
-
},
|
5538
|
-
content: {
|
5539
|
-
gap: "4"
|
5540
|
-
},
|
5541
|
-
indicator: {
|
5542
|
-
textStyle: "2xl"
|
5543
|
-
}
|
5544
|
-
},
|
5545
|
-
md: {
|
5546
|
-
root: {
|
5547
|
-
px: "8",
|
5548
|
-
py: "12"
|
5549
|
-
},
|
5550
|
-
title: {
|
5551
|
-
textStyle: "lg"
|
5552
|
-
},
|
5553
|
-
content: {
|
5554
|
-
gap: "6"
|
5555
|
-
},
|
5556
|
-
indicator: {
|
5557
|
-
textStyle: "4xl"
|
5558
|
-
}
|
5559
|
-
},
|
5560
|
-
lg: {
|
5561
|
-
root: {
|
5562
|
-
px: "12",
|
5563
|
-
py: "16"
|
5564
|
-
},
|
5565
|
-
title: {
|
5566
|
-
textStyle: "xl"
|
5567
|
-
},
|
5568
|
-
content: {
|
5569
|
-
gap: "8"
|
5570
|
-
},
|
5571
|
-
indicator: {
|
5572
|
-
textStyle: "6xl"
|
5573
|
-
}
|
5574
|
-
}
|
5575
|
-
}
|
5576
|
-
},
|
5577
|
-
defaultVariants: {
|
5578
|
-
size: "md"
|
5579
|
-
}
|
5580
|
-
});
|
5581
|
-
|
5582
6048
|
// src/theme/recipes/chakra/field.ts
|
5583
|
-
import { defineSlotRecipe as
|
6049
|
+
import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react";
|
5584
6050
|
import { fieldAnatomy } from "@chakra-ui/react/anatomy";
|
5585
|
-
var fieldSlotRecipe =
|
6051
|
+
var fieldSlotRecipe = defineSlotRecipe32({
|
5586
6052
|
className: "chakra-field",
|
5587
6053
|
slots: fieldAnatomy.keys(),
|
5588
6054
|
base: {
|
@@ -5655,106 +6121,10 @@ var fieldSlotRecipe = defineSlotRecipe28({
|
|
5655
6121
|
}
|
5656
6122
|
});
|
5657
6123
|
|
5658
|
-
// src/theme/recipes/chakra/file-upload.ts
|
5659
|
-
import { defineSlotRecipe as defineSlotRecipe29 } from "@chakra-ui/react";
|
5660
|
-
import { fileUploadAnatomy } from "@chakra-ui/react/anatomy";
|
5661
|
-
var fileUploadSlotRecipe = defineSlotRecipe29({
|
5662
|
-
className: "chakra-file-upload",
|
5663
|
-
slots: fileUploadAnatomy.keys(),
|
5664
|
-
base: {
|
5665
|
-
root: {
|
5666
|
-
display: "flex",
|
5667
|
-
flexDirection: "column",
|
5668
|
-
gap: "4",
|
5669
|
-
width: "100%",
|
5670
|
-
alignItems: "flex-start"
|
5671
|
-
},
|
5672
|
-
label: {
|
5673
|
-
fontWeight: "medium",
|
5674
|
-
textStyle: "sm"
|
5675
|
-
},
|
5676
|
-
dropzone: {
|
5677
|
-
background: "bg",
|
5678
|
-
borderRadius: "l3",
|
5679
|
-
borderWidth: "2px",
|
5680
|
-
borderStyle: "dashed",
|
5681
|
-
display: "flex",
|
5682
|
-
alignItems: "center",
|
5683
|
-
flexDirection: "column",
|
5684
|
-
gap: "4",
|
5685
|
-
justifyContent: "center",
|
5686
|
-
minHeight: "2xs",
|
5687
|
-
px: "3",
|
5688
|
-
py: "2",
|
5689
|
-
transition: "backgrounds",
|
5690
|
-
focusVisibleRing: "outside",
|
5691
|
-
_hover: {
|
5692
|
-
bg: "bg.subtle"
|
5693
|
-
},
|
5694
|
-
_dragging: {
|
5695
|
-
bg: "colorPalette.subtle",
|
5696
|
-
borderStyle: "solid",
|
5697
|
-
borderColor: "colorPalette.solid"
|
5698
|
-
}
|
5699
|
-
},
|
5700
|
-
dropzoneContent: {
|
5701
|
-
display: "flex",
|
5702
|
-
flexDirection: "column",
|
5703
|
-
alignItems: "center",
|
5704
|
-
textAlign: "center",
|
5705
|
-
gap: "1",
|
5706
|
-
textStyle: "sm"
|
5707
|
-
},
|
5708
|
-
item: {
|
5709
|
-
textStyle: "sm",
|
5710
|
-
animationName: "fade-in",
|
5711
|
-
animationDuration: "moderate",
|
5712
|
-
background: "bg",
|
5713
|
-
borderRadius: "l2",
|
5714
|
-
borderWidth: "1px",
|
5715
|
-
width: "100%",
|
5716
|
-
display: "flex",
|
5717
|
-
alignItems: "center",
|
5718
|
-
gap: "3",
|
5719
|
-
p: "4"
|
5720
|
-
},
|
5721
|
-
itemGroup: {
|
5722
|
-
width: "100%",
|
5723
|
-
display: "flex",
|
5724
|
-
flexDirection: "column",
|
5725
|
-
gap: "3"
|
5726
|
-
},
|
5727
|
-
itemName: {
|
5728
|
-
color: "fg",
|
5729
|
-
fontWeight: "medium",
|
5730
|
-
lineClamp: "1"
|
5731
|
-
},
|
5732
|
-
itemContent: {
|
5733
|
-
display: "flex",
|
5734
|
-
flexDirection: "column",
|
5735
|
-
gap: "0.5",
|
5736
|
-
flex: "1"
|
5737
|
-
},
|
5738
|
-
itemSizeText: {
|
5739
|
-
color: "fg.muted",
|
5740
|
-
textStyle: "xs"
|
5741
|
-
},
|
5742
|
-
itemDeleteTrigger: {
|
5743
|
-
alignSelf: "flex-start"
|
5744
|
-
},
|
5745
|
-
itemPreviewImage: {
|
5746
|
-
width: "10",
|
5747
|
-
height: "10",
|
5748
|
-
objectFit: "scale-down"
|
5749
|
-
}
|
5750
|
-
},
|
5751
|
-
defaultVariants: {}
|
5752
|
-
});
|
5753
|
-
|
5754
6124
|
// src/theme/recipes/chakra/hover-card.ts
|
5755
|
-
import { defineSlotRecipe as
|
6125
|
+
import { defineSlotRecipe as defineSlotRecipe33 } from "@chakra-ui/react";
|
5756
6126
|
import { hoverCardAnatomy } from "@chakra-ui/react/anatomy";
|
5757
|
-
var hoverCardSlotRecipe =
|
6127
|
+
var hoverCardSlotRecipe = defineSlotRecipe33({
|
5758
6128
|
className: "chakra-hover-card",
|
5759
6129
|
slots: hoverCardAnatomy.keys(),
|
5760
6130
|
base: {
|
@@ -5819,200 +6189,77 @@ var hoverCardSlotRecipe = defineSlotRecipe30({
|
|
5819
6189
|
});
|
5820
6190
|
|
5821
6191
|
// src/theme/recipes/chakra/list.ts
|
5822
|
-
import { defineSlotRecipe as
|
6192
|
+
import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react";
|
5823
6193
|
import { listAnatomy } from "@chakra-ui/react/anatomy";
|
5824
|
-
var listSlotRecipe =
|
5825
|
-
className: "chakra-list",
|
5826
|
-
slots: listAnatomy.keys(),
|
5827
|
-
base: {
|
5828
|
-
root: {
|
5829
|
-
display: "flex",
|
5830
|
-
flexDirection: "column",
|
5831
|
-
gap: "var(--list-gap)",
|
5832
|
-
"& :where(ul, ol)": {
|
5833
|
-
marginTop: "var(--list-gap)"
|
5834
|
-
}
|
5835
|
-
},
|
5836
|
-
item: {
|
5837
|
-
whiteSpace: "normal",
|
5838
|
-
display: "list-item"
|
5839
|
-
},
|
5840
|
-
indicator: {
|
5841
|
-
marginEnd: "2",
|
5842
|
-
minHeight: "1lh",
|
5843
|
-
flexShrink: 0,
|
5844
|
-
display: "inline-block",
|
5845
|
-
verticalAlign: "middle"
|
5846
|
-
}
|
5847
|
-
},
|
5848
|
-
variants: {
|
5849
|
-
variant: {
|
5850
|
-
marker: {
|
5851
|
-
root: {
|
5852
|
-
listStyle: "revert",
|
5853
|
-
listStylePosition: "inside"
|
5854
|
-
},
|
5855
|
-
item: {
|
5856
|
-
_marker: {
|
5857
|
-
color: "fg.subtle"
|
5858
|
-
}
|
5859
|
-
}
|
5860
|
-
},
|
5861
|
-
plain: {
|
5862
|
-
item: {
|
5863
|
-
alignItems: "flex-start",
|
5864
|
-
display: "inline-flex"
|
5865
|
-
}
|
5866
|
-
}
|
5867
|
-
},
|
5868
|
-
align: {
|
5869
|
-
center: {
|
5870
|
-
item: { alignItems: "center" }
|
5871
|
-
},
|
5872
|
-
start: {
|
5873
|
-
item: { alignItems: "flex-start" }
|
5874
|
-
},
|
5875
|
-
end: {
|
5876
|
-
item: { alignItems: "flex-end" }
|
5877
|
-
}
|
5878
|
-
}
|
5879
|
-
},
|
5880
|
-
defaultVariants: {
|
5881
|
-
variant: "marker"
|
5882
|
-
}
|
5883
|
-
});
|
5884
|
-
|
5885
|
-
// src/theme/recipes/chakra/menu.ts
|
5886
|
-
import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react";
|
5887
|
-
import { menuAnatomy } from "@chakra-ui/react/anatomy";
|
5888
|
-
var menuSlotRecipe = defineSlotRecipe32({
|
5889
|
-
className: "chakra-menu",
|
5890
|
-
slots: menuAnatomy.keys(),
|
5891
|
-
base: {
|
5892
|
-
content: {
|
5893
|
-
outline: 0,
|
5894
|
-
bg: "bg.panel",
|
5895
|
-
boxShadow: "lg",
|
5896
|
-
color: "fg",
|
5897
|
-
maxHeight: "var(--available-height)",
|
5898
|
-
"--menu-z-index": "zIndex.dropdown",
|
5899
|
-
zIndex: "calc(var(--menu-z-index) + var(--layer-index, 0))",
|
5900
|
-
borderRadius: "l2",
|
5901
|
-
overflow: "hidden",
|
5902
|
-
_open: {
|
5903
|
-
animationStyle: "slide-fade-in",
|
5904
|
-
animationDuration: "fast"
|
5905
|
-
},
|
5906
|
-
_closed: {
|
5907
|
-
animationStyle: "slide-fade-out",
|
5908
|
-
animationDuration: "faster"
|
5909
|
-
}
|
5910
|
-
},
|
5911
|
-
item: {
|
5912
|
-
textDecoration: "none",
|
5913
|
-
color: "fg",
|
5914
|
-
userSelect: "none",
|
5915
|
-
borderRadius: "l3",
|
5916
|
-
width: "100%",
|
5917
|
-
display: "flex",
|
5918
|
-
cursor: "menuitem",
|
5919
|
-
alignItems: "center",
|
5920
|
-
textAlign: "start",
|
5921
|
-
position: "relative",
|
5922
|
-
flex: "0 0 auto",
|
5923
|
-
outline: 0,
|
5924
|
-
_disabled: {
|
5925
|
-
layerStyle: "disabled"
|
6194
|
+
var listSlotRecipe = defineSlotRecipe34({
|
6195
|
+
className: "chakra-list",
|
6196
|
+
slots: listAnatomy.keys(),
|
6197
|
+
base: {
|
6198
|
+
root: {
|
6199
|
+
display: "flex",
|
6200
|
+
flexDirection: "column",
|
6201
|
+
gap: "var(--list-gap)",
|
6202
|
+
"& :where(ul, ol)": {
|
6203
|
+
marginTop: "var(--list-gap)"
|
5926
6204
|
}
|
5927
6205
|
},
|
5928
|
-
|
5929
|
-
|
5930
|
-
|
5931
|
-
itemGroupLabel: {
|
5932
|
-
px: "2",
|
5933
|
-
py: "1.5",
|
5934
|
-
fontWeight: "semibold",
|
5935
|
-
textStyle: "sm"
|
6206
|
+
item: {
|
6207
|
+
whiteSpace: "normal",
|
6208
|
+
display: "list-item"
|
5936
6209
|
},
|
5937
6210
|
indicator: {
|
5938
|
-
|
5939
|
-
|
5940
|
-
|
5941
|
-
|
5942
|
-
|
5943
|
-
itemCommand: {
|
5944
|
-
opacity: "0.6",
|
5945
|
-
textStyle: "xs",
|
5946
|
-
ms: "auto",
|
5947
|
-
ps: "4",
|
5948
|
-
letterSpacing: "widest"
|
5949
|
-
},
|
5950
|
-
separator: {
|
5951
|
-
height: "1px",
|
5952
|
-
bg: "bg.muted",
|
5953
|
-
my: "1",
|
5954
|
-
mx: "-1"
|
6211
|
+
marginEnd: "2",
|
6212
|
+
minHeight: "1lh",
|
6213
|
+
flexShrink: 0,
|
6214
|
+
display: "inline-block",
|
6215
|
+
verticalAlign: "middle"
|
5955
6216
|
}
|
5956
6217
|
},
|
5957
6218
|
variants: {
|
5958
6219
|
variant: {
|
5959
|
-
|
6220
|
+
marker: {
|
6221
|
+
root: {
|
6222
|
+
listStyle: "revert",
|
6223
|
+
listStylePosition: "inside"
|
6224
|
+
},
|
5960
6225
|
item: {
|
5961
|
-
|
5962
|
-
|
6226
|
+
_marker: {
|
6227
|
+
color: "fg.subtle"
|
5963
6228
|
}
|
5964
6229
|
}
|
5965
6230
|
},
|
5966
|
-
|
6231
|
+
plain: {
|
5967
6232
|
item: {
|
5968
|
-
|
5969
|
-
|
5970
|
-
color: "colorPalette.contrast"
|
5971
|
-
}
|
6233
|
+
alignItems: "flex-start",
|
6234
|
+
display: "inline-flex"
|
5972
6235
|
}
|
5973
6236
|
}
|
5974
6237
|
},
|
5975
|
-
|
5976
|
-
|
5977
|
-
|
5978
|
-
minW: "8rem",
|
5979
|
-
padding: "1"
|
5980
|
-
},
|
5981
|
-
item: {
|
5982
|
-
gap: "1",
|
5983
|
-
textStyle: "xs",
|
5984
|
-
py: "1",
|
5985
|
-
px: "1.5"
|
5986
|
-
}
|
6238
|
+
align: {
|
6239
|
+
center: {
|
6240
|
+
item: { alignItems: "center" }
|
5987
6241
|
},
|
5988
|
-
|
5989
|
-
|
5990
|
-
|
5991
|
-
|
5992
|
-
}
|
5993
|
-
item: {
|
5994
|
-
gap: "2",
|
5995
|
-
textStyle: "sm",
|
5996
|
-
py: "1.5",
|
5997
|
-
px: "2"
|
5998
|
-
}
|
6242
|
+
start: {
|
6243
|
+
item: { alignItems: "flex-start" }
|
6244
|
+
},
|
6245
|
+
end: {
|
6246
|
+
item: { alignItems: "flex-end" }
|
5999
6247
|
}
|
6000
6248
|
}
|
6001
6249
|
},
|
6002
6250
|
defaultVariants: {
|
6003
|
-
|
6004
|
-
variant: "subtle"
|
6251
|
+
variant: "marker"
|
6005
6252
|
}
|
6006
6253
|
});
|
6007
6254
|
|
6008
6255
|
// src/theme/recipes/chakra/native-select.ts
|
6009
|
-
import { defineSlotRecipe as
|
6256
|
+
import { defineSlotRecipe as defineSlotRecipe36 } from "@chakra-ui/react";
|
6010
6257
|
import { nativeSelectAnatomy } from "@chakra-ui/react/anatomy";
|
6011
6258
|
|
6012
6259
|
// src/theme/recipes/chakra/select.ts
|
6013
|
-
import { defineSlotRecipe as
|
6260
|
+
import { defineSlotRecipe as defineSlotRecipe35 } from "@chakra-ui/react";
|
6014
6261
|
import { selectAnatomy } from "@chakra-ui/react/anatomy";
|
6015
|
-
var selectSlotRecipe =
|
6262
|
+
var selectSlotRecipe = defineSlotRecipe35({
|
6016
6263
|
className: "chakra-select",
|
6017
6264
|
slots: selectAnatomy.keys(),
|
6018
6265
|
base: {
|
@@ -6297,7 +6544,7 @@ var selectSlotRecipe = defineSlotRecipe33({
|
|
6297
6544
|
|
6298
6545
|
// src/theme/recipes/chakra/native-select.ts
|
6299
6546
|
var _a4, _b3;
|
6300
|
-
var nativeSelectSlotRecipe =
|
6547
|
+
var nativeSelectSlotRecipe = defineSlotRecipe36({
|
6301
6548
|
className: "chakra-native-select",
|
6302
6549
|
slots: nativeSelectAnatomy.keys(),
|
6303
6550
|
base: {
|
@@ -6430,7 +6677,7 @@ var nativeSelectSlotRecipe = defineSlotRecipe34({
|
|
6430
6677
|
});
|
6431
6678
|
|
6432
6679
|
// src/theme/recipes/chakra/number-input.ts
|
6433
|
-
import { defineSlotRecipe as
|
6680
|
+
import { defineSlotRecipe as defineSlotRecipe37, defineStyle as defineStyle3 } from "@chakra-ui/react";
|
6434
6681
|
import { numberInputAnatomy } from "@chakra-ui/react/anatomy";
|
6435
6682
|
|
6436
6683
|
// src/theme/utils.ts
|
@@ -6445,9 +6692,6 @@ function mapEntries(obj, f) {
|
|
6445
6692
|
function scaleToken(value) {
|
6446
6693
|
return `calc(${value} * var(--scale-factor))`;
|
6447
6694
|
}
|
6448
|
-
function radiusToken(value) {
|
6449
|
-
return `calc(${value} * var(--scale-factor) * var(--radius-factor))`;
|
6450
|
-
}
|
6451
6695
|
|
6452
6696
|
// src/theme/recipes/chakra/number-input.ts
|
6453
6697
|
var triggerStyle = defineStyle3({
|
@@ -6474,7 +6718,7 @@ var triggerStyle = defineStyle3({
|
|
6474
6718
|
bg: "bg.emphasized"
|
6475
6719
|
}
|
6476
6720
|
});
|
6477
|
-
var numberInputSlotRecipe =
|
6721
|
+
var numberInputSlotRecipe = defineSlotRecipe37({
|
6478
6722
|
className: "chakra-number-input",
|
6479
6723
|
slots: numberInputAnatomy.keys(),
|
6480
6724
|
base: {
|
@@ -6559,10 +6803,10 @@ var numberInputSlotRecipe = defineSlotRecipe35({
|
|
6559
6803
|
});
|
6560
6804
|
|
6561
6805
|
// src/theme/recipes/chakra/pin-input.ts
|
6562
|
-
import { defineSlotRecipe as
|
6806
|
+
import { defineSlotRecipe as defineSlotRecipe38 } from "@chakra-ui/react";
|
6563
6807
|
import { pinInputAnatomy } from "@chakra-ui/react/anatomy";
|
6564
6808
|
var { variants: variants2, defaultVariants: defaultVariants2 } = inputRecipe;
|
6565
|
-
var pinInputSlotRecipe =
|
6809
|
+
var pinInputSlotRecipe = defineSlotRecipe38({
|
6566
6810
|
className: "chakra-pin-input",
|
6567
6811
|
slots: pinInputAnatomy.keys(),
|
6568
6812
|
base: {
|
@@ -6590,97 +6834,10 @@ var pinInputSlotRecipe = defineSlotRecipe36({
|
|
6590
6834
|
defaultVariants: defaultVariants2
|
6591
6835
|
});
|
6592
6836
|
|
6593
|
-
// src/theme/recipes/chakra/popover.ts
|
6594
|
-
import { defineSlotRecipe as defineSlotRecipe37 } from "@chakra-ui/react";
|
6595
|
-
import { popoverAnatomy } from "@chakra-ui/react/anatomy";
|
6596
|
-
var popoverSlotRecipe = defineSlotRecipe37({
|
6597
|
-
className: "chakra-popover",
|
6598
|
-
slots: popoverAnatomy.keys(),
|
6599
|
-
base: {
|
6600
|
-
content: {
|
6601
|
-
position: "relative",
|
6602
|
-
display: "flex",
|
6603
|
-
flexDirection: "column",
|
6604
|
-
textStyle: "sm",
|
6605
|
-
"--popover-bg": "colors.bg.panel",
|
6606
|
-
bg: "var(--popover-bg)",
|
6607
|
-
boxShadow: "lg",
|
6608
|
-
"--popover-size": "sizes.xs",
|
6609
|
-
"--popover-mobile-size": "calc(100dvw - 1rem)",
|
6610
|
-
width: {
|
6611
|
-
base: "min(var(--popover-mobile-size), var(--popover-size))",
|
6612
|
-
sm: "var(--popover-size)"
|
6613
|
-
},
|
6614
|
-
borderRadius: "l3",
|
6615
|
-
"--popover-z-index": "zIndex.popover",
|
6616
|
-
zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
|
6617
|
-
outline: "0",
|
6618
|
-
transformOrigin: "var(--transform-origin)",
|
6619
|
-
_open: {
|
6620
|
-
animationStyle: "scale-fade-in",
|
6621
|
-
animationDuration: "fast"
|
6622
|
-
},
|
6623
|
-
_closed: {
|
6624
|
-
animationStyle: "scale-fade-out",
|
6625
|
-
animationDuration: "faster"
|
6626
|
-
}
|
6627
|
-
},
|
6628
|
-
header: {
|
6629
|
-
paddingInline: "var(--popover-padding)",
|
6630
|
-
paddingTop: "var(--popover-padding)"
|
6631
|
-
},
|
6632
|
-
body: {
|
6633
|
-
padding: "var(--popover-padding)",
|
6634
|
-
flex: "1"
|
6635
|
-
},
|
6636
|
-
footer: {
|
6637
|
-
display: "flex",
|
6638
|
-
alignItems: "center",
|
6639
|
-
paddingInline: "var(--popover-padding)",
|
6640
|
-
paddingBottom: "var(--popover-padding)"
|
6641
|
-
},
|
6642
|
-
arrow: {
|
6643
|
-
"--arrow-size": "sizes.3",
|
6644
|
-
"--arrow-background": "var(--popover-bg)"
|
6645
|
-
},
|
6646
|
-
arrowTip: {
|
6647
|
-
borderTopWidth: "1px",
|
6648
|
-
borderInlineStartWidth: "1px"
|
6649
|
-
}
|
6650
|
-
},
|
6651
|
-
variants: {
|
6652
|
-
size: {
|
6653
|
-
xs: {
|
6654
|
-
content: {
|
6655
|
-
"--popover-padding": "spacing.3"
|
6656
|
-
}
|
6657
|
-
},
|
6658
|
-
sm: {
|
6659
|
-
content: {
|
6660
|
-
"--popover-padding": "spacing.4"
|
6661
|
-
}
|
6662
|
-
},
|
6663
|
-
md: {
|
6664
|
-
content: {
|
6665
|
-
"--popover-padding": "spacing.5"
|
6666
|
-
}
|
6667
|
-
},
|
6668
|
-
lg: {
|
6669
|
-
content: {
|
6670
|
-
"--popover-padding": "spacing.6"
|
6671
|
-
}
|
6672
|
-
}
|
6673
|
-
}
|
6674
|
-
},
|
6675
|
-
defaultVariants: {
|
6676
|
-
size: "md"
|
6677
|
-
}
|
6678
|
-
});
|
6679
|
-
|
6680
6837
|
// src/theme/recipes/chakra/progress.ts
|
6681
|
-
import { defineSlotRecipe as
|
6838
|
+
import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react";
|
6682
6839
|
import { progressAnatomy } from "@chakra-ui/react/anatomy";
|
6683
|
-
var progressSlotRecipe =
|
6840
|
+
var progressSlotRecipe = defineSlotRecipe39({
|
6684
6841
|
slots: progressAnatomy.keys(),
|
6685
6842
|
className: "chakra-progress",
|
6686
6843
|
base: {
|
@@ -6800,9 +6957,9 @@ var progressSlotRecipe = defineSlotRecipe38({
|
|
6800
6957
|
});
|
6801
6958
|
|
6802
6959
|
// src/theme/recipes/chakra/progress-circle.ts
|
6803
|
-
import { defineSlotRecipe as
|
6960
|
+
import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react";
|
6804
6961
|
import { progressAnatomy as progressAnatomy2 } from "@chakra-ui/react/anatomy";
|
6805
|
-
var progressCircleSlotRecipe =
|
6962
|
+
var progressCircleSlotRecipe = defineSlotRecipe40({
|
6806
6963
|
className: "chakra-progress-circle",
|
6807
6964
|
slots: progressAnatomy2.keys(),
|
6808
6965
|
base: {
|
@@ -6893,10 +7050,10 @@ var progressCircleSlotRecipe = defineSlotRecipe39({
|
|
6893
7050
|
});
|
6894
7051
|
|
6895
7052
|
// src/theme/recipes/chakra/radio-card.ts
|
6896
|
-
import { defineSlotRecipe as
|
7053
|
+
import { defineSlotRecipe as defineSlotRecipe41 } from "@chakra-ui/react";
|
6897
7054
|
import { radioCardAnatomy } from "@chakra-ui/react/anatomy";
|
6898
7055
|
var _a5, _b4, _c3, _d3, _e3, _f3, _g3;
|
6899
|
-
var radioCardSlotRecipe =
|
7056
|
+
var radioCardSlotRecipe = defineSlotRecipe41({
|
6900
7057
|
className: "chakra-radio-card",
|
6901
7058
|
slots: radioCardAnatomy.keys(),
|
6902
7059
|
base: {
|
@@ -7104,10 +7261,10 @@ var radioCardSlotRecipe = defineSlotRecipe40({
|
|
7104
7261
|
});
|
7105
7262
|
|
7106
7263
|
// src/theme/recipes/chakra/radio-group.ts
|
7107
|
-
import { defineSlotRecipe as
|
7264
|
+
import { defineSlotRecipe as defineSlotRecipe42 } from "@chakra-ui/react";
|
7108
7265
|
import { radioGroupAnatomy } from "@chakra-ui/react/anatomy";
|
7109
7266
|
var _a6, _b5, _c4, _d4, _e4, _f4, _g4, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
|
7110
|
-
var radioGroupSlotRecipe =
|
7267
|
+
var radioGroupSlotRecipe = defineSlotRecipe42({
|
7111
7268
|
className: "chakra-radio-group",
|
7112
7269
|
slots: radioGroupAnatomy.keys(),
|
7113
7270
|
base: {
|
@@ -7167,9 +7324,9 @@ var radioGroupSlotRecipe = defineSlotRecipe41({
|
|
7167
7324
|
});
|
7168
7325
|
|
7169
7326
|
// src/theme/recipes/chakra/rating-group.ts
|
7170
|
-
import { defineSlotRecipe as
|
7327
|
+
import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react";
|
7171
7328
|
import { ratingGroupAnatomy } from "@chakra-ui/react/anatomy";
|
7172
|
-
var ratingGroupSlotRecipe =
|
7329
|
+
var ratingGroupSlotRecipe = defineSlotRecipe43({
|
7173
7330
|
className: "chakra-rating-group",
|
7174
7331
|
slots: ratingGroupAnatomy.keys(),
|
7175
7332
|
base: {
|
@@ -7252,9 +7409,9 @@ var ratingGroupSlotRecipe = defineSlotRecipe42({
|
|
7252
7409
|
});
|
7253
7410
|
|
7254
7411
|
// src/theme/recipes/chakra/slider.ts
|
7255
|
-
import { defineSlotRecipe as
|
7412
|
+
import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react";
|
7256
7413
|
import { sliderAnatomy } from "@chakra-ui/react/anatomy";
|
7257
|
-
var sliderSlotRecipe =
|
7414
|
+
var sliderSlotRecipe = defineSlotRecipe44({
|
7258
7415
|
className: "chakra-slider",
|
7259
7416
|
slots: sliderAnatomy.keys(),
|
7260
7417
|
base: {
|
@@ -7429,9 +7586,9 @@ var sliderSlotRecipe = defineSlotRecipe43({
|
|
7429
7586
|
});
|
7430
7587
|
|
7431
7588
|
// src/theme/recipes/chakra/stat.ts
|
7432
|
-
import { defineSlotRecipe as
|
7589
|
+
import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react";
|
7433
7590
|
import { statAnatomy } from "@chakra-ui/react/anatomy";
|
7434
|
-
var statSlotRecipe =
|
7591
|
+
var statSlotRecipe = defineSlotRecipe45({
|
7435
7592
|
className: "chakra-stat",
|
7436
7593
|
slots: statAnatomy.keys(),
|
7437
7594
|
base: {
|
@@ -7507,9 +7664,9 @@ var statSlotRecipe = defineSlotRecipe44({
|
|
7507
7664
|
});
|
7508
7665
|
|
7509
7666
|
// src/theme/recipes/chakra/steps.ts
|
7510
|
-
import { defineSlotRecipe as
|
7667
|
+
import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react";
|
7511
7668
|
import { stepsAnatomy } from "@chakra-ui/react/anatomy";
|
7512
|
-
var stepsSlotRecipe =
|
7669
|
+
var stepsSlotRecipe = defineSlotRecipe46({
|
7513
7670
|
className: "chakra-steps",
|
7514
7671
|
slots: stepsAnatomy.keys(),
|
7515
7672
|
base: {
|
@@ -7722,9 +7879,9 @@ var stepsSlotRecipe = defineSlotRecipe45({
|
|
7722
7879
|
});
|
7723
7880
|
|
7724
7881
|
// src/theme/recipes/chakra/switch.ts
|
7725
|
-
import { defineSlotRecipe as
|
7882
|
+
import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react";
|
7726
7883
|
import { switchAnatomy } from "@chakra-ui/react/anatomy";
|
7727
|
-
var switchSlotRecipe =
|
7884
|
+
var switchSlotRecipe = defineSlotRecipe47({
|
7728
7885
|
slots: switchAnatomy.keys(),
|
7729
7886
|
className: "chakra-switch",
|
7730
7887
|
base: {
|
@@ -7880,9 +8037,9 @@ var switchSlotRecipe = defineSlotRecipe46({
|
|
7880
8037
|
});
|
7881
8038
|
|
7882
8039
|
// src/theme/recipes/chakra/table.ts
|
7883
|
-
import { defineSlotRecipe as
|
8040
|
+
import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react";
|
7884
8041
|
import { tableAnatomy } from "@chakra-ui/react/anatomy";
|
7885
|
-
var tableSlotRecipe =
|
8042
|
+
var tableSlotRecipe = defineSlotRecipe48({
|
7886
8043
|
className: "chakra-table",
|
7887
8044
|
slots: tableAnatomy.keys(),
|
7888
8045
|
base: {
|
@@ -8043,9 +8200,9 @@ var tableSlotRecipe = defineSlotRecipe47({
|
|
8043
8200
|
});
|
8044
8201
|
|
8045
8202
|
// src/theme/recipes/chakra/timeline.ts
|
8046
|
-
import { defineSlotRecipe as
|
8203
|
+
import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react";
|
8047
8204
|
import { timelineAnatomy } from "@chakra-ui/react/anatomy";
|
8048
|
-
var timelineSlotRecipe =
|
8205
|
+
var timelineSlotRecipe = defineSlotRecipe49({
|
8049
8206
|
slots: timelineAnatomy.keys(),
|
8050
8207
|
className: "chakra-timeline",
|
8051
8208
|
base: {
|
@@ -8178,60 +8335,6 @@ var timelineSlotRecipe = defineSlotRecipe48({
|
|
8178
8335
|
}
|
8179
8336
|
});
|
8180
8337
|
|
8181
|
-
// src/theme/recipes/chakra/tooltip.ts
|
8182
|
-
import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react";
|
8183
|
-
import { tooltipAnatomy } from "@chakra-ui/react/anatomy";
|
8184
|
-
var tooltipSlotRecipe = defineSlotRecipe49({
|
8185
|
-
slots: tooltipAnatomy.keys(),
|
8186
|
-
className: "chakra-tooltip",
|
8187
|
-
base: {
|
8188
|
-
content: {
|
8189
|
-
"--tooltip-bg": "colors.bg",
|
8190
|
-
display: "flex",
|
8191
|
-
alignItems: "center",
|
8192
|
-
bg: "var(--tooltip-bg)",
|
8193
|
-
color: "fg",
|
8194
|
-
px: "2.5",
|
8195
|
-
py: "1",
|
8196
|
-
borderRadius: "l2",
|
8197
|
-
fontWeight: "medium",
|
8198
|
-
textStyle: "xs",
|
8199
|
-
boxShadow: "md",
|
8200
|
-
maxW: "xs",
|
8201
|
-
zIndex: "tooltip",
|
8202
|
-
transformOrigin: "var(--transform-origin)",
|
8203
|
-
_open: {
|
8204
|
-
animationStyle: "scale-fade-in",
|
8205
|
-
animationDuration: "fast"
|
8206
|
-
},
|
8207
|
-
_closed: {
|
8208
|
-
animationStyle: "scale-fade-out",
|
8209
|
-
animationDuration: "fast"
|
8210
|
-
}
|
8211
|
-
},
|
8212
|
-
arrow: {
|
8213
|
-
"--arrow-size": "sizes.2",
|
8214
|
-
"--arrow-background": "var(--tooltip-bg)",
|
8215
|
-
zIndex: "-1"
|
8216
|
-
},
|
8217
|
-
arrowTip: {
|
8218
|
-
borderTopWidth: "1px",
|
8219
|
-
borderInlineStartWidth: "1px",
|
8220
|
-
borderColor: "var(--tooltip-bg)"
|
8221
|
-
}
|
8222
|
-
},
|
8223
|
-
variants: {
|
8224
|
-
variant: {
|
8225
|
-
inverted: {
|
8226
|
-
content: {
|
8227
|
-
"--tooltip-bg": "colors.bg.inverted",
|
8228
|
-
color: "fg.inverted"
|
8229
|
-
}
|
8230
|
-
}
|
8231
|
-
}
|
8232
|
-
}
|
8233
|
-
});
|
8234
|
-
|
8235
8338
|
// src/theme/slot-recipes.ts
|
8236
8339
|
var slotRecipes = {
|
8237
8340
|
// Chakra UI Recipes
|
@@ -8645,17 +8748,17 @@ var lineHeights = defineTokens12.lineHeights({
|
|
8645
8748
|
import { defineTokens as defineTokens13 } from "@chakra-ui/react";
|
8646
8749
|
var radii = defineTokens13.radii({
|
8647
8750
|
"2xs": {
|
8648
|
-
value:
|
8649
|
-
},
|
8650
|
-
xs: { value:
|
8651
|
-
sm: { value:
|
8652
|
-
md: { value:
|
8653
|
-
lg: { value:
|
8654
|
-
xl: { value:
|
8655
|
-
"2xl": { value:
|
8656
|
-
"3xl": { value:
|
8657
|
-
"4xl": { value:
|
8658
|
-
full: { value: "
|
8751
|
+
value: "0.0625rem"
|
8752
|
+
},
|
8753
|
+
xs: { value: "0.125rem" },
|
8754
|
+
sm: { value: "0.25rem" },
|
8755
|
+
md: { value: "0.375rem" },
|
8756
|
+
lg: { value: "0.5rem" },
|
8757
|
+
xl: { value: "0.75rem" },
|
8758
|
+
"2xl": { value: "1rem" },
|
8759
|
+
"3xl": { value: "1.5rem" },
|
8760
|
+
"4xl": { value: "2rem" },
|
8761
|
+
full: { value: "9999px" }
|
8659
8762
|
});
|
8660
8763
|
|
8661
8764
|
// src/theme/tokens/sizes.ts
|
@@ -8918,9 +9021,10 @@ export {
|
|
8918
9021
|
CloseButton,
|
8919
9022
|
Command,
|
8920
9023
|
DataList,
|
8921
|
-
|
8922
|
-
|
9024
|
+
dialog_exports as Dialog,
|
9025
|
+
drawer_exports as Drawer,
|
8923
9026
|
EmptyState,
|
9027
|
+
file_upload_exports as FileUpload,
|
8924
9028
|
grid_list_exports as GridList,
|
8925
9029
|
IconBadge,
|
8926
9030
|
IconButton,
|
@@ -8935,11 +9039,12 @@ export {
|
|
8935
9039
|
Persona,
|
8936
9040
|
PersonaAvatar,
|
8937
9041
|
PinInput,
|
9042
|
+
popover_exports as Popover,
|
8938
9043
|
Radio,
|
8939
9044
|
RadioGroup,
|
8940
9045
|
SearchInput,
|
8941
9046
|
SegmentedControl,
|
8942
|
-
|
9047
|
+
namespace_exports as Select,
|
8943
9048
|
sidebar_exports as Sidebar,
|
8944
9049
|
Spinner,
|
8945
9050
|
Status,
|