@indielayer/ui 1.18.1 → 2.0.0

package/lib/components/link/Link.vue.d.ts

@@ -6,9 +6,9 @@ declare const linkProps: {
         default: string;
     };
     to: (ObjectConstructor | StringConstructor)[];
-    shadow: BooleanConstructor;
-    external: BooleanConstructor;
-    underline: BooleanConstructor;
+    shadow: import("vue").Prop<boolean | undefined>;
+    external: import("vue").Prop<boolean | undefined>;
+    underline: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -24,9 +24,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     to: (ObjectConstructor | StringConstructor)[];
-    shadow: BooleanConstructor;
-    external: BooleanConstructor;
-    underline: BooleanConstructor;
+    shadow: import("vue").Prop<boolean | undefined>;
+    external: import("vue").Prop<boolean | undefined>;
+    underline: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -37,9 +37,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
         default: string;
     };
     to: (ObjectConstructor | StringConstructor)[];
-    shadow: BooleanConstructor;
-    external: BooleanConstructor;
-    underline: BooleanConstructor;
+    shadow: import("vue").Prop<boolean | undefined>;
+    external: import("vue").Prop<boolean | undefined>;
+    underline: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -47,9 +47,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
 }>> & Readonly<{}>, {
     tag: string;
     color: string;
-    shadow: boolean;
-    underline: boolean;
-    external: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;

package/lib/components/link/Link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { useColors as e } from "../../composables/useColors.js";
+import { useTheme as t } from "../../composables/useTheme.js";
+import { optionalBooleanProp as n } from "../../common/props.js";
+import r from "../icon/Icon.js";
+import { externalIcon as i } from "../../common/icons.js";
+import { createBlock as a, createElementBlock as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, unref as m, withCtx as h } from "vue";
+//#region src/components/link/Link.vue?vue&type=script&setup=true&lang.ts
+var g = {
+	key: 0,
+	class: "inline-flex items-center"
+}, _ = /* @__PURE__ */ c({
+	name: "XLink",
+	props: {
+		...e.props("secondary"),
+		tag: {
+			type: String,
+			default: "a"
+		},
+		to: [String, Object],
+		shadow: n(),
+		external: n(),
+		underline: n()
+	},
+	setup(e) {
+		let { styles: n, classes: c, className: _ } = t("Link", {}, e);
+		return (e, t) => (d(), a(p(e.to && e.tag === "a" ? "router-link" : e.tag), {
+			to: e.to,
+			style: u(m(n)),
+			class: l([
+				m(_),
+				e.$style.link,
+				m(c).wrapper,
+				[e.shadow ? e.$style["link--shadow"] : ""],
+				{ underline: e.underline }
+			])
+		}, {
+			default: h(() => [e.external ? (d(), o("span", g, [f(e.$slots, "default", {}, void 0, !0), s(r, { icon: m(i) }, null, 8, ["icon"])])) : f(e.$slots, "default", { key: 1 }, void 0, !0)]),
+			_: 3
+		}, 8, [
+			"to",
+			"style",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { _ as default };

package/lib/components/link/Link.vue_vue_type_style_index_0_scoped_8e0e4d08_lang.module.js

@@ -0,0 +1,6 @@
+var e = {
+	link: "_link_cxj8d_2",
+	"link--shadow": "_link--shadow_cxj8d_10"
+};
+//#endregion
+export { e as default };

package/lib/components/link/theme/Link.base.theme.js

@@ -1,25 +1,19 @@
-const a = {
-  classes: {
-    wrapper: "transition duration-300 ease-in-out cursor-pointer inline-flex"
-  },
-  styles: ({ colors: o, props: t, css: r }) => {
-    const e = o.getPalette(t.color || "gray");
-    return r.variables({
-      text: t.color ? e[600] : "",
-      hover: {
-        text: t.shadow ? "" : e[700]
-      },
-      shadow: e[100],
-      dark: {
-        text: t.color ? e[400] : "",
-        hover: {
-          text: e[300]
-        },
-        shadow: e[900]
-      }
-    });
-  }
-}, s = a;
-export {
-  s as default
+//#region src/components/link/theme/Link.base.theme.ts
+var e = {
+	classes: { wrapper: "transition duration-300 ease-in-out cursor-pointer inline-flex" },
+	styles: ({ colors: e, props: t, css: n }) => {
+		let r = e.getPalette(t.color || "gray");
+		return n.variables({
+			text: t.color ? r[600] : "",
+			hover: { text: t.shadow ? "" : r[700] },
+			shadow: r[100],
+			dark: {
+				text: t.color ? r[400] : "",
+				hover: { text: r[300] },
+				shadow: r[900]
+			}
+		});
+	}
 };
+//#endregion
+export { e as default };

package/lib/components/link/theme/Link.carbon.theme.js

@@ -1,25 +1,19 @@
-const a = {
-  classes: {
-    wrapper: "transition duration-300 ease-in-out cursor-pointer inline-flex text-sm"
-  },
-  styles: ({ colors: o, props: e, css: r }) => {
-    const t = o.getPalette(e.color || "gray");
-    return r.variables({
-      text: e.color ? t[600] : "",
-      hover: {
-        text: e.shadow ? "" : t[700]
-      },
-      shadow: t[100],
-      dark: {
-        text: e.color ? t[400] : "",
-        hover: {
-          text: t[300]
-        },
-        shadow: t[900]
-      }
-    });
-  }
-}, s = a;
-export {
-  s as default
+//#region src/components/link/theme/Link.carbon.theme.ts
+var e = {
+	classes: { wrapper: "transition duration-300 ease-in-out cursor-pointer inline-flex text-sm" },
+	styles: ({ colors: e, props: t, css: n }) => {
+		let r = e.getPalette(t.color || "gray");
+		return n.variables({
+			text: t.color ? r[600] : "",
+			hover: { text: t.shadow ? "" : r[700] },
+			shadow: r[100],
+			dark: {
+				text: t.color ? r[400] : "",
+				hover: { text: r[300] },
+				shadow: r[900]
+			}
+		});
+	}
 };
+//#endregion
+export { e as default };

package/lib/components/loader/Loader.js

@@ -0,0 +1,5 @@
+import e from "./Loader.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/loader/Loader.vue
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/loader/Loader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,61 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import { useCommon as t } from "../../composables/useCommon.js";
+import n from "../icon/Icon.js";
+import { errorIcon as r, successIcon as i } from "../../common/icons.js";
+import a from "../spinner/Spinner.js";
+import { createBlock as o, createCommentVNode as s, createElementBlock as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, toDisplayString as p, unref as m } from "vue";
+//#region src/components/loader/Loader.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	...t.props(),
+	status: {
+		type: String,
+		default: "active"
+	},
+	icon: String,
+	label: String
+}, g = /* @__PURE__ */ l({
+	name: "XLoader",
+	validators: {
+		...t.validators(),
+		status: [
+			"active",
+			"success",
+			"error"
+		]
+	},
+	props: h,
+	setup(t) {
+		let { styles: l, classes: h, className: g } = e("Loader", {}, t);
+		return (e, t) => (f(), c("div", {
+			class: u([m(g), m(h).wrapper]),
+			style: d(m(l))
+		}, [e.status === "active" ? (f(), o(a, {
+			key: 0,
+			size: e.size,
+			icon: e.icon
+		}, null, 8, ["size", "icon"])) : e.status === "success" ? (f(), o(n, {
+			key: 1,
+			class: u(m(h).iconSuccess),
+			size: e.size,
+			icon: m(i)
+		}, null, 8, [
+			"class",
+			"size",
+			"icon"
+		])) : e.status === "error" ? (f(), o(n, {
+			key: 2,
+			class: u(m(h).iconError),
+			size: e.size,
+			icon: m(r)
+		}, null, 8, [
+			"class",
+			"size",
+			"icon"
+		])) : s("", !0), e.label ? (f(), c("span", {
+			key: 3,
+			class: u(m(h).label)
+		}, p(e.label), 3)) : s("", !0)], 6));
+	}
+});
+//#endregion
+export { g as default };

package/lib/components/loader/theme/Loader.base.theme.js

@@ -1,11 +1,9 @@
-const e = {
-  classes: {
-    wrapper: "inline-flex items-center justify-center",
-    iconSuccess: "text-green-500",
-    iconError: "text-error-500",
-    label: "mx-2 text-sm"
-  }
-}, t = e;
-export {
-  t as default
-};
+//#region src/components/loader/theme/Loader.base.theme.ts
+var e = { classes: {
+	wrapper: "inline-flex items-center justify-center",
+	iconSuccess: "text-green-500",
+	iconError: "text-error-500",
+	label: "mx-2 text-sm"
+} };
+//#endregion
+export { e as default };

package/lib/components/loader/theme/Loader.carbon.theme.js

@@ -1,11 +1,9 @@
-const e = {
-  classes: {
-    wrapper: "inline-flex items-center justify-center",
-    iconSuccess: "text-green-500",
-    iconError: "text-error-500",
-    label: "mx-2 text-sm"
-  }
-}, t = e;
-export {
-  t as default
-};
+//#region src/components/loader/theme/Loader.carbon.theme.ts
+var e = { classes: {
+	wrapper: "inline-flex items-center justify-center",
+	iconSuccess: "text-green-500",
+	iconError: "text-error-500",
+	label: "mx-2 text-sm"
+} };
+//#endregion
+export { e as default };

package/lib/components/menu/Menu.js

@@ -0,0 +1,5 @@
+import e from "./Menu.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/menu/Menu.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -8,7 +8,7 @@ declare const menuProps: {
         default: boolean;
     };
     collapseIcon: StringConstructor;
-    expanded: BooleanConstructor;
+    expanded: import("vue").Prop<boolean | undefined>;
     disabled: BooleanConstructor;
     rounded: {
         type: BooleanConstructor;
@@ -18,7 +18,7 @@ declare const menuProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    minimal: BooleanConstructor;
+    minimal: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     collapseIcon: StringConstructor;
-    expanded: BooleanConstructor;
+    expanded: import("vue").Prop<boolean | undefined>;
     disabled: BooleanConstructor;
     rounded: {
         type: BooleanConstructor;
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    minimal: BooleanConstructor;
+    minimal: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
     collapseIcon: StringConstructor;
-    expanded: BooleanConstructor;
+    expanded: import("vue").Prop<boolean | undefined>;
     disabled: BooleanConstructor;
     rounded: {
         type: BooleanConstructor;
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-    minimal: BooleanConstructor;
+    minimal: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -118,12 +118,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onItem-click"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
-    expanded: boolean;
     color: string;
     rounded: boolean;
     size: Size;
     filled: boolean;
     collapsible: boolean;
-    minimal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -0,0 +1,178 @@
+import { useColors as e } from "../../composables/useColors.js";
+import { useTheme as t } from "../../composables/useTheme.js";
+import { optionalBooleanProp as n } from "../../common/props.js";
+import { useCommon as r } from "../../composables/useCommon.js";
+import i from "../accordion/AccordionItem.js";
+import a from "../divider/Divider.js";
+import o from "./MenuItem.js";
+import { Fragment as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, openBlock as h, renderList as g, resolveComponent as _, unref as v, withCtx as y } from "vue";
+//#region src/components/menu/Menu.vue?vue&type=script&setup=true&lang.ts
+var b = {
+	...r.props(),
+	...e.props("secondary"),
+	items: Array,
+	collapsible: {
+		type: Boolean,
+		default: !0
+	},
+	collapseIcon: String,
+	expanded: n(),
+	disabled: Boolean,
+	rounded: {
+		type: Boolean,
+		default: !0
+	},
+	filled: {
+		type: Boolean,
+		default: !0
+	},
+	minimal: n()
+}, x = /* @__PURE__ */ f({
+	name: "XMenu",
+	validators: { ...r.validators() },
+	props: b,
+	emits: ["expand", "item-click"],
+	setup(e) {
+		let { styles: n, classes: r, className: f } = t("Menu", {}, e);
+		return (e, t) => {
+			let b = _("x-menu");
+			return e.items ? (h(), u("div", {
+				key: 0,
+				style: m(v(n)),
+				class: p([
+					"space-y-1",
+					v(f),
+					v(r).wrapper
+				])
+			}, [(h(!0), u(s, null, g(e.items, (n, r) => (h(), u(s, { key: r }, [n.items ? (h(), u(s, { key: 0 }, [n.collapsible === !1 ? (h(), u(s, { key: 1 }, [d(o, {
+				item: n,
+				rounded: e.rounded,
+				color: n.color || e.color,
+				filled: n.filled || e.filled,
+				size: n.size || e.size,
+				disabled: e.disabled || n.disabled,
+				minimal: e.minimal,
+				class: "font-medium",
+				inactive: "",
+				onClick: t[2] ||= (t) => e.$emit("item-click")
+			}, null, 8, [
+				"item",
+				"rounded",
+				"color",
+				"filled",
+				"size",
+				"disabled",
+				"minimal"
+			]), d(b, {
+				class: p(["x-menu-inner space-y-1 ml-4 border-l border-secondary-100 dark:border-secondary-700", { "pl-1": e.filled }]),
+				items: n.items,
+				color: n.color || e.color,
+				size: n.size || e.size,
+				collapsible: e.collapsible,
+				"collapse-icon": n.collapseIcon || e.collapseIcon,
+				expanded: n.expanded || e.expanded,
+				disabled: e.disabled || n.disabled,
+				minimal: e.minimal,
+				rounded: e.rounded,
+				filled: e.filled,
+				onExpand: t[3] ||= (t) => e.$emit("expand")
+			}, null, 8, [
+				"class",
+				"items",
+				"color",
+				"size",
+				"collapsible",
+				"collapse-icon",
+				"expanded",
+				"disabled",
+				"minimal",
+				"rounded",
+				"filled"
+			])], 64)) : (h(), c(i, {
+				key: 0,
+				icon: n.collapseIcon || e.collapseIcon,
+				expanded: n.expanded || e.expanded,
+				disabled: e.disabled || n.disabled,
+				"show-icon": !!(n.collapseIcon || e.collapseIcon),
+				class: "x-menu-inner space-y-1",
+				onExpand: t[1] ||= (t) => e.$emit("expand")
+			}, {
+				default: y(({}) => [d(o, {
+					item: n,
+					rounded: e.rounded,
+					color: n.color || e.color,
+					filled: n.filled || e.filled,
+					size: n.size || e.size,
+					disabled: e.disabled || n.disabled,
+					minimal: e.minimal,
+					class: "font-medium"
+				}, null, 8, [
+					"item",
+					"rounded",
+					"color",
+					"filled",
+					"size",
+					"disabled",
+					"minimal"
+				])]),
+				content: y(({ expand: r }) => [d(b, {
+					class: p(["border-l ml-4 border-secondary-100 dark:border-secondary-700", { "pl-1": e.filled }]),
+					items: n.items,
+					color: n.color || e.color,
+					size: n.size || e.size,
+					collapsible: e.collapsible,
+					"collapse-icon": n.collapseIcon || e.collapseIcon,
+					expanded: n.expanded || e.expanded,
+					disabled: e.disabled || n.disabled,
+					rounded: e.rounded,
+					filled: e.filled,
+					minimal: e.minimal,
+					onExpand: (e) => r(!1),
+					onItemClick: t[0] ||= (t) => e.$emit("item-click")
+				}, null, 8, [
+					"class",
+					"items",
+					"color",
+					"size",
+					"collapsible",
+					"collapse-icon",
+					"expanded",
+					"disabled",
+					"rounded",
+					"filled",
+					"minimal",
+					"onExpand"
+				])]),
+				_: 2
+			}, 1032, [
+				"icon",
+				"expanded",
+				"disabled",
+				"show-icon"
+			]))], 64)) : (h(), u(s, { key: 1 }, [n.divider ? (h(), c(a, { key: 0 })) : (h(), c(o, {
+				key: 1,
+				item: n,
+				rounded: e.rounded,
+				color: n.color || e.color,
+				filled: n.filled || e.filled,
+				size: n.size || e.size,
+				disabled: e.disabled || n.disabled,
+				minimal: e.minimal,
+				class: p({ "my-2": n.divider }),
+				onClick: t[4] ||= (t) => e.$emit("item-click"),
+				onActive: t[5] ||= (t) => e.$emit("expand")
+			}, null, 8, [
+				"item",
+				"rounded",
+				"color",
+				"filled",
+				"size",
+				"disabled",
+				"minimal",
+				"class"
+			]))], 64))], 64))), 128))], 6)) : l("", !0);
+		};
+	}
+});
+//#endregion
+export { x as default };

package/lib/components/menu/MenuItem.js

@@ -0,0 +1,6 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./MenuItem.vue_vue_type_script_setup_true_lang.js";
+import n from "./MenuItem.vue_vue_type_style_index_0_scoped_2a6b7341_lang.module.js";
+var r = /* @__PURE__ */ e(t, [["__cssModules", { $style: n }], ["__scopeId", "data-v-2a6b7341"]]);
+//#endregion
+export { r as default };

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

@@ -31,10 +31,10 @@ declare const menuItemProps: {
     };
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
-    minimal: BooleanConstructor;
+    minimal: import("vue").Prop<boolean | undefined>;
     prefix: StringConstructor;
     suffix: StringConstructor;
-    checkbox: BooleanConstructor;
+    checkbox: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -82,10 +82,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
-    minimal: BooleanConstructor;
+    minimal: import("vue").Prop<boolean | undefined>;
     prefix: StringConstructor;
     suffix: StringConstructor;
-    checkbox: BooleanConstructor;
+    checkbox: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -125,10 +125,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
     selected: BooleanConstructor;
     disabled: BooleanConstructor;
-    minimal: BooleanConstructor;
+    minimal: import("vue").Prop<boolean | undefined>;
     prefix: StringConstructor;
     suffix: StringConstructor;
-    checkbox: BooleanConstructor;
+    checkbox: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -151,11 +151,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     active: boolean;
     loading: boolean;
     filled: boolean;
-    minimal: boolean;
     attrs: Record<string, any>;
     exact: boolean;
     selected: boolean;
-    checkbox: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     prefix?(_: {
         item: MenuItemProps;