@weni/unnnic-system 3.11.1-alpha.0 → 3.11.1-alpha.2

package/package.json

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

package/src/components/Drawer/Drawer.vue

@@ -1,9 +1,9 @@
 <template>
   <Drawer
-    :open="modelValue"
-    @update:open="$emit('update:modelValue', $event)"
     class="unnnic-drawer"
     data-testid="drawer"
+    :open="modelValue"
+    @update:open="$emit('update:modelValue', $event)"
   >
     <DrawerContent
       :showOverlay="!withoutOverlay"
@@ -96,6 +96,10 @@ import {
   DrawerDescription,
 } from '../ui/drawer';
 
+defineOptions({
+  name: 'UnnnicDrawer',
+});
+
 const props = defineProps({
   title: {
     type: String,

package/src/components/index.ts

@@ -117,7 +117,7 @@ import DialogHeader from './ui/dialog/DialogHeader.vue';
 import DialogTitle from './ui/dialog/DialogTitle.vue';
 import DialogTrigger from './ui/dialog/DialogTrigger.vue';
 import DialogClose from './ui/dialog/DialogClose.vue';
-import DrawerNext from './Drawer/Drawer.vue';
+import DrawerNext from './ui/drawer/Drawer.vue';
 import DrawerContent from './ui/drawer/DrawerContent.vue';
 import DrawerHeader from './ui/drawer/DrawerHeader.vue';
 import DrawerFooter from './ui/drawer/DrawerFooter.vue';
@@ -375,6 +375,13 @@ export const unnnicDialogHeader = DialogHeader;
 export const unnnicDialogTitle = DialogTitle;
 export const unnnicDialogTrigger = DialogTrigger;
 export const unnnicDialogClose = DialogClose;
+export const unnnicDrawerNext = DrawerNext;
+export const unnnicDrawerContent = DrawerContent;
+export const unnnicDrawerHeader = DrawerHeader;
+export const unnnicDrawerFooter = DrawerFooter;
+export const unnnicDrawerClose = DrawerClose;
+export const unnnicDrawerTitle = DrawerTitle;
+export const unnnicDrawerDescription = DrawerDescription;
 
 export const UnnnicFontSize = fontSize;
 export const UnnnicFormElement = formElement;

package/src/components/ui/drawer/Drawer.vue

@@ -3,6 +3,10 @@ import type { DrawerRootEmits, DrawerRootProps } from 'vaul-vue';
 import { useForwardPropsEmits } from 'reka-ui';
 import { DrawerRoot } from 'vaul-vue';
 
+defineOptions({
+  name: 'UnnnicDrawerNext',
+});
+
 const props = withDefaults(defineProps<DrawerRootProps>(), {
   shouldScaleBackground: true,
 });

package/src/components/ui/drawer/DrawerClose.vue

@@ -2,6 +2,10 @@
 import type { DrawerCloseProps } from 'vaul-vue';
 import { DrawerClose } from 'vaul-vue';
 
+defineOptions({
+  name: 'UnnnicDrawerClose',
+});
+
 const props = defineProps<DrawerCloseProps>();
 </script>
 

package/src/components/ui/drawer/DrawerContent.vue

@@ -1,12 +1,16 @@
 <script lang="ts" setup>
 import type { DialogContentEmits, DialogContentProps } from 'reka-ui';
-import type { HTMLAttributes } from 'vue';
+import { type HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { useForwardPropsEmits } from 'reka-ui';
 import { DrawerContent, DrawerPortal } from 'vaul-vue';
 import { cn } from '@/lib/utils';
 import DrawerOverlay from './DrawerOverlay.vue';
 
+defineOptions({
+  name: 'UnnnicDrawerContent',
+});
+
 const props = withDefaults(
   defineProps<
     DialogContentProps & {

package/src/components/ui/drawer/DrawerDescription.vue

@@ -5,6 +5,10 @@ import { reactiveOmit } from '@vueuse/core';
 import { DrawerDescription } from 'vaul-vue';
 import { cn } from '@/lib/utils';
 
+defineOptions({
+  name: 'UnnnicDrawerDescription',
+});
+
 const props = defineProps<
   DrawerDescriptionProps & { class?: HTMLAttributes['class'] }
 >();

package/src/components/ui/drawer/DrawerFooter.vue

@@ -1,7 +1,11 @@
 <script lang="ts" setup>
-import type { HTMLAttributes } from 'vue';
+import { type HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
 
+defineOptions({
+  name: 'UnnnicDrawerFooter',
+});
+
 const props = defineProps<{
   class?: HTMLAttributes['class'];
 }>();

package/src/components/ui/drawer/DrawerHeader.vue

@@ -1,9 +1,13 @@
 <script lang="ts" setup>
-import type { HTMLAttributes } from 'vue';
+import { type HTMLAttributes } from 'vue';
 import { cn } from '@/lib/utils';
 import UnnnicButton from '@/components/Button/Button.vue';
 import DrawerClose from './DrawerClose.vue';
 
+defineOptions({
+  name: 'UnnnicDrawerHeader',
+});
+
 const props = defineProps<{
   class?: HTMLAttributes['class'];
 }>();

package/src/components/ui/drawer/DrawerOverlay.vue

@@ -1,10 +1,14 @@
 <script lang="ts" setup>
 import type { DialogOverlayProps } from 'reka-ui';
-import type { HTMLAttributes } from 'vue';
+import { type HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { DrawerOverlay } from 'vaul-vue';
 import { cn } from '@/lib/utils';
 
+defineOptions({
+  name: 'UnnnicDrawerOverlay',
+});
+
 const props = defineProps<
   DialogOverlayProps & { class?: HTMLAttributes['class'] }
 >();

package/src/components/ui/drawer/DrawerTitle.vue

@@ -1,10 +1,14 @@
 <script lang="ts" setup>
 import type { DrawerTitleProps } from 'vaul-vue';
-import type { HTMLAttributes } from 'vue';
+import { type HTMLAttributes } from 'vue';
 import { reactiveOmit } from '@vueuse/core';
 import { DrawerTitle } from 'vaul-vue';
 import { cn } from '@/lib/utils';
 
+defineOptions({
+  name: 'UnnnicDrawerTitle',
+});
+
 const props = defineProps<
   DrawerTitleProps & { class?: HTMLAttributes['class'] }
 >();

package/src/components/ui/drawer/DrawerTrigger.vue

@@ -2,6 +2,10 @@
 import type { DrawerTriggerProps } from 'vaul-vue';
 import { DrawerTrigger } from 'vaul-vue';
 
+defineOptions({
+  name: 'UnnnicDrawerTrigger',
+});
+
 const props = defineProps<DrawerTriggerProps>();
 </script>