@indielayer/ui 1.2.0 → 1.4.0

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

@@ -1,4 +1,5 @@
-import { type ExtractPublicPropTypes, type PropType } from 'vue';
+import { type ExtractPublicPropTypes, type PropType, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 import type { MenuArrayItem } from './Menu.vue';
 declare const menuItemProps: {
     item: {
@@ -35,12 +36,18 @@ declare const menuItemProps: {
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("../../composables/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type MenuItemProps = ExtractPublicPropTypes<typeof menuItemProps>;
+type InternalClasses = 'wrapper';
+type InternalExtraData = {
+    isActive: Ref<boolean>;
+};
+export interface MenuItemTheme extends ThemeComponent<MenuItemProps, InternalClasses, InternalExtraData> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     item: {
         type: PropType<MenuArrayItem>;
@@ -76,7 +83,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("../../composables/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -115,7 +122,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
     size: {
-        readonly type: PropType<import("../../composables/common").Size>;
+        readonly type: PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -123,16 +130,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
     onActive?: ((...args: any[]) => any) | undefined;
 }, {
-    active: boolean;
     disabled: boolean;
     color: string;
-    size: import("../../composables/common").Size;
-    exact: boolean;
     rounded: boolean;
+    size: import("../../composables/useCommon").Size;
+    item: MenuArrayItem;
+    active: boolean;
     loading: boolean;
     filled: boolean;
     attrs: Record<string, any>;
-    item: MenuArrayItem;
+    exact: boolean;
     selected: boolean;
 }, {}>, {
     prefix?(_: {}): any;

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
-}, _ = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-4f3fa5ad"]]);
+}, _ = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-8614aac7"]]);
 export {
   _ as default
 };

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

@@ -1,17 +1,16 @@
-import { defineComponent as z, ref as m, computed as p, onMounted as S, watch as d, openBlock as l, createBlock as r, resolveDynamicComponent as x, mergeProps as N, unref as i, withCtx as R, createElementBlock as s, renderSlot as n, createCommentVNode as k, createElementVNode as h, createTextVNode as P, toDisplayString as w, Fragment as D } from "vue";
-import { useMutationObserver as F } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.4/node_modules/@vueuse/core/index.js";
-import { useColors as I } from "../../composables/colors.js";
-import { useCommon as y } from "../../composables/common.js";
-import { useTheme as M } from "../../composables/theme.js";
-import g from "../icon/Icon.vue.js";
-import O from "../spinner/Spinner.vue.js";
-import T from "./MenuItem.theme.js";
+import { defineComponent as S, ref as m, computed as p, onMounted as x, watch as d, openBlock as l, createBlock as i, resolveDynamicComponent as N, mergeProps as R, unref as s, withCtx as I, createElementBlock as r, renderSlot as n, createCommentVNode as k, createElementVNode as g, createTextVNode as M, toDisplayString as P, Fragment as w } from "vue";
+import { useMutationObserver as D } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useColors as F } from "../../composables/useColors.js";
+import { useCommon as y } from "../../composables/useCommon.js";
+import { useTheme as O } from "../../composables/useTheme.js";
+import h from "../icon/Icon.vue.js";
+import T from "../spinner/Spinner.vue.js";
 const V = {
   key: 0,
   class: "mr-2 shrink-0"
 }, j = { class: "flex-1 truncate" }, E = { class: "ml-1 shrink-0" }, A = { key: 0 }, L = {
   ...y.props(),
-  ...I.props("primary"),
+  ...F.props("primary"),
   item: {
     type: Object,
     default: () => {
@@ -48,27 +47,27 @@ const V = {
   validators: {
     ...y.validators()
   }
-}, Z = /* @__PURE__ */ z({
+}, Y = /* @__PURE__ */ S({
   ...X,
   props: L,
   emits: ["active", "click"],
-  setup($, { emit: u }) {
-    const c = $, o = m(), a = m(!1), e = p(() => ({
-      ...c,
-      ...c.item
+  setup($, { emit: _ }) {
+    const u = $, c = _, o = m(), a = m(!1), e = p(() => ({
+      ...u,
+      ...u.item
     })), v = p(() => e.value.to ? "router-link" : e.value.href ? "a" : "div");
-    S(() => {
-      o.value && (f(), v.value === "router-link" && F(o.value.$el, f, {
+    x(() => {
+      o.value && (f(), v.value === "router-link" && D(o.value.$el, f, {
         attributes: !0,
         attributeFilter: ["class"]
       }));
     });
-    function _(t) {
+    function b(t) {
       if (e.value.disabled) {
         t.stopPropagation(), t.preventDefault();
         return;
       }
-      e.value.onClick && e.value.onClick(t), u("click", t);
+      e.value.onClick && e.value.onClick(t), c("click", t);
     }
     function f() {
       if (o.value && o.value.$el && (e.value.href || e.value.to)) {
@@ -78,55 +77,55 @@ const V = {
         a.value = !!e.value.active;
     }
     d(() => a.value, (t) => {
-      t && u("active");
+      t && c("active");
     }), d(() => e.value.active, (t) => {
       a.value = !!t;
     });
-    const { styles: b, classes: C, className: B } = M("menu-item", T, e, { isActive: a });
-    return (t, q) => (l(), r(x(v.value), N({
+    const { styles: C, classes: B, className: z } = O("MenuItem", {}, e, { isActive: a });
+    return (t, q) => (l(), i(N(v.value), R({
       ref_key: "elRef",
       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: i(b),
+      style: s(C),
       class: [
-        i(B),
+        s(z),
         t.$style["menu-item"],
         [a.value ? t.$style["menu-item--active"] : ""],
-        i(C).wrapper,
+        s(B).wrapper,
         {
           "flex items-center": t.$slots.prefix || t.$slots.suffix
         }
       ],
       title: e.value.label,
       alt: e.value.label,
-      onClick: _
+      onClick: b
     }), {
-      default: R(() => [
-        t.$slots.prefix ? (l(), s("span", V, [
+      default: I(() => [
+        t.$slots.prefix ? (l(), r("span", V, [
           n(t.$slots, "prefix", {}, void 0, !0)
-        ])) : e.value.icon ? (l(), r(g, {
+        ])) : e.value.icon ? (l(), i(h, {
           key: 1,
           size: e.value.size,
           icon: e.value.icon,
           class: "mr-2"
         }, null, 8, ["size", "icon"])) : k("", !0),
-        h("span", j, [
+        g("span", j, [
           n(t.$slots, "default", {}, () => [
-            P(w(e.value.label), 1)
+            M(P(e.value.label), 1)
           ], !0)
         ]),
-        h("span", E, [
-          e.value.loading ? (l(), r(O, {
+        g("span", E, [
+          e.value.loading ? (l(), i(T, {
             key: 0,
             size: e.value.size
-          }, null, 8, ["size"])) : (l(), s(D, { key: 1 }, [
-            t.$slots.suffix ? (l(), s("span", A, [
+          }, null, 8, ["size"])) : (l(), r(w, { key: 1 }, [
+            t.$slots.suffix ? (l(), r("span", A, [
               n(t.$slots, "suffix", {}, void 0, !0)
-            ])) : e.value.iconRight ? (l(), r(g, {
+            ])) : e.value.iconRight ? (l(), i(h, {
               key: 1,
               size: e.value.size,
               icon: e.value.iconRight
@@ -139,5 +138,5 @@ const V = {
   }
 });
 export {
-  Z as default
+  Y as default
 };

package/lib/components/menu/index.d.ts

@@ -1,6 +1,4 @@
 export { default as XMenu } from './Menu.vue';
-export type { MenuProps, MenuArrayItem } from './Menu.vue';
-export type { MenuTheme } from './Menu.theme';
+export type { MenuProps, MenuArrayItem, MenuTheme } from './Menu.vue';
 export { default as XMenuItem } from './MenuItem.vue';
-export type { MenuItemProps } from './MenuItem.vue';
-export type { MenuItemTheme } from './MenuItem.theme';
+export type { MenuItemProps, MenuItemTheme } from './MenuItem.vue';

package/lib/components/menu/theme/Menu.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { MenuTheme } from '../Menu.vue';
+declare const theme: MenuTheme;
+export default theme;

package/lib/components/menu/theme/Menu.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { MenuTheme } from '../Menu.vue';
+declare const theme: MenuTheme;
+export default theme;

package/lib/components/menu/theme/Menu.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Menu.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/menu/theme/MenuItem.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { MenuItemTheme } from '../MenuItem.vue';
+declare const theme: MenuItemTheme;
+export default theme;

package/lib/components/menu/{MenuItem.theme.js → 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/menu/theme/MenuItem.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { MenuItemTheme } from '../MenuItem.vue';
+declare const theme: MenuItemTheme;
+export default theme;

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

@@ -0,0 +1,5 @@
+import e from "./MenuItem.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

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

@@ -1,4 +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: {
@@ -8,9 +10,41 @@ 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' | 'title' | 'description' | 'label';
+type InternaData = {
+    visible: boolean;
+};
+export interface ModalTheme extends ThemeComponent<ModalProps, InternalClasses, InternaData> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: {
         type: PropType<"xs" | "sm" | "md" | "lg" | "xl" | "full">;
@@ -19,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;
@@ -30,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 & {