@una-ui/nuxt 0.54.1 → 0.54.3

package/dist/runtime/components/elements/dialog/DialogContent.vue

@@ -1,42 +1,47 @@
-<script setup lang="ts">
-import type { DialogContentEmits } from 'reka-ui'
-import type { NDialogContentProps } from '../../../types'
-import { reactiveOmit } from '@vueuse/core'
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
 import {
   DialogContent,
   DialogPortal,
-  useForwardPropsEmits,
-} from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import DialogClose from './DialogClose.vue'
-import DialogOverlay from './DialogOverlay.vue'
-
+  useForwardPropsEmits
+} from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import DialogClose from "./DialogClose.vue";
+import DialogOverlay from "./DialogOverlay.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NDialogContentProps>(), {
-  showClose: true,
-  overlay: true,
-})
-const emits = defineEmits<DialogContentEmits>()
-const delegatedProps = reactiveOmit(props, ['class', 'una', '_dialogOverlay', '_dialogClose'])
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+  inheritAttrs: false
+});
+const props = defineProps({
+  preventClose: { type: Boolean, required: false },
+  showClose: { type: Boolean, required: false, default: true },
+  overlay: { type: Boolean, required: false, default: true },
+  _dialogClose: { type: Object, required: false },
+  _dialogOverlay: { 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", "_dialogOverlay", "_dialogClose"]);
+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>
@@ -50,11 +55,11 @@ const contentEvents = computed(() => {
     <DialogContent
       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%',
-        'dialog-content',
-        props.una?.dialogContent,
-        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%',
+  'dialog-content',
+  props.una?.dialogContent,
+  props.class
+)"
       v-on="contentEvents"
     >
       <slot />

package/dist/runtime/components/elements/dialog/DialogContent.vue.d.ts

@@ -0,0 +1,46 @@
+import type { NDialogContentProps } from '../../../types/index.js';
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDialogContentProps, {}, {}, {}, {}, 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<NDialogContentProps> & 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;
+    showClose: 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/elements/dialog/DialogDescription.vue

@@ -1,24 +1,25 @@
-<script setup lang="ts">
-import type { NDialogDescriptionProps } from '../../../types'
-import { reactiveOmit } from '@vueuse/core'
-import { DialogDescription, useForwardProps } from 'reka-ui'
-import { cn } from '../../../utils'
-
-const props = defineProps<NDialogDescriptionProps>()
-
-const delegatedProps = reactiveOmit(props, 'class', 'una')
-
-const forwardedProps = useForwardProps(delegatedProps)
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { DialogDescription, useForwardProps } 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");
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
   <DialogDescription
     v-bind="forwardedProps"
     :class="cn(
-      'dialog-description 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%',
-      props.una?.dialogDescription,
-      props.class,
-    )"
+  'dialog-description 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%',
+  props.una?.dialogDescription,
+  props.class
+)"
   >
     <slot />
   </DialogDescription>

package/dist/runtime/components/elements/dialog/DialogDescription.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDialogDescriptionProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDialogDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogDescriptionProps> & 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/elements/dialog/DialogFooter.vue

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

package/dist/runtime/components/elements/dialog/DialogFooter.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDialogFooterProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDialogFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogFooterProps> & 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/elements/dialog/DialogHeader.vue

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

package/dist/runtime/components/elements/dialog/DialogHeader.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDialogHeaderProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDialogHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogHeaderProps> & 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/elements/dialog/DialogOverlay.vue

@@ -1,19 +1,21 @@
-<script lang="ts" setup>
-import type { NDialogOverlayProps } from '../../../types'
-import { DialogOverlay } from 'reka-ui'
-import { cn } from '../../../utils'
-
-const props = defineProps<NDialogOverlayProps>()
+<script setup>
+import { DialogOverlay } from "reka-ui";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  scrollable: { type: Boolean, required: false }
+});
 </script>
 
 <template>
   <DialogOverlay
     :class="cn(
-      'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
-      !props.scrollable ? 'dialog-overlay' : 'dialog-scroll-overlay',
-      props.una?.dialogOverlay,
-      props.class,
-    )"
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+  !props.scrollable ? 'dialog-overlay' : 'dialog-scroll-overlay',
+  props.una?.dialogOverlay,
+  props.class
+)"
   >
     <slot />
   </DialogOverlay>

package/dist/runtime/components/elements/dialog/DialogOverlay.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDialogOverlayProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDialogOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogOverlayProps> & 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/elements/dialog/DialogScrollContent.vue

@@ -1,45 +1,47 @@
-<script setup lang="ts">
-import type { DialogContentEmits } from 'reka-ui'
-import type { NDialogContentProps } from '../../../types'
-import { reactiveOmit } from '@vueuse/core'
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
 import {
   DialogContent,
   DialogPortal,
-  useForwardPropsEmits,
-} from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import DialogClose from './DialogClose.vue'
-import DialogOverlay from './DialogOverlay.vue'
-
+  useForwardPropsEmits
+} from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import DialogClose from "./DialogClose.vue";
+import DialogOverlay from "./DialogOverlay.vue";
 defineOptions({
-  inheritAttrs: false,
-})
-
-const props = withDefaults(defineProps<NDialogContentProps>(), {
-  showClose: true,
-  overlay: true,
-})
-const emits = defineEmits<DialogContentEmits>()
-
-const delegatedProps = reactiveOmit(props, ['class', '_dialogOverlay', '_dialogClose'])
-
+  inheritAttrs: false
+});
+const props = defineProps({
+  preventClose: { type: Boolean, required: false },
+  showClose: { type: Boolean, required: false, default: true },
+  overlay: { type: Boolean, required: false, default: true },
+  _dialogClose: { type: Object, required: false },
+  _dialogOverlay: { 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", "_dialogOverlay", "_dialogClose"]);
 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(),
-  }
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+    closeAutoFocus: (e) => e.preventDefault()
+  };
+});
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
@@ -53,10 +55,10 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits)
       <DialogContent
         v-bind="{ ...forwarded, ...$attrs }"
         :class="cn(
-          'dialog-scroll-content',
-          props.una?.dialogContent,
-          props.class,
-        )"
+  'dialog-scroll-content',
+  props.una?.dialogContent,
+  props.class
+)"
         v-on="contentEvents"
       >
         <slot />

package/dist/runtime/components/elements/dialog/DialogScrollContent.vue.d.ts

@@ -0,0 +1,46 @@
+import type { NDialogContentProps } from '../../../types/index.js';
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDialogContentProps, {}, {}, {}, {}, 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<NDialogContentProps> & 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;
+    showClose: 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/elements/dialog/DialogTitle.vue

@@ -1,25 +1,27 @@
-<script setup lang="ts">
-import type { NDialogTitleProps } from '../../../types'
-import { reactiveOmit } from '@vueuse/core'
-import { DialogTitle, useForwardProps } from 'reka-ui'
-import { cn } from '../../../utils'
-
-const props = defineProps<NDialogTitleProps>()
-
-const delegatedProps = reactiveOmit(props, 'class', 'una')
-
-const forwardedProps = useForwardProps(delegatedProps)
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { DialogTitle, useForwardProps } 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");
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
   <DialogTitle
     v-bind="forwardedProps"
-    :class="cn(
-      'dialog-title',
-      props.una?.dialogTitle,
-      props.class,
-    )
-    "
+    :class="
+  cn(
+    'dialog-title',
+    props.una?.dialogTitle,
+    props.class
+  )
+"
   >
     <slot />
   </DialogTitle>

package/dist/runtime/components/elements/dialog/DialogTitle.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDialogTitleProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDialogTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogTitleProps> & 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;
+    };
+};