nuxt-ui-elements 0.1.21 → 0.1.24

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-ui-elements",
   "configKey": "uiElements",
-  "version": "0.1.21",
+  "version": "0.1.24",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/DialogAlert.d.vue.ts

@@ -1,15 +1,15 @@
 import type { AppConfig } from "@nuxt/schema";
 import theme from "#build/ui-elements/dialog-alert";
-import type { ComponentConfig } from "../types/tv.js";
+import type { ComponentConfig } from "../types/index.js";
 type DialogAlert = ComponentConfig<typeof theme, AppConfig, "dialogAlert">;
-interface DialogAlertProps {
+export interface DialogAlertProps {
     title?: string;
     description?: string;
     icon?: string;
     label?: string;
     color?: DialogAlert["variants"]["color"];
     variant?: DialogAlert["variants"]["variant"];
-    onDismiss?: (() => void) | (() => Promise<void>);
+    onDismiss?: () => void | Promise<void>;
     ui?: DialogAlert["slots"];
 }
 declare const _default: typeof __VLS_export;
@@ -17,9 +17,7 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DialogAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: any) => any;
     "update:open": (value: boolean) => any;
-    "after:leave": () => any;
 }, string, import("vue").PublicProps, Readonly<DialogAlertProps> & Readonly<{
     onClose?: ((value?: any) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onAfter:leave"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/DialogAlert.vue

@@ -26,7 +26,7 @@ const {
   onDismiss: { type: Function, required: false },
   ui: { type: null, required: false }
 });
-const emits = defineEmits(["update:open", "close", "after:leave"]);
+const emits = defineEmits(["update:open", "close"]);
 const ui = computed(
   () => tv({
     extend: tv(theme)
@@ -53,9 +53,7 @@ const dismissHandler = () => {
   header: ui.header({ class: uiProps?.header }),
   body: ui.body({ class: uiProps?.body }),
   footer: ui.footer({ class: uiProps?.footer })
-}"
-    @close="emits('close', $event)"
-    @after:leave="emits('after:leave')">
+}">
     <template #header>
       <div class="relative w-full flex flex-col items-center text-center gap-3">
         <UIcon v-if="icon" :name="icon" data-slot="icon" :class="ui.icon({ class: uiProps?.icon })" />

package/dist/runtime/components/DialogAlert.vue.d.ts

@@ -1,15 +1,15 @@
 import type { AppConfig } from "@nuxt/schema";
 import theme from "#build/ui-elements/dialog-alert";
-import type { ComponentConfig } from "../types/tv.js";
+import type { ComponentConfig } from "../types/index.js";
 type DialogAlert = ComponentConfig<typeof theme, AppConfig, "dialogAlert">;
-interface DialogAlertProps {
+export interface DialogAlertProps {
     title?: string;
     description?: string;
     icon?: string;
     label?: string;
     color?: DialogAlert["variants"]["color"];
     variant?: DialogAlert["variants"]["variant"];
-    onDismiss?: (() => void) | (() => Promise<void>);
+    onDismiss?: () => void | Promise<void>;
     ui?: DialogAlert["slots"];
 }
 declare const _default: typeof __VLS_export;
@@ -17,9 +17,7 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DialogAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: any) => any;
     "update:open": (value: boolean) => any;
-    "after:leave": () => any;
 }, string, import("vue").PublicProps, Readonly<DialogAlertProps> & Readonly<{
     onClose?: ((value?: any) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onAfter:leave"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/DialogConfirm.d.vue.ts

@@ -1,18 +1,18 @@
 import type { AppConfig } from "@nuxt/schema";
 import theme from "#build/ui-elements/dialog-confirm";
-import type { ComponentConfig } from "../types/tv.js";
+import type { ComponentConfig } from "../types/index.js";
 type DialogConfirm = ComponentConfig<typeof theme, AppConfig, "dialogConfirm">;
-interface DialogConfirmProps {
+export interface DialogConfirmProps {
     title?: string;
     description?: string;
     icon?: boolean;
     confirmLabel?: string;
     dismissLabel?: string;
-    close?: boolean;
     color?: DialogConfirm["variants"]["color"];
     variant?: DialogConfirm["variants"]["variant"];
-    onConfirm?: (() => void) | (() => Promise<void>);
-    onDismiss?: () => void;
+    close?: boolean;
+    onConfirm?: () => void | Promise<void>;
+    onDismiss?: () => void | Promise<void>;
     ui?: DialogConfirm["slots"];
 }
 declare const _default: typeof __VLS_export;
@@ -20,9 +20,7 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DialogConfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: any) => any;
     "update:open": (value: boolean) => any;
-    "after:leave": () => any;
 }, string, import("vue").PublicProps, Readonly<DialogConfirmProps> & Readonly<{
     onClose?: ((value?: any) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onAfter:leave"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/DialogConfirm.vue

@@ -26,14 +26,14 @@ const {
   icon: { type: Boolean, required: false },
   confirmLabel: { type: String, required: false },
   dismissLabel: { type: String, required: false },
-  close: { type: Boolean, required: false },
   color: { type: null, required: false },
   variant: { type: null, required: false },
+  close: { type: Boolean, required: false },
   onConfirm: { type: Function, required: false },
   onDismiss: { type: Function, required: false },
   ui: { type: null, required: false }
 });
-const emits = defineEmits(["update:open", "close", "after:leave"]);
+const emits = defineEmits(["update:open", "close"]);
 const isLoading = ref(false);
 const isComplete = ref(false);
 const isError = ref(false);
@@ -111,9 +111,7 @@ const handleClose = () => {
   header: ui.header({ class: uiProps?.header }),
   body: ui.body({ class: uiProps?.body }),
   footer: ui.footer({ class: uiProps?.footer })
-}"
-    @close="emits('close', $event)"
-    @after:leave="emits('after:leave')">
+}">
     <template #header>
       <div class="relative w-full flex items-start gap-3">
         <UIcon v-if="dialogIcon" :name="dialogIcon" data-slot="icon" :class="ui.icon({ class: uiProps?.icon })" />

package/dist/runtime/components/DialogConfirm.vue.d.ts

@@ -1,18 +1,18 @@
 import type { AppConfig } from "@nuxt/schema";
 import theme from "#build/ui-elements/dialog-confirm";
-import type { ComponentConfig } from "../types/tv.js";
+import type { ComponentConfig } from "../types/index.js";
 type DialogConfirm = ComponentConfig<typeof theme, AppConfig, "dialogConfirm">;
-interface DialogConfirmProps {
+export interface DialogConfirmProps {
     title?: string;
     description?: string;
     icon?: boolean;
     confirmLabel?: string;
     dismissLabel?: string;
-    close?: boolean;
     color?: DialogConfirm["variants"]["color"];
     variant?: DialogConfirm["variants"]["variant"];
-    onConfirm?: (() => void) | (() => Promise<void>);
-    onDismiss?: () => void;
+    close?: boolean;
+    onConfirm?: () => void | Promise<void>;
+    onDismiss?: () => void | Promise<void>;
     ui?: DialogConfirm["slots"];
 }
 declare const _default: typeof __VLS_export;
@@ -20,9 +20,7 @@ export default _default;
 declare const __VLS_export: import("vue").DefineComponent<DialogConfirmProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: any) => any;
     "update:open": (value: boolean) => any;
-    "after:leave": () => any;
 }, string, import("vue").PublicProps, Readonly<DialogConfirmProps> & Readonly<{
     onClose?: ((value?: any) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onAfter:leave"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/composables/useDialog.d.ts

@@ -1,31 +1,5 @@
-type CallbackFn = () => void | Promise<void>;
-type Color = "primary" | "secondary" | "success" | "info" | "warning" | "error" | (string & {});
-type Variant = "solid" | "outline";
-export interface DialogConfirmOptions {
-    title: string;
-    description?: string;
-    icon?: boolean;
-    confirmLabel?: string;
-    dismissLabel?: string;
-    color?: Color;
-    variant?: Variant;
-    close?: boolean;
-    onConfirm?: CallbackFn;
-    onDismiss?: CallbackFn;
-    ui?: any;
-}
-export interface DialogAlertOptions {
-    title: string;
-    description?: string;
-    icon?: string;
-    label?: string;
-    color?: Color;
-    variant?: Variant;
-    onDismiss?: CallbackFn;
-    ui?: any;
-}
+import type { DialogConfirmProps, DialogAlertProps } from "../types/index.js";
 export declare const useDialog: () => {
-    confirm: (options: DialogConfirmOptions) => void;
-    alert: (options: DialogAlertOptions) => void;
+    confirm: (options: DialogConfirmProps) => void;
+    alert: (options: DialogAlertProps) => void;
 };
-export {};

package/dist/runtime/composables/useDialog.js

@@ -1,6 +1,6 @@
+import { useOverlay } from "#imports";
 import DialogConfirm from "../components/DialogConfirm.vue";
 import DialogAlert from "../components/DialogAlert.vue";
-import { useOverlay } from "#imports";
 export const useDialog = () => {
   const overlay = useOverlay();
   const confirm = (options) => {

package/dist/runtime/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from "../components/DialogConfirm.vue.js";
+export * from "../components/DialogAlert.vue.js";
+export * from "./tv.js";

package/dist/runtime/types/index.js

@@ -0,0 +1,3 @@
+export * from "../components/DialogConfirm.vue";
+export * from "../components/DialogAlert.vue";
+export * from "./tv.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ui-elements",
-  "version": "0.1.21",
+  "version": "0.1.24",
   "description": "A collection of beautiful, animated UI components for Nuxt applications",
   "license": "MIT",
   "repository": "https://github.com/genu/nuxt-ui-elements.git",