@saas-ui/react 3.0.0-alpha.25 → 3.0.0-alpha.27

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @saas-ui/react
 
+## 3.0.0-alpha.27
+
+### Patch Changes
+
+- 56b0623: Update with upstream changes
+- 56b0623: Fixed issue where backdrop would render on top of dialog and drawer
+
+## 3.0.0-alpha.26
+
+### Patch Changes
+
+- c51e12c: Improved radii tokens
+
 ## 3.0.0-alpha.25
 
 ### Minor Changes
@@ -229,11 +242,187 @@
 
 - v3 alpha release
 
+## 2.11.4
+
+### Patch Changes
+
+- Updated dependencies [091fd38]
+  - @saas-ui/forms@2.11.0
+  - @saas-ui/modals@2.4.4
+  - @saas-ui/data-table@13.0.4
+
+## 2.11.3
+
+### Patch Changes
+
+- Updated dependencies [eb53116]
+  - @saas-ui/forms@2.10.0
+  - @saas-ui/modals@2.4.3
+  - @saas-ui/data-table@13.0.3
+
+## 2.11.2
+
+### Patch Changes
+
+- 862937a: Bump chakra version
+- Updated dependencies [862937a]
+  - @saas-ui/data-table@13.0.2
+  - @saas-ui/nprogress@2.2.1
+  - @saas-ui/hotkeys@2.5.1
+  - @saas-ui/modals@2.4.2
+  - @saas-ui/forms@2.9.1
+  - @saas-ui/theme@2.6.1
+  - @saas-ui/core@2.8.1
+
+## 2.11.1
+
+### Patch Changes
+
+- Updated dependencies [a69829a]
+  - @saas-ui/hooks@2.3.0
+  - @saas-ui/modals@2.4.1
+  - @saas-ui/data-table@13.0.1
+
+## 2.11.0
+
+### Minor Changes
+
+- 803ede7: Updated Chakra UI version range to >=2.9.0 <3
+
+### Patch Changes
+
+- Updated dependencies [803ede7]
+  - @saas-ui/data-table@13.0.0
+  - @saas-ui/nprogress@2.2.0
+  - @saas-ui/hotkeys@2.5.0
+  - @saas-ui/modals@2.4.0
+  - @saas-ui/forms@2.9.0
+  - @saas-ui/hooks@2.2.0
+  - @saas-ui/theme@2.6.0
+  - @saas-ui/core@2.8.0
+
+## 2.10.5
+
+### Patch Changes
+
+- c9daf50: Fixed issue where link component prop would not be passed to NavItem
+- Updated dependencies [c9daf50]
+  - @saas-ui/core@2.7.2
+  - @saas-ui/data-table@12.0.5
+  - @saas-ui/forms@2.8.2
+  - @saas-ui/hotkeys@2.4.2
+  - @saas-ui/modals@2.3.5
+
+## 2.10.4
+
+### Patch Changes
+
+- a863a5e: Updated package type to fix next 15 support
+- Updated dependencies [a863a5e]
+  - @saas-ui/modals@2.3.4
+  - @saas-ui/data-table@12.0.4
+
+## 2.10.3
+
 ### Patch Changes
 
 - Updated dependencies
+  <<<<<<< HEAD
   - @saas-ui/hooks@3.0.0-alpha.0
-  - @saas-ui/core@3.0.0-alpha.0
+  - # @saas-ui/core@3.0.0-alpha.0
+  - @saas-ui/modals@2.3.3
+  - @saas-ui/data-table@12.0.3
+
+## 2.10.2
+
+### Patch Changes
+
+- 7669720: Fixed publint issues
+- Updated dependencies [7669720]
+  - @saas-ui/modals@2.3.2
+  - @saas-ui/data-table@12.0.2
+
+## 2.10.1
+
+### Patch Changes
+
+- 5e24ec4: Fixed issue where as prop on NavItem would always be overruled by internal Link prop if href is passed
+- Updated dependencies [5e24ec4]
+  - @saas-ui/core@2.7.1
+  - @saas-ui/data-table@12.0.1
+  - @saas-ui/forms@2.8.1
+  - @saas-ui/hotkeys@2.4.1
+  - @saas-ui/modals@2.3.1
+
+## 2.10.0
+
+### Minor Changes
+
+- fc799df: Removed deprecated Chakra UI dependency
+
+### Patch Changes
+
+- Updated dependencies [fc799df]
+  - @saas-ui/hotkeys@2.4.0
+  - @saas-ui/modals@2.3.0
+  - @saas-ui/forms@2.8.0
+  - @saas-ui/core@2.7.0
+  - @saas-ui/data-table@12.0.0
+
+## 2.9.1
+
+### Patch Changes
+
+- f0ee3db: Updated to Chakra 2.10
+- Updated dependencies [f0ee3db]
+  - @saas-ui/data-table@11.0.1
+  - @saas-ui/nprogress@2.1.1
+  - @saas-ui/hotkeys@2.3.1
+  - @saas-ui/modals@2.2.1
+  - @saas-ui/forms@2.7.1
+  - @saas-ui/theme@2.5.1
+  - @saas-ui/core@2.6.1
+
+## 2.9.0
+
+### Minor Changes
+
+- 2ac496a: Upgraded to Chakra UI v2.9.3
+
+### Patch Changes
+
+- Updated dependencies [2ac496a]
+  - @saas-ui/data-table@11.0.0
+  - @saas-ui/nprogress@2.1.0
+  - @saas-ui/hotkeys@2.3.0
+  - @saas-ui/modals@2.2.0
+  - @saas-ui/forms@2.7.0
+  - @saas-ui/hooks@2.1.0
+  - @saas-ui/theme@2.5.0
+  - @saas-ui/core@2.6.0
+
+## 2.8.11
+
+### Patch Changes
+
+- 5e000e0: Removed background color from loading overlay fill variant
+- Updated dependencies [5e000e0]
+  - @saas-ui/theme@2.4.2
+  - @saas-ui/core@2.5.6
+  - @saas-ui/data-table@10.0.11
+  - @saas-ui/forms@2.6.11
+  - @saas-ui/hotkeys@2.2.14
+  - @saas-ui/modals@2.1.41
+
+## 2.8.10
+
+### Patch Changes
+
+- Updated dependencies [fc2203a]
+  - @saas-ui/forms@2.6.10
+  - @saas-ui/modals@2.1.40
+  - @saas-ui/data-table@10.0.10
+    > > > > > > > v3
 
 ## 2.8.9
 

package/dist/{chunk-CZVNG73V.js → chunk-32DD6PHF.js}

@@ -44,7 +44,7 @@ var Content = forwardRef(
   }
 );
 var CloseButton2 = forwardRef(function DialogCloseTrigger(props, ref) {
-  return /* @__PURE__ */ jsx(ChakraDialog.CloseTrigger, { position: "absolute", ...props, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children }) });
+  return /* @__PURE__ */ jsx(ChakraDialog.CloseTrigger, { ...props, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children }) });
 });
 var CloseTrigger = ChakraDialog.CloseTrigger;
 var Root = ChakraDialog.Root;

package/dist/{chunk-6MMPBMKN.js → chunk-LTVFG6UC.js}

@@ -35,7 +35,7 @@ var Content = forwardRef(
 );
 var CloseButton2 = forwardRef(function DrawerCloseTrigger(props, ref) {
   const { children, ...rest } = props;
-  return /* @__PURE__ */ jsx(ChakraDrawer.CloseTrigger, { position: "absolute", ...rest, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children }) });
+  return /* @__PURE__ */ jsx(ChakraDrawer.CloseTrigger, { ...rest, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children }) });
 });
 var CloseTrigger = ChakraDrawer.CloseTrigger;
 var Trigger = ChakraDrawer.Trigger;

package/dist/components/dialog/index.cjs

@@ -185,7 +185,7 @@ var Content = (0, import_react4.forwardRef)(
   }
 );
 var CloseButton3 = (0, import_react4.forwardRef)(function DialogCloseTrigger(props, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.CloseTrigger, { position: "absolute", ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Dialog.CloseTrigger, { ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children: props.children }) });
 });
 var CloseTrigger = import_react5.Dialog.CloseTrigger;
 var Root = import_react5.Dialog.Root;

package/dist/components/dialog/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   dialog_exports
-} from "../../chunk-CZVNG73V.js";
+} from "../../chunk-32DD6PHF.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-YXGJOOMM.js";
 import "../../chunk-4TPVIHNO.js";

package/dist/components/drawer/index.cjs

@@ -176,7 +176,7 @@ var Content = (0, import_react4.forwardRef)(
 );
 var CloseButton3 = (0, import_react4.forwardRef)(function DrawerCloseTrigger(props, ref) {
   const { children, ...rest } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.CloseTrigger, { position: "absolute", ...rest, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Drawer.CloseTrigger, { ...rest, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm", ref, children }) });
 });
 var CloseTrigger = import_react5.Drawer.CloseTrigger;
 var Trigger = import_react5.Drawer.Trigger;

package/dist/components/drawer/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   drawer_exports
-} from "../../chunk-6MMPBMKN.js";
+} from "../../chunk-LTVFG6UC.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-YXGJOOMM.js";
 import "../../chunk-4TPVIHNO.js";

package/dist/index.cjs

@@ -220,10 +220,10 @@ var globalCss = (0, import_react3.defineGlobalStyles)({
     "--global-font-body": "fonts.body",
     "--global-color-border": "colors.border",
     "--cursor-button": "default",
-    "--radius-factor": "1",
-    "--radius-control": "1",
-    "--radius-panel": "1",
-    "--radius-indicator": "1",
+    // '--radius-factor': '1',
+    // '--radius-control': '1',
+    // '--radius-panel': '1',
+    // '--radius-indicator': '1',
     "--radius-full": "9999px",
     "--scale-factor": "1",
     "--overlay-translucency": "90%",
@@ -477,7 +477,7 @@ var buttonRecipe = (0, import_react6.defineRecipe)({
         h: "6",
         minW: "6",
         textStyle: "xs",
-        borderRadius: "sm",
+        borderRadius: "control.sm",
         px: "2"
       },
       sm: {
@@ -485,14 +485,14 @@ var buttonRecipe = (0, import_react6.defineRecipe)({
         h: "7",
         minW: "7",
         textStyle: "sm",
-        borderRadius: "md",
+        borderRadius: "control.md",
         px: "2.5"
       },
       md: {
         gap: "2",
         h: "8",
         minW: "8",
-        borderRadius: "md",
+        borderRadius: "control.md",
         textStyle: "sm",
         px: "3"
       },
@@ -500,7 +500,7 @@ var buttonRecipe = (0, import_react6.defineRecipe)({
         gap: "3",
         h: "10",
         minW: "10",
-        borderRadius: "lg",
+        borderRadius: "control.lg",
         textStyle: "md",
         px: "4.5"
       },
@@ -508,7 +508,7 @@ var buttonRecipe = (0, import_react6.defineRecipe)({
         gap: "3",
         h: "12",
         minW: "12",
-        borderRadius: "lg",
+        borderRadius: "control.lg",
         textStyle: "lg",
         px: "6"
       }
@@ -2230,35 +2230,35 @@ var semanticRadii = import_react26.defineSemanticTokens.radii({
   l3: { value: "{radii.md}" },
   control: {
     sm: {
-      value: "calc({radii.xs} * var(--scale-factor) * var(--radius-control))"
+      value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-control, 1))"
     },
     md: {
-      value: "calc({radii.sm} * var(--scale-factor) * var(--radius-control))"
+      value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-control, 1))"
     },
     lg: {
-      value: "calc({radii.md} * var(--scale-factor) * var(--radius-control))"
+      value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-control, 1))"
     }
   },
   panel: {
     sm: {
-      value: "calc({radii.sm} * var(--scale-factor) * var(--radius-panel))"
+      value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-panel, 1))"
     },
     md: {
-      value: "calc({radii.md} * var(--scale-factor) * var(--radius-panel))"
+      value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-panel, 1  ))"
     },
     lg: {
-      value: "calc({radii.lg} * var(--scale-factor) * var(--radius-panel))"
+      value: "calc({radii.lg} * var(--scale-factor, 1) * var(--radius-panel, 1))"
     }
   },
   indicator: {
     sm: {
-      value: "calc({radii.xs} * var(--scale-factor) * var(--radius-indicator))"
+      value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
     },
     md: {
-      value: "calc({radii.sm} * var(--scale-factor) * var(--radius-indicator))"
+      value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-indicator, 1  ))"
     },
     lg: {
-      value: "calc({radii.md} * var(--scale-factor) * var(--radius-indicator))"
+      value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
     }
   }
 });
@@ -2589,7 +2589,7 @@ var dialogSlotRecipe = (0, import_react31.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "modal",
+      zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0) - 1)",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -2619,7 +2619,6 @@ var dialogSlotRecipe = (0, import_react31.defineSlotRecipe)({
       outline: 0,
       textStyle: "sm",
       my: "var(--dialog-margin, var(--dialog-base-margin))",
-      "--dialog-z-index": "zIndex.layer-4",
       zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
       layerStyle: "overlay",
       _open: {
@@ -2630,6 +2629,10 @@ var dialogSlotRecipe = (0, import_react31.defineSlotRecipe)({
       }
     },
     header: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
       flex: 0,
       px: "6",
       py: "4"
@@ -2655,10 +2658,6 @@ var dialogSlotRecipe = (0, import_react31.defineSlotRecipe)({
     },
     description: {
       color: "fg.muted"
-    },
-    closeTrigger: {
-      top: "4",
-      insetEnd: "4"
     }
   },
   variants: {
@@ -2811,7 +2810,7 @@ var drawerSlotRecipe = (0, import_react32.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "modal",
+      zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0) - 1)",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -2822,6 +2821,7 @@ var drawerSlotRecipe = (0, import_react32.defineSlotRecipe)({
       }
     },
     positioner: {
+      "--drawer-z-index": "zIndex.layer-4",
       display: "flex",
       width: "100vw",
       height: "100dvh",
@@ -2829,7 +2829,7 @@ var drawerSlotRecipe = (0, import_react32.defineSlotRecipe)({
       padding: 2,
       insetInlineStart: 0,
       top: 0,
-      zIndex: "modal",
+      zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0))",
       overscrollBehaviorY: "none"
     },
     content: {
@@ -2838,7 +2838,6 @@ var drawerSlotRecipe = (0, import_react32.defineSlotRecipe)({
       position: "relative",
       width: "100%",
       outline: 0,
-      "--drawer-z-index": "zIndex.layer-4",
       zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0))",
       textStyle: "sm",
       maxH: "100dvh",
@@ -2854,6 +2853,10 @@ var drawerSlotRecipe = (0, import_react32.defineSlotRecipe)({
       }
     },
     header: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
       flex: 0,
       px: "6",
       py: "4"
@@ -2879,10 +2882,6 @@ var drawerSlotRecipe = (0, import_react32.defineSlotRecipe)({
     },
     description: {
       color: "fg.muted"
-    },
-    closeTrigger: {
-      top: "4",
-      insetEnd: "4"
     }
   },
   variants: {
@@ -4029,18 +4028,44 @@ var sidebarNavItemSlotRecipe = (0, import_react42.defineSlotRecipe)({
       }
     },
     size: {
+      sm: {
+        item: {
+          fontSize: "sm"
+        },
+        button: {
+          borderRadius: "control.md",
+          px: 1.5,
+          height: 7
+        },
+        endElement: {
+          pe: "1"
+        }
+      },
       md: {
         item: {
           fontSize: "sm"
         },
         button: {
-          borderRadius: "md",
-          px: 2,
+          borderRadius: "control.md",
+          px: 3,
           height: 8
         },
         endElement: {
           pe: "1"
         }
+      },
+      lg: {
+        item: {
+          fontSize: "sm"
+        },
+        button: {
+          borderRadius: "control.lg",
+          px: 3,
+          height: 10
+        },
+        endElement: {
+          pe: "1"
+        }
       }
     }
   },
@@ -9602,7 +9627,7 @@ var Content = (0, import_react115.forwardRef)(
   }
 );
 var CloseButton3 = (0, import_react115.forwardRef)(function DialogCloseTrigger(props, ref) {
-  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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react116.Dialog.CloseTrigger, { ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseButton, { size: "sm", ref, children: props.children }) });
 });
 var CloseTrigger = import_react116.Dialog.CloseTrigger;
 var Root = import_react116.Dialog.Root;
@@ -9645,7 +9670,7 @@ var Content2 = (0, import_react117.forwardRef)(
 );
 var CloseButton4 = (0, import_react117.forwardRef)(function DrawerCloseTrigger(props, ref) {
   const { children, ...rest } = props;
-  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 }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react118.Drawer.CloseTrigger, { ...rest, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseButton, { size: "sm", ref, children }) });
 });
 var CloseTrigger2 = import_react118.Drawer.CloseTrigger;
 var Trigger2 = import_react118.Drawer.Trigger;

package/dist/index.js

@@ -1,6 +1,6 @@
 import {
-  Status
-} from "./chunk-YKSY7UOM.js";
+  Switch
+} from "./chunk-SA3OGTOO.js";
 import {
   Toaster,
   toast
@@ -11,24 +11,24 @@ import {
 import {
   colors
 } from "./chunk-3MO37LYW.js";
-import {
-  namespace_exports
-} from "./chunk-3JZ42NYM.js";
-import {
-  SegmentedControl
-} from "./chunk-SKXSBAOS.js";
 import {
   sidebar_exports,
   useSidebar,
   useSidebarItemStyles,
   useSidebarStyles
 } from "./chunk-U23VDAWJ.js";
+import {
+  namespace_exports
+} from "./chunk-3JZ42NYM.js";
+import {
+  SearchInput
+} from "./chunk-46ISJZBS.js";
+import {
+  Status
+} from "./chunk-YKSY7UOM.js";
 import {
   steps_exports
 } from "./chunk-VZG7EJ64.js";
-import {
-  Switch
-} from "./chunk-SA3OGTOO.js";
 import {
   Tabs,
   useTabsContext,
@@ -37,12 +37,6 @@ import {
 import {
   Tag
 } from "./chunk-IEWHAXXU.js";
-import {
-  NumberInput
-} from "./chunk-S5J6REMC.js";
-import {
-  pagination_exports
-} from "./chunk-MLJN6IOJ.js";
 import {
   PasswordInput
 } from "./chunk-K2SPPLAY.js";
@@ -54,48 +48,54 @@ import {
 import {
   PinInput
 } from "./chunk-2EUACKRH.js";
+import {
+  loading_overlay_exports,
+  useLoadingOverlayStyles
+} from "./chunk-7VSTNV2B.js";
+import {
+  Spinner
+} from "./chunk-32JGENDB.js";
 import {
   popover_exports
 } from "./chunk-KE5AC3TZ.js";
+import {
+  navbar_exports
+} from "./chunk-Q6SNJJO2.js";
 import {
   Radio,
   RadioGroup
 } from "./chunk-WYLMBMAH.js";
 import {
-  SearchInput
-} from "./chunk-46ISJZBS.js";
-import {
-  IconButton
-} from "./chunk-MS2ELLDY.js";
+  SegmentedControl
+} from "./chunk-SKXSBAOS.js";
 import {
   IconBadge
 } from "./chunk-I2RXEKTB.js";
 import {
-  InputGroup
-} from "./chunk-PKI6YH2V.js";
+  IconButton
+} from "./chunk-MS2ELLDY.js";
 import {
   Link
 } from "./chunk-TZBAM4AD.js";
 import {
-  loading_overlay_exports,
-  useLoadingOverlayStyles
-} from "./chunk-7VSTNV2B.js";
-import {
-  Spinner
-} from "./chunk-32JGENDB.js";
+  SuiContext,
+  SuiProvider,
+  useLink,
+  useSui
+} from "./chunk-O2WVT2BP.js";
 import {
   menu_exports
 } from "./chunk-KFXNVUEZ.js";
 import "./chunk-KTLWEUNW.js";
 import {
-  navbar_exports
-} from "./chunk-Q6SNJJO2.js";
+  NumberInput
+} from "./chunk-S5J6REMC.js";
 import {
-  SuiContext,
-  SuiProvider,
-  useLink,
-  useSui
-} from "./chunk-O2WVT2BP.js";
+  InputGroup
+} from "./chunk-PKI6YH2V.js";
+import {
+  pagination_exports
+} from "./chunk-MLJN6IOJ.js";
 import {
   Command
 } from "./chunk-UASXI64E.js";
@@ -103,16 +103,16 @@ import {
   DataList,
   useDataListStyles
 } from "./chunk-52XM5VXJ.js";
+import {
+  dialog_exports
+} from "./chunk-32DD6PHF.js";
 import {
   drawer_exports
-} from "./chunk-6MMPBMKN.js";
+} from "./chunk-LTVFG6UC.js";
+import "./chunk-JMYI6YXR.js";
 import {
   EmptyState
 } from "./chunk-NGGISORT.js";
-import {
-  dialog_exports
-} from "./chunk-CZVNG73V.js";
-import "./chunk-JMYI6YXR.js";
 import {
   file_upload_exports
 } from "./chunk-GRUMUCSL.js";
@@ -273,10 +273,10 @@ var globalCss = defineGlobalStyles({
     "--global-font-body": "fonts.body",
     "--global-color-border": "colors.border",
     "--cursor-button": "default",
-    "--radius-factor": "1",
-    "--radius-control": "1",
-    "--radius-panel": "1",
-    "--radius-indicator": "1",
+    // '--radius-factor': '1',
+    // '--radius-control': '1',
+    // '--radius-panel': '1',
+    // '--radius-indicator': '1',
     "--radius-full": "9999px",
     "--scale-factor": "1",
     "--overlay-translucency": "90%",
@@ -530,7 +530,7 @@ var buttonRecipe = defineRecipe2({
         h: "6",
         minW: "6",
         textStyle: "xs",
-        borderRadius: "sm",
+        borderRadius: "control.sm",
         px: "2"
       },
       sm: {
@@ -538,14 +538,14 @@ var buttonRecipe = defineRecipe2({
         h: "7",
         minW: "7",
         textStyle: "sm",
-        borderRadius: "md",
+        borderRadius: "control.md",
         px: "2.5"
       },
       md: {
         gap: "2",
         h: "8",
         minW: "8",
-        borderRadius: "md",
+        borderRadius: "control.md",
         textStyle: "sm",
         px: "3"
       },
@@ -553,7 +553,7 @@ var buttonRecipe = defineRecipe2({
         gap: "3",
         h: "10",
         minW: "10",
-        borderRadius: "lg",
+        borderRadius: "control.lg",
         textStyle: "md",
         px: "4.5"
       },
@@ -561,7 +561,7 @@ var buttonRecipe = defineRecipe2({
         gap: "3",
         h: "12",
         minW: "12",
-        borderRadius: "lg",
+        borderRadius: "control.lg",
         textStyle: "lg",
         px: "6"
       }
@@ -2283,35 +2283,35 @@ var semanticRadii = defineSemanticTokens2.radii({
   l3: { value: "{radii.md}" },
   control: {
     sm: {
-      value: "calc({radii.xs} * var(--scale-factor) * var(--radius-control))"
+      value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-control, 1))"
     },
     md: {
-      value: "calc({radii.sm} * var(--scale-factor) * var(--radius-control))"
+      value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-control, 1))"
     },
     lg: {
-      value: "calc({radii.md} * var(--scale-factor) * var(--radius-control))"
+      value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-control, 1))"
     }
   },
   panel: {
     sm: {
-      value: "calc({radii.sm} * var(--scale-factor) * var(--radius-panel))"
+      value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-panel, 1))"
     },
     md: {
-      value: "calc({radii.md} * var(--scale-factor) * var(--radius-panel))"
+      value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-panel, 1  ))"
     },
     lg: {
-      value: "calc({radii.lg} * var(--scale-factor) * var(--radius-panel))"
+      value: "calc({radii.lg} * var(--scale-factor, 1) * var(--radius-panel, 1))"
     }
   },
   indicator: {
     sm: {
-      value: "calc({radii.xs} * var(--scale-factor) * var(--radius-indicator))"
+      value: "calc({radii.xs} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
     },
     md: {
-      value: "calc({radii.sm} * var(--scale-factor) * var(--radius-indicator))"
+      value: "calc({radii.sm} * var(--scale-factor, 1) * var(--radius-indicator, 1  ))"
     },
     lg: {
-      value: "calc({radii.md} * var(--scale-factor) * var(--radius-indicator))"
+      value: "calc({radii.md} * var(--scale-factor, 1) * var(--radius-indicator, 1))"
     }
   }
 });
@@ -2642,7 +2642,7 @@ var dialogSlotRecipe = defineSlotRecipe4({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "modal",
+      zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0) - 1)",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -2672,7 +2672,6 @@ var dialogSlotRecipe = defineSlotRecipe4({
       outline: 0,
       textStyle: "sm",
       my: "var(--dialog-margin, var(--dialog-base-margin))",
-      "--dialog-z-index": "zIndex.layer-4",
       zIndex: "calc(var(--dialog-z-index) + var(--layer-index, 0))",
       layerStyle: "overlay",
       _open: {
@@ -2683,6 +2682,10 @@ var dialogSlotRecipe = defineSlotRecipe4({
       }
     },
     header: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
       flex: 0,
       px: "6",
       py: "4"
@@ -2708,10 +2711,6 @@ var dialogSlotRecipe = defineSlotRecipe4({
     },
     description: {
       color: "fg.muted"
-    },
-    closeTrigger: {
-      top: "4",
-      insetEnd: "4"
     }
   },
   variants: {
@@ -2864,7 +2863,7 @@ var drawerSlotRecipe = defineSlotRecipe5({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "modal",
+      zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0) - 1)",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -2875,6 +2874,7 @@ var drawerSlotRecipe = defineSlotRecipe5({
       }
     },
     positioner: {
+      "--drawer-z-index": "zIndex.layer-4",
       display: "flex",
       width: "100vw",
       height: "100dvh",
@@ -2882,7 +2882,7 @@ var drawerSlotRecipe = defineSlotRecipe5({
       padding: 2,
       insetInlineStart: 0,
       top: 0,
-      zIndex: "modal",
+      zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0))",
       overscrollBehaviorY: "none"
     },
     content: {
@@ -2891,7 +2891,6 @@ var drawerSlotRecipe = defineSlotRecipe5({
       position: "relative",
       width: "100%",
       outline: 0,
-      "--drawer-z-index": "zIndex.layer-4",
       zIndex: "calc(var(--drawer-z-index) + var(--layer-index, 0))",
       textStyle: "sm",
       maxH: "100dvh",
@@ -2907,6 +2906,10 @@ var drawerSlotRecipe = defineSlotRecipe5({
       }
     },
     header: {
+      display: "flex",
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
       flex: 0,
       px: "6",
       py: "4"
@@ -2932,10 +2935,6 @@ var drawerSlotRecipe = defineSlotRecipe5({
     },
     description: {
       color: "fg.muted"
-    },
-    closeTrigger: {
-      top: "4",
-      insetEnd: "4"
     }
   },
   variants: {
@@ -4085,18 +4084,44 @@ var sidebarNavItemSlotRecipe = defineSlotRecipe15({
       }
     },
     size: {
+      sm: {
+        item: {
+          fontSize: "sm"
+        },
+        button: {
+          borderRadius: "control.md",
+          px: 1.5,
+          height: 7
+        },
+        endElement: {
+          pe: "1"
+        }
+      },
       md: {
         item: {
           fontSize: "sm"
         },
         button: {
-          borderRadius: "md",
-          px: 2,
+          borderRadius: "control.md",
+          px: 3,
           height: 8
         },
         endElement: {
           pe: "1"
         }
+      },
+      lg: {
+        item: {
+          fontSize: "sm"
+        },
+        button: {
+          borderRadius: "control.lg",
+          px: 3,
+          height: 10
+        },
+        endElement: {
+          pe: "1"
+        }
       }
     }
   },

package/package.json

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