@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/avatar/theme/Avatar.base.theme.js

@@ -1,22 +1,18 @@
-const r = {
-  classes: {
-    wrapper({ props: t }) {
-      const e = ["relative inline-flex items-center justify-center overflow-hidden align-middle border box-content"];
-      return e.push(t.rounded ? "rounded-full" : "rounded-md"), t.size === "xs" ? e.push("h-6 w-6 text-xs") : t.size === "sm" ? e.push("h-9 w-9 text-sm") : t.size === "lg" ? e.push("h-12 w-12 text-lg") : t.size === "xl" ? e.push("h-[3.75rem] w-[3.75rem] text-xl") : e.push("h-10 w-10"), e;
-    }
-  },
-  styles({ props: t, colors: e, css: l, data: n }) {
-    const s = e.getPalette(t.color);
-    return l.variables({
-      bg: s[100],
-      text: s[500],
-      border: t.outlined ? s[500] : "transparent",
-      dark: {
-        bg: s[900]
-      }
-    });
-  }
-}, i = r;
-export {
-  i as default
+//#region src/components/avatar/theme/Avatar.base.theme.ts
+var e = {
+	classes: { wrapper({ props: e }) {
+		let t = ["relative inline-flex items-center justify-center overflow-hidden align-middle border box-content"];
+		return t.push(e.rounded ? "rounded-full" : "rounded-md"), e.size === "xs" ? t.push("h-6 w-6 text-xs") : e.size === "sm" ? t.push("h-9 w-9 text-sm") : e.size === "lg" ? t.push("h-12 w-12 text-lg") : e.size === "xl" ? t.push("h-[3.75rem] w-[3.75rem] text-xl") : t.push("h-10 w-10"), t;
+	} },
+	styles({ props: e, colors: t, css: n, data: r }) {
+		let i = t.getPalette(e.color);
+		return n.variables({
+			bg: i[100],
+			text: i[500],
+			border: e.outlined ? i[500] : "transparent",
+			dark: { bg: i[900] }
+		});
+	}
 };
+//#endregion
+export { e as default };

package/lib/components/avatar/theme/Avatar.carbon.theme.js

@@ -1,5 +1,5 @@
 import e from "./Avatar.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/avatar/theme/Avatar.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/badge/Badge.js

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

package/lib/components/badge/Badge.vue.d.ts

@@ -17,8 +17,8 @@ declare const badgeProps: {
     };
     offsetX: (StringConstructor | NumberConstructor)[];
     offsetY: (StringConstructor | NumberConstructor)[];
-    animated: BooleanConstructor;
-    outlined: BooleanConstructor;
+    animated: import("vue").Prop<boolean | undefined>;
+    outlined: import("vue").Prop<boolean | undefined>;
     icon: StringConstructor;
     show: {
         type: BooleanConstructor;
@@ -55,8 +55,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
     offsetX: (StringConstructor | NumberConstructor)[];
     offsetY: (StringConstructor | NumberConstructor)[];
-    animated: BooleanConstructor;
-    outlined: BooleanConstructor;
+    animated: import("vue").Prop<boolean | undefined>;
+    outlined: import("vue").Prop<boolean | undefined>;
     icon: StringConstructor;
     show: {
         type: BooleanConstructor;
@@ -86,8 +86,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
     offsetX: (StringConstructor | NumberConstructor)[];
     offsetY: (StringConstructor | NumberConstructor)[];
-    animated: BooleanConstructor;
-    outlined: BooleanConstructor;
+    animated: import("vue").Prop<boolean | undefined>;
+    outlined: import("vue").Prop<boolean | undefined>;
     icon: StringConstructor;
     show: {
         type: BooleanConstructor;
@@ -104,12 +104,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
 }>> & Readonly<{}>, {
     tag: string;
-    outlined: boolean;
     color: string;
     size: import("../../composables/useCommon").Size;
     position: "top" | "bottom";
     align: "left" | "right";
-    animated: boolean;
     show: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;

package/lib/components/badge/Badge.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { useResolvedComponentProps as e } from "../../composables/resolveComponentDefaults.js";
+import { useColors as t } from "../../composables/useColors.js";
+import { useTheme as n } from "../../composables/useTheme.js";
+import { optionalBooleanProp as r } from "../../common/props.js";
+import { useCommon as i } from "../../composables/useCommon.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, unref as g, useSlots as _, withCtx as v } from "vue";
+//#region src/components/badge/Badge.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "relative inline-block" }, b = {
+	key: 0,
+	class: "animate-ping opacity-75 absolute top-0 left-0 rounded-full h-full w-full z-10 bg-[color:var(--x-badge-bg)]"
+}, x = ["left", "right"], S = ["top", "bottom"], C = {
+	...i.props(),
+	...t.props("primary"),
+	tag: {
+		type: String,
+		default: "div"
+	},
+	position: {
+		type: String,
+		default: "top"
+	},
+	align: {
+		type: String,
+		default: "right"
+	},
+	offsetX: [Number, String],
+	offsetY: [Number, String],
+	animated: r(),
+	outlined: r(),
+	icon: String,
+	show: {
+		type: Boolean,
+		default: !0
+	}
+}, w = /* @__PURE__ */ u({
+	name: "XBadge",
+	validators: {
+		...i.validators(),
+		position: S,
+		align: x
+	},
+	props: C,
+	setup(t) {
+		let r = t, i = e("Badge", r), u = _(), x = a(() => {
+			let e = [];
+			return r.position === "top" && e.push("top-0"), r.position === "bottom" && e.push("bottom-0"), r.align === "left" && e.push("left-0"), r.align === "right" && e.push("right-0"), u.content ? e.push("-m-[7.5%]") : i.value.outlined ? e.push("-m-[5%]") : e.push("-m-[3.5%]"), e;
+		}), S = a(() => {
+			let e = {};
+			return r.offsetX && (e[r.align === "left" ? "marginLeft" : "marginRight"] = r.offsetX + "px"), r.offsetY && (e[r.position === "top" ? "marginTop" : "marginBottom"] = r.offsetY + "px"), e;
+		}), { styles: C, classes: w, className: T } = n("Badge", {}, r);
+		return (e, t) => (p(), o(h(e.tag), {
+			style: f(g(C)),
+			class: d([g(T), g(w).wrapper])
+		}, {
+			default: v(() => [l("div", y, [m(e.$slots, "default"), e.show ? (p(), c("div", {
+				key: 0,
+				class: d(["absolute rounded-full z-10 bg-[color:var(--x-badge-bg)] pointer-events-none", [x.value, { "border-2 border-secondary-50 dark:border-secondary-900": e.outlined }]]),
+				style: f(S.value)
+			}, [e.animated ? (p(), c("div", b)) : s("", !0), l("div", { class: d(["text-xs text-white overflow-hidden", [e.$slots.content ? "flex items-center justify-center min-w-[1.25rem] h-5 px-1.5" : {
+				"p-1": e.size === "xs",
+				"p-[0.312rem]": e.size === "sm",
+				"p-1.5": !e.size || ![
+					"xs",
+					"sm",
+					"lg",
+					"xl"
+				].includes(e.size),
+				"p-2": e.size === "lg",
+				"p-2.5": e.size === "xl"
+			}]]) }, [m(e.$slots, "content")], 2)], 6)) : s("", !0)])]),
+			_: 3
+		}, 8, ["style", "class"]));
+	}
+});
+//#endregion
+export { w as default };

package/lib/components/badge/theme/Badge.base.theme.js

@@ -1,12 +1,10 @@
-const l = {
-  classes: {
-    wrapper: "inline-block"
-  },
-  styles({ props: e, colors: t, css: s }) {
-    const o = t.getPalette(e.color);
-    return s.get("bg", o[500]);
-  }
-}, c = l;
-export {
-  c as default
+//#region src/components/badge/theme/Badge.base.theme.ts
+var e = {
+	classes: { wrapper: "inline-block" },
+	styles({ props: e, colors: t, css: n }) {
+		let r = t.getPalette(e.color);
+		return n.get("bg", r[500]);
+	}
 };
+//#endregion
+export { e as default };

package/lib/components/badge/theme/Badge.carbon.theme.js

@@ -1,5 +1,5 @@
 import e from "./Badge.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/badge/theme/Badge.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/breadcrumbs/Breadcrumbs.js

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

package/lib/components/breadcrumbs/Breadcrumbs.vue.d.ts

@@ -7,8 +7,8 @@ declare const breadcrumbsProps: {
         default: string;
     };
     icon: StringConstructor;
-    shadow: BooleanConstructor;
-    underline: BooleanConstructor;
+    shadow: import("vue").Prop<boolean | undefined>;
+    underline: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -34,8 +34,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     icon: StringConstructor;
-    shadow: BooleanConstructor;
-    underline: BooleanConstructor;
+    shadow: import("vue").Prop<boolean | undefined>;
+    underline: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -47,8 +47,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
     icon: StringConstructor;
-    shadow: BooleanConstructor;
-    underline: BooleanConstructor;
+    shadow: import("vue").Prop<boolean | undefined>;
+    underline: import("vue").Prop<boolean | undefined>;
     color: {
         readonly type: StringConstructor;
         readonly default: string | undefined;
@@ -56,7 +56,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     color: string;
     separator: string;
-    shadow: boolean;
-    underline: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/breadcrumbs/Breadcrumbs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,62 @@
+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 i from "../link/Link.js";
+import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, normalizeStyle as m, openBlock as h, renderList as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+//#region src/components/breadcrumbs/Breadcrumbs.vue?vue&type=script&setup=true&lang.ts
+var b = { key: 1 }, x = /* @__PURE__ */ f({
+	name: "XBreadcrumbs",
+	props: {
+		...e.props(),
+		items: Array,
+		separator: {
+			type: String,
+			default: "/"
+		},
+		icon: String,
+		shadow: n(),
+		underline: n()
+	},
+	setup(e) {
+		let { styles: n, classes: f, className: x } = t("Breadcrumbs", {}, e);
+		return (e, t) => e.items && e.items.length > 0 ? (h(), c("nav", {
+			key: 0,
+			"aria-label": "Breadcrumb",
+			class: p(v(x)),
+			style: m(v(n))
+		}, [l("ul", { class: p(v(f).wrapper) }, [(h(!0), c(a, null, g(e.items, (t, n) => (h(), c("li", {
+			key: n,
+			class: p(v(f).item)
+		}, [d(i, {
+			to: t.to,
+			href: t.href,
+			color: t.color || e.color,
+			shadow: t.shadow || e.shadow,
+			underline: t.underline || e.underline,
+			class: "flex items-center"
+		}, {
+			default: y(() => [t.icon ? (h(), o(r, {
+				key: 0,
+				icon: t.icon,
+				class: "mr-1.5"
+			}, null, 8, ["icon"])) : s("", !0), u(" " + _(t.label), 1)]),
+			_: 2
+		}, 1032, [
+			"to",
+			"href",
+			"color",
+			"shadow",
+			"underline"
+		]), n === e.items.length - 1 ? s("", !0) : (h(), c("div", {
+			key: 0,
+			class: p(v(f).separator)
+		}, [e.icon ? (h(), o(r, {
+			key: 0,
+			icon: e.icon,
+			size: "sm"
+		}, null, 8, ["icon"])) : e.separator ? (h(), c("span", b, _(e.separator), 1)) : s("", !0)], 2))], 2))), 128))], 2)], 6)) : s("", !0);
+	}
+});
+//#endregion
+export { x as default };

package/lib/components/breadcrumbs/theme/Breadcrumbs.base.theme.js

@@ -1,10 +1,8 @@
-const e = {
-  classes: {
-    wrapper: "flex items-center flex-wrap",
-    item: "flex items-center last-of-type:font-semibold",
-    separator: "text-secondary-400 mx-1.5"
-  }
-}, t = e;
-export {
-  t as default
-};
+//#region src/components/breadcrumbs/theme/Breadcrumbs.base.theme.ts
+var e = { classes: {
+	wrapper: "flex items-center flex-wrap",
+	item: "flex items-center last-of-type:font-semibold",
+	separator: "text-secondary-400 mx-1.5"
+} };
+//#endregion
+export { e as default };

package/lib/components/breadcrumbs/theme/Breadcrumbs.carbon.theme.js

@@ -1,10 +1,8 @@
 import e from "./Breadcrumbs.base.theme.js";
-const s = {
-  classes: {
-    ...e.classes,
-    wrapper: "flex items-center flex-wrap text-sm"
-  }
-}, a = s;
-export {
-  a as default
-};
+//#region src/components/breadcrumbs/theme/Breadcrumbs.carbon.theme.ts
+var t = { classes: {
+	...e.classes,
+	wrapper: "flex items-center flex-wrap text-sm"
+} };
+//#endregion
+export { t as default };

package/lib/components/button/Button.js

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

package/lib/components/button/Button.vue.d.ts

@@ -13,13 +13,13 @@ declare const buttonProps: {
     iconLeft: StringConstructor;
     iconRight: StringConstructor;
     to: (ObjectConstructor | StringConstructor)[];
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
-    glow: BooleanConstructor;
-    ghost: BooleanConstructor;
-    light: BooleanConstructor;
-    block: BooleanConstructor;
-    flat: BooleanConstructor;
+    outlined: import("vue").Prop<boolean | undefined>;
+    rounded: import("vue").Prop<boolean | undefined>;
+    glow: import("vue").Prop<boolean | undefined>;
+    ghost: import("vue").Prop<boolean | undefined>;
+    light: import("vue").Prop<boolean | undefined>;
+    flat: import("vue").Prop<boolean | undefined>;
+    block: import("vue").Prop<boolean | undefined>;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -41,6 +41,8 @@ export type ButtonProps = ExtractPublicPropTypes<typeof buttonProps>;
 type InternalClasses = 'wrapper' | 'iconLeft' | 'iconRight';
 type InternalExtraData = {
     isButtonGroup: boolean;
+    isInsideInputGroup: boolean;
+    inputGroupPosition: import('../../common/inputGroupRadius').InputGroupPosition | undefined;
 };
 export interface ButtonTheme extends ThemeComponent<ButtonProps, InternalClasses, InternalExtraData> {
 }
@@ -57,13 +59,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     iconLeft: StringConstructor;
     iconRight: StringConstructor;
     to: (ObjectConstructor | StringConstructor)[];
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
-    glow: BooleanConstructor;
-    ghost: BooleanConstructor;
-    light: BooleanConstructor;
-    block: BooleanConstructor;
-    flat: BooleanConstructor;
+    outlined: import("vue").Prop<boolean | undefined>;
+    rounded: import("vue").Prop<boolean | undefined>;
+    glow: import("vue").Prop<boolean | undefined>;
+    ghost: import("vue").Prop<boolean | undefined>;
+    light: import("vue").Prop<boolean | undefined>;
+    flat: import("vue").Prop<boolean | undefined>;
+    block: import("vue").Prop<boolean | undefined>;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -96,13 +98,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     iconLeft: StringConstructor;
     iconRight: StringConstructor;
     to: (ObjectConstructor | StringConstructor)[];
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
-    glow: BooleanConstructor;
-    ghost: BooleanConstructor;
-    light: BooleanConstructor;
-    block: BooleanConstructor;
-    flat: BooleanConstructor;
+    outlined: import("vue").Prop<boolean | undefined>;
+    rounded: import("vue").Prop<boolean | undefined>;
+    glow: import("vue").Prop<boolean | undefined>;
+    ghost: import("vue").Prop<boolean | undefined>;
+    light: import("vue").Prop<boolean | undefined>;
+    flat: import("vue").Prop<boolean | undefined>;
+    block: import("vue").Prop<boolean | undefined>;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -121,17 +123,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<im
     };
 }>> & Readonly<{}>, {
     disabled: boolean;
-    flat: boolean;
     type: string;
     tag: string;
-    glow: boolean;
-    light: boolean;
-    outlined: boolean;
     color: string;
-    rounded: boolean;
     size: import("../../composables/useCommon").Size;
-    ghost: boolean;
-    block: boolean;
     loading: boolean;
     loadingStatus: import("../loader/Loader.vue").LoaderStatus;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {

package/lib/components/button/Button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,139 @@
+import { injectButtonGroupKey as e, injectInputGroupKey as t } from "../../composables/keys.js";
+import { useResolvedComponentProps as n } from "../../composables/resolveComponentDefaults.js";
+import { useColors as r } from "../../composables/useColors.js";
+import { useTheme as i } from "../../composables/useTheme.js";
+import { variantBooleanProps as a } from "../../common/props.js";
+import { useCommon as o } from "../../composables/useCommon.js";
+import s from "../icon/Icon.js";
+import { useInteractive as c } from "../../composables/useInteractive.js";
+import l from "../loader/Loader.js";
+import { computed as u, createBlock as d, createCommentVNode as f, createElementVNode as p, defineComponent as m, inject as h, normalizeClass as g, normalizeStyle as _, onMounted as v, onUnmounted as y, openBlock as b, ref as x, renderSlot as S, resolveDynamicComponent as C, unref as w, useAttrs as T, withCtx as E } from "vue";
+//#region src/components/button/Button.vue?vue&type=script&setup=true&lang.ts
+var D = {
+	...o.props(),
+	...r.props(),
+	...c.props(),
+	...a(),
+	tag: {
+		type: String,
+		default: "button"
+	},
+	type: {
+		type: String,
+		default: "button"
+	},
+	icon: String,
+	iconLeft: String,
+	iconRight: String,
+	to: [String, Object]
+}, O = /* @__PURE__ */ m({
+	name: "XButton",
+	validators: { ...o.validators() },
+	props: D,
+	setup(r, { expose: a }) {
+		let o = r, m = n("Button", o), D = x(null), O = h(e, {
+			isButtonGroup: !1,
+			groupProps: {}
+		}), k = h(t, {
+			registerChild: () => {},
+			unregisterChild: () => {},
+			registerInput: () => {},
+			unregisterInput: () => {},
+			getPosition: () => "only",
+			childOrder: u(() => []),
+			isInsideInputGroup: !1,
+			groupProps: {}
+		}), A = `btn-${Math.random().toString(36).slice(2)}`;
+		v(() => {
+			k.isInsideInputGroup && k.registerChild(A);
+		}), y(() => {
+			k.isInsideInputGroup && k.unregisterChild(A);
+		});
+		let { isButtonGroup: j } = O, M = u(() => k.isInsideInputGroup), N = u(() => {
+			if (k.isInsideInputGroup) return k.childOrder.value, k.getPosition(A);
+		}), P = () => O.groupProps, F = u(() => k.isInsideInputGroup && k.groupProps?.size ? k.groupProps.size : P().size ?? m.value.size), I = u(() => P().flat ?? m.value.flat), L = u(() => m.value.color ?? P().color), R = u(() => P().ghost ?? m.value.ghost), z = u(() => P().light ?? m.value.light), B = u(() => P().outlined ?? m.value.outlined), V = u(() => o.disabled || P().disabled || !!k.groupProps?.disabled), H = u(() => o.icon || o.iconLeft), U = T(), W = u(() => U.href ? "a" : o.to ? "router-link" : o.tag), { className: G, classes: K, styles: q } = i("Button", {}, u(() => ({
+			size: w(F),
+			flat: w(I),
+			color: w(L),
+			ghost: w(R),
+			light: w(z),
+			outlined: w(B),
+			disabled: w(V),
+			loading: o.loading,
+			block: m.value.block,
+			glow: m.value.glow,
+			iconLeft: w(H),
+			iconRight: o.iconRight,
+			rounded: m.value.rounded
+		})), {
+			isButtonGroup: j,
+			isInsideInputGroup: M,
+			inputGroupPosition: N
+		}), { focus: J, blur: Y } = c(D);
+		return a({
+			focus: J,
+			blur: Y
+		}), (e, t) => (b(), d(C(W.value), {
+			ref_key: "elRef",
+			ref: D,
+			to: e.to,
+			class: g([
+				w(G),
+				e.$style.button,
+				w(m).glow && !V.value && !e.loading ? e.$style["button--glow"] : "",
+				w(K).wrapper,
+				{ "w-full": w(m).block }
+			]),
+			style: _(w(q)),
+			"aria-busy": e.loading ? "true" : null,
+			"aria-disabled": e.tag !== "button" && V.value ? "true" : null,
+			disabled: V.value || e.loading,
+			type: e.tag === "button" ? e.type : null
+		}, {
+			default: E(() => [
+				e.loading ? (b(), d(l, {
+					key: 0,
+					class: "absolute",
+					size: F.value,
+					label: e.loadingLabel,
+					status: e.loadingStatus
+				}, null, 8, [
+					"size",
+					"label",
+					"status"
+				])) : f("", !0),
+				p("div", { class: g(["inline-flex items-center justify-center", { invisible: e.loading }]) }, [H.value ? (b(), d(s, {
+					key: 0,
+					size: F.value,
+					icon: H.value,
+					class: g([w(K).iconLeft])
+				}, null, 8, [
+					"size",
+					"icon",
+					"class"
+				])) : f("", !0), p("span", null, [S(e.$slots, "default", {}, void 0, !0)])], 2),
+				e.iconRight ? (b(), d(s, {
+					key: 1,
+					size: F.value,
+					icon: e.iconRight,
+					class: g([w(K).iconRight, { invisible: e.loading }])
+				}, null, 8, [
+					"size",
+					"icon",
+					"class"
+				])) : f("", !0)
+			]),
+			_: 3
+		}, 8, [
+			"to",
+			"class",
+			"style",
+			"aria-busy",
+			"aria-disabled",
+			"disabled",
+			"type"
+		]));
+	}
+});
+//#endregion
+export { O as default };

package/lib/components/button/Button.vue_vue_type_style_index_0_scoped_4402fde2_lang.module.js

@@ -0,0 +1,6 @@
+var e = {
+	button: "_button_omddn_2",
+	"button--glow": "_button--glow_omddn_8"
+};
+//#endregion
+export { e as default };

package/lib/components/button/ButtonGroup.js

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