@enos5/enos-vue-default 1.4.3 → 1.5.0

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

@@ -1,6 +1,10 @@
 declare const _default: typeof __VLS_export;
 export default _default;
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
         default: string;
@@ -91,3 +95,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     showDeletedToggle: boolean;
     showDeletedLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    'search-fields'?: ((props: {}) => any) | undefined;
+} & {
+    controls?: ((props: {}) => any) | undefined;
+};

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

@@ -1,6 +1,6 @@
 export interface ToastMessage {
     id: string;
-    title: string;
+    title?: string;
     message: string;
     variant: "success" | "error";
     duration?: number;
@@ -9,6 +9,7 @@ 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?: {

package/dist/index.css

@@ -2782,10 +2782,18 @@
       flex-direction: row;
     }
 
+    .lg\:flex-wrap {
+      flex-wrap: wrap;
+    }
+
     .lg\:items-center {
       align-items: center;
     }
 
+    .lg\:justify-between {
+      justify-content: space-between;
+    }
+
     .lg\:justify-end {
       justify-content: flex-end;
     }

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
     ]);
@@ -3678,28 +3678,29 @@ const _sfc_main$5 = {
     };
   }
 };
-const _hoisted_1$4 = { class: "flex flex-col lg:items-center items-start justify-between gap-4 lg:flex-row" };
-const _hoisted_2$3 = { class: "flex w-full lg:max-w-md" };
-const _hoisted_3$3 = { class: "relative w-full" };
+const _hoisted_1$4 = { class: "flex flex-col items-start gap-4 lg:flex-row lg:flex-wrap lg:items-center lg:justify-between" };
+const _hoisted_2$3 = { class: "flex w-full min-w-0 flex-1 flex-col gap-3 lg:flex-row lg:items-center" };
+const _hoisted_3$3 = { class: "relative w-full lg:max-w-md" };
 const _hoisted_4$2 = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3" };
 const _hoisted_5$2 = ["placeholder"];
-const _hoisted_6$2 = {
+const _hoisted_6$2 = { class: "min-w-0 flex-1" };
+const _hoisted_7$2 = {
   key: 0,
-  class: "flex sm:flex-row flex-col items-start gap-3 sm:items-center lg:w-auto"
+  class: "flex shrink-0 flex-col items-start gap-3 sm:flex-row sm:items-center lg:w-auto"
 };
-const _hoisted_7$2 = {
+const _hoisted_8$2 = {
   key: 0,
   class: "flex items-center"
 };
-const _hoisted_8$2 = {
+const _hoisted_9$2 = {
   key: 1,
   class: "flex items-center text-xs text-neutral-500 dark:text-neutral-400 sm:w-auto sm:text-sm lg:w-auto"
 };
-const _hoisted_9$2 = {
+const _hoisted_10$2 = {
   key: 0,
   class: "ml-2"
 };
-const _hoisted_10$2 = { class: "font-medium text-neutral-700 dark:text-neutral-200" };
+const _hoisted_11$2 = { class: "font-medium text-neutral-700 dark:text-neutral-200" };
 const _sfc_main$4 = {
   __name: "TableSearch",
   props: {
@@ -3770,21 +3771,25 @@ const _sfc_main$4 = {
               }, null, 8, _hoisted_5$2), [
                 [vModelText, model.value]
               ])
+            ]),
+            createElementVNode("div", _hoisted_6$2, [
+              renderSlot(_ctx.$slots, "search-fields")
             ])
           ]),
-          __props.showDeletedToggle || __props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
-            __props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+          __props.showDeletedToggle || __props.count !== null || _ctx.$slots.controls ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+            __props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
               createVNode(_sfc_main$y, {
                 modelValue: showDeletedModel.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showDeletedModel.value = $event),
                 label: __props.showDeletedLabel
               }, null, 8, ["modelValue", "label"])
             ])) : createCommentVNode("", true),
-            __props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
+            renderSlot(_ctx.$slots, "controls"),
+            __props.count !== null ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
               createElementVNode("span", null, toDisplayString(__props.count) + " " + toDisplayString(__props.countLabel), 1),
-              model.value ? (openBlock(), createElementBlock("span", _hoisted_9$2, [
+              model.value ? (openBlock(), createElementBlock("span", _hoisted_10$2, [
                 createTextVNode(toDisplayString(__props.queryLabel) + " ", 1),
-                createElementVNode("span", _hoisted_10$2, ' "' + toDisplayString(model.value) + '" ', 1)
+                createElementVNode("span", _hoisted_11$2, ' "' + toDisplayString(model.value) + '" ', 1)
               ])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ])) : createCommentVNode("", true)
@@ -4721,14 +4726,18 @@ 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: {}
+    variant: {},
+    defaultTitle: {}
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -4742,7 +4751,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
@@ -4760,9 +4769,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         toasts.value.splice(index, 1);
       }
     };
-    onMounted(() => {
-      console.log("ToastContainer mounted");
-    });
     __expose({
       addToast
     });
@@ -4775,7 +4781,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             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