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

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @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
+
+- Updated dependencies [dae627e]
+  - @saas-ui/core@3.0.0-next.2
+
 ## 3.0.0-next.10
 
 ### 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,33 +1,33 @@
+import {
+  Em,
+  Strong,
+  Text
+} from "./chunk-J5UCKCIO.js";
 import {
   Wrap
 } from "./chunk-LGLJ2QUW.js";
 import {
-  VisuallyHidden
-} from "./chunk-HHTTORZ6.js";
-import {
-  Timeline
-} from "./chunk-QLN2CBY6.js";
+  Tag
+} from "./chunk-WJZED26X.js";
 import {
   Textarea
 } from "./chunk-CQD32UVJ.js";
 import {
-  Tag
-} from "./chunk-WJZED26X.js";
+  Timeline
+} from "./chunk-QLN2CBY6.js";
+import {
+  Toggle
+} from "./chunk-PEVIP5UT.js";
 import {
   Toaster,
   toast
 } from "./chunk-GXOQVOKP.js";
-import {
-  Toggle
-} from "./chunk-PEVIP5UT.js";
 import {
   Tooltip
 } from "./chunk-7MCVXFWM.js";
 import {
-  Em,
-  Strong,
-  Text
-} from "./chunk-J5UCKCIO.js";
+  VisuallyHidden
+} from "./chunk-HHTTORZ6.js";
 import {
   HStack,
   Stack,
@@ -41,14 +41,14 @@ 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 {
-  steps_exports
-} from "./chunk-XQTIY2ND.js";
+  Table
+} from "./chunk-TH6YCBEG.js";
 import {
   Tabs,
   useTabsContext,
@@ -60,65 +60,64 @@ import {
 import {
   Show
 } from "./chunk-LU2H6GWC.js";
-import {
-  sidebar_exports,
-  useSidebar,
-  useSidebarItemStyles,
-  useSidebarStyles
-} from "./chunk-U23VDAWJ.js";
-import {
-  SkipNavContent,
-  SkipNavLink
-} from "./chunk-GDDJYUWM.js";
 import {
   Skeleton,
   SkeletonCircle,
   SkeletonText
 } from "./chunk-UEXUCHDD.js";
 import {
-  Spacer
-} from "./chunk-UAX5344Y.js";
+  SkipNavContent,
+  SkipNavLink
+} from "./chunk-GDDJYUWM.js";
 import {
   Slider
 } from "./chunk-HREBIPVW.js";
+import {
+  sidebar_exports,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+} from "./chunk-U23VDAWJ.js";
+import {
+  Spacer
+} from "./chunk-UAX5344Y.js";
 import {
   Radio
 } from "./chunk-PZWP36YA.js";
-import {
-  radio_card_exports
-} from "./chunk-KRJG7H4W.js";
 import {
   RadioGroup
 } from "./chunk-NCNHDETB.js";
 import {
   RatingGroup
 } from "./chunk-HQVBJT5Y.js";
-import {
-  SegmentedControl
-} from "./chunk-KFDVVTMT.js";
 import {
   SearchInput
 } from "./chunk-C5YLE76Q.js";
+import {
+  radio_card_exports
+} from "./chunk-KRJG7H4W.js";
+import {
+  SegmentedControl
+} from "./chunk-KFDVVTMT.js";
 import {
   Separator
 } from "./chunk-27OMFCPD.js";
-import {
-  Persona,
-  PersonaAvatar,
-  defaultPersonaPresenceOptions
-} from "./chunk-TYGGMKHU.js";
 import {
   PinInput
 } from "./chunk-RYKJOZ3B.js";
+import {
+  page_exports,
+  usePageStyles
+} from "./chunk-ZJ2VD224.js";
 import {
   Presence
 } from "./chunk-PONMXNY4.js";
-import {
-  ProgressCircle
-} from "./chunk-7HAGRXKM.js";
 import {
   Progress
 } from "./chunk-6YZ76Q2W.js";
+import {
+  ProgressCircle
+} from "./chunk-7HAGRXKM.js";
 import {
   QrCode,
   useQrCode
@@ -126,28 +125,26 @@ import {
 import {
   Mark
 } from "./chunk-EWCBYJA7.js";
-import {
-  menu_exports
-} from "./chunk-DEP2DH7P.js";
 import {
   NativeSelect
 } from "./chunk-TKJXJEXT.js";
-import {
-  NumberInput
-} from "./chunk-RFBD2ZNL.js";
-import {
-  page_exports,
-  usePageStyles
-} from "./chunk-ZJ2VD224.js";
 import {
   navbar_exports
 } from "./chunk-DJNPK2LM.js";
+import {
+  NumberInput
+} from "./chunk-RFBD2ZNL.js";
 import {
   pagination_exports
 } from "./chunk-6XSCENTR.js";
 import {
   PasswordInput
 } from "./chunk-TXIFPX2A.js";
+import {
+  Persona,
+  PersonaAvatar,
+  defaultPersonaPresenceOptions
+} from "./chunk-TYGGMKHU.js";
 import {
   InfoTip
 } from "./chunk-GQYL3VVZ.js";
@@ -173,17 +170,17 @@ import {
   Spinner
 } from "./chunk-MK3OG2I4.js";
 import {
-  Heading
-} from "./chunk-HZX4AGO5.js";
+  menu_exports
+} from "./chunk-DEP2DH7P.js";
 import {
   Highlight
 } from "./chunk-TGEP2YAT.js";
+import {
+  Heading
+} from "./chunk-HZX4AGO5.js";
 import {
   hover_card_exports
 } from "./chunk-MZ2RY4NU.js";
-import {
-  Icon
-} from "./chunk-M3DJWM6D.js";
 import {
   IconBadge
 } from "./chunk-NSFGACD7.js";
@@ -191,92 +188,101 @@ import {
   Image
 } from "./chunk-FD2V4Y66.js";
 import {
-  Fieldset,
-  useFieldsetContext
-} from "./chunk-FPRTN3I7.js";
+  Icon
+} from "./chunk-M3DJWM6D.js";
 import {
-  Float
-} from "./chunk-XD7U6L2E.js";
+  Flex
+} from "./chunk-JQVOMAD5.js";
 import {
   FocusTrap
 } from "./chunk-EWATHRZA.js";
+import {
+  FormatByte,
+  FormatNumber
+} from "./chunk-6WZK2RBQ.js";
+import {
+  Float
+} from "./chunk-XD7U6L2E.js";
 import {
   Grid,
   GridItem,
   SimpleGrid
 } from "./chunk-2NWOJCSX.js";
-import {
-  FormatByte,
-  FormatNumber
-} from "./chunk-6WZK2RBQ.js";
 import {
   grid_list_exports
 } from "./chunk-ZUT5GZTD.js";
 import {
   Group
 } from "./chunk-3CKGT42F.js";
+import {
+  Editable
+} from "./chunk-TEQVVR3W.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 {
-  drawer_exports
-} from "./chunk-HHKMVSL4.js";
-import {
-  Editable
-} from "./chunk-TEQVVR3W.js";
+  file_upload_exports,
+  useFileUploadContext
+} from "./chunk-VVTDE7NH.js";
 import {
   Field,
   useFieldContext,
   useFieldStyles
 } from "./chunk-XX2OY7LK.js";
 import {
-  file_upload_exports,
-  useFileUploadContext
-} from "./chunk-VVTDE7NH.js";
+  Code
+} from "./chunk-YMCOU2N5.js";
 import {
-  Flex
-} from "./chunk-JQVOMAD5.js";
+  Collapsible
+} from "./chunk-PEJYADAS.js";
 import {
   ColorPicker
 } from "./chunk-JR5RLXCK.js";
 import {
   ColorSwatch
 } from "./chunk-TYMVLD3B.js";
-import {
-  Code
-} from "./chunk-YMCOU2N5.js";
-import {
-  Collapsible
-} from "./chunk-PEJYADAS.js";
-import {
-  Container
-} from "./chunk-PIQURQGB.js";
 import {
   Command
 } from "./chunk-5ZKEXMBN.js";
 import {
   Kbd
 } from "./chunk-OQU4LWZW.js";
+import {
+  Container
+} from "./chunk-PIQURQGB.js";
 import {
   DataList,
   useDataListStyles
 } from "./chunk-52XM5VXJ.js";
-import {
-  Center
-} from "./chunk-46OCNELO.js";
 import {
   Card
 } from "./chunk-7DF4NQNZ.js";
+import {
+  Center
+} from "./chunk-46OCNELO.js";
 import {
   Checkbox
 } from "./chunk-Z3SWPGPQ.js";
+import {
+  CheckboxCard
+} from "./chunk-NLMFEUVO.js";
+import {
+  Checkmark
+} from "./chunk-UIP2CHMU.js";
 import {
   ClientOnly
 } from "./chunk-4N4SHDPB.js";
@@ -292,17 +298,15 @@ import {
   InputPropsProvider
 } from "./chunk-BLSGOJQ7.js";
 import "./chunk-KTLWEUNW.js";
-import {
-  Checkmark
-} from "./chunk-UIP2CHMU.js";
-import {
-  CheckboxCard
-} from "./chunk-NLMFEUVO.js";
 import "./chunk-YHQ5JGCC.js";
 import {
   Avatar,
   AvatarGroup
 } from "./chunk-FN7TU5F5.js";
+import {
+  Badge,
+  BadgePropsProvider
+} from "./chunk-R2J5USV6.js";
 import {
   BackButton
 } from "./chunk-KHCQMSP7.js";
@@ -315,10 +319,6 @@ import {
   useLink,
   useSui
 } from "./chunk-ZULBHMWG.js";
-import {
-  Badge,
-  BadgePropsProvider
-} from "./chunk-R2J5USV6.js";
 import {
   Bleed
 } from "./chunk-Y2S4O4UY.js";
@@ -338,7 +338,7 @@ import {
 import {
   defaultConfig,
   defaultSystem
-} from "./chunk-NKUBVRXY.js";
+} from "./chunk-PSCCIAL4.js";
 import "./chunk-QAAKAKP7.js";
 import {
   accordion_exports

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.10",
+  "version": "3.0.0-next.12",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {
@@ -82,7 +82,7 @@
   },
   "dependencies": {
     "@ark-ui/react": "^5.1.0",
-    "@saas-ui/core": "3.0.0-next.1",
+    "@saas-ui/core": "3.0.0-next.2",
     "@saas-ui/hooks": "3.0.0-next.0"
   },
   "peerDependencies": {