@saas-ui/react 3.0.0-alpha.24 → 3.0.0-alpha.25
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 +13 -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 +1559 -1340
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +919 -840
- 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
|
+
Status
|
3
|
+
} from "./chunk-YKSY7UOM.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,70 @@ 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";
|
10
17
|
import {
|
11
|
-
|
12
|
-
} from "./chunk-
|
18
|
+
SegmentedControl
|
19
|
+
} from "./chunk-SKXSBAOS.js";
|
20
|
+
import {
|
21
|
+
sidebar_exports,
|
22
|
+
useSidebar,
|
23
|
+
useSidebarItemStyles,
|
24
|
+
useSidebarStyles
|
25
|
+
} from "./chunk-U23VDAWJ.js";
|
13
26
|
import {
|
14
27
|
steps_exports
|
15
28
|
} from "./chunk-VZG7EJ64.js";
|
29
|
+
import {
|
30
|
+
Switch
|
31
|
+
} from "./chunk-SA3OGTOO.js";
|
16
32
|
import {
|
17
33
|
Tabs,
|
18
34
|
useTabsContext,
|
19
35
|
useTabsStyles
|
20
36
|
} from "./chunk-IVLUAUU5.js";
|
21
|
-
import {
|
22
|
-
Switch
|
23
|
-
} from "./chunk-SA3OGTOO.js";
|
24
37
|
import {
|
25
38
|
Tag
|
26
39
|
} from "./chunk-IEWHAXXU.js";
|
27
40
|
import {
|
28
|
-
|
29
|
-
|
30
|
-
} from "./chunk-RLIAFHVM.js";
|
41
|
+
NumberInput
|
42
|
+
} from "./chunk-S5J6REMC.js";
|
31
43
|
import {
|
32
44
|
pagination_exports
|
33
45
|
} from "./chunk-MLJN6IOJ.js";
|
34
46
|
import {
|
35
47
|
PasswordInput
|
36
|
-
} from "./chunk-
|
37
|
-
import {
|
38
|
-
Radio,
|
39
|
-
RadioGroup
|
40
|
-
} from "./chunk-WYLMBMAH.js";
|
48
|
+
} from "./chunk-K2SPPLAY.js";
|
41
49
|
import {
|
42
50
|
Persona,
|
43
51
|
PersonaAvatar,
|
44
52
|
defaultPresenceOptions
|
45
53
|
} from "./chunk-GWC5GCMW.js";
|
46
54
|
import {
|
47
|
-
|
48
|
-
} from "./chunk-
|
55
|
+
PinInput
|
56
|
+
} from "./chunk-2EUACKRH.js";
|
49
57
|
import {
|
50
|
-
|
51
|
-
} from "./chunk-
|
58
|
+
popover_exports
|
59
|
+
} from "./chunk-KE5AC3TZ.js";
|
52
60
|
import {
|
53
|
-
|
54
|
-
|
61
|
+
Radio,
|
62
|
+
RadioGroup
|
63
|
+
} from "./chunk-WYLMBMAH.js";
|
55
64
|
import {
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
} from "./chunk-
|
65
|
+
SearchInput
|
66
|
+
} from "./chunk-46ISJZBS.js";
|
67
|
+
import {
|
68
|
+
IconButton
|
69
|
+
} from "./chunk-MS2ELLDY.js";
|
61
70
|
import {
|
62
71
|
IconBadge
|
63
72
|
} from "./chunk-I2RXEKTB.js";
|
73
|
+
import {
|
74
|
+
InputGroup
|
75
|
+
} from "./chunk-PKI6YH2V.js";
|
76
|
+
import {
|
77
|
+
Link
|
78
|
+
} from "./chunk-TZBAM4AD.js";
|
64
79
|
import {
|
65
80
|
loading_overlay_exports,
|
66
81
|
useLoadingOverlayStyles
|
@@ -68,19 +83,10 @@ import {
|
|
68
83
|
import {
|
69
84
|
Spinner
|
70
85
|
} from "./chunk-32JGENDB.js";
|
71
|
-
import {
|
72
|
-
Link
|
73
|
-
} from "./chunk-TZBAM4AD.js";
|
74
86
|
import {
|
75
87
|
menu_exports
|
76
88
|
} from "./chunk-KFXNVUEZ.js";
|
77
89
|
import "./chunk-KTLWEUNW.js";
|
78
|
-
import {
|
79
|
-
NumberInput
|
80
|
-
} from "./chunk-S5J6REMC.js";
|
81
|
-
import {
|
82
|
-
InputGroup
|
83
|
-
} from "./chunk-PKI6YH2V.js";
|
84
90
|
import {
|
85
91
|
navbar_exports
|
86
92
|
} from "./chunk-Q6SNJJO2.js";
|
@@ -98,15 +104,18 @@ import {
|
|
98
104
|
useDataListStyles
|
99
105
|
} from "./chunk-52XM5VXJ.js";
|
100
106
|
import {
|
101
|
-
|
102
|
-
} from "./chunk-
|
107
|
+
drawer_exports
|
108
|
+
} from "./chunk-6MMPBMKN.js";
|
103
109
|
import {
|
104
110
|
EmptyState
|
105
|
-
} from "./chunk-
|
111
|
+
} from "./chunk-NGGISORT.js";
|
106
112
|
import {
|
107
|
-
|
108
|
-
} from "./chunk-
|
113
|
+
dialog_exports
|
114
|
+
} from "./chunk-CZVNG73V.js";
|
109
115
|
import "./chunk-JMYI6YXR.js";
|
116
|
+
import {
|
117
|
+
file_upload_exports
|
118
|
+
} from "./chunk-GRUMUCSL.js";
|
110
119
|
import {
|
111
120
|
CloseButton
|
112
121
|
} from "./chunk-YXGJOOMM.js";
|
@@ -114,9 +123,6 @@ import "./chunk-4TPVIHNO.js";
|
|
114
123
|
import {
|
115
124
|
grid_list_exports
|
116
125
|
} from "./chunk-NSD5HRIP.js";
|
117
|
-
import {
|
118
|
-
IconButton
|
119
|
-
} from "./chunk-MS2ELLDY.js";
|
120
126
|
import {
|
121
127
|
AppShell
|
122
128
|
} from "./chunk-6ZNR6N2K.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",
|
@@ -269,8 +274,14 @@ var globalCss = defineGlobalStyles({
|
|
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
|
|
@@ -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) * var(--radius-control))"
|
2287
|
+
},
|
2288
|
+
md: {
|
2289
|
+
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-control))"
|
2290
|
+
},
|
2291
|
+
lg: {
|
2292
|
+
value: "calc({radii.md} * var(--scale-factor) * var(--radius-control))"
|
2293
|
+
}
|
2294
|
+
},
|
2295
|
+
panel: {
|
2296
|
+
sm: {
|
2297
|
+
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-panel))"
|
2298
|
+
},
|
2299
|
+
md: {
|
2300
|
+
value: "calc({radii.md} * var(--scale-factor) * var(--radius-panel))"
|
2301
|
+
},
|
2302
|
+
lg: {
|
2303
|
+
value: "calc({radii.lg} * var(--scale-factor) * var(--radius-panel))"
|
2304
|
+
}
|
2305
|
+
},
|
2306
|
+
indicator: {
|
2307
|
+
sm: {
|
2308
|
+
value: "calc({radii.xs} * var(--scale-factor) * var(--radius-indicator))"
|
2309
|
+
},
|
2310
|
+
md: {
|
2311
|
+
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-indicator))"
|
2312
|
+
},
|
2313
|
+
lg: {
|
2314
|
+
value: "calc({radii.md} * var(--scale-factor) * var(--radius-indicator))"
|
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,73 +3032,289 @@ 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
|
-
|
2947
|
-
|
2948
|
-
item: {
|
3060
|
+
width: "full",
|
3061
|
+
height: "full",
|
2949
3062
|
display: "flex",
|
2950
|
-
flexDirection: "
|
3063
|
+
flexDirection: "column",
|
2951
3064
|
alignItems: "center",
|
2952
|
-
justifyContent: "
|
2953
|
-
flex: 1,
|
2954
|
-
userSelect: "none",
|
2955
|
-
borderRadius: "inherit",
|
2956
|
-
outline: "none",
|
2957
|
-
_focusVisible: {
|
2958
|
-
boxShadow: "outline"
|
2959
|
-
},
|
2960
|
-
_disabled: {
|
2961
|
-
cursor: "disabled",
|
2962
|
-
opacity: 0.5,
|
2963
|
-
_hover: {
|
2964
|
-
bg: "transparent",
|
2965
|
-
_dark: {
|
2966
|
-
bg: "transparent"
|
2967
|
-
}
|
2968
|
-
},
|
2969
|
-
_active: {
|
2970
|
-
bg: "transparent",
|
2971
|
-
_dark: {
|
2972
|
-
bg: "transparent"
|
2973
|
-
}
|
2974
|
-
}
|
2975
|
-
}
|
3065
|
+
justifyContent: "center"
|
2976
3066
|
},
|
2977
|
-
|
3067
|
+
content: {
|
2978
3068
|
display: "flex",
|
2979
|
-
flexDirection: "
|
2980
|
-
|
2981
|
-
|
2982
|
-
fontWeight: "semibold",
|
2983
|
-
color: "fg.muted"
|
3069
|
+
flexDirection: "column",
|
3070
|
+
alignItems: "center",
|
3071
|
+
justifyContent: "center"
|
2984
3072
|
},
|
2985
|
-
|
2986
|
-
|
2987
|
-
|
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
|
+
}
|
3298
|
+
},
|
3299
|
+
_active: {
|
3300
|
+
bg: "transparent",
|
3301
|
+
_dark: {
|
3302
|
+
bg: "transparent"
|
3303
|
+
}
|
3304
|
+
}
|
3305
|
+
}
|
3306
|
+
},
|
3307
|
+
header: {
|
3308
|
+
display: "flex",
|
3309
|
+
flexDirection: "row",
|
3310
|
+
position: "sticky",
|
3311
|
+
fontSize: "md",
|
3312
|
+
fontWeight: "semibold",
|
3313
|
+
color: "fg.muted"
|
3314
|
+
},
|
3315
|
+
cell: {
|
3316
|
+
flexShrink: 0
|
3317
|
+
}
|
2988
3318
|
},
|
2989
3319
|
variants: {
|
2990
3320
|
interactive: {
|
@@ -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,9 +3462,133 @@ var loadingOverlaySlotRecipe = defineSlotRecipe6({
|
|
3132
3462
|
}
|
3133
3463
|
});
|
3134
3464
|
|
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(),
|
3471
|
+
base: {
|
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"
|
3490
|
+
}
|
3491
|
+
},
|
3492
|
+
item: {
|
3493
|
+
textDecoration: "none",
|
3494
|
+
color: "fg",
|
3495
|
+
userSelect: "none",
|
3496
|
+
borderRadius: "control.md",
|
3497
|
+
width: "100%",
|
3498
|
+
display: "flex",
|
3499
|
+
cursor: "menuitem",
|
3500
|
+
alignItems: "center",
|
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
|
+
|
3135
3589
|
// src/components/navbar/navbar.recipe.ts
|
3136
|
-
import { defineSlotRecipe as
|
3137
|
-
var navbarSlotRecipe =
|
3590
|
+
import { defineSlotRecipe as defineSlotRecipe11 } from "@chakra-ui/react";
|
3591
|
+
var navbarSlotRecipe = defineSlotRecipe11({
|
3138
3592
|
className: "sui-navbar",
|
3139
3593
|
slots: ["root", "content", "brand", "item", "link"],
|
3140
3594
|
base: {
|
@@ -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: {
|
@@ -3566,8 +4107,8 @@ var sidebarNavItemSlotRecipe = defineSlotRecipe10({
|
|
3566
4107
|
});
|
3567
4108
|
|
3568
4109
|
// src/components/sidebar/sidebar.recipe.ts
|
3569
|
-
import { defineSlotRecipe as
|
3570
|
-
var sidebarSlotRecipe =
|
4110
|
+
import { defineSlotRecipe as defineSlotRecipe16 } from "@chakra-ui/react";
|
4111
|
+
var sidebarSlotRecipe = defineSlotRecipe16({
|
3571
4112
|
className: "sui-sidebar",
|
3572
4113
|
slots: [
|
3573
4114
|
"root",
|
@@ -3803,9 +4344,9 @@ var sidebarSlotRecipe = defineSlotRecipe11({
|
|
3803
4344
|
});
|
3804
4345
|
|
3805
4346
|
// src/components/status/status.recipe.ts
|
3806
|
-
import { defineSlotRecipe as
|
4347
|
+
import { defineSlotRecipe as defineSlotRecipe17 } from "@chakra-ui/react";
|
3807
4348
|
import { statusAnatomy } from "@chakra-ui/react/anatomy";
|
3808
|
-
var statusSlotRecipe =
|
4349
|
+
var statusSlotRecipe = defineSlotRecipe17({
|
3809
4350
|
className: "chakra-status",
|
3810
4351
|
slots: statusAnatomy.keys(),
|
3811
4352
|
base: {
|
@@ -3849,15 +4390,15 @@ var statusSlotRecipe = defineSlotRecipe12({
|
|
3849
4390
|
});
|
3850
4391
|
|
3851
4392
|
// src/components/tabs/tabs.recipe.ts
|
3852
|
-
import { defineSlotRecipe as
|
4393
|
+
import { defineSlotRecipe as defineSlotRecipe18 } from "@chakra-ui/react";
|
3853
4394
|
import { tabsAnatomy } from "@chakra-ui/react/anatomy";
|
3854
|
-
var tabsSlotRecipe =
|
4395
|
+
var tabsSlotRecipe = defineSlotRecipe18({
|
3855
4396
|
slots: tabsAnatomy.keys(),
|
3856
4397
|
className: "chakra-tabs",
|
3857
4398
|
base: {
|
3858
4399
|
root: {
|
3859
4400
|
colorPalette: "gray",
|
3860
|
-
"--tabs-trigger-radius": "radii.md",
|
4401
|
+
"--tabs-trigger-radius": "radii.control.md",
|
3861
4402
|
position: "relative",
|
3862
4403
|
_horizontal: {
|
3863
4404
|
display: "block"
|
@@ -4049,6 +4590,23 @@ var tabsSlotRecipe = defineSlotRecipe13({
|
|
4049
4590
|
}
|
4050
4591
|
}
|
4051
4592
|
},
|
4593
|
+
ghost: {
|
4594
|
+
list: {
|
4595
|
+
gap: 2
|
4596
|
+
},
|
4597
|
+
trigger: {
|
4598
|
+
borderRadius: "var(--tabs-trigger-radius)",
|
4599
|
+
color: "fg.muted",
|
4600
|
+
_hover: {
|
4601
|
+
bg: "bg.muted",
|
4602
|
+
color: "fg.subtle"
|
4603
|
+
},
|
4604
|
+
_selected: {
|
4605
|
+
bg: "colorPalette.subtle !important",
|
4606
|
+
color: "colorPalette.fg !important"
|
4607
|
+
}
|
4608
|
+
}
|
4609
|
+
},
|
4052
4610
|
enclosed: {
|
4053
4611
|
list: {
|
4054
4612
|
bg: "bg.muted",
|
@@ -4146,11 +4704,11 @@ var tabsSlotRecipe = defineSlotRecipe13({
|
|
4146
4704
|
});
|
4147
4705
|
|
4148
4706
|
// src/components/tag/tag.recipe.ts
|
4149
|
-
import { defineSlotRecipe as
|
4707
|
+
import { defineSlotRecipe as defineSlotRecipe19 } from "@chakra-ui/react";
|
4150
4708
|
import { tagAnatomy } from "@chakra-ui/react/anatomy";
|
4151
4709
|
var _a;
|
4152
4710
|
var badgeVariant = (_a = badgeRecipe.variants) == null ? void 0 : _a.variant;
|
4153
|
-
var tagSlotRecipe =
|
4711
|
+
var tagSlotRecipe = defineSlotRecipe19({
|
4154
4712
|
slots: tagAnatomy.keys(),
|
4155
4713
|
className: "chakra-tag",
|
4156
4714
|
base: {
|
@@ -4302,9 +4860,9 @@ var tagSlotRecipe = defineSlotRecipe14({
|
|
4302
4860
|
});
|
4303
4861
|
|
4304
4862
|
// src/components/toaster/toast.recipe.ts
|
4305
|
-
import { defineSlotRecipe as
|
4863
|
+
import { defineSlotRecipe as defineSlotRecipe20 } from "@chakra-ui/react";
|
4306
4864
|
import { toastAnatomy } from "@chakra-ui/react/anatomy";
|
4307
|
-
var toastSlotRecipe =
|
4865
|
+
var toastSlotRecipe = defineSlotRecipe20({
|
4308
4866
|
slots: toastAnatomy.keys(),
|
4309
4867
|
className: "chakra-toast",
|
4310
4868
|
base: {
|
@@ -4393,10 +4951,64 @@ var toastSlotRecipe = defineSlotRecipe15({
|
|
4393
4951
|
}
|
4394
4952
|
});
|
4395
4953
|
|
4954
|
+
// src/components/tooltip/tooltip.recipe.ts
|
4955
|
+
import { defineSlotRecipe as defineSlotRecipe21 } from "@chakra-ui/react";
|
4956
|
+
import { tooltipAnatomy } from "@chakra-ui/react/anatomy";
|
4957
|
+
var tooltipSlotRecipe = defineSlotRecipe21({
|
4958
|
+
slots: tooltipAnatomy.keys(),
|
4959
|
+
className: "chakra-tooltip",
|
4960
|
+
base: {
|
4961
|
+
content: {
|
4962
|
+
"--tooltip-bg": "colors.bg",
|
4963
|
+
display: "flex",
|
4964
|
+
alignItems: "center",
|
4965
|
+
bg: "var(--tooltip-bg)",
|
4966
|
+
color: "fg",
|
4967
|
+
px: "2.5",
|
4968
|
+
py: "1",
|
4969
|
+
borderRadius: "l2",
|
4970
|
+
fontWeight: "medium",
|
4971
|
+
textStyle: "xs",
|
4972
|
+
boxShadow: "md",
|
4973
|
+
maxW: "xs",
|
4974
|
+
zIndex: "tooltip",
|
4975
|
+
transformOrigin: "var(--transform-origin)",
|
4976
|
+
_open: {
|
4977
|
+
animationStyle: "scale-fade-in",
|
4978
|
+
animationDuration: "fast"
|
4979
|
+
},
|
4980
|
+
_closed: {
|
4981
|
+
animationStyle: "scale-fade-out",
|
4982
|
+
animationDuration: "fast"
|
4983
|
+
}
|
4984
|
+
},
|
4985
|
+
arrow: {
|
4986
|
+
"--arrow-size": "sizes.2",
|
4987
|
+
"--arrow-background": "var(--tooltip-bg)",
|
4988
|
+
zIndex: "-1"
|
4989
|
+
},
|
4990
|
+
arrowTip: {
|
4991
|
+
borderTopWidth: "1px",
|
4992
|
+
borderInlineStartWidth: "1px",
|
4993
|
+
borderColor: "var(--tooltip-bg)"
|
4994
|
+
}
|
4995
|
+
},
|
4996
|
+
variants: {
|
4997
|
+
variant: {
|
4998
|
+
inverted: {
|
4999
|
+
content: {
|
5000
|
+
"--tooltip-bg": "colors.bg.inverted",
|
5001
|
+
color: "fg.inverted"
|
5002
|
+
}
|
5003
|
+
}
|
5004
|
+
}
|
5005
|
+
}
|
5006
|
+
});
|
5007
|
+
|
4396
5008
|
// src/theme/recipes/chakra/accordion.ts
|
4397
|
-
import { defineSlotRecipe as
|
5009
|
+
import { defineSlotRecipe as defineSlotRecipe22 } from "@chakra-ui/react";
|
4398
5010
|
import { accordionAnatomy } from "@chakra-ui/react/anatomy";
|
4399
|
-
var accordionSlotRecipe =
|
5011
|
+
var accordionSlotRecipe = defineSlotRecipe22({
|
4400
5012
|
className: "chakra-accordion",
|
4401
5013
|
slots: accordionAnatomy.keys(),
|
4402
5014
|
base: {
|
@@ -4534,9 +5146,9 @@ var accordionSlotRecipe = defineSlotRecipe16({
|
|
4534
5146
|
});
|
4535
5147
|
|
4536
5148
|
// src/theme/recipes/chakra/action-bar.ts
|
4537
|
-
import { defineSlotRecipe as
|
5149
|
+
import { defineSlotRecipe as defineSlotRecipe23 } from "@chakra-ui/react";
|
4538
5150
|
import { actionBarAnatomy } from "@chakra-ui/react/anatomy";
|
4539
|
-
var actionBarSlotRecipe =
|
5151
|
+
var actionBarSlotRecipe = defineSlotRecipe23({
|
4540
5152
|
className: "chakra-action-bar",
|
4541
5153
|
slots: actionBarAnatomy.keys(),
|
4542
5154
|
base: {
|
@@ -4592,9 +5204,9 @@ var actionBarSlotRecipe = defineSlotRecipe17({
|
|
4592
5204
|
});
|
4593
5205
|
|
4594
5206
|
// src/theme/recipes/chakra/alert.ts
|
4595
|
-
import { defineSlotRecipe as
|
5207
|
+
import { defineSlotRecipe as defineSlotRecipe24 } from "@chakra-ui/react";
|
4596
5208
|
import { alertAnatomy } from "@chakra-ui/react/anatomy";
|
4597
|
-
var alertSlotRecipe =
|
5209
|
+
var alertSlotRecipe = defineSlotRecipe24({
|
4598
5210
|
slots: alertAnatomy.keys(),
|
4599
5211
|
className: "chakra-alert",
|
4600
5212
|
base: {
|
@@ -4741,9 +5353,9 @@ var alertSlotRecipe = defineSlotRecipe18({
|
|
4741
5353
|
});
|
4742
5354
|
|
4743
5355
|
// src/theme/recipes/chakra/blockquote.ts
|
4744
|
-
import { defineSlotRecipe as
|
5356
|
+
import { defineSlotRecipe as defineSlotRecipe25 } from "@chakra-ui/react";
|
4745
5357
|
import { blockquoteAnatomy } from "@chakra-ui/react/anatomy";
|
4746
|
-
var blockquoteSlotRecipe =
|
5358
|
+
var blockquoteSlotRecipe = defineSlotRecipe25({
|
4747
5359
|
className: "chakra-blockquote",
|
4748
5360
|
slots: blockquoteAnatomy.keys(),
|
4749
5361
|
base: {
|
@@ -4820,9 +5432,9 @@ var blockquoteSlotRecipe = defineSlotRecipe19({
|
|
4820
5432
|
});
|
4821
5433
|
|
4822
5434
|
// src/theme/recipes/chakra/breadcrumb.ts
|
4823
|
-
import { defineSlotRecipe as
|
5435
|
+
import { defineSlotRecipe as defineSlotRecipe26 } from "@chakra-ui/react";
|
4824
5436
|
import { breadcrumbAnatomy } from "@chakra-ui/react/anatomy";
|
4825
|
-
var breadcrumbSlotRecipe =
|
5437
|
+
var breadcrumbSlotRecipe = defineSlotRecipe26({
|
4826
5438
|
className: "chakra-breadcrumb",
|
4827
5439
|
slots: breadcrumbAnatomy.keys(),
|
4828
5440
|
base: {
|
@@ -4912,9 +5524,9 @@ var breadcrumbSlotRecipe = defineSlotRecipe20({
|
|
4912
5524
|
});
|
4913
5525
|
|
4914
5526
|
// src/theme/recipes/chakra/card.ts
|
4915
|
-
import { defineSlotRecipe as
|
5527
|
+
import { defineSlotRecipe as defineSlotRecipe27 } from "@chakra-ui/react";
|
4916
5528
|
import { cardAnatomy } from "@chakra-ui/react/anatomy";
|
4917
|
-
var cardSlotRecipe =
|
5529
|
+
var cardSlotRecipe = defineSlotRecipe27({
|
4918
5530
|
className: "chakra-card",
|
4919
5531
|
slots: cardAnatomy.keys(),
|
4920
5532
|
base: {
|
@@ -5034,10 +5646,10 @@ var cardSlotRecipe = defineSlotRecipe21({
|
|
5034
5646
|
});
|
5035
5647
|
|
5036
5648
|
// src/theme/recipes/chakra/checkbox.ts
|
5037
|
-
import { defineSlotRecipe as
|
5649
|
+
import { defineSlotRecipe as defineSlotRecipe28 } from "@chakra-ui/react";
|
5038
5650
|
import { checkboxAnatomy } from "@chakra-ui/react/anatomy";
|
5039
5651
|
var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
5040
|
-
var checkboxSlotRecipe =
|
5652
|
+
var checkboxSlotRecipe = defineSlotRecipe28({
|
5041
5653
|
slots: checkboxAnatomy.keys(),
|
5042
5654
|
className: "chakra-checkbox",
|
5043
5655
|
base: {
|
@@ -5099,10 +5711,10 @@ var checkboxSlotRecipe = defineSlotRecipe22({
|
|
5099
5711
|
});
|
5100
5712
|
|
5101
5713
|
// src/theme/recipes/chakra/checkbox-card.ts
|
5102
|
-
import { defineSlotRecipe as
|
5714
|
+
import { defineSlotRecipe as defineSlotRecipe29 } from "@chakra-ui/react";
|
5103
5715
|
import { checkboxCardAnatomy } from "@chakra-ui/react/anatomy";
|
5104
5716
|
var _a3, _b2, _c2, _d2, _e2, _f2, _g2;
|
5105
|
-
var checkboxCardSlotRecipe =
|
5717
|
+
var checkboxCardSlotRecipe = defineSlotRecipe29({
|
5106
5718
|
slots: checkboxCardAnatomy.keys(),
|
5107
5719
|
className: "chakra-checkbox-card",
|
5108
5720
|
base: {
|
@@ -5302,9 +5914,9 @@ var checkboxCardSlotRecipe = defineSlotRecipe23({
|
|
5302
5914
|
});
|
5303
5915
|
|
5304
5916
|
// src/theme/recipes/chakra/collapsible.ts
|
5305
|
-
import { defineSlotRecipe as
|
5917
|
+
import { defineSlotRecipe as defineSlotRecipe30 } from "@chakra-ui/react";
|
5306
5918
|
import { collapsibleAnatomy } from "@chakra-ui/react/anatomy";
|
5307
|
-
var collapsibleSlotRecipe =
|
5919
|
+
var collapsibleSlotRecipe = defineSlotRecipe30({
|
5308
5920
|
slots: collapsibleAnatomy.keys(),
|
5309
5921
|
className: "chakra-collapsible",
|
5310
5922
|
base: {
|
@@ -5322,88 +5934,8 @@ var collapsibleSlotRecipe = defineSlotRecipe24({
|
|
5322
5934
|
}
|
5323
5935
|
});
|
5324
5936
|
|
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
5937
|
// src/theme/recipes/chakra/editable.ts
|
5406
|
-
import { defineSlotRecipe as
|
5938
|
+
import { defineSlotRecipe as defineSlotRecipe31, defineStyle as defineStyle2 } from "@chakra-ui/react";
|
5407
5939
|
import { editableAnatomy } from "@chakra-ui/react/anatomy";
|
5408
5940
|
var sharedStyles = defineStyle2({
|
5409
5941
|
fontSize: "inherit",
|
@@ -5412,7 +5944,7 @@ var sharedStyles = defineStyle2({
|
|
5412
5944
|
bg: "transparent",
|
5413
5945
|
borderRadius: "l2"
|
5414
5946
|
});
|
5415
|
-
var editableSlotRecipe =
|
5947
|
+
var editableSlotRecipe = defineSlotRecipe31({
|
5416
5948
|
slots: editableAnatomy.keys(),
|
5417
5949
|
className: "chakra-editable",
|
5418
5950
|
base: {
|
@@ -5434,143 +5966,51 @@ var editableSlotRecipe = defineSlotRecipe26({
|
|
5434
5966
|
cursor: "text",
|
5435
5967
|
_hover: {
|
5436
5968
|
bg: "bg.muted"
|
5437
|
-
},
|
5438
|
-
_disabled: {
|
5439
|
-
userSelect: "none"
|
5440
|
-
}
|
5441
|
-
},
|
5442
|
-
input: {
|
5443
|
-
...sharedStyles,
|
5444
|
-
outline: "0",
|
5445
|
-
py: "1",
|
5446
|
-
px: "1",
|
5447
|
-
transitionProperty: "common",
|
5448
|
-
transitionDuration: "moderate",
|
5449
|
-
width: "full",
|
5450
|
-
focusVisibleRing: "inside",
|
5451
|
-
focusRingWidth: "2px",
|
5452
|
-
_placeholder: { opacity: 0.6 }
|
5453
|
-
},
|
5454
|
-
control: {
|
5455
|
-
display: "inline-flex",
|
5456
|
-
alignItems: "center",
|
5457
|
-
gap: "1.5"
|
5458
|
-
}
|
5459
|
-
},
|
5460
|
-
variants: {
|
5461
|
-
size: {
|
5462
|
-
sm: {
|
5463
|
-
root: {
|
5464
|
-
textStyle: "sm"
|
5465
|
-
},
|
5466
|
-
preview: { minH: "8" },
|
5467
|
-
input: { minH: "8" }
|
5468
|
-
},
|
5469
|
-
md: {
|
5470
|
-
root: {
|
5471
|
-
textStyle: "sm"
|
5472
|
-
},
|
5473
|
-
preview: { minH: "9" },
|
5474
|
-
input: { minH: "9" }
|
5475
|
-
},
|
5476
|
-
lg: {
|
5477
|
-
root: {
|
5478
|
-
textStyle: "md"
|
5479
|
-
},
|
5480
|
-
preview: { minH: "10" },
|
5481
|
-
input: { minH: "10" }
|
5482
|
-
}
|
5483
|
-
}
|
5484
|
-
},
|
5485
|
-
defaultVariants: {
|
5486
|
-
size: "md"
|
5487
|
-
}
|
5488
|
-
});
|
5489
|
-
|
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"
|
5969
|
+
},
|
5970
|
+
_disabled: {
|
5971
|
+
userSelect: "none"
|
5518
5972
|
}
|
5519
5973
|
},
|
5520
|
-
|
5521
|
-
|
5974
|
+
input: {
|
5975
|
+
...sharedStyles,
|
5976
|
+
outline: "0",
|
5977
|
+
py: "1",
|
5978
|
+
px: "1",
|
5979
|
+
transitionProperty: "common",
|
5980
|
+
transitionDuration: "moderate",
|
5981
|
+
width: "full",
|
5982
|
+
focusVisibleRing: "inside",
|
5983
|
+
focusRingWidth: "2px",
|
5984
|
+
_placeholder: { opacity: 0.6 }
|
5522
5985
|
},
|
5523
|
-
|
5524
|
-
|
5525
|
-
|
5986
|
+
control: {
|
5987
|
+
display: "inline-flex",
|
5988
|
+
alignItems: "center",
|
5989
|
+
gap: "1.5"
|
5526
5990
|
}
|
5527
5991
|
},
|
5528
5992
|
variants: {
|
5529
5993
|
size: {
|
5530
5994
|
sm: {
|
5531
5995
|
root: {
|
5532
|
-
|
5533
|
-
py: "6"
|
5534
|
-
},
|
5535
|
-
title: {
|
5536
|
-
textStyle: "md"
|
5537
|
-
},
|
5538
|
-
content: {
|
5539
|
-
gap: "4"
|
5996
|
+
textStyle: "sm"
|
5540
5997
|
},
|
5541
|
-
|
5542
|
-
|
5543
|
-
}
|
5998
|
+
preview: { minH: "8" },
|
5999
|
+
input: { minH: "8" }
|
5544
6000
|
},
|
5545
6001
|
md: {
|
5546
6002
|
root: {
|
5547
|
-
|
5548
|
-
py: "12"
|
5549
|
-
},
|
5550
|
-
title: {
|
5551
|
-
textStyle: "lg"
|
5552
|
-
},
|
5553
|
-
content: {
|
5554
|
-
gap: "6"
|
6003
|
+
textStyle: "sm"
|
5555
6004
|
},
|
5556
|
-
|
5557
|
-
|
5558
|
-
}
|
6005
|
+
preview: { minH: "9" },
|
6006
|
+
input: { minH: "9" }
|
5559
6007
|
},
|
5560
6008
|
lg: {
|
5561
6009
|
root: {
|
5562
|
-
|
5563
|
-
py: "16"
|
5564
|
-
},
|
5565
|
-
title: {
|
5566
|
-
textStyle: "xl"
|
5567
|
-
},
|
5568
|
-
content: {
|
5569
|
-
gap: "8"
|
6010
|
+
textStyle: "md"
|
5570
6011
|
},
|
5571
|
-
|
5572
|
-
|
5573
|
-
}
|
6012
|
+
preview: { minH: "10" },
|
6013
|
+
input: { minH: "10" }
|
5574
6014
|
}
|
5575
6015
|
}
|
5576
6016
|
},
|
@@ -5580,9 +6020,9 @@ var emptyStateSlotRecipe = defineSlotRecipe27({
|
|
5580
6020
|
});
|
5581
6021
|
|
5582
6022
|
// src/theme/recipes/chakra/field.ts
|
5583
|
-
import { defineSlotRecipe as
|
6023
|
+
import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react";
|
5584
6024
|
import { fieldAnatomy } from "@chakra-ui/react/anatomy";
|
5585
|
-
var fieldSlotRecipe =
|
6025
|
+
var fieldSlotRecipe = defineSlotRecipe32({
|
5586
6026
|
className: "chakra-field",
|
5587
6027
|
slots: fieldAnatomy.keys(),
|
5588
6028
|
base: {
|
@@ -5655,106 +6095,10 @@ var fieldSlotRecipe = defineSlotRecipe28({
|
|
5655
6095
|
}
|
5656
6096
|
});
|
5657
6097
|
|
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
6098
|
// src/theme/recipes/chakra/hover-card.ts
|
5755
|
-
import { defineSlotRecipe as
|
6099
|
+
import { defineSlotRecipe as defineSlotRecipe33 } from "@chakra-ui/react";
|
5756
6100
|
import { hoverCardAnatomy } from "@chakra-ui/react/anatomy";
|
5757
|
-
var hoverCardSlotRecipe =
|
6101
|
+
var hoverCardSlotRecipe = defineSlotRecipe33({
|
5758
6102
|
className: "chakra-hover-card",
|
5759
6103
|
slots: hoverCardAnatomy.keys(),
|
5760
6104
|
base: {
|
@@ -5819,200 +6163,77 @@ var hoverCardSlotRecipe = defineSlotRecipe30({
|
|
5819
6163
|
});
|
5820
6164
|
|
5821
6165
|
// src/theme/recipes/chakra/list.ts
|
5822
|
-
import { defineSlotRecipe as
|
6166
|
+
import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react";
|
5823
6167
|
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"
|
6168
|
+
var listSlotRecipe = defineSlotRecipe34({
|
6169
|
+
className: "chakra-list",
|
6170
|
+
slots: listAnatomy.keys(),
|
6171
|
+
base: {
|
6172
|
+
root: {
|
6173
|
+
display: "flex",
|
6174
|
+
flexDirection: "column",
|
6175
|
+
gap: "var(--list-gap)",
|
6176
|
+
"& :where(ul, ol)": {
|
6177
|
+
marginTop: "var(--list-gap)"
|
5926
6178
|
}
|
5927
6179
|
},
|
5928
|
-
|
5929
|
-
|
5930
|
-
|
5931
|
-
itemGroupLabel: {
|
5932
|
-
px: "2",
|
5933
|
-
py: "1.5",
|
5934
|
-
fontWeight: "semibold",
|
5935
|
-
textStyle: "sm"
|
6180
|
+
item: {
|
6181
|
+
whiteSpace: "normal",
|
6182
|
+
display: "list-item"
|
5936
6183
|
},
|
5937
6184
|
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"
|
6185
|
+
marginEnd: "2",
|
6186
|
+
minHeight: "1lh",
|
6187
|
+
flexShrink: 0,
|
6188
|
+
display: "inline-block",
|
6189
|
+
verticalAlign: "middle"
|
5955
6190
|
}
|
5956
6191
|
},
|
5957
6192
|
variants: {
|
5958
6193
|
variant: {
|
5959
|
-
|
6194
|
+
marker: {
|
6195
|
+
root: {
|
6196
|
+
listStyle: "revert",
|
6197
|
+
listStylePosition: "inside"
|
6198
|
+
},
|
5960
6199
|
item: {
|
5961
|
-
|
5962
|
-
|
6200
|
+
_marker: {
|
6201
|
+
color: "fg.subtle"
|
5963
6202
|
}
|
5964
6203
|
}
|
5965
6204
|
},
|
5966
|
-
|
6205
|
+
plain: {
|
5967
6206
|
item: {
|
5968
|
-
|
5969
|
-
|
5970
|
-
color: "colorPalette.contrast"
|
5971
|
-
}
|
6207
|
+
alignItems: "flex-start",
|
6208
|
+
display: "inline-flex"
|
5972
6209
|
}
|
5973
6210
|
}
|
5974
6211
|
},
|
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
|
-
}
|
6212
|
+
align: {
|
6213
|
+
center: {
|
6214
|
+
item: { alignItems: "center" }
|
5987
6215
|
},
|
5988
|
-
|
5989
|
-
|
5990
|
-
|
5991
|
-
|
5992
|
-
}
|
5993
|
-
item: {
|
5994
|
-
gap: "2",
|
5995
|
-
textStyle: "sm",
|
5996
|
-
py: "1.5",
|
5997
|
-
px: "2"
|
5998
|
-
}
|
6216
|
+
start: {
|
6217
|
+
item: { alignItems: "flex-start" }
|
6218
|
+
},
|
6219
|
+
end: {
|
6220
|
+
item: { alignItems: "flex-end" }
|
5999
6221
|
}
|
6000
6222
|
}
|
6001
6223
|
},
|
6002
6224
|
defaultVariants: {
|
6003
|
-
|
6004
|
-
variant: "subtle"
|
6225
|
+
variant: "marker"
|
6005
6226
|
}
|
6006
6227
|
});
|
6007
6228
|
|
6008
6229
|
// src/theme/recipes/chakra/native-select.ts
|
6009
|
-
import { defineSlotRecipe as
|
6230
|
+
import { defineSlotRecipe as defineSlotRecipe36 } from "@chakra-ui/react";
|
6010
6231
|
import { nativeSelectAnatomy } from "@chakra-ui/react/anatomy";
|
6011
6232
|
|
6012
6233
|
// src/theme/recipes/chakra/select.ts
|
6013
|
-
import { defineSlotRecipe as
|
6234
|
+
import { defineSlotRecipe as defineSlotRecipe35 } from "@chakra-ui/react";
|
6014
6235
|
import { selectAnatomy } from "@chakra-ui/react/anatomy";
|
6015
|
-
var selectSlotRecipe =
|
6236
|
+
var selectSlotRecipe = defineSlotRecipe35({
|
6016
6237
|
className: "chakra-select",
|
6017
6238
|
slots: selectAnatomy.keys(),
|
6018
6239
|
base: {
|
@@ -6297,7 +6518,7 @@ var selectSlotRecipe = defineSlotRecipe33({
|
|
6297
6518
|
|
6298
6519
|
// src/theme/recipes/chakra/native-select.ts
|
6299
6520
|
var _a4, _b3;
|
6300
|
-
var nativeSelectSlotRecipe =
|
6521
|
+
var nativeSelectSlotRecipe = defineSlotRecipe36({
|
6301
6522
|
className: "chakra-native-select",
|
6302
6523
|
slots: nativeSelectAnatomy.keys(),
|
6303
6524
|
base: {
|
@@ -6430,7 +6651,7 @@ var nativeSelectSlotRecipe = defineSlotRecipe34({
|
|
6430
6651
|
});
|
6431
6652
|
|
6432
6653
|
// src/theme/recipes/chakra/number-input.ts
|
6433
|
-
import { defineSlotRecipe as
|
6654
|
+
import { defineSlotRecipe as defineSlotRecipe37, defineStyle as defineStyle3 } from "@chakra-ui/react";
|
6434
6655
|
import { numberInputAnatomy } from "@chakra-ui/react/anatomy";
|
6435
6656
|
|
6436
6657
|
// src/theme/utils.ts
|
@@ -6445,9 +6666,6 @@ function mapEntries(obj, f) {
|
|
6445
6666
|
function scaleToken(value) {
|
6446
6667
|
return `calc(${value} * var(--scale-factor))`;
|
6447
6668
|
}
|
6448
|
-
function radiusToken(value) {
|
6449
|
-
return `calc(${value} * var(--scale-factor) * var(--radius-factor))`;
|
6450
|
-
}
|
6451
6669
|
|
6452
6670
|
// src/theme/recipes/chakra/number-input.ts
|
6453
6671
|
var triggerStyle = defineStyle3({
|
@@ -6474,7 +6692,7 @@ var triggerStyle = defineStyle3({
|
|
6474
6692
|
bg: "bg.emphasized"
|
6475
6693
|
}
|
6476
6694
|
});
|
6477
|
-
var numberInputSlotRecipe =
|
6695
|
+
var numberInputSlotRecipe = defineSlotRecipe37({
|
6478
6696
|
className: "chakra-number-input",
|
6479
6697
|
slots: numberInputAnatomy.keys(),
|
6480
6698
|
base: {
|
@@ -6559,10 +6777,10 @@ var numberInputSlotRecipe = defineSlotRecipe35({
|
|
6559
6777
|
});
|
6560
6778
|
|
6561
6779
|
// src/theme/recipes/chakra/pin-input.ts
|
6562
|
-
import { defineSlotRecipe as
|
6780
|
+
import { defineSlotRecipe as defineSlotRecipe38 } from "@chakra-ui/react";
|
6563
6781
|
import { pinInputAnatomy } from "@chakra-ui/react/anatomy";
|
6564
6782
|
var { variants: variants2, defaultVariants: defaultVariants2 } = inputRecipe;
|
6565
|
-
var pinInputSlotRecipe =
|
6783
|
+
var pinInputSlotRecipe = defineSlotRecipe38({
|
6566
6784
|
className: "chakra-pin-input",
|
6567
6785
|
slots: pinInputAnatomy.keys(),
|
6568
6786
|
base: {
|
@@ -6590,97 +6808,10 @@ var pinInputSlotRecipe = defineSlotRecipe36({
|
|
6590
6808
|
defaultVariants: defaultVariants2
|
6591
6809
|
});
|
6592
6810
|
|
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
6811
|
// src/theme/recipes/chakra/progress.ts
|
6681
|
-
import { defineSlotRecipe as
|
6812
|
+
import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react";
|
6682
6813
|
import { progressAnatomy } from "@chakra-ui/react/anatomy";
|
6683
|
-
var progressSlotRecipe =
|
6814
|
+
var progressSlotRecipe = defineSlotRecipe39({
|
6684
6815
|
slots: progressAnatomy.keys(),
|
6685
6816
|
className: "chakra-progress",
|
6686
6817
|
base: {
|
@@ -6800,9 +6931,9 @@ var progressSlotRecipe = defineSlotRecipe38({
|
|
6800
6931
|
});
|
6801
6932
|
|
6802
6933
|
// src/theme/recipes/chakra/progress-circle.ts
|
6803
|
-
import { defineSlotRecipe as
|
6934
|
+
import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react";
|
6804
6935
|
import { progressAnatomy as progressAnatomy2 } from "@chakra-ui/react/anatomy";
|
6805
|
-
var progressCircleSlotRecipe =
|
6936
|
+
var progressCircleSlotRecipe = defineSlotRecipe40({
|
6806
6937
|
className: "chakra-progress-circle",
|
6807
6938
|
slots: progressAnatomy2.keys(),
|
6808
6939
|
base: {
|
@@ -6893,10 +7024,10 @@ var progressCircleSlotRecipe = defineSlotRecipe39({
|
|
6893
7024
|
});
|
6894
7025
|
|
6895
7026
|
// src/theme/recipes/chakra/radio-card.ts
|
6896
|
-
import { defineSlotRecipe as
|
7027
|
+
import { defineSlotRecipe as defineSlotRecipe41 } from "@chakra-ui/react";
|
6897
7028
|
import { radioCardAnatomy } from "@chakra-ui/react/anatomy";
|
6898
7029
|
var _a5, _b4, _c3, _d3, _e3, _f3, _g3;
|
6899
|
-
var radioCardSlotRecipe =
|
7030
|
+
var radioCardSlotRecipe = defineSlotRecipe41({
|
6900
7031
|
className: "chakra-radio-card",
|
6901
7032
|
slots: radioCardAnatomy.keys(),
|
6902
7033
|
base: {
|
@@ -7104,10 +7235,10 @@ var radioCardSlotRecipe = defineSlotRecipe40({
|
|
7104
7235
|
});
|
7105
7236
|
|
7106
7237
|
// src/theme/recipes/chakra/radio-group.ts
|
7107
|
-
import { defineSlotRecipe as
|
7238
|
+
import { defineSlotRecipe as defineSlotRecipe42 } from "@chakra-ui/react";
|
7108
7239
|
import { radioGroupAnatomy } from "@chakra-ui/react/anatomy";
|
7109
7240
|
var _a6, _b5, _c4, _d4, _e4, _f4, _g4, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
|
7110
|
-
var radioGroupSlotRecipe =
|
7241
|
+
var radioGroupSlotRecipe = defineSlotRecipe42({
|
7111
7242
|
className: "chakra-radio-group",
|
7112
7243
|
slots: radioGroupAnatomy.keys(),
|
7113
7244
|
base: {
|
@@ -7167,9 +7298,9 @@ var radioGroupSlotRecipe = defineSlotRecipe41({
|
|
7167
7298
|
});
|
7168
7299
|
|
7169
7300
|
// src/theme/recipes/chakra/rating-group.ts
|
7170
|
-
import { defineSlotRecipe as
|
7301
|
+
import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react";
|
7171
7302
|
import { ratingGroupAnatomy } from "@chakra-ui/react/anatomy";
|
7172
|
-
var ratingGroupSlotRecipe =
|
7303
|
+
var ratingGroupSlotRecipe = defineSlotRecipe43({
|
7173
7304
|
className: "chakra-rating-group",
|
7174
7305
|
slots: ratingGroupAnatomy.keys(),
|
7175
7306
|
base: {
|
@@ -7252,9 +7383,9 @@ var ratingGroupSlotRecipe = defineSlotRecipe42({
|
|
7252
7383
|
});
|
7253
7384
|
|
7254
7385
|
// src/theme/recipes/chakra/slider.ts
|
7255
|
-
import { defineSlotRecipe as
|
7386
|
+
import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react";
|
7256
7387
|
import { sliderAnatomy } from "@chakra-ui/react/anatomy";
|
7257
|
-
var sliderSlotRecipe =
|
7388
|
+
var sliderSlotRecipe = defineSlotRecipe44({
|
7258
7389
|
className: "chakra-slider",
|
7259
7390
|
slots: sliderAnatomy.keys(),
|
7260
7391
|
base: {
|
@@ -7429,9 +7560,9 @@ var sliderSlotRecipe = defineSlotRecipe43({
|
|
7429
7560
|
});
|
7430
7561
|
|
7431
7562
|
// src/theme/recipes/chakra/stat.ts
|
7432
|
-
import { defineSlotRecipe as
|
7563
|
+
import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react";
|
7433
7564
|
import { statAnatomy } from "@chakra-ui/react/anatomy";
|
7434
|
-
var statSlotRecipe =
|
7565
|
+
var statSlotRecipe = defineSlotRecipe45({
|
7435
7566
|
className: "chakra-stat",
|
7436
7567
|
slots: statAnatomy.keys(),
|
7437
7568
|
base: {
|
@@ -7507,9 +7638,9 @@ var statSlotRecipe = defineSlotRecipe44({
|
|
7507
7638
|
});
|
7508
7639
|
|
7509
7640
|
// src/theme/recipes/chakra/steps.ts
|
7510
|
-
import { defineSlotRecipe as
|
7641
|
+
import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react";
|
7511
7642
|
import { stepsAnatomy } from "@chakra-ui/react/anatomy";
|
7512
|
-
var stepsSlotRecipe =
|
7643
|
+
var stepsSlotRecipe = defineSlotRecipe46({
|
7513
7644
|
className: "chakra-steps",
|
7514
7645
|
slots: stepsAnatomy.keys(),
|
7515
7646
|
base: {
|
@@ -7722,9 +7853,9 @@ var stepsSlotRecipe = defineSlotRecipe45({
|
|
7722
7853
|
});
|
7723
7854
|
|
7724
7855
|
// src/theme/recipes/chakra/switch.ts
|
7725
|
-
import { defineSlotRecipe as
|
7856
|
+
import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react";
|
7726
7857
|
import { switchAnatomy } from "@chakra-ui/react/anatomy";
|
7727
|
-
var switchSlotRecipe =
|
7858
|
+
var switchSlotRecipe = defineSlotRecipe47({
|
7728
7859
|
slots: switchAnatomy.keys(),
|
7729
7860
|
className: "chakra-switch",
|
7730
7861
|
base: {
|
@@ -7880,9 +8011,9 @@ var switchSlotRecipe = defineSlotRecipe46({
|
|
7880
8011
|
});
|
7881
8012
|
|
7882
8013
|
// src/theme/recipes/chakra/table.ts
|
7883
|
-
import { defineSlotRecipe as
|
8014
|
+
import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react";
|
7884
8015
|
import { tableAnatomy } from "@chakra-ui/react/anatomy";
|
7885
|
-
var tableSlotRecipe =
|
8016
|
+
var tableSlotRecipe = defineSlotRecipe48({
|
7886
8017
|
className: "chakra-table",
|
7887
8018
|
slots: tableAnatomy.keys(),
|
7888
8019
|
base: {
|
@@ -8043,9 +8174,9 @@ var tableSlotRecipe = defineSlotRecipe47({
|
|
8043
8174
|
});
|
8044
8175
|
|
8045
8176
|
// src/theme/recipes/chakra/timeline.ts
|
8046
|
-
import { defineSlotRecipe as
|
8177
|
+
import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react";
|
8047
8178
|
import { timelineAnatomy } from "@chakra-ui/react/anatomy";
|
8048
|
-
var timelineSlotRecipe =
|
8179
|
+
var timelineSlotRecipe = defineSlotRecipe49({
|
8049
8180
|
slots: timelineAnatomy.keys(),
|
8050
8181
|
className: "chakra-timeline",
|
8051
8182
|
base: {
|
@@ -8178,60 +8309,6 @@ var timelineSlotRecipe = defineSlotRecipe48({
|
|
8178
8309
|
}
|
8179
8310
|
});
|
8180
8311
|
|
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
8312
|
// src/theme/slot-recipes.ts
|
8236
8313
|
var slotRecipes = {
|
8237
8314
|
// Chakra UI Recipes
|
@@ -8645,17 +8722,17 @@ var lineHeights = defineTokens12.lineHeights({
|
|
8645
8722
|
import { defineTokens as defineTokens13 } from "@chakra-ui/react";
|
8646
8723
|
var radii = defineTokens13.radii({
|
8647
8724
|
"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: "
|
8725
|
+
value: "0.0625rem"
|
8726
|
+
},
|
8727
|
+
xs: { value: "0.125rem" },
|
8728
|
+
sm: { value: "0.25rem" },
|
8729
|
+
md: { value: "0.375rem" },
|
8730
|
+
lg: { value: "0.5rem" },
|
8731
|
+
xl: { value: "0.75rem" },
|
8732
|
+
"2xl": { value: "1rem" },
|
8733
|
+
"3xl": { value: "1.5rem" },
|
8734
|
+
"4xl": { value: "2rem" },
|
8735
|
+
full: { value: "9999px" }
|
8659
8736
|
});
|
8660
8737
|
|
8661
8738
|
// src/theme/tokens/sizes.ts
|
@@ -8918,9 +8995,10 @@ export {
|
|
8918
8995
|
CloseButton,
|
8919
8996
|
Command,
|
8920
8997
|
DataList,
|
8921
|
-
|
8922
|
-
|
8998
|
+
dialog_exports as Dialog,
|
8999
|
+
drawer_exports as Drawer,
|
8923
9000
|
EmptyState,
|
9001
|
+
file_upload_exports as FileUpload,
|
8924
9002
|
grid_list_exports as GridList,
|
8925
9003
|
IconBadge,
|
8926
9004
|
IconButton,
|
@@ -8935,11 +9013,12 @@ export {
|
|
8935
9013
|
Persona,
|
8936
9014
|
PersonaAvatar,
|
8937
9015
|
PinInput,
|
9016
|
+
popover_exports as Popover,
|
8938
9017
|
Radio,
|
8939
9018
|
RadioGroup,
|
8940
9019
|
SearchInput,
|
8941
9020
|
SegmentedControl,
|
8942
|
-
|
9021
|
+
namespace_exports as Select,
|
8943
9022
|
sidebar_exports as Sidebar,
|
8944
9023
|
Spinner,
|
8945
9024
|
Status,
|