nuance-ui 0.1.52 → 0.1.53

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": "^4.0.0"
   },
-  "version": "0.1.52",
+  "version": "0.1.53",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/dialog/ui/dialog-root.vue

@@ -6,6 +6,7 @@ import Box from "../../box.vue";
 import NTransition from "../../transition/transition.vue";
 import { useProvideDialogState } from "../lib";
 import css from "./dialog.module.css";
+defineOptions({ inheritAttrs: false });
 const {
   withinPortal = false,
   closeOnClickOutside = true,

package/dist/runtime/components/drawer/drawer-root.vue

@@ -4,9 +4,10 @@ import DialogRoot from "../dialog/ui/dialog-root.vue";
 import css from "./drawer.module.css";
 const {
   position = "left",
-  withoutOverlay = true,
+  withoutOverlay = false,
+  withinPortal = false,
+  closeOnClickOutside = true,
   mod,
-  withinPortal = true,
   ...rest
 } = defineProps({
   position: { type: String, required: false },
@@ -47,6 +48,7 @@ const transition = computed(() => {
 		:class='css.content'
 		:within-portal
 		:without-overlay
+		:close-on-click-outside
 		:transition
 		v-bind='rest'
 		@open='$emit("open")'

package/dist/runtime/components/modal/modal-root.vue

@@ -5,9 +5,9 @@ const {
   centered,
   fullScreen,
   mod,
+  withoutOverlay = false,
   withinPortal = false,
   closeOnClickOutside = true,
-  withoutOverlay = false,
   ...rest
 } = defineProps({
   centered: { type: Boolean, required: false },

package/dist/runtime/components/modals/{modal-provider.vue → modals-provider.vue}

@@ -1,13 +1,12 @@
 <script setup>
 import { $modals } from "@nui/composals";
-const activeModals = $modals.modals;
 </script>
 
 <template>
 	<div id='nui-modals-root'>
 		<component
 			:is='entry.component'
-			v-for='[id, entry] in activeModals'
+			v-for='[id, entry] in $modals.modals'
 			:key='id'
 			v-bind='entry.props'
 		/>

package/dist/runtime/composals/use-modal/use-modal.js

@@ -4,7 +4,7 @@ export function useModal(id) {
   const state = computed(() => $modals.state(id));
   const opened = computed({
     get: () => state.value?.opened,
-    set: (opened2) => opened2 ? $modals.show(id, state.value.props) : $modals.reject(id)
+    set: (opened2) => opened2 ? $modals.show(id, state.value.props) : $modals.reject(id, "cancel")
   });
   if (!state)
     throw new Error(`Modal ${id} is not exist`);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "nuance-ui",
-	"version": "0.1.52",
+	"version": "0.1.53",
 	"description": "A UI Library for Modern Web Apps, powered by Vue.",
 	"repository": {
 		"type": "git",