@indielayer/ui 1.3.0 → 1.4.0

package/lib/components/menu/Menu.vue.d.ts

@@ -82,7 +82,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "expand"[], "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("expand" | "item-click")[], "expand" | "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     items: PropType<MenuArrayItem[]>;
     collapsible: {
         type: BooleanConstructor;
@@ -110,13 +110,14 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onExpand?: ((...args: any[]) => any) | undefined;
+    "onItem-click"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: Size;
-    filled: boolean;
-    color: string;
-    rounded: boolean;
     disabled: boolean;
     expanded: boolean;
+    color: string;
+    rounded: boolean;
+    size: Size;
+    filled: boolean;
     collapsible: boolean;
 }, {}>;
 export default _default;

package/lib/components/menu/Menu.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as B, resolveComponent as C, openBlock as o, createElementBlock as s, normalizeStyle as g, unref as p, normalizeClass as r, Fragment as n, renderList as E, createBlock as u, withCtx as b, createVNode as i, createCommentVNode as t } from "vue";
+import { defineComponent as C, resolveComponent as B, openBlock as d, createElementBlock as n, normalizeStyle as g, unref as p, normalizeClass as i, Fragment as a, renderList as E, createBlock as u, withCtx as c, createVNode as r, createCommentVNode as w } from "vue";
 import { useCommon as m } from "../../composables/useCommon.js";
-import { useColors as w } from "../../composables/useColors.js";
-import { useTheme as M } from "../../composables/useTheme.js";
+import { useColors as M } from "../../composables/useColors.js";
+import { useTheme as N } from "../../composables/useTheme.js";
 import f from "./MenuItem.vue.js";
-import N from "../collapse/Collapse.vue.js";
-import A from "../divider/Divider.vue.js";
-const S = {
+import A from "../accordion/AccordionItem.vue.js";
+import S from "../divider/Divider.vue.js";
+const V = {
   ...m.props(),
-  ...w.props("primary"),
+  ...M.props("primary"),
   items: Array,
   collapsible: {
     type: Boolean,
@@ -24,53 +24,53 @@ const S = {
     type: Boolean,
     default: !0
   }
-}, V = {
+}, X = {
   name: "XMenu",
   validators: {
     ...m.validators()
   }
-}, G = /* @__PURE__ */ B({
-  ...V,
-  props: S,
-  emits: ["expand"],
+}, G = /* @__PURE__ */ C({
+  ...X,
+  props: V,
+  emits: ["expand", "item-click"],
   setup(y) {
-    const z = y, { styles: k, classes: v, className: I } = M("Menu", {}, z);
-    return (e, d) => {
-      const c = C("x-menu");
-      return e.items ? (o(), s("div", {
+    const z = y, { styles: k, classes: v, className: $ } = N("Menu", {}, z);
+    return (e, o) => {
+      const b = B("x-menu");
+      return e.items ? (d(), n("div", {
         key: 0,
         style: g(p(k)),
-        class: r([
+        class: i([
           "space-y-1",
-          p(I),
+          p($),
           p(v).wrapper
         ])
       }, [
-        (o(!0), s(n, null, E(e.items, (l, $) => (o(), s(n, { key: $ }, [
-          l.items ? (o(), s(n, { key: 0 }, [
-            l.collapsible !== !1 ? (o(), u(N, {
+        (d(!0), n(a, null, E(e.items, (l, t) => (d(), n(a, { key: t }, [
+          l.items ? (d(), n(a, { key: 0 }, [
+            l.collapsible !== !1 ? (d(), u(A, {
               key: 0,
               icon: l.collapseIcon || e.collapseIcon,
               expanded: l.expanded || e.expanded,
               disabled: e.disabled || l.disabled,
               "show-icon": !!(l.collapseIcon || e.collapseIcon),
               class: "x-menu-inner space-y-1",
-              onExpand: d[0] || (d[0] = (a) => e.$emit("expand"))
+              onExpand: o[1] || (o[1] = (s) => e.$emit("expand"))
             }, {
-              default: b(({}) => [
-                i(f, {
+              default: c(({}) => [
+                r(f, {
                   item: l,
                   rounded: e.rounded,
                   color: l.color || e.color,
                   filled: l.filled || e.filled,
                   size: l.size || e.size,
                   disabled: e.disabled || l.disabled,
-                  class: "pr-10 font-medium"
+                  class: "font-medium"
                 }, null, 8, ["item", "rounded", "color", "filled", "size", "disabled"])
               ]),
-              content: b(({ expand: a }) => [
-                i(c, {
-                  class: r(["border-l ml-4 border-gray-100 dark:border-gray-700", { "pl-1": e.filled }]),
+              content: c(({ expand: s }) => [
+                r(b, {
+                  class: i(["border-l ml-4 border-gray-100 dark:border-gray-700", { "pl-1": e.filled }]),
                   items: l.items,
                   color: l.color || e.color,
                   size: l.size || e.size,
@@ -80,12 +80,13 @@ const S = {
                   disabled: e.disabled || l.disabled,
                   rounded: e.rounded,
                   filled: e.filled,
-                  onExpand: (X) => a(!1)
+                  onExpand: (I) => s(!1),
+                  onItemClick: o[0] || (o[0] = (I) => e.$emit("item-click"))
                 }, null, 8, ["class", "items", "color", "size", "collapsible", "collapse-icon", "expanded", "disabled", "rounded", "filled", "onExpand"])
               ]),
               _: 2
-            }, 1032, ["icon", "expanded", "disabled", "show-icon"])) : (o(), s(n, { key: 1 }, [
-              i(f, {
+            }, 1032, ["icon", "expanded", "disabled", "show-icon"])) : (d(), n(a, { key: 1 }, [
+              r(f, {
                 item: l,
                 rounded: e.rounded,
                 color: l.color || e.color,
@@ -93,10 +94,11 @@ const S = {
                 size: l.size || e.size,
                 disabled: e.disabled || l.disabled,
                 class: "font-medium",
-                inactive: ""
+                inactive: "",
+                onClick: o[2] || (o[2] = (s) => e.$emit("item-click"))
               }, null, 8, ["item", "rounded", "color", "filled", "size", "disabled"]),
-              i(c, {
-                class: r(["x-menu-inner space-y-1 ml-4 border-l border-gray-100 dark:border-gray-700", { "pl-1": e.filled }]),
+              r(b, {
+                class: i(["x-menu-inner space-y-1 ml-4 border-l border-gray-100 dark:border-gray-700", { "pl-1": e.filled }]),
                 items: l.items,
                 color: l.color || e.color,
                 size: l.size || e.size,
@@ -106,11 +108,11 @@ const S = {
                 disabled: e.disabled || l.disabled,
                 rounded: e.rounded,
                 filled: e.filled,
-                onExpand: d[1] || (d[1] = (a) => e.$emit("expand"))
+                onExpand: o[3] || (o[3] = (s) => e.$emit("expand"))
               }, null, 8, ["class", "items", "color", "size", "collapsible", "collapse-icon", "expanded", "disabled", "rounded", "filled"])
             ], 64))
-          ], 64)) : (o(), s(n, { key: 1 }, [
-            l.divider ? (o(), u(A, { key: 0 })) : (o(), u(f, {
+          ], 64)) : (d(), n(a, { key: 1 }, [
+            l.divider ? (d(), u(S, { key: 0 })) : (d(), u(f, {
               key: 1,
               item: l,
               rounded: e.rounded,
@@ -118,12 +120,13 @@ const S = {
               filled: l.filled || e.filled,
               size: l.size || e.size,
               disabled: e.disabled || l.disabled,
-              class: r({ "my-2": l.divider }),
-              onActive: d[2] || (d[2] = (a) => e.$emit("expand"))
+              class: i({ "my-2": l.divider }),
+              onClick: o[4] || (o[4] = (s) => e.$emit("item-click")),
+              onActive: o[5] || (o[5] = (s) => e.$emit("expand"))
             }, null, 8, ["item", "rounded", "color", "filled", "size", "disabled", "class"]))
           ], 64))
         ], 64))), 128))
-      ], 6)) : t("", !0);
+      ], 6)) : w("", !0);
     };
   }
 });

package/lib/components/menu/MenuItem.vue.d.ts

@@ -130,14 +130,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
     onActive?: ((...args: any[]) => any) | undefined;
 }, {
-    active: boolean;
-    size: import("../../composables/useCommon").Size;
-    filled: boolean;
+    disabled: boolean;
     color: string;
     rounded: boolean;
+    size: import("../../composables/useCommon").Size;
     item: MenuArrayItem;
-    disabled: boolean;
+    active: boolean;
     loading: boolean;
+    filled: boolean;
     attrs: Record<string, any>;
     exact: boolean;
     selected: boolean;

package/lib/components/menu/MenuItem.vue.js

@@ -3,7 +3,7 @@ import o from "./MenuItem.vue3.js";
 import t from "../../_virtual/_plugin-vue_export-helper.js";
 const e = {
   $style: o
-}, c = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-458822a0"]]);
+}, _ = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-8614aac7"]]);
 export {
-  c as default
+  _ as default
 };

package/lib/components/menu/MenuItem.vue2.js

@@ -87,7 +87,7 @@ const V = {
       ref: o
     }, e.value.attrs, {
       to: e.value.to,
-      href: e.value.href,
+      href: e.value.href || e.value.to || "",
       target: e.value.target,
       color: e.value.color,
       style: s(C),

package/lib/components/menu/theme/MenuItem.base.theme.js

@@ -30,10 +30,10 @@ const x = {
         text: e[500]
       },
       dark: {
-        bg: a.selected ? e[800] : e[700],
+        bg: (a.selected, e[700]),
         text: e[100],
         hover: {
-          bg: a.selected ? e[800] : e[700],
+          bg: (a.selected, e[700]),
           text: e[100]
         }
       }
@@ -48,7 +48,7 @@ const x = {
         bg: a.selected ? t[800] : "transparent",
         text: t[200],
         hover: {
-          bg: t[800],
+          bg: t[600],
           text: t[100]
         }
       }

package/lib/components/modal/Modal.vue.d.ts

@@ -1,5 +1,6 @@
 import { type PropType, type ExtractPublicPropTypes } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
+import { type FormError } from '../form/Form.vue';
 declare const modalSize: readonly ["xs", "sm", "md", "lg", "xl", "full"];
 declare const modalProps: {
     size: {
@@ -9,11 +10,40 @@ declare const modalProps: {
     modelValue: BooleanConstructor;
     showClose: BooleanConstructor;
     backdrop: BooleanConstructor;
+    hasActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: StringConstructor;
+    description: StringConstructor;
+    label: StringConstructor;
+    loading: BooleanConstructor;
+    loadingText: StringConstructor;
+    fluid: BooleanConstructor;
+    isForm: BooleanConstructor;
+    formDisabled: BooleanConstructor;
+    formDescription: StringConstructor;
+    formTitle: StringConstructor;
+    formAutoValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formErrors: {
+        type: PropType<[FormError[], FormError]>;
+        default: () => never[];
+    };
 };
 export type ModalSize = typeof modalSize[number];
 export type ModalProps = ExtractPublicPropTypes<typeof modalProps>;
-type InternalClasses = 'wrapper' | 'backdrop' | 'modal' | 'closeIcon' | 'header' | 'content' | 'actions';
-export interface ModalTheme extends ThemeComponent<ModalProps, InternalClasses> {
+type InternalClasses = 'wrapper' | 'backdrop' | 'modal' | 'closeIcon' | 'header' | 'content' | 'actions' | 'title' | 'description' | 'label';
+type InternaData = {
+    visible: boolean;
+};
+export interface ModalTheme extends ThemeComponent<ModalProps, InternalClasses, InternaData> {
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
@@ -23,10 +53,36 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     showClose: BooleanConstructor;
     backdrop: BooleanConstructor;
+    hasActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: StringConstructor;
+    description: StringConstructor;
+    label: StringConstructor;
+    loading: BooleanConstructor;
+    loadingText: StringConstructor;
+    fluid: BooleanConstructor;
+    isForm: BooleanConstructor;
+    formDisabled: BooleanConstructor;
+    formDescription: StringConstructor;
+    formTitle: StringConstructor;
+    formAutoValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formErrors: {
+        type: PropType<[FormError[], FormError]>;
+        default: () => never[];
+    };
 }, {
     open: () => void;
     close: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "update:modelValue")[], "submit" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl" | "full">;
         default: string;
@@ -34,18 +90,57 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: BooleanConstructor;
     showClose: BooleanConstructor;
     backdrop: BooleanConstructor;
+    hasActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hasHeader: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    title: StringConstructor;
+    description: StringConstructor;
+    label: StringConstructor;
+    loading: BooleanConstructor;
+    loadingText: StringConstructor;
+    fluid: BooleanConstructor;
+    isForm: BooleanConstructor;
+    formDisabled: BooleanConstructor;
+    formDescription: StringConstructor;
+    formTitle: StringConstructor;
+    formAutoValidate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    formErrors: {
+        type: PropType<[FormError[], FormError]>;
+        default: () => never[];
+    };
 }>> & {
+    onSubmit?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     size: "xs" | "sm" | "md" | "lg" | "xl" | "full";
+    loading: boolean;
     modelValue: boolean;
+    fluid: boolean;
     backdrop: boolean;
     showClose: boolean;
+    hasActions: boolean;
+    hasHeader: boolean;
+    isForm: boolean;
+    formDisabled: boolean;
+    formAutoValidate: boolean;
+    formErrors: [FormError[], FormError];
 }, {}>, {
     image?(_: {}): any;
     header?(_: {}): any;
     default?(_: {}): any;
     actions?(_: {}): any;
+    "cancel-action"?(_: {}): any;
+    "tertiary-action"?(_: {}): any;
+    "secondary-action"?(_: {}): any;
+    "primary-action"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {