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