@enos5/enos-vue-default 1.4.2 → 1.4.4

package/dist/components/ToastContainer.vue.d.ts

@@ -1,16 +1,22 @@
 export interface ToastMessage {
     id: string;
-    title: string;
+    title?: string;
     message: string;
     variant: "success" | "error";
     duration?: number;
 }
-declare const __VLS_export: import("vue").DefineComponent<{}, {
+type __VLS_Props = {
+    maxToasts?: number;
+    position?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    variant?: "success" | "error";
+    defaultTitle?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     addToast: (message: string, options?: {
         variant?: "success" | "error";
         duration?: number;
         title?: string;
     }) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/index.js

@@ -659,7 +659,7 @@ const _sfc_main$J = /* @__PURE__ */ Object.assign({
       return sizeClasses[props.size] ? props.size : "default";
     });
     const buttonClasses = computed(() => [
-      "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+      "inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
       variantClasses[resolvedVariant.value],
       sizeClasses[resolvedSize.value],
       attrs.class
@@ -2967,7 +2967,7 @@ const _sfc_main$l = /* @__PURE__ */ Object.assign({
       return variantClasses[props.variant] ? props.variant : "primary";
     });
     const linkClasses = computed(() => [
-      "inline-flex h-9 min-w-[40px] shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md px-4 py-2 text-sm font-medium shadow-xs outline-none transition-all aria-invalid:border-red-500 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+      "inline-flex h-9 min-w-[40px] shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md px-4 py-2 text-sm font-medium shadow-xs outline-none transition-all aria-invalid:border-red-500 aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
       variantClasses[resolvedVariant.value],
       attrs.class
     ]);
@@ -4721,11 +4721,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1 = { class: "fixed top-4 right-4 z-50 space-y-2" };
-const _hoisted_2 = { class: "font-semibold" };
+const _hoisted_2 = {
+  key: 0,
+  class: "font-semibold"
+};
 const _hoisted_3 = { class: "text-sm opacity-90" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ToastContainer",
+  props: {
+    maxToasts: {},
+    position: {},
+    variant: {},
+    defaultTitle: {}
+  },
   setup(__props, { expose: __expose }) {
+    const props = __props;
     const toasts = ref([]);
     const addToast = (message, options = {}) => {
       const {
@@ -4736,7 +4746,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const id = Date.now().toString();
       const toast = {
         id,
-        title: title || (variant === "error" ? "Error" : "Success"),
+        title: title ?? (props.defaultTitle || void 0),
         message,
         variant,
         duration
@@ -4762,11 +4772,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(Fragment, null, renderList(toasts.value, (toast) => {
           return openBlock(), createBlock(_sfc_main$1, {
             key: toast.id,
-            variant: toast.variant,
+            variant: toast.variant || props.variant,
             onClose: ($event) => removeToast(toast.id)
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_2, toDisplayString(toast.title), 1),
+              toast.title ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(toast.title), 1)) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_3, toDisplayString(toast.message), 1)
             ]),
             _: 2