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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/.tsbuildinfo.json +1 -1
  3. package/dist/components/input/input-addon.recipe.js +1 -1
  4. package/dist/components/tag/tag.recipe.d.ts +1 -1
  5. package/dist/components/tag/tag.recipe.js +1 -1
  6. package/dist/theme/slot-recipes.d.ts +30 -30
  7. package/dist/theme/tokens/font-sizes.js +1 -1
  8. package/dist/theme/tokens/line-heights.js +1 -1
  9. package/dist/theme/tokens/sizes.js +1 -1
  10. package/dist/theme/tokens/spacing.js +1 -1
  11. package/package.json +2 -2
package/dist/components/input/input-addon.recipe.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineRecipe } from '@chakra-ui/react/styled-system';
2
- import { inputRecipe } from './input.recipe';
2
+ import { inputRecipe } from "./input.recipe.js";
3
3
  export const inputAddonRecipe = defineRecipe({
4
4
  className: 'chakra-input-addon',
5
5
  base: {
package/dist/components/tag/tag.recipe.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export declare const tagSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "endElement" | "startElement", {
1
+ export declare const tagSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
2
2
  size: {
3
3
  sm: {
4
4
  root: {
package/dist/components/tag/tag.recipe.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { tagAnatomy } from '@chakra-ui/react/anatomy';
2
2
  import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
3
- import { badgeRecipe } from '../badge/badge.recipe';
3
+ import { badgeRecipe } from "../badge/badge.recipe.js";
4
4
  const badgeVariant = badgeRecipe.variants?.variant;
5
5
  export const tagSlotRecipe = defineSlotRecipe({
6
6
  slots: tagAnatomy.keys(),
package/dist/theme/slot-recipes.d.ts CHANGED
@@ -74,8 +74,8 @@ export declare const slotRecipes: {
74
74
  };
75
75
  };
76
76
  }>;
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<"root" | "indicator" | "content" | "title" | "description", {
77
+ actionBar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "closeTrigger" | "positioner" | "separator" | "selectionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "closeTrigger" | "positioner" | "separator" | "selectionTrigger">>;
78
+ alert: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "title" | "description" | "indicator", {
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<"root" | "content" | "icon" | "caption", {
287
+ blockquote: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "icon" | "caption", {
288
288
  justify: {
289
289
  start: {
290
290
  root: {
@@ -452,7 +452,7 @@ export declare const slotRecipes: {
452
452
  };
453
453
  };
454
454
  }>;
455
- checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "group" | "indicator" | "control", {
455
+ checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "indicator" | "group" | "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<"label" | "root" | "indicator" | "control" | "content" | "description" | "addon", {
535
+ checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "root" | "description" | "indicator" | "control" | "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<"root" | "content" | "trigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "content" | "trigger">>;
723
+ collapsible: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "trigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "root" | "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<"content" | "positioner" | "closeTrigger" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "backdrop", {
779
+ dialog: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "closeTrigger" | "positioner" | "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<"content" | "positioner" | "closeTrigger" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "backdrop", {
927
+ drawer: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "closeTrigger" | "positioner" | "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" | "root" | "control" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger" | "textarea", {
1040
+ editable: import("@chakra-ui/react").SlotRecipeDefinition<"textarea" | "label" | "root" | "control" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger", {
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<"root" | "indicator" | "content" | "title" | "description" | "actions", {
1077
+ emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "title" | "description" | "indicator" | "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" | "root" | "input" | "textarea" | "select" | "errorText" | "helperText" | "requiredIndicator", {
1159
+ field: import("@chakra-ui/react").SlotRecipeDefinition<"textarea" | "label" | "root" | "input" | "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<"root" | "indicator" | "item", {
1217
+ list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "indicator", {
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<"indicator" | "content" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
1255
+ menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "item" | "itemIndicator" | "positioner" | "separator" | "indicator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
1256
1256
  variant: {
1257
1257
  subtle: {
1258
1258
  item: {
@@ -1777,7 +1777,7 @@ export declare const slotRecipes: {
1777
1777
  };
1778
1778
  };
1779
1779
  }>;
1780
- popover: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "content" | "positioner" | "closeTrigger" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "arrow" | "arrowTip" | "anchor", {
1780
+ popover: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "closeTrigger" | "positioner" | "title" | "description" | "indicator" | "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" | "root" | "indicator" | "item" | "itemContent" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
1935
+ radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "itemIndicator" | "indicator" | "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" | "root" | "indicator" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
2126
+ radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "indicator" | "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" | "root" | "control" | "item" | "itemIndicator", {
2203
+ ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemIndicator" | "control", {
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" | "root" | "indicator" | "item" | "itemText" | "itemControl", {
2227
+ segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "indicator" | "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<"label" | "root" | "indicator" | "control" | "content" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
2275
+ select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "label" | "root" | "item" | "itemIndicator" | "positioner" | "indicator" | "list" | "control" | "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<"label" | "root" | "control" | "marker" | "valueText" | "track" | "range" | "thumb" | "markerGroup" | "draggingIndicator" | "markerIndicator", {
2430
+ slider: import("@chakra-ui/react").SlotRecipeDefinition<"marker" | "label" | "root" | "control" | "valueText" | "track" | "range" | "thumb" | "markerGroup" | "draggingIndicator" | "markerIndicator", {
2431
2431
  size: {
2432
2432
  sm: {
2433
2433
  root: {
@@ -2547,7 +2547,7 @@ export declare const slotRecipes: {
2547
2547
  };
2548
2548
  };
2549
2549
  }>;
2550
- steps: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "content" | "item" | "separator" | "title" | "description" | "list" | "trigger" | "progress" | "nextTrigger" | "prevTrigger", {
2550
+ steps: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "progress" | "item" | "separator" | "title" | "description" | "indicator" | "list" | "trigger" | "nextTrigger" | "prevTrigger", {
2551
2551
  orientation: {
2552
2552
  vertical: {
2553
2553
  root: {
@@ -2766,7 +2766,7 @@ export declare const slotRecipes: {
2766
2766
  };
2767
2767
  };
2768
2768
  }>;
2769
- table: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "row" | "caption" | "header" | "body" | "footer" | "cell" | "columnHeader", {
2769
+ table: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "cell" | "row" | "caption" | "header" | "body" | "footer" | "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<"root" | "indicator" | "content" | "list" | "trigger" | "contentGroup", {
2890
+ tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "indicator" | "list" | "trigger" | "contentGroup", {
2891
2891
  fitted: {
2892
2892
  true: {
2893
2893
  list: {
@@ -3225,7 +3225,7 @@ export declare const slotRecipes: {
3225
3225
  };
3226
3226
  };
3227
3227
  }>;
3228
- toast: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "closeTrigger" | "title" | "description" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "indicator" | "closeTrigger" | "title" | "description" | "actionTrigger">>;
3228
+ toast: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "closeTrigger" | "title" | "description" | "indicator" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "closeTrigger" | "title" | "description" | "indicator" | "actionTrigger">>;
3229
3229
  tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
3230
3230
  variant: {
3231
3231
  inverted: {
@@ -3255,7 +3255,7 @@ export declare const slotRecipes: {
3255
3255
  };
3256
3256
  };
3257
3257
  }>;
3258
- timeline: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "content" | "item" | "separator" | "title" | "description" | "connector", {
3258
+ timeline: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "item" | "separator" | "title" | "description" | "indicator" | "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<"root" | "content" | "main", {
3320
+ suiAppShell: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "main", {
3321
3321
  position: {
3322
3322
  static: {
3323
3323
  root: {
@@ -3472,7 +3472,7 @@ export declare const slotRecipes: {
3472
3472
  };
3473
3473
  };
3474
3474
  }>;
3475
- suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "header" | "cell", {
3475
+ suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "cell" | "item" | "header", {
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<"root" | "content" | "item" | "link" | "brand", {
3533
+ suiNavbar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "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<"root" | "group" | "header" | "body" | "footer" | "trigger" | "backdrop" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
3567
+ suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "header" | "body" | "footer" | "group" | "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<"item" | "button" | "endElement", {
3656
+ suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "endElement" | "item", {
3657
3657
  variant: {
3658
3658
  muted: {
3659
3659
  button: {
package/dist/theme/tokens/font-sizes.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineTokens } from '@chakra-ui/react';
2
- import { scaleToken } from '../utils';
2
+ import { scaleToken } from "../utils.js";
3
3
  export const fontSizes = defineTokens.fontSizes({
4
4
  '2xs': { value: scaleToken('0.675rem') },
5
5
  xs: { value: scaleToken('0.75rem') },
package/dist/theme/tokens/line-heights.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineTokens } from '@chakra-ui/react';
2
- import { scaleToken } from '../utils';
2
+ import { scaleToken } from "../utils.js";
3
3
  export const lineHeights = defineTokens.lineHeights({
4
4
  shorter: { value: scaleToken('1.25') },
5
5
  short: { value: scaleToken('1.375') },
package/dist/theme/tokens/sizes.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineTokens } from '@chakra-ui/react';
2
- import { spacing } from './spacing';
2
+ import { spacing } from "./spacing.js";
3
3
  const largeSizes = defineTokens.sizes({
4
4
  '3xs': { value: '14rem' },
5
5
  '2xs': { value: '16rem' },
package/dist/theme/tokens/spacing.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { defineTokens } from '@chakra-ui/react';
2
- import { scaleToken } from '../utils';
2
+ import { scaleToken } from "../utils.js";
3
3
  export const spacing = defineTokens.spacing({
4
4
  0.5: { value: scaleToken('0.125rem') },
5
5
  1: { value: scaleToken('0.25rem') },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@saas-ui/react",
3
- "version": "3.0.0-next.24",
3
+ "version": "3.0.0-next.26",
4
4
  "description": "Saas UI - The React component library for startups.",
5
5
  "type": "module",
6
6
  "exports": {
@@ -35,7 +35,7 @@
35
35
  "build:types": "tsc --emitDeclarationOnly --outDir dist --project tsconfig.json",
36
36
  "prebuild": "yarn clean",
37
37
  "build": "tsc --outDir dist --project tsconfig.json",
38
- "lint": "eslint src --ext .ts,.tsx,.js,.jsx --config ../../.eslintrc.js",
38
+ "lint": "eslint src --ext .ts,.tsx,.js,.jsx --config ../../eslint.config.js",
39
39
  "lint:staged": "lint-staged --allow-empty --config ../../lint-staged.config.js",
40
40
  "typecheck": "tsc --noEmit"
41
41
  },