@saas-ui/react 3.0.0-next.11 → 3.0.0-next.12

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @saas-ui/react
 
+## 3.0.0-next.12
+
+### Patch Changes
+
+- 2afe09f: Fixed zIndex value of dialog and drawer recipes
+
 ## 3.0.0-next.11
 
 ### Patch Changes

package/dist/{chunk-NKUBVRXY.js → chunk-PSCCIAL4.js}

@@ -3434,7 +3434,7 @@ var dialogSlotRecipe = defineSlotRecipe13({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "calc(var(--z-index) - 1)",
+      zIndex: "zIndex.layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -3655,7 +3655,7 @@ var drawerSlotRecipe = defineSlotRecipe14({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "calc(var(--z-index) - 1)",
+      zIndex: "zIndex.layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"

package/dist/index.cjs

@@ -3633,7 +3633,7 @@ var dialogSlotRecipe = (0, import_styled_system33.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "calc(var(--z-index) - 1)",
+      zIndex: "zIndex.layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -3854,7 +3854,7 @@ var drawerSlotRecipe = (0, import_styled_system34.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "calc(var(--z-index) - 1)",
+      zIndex: "zIndex.layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"

package/dist/index.js

@@ -1,15 +1,20 @@
+import {
+  Em,
+  Strong,
+  Text
+} from "./chunk-J5UCKCIO.js";
 import {
   Wrap
 } from "./chunk-LGLJ2QUW.js";
 import {
-  VisuallyHidden
-} from "./chunk-HHTTORZ6.js";
-import {
-  steps_exports
-} from "./chunk-XQTIY2ND.js";
+  Tag
+} from "./chunk-WJZED26X.js";
 import {
   Textarea
 } from "./chunk-CQD32UVJ.js";
+import {
+  Timeline
+} from "./chunk-QLN2CBY6.js";
 import {
   Toggle
 } from "./chunk-PEVIP5UT.js";
@@ -17,17 +22,12 @@ import {
   Toaster,
   toast
 } from "./chunk-GXOQVOKP.js";
-import {
-  Timeline
-} from "./chunk-QLN2CBY6.js";
-import {
-  Em,
-  Strong,
-  Text
-} from "./chunk-J5UCKCIO.js";
 import {
   Tooltip
 } from "./chunk-7MCVXFWM.js";
+import {
+  VisuallyHidden
+} from "./chunk-HHTTORZ6.js";
 import {
   HStack,
   Stack,
@@ -41,31 +41,30 @@ import {
   Status
 } from "./chunk-U3EPRSD3.js";
 import {
-  Table
-} from "./chunk-TH6YCBEG.js";
+  steps_exports
+} from "./chunk-XQTIY2ND.js";
 import {
   Switch
 } from "./chunk-3E6URZ5P.js";
+import {
+  Table
+} from "./chunk-TH6YCBEG.js";
 import {
   Tabs,
   useTabsContext,
   useTabsStyles
 } from "./chunk-5YNHX4C7.js";
 import {
-  Tag
-} from "./chunk-WJZED26X.js";
-import {
-  Separator
-} from "./chunk-27OMFCPD.js";
+  namespace_exports
+} from "./chunk-2UMNJBGS.js";
 import {
   Show
 } from "./chunk-LU2H6GWC.js";
 import {
-  sidebar_exports,
-  useSidebar,
-  useSidebarItemStyles,
-  useSidebarStyles
-} from "./chunk-U23VDAWJ.js";
+  Skeleton,
+  SkeletonCircle,
+  SkeletonText
+} from "./chunk-UEXUCHDD.js";
 import {
   SkipNavContent,
   SkipNavLink
@@ -74,10 +73,11 @@ import {
   Slider
 } from "./chunk-HREBIPVW.js";
 import {
-  Skeleton,
-  SkeletonCircle,
-  SkeletonText
-} from "./chunk-UEXUCHDD.js";
+  sidebar_exports,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+} from "./chunk-U23VDAWJ.js";
 import {
   Spacer
 } from "./chunk-UAX5344Y.js";
@@ -87,35 +87,34 @@ import {
 import {
   RadioGroup
 } from "./chunk-NCNHDETB.js";
-import {
-  radio_card_exports
-} from "./chunk-KRJG7H4W.js";
 import {
   RatingGroup
 } from "./chunk-HQVBJT5Y.js";
 import {
   SearchInput
 } from "./chunk-C5YLE76Q.js";
+import {
+  radio_card_exports
+} from "./chunk-KRJG7H4W.js";
 import {
   SegmentedControl
 } from "./chunk-KFDVVTMT.js";
 import {
-  namespace_exports
-} from "./chunk-2UMNJBGS.js";
-import {
-  Persona,
-  PersonaAvatar,
-  defaultPersonaPresenceOptions
-} from "./chunk-TYGGMKHU.js";
+  Separator
+} from "./chunk-27OMFCPD.js";
 import {
   PinInput
 } from "./chunk-RYKJOZ3B.js";
 import {
-  Progress
-} from "./chunk-6YZ76Q2W.js";
+  page_exports,
+  usePageStyles
+} from "./chunk-ZJ2VD224.js";
 import {
   Presence
 } from "./chunk-PONMXNY4.js";
+import {
+  Progress
+} from "./chunk-6YZ76Q2W.js";
 import {
   ProgressCircle
 } from "./chunk-7HAGRXKM.js";
@@ -124,8 +123,8 @@ import {
   useQrCode
 } from "./chunk-PAZQUPKN.js";
 import {
-  menu_exports
-} from "./chunk-DEP2DH7P.js";
+  Mark
+} from "./chunk-EWCBYJA7.js";
 import {
   NativeSelect
 } from "./chunk-TKJXJEXT.js";
@@ -138,13 +137,14 @@ import {
 import {
   pagination_exports
 } from "./chunk-6XSCENTR.js";
-import {
-  page_exports,
-  usePageStyles
-} from "./chunk-ZJ2VD224.js";
 import {
   PasswordInput
 } from "./chunk-TXIFPX2A.js";
+import {
+  Persona,
+  PersonaAvatar,
+  defaultPersonaPresenceOptions
+} from "./chunk-TYGGMKHU.js";
 import {
   InfoTip
 } from "./chunk-GQYL3VVZ.js";
@@ -170,8 +170,8 @@ import {
   Spinner
 } from "./chunk-MK3OG2I4.js";
 import {
-  Mark
-} from "./chunk-EWCBYJA7.js";
+  menu_exports
+} from "./chunk-DEP2DH7P.js";
 import {
   Highlight
 } from "./chunk-TGEP2YAT.js";
@@ -181,9 +181,6 @@ import {
 import {
   hover_card_exports
 } from "./chunk-MZ2RY4NU.js";
-import {
-  Icon
-} from "./chunk-M3DJWM6D.js";
 import {
   IconBadge
 } from "./chunk-NSFGACD7.js";
@@ -191,8 +188,11 @@ import {
   Image
 } from "./chunk-FD2V4Y66.js";
 import {
-  Float
-} from "./chunk-XD7U6L2E.js";
+  Icon
+} from "./chunk-M3DJWM6D.js";
+import {
+  Flex
+} from "./chunk-JQVOMAD5.js";
 import {
   FocusTrap
 } from "./chunk-EWATHRZA.js";
@@ -201,60 +201,60 @@ import {
   FormatNumber
 } from "./chunk-6WZK2RBQ.js";
 import {
-  Group
-} from "./chunk-3CKGT42F.js";
-import {
-  grid_list_exports
-} from "./chunk-ZUT5GZTD.js";
-import {
-  Flex
-} from "./chunk-JQVOMAD5.js";
+  Float
+} from "./chunk-XD7U6L2E.js";
 import {
   Grid,
   GridItem,
   SimpleGrid
 } from "./chunk-2NWOJCSX.js";
 import {
-  drawer_exports
-} from "./chunk-HHKMVSL4.js";
+  grid_list_exports
+} from "./chunk-ZUT5GZTD.js";
+import {
+  Group
+} from "./chunk-3CKGT42F.js";
 import {
   Editable
 } from "./chunk-TEQVVR3W.js";
-import {
-  EnvironmentProvider,
-  useEnvironmentContext
-} from "./chunk-LFOA3DZO.js";
-import {
-  Field,
-  useFieldContext,
-  useFieldStyles
-} from "./chunk-XX2OY7LK.js";
 import {
   dialog_exports
 } from "./chunk-HXNGSQQG.js";
 import {
   EmptyState
 } from "./chunk-NGGISORT.js";
+import {
+  drawer_exports
+} from "./chunk-HHKMVSL4.js";
 import {
   Fieldset,
   useFieldsetContext
 } from "./chunk-FPRTN3I7.js";
+import {
+  EnvironmentProvider,
+  useEnvironmentContext
+} from "./chunk-LFOA3DZO.js";
 import {
   file_upload_exports,
   useFileUploadContext
 } from "./chunk-VVTDE7NH.js";
+import {
+  Field,
+  useFieldContext,
+  useFieldStyles
+} from "./chunk-XX2OY7LK.js";
 import {
   Code
 } from "./chunk-YMCOU2N5.js";
+import {
+  Collapsible
+} from "./chunk-PEJYADAS.js";
 import {
   ColorPicker
 } from "./chunk-JR5RLXCK.js";
 import {
   ColorSwatch
 } from "./chunk-TYMVLD3B.js";
-import {
-  Collapsible
-} from "./chunk-PEJYADAS.js";
 import {
   Command
 } from "./chunk-5ZKEXMBN.js";
@@ -268,18 +268,6 @@ import {
   DataList,
   useDataListStyles
 } from "./chunk-52XM5VXJ.js";
-import {
-  BackButton
-} from "./chunk-KHCQMSP7.js";
-import {
-  Link
-} from "./chunk-LIOV5MU4.js";
-import {
-  SuiContext,
-  SuiProvider,
-  useLink,
-  useSui
-} from "./chunk-ZULBHMWG.js";
 import {
   Card
 } from "./chunk-7DF4NQNZ.js";
@@ -310,23 +298,37 @@ import {
   InputPropsProvider
 } from "./chunk-BLSGOJQ7.js";
 import "./chunk-KTLWEUNW.js";
+import "./chunk-YHQ5JGCC.js";
+import {
+  Avatar,
+  AvatarGroup
+} from "./chunk-FN7TU5F5.js";
 import {
   Badge,
   BadgePropsProvider
 } from "./chunk-R2J5USV6.js";
 import {
-  AspectRatio
-} from "./chunk-BSE7ZUP5.js";
+  BackButton
+} from "./chunk-KHCQMSP7.js";
+import {
+  Link
+} from "./chunk-LIOV5MU4.js";
+import {
+  SuiContext,
+  SuiProvider,
+  useLink,
+  useSui
+} from "./chunk-ZULBHMWG.js";
 import {
   Bleed
 } from "./chunk-Y2S4O4UY.js";
+import {
+  Blockquote
+} from "./chunk-GSWLAOIM.js";
 import {
   Box,
   Span
 } from "./chunk-AA5L5WPD.js";
-import {
-  Blockquote
-} from "./chunk-GSWLAOIM.js";
 import {
   breadcrumb_exports
 } from "./chunk-CRFTMIQA.js";
@@ -336,17 +338,14 @@ import {
 import {
   defaultConfig,
   defaultSystem
-} from "./chunk-NKUBVRXY.js";
+} from "./chunk-PSCCIAL4.js";
 import "./chunk-QAAKAKP7.js";
-import {
-  action_bar_exports
-} from "./chunk-SHCKFHIN.js";
 import {
   accordion_exports
 } from "./chunk-QKDPNO27.js";
 import {
-  AppShell
-} from "./chunk-YTTZX7ZE.js";
+  action_bar_exports
+} from "./chunk-SHCKFHIN.js";
 import {
   Alert
 } from "./chunk-3EWOE56X.js";
@@ -363,11 +362,12 @@ import {
 import {
   createIcon
 } from "./chunk-XRQQE2AC.js";
-import "./chunk-YHQ5JGCC.js";
 import {
-  Avatar,
-  AvatarGroup
-} from "./chunk-FN7TU5F5.js";
+  AppShell
+} from "./chunk-YTTZX7ZE.js";
+import {
+  AspectRatio
+} from "./chunk-BSE7ZUP5.js";
 import "./chunk-RTMS5TJN.js";
 
 // src/index.ts

package/dist/preset.cjs

@@ -3454,7 +3454,7 @@ var dialogSlotRecipe = (0, import_styled_system33.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "calc(var(--z-index) - 1)",
+      zIndex: "zIndex.layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"
@@ -3675,7 +3675,7 @@ var drawerSlotRecipe = (0, import_styled_system34.defineSlotRecipe)({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "calc(var(--z-index) - 1)",
+      zIndex: "zIndex.layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"

package/dist/preset.js

@@ -2,7 +2,7 @@
 import {
   defaultConfig,
   defaultSystem
-} from "./chunk-NKUBVRXY.js";
+} from "./chunk-PSCCIAL4.js";
 import "./chunk-QAAKAKP7.js";
 import "./chunk-RTMS5TJN.js";
 export {

package/package.json

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