@saas-ui/react 3.0.0-alpha.24 → 3.0.0-alpha.26

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