@saas-ui/react 3.0.0-next.33 → 3.0.0-next.35

package/dist/theme/slot-recipes.d.ts

@@ -75,7 +75,7 @@ export declare const slotRecipes: {
         };
     }>;
     actionBar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "positioner" | "separator" | "selectionTrigger" | "closeTrigger">>;
-    alert: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "title" | "description" | "indicator", {
+    alert: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "indicator" | "root" | "title", {
         status: {
             info: {
                 root: {
@@ -283,7 +283,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    blockquote: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "icon" | "caption", {
+    blockquote: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "icon" | "caption", {
         justify: {
             start: {
                 root: {
@@ -335,7 +335,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    breadcrumb: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "separator" | "link" | "currentLink" | "list" | "ellipsis", {
+    breadcrumb: import("@chakra-ui/react").SlotRecipeDefinition<"link" | "root" | "item" | "separator" | "currentLink" | "list" | "ellipsis", {
         variant: {
             underline: {
                 link: {
@@ -381,7 +381,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    card: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "title" | "description" | "header" | "body" | "footer", {
+    card: import("@chakra-ui/react").SlotRecipeDefinition<"body" | "description" | "root" | "title" | "header" | "footer", {
         size: {
             sm: {
                 root: {
@@ -459,7 +459,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "indicator" | "group" | "control", {
+    checkbox: import("@chakra-ui/react").SlotRecipeDefinition<"control" | "indicator" | "label" | "root" | "group", {
         size: {
             xs: {
                 root: {
@@ -539,7 +539,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "label" | "description" | "indicator" | "control" | "addon", {
+    checkboxCard: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "control" | "indicator" | "label" | "root" | "addon", {
         size: {
             sm: {
                 root: {
@@ -727,7 +727,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    collapsible: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "indicator" | "trigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "content" | "indicator" | "trigger">>;
+    collapsible: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "root" | "trigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "indicator" | "root" | "trigger">>;
     dataList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemLabel" | "itemValue", {
         orientation: {
             horizontal: {
@@ -783,7 +783,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    dialog: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "closeTrigger" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "backdrop", {
+    dialog: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "description" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger", {
         variant: {
             dialog: {};
             confirm: {
@@ -949,7 +949,7 @@ export declare const slotRecipes: {
             none: {};
         };
     }>;
-    drawer: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "closeTrigger" | "title" | "description" | "header" | "body" | "footer" | "trigger" | "backdrop", {
+    drawer: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "description" | "backdrop" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger", {
         size: {
             xs: {
                 content: {
@@ -1062,7 +1062,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    editable: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "control" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger" | "textarea", {
+    editable: import("@chakra-ui/react").SlotRecipeDefinition<"control" | "label" | "textarea" | "root" | "input" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger", {
         size: {
             sm: {
                 root: {
@@ -1099,7 +1099,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "title" | "description" | "indicator" | "actions", {
+    emptyState: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "indicator" | "root" | "title" | "actions", {
         size: {
             sm: {
                 root: {
@@ -1181,7 +1181,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    field: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "input" | "textarea" | "select" | "errorText" | "helperText" | "requiredIndicator", {
+    field: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "textarea" | "root" | "input" | "select" | "errorText" | "helperText" | "requiredIndicator", {
         orientation: {
             vertical: {
                 root: {
@@ -1210,7 +1210,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    fileUpload: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemContent" | "label" | "trigger" | "dropzone" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "clearTrigger" | "dropzoneContent" | "fileText", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "item" | "itemContent" | "label" | "trigger" | "dropzone" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "clearTrigger" | "dropzoneContent" | "fileText">>;
+    fileUpload: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "item" | "itemContent" | "trigger" | "dropzone" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "clearTrigger" | "dropzoneContent" | "fileText", import("@chakra-ui/react").SlotRecipeVariantRecord<"label" | "root" | "item" | "itemContent" | "trigger" | "dropzone" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "clearTrigger" | "dropzoneContent" | "fileText">>;
     hoverCard: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
         size: {
             xs: {
@@ -1239,7 +1239,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    list: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "indicator", {
+    list: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root" | "item", {
         variant: {
             marker: {
                 root: {
@@ -1277,7 +1277,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "item" | "itemIndicator" | "positioner" | "separator" | "indicator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
+    menu: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "item" | "itemIndicator" | "positioner" | "separator" | "trigger" | "itemGroup" | "arrow" | "arrowTip" | "contextTrigger" | "itemGroupLabel" | "itemText" | "triggerItem" | "itemCommand", {
         variant: {
             subtle: {
                 item: {
@@ -1334,7 +1334,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    nativeSelect: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator" | "field", {
+    nativeSelect: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root" | "field", {
         variant: {
             outline: {
                 field: {
@@ -1424,7 +1424,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    numberInput: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "control" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
+    numberInput: import("@chakra-ui/react").SlotRecipeDefinition<"control" | "label" | "root" | "input" | "valueText" | "incrementTrigger" | "decrementTrigger" | "scrubber", {
         size: {
             xs: {
                 input: {
@@ -1568,7 +1568,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    pinInput: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "control" | "input", {
+    pinInput: import("@chakra-ui/react").SlotRecipeDefinition<"control" | "label" | "root" | "input", {
         size: {
             sm: {
                 input: {
@@ -1804,7 +1804,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    popover: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "closeTrigger" | "title" | "description" | "indicator" | "header" | "body" | "footer" | "trigger" | "anchor" | "arrow" | "arrowTip", {
+    popover: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "description" | "anchor" | "indicator" | "positioner" | "closeTrigger" | "title" | "header" | "footer" | "trigger" | "arrow" | "arrowTip", {
         size: {
             xs: {
                 content: {
@@ -1828,7 +1828,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    progress: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "valueText" | "circle" | "track" | "range" | "view" | "circleTrack" | "circleRange", {
+    progress: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "valueText" | "circle" | "track" | "range" | "view" | "circleTrack" | "circleRange", {
         variant: {
             outline: {
                 track: {
@@ -1910,7 +1910,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    progressCircle: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "valueText" | "circle" | "track" | "range" | "view" | "circleTrack" | "circleRange", {
+    progressCircle: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "valueText" | "circle" | "track" | "range" | "view" | "circleTrack" | "circleRange", {
         size: {
             xs: {
                 circle: {
@@ -1959,7 +1959,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemContent" | "itemIndicator" | "label" | "indicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
+    radioCard: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "label" | "root" | "item" | "itemContent" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon" | "itemDescription", {
         size: {
             sm: {
                 item: {
@@ -2150,7 +2150,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemIndicator" | "label" | "indicator" | "itemText" | "itemControl" | "itemAddon", {
+    radioGroup: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "label" | "root" | "item" | "itemIndicator" | "itemText" | "itemControl" | "itemAddon", {
         variant: {
             outline: {
                 itemControl: {
@@ -2227,7 +2227,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "itemIndicator" | "label" | "control", {
+    ratingGroup: import("@chakra-ui/react").SlotRecipeDefinition<"control" | "label" | "root" | "item" | "itemIndicator", {
         size: {
             xs: {
                 item: {
@@ -2251,7 +2251,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "label" | "indicator" | "itemText" | "itemControl", {
+    segmentGroup: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "label" | "root" | "item" | "itemText" | "itemControl", {
         size: {
             xs: {
                 root: {
@@ -2299,7 +2299,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    select: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "item" | "itemIndicator" | "label" | "positioner" | "indicator" | "list" | "control" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
+    select: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "control" | "indicator" | "label" | "root" | "item" | "itemIndicator" | "positioner" | "list" | "trigger" | "itemGroup" | "clearTrigger" | "itemGroupLabel" | "itemText" | "valueText" | "indicatorGroup", {
         variant: {
             outline: {
                 trigger: {
@@ -2454,7 +2454,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    slider: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "marker" | "label" | "control" | "valueText" | "track" | "range" | "thumb" | "markerGroup" | "draggingIndicator" | "markerIndicator", {
+    slider: import("@chakra-ui/react").SlotRecipeDefinition<"marker" | "control" | "label" | "root" | "valueText" | "track" | "range" | "thumb" | "markerGroup" | "draggingIndicator" | "markerIndicator", {
         size: {
             sm: {
                 root: {
@@ -2555,7 +2555,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    stat: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "indicator" | "valueText" | "helpText" | "valueUnit", {
+    stat: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "label" | "root" | "valueText" | "helpText" | "valueUnit", {
         size: {
             sm: {
                 valueText: {
@@ -2574,7 +2574,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    steps: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "item" | "separator" | "title" | "description" | "indicator" | "list" | "trigger" | "progress" | "nextTrigger" | "prevTrigger", {
+    steps: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "indicator" | "progress" | "root" | "item" | "separator" | "title" | "list" | "trigger" | "nextTrigger" | "prevTrigger", {
         orientation: {
             vertical: {
                 root: {
@@ -2716,7 +2716,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    switch: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "indicator" | "control" | "thumb", {
+    switch: import("@chakra-ui/react").SlotRecipeDefinition<"control" | "indicator" | "label" | "root" | "thumb", {
         variant: {
             solid: {
                 control: {
@@ -2793,7 +2793,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    table: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "row" | "caption" | "header" | "body" | "footer" | "cell" | "columnHeader", {
+    table: import("@chakra-ui/react").SlotRecipeDefinition<"body" | "cell" | "row" | "root" | "caption" | "header" | "footer" | "columnHeader", {
         interactive: {
             true: {
                 body: {
@@ -2914,7 +2914,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    tabs: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "indicator" | "list" | "trigger" | "contentGroup", {
+    tabs: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "indicator" | "root" | "list" | "trigger" | "contentGroup", {
         fitted: {
             true: {
                 list: {
@@ -3177,7 +3177,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    tag: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "closeTrigger" | "startElement" | "endElement", {
+    tag: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
         size: {
             sm: {
                 root: {
@@ -3272,7 +3272,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    toast: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "closeTrigger" | "title" | "description" | "indicator" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"root" | "closeTrigger" | "title" | "description" | "indicator" | "actionTrigger">>;
+    toast: import("@chakra-ui/react").SlotRecipeDefinition<"description" | "indicator" | "root" | "closeTrigger" | "title" | "actionTrigger", import("@chakra-ui/react").SlotRecipeVariantRecord<"description" | "indicator" | "root" | "closeTrigger" | "title" | "actionTrigger">>;
     tooltip: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
         variant: {
             inverted: {
@@ -3283,7 +3283,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    status: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "indicator", {
+    status: import("@chakra-ui/react").SlotRecipeDefinition<"indicator" | "root", {
         size: {
             sm: {
                 root: {
@@ -3302,7 +3302,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    timeline: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "item" | "separator" | "title" | "description" | "indicator" | "connector", {
+    timeline: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "description" | "indicator" | "root" | "item" | "separator" | "title" | "connector", {
         variant: {
             subtle: {
                 indicator: {
@@ -3364,7 +3364,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    suiAppShell: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "main", {
+    suiAppShell: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "root" | "main", {
         fullscreen: {
             true: {
                 root: {
@@ -3377,7 +3377,7 @@ export declare const slotRecipes: {
             plain: {};
         };
     }>;
-    suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "text", {
+    suiLoadingOverlay: import("@chakra-ui/react").SlotRecipeDefinition<"text" | "root", {
         variant: {
             fill: {
                 root: {
@@ -3403,7 +3403,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    suiPersona: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "label" | "avatar" | "presence" | "details" | "secondaryLabel" | "tertiaryLabel", {
+    suiPersona: import("@chakra-ui/react").SlotRecipeDefinition<"presence" | "label" | "root" | "avatar" | "details" | "secondaryLabel" | "tertiaryLabel", {
         size: {
             '2xs': {
                 details: {
@@ -3505,7 +3505,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "item" | "header" | "cell", {
+    suiGridList: import("@chakra-ui/react").SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
         interactive: {
             true: {
                 item: {
@@ -3563,7 +3563,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    suiNavbar: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "content" | "item" | "link" | "brand", {
+    suiNavbar: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "link" | "root" | "item" | "brand", {
         variant: {
             neutral: {
                 root: {
@@ -3597,7 +3597,26 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"root" | "header" | "body" | "footer" | "group" | "trigger" | "backdrop" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
+    suiSidebar: import("@chakra-ui/react").SlotRecipeDefinition<"inset" | "body" | "backdrop" | "root" | "header" | "footer" | "group" | "trigger" | "track" | "flyoutTrigger" | "groupHeader" | "groupTitle" | "groupEndElement" | "groupContent", {
+        variant: {
+            sidebar: {
+                root: {
+                    borderRightWidth: "1px";
+                    borderLeftColor: "sidebar.border";
+                };
+                inset: {};
+            };
+            inset: {
+                inset: {
+                    borderColor: "sidebar.border";
+                    borderWidth: "1px";
+                    borderRadius: "panel.md";
+                    marginBlock: "var(--inset-gap, {spacing.2})";
+                    marginEnd: "var(--inset-gap, {spacing.2})";
+                    overflow: "clip";
+                };
+            };
+        };
         mode: {
             collapsible: {
                 root: {
@@ -3686,7 +3705,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"item" | "button" | "endElement", {
+    suiSidebarNavItem: import("@chakra-ui/react").SlotRecipeDefinition<"button" | "item" | "endElement", {
         variant: {
             muted: {
                 button: {
@@ -3752,8 +3771,7 @@ export declare const slotRecipes: {
         variant: {
             panel: {
                 root: {
-                    '--page-bg-color': "colors.bg.muted";
-                    bg: "color-mix(in srgb, var(--page-bg-color) 50%, white)";
+                    bg: "var(--page-bg-color)";
                     zIndex: number;
                 };
                 header: {

package/dist/theme/tokens/colors.d.ts

@@ -81,41 +81,6 @@ export declare const colors: {
             value: string;
         };
     };
-    slate: {
-        50: {
-            value: string;
-        };
-        100: {
-            value: string;
-        };
-        200: {
-            value: string;
-        };
-        300: {
-            value: string;
-        };
-        400: {
-            value: string;
-        };
-        500: {
-            value: string;
-        };
-        600: {
-            value: string;
-        };
-        700: {
-            value: string;
-        };
-        800: {
-            value: string;
-        };
-        900: {
-            value: string;
-        };
-        950: {
-            value: string;
-        };
-    };
     gray: {
         50: {
             value: string;

package/dist/theme/tokens/colors.js

@@ -2,7 +2,7 @@ import { defineTokens } from '@chakra-ui/react';
 export const colors = defineTokens.colors({
     transparent: { value: 'transparent' },
     current: { value: 'currentColor' },
-    black: { value: 'oklch(0.07 0 0)' },
+    black: { value: 'oklch(0.05 0.030 261.692)' },
     white: { value: 'oklch(1 0 0)' },
     whiteAlpha: {
         50: { value: 'oklch(1 0 0 / 0.04)' },
@@ -30,31 +30,18 @@ export const colors = defineTokens.colors({
         900: { value: 'oklch(0 0 0 / 0.92)' },
         950: { value: 'oklch(0 0 0 / 0.95)' },
     },
-    slate: {
-        50: { value: 'oklch(0.984 0.003 247.858)' },
-        100: { value: 'oklch(0.968 0.007 247.896)' },
-        200: { value: 'oklch(0.929 0.013 255.508)' },
-        300: { value: 'oklch(0.869 0.022 252.894)' },
-        400: { value: 'oklch(0.704 0.04 256.788)' },
-        500: { value: 'oklch(0.554 0.046 257.417)' },
-        600: { value: 'oklch(0.446 0.043 257.281)' },
-        700: { value: 'oklch(0.372 0.044 257.287)' },
-        800: { value: 'oklch(0.279 0.041 260.031)' },
-        900: { value: 'oklch(0.208 0.042 265.755)' },
-        950: { value: 'oklch(0.129 0.042 264.695)' },
-    },
     gray: {
         50: { value: 'oklch(0.985 0.002 247.839)' },
         100: { value: 'oklch(0.967 0.003 264.542)' },
         200: { value: 'oklch(0.928 0.006 264.531)' },
         300: { value: 'oklch(0.872 0.01 258.338)' },
-        400: { value: 'oklch(0.707 0.022 261.325)' },
-        500: { value: 'oklch(0.551 0.027 264.364)' },
-        600: { value: 'oklch(0.446 0.03 256.802)' },
-        700: { value: 'oklch(0.373 0.034 259.733)' },
-        800: { value: 'oklch(0.278 0.033 256.848)' },
-        900: { value: 'oklch(0.21 0.034 264.665)' },
-        950: { value: 'oklch(0.13 0.028 261.692)' },
+        400: { value: 'oklch(0.707 0.012 261.325)' },
+        500: { value: 'oklch(0.551 0.015 264.364)' },
+        600: { value: 'oklch(0.446 0.016 256.802)' },
+        700: { value: 'oklch(0.373 0.017 259.733)' },
+        800: { value: 'oklch(0.278 0.018 256.848)' },
+        900: { value: 'oklch(0.21 0.020 264.665)' },
+        950: { value: 'oklch(0.145 0.022 261.692)' },
     },
     zinc: {
         50: { value: 'oklch(0.985 0 0)' },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-next.33",
+  "version": "3.0.0-next.35",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {