@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.cjs
CHANGED
@@ -39,10 +39,11 @@ __export(src_exports, {
|
|
39
39
|
Checkbox: () => Checkbox,
|
40
40
|
CloseButton: () => CloseButton,
|
41
41
|
Command: () => Command,
|
42
|
-
DataList: () =>
|
43
|
-
Dialog: () =>
|
44
|
-
Drawer: () =>
|
42
|
+
DataList: () => import_data_list.DataList,
|
43
|
+
Dialog: () => dialog_exports,
|
44
|
+
Drawer: () => drawer_exports,
|
45
45
|
EmptyState: () => EmptyState,
|
46
|
+
FileUpload: () => file_upload_exports,
|
46
47
|
GridList: () => grid_list_exports,
|
47
48
|
IconBadge: () => IconBadge,
|
48
49
|
IconButton: () => IconButton,
|
@@ -57,11 +58,12 @@ __export(src_exports, {
|
|
57
58
|
Persona: () => Persona,
|
58
59
|
PersonaAvatar: () => PersonaAvatar2,
|
59
60
|
PinInput: () => PinInput,
|
61
|
+
Popover: () => popover_exports,
|
60
62
|
Radio: () => Radio,
|
61
63
|
RadioGroup: () => RadioGroup,
|
62
64
|
SearchInput: () => SearchInput,
|
63
65
|
SegmentedControl: () => SegmentedControl,
|
64
|
-
Select: () =>
|
66
|
+
Select: () => namespace_exports,
|
65
67
|
Sidebar: () => sidebar_exports,
|
66
68
|
Spinner: () => Spinner2,
|
67
69
|
Status: () => Status,
|
@@ -73,12 +75,12 @@ __export(src_exports, {
|
|
73
75
|
Tag: () => Tag,
|
74
76
|
Toaster: () => Toaster,
|
75
77
|
Tooltip: () => Tooltip,
|
76
|
-
createSystem: () =>
|
78
|
+
createSystem: () => import_react172.createSystem,
|
77
79
|
defaultConfig: () => defaultConfig,
|
78
80
|
defaultPresenceOptions: () => defaultPresenceOptions,
|
79
81
|
defaultSystem: () => defaultSystem,
|
80
82
|
toast: () => toast,
|
81
|
-
useDataListStyles: () =>
|
83
|
+
useDataListStyles: () => import_data_list.useDataListStyles,
|
82
84
|
useLink: () => useLink,
|
83
85
|
useLoadingOverlayStyles: () => useLoadingOverlayStyles,
|
84
86
|
useSidebar: () => import_sidebar2.useSidebar,
|
@@ -183,7 +185,6 @@ var import_react3 = require("@chakra-ui/react");
|
|
183
185
|
var empty = "var(--chakra-empty,/*!*/ /*!*/)";
|
184
186
|
var globalCss = (0, import_react3.defineGlobalStyles)({
|
185
187
|
"*": {
|
186
|
-
fontFeatureSettings: '"cv11"',
|
187
188
|
"--ring-inset": empty,
|
188
189
|
"--ring-offset-width": "0px",
|
189
190
|
"--ring-offset-color": "#fff",
|
@@ -220,8 +221,14 @@ var globalCss = (0, import_react3.defineGlobalStyles)({
|
|
220
221
|
"--global-color-border": "colors.border",
|
221
222
|
"--cursor-button": "default",
|
222
223
|
"--radius-factor": "1",
|
224
|
+
"--radius-control": "1",
|
225
|
+
"--radius-panel": "1",
|
226
|
+
"--radius-indicator": "1",
|
223
227
|
"--radius-full": "9999px",
|
224
|
-
"--scale-factor": "1"
|
228
|
+
"--scale-factor": "1",
|
229
|
+
"--overlay-translucency": "90%",
|
230
|
+
"--overlay-effect": "blur({blurs.lg})",
|
231
|
+
"--backdrop-effect": "none"
|
225
232
|
},
|
226
233
|
body: {
|
227
234
|
color: "fg",
|
@@ -234,41 +241,6 @@ var globalCss = (0, import_react3.defineGlobalStyles)({
|
|
234
241
|
},
|
235
242
|
"*::selection": {
|
236
243
|
bg: "colorPalette.muted/80"
|
237
|
-
},
|
238
|
-
'[data-radius="none"]': {
|
239
|
-
"--radius-factor": "0",
|
240
|
-
"--radius-full": "0"
|
241
|
-
},
|
242
|
-
'[data-radius="sm"]': {
|
243
|
-
"--radius-factor": "0.9",
|
244
|
-
"--radius-full": "0"
|
245
|
-
},
|
246
|
-
'[data-radius="md"]': {
|
247
|
-
"--radius-factor": "1",
|
248
|
-
"--radius-full": "0"
|
249
|
-
},
|
250
|
-
'[data-radius="lg"]': {
|
251
|
-
"--radius-factor": "1.5",
|
252
|
-
"--radius-full": "0"
|
253
|
-
},
|
254
|
-
'[data-radius="full"]': {
|
255
|
-
"--radius-factor": "1.5",
|
256
|
-
"--radius-full": "9999px"
|
257
|
-
},
|
258
|
-
'[data-scale="xs"]': {
|
259
|
-
"--scale-factor": "0.9"
|
260
|
-
},
|
261
|
-
'[data-scale="sm"]': {
|
262
|
-
"--scale-factor": "0.95"
|
263
|
-
},
|
264
|
-
'[data-scale="md"]': {
|
265
|
-
"--scale-factor": "1"
|
266
|
-
},
|
267
|
-
'[data-scale="lg"]': {
|
268
|
-
"--scale-factor": "1.05"
|
269
|
-
},
|
270
|
-
'[data-scale="xl"]': {
|
271
|
-
"--scale-factor": "1.1"
|
272
244
|
}
|
273
245
|
});
|
274
246
|
|
@@ -382,6 +354,20 @@ var layerStyles = (0, import_react4.defineLayerStyles)({
|
|
382
354
|
},
|
383
355
|
none: {
|
384
356
|
value: {}
|
357
|
+
},
|
358
|
+
overlay: {
|
359
|
+
value: {
|
360
|
+
bg: "bg.overlay",
|
361
|
+
backdropFilter: "var(--overlay-effect)",
|
362
|
+
borderRadius: "panel.lg",
|
363
|
+
boxShadow: "lg"
|
364
|
+
}
|
365
|
+
},
|
366
|
+
backdrop: {
|
367
|
+
value: {
|
368
|
+
bg: "bg.backdrop",
|
369
|
+
backdropFilter: "var(--backdrop-effect)"
|
370
|
+
}
|
385
371
|
}
|
386
372
|
});
|
387
373
|
|
@@ -1622,6 +1608,18 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
|
|
1622
1608
|
panel: {
|
1623
1609
|
value: { _light: "{colors.white}", _dark: "{colors.gray.950}" }
|
1624
1610
|
},
|
1611
|
+
overlay: {
|
1612
|
+
value: {
|
1613
|
+
_light: "color-mix(in oklch, {colors.white} var(--overlay-translucency), transparent)",
|
1614
|
+
_dark: "color-mix(in srgb, var(--overlay-translucency), {colors.gray.950} 100%)"
|
1615
|
+
}
|
1616
|
+
},
|
1617
|
+
backdrop: {
|
1618
|
+
value: {
|
1619
|
+
_light: "{colors.black/30}",
|
1620
|
+
_dark: "{colors.black/30}"
|
1621
|
+
}
|
1622
|
+
},
|
1625
1623
|
error: {
|
1626
1624
|
value: { _light: "{colors.red.50}", _dark: "{colors.red.950}" }
|
1627
1625
|
},
|
@@ -2229,7 +2227,40 @@ var import_react26 = require("@chakra-ui/react");
|
|
2229
2227
|
var semanticRadii = import_react26.defineSemanticTokens.radii({
|
2230
2228
|
l1: { value: "{radii.xs}" },
|
2231
2229
|
l2: { value: "{radii.sm}" },
|
2232
|
-
l3: { value: "{radii.md}" }
|
2230
|
+
l3: { value: "{radii.md}" },
|
2231
|
+
control: {
|
2232
|
+
sm: {
|
2233
|
+
value: "calc({radii.xs} * var(--scale-factor) * var(--radius-control))"
|
2234
|
+
},
|
2235
|
+
md: {
|
2236
|
+
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-control))"
|
2237
|
+
},
|
2238
|
+
lg: {
|
2239
|
+
value: "calc({radii.md} * var(--scale-factor) * var(--radius-control))"
|
2240
|
+
}
|
2241
|
+
},
|
2242
|
+
panel: {
|
2243
|
+
sm: {
|
2244
|
+
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-panel))"
|
2245
|
+
},
|
2246
|
+
md: {
|
2247
|
+
value: "calc({radii.md} * var(--scale-factor) * var(--radius-panel))"
|
2248
|
+
},
|
2249
|
+
lg: {
|
2250
|
+
value: "calc({radii.lg} * var(--scale-factor) * var(--radius-panel))"
|
2251
|
+
}
|
2252
|
+
},
|
2253
|
+
indicator: {
|
2254
|
+
sm: {
|
2255
|
+
value: "calc({radii.xs} * var(--scale-factor) * var(--radius-indicator))"
|
2256
|
+
},
|
2257
|
+
md: {
|
2258
|
+
value: "calc({radii.sm} * var(--scale-factor) * var(--radius-indicator))"
|
2259
|
+
},
|
2260
|
+
lg: {
|
2261
|
+
value: "calc({radii.md} * var(--scale-factor) * var(--radius-indicator))"
|
2262
|
+
}
|
2263
|
+
}
|
2233
2264
|
});
|
2234
2265
|
|
2235
2266
|
// src/theme/semantic-tokens/shadows.ts
|
@@ -2237,37 +2268,37 @@ var import_react27 = require("@chakra-ui/react");
|
|
2237
2268
|
var semanticShadows = import_react27.defineSemanticTokens.shadows({
|
2238
2269
|
xs: {
|
2239
2270
|
value: {
|
2240
|
-
_light: "0px 1px 2px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/
|
2271
|
+
_light: "0px 1px 2px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/5}",
|
2241
2272
|
_dark: "0px 1px 1px {black/64}, 0px 0px 1px inset {colors.gray.300/20}"
|
2242
2273
|
}
|
2243
2274
|
},
|
2244
2275
|
sm: {
|
2245
2276
|
value: {
|
2246
|
-
_light: "0px 2px 4px {colors.gray.900/5}, 0px 0px
|
2277
|
+
_light: "0px 2px 4px {colors.gray.900/5}, 0px 0px 2px {colors.gray.900/5}",
|
2247
2278
|
_dark: "0px 2px 4px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2248
2279
|
}
|
2249
2280
|
},
|
2250
2281
|
md: {
|
2251
2282
|
value: {
|
2252
|
-
_light: "0px 4px 8px {colors.gray.900/5}, 0px 0px
|
2283
|
+
_light: "0px 4px 8px {colors.gray.900/5}, 0px 0px 3px {colors.gray.900/5}",
|
2253
2284
|
_dark: "0px 4px 8px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2254
2285
|
}
|
2255
2286
|
},
|
2256
2287
|
lg: {
|
2257
2288
|
value: {
|
2258
|
-
_light: "0px 8px 16px {colors.gray.900/5}, 0px 0px
|
2289
|
+
_light: "0px 8px 16px {colors.gray.900/5}, 0px 0px 4px {colors.gray.900/5}",
|
2259
2290
|
_dark: "0px 8px 16px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2260
2291
|
}
|
2261
2292
|
},
|
2262
2293
|
xl: {
|
2263
2294
|
value: {
|
2264
|
-
_light: "0px 16px 24px {colors.gray.900/5}, 0px 0px
|
2295
|
+
_light: "0px 16px 24px {colors.gray.900/5}, 0px 0px 5px {colors.gray.900/5}",
|
2265
2296
|
_dark: "0px 16px 24px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2266
2297
|
}
|
2267
2298
|
},
|
2268
2299
|
"2xl": {
|
2269
2300
|
value: {
|
2270
|
-
_light: "0px 24px 40px {colors.gray.900/10}, 0px 0px
|
2301
|
+
_light: "0px 24px 40px {colors.gray.900/10}, 0px 0px 6px {colors.gray.900/5}",
|
2271
2302
|
_dark: "0px 24px 40px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
|
2272
2303
|
}
|
2273
2304
|
},
|
@@ -2464,15 +2495,95 @@ var avatarSlotRecipe = (0, import_react29.defineSlotRecipe)({
|
|
2464
2495
|
}
|
2465
2496
|
});
|
2466
2497
|
|
2467
|
-
// src/components/
|
2498
|
+
// src/components/data-list/data-list.recipe.ts
|
2468
2499
|
var import_react30 = require("@chakra-ui/react");
|
2469
2500
|
var import_anatomy2 = require("@chakra-ui/react/anatomy");
|
2470
|
-
var
|
2471
|
-
slots: import_anatomy2.
|
2501
|
+
var dataListSlotRecipe = (0, import_react30.defineSlotRecipe)({
|
2502
|
+
slots: import_anatomy2.dataListAnatomy.keys(),
|
2503
|
+
className: "chakra-data-list",
|
2504
|
+
base: {
|
2505
|
+
itemLabel: {
|
2506
|
+
color: "fg.muted",
|
2507
|
+
display: "flex",
|
2508
|
+
alignItems: "center",
|
2509
|
+
gap: "1"
|
2510
|
+
},
|
2511
|
+
itemValue: {
|
2512
|
+
display: "flex",
|
2513
|
+
minWidth: "0",
|
2514
|
+
flex: "1"
|
2515
|
+
}
|
2516
|
+
},
|
2517
|
+
variants: {
|
2518
|
+
orientation: {
|
2519
|
+
horizontal: {
|
2520
|
+
root: {
|
2521
|
+
display: "flex",
|
2522
|
+
flexDirection: "column"
|
2523
|
+
},
|
2524
|
+
item: {
|
2525
|
+
display: "inline-flex",
|
2526
|
+
alignItems: "center",
|
2527
|
+
gap: "4"
|
2528
|
+
},
|
2529
|
+
itemLabel: {
|
2530
|
+
minWidth: "120px"
|
2531
|
+
}
|
2532
|
+
},
|
2533
|
+
vertical: {
|
2534
|
+
root: {
|
2535
|
+
display: "flex",
|
2536
|
+
flexDirection: "column"
|
2537
|
+
},
|
2538
|
+
item: {
|
2539
|
+
display: "flex",
|
2540
|
+
flexDirection: "column",
|
2541
|
+
gap: "1"
|
2542
|
+
}
|
2543
|
+
}
|
2544
|
+
},
|
2545
|
+
size: {
|
2546
|
+
sm: {
|
2547
|
+
root: {
|
2548
|
+
gap: "3"
|
2549
|
+
},
|
2550
|
+
item: {
|
2551
|
+
textStyle: "xs"
|
2552
|
+
}
|
2553
|
+
},
|
2554
|
+
md: {
|
2555
|
+
root: {
|
2556
|
+
gap: "4"
|
2557
|
+
},
|
2558
|
+
item: {
|
2559
|
+
textStyle: "sm"
|
2560
|
+
}
|
2561
|
+
},
|
2562
|
+
lg: {
|
2563
|
+
root: {
|
2564
|
+
gap: "5"
|
2565
|
+
},
|
2566
|
+
item: {
|
2567
|
+
textStyle: "md"
|
2568
|
+
}
|
2569
|
+
}
|
2570
|
+
}
|
2571
|
+
},
|
2572
|
+
defaultVariants: {
|
2573
|
+
size: "md",
|
2574
|
+
orientation: "vertical"
|
2575
|
+
}
|
2576
|
+
});
|
2577
|
+
|
2578
|
+
// src/components/dialog/dialog.recipe.ts
|
2579
|
+
var import_react31 = require("@chakra-ui/react");
|
2580
|
+
var import_anatomy3 = require("@chakra-ui/react/anatomy");
|
2581
|
+
var dialogSlotRecipe = (0, import_react31.defineSlotRecipe)({
|
2582
|
+
slots: import_anatomy3.dialogAnatomy.keys(),
|
2472
2583
|
className: "chakra-dialog",
|
2473
2584
|
base: {
|
2474
2585
|
backdrop: {
|
2475
|
-
|
2586
|
+
layerStyle: "backdrop",
|
2476
2587
|
pos: "fixed",
|
2477
2588
|
left: 0,
|
2478
2589
|
top: 0,
|
@@ -2495,7 +2606,7 @@ var dialogSlotRecipe = (0, import_react30.defineSlotRecipe)({
|
|
2495
2606
|
position: "fixed",
|
2496
2607
|
left: 0,
|
2497
2608
|
top: 0,
|
2498
|
-
"--dialog-z-index": "zIndex.
|
2609
|
+
"--dialog-z-index": "zIndex.layer-4",
|
2499
2610
|
zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
|
2500
2611
|
justifyContent: "center",
|
2501
2612
|
overscrollBehaviorY: "none"
|
@@ -2506,13 +2617,11 @@ var dialogSlotRecipe = (0, import_react30.defineSlotRecipe)({
|
|
2506
2617
|
position: "relative",
|
2507
2618
|
width: "100%",
|
2508
2619
|
outline: 0,
|
2509
|
-
borderRadius: "l3",
|
2510
2620
|
textStyle: "sm",
|
2511
2621
|
my: "var(--dialog-margin, var(--dialog-base-margin))",
|
2512
|
-
"--dialog-z-index": "zIndex.
|
2622
|
+
"--dialog-z-index": "zIndex.layer-4",
|
2513
2623
|
zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
|
2514
|
-
|
2515
|
-
boxShadow: "lg",
|
2624
|
+
layerStyle: "overlay",
|
2516
2625
|
_open: {
|
2517
2626
|
animationDuration: "moderate"
|
2518
2627
|
},
|
@@ -2689,14 +2798,14 @@ var dialogSlotRecipe = (0, import_react30.defineSlotRecipe)({
|
|
2689
2798
|
});
|
2690
2799
|
|
2691
2800
|
// src/components/drawer/drawer.recipe.ts
|
2692
|
-
var
|
2693
|
-
var
|
2694
|
-
var drawerSlotRecipe = (0,
|
2695
|
-
slots:
|
2801
|
+
var import_react32 = require("@chakra-ui/react");
|
2802
|
+
var import_anatomy4 = require("@chakra-ui/react/anatomy");
|
2803
|
+
var drawerSlotRecipe = (0, import_react32.defineSlotRecipe)({
|
2804
|
+
slots: import_anatomy4.drawerAnatomy.keys(),
|
2696
2805
|
className: "chakra-drawer",
|
2697
2806
|
base: {
|
2698
2807
|
backdrop: {
|
2699
|
-
|
2808
|
+
layerStyle: "backdrop",
|
2700
2809
|
pos: "fixed",
|
2701
2810
|
insetInlineStart: 0,
|
2702
2811
|
top: 0,
|
@@ -2717,6 +2826,7 @@ var drawerSlotRecipe = (0, import_react31.defineSlotRecipe)({
|
|
2717
2826
|
width: "100vw",
|
2718
2827
|
height: "100dvh",
|
2719
2828
|
position: "fixed",
|
2829
|
+
padding: 2,
|
2720
2830
|
insetInlineStart: 0,
|
2721
2831
|
top: 0,
|
2722
2832
|
zIndex: "modal",
|
@@ -2728,12 +2838,12 @@ var drawerSlotRecipe = (0, import_react31.defineSlotRecipe)({
|
|
2728
2838
|
position: "relative",
|
2729
2839
|
width: "100%",
|
2730
2840
|
outline: 0,
|
2731
|
-
|
2841
|
+
"--drawer-z-index": "zIndex.layer-4",
|
2842
|
+
zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0))",
|
2732
2843
|
textStyle: "sm",
|
2733
2844
|
maxH: "100dvh",
|
2734
2845
|
color: "inherit",
|
2735
|
-
|
2736
|
-
boxShadow: "lg",
|
2846
|
+
layerStyle: "overlay",
|
2737
2847
|
_open: {
|
2738
2848
|
animationDuration: "slowest",
|
2739
2849
|
animationTimingFunction: "ease-in-smooth"
|
@@ -2869,138 +2979,354 @@ var drawerSlotRecipe = (0, import_react31.defineSlotRecipe)({
|
|
2869
2979
|
}
|
2870
2980
|
}
|
2871
2981
|
},
|
2872
|
-
|
2982
|
+
attached: {
|
2873
2983
|
true: {
|
2874
2984
|
positioner: {
|
2875
|
-
padding:
|
2985
|
+
padding: 0
|
2876
2986
|
},
|
2877
2987
|
content: {
|
2878
|
-
borderRadius: "
|
2988
|
+
borderRadius: "none"
|
2879
2989
|
}
|
2880
2990
|
}
|
2881
2991
|
}
|
2882
2992
|
},
|
2883
2993
|
defaultVariants: {
|
2884
2994
|
size: "xs",
|
2885
|
-
placement: "end"
|
2886
|
-
contained: true
|
2995
|
+
placement: "end"
|
2887
2996
|
}
|
2888
2997
|
});
|
2889
2998
|
|
2890
|
-
// src/components/
|
2891
|
-
var
|
2892
|
-
var
|
2893
|
-
|
2894
|
-
slots:
|
2999
|
+
// src/components/empty-state/empty-state.recipe.ts
|
3000
|
+
var import_react33 = require("@chakra-ui/react");
|
3001
|
+
var import_anatomy5 = require("@chakra-ui/react/anatomy");
|
3002
|
+
var emptyStateSlotRecipe = (0, import_react33.defineSlotRecipe)({
|
3003
|
+
slots: import_anatomy5.emptyStateAnatomy.extendWith("actions").keys(),
|
3004
|
+
className: "chakra-empty-state",
|
2895
3005
|
base: {
|
2896
3006
|
root: {
|
2897
|
-
|
3007
|
+
width: "full",
|
3008
|
+
height: "full",
|
3009
|
+
display: "flex",
|
3010
|
+
flexDirection: "column",
|
3011
|
+
alignItems: "center",
|
3012
|
+
justifyContent: "center"
|
2898
3013
|
},
|
2899
|
-
|
3014
|
+
content: {
|
2900
3015
|
display: "flex",
|
2901
|
-
flexDirection: "
|
3016
|
+
flexDirection: "column",
|
2902
3017
|
alignItems: "center",
|
2903
|
-
justifyContent: "
|
2904
|
-
flex: 1,
|
2905
|
-
userSelect: "none",
|
2906
|
-
borderRadius: "inherit",
|
2907
|
-
outline: "none",
|
2908
|
-
_focusVisible: {
|
2909
|
-
boxShadow: "outline"
|
2910
|
-
},
|
2911
|
-
_disabled: {
|
2912
|
-
cursor: "disabled",
|
2913
|
-
opacity: 0.5,
|
2914
|
-
_hover: {
|
2915
|
-
bg: "transparent",
|
2916
|
-
_dark: {
|
2917
|
-
bg: "transparent"
|
2918
|
-
}
|
2919
|
-
},
|
2920
|
-
_active: {
|
2921
|
-
bg: "transparent",
|
2922
|
-
_dark: {
|
2923
|
-
bg: "transparent"
|
2924
|
-
}
|
2925
|
-
}
|
2926
|
-
}
|
3018
|
+
justifyContent: "center"
|
2927
3019
|
},
|
2928
|
-
|
3020
|
+
indicator: {
|
2929
3021
|
display: "flex",
|
2930
|
-
|
2931
|
-
|
2932
|
-
|
2933
|
-
|
3022
|
+
alignItems: "center",
|
3023
|
+
justifyContent: "center",
|
3024
|
+
color: "colorPalette.solid",
|
3025
|
+
_icon: {
|
3026
|
+
boxSize: "1em"
|
3027
|
+
}
|
3028
|
+
},
|
3029
|
+
title: {
|
3030
|
+
fontWeight: "semibold"
|
3031
|
+
},
|
3032
|
+
description: {
|
3033
|
+
textStyle: "sm",
|
2934
3034
|
color: "fg.muted"
|
2935
3035
|
},
|
2936
|
-
|
2937
|
-
|
3036
|
+
actions: {
|
3037
|
+
display: "flex",
|
3038
|
+
flexDirection: "row",
|
3039
|
+
gap: "2"
|
2938
3040
|
}
|
2939
3041
|
},
|
2940
3042
|
variants: {
|
2941
|
-
interactive: {
|
2942
|
-
true: {
|
2943
|
-
item: {
|
2944
|
-
cursor: "button",
|
2945
|
-
transitionProperty: "bg",
|
2946
|
-
transitionDuration: "fast",
|
2947
|
-
_hover: {
|
2948
|
-
bg: "bg.subtle"
|
2949
|
-
},
|
2950
|
-
_active: {
|
2951
|
-
bg: "bg.subtle"
|
2952
|
-
}
|
2953
|
-
}
|
2954
|
-
}
|
2955
|
-
},
|
2956
|
-
variant: {
|
2957
|
-
simple: {},
|
2958
|
-
rounded: {
|
2959
|
-
item: {
|
2960
|
-
borderRadius: "md",
|
2961
|
-
mb: 0.5
|
2962
|
-
}
|
2963
|
-
}
|
2964
|
-
},
|
2965
3043
|
size: {
|
2966
3044
|
sm: {
|
2967
3045
|
root: {
|
2968
|
-
|
2969
|
-
py:
|
3046
|
+
px: "4",
|
3047
|
+
py: "6"
|
2970
3048
|
},
|
2971
|
-
|
2972
|
-
|
2973
|
-
|
2974
|
-
gap: 1
|
3049
|
+
indicator: {
|
3050
|
+
textStyle: "3xl",
|
3051
|
+
mb: "2"
|
2975
3052
|
},
|
2976
|
-
|
2977
|
-
|
2978
|
-
|
3053
|
+
title: {
|
3054
|
+
textStyle: "md"
|
3055
|
+
},
|
3056
|
+
description: {
|
3057
|
+
textStyle: "xs"
|
3058
|
+
},
|
3059
|
+
content: {},
|
3060
|
+
actions: {
|
3061
|
+
mt: "2"
|
2979
3062
|
}
|
2980
3063
|
},
|
2981
3064
|
md: {
|
2982
3065
|
root: {
|
2983
|
-
|
2984
|
-
py:
|
3066
|
+
px: "8",
|
3067
|
+
py: "12"
|
2985
3068
|
},
|
2986
|
-
|
2987
|
-
|
2988
|
-
|
2989
|
-
gap: 2
|
3069
|
+
indicator: {
|
3070
|
+
textStyle: "4xl",
|
3071
|
+
mb: "3"
|
2990
3072
|
},
|
2991
|
-
|
2992
|
-
|
2993
|
-
|
3073
|
+
title: {
|
3074
|
+
textStyle: "lg"
|
3075
|
+
},
|
3076
|
+
description: {
|
3077
|
+
textStyle: "sm"
|
3078
|
+
},
|
3079
|
+
content: {},
|
3080
|
+
actions: {
|
3081
|
+
mt: "3"
|
2994
3082
|
}
|
2995
|
-
}
|
2996
|
-
|
2997
|
-
|
2998
|
-
|
2999
|
-
|
3000
|
-
|
3001
|
-
|
3002
|
-
|
3003
|
-
|
3083
|
+
},
|
3084
|
+
lg: {
|
3085
|
+
root: {
|
3086
|
+
px: "12",
|
3087
|
+
py: "16"
|
3088
|
+
},
|
3089
|
+
indicator: {
|
3090
|
+
textStyle: "6xl",
|
3091
|
+
mb: "4"
|
3092
|
+
},
|
3093
|
+
title: {
|
3094
|
+
textStyle: "xl"
|
3095
|
+
},
|
3096
|
+
description: {
|
3097
|
+
textStyle: "md"
|
3098
|
+
},
|
3099
|
+
content: {},
|
3100
|
+
actions: {
|
3101
|
+
mt: "4"
|
3102
|
+
}
|
3103
|
+
}
|
3104
|
+
},
|
3105
|
+
align: {
|
3106
|
+
start: {
|
3107
|
+
content: {
|
3108
|
+
alignItems: "flex-start"
|
3109
|
+
}
|
3110
|
+
},
|
3111
|
+
center: {
|
3112
|
+
content: {
|
3113
|
+
alignItems: "center"
|
3114
|
+
}
|
3115
|
+
}
|
3116
|
+
}
|
3117
|
+
},
|
3118
|
+
defaultVariants: {
|
3119
|
+
size: "md",
|
3120
|
+
align: "center"
|
3121
|
+
}
|
3122
|
+
});
|
3123
|
+
|
3124
|
+
// src/components/file-upload/file-upload.recipe.ts
|
3125
|
+
var import_react34 = require("@chakra-ui/react");
|
3126
|
+
var import_anatomy6 = require("@chakra-ui/react/anatomy");
|
3127
|
+
var fileUploadSlotRecipe = (0, import_react34.defineSlotRecipe)({
|
3128
|
+
className: "chakra-file-upload",
|
3129
|
+
slots: import_anatomy6.fileUploadAnatomy.keys(),
|
3130
|
+
base: {
|
3131
|
+
root: {
|
3132
|
+
display: "flex",
|
3133
|
+
flexDirection: "column",
|
3134
|
+
gap: "4",
|
3135
|
+
width: "100%",
|
3136
|
+
alignItems: "flex-start"
|
3137
|
+
},
|
3138
|
+
label: {
|
3139
|
+
fontWeight: "medium",
|
3140
|
+
textStyle: "sm"
|
3141
|
+
},
|
3142
|
+
dropzone: {
|
3143
|
+
background: "bg",
|
3144
|
+
borderRadius: "panel.md",
|
3145
|
+
borderWidth: "1px",
|
3146
|
+
borderStyle: "dashed",
|
3147
|
+
display: "flex",
|
3148
|
+
alignItems: "center",
|
3149
|
+
flexDirection: "column",
|
3150
|
+
gap: "4",
|
3151
|
+
justifyContent: "center",
|
3152
|
+
p: "4",
|
3153
|
+
transition: "backgrounds",
|
3154
|
+
focusVisibleRing: "outside",
|
3155
|
+
_dragging: {
|
3156
|
+
bg: "colorPalette.subtle",
|
3157
|
+
borderStyle: "solid",
|
3158
|
+
borderColor: "colorPalette.solid"
|
3159
|
+
}
|
3160
|
+
},
|
3161
|
+
dropzoneContent: {
|
3162
|
+
display: "flex",
|
3163
|
+
flexDirection: "column",
|
3164
|
+
alignItems: "center",
|
3165
|
+
textAlign: "center",
|
3166
|
+
gap: "4",
|
3167
|
+
textStyle: "sm"
|
3168
|
+
},
|
3169
|
+
item: {
|
3170
|
+
textStyle: "sm",
|
3171
|
+
animationName: "fade-in",
|
3172
|
+
animationDuration: "moderate",
|
3173
|
+
background: "bg",
|
3174
|
+
borderRadius: "panel.md",
|
3175
|
+
borderWidth: "1px",
|
3176
|
+
width: "100%",
|
3177
|
+
display: "flex",
|
3178
|
+
alignItems: "center",
|
3179
|
+
gap: "3",
|
3180
|
+
px: "4",
|
3181
|
+
py: "2"
|
3182
|
+
},
|
3183
|
+
itemGroup: {
|
3184
|
+
width: "100%",
|
3185
|
+
display: "flex",
|
3186
|
+
flexDirection: "column",
|
3187
|
+
gap: "3"
|
3188
|
+
},
|
3189
|
+
itemName: {
|
3190
|
+
color: "fg",
|
3191
|
+
fontWeight: "medium",
|
3192
|
+
lineClamp: "1"
|
3193
|
+
},
|
3194
|
+
itemContent: {
|
3195
|
+
display: "flex",
|
3196
|
+
flexDirection: "column",
|
3197
|
+
gap: "0.5",
|
3198
|
+
flex: "1"
|
3199
|
+
},
|
3200
|
+
itemSizeText: {
|
3201
|
+
color: "fg.muted",
|
3202
|
+
textStyle: "xs"
|
3203
|
+
},
|
3204
|
+
itemDeleteTrigger: {
|
3205
|
+
alignSelf: "flex-start"
|
3206
|
+
},
|
3207
|
+
itemPreviewImage: {
|
3208
|
+
width: "10",
|
3209
|
+
height: "10",
|
3210
|
+
objectFit: "scale-down"
|
3211
|
+
}
|
3212
|
+
},
|
3213
|
+
defaultVariants: {}
|
3214
|
+
});
|
3215
|
+
|
3216
|
+
// src/components/grid-list/grid-list.recipe.ts
|
3217
|
+
var import_react35 = require("@chakra-ui/react");
|
3218
|
+
var gridListSlotRecipe = (0, import_react35.defineSlotRecipe)({
|
3219
|
+
className: "sui-grid-list",
|
3220
|
+
slots: ["root", "item", "header", "cell"],
|
3221
|
+
base: {
|
3222
|
+
root: {
|
3223
|
+
position: "relative"
|
3224
|
+
},
|
3225
|
+
item: {
|
3226
|
+
display: "flex",
|
3227
|
+
flexDirection: "row",
|
3228
|
+
alignItems: "center",
|
3229
|
+
justifyContent: "space-between",
|
3230
|
+
flex: 1,
|
3231
|
+
userSelect: "none",
|
3232
|
+
borderRadius: "inherit",
|
3233
|
+
outline: "none",
|
3234
|
+
_focusVisible: {
|
3235
|
+
boxShadow: "outline"
|
3236
|
+
},
|
3237
|
+
_disabled: {
|
3238
|
+
cursor: "disabled",
|
3239
|
+
opacity: 0.5,
|
3240
|
+
_hover: {
|
3241
|
+
bg: "transparent",
|
3242
|
+
_dark: {
|
3243
|
+
bg: "transparent"
|
3244
|
+
}
|
3245
|
+
},
|
3246
|
+
_active: {
|
3247
|
+
bg: "transparent",
|
3248
|
+
_dark: {
|
3249
|
+
bg: "transparent"
|
3250
|
+
}
|
3251
|
+
}
|
3252
|
+
}
|
3253
|
+
},
|
3254
|
+
header: {
|
3255
|
+
display: "flex",
|
3256
|
+
flexDirection: "row",
|
3257
|
+
position: "sticky",
|
3258
|
+
fontSize: "md",
|
3259
|
+
fontWeight: "semibold",
|
3260
|
+
color: "fg.muted"
|
3261
|
+
},
|
3262
|
+
cell: {
|
3263
|
+
flexShrink: 0
|
3264
|
+
}
|
3265
|
+
},
|
3266
|
+
variants: {
|
3267
|
+
interactive: {
|
3268
|
+
true: {
|
3269
|
+
item: {
|
3270
|
+
cursor: "button",
|
3271
|
+
transitionProperty: "bg",
|
3272
|
+
transitionDuration: "fast",
|
3273
|
+
_hover: {
|
3274
|
+
bg: "bg.subtle"
|
3275
|
+
},
|
3276
|
+
_active: {
|
3277
|
+
bg: "bg.subtle"
|
3278
|
+
}
|
3279
|
+
}
|
3280
|
+
}
|
3281
|
+
},
|
3282
|
+
variant: {
|
3283
|
+
simple: {},
|
3284
|
+
rounded: {
|
3285
|
+
item: {
|
3286
|
+
borderRadius: "md",
|
3287
|
+
mb: 0.5
|
3288
|
+
}
|
3289
|
+
}
|
3290
|
+
},
|
3291
|
+
size: {
|
3292
|
+
sm: {
|
3293
|
+
root: {
|
3294
|
+
textStyle: "sm",
|
3295
|
+
py: 0.5
|
3296
|
+
},
|
3297
|
+
item: {
|
3298
|
+
py: 1,
|
3299
|
+
px: 2,
|
3300
|
+
gap: 1
|
3301
|
+
},
|
3302
|
+
header: {
|
3303
|
+
py: 1,
|
3304
|
+
px: 2
|
3305
|
+
}
|
3306
|
+
},
|
3307
|
+
md: {
|
3308
|
+
root: {
|
3309
|
+
textStyle: "md",
|
3310
|
+
py: 1
|
3311
|
+
},
|
3312
|
+
item: {
|
3313
|
+
py: 2,
|
3314
|
+
px: 3,
|
3315
|
+
gap: 2
|
3316
|
+
},
|
3317
|
+
header: {
|
3318
|
+
py: 2,
|
3319
|
+
px: 3
|
3320
|
+
}
|
3321
|
+
}
|
3322
|
+
}
|
3323
|
+
},
|
3324
|
+
compoundVariants: [
|
3325
|
+
{
|
3326
|
+
variant: "rounded",
|
3327
|
+
size: "sm",
|
3328
|
+
css: {
|
3329
|
+
root: {
|
3004
3330
|
p: 1
|
3005
3331
|
}
|
3006
3332
|
}
|
@@ -3022,8 +3348,8 @@ var gridListSlotRecipe = (0, import_react32.defineSlotRecipe)({
|
|
3022
3348
|
});
|
3023
3349
|
|
3024
3350
|
// src/components/loading-overlay/loading-overlay.recipe.ts
|
3025
|
-
var
|
3026
|
-
var loadingOverlaySlotRecipe = (0,
|
3351
|
+
var import_react36 = require("@chakra-ui/react");
|
3352
|
+
var loadingOverlaySlotRecipe = (0, import_react36.defineSlotRecipe)({
|
3027
3353
|
className: "sui-loading-overlay",
|
3028
3354
|
slots: ["root", "text"],
|
3029
3355
|
base: {
|
@@ -3083,9 +3409,133 @@ var loadingOverlaySlotRecipe = (0, import_react33.defineSlotRecipe)({
|
|
3083
3409
|
}
|
3084
3410
|
});
|
3085
3411
|
|
3412
|
+
// src/components/menu/menu.recipe.ts
|
3413
|
+
var import_react37 = require("@chakra-ui/react");
|
3414
|
+
var import_anatomy7 = require("@chakra-ui/react/anatomy");
|
3415
|
+
var menuSlotRecipe = (0, import_react37.defineSlotRecipe)({
|
3416
|
+
className: "chakra-menu",
|
3417
|
+
slots: import_anatomy7.menuAnatomy.keys(),
|
3418
|
+
base: {
|
3419
|
+
content: {
|
3420
|
+
layerStyle: "overlay",
|
3421
|
+
boxShadow: "md",
|
3422
|
+
borderWidth: "1px",
|
3423
|
+
borderColor: "border",
|
3424
|
+
outline: 0,
|
3425
|
+
color: "fg",
|
3426
|
+
maxHeight: "var(--available-height)",
|
3427
|
+
"--menu-z-index": "zIndex.layer-3",
|
3428
|
+
zIndex: "calc(var(--menu-z-index) + var(--layer-index, 0))",
|
3429
|
+
overflow: "hidden",
|
3430
|
+
_open: {
|
3431
|
+
animationStyle: "slide-fade-in",
|
3432
|
+
animationDuration: "fast"
|
3433
|
+
},
|
3434
|
+
_closed: {
|
3435
|
+
animationStyle: "slide-fade-out",
|
3436
|
+
animationDuration: "faster"
|
3437
|
+
}
|
3438
|
+
},
|
3439
|
+
item: {
|
3440
|
+
textDecoration: "none",
|
3441
|
+
color: "fg",
|
3442
|
+
userSelect: "none",
|
3443
|
+
borderRadius: "control.md",
|
3444
|
+
width: "100%",
|
3445
|
+
display: "flex",
|
3446
|
+
cursor: "menuitem",
|
3447
|
+
alignItems: "center",
|
3448
|
+
textAlign: "start",
|
3449
|
+
position: "relative",
|
3450
|
+
flex: "0 0 auto",
|
3451
|
+
outline: 0,
|
3452
|
+
_disabled: {
|
3453
|
+
layerStyle: "disabled"
|
3454
|
+
}
|
3455
|
+
},
|
3456
|
+
itemText: {
|
3457
|
+
flex: "1"
|
3458
|
+
},
|
3459
|
+
itemGroupLabel: {
|
3460
|
+
px: "2",
|
3461
|
+
py: "1.5",
|
3462
|
+
fontWeight: "semibold",
|
3463
|
+
textStyle: "sm"
|
3464
|
+
},
|
3465
|
+
indicator: {
|
3466
|
+
display: "inline-flex",
|
3467
|
+
alignItems: "center",
|
3468
|
+
justifyContent: "center",
|
3469
|
+
flexShrink: "0"
|
3470
|
+
},
|
3471
|
+
itemCommand: {
|
3472
|
+
opacity: "0.6",
|
3473
|
+
textStyle: "xs",
|
3474
|
+
ms: "auto",
|
3475
|
+
ps: "4",
|
3476
|
+
letterSpacing: "widest"
|
3477
|
+
},
|
3478
|
+
separator: {
|
3479
|
+
height: "1px",
|
3480
|
+
bg: "bg.muted",
|
3481
|
+
my: "1",
|
3482
|
+
mx: "-1"
|
3483
|
+
}
|
3484
|
+
},
|
3485
|
+
variants: {
|
3486
|
+
variant: {
|
3487
|
+
subtle: {
|
3488
|
+
item: {
|
3489
|
+
_highlighted: {
|
3490
|
+
bg: "bg.subtle"
|
3491
|
+
}
|
3492
|
+
}
|
3493
|
+
},
|
3494
|
+
solid: {
|
3495
|
+
item: {
|
3496
|
+
_highlighted: {
|
3497
|
+
bg: "colorPalette.solid",
|
3498
|
+
color: "colorPalette.contrast"
|
3499
|
+
}
|
3500
|
+
}
|
3501
|
+
}
|
3502
|
+
},
|
3503
|
+
size: {
|
3504
|
+
sm: {
|
3505
|
+
content: {
|
3506
|
+
minW: "8rem",
|
3507
|
+
padding: "0.5"
|
3508
|
+
},
|
3509
|
+
item: {
|
3510
|
+
gap: "1",
|
3511
|
+
textStyle: "xs",
|
3512
|
+
py: "1",
|
3513
|
+
px: "1.5"
|
3514
|
+
}
|
3515
|
+
},
|
3516
|
+
md: {
|
3517
|
+
content: {
|
3518
|
+
minW: "8rem",
|
3519
|
+
padding: "1"
|
3520
|
+
},
|
3521
|
+
item: {
|
3522
|
+
gap: "2",
|
3523
|
+
textStyle: "sm",
|
3524
|
+
py: "1.5",
|
3525
|
+
px: "2"
|
3526
|
+
}
|
3527
|
+
}
|
3528
|
+
}
|
3529
|
+
},
|
3530
|
+
defaultVariants: {
|
3531
|
+
size: "md",
|
3532
|
+
variant: "subtle"
|
3533
|
+
}
|
3534
|
+
});
|
3535
|
+
|
3086
3536
|
// src/components/navbar/navbar.recipe.ts
|
3087
|
-
var
|
3088
|
-
var navbarSlotRecipe = (0,
|
3537
|
+
var import_react38 = require("@chakra-ui/react");
|
3538
|
+
var navbarSlotRecipe = (0, import_react38.defineSlotRecipe)({
|
3089
3539
|
className: "sui-navbar",
|
3090
3540
|
slots: ["root", "content", "brand", "item", "link"],
|
3091
3541
|
base: {
|
@@ -3194,15 +3644,15 @@ var navbarSlotRecipe = (0, import_react34.defineSlotRecipe)({
|
|
3194
3644
|
});
|
3195
3645
|
|
3196
3646
|
// src/components/persona/persona.recipe.ts
|
3197
|
-
var
|
3198
|
-
var baseStyleLabel = (0,
|
3647
|
+
var import_react39 = require("@chakra-ui/react");
|
3648
|
+
var baseStyleLabel = (0, import_react39.defineStyle)({
|
3199
3649
|
overflow: "hidden",
|
3200
3650
|
whiteSpace: "nowrap",
|
3201
3651
|
textOverflow: "ellipsis",
|
3202
3652
|
minW: 0,
|
3203
3653
|
color: "fg"
|
3204
3654
|
});
|
3205
|
-
var personaSlotRecipe = (0,
|
3655
|
+
var personaSlotRecipe = (0, import_react39.defineSlotRecipe)({
|
3206
3656
|
className: "sui-persona",
|
3207
3657
|
slots: [
|
3208
3658
|
"root",
|
@@ -3265,34 +3715,121 @@ var personaSlotRecipe = (0, import_react35.defineSlotRecipe)({
|
|
3265
3715
|
tertiaryLabel: { display: "none" }
|
3266
3716
|
},
|
3267
3717
|
sm: {
|
3268
|
-
details: { ms: 2 },
|
3269
|
-
label: { fontSize: "sm" },
|
3270
|
-
secondaryLabel: { fontSize: "xs" },
|
3271
|
-
tertiaryLabel: { display: "none" }
|
3718
|
+
details: { ms: 2 },
|
3719
|
+
label: { fontSize: "sm" },
|
3720
|
+
secondaryLabel: { fontSize: "xs" },
|
3721
|
+
tertiaryLabel: { display: "none" }
|
3722
|
+
},
|
3723
|
+
md: {
|
3724
|
+
details: { ms: 2 },
|
3725
|
+
label: { fontSize: "sm" },
|
3726
|
+
secondaryLabel: { fontSize: "xs" },
|
3727
|
+
tertiaryLabel: { display: "none" }
|
3728
|
+
},
|
3729
|
+
lg: {
|
3730
|
+
details: { ms: 3 },
|
3731
|
+
label: { fontSize: "md" },
|
3732
|
+
secondaryLabel: { fontSize: "sm" },
|
3733
|
+
tertiaryLabel: { fontSize: "sm" }
|
3734
|
+
},
|
3735
|
+
xl: {
|
3736
|
+
details: { ms: 4 },
|
3737
|
+
label: { fontSize: "lg" },
|
3738
|
+
secondaryLabel: { fontSize: "md" },
|
3739
|
+
tertiaryLabel: { fontSize: "md" }
|
3740
|
+
},
|
3741
|
+
"2xl": {
|
3742
|
+
details: { ms: 4 },
|
3743
|
+
label: { fontSize: "xl" },
|
3744
|
+
secondaryLabel: { fontSize: "lg" },
|
3745
|
+
tertiaryLabel: { fontSize: "lg" }
|
3746
|
+
}
|
3747
|
+
}
|
3748
|
+
},
|
3749
|
+
defaultVariants: {
|
3750
|
+
size: "md"
|
3751
|
+
}
|
3752
|
+
});
|
3753
|
+
|
3754
|
+
// src/components/popover/popover.recipe.ts
|
3755
|
+
var import_react40 = require("@chakra-ui/react");
|
3756
|
+
var import_anatomy8 = require("@chakra-ui/react/anatomy");
|
3757
|
+
var popoverSlotRecipe = (0, import_react40.defineSlotRecipe)({
|
3758
|
+
className: "chakra-popover",
|
3759
|
+
slots: import_anatomy8.popoverAnatomy.keys(),
|
3760
|
+
base: {
|
3761
|
+
content: {
|
3762
|
+
layerStyle: "overlay",
|
3763
|
+
position: "relative",
|
3764
|
+
display: "flex",
|
3765
|
+
flexDirection: "column",
|
3766
|
+
textStyle: "sm",
|
3767
|
+
"--popover-bg": "colors.bg.panel",
|
3768
|
+
bg: "var(--popover-bg)",
|
3769
|
+
"--popover-size": "sizes.xs",
|
3770
|
+
"--popover-mobile-size": "calc(100dvw - 1rem)",
|
3771
|
+
width: {
|
3772
|
+
base: "min(var(--popover-mobile-size), var(--popover-size))",
|
3773
|
+
sm: "var(--popover-size)"
|
3774
|
+
},
|
3775
|
+
"--popover-z-index": "zIndex.layer-2",
|
3776
|
+
zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
|
3777
|
+
borderWidth: "1px",
|
3778
|
+
outline: "0",
|
3779
|
+
transformOrigin: "var(--transform-origin)",
|
3780
|
+
_open: {
|
3781
|
+
animationStyle: "scale-fade-in",
|
3782
|
+
animationDuration: "fast"
|
3783
|
+
},
|
3784
|
+
_closed: {
|
3785
|
+
animationStyle: "scale-fade-out",
|
3786
|
+
animationDuration: "faster"
|
3787
|
+
}
|
3788
|
+
},
|
3789
|
+
header: {
|
3790
|
+
paddingInline: "var(--popover-padding)",
|
3791
|
+
paddingTop: "var(--popover-padding)"
|
3792
|
+
},
|
3793
|
+
body: {
|
3794
|
+
padding: "var(--popover-padding)",
|
3795
|
+
flex: "1"
|
3796
|
+
},
|
3797
|
+
footer: {
|
3798
|
+
display: "flex",
|
3799
|
+
alignItems: "center",
|
3800
|
+
paddingInline: "var(--popover-padding)",
|
3801
|
+
paddingBottom: "var(--popover-padding)"
|
3802
|
+
},
|
3803
|
+
arrow: {
|
3804
|
+
"--arrow-size": "sizes.3",
|
3805
|
+
"--arrow-background": "var(--popover-bg)"
|
3806
|
+
},
|
3807
|
+
arrowTip: {
|
3808
|
+
borderTopWidth: "1px",
|
3809
|
+
borderInlineStartWidth: "1px"
|
3810
|
+
}
|
3811
|
+
},
|
3812
|
+
variants: {
|
3813
|
+
size: {
|
3814
|
+
xs: {
|
3815
|
+
content: {
|
3816
|
+
"--popover-padding": "spacing.3"
|
3817
|
+
}
|
3818
|
+
},
|
3819
|
+
sm: {
|
3820
|
+
content: {
|
3821
|
+
"--popover-padding": "spacing.4"
|
3822
|
+
}
|
3272
3823
|
},
|
3273
3824
|
md: {
|
3274
|
-
|
3275
|
-
|
3276
|
-
|
3277
|
-
tertiaryLabel: { display: "none" }
|
3825
|
+
content: {
|
3826
|
+
"--popover-padding": "spacing.5"
|
3827
|
+
}
|
3278
3828
|
},
|
3279
3829
|
lg: {
|
3280
|
-
|
3281
|
-
|
3282
|
-
|
3283
|
-
tertiaryLabel: { fontSize: "sm" }
|
3284
|
-
},
|
3285
|
-
xl: {
|
3286
|
-
details: { ms: 4 },
|
3287
|
-
label: { fontSize: "lg" },
|
3288
|
-
secondaryLabel: { fontSize: "md" },
|
3289
|
-
tertiaryLabel: { fontSize: "md" }
|
3290
|
-
},
|
3291
|
-
"2xl": {
|
3292
|
-
details: { ms: 4 },
|
3293
|
-
label: { fontSize: "xl" },
|
3294
|
-
secondaryLabel: { fontSize: "lg" },
|
3295
|
-
tertiaryLabel: { fontSize: "lg" }
|
3830
|
+
content: {
|
3831
|
+
"--popover-padding": "spacing.6"
|
3832
|
+
}
|
3296
3833
|
}
|
3297
3834
|
}
|
3298
3835
|
},
|
@@ -3302,11 +3839,11 @@ var personaSlotRecipe = (0, import_react35.defineSlotRecipe)({
|
|
3302
3839
|
});
|
3303
3840
|
|
3304
3841
|
// src/components/segmented-control/segment-group.recipe.ts
|
3305
|
-
var
|
3306
|
-
var
|
3307
|
-
var segmentGroupSlotRecipe = (0,
|
3842
|
+
var import_react41 = require("@chakra-ui/react");
|
3843
|
+
var import_anatomy9 = require("@chakra-ui/react/anatomy");
|
3844
|
+
var segmentGroupSlotRecipe = (0, import_react41.defineSlotRecipe)({
|
3308
3845
|
className: "chakra-segment-group",
|
3309
|
-
slots:
|
3846
|
+
slots: import_anatomy9.segmentGroupAnatomy.keys(),
|
3310
3847
|
base: {
|
3311
3848
|
root: {
|
3312
3849
|
"--segment-radius": "radii.md",
|
@@ -3428,8 +3965,8 @@ var segmentGroupSlotRecipe = (0, import_react36.defineSlotRecipe)({
|
|
3428
3965
|
});
|
3429
3966
|
|
3430
3967
|
// src/components/sidebar/sidebar-item.recipe.ts
|
3431
|
-
var
|
3432
|
-
var sidebarNavItemSlotRecipe = (0,
|
3968
|
+
var import_react42 = require("@chakra-ui/react");
|
3969
|
+
var sidebarNavItemSlotRecipe = (0, import_react42.defineSlotRecipe)({
|
3433
3970
|
className: "sui-sidebar-nav-item",
|
3434
3971
|
slots: ["item", "button", "endElement"],
|
3435
3972
|
base: {
|
@@ -3514,8 +4051,8 @@ var sidebarNavItemSlotRecipe = (0, import_react37.defineSlotRecipe)({
|
|
3514
4051
|
});
|
3515
4052
|
|
3516
4053
|
// src/components/sidebar/sidebar.recipe.ts
|
3517
|
-
var
|
3518
|
-
var sidebarSlotRecipe = (0,
|
4054
|
+
var import_react43 = require("@chakra-ui/react");
|
4055
|
+
var sidebarSlotRecipe = (0, import_react43.defineSlotRecipe)({
|
3519
4056
|
className: "sui-sidebar",
|
3520
4057
|
slots: [
|
3521
4058
|
"root",
|
@@ -3751,11 +4288,11 @@ var sidebarSlotRecipe = (0, import_react38.defineSlotRecipe)({
|
|
3751
4288
|
});
|
3752
4289
|
|
3753
4290
|
// src/components/status/status.recipe.ts
|
3754
|
-
var
|
3755
|
-
var
|
3756
|
-
var statusSlotRecipe = (0,
|
4291
|
+
var import_react44 = require("@chakra-ui/react");
|
4292
|
+
var import_anatomy10 = require("@chakra-ui/react/anatomy");
|
4293
|
+
var statusSlotRecipe = (0, import_react44.defineSlotRecipe)({
|
3757
4294
|
className: "chakra-status",
|
3758
|
-
slots:
|
4295
|
+
slots: import_anatomy10.statusAnatomy.keys(),
|
3759
4296
|
base: {
|
3760
4297
|
root: {
|
3761
4298
|
colorPalette: "gray",
|
@@ -3797,15 +4334,15 @@ var statusSlotRecipe = (0, import_react39.defineSlotRecipe)({
|
|
3797
4334
|
});
|
3798
4335
|
|
3799
4336
|
// src/components/tabs/tabs.recipe.ts
|
3800
|
-
var
|
3801
|
-
var
|
3802
|
-
var tabsSlotRecipe = (0,
|
3803
|
-
slots:
|
4337
|
+
var import_react45 = require("@chakra-ui/react");
|
4338
|
+
var import_anatomy11 = require("@chakra-ui/react/anatomy");
|
4339
|
+
var tabsSlotRecipe = (0, import_react45.defineSlotRecipe)({
|
4340
|
+
slots: import_anatomy11.tabsAnatomy.keys(),
|
3804
4341
|
className: "chakra-tabs",
|
3805
4342
|
base: {
|
3806
4343
|
root: {
|
3807
4344
|
colorPalette: "gray",
|
3808
|
-
"--tabs-trigger-radius": "radii.md",
|
4345
|
+
"--tabs-trigger-radius": "radii.control.md",
|
3809
4346
|
position: "relative",
|
3810
4347
|
_horizontal: {
|
3811
4348
|
display: "block"
|
@@ -3997,6 +4534,23 @@ var tabsSlotRecipe = (0, import_react40.defineSlotRecipe)({
|
|
3997
4534
|
}
|
3998
4535
|
}
|
3999
4536
|
},
|
4537
|
+
ghost: {
|
4538
|
+
list: {
|
4539
|
+
gap: 2
|
4540
|
+
},
|
4541
|
+
trigger: {
|
4542
|
+
borderRadius: "var(--tabs-trigger-radius)",
|
4543
|
+
color: "fg.muted",
|
4544
|
+
_hover: {
|
4545
|
+
bg: "bg.muted",
|
4546
|
+
color: "fg.subtle"
|
4547
|
+
},
|
4548
|
+
_selected: {
|
4549
|
+
bg: "colorPalette.subtle !important",
|
4550
|
+
color: "colorPalette.fg !important"
|
4551
|
+
}
|
4552
|
+
}
|
4553
|
+
},
|
4000
4554
|
enclosed: {
|
4001
4555
|
list: {
|
4002
4556
|
bg: "bg.muted",
|
@@ -4094,12 +4648,12 @@ var tabsSlotRecipe = (0, import_react40.defineSlotRecipe)({
|
|
4094
4648
|
});
|
4095
4649
|
|
4096
4650
|
// src/components/tag/tag.recipe.ts
|
4097
|
-
var
|
4098
|
-
var
|
4651
|
+
var import_react46 = require("@chakra-ui/react");
|
4652
|
+
var import_anatomy12 = require("@chakra-ui/react/anatomy");
|
4099
4653
|
var _a;
|
4100
4654
|
var badgeVariant = (_a = badgeRecipe.variants) == null ? void 0 : _a.variant;
|
4101
|
-
var tagSlotRecipe = (0,
|
4102
|
-
slots:
|
4655
|
+
var tagSlotRecipe = (0, import_react46.defineSlotRecipe)({
|
4656
|
+
slots: import_anatomy12.tagAnatomy.keys(),
|
4103
4657
|
className: "chakra-tag",
|
4104
4658
|
base: {
|
4105
4659
|
root: {
|
@@ -4250,10 +4804,10 @@ var tagSlotRecipe = (0, import_react41.defineSlotRecipe)({
|
|
4250
4804
|
});
|
4251
4805
|
|
4252
4806
|
// src/components/toaster/toast.recipe.ts
|
4253
|
-
var
|
4254
|
-
var
|
4255
|
-
var toastSlotRecipe = (0,
|
4256
|
-
slots:
|
4807
|
+
var import_react47 = require("@chakra-ui/react");
|
4808
|
+
var import_anatomy13 = require("@chakra-ui/react/anatomy");
|
4809
|
+
var toastSlotRecipe = (0, import_react47.defineSlotRecipe)({
|
4810
|
+
slots: import_anatomy13.toastAnatomy.keys(),
|
4257
4811
|
className: "chakra-toast",
|
4258
4812
|
base: {
|
4259
4813
|
root: {
|
@@ -4341,12 +4895,66 @@ var toastSlotRecipe = (0, import_react42.defineSlotRecipe)({
|
|
4341
4895
|
}
|
4342
4896
|
});
|
4343
4897
|
|
4898
|
+
// src/components/tooltip/tooltip.recipe.ts
|
4899
|
+
var import_react48 = require("@chakra-ui/react");
|
4900
|
+
var import_anatomy14 = require("@chakra-ui/react/anatomy");
|
4901
|
+
var tooltipSlotRecipe = (0, import_react48.defineSlotRecipe)({
|
4902
|
+
slots: import_anatomy14.tooltipAnatomy.keys(),
|
4903
|
+
className: "chakra-tooltip",
|
4904
|
+
base: {
|
4905
|
+
content: {
|
4906
|
+
"--tooltip-bg": "colors.bg",
|
4907
|
+
display: "flex",
|
4908
|
+
alignItems: "center",
|
4909
|
+
bg: "var(--tooltip-bg)",
|
4910
|
+
color: "fg",
|
4911
|
+
px: "2.5",
|
4912
|
+
py: "1",
|
4913
|
+
borderRadius: "l2",
|
4914
|
+
fontWeight: "medium",
|
4915
|
+
textStyle: "xs",
|
4916
|
+
boxShadow: "md",
|
4917
|
+
maxW: "xs",
|
4918
|
+
zIndex: "tooltip",
|
4919
|
+
transformOrigin: "var(--transform-origin)",
|
4920
|
+
_open: {
|
4921
|
+
animationStyle: "scale-fade-in",
|
4922
|
+
animationDuration: "fast"
|
4923
|
+
},
|
4924
|
+
_closed: {
|
4925
|
+
animationStyle: "scale-fade-out",
|
4926
|
+
animationDuration: "fast"
|
4927
|
+
}
|
4928
|
+
},
|
4929
|
+
arrow: {
|
4930
|
+
"--arrow-size": "sizes.2",
|
4931
|
+
"--arrow-background": "var(--tooltip-bg)",
|
4932
|
+
zIndex: "-1"
|
4933
|
+
},
|
4934
|
+
arrowTip: {
|
4935
|
+
borderTopWidth: "1px",
|
4936
|
+
borderInlineStartWidth: "1px",
|
4937
|
+
borderColor: "var(--tooltip-bg)"
|
4938
|
+
}
|
4939
|
+
},
|
4940
|
+
variants: {
|
4941
|
+
variant: {
|
4942
|
+
inverted: {
|
4943
|
+
content: {
|
4944
|
+
"--tooltip-bg": "colors.bg.inverted",
|
4945
|
+
color: "fg.inverted"
|
4946
|
+
}
|
4947
|
+
}
|
4948
|
+
}
|
4949
|
+
}
|
4950
|
+
});
|
4951
|
+
|
4344
4952
|
// src/theme/recipes/chakra/accordion.ts
|
4345
|
-
var
|
4346
|
-
var
|
4347
|
-
var accordionSlotRecipe = (0,
|
4953
|
+
var import_react49 = require("@chakra-ui/react");
|
4954
|
+
var import_anatomy15 = require("@chakra-ui/react/anatomy");
|
4955
|
+
var accordionSlotRecipe = (0, import_react49.defineSlotRecipe)({
|
4348
4956
|
className: "chakra-accordion",
|
4349
|
-
slots:
|
4957
|
+
slots: import_anatomy15.accordionAnatomy.keys(),
|
4350
4958
|
base: {
|
4351
4959
|
root: {
|
4352
4960
|
width: "full",
|
@@ -4482,11 +5090,11 @@ var accordionSlotRecipe = (0, import_react43.defineSlotRecipe)({
|
|
4482
5090
|
});
|
4483
5091
|
|
4484
5092
|
// src/theme/recipes/chakra/action-bar.ts
|
4485
|
-
var
|
4486
|
-
var
|
4487
|
-
var actionBarSlotRecipe = (0,
|
5093
|
+
var import_react50 = require("@chakra-ui/react");
|
5094
|
+
var import_anatomy16 = require("@chakra-ui/react/anatomy");
|
5095
|
+
var actionBarSlotRecipe = (0, import_react50.defineSlotRecipe)({
|
4488
5096
|
className: "chakra-action-bar",
|
4489
|
-
slots:
|
5097
|
+
slots: import_anatomy16.actionBarAnatomy.keys(),
|
4490
5098
|
base: {
|
4491
5099
|
positioner: {
|
4492
5100
|
position: "fixed",
|
@@ -4540,10 +5148,10 @@ var actionBarSlotRecipe = (0, import_react44.defineSlotRecipe)({
|
|
4540
5148
|
});
|
4541
5149
|
|
4542
5150
|
// src/theme/recipes/chakra/alert.ts
|
4543
|
-
var
|
4544
|
-
var
|
4545
|
-
var alertSlotRecipe = (0,
|
4546
|
-
slots:
|
5151
|
+
var import_react51 = require("@chakra-ui/react");
|
5152
|
+
var import_anatomy17 = require("@chakra-ui/react/anatomy");
|
5153
|
+
var alertSlotRecipe = (0, import_react51.defineSlotRecipe)({
|
5154
|
+
slots: import_anatomy17.alertAnatomy.keys(),
|
4547
5155
|
className: "chakra-alert",
|
4548
5156
|
base: {
|
4549
5157
|
root: {
|
@@ -4689,11 +5297,11 @@ var alertSlotRecipe = (0, import_react45.defineSlotRecipe)({
|
|
4689
5297
|
});
|
4690
5298
|
|
4691
5299
|
// src/theme/recipes/chakra/blockquote.ts
|
4692
|
-
var
|
4693
|
-
var
|
4694
|
-
var blockquoteSlotRecipe = (0,
|
5300
|
+
var import_react52 = require("@chakra-ui/react");
|
5301
|
+
var import_anatomy18 = require("@chakra-ui/react/anatomy");
|
5302
|
+
var blockquoteSlotRecipe = (0, import_react52.defineSlotRecipe)({
|
4695
5303
|
className: "chakra-blockquote",
|
4696
|
-
slots:
|
5304
|
+
slots: import_anatomy18.blockquoteAnatomy.keys(),
|
4697
5305
|
base: {
|
4698
5306
|
root: {
|
4699
5307
|
position: "relative",
|
@@ -4768,11 +5376,11 @@ var blockquoteSlotRecipe = (0, import_react46.defineSlotRecipe)({
|
|
4768
5376
|
});
|
4769
5377
|
|
4770
5378
|
// src/theme/recipes/chakra/breadcrumb.ts
|
4771
|
-
var
|
4772
|
-
var
|
4773
|
-
var breadcrumbSlotRecipe = (0,
|
5379
|
+
var import_react53 = require("@chakra-ui/react");
|
5380
|
+
var import_anatomy19 = require("@chakra-ui/react/anatomy");
|
5381
|
+
var breadcrumbSlotRecipe = (0, import_react53.defineSlotRecipe)({
|
4774
5382
|
className: "chakra-breadcrumb",
|
4775
|
-
slots:
|
5383
|
+
slots: import_anatomy19.breadcrumbAnatomy.keys(),
|
4776
5384
|
base: {
|
4777
5385
|
list: {
|
4778
5386
|
display: "flex",
|
@@ -4860,11 +5468,11 @@ var breadcrumbSlotRecipe = (0, import_react47.defineSlotRecipe)({
|
|
4860
5468
|
});
|
4861
5469
|
|
4862
5470
|
// src/theme/recipes/chakra/card.ts
|
4863
|
-
var
|
4864
|
-
var
|
4865
|
-
var cardSlotRecipe = (0,
|
5471
|
+
var import_react54 = require("@chakra-ui/react");
|
5472
|
+
var import_anatomy20 = require("@chakra-ui/react/anatomy");
|
5473
|
+
var cardSlotRecipe = (0, import_react54.defineSlotRecipe)({
|
4866
5474
|
className: "chakra-card",
|
4867
|
-
slots:
|
5475
|
+
slots: import_anatomy20.cardAnatomy.keys(),
|
4868
5476
|
base: {
|
4869
5477
|
root: {
|
4870
5478
|
display: "flex",
|
@@ -4982,11 +5590,11 @@ var cardSlotRecipe = (0, import_react48.defineSlotRecipe)({
|
|
4982
5590
|
});
|
4983
5591
|
|
4984
5592
|
// src/theme/recipes/chakra/checkbox.ts
|
4985
|
-
var
|
4986
|
-
var
|
5593
|
+
var import_react55 = require("@chakra-ui/react");
|
5594
|
+
var import_anatomy21 = require("@chakra-ui/react/anatomy");
|
4987
5595
|
var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
|
4988
|
-
var checkboxSlotRecipe = (0,
|
4989
|
-
slots:
|
5596
|
+
var checkboxSlotRecipe = (0, import_react55.defineSlotRecipe)({
|
5597
|
+
slots: import_anatomy21.checkboxAnatomy.keys(),
|
4990
5598
|
className: "chakra-checkbox",
|
4991
5599
|
base: {
|
4992
5600
|
root: {
|
@@ -5047,11 +5655,11 @@ var checkboxSlotRecipe = (0, import_react49.defineSlotRecipe)({
|
|
5047
5655
|
});
|
5048
5656
|
|
5049
5657
|
// src/theme/recipes/chakra/checkbox-card.ts
|
5050
|
-
var
|
5051
|
-
var
|
5658
|
+
var import_react56 = require("@chakra-ui/react");
|
5659
|
+
var import_anatomy22 = require("@chakra-ui/react/anatomy");
|
5052
5660
|
var _a3, _b2, _c2, _d2, _e2, _f2, _g2;
|
5053
|
-
var checkboxCardSlotRecipe = (0,
|
5054
|
-
slots:
|
5661
|
+
var checkboxCardSlotRecipe = (0, import_react56.defineSlotRecipe)({
|
5662
|
+
slots: import_anatomy22.checkboxCardAnatomy.keys(),
|
5055
5663
|
className: "chakra-checkbox-card",
|
5056
5664
|
base: {
|
5057
5665
|
root: {
|
@@ -5227,141 +5835,61 @@ var checkboxCardSlotRecipe = (0, import_react50.defineSlotRecipe)({
|
|
5227
5835
|
root: { "--checkbox-card-align": "flex-end" },
|
5228
5836
|
content: { textAlign: "end" }
|
5229
5837
|
},
|
5230
|
-
center: {
|
5231
|
-
root: { "--checkbox-card-align": "center" },
|
5232
|
-
content: { textAlign: "center" }
|
5233
|
-
}
|
5234
|
-
},
|
5235
|
-
orientation: {
|
5236
|
-
vertical: {
|
5237
|
-
control: { flexDirection: "column" }
|
5238
|
-
},
|
5239
|
-
horizontal: {
|
5240
|
-
control: { flexDirection: "row" }
|
5241
|
-
}
|
5242
|
-
}
|
5243
|
-
},
|
5244
|
-
defaultVariants: {
|
5245
|
-
size: "md",
|
5246
|
-
variant: "outline",
|
5247
|
-
align: "start",
|
5248
|
-
orientation: "horizontal"
|
5249
|
-
}
|
5250
|
-
});
|
5251
|
-
|
5252
|
-
// src/theme/recipes/chakra/collapsible.ts
|
5253
|
-
var import_react51 = require("@chakra-ui/react");
|
5254
|
-
var import_anatomy17 = require("@chakra-ui/react/anatomy");
|
5255
|
-
var collapsibleSlotRecipe = (0, import_react51.defineSlotRecipe)({
|
5256
|
-
slots: import_anatomy17.collapsibleAnatomy.keys(),
|
5257
|
-
className: "chakra-collapsible",
|
5258
|
-
base: {
|
5259
|
-
content: {
|
5260
|
-
_open: {
|
5261
|
-
animationName: "expand-height, fade-in",
|
5262
|
-
animationDuration: "moderate"
|
5263
|
-
},
|
5264
|
-
_closed: {
|
5265
|
-
animationName: "collapse-height, fade-out",
|
5266
|
-
animationDuration: "moderate",
|
5267
|
-
overflow: "hidden"
|
5268
|
-
}
|
5269
|
-
}
|
5270
|
-
}
|
5271
|
-
});
|
5272
|
-
|
5273
|
-
// src/theme/recipes/chakra/data-list.ts
|
5274
|
-
var import_react52 = require("@chakra-ui/react");
|
5275
|
-
var import_anatomy18 = require("@chakra-ui/react/anatomy");
|
5276
|
-
var dataListSlotRecipe = (0, import_react52.defineSlotRecipe)({
|
5277
|
-
slots: import_anatomy18.dataListAnatomy.keys(),
|
5278
|
-
className: "chakra-data-list",
|
5279
|
-
base: {
|
5280
|
-
itemLabel: {
|
5281
|
-
color: "fg.muted",
|
5282
|
-
display: "flex",
|
5283
|
-
alignItems: "center",
|
5284
|
-
gap: "1"
|
5285
|
-
},
|
5286
|
-
itemValue: {
|
5287
|
-
display: "flex",
|
5288
|
-
minWidth: "0",
|
5289
|
-
flex: "1"
|
5290
|
-
}
|
5291
|
-
},
|
5292
|
-
variants: {
|
5293
|
-
orientation: {
|
5294
|
-
horizontal: {
|
5295
|
-
root: {
|
5296
|
-
display: "flex",
|
5297
|
-
flexDirection: "column"
|
5298
|
-
},
|
5299
|
-
item: {
|
5300
|
-
display: "inline-flex",
|
5301
|
-
alignItems: "center",
|
5302
|
-
gap: "4"
|
5303
|
-
},
|
5304
|
-
itemLabel: {
|
5305
|
-
minWidth: "120px"
|
5306
|
-
}
|
5307
|
-
},
|
5308
|
-
vertical: {
|
5309
|
-
root: {
|
5310
|
-
display: "flex",
|
5311
|
-
flexDirection: "column"
|
5312
|
-
},
|
5313
|
-
item: {
|
5314
|
-
display: "flex",
|
5315
|
-
flexDirection: "column",
|
5316
|
-
gap: "1"
|
5317
|
-
}
|
5318
|
-
}
|
5319
|
-
},
|
5320
|
-
size: {
|
5321
|
-
sm: {
|
5322
|
-
root: {
|
5323
|
-
gap: "3"
|
5324
|
-
},
|
5325
|
-
item: {
|
5326
|
-
textStyle: "xs"
|
5327
|
-
}
|
5328
|
-
},
|
5329
|
-
md: {
|
5330
|
-
root: {
|
5331
|
-
gap: "4"
|
5332
|
-
},
|
5333
|
-
item: {
|
5334
|
-
textStyle: "sm"
|
5335
|
-
}
|
5838
|
+
center: {
|
5839
|
+
root: { "--checkbox-card-align": "center" },
|
5840
|
+
content: { textAlign: "center" }
|
5841
|
+
}
|
5842
|
+
},
|
5843
|
+
orientation: {
|
5844
|
+
vertical: {
|
5845
|
+
control: { flexDirection: "column" }
|
5336
5846
|
},
|
5337
|
-
|
5338
|
-
|
5339
|
-
gap: "5"
|
5340
|
-
},
|
5341
|
-
item: {
|
5342
|
-
textStyle: "md"
|
5343
|
-
}
|
5847
|
+
horizontal: {
|
5848
|
+
control: { flexDirection: "row" }
|
5344
5849
|
}
|
5345
5850
|
}
|
5346
5851
|
},
|
5347
5852
|
defaultVariants: {
|
5348
5853
|
size: "md",
|
5349
|
-
|
5854
|
+
variant: "outline",
|
5855
|
+
align: "start",
|
5856
|
+
orientation: "horizontal"
|
5857
|
+
}
|
5858
|
+
});
|
5859
|
+
|
5860
|
+
// src/theme/recipes/chakra/collapsible.ts
|
5861
|
+
var import_react57 = require("@chakra-ui/react");
|
5862
|
+
var import_anatomy23 = require("@chakra-ui/react/anatomy");
|
5863
|
+
var collapsibleSlotRecipe = (0, import_react57.defineSlotRecipe)({
|
5864
|
+
slots: import_anatomy23.collapsibleAnatomy.keys(),
|
5865
|
+
className: "chakra-collapsible",
|
5866
|
+
base: {
|
5867
|
+
content: {
|
5868
|
+
_open: {
|
5869
|
+
animationName: "expand-height, fade-in",
|
5870
|
+
animationDuration: "moderate"
|
5871
|
+
},
|
5872
|
+
_closed: {
|
5873
|
+
animationName: "collapse-height, fade-out",
|
5874
|
+
animationDuration: "moderate",
|
5875
|
+
overflow: "hidden"
|
5876
|
+
}
|
5877
|
+
}
|
5350
5878
|
}
|
5351
5879
|
});
|
5352
5880
|
|
5353
5881
|
// src/theme/recipes/chakra/editable.ts
|
5354
|
-
var
|
5355
|
-
var
|
5356
|
-
var sharedStyles = (0,
|
5882
|
+
var import_react58 = require("@chakra-ui/react");
|
5883
|
+
var import_anatomy24 = require("@chakra-ui/react/anatomy");
|
5884
|
+
var sharedStyles = (0, import_react58.defineStyle)({
|
5357
5885
|
fontSize: "inherit",
|
5358
5886
|
fontWeight: "inherit",
|
5359
5887
|
textAlign: "inherit",
|
5360
5888
|
bg: "transparent",
|
5361
5889
|
borderRadius: "l2"
|
5362
5890
|
});
|
5363
|
-
var editableSlotRecipe = (0,
|
5364
|
-
slots:
|
5891
|
+
var editableSlotRecipe = (0, import_react58.defineSlotRecipe)({
|
5892
|
+
slots: import_anatomy24.editableAnatomy.keys(),
|
5365
5893
|
className: "chakra-editable",
|
5366
5894
|
base: {
|
5367
5895
|
root: {
|
@@ -5435,104 +5963,12 @@ var editableSlotRecipe = (0, import_react53.defineSlotRecipe)({
|
|
5435
5963
|
}
|
5436
5964
|
});
|
5437
5965
|
|
5438
|
-
// src/theme/recipes/chakra/empty-state.ts
|
5439
|
-
var import_react54 = require("@chakra-ui/react");
|
5440
|
-
var import_anatomy20 = require("@chakra-ui/react/anatomy");
|
5441
|
-
var emptyStateSlotRecipe = (0, import_react54.defineSlotRecipe)({
|
5442
|
-
slots: import_anatomy20.emptyStateAnatomy.keys(),
|
5443
|
-
className: "chakra-empty-state",
|
5444
|
-
base: {
|
5445
|
-
root: {
|
5446
|
-
width: "full",
|
5447
|
-
height: "full",
|
5448
|
-
display: "flex",
|
5449
|
-
flexDirection: "column",
|
5450
|
-
alignItems: "center",
|
5451
|
-
justifyContent: "center"
|
5452
|
-
},
|
5453
|
-
content: {
|
5454
|
-
display: "flex",
|
5455
|
-
flexDirection: "column",
|
5456
|
-
alignItems: "center",
|
5457
|
-
justifyContent: "center"
|
5458
|
-
},
|
5459
|
-
indicator: {
|
5460
|
-
display: "flex",
|
5461
|
-
alignItems: "center",
|
5462
|
-
justifyContent: "center",
|
5463
|
-
color: "fg.subtle",
|
5464
|
-
_icon: {
|
5465
|
-
boxSize: "1em"
|
5466
|
-
}
|
5467
|
-
},
|
5468
|
-
title: {
|
5469
|
-
fontWeight: "semibold"
|
5470
|
-
},
|
5471
|
-
description: {
|
5472
|
-
textStyle: "sm",
|
5473
|
-
color: "fg.muted"
|
5474
|
-
}
|
5475
|
-
},
|
5476
|
-
variants: {
|
5477
|
-
size: {
|
5478
|
-
sm: {
|
5479
|
-
root: {
|
5480
|
-
px: "4",
|
5481
|
-
py: "6"
|
5482
|
-
},
|
5483
|
-
title: {
|
5484
|
-
textStyle: "md"
|
5485
|
-
},
|
5486
|
-
content: {
|
5487
|
-
gap: "4"
|
5488
|
-
},
|
5489
|
-
indicator: {
|
5490
|
-
textStyle: "2xl"
|
5491
|
-
}
|
5492
|
-
},
|
5493
|
-
md: {
|
5494
|
-
root: {
|
5495
|
-
px: "8",
|
5496
|
-
py: "12"
|
5497
|
-
},
|
5498
|
-
title: {
|
5499
|
-
textStyle: "lg"
|
5500
|
-
},
|
5501
|
-
content: {
|
5502
|
-
gap: "6"
|
5503
|
-
},
|
5504
|
-
indicator: {
|
5505
|
-
textStyle: "4xl"
|
5506
|
-
}
|
5507
|
-
},
|
5508
|
-
lg: {
|
5509
|
-
root: {
|
5510
|
-
px: "12",
|
5511
|
-
py: "16"
|
5512
|
-
},
|
5513
|
-
title: {
|
5514
|
-
textStyle: "xl"
|
5515
|
-
},
|
5516
|
-
content: {
|
5517
|
-
gap: "8"
|
5518
|
-
},
|
5519
|
-
indicator: {
|
5520
|
-
textStyle: "6xl"
|
5521
|
-
}
|
5522
|
-
}
|
5523
|
-
}
|
5524
|
-
},
|
5525
|
-
defaultVariants: {
|
5526
|
-
size: "md"
|
5527
|
-
}
|
5528
|
-
});
|
5529
|
-
|
5530
5966
|
// src/theme/recipes/chakra/field.ts
|
5531
|
-
var
|
5532
|
-
var
|
5533
|
-
var fieldSlotRecipe = (0,
|
5967
|
+
var import_react59 = require("@chakra-ui/react");
|
5968
|
+
var import_anatomy25 = require("@chakra-ui/react/anatomy");
|
5969
|
+
var fieldSlotRecipe = (0, import_react59.defineSlotRecipe)({
|
5534
5970
|
className: "chakra-field",
|
5535
|
-
slots:
|
5971
|
+
slots: import_anatomy25.fieldAnatomy.keys(),
|
5536
5972
|
base: {
|
5537
5973
|
requiredIndicator: {
|
5538
5974
|
color: "fg.error",
|
@@ -5573,138 +6009,42 @@ var fieldSlotRecipe = (0, import_react55.defineSlotRecipe)({
|
|
5573
6009
|
orientation: {
|
5574
6010
|
vertical: {
|
5575
6011
|
root: {
|
5576
|
-
flexDirection: "column",
|
5577
|
-
alignItems: "flex-start"
|
5578
|
-
}
|
5579
|
-
},
|
5580
|
-
horizontal: {
|
5581
|
-
root: {
|
5582
|
-
display: "grid",
|
5583
|
-
gridTemplateColumns: "var(--field-label-width, 8rem) 1fr",
|
5584
|
-
alignItems: "center",
|
5585
|
-
"&:has(textarea)": {
|
5586
|
-
alignItems: "flex-start",
|
5587
|
-
"& label": {
|
5588
|
-
pt: 1.5
|
5589
|
-
}
|
5590
|
-
}
|
5591
|
-
},
|
5592
|
-
helperText: {
|
5593
|
-
gridColumn: 2
|
5594
|
-
},
|
5595
|
-
errorText: {
|
5596
|
-
gridColumn: 2
|
5597
|
-
}
|
5598
|
-
}
|
5599
|
-
}
|
5600
|
-
},
|
5601
|
-
defaultVariants: {
|
5602
|
-
orientation: "vertical"
|
5603
|
-
}
|
5604
|
-
});
|
5605
|
-
|
5606
|
-
// src/theme/recipes/chakra/file-upload.ts
|
5607
|
-
var import_react56 = require("@chakra-ui/react");
|
5608
|
-
var import_anatomy22 = require("@chakra-ui/react/anatomy");
|
5609
|
-
var fileUploadSlotRecipe = (0, import_react56.defineSlotRecipe)({
|
5610
|
-
className: "chakra-file-upload",
|
5611
|
-
slots: import_anatomy22.fileUploadAnatomy.keys(),
|
5612
|
-
base: {
|
5613
|
-
root: {
|
5614
|
-
display: "flex",
|
5615
|
-
flexDirection: "column",
|
5616
|
-
gap: "4",
|
5617
|
-
width: "100%",
|
5618
|
-
alignItems: "flex-start"
|
5619
|
-
},
|
5620
|
-
label: {
|
5621
|
-
fontWeight: "medium",
|
5622
|
-
textStyle: "sm"
|
5623
|
-
},
|
5624
|
-
dropzone: {
|
5625
|
-
background: "bg",
|
5626
|
-
borderRadius: "l3",
|
5627
|
-
borderWidth: "2px",
|
5628
|
-
borderStyle: "dashed",
|
5629
|
-
display: "flex",
|
5630
|
-
alignItems: "center",
|
5631
|
-
flexDirection: "column",
|
5632
|
-
gap: "4",
|
5633
|
-
justifyContent: "center",
|
5634
|
-
minHeight: "2xs",
|
5635
|
-
px: "3",
|
5636
|
-
py: "2",
|
5637
|
-
transition: "backgrounds",
|
5638
|
-
focusVisibleRing: "outside",
|
5639
|
-
_hover: {
|
5640
|
-
bg: "bg.subtle"
|
5641
|
-
},
|
5642
|
-
_dragging: {
|
5643
|
-
bg: "colorPalette.subtle",
|
5644
|
-
borderStyle: "solid",
|
5645
|
-
borderColor: "colorPalette.solid"
|
5646
|
-
}
|
5647
|
-
},
|
5648
|
-
dropzoneContent: {
|
5649
|
-
display: "flex",
|
5650
|
-
flexDirection: "column",
|
5651
|
-
alignItems: "center",
|
5652
|
-
textAlign: "center",
|
5653
|
-
gap: "1",
|
5654
|
-
textStyle: "sm"
|
5655
|
-
},
|
5656
|
-
item: {
|
5657
|
-
textStyle: "sm",
|
5658
|
-
animationName: "fade-in",
|
5659
|
-
animationDuration: "moderate",
|
5660
|
-
background: "bg",
|
5661
|
-
borderRadius: "l2",
|
5662
|
-
borderWidth: "1px",
|
5663
|
-
width: "100%",
|
5664
|
-
display: "flex",
|
5665
|
-
alignItems: "center",
|
5666
|
-
gap: "3",
|
5667
|
-
p: "4"
|
5668
|
-
},
|
5669
|
-
itemGroup: {
|
5670
|
-
width: "100%",
|
5671
|
-
display: "flex",
|
5672
|
-
flexDirection: "column",
|
5673
|
-
gap: "3"
|
5674
|
-
},
|
5675
|
-
itemName: {
|
5676
|
-
color: "fg",
|
5677
|
-
fontWeight: "medium",
|
5678
|
-
lineClamp: "1"
|
5679
|
-
},
|
5680
|
-
itemContent: {
|
5681
|
-
display: "flex",
|
5682
|
-
flexDirection: "column",
|
5683
|
-
gap: "0.5",
|
5684
|
-
flex: "1"
|
5685
|
-
},
|
5686
|
-
itemSizeText: {
|
5687
|
-
color: "fg.muted",
|
5688
|
-
textStyle: "xs"
|
5689
|
-
},
|
5690
|
-
itemDeleteTrigger: {
|
5691
|
-
alignSelf: "flex-start"
|
5692
|
-
},
|
5693
|
-
itemPreviewImage: {
|
5694
|
-
width: "10",
|
5695
|
-
height: "10",
|
5696
|
-
objectFit: "scale-down"
|
6012
|
+
flexDirection: "column",
|
6013
|
+
alignItems: "flex-start"
|
6014
|
+
}
|
6015
|
+
},
|
6016
|
+
horizontal: {
|
6017
|
+
root: {
|
6018
|
+
display: "grid",
|
6019
|
+
gridTemplateColumns: "var(--field-label-width, 8rem) 1fr",
|
6020
|
+
alignItems: "center",
|
6021
|
+
"&:has(textarea)": {
|
6022
|
+
alignItems: "flex-start",
|
6023
|
+
"& label": {
|
6024
|
+
pt: 1.5
|
6025
|
+
}
|
6026
|
+
}
|
6027
|
+
},
|
6028
|
+
helperText: {
|
6029
|
+
gridColumn: 2
|
6030
|
+
},
|
6031
|
+
errorText: {
|
6032
|
+
gridColumn: 2
|
6033
|
+
}
|
6034
|
+
}
|
5697
6035
|
}
|
5698
6036
|
},
|
5699
|
-
defaultVariants: {
|
6037
|
+
defaultVariants: {
|
6038
|
+
orientation: "vertical"
|
6039
|
+
}
|
5700
6040
|
});
|
5701
6041
|
|
5702
6042
|
// src/theme/recipes/chakra/hover-card.ts
|
5703
|
-
var
|
5704
|
-
var
|
5705
|
-
var hoverCardSlotRecipe = (0,
|
6043
|
+
var import_react60 = require("@chakra-ui/react");
|
6044
|
+
var import_anatomy26 = require("@chakra-ui/react/anatomy");
|
6045
|
+
var hoverCardSlotRecipe = (0, import_react60.defineSlotRecipe)({
|
5706
6046
|
className: "chakra-hover-card",
|
5707
|
-
slots:
|
6047
|
+
slots: import_anatomy26.hoverCardAnatomy.keys(),
|
5708
6048
|
base: {
|
5709
6049
|
content: {
|
5710
6050
|
position: "relative",
|
@@ -5767,11 +6107,11 @@ var hoverCardSlotRecipe = (0, import_react57.defineSlotRecipe)({
|
|
5767
6107
|
});
|
5768
6108
|
|
5769
6109
|
// src/theme/recipes/chakra/list.ts
|
5770
|
-
var
|
5771
|
-
var
|
5772
|
-
var listSlotRecipe = (0,
|
6110
|
+
var import_react61 = require("@chakra-ui/react");
|
6111
|
+
var import_anatomy27 = require("@chakra-ui/react/anatomy");
|
6112
|
+
var listSlotRecipe = (0, import_react61.defineSlotRecipe)({
|
5773
6113
|
className: "chakra-list",
|
5774
|
-
slots:
|
6114
|
+
slots: import_anatomy27.listAnatomy.keys(),
|
5775
6115
|
base: {
|
5776
6116
|
root: {
|
5777
6117
|
display: "flex",
|
@@ -5830,139 +6170,16 @@ var listSlotRecipe = (0, import_react58.defineSlotRecipe)({
|
|
5830
6170
|
}
|
5831
6171
|
});
|
5832
6172
|
|
5833
|
-
// src/theme/recipes/chakra/menu.ts
|
5834
|
-
var import_react59 = require("@chakra-ui/react");
|
5835
|
-
var import_anatomy25 = require("@chakra-ui/react/anatomy");
|
5836
|
-
var menuSlotRecipe = (0, import_react59.defineSlotRecipe)({
|
5837
|
-
className: "chakra-menu",
|
5838
|
-
slots: import_anatomy25.menuAnatomy.keys(),
|
5839
|
-
base: {
|
5840
|
-
content: {
|
5841
|
-
outline: 0,
|
5842
|
-
bg: "bg.panel",
|
5843
|
-
boxShadow: "lg",
|
5844
|
-
color: "fg",
|
5845
|
-
maxHeight: "var(--available-height)",
|
5846
|
-
"--menu-z-index": "zIndex.dropdown",
|
5847
|
-
zIndex: "calc(var(--menu-z-index) + var(--layer-index, 0))",
|
5848
|
-
borderRadius: "l2",
|
5849
|
-
overflow: "hidden",
|
5850
|
-
_open: {
|
5851
|
-
animationStyle: "slide-fade-in",
|
5852
|
-
animationDuration: "fast"
|
5853
|
-
},
|
5854
|
-
_closed: {
|
5855
|
-
animationStyle: "slide-fade-out",
|
5856
|
-
animationDuration: "faster"
|
5857
|
-
}
|
5858
|
-
},
|
5859
|
-
item: {
|
5860
|
-
textDecoration: "none",
|
5861
|
-
color: "fg",
|
5862
|
-
userSelect: "none",
|
5863
|
-
borderRadius: "l3",
|
5864
|
-
width: "100%",
|
5865
|
-
display: "flex",
|
5866
|
-
cursor: "menuitem",
|
5867
|
-
alignItems: "center",
|
5868
|
-
textAlign: "start",
|
5869
|
-
position: "relative",
|
5870
|
-
flex: "0 0 auto",
|
5871
|
-
outline: 0,
|
5872
|
-
_disabled: {
|
5873
|
-
layerStyle: "disabled"
|
5874
|
-
}
|
5875
|
-
},
|
5876
|
-
itemText: {
|
5877
|
-
flex: "1"
|
5878
|
-
},
|
5879
|
-
itemGroupLabel: {
|
5880
|
-
px: "2",
|
5881
|
-
py: "1.5",
|
5882
|
-
fontWeight: "semibold",
|
5883
|
-
textStyle: "sm"
|
5884
|
-
},
|
5885
|
-
indicator: {
|
5886
|
-
display: "inline-flex",
|
5887
|
-
alignItems: "center",
|
5888
|
-
justifyContent: "center",
|
5889
|
-
flexShrink: "0"
|
5890
|
-
},
|
5891
|
-
itemCommand: {
|
5892
|
-
opacity: "0.6",
|
5893
|
-
textStyle: "xs",
|
5894
|
-
ms: "auto",
|
5895
|
-
ps: "4",
|
5896
|
-
letterSpacing: "widest"
|
5897
|
-
},
|
5898
|
-
separator: {
|
5899
|
-
height: "1px",
|
5900
|
-
bg: "bg.muted",
|
5901
|
-
my: "1",
|
5902
|
-
mx: "-1"
|
5903
|
-
}
|
5904
|
-
},
|
5905
|
-
variants: {
|
5906
|
-
variant: {
|
5907
|
-
subtle: {
|
5908
|
-
item: {
|
5909
|
-
_highlighted: {
|
5910
|
-
bg: "bg.subtle"
|
5911
|
-
}
|
5912
|
-
}
|
5913
|
-
},
|
5914
|
-
solid: {
|
5915
|
-
item: {
|
5916
|
-
_highlighted: {
|
5917
|
-
bg: "colorPalette.solid",
|
5918
|
-
color: "colorPalette.contrast"
|
5919
|
-
}
|
5920
|
-
}
|
5921
|
-
}
|
5922
|
-
},
|
5923
|
-
size: {
|
5924
|
-
sm: {
|
5925
|
-
content: {
|
5926
|
-
minW: "8rem",
|
5927
|
-
padding: "1"
|
5928
|
-
},
|
5929
|
-
item: {
|
5930
|
-
gap: "1",
|
5931
|
-
textStyle: "xs",
|
5932
|
-
py: "1",
|
5933
|
-
px: "1.5"
|
5934
|
-
}
|
5935
|
-
},
|
5936
|
-
md: {
|
5937
|
-
content: {
|
5938
|
-
minW: "8rem",
|
5939
|
-
padding: "1.5"
|
5940
|
-
},
|
5941
|
-
item: {
|
5942
|
-
gap: "2",
|
5943
|
-
textStyle: "sm",
|
5944
|
-
py: "1.5",
|
5945
|
-
px: "2"
|
5946
|
-
}
|
5947
|
-
}
|
5948
|
-
}
|
5949
|
-
},
|
5950
|
-
defaultVariants: {
|
5951
|
-
size: "md",
|
5952
|
-
variant: "subtle"
|
5953
|
-
}
|
5954
|
-
});
|
5955
|
-
|
5956
6173
|
// src/theme/recipes/chakra/native-select.ts
|
5957
|
-
var
|
5958
|
-
var
|
6174
|
+
var import_react63 = require("@chakra-ui/react");
|
6175
|
+
var import_anatomy29 = require("@chakra-ui/react/anatomy");
|
5959
6176
|
|
5960
6177
|
// src/theme/recipes/chakra/select.ts
|
5961
|
-
var
|
5962
|
-
var
|
5963
|
-
var selectSlotRecipe = (0,
|
6178
|
+
var import_react62 = require("@chakra-ui/react");
|
6179
|
+
var import_anatomy28 = require("@chakra-ui/react/anatomy");
|
6180
|
+
var selectSlotRecipe = (0, import_react62.defineSlotRecipe)({
|
5964
6181
|
className: "chakra-select",
|
5965
|
-
slots:
|
6182
|
+
slots: import_anatomy28.selectAnatomy.keys(),
|
5966
6183
|
base: {
|
5967
6184
|
root: {
|
5968
6185
|
display: "flex",
|
@@ -6245,9 +6462,9 @@ var selectSlotRecipe = (0, import_react60.defineSlotRecipe)({
|
|
6245
6462
|
|
6246
6463
|
// src/theme/recipes/chakra/native-select.ts
|
6247
6464
|
var _a4, _b3;
|
6248
|
-
var nativeSelectSlotRecipe = (0,
|
6465
|
+
var nativeSelectSlotRecipe = (0, import_react63.defineSlotRecipe)({
|
6249
6466
|
className: "chakra-native-select",
|
6250
|
-
slots:
|
6467
|
+
slots: import_anatomy29.nativeSelectAnatomy.keys(),
|
6251
6468
|
base: {
|
6252
6469
|
root: {
|
6253
6470
|
height: "fit-content",
|
@@ -6378,8 +6595,8 @@ var nativeSelectSlotRecipe = (0, import_react61.defineSlotRecipe)({
|
|
6378
6595
|
});
|
6379
6596
|
|
6380
6597
|
// src/theme/recipes/chakra/number-input.ts
|
6381
|
-
var
|
6382
|
-
var
|
6598
|
+
var import_react64 = require("@chakra-ui/react");
|
6599
|
+
var import_anatomy30 = require("@chakra-ui/react/anatomy");
|
6383
6600
|
|
6384
6601
|
// src/theme/utils.ts
|
6385
6602
|
function mapEntries(obj, f) {
|
@@ -6393,12 +6610,9 @@ function mapEntries(obj, f) {
|
|
6393
6610
|
function scaleToken(value) {
|
6394
6611
|
return `calc(${value} * var(--scale-factor))`;
|
6395
6612
|
}
|
6396
|
-
function radiusToken(value) {
|
6397
|
-
return `calc(${value} * var(--scale-factor) * var(--radius-factor))`;
|
6398
|
-
}
|
6399
6613
|
|
6400
6614
|
// src/theme/recipes/chakra/number-input.ts
|
6401
|
-
var triggerStyle = (0,
|
6615
|
+
var triggerStyle = (0, import_react64.defineStyle)({
|
6402
6616
|
display: "flex",
|
6403
6617
|
justifyContent: "center",
|
6404
6618
|
alignItems: "center",
|
@@ -6422,9 +6636,9 @@ var triggerStyle = (0, import_react62.defineStyle)({
|
|
6422
6636
|
bg: "bg.emphasized"
|
6423
6637
|
}
|
6424
6638
|
});
|
6425
|
-
var numberInputSlotRecipe = (0,
|
6639
|
+
var numberInputSlotRecipe = (0, import_react64.defineSlotRecipe)({
|
6426
6640
|
className: "chakra-number-input",
|
6427
|
-
slots:
|
6641
|
+
slots: import_anatomy30.numberInputAnatomy.keys(),
|
6428
6642
|
base: {
|
6429
6643
|
root: {
|
6430
6644
|
position: "relative",
|
@@ -6507,12 +6721,12 @@ var numberInputSlotRecipe = (0, import_react62.defineSlotRecipe)({
|
|
6507
6721
|
});
|
6508
6722
|
|
6509
6723
|
// src/theme/recipes/chakra/pin-input.ts
|
6510
|
-
var
|
6511
|
-
var
|
6724
|
+
var import_react65 = require("@chakra-ui/react");
|
6725
|
+
var import_anatomy31 = require("@chakra-ui/react/anatomy");
|
6512
6726
|
var { variants: variants2, defaultVariants: defaultVariants2 } = inputRecipe;
|
6513
|
-
var pinInputSlotRecipe = (0,
|
6727
|
+
var pinInputSlotRecipe = (0, import_react65.defineSlotRecipe)({
|
6514
6728
|
className: "chakra-pin-input",
|
6515
|
-
slots:
|
6729
|
+
slots: import_anatomy31.pinInputAnatomy.keys(),
|
6516
6730
|
base: {
|
6517
6731
|
input: {
|
6518
6732
|
...inputRecipe.base,
|
@@ -6529,107 +6743,20 @@ var pinInputSlotRecipe = (0, import_react63.defineSlotRecipe)({
|
|
6529
6743
|
px: 0
|
6530
6744
|
}
|
6531
6745
|
}
|
6532
|
-
]),
|
6533
|
-
variant: mapEntries(variants2.variant, (key, value) => [
|
6534
|
-
key,
|
6535
|
-
{ input: value }
|
6536
|
-
])
|
6537
|
-
},
|
6538
|
-
defaultVariants: defaultVariants2
|
6539
|
-
});
|
6540
|
-
|
6541
|
-
// src/theme/recipes/chakra/popover.ts
|
6542
|
-
var import_react64 = require("@chakra-ui/react");
|
6543
|
-
var import_anatomy30 = require("@chakra-ui/react/anatomy");
|
6544
|
-
var popoverSlotRecipe = (0, import_react64.defineSlotRecipe)({
|
6545
|
-
className: "chakra-popover",
|
6546
|
-
slots: import_anatomy30.popoverAnatomy.keys(),
|
6547
|
-
base: {
|
6548
|
-
content: {
|
6549
|
-
position: "relative",
|
6550
|
-
display: "flex",
|
6551
|
-
flexDirection: "column",
|
6552
|
-
textStyle: "sm",
|
6553
|
-
"--popover-bg": "colors.bg.panel",
|
6554
|
-
bg: "var(--popover-bg)",
|
6555
|
-
boxShadow: "lg",
|
6556
|
-
"--popover-size": "sizes.xs",
|
6557
|
-
"--popover-mobile-size": "calc(100dvw - 1rem)",
|
6558
|
-
width: {
|
6559
|
-
base: "min(var(--popover-mobile-size), var(--popover-size))",
|
6560
|
-
sm: "var(--popover-size)"
|
6561
|
-
},
|
6562
|
-
borderRadius: "l3",
|
6563
|
-
"--popover-z-index": "zIndex.popover",
|
6564
|
-
zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
|
6565
|
-
outline: "0",
|
6566
|
-
transformOrigin: "var(--transform-origin)",
|
6567
|
-
_open: {
|
6568
|
-
animationStyle: "scale-fade-in",
|
6569
|
-
animationDuration: "fast"
|
6570
|
-
},
|
6571
|
-
_closed: {
|
6572
|
-
animationStyle: "scale-fade-out",
|
6573
|
-
animationDuration: "faster"
|
6574
|
-
}
|
6575
|
-
},
|
6576
|
-
header: {
|
6577
|
-
paddingInline: "var(--popover-padding)",
|
6578
|
-
paddingTop: "var(--popover-padding)"
|
6579
|
-
},
|
6580
|
-
body: {
|
6581
|
-
padding: "var(--popover-padding)",
|
6582
|
-
flex: "1"
|
6583
|
-
},
|
6584
|
-
footer: {
|
6585
|
-
display: "flex",
|
6586
|
-
alignItems: "center",
|
6587
|
-
paddingInline: "var(--popover-padding)",
|
6588
|
-
paddingBottom: "var(--popover-padding)"
|
6589
|
-
},
|
6590
|
-
arrow: {
|
6591
|
-
"--arrow-size": "sizes.3",
|
6592
|
-
"--arrow-background": "var(--popover-bg)"
|
6593
|
-
},
|
6594
|
-
arrowTip: {
|
6595
|
-
borderTopWidth: "1px",
|
6596
|
-
borderInlineStartWidth: "1px"
|
6597
|
-
}
|
6598
|
-
},
|
6599
|
-
variants: {
|
6600
|
-
size: {
|
6601
|
-
xs: {
|
6602
|
-
content: {
|
6603
|
-
"--popover-padding": "spacing.3"
|
6604
|
-
}
|
6605
|
-
},
|
6606
|
-
sm: {
|
6607
|
-
content: {
|
6608
|
-
"--popover-padding": "spacing.4"
|
6609
|
-
}
|
6610
|
-
},
|
6611
|
-
md: {
|
6612
|
-
content: {
|
6613
|
-
"--popover-padding": "spacing.5"
|
6614
|
-
}
|
6615
|
-
},
|
6616
|
-
lg: {
|
6617
|
-
content: {
|
6618
|
-
"--popover-padding": "spacing.6"
|
6619
|
-
}
|
6620
|
-
}
|
6621
|
-
}
|
6746
|
+
]),
|
6747
|
+
variant: mapEntries(variants2.variant, (key, value) => [
|
6748
|
+
key,
|
6749
|
+
{ input: value }
|
6750
|
+
])
|
6622
6751
|
},
|
6623
|
-
defaultVariants:
|
6624
|
-
size: "md"
|
6625
|
-
}
|
6752
|
+
defaultVariants: defaultVariants2
|
6626
6753
|
});
|
6627
6754
|
|
6628
6755
|
// src/theme/recipes/chakra/progress.ts
|
6629
|
-
var
|
6630
|
-
var
|
6631
|
-
var progressSlotRecipe = (0,
|
6632
|
-
slots:
|
6756
|
+
var import_react66 = require("@chakra-ui/react");
|
6757
|
+
var import_anatomy32 = require("@chakra-ui/react/anatomy");
|
6758
|
+
var progressSlotRecipe = (0, import_react66.defineSlotRecipe)({
|
6759
|
+
slots: import_anatomy32.progressAnatomy.keys(),
|
6633
6760
|
className: "chakra-progress",
|
6634
6761
|
base: {
|
6635
6762
|
root: {
|
@@ -6748,11 +6875,11 @@ var progressSlotRecipe = (0, import_react65.defineSlotRecipe)({
|
|
6748
6875
|
});
|
6749
6876
|
|
6750
6877
|
// src/theme/recipes/chakra/progress-circle.ts
|
6751
|
-
var
|
6752
|
-
var
|
6753
|
-
var progressCircleSlotRecipe = (0,
|
6878
|
+
var import_react67 = require("@chakra-ui/react");
|
6879
|
+
var import_anatomy33 = require("@chakra-ui/react/anatomy");
|
6880
|
+
var progressCircleSlotRecipe = (0, import_react67.defineSlotRecipe)({
|
6754
6881
|
className: "chakra-progress-circle",
|
6755
|
-
slots:
|
6882
|
+
slots: import_anatomy33.progressAnatomy.keys(),
|
6756
6883
|
base: {
|
6757
6884
|
root: {
|
6758
6885
|
display: "inline-flex",
|
@@ -6841,12 +6968,12 @@ var progressCircleSlotRecipe = (0, import_react66.defineSlotRecipe)({
|
|
6841
6968
|
});
|
6842
6969
|
|
6843
6970
|
// src/theme/recipes/chakra/radio-card.ts
|
6844
|
-
var
|
6845
|
-
var
|
6971
|
+
var import_react68 = require("@chakra-ui/react");
|
6972
|
+
var import_anatomy34 = require("@chakra-ui/react/anatomy");
|
6846
6973
|
var _a5, _b4, _c3, _d3, _e3, _f3, _g3;
|
6847
|
-
var radioCardSlotRecipe = (0,
|
6974
|
+
var radioCardSlotRecipe = (0, import_react68.defineSlotRecipe)({
|
6848
6975
|
className: "chakra-radio-card",
|
6849
|
-
slots:
|
6976
|
+
slots: import_anatomy34.radioCardAnatomy.keys(),
|
6850
6977
|
base: {
|
6851
6978
|
root: {
|
6852
6979
|
display: "flex",
|
@@ -7052,12 +7179,12 @@ var radioCardSlotRecipe = (0, import_react67.defineSlotRecipe)({
|
|
7052
7179
|
});
|
7053
7180
|
|
7054
7181
|
// src/theme/recipes/chakra/radio-group.ts
|
7055
|
-
var
|
7056
|
-
var
|
7182
|
+
var import_react69 = require("@chakra-ui/react");
|
7183
|
+
var import_anatomy35 = require("@chakra-ui/react/anatomy");
|
7057
7184
|
var _a6, _b5, _c4, _d4, _e4, _f4, _g4, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
|
7058
|
-
var radioGroupSlotRecipe = (0,
|
7185
|
+
var radioGroupSlotRecipe = (0, import_react69.defineSlotRecipe)({
|
7059
7186
|
className: "chakra-radio-group",
|
7060
|
-
slots:
|
7187
|
+
slots: import_anatomy35.radioGroupAnatomy.keys(),
|
7061
7188
|
base: {
|
7062
7189
|
item: {
|
7063
7190
|
display: "inline-flex",
|
@@ -7115,11 +7242,11 @@ var radioGroupSlotRecipe = (0, import_react68.defineSlotRecipe)({
|
|
7115
7242
|
});
|
7116
7243
|
|
7117
7244
|
// src/theme/recipes/chakra/rating-group.ts
|
7118
|
-
var
|
7119
|
-
var
|
7120
|
-
var ratingGroupSlotRecipe = (0,
|
7245
|
+
var import_react70 = require("@chakra-ui/react");
|
7246
|
+
var import_anatomy36 = require("@chakra-ui/react/anatomy");
|
7247
|
+
var ratingGroupSlotRecipe = (0, import_react70.defineSlotRecipe)({
|
7121
7248
|
className: "chakra-rating-group",
|
7122
|
-
slots:
|
7249
|
+
slots: import_anatomy36.ratingGroupAnatomy.keys(),
|
7123
7250
|
base: {
|
7124
7251
|
root: {
|
7125
7252
|
display: "inline-flex"
|
@@ -7200,11 +7327,11 @@ var ratingGroupSlotRecipe = (0, import_react69.defineSlotRecipe)({
|
|
7200
7327
|
});
|
7201
7328
|
|
7202
7329
|
// src/theme/recipes/chakra/slider.ts
|
7203
|
-
var
|
7204
|
-
var
|
7205
|
-
var sliderSlotRecipe = (0,
|
7330
|
+
var import_react71 = require("@chakra-ui/react");
|
7331
|
+
var import_anatomy37 = require("@chakra-ui/react/anatomy");
|
7332
|
+
var sliderSlotRecipe = (0, import_react71.defineSlotRecipe)({
|
7206
7333
|
className: "chakra-slider",
|
7207
|
-
slots:
|
7334
|
+
slots: import_anatomy37.sliderAnatomy.keys(),
|
7208
7335
|
base: {
|
7209
7336
|
root: {
|
7210
7337
|
display: "flex",
|
@@ -7377,11 +7504,11 @@ var sliderSlotRecipe = (0, import_react70.defineSlotRecipe)({
|
|
7377
7504
|
});
|
7378
7505
|
|
7379
7506
|
// src/theme/recipes/chakra/stat.ts
|
7380
|
-
var
|
7381
|
-
var
|
7382
|
-
var statSlotRecipe = (0,
|
7507
|
+
var import_react72 = require("@chakra-ui/react");
|
7508
|
+
var import_anatomy38 = require("@chakra-ui/react/anatomy");
|
7509
|
+
var statSlotRecipe = (0, import_react72.defineSlotRecipe)({
|
7383
7510
|
className: "chakra-stat",
|
7384
|
-
slots:
|
7511
|
+
slots: import_anatomy38.statAnatomy.keys(),
|
7385
7512
|
base: {
|
7386
7513
|
root: {
|
7387
7514
|
display: "flex",
|
@@ -7455,11 +7582,11 @@ var statSlotRecipe = (0, import_react71.defineSlotRecipe)({
|
|
7455
7582
|
});
|
7456
7583
|
|
7457
7584
|
// src/theme/recipes/chakra/steps.ts
|
7458
|
-
var
|
7459
|
-
var
|
7460
|
-
var stepsSlotRecipe = (0,
|
7585
|
+
var import_react73 = require("@chakra-ui/react");
|
7586
|
+
var import_anatomy39 = require("@chakra-ui/react/anatomy");
|
7587
|
+
var stepsSlotRecipe = (0, import_react73.defineSlotRecipe)({
|
7461
7588
|
className: "chakra-steps",
|
7462
|
-
slots:
|
7589
|
+
slots: import_anatomy39.stepsAnatomy.keys(),
|
7463
7590
|
base: {
|
7464
7591
|
root: {
|
7465
7592
|
display: "flex",
|
@@ -7670,10 +7797,10 @@ var stepsSlotRecipe = (0, import_react72.defineSlotRecipe)({
|
|
7670
7797
|
});
|
7671
7798
|
|
7672
7799
|
// src/theme/recipes/chakra/switch.ts
|
7673
|
-
var
|
7674
|
-
var
|
7675
|
-
var switchSlotRecipe = (0,
|
7676
|
-
slots:
|
7800
|
+
var import_react74 = require("@chakra-ui/react");
|
7801
|
+
var import_anatomy40 = require("@chakra-ui/react/anatomy");
|
7802
|
+
var switchSlotRecipe = (0, import_react74.defineSlotRecipe)({
|
7803
|
+
slots: import_anatomy40.switchAnatomy.keys(),
|
7677
7804
|
className: "chakra-switch",
|
7678
7805
|
base: {
|
7679
7806
|
root: {
|
@@ -7828,11 +7955,11 @@ var switchSlotRecipe = (0, import_react73.defineSlotRecipe)({
|
|
7828
7955
|
});
|
7829
7956
|
|
7830
7957
|
// src/theme/recipes/chakra/table.ts
|
7831
|
-
var
|
7832
|
-
var
|
7833
|
-
var tableSlotRecipe = (0,
|
7958
|
+
var import_react75 = require("@chakra-ui/react");
|
7959
|
+
var import_anatomy41 = require("@chakra-ui/react/anatomy");
|
7960
|
+
var tableSlotRecipe = (0, import_react75.defineSlotRecipe)({
|
7834
7961
|
className: "chakra-table",
|
7835
|
-
slots:
|
7962
|
+
slots: import_anatomy41.tableAnatomy.keys(),
|
7836
7963
|
base: {
|
7837
7964
|
root: {
|
7838
7965
|
fontVariantNumeric: "lining-nums tabular-nums",
|
@@ -7991,10 +8118,10 @@ var tableSlotRecipe = (0, import_react74.defineSlotRecipe)({
|
|
7991
8118
|
});
|
7992
8119
|
|
7993
8120
|
// src/theme/recipes/chakra/timeline.ts
|
7994
|
-
var
|
7995
|
-
var
|
7996
|
-
var timelineSlotRecipe = (0,
|
7997
|
-
slots:
|
8121
|
+
var import_react76 = require("@chakra-ui/react");
|
8122
|
+
var import_anatomy42 = require("@chakra-ui/react/anatomy");
|
8123
|
+
var timelineSlotRecipe = (0, import_react76.defineSlotRecipe)({
|
8124
|
+
slots: import_anatomy42.timelineAnatomy.keys(),
|
7998
8125
|
className: "chakra-timeline",
|
7999
8126
|
base: {
|
8000
8127
|
root: {
|
@@ -8126,60 +8253,6 @@ var timelineSlotRecipe = (0, import_react75.defineSlotRecipe)({
|
|
8126
8253
|
}
|
8127
8254
|
});
|
8128
8255
|
|
8129
|
-
// src/theme/recipes/chakra/tooltip.ts
|
8130
|
-
var import_react76 = require("@chakra-ui/react");
|
8131
|
-
var import_anatomy42 = require("@chakra-ui/react/anatomy");
|
8132
|
-
var tooltipSlotRecipe = (0, import_react76.defineSlotRecipe)({
|
8133
|
-
slots: import_anatomy42.tooltipAnatomy.keys(),
|
8134
|
-
className: "chakra-tooltip",
|
8135
|
-
base: {
|
8136
|
-
content: {
|
8137
|
-
"--tooltip-bg": "colors.bg",
|
8138
|
-
display: "flex",
|
8139
|
-
alignItems: "center",
|
8140
|
-
bg: "var(--tooltip-bg)",
|
8141
|
-
color: "fg",
|
8142
|
-
px: "2.5",
|
8143
|
-
py: "1",
|
8144
|
-
borderRadius: "l2",
|
8145
|
-
fontWeight: "medium",
|
8146
|
-
textStyle: "xs",
|
8147
|
-
boxShadow: "md",
|
8148
|
-
maxW: "xs",
|
8149
|
-
zIndex: "tooltip",
|
8150
|
-
transformOrigin: "var(--transform-origin)",
|
8151
|
-
_open: {
|
8152
|
-
animationStyle: "scale-fade-in",
|
8153
|
-
animationDuration: "fast"
|
8154
|
-
},
|
8155
|
-
_closed: {
|
8156
|
-
animationStyle: "scale-fade-out",
|
8157
|
-
animationDuration: "fast"
|
8158
|
-
}
|
8159
|
-
},
|
8160
|
-
arrow: {
|
8161
|
-
"--arrow-size": "sizes.2",
|
8162
|
-
"--arrow-background": "var(--tooltip-bg)",
|
8163
|
-
zIndex: "-1"
|
8164
|
-
},
|
8165
|
-
arrowTip: {
|
8166
|
-
borderTopWidth: "1px",
|
8167
|
-
borderInlineStartWidth: "1px",
|
8168
|
-
borderColor: "var(--tooltip-bg)"
|
8169
|
-
}
|
8170
|
-
},
|
8171
|
-
variants: {
|
8172
|
-
variant: {
|
8173
|
-
inverted: {
|
8174
|
-
content: {
|
8175
|
-
"--tooltip-bg": "colors.bg.inverted",
|
8176
|
-
color: "fg.inverted"
|
8177
|
-
}
|
8178
|
-
}
|
8179
|
-
}
|
8180
|
-
}
|
8181
|
-
});
|
8182
|
-
|
8183
8256
|
// src/theme/slot-recipes.ts
|
8184
8257
|
var slotRecipes = {
|
8185
8258
|
// Chakra UI Recipes
|
@@ -8914,17 +8987,17 @@ var lineHeights = import_react91.defineTokens.lineHeights({
|
|
8914
8987
|
var import_react92 = require("@chakra-ui/react");
|
8915
8988
|
var radii = import_react92.defineTokens.radii({
|
8916
8989
|
"2xs": {
|
8917
|
-
value:
|
8990
|
+
value: "0.0625rem"
|
8918
8991
|
},
|
8919
|
-
xs: { value:
|
8920
|
-
sm: { value:
|
8921
|
-
md: { value:
|
8922
|
-
lg: { value:
|
8923
|
-
xl: { value:
|
8924
|
-
"2xl": { value:
|
8925
|
-
"3xl": { value:
|
8926
|
-
"4xl": { value:
|
8927
|
-
full: { value: "
|
8992
|
+
xs: { value: "0.125rem" },
|
8993
|
+
sm: { value: "0.25rem" },
|
8994
|
+
md: { value: "0.375rem" },
|
8995
|
+
lg: { value: "0.5rem" },
|
8996
|
+
xl: { value: "0.75rem" },
|
8997
|
+
"2xl": { value: "1rem" },
|
8998
|
+
"3xl": { value: "1.5rem" },
|
8999
|
+
"4xl": { value: "2rem" },
|
9000
|
+
full: { value: "9999px" }
|
8928
9001
|
});
|
8929
9002
|
|
8930
9003
|
// src/theme/tokens/sizes.ts
|
@@ -9175,7 +9248,7 @@ defaultConfig.utilities = Object.assign(
|
|
9175
9248
|
var defaultSystem = (0, import_react97.createSystem)(defaultConfig);
|
9176
9249
|
|
9177
9250
|
// src/index.ts
|
9178
|
-
var
|
9251
|
+
var import_react172 = require("@chakra-ui/react");
|
9179
9252
|
|
9180
9253
|
// src/provider/sui-provider.tsx
|
9181
9254
|
var React = __toESM(require("react"), 1);
|
@@ -9489,33 +9562,32 @@ var Key = (props) => {
|
|
9489
9562
|
};
|
9490
9563
|
|
9491
9564
|
// src/components/data-list/index.ts
|
9492
|
-
var
|
9493
|
-
|
9494
|
-
// src/components/dialog/namespace.ts
|
9495
|
-
var namespace_exports = {};
|
9496
|
-
__export(namespace_exports, {
|
9497
|
-
ActionTrigger: () => DialogActionTrigger,
|
9498
|
-
Backdrop: () => DialogBackdrop,
|
9499
|
-
Body: () => DialogBody,
|
9500
|
-
CloseButton: () => DialogCloseButton,
|
9501
|
-
CloseTrigger: () => DialogCloseTrigger2,
|
9502
|
-
Content: () => DialogContent,
|
9503
|
-
Context: () => import_dialog.DialogContext,
|
9504
|
-
Description: () => DialogDescription,
|
9505
|
-
Footer: () => DialogFooter,
|
9506
|
-
Header: () => DialogHeader,
|
9507
|
-
Root: () => DialogRoot,
|
9508
|
-
Title: () => DialogTitle,
|
9509
|
-
Trigger: () => DialogTrigger
|
9510
|
-
});
|
9565
|
+
var import_data_list = require("@chakra-ui/react/data-list");
|
9511
9566
|
|
9512
9567
|
// src/components/dialog/dialog.tsx
|
9568
|
+
var dialog_exports = {};
|
9569
|
+
__export(dialog_exports, {
|
9570
|
+
ActionTrigger: () => ActionTrigger,
|
9571
|
+
Backdrop: () => Backdrop,
|
9572
|
+
Body: () => Body,
|
9573
|
+
CloseButton: () => CloseButton3,
|
9574
|
+
CloseTrigger: () => CloseTrigger,
|
9575
|
+
Content: () => Content,
|
9576
|
+
Context: () => Context,
|
9577
|
+
Description: () => Description,
|
9578
|
+
DialogContext: () => import_dialog.DialogContext,
|
9579
|
+
Footer: () => Footer,
|
9580
|
+
Header: () => Header,
|
9581
|
+
Root: () => Root,
|
9582
|
+
Title: () => Title,
|
9583
|
+
Trigger: () => Trigger
|
9584
|
+
});
|
9513
9585
|
var import_react115 = require("react");
|
9514
9586
|
var import_react116 = require("@chakra-ui/react");
|
9515
9587
|
var import_dialog = require("@ark-ui/react/dialog");
|
9516
9588
|
var import_jsx_runtime10 = require("react/jsx-runtime");
|
9517
|
-
var
|
9518
|
-
function
|
9589
|
+
var Content = (0, import_react115.forwardRef)(
|
9590
|
+
function DialogContent(props, ref) {
|
9519
9591
|
const {
|
9520
9592
|
children,
|
9521
9593
|
portalled = true,
|
@@ -9529,83 +9601,176 @@ var DialogContent = (0, import_react115.forwardRef)(
|
|
9529
9601
|
] });
|
9530
9602
|
}
|
9531
9603
|
);
|
9532
|
-
var
|
9604
|
+
var CloseButton3 = (0, import_react115.forwardRef)(function DialogCloseTrigger(props, ref) {
|
9533
9605
|
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react116.Dialog.CloseTrigger, { position: "absolute", ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseButton, { size: "sm", ref, children: props.children }) });
|
9534
9606
|
});
|
9535
|
-
var
|
9536
|
-
var
|
9537
|
-
var
|
9538
|
-
var
|
9539
|
-
var
|
9540
|
-
var
|
9541
|
-
var
|
9542
|
-
var
|
9543
|
-
var
|
9544
|
-
var
|
9545
|
-
|
9546
|
-
// src/components/drawer/namespace.ts
|
9547
|
-
var namespace_exports2 = {};
|
9548
|
-
__export(namespace_exports2, {
|
9549
|
-
ActionTrigger: () => DrawerActionTrigger,
|
9550
|
-
Backdrop: () => DrawerBackdrop,
|
9551
|
-
Body: () => DrawerBody,
|
9552
|
-
CloseButton: () => DrawerCloseButton,
|
9553
|
-
CloseTrigger: () => DrawerCloseTrigger2,
|
9554
|
-
Content: () => DrawerContent,
|
9555
|
-
Context: () => DrawerContext,
|
9556
|
-
Description: () => DrawerDescription,
|
9557
|
-
Footer: () => DrawerFooter,
|
9558
|
-
Header: () => DrawerHeader,
|
9559
|
-
Root: () => DrawerRoot,
|
9560
|
-
Title: () => DrawerTitle,
|
9561
|
-
Trigger: () => DrawerTrigger
|
9562
|
-
});
|
9607
|
+
var CloseTrigger = import_react116.Dialog.CloseTrigger;
|
9608
|
+
var Root = import_react116.Dialog.Root;
|
9609
|
+
var Context = import_react116.Dialog.Context;
|
9610
|
+
var Footer = import_react116.Dialog.Footer;
|
9611
|
+
var Header = import_react116.Dialog.Header;
|
9612
|
+
var Body = import_react116.Dialog.Body;
|
9613
|
+
var Backdrop = import_react116.Dialog.Backdrop;
|
9614
|
+
var Title = import_react116.Dialog.Title;
|
9615
|
+
var Description = import_react116.Dialog.Description;
|
9616
|
+
var Trigger = import_react116.Dialog.Trigger;
|
9617
|
+
var ActionTrigger = import_react116.Dialog.ActionTrigger;
|
9563
9618
|
|
9564
9619
|
// src/components/drawer/drawer.tsx
|
9620
|
+
var drawer_exports = {};
|
9621
|
+
__export(drawer_exports, {
|
9622
|
+
ActionTrigger: () => ActionTrigger2,
|
9623
|
+
Backdrop: () => Backdrop2,
|
9624
|
+
Body: () => Body2,
|
9625
|
+
CloseButton: () => CloseButton4,
|
9626
|
+
CloseTrigger: () => CloseTrigger2,
|
9627
|
+
Content: () => Content2,
|
9628
|
+
Context: () => Context2,
|
9629
|
+
Description: () => Description2,
|
9630
|
+
Footer: () => Footer2,
|
9631
|
+
Header: () => Header2,
|
9632
|
+
Root: () => Root2,
|
9633
|
+
Title: () => Title2,
|
9634
|
+
Trigger: () => Trigger2
|
9635
|
+
});
|
9565
9636
|
var import_react117 = require("react");
|
9566
|
-
var
|
9637
|
+
var import_dialog2 = require("@ark-ui/react/dialog");
|
9567
9638
|
var import_react118 = require("@chakra-ui/react");
|
9568
9639
|
var import_jsx_runtime11 = require("react/jsx-runtime");
|
9569
|
-
var
|
9570
|
-
function
|
9640
|
+
var Content2 = (0, import_react117.forwardRef)(
|
9641
|
+
function DrawerContent(props, ref) {
|
9571
9642
|
const { children, portalled = true, portalRef, offset, ...rest } = props;
|
9572
9643
|
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react118.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react118.Drawer.Positioner, { padding: offset, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react118.Drawer.Content, { ref, ...rest, asChild: false, children }) }) });
|
9573
9644
|
}
|
9574
9645
|
);
|
9575
|
-
var
|
9646
|
+
var CloseButton4 = (0, import_react117.forwardRef)(function DrawerCloseTrigger(props, ref) {
|
9576
9647
|
const { children, ...rest } = props;
|
9577
9648
|
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react118.Drawer.CloseTrigger, { position: "absolute", ...rest, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseButton, { size: "sm", ref, children }) });
|
9578
9649
|
});
|
9579
|
-
var
|
9580
|
-
var
|
9581
|
-
var
|
9582
|
-
var
|
9583
|
-
var
|
9584
|
-
var
|
9585
|
-
var
|
9586
|
-
var
|
9587
|
-
var
|
9588
|
-
var
|
9589
|
-
var
|
9650
|
+
var CloseTrigger2 = import_react118.Drawer.CloseTrigger;
|
9651
|
+
var Trigger2 = import_react118.Drawer.Trigger;
|
9652
|
+
var Root2 = import_react118.Drawer.Root;
|
9653
|
+
var Footer2 = import_react118.Drawer.Footer;
|
9654
|
+
var Header2 = import_react118.Drawer.Header;
|
9655
|
+
var Body2 = import_react118.Drawer.Body;
|
9656
|
+
var Backdrop2 = import_react118.Drawer.Backdrop;
|
9657
|
+
var Description2 = import_react118.Drawer.Description;
|
9658
|
+
var Title2 = import_react118.Drawer.Title;
|
9659
|
+
var ActionTrigger2 = import_react118.Drawer.ActionTrigger;
|
9660
|
+
var Context2 = import_dialog2.DialogContext;
|
9590
9661
|
|
9591
9662
|
// src/components/empty-state/empty-state.tsx
|
9592
|
-
var import_react119 = require("
|
9593
|
-
var import_react120 = require("react");
|
9663
|
+
var import_react119 = require("react");
|
9664
|
+
var import_react120 = require("@chakra-ui/react");
|
9594
9665
|
var import_jsx_runtime12 = require("react/jsx-runtime");
|
9595
|
-
var
|
9666
|
+
var EmptyStateActions = (props) => {
|
9667
|
+
const { actions } = (0, import_react120.useEmptyStateStyles)();
|
9668
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react120.Box, { ...props, css: [actions, props.css] });
|
9669
|
+
};
|
9670
|
+
var EmptyState = (0, import_react119.forwardRef)(
|
9596
9671
|
function EmptyState2(props, ref) {
|
9597
9672
|
const { title, description, icon, children, ...rest } = props;
|
9598
|
-
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
9599
|
-
icon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
9600
|
-
|
9601
|
-
|
9602
|
-
|
9603
|
-
] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react119.EmptyState.Title, { children: title }),
|
9604
|
-
children
|
9673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react120.EmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react120.EmptyState.Content, { children: [
|
9674
|
+
icon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react120.EmptyState.Indicator, { children: icon }),
|
9675
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react120.EmptyState.Title, { children: title }),
|
9676
|
+
description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react120.EmptyState.Description, { children: description }) : null,
|
9677
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EmptyStateActions, { children })
|
9605
9678
|
] }) });
|
9606
9679
|
}
|
9607
9680
|
);
|
9608
9681
|
|
9682
|
+
// src/components/file-upload/file-upload.tsx
|
9683
|
+
var file_upload_exports = {};
|
9684
|
+
__export(file_upload_exports, {
|
9685
|
+
ClearTrigger: () => ClearTrigger,
|
9686
|
+
Dropzone: () => Dropzone,
|
9687
|
+
Input: () => Input,
|
9688
|
+
Label: () => Label,
|
9689
|
+
List: () => List,
|
9690
|
+
Root: () => Root3,
|
9691
|
+
Trigger: () => Trigger3
|
9692
|
+
});
|
9693
|
+
var React2 = __toESM(require("react"), 1);
|
9694
|
+
var import_react121 = require("@chakra-ui/react");
|
9695
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
9696
|
+
var Root3 = React2.forwardRef(
|
9697
|
+
function FileUploadRoot(props, ref) {
|
9698
|
+
const { children, inputProps, ...rest } = props;
|
9699
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react121.FileUpload.Root, { ...rest, children: [
|
9700
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.HiddenInput, { ref, ...inputProps }),
|
9701
|
+
children
|
9702
|
+
] });
|
9703
|
+
}
|
9704
|
+
);
|
9705
|
+
var Dropzone = React2.forwardRef(
|
9706
|
+
function FileUploadDropzone(props, ref) {
|
9707
|
+
const { children, ...rest } = props;
|
9708
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.Dropzone, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.DropzoneContent, { children }) });
|
9709
|
+
}
|
9710
|
+
);
|
9711
|
+
var Item = React2.forwardRef(
|
9712
|
+
function FileUploadItem(props, ref) {
|
9713
|
+
const { file, showSize, icon, clearable } = props;
|
9714
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react121.FileUpload.Item, { file, ref, children: [
|
9715
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.ItemPreview, { children: icon }),
|
9716
|
+
showSize ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react121.FileUpload.ItemContent, { children: [
|
9717
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.ItemName, {}),
|
9718
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.ItemSizeText, {})
|
9719
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.ItemName, { flex: "1" }),
|
9720
|
+
clearable && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseButton, { size: "xs" }) })
|
9721
|
+
] });
|
9722
|
+
}
|
9723
|
+
);
|
9724
|
+
var List = React2.forwardRef(
|
9725
|
+
function FileUploadList(props, ref) {
|
9726
|
+
const { showSize, clearable, files, ...rest } = props;
|
9727
|
+
const fileUpload = (0, import_react121.useFileUploadContext)();
|
9728
|
+
const acceptedFiles = files != null ? files : fileUpload.acceptedFiles;
|
9729
|
+
if (acceptedFiles.length === 0) return null;
|
9730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.ItemGroup, { ref, ...rest, children: acceptedFiles.map((file) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
9731
|
+
Item,
|
9732
|
+
{
|
9733
|
+
file,
|
9734
|
+
showSize,
|
9735
|
+
clearable
|
9736
|
+
},
|
9737
|
+
file.name
|
9738
|
+
)) });
|
9739
|
+
}
|
9740
|
+
);
|
9741
|
+
var Input = React2.forwardRef(
|
9742
|
+
function FileInput(props, ref) {
|
9743
|
+
const inputRecipe2 = (0, import_react121.useRecipe)({ key: "input" });
|
9744
|
+
const [recipeProps, restProps] = inputRecipe2.splitVariantProps(props);
|
9745
|
+
const { placeholder = "Select file(s)", ...rest } = restProps;
|
9746
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.Trigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
9747
|
+
import_react121.Button,
|
9748
|
+
{
|
9749
|
+
unstyled: true,
|
9750
|
+
py: "0",
|
9751
|
+
ref,
|
9752
|
+
...rest,
|
9753
|
+
css: [inputRecipe2(recipeProps), props.css],
|
9754
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.FileUpload.Context, { children: ({ acceptedFiles }) => {
|
9755
|
+
if (acceptedFiles.length === 1) {
|
9756
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: acceptedFiles[0].name });
|
9757
|
+
}
|
9758
|
+
if (acceptedFiles.length > 1) {
|
9759
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { children: [
|
9760
|
+
acceptedFiles.length,
|
9761
|
+
" files"
|
9762
|
+
] });
|
9763
|
+
}
|
9764
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react121.Span, { color: "fg.subtle", children: placeholder });
|
9765
|
+
} })
|
9766
|
+
}
|
9767
|
+
) });
|
9768
|
+
}
|
9769
|
+
);
|
9770
|
+
var Label = import_react121.FileUpload.Label;
|
9771
|
+
var ClearTrigger = import_react121.FileUpload.ClearTrigger;
|
9772
|
+
var Trigger3 = import_react121.FileUpload.Trigger;
|
9773
|
+
|
9609
9774
|
// src/components/grid-list/grid-list.tsx
|
9610
9775
|
var grid_list_exports = {};
|
9611
9776
|
__export(grid_list_exports, {
|
@@ -9617,12 +9782,12 @@ __export(grid_list_exports, {
|
|
9617
9782
|
var import_grid_list = require("@saas-ui/core/grid-list");
|
9618
9783
|
|
9619
9784
|
// src/components/grid-list/grid-list.context.ts
|
9620
|
-
var
|
9785
|
+
var import_react122 = require("@chakra-ui/react");
|
9621
9786
|
var {
|
9622
9787
|
withProvider: withProvider2,
|
9623
9788
|
withContext: withContext3,
|
9624
9789
|
useStyles: useGridListStyles
|
9625
|
-
} = (0,
|
9790
|
+
} = (0, import_react122.createSlotRecipeContext)({
|
9626
9791
|
key: "suiGridList"
|
9627
9792
|
});
|
9628
9793
|
|
@@ -9645,29 +9810,29 @@ var GridListCell = withContext3(
|
|
9645
9810
|
);
|
9646
9811
|
|
9647
9812
|
// src/components/icon-badge/icon-badge.tsx
|
9648
|
-
var
|
9649
|
-
var
|
9650
|
-
var
|
9651
|
-
var
|
9652
|
-
var
|
9653
|
-
var IconBadge =
|
9813
|
+
var React3 = __toESM(require("react"), 1);
|
9814
|
+
var import_react123 = require("react");
|
9815
|
+
var import_react124 = require("@chakra-ui/react");
|
9816
|
+
var import_utils6 = require("@saas-ui/core/utils");
|
9817
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
9818
|
+
var IconBadge = React3.forwardRef(
|
9654
9819
|
(props, ref) => {
|
9655
9820
|
const { icon, children, ...rest } = props;
|
9656
|
-
const recipe = (0,
|
9821
|
+
const recipe = (0, import_react124.useRecipe)({ key: "suiIconBadge", recipe: props.recipe });
|
9657
9822
|
const [variantProps, localProps] = recipe.splitVariantProps(rest);
|
9658
9823
|
const styles = recipe(variantProps);
|
9659
9824
|
const element = icon || children;
|
9660
|
-
const _children = (0,
|
9825
|
+
const _children = (0, import_react123.isValidElement)(element) ? (0, import_react123.cloneElement)(element, {
|
9661
9826
|
"aria-hidden": true,
|
9662
9827
|
focusable: false
|
9663
9828
|
}) : null;
|
9664
|
-
return /* @__PURE__ */ (0,
|
9665
|
-
|
9829
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
9830
|
+
import_react124.chakra.div,
|
9666
9831
|
{
|
9667
9832
|
ref,
|
9668
9833
|
...localProps,
|
9669
9834
|
css: [styles, props.css],
|
9670
|
-
className: (0,
|
9835
|
+
className: (0, import_utils6.cx)(recipe.className, props.className),
|
9671
9836
|
children: _children
|
9672
9837
|
}
|
9673
9838
|
);
|
@@ -9675,11 +9840,11 @@ var IconBadge = React2.forwardRef(
|
|
9675
9840
|
);
|
9676
9841
|
|
9677
9842
|
// src/components/icon-button/icon-button.tsx
|
9678
|
-
var
|
9679
|
-
var
|
9680
|
-
var IconButton = (0,
|
9843
|
+
var import_react125 = require("react");
|
9844
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
9845
|
+
var IconButton = (0, import_react125.forwardRef)(
|
9681
9846
|
function IconButton2(props, ref) {
|
9682
|
-
return /* @__PURE__ */ (0,
|
9847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
9683
9848
|
Button,
|
9684
9849
|
{
|
9685
9850
|
px: "0",
|
@@ -9693,10 +9858,10 @@ var IconButton = (0, import_react124.forwardRef)(
|
|
9693
9858
|
);
|
9694
9859
|
|
9695
9860
|
// src/components/input-group/input-group.tsx
|
9696
|
-
var
|
9697
|
-
var
|
9698
|
-
var
|
9699
|
-
var InputGroup = (0,
|
9861
|
+
var import_react126 = require("react");
|
9862
|
+
var import_react127 = require("@chakra-ui/react");
|
9863
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
9864
|
+
var InputGroup = (0, import_react126.forwardRef)(
|
9700
9865
|
function InputGroup2(props, ref) {
|
9701
9866
|
const {
|
9702
9867
|
startElement,
|
@@ -9706,26 +9871,26 @@ var InputGroup = (0, import_react125.forwardRef)(
|
|
9706
9871
|
children,
|
9707
9872
|
...rest
|
9708
9873
|
} = props;
|
9709
|
-
return /* @__PURE__ */ (0,
|
9710
|
-
startElement && /* @__PURE__ */ (0,
|
9711
|
-
(0,
|
9874
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react127.Group, { ref, display: "flex", ...rest, children: [
|
9875
|
+
startElement && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react127.InputElement, { pointerEvents: "none", ...startElementProps, children: startElement }),
|
9876
|
+
(0, import_react126.isValidElement)(children) && (0, import_react126.cloneElement)(children, {
|
9712
9877
|
...startElement && { ps: "calc(var(--input-height) - 6px)" },
|
9713
9878
|
...endElement && { pe: "calc(var(--input-height) - 6px)" },
|
9714
9879
|
...children.props
|
9715
9880
|
}),
|
9716
|
-
endElement && /* @__PURE__ */ (0,
|
9881
|
+
endElement && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react127.InputElement, { placement: "end", ...endElementProps, children: endElement })
|
9717
9882
|
] });
|
9718
9883
|
}
|
9719
9884
|
);
|
9720
9885
|
|
9721
9886
|
// src/components/link/link.tsx
|
9722
|
-
var
|
9723
|
-
var
|
9724
|
-
var
|
9725
|
-
var Link =
|
9887
|
+
var import_react128 = __toESM(require("react"), 1);
|
9888
|
+
var import_react129 = require("@chakra-ui/react");
|
9889
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
9890
|
+
var Link = import_react128.default.forwardRef(
|
9726
9891
|
(props, ref) => {
|
9727
9892
|
const LinkComponent = useLink();
|
9728
|
-
return /* @__PURE__ */ (0,
|
9893
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react129.Link, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LinkComponent, { ref, ...props }) });
|
9729
9894
|
}
|
9730
9895
|
);
|
9731
9896
|
Link.displayName = "Link";
|
@@ -9738,38 +9903,38 @@ __export(loading_overlay_exports, {
|
|
9738
9903
|
Text: () => LoadingOverlayText
|
9739
9904
|
});
|
9740
9905
|
var import_presence = require("@ark-ui/react/presence");
|
9741
|
-
var
|
9906
|
+
var import_react133 = require("@chakra-ui/react");
|
9742
9907
|
|
9743
9908
|
// src/components/spinner/spinner.tsx
|
9744
|
-
var
|
9745
|
-
var
|
9746
|
-
var
|
9747
|
-
var Spinner2 = (0,
|
9909
|
+
var import_react130 = require("react");
|
9910
|
+
var import_react131 = require("@chakra-ui/react");
|
9911
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
9912
|
+
var Spinner2 = (0, import_react130.forwardRef)(
|
9748
9913
|
function Spinner3(props, ref) {
|
9749
9914
|
const { loading, children, ...rest } = props;
|
9750
9915
|
if (loading === false) {
|
9751
|
-
return /* @__PURE__ */ (0,
|
9916
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children });
|
9752
9917
|
}
|
9753
|
-
return /* @__PURE__ */ (0,
|
9918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react131.Spinner, { ref, ...rest });
|
9754
9919
|
}
|
9755
9920
|
);
|
9756
9921
|
|
9757
9922
|
// src/components/loading-overlay/loading-overlay.context.ts
|
9758
|
-
var
|
9923
|
+
var import_react132 = require("@chakra-ui/react");
|
9759
9924
|
var {
|
9760
9925
|
useStyles: useLoadingOverlayStyles,
|
9761
9926
|
withContext: withContext4,
|
9762
9927
|
withProvider: withProvider3
|
9763
|
-
} = (0,
|
9928
|
+
} = (0, import_react132.createSlotRecipeContext)({
|
9764
9929
|
key: "suiLoadingOverlay"
|
9765
9930
|
});
|
9766
9931
|
|
9767
9932
|
// src/components/loading-overlay/loading-overlay.tsx
|
9768
|
-
var
|
9933
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
9769
9934
|
var LoadingOverlay = (props) => {
|
9770
9935
|
const { children, loading = true, ...rest } = props;
|
9771
9936
|
const [presenceProps, rootProps] = (0, import_presence.splitPresenceProps)(rest);
|
9772
|
-
return /* @__PURE__ */ (0,
|
9937
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_presence.Presence, { present: loading, ...presenceProps, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react133.chakra.div, { ...rootProps, children }) });
|
9773
9938
|
};
|
9774
9939
|
var LoadingOverlayRoot = withProvider3(
|
9775
9940
|
LoadingOverlay,
|
@@ -9791,21 +9956,21 @@ __export(navbar_exports, {
|
|
9791
9956
|
Link: () => NavbarLink,
|
9792
9957
|
Root: () => NavbarRoot
|
9793
9958
|
});
|
9794
|
-
var
|
9959
|
+
var import_react135 = require("react");
|
9795
9960
|
var import_navbar = require("@saas-ui/core/navbar");
|
9796
9961
|
|
9797
9962
|
// src/components/navbar/navbar.context.ts
|
9798
|
-
var
|
9963
|
+
var import_react134 = require("@chakra-ui/react");
|
9799
9964
|
var {
|
9800
9965
|
withProvider: withProvider4,
|
9801
9966
|
withContext: withContext5,
|
9802
9967
|
useStyles: useNavbarStyles
|
9803
|
-
} = (0,
|
9968
|
+
} = (0, import_react134.createSlotRecipeContext)({
|
9804
9969
|
key: "suiNavbar"
|
9805
9970
|
});
|
9806
9971
|
|
9807
9972
|
// src/components/navbar/navbar.tsx
|
9808
|
-
var
|
9973
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
9809
9974
|
var NavbarRoot = withProvider4(
|
9810
9975
|
import_navbar.Navbar.Root,
|
9811
9976
|
"root"
|
@@ -9823,10 +9988,10 @@ var NavbarItem = withContext5(
|
|
9823
9988
|
"item"
|
9824
9989
|
);
|
9825
9990
|
var NavbarLink = withContext5(
|
9826
|
-
(0,
|
9991
|
+
(0, import_react135.forwardRef)((props, ref) => {
|
9827
9992
|
const Link2 = useLink();
|
9828
9993
|
const { active, ...rest } = props;
|
9829
|
-
return /* @__PURE__ */ (0,
|
9994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_navbar.Navbar.Link, { asChild: true, ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Link2, { "data-active": active ? "" : void 0, ...props }) });
|
9830
9995
|
}),
|
9831
9996
|
"link",
|
9832
9997
|
{
|
@@ -9835,10 +10000,10 @@ var NavbarLink = withContext5(
|
|
9835
10000
|
);
|
9836
10001
|
|
9837
10002
|
// src/components/number-input/number-input.tsx
|
9838
|
-
var
|
9839
|
-
var
|
9840
|
-
var
|
9841
|
-
var NumberInput = (0,
|
10003
|
+
var import_react136 = require("react");
|
10004
|
+
var import_react137 = require("@chakra-ui/react");
|
10005
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
10006
|
+
var NumberInput = (0, import_react136.forwardRef)(
|
9842
10007
|
function NumberInput2(props, ref) {
|
9843
10008
|
const {
|
9844
10009
|
hideControls,
|
@@ -9848,19 +10013,19 @@ var NumberInput = (0, import_react135.forwardRef)(
|
|
9848
10013
|
rootRef,
|
9849
10014
|
...rest
|
9850
10015
|
} = props;
|
9851
|
-
return /* @__PURE__ */ (0,
|
9852
|
-
/* @__PURE__ */ (0,
|
10016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react137.NumberInput.Root, { ref: rootRef, ...rest, children: [
|
10017
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
9853
10018
|
InputGroup,
|
9854
10019
|
{
|
9855
10020
|
startElement,
|
9856
10021
|
endElement,
|
9857
10022
|
width: "full",
|
9858
|
-
children: /* @__PURE__ */ (0,
|
10023
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react137.NumberInput.Input, { ref, ...inputProps })
|
9859
10024
|
}
|
9860
10025
|
),
|
9861
|
-
!hideControls && !endElement ? /* @__PURE__ */ (0,
|
9862
|
-
/* @__PURE__ */ (0,
|
9863
|
-
/* @__PURE__ */ (0,
|
10026
|
+
!hideControls && !endElement ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react137.NumberInput.Control, { children: [
|
10027
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react137.NumberInput.IncrementTrigger, {}),
|
10028
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react137.NumberInput.DecrementTrigger, {})
|
9864
10029
|
] }) : null
|
9865
10030
|
] });
|
9866
10031
|
}
|
@@ -9886,87 +10051,87 @@ __export(menu_exports, {
|
|
9886
10051
|
Trigger: () => MenuTrigger,
|
9887
10052
|
TriggerItem: () => MenuTriggerItem
|
9888
10053
|
});
|
9889
|
-
var
|
9890
|
-
var
|
9891
|
-
var
|
9892
|
-
var MenuContent = (0,
|
10054
|
+
var import_react138 = require("react");
|
10055
|
+
var import_react139 = require("@chakra-ui/react");
|
10056
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
10057
|
+
var MenuContent = (0, import_react138.forwardRef)(
|
9893
10058
|
function MenuContent2(props, ref) {
|
9894
10059
|
const { portalled = true, portalRef, ...rest } = props;
|
9895
|
-
return /* @__PURE__ */ (0,
|
10060
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.Menu.Content, { ref, ...rest }) }) });
|
9896
10061
|
}
|
9897
10062
|
);
|
9898
|
-
var MenuArrow = (0,
|
10063
|
+
var MenuArrow = (0, import_react138.forwardRef)(
|
9899
10064
|
function MenuArrow2(props, ref) {
|
9900
|
-
return /* @__PURE__ */ (0,
|
10065
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.Menu.ArrowTip, {}) });
|
9901
10066
|
}
|
9902
10067
|
);
|
9903
|
-
var MenuCheckboxItem = (0,
|
9904
|
-
return /* @__PURE__ */ (0,
|
9905
|
-
/* @__PURE__ */ (0,
|
10068
|
+
var MenuCheckboxItem = (0, import_react138.forwardRef)(function MenuCheckboxItem2(props, ref) {
|
10069
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react139.Menu.CheckboxItem, { ref, ...props, children: [
|
10070
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CheckIcon, {}) }),
|
9906
10071
|
props.children
|
9907
10072
|
] });
|
9908
10073
|
});
|
9909
|
-
var MenuRadioItem = (0,
|
10074
|
+
var MenuRadioItem = (0, import_react138.forwardRef)(
|
9910
10075
|
function MenuRadioItem2(props, ref) {
|
9911
10076
|
const { children, ...rest } = props;
|
9912
|
-
return /* @__PURE__ */ (0,
|
9913
|
-
/* @__PURE__ */ (0,
|
9914
|
-
/* @__PURE__ */ (0,
|
10077
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react139.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
|
10078
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CheckIcon, {}) }) }),
|
10079
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.Menu.ItemText, { children })
|
9915
10080
|
] });
|
9916
10081
|
}
|
9917
10082
|
);
|
9918
|
-
var MenuItemGroup = (0,
|
10083
|
+
var MenuItemGroup = (0, import_react138.forwardRef)(
|
9919
10084
|
function MenuItemGroup2(props, ref) {
|
9920
10085
|
const { title, children, ...rest } = props;
|
9921
|
-
return /* @__PURE__ */ (0,
|
9922
|
-
title && /* @__PURE__ */ (0,
|
10086
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react139.Menu.ItemGroup, { ref, ...rest, children: [
|
10087
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react139.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
|
9923
10088
|
children
|
9924
10089
|
] });
|
9925
10090
|
}
|
9926
10091
|
);
|
9927
|
-
var MenuTriggerItem = (0,
|
10092
|
+
var MenuTriggerItem = (0, import_react138.forwardRef)(
|
9928
10093
|
function MenuTriggerItem2(props, ref) {
|
9929
10094
|
const { startIcon, children, ...rest } = props;
|
9930
|
-
return /* @__PURE__ */ (0,
|
10095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react139.Menu.TriggerItem, { ref, ...rest, children: [
|
9931
10096
|
startIcon,
|
9932
10097
|
children,
|
9933
|
-
/* @__PURE__ */ (0,
|
10098
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ChevronRightIcon, {})
|
9934
10099
|
] });
|
9935
10100
|
}
|
9936
10101
|
);
|
9937
|
-
var MenuButton = (0,
|
10102
|
+
var MenuButton = (0, import_react138.forwardRef)(
|
9938
10103
|
function MenuButton2(props, ref) {
|
9939
|
-
return /* @__PURE__ */ (0,
|
10104
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(MenuTrigger, { ref, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, { ...props }) });
|
9940
10105
|
}
|
9941
10106
|
);
|
9942
|
-
var MenuRadioItemGroup =
|
9943
|
-
var MenuContextTrigger =
|
9944
|
-
var MenuRoot =
|
9945
|
-
var MenuSeparator =
|
9946
|
-
var MenuContext =
|
9947
|
-
var MenuItem =
|
9948
|
-
var MenuItemText =
|
9949
|
-
var MenuItemCommand =
|
9950
|
-
var MenuTrigger =
|
10107
|
+
var MenuRadioItemGroup = import_react139.Menu.RadioItemGroup;
|
10108
|
+
var MenuContextTrigger = import_react139.Menu.ContextTrigger;
|
10109
|
+
var MenuRoot = import_react139.Menu.Root;
|
10110
|
+
var MenuSeparator = import_react139.Menu.Separator;
|
10111
|
+
var MenuContext = import_react139.Menu.Context;
|
10112
|
+
var MenuItem = import_react139.Menu.Item;
|
10113
|
+
var MenuItemText = import_react139.Menu.ItemText;
|
10114
|
+
var MenuItemCommand = import_react139.Menu.ItemCommand;
|
10115
|
+
var MenuTrigger = import_react139.Menu.Trigger;
|
9951
10116
|
|
9952
10117
|
// src/components/pagination/pagination.tsx
|
9953
10118
|
var pagination_exports = {};
|
9954
10119
|
__export(pagination_exports, {
|
9955
|
-
Context: () =>
|
10120
|
+
Context: () => Context3,
|
9956
10121
|
Ellipsis: () => Ellipsis,
|
9957
|
-
Item: () =>
|
10122
|
+
Item: () => Item2,
|
9958
10123
|
Items: () => Items,
|
9959
10124
|
NextButton: () => NextButton,
|
9960
10125
|
NextTrigger: () => NextTrigger,
|
9961
10126
|
PageText: () => PageText,
|
9962
10127
|
PrevButton: () => PrevButton,
|
9963
10128
|
PrevTrigger: () => PrevTrigger,
|
9964
|
-
Root: () =>
|
10129
|
+
Root: () => Root4
|
9965
10130
|
});
|
9966
|
-
var
|
9967
|
-
var
|
9968
|
-
var
|
9969
|
-
var [RootPropsProvider, useRootProps] = (0,
|
10131
|
+
var import_react140 = require("react");
|
10132
|
+
var import_react141 = require("@chakra-ui/react");
|
10133
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
10134
|
+
var [RootPropsProvider, useRootProps] = (0, import_react141.createContext)({
|
9970
10135
|
name: "RootPropsProvider"
|
9971
10136
|
});
|
9972
10137
|
var variantMap = {
|
@@ -9974,66 +10139,66 @@ var variantMap = {
|
|
9974
10139
|
solid: { default: "outline", ellipsis: "outline", current: "solid" },
|
9975
10140
|
subtle: { default: "ghost", ellipsis: "plain", current: "subtle" }
|
9976
10141
|
};
|
9977
|
-
var
|
10142
|
+
var Root4 = (0, import_react140.forwardRef)(
|
9978
10143
|
function PaginationRoot(props, ref) {
|
9979
10144
|
const { size = "sm", variant = "outline", ...rest } = props;
|
9980
|
-
return /* @__PURE__ */ (0,
|
10145
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(RootPropsProvider, { value: { size, variantMap: variantMap[variant] }, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.Pagination.Root, { ref, type: "button", ...rest }) });
|
9981
10146
|
}
|
9982
10147
|
);
|
9983
|
-
var Ellipsis = (0,
|
10148
|
+
var Ellipsis = (0, import_react140.forwardRef)(function PaginationEllipsis(props, ref) {
|
9984
10149
|
var _a8;
|
9985
10150
|
const { size, variantMap: variantMap2 } = useRootProps();
|
9986
|
-
return /* @__PURE__ */ (0,
|
10151
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.Pagination.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.Button, { as: "span", variant: variantMap2.ellipsis, size, children: (_a8 = props.children) != null ? _a8 : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(EllipsisIcon, {}) }) });
|
9987
10152
|
});
|
9988
|
-
var
|
10153
|
+
var Item2 = (0, import_react140.forwardRef)(
|
9989
10154
|
function PaginationItem(props, ref) {
|
9990
|
-
const { page } = (0,
|
10155
|
+
const { page } = (0, import_react141.usePaginationContext)();
|
9991
10156
|
const { size, variantMap: variantMap2 } = useRootProps();
|
9992
10157
|
const current = page === props.value;
|
9993
10158
|
const variant = current ? variantMap2.current : variantMap2.default;
|
9994
|
-
return /* @__PURE__ */ (0,
|
10159
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.Pagination.Item, { ref, ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.Button, { variant, size, children: props.value }) });
|
9995
10160
|
}
|
9996
10161
|
);
|
9997
|
-
var PrevButton = (0,
|
10162
|
+
var PrevButton = (0, import_react140.forwardRef)(function PaginationPrevTrigger(props, ref) {
|
9998
10163
|
var _a8;
|
9999
10164
|
const { size, variantMap: variantMap2 } = useRootProps();
|
10000
|
-
return /* @__PURE__ */ (0,
|
10165
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.Pagination.PrevTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.IconButton, { variant: variantMap2.default, size, children: (_a8 = props.children) != null ? _a8 : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChevronLeftIcon, {}) }) });
|
10001
10166
|
});
|
10002
|
-
var NextButton = (0,
|
10167
|
+
var NextButton = (0, import_react140.forwardRef)(function PaginationNextTrigger(props, ref) {
|
10003
10168
|
var _a8;
|
10004
10169
|
const { size, variantMap: variantMap2 } = useRootProps();
|
10005
|
-
return /* @__PURE__ */ (0,
|
10170
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.Pagination.NextTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.IconButton, { variant: variantMap2.default, size, children: (_a8 = props.children) != null ? _a8 : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ChevronRightIcon, {}) }) });
|
10006
10171
|
});
|
10007
10172
|
var Items = (props) => {
|
10008
|
-
return /* @__PURE__ */ (0,
|
10009
|
-
return page.type === "ellipsis" ? /* @__PURE__ */ (0,
|
10173
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.Pagination.Context, { children: ({ pages }) => pages.map((page, index) => {
|
10174
|
+
return page.type === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Ellipsis, { index, ...props }, index) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Item2, { type: "page", value: page.value, ...props }, index);
|
10010
10175
|
}) });
|
10011
10176
|
};
|
10012
|
-
var PageText = (0,
|
10177
|
+
var PageText = (0, import_react140.forwardRef)(
|
10013
10178
|
function PaginationPageText(props, ref) {
|
10014
10179
|
const { format = "compact", ...rest } = props;
|
10015
|
-
const { page, pages, pageRange, count } = (0,
|
10016
|
-
const content = (0,
|
10180
|
+
const { page, pages, pageRange, count } = (0, import_react141.usePaginationContext)();
|
10181
|
+
const content = (0, import_react140.useMemo)(() => {
|
10017
10182
|
if (format === "short") return `${page} / ${pages.length}`;
|
10018
10183
|
if (format === "compact") return `${page} of ${pages.length}`;
|
10019
10184
|
return `${pageRange.start + 1} - ${pageRange.end} of ${count}`;
|
10020
10185
|
}, [format, page, pages.length, pageRange, count]);
|
10021
|
-
return /* @__PURE__ */ (0,
|
10186
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react141.Text, { fontWeight: "medium", ref, ...rest, children: content });
|
10022
10187
|
}
|
10023
10188
|
);
|
10024
|
-
var PrevTrigger =
|
10025
|
-
var NextTrigger =
|
10026
|
-
var
|
10189
|
+
var PrevTrigger = import_react141.Pagination.PrevTrigger;
|
10190
|
+
var NextTrigger = import_react141.Pagination.NextTrigger;
|
10191
|
+
var Context3 = import_react141.Pagination.Context;
|
10027
10192
|
|
10028
10193
|
// src/components/password-input/password-input.tsx
|
10029
|
-
var
|
10030
|
-
var
|
10194
|
+
var import_react144 = require("react");
|
10195
|
+
var import_react145 = require("@chakra-ui/react");
|
10031
10196
|
|
10032
10197
|
// ../../node_modules/react-icons/lib/iconBase.mjs
|
10033
|
-
var
|
10198
|
+
var import_react143 = __toESM(require("react"), 1);
|
10034
10199
|
|
10035
10200
|
// ../../node_modules/react-icons/lib/iconContext.mjs
|
10036
|
-
var
|
10201
|
+
var import_react142 = __toESM(require("react"), 1);
|
10037
10202
|
var DefaultContext = {
|
10038
10203
|
color: void 0,
|
10039
10204
|
size: void 0,
|
@@ -10041,7 +10206,7 @@ var DefaultContext = {
|
|
10041
10206
|
style: void 0,
|
10042
10207
|
attr: void 0
|
10043
10208
|
};
|
10044
|
-
var IconContext =
|
10209
|
+
var IconContext = import_react142.default.createContext && /* @__PURE__ */ import_react142.default.createContext(DefaultContext);
|
10045
10210
|
|
10046
10211
|
// ../../node_modules/react-icons/lib/iconBase.mjs
|
10047
10212
|
var _excluded = ["attr", "size", "title"];
|
@@ -10130,12 +10295,12 @@ function _toPrimitive(t, r) {
|
|
10130
10295
|
return ("string" === r ? String : Number)(t);
|
10131
10296
|
}
|
10132
10297
|
function Tree2Element(tree) {
|
10133
|
-
return tree && tree.map((node, i) => /* @__PURE__ */
|
10298
|
+
return tree && tree.map((node, i) => /* @__PURE__ */ import_react143.default.createElement(node.tag, _objectSpread({
|
10134
10299
|
key: i
|
10135
10300
|
}, node.attr), Tree2Element(node.child)));
|
10136
10301
|
}
|
10137
10302
|
function GenIcon(data) {
|
10138
|
-
return (props) => /* @__PURE__ */
|
10303
|
+
return (props) => /* @__PURE__ */ import_react143.default.createElement(IconBase, _extends({
|
10139
10304
|
attr: _objectSpread({}, data.attr)
|
10140
10305
|
}, props), Tree2Element(data.child));
|
10141
10306
|
}
|
@@ -10150,7 +10315,7 @@ function IconBase(props) {
|
|
10150
10315
|
var className;
|
10151
10316
|
if (conf.className) className = conf.className;
|
10152
10317
|
if (props.className) className = (className ? className + " " : "") + props.className;
|
10153
|
-
return /* @__PURE__ */
|
10318
|
+
return /* @__PURE__ */ import_react143.default.createElement("svg", _extends({
|
10154
10319
|
stroke: "currentColor",
|
10155
10320
|
fill: "currentColor",
|
10156
10321
|
strokeWidth: "0"
|
@@ -10162,42 +10327,42 @@ function IconBase(props) {
|
|
10162
10327
|
height: computedSize,
|
10163
10328
|
width: computedSize,
|
10164
10329
|
xmlns: "http://www.w3.org/2000/svg"
|
10165
|
-
}), title && /* @__PURE__ */
|
10330
|
+
}), title && /* @__PURE__ */ import_react143.default.createElement("title", null, title), props.children);
|
10166
10331
|
};
|
10167
|
-
return IconContext !== void 0 ? /* @__PURE__ */
|
10332
|
+
return IconContext !== void 0 ? /* @__PURE__ */ import_react143.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
|
10168
10333
|
}
|
10169
10334
|
|
10170
10335
|
// ../../node_modules/react-icons/lu/index.mjs
|
10171
10336
|
function LuEyeOff(props) {
|
10172
|
-
return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "
|
10337
|
+
return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, "child": [] }, { "tag": "path", "attr": { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, "child": [] }, { "tag": "path", "attr": { "d": "m2 2 20 20" }, "child": [] }] })(props);
|
10173
10338
|
}
|
10174
10339
|
function LuEye(props) {
|
10175
|
-
return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2
|
10340
|
+
return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
|
10176
10341
|
}
|
10177
10342
|
|
10178
10343
|
// src/components/password-input/password-input.tsx
|
10179
|
-
var
|
10180
|
-
var PasswordInput = (0,
|
10344
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
10345
|
+
var PasswordInput = (0, import_react144.forwardRef)(
|
10181
10346
|
function PasswordInput2(props, ref) {
|
10182
10347
|
const {
|
10183
10348
|
rootProps,
|
10184
10349
|
defaultVisible,
|
10185
10350
|
visible: visibleProp,
|
10186
10351
|
onVisibleChange,
|
10187
|
-
visibilityIcon = { on: /* @__PURE__ */ (0,
|
10352
|
+
visibilityIcon = { on: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LuEye, {}), off: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(LuEyeOff, {}) },
|
10188
10353
|
...rest
|
10189
10354
|
} = props;
|
10190
|
-
const [visible, setVisible] = (0,
|
10355
|
+
const [visible, setVisible] = (0, import_react145.useControllableState)({
|
10191
10356
|
value: visibleProp,
|
10192
10357
|
defaultValue: defaultVisible || false,
|
10193
10358
|
onChange: onVisibleChange
|
10194
10359
|
});
|
10195
|
-
const inputRef = (0,
|
10196
|
-
return /* @__PURE__ */ (0,
|
10360
|
+
const inputRef = (0, import_react144.useRef)(null);
|
10361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
10197
10362
|
InputGroup,
|
10198
10363
|
{
|
10199
10364
|
width: "full",
|
10200
|
-
endElement: /* @__PURE__ */ (0,
|
10365
|
+
endElement: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
10201
10366
|
VisibilityTrigger,
|
10202
10367
|
{
|
10203
10368
|
disabled: rest.disabled,
|
@@ -10211,11 +10376,11 @@ var PasswordInput = (0, import_react143.forwardRef)(
|
|
10211
10376
|
}
|
10212
10377
|
),
|
10213
10378
|
...rootProps,
|
10214
|
-
children: /* @__PURE__ */ (0,
|
10215
|
-
|
10379
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
10380
|
+
import_react145.Input,
|
10216
10381
|
{
|
10217
10382
|
...rest,
|
10218
|
-
ref: (0,
|
10383
|
+
ref: (0, import_react145.mergeRefs)(ref, inputRef),
|
10219
10384
|
type: visible ? "text" : "password"
|
10220
10385
|
}
|
10221
10386
|
)
|
@@ -10223,10 +10388,10 @@ var PasswordInput = (0, import_react143.forwardRef)(
|
|
10223
10388
|
);
|
10224
10389
|
}
|
10225
10390
|
);
|
10226
|
-
var VisibilityTrigger = (0,
|
10391
|
+
var VisibilityTrigger = (0, import_react144.forwardRef)(
|
10227
10392
|
function VisibilityTrigger2(props, ref) {
|
10228
|
-
return /* @__PURE__ */ (0,
|
10229
|
-
|
10393
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
10394
|
+
import_react145.IconButton,
|
10230
10395
|
{
|
10231
10396
|
tabIndex: -1,
|
10232
10397
|
ref,
|
@@ -10244,34 +10409,34 @@ var VisibilityTrigger = (0, import_react143.forwardRef)(
|
|
10244
10409
|
);
|
10245
10410
|
|
10246
10411
|
// src/components/persona/persona.tsx
|
10247
|
-
var
|
10412
|
+
var React8 = __toESM(require("react"), 1);
|
10248
10413
|
|
10249
10414
|
// src/components/persona/persona-primitive.tsx
|
10250
|
-
var
|
10251
|
-
var
|
10252
|
-
var
|
10415
|
+
var import_react147 = require("react");
|
10416
|
+
var import_react148 = require("@chakra-ui/react");
|
10417
|
+
var import_utils7 = require("@saas-ui/core/utils");
|
10253
10418
|
|
10254
10419
|
// src/components/persona/persona.context.ts
|
10255
|
-
var
|
10420
|
+
var import_react146 = require("@chakra-ui/react");
|
10256
10421
|
var {
|
10257
10422
|
useStyles: usePersonaStyles,
|
10258
10423
|
withProvider: withProvider5,
|
10259
10424
|
withContext: withContext6
|
10260
|
-
} = (0,
|
10425
|
+
} = (0, import_react146.createSlotRecipeContext)({
|
10261
10426
|
key: "suiPersona"
|
10262
10427
|
});
|
10263
10428
|
|
10264
10429
|
// src/components/persona/persona-primitive.tsx
|
10265
|
-
var
|
10430
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
10266
10431
|
var PersonaRoot = withProvider5(
|
10267
|
-
(0,
|
10432
|
+
(0, import_react147.forwardRef)((props, ref) => {
|
10268
10433
|
const { outOfOffice, presence, ...rest } = props;
|
10269
|
-
return /* @__PURE__ */ (0,
|
10270
|
-
|
10434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
10435
|
+
import_react148.chakra.div,
|
10271
10436
|
{
|
10272
10437
|
ref,
|
10273
10438
|
...rest,
|
10274
|
-
"data-out-of-office": (0,
|
10439
|
+
"data-out-of-office": (0, import_utils7.dataAttr)(outOfOffice),
|
10275
10440
|
"data-presence": presence,
|
10276
10441
|
css: [
|
10277
10442
|
presence ? {
|
@@ -10284,7 +10449,7 @@ var PersonaRoot = withProvider5(
|
|
10284
10449
|
}),
|
10285
10450
|
"root"
|
10286
10451
|
);
|
10287
|
-
var PersonaAvatar = (0,
|
10452
|
+
var PersonaAvatar = (0, import_react147.forwardRef)(
|
10288
10453
|
(props, ref) => {
|
10289
10454
|
const {
|
10290
10455
|
name,
|
@@ -10297,7 +10462,7 @@ var PersonaAvatar = (0, import_react146.forwardRef)(
|
|
10297
10462
|
children,
|
10298
10463
|
...rest
|
10299
10464
|
} = props;
|
10300
|
-
return /* @__PURE__ */ (0,
|
10465
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Avatar, { ref, ...rest, children });
|
10301
10466
|
}
|
10302
10467
|
);
|
10303
10468
|
var PersonaPresenceBadge = withContext6("span", "presence");
|
@@ -10320,8 +10485,8 @@ var PersonaTertiaryLabel = withContext6(
|
|
10320
10485
|
);
|
10321
10486
|
|
10322
10487
|
// src/components/persona/persona.tsx
|
10323
|
-
var
|
10324
|
-
var Persona =
|
10488
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
10489
|
+
var Persona = React8.forwardRef(
|
10325
10490
|
(props, ref) => {
|
10326
10491
|
const {
|
10327
10492
|
name,
|
@@ -10344,7 +10509,7 @@ var Persona = React7.forwardRef(
|
|
10344
10509
|
fallback: fallback2,
|
10345
10510
|
...rest
|
10346
10511
|
} = props;
|
10347
|
-
return /* @__PURE__ */ (0,
|
10512
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
10348
10513
|
PersonaRoot,
|
10349
10514
|
{
|
10350
10515
|
ref,
|
@@ -10353,7 +10518,7 @@ var Persona = React7.forwardRef(
|
|
10353
10518
|
size,
|
10354
10519
|
...rest,
|
10355
10520
|
children: [
|
10356
|
-
/* @__PURE__ */ (0,
|
10521
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
10357
10522
|
PersonaAvatar,
|
10358
10523
|
{
|
10359
10524
|
name,
|
@@ -10365,13 +10530,13 @@ var Persona = React7.forwardRef(
|
|
10365
10530
|
src,
|
10366
10531
|
srcSet,
|
10367
10532
|
fallback: fallback2,
|
10368
|
-
children: presence ? /* @__PURE__ */ (0,
|
10533
|
+
children: presence ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PersonaPresenceBadge, { children: presenceIcon }) : null
|
10369
10534
|
}
|
10370
10535
|
),
|
10371
|
-
!hideDetails && /* @__PURE__ */ (0,
|
10372
|
-
/* @__PURE__ */ (0,
|
10373
|
-
secondaryLabel && /* @__PURE__ */ (0,
|
10374
|
-
tertiaryLabel && /* @__PURE__ */ (0,
|
10536
|
+
!hideDetails && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(PersonaDetails, { children: [
|
10537
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PersonaLabel, { children: label || name }),
|
10538
|
+
secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PersonaSecondaryLabel, { children: secondaryLabel }),
|
10539
|
+
tertiaryLabel && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PersonaTertiaryLabel, { children: tertiaryLabel }),
|
10375
10540
|
children
|
10376
10541
|
] })
|
10377
10542
|
]
|
@@ -10380,8 +10545,8 @@ var Persona = React7.forwardRef(
|
|
10380
10545
|
}
|
10381
10546
|
);
|
10382
10547
|
Persona.displayName = "Persona";
|
10383
|
-
var PersonaAvatar2 =
|
10384
|
-
return /* @__PURE__ */ (0,
|
10548
|
+
var PersonaAvatar2 = React8.forwardRef(function PersonaAvatar3(props, ref) {
|
10549
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Persona, { ref, ...props, hideDetails: true });
|
10385
10550
|
});
|
10386
10551
|
|
10387
10552
|
// src/components/persona/presence.ts
|
@@ -10409,10 +10574,10 @@ var defaultPresenceOptions = {
|
|
10409
10574
|
};
|
10410
10575
|
|
10411
10576
|
// src/components/pin-input/pin-input.tsx
|
10412
|
-
var
|
10413
|
-
var
|
10414
|
-
var
|
10415
|
-
var PinInput = (0,
|
10577
|
+
var import_react149 = require("react");
|
10578
|
+
var import_react150 = require("@chakra-ui/react");
|
10579
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
10580
|
+
var PinInput = (0, import_react149.forwardRef)(
|
10416
10581
|
function PinInput2(props, ref) {
|
10417
10582
|
const {
|
10418
10583
|
pinLength = 4,
|
@@ -10422,35 +10587,87 @@ var PinInput = (0, import_react148.forwardRef)(
|
|
10422
10587
|
gap = attached ? 0 : 2,
|
10423
10588
|
...rest
|
10424
10589
|
} = props;
|
10425
|
-
return /* @__PURE__ */ (0,
|
10426
|
-
/* @__PURE__ */ (0,
|
10427
|
-
/* @__PURE__ */ (0,
|
10590
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react150.PinInput.Root, { ref: rootRef, ...rest, children: [
|
10591
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react150.PinInput.HiddenInput, { ref, ...inputProps }),
|
10592
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react150.PinInput.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react150.Group, { attached, gap, children: Array.from({ length: pinLength }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react150.PinInput.Input, { index }, index)) }) })
|
10428
10593
|
] });
|
10429
10594
|
}
|
10430
10595
|
);
|
10431
10596
|
|
10432
|
-
// src/components/
|
10433
|
-
var
|
10597
|
+
// src/components/popover/popover.tsx
|
10598
|
+
var popover_exports = {};
|
10599
|
+
__export(popover_exports, {
|
10600
|
+
Arrow: () => Arrow,
|
10601
|
+
Body: () => Body3,
|
10602
|
+
CloseButton: () => CloseButton5,
|
10603
|
+
CloseTrigger: () => CloseTrigger3,
|
10604
|
+
Content: () => Content3,
|
10605
|
+
Description: () => Description3,
|
10606
|
+
Footer: () => Footer3,
|
10607
|
+
Header: () => Header3,
|
10608
|
+
Root: () => Root5,
|
10609
|
+
Title: () => Title3,
|
10610
|
+
Trigger: () => Trigger4
|
10611
|
+
});
|
10612
|
+
var React9 = __toESM(require("react"), 1);
|
10434
10613
|
var import_react151 = require("@chakra-ui/react");
|
10435
|
-
var
|
10436
|
-
var
|
10614
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
10615
|
+
var Content3 = React9.forwardRef(
|
10616
|
+
function PopoverContent(props, ref) {
|
10617
|
+
const { portalled = true, portalRef, ...rest } = props;
|
10618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react151.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react151.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react151.Popover.Content, { ref, ...rest }) }) });
|
10619
|
+
}
|
10620
|
+
);
|
10621
|
+
var Arrow = React9.forwardRef(
|
10622
|
+
function PopoverArrow(props, ref) {
|
10623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react151.Popover.Arrow, { ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react151.Popover.ArrowTip, {}) });
|
10624
|
+
}
|
10625
|
+
);
|
10626
|
+
var CloseButton5 = React9.forwardRef(function PopoverCloseTrigger(props, ref) {
|
10627
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
10628
|
+
import_react151.Popover.CloseTrigger,
|
10629
|
+
{
|
10630
|
+
position: "absolute",
|
10631
|
+
top: "1",
|
10632
|
+
insetEnd: "1",
|
10633
|
+
...props,
|
10634
|
+
asChild: true,
|
10635
|
+
ref,
|
10636
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CloseButton, { size: "sm" })
|
10637
|
+
}
|
10638
|
+
);
|
10639
|
+
});
|
10640
|
+
var CloseTrigger3 = import_react151.Popover.CloseTrigger;
|
10641
|
+
var Title3 = import_react151.Popover.Title;
|
10642
|
+
var Description3 = import_react151.Popover.Description;
|
10643
|
+
var Footer3 = import_react151.Popover.Footer;
|
10644
|
+
var Header3 = import_react151.Popover.Header;
|
10645
|
+
var Root5 = import_react151.Popover.Root;
|
10646
|
+
var Body3 = import_react151.Popover.Body;
|
10647
|
+
var Trigger4 = import_react151.Popover.Trigger;
|
10648
|
+
|
10649
|
+
// src/components/radio/radio.tsx
|
10650
|
+
var import_react152 = require("react");
|
10651
|
+
var import_react153 = require("@chakra-ui/react");
|
10652
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
10653
|
+
var Radio = (0, import_react152.forwardRef)(
|
10437
10654
|
function Radio2(props, ref) {
|
10438
10655
|
const { children, inputProps, rootRef, ...rest } = props;
|
10439
|
-
return /* @__PURE__ */ (0,
|
10440
|
-
/* @__PURE__ */ (0,
|
10441
|
-
/* @__PURE__ */ (0,
|
10442
|
-
children && /* @__PURE__ */ (0,
|
10656
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react153.RadioGroup.Item, { ref: rootRef, ...rest, children: [
|
10657
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react153.RadioGroup.ItemHiddenInput, { ref, ...inputProps }),
|
10658
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react153.RadioGroup.ItemIndicator, {}),
|
10659
|
+
children && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react153.RadioGroup.ItemText, { children })
|
10443
10660
|
] });
|
10444
10661
|
}
|
10445
10662
|
);
|
10446
|
-
var RadioGroup =
|
10663
|
+
var RadioGroup = import_react153.RadioGroup.Root;
|
10447
10664
|
|
10448
10665
|
// src/components/search-input/search-input.tsx
|
10449
|
-
var
|
10450
|
-
var
|
10451
|
-
var
|
10452
|
-
var
|
10453
|
-
var SearchInput = (0,
|
10666
|
+
var import_react154 = __toESM(require("react"), 1);
|
10667
|
+
var import_react155 = require("@chakra-ui/react");
|
10668
|
+
var import_utils8 = require("@saas-ui/core/utils");
|
10669
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
10670
|
+
var SearchInput = (0, import_react154.forwardRef)(
|
10454
10671
|
(props, ref) => {
|
10455
10672
|
const {
|
10456
10673
|
placeholder = "Search",
|
@@ -10459,7 +10676,7 @@ var SearchInput = (0, import_react152.forwardRef)(
|
|
10459
10676
|
size,
|
10460
10677
|
variant,
|
10461
10678
|
width = "full",
|
10462
|
-
icon = /* @__PURE__ */ (0,
|
10679
|
+
icon = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SearchIcon, {}),
|
10463
10680
|
resetIcon,
|
10464
10681
|
endElement: endElementProp,
|
10465
10682
|
onChange: onChangeProp,
|
@@ -10468,18 +10685,18 @@ var SearchInput = (0, import_react152.forwardRef)(
|
|
10468
10685
|
disabled,
|
10469
10686
|
...inputProps
|
10470
10687
|
} = props;
|
10471
|
-
const inputRef =
|
10472
|
-
const [value, setValue] = (0,
|
10688
|
+
const inputRef = import_react154.default.useRef(null);
|
10689
|
+
const [value, setValue] = (0, import_react155.useControllableState)({
|
10473
10690
|
value: valueProp,
|
10474
10691
|
defaultValue: defaultValueProp
|
10475
10692
|
});
|
10476
|
-
const onChange =
|
10693
|
+
const onChange = import_react154.default.useCallback(
|
10477
10694
|
(e) => {
|
10478
10695
|
setValue(e.target.value);
|
10479
10696
|
},
|
10480
10697
|
[setValue]
|
10481
10698
|
);
|
10482
|
-
const onKeyDown =
|
10699
|
+
const onKeyDown = import_react154.default.useCallback(
|
10483
10700
|
(event) => {
|
10484
10701
|
if (event.key === "Escape") {
|
10485
10702
|
setValue("");
|
@@ -10495,10 +10712,10 @@ var SearchInput = (0, import_react152.forwardRef)(
|
|
10495
10712
|
(_a8 = inputRef.current) == null ? void 0 : _a8.focus();
|
10496
10713
|
};
|
10497
10714
|
const showReset = value && !props.disabled;
|
10498
|
-
const endElement = showReset ? /* @__PURE__ */ (0,
|
10499
|
-
return /* @__PURE__ */ (0,
|
10500
|
-
/* @__PURE__ */ (0,
|
10501
|
-
|
10715
|
+
const endElement = showReset ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
|
10716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react155.Group, { width, children: [
|
10717
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
10718
|
+
import_react155.InputElement,
|
10502
10719
|
{
|
10503
10720
|
placement: "start",
|
10504
10721
|
px: "0",
|
@@ -10507,8 +10724,8 @@ var SearchInput = (0, import_react152.forwardRef)(
|
|
10507
10724
|
children: icon
|
10508
10725
|
}
|
10509
10726
|
),
|
10510
|
-
/* @__PURE__ */ (0,
|
10511
|
-
|
10727
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
10728
|
+
import_react155.Input,
|
10512
10729
|
{
|
10513
10730
|
type: "text",
|
10514
10731
|
placeholder,
|
@@ -10516,23 +10733,23 @@ var SearchInput = (0, import_react152.forwardRef)(
|
|
10516
10733
|
size,
|
10517
10734
|
value,
|
10518
10735
|
disabled,
|
10519
|
-
ref: (0,
|
10520
|
-
onChange: (0,
|
10521
|
-
onKeyDown: (0,
|
10736
|
+
ref: (0, import_react155.mergeRefs)(ref, inputRef),
|
10737
|
+
onChange: (0, import_utils8.callAll)(onChange, onChangeProp),
|
10738
|
+
onKeyDown: (0, import_utils8.callAll)(onKeyDown, onKeyDownProp),
|
10522
10739
|
ps: "calc(var(--input-height) - var(--input-height) / 10)",
|
10523
10740
|
pe: "calc(var(--input-height) - var(--input-height) / 10)",
|
10524
10741
|
...inputProps
|
10525
10742
|
}
|
10526
10743
|
),
|
10527
|
-
/* @__PURE__ */ (0,
|
10744
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react155.InputElement, { placement: "end", children: endElement })
|
10528
10745
|
] });
|
10529
10746
|
}
|
10530
10747
|
);
|
10531
|
-
var SearchInputResetButton = (0,
|
10748
|
+
var SearchInputResetButton = (0, import_react154.forwardRef)(
|
10532
10749
|
(props, ref) => {
|
10533
|
-
const { children = /* @__PURE__ */ (0,
|
10534
|
-
return /* @__PURE__ */ (0,
|
10535
|
-
|
10750
|
+
const { children = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CloseIcon, {}), ...rest } = props;
|
10751
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
10752
|
+
import_react155.IconButton,
|
10536
10753
|
{
|
10537
10754
|
ref,
|
10538
10755
|
variant: "ghost",
|
@@ -10549,8 +10766,8 @@ var SearchInputResetButton = (0, import_react152.forwardRef)(
|
|
10549
10766
|
SearchInput.displayName = "SearchInput";
|
10550
10767
|
|
10551
10768
|
// src/components/select/namespace.ts
|
10552
|
-
var
|
10553
|
-
__export(
|
10769
|
+
var namespace_exports = {};
|
10770
|
+
__export(namespace_exports, {
|
10554
10771
|
Content: () => SelectContent,
|
10555
10772
|
Item: () => SelectItem,
|
10556
10773
|
ItemGroup: () => SelectItemGroup,
|
@@ -10562,23 +10779,23 @@ __export(namespace_exports3, {
|
|
10562
10779
|
});
|
10563
10780
|
|
10564
10781
|
// src/components/select/select.tsx
|
10565
|
-
var
|
10566
|
-
var
|
10567
|
-
var
|
10568
|
-
var SelectTrigger = (0,
|
10782
|
+
var import_react156 = require("react");
|
10783
|
+
var import_react157 = require("@chakra-ui/react");
|
10784
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
10785
|
+
var SelectTrigger = (0, import_react156.forwardRef)(
|
10569
10786
|
function SelectTrigger2(props, ref) {
|
10570
10787
|
const { children, clearable, ...rest } = props;
|
10571
|
-
return /* @__PURE__ */ (0,
|
10572
|
-
/* @__PURE__ */ (0,
|
10573
|
-
/* @__PURE__ */ (0,
|
10574
|
-
clearable && /* @__PURE__ */ (0,
|
10575
|
-
/* @__PURE__ */ (0,
|
10788
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Select.Control, { ...rest, children: [
|
10789
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Select.Trigger, { ref, children }),
|
10790
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Select.IndicatorGroup, { children: [
|
10791
|
+
clearable && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectClearTrigger, {}),
|
10792
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Select.Indicator, {})
|
10576
10793
|
] })
|
10577
10794
|
] });
|
10578
10795
|
}
|
10579
10796
|
);
|
10580
|
-
var SelectClearTrigger = (0,
|
10581
|
-
return /* @__PURE__ */ (0,
|
10797
|
+
var SelectClearTrigger = (0, import_react156.forwardRef)(function SelectClearTrigger2(props, ref) {
|
10798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
10582
10799
|
CloseButton,
|
10583
10800
|
{
|
10584
10801
|
size: "xs",
|
@@ -10589,24 +10806,24 @@ var SelectClearTrigger = (0, import_react154.forwardRef)(function SelectClearTri
|
|
10589
10806
|
}
|
10590
10807
|
) });
|
10591
10808
|
});
|
10592
|
-
var SelectContent = (0,
|
10809
|
+
var SelectContent = (0, import_react156.forwardRef)(
|
10593
10810
|
function SelectContent2(props, ref) {
|
10594
10811
|
const { portalled = true, portalRef, ...rest } = props;
|
10595
|
-
return /* @__PURE__ */ (0,
|
10812
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Select.Content, { ...rest, ref }) }) });
|
10596
10813
|
}
|
10597
10814
|
);
|
10598
|
-
var SelectItem = (0,
|
10815
|
+
var SelectItem = (0, import_react156.forwardRef)(
|
10599
10816
|
function SelectItem2(props, ref) {
|
10600
10817
|
const { item, children, ...rest } = props;
|
10601
|
-
return /* @__PURE__ */ (0,
|
10818
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Select.Item, { item, ...rest, ref, children: [
|
10602
10819
|
children,
|
10603
|
-
/* @__PURE__ */ (0,
|
10820
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Select.ItemIndicator, {})
|
10604
10821
|
] }, item.value);
|
10605
10822
|
}
|
10606
10823
|
);
|
10607
|
-
var SelectValueText = (0,
|
10824
|
+
var SelectValueText = (0, import_react156.forwardRef)(function SelectValueText2(props, ref) {
|
10608
10825
|
const { children, ...rest } = props;
|
10609
|
-
return /* @__PURE__ */ (0,
|
10826
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Select.Context, { children: (select) => {
|
10610
10827
|
const items = select.selectedItems;
|
10611
10828
|
if (items.length === 0) return props.placeholder;
|
10612
10829
|
if (children) return children(items);
|
@@ -10615,9 +10832,9 @@ var SelectValueText = (0, import_react154.forwardRef)(function SelectValueText2(
|
|
10615
10832
|
return `${items.length} selected`;
|
10616
10833
|
} }) });
|
10617
10834
|
});
|
10618
|
-
var SelectRoot = (0,
|
10619
|
-
return /* @__PURE__ */ (0,
|
10620
|
-
|
10835
|
+
var SelectRoot = (0, import_react156.forwardRef)(function SelectRoot2(props, ref) {
|
10836
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
10837
|
+
import_react157.Select.Root,
|
10621
10838
|
{
|
10622
10839
|
...props,
|
10623
10840
|
ref,
|
@@ -10625,41 +10842,41 @@ var SelectRoot = (0, import_react154.forwardRef)(function SelectRoot2(props, ref
|
|
10625
10842
|
}
|
10626
10843
|
);
|
10627
10844
|
});
|
10628
|
-
var SelectItemGroup = (0,
|
10845
|
+
var SelectItemGroup = (0, import_react156.forwardRef)(
|
10629
10846
|
function SelectItemGroup2(props, ref) {
|
10630
10847
|
const { children, label, ...rest } = props;
|
10631
|
-
return /* @__PURE__ */ (0,
|
10632
|
-
/* @__PURE__ */ (0,
|
10848
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Select.ItemGroup, { ...rest, ref, children: [
|
10849
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Select.ItemGroupLabel, { children: label }),
|
10633
10850
|
children
|
10634
10851
|
] });
|
10635
10852
|
}
|
10636
10853
|
);
|
10637
|
-
var SelectLabel =
|
10638
|
-
var SelectItemText =
|
10854
|
+
var SelectLabel = import_react157.Select.Label;
|
10855
|
+
var SelectItemText = import_react157.Select.ItemText;
|
10639
10856
|
|
10640
10857
|
// src/components/segmented-control/segmented-control.tsx
|
10641
|
-
var
|
10642
|
-
var
|
10643
|
-
var
|
10858
|
+
var import_react158 = require("react");
|
10859
|
+
var import_react159 = require("@chakra-ui/react");
|
10860
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
10644
10861
|
function normalize(items) {
|
10645
10862
|
return items.map((item) => {
|
10646
10863
|
if (typeof item === "string") return { value: item, label: item };
|
10647
10864
|
return item;
|
10648
10865
|
});
|
10649
10866
|
}
|
10650
|
-
var SegmentedControl = (0,
|
10867
|
+
var SegmentedControl = (0, import_react158.forwardRef)(function SegmentedControl2(props, ref) {
|
10651
10868
|
const { items, ...rest } = props;
|
10652
|
-
const data = (0,
|
10653
|
-
return /* @__PURE__ */ (0,
|
10654
|
-
/* @__PURE__ */ (0,
|
10655
|
-
/* @__PURE__ */ (0,
|
10656
|
-
|
10869
|
+
const data = (0, import_react158.useMemo)(() => normalize(items), [items]);
|
10870
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react159.SegmentGroup.Root, { ref, ...rest, children: [
|
10871
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react159.SegmentGroup.Indicator, {}),
|
10872
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react159.For, { each: data, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
10873
|
+
import_react159.SegmentGroup.Item,
|
10657
10874
|
{
|
10658
10875
|
value: item.value,
|
10659
10876
|
disabled: item.disabled,
|
10660
10877
|
children: [
|
10661
|
-
/* @__PURE__ */ (0,
|
10662
|
-
/* @__PURE__ */ (0,
|
10878
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react159.SegmentGroup.ItemText, { children: item.label }),
|
10879
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react159.SegmentGroup.ItemHiddenInput, {})
|
10663
10880
|
]
|
10664
10881
|
},
|
10665
10882
|
item.value
|
@@ -10692,28 +10909,28 @@ __export(sidebar_exports, {
|
|
10692
10909
|
var import_sidebar = require("@saas-ui/core/sidebar");
|
10693
10910
|
|
10694
10911
|
// src/components/sidebar/sidebar.context.ts
|
10695
|
-
var
|
10912
|
+
var import_react160 = require("@chakra-ui/react");
|
10696
10913
|
var {
|
10697
10914
|
withContext: withContext7,
|
10698
10915
|
useRecipeResult,
|
10699
10916
|
StylesProvider,
|
10700
10917
|
ClassNamesProvider,
|
10701
10918
|
useStyles: useSidebarStyles
|
10702
|
-
} = (0,
|
10919
|
+
} = (0, import_react160.createSlotRecipeContext)({
|
10703
10920
|
key: "suiSidebar"
|
10704
10921
|
});
|
10705
10922
|
var {
|
10706
10923
|
withProvider: withItemProvider,
|
10707
10924
|
withContext: withItemContext,
|
10708
10925
|
useStyles: useSidebarItemStyles
|
10709
|
-
} = (0,
|
10926
|
+
} = (0, import_react160.createSlotRecipeContext)({
|
10710
10927
|
key: "suiSidebarNavItem"
|
10711
10928
|
});
|
10712
10929
|
|
10713
10930
|
// src/components/sidebar/sidebar.tsx
|
10714
|
-
var
|
10931
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
10715
10932
|
var SidebarProvider = function SidebarProvider2(props) {
|
10716
|
-
return /* @__PURE__ */ (0,
|
10933
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_sidebar.Sidebar.Provider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(RecipeProvider, { ...props, children: props.children }) });
|
10717
10934
|
};
|
10718
10935
|
function RecipeProvider(props) {
|
10719
10936
|
const { mode } = (0, import_sidebar.useSidebar)();
|
@@ -10721,7 +10938,7 @@ function RecipeProvider(props) {
|
|
10721
10938
|
...props,
|
10722
10939
|
mode
|
10723
10940
|
});
|
10724
|
-
return /* @__PURE__ */ (0,
|
10941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(StylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ClassNamesProvider, { value: classNames, children: props.children }) });
|
10725
10942
|
}
|
10726
10943
|
var SidebarRoot = withContext7(
|
10727
10944
|
import_sidebar.Sidebar.Root,
|
@@ -10800,15 +11017,15 @@ var SidebarContext = import_sidebar.Sidebar.Context;
|
|
10800
11017
|
var import_sidebar2 = require("@saas-ui/core/sidebar");
|
10801
11018
|
|
10802
11019
|
// src/components/status/status.tsx
|
10803
|
-
var
|
10804
|
-
var
|
10805
|
-
var
|
10806
|
-
var Status = (0,
|
11020
|
+
var import_react161 = require("react");
|
11021
|
+
var import_react162 = require("@chakra-ui/react");
|
11022
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
11023
|
+
var Status = (0, import_react161.forwardRef)(
|
10807
11024
|
function Status2(props, ref) {
|
10808
11025
|
const { children, value, ...rest } = props;
|
10809
11026
|
const color = value ? `status.${value}` : void 0;
|
10810
|
-
return /* @__PURE__ */ (0,
|
10811
|
-
/* @__PURE__ */ (0,
|
11027
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react162.Status.Root, { ref, ...rest, children: [
|
11028
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react162.Status.Indicator, { bg: color }),
|
10812
11029
|
children
|
10813
11030
|
] });
|
10814
11031
|
}
|
@@ -10825,68 +11042,68 @@ __export(steps_exports, {
|
|
10825
11042
|
NextTrigger: () => StepsNextTrigger,
|
10826
11043
|
PrevTrigger: () => StepsPrevTrigger,
|
10827
11044
|
Root: () => StepsRoot,
|
10828
|
-
useContext: () =>
|
11045
|
+
useContext: () => import_react163.useStepsContext
|
10829
11046
|
});
|
10830
|
-
var
|
10831
|
-
var
|
11047
|
+
var import_react163 = require("@chakra-ui/react");
|
11048
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
10832
11049
|
var StepsItem = (props) => {
|
10833
11050
|
const { title, description, completedIcon, icon, ...rest } = props;
|
10834
|
-
return /* @__PURE__ */ (0,
|
10835
|
-
/* @__PURE__ */ (0,
|
10836
|
-
/* @__PURE__ */ (0,
|
10837
|
-
|
11051
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react163.Steps.Item, { ...rest, children: [
|
11052
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react163.Steps.Trigger, { children: [
|
11053
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
11054
|
+
import_react163.Steps.Status,
|
10838
11055
|
{
|
10839
|
-
complete: completedIcon || /* @__PURE__ */ (0,
|
10840
|
-
incomplete: icon || /* @__PURE__ */ (0,
|
11056
|
+
complete: completedIcon || /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(CheckIcon, {}),
|
11057
|
+
incomplete: icon || /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Number, {})
|
10841
11058
|
}
|
10842
11059
|
) }),
|
10843
|
-
/* @__PURE__ */ (0,
|
11060
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(StepInfo, { title, description })
|
10844
11061
|
] }),
|
10845
|
-
/* @__PURE__ */ (0,
|
11062
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Separator, {})
|
10846
11063
|
] });
|
10847
11064
|
};
|
10848
11065
|
var StepInfo = (props) => {
|
10849
11066
|
const { title, description } = props;
|
10850
11067
|
if (title && description) {
|
10851
|
-
return /* @__PURE__ */ (0,
|
10852
|
-
/* @__PURE__ */ (0,
|
10853
|
-
/* @__PURE__ */ (0,
|
11068
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_react163.Box, { children: [
|
11069
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Title, { children: title }),
|
11070
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Description, { children: description })
|
10854
11071
|
] });
|
10855
11072
|
}
|
10856
|
-
return /* @__PURE__ */ (0,
|
10857
|
-
title && /* @__PURE__ */ (0,
|
10858
|
-
description && /* @__PURE__ */ (0,
|
11073
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
|
11074
|
+
title && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Title, { children: title }),
|
11075
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Description, { children: description })
|
10859
11076
|
] });
|
10860
11077
|
};
|
10861
11078
|
var StepsIndicator = (props) => {
|
10862
|
-
const { icon = /* @__PURE__ */ (0,
|
10863
|
-
return /* @__PURE__ */ (0,
|
11079
|
+
const { icon = /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Number, {}), completedIcon } = props;
|
11080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.Status, { complete: completedIcon, incomplete: icon }) });
|
10864
11081
|
};
|
10865
|
-
var StepsList =
|
10866
|
-
var StepsRoot =
|
10867
|
-
var StepsContent =
|
10868
|
-
var StepsCompletedContent =
|
11082
|
+
var StepsList = import_react163.Steps.List;
|
11083
|
+
var StepsRoot = import_react163.Steps.Root;
|
11084
|
+
var StepsContent = import_react163.Steps.Content;
|
11085
|
+
var StepsCompletedContent = import_react163.Steps.CompletedContent;
|
10869
11086
|
var StepsNextTrigger = (props) => {
|
10870
|
-
return /* @__PURE__ */ (0,
|
11087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.NextTrigger, { ...props });
|
10871
11088
|
};
|
10872
11089
|
var StepsPrevTrigger = (props) => {
|
10873
|
-
return /* @__PURE__ */ (0,
|
11090
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react163.Steps.PrevTrigger, { ...props });
|
10874
11091
|
};
|
10875
11092
|
|
10876
11093
|
// src/components/switch/switch.tsx
|
10877
|
-
var
|
10878
|
-
var
|
10879
|
-
var
|
10880
|
-
var Switch = (0,
|
11094
|
+
var import_react164 = require("@chakra-ui/react");
|
11095
|
+
var import_react165 = require("react");
|
11096
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
11097
|
+
var Switch = (0, import_react165.forwardRef)(
|
10881
11098
|
function Switch2(props, ref) {
|
10882
11099
|
const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
|
10883
|
-
return /* @__PURE__ */ (0,
|
10884
|
-
/* @__PURE__ */ (0,
|
10885
|
-
/* @__PURE__ */ (0,
|
10886
|
-
/* @__PURE__ */ (0,
|
10887
|
-
trackLabel && /* @__PURE__ */ (0,
|
11100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react164.Switch.Root, { ref: rootRef, ...rest, children: [
|
11101
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react164.Switch.HiddenInput, { ref, ...inputProps }),
|
11102
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_react164.Switch.Control, { children: [
|
11103
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react164.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react164.Switch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
|
11104
|
+
trackLabel && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react164.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
|
10888
11105
|
] }),
|
10889
|
-
children != null && /* @__PURE__ */ (0,
|
11106
|
+
children != null && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react164.Switch.Label, { children })
|
10890
11107
|
] });
|
10891
11108
|
}
|
10892
11109
|
);
|
@@ -10895,10 +11112,10 @@ var Switch = (0, import_react163.forwardRef)(
|
|
10895
11112
|
var import_tabs = require("@chakra-ui/react/tabs");
|
10896
11113
|
|
10897
11114
|
// src/components/tag/tag.tsx
|
10898
|
-
var
|
10899
|
-
var
|
10900
|
-
var
|
10901
|
-
var Tag = (0,
|
11115
|
+
var import_react166 = require("react");
|
11116
|
+
var import_react167 = require("@chakra-ui/react");
|
11117
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
11118
|
+
var Tag = (0, import_react166.forwardRef)(
|
10902
11119
|
function Tag2(props, ref) {
|
10903
11120
|
const {
|
10904
11121
|
startElement,
|
@@ -10908,54 +11125,54 @@ var Tag = (0, import_react164.forwardRef)(
|
|
10908
11125
|
children,
|
10909
11126
|
...rest
|
10910
11127
|
} = props;
|
10911
|
-
return /* @__PURE__ */ (0,
|
10912
|
-
startElement && /* @__PURE__ */ (0,
|
10913
|
-
/* @__PURE__ */ (0,
|
10914
|
-
endElement && /* @__PURE__ */ (0,
|
10915
|
-
closable && /* @__PURE__ */ (0,
|
11128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react167.Tag.Root, { ref, ...rest, children: [
|
11129
|
+
startElement && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react167.Tag.StartElement, { children: startElement }),
|
11130
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react167.Tag.Label, { children }),
|
11131
|
+
endElement && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react167.Tag.EndElement, { children: endElement }),
|
11132
|
+
closable && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react167.Tag.EndElement, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react167.Tag.CloseTrigger, { onClick: onClose }) })
|
10916
11133
|
] });
|
10917
11134
|
}
|
10918
11135
|
);
|
10919
11136
|
|
10920
11137
|
// src/components/toaster/toaster.tsx
|
10921
|
-
var
|
10922
|
-
var
|
10923
|
-
var
|
11138
|
+
var import_react168 = require("react");
|
11139
|
+
var import_react169 = require("@chakra-ui/react");
|
11140
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
10924
11141
|
var defaultOptions = {
|
10925
11142
|
placement: "bottom-end",
|
10926
11143
|
pauseOnPageIdle: true
|
10927
11144
|
};
|
10928
|
-
var toast = (0,
|
11145
|
+
var toast = (0, import_react169.createToaster)(defaultOptions);
|
10929
11146
|
var Toaster = (props) => {
|
10930
11147
|
const { closable: defaultClosable = true, ...options } = props || {};
|
10931
|
-
const toaster = (0,
|
10932
|
-
toast = (0,
|
11148
|
+
const toaster = (0, import_react168.useMemo)(() => {
|
11149
|
+
toast = (0, import_react169.createToaster)({
|
10933
11150
|
...defaultOptions,
|
10934
11151
|
...options
|
10935
11152
|
});
|
10936
11153
|
return toast;
|
10937
11154
|
}, [options]);
|
10938
|
-
return /* @__PURE__ */ (0,
|
11155
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react169.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react169.Toaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
|
10939
11156
|
var _a8;
|
10940
11157
|
const closable = ((_a8 = toast2.meta) == null ? void 0 : _a8.closable) === false ? false : defaultClosable && toast2.type !== "loading";
|
10941
|
-
return /* @__PURE__ */ (0,
|
10942
|
-
toast2.type === "loading" ? /* @__PURE__ */ (0,
|
10943
|
-
/* @__PURE__ */ (0,
|
10944
|
-
toast2.title && /* @__PURE__ */ (0,
|
10945
|
-
toast2.description && /* @__PURE__ */ (0,
|
10946
|
-
toast2.action && /* @__PURE__ */ (0,
|
11158
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(ToastRoot, { children: [
|
11159
|
+
toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react169.Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react169.Toast.Indicator, {}),
|
11160
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react169.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
|
11161
|
+
toast2.title && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react169.Toast.Title, { children: toast2.title }),
|
11162
|
+
toast2.description && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react169.Toast.Description, { children: toast2.description }),
|
11163
|
+
toast2.action && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react169.Toast.ActionTrigger, { children: toast2.action.label })
|
10947
11164
|
] }),
|
10948
|
-
closable !== false && /* @__PURE__ */ (0,
|
11165
|
+
closable !== false && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react169.Toast.CloseTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CloseButton, { size: "xs" }) })
|
10949
11166
|
] });
|
10950
11167
|
} }) });
|
10951
11168
|
};
|
10952
11169
|
function ToastRoot(props) {
|
10953
|
-
const [rect, setRect] = (0,
|
10954
|
-
const rectCallbackRef = (0,
|
11170
|
+
const [rect, setRect] = (0, import_react168.useState)();
|
11171
|
+
const rectCallbackRef = (0, import_react168.useCallback)((el) => {
|
10955
11172
|
setRect(el == null ? void 0 : el.getBoundingClientRect());
|
10956
11173
|
}, []);
|
10957
|
-
return /* @__PURE__ */ (0,
|
10958
|
-
|
11174
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
11175
|
+
import_react169.Toast.Root,
|
10959
11176
|
{
|
10960
11177
|
ref: rectCallbackRef,
|
10961
11178
|
width: { md: "sm" },
|
@@ -10968,10 +11185,10 @@ function ToastRoot(props) {
|
|
10968
11185
|
}
|
10969
11186
|
|
10970
11187
|
// src/components/tooltip/tooltip.tsx
|
10971
|
-
var
|
10972
|
-
var
|
10973
|
-
var
|
10974
|
-
var Tooltip = (0,
|
11188
|
+
var import_react170 = require("react");
|
11189
|
+
var import_react171 = require("@chakra-ui/react");
|
11190
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
11191
|
+
var Tooltip = (0, import_react170.forwardRef)(
|
10975
11192
|
function Tooltip2(props, ref) {
|
10976
11193
|
const {
|
10977
11194
|
showArrow,
|
@@ -10984,10 +11201,10 @@ var Tooltip = (0, import_react168.forwardRef)(
|
|
10984
11201
|
...rest
|
10985
11202
|
} = props;
|
10986
11203
|
if (disabled) return children;
|
10987
|
-
return /* @__PURE__ */ (0,
|
10988
|
-
/* @__PURE__ */ (0,
|
10989
|
-
/* @__PURE__ */ (0,
|
10990
|
-
showArrow && /* @__PURE__ */ (0,
|
11204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react171.Tooltip.Root, { ...rest, children: [
|
11205
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react171.Tooltip.Trigger, { asChild: true, children }),
|
11206
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react171.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react171.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react171.Tooltip.Content, { ref, ...contentProps, children: [
|
11207
|
+
showArrow && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react171.Tooltip.Arrow, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react171.Tooltip.ArrowTip, {}) }),
|
10991
11208
|
content
|
10992
11209
|
] }) }) })
|
10993
11210
|
] });
|
@@ -11008,6 +11225,7 @@ var Tooltip = (0, import_react168.forwardRef)(
|
|
11008
11225
|
Dialog,
|
11009
11226
|
Drawer,
|
11010
11227
|
EmptyState,
|
11228
|
+
FileUpload,
|
11011
11229
|
GridList,
|
11012
11230
|
IconBadge,
|
11013
11231
|
IconButton,
|
@@ -11022,6 +11240,7 @@ var Tooltip = (0, import_react168.forwardRef)(
|
|
11022
11240
|
Persona,
|
11023
11241
|
PersonaAvatar,
|
11024
11242
|
PinInput,
|
11243
|
+
Popover,
|
11025
11244
|
Radio,
|
11026
11245
|
RadioGroup,
|
11027
11246
|
SearchInput,
|