@weni/unnnic-system 3.11.3-alpha.1 → 3.11.3-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weni/unnnic-system",
-  "version": "3.11.3-alpha.1",
+  "version": "3.11.3-alpha.2",
   "type": "commonjs",
   "files": [
     "dist",

package/src/components/Drawer/Drawer.vue

@@ -6,6 +6,7 @@
     @update:open="$event ? () => {} : back()"
   >
     <DrawerContent
+      v-bind="$attrs"
       :showOverlay="!withoutOverlay"
       data-testid="drawer-container"
       :size="mappedSize"
@@ -106,6 +107,7 @@ import {
 
 defineOptions({
   name: 'UnnnicDrawer',
+  inheritAttrs: false,
 });
 
 const props = defineProps({

package/src/components/Drawer/__tests__/Drawer.spec.js

@@ -10,6 +10,12 @@ describe('Drawer.vue', () => {
     UnnnicIcon: true,
     UnnnicButton: true,
     Teleport: templateSlot,
+    UnnnicDrawerNext: templateSlot,
+    UnnnicDrawerContent: templateSlot,
+    UnnnicDrawerFooter: templateSlot,
+    UnnnicDrawerClose: templateSlot,
+    UnnnicDrawerTitle: templateSlot,
+    UnnnicDrawerDescription: templateSlot,
   };
 
   beforeEach(() => {

package/src/components/ModalDialog/ModalDialog.vue

@@ -4,6 +4,7 @@
     @update:open="$emit('update:modelValue', $event)"
   >
     <UnnnicDialogContent
+      v-bind="$attrs"
       :size="size === 'sm' ? 'small' : size === 'lg' ? 'large' : 'medium'"
       :parentClass="['unnnic-modal-dialog', $attrs.class]"
       class="unnnic-modal-dialog__container"
@@ -101,6 +102,7 @@ export default {
     UnnnicDialogTitle,
     UnnnicDialogFooter,
   },
+  inheritAttrs: false,
   mixins: [UnnnicI18n],
   props: {
     modelValue: {

package/src/components/ui/dialog/Dialog.vue

@@ -2,6 +2,10 @@
 import type { DialogRootEmits, DialogRootProps } from 'reka-ui';
 import { DialogRoot, useForwardPropsEmits } from 'reka-ui';
 
+defineOptions({
+  name: 'UnnnicDialog',
+});
+
 const props = defineProps<DialogRootProps>();
 const emits = defineEmits<DialogRootEmits>();
 

package/src/components/ui/dialog/DialogClose.vue

@@ -2,6 +2,10 @@
 import type { DialogCloseProps } from 'reka-ui';
 import { DialogClose } from 'reka-ui';
 
+defineOptions({
+  name: 'UnnnicDialogClose',
+});
+
 const props = defineProps<DialogCloseProps>();
 </script>
 

package/src/components/ui/dialog/DialogContent.vue

@@ -11,6 +11,10 @@ import {
 } from 'reka-ui';
 import { cn } from '@/lib/utils';
 
+defineOptions({
+  name: 'UnnnicDialogContent',
+});
+
 const props = withDefaults(
   defineProps<
     DialogContentProps & {

package/src/components/ui/dialog/DialogFooter.vue

@@ -2,6 +2,10 @@
 import type { HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
 
+defineOptions({
+  name: 'UnnnicDialogFooter',
+});
+
 const props = withDefaults(
   defineProps<{ class?: HTMLAttributes['class']; divider?: boolean }>(),
   {

package/src/components/ui/dialog/DialogHeader.vue

@@ -5,6 +5,10 @@ import UnnnicButton from '@/components/Button/Button.vue';
 import DialogClose from './DialogClose.vue';
 import UnnnicIcon, { SchemeColor } from '@/components/Icon.vue';
 
+defineOptions({
+  name: 'UnnnicDialogHeader',
+});
+
 const props = withDefaults(
   defineProps<{
     class?: HTMLAttributes['class'];

package/src/components/ui/dialog/DialogTitle.vue

@@ -5,6 +5,10 @@ import { reactiveOmit } from '@vueuse/core';
 import { DialogTitle, useForwardProps } from 'reka-ui';
 import { cn } from '@/lib/utils';
 
+defineOptions({
+  name: 'UnnnicDialogTitle',
+});
+
 const props = defineProps<
   DialogTitleProps & { class?: HTMLAttributes['class'] }
 >();

package/src/components/ui/dialog/DialogTrigger.vue

@@ -2,6 +2,10 @@
 import type { DialogTriggerProps } from 'reka-ui';
 import { DialogTrigger } from 'reka-ui';
 
+defineOptions({
+  name: 'UnnnicDialogTrigger',
+});
+
 const props = defineProps<DialogTriggerProps>();
 </script>