@una-ui/nuxt 0.52.1 → 0.53.0

package/dist/module.d.mts

@@ -33,4 +33,5 @@ interface ModuleOptions {
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 
-export { type ModuleOptions, _default as default };
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -1,12 +1,12 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.52.1",
+  "version": "0.53.0",
   "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.52.1";
+const version = "0.53.0";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -0,0 +1,136 @@
+<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 = 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);
+</script>
+
+<template>
+  <AlertDialogRoot
+    v-slot="{ open }"
+    data-slot="alert-dialog"
+    v-bind="forwarded"
+  >
+    <slot>
+      <AlertDialogTrigger
+        v-bind="_alertDialogTrigger"
+        as-child
+      >
+        <slot name="trigger" :open />
+      </AlertDialogTrigger>
+
+      <AlertDialogContent
+        v-bind="_alertDialogContent"
+        :_alert-dialog-overlay
+        :prevent-close
+        :una
+      >
+        <VisuallyHidden v-if="title === DEFAULT_TITLE || !!$slots.title || (description === DEFAULT_DESCRIPTION || !!$slots.description)">
+          <AlertDialogTitle v-if="title === DEFAULT_TITLE || !!$slots.title">
+            {{ title }}
+          </AlertDialogTitle>
+
+          <AlertDialogDescription v-if="description === DEFAULT_DESCRIPTION || !!$slots.description">
+            {{ description }}
+          </AlertDialogDescription>
+        </VisuallyHidden>
+
+        <slot name="content">
+          <!-- Header -->
+          <AlertDialogHeader
+            v-if="!!$slots.header || (title !== DEFAULT_TITLE || !!$slots.title) || (description !== DEFAULT_DESCRIPTION || !!$slots.description)"
+            v-bind="_alertDialogHeader"
+            :una
+          >
+            <slot name="header">
+              <AlertDialogTitle
+                v-if="title !== DEFAULT_TITLE || !!$slots.title"
+                v-bind="_alertDialogTitle"
+                :una
+              >
+                <slot name="title">
+                  {{ title }}
+                </slot>
+              </AlertDialogTitle>
+
+              <AlertDialogDescription
+                v-if="description !== DEFAULT_DESCRIPTION || !!$slots.description"
+                v-bind="_alertDialogDescription"
+                :una
+              >
+                <slot name="description">
+                  {{ description }}
+                </slot>
+              </AlertDialogDescription>
+            </slot>
+          </AlertDialogHeader>
+
+          <!-- Footer -->
+          <AlertDialogFooter
+            v-bind="_alertDialogFooter"
+            :una
+          >
+            <slot name="footer">
+              <slot name="cancel-wrapper">
+                <AlertDialogCancel
+                  v-bind="_alertDialogCancel"
+                  @click="emits('cancel', $event)"
+                >
+                  <slot name="cancel" />
+                </AlertDialogCancel>
+              </slot>
+
+              <slot name="action-wrapper">
+                <AlertDialogAction
+                  v-bind="_alertDialogAction"
+                  @click="emits('action', $event)"
+                >
+                  <slot name="action" />
+                </AlertDialogAction>
+              </slot>
+            </slot>
+          </AlertDialogFooter>
+        </slot>
+      </AlertDialogContent>
+    </slot>
+  </AlertDialogRoot>
+</template>

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

@@ -0,0 +1,50 @@
+<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>
+  <AlertDialogAction
+    as-child
+  >
+    <Button
+      v-bind="props"
+    >
+      <template v-for="(_, name) in $slots" #[name]="slotData">
+        <slot :name="name" v-bind="slotData" />
+      </template>
+    </Button>
+  </AlertDialogAction>
+</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

@@ -0,0 +1,55 @@
+<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>
+  <AlertDialogCancel
+    as-child
+  >
+    <Button
+      v-bind="props"
+      :class="cn(
+  'alert-dialog-cancel',
+  props.class
+)"
+    >
+      <template v-for="(_, name) in $slots" #[name]="slotData">
+        <slot :name="name" v-bind="slotData" />
+      </template>
+    </Button>
+  </AlertDialogCancel>
+</template>

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

@@ -0,0 +1,68 @@
+<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";
+defineOptions({
+  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) => e.preventDefault(),
+      interactOutside: (e) => e.preventDefault(),
+      escapeKeyDown: (e) => e.preventDefault(),
+      closeAutoFocus: (e) => e.preventDefault()
+    };
+  }
+  return {
+    closeAutoFocus: (e) => e.preventDefault()
+  };
+});
+</script>
+
+<template>
+  <AlertDialogPortal>
+    <AlertDialogOverlay
+      v-if="overlay"
+      v-bind="_alertDialogOverlay"
+      :una
+    />
+
+    <AlertDialogContent
+      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
+)"
+      v-on="contentEvents"
+    >
+      <slot />
+    </AlertDialogContent>
+  </AlertDialogPortal>
+</template>

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

@@ -0,0 +1,26 @@
+<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>
+  <AlertDialogDescription
+    data-slot="alert-dialog-description"
+    v-bind="delegatedProps"
+    :class="cn(
+  'alert-dialog-description',
+  props.una?.alertDialogDescription,
+  props.class
+)"
+  >
+    <slot />
+  </AlertDialogDescription>
+</template>

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

@@ -0,0 +1,22 @@
+<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
+  )
+"
+  >
+    <slot />
+  </div>
+</template>

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

@@ -0,0 +1,20 @@
+<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
+)"
+  >
+    <slot />
+  </div>
+</template>

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

@@ -0,0 +1,25 @@
+<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
+)"
+  >
+    <slot />
+  </DialogOverlay>
+</template>

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

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

@@ -0,0 +1,26 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { AlertDialogTitle } 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>
+  <AlertDialogTitle
+    data-slot="alert-dialog-title"
+    v-bind="delegatedProps"
+    :class="cn(
+  'alert-dialog-title',
+  props.una?.alertDialogTitle,
+  props.class
+)"
+  >
+    <slot />
+  </AlertDialogTitle>
+</template>

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

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