@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.
Files changed (38) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/chunk-6MMPBMKN.js +54 -0
  3. package/dist/chunk-CZVNG73V.js +63 -0
  4. package/dist/chunk-GRUMUCSL.js +109 -0
  5. package/dist/{chunk-CD2JUFI2.js → chunk-K2SPPLAY.js} +2 -2
  6. package/dist/chunk-KE5AC3TZ.js +63 -0
  7. package/dist/{chunk-FJFNGSPL.js → chunk-NGGISORT.js} +12 -6
  8. package/dist/components/dialog/index.cjs +35 -35
  9. package/dist/components/dialog/index.d.cts +35 -17
  10. package/dist/components/dialog/index.d.ts +35 -17
  11. package/dist/components/dialog/index.js +3 -3
  12. package/dist/components/drawer/index.cjs +34 -36
  13. package/dist/components/drawer/index.d.cts +33 -18
  14. package/dist/components/drawer/index.d.ts +33 -18
  15. package/dist/components/drawer/index.js +3 -3
  16. package/dist/components/empty-state/index.cjs +12 -10
  17. package/dist/components/empty-state/index.js +1 -1
  18. package/dist/components/file-upload/index.cjs +254 -0
  19. package/dist/components/file-upload/index.d.cts +43 -0
  20. package/dist/components/file-upload/index.d.ts +43 -0
  21. package/dist/components/file-upload/index.js +10 -0
  22. package/dist/components/grid-list/index.d.cts +1 -1
  23. package/dist/components/grid-list/index.d.ts +1 -1
  24. package/dist/components/password-input/index.cjs +2 -2
  25. package/dist/components/password-input/index.js +1 -1
  26. package/dist/components/persona/index.d.cts +1 -1
  27. package/dist/components/persona/index.d.ts +1 -1
  28. package/dist/components/popover/index.cjs +214 -0
  29. package/dist/components/popover/index.d.cts +37 -0
  30. package/dist/components/popover/index.d.ts +37 -0
  31. package/dist/components/popover/index.js +11 -0
  32. package/dist/index.cjs +1559 -1340
  33. package/dist/index.d.cts +3 -1
  34. package/dist/index.d.ts +3 -1
  35. package/dist/index.js +919 -840
  36. package/package.json +2 -2
  37. package/dist/chunk-3Y67QIZ7.js +0 -56
  38. package/dist/chunk-OIOBGO3Y.js +0 -63
package/dist/index.js CHANGED
@@ -1,3 +1,10 @@
1
+ import {
2
+ Status
3
+ } from "./chunk-YKSY7UOM.js";
4
+ import {
5
+ Toaster,
6
+ toast
7
+ } from "./chunk-RLIAFHVM.js";
1
8
  import {
2
9
  Tooltip
3
10
  } from "./chunk-QSNSWCTM.js";
@@ -5,62 +12,70 @@ import {
5
12
  colors
6
13
  } from "./chunk-3MO37LYW.js";
7
14
  import {
8
- PinInput
9
- } from "./chunk-2EUACKRH.js";
15
+ namespace_exports
16
+ } from "./chunk-3JZ42NYM.js";
10
17
  import {
11
- Status
12
- } from "./chunk-YKSY7UOM.js";
18
+ SegmentedControl
19
+ } from "./chunk-SKXSBAOS.js";
20
+ import {
21
+ sidebar_exports,
22
+ useSidebar,
23
+ useSidebarItemStyles,
24
+ useSidebarStyles
25
+ } from "./chunk-U23VDAWJ.js";
13
26
  import {
14
27
  steps_exports
15
28
  } from "./chunk-VZG7EJ64.js";
29
+ import {
30
+ Switch
31
+ } from "./chunk-SA3OGTOO.js";
16
32
  import {
17
33
  Tabs,
18
34
  useTabsContext,
19
35
  useTabsStyles
20
36
  } from "./chunk-IVLUAUU5.js";
21
- import {
22
- Switch
23
- } from "./chunk-SA3OGTOO.js";
24
37
  import {
25
38
  Tag
26
39
  } from "./chunk-IEWHAXXU.js";
27
40
  import {
28
- Toaster,
29
- toast
30
- } from "./chunk-RLIAFHVM.js";
41
+ NumberInput
42
+ } from "./chunk-S5J6REMC.js";
31
43
  import {
32
44
  pagination_exports
33
45
  } from "./chunk-MLJN6IOJ.js";
34
46
  import {
35
47
  PasswordInput
36
- } from "./chunk-CD2JUFI2.js";
37
- import {
38
- Radio,
39
- RadioGroup
40
- } from "./chunk-WYLMBMAH.js";
48
+ } from "./chunk-K2SPPLAY.js";
41
49
  import {
42
50
  Persona,
43
51
  PersonaAvatar,
44
52
  defaultPresenceOptions
45
53
  } from "./chunk-GWC5GCMW.js";
46
54
  import {
47
- SearchInput
48
- } from "./chunk-46ISJZBS.js";
55
+ PinInput
56
+ } from "./chunk-2EUACKRH.js";
49
57
  import {
50
- namespace_exports as namespace_exports3
51
- } from "./chunk-3JZ42NYM.js";
58
+ popover_exports
59
+ } from "./chunk-KE5AC3TZ.js";
52
60
  import {
53
- SegmentedControl
54
- } from "./chunk-SKXSBAOS.js";
61
+ Radio,
62
+ RadioGroup
63
+ } from "./chunk-WYLMBMAH.js";
55
64
  import {
56
- sidebar_exports,
57
- useSidebar,
58
- useSidebarItemStyles,
59
- useSidebarStyles
60
- } from "./chunk-U23VDAWJ.js";
65
+ SearchInput
66
+ } from "./chunk-46ISJZBS.js";
67
+ import {
68
+ IconButton
69
+ } from "./chunk-MS2ELLDY.js";
61
70
  import {
62
71
  IconBadge
63
72
  } from "./chunk-I2RXEKTB.js";
73
+ import {
74
+ InputGroup
75
+ } from "./chunk-PKI6YH2V.js";
76
+ import {
77
+ Link
78
+ } from "./chunk-TZBAM4AD.js";
64
79
  import {
65
80
  loading_overlay_exports,
66
81
  useLoadingOverlayStyles
@@ -68,19 +83,10 @@ import {
68
83
  import {
69
84
  Spinner
70
85
  } from "./chunk-32JGENDB.js";
71
- import {
72
- Link
73
- } from "./chunk-TZBAM4AD.js";
74
86
  import {
75
87
  menu_exports
76
88
  } from "./chunk-KFXNVUEZ.js";
77
89
  import "./chunk-KTLWEUNW.js";
78
- import {
79
- NumberInput
80
- } from "./chunk-S5J6REMC.js";
81
- import {
82
- InputGroup
83
- } from "./chunk-PKI6YH2V.js";
84
90
  import {
85
91
  navbar_exports
86
92
  } from "./chunk-Q6SNJJO2.js";
@@ -98,15 +104,18 @@ import {
98
104
  useDataListStyles
99
105
  } from "./chunk-52XM5VXJ.js";
100
106
  import {
101
- namespace_exports
102
- } from "./chunk-OIOBGO3Y.js";
107
+ drawer_exports
108
+ } from "./chunk-6MMPBMKN.js";
103
109
  import {
104
110
  EmptyState
105
- } from "./chunk-FJFNGSPL.js";
111
+ } from "./chunk-NGGISORT.js";
106
112
  import {
107
- namespace_exports as namespace_exports2
108
- } from "./chunk-3Y67QIZ7.js";
113
+ dialog_exports
114
+ } from "./chunk-CZVNG73V.js";
109
115
  import "./chunk-JMYI6YXR.js";
116
+ import {
117
+ file_upload_exports
118
+ } from "./chunk-GRUMUCSL.js";
110
119
  import {
111
120
  CloseButton
112
121
  } from "./chunk-YXGJOOMM.js";
@@ -114,9 +123,6 @@ import "./chunk-4TPVIHNO.js";
114
123
  import {
115
124
  grid_list_exports
116
125
  } from "./chunk-NSD5HRIP.js";
117
- import {
118
- IconButton
119
- } from "./chunk-MS2ELLDY.js";
120
126
  import {
121
127
  AppShell
122
128
  } from "./chunk-6ZNR6N2K.js";
@@ -125,12 +131,12 @@ import {
125
131
  Avatar,
126
132
  AvatarGroup
127
133
  } from "./chunk-JO4WJVYO.js";
128
- import {
129
- breadcrumb_exports
130
- } from "./chunk-TT4C5VXB.js";
131
134
  import {
132
135
  Badge
133
136
  } from "./chunk-INV6RT5B.js";
137
+ import {
138
+ breadcrumb_exports
139
+ } from "./chunk-TT4C5VXB.js";
134
140
  import {
135
141
  Button
136
142
  } from "./chunk-NGSHWY7E.js";
@@ -232,7 +238,6 @@ import { defineGlobalStyles } from "@chakra-ui/react";
232
238
  var empty = "var(--chakra-empty,/*!*/ /*!*/)";
233
239
  var globalCss = defineGlobalStyles({
234
240
  "*": {
235
- fontFeatureSettings: '"cv11"',
236
241
  "--ring-inset": empty,
237
242
  "--ring-offset-width": "0px",
238
243
  "--ring-offset-color": "#fff",
@@ -269,8 +274,14 @@ var globalCss = defineGlobalStyles({
269
274
  "--global-color-border": "colors.border",
270
275
  "--cursor-button": "default",
271
276
  "--radius-factor": "1",
277
+ "--radius-control": "1",
278
+ "--radius-panel": "1",
279
+ "--radius-indicator": "1",
272
280
  "--radius-full": "9999px",
273
- "--scale-factor": "1"
281
+ "--scale-factor": "1",
282
+ "--overlay-translucency": "90%",
283
+ "--overlay-effect": "blur({blurs.lg})",
284
+ "--backdrop-effect": "none"
274
285
  },
275
286
  body: {
276
287
  color: "fg",
@@ -283,41 +294,6 @@ var globalCss = defineGlobalStyles({
283
294
  },
284
295
  "*::selection": {
285
296
  bg: "colorPalette.muted/80"
286
- },
287
- '[data-radius="none"]': {
288
- "--radius-factor": "0",
289
- "--radius-full": "0"
290
- },
291
- '[data-radius="sm"]': {
292
- "--radius-factor": "0.9",
293
- "--radius-full": "0"
294
- },
295
- '[data-radius="md"]': {
296
- "--radius-factor": "1",
297
- "--radius-full": "0"
298
- },
299
- '[data-radius="lg"]': {
300
- "--radius-factor": "1.5",
301
- "--radius-full": "0"
302
- },
303
- '[data-radius="full"]': {
304
- "--radius-factor": "1.5",
305
- "--radius-full": "9999px"
306
- },
307
- '[data-scale="xs"]': {
308
- "--scale-factor": "0.9"
309
- },
310
- '[data-scale="sm"]': {
311
- "--scale-factor": "0.95"
312
- },
313
- '[data-scale="md"]': {
314
- "--scale-factor": "1"
315
- },
316
- '[data-scale="lg"]': {
317
- "--scale-factor": "1.05"
318
- },
319
- '[data-scale="xl"]': {
320
- "--scale-factor": "1.1"
321
297
  }
322
298
  });
323
299
 
@@ -431,6 +407,20 @@ var layerStyles = defineLayerStyles({
431
407
  },
432
408
  none: {
433
409
  value: {}
410
+ },
411
+ overlay: {
412
+ value: {
413
+ bg: "bg.overlay",
414
+ backdropFilter: "var(--overlay-effect)",
415
+ borderRadius: "panel.lg",
416
+ boxShadow: "lg"
417
+ }
418
+ },
419
+ backdrop: {
420
+ value: {
421
+ bg: "bg.backdrop",
422
+ backdropFilter: "var(--backdrop-effect)"
423
+ }
434
424
  }
435
425
  });
436
426
 
@@ -1671,6 +1661,18 @@ var semanticColors = defineSemanticTokens.colors({
1671
1661
  panel: {
1672
1662
  value: { _light: "{colors.white}", _dark: "{colors.gray.950}" }
1673
1663
  },
1664
+ overlay: {
1665
+ value: {
1666
+ _light: "color-mix(in oklch, {colors.white} var(--overlay-translucency), transparent)",
1667
+ _dark: "color-mix(in srgb, var(--overlay-translucency), {colors.gray.950} 100%)"
1668
+ }
1669
+ },
1670
+ backdrop: {
1671
+ value: {
1672
+ _light: "{colors.black/30}",
1673
+ _dark: "{colors.black/30}"
1674
+ }
1675
+ },
1674
1676
  error: {
1675
1677
  value: { _light: "{colors.red.50}", _dark: "{colors.red.950}" }
1676
1678
  },
@@ -2278,7 +2280,40 @@ import { defineSemanticTokens as defineSemanticTokens2 } from "@chakra-ui/react"
2278
2280
  var semanticRadii = defineSemanticTokens2.radii({
2279
2281
  l1: { value: "{radii.xs}" },
2280
2282
  l2: { value: "{radii.sm}" },
2281
- l3: { value: "{radii.md}" }
2283
+ l3: { value: "{radii.md}" },
2284
+ control: {
2285
+ sm: {
2286
+ value: "calc({radii.xs} * var(--scale-factor) * var(--radius-control))"
2287
+ },
2288
+ md: {
2289
+ value: "calc({radii.sm} * var(--scale-factor) * var(--radius-control))"
2290
+ },
2291
+ lg: {
2292
+ value: "calc({radii.md} * var(--scale-factor) * var(--radius-control))"
2293
+ }
2294
+ },
2295
+ panel: {
2296
+ sm: {
2297
+ value: "calc({radii.sm} * var(--scale-factor) * var(--radius-panel))"
2298
+ },
2299
+ md: {
2300
+ value: "calc({radii.md} * var(--scale-factor) * var(--radius-panel))"
2301
+ },
2302
+ lg: {
2303
+ value: "calc({radii.lg} * var(--scale-factor) * var(--radius-panel))"
2304
+ }
2305
+ },
2306
+ indicator: {
2307
+ sm: {
2308
+ value: "calc({radii.xs} * var(--scale-factor) * var(--radius-indicator))"
2309
+ },
2310
+ md: {
2311
+ value: "calc({radii.sm} * var(--scale-factor) * var(--radius-indicator))"
2312
+ },
2313
+ lg: {
2314
+ value: "calc({radii.md} * var(--scale-factor) * var(--radius-indicator))"
2315
+ }
2316
+ }
2282
2317
  });
2283
2318
 
2284
2319
  // src/theme/semantic-tokens/shadows.ts
@@ -2286,37 +2321,37 @@ import { defineSemanticTokens as defineSemanticTokens3 } from "@chakra-ui/react"
2286
2321
  var semanticShadows = defineSemanticTokens3.shadows({
2287
2322
  xs: {
2288
2323
  value: {
2289
- _light: "0px 1px 2px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/20}",
2324
+ _light: "0px 1px 2px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/5}",
2290
2325
  _dark: "0px 1px 1px {black/64}, 0px 0px 1px inset {colors.gray.300/20}"
2291
2326
  }
2292
2327
  },
2293
2328
  sm: {
2294
2329
  value: {
2295
- _light: "0px 2px 4px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/30}",
2330
+ _light: "0px 2px 4px {colors.gray.900/5}, 0px 0px 2px {colors.gray.900/5}",
2296
2331
  _dark: "0px 2px 4px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
2297
2332
  }
2298
2333
  },
2299
2334
  md: {
2300
2335
  value: {
2301
- _light: "0px 4px 8px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/30}",
2336
+ _light: "0px 4px 8px {colors.gray.900/5}, 0px 0px 3px {colors.gray.900/5}",
2302
2337
  _dark: "0px 4px 8px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
2303
2338
  }
2304
2339
  },
2305
2340
  lg: {
2306
2341
  value: {
2307
- _light: "0px 8px 16px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/30}",
2342
+ _light: "0px 8px 16px {colors.gray.900/5}, 0px 0px 4px {colors.gray.900/5}",
2308
2343
  _dark: "0px 8px 16px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
2309
2344
  }
2310
2345
  },
2311
2346
  xl: {
2312
2347
  value: {
2313
- _light: "0px 16px 24px {colors.gray.900/5}, 0px 0px 1px {colors.gray.900/30}",
2348
+ _light: "0px 16px 24px {colors.gray.900/5}, 0px 0px 5px {colors.gray.900/5}",
2314
2349
  _dark: "0px 16px 24px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
2315
2350
  }
2316
2351
  },
2317
2352
  "2xl": {
2318
2353
  value: {
2319
- _light: "0px 24px 40px {colors.gray.900/10}, 0px 0px 1px {colors.gray.900/30}",
2354
+ _light: "0px 24px 40px {colors.gray.900/10}, 0px 0px 6px {colors.gray.900/5}",
2320
2355
  _dark: "0px 24px 40px {black/64}, 0px 0px 1px inset {colors.gray.300/30}"
2321
2356
  }
2322
2357
  },
@@ -2513,15 +2548,95 @@ var avatarSlotRecipe = defineSlotRecipe2({
2513
2548
  }
2514
2549
  });
2515
2550
 
2516
- // src/components/dialog/dialog.recipe.ts
2551
+ // src/components/data-list/data-list.recipe.ts
2517
2552
  import { defineSlotRecipe as defineSlotRecipe3 } from "@chakra-ui/react";
2553
+ import { dataListAnatomy } from "@chakra-ui/react/anatomy";
2554
+ var dataListSlotRecipe = defineSlotRecipe3({
2555
+ slots: dataListAnatomy.keys(),
2556
+ className: "chakra-data-list",
2557
+ base: {
2558
+ itemLabel: {
2559
+ color: "fg.muted",
2560
+ display: "flex",
2561
+ alignItems: "center",
2562
+ gap: "1"
2563
+ },
2564
+ itemValue: {
2565
+ display: "flex",
2566
+ minWidth: "0",
2567
+ flex: "1"
2568
+ }
2569
+ },
2570
+ variants: {
2571
+ orientation: {
2572
+ horizontal: {
2573
+ root: {
2574
+ display: "flex",
2575
+ flexDirection: "column"
2576
+ },
2577
+ item: {
2578
+ display: "inline-flex",
2579
+ alignItems: "center",
2580
+ gap: "4"
2581
+ },
2582
+ itemLabel: {
2583
+ minWidth: "120px"
2584
+ }
2585
+ },
2586
+ vertical: {
2587
+ root: {
2588
+ display: "flex",
2589
+ flexDirection: "column"
2590
+ },
2591
+ item: {
2592
+ display: "flex",
2593
+ flexDirection: "column",
2594
+ gap: "1"
2595
+ }
2596
+ }
2597
+ },
2598
+ size: {
2599
+ sm: {
2600
+ root: {
2601
+ gap: "3"
2602
+ },
2603
+ item: {
2604
+ textStyle: "xs"
2605
+ }
2606
+ },
2607
+ md: {
2608
+ root: {
2609
+ gap: "4"
2610
+ },
2611
+ item: {
2612
+ textStyle: "sm"
2613
+ }
2614
+ },
2615
+ lg: {
2616
+ root: {
2617
+ gap: "5"
2618
+ },
2619
+ item: {
2620
+ textStyle: "md"
2621
+ }
2622
+ }
2623
+ }
2624
+ },
2625
+ defaultVariants: {
2626
+ size: "md",
2627
+ orientation: "vertical"
2628
+ }
2629
+ });
2630
+
2631
+ // src/components/dialog/dialog.recipe.ts
2632
+ import { defineSlotRecipe as defineSlotRecipe4 } from "@chakra-ui/react";
2518
2633
  import { dialogAnatomy } from "@chakra-ui/react/anatomy";
2519
- var dialogSlotRecipe = defineSlotRecipe3({
2634
+ var dialogSlotRecipe = defineSlotRecipe4({
2520
2635
  slots: dialogAnatomy.keys(),
2521
2636
  className: "chakra-dialog",
2522
2637
  base: {
2523
2638
  backdrop: {
2524
- bg: "blackAlpha.500",
2639
+ layerStyle: "backdrop",
2525
2640
  pos: "fixed",
2526
2641
  left: 0,
2527
2642
  top: 0,
@@ -2544,7 +2659,7 @@ var dialogSlotRecipe = defineSlotRecipe3({
2544
2659
  position: "fixed",
2545
2660
  left: 0,
2546
2661
  top: 0,
2547
- "--dialog-z-index": "zIndex.modal",
2662
+ "--dialog-z-index": "zIndex.layer-4",
2548
2663
  zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
2549
2664
  justifyContent: "center",
2550
2665
  overscrollBehaviorY: "none"
@@ -2555,13 +2670,11 @@ var dialogSlotRecipe = defineSlotRecipe3({
2555
2670
  position: "relative",
2556
2671
  width: "100%",
2557
2672
  outline: 0,
2558
- borderRadius: "l3",
2559
2673
  textStyle: "sm",
2560
2674
  my: "var(--dialog-margin, var(--dialog-base-margin))",
2561
- "--dialog-z-index": "zIndex.modal",
2675
+ "--dialog-z-index": "zIndex.layer-4",
2562
2676
  zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
2563
- bg: "bg.panel",
2564
- boxShadow: "lg",
2677
+ layerStyle: "overlay",
2565
2678
  _open: {
2566
2679
  animationDuration: "moderate"
2567
2680
  },
@@ -2738,14 +2851,14 @@ var dialogSlotRecipe = defineSlotRecipe3({
2738
2851
  });
2739
2852
 
2740
2853
  // src/components/drawer/drawer.recipe.ts
2741
- import { defineSlotRecipe as defineSlotRecipe4 } from "@chakra-ui/react";
2854
+ import { defineSlotRecipe as defineSlotRecipe5 } from "@chakra-ui/react";
2742
2855
  import { drawerAnatomy } from "@chakra-ui/react/anatomy";
2743
- var drawerSlotRecipe = defineSlotRecipe4({
2856
+ var drawerSlotRecipe = defineSlotRecipe5({
2744
2857
  slots: drawerAnatomy.keys(),
2745
2858
  className: "chakra-drawer",
2746
2859
  base: {
2747
2860
  backdrop: {
2748
- bg: "blackAlpha.500",
2861
+ layerStyle: "backdrop",
2749
2862
  pos: "fixed",
2750
2863
  insetInlineStart: 0,
2751
2864
  top: 0,
@@ -2766,6 +2879,7 @@ var drawerSlotRecipe = defineSlotRecipe4({
2766
2879
  width: "100vw",
2767
2880
  height: "100dvh",
2768
2881
  position: "fixed",
2882
+ padding: 2,
2769
2883
  insetInlineStart: 0,
2770
2884
  top: 0,
2771
2885
  zIndex: "modal",
@@ -2777,12 +2891,12 @@ var drawerSlotRecipe = defineSlotRecipe4({
2777
2891
  position: "relative",
2778
2892
  width: "100%",
2779
2893
  outline: 0,
2780
- zIndex: "modal",
2894
+ "--drawer-z-index": "zIndex.layer-4",
2895
+ zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0))",
2781
2896
  textStyle: "sm",
2782
2897
  maxH: "100dvh",
2783
2898
  color: "inherit",
2784
- bg: "bg.panel",
2785
- boxShadow: "lg",
2899
+ layerStyle: "overlay",
2786
2900
  _open: {
2787
2901
  animationDuration: "slowest",
2788
2902
  animationTimingFunction: "ease-in-smooth"
@@ -2918,73 +3032,289 @@ var drawerSlotRecipe = defineSlotRecipe4({
2918
3032
  }
2919
3033
  }
2920
3034
  },
2921
- contained: {
3035
+ attached: {
2922
3036
  true: {
2923
3037
  positioner: {
2924
- padding: "2"
3038
+ padding: 0
2925
3039
  },
2926
3040
  content: {
2927
- borderRadius: "md"
3041
+ borderRadius: "none"
2928
3042
  }
2929
3043
  }
2930
3044
  }
2931
3045
  },
2932
3046
  defaultVariants: {
2933
3047
  size: "xs",
2934
- placement: "end",
2935
- contained: true
3048
+ placement: "end"
2936
3049
  }
2937
3050
  });
2938
3051
 
2939
- // src/components/grid-list/grid-list.recipe.ts
2940
- import { defineSlotRecipe as defineSlotRecipe5 } from "@chakra-ui/react";
2941
- var gridListSlotRecipe = defineSlotRecipe5({
2942
- className: "sui-grid-list",
2943
- slots: ["root", "item", "header", "cell"],
3052
+ // src/components/empty-state/empty-state.recipe.ts
3053
+ import { defineSlotRecipe as defineSlotRecipe6 } from "@chakra-ui/react";
3054
+ import { emptyStateAnatomy } from "@chakra-ui/react/anatomy";
3055
+ var emptyStateSlotRecipe = defineSlotRecipe6({
3056
+ slots: emptyStateAnatomy.extendWith("actions").keys(),
3057
+ className: "chakra-empty-state",
2944
3058
  base: {
2945
3059
  root: {
2946
- position: "relative"
2947
- },
2948
- item: {
3060
+ width: "full",
3061
+ height: "full",
2949
3062
  display: "flex",
2950
- flexDirection: "row",
3063
+ flexDirection: "column",
2951
3064
  alignItems: "center",
2952
- justifyContent: "space-between",
2953
- flex: 1,
2954
- userSelect: "none",
2955
- borderRadius: "inherit",
2956
- outline: "none",
2957
- _focusVisible: {
2958
- boxShadow: "outline"
2959
- },
2960
- _disabled: {
2961
- cursor: "disabled",
2962
- opacity: 0.5,
2963
- _hover: {
2964
- bg: "transparent",
2965
- _dark: {
2966
- bg: "transparent"
2967
- }
2968
- },
2969
- _active: {
2970
- bg: "transparent",
2971
- _dark: {
2972
- bg: "transparent"
2973
- }
2974
- }
2975
- }
3065
+ justifyContent: "center"
2976
3066
  },
2977
- header: {
3067
+ content: {
2978
3068
  display: "flex",
2979
- flexDirection: "row",
2980
- position: "sticky",
2981
- fontSize: "md",
2982
- fontWeight: "semibold",
2983
- color: "fg.muted"
3069
+ flexDirection: "column",
3070
+ alignItems: "center",
3071
+ justifyContent: "center"
2984
3072
  },
2985
- cell: {
2986
- flexShrink: 0
2987
- }
3073
+ indicator: {
3074
+ display: "flex",
3075
+ alignItems: "center",
3076
+ justifyContent: "center",
3077
+ color: "colorPalette.solid",
3078
+ _icon: {
3079
+ boxSize: "1em"
3080
+ }
3081
+ },
3082
+ title: {
3083
+ fontWeight: "semibold"
3084
+ },
3085
+ description: {
3086
+ textStyle: "sm",
3087
+ color: "fg.muted"
3088
+ },
3089
+ actions: {
3090
+ display: "flex",
3091
+ flexDirection: "row",
3092
+ gap: "2"
3093
+ }
3094
+ },
3095
+ variants: {
3096
+ size: {
3097
+ sm: {
3098
+ root: {
3099
+ px: "4",
3100
+ py: "6"
3101
+ },
3102
+ indicator: {
3103
+ textStyle: "3xl",
3104
+ mb: "2"
3105
+ },
3106
+ title: {
3107
+ textStyle: "md"
3108
+ },
3109
+ description: {
3110
+ textStyle: "xs"
3111
+ },
3112
+ content: {},
3113
+ actions: {
3114
+ mt: "2"
3115
+ }
3116
+ },
3117
+ md: {
3118
+ root: {
3119
+ px: "8",
3120
+ py: "12"
3121
+ },
3122
+ indicator: {
3123
+ textStyle: "4xl",
3124
+ mb: "3"
3125
+ },
3126
+ title: {
3127
+ textStyle: "lg"
3128
+ },
3129
+ description: {
3130
+ textStyle: "sm"
3131
+ },
3132
+ content: {},
3133
+ actions: {
3134
+ mt: "3"
3135
+ }
3136
+ },
3137
+ lg: {
3138
+ root: {
3139
+ px: "12",
3140
+ py: "16"
3141
+ },
3142
+ indicator: {
3143
+ textStyle: "6xl",
3144
+ mb: "4"
3145
+ },
3146
+ title: {
3147
+ textStyle: "xl"
3148
+ },
3149
+ description: {
3150
+ textStyle: "md"
3151
+ },
3152
+ content: {},
3153
+ actions: {
3154
+ mt: "4"
3155
+ }
3156
+ }
3157
+ },
3158
+ align: {
3159
+ start: {
3160
+ content: {
3161
+ alignItems: "flex-start"
3162
+ }
3163
+ },
3164
+ center: {
3165
+ content: {
3166
+ alignItems: "center"
3167
+ }
3168
+ }
3169
+ }
3170
+ },
3171
+ defaultVariants: {
3172
+ size: "md",
3173
+ align: "center"
3174
+ }
3175
+ });
3176
+
3177
+ // src/components/file-upload/file-upload.recipe.ts
3178
+ import { defineSlotRecipe as defineSlotRecipe7 } from "@chakra-ui/react";
3179
+ import { fileUploadAnatomy } from "@chakra-ui/react/anatomy";
3180
+ var fileUploadSlotRecipe = defineSlotRecipe7({
3181
+ className: "chakra-file-upload",
3182
+ slots: fileUploadAnatomy.keys(),
3183
+ base: {
3184
+ root: {
3185
+ display: "flex",
3186
+ flexDirection: "column",
3187
+ gap: "4",
3188
+ width: "100%",
3189
+ alignItems: "flex-start"
3190
+ },
3191
+ label: {
3192
+ fontWeight: "medium",
3193
+ textStyle: "sm"
3194
+ },
3195
+ dropzone: {
3196
+ background: "bg",
3197
+ borderRadius: "panel.md",
3198
+ borderWidth: "1px",
3199
+ borderStyle: "dashed",
3200
+ display: "flex",
3201
+ alignItems: "center",
3202
+ flexDirection: "column",
3203
+ gap: "4",
3204
+ justifyContent: "center",
3205
+ p: "4",
3206
+ transition: "backgrounds",
3207
+ focusVisibleRing: "outside",
3208
+ _dragging: {
3209
+ bg: "colorPalette.subtle",
3210
+ borderStyle: "solid",
3211
+ borderColor: "colorPalette.solid"
3212
+ }
3213
+ },
3214
+ dropzoneContent: {
3215
+ display: "flex",
3216
+ flexDirection: "column",
3217
+ alignItems: "center",
3218
+ textAlign: "center",
3219
+ gap: "4",
3220
+ textStyle: "sm"
3221
+ },
3222
+ item: {
3223
+ textStyle: "sm",
3224
+ animationName: "fade-in",
3225
+ animationDuration: "moderate",
3226
+ background: "bg",
3227
+ borderRadius: "panel.md",
3228
+ borderWidth: "1px",
3229
+ width: "100%",
3230
+ display: "flex",
3231
+ alignItems: "center",
3232
+ gap: "3",
3233
+ px: "4",
3234
+ py: "2"
3235
+ },
3236
+ itemGroup: {
3237
+ width: "100%",
3238
+ display: "flex",
3239
+ flexDirection: "column",
3240
+ gap: "3"
3241
+ },
3242
+ itemName: {
3243
+ color: "fg",
3244
+ fontWeight: "medium",
3245
+ lineClamp: "1"
3246
+ },
3247
+ itemContent: {
3248
+ display: "flex",
3249
+ flexDirection: "column",
3250
+ gap: "0.5",
3251
+ flex: "1"
3252
+ },
3253
+ itemSizeText: {
3254
+ color: "fg.muted",
3255
+ textStyle: "xs"
3256
+ },
3257
+ itemDeleteTrigger: {
3258
+ alignSelf: "flex-start"
3259
+ },
3260
+ itemPreviewImage: {
3261
+ width: "10",
3262
+ height: "10",
3263
+ objectFit: "scale-down"
3264
+ }
3265
+ },
3266
+ defaultVariants: {}
3267
+ });
3268
+
3269
+ // src/components/grid-list/grid-list.recipe.ts
3270
+ import { defineSlotRecipe as defineSlotRecipe8 } from "@chakra-ui/react";
3271
+ var gridListSlotRecipe = defineSlotRecipe8({
3272
+ className: "sui-grid-list",
3273
+ slots: ["root", "item", "header", "cell"],
3274
+ base: {
3275
+ root: {
3276
+ position: "relative"
3277
+ },
3278
+ item: {
3279
+ display: "flex",
3280
+ flexDirection: "row",
3281
+ alignItems: "center",
3282
+ justifyContent: "space-between",
3283
+ flex: 1,
3284
+ userSelect: "none",
3285
+ borderRadius: "inherit",
3286
+ outline: "none",
3287
+ _focusVisible: {
3288
+ boxShadow: "outline"
3289
+ },
3290
+ _disabled: {
3291
+ cursor: "disabled",
3292
+ opacity: 0.5,
3293
+ _hover: {
3294
+ bg: "transparent",
3295
+ _dark: {
3296
+ bg: "transparent"
3297
+ }
3298
+ },
3299
+ _active: {
3300
+ bg: "transparent",
3301
+ _dark: {
3302
+ bg: "transparent"
3303
+ }
3304
+ }
3305
+ }
3306
+ },
3307
+ header: {
3308
+ display: "flex",
3309
+ flexDirection: "row",
3310
+ position: "sticky",
3311
+ fontSize: "md",
3312
+ fontWeight: "semibold",
3313
+ color: "fg.muted"
3314
+ },
3315
+ cell: {
3316
+ flexShrink: 0
3317
+ }
2988
3318
  },
2989
3319
  variants: {
2990
3320
  interactive: {
@@ -3071,8 +3401,8 @@ var gridListSlotRecipe = defineSlotRecipe5({
3071
3401
  });
3072
3402
 
3073
3403
  // src/components/loading-overlay/loading-overlay.recipe.ts
3074
- import { defineSlotRecipe as defineSlotRecipe6 } from "@chakra-ui/react";
3075
- var loadingOverlaySlotRecipe = defineSlotRecipe6({
3404
+ import { defineSlotRecipe as defineSlotRecipe9 } from "@chakra-ui/react";
3405
+ var loadingOverlaySlotRecipe = defineSlotRecipe9({
3076
3406
  className: "sui-loading-overlay",
3077
3407
  slots: ["root", "text"],
3078
3408
  base: {
@@ -3132,9 +3462,133 @@ var loadingOverlaySlotRecipe = defineSlotRecipe6({
3132
3462
  }
3133
3463
  });
3134
3464
 
3465
+ // src/components/menu/menu.recipe.ts
3466
+ import { defineSlotRecipe as defineSlotRecipe10 } from "@chakra-ui/react";
3467
+ import { menuAnatomy } from "@chakra-ui/react/anatomy";
3468
+ var menuSlotRecipe = defineSlotRecipe10({
3469
+ className: "chakra-menu",
3470
+ slots: menuAnatomy.keys(),
3471
+ base: {
3472
+ content: {
3473
+ layerStyle: "overlay",
3474
+ boxShadow: "md",
3475
+ borderWidth: "1px",
3476
+ borderColor: "border",
3477
+ outline: 0,
3478
+ color: "fg",
3479
+ maxHeight: "var(--available-height)",
3480
+ "--menu-z-index": "zIndex.layer-3",
3481
+ zIndex: "calc(var(--menu-z-index) + var(--layer-index, 0))",
3482
+ overflow: "hidden",
3483
+ _open: {
3484
+ animationStyle: "slide-fade-in",
3485
+ animationDuration: "fast"
3486
+ },
3487
+ _closed: {
3488
+ animationStyle: "slide-fade-out",
3489
+ animationDuration: "faster"
3490
+ }
3491
+ },
3492
+ item: {
3493
+ textDecoration: "none",
3494
+ color: "fg",
3495
+ userSelect: "none",
3496
+ borderRadius: "control.md",
3497
+ width: "100%",
3498
+ display: "flex",
3499
+ cursor: "menuitem",
3500
+ alignItems: "center",
3501
+ textAlign: "start",
3502
+ position: "relative",
3503
+ flex: "0 0 auto",
3504
+ outline: 0,
3505
+ _disabled: {
3506
+ layerStyle: "disabled"
3507
+ }
3508
+ },
3509
+ itemText: {
3510
+ flex: "1"
3511
+ },
3512
+ itemGroupLabel: {
3513
+ px: "2",
3514
+ py: "1.5",
3515
+ fontWeight: "semibold",
3516
+ textStyle: "sm"
3517
+ },
3518
+ indicator: {
3519
+ display: "inline-flex",
3520
+ alignItems: "center",
3521
+ justifyContent: "center",
3522
+ flexShrink: "0"
3523
+ },
3524
+ itemCommand: {
3525
+ opacity: "0.6",
3526
+ textStyle: "xs",
3527
+ ms: "auto",
3528
+ ps: "4",
3529
+ letterSpacing: "widest"
3530
+ },
3531
+ separator: {
3532
+ height: "1px",
3533
+ bg: "bg.muted",
3534
+ my: "1",
3535
+ mx: "-1"
3536
+ }
3537
+ },
3538
+ variants: {
3539
+ variant: {
3540
+ subtle: {
3541
+ item: {
3542
+ _highlighted: {
3543
+ bg: "bg.subtle"
3544
+ }
3545
+ }
3546
+ },
3547
+ solid: {
3548
+ item: {
3549
+ _highlighted: {
3550
+ bg: "colorPalette.solid",
3551
+ color: "colorPalette.contrast"
3552
+ }
3553
+ }
3554
+ }
3555
+ },
3556
+ size: {
3557
+ sm: {
3558
+ content: {
3559
+ minW: "8rem",
3560
+ padding: "0.5"
3561
+ },
3562
+ item: {
3563
+ gap: "1",
3564
+ textStyle: "xs",
3565
+ py: "1",
3566
+ px: "1.5"
3567
+ }
3568
+ },
3569
+ md: {
3570
+ content: {
3571
+ minW: "8rem",
3572
+ padding: "1"
3573
+ },
3574
+ item: {
3575
+ gap: "2",
3576
+ textStyle: "sm",
3577
+ py: "1.5",
3578
+ px: "2"
3579
+ }
3580
+ }
3581
+ }
3582
+ },
3583
+ defaultVariants: {
3584
+ size: "md",
3585
+ variant: "subtle"
3586
+ }
3587
+ });
3588
+
3135
3589
  // src/components/navbar/navbar.recipe.ts
3136
- import { defineSlotRecipe as defineSlotRecipe7 } from "@chakra-ui/react";
3137
- var navbarSlotRecipe = defineSlotRecipe7({
3590
+ import { defineSlotRecipe as defineSlotRecipe11 } from "@chakra-ui/react";
3591
+ var navbarSlotRecipe = defineSlotRecipe11({
3138
3592
  className: "sui-navbar",
3139
3593
  slots: ["root", "content", "brand", "item", "link"],
3140
3594
  base: {
@@ -3244,7 +3698,7 @@ var navbarSlotRecipe = defineSlotRecipe7({
3244
3698
 
3245
3699
  // src/components/persona/persona.recipe.ts
3246
3700
  import {
3247
- defineSlotRecipe as defineSlotRecipe8,
3701
+ defineSlotRecipe as defineSlotRecipe12,
3248
3702
  defineStyle
3249
3703
  } from "@chakra-ui/react";
3250
3704
  var baseStyleLabel = defineStyle({
@@ -3254,7 +3708,7 @@ var baseStyleLabel = defineStyle({
3254
3708
  minW: 0,
3255
3709
  color: "fg"
3256
3710
  });
3257
- var personaSlotRecipe = defineSlotRecipe8({
3711
+ var personaSlotRecipe = defineSlotRecipe12({
3258
3712
  className: "sui-persona",
3259
3713
  slots: [
3260
3714
  "root",
@@ -3353,10 +3807,97 @@ var personaSlotRecipe = defineSlotRecipe8({
3353
3807
  }
3354
3808
  });
3355
3809
 
3810
+ // src/components/popover/popover.recipe.ts
3811
+ import { defineSlotRecipe as defineSlotRecipe13 } from "@chakra-ui/react";
3812
+ import { popoverAnatomy } from "@chakra-ui/react/anatomy";
3813
+ var popoverSlotRecipe = defineSlotRecipe13({
3814
+ className: "chakra-popover",
3815
+ slots: popoverAnatomy.keys(),
3816
+ base: {
3817
+ content: {
3818
+ layerStyle: "overlay",
3819
+ position: "relative",
3820
+ display: "flex",
3821
+ flexDirection: "column",
3822
+ textStyle: "sm",
3823
+ "--popover-bg": "colors.bg.panel",
3824
+ bg: "var(--popover-bg)",
3825
+ "--popover-size": "sizes.xs",
3826
+ "--popover-mobile-size": "calc(100dvw - 1rem)",
3827
+ width: {
3828
+ base: "min(var(--popover-mobile-size), var(--popover-size))",
3829
+ sm: "var(--popover-size)"
3830
+ },
3831
+ "--popover-z-index": "zIndex.layer-2",
3832
+ zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
3833
+ borderWidth: "1px",
3834
+ outline: "0",
3835
+ transformOrigin: "var(--transform-origin)",
3836
+ _open: {
3837
+ animationStyle: "scale-fade-in",
3838
+ animationDuration: "fast"
3839
+ },
3840
+ _closed: {
3841
+ animationStyle: "scale-fade-out",
3842
+ animationDuration: "faster"
3843
+ }
3844
+ },
3845
+ header: {
3846
+ paddingInline: "var(--popover-padding)",
3847
+ paddingTop: "var(--popover-padding)"
3848
+ },
3849
+ body: {
3850
+ padding: "var(--popover-padding)",
3851
+ flex: "1"
3852
+ },
3853
+ footer: {
3854
+ display: "flex",
3855
+ alignItems: "center",
3856
+ paddingInline: "var(--popover-padding)",
3857
+ paddingBottom: "var(--popover-padding)"
3858
+ },
3859
+ arrow: {
3860
+ "--arrow-size": "sizes.3",
3861
+ "--arrow-background": "var(--popover-bg)"
3862
+ },
3863
+ arrowTip: {
3864
+ borderTopWidth: "1px",
3865
+ borderInlineStartWidth: "1px"
3866
+ }
3867
+ },
3868
+ variants: {
3869
+ size: {
3870
+ xs: {
3871
+ content: {
3872
+ "--popover-padding": "spacing.3"
3873
+ }
3874
+ },
3875
+ sm: {
3876
+ content: {
3877
+ "--popover-padding": "spacing.4"
3878
+ }
3879
+ },
3880
+ md: {
3881
+ content: {
3882
+ "--popover-padding": "spacing.5"
3883
+ }
3884
+ },
3885
+ lg: {
3886
+ content: {
3887
+ "--popover-padding": "spacing.6"
3888
+ }
3889
+ }
3890
+ }
3891
+ },
3892
+ defaultVariants: {
3893
+ size: "md"
3894
+ }
3895
+ });
3896
+
3356
3897
  // src/components/segmented-control/segment-group.recipe.ts
3357
- import { defineSlotRecipe as defineSlotRecipe9 } from "@chakra-ui/react";
3898
+ import { defineSlotRecipe as defineSlotRecipe14 } from "@chakra-ui/react";
3358
3899
  import { segmentGroupAnatomy } from "@chakra-ui/react/anatomy";
3359
- var segmentGroupSlotRecipe = defineSlotRecipe9({
3900
+ var segmentGroupSlotRecipe = defineSlotRecipe14({
3360
3901
  className: "chakra-segment-group",
3361
3902
  slots: segmentGroupAnatomy.keys(),
3362
3903
  base: {
@@ -3480,8 +4021,8 @@ var segmentGroupSlotRecipe = defineSlotRecipe9({
3480
4021
  });
3481
4022
 
3482
4023
  // src/components/sidebar/sidebar-item.recipe.ts
3483
- import { defineSlotRecipe as defineSlotRecipe10 } from "@chakra-ui/react";
3484
- var sidebarNavItemSlotRecipe = defineSlotRecipe10({
4024
+ import { defineSlotRecipe as defineSlotRecipe15 } from "@chakra-ui/react";
4025
+ var sidebarNavItemSlotRecipe = defineSlotRecipe15({
3485
4026
  className: "sui-sidebar-nav-item",
3486
4027
  slots: ["item", "button", "endElement"],
3487
4028
  base: {
@@ -3566,8 +4107,8 @@ var sidebarNavItemSlotRecipe = defineSlotRecipe10({
3566
4107
  });
3567
4108
 
3568
4109
  // src/components/sidebar/sidebar.recipe.ts
3569
- import { defineSlotRecipe as defineSlotRecipe11 } from "@chakra-ui/react";
3570
- var sidebarSlotRecipe = defineSlotRecipe11({
4110
+ import { defineSlotRecipe as defineSlotRecipe16 } from "@chakra-ui/react";
4111
+ var sidebarSlotRecipe = defineSlotRecipe16({
3571
4112
  className: "sui-sidebar",
3572
4113
  slots: [
3573
4114
  "root",
@@ -3803,9 +4344,9 @@ var sidebarSlotRecipe = defineSlotRecipe11({
3803
4344
  });
3804
4345
 
3805
4346
  // src/components/status/status.recipe.ts
3806
- import { defineSlotRecipe as defineSlotRecipe12 } from "@chakra-ui/react";
4347
+ import { defineSlotRecipe as defineSlotRecipe17 } from "@chakra-ui/react";
3807
4348
  import { statusAnatomy } from "@chakra-ui/react/anatomy";
3808
- var statusSlotRecipe = defineSlotRecipe12({
4349
+ var statusSlotRecipe = defineSlotRecipe17({
3809
4350
  className: "chakra-status",
3810
4351
  slots: statusAnatomy.keys(),
3811
4352
  base: {
@@ -3849,15 +4390,15 @@ var statusSlotRecipe = defineSlotRecipe12({
3849
4390
  });
3850
4391
 
3851
4392
  // src/components/tabs/tabs.recipe.ts
3852
- import { defineSlotRecipe as defineSlotRecipe13 } from "@chakra-ui/react";
4393
+ import { defineSlotRecipe as defineSlotRecipe18 } from "@chakra-ui/react";
3853
4394
  import { tabsAnatomy } from "@chakra-ui/react/anatomy";
3854
- var tabsSlotRecipe = defineSlotRecipe13({
4395
+ var tabsSlotRecipe = defineSlotRecipe18({
3855
4396
  slots: tabsAnatomy.keys(),
3856
4397
  className: "chakra-tabs",
3857
4398
  base: {
3858
4399
  root: {
3859
4400
  colorPalette: "gray",
3860
- "--tabs-trigger-radius": "radii.md",
4401
+ "--tabs-trigger-radius": "radii.control.md",
3861
4402
  position: "relative",
3862
4403
  _horizontal: {
3863
4404
  display: "block"
@@ -4049,6 +4590,23 @@ var tabsSlotRecipe = defineSlotRecipe13({
4049
4590
  }
4050
4591
  }
4051
4592
  },
4593
+ ghost: {
4594
+ list: {
4595
+ gap: 2
4596
+ },
4597
+ trigger: {
4598
+ borderRadius: "var(--tabs-trigger-radius)",
4599
+ color: "fg.muted",
4600
+ _hover: {
4601
+ bg: "bg.muted",
4602
+ color: "fg.subtle"
4603
+ },
4604
+ _selected: {
4605
+ bg: "colorPalette.subtle !important",
4606
+ color: "colorPalette.fg !important"
4607
+ }
4608
+ }
4609
+ },
4052
4610
  enclosed: {
4053
4611
  list: {
4054
4612
  bg: "bg.muted",
@@ -4146,11 +4704,11 @@ var tabsSlotRecipe = defineSlotRecipe13({
4146
4704
  });
4147
4705
 
4148
4706
  // src/components/tag/tag.recipe.ts
4149
- import { defineSlotRecipe as defineSlotRecipe14 } from "@chakra-ui/react";
4707
+ import { defineSlotRecipe as defineSlotRecipe19 } from "@chakra-ui/react";
4150
4708
  import { tagAnatomy } from "@chakra-ui/react/anatomy";
4151
4709
  var _a;
4152
4710
  var badgeVariant = (_a = badgeRecipe.variants) == null ? void 0 : _a.variant;
4153
- var tagSlotRecipe = defineSlotRecipe14({
4711
+ var tagSlotRecipe = defineSlotRecipe19({
4154
4712
  slots: tagAnatomy.keys(),
4155
4713
  className: "chakra-tag",
4156
4714
  base: {
@@ -4302,9 +4860,9 @@ var tagSlotRecipe = defineSlotRecipe14({
4302
4860
  });
4303
4861
 
4304
4862
  // src/components/toaster/toast.recipe.ts
4305
- import { defineSlotRecipe as defineSlotRecipe15 } from "@chakra-ui/react";
4863
+ import { defineSlotRecipe as defineSlotRecipe20 } from "@chakra-ui/react";
4306
4864
  import { toastAnatomy } from "@chakra-ui/react/anatomy";
4307
- var toastSlotRecipe = defineSlotRecipe15({
4865
+ var toastSlotRecipe = defineSlotRecipe20({
4308
4866
  slots: toastAnatomy.keys(),
4309
4867
  className: "chakra-toast",
4310
4868
  base: {
@@ -4393,10 +4951,64 @@ var toastSlotRecipe = defineSlotRecipe15({
4393
4951
  }
4394
4952
  });
4395
4953
 
4954
+ // src/components/tooltip/tooltip.recipe.ts
4955
+ import { defineSlotRecipe as defineSlotRecipe21 } from "@chakra-ui/react";
4956
+ import { tooltipAnatomy } from "@chakra-ui/react/anatomy";
4957
+ var tooltipSlotRecipe = defineSlotRecipe21({
4958
+ slots: tooltipAnatomy.keys(),
4959
+ className: "chakra-tooltip",
4960
+ base: {
4961
+ content: {
4962
+ "--tooltip-bg": "colors.bg",
4963
+ display: "flex",
4964
+ alignItems: "center",
4965
+ bg: "var(--tooltip-bg)",
4966
+ color: "fg",
4967
+ px: "2.5",
4968
+ py: "1",
4969
+ borderRadius: "l2",
4970
+ fontWeight: "medium",
4971
+ textStyle: "xs",
4972
+ boxShadow: "md",
4973
+ maxW: "xs",
4974
+ zIndex: "tooltip",
4975
+ transformOrigin: "var(--transform-origin)",
4976
+ _open: {
4977
+ animationStyle: "scale-fade-in",
4978
+ animationDuration: "fast"
4979
+ },
4980
+ _closed: {
4981
+ animationStyle: "scale-fade-out",
4982
+ animationDuration: "fast"
4983
+ }
4984
+ },
4985
+ arrow: {
4986
+ "--arrow-size": "sizes.2",
4987
+ "--arrow-background": "var(--tooltip-bg)",
4988
+ zIndex: "-1"
4989
+ },
4990
+ arrowTip: {
4991
+ borderTopWidth: "1px",
4992
+ borderInlineStartWidth: "1px",
4993
+ borderColor: "var(--tooltip-bg)"
4994
+ }
4995
+ },
4996
+ variants: {
4997
+ variant: {
4998
+ inverted: {
4999
+ content: {
5000
+ "--tooltip-bg": "colors.bg.inverted",
5001
+ color: "fg.inverted"
5002
+ }
5003
+ }
5004
+ }
5005
+ }
5006
+ });
5007
+
4396
5008
  // src/theme/recipes/chakra/accordion.ts
4397
- import { defineSlotRecipe as defineSlotRecipe16 } from "@chakra-ui/react";
5009
+ import { defineSlotRecipe as defineSlotRecipe22 } from "@chakra-ui/react";
4398
5010
  import { accordionAnatomy } from "@chakra-ui/react/anatomy";
4399
- var accordionSlotRecipe = defineSlotRecipe16({
5011
+ var accordionSlotRecipe = defineSlotRecipe22({
4400
5012
  className: "chakra-accordion",
4401
5013
  slots: accordionAnatomy.keys(),
4402
5014
  base: {
@@ -4534,9 +5146,9 @@ var accordionSlotRecipe = defineSlotRecipe16({
4534
5146
  });
4535
5147
 
4536
5148
  // src/theme/recipes/chakra/action-bar.ts
4537
- import { defineSlotRecipe as defineSlotRecipe17 } from "@chakra-ui/react";
5149
+ import { defineSlotRecipe as defineSlotRecipe23 } from "@chakra-ui/react";
4538
5150
  import { actionBarAnatomy } from "@chakra-ui/react/anatomy";
4539
- var actionBarSlotRecipe = defineSlotRecipe17({
5151
+ var actionBarSlotRecipe = defineSlotRecipe23({
4540
5152
  className: "chakra-action-bar",
4541
5153
  slots: actionBarAnatomy.keys(),
4542
5154
  base: {
@@ -4592,9 +5204,9 @@ var actionBarSlotRecipe = defineSlotRecipe17({
4592
5204
  });
4593
5205
 
4594
5206
  // src/theme/recipes/chakra/alert.ts
4595
- import { defineSlotRecipe as defineSlotRecipe18 } from "@chakra-ui/react";
5207
+ import { defineSlotRecipe as defineSlotRecipe24 } from "@chakra-ui/react";
4596
5208
  import { alertAnatomy } from "@chakra-ui/react/anatomy";
4597
- var alertSlotRecipe = defineSlotRecipe18({
5209
+ var alertSlotRecipe = defineSlotRecipe24({
4598
5210
  slots: alertAnatomy.keys(),
4599
5211
  className: "chakra-alert",
4600
5212
  base: {
@@ -4741,9 +5353,9 @@ var alertSlotRecipe = defineSlotRecipe18({
4741
5353
  });
4742
5354
 
4743
5355
  // src/theme/recipes/chakra/blockquote.ts
4744
- import { defineSlotRecipe as defineSlotRecipe19 } from "@chakra-ui/react";
5356
+ import { defineSlotRecipe as defineSlotRecipe25 } from "@chakra-ui/react";
4745
5357
  import { blockquoteAnatomy } from "@chakra-ui/react/anatomy";
4746
- var blockquoteSlotRecipe = defineSlotRecipe19({
5358
+ var blockquoteSlotRecipe = defineSlotRecipe25({
4747
5359
  className: "chakra-blockquote",
4748
5360
  slots: blockquoteAnatomy.keys(),
4749
5361
  base: {
@@ -4820,9 +5432,9 @@ var blockquoteSlotRecipe = defineSlotRecipe19({
4820
5432
  });
4821
5433
 
4822
5434
  // src/theme/recipes/chakra/breadcrumb.ts
4823
- import { defineSlotRecipe as defineSlotRecipe20 } from "@chakra-ui/react";
5435
+ import { defineSlotRecipe as defineSlotRecipe26 } from "@chakra-ui/react";
4824
5436
  import { breadcrumbAnatomy } from "@chakra-ui/react/anatomy";
4825
- var breadcrumbSlotRecipe = defineSlotRecipe20({
5437
+ var breadcrumbSlotRecipe = defineSlotRecipe26({
4826
5438
  className: "chakra-breadcrumb",
4827
5439
  slots: breadcrumbAnatomy.keys(),
4828
5440
  base: {
@@ -4912,9 +5524,9 @@ var breadcrumbSlotRecipe = defineSlotRecipe20({
4912
5524
  });
4913
5525
 
4914
5526
  // src/theme/recipes/chakra/card.ts
4915
- import { defineSlotRecipe as defineSlotRecipe21 } from "@chakra-ui/react";
5527
+ import { defineSlotRecipe as defineSlotRecipe27 } from "@chakra-ui/react";
4916
5528
  import { cardAnatomy } from "@chakra-ui/react/anatomy";
4917
- var cardSlotRecipe = defineSlotRecipe21({
5529
+ var cardSlotRecipe = defineSlotRecipe27({
4918
5530
  className: "chakra-card",
4919
5531
  slots: cardAnatomy.keys(),
4920
5532
  base: {
@@ -5034,10 +5646,10 @@ var cardSlotRecipe = defineSlotRecipe21({
5034
5646
  });
5035
5647
 
5036
5648
  // src/theme/recipes/chakra/checkbox.ts
5037
- import { defineSlotRecipe as defineSlotRecipe22 } from "@chakra-ui/react";
5649
+ import { defineSlotRecipe as defineSlotRecipe28 } from "@chakra-ui/react";
5038
5650
  import { checkboxAnatomy } from "@chakra-ui/react/anatomy";
5039
5651
  var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
5040
- var checkboxSlotRecipe = defineSlotRecipe22({
5652
+ var checkboxSlotRecipe = defineSlotRecipe28({
5041
5653
  slots: checkboxAnatomy.keys(),
5042
5654
  className: "chakra-checkbox",
5043
5655
  base: {
@@ -5099,10 +5711,10 @@ var checkboxSlotRecipe = defineSlotRecipe22({
5099
5711
  });
5100
5712
 
5101
5713
  // src/theme/recipes/chakra/checkbox-card.ts
5102
- import { defineSlotRecipe as defineSlotRecipe23 } from "@chakra-ui/react";
5714
+ import { defineSlotRecipe as defineSlotRecipe29 } from "@chakra-ui/react";
5103
5715
  import { checkboxCardAnatomy } from "@chakra-ui/react/anatomy";
5104
5716
  var _a3, _b2, _c2, _d2, _e2, _f2, _g2;
5105
- var checkboxCardSlotRecipe = defineSlotRecipe23({
5717
+ var checkboxCardSlotRecipe = defineSlotRecipe29({
5106
5718
  slots: checkboxCardAnatomy.keys(),
5107
5719
  className: "chakra-checkbox-card",
5108
5720
  base: {
@@ -5302,9 +5914,9 @@ var checkboxCardSlotRecipe = defineSlotRecipe23({
5302
5914
  });
5303
5915
 
5304
5916
  // src/theme/recipes/chakra/collapsible.ts
5305
- import { defineSlotRecipe as defineSlotRecipe24 } from "@chakra-ui/react";
5917
+ import { defineSlotRecipe as defineSlotRecipe30 } from "@chakra-ui/react";
5306
5918
  import { collapsibleAnatomy } from "@chakra-ui/react/anatomy";
5307
- var collapsibleSlotRecipe = defineSlotRecipe24({
5919
+ var collapsibleSlotRecipe = defineSlotRecipe30({
5308
5920
  slots: collapsibleAnatomy.keys(),
5309
5921
  className: "chakra-collapsible",
5310
5922
  base: {
@@ -5322,88 +5934,8 @@ var collapsibleSlotRecipe = defineSlotRecipe24({
5322
5934
  }
5323
5935
  });
5324
5936
 
5325
- // src/theme/recipes/chakra/data-list.ts
5326
- import { defineSlotRecipe as defineSlotRecipe25 } from "@chakra-ui/react";
5327
- import { dataListAnatomy } from "@chakra-ui/react/anatomy";
5328
- var dataListSlotRecipe = defineSlotRecipe25({
5329
- slots: dataListAnatomy.keys(),
5330
- className: "chakra-data-list",
5331
- base: {
5332
- itemLabel: {
5333
- color: "fg.muted",
5334
- display: "flex",
5335
- alignItems: "center",
5336
- gap: "1"
5337
- },
5338
- itemValue: {
5339
- display: "flex",
5340
- minWidth: "0",
5341
- flex: "1"
5342
- }
5343
- },
5344
- variants: {
5345
- orientation: {
5346
- horizontal: {
5347
- root: {
5348
- display: "flex",
5349
- flexDirection: "column"
5350
- },
5351
- item: {
5352
- display: "inline-flex",
5353
- alignItems: "center",
5354
- gap: "4"
5355
- },
5356
- itemLabel: {
5357
- minWidth: "120px"
5358
- }
5359
- },
5360
- vertical: {
5361
- root: {
5362
- display: "flex",
5363
- flexDirection: "column"
5364
- },
5365
- item: {
5366
- display: "flex",
5367
- flexDirection: "column",
5368
- gap: "1"
5369
- }
5370
- }
5371
- },
5372
- size: {
5373
- sm: {
5374
- root: {
5375
- gap: "3"
5376
- },
5377
- item: {
5378
- textStyle: "xs"
5379
- }
5380
- },
5381
- md: {
5382
- root: {
5383
- gap: "4"
5384
- },
5385
- item: {
5386
- textStyle: "sm"
5387
- }
5388
- },
5389
- lg: {
5390
- root: {
5391
- gap: "5"
5392
- },
5393
- item: {
5394
- textStyle: "md"
5395
- }
5396
- }
5397
- }
5398
- },
5399
- defaultVariants: {
5400
- size: "md",
5401
- orientation: "vertical"
5402
- }
5403
- });
5404
-
5405
5937
  // src/theme/recipes/chakra/editable.ts
5406
- import { defineSlotRecipe as defineSlotRecipe26, defineStyle as defineStyle2 } from "@chakra-ui/react";
5938
+ import { defineSlotRecipe as defineSlotRecipe31, defineStyle as defineStyle2 } from "@chakra-ui/react";
5407
5939
  import { editableAnatomy } from "@chakra-ui/react/anatomy";
5408
5940
  var sharedStyles = defineStyle2({
5409
5941
  fontSize: "inherit",
@@ -5412,7 +5944,7 @@ var sharedStyles = defineStyle2({
5412
5944
  bg: "transparent",
5413
5945
  borderRadius: "l2"
5414
5946
  });
5415
- var editableSlotRecipe = defineSlotRecipe26({
5947
+ var editableSlotRecipe = defineSlotRecipe31({
5416
5948
  slots: editableAnatomy.keys(),
5417
5949
  className: "chakra-editable",
5418
5950
  base: {
@@ -5434,143 +5966,51 @@ var editableSlotRecipe = defineSlotRecipe26({
5434
5966
  cursor: "text",
5435
5967
  _hover: {
5436
5968
  bg: "bg.muted"
5437
- },
5438
- _disabled: {
5439
- userSelect: "none"
5440
- }
5441
- },
5442
- input: {
5443
- ...sharedStyles,
5444
- outline: "0",
5445
- py: "1",
5446
- px: "1",
5447
- transitionProperty: "common",
5448
- transitionDuration: "moderate",
5449
- width: "full",
5450
- focusVisibleRing: "inside",
5451
- focusRingWidth: "2px",
5452
- _placeholder: { opacity: 0.6 }
5453
- },
5454
- control: {
5455
- display: "inline-flex",
5456
- alignItems: "center",
5457
- gap: "1.5"
5458
- }
5459
- },
5460
- variants: {
5461
- size: {
5462
- sm: {
5463
- root: {
5464
- textStyle: "sm"
5465
- },
5466
- preview: { minH: "8" },
5467
- input: { minH: "8" }
5468
- },
5469
- md: {
5470
- root: {
5471
- textStyle: "sm"
5472
- },
5473
- preview: { minH: "9" },
5474
- input: { minH: "9" }
5475
- },
5476
- lg: {
5477
- root: {
5478
- textStyle: "md"
5479
- },
5480
- preview: { minH: "10" },
5481
- input: { minH: "10" }
5482
- }
5483
- }
5484
- },
5485
- defaultVariants: {
5486
- size: "md"
5487
- }
5488
- });
5489
-
5490
- // src/theme/recipes/chakra/empty-state.ts
5491
- import { defineSlotRecipe as defineSlotRecipe27 } from "@chakra-ui/react";
5492
- import { emptyStateAnatomy } from "@chakra-ui/react/anatomy";
5493
- var emptyStateSlotRecipe = defineSlotRecipe27({
5494
- slots: emptyStateAnatomy.keys(),
5495
- className: "chakra-empty-state",
5496
- base: {
5497
- root: {
5498
- width: "full",
5499
- height: "full",
5500
- display: "flex",
5501
- flexDirection: "column",
5502
- alignItems: "center",
5503
- justifyContent: "center"
5504
- },
5505
- content: {
5506
- display: "flex",
5507
- flexDirection: "column",
5508
- alignItems: "center",
5509
- justifyContent: "center"
5510
- },
5511
- indicator: {
5512
- display: "flex",
5513
- alignItems: "center",
5514
- justifyContent: "center",
5515
- color: "fg.subtle",
5516
- _icon: {
5517
- boxSize: "1em"
5969
+ },
5970
+ _disabled: {
5971
+ userSelect: "none"
5518
5972
  }
5519
5973
  },
5520
- title: {
5521
- fontWeight: "semibold"
5974
+ input: {
5975
+ ...sharedStyles,
5976
+ outline: "0",
5977
+ py: "1",
5978
+ px: "1",
5979
+ transitionProperty: "common",
5980
+ transitionDuration: "moderate",
5981
+ width: "full",
5982
+ focusVisibleRing: "inside",
5983
+ focusRingWidth: "2px",
5984
+ _placeholder: { opacity: 0.6 }
5522
5985
  },
5523
- description: {
5524
- textStyle: "sm",
5525
- color: "fg.muted"
5986
+ control: {
5987
+ display: "inline-flex",
5988
+ alignItems: "center",
5989
+ gap: "1.5"
5526
5990
  }
5527
5991
  },
5528
5992
  variants: {
5529
5993
  size: {
5530
5994
  sm: {
5531
5995
  root: {
5532
- px: "4",
5533
- py: "6"
5534
- },
5535
- title: {
5536
- textStyle: "md"
5537
- },
5538
- content: {
5539
- gap: "4"
5996
+ textStyle: "sm"
5540
5997
  },
5541
- indicator: {
5542
- textStyle: "2xl"
5543
- }
5998
+ preview: { minH: "8" },
5999
+ input: { minH: "8" }
5544
6000
  },
5545
6001
  md: {
5546
6002
  root: {
5547
- px: "8",
5548
- py: "12"
5549
- },
5550
- title: {
5551
- textStyle: "lg"
5552
- },
5553
- content: {
5554
- gap: "6"
6003
+ textStyle: "sm"
5555
6004
  },
5556
- indicator: {
5557
- textStyle: "4xl"
5558
- }
6005
+ preview: { minH: "9" },
6006
+ input: { minH: "9" }
5559
6007
  },
5560
6008
  lg: {
5561
6009
  root: {
5562
- px: "12",
5563
- py: "16"
5564
- },
5565
- title: {
5566
- textStyle: "xl"
5567
- },
5568
- content: {
5569
- gap: "8"
6010
+ textStyle: "md"
5570
6011
  },
5571
- indicator: {
5572
- textStyle: "6xl"
5573
- }
6012
+ preview: { minH: "10" },
6013
+ input: { minH: "10" }
5574
6014
  }
5575
6015
  }
5576
6016
  },
@@ -5580,9 +6020,9 @@ var emptyStateSlotRecipe = defineSlotRecipe27({
5580
6020
  });
5581
6021
 
5582
6022
  // src/theme/recipes/chakra/field.ts
5583
- import { defineSlotRecipe as defineSlotRecipe28 } from "@chakra-ui/react";
6023
+ import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react";
5584
6024
  import { fieldAnatomy } from "@chakra-ui/react/anatomy";
5585
- var fieldSlotRecipe = defineSlotRecipe28({
6025
+ var fieldSlotRecipe = defineSlotRecipe32({
5586
6026
  className: "chakra-field",
5587
6027
  slots: fieldAnatomy.keys(),
5588
6028
  base: {
@@ -5655,106 +6095,10 @@ var fieldSlotRecipe = defineSlotRecipe28({
5655
6095
  }
5656
6096
  });
5657
6097
 
5658
- // src/theme/recipes/chakra/file-upload.ts
5659
- import { defineSlotRecipe as defineSlotRecipe29 } from "@chakra-ui/react";
5660
- import { fileUploadAnatomy } from "@chakra-ui/react/anatomy";
5661
- var fileUploadSlotRecipe = defineSlotRecipe29({
5662
- className: "chakra-file-upload",
5663
- slots: fileUploadAnatomy.keys(),
5664
- base: {
5665
- root: {
5666
- display: "flex",
5667
- flexDirection: "column",
5668
- gap: "4",
5669
- width: "100%",
5670
- alignItems: "flex-start"
5671
- },
5672
- label: {
5673
- fontWeight: "medium",
5674
- textStyle: "sm"
5675
- },
5676
- dropzone: {
5677
- background: "bg",
5678
- borderRadius: "l3",
5679
- borderWidth: "2px",
5680
- borderStyle: "dashed",
5681
- display: "flex",
5682
- alignItems: "center",
5683
- flexDirection: "column",
5684
- gap: "4",
5685
- justifyContent: "center",
5686
- minHeight: "2xs",
5687
- px: "3",
5688
- py: "2",
5689
- transition: "backgrounds",
5690
- focusVisibleRing: "outside",
5691
- _hover: {
5692
- bg: "bg.subtle"
5693
- },
5694
- _dragging: {
5695
- bg: "colorPalette.subtle",
5696
- borderStyle: "solid",
5697
- borderColor: "colorPalette.solid"
5698
- }
5699
- },
5700
- dropzoneContent: {
5701
- display: "flex",
5702
- flexDirection: "column",
5703
- alignItems: "center",
5704
- textAlign: "center",
5705
- gap: "1",
5706
- textStyle: "sm"
5707
- },
5708
- item: {
5709
- textStyle: "sm",
5710
- animationName: "fade-in",
5711
- animationDuration: "moderate",
5712
- background: "bg",
5713
- borderRadius: "l2",
5714
- borderWidth: "1px",
5715
- width: "100%",
5716
- display: "flex",
5717
- alignItems: "center",
5718
- gap: "3",
5719
- p: "4"
5720
- },
5721
- itemGroup: {
5722
- width: "100%",
5723
- display: "flex",
5724
- flexDirection: "column",
5725
- gap: "3"
5726
- },
5727
- itemName: {
5728
- color: "fg",
5729
- fontWeight: "medium",
5730
- lineClamp: "1"
5731
- },
5732
- itemContent: {
5733
- display: "flex",
5734
- flexDirection: "column",
5735
- gap: "0.5",
5736
- flex: "1"
5737
- },
5738
- itemSizeText: {
5739
- color: "fg.muted",
5740
- textStyle: "xs"
5741
- },
5742
- itemDeleteTrigger: {
5743
- alignSelf: "flex-start"
5744
- },
5745
- itemPreviewImage: {
5746
- width: "10",
5747
- height: "10",
5748
- objectFit: "scale-down"
5749
- }
5750
- },
5751
- defaultVariants: {}
5752
- });
5753
-
5754
6098
  // src/theme/recipes/chakra/hover-card.ts
5755
- import { defineSlotRecipe as defineSlotRecipe30 } from "@chakra-ui/react";
6099
+ import { defineSlotRecipe as defineSlotRecipe33 } from "@chakra-ui/react";
5756
6100
  import { hoverCardAnatomy } from "@chakra-ui/react/anatomy";
5757
- var hoverCardSlotRecipe = defineSlotRecipe30({
6101
+ var hoverCardSlotRecipe = defineSlotRecipe33({
5758
6102
  className: "chakra-hover-card",
5759
6103
  slots: hoverCardAnatomy.keys(),
5760
6104
  base: {
@@ -5819,200 +6163,77 @@ var hoverCardSlotRecipe = defineSlotRecipe30({
5819
6163
  });
5820
6164
 
5821
6165
  // src/theme/recipes/chakra/list.ts
5822
- import { defineSlotRecipe as defineSlotRecipe31 } from "@chakra-ui/react";
6166
+ import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react";
5823
6167
  import { listAnatomy } from "@chakra-ui/react/anatomy";
5824
- var listSlotRecipe = defineSlotRecipe31({
5825
- className: "chakra-list",
5826
- slots: listAnatomy.keys(),
5827
- base: {
5828
- root: {
5829
- display: "flex",
5830
- flexDirection: "column",
5831
- gap: "var(--list-gap)",
5832
- "& :where(ul, ol)": {
5833
- marginTop: "var(--list-gap)"
5834
- }
5835
- },
5836
- item: {
5837
- whiteSpace: "normal",
5838
- display: "list-item"
5839
- },
5840
- indicator: {
5841
- marginEnd: "2",
5842
- minHeight: "1lh",
5843
- flexShrink: 0,
5844
- display: "inline-block",
5845
- verticalAlign: "middle"
5846
- }
5847
- },
5848
- variants: {
5849
- variant: {
5850
- marker: {
5851
- root: {
5852
- listStyle: "revert",
5853
- listStylePosition: "inside"
5854
- },
5855
- item: {
5856
- _marker: {
5857
- color: "fg.subtle"
5858
- }
5859
- }
5860
- },
5861
- plain: {
5862
- item: {
5863
- alignItems: "flex-start",
5864
- display: "inline-flex"
5865
- }
5866
- }
5867
- },
5868
- align: {
5869
- center: {
5870
- item: { alignItems: "center" }
5871
- },
5872
- start: {
5873
- item: { alignItems: "flex-start" }
5874
- },
5875
- end: {
5876
- item: { alignItems: "flex-end" }
5877
- }
5878
- }
5879
- },
5880
- defaultVariants: {
5881
- variant: "marker"
5882
- }
5883
- });
5884
-
5885
- // src/theme/recipes/chakra/menu.ts
5886
- import { defineSlotRecipe as defineSlotRecipe32 } from "@chakra-ui/react";
5887
- import { menuAnatomy } from "@chakra-ui/react/anatomy";
5888
- var menuSlotRecipe = defineSlotRecipe32({
5889
- className: "chakra-menu",
5890
- slots: menuAnatomy.keys(),
5891
- base: {
5892
- content: {
5893
- outline: 0,
5894
- bg: "bg.panel",
5895
- boxShadow: "lg",
5896
- color: "fg",
5897
- maxHeight: "var(--available-height)",
5898
- "--menu-z-index": "zIndex.dropdown",
5899
- zIndex: "calc(var(--menu-z-index) + var(--layer-index, 0))",
5900
- borderRadius: "l2",
5901
- overflow: "hidden",
5902
- _open: {
5903
- animationStyle: "slide-fade-in",
5904
- animationDuration: "fast"
5905
- },
5906
- _closed: {
5907
- animationStyle: "slide-fade-out",
5908
- animationDuration: "faster"
5909
- }
5910
- },
5911
- item: {
5912
- textDecoration: "none",
5913
- color: "fg",
5914
- userSelect: "none",
5915
- borderRadius: "l3",
5916
- width: "100%",
5917
- display: "flex",
5918
- cursor: "menuitem",
5919
- alignItems: "center",
5920
- textAlign: "start",
5921
- position: "relative",
5922
- flex: "0 0 auto",
5923
- outline: 0,
5924
- _disabled: {
5925
- layerStyle: "disabled"
6168
+ var listSlotRecipe = defineSlotRecipe34({
6169
+ className: "chakra-list",
6170
+ slots: listAnatomy.keys(),
6171
+ base: {
6172
+ root: {
6173
+ display: "flex",
6174
+ flexDirection: "column",
6175
+ gap: "var(--list-gap)",
6176
+ "& :where(ul, ol)": {
6177
+ marginTop: "var(--list-gap)"
5926
6178
  }
5927
6179
  },
5928
- itemText: {
5929
- flex: "1"
5930
- },
5931
- itemGroupLabel: {
5932
- px: "2",
5933
- py: "1.5",
5934
- fontWeight: "semibold",
5935
- textStyle: "sm"
6180
+ item: {
6181
+ whiteSpace: "normal",
6182
+ display: "list-item"
5936
6183
  },
5937
6184
  indicator: {
5938
- display: "inline-flex",
5939
- alignItems: "center",
5940
- justifyContent: "center",
5941
- flexShrink: "0"
5942
- },
5943
- itemCommand: {
5944
- opacity: "0.6",
5945
- textStyle: "xs",
5946
- ms: "auto",
5947
- ps: "4",
5948
- letterSpacing: "widest"
5949
- },
5950
- separator: {
5951
- height: "1px",
5952
- bg: "bg.muted",
5953
- my: "1",
5954
- mx: "-1"
6185
+ marginEnd: "2",
6186
+ minHeight: "1lh",
6187
+ flexShrink: 0,
6188
+ display: "inline-block",
6189
+ verticalAlign: "middle"
5955
6190
  }
5956
6191
  },
5957
6192
  variants: {
5958
6193
  variant: {
5959
- subtle: {
6194
+ marker: {
6195
+ root: {
6196
+ listStyle: "revert",
6197
+ listStylePosition: "inside"
6198
+ },
5960
6199
  item: {
5961
- _highlighted: {
5962
- bg: "bg.subtle"
6200
+ _marker: {
6201
+ color: "fg.subtle"
5963
6202
  }
5964
6203
  }
5965
6204
  },
5966
- solid: {
6205
+ plain: {
5967
6206
  item: {
5968
- _highlighted: {
5969
- bg: "colorPalette.solid",
5970
- color: "colorPalette.contrast"
5971
- }
6207
+ alignItems: "flex-start",
6208
+ display: "inline-flex"
5972
6209
  }
5973
6210
  }
5974
6211
  },
5975
- size: {
5976
- sm: {
5977
- content: {
5978
- minW: "8rem",
5979
- padding: "1"
5980
- },
5981
- item: {
5982
- gap: "1",
5983
- textStyle: "xs",
5984
- py: "1",
5985
- px: "1.5"
5986
- }
6212
+ align: {
6213
+ center: {
6214
+ item: { alignItems: "center" }
5987
6215
  },
5988
- md: {
5989
- content: {
5990
- minW: "8rem",
5991
- padding: "1.5"
5992
- },
5993
- item: {
5994
- gap: "2",
5995
- textStyle: "sm",
5996
- py: "1.5",
5997
- px: "2"
5998
- }
6216
+ start: {
6217
+ item: { alignItems: "flex-start" }
6218
+ },
6219
+ end: {
6220
+ item: { alignItems: "flex-end" }
5999
6221
  }
6000
6222
  }
6001
6223
  },
6002
6224
  defaultVariants: {
6003
- size: "md",
6004
- variant: "subtle"
6225
+ variant: "marker"
6005
6226
  }
6006
6227
  });
6007
6228
 
6008
6229
  // src/theme/recipes/chakra/native-select.ts
6009
- import { defineSlotRecipe as defineSlotRecipe34 } from "@chakra-ui/react";
6230
+ import { defineSlotRecipe as defineSlotRecipe36 } from "@chakra-ui/react";
6010
6231
  import { nativeSelectAnatomy } from "@chakra-ui/react/anatomy";
6011
6232
 
6012
6233
  // src/theme/recipes/chakra/select.ts
6013
- import { defineSlotRecipe as defineSlotRecipe33 } from "@chakra-ui/react";
6234
+ import { defineSlotRecipe as defineSlotRecipe35 } from "@chakra-ui/react";
6014
6235
  import { selectAnatomy } from "@chakra-ui/react/anatomy";
6015
- var selectSlotRecipe = defineSlotRecipe33({
6236
+ var selectSlotRecipe = defineSlotRecipe35({
6016
6237
  className: "chakra-select",
6017
6238
  slots: selectAnatomy.keys(),
6018
6239
  base: {
@@ -6297,7 +6518,7 @@ var selectSlotRecipe = defineSlotRecipe33({
6297
6518
 
6298
6519
  // src/theme/recipes/chakra/native-select.ts
6299
6520
  var _a4, _b3;
6300
- var nativeSelectSlotRecipe = defineSlotRecipe34({
6521
+ var nativeSelectSlotRecipe = defineSlotRecipe36({
6301
6522
  className: "chakra-native-select",
6302
6523
  slots: nativeSelectAnatomy.keys(),
6303
6524
  base: {
@@ -6430,7 +6651,7 @@ var nativeSelectSlotRecipe = defineSlotRecipe34({
6430
6651
  });
6431
6652
 
6432
6653
  // src/theme/recipes/chakra/number-input.ts
6433
- import { defineSlotRecipe as defineSlotRecipe35, defineStyle as defineStyle3 } from "@chakra-ui/react";
6654
+ import { defineSlotRecipe as defineSlotRecipe37, defineStyle as defineStyle3 } from "@chakra-ui/react";
6434
6655
  import { numberInputAnatomy } from "@chakra-ui/react/anatomy";
6435
6656
 
6436
6657
  // src/theme/utils.ts
@@ -6445,9 +6666,6 @@ function mapEntries(obj, f) {
6445
6666
  function scaleToken(value) {
6446
6667
  return `calc(${value} * var(--scale-factor))`;
6447
6668
  }
6448
- function radiusToken(value) {
6449
- return `calc(${value} * var(--scale-factor) * var(--radius-factor))`;
6450
- }
6451
6669
 
6452
6670
  // src/theme/recipes/chakra/number-input.ts
6453
6671
  var triggerStyle = defineStyle3({
@@ -6474,7 +6692,7 @@ var triggerStyle = defineStyle3({
6474
6692
  bg: "bg.emphasized"
6475
6693
  }
6476
6694
  });
6477
- var numberInputSlotRecipe = defineSlotRecipe35({
6695
+ var numberInputSlotRecipe = defineSlotRecipe37({
6478
6696
  className: "chakra-number-input",
6479
6697
  slots: numberInputAnatomy.keys(),
6480
6698
  base: {
@@ -6559,10 +6777,10 @@ var numberInputSlotRecipe = defineSlotRecipe35({
6559
6777
  });
6560
6778
 
6561
6779
  // src/theme/recipes/chakra/pin-input.ts
6562
- import { defineSlotRecipe as defineSlotRecipe36 } from "@chakra-ui/react";
6780
+ import { defineSlotRecipe as defineSlotRecipe38 } from "@chakra-ui/react";
6563
6781
  import { pinInputAnatomy } from "@chakra-ui/react/anatomy";
6564
6782
  var { variants: variants2, defaultVariants: defaultVariants2 } = inputRecipe;
6565
- var pinInputSlotRecipe = defineSlotRecipe36({
6783
+ var pinInputSlotRecipe = defineSlotRecipe38({
6566
6784
  className: "chakra-pin-input",
6567
6785
  slots: pinInputAnatomy.keys(),
6568
6786
  base: {
@@ -6590,97 +6808,10 @@ var pinInputSlotRecipe = defineSlotRecipe36({
6590
6808
  defaultVariants: defaultVariants2
6591
6809
  });
6592
6810
 
6593
- // src/theme/recipes/chakra/popover.ts
6594
- import { defineSlotRecipe as defineSlotRecipe37 } from "@chakra-ui/react";
6595
- import { popoverAnatomy } from "@chakra-ui/react/anatomy";
6596
- var popoverSlotRecipe = defineSlotRecipe37({
6597
- className: "chakra-popover",
6598
- slots: popoverAnatomy.keys(),
6599
- base: {
6600
- content: {
6601
- position: "relative",
6602
- display: "flex",
6603
- flexDirection: "column",
6604
- textStyle: "sm",
6605
- "--popover-bg": "colors.bg.panel",
6606
- bg: "var(--popover-bg)",
6607
- boxShadow: "lg",
6608
- "--popover-size": "sizes.xs",
6609
- "--popover-mobile-size": "calc(100dvw - 1rem)",
6610
- width: {
6611
- base: "min(var(--popover-mobile-size), var(--popover-size))",
6612
- sm: "var(--popover-size)"
6613
- },
6614
- borderRadius: "l3",
6615
- "--popover-z-index": "zIndex.popover",
6616
- zIndex: "calc(var(--popover-z-index) + var(--layer-index, 0))",
6617
- outline: "0",
6618
- transformOrigin: "var(--transform-origin)",
6619
- _open: {
6620
- animationStyle: "scale-fade-in",
6621
- animationDuration: "fast"
6622
- },
6623
- _closed: {
6624
- animationStyle: "scale-fade-out",
6625
- animationDuration: "faster"
6626
- }
6627
- },
6628
- header: {
6629
- paddingInline: "var(--popover-padding)",
6630
- paddingTop: "var(--popover-padding)"
6631
- },
6632
- body: {
6633
- padding: "var(--popover-padding)",
6634
- flex: "1"
6635
- },
6636
- footer: {
6637
- display: "flex",
6638
- alignItems: "center",
6639
- paddingInline: "var(--popover-padding)",
6640
- paddingBottom: "var(--popover-padding)"
6641
- },
6642
- arrow: {
6643
- "--arrow-size": "sizes.3",
6644
- "--arrow-background": "var(--popover-bg)"
6645
- },
6646
- arrowTip: {
6647
- borderTopWidth: "1px",
6648
- borderInlineStartWidth: "1px"
6649
- }
6650
- },
6651
- variants: {
6652
- size: {
6653
- xs: {
6654
- content: {
6655
- "--popover-padding": "spacing.3"
6656
- }
6657
- },
6658
- sm: {
6659
- content: {
6660
- "--popover-padding": "spacing.4"
6661
- }
6662
- },
6663
- md: {
6664
- content: {
6665
- "--popover-padding": "spacing.5"
6666
- }
6667
- },
6668
- lg: {
6669
- content: {
6670
- "--popover-padding": "spacing.6"
6671
- }
6672
- }
6673
- }
6674
- },
6675
- defaultVariants: {
6676
- size: "md"
6677
- }
6678
- });
6679
-
6680
6811
  // src/theme/recipes/chakra/progress.ts
6681
- import { defineSlotRecipe as defineSlotRecipe38 } from "@chakra-ui/react";
6812
+ import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react";
6682
6813
  import { progressAnatomy } from "@chakra-ui/react/anatomy";
6683
- var progressSlotRecipe = defineSlotRecipe38({
6814
+ var progressSlotRecipe = defineSlotRecipe39({
6684
6815
  slots: progressAnatomy.keys(),
6685
6816
  className: "chakra-progress",
6686
6817
  base: {
@@ -6800,9 +6931,9 @@ var progressSlotRecipe = defineSlotRecipe38({
6800
6931
  });
6801
6932
 
6802
6933
  // src/theme/recipes/chakra/progress-circle.ts
6803
- import { defineSlotRecipe as defineSlotRecipe39 } from "@chakra-ui/react";
6934
+ import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react";
6804
6935
  import { progressAnatomy as progressAnatomy2 } from "@chakra-ui/react/anatomy";
6805
- var progressCircleSlotRecipe = defineSlotRecipe39({
6936
+ var progressCircleSlotRecipe = defineSlotRecipe40({
6806
6937
  className: "chakra-progress-circle",
6807
6938
  slots: progressAnatomy2.keys(),
6808
6939
  base: {
@@ -6893,10 +7024,10 @@ var progressCircleSlotRecipe = defineSlotRecipe39({
6893
7024
  });
6894
7025
 
6895
7026
  // src/theme/recipes/chakra/radio-card.ts
6896
- import { defineSlotRecipe as defineSlotRecipe40 } from "@chakra-ui/react";
7027
+ import { defineSlotRecipe as defineSlotRecipe41 } from "@chakra-ui/react";
6897
7028
  import { radioCardAnatomy } from "@chakra-ui/react/anatomy";
6898
7029
  var _a5, _b4, _c3, _d3, _e3, _f3, _g3;
6899
- var radioCardSlotRecipe = defineSlotRecipe40({
7030
+ var radioCardSlotRecipe = defineSlotRecipe41({
6900
7031
  className: "chakra-radio-card",
6901
7032
  slots: radioCardAnatomy.keys(),
6902
7033
  base: {
@@ -7104,10 +7235,10 @@ var radioCardSlotRecipe = defineSlotRecipe40({
7104
7235
  });
7105
7236
 
7106
7237
  // src/theme/recipes/chakra/radio-group.ts
7107
- import { defineSlotRecipe as defineSlotRecipe41 } from "@chakra-ui/react";
7238
+ import { defineSlotRecipe as defineSlotRecipe42 } from "@chakra-ui/react";
7108
7239
  import { radioGroupAnatomy } from "@chakra-ui/react/anatomy";
7109
7240
  var _a6, _b5, _c4, _d4, _e4, _f4, _g4, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
7110
- var radioGroupSlotRecipe = defineSlotRecipe41({
7241
+ var radioGroupSlotRecipe = defineSlotRecipe42({
7111
7242
  className: "chakra-radio-group",
7112
7243
  slots: radioGroupAnatomy.keys(),
7113
7244
  base: {
@@ -7167,9 +7298,9 @@ var radioGroupSlotRecipe = defineSlotRecipe41({
7167
7298
  });
7168
7299
 
7169
7300
  // src/theme/recipes/chakra/rating-group.ts
7170
- import { defineSlotRecipe as defineSlotRecipe42 } from "@chakra-ui/react";
7301
+ import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react";
7171
7302
  import { ratingGroupAnatomy } from "@chakra-ui/react/anatomy";
7172
- var ratingGroupSlotRecipe = defineSlotRecipe42({
7303
+ var ratingGroupSlotRecipe = defineSlotRecipe43({
7173
7304
  className: "chakra-rating-group",
7174
7305
  slots: ratingGroupAnatomy.keys(),
7175
7306
  base: {
@@ -7252,9 +7383,9 @@ var ratingGroupSlotRecipe = defineSlotRecipe42({
7252
7383
  });
7253
7384
 
7254
7385
  // src/theme/recipes/chakra/slider.ts
7255
- import { defineSlotRecipe as defineSlotRecipe43 } from "@chakra-ui/react";
7386
+ import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react";
7256
7387
  import { sliderAnatomy } from "@chakra-ui/react/anatomy";
7257
- var sliderSlotRecipe = defineSlotRecipe43({
7388
+ var sliderSlotRecipe = defineSlotRecipe44({
7258
7389
  className: "chakra-slider",
7259
7390
  slots: sliderAnatomy.keys(),
7260
7391
  base: {
@@ -7429,9 +7560,9 @@ var sliderSlotRecipe = defineSlotRecipe43({
7429
7560
  });
7430
7561
 
7431
7562
  // src/theme/recipes/chakra/stat.ts
7432
- import { defineSlotRecipe as defineSlotRecipe44 } from "@chakra-ui/react";
7563
+ import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react";
7433
7564
  import { statAnatomy } from "@chakra-ui/react/anatomy";
7434
- var statSlotRecipe = defineSlotRecipe44({
7565
+ var statSlotRecipe = defineSlotRecipe45({
7435
7566
  className: "chakra-stat",
7436
7567
  slots: statAnatomy.keys(),
7437
7568
  base: {
@@ -7507,9 +7638,9 @@ var statSlotRecipe = defineSlotRecipe44({
7507
7638
  });
7508
7639
 
7509
7640
  // src/theme/recipes/chakra/steps.ts
7510
- import { defineSlotRecipe as defineSlotRecipe45 } from "@chakra-ui/react";
7641
+ import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react";
7511
7642
  import { stepsAnatomy } from "@chakra-ui/react/anatomy";
7512
- var stepsSlotRecipe = defineSlotRecipe45({
7643
+ var stepsSlotRecipe = defineSlotRecipe46({
7513
7644
  className: "chakra-steps",
7514
7645
  slots: stepsAnatomy.keys(),
7515
7646
  base: {
@@ -7722,9 +7853,9 @@ var stepsSlotRecipe = defineSlotRecipe45({
7722
7853
  });
7723
7854
 
7724
7855
  // src/theme/recipes/chakra/switch.ts
7725
- import { defineSlotRecipe as defineSlotRecipe46 } from "@chakra-ui/react";
7856
+ import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react";
7726
7857
  import { switchAnatomy } from "@chakra-ui/react/anatomy";
7727
- var switchSlotRecipe = defineSlotRecipe46({
7858
+ var switchSlotRecipe = defineSlotRecipe47({
7728
7859
  slots: switchAnatomy.keys(),
7729
7860
  className: "chakra-switch",
7730
7861
  base: {
@@ -7880,9 +8011,9 @@ var switchSlotRecipe = defineSlotRecipe46({
7880
8011
  });
7881
8012
 
7882
8013
  // src/theme/recipes/chakra/table.ts
7883
- import { defineSlotRecipe as defineSlotRecipe47 } from "@chakra-ui/react";
8014
+ import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react";
7884
8015
  import { tableAnatomy } from "@chakra-ui/react/anatomy";
7885
- var tableSlotRecipe = defineSlotRecipe47({
8016
+ var tableSlotRecipe = defineSlotRecipe48({
7886
8017
  className: "chakra-table",
7887
8018
  slots: tableAnatomy.keys(),
7888
8019
  base: {
@@ -8043,9 +8174,9 @@ var tableSlotRecipe = defineSlotRecipe47({
8043
8174
  });
8044
8175
 
8045
8176
  // src/theme/recipes/chakra/timeline.ts
8046
- import { defineSlotRecipe as defineSlotRecipe48 } from "@chakra-ui/react";
8177
+ import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react";
8047
8178
  import { timelineAnatomy } from "@chakra-ui/react/anatomy";
8048
- var timelineSlotRecipe = defineSlotRecipe48({
8179
+ var timelineSlotRecipe = defineSlotRecipe49({
8049
8180
  slots: timelineAnatomy.keys(),
8050
8181
  className: "chakra-timeline",
8051
8182
  base: {
@@ -8178,60 +8309,6 @@ var timelineSlotRecipe = defineSlotRecipe48({
8178
8309
  }
8179
8310
  });
8180
8311
 
8181
- // src/theme/recipes/chakra/tooltip.ts
8182
- import { defineSlotRecipe as defineSlotRecipe49 } from "@chakra-ui/react";
8183
- import { tooltipAnatomy } from "@chakra-ui/react/anatomy";
8184
- var tooltipSlotRecipe = defineSlotRecipe49({
8185
- slots: tooltipAnatomy.keys(),
8186
- className: "chakra-tooltip",
8187
- base: {
8188
- content: {
8189
- "--tooltip-bg": "colors.bg",
8190
- display: "flex",
8191
- alignItems: "center",
8192
- bg: "var(--tooltip-bg)",
8193
- color: "fg",
8194
- px: "2.5",
8195
- py: "1",
8196
- borderRadius: "l2",
8197
- fontWeight: "medium",
8198
- textStyle: "xs",
8199
- boxShadow: "md",
8200
- maxW: "xs",
8201
- zIndex: "tooltip",
8202
- transformOrigin: "var(--transform-origin)",
8203
- _open: {
8204
- animationStyle: "scale-fade-in",
8205
- animationDuration: "fast"
8206
- },
8207
- _closed: {
8208
- animationStyle: "scale-fade-out",
8209
- animationDuration: "fast"
8210
- }
8211
- },
8212
- arrow: {
8213
- "--arrow-size": "sizes.2",
8214
- "--arrow-background": "var(--tooltip-bg)",
8215
- zIndex: "-1"
8216
- },
8217
- arrowTip: {
8218
- borderTopWidth: "1px",
8219
- borderInlineStartWidth: "1px",
8220
- borderColor: "var(--tooltip-bg)"
8221
- }
8222
- },
8223
- variants: {
8224
- variant: {
8225
- inverted: {
8226
- content: {
8227
- "--tooltip-bg": "colors.bg.inverted",
8228
- color: "fg.inverted"
8229
- }
8230
- }
8231
- }
8232
- }
8233
- });
8234
-
8235
8312
  // src/theme/slot-recipes.ts
8236
8313
  var slotRecipes = {
8237
8314
  // Chakra UI Recipes
@@ -8645,17 +8722,17 @@ var lineHeights = defineTokens12.lineHeights({
8645
8722
  import { defineTokens as defineTokens13 } from "@chakra-ui/react";
8646
8723
  var radii = defineTokens13.radii({
8647
8724
  "2xs": {
8648
- value: radiusToken("0.0625rem")
8649
- },
8650
- xs: { value: radiusToken("0.125rem") },
8651
- sm: { value: radiusToken("0.25rem") },
8652
- md: { value: radiusToken("0.375rem") },
8653
- lg: { value: radiusToken("0.5rem") },
8654
- xl: { value: radiusToken("0.75rem") },
8655
- "2xl": { value: radiusToken("1rem") },
8656
- "3xl": { value: radiusToken("1.5rem") },
8657
- "4xl": { value: radiusToken("2rem") },
8658
- full: { value: "var(--radius-full)" }
8725
+ value: "0.0625rem"
8726
+ },
8727
+ xs: { value: "0.125rem" },
8728
+ sm: { value: "0.25rem" },
8729
+ md: { value: "0.375rem" },
8730
+ lg: { value: "0.5rem" },
8731
+ xl: { value: "0.75rem" },
8732
+ "2xl": { value: "1rem" },
8733
+ "3xl": { value: "1.5rem" },
8734
+ "4xl": { value: "2rem" },
8735
+ full: { value: "9999px" }
8659
8736
  });
8660
8737
 
8661
8738
  // src/theme/tokens/sizes.ts
@@ -8918,9 +8995,10 @@ export {
8918
8995
  CloseButton,
8919
8996
  Command,
8920
8997
  DataList,
8921
- namespace_exports as Dialog,
8922
- namespace_exports2 as Drawer,
8998
+ dialog_exports as Dialog,
8999
+ drawer_exports as Drawer,
8923
9000
  EmptyState,
9001
+ file_upload_exports as FileUpload,
8924
9002
  grid_list_exports as GridList,
8925
9003
  IconBadge,
8926
9004
  IconButton,
@@ -8935,11 +9013,12 @@ export {
8935
9013
  Persona,
8936
9014
  PersonaAvatar,
8937
9015
  PinInput,
9016
+ popover_exports as Popover,
8938
9017
  Radio,
8939
9018
  RadioGroup,
8940
9019
  SearchInput,
8941
9020
  SegmentedControl,
8942
- namespace_exports3 as Select,
9021
+ namespace_exports as Select,
8943
9022
  sidebar_exports as Sidebar,
8944
9023
  Spinner,
8945
9024
  Status,