@una-ui/nuxt 0.54.2 → 0.54.3

package/dist/module.json

@@ -1,12 +1,12 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.54.2",
+  "version": "0.54.3",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
   "builder": {
-    "@nuxt/module-builder": "0.8.4",
+    "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"
   }
 }

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "0.54.2";
+const version = "0.54.3";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/alert-dialog/AlertDialog.vue

@@ -1,42 +1,47 @@
-<script setup lang="ts">
-import type { AlertDialogEmits } from 'reka-ui'
-import type { NAlertDialogProps } from '../../types'
-import { reactivePick } from '@vueuse/core'
-import { AlertDialogRoot, useForwardPropsEmits, VisuallyHidden } from 'reka-ui'
-import { computed } from 'vue'
-import { randomId } from '../../utils'
-import AlertDialogAction from './AlertDialogAction.vue'
-import AlertDialogCancel from './AlertDialogCancel.vue'
-import AlertDialogContent from './AlertDialogContent.vue'
-import AlertDialogDescription from './AlertDialogDescription.vue'
-import AlertDialogFooter from './AlertDialogFooter.vue'
-import AlertDialogHeader from './AlertDialogHeader.vue'
-import AlertDialogTitle from './AlertDialogTitle.vue'
-import AlertDialogTrigger from './AlertDialogTrigger.vue'
-
+<script setup>
+import { reactivePick } from "@vueuse/core";
+import { AlertDialogRoot, useForwardPropsEmits, VisuallyHidden } from "reka-ui";
+import { computed } from "vue";
+import { randomId } from "../../utils";
+import AlertDialogAction from "./AlertDialogAction.vue";
+import AlertDialogCancel from "./AlertDialogCancel.vue";
+import AlertDialogContent from "./AlertDialogContent.vue";
+import AlertDialogDescription from "./AlertDialogDescription.vue";
+import AlertDialogFooter from "./AlertDialogFooter.vue";
+import AlertDialogHeader from "./AlertDialogHeader.vue";
+import AlertDialogTitle from "./AlertDialogTitle.vue";
+import AlertDialogTrigger from "./AlertDialogTrigger.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NAlertDialogProps>(), {
-  overlay: true,
-})
-const emits = defineEmits<AlertDialogEmits & {
-  cancel: [Event]
-  action: [Event]
-}>()
-const DEFAULT_TITLE = randomId('alert-dialog-title')
-const DEFAULT_DESCRIPTION = randomId('alert-dialog-description')
-
-const title = computed(() => props.title ?? DEFAULT_TITLE)
-const description = computed(() => props.description ?? DEFAULT_DESCRIPTION)
-
+  inheritAttrs: false
+});
+const props = defineProps({
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  _alertDialogTitle: { type: Object, required: false },
+  _alertDialogDescription: { type: Object, required: false },
+  _alertDialogContent: { type: Object, required: false },
+  _alertDialogTrigger: { type: Object, required: false },
+  _alertDialogHeader: { type: Object, required: false },
+  _alertDialogFooter: { type: Object, required: false },
+  una: { type: Object, required: false },
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  preventClose: { type: Boolean, required: false },
+  overlay: { type: Boolean, required: false, default: true },
+  _alertDialogCancel: { type: Object, required: false },
+  _alertDialogAction: { type: Object, required: false },
+  _alertDialogOverlay: { type: Object, required: false }
+});
+const emits = defineEmits(["update:open", "cancel", "action"]);
+const DEFAULT_TITLE = randomId("alert-dialog-title");
+const DEFAULT_DESCRIPTION = randomId("alert-dialog-description");
+const title = computed(() => props.title ?? DEFAULT_TITLE);
+const description = computed(() => props.description ?? DEFAULT_DESCRIPTION);
 const rootProps = reactivePick(props, [
-  'open',
-  'defaultOpen',
-])
-
-const forwarded = useForwardPropsEmits(rootProps, emits)
+  "open",
+  "defaultOpen"
+]);
+const forwarded = useForwardPropsEmits(rootProps, emits);
 </script>
 
 <template>
@@ -59,7 +64,7 @@ const forwarded = useForwardPropsEmits(rootProps, emits)
         :prevent-close
         :una
       >
-        <VisuallyHidden v-if="(title === DEFAULT_TITLE || !!$slots.title) || (description === DEFAULT_DESCRIPTION || !!$slots.description)">
+        <VisuallyHidden v-if="title === DEFAULT_TITLE || !!$slots.title || (description === DEFAULT_DESCRIPTION || !!$slots.description)">
           <AlertDialogTitle v-if="title === DEFAULT_TITLE || !!$slots.title">
             {{ title }}
           </AlertDialogTitle>

package/dist/runtime/components/alert-dialog/AlertDialog.vue.d.ts

@@ -0,0 +1,45 @@
+import type { NAlertDialogProps } from '../../types/index.js';
+declare var __VLS_6: {}, __VLS_11: {
+    open: boolean;
+}, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_46: {}, __VLS_48: {}, __VLS_57: {}, __VLS_59: {}, __VLS_68: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    trigger?: (props: typeof __VLS_11) => any;
+} & {
+    content?: (props: typeof __VLS_26) => any;
+} & {
+    header?: (props: typeof __VLS_31) => any;
+} & {
+    title?: (props: typeof __VLS_36) => any;
+} & {
+    description?: (props: typeof __VLS_41) => any;
+} & {
+    footer?: (props: typeof __VLS_46) => any;
+} & {
+    'cancel-wrapper'?: (props: typeof __VLS_48) => any;
+} & {
+    cancel?: (props: typeof __VLS_57) => any;
+} & {
+    'action-wrapper'?: (props: typeof __VLS_59) => any;
+} & {
+    action?: (props: typeof __VLS_68) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (args_0: Event) => any;
+    "update:open": (value: boolean) => any;
+    action: (args_0: Event) => any;
+}, string, import("vue").PublicProps, Readonly<NAlertDialogProps> & Readonly<{
+    onCancel?: ((args_0: Event) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onAction?: ((args_0: Event) => any) | undefined;
+}>, {
+    overlay: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert-dialog/AlertDialogAction.vue

@@ -1,12 +1,38 @@
-<script setup lang="ts">
-import type { NAlertDialogActionProps } from '../../types'
-import { AlertDialogAction } from 'reka-ui'
-import Button from '../elements/Button.vue'
-
-const props = withDefaults(defineProps<NAlertDialogActionProps>(), {
-  btn: 'solid-primary',
-  label: 'Continue',
-})
+<script setup>
+import { AlertDialogAction } from "reka-ui";
+import Button from "../elements/Button.vue";
+const props = defineProps({
+  onClick: { type: Function, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false, default: "Continue" },
+  btn: { type: String, required: false, default: "solid-primary" },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  size: { type: String, required: false },
+  una: { type: Object, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false },
+  class: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  toggleOn: { type: String, required: false },
+  toggleOff: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
 </script>
 
 <template>

package/dist/runtime/components/alert-dialog/AlertDialogAction.vue.d.ts

@@ -0,0 +1,16 @@
+import type { NAlertDialogActionProps } from '../../types/index.js';
+declare var __VLS_10: string | number, __VLS_11: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertDialogActionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAlertDialogActionProps> & Readonly<{}>, {
+    label: string;
+    btn: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert-dialog/AlertDialogCancel.vue

@@ -1,13 +1,39 @@
-<script setup lang="ts">
-import type { NAlertDialogCancelProps } from '../../types'
-import { AlertDialogCancel } from 'reka-ui'
-import { cn } from '../../utils'
-import Button from '../elements/Button.vue'
-
-const props = withDefaults(defineProps<NAlertDialogCancelProps>(), {
-  btn: 'solid-gray',
-  label: 'Cancel',
-})
+<script setup>
+import { AlertDialogCancel } from "reka-ui";
+import { cn } from "../../utils";
+import Button from "../elements/Button.vue";
+const props = defineProps({
+  onClick: { type: Function, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false, default: "Cancel" },
+  btn: { type: String, required: false, default: "solid-gray" },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  size: { type: String, required: false },
+  una: { type: Object, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false },
+  class: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  toggleOn: { type: String, required: false },
+  toggleOff: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
 </script>
 
 <template>
@@ -17,9 +43,9 @@ const props = withDefaults(defineProps<NAlertDialogCancelProps>(), {
     <Button
       v-bind="props"
       :class="cn(
-        'alert-dialog-cancel',
-        props.class,
-      )"
+  'alert-dialog-cancel',
+  props.class
+)"
     >
       <template v-for="(_, name) in $slots" #[name]="slotData">
         <slot :name="name" v-bind="slotData" />

package/dist/runtime/components/alert-dialog/AlertDialogCancel.vue.d.ts

@@ -0,0 +1,16 @@
+import type { NAlertDialogCancelProps } from '../../types/index.js';
+declare var __VLS_10: string | number, __VLS_11: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertDialogCancelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAlertDialogCancelProps> & Readonly<{}>, {
+    label: string;
+    btn: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert-dialog/AlertDialogContent.vue

@@ -1,40 +1,46 @@
-<script setup lang="ts">
-import type { AlertDialogContentEmits } from 'reka-ui'
-import type { NAlertDialogContentProps } from '../../types'
-import { reactiveOmit } from '@vueuse/core'
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
 import {
   AlertDialogContent,
   AlertDialogPortal,
-  useForwardPropsEmits,
-} from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../utils'
-import AlertDialogOverlay from './AlertDialogOverlay.vue'
-
+  useForwardPropsEmits
+} from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../utils";
+import AlertDialogOverlay from "./AlertDialogOverlay.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NAlertDialogContentProps>(), {
-  overlay: true,
-})
-const emits = defineEmits<AlertDialogContentEmits>()
-const delegatedProps = reactiveOmit(props, ['class', 'una', '_alertDialogOverlay'])
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+  inheritAttrs: false
+});
+const props = defineProps({
+  preventClose: { type: Boolean, required: false },
+  overlay: { type: Boolean, required: false, default: true },
+  _alertDialogCancel: { type: Object, required: false },
+  _alertDialogAction: { type: Object, required: false },
+  _alertDialogOverlay: { type: Object, required: false },
+  una: { type: Object, required: false },
+  forceMount: { type: Boolean, required: false },
+  trapFocus: { type: Boolean, required: false },
+  disableOutsidePointerEvents: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
+const delegatedProps = reactiveOmit(props, ["class", "una", "_alertDialogOverlay"]);
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 const contentEvents = computed(() => {
   if (props.preventClose) {
     return {
-      pointerDownOutside: (e: Event) => e.preventDefault(),
-      interactOutside: (e: Event) => e.preventDefault(),
-      escapeKeyDown: (e: Event) => e.preventDefault(),
-      closeAutoFocus: (e: Event) => e.preventDefault(),
-    }
+      pointerDownOutside: (e) => e.preventDefault(),
+      interactOutside: (e) => e.preventDefault(),
+      escapeKeyDown: (e) => e.preventDefault(),
+      closeAutoFocus: (e) => e.preventDefault()
+    };
   }
-
   return {
-    closeAutoFocus: (e: Event) => e.preventDefault(),
-  }
-})
+    closeAutoFocus: (e) => e.preventDefault()
+  };
+});
 </script>
 
 <template>
@@ -49,11 +55,11 @@ const contentEvents = computed(() => {
       data-slot="alert-dialog-content"
       v-bind="{ ...forwarded, ...$attrs }"
       :class="cn(
-        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48%',
-        'alert-dialog-content',
-        props.una?.alertDialogContent,
-        props.class,
-      )"
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48%',
+  'alert-dialog-content',
+  props.una?.alertDialogContent,
+  props.class
+)"
       v-on="contentEvents"
     >
       <slot />

package/dist/runtime/components/alert-dialog/AlertDialogContent.vue.d.ts

@@ -0,0 +1,45 @@
+import type { NAlertDialogContentProps } from '../../types/index.js';
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertDialogContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any;
+    focusOutside: (event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any;
+    interactOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<NAlertDialogContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    overlay: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert-dialog/AlertDialogDescription.vue

@@ -1,12 +1,14 @@
-<script setup lang="ts">
-import type { NAlertDialogDescriptionProps } from '../../types'
-import { reactiveOmit } from '@vueuse/core'
-import { AlertDialogDescription } from 'reka-ui'
-import { cn } from '../../utils'
-
-const props = defineProps<NAlertDialogDescriptionProps>()
-
-const delegatedProps = reactiveOmit(props, 'class', 'una')
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AlertDialogDescription } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class", "una");
 </script>
 
 <template>
@@ -14,10 +16,10 @@ const delegatedProps = reactiveOmit(props, 'class', 'una')
     data-slot="alert-dialog-description"
     v-bind="delegatedProps"
     :class="cn(
-      'alert-dialog-description',
-      props.una?.alertDialogDescription,
-      props.class,
-    )"
+  'alert-dialog-description',
+  props.una?.alertDialogDescription,
+  props.class
+)"
   >
     <slot />
   </AlertDialogDescription>

package/dist/runtime/components/alert-dialog/AlertDialogDescription.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NAlertDialogDescriptionProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertDialogDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAlertDialogDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert-dialog/AlertDialogFooter.vue

@@ -1,20 +1,21 @@
-<script setup lang="ts">
-import type { NAlertDialogFooterProps } from '../../types'
-import { cn } from '../../utils'
-
-const props = defineProps<NAlertDialogFooterProps>()
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <div
     data-slot="alert-dialog-footer"
     :class="
-      cn(
-        'alert-dialog-footer',
-        props.una?.alertDialogFooter,
-        props.class,
-      )
-    "
+  cn(
+    'alert-dialog-footer',
+    props.una?.alertDialogFooter,
+    props.class
+  )
+"
   >
     <slot />
   </div>

package/dist/runtime/components/alert-dialog/AlertDialogFooter.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NAlertDialogFooterProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertDialogFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAlertDialogFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert-dialog/AlertDialogHeader.vue

@@ -1,18 +1,19 @@
-<script setup lang="ts">
-import type { NAlertDialogHeaderProps } from '../../types'
-import { cn } from '../../utils'
-
-const props = defineProps<NAlertDialogHeaderProps>()
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
   <div
     data-slot="alert-dialog-header"
     :class="cn(
-      'alert-dialog-header',
-      props.una?.alertDialogHeader,
-      props.class,
-    )"
+  'alert-dialog-header',
+  props.una?.alertDialogHeader,
+  props.class
+)"
   >
     <slot />
   </div>

package/dist/runtime/components/alert-dialog/AlertDialogHeader.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NAlertDialogHeaderProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NAlertDialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAlertDialogHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/alert-dialog/AlertDialogOverlay.vue

@@ -1,20 +1,24 @@
-<script lang="ts" setup>
-import type { NAlertDialogOverlayProps } from '../../types'
-import { DialogOverlay } from 'reka-ui'
-import { cn } from '../../utils'
-
-const props = defineProps<NAlertDialogOverlayProps>()
+<script setup>
+import { DialogOverlay } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  forceMount: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
 </script>
 
 <template>
   <DialogOverlay
     data-slot="alert-dialog-overlay"
     :class="cn(
-      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 ',
-      'alert-dialog-overlay',
-      props.una?.alertDialogOverlay,
-      props.class,
-    )"
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 ',
+  'alert-dialog-overlay',
+  props.una?.alertDialogOverlay,
+  props.class
+)"
   >
     <slot />
   </DialogOverlay>