@saas-ui/react 3.0.0-next.22 → 3.0.0-next.24

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 (14) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/.tsbuildinfo.json +1 -1
  3. package/dist/components/action-bar/action-bar.js +1 -1
  4. package/dist/components/alert/alert.js +1 -1
  5. package/dist/components/checkbox/checkbox.recipe.d.ts +1 -1
  6. package/dist/components/checkbox/checkbox.recipe.js +1 -1
  7. package/dist/components/clipboard/clipboard.d.ts +3 -3
  8. package/dist/components/clipboard/clipboard.js +4 -4
  9. package/dist/components/close-button/close-button.d.ts +1 -1
  10. package/dist/components/close-button/close-button.js +2 -2
  11. package/dist/components/native-select/native-select.js +1 -1
  12. package/dist/theme/recipes.js +1 -1
  13. package/dist/theme/slot-recipes.d.ts +40 -40
  14. package/package.json +1 -1
package/dist/components/action-bar/action-bar.js CHANGED
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
3
  import { ActionBar } from '@chakra-ui/react/action-bar';
4
4
  import { Portal } from '@chakra-ui/react/portal';
5
- import { CloseButton as CloseButtonBase } from '../close-button';
5
+ import { CloseButton as CloseButtonBase } from "../close-button/index.js";
6
6
  const ActionBarContent = forwardRef(function ActionBarContent(props, ref) {
7
7
  const { children, portalled = true, portalRef, ...rest } = props;
8
8
  return (_jsx(Portal, { disabled: !portalled, container: portalRef, children: _jsx(ActionBar.Positioner, { children: _jsx(ActionBar.Content, { ref: ref, ...rest, asChild: false, children: children }) }) }));
package/dist/components/alert/alert.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { forwardRef } from 'react';
4
4
  import { Alert as AlertPrimitive } from '@chakra-ui/react/alert';
5
- import { CloseButton } from '../close-button';
5
+ import { CloseButton } from "../close-button/index.js";
6
6
  export const Alert = forwardRef(function Alert(props, ref) {
7
7
  const { title, children, icon, closable, onClose, startElement, endElement, ...rest } = props;
8
8
  return (_jsxs(AlertPrimitive.Root, { ref: ref, ...rest, children: [startElement || (_jsx(AlertPrimitive.Indicator, { children: icon })), children ? (_jsxs(AlertPrimitive.Content, { children: [_jsx(AlertPrimitive.Title, { children: title }), _jsx(AlertPrimitive.Description, { children: children })] })) : (_jsx(AlertPrimitive.Title, { flex: "1", children: title })), endElement, closable && (_jsx(CloseButton, { size: "sm", pos: "relative", top: "-2", insetEnd: "-2", alignSelf: "flex-start", onClick: onClose }))] }));
package/dist/components/checkbox/checkbox.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const checkboxSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "indicator" | "root" | "group", {
1
+ export declare const checkboxSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "group" | "indicator" | "control", {
2
2
  size: {
3
3
  xs: {
4
4
  root: {
package/dist/components/checkbox/checkbox.recipe.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { checkboxAnatomy } from '@chakra-ui/react/anatomy';
2
2
  import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
3
- import { checkmarkRecipe } from '../checkmark/checkmark.recipe';
3
+ import { checkmarkRecipe } from "../checkmark/checkmark.recipe.js";
4
4
  export const checkboxSlotRecipe = defineSlotRecipe({
5
5
  slots: checkboxAnatomy.keys(),
6
6
  className: 'chakra-checkbox',
package/dist/components/clipboard/clipboard.d.ts CHANGED
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { Clipboard as ChakraClipboard } from '@chakra-ui/react/clipboard';
3
- import { type ButtonProps } from '../button';
4
- import { type IconButtonProps } from '../icon-button';
5
- import { type InputProps } from '../input';
3
+ import { type ButtonProps } from '../button/index.ts';
4
+ import { type IconButtonProps } from '../icon-button/index.ts';
5
+ import { type InputProps } from '../input/index.ts';
6
6
  interface ClipboardButtonProps extends ButtonProps {
7
7
  icon?: React.ReactNode;
8
8
  copiedIcon?: React.ReactNode;
package/dist/components/clipboard/clipboard.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as React from 'react';
3
3
  import { Clipboard as ChakraClipboard } from '@chakra-ui/react/clipboard';
4
- import { Button } from '../button';
5
- import { IconButton } from '../icon-button';
6
- import { CheckIcon, CopyIcon } from '../icons';
7
- import { Input } from '../input';
4
+ import { Button } from "../button/index.js";
5
+ import { IconButton } from "../icon-button/index.js";
6
+ import { CheckIcon, CopyIcon } from "../icons/index.js";
7
+ import { Input } from "../input/index.js";
8
8
  const ClipboardIcon = React.forwardRef(function ClipboardIndicator(props, ref) {
9
9
  const { children = _jsx(CopyIcon, {}), copied = _jsx(CheckIcon, {}), ...rest } = props;
10
10
  return (_jsx(ChakraClipboard.Indicator, { copied: copied, ...rest, ref: ref, children: children }));
package/dist/components/close-button/close-button.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { type IconButtonProps } from '../icon-button';
1
+ import { type IconButtonProps } from '../icon-button/index.ts';
2
2
  export interface CloseButtonProps extends IconButtonProps {
3
3
  }
4
4
  export declare const CloseButton: import("react").ForwardRefExoticComponent<CloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
package/dist/components/close-button/close-button.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- import { IconButton as ChakraIconButton, } from '../icon-button';
3
+ import { IconButton } from "../icon-button/index.js";
4
4
  import { CloseIcon } from "../icons/icons.js";
5
5
  export const CloseButton = forwardRef(function CloseButton(props, ref) {
6
- return (_jsx(ChakraIconButton, { variant: "ghost", "aria-label": "Close", ref: ref, ...props, children: props.children ?? _jsx(CloseIcon, {}) }));
6
+ return (_jsx(IconButton, { variant: "ghost", "aria-label": "Close", ref: ref, ...props, children: props.children ?? _jsx(CloseIcon, {}) }));
7
7
  });
package/dist/components/native-select/native-select.js CHANGED
@@ -2,7 +2,7 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import * as React from 'react';
4
4
  import { NativeSelect as Select } from '@chakra-ui/react/native-select';
5
- import { ChevronDownIcon } from '../icons';
5
+ import { ChevronDownIcon } from "../icons/icons.js";
6
6
  export const NativeSelect = React.forwardRef(function NativeSelect(props, ref) {
7
7
  const { icon = _jsx(ChevronDownIcon, {}), placeholder, children, ...rest } = props;
8
8
  return (_jsx(Select.Root, { ref: ref, ...rest, children: _jsxs(Select.Field, { placeholder: placeholder, children: [children, _jsx(Select.Indicator, { children: icon })] }) }));
package/dist/theme/recipes.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { badgeRecipe } from "../components/badge/badge.recipe.js";
2
2
  import { buttonRecipe } from "../components/button/button.recipe.js";
3
- import { checkmarkRecipe } from '../components/checkmark/checkmark.recipe';
3
+ import { checkmarkRecipe } from "../components/checkmark/checkmark.recipe.js";
4
4
  import { codeRecipe } from "../components/code/code.recipe.js";
5
5
  import { commandRecipe } from "../components/command/command.recipe.js";
6
6
  import { containerRecipe } from "../components/container/container.recipe.js";
package/dist/theme/slot-recipes.d.ts CHANGED
@@ -75,7 +75,7 @@ export declare const slotRecipes: {
75
75
  };
76
76
  }>;
77
77
  actionBar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger">>;
78
- alert: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "indicator" | "root" | "title", {
78
+ alert: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "content" | "title" | "description", {
79
79
  status: {
80
80
  info: {
81
81
  root: {
@@ -284,7 +284,7 @@ export declare const slotRecipes: {
284
284
  };
285
285
  };
286
286
  }>;
287
- blockquote: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "icon" | "caption", {
287
+ blockquote: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "icon" | "caption", {
288
288
  justify: {
289
289
  start: {
290
290
  root: {
@@ -336,7 +336,7 @@ export declare const slotRecipes: {
336
336
  };
337
337
  };
338
338
  }>;
339
- breadcrumb: import("@chakra-ui/react").SlotRecipeDefinition<"link" | "root" | "item" | "separator" | "currentLink" | "list" | "ellipsis", {
339
+ breadcrumb: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "separator" | "link" | "currentLink" | "list" | "ellipsis", {
340
340
  variant: {
341
341
  underline: {
342
342
  link: {
@@ -382,7 +382,7 @@ export declare const slotRecipes: {
382
382
  };
383
383
  };
384
384
  }>;
385
- card: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "body" | "root" | "title" | "header" | "footer", {
385
+ card: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "title" | "description" | "header" | "body" | "footer", {
386
386
  size: {
387
387
  sm: {
388
388
  root: {
@@ -452,7 +452,7 @@ export declare const slotRecipes: {
452
452
  };
453
453
  };
454
454
  }>;
455
- checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "indicator" | "root" | "group", {
455
+ checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "group" | "indicator" | "control", {
456
456
  size: {
457
457
  xs: {
458
458
  root: {
@@ -532,7 +532,7 @@ export declare const slotRecipes: {
532
532
  };
533
533
  };
534
534
  }>;
535
- checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "label" | "control" | "indicator" | "root" | "addon", {
535
+ checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "content" | "description" | "addon", {
536
536
  size: {
537
537
  sm: {
538
538
  root: {
@@ -720,7 +720,7 @@ export declare const slotRecipes: {
720
720
  };
721
721
  };
722
722
  }>;
723
- collapsible: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "trigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "root" | "trigger">>;
723
+ collapsible: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "trigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "content" | "trigger">>;
724
724
  dataList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
725
725
  orientation: {
726
726
  horizontal: {
@@ -776,7 +776,7 @@ export declare const slotRecipes: {
776
776
  };
777
777
  };
778
778
  }>;
779
- dialog: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "body" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger", {
779
+ dialog: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "closeTrigger" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "backdrop", {
780
780
  placement: {
781
781
  center: {
782
782
  positioner: {
@@ -924,7 +924,7 @@ export declare const slotRecipes: {
924
924
  none: {};
925
925
  };
926
926
  }>;
927
- drawer: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "body" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger", {
927
+ drawer: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "closeTrigger" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "backdrop", {
928
928
  size: {
929
929
  xs: {
930
930
  content: {
@@ -1037,7 +1037,7 @@ export declare const slotRecipes: {
1037
1037
  };
1038
1038
  };
1039
1039
  }>;
1040
- editable: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "textarea" | "control" | "root" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger", {
1040
+ editable: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger" | "textarea", {
1041
1041
  size: {
1042
1042
  sm: {
1043
1043
  root: {
@@ -1074,7 +1074,7 @@ export declare const slotRecipes: {
1074
1074
  };
1075
1075
  };
1076
1076
  }>;
1077
- emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "indicator" | "root" | "title" | "actions", {
1077
+ emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "content" | "title" | "description" | "actions", {
1078
1078
  size: {
1079
1079
  sm: {
1080
1080
  root: {
@@ -1156,7 +1156,7 @@ export declare const slotRecipes: {
1156
1156
  };
1157
1157
  };
1158
1158
  }>;
1159
- field: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "textarea" | "root" | "input" | "select" | "errorText" | "helperText" | "requiredIndicator", {
1159
+ field: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "input" | "textarea" | "select" | "errorText" | "helperText" | "requiredIndicator", {
1160
1160
  orientation: {
1161
1161
  vertical: {
1162
1162
  root: {
@@ -1214,7 +1214,7 @@ export declare const slotRecipes: {
1214
1214
  };
1215
1215
  };
1216
1216
  }>;
1217
- list: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root" | "item", {
1217
+ list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "item", {
1218
1218
  variant: {
1219
1219
  marker: {
1220
1220
  root: {
@@ -1252,7 +1252,7 @@ export declare const slotRecipes: {
1252
1252
  };
1253
1253
  };
1254
1254
  }>;
1255
- menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
1255
+ menu: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "content" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
1256
1256
  variant: {
1257
1257
  subtle: {
1258
1258
  item: {
@@ -1307,7 +1307,7 @@ export declare const slotRecipes: {
1307
1307
  };
1308
1308
  };
1309
1309
  }>;
1310
- nativeSelect: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root" | "field", {
1310
+ nativeSelect: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "field", {
1311
1311
  variant: {
1312
1312
  outline: {
1313
1313
  field: {
@@ -1397,7 +1397,7 @@ export declare const slotRecipes: {
1397
1397
  };
1398
1398
  };
1399
1399
  }>;
1400
- numberInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
1400
+ numberInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
1401
1401
  size: {
1402
1402
  xs: {
1403
1403
  input: {
@@ -1541,7 +1541,7 @@ export declare const slotRecipes: {
1541
1541
  };
1542
1542
  };
1543
1543
  }>;
1544
- pinInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "input", {
1544
+ pinInput: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "input", {
1545
1545
  size: {
1546
1546
  sm: {
1547
1547
  input: {
@@ -1777,7 +1777,7 @@ export declare const slotRecipes: {
1777
1777
  };
1778
1778
  };
1779
1779
  }>;
1780
- popover: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "body" | "anchor" | "indicator" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger" | "arrow" | "arrowTip", {
1780
+ popover: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "content" | "positioner" | "closeTrigger" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "arrow" | "arrowTip" | "anchor", {
1781
1781
  size: {
1782
1782
  xs: {
1783
1783
  content: {
@@ -1932,7 +1932,7 @@ export declare const slotRecipes: {
1932
1932
  };
1933
1933
  };
1934
1934
  }>;
1935
- radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemContent" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
1935
+ radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemContent" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
1936
1936
  size: {
1937
1937
  sm: {
1938
1938
  item: {
@@ -2123,7 +2123,7 @@ export declare const slotRecipes: {
2123
2123
  };
2124
2124
  };
2125
2125
  }>;
2126
- radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
2126
+ radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
2127
2127
  variant: {
2128
2128
  outline: {
2129
2129
  itemControl: {
@@ -2200,7 +2200,7 @@ export declare const slotRecipes: {
2200
2200
  };
2201
2201
  };
2202
2202
  }>;
2203
- ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "root" | "item" | "itemIndicator", {
2203
+ ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "item" | "itemIndicator", {
2204
2204
  size: {
2205
2205
  xs: {
2206
2206
  item: {
@@ -2224,7 +2224,7 @@ export declare const slotRecipes: {
2224
2224
  };
2225
2225
  };
2226
2226
  }>;
2227
- segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemText" | "itemControl", {
2227
+ segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "item" | "itemText" | "itemControl", {
2228
2228
  size: {
2229
2229
  xs: {
2230
2230
  root: {
@@ -2272,7 +2272,7 @@ export declare const slotRecipes: {
2272
2272
  };
2273
2273
  };
2274
2274
  }>;
2275
- select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "control" | "indicator" | "root" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
2275
+ select: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "content" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
2276
2276
  variant: {
2277
2277
  outline: {
2278
2278
  trigger: {
@@ -2427,7 +2427,7 @@ export declare const slotRecipes: {
2427
2427
  };
2428
2428
  };
2429
2429
  }>;
2430
- slider: import("@chakra-ui/react").SlotRecipeDefinition<"marker" | "label" | "control" | "root" | "valueText" | "track" | "range" | "thumb" | "markerGroup" | "draggingIndicator" | "markerIndicator", {
2430
+ slider: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "control" | "marker" | "valueText" | "track" | "range" | "thumb" | "markerGroup" | "draggingIndicator" | "markerIndicator", {
2431
2431
  size: {
2432
2432
  sm: {
2433
2433
  root: {
@@ -2528,7 +2528,7 @@ export declare const slotRecipes: {
2528
2528
  };
2529
2529
  };
2530
2530
  }>;
2531
- stat: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "valueText" | "helpText" | "valueUnit", {
2531
+ stat: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "valueText" | "helpText" | "valueUnit", {
2532
2532
  size: {
2533
2533
  sm: {
2534
2534
  valueText: {
@@ -2547,7 +2547,7 @@ export declare const slotRecipes: {
2547
2547
  };
2548
2548
  };
2549
2549
  }>;
2550
- steps: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "progress" | "indicator" | "root" | "item" | "separator" | "title" | "list" | "trigger" | "nextTrigger" | "prevTrigger", {
2550
+ steps: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "content" | "item" | "separator" | "title" | "description" | "list" | "trigger" | "progress" | "nextTrigger" | "prevTrigger", {
2551
2551
  orientation: {
2552
2552
  vertical: {
2553
2553
  root: {
@@ -2689,7 +2689,7 @@ export declare const slotRecipes: {
2689
2689
  };
2690
2690
  };
2691
2691
  }>;
2692
- switch: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "indicator" | "root" | "thumb", {
2692
+ switch: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
2693
2693
  variant: {
2694
2694
  solid: {
2695
2695
  control: {
@@ -2766,7 +2766,7 @@ export declare const slotRecipes: {
2766
2766
  };
2767
2767
  };
2768
2768
  }>;
2769
- table: import("@chakra-ui/react").SlotRecipeDefinition<"body" | "cell" | "row" | "root" | "caption" | "header" | "footer" | "columnHeader", {
2769
+ table: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "row" | "caption" | "header" | "body" | "footer" | "cell" | "columnHeader", {
2770
2770
  interactive: {
2771
2771
  true: {
2772
2772
  body: {
@@ -2887,7 +2887,7 @@ export declare const slotRecipes: {
2887
2887
  };
2888
2888
  };
2889
2889
  }>;
2890
- tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "root" | "list" | "trigger" | "contentGroup", {
2890
+ tabs: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "content" | "list" | "trigger" | "contentGroup", {
2891
2891
  fitted: {
2892
2892
  true: {
2893
2893
  list: {
@@ -3130,7 +3130,7 @@ export declare const slotRecipes: {
3130
3130
  };
3131
3131
  };
3132
3132
  }>;
3133
- tag: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "endElement" | "startElement", {
3133
+ tag: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
3134
3134
  size: {
3135
3135
  sm: {
3136
3136
  root: {
@@ -3225,7 +3225,7 @@ export declare const slotRecipes: {
3225
3225
  };
3226
3226
  };
3227
3227
  }>;
3228
- toast: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "indicator" | "root" | "closeTrigger" | "title" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"description" | "indicator" | "root" | "closeTrigger" | "title" | "actionTrigger">>;
3228
+ toast: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "closeTrigger" | "title" | "description" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "indicator" | "closeTrigger" | "title" | "description" | "actionTrigger">>;
3229
3229
  tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
3230
3230
  variant: {
3231
3231
  inverted: {
@@ -3236,7 +3236,7 @@ export declare const slotRecipes: {
3236
3236
  };
3237
3237
  };
3238
3238
  }>;
3239
- status: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root", {
3239
+ status: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator", {
3240
3240
  size: {
3241
3241
  sm: {
3242
3242
  root: {
@@ -3255,7 +3255,7 @@ export declare const slotRecipes: {
3255
3255
  };
3256
3256
  };
3257
3257
  }>;
3258
- timeline: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "content" | "indicator" | "root" | "item" | "separator" | "title" | "connector", {
3258
+ timeline: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "content" | "item" | "separator" | "title" | "description" | "connector", {
3259
3259
  variant: {
3260
3260
  subtle: {
3261
3261
  indicator: {
@@ -3317,7 +3317,7 @@ export declare const slotRecipes: {
3317
3317
  };
3318
3318
  };
3319
3319
  }>;
3320
- suiAppShell: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "main", {
3320
+ suiAppShell: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "main", {
3321
3321
  position: {
3322
3322
  static: {
3323
3323
  root: {
@@ -3335,7 +3335,7 @@ export declare const slotRecipes: {
3335
3335
  plain: {};
3336
3336
  };
3337
3337
  }>;
3338
- suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"text" | "root", {
3338
+ suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "text", {
3339
3339
  variant: {
3340
3340
  fill: {
3341
3341
  root: {
@@ -3370,7 +3370,7 @@ export declare const slotRecipes: {
3370
3370
  };
3371
3371
  };
3372
3372
  }>;
3373
- suiPersona: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "presence" | "root" | "avatar" | "details" | "secondaryLabel" | "tertiaryLabel", {
3373
+ suiPersona: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "avatar" | "presence" | "details" | "secondaryLabel" | "tertiaryLabel", {
3374
3374
  size: {
3375
3375
  '2xs': {
3376
3376
  details: {
@@ -3472,7 +3472,7 @@ export declare const slotRecipes: {
3472
3472
  };
3473
3473
  };
3474
3474
  }>;
3475
- suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
3475
+ suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "header" | "cell", {
3476
3476
  interactive: {
3477
3477
  true: {
3478
3478
  item: {
@@ -3530,7 +3530,7 @@ export declare const slotRecipes: {
3530
3530
  };
3531
3531
  };
3532
3532
  }>;
3533
- suiNavbar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "link" | "root" | "item" | "brand", {
3533
+ suiNavbar: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "item" | "link" | "brand", {
3534
3534
  variant: {
3535
3535
  neutral: {
3536
3536
  root: {
@@ -3564,7 +3564,7 @@ export declare const slotRecipes: {
3564
3564
  };
3565
3565
  };
3566
3566
  }>;
3567
- suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"body" | "backdrop" | "root" | "header" | "footer" | "group" | "trigger" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
3567
+ suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "group" | "header" | "body" | "footer" | "trigger" | "backdrop" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
3568
3568
  mode: {
3569
3569
  collapsible: {
3570
3570
  root: {
@@ -3653,7 +3653,7 @@ export declare const slotRecipes: {
3653
3653
  };
3654
3654
  };
3655
3655
  }>;
3656
- suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "item" | "endElement", {
3656
+ suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"item" | "button" | "endElement", {
3657
3657
  variant: {
3658
3658
  muted: {
3659
3659
  button: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saas-ui/react",
3
- "version": "3.0.0-next.22",
3
+ "version": "3.0.0-next.24",
4
4
  "description": "Saas UI - The React component library for startups.",
5
5
  "type": "module",
6
6
  "exports": {