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

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @saas-ui/react
 
+## 3.0.0-next.13
+
+### Patch Changes
+
+- f995ba3: Fixed zIndex prop value
+
+## 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-GQYL3VVZ.js → chunk-D72A4SU3.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   ToggleTip
-} from "./chunk-QITSWCWX.js";
+} from "./chunk-OWFY465Z.js";
 import {
   IconButton
 } from "./chunk-OJZPPAT6.js";

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

@@ -3434,7 +3434,7 @@ var dialogSlotRecipe = defineSlotRecipe13({
       top: 0,
       w: "100vw",
       h: "100dvh",
-      zIndex: "calc(var(--z-index) - 1)",
+      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: "layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"

package/dist/components/info-tip/index.js

@@ -1,10 +1,10 @@
 'use client'
 import {
   InfoTip
-} from "../../chunk-GQYL3VVZ.js";
-import "../../chunk-QITSWCWX.js";
-import "../../chunk-FVUEAELO.js";
+} from "../../chunk-D72A4SU3.js";
+import "../../chunk-OWFY465Z.js";
 import "../../chunk-UZUMIWPJ.js";
+import "../../chunk-FVUEAELO.js";
 import "../../chunk-KTLWEUNW.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";

package/dist/components/toggle-tip/index.js

@@ -1,9 +1,9 @@
 'use client'
 import {
   ToggleTip
-} from "../../chunk-QITSWCWX.js";
-import "../../chunk-FVUEAELO.js";
+} from "../../chunk-OWFY465Z.js";
 import "../../chunk-UZUMIWPJ.js";
+import "../../chunk-FVUEAELO.js";
 import "../../chunk-JMYI6YXR.js";
 import "../../chunk-U2CWQDXE.js";
 import "../../chunk-OJZPPAT6.js";

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: "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: "layer-4",
       _open: {
         animationName: "fade-in",
         animationDuration: "slow"

package/dist/index.js

@@ -1,33 +1,33 @@
-import {
-  Wrap
-} from "./chunk-LGLJ2QUW.js";
 import {
   VisuallyHidden
 } from "./chunk-HHTTORZ6.js";
 import {
-  steps_exports
-} from "./chunk-XQTIY2ND.js";
+  Wrap
+} from "./chunk-LGLJ2QUW.js";
 import {
   Textarea
 } from "./chunk-CQD32UVJ.js";
 import {
-  Toggle
-} from "./chunk-PEVIP5UT.js";
+  Tag
+} from "./chunk-WJZED26X.js";
+import {
+  Timeline
+} from "./chunk-QLN2CBY6.js";
 import {
   Toaster,
   toast
 } from "./chunk-GXOQVOKP.js";
 import {
-  Timeline
-} from "./chunk-QLN2CBY6.js";
+  Toggle
+} from "./chunk-PEVIP5UT.js";
+import {
+  Tooltip
+} from "./chunk-7MCVXFWM.js";
 import {
   Em,
   Strong,
   Text
 } from "./chunk-J5UCKCIO.js";
-import {
-  Tooltip
-} from "./chunk-7MCVXFWM.js";
 import {
   HStack,
   Stack,
@@ -41,22 +41,22 @@ 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";
@@ -66,24 +66,21 @@ import {
   useSidebarItemStyles,
   useSidebarStyles
 } from "./chunk-U23VDAWJ.js";
-import {
-  SkipNavContent,
-  SkipNavLink
-} from "./chunk-GDDJYUWM.js";
-import {
-  Slider
-} from "./chunk-HREBIPVW.js";
 import {
   Skeleton,
   SkeletonCircle,
   SkeletonText
 } from "./chunk-UEXUCHDD.js";
+import {
+  Slider
+} from "./chunk-HREBIPVW.js";
+import {
+  SkipNavContent,
+  SkipNavLink
+} from "./chunk-GDDJYUWM.js";
 import {
   Spacer
 } from "./chunk-UAX5344Y.js";
-import {
-  Radio
-} from "./chunk-PZWP36YA.js";
 import {
   RadioGroup
 } from "./chunk-NCNHDETB.js";
@@ -93,6 +90,9 @@ import {
 import {
   RatingGroup
 } from "./chunk-HQVBJT5Y.js";
+import {
+  Progress
+} from "./chunk-6YZ76Q2W.js";
 import {
   SearchInput
 } from "./chunk-C5YLE76Q.js";
@@ -100,29 +100,32 @@ import {
   SegmentedControl
 } from "./chunk-KFDVVTMT.js";
 import {
-  namespace_exports
-} from "./chunk-2UMNJBGS.js";
+  Separator
+} from "./chunk-27OMFCPD.js";
 import {
   Persona,
   PersonaAvatar,
   defaultPersonaPresenceOptions
 } from "./chunk-TYGGMKHU.js";
-import {
-  PinInput
-} from "./chunk-RYKJOZ3B.js";
-import {
-  Progress
-} from "./chunk-6YZ76Q2W.js";
 import {
   Presence
 } from "./chunk-PONMXNY4.js";
-import {
-  ProgressCircle
-} from "./chunk-7HAGRXKM.js";
 import {
   QrCode,
   useQrCode
 } from "./chunk-PAZQUPKN.js";
+import {
+  PinInput
+} from "./chunk-RYKJOZ3B.js";
+import {
+  ProgressCircle
+} from "./chunk-7HAGRXKM.js";
+import {
+  Radio
+} from "./chunk-PZWP36YA.js";
+import {
+  Mark
+} from "./chunk-EWCBYJA7.js";
 import {
   menu_exports
 } from "./chunk-DEP2DH7P.js";
@@ -135,34 +138,34 @@ import {
 import {
   NumberInput
 } from "./chunk-RFBD2ZNL.js";
-import {
-  pagination_exports
-} from "./chunk-6XSCENTR.js";
 import {
   page_exports,
   usePageStyles
 } from "./chunk-ZJ2VD224.js";
+import {
+  pagination_exports
+} from "./chunk-6XSCENTR.js";
 import {
   PasswordInput
 } from "./chunk-TXIFPX2A.js";
 import {
   InfoTip
-} from "./chunk-GQYL3VVZ.js";
+} from "./chunk-D72A4SU3.js";
 import {
   ToggleTip
-} from "./chunk-QITSWCWX.js";
-import {
-  popover_exports
-} from "./chunk-FVUEAELO.js";
+} from "./chunk-OWFY465Z.js";
 import {
   Portal
 } from "./chunk-UZUMIWPJ.js";
 import {
-  List
-} from "./chunk-C5KFNMWU.js";
+  popover_exports
+} from "./chunk-FVUEAELO.js";
 import {
   Loader
 } from "./chunk-DHFAFRZ4.js";
+import {
+  List
+} from "./chunk-C5KFNMWU.js";
 import {
   loading_overlay_exports
 } from "./chunk-BDS3APRG.js";
@@ -170,14 +173,11 @@ import {
   Spinner
 } from "./chunk-MK3OG2I4.js";
 import {
-  Mark
-} from "./chunk-EWCBYJA7.js";
+  Heading
+} from "./chunk-HZX4AGO5.js";
 import {
   Highlight
 } from "./chunk-TGEP2YAT.js";
-import {
-  Heading
-} from "./chunk-HZX4AGO5.js";
 import {
   hover_card_exports
 } from "./chunk-MZ2RY4NU.js";
@@ -193,33 +193,40 @@ import {
 import {
   Float
 } from "./chunk-XD7U6L2E.js";
+import {
+  Fieldset,
+  useFieldsetContext
+} from "./chunk-FPRTN3I7.js";
 import {
   FocusTrap
 } from "./chunk-EWATHRZA.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 {
-  grid_list_exports
-} from "./chunk-ZUT5GZTD.js";
+  Editable
+} from "./chunk-TEQVVR3W.js";
 import {
-  Flex
-} from "./chunk-JQVOMAD5.js";
+  dialog_exports
+} from "./chunk-HXNGSQQG.js";
 import {
-  Grid,
-  GridItem,
-  SimpleGrid
-} from "./chunk-2NWOJCSX.js";
+  EmptyState
+} from "./chunk-NGGISORT.js";
 import {
   drawer_exports
 } from "./chunk-HHKMVSL4.js";
-import {
-  Editable
-} from "./chunk-TEQVVR3W.js";
 import {
   EnvironmentProvider,
   useEnvironmentContext
@@ -229,32 +236,37 @@ import {
   useFieldContext,
   useFieldStyles
 } from "./chunk-XX2OY7LK.js";
-import {
-  dialog_exports
-} from "./chunk-HXNGSQQG.js";
-import {
-  EmptyState
-} from "./chunk-NGGISORT.js";
-import {
-  Fieldset,
-  useFieldsetContext
-} from "./chunk-FPRTN3I7.js";
 import {
   file_upload_exports,
   useFileUploadContext
 } from "./chunk-VVTDE7NH.js";
 import {
-  Code
-} from "./chunk-YMCOU2N5.js";
+  Flex
+} from "./chunk-JQVOMAD5.js";
+import {
+  clipboard_exports,
+  useClipboard
+} from "./chunk-GBAK2P5L.js";
+import {
+  Input,
+  InputAddon,
+  InputElement,
+  InputGroup,
+  InputPropsProvider
+} from "./chunk-BLSGOJQ7.js";
+import "./chunk-KTLWEUNW.js";
+import {
+  Collapsible
+} from "./chunk-PEJYADAS.js";
+import {
+  ClientOnly
+} from "./chunk-4N4SHDPB.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";
@@ -269,17 +281,8 @@ import {
   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";
+  ButtonGroup
+} from "./chunk-7PWVK3NL.js";
 import {
   Card
 } from "./chunk-7DF4NQNZ.js";
@@ -296,57 +299,53 @@ import {
   Checkmark
 } from "./chunk-UIP2CHMU.js";
 import {
-  ClientOnly
-} from "./chunk-4N4SHDPB.js";
+  Code
+} from "./chunk-YMCOU2N5.js";
+import "./chunk-YHQ5JGCC.js";
 import {
-  clipboard_exports,
-  useClipboard
-} from "./chunk-GBAK2P5L.js";
+  Avatar,
+  AvatarGroup
+} from "./chunk-FN7TU5F5.js";
 import {
-  Input,
-  InputAddon,
-  InputElement,
-  InputGroup,
-  InputPropsProvider
-} from "./chunk-BLSGOJQ7.js";
-import "./chunk-KTLWEUNW.js";
+  BackButton
+} from "./chunk-KHCQMSP7.js";
+import {
+  Link
+} from "./chunk-LIOV5MU4.js";
+import {
+  SuiContext,
+  SuiProvider,
+  useLink,
+  useSui
+} from "./chunk-ZULBHMWG.js";
 import {
   Badge,
   BadgePropsProvider
 } from "./chunk-R2J5USV6.js";
-import {
-  AspectRatio
-} from "./chunk-BSE7ZUP5.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";
-import {
-  ButtonGroup
-} from "./chunk-7PWVK3NL.js";
 import {
   defaultConfig,
   defaultSystem
-} from "./chunk-NKUBVRXY.js";
+} from "./chunk-RBG43JK2.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: "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: "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-RBG43JK2.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.13",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {

package/dist/{chunk-QITSWCWX.js → chunk-OWFY465Z.js}

@@ -1,10 +1,10 @@
 'use client'
-import {
-  popover_exports
-} from "./chunk-FVUEAELO.js";
 import {
   Portal
 } from "./chunk-UZUMIWPJ.js";
+import {
+  popover_exports
+} from "./chunk-FVUEAELO.js";
 
 // src/components/toggle-tip/toggle-tip.tsx
 import * as React from "react";