@indielayer/ui 1.18.1 → 2.0.0

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

@@ -0,0 +1,149 @@
+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 "../icon/Icon.js";
+import a from "../spinner/Spinner.js";
+import o from "../checkbox/Checkbox.js";
+import { useMutationObserver as s } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.34_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, defineComponent as h, mergeProps as g, onMounted as _, openBlock as v, ref as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, watch as w, withCtx as T, withModifiers as E } from "vue";
+//#region src/components/menu/MenuItem.vue?vue&type=script&setup=true&lang.ts
+var D = {
+	key: 1,
+	class: "mr-2 shrink-0"
+}, O = {
+	key: 3,
+	class: "flex-1 truncate"
+}, k = { class: "ml-1 shrink-0" }, A = { key: 0 }, j = {
+	...r.props(),
+	...e.props("secondary"),
+	item: {
+		type: Object,
+		default: () => {}
+	},
+	active: Boolean,
+	attrs: {
+		type: Object,
+		default: () => {}
+	},
+	onClick: Function,
+	value: [Number, String],
+	to: [String, Object],
+	exact: Boolean,
+	href: String,
+	target: String,
+	label: String,
+	icon: String,
+	iconRight: String,
+	loading: Boolean,
+	rounded: {
+		type: Boolean,
+		default: !0
+	},
+	filled: {
+		type: Boolean,
+		default: !0
+	},
+	selected: Boolean,
+	disabled: Boolean,
+	minimal: n(),
+	prefix: String,
+	suffix: String,
+	checkbox: n()
+}, M = /* @__PURE__ */ h({
+	name: "XMenuItem",
+	validators: { ...r.validators() },
+	props: j,
+	emits: [
+		"active",
+		"click",
+		"checkbox-click"
+	],
+	setup(e, { emit: n }) {
+		let r = e, h = n, j = y(), M = y(!1), N = l(() => ({
+			...r,
+			...r.item
+		})), P = l(() => N.value.to ? "router-link" : N.value.href ? "a" : "div");
+		_(() => {
+			j.value && (I(), P.value === "router-link" && s(j.value.$el, I, {
+				attributes: !0,
+				attributeFilter: ["class"]
+			}));
+		});
+		function F(e, t) {
+			if (N.value.disabled) {
+				e.stopPropagation(), e.preventDefault();
+				return;
+			}
+			N.value.onClick && N.value.onClick(e), h(t, e);
+		}
+		function I() {
+			j.value && j.value.$el && (N.value.href || N.value.to) ? M.value = j.value.$el.classList.contains(N.value.exact ? "router-link-exact-active" : "router-link-active") || !1 : M.value = !!N.value.active;
+		}
+		w(() => M.value, (e) => {
+			e && h("active");
+		}), w(() => N.value.active, (e) => {
+			M.value = !!e;
+		});
+		let { styles: L, classes: R, className: z } = t("MenuItem", {}, N, { isActive: M });
+		return (e, t) => (v(), u(x(P.value), g({
+			ref_key: "elRef",
+			ref: j
+		}, {
+			...N.value.href ? { href: N.value.href } : {},
+			...N.value.attrs
+		}, {
+			to: N.value.to,
+			target: N.value.target,
+			color: N.value.color,
+			style: C(L),
+			class: [
+				C(z),
+				e.$style["menu-item"],
+				[M.value && !e.checkbox ? e.$style["menu-item--active"] : ""],
+				C(R).wrapper,
+				{ "flex items-center": e.$slots.prefix || e.$slots.suffix }
+			],
+			title: N.value.label,
+			alt: N.value.label,
+			onClick: t[1] ||= (e) => F(e, "click")
+		}), {
+			default: T(() => [
+				e.checkbox ? (v(), u(o, {
+					key: 0,
+					"model-value": N.value.active,
+					"hide-footer": "",
+					class: "mr-1.5",
+					"skip-form-registry": "",
+					onClick: t[0] ||= E((e) => F(e, "checkbox-click"), ["stop", "prevent"])
+				}, null, 8, ["model-value"])) : d("", !0),
+				e.$slots.prefix || N.value.prefix ? (v(), f("span", D, [b(e.$slots, "prefix", { item: N.value }, () => [m(S(N.value.prefix), 1)], !0)])) : N.value.icon ? (v(), u(i, {
+					key: 2,
+					size: N.value.size,
+					icon: N.value.icon,
+					class: "mr-2"
+				}, null, 8, ["size", "icon"])) : d("", !0),
+				e.minimal ? d("", !0) : (v(), f("span", O, [b(e.$slots, "default", { item: N.value }, () => [m(S(N.value.label), 1)], !0)])),
+				p("span", k, [N.value.loading ? (v(), u(a, {
+					key: 0,
+					size: N.value.size
+				}, null, 8, ["size"])) : (v(), f(c, { key: 1 }, [e.$slots.suffix || N.value.suffix ? (v(), f("span", A, [b(e.$slots, "suffix", { item: N.value }, () => [m(S(N.value.suffix), 1)], !0)])) : N.value.iconRight ? (v(), u(i, {
+					key: 1,
+					size: N.value.size,
+					icon: N.value.iconRight
+				}, null, 8, ["size", "icon"])) : d("", !0)], 64))])
+			]),
+			_: 3
+		}, 16, [
+			"to",
+			"target",
+			"color",
+			"style",
+			"class",
+			"title",
+			"alt"
+		]));
+	}
+});
+//#endregion
+export { M as default };

package/lib/components/menu/MenuItem.vue_vue_type_style_index_0_scoped_2a6b7341_lang.module.js

@@ -0,0 +1,7 @@
+//#region src/components/menu/MenuItem.vue?vue&type=style&index=0&scoped=2a6b7341&lang.module.css
+var e = {
+	"menu-item": "_menu-item_1mhic_2",
+	"menu-item--active": "_menu-item--active_1mhic_34"
+};
+//#endregion
+export { e as default };

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

@@ -1,8 +1,4 @@
-const e = {
-  classes: {
-    wrapper: ""
-  }
-}, s = e;
-export {
-  s as default
-};
+//#region src/components/menu/theme/Menu.base.theme.ts
+var e = { classes: { wrapper: "" } };
+//#endregion
+export { e as default };

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

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

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

@@ -1,76 +1,72 @@
-const l = {
-  classes: {
-    wrapper: ({ props: s, data: r }) => {
-      const t = ["relative !flex items-center whitespace-nowrap px-3 min-h-[2rem]"];
-      return s.disabled || t.push("cursor-pointer"), r.isActive && t.push("font-medium"), s.rounded && t.push("rounded"), s.size === "xs" ? t.push("py-1 text-xs") : s.size === "sm" ? t.push("py-1.5 text-sm") : s.size === "lg" ? t.push("py-3") : s.size === "xl" ? t.push("py-4 text-lg") : t.push("py-1.5"), t;
-    }
-  },
-  styles: ({ colors: s, props: r, css: t, data: i }) => {
-    const e = s.getPalette(r.color || "gray"), a = s.getPalette("secondary");
-    return r.disabled ? t.variables({
-      text: a[300],
-      dark: {
-        text: a[600]
-      }
-    }) : r.filled ? i.isActive ? t.variables({
-      bg: r.selected ? e[100] : r.checkbox ? "transparent" : e[200],
-      text: e[800],
-      hover: {
-        bg: (r.selected, e[200]),
-        text: e[800]
-      },
-      dark: {
-        bg: (r.selected, e[700]),
-        text: e[100],
-        hover: {
-          bg: (r.selected, e[700]),
-          text: e[100]
-        }
-      }
-    }) : t.variables({
-      bg: r.selected ? e[100] : "transparent",
-      text: e[700],
-      hover: {
-        bg: e[100],
-        text: e[900]
-      },
-      dark: {
-        bg: r.selected ? e[800] : "transparent",
-        text: e[200],
-        hover: {
-          bg: e[600],
-          text: e[100]
-        }
-      }
-    }) : i.isActive ? t.variables({
-      text: e[500],
-      hover: {
-        text: e[500],
-        border: e[500]
-      },
-      dark: {
-        text: e[500],
-        hover: {
-          text: e[500],
-          border: e[500]
-        }
-      }
-    }) : t.variables({
-      text: a[800],
-      hover: {
-        text: a[900],
-        border: a[300]
-      },
-      dark: {
-        text: a[300],
-        hover: {
-          text: a[200],
-          border: a[800]
-        }
-      }
-    });
-  }
-}, x = l;
-export {
-  x as default
+//#region src/components/menu/theme/MenuItem.base.theme.ts
+var e = {
+	classes: { wrapper: ({ props: e, data: t }) => {
+		let n = ["relative !flex items-center whitespace-nowrap px-3 min-h-[2rem]"];
+		return e.disabled || n.push("cursor-pointer"), t.isActive && n.push("font-medium"), e.rounded && n.push("rounded"), e.size === "xs" ? n.push("py-1 text-xs") : e.size === "sm" ? n.push("py-1.5 text-sm") : e.size === "lg" ? n.push("py-3") : e.size === "xl" ? n.push("py-4 text-lg") : n.push("py-1.5"), n;
+	} },
+	styles: ({ colors: e, props: t, css: n, data: r }) => {
+		let i = e.getPalette(t.color || "gray"), a = e.getPalette("secondary");
+		return t.disabled ? n.variables({
+			text: a[300],
+			dark: { text: a[600] }
+		}) : t.filled ? r.isActive ? n.variables({
+			bg: t.selected ? i[100] : t.checkbox ? "transparent" : i[200],
+			text: i[800],
+			hover: {
+				bg: (t.selected, i[200]),
+				text: i[800]
+			},
+			dark: {
+				bg: (t.selected, i[700]),
+				text: i[100],
+				hover: {
+					bg: (t.selected, i[700]),
+					text: i[100]
+				}
+			}
+		}) : n.variables({
+			bg: t.selected ? i[100] : "transparent",
+			text: i[700],
+			hover: {
+				bg: i[100],
+				text: i[900]
+			},
+			dark: {
+				bg: t.selected ? i[800] : "transparent",
+				text: i[200],
+				hover: {
+					bg: i[600],
+					text: i[100]
+				}
+			}
+		}) : r.isActive ? n.variables({
+			text: i[500],
+			hover: {
+				text: i[500],
+				border: i[500]
+			},
+			dark: {
+				text: i[500],
+				hover: {
+					text: i[500],
+					border: i[500]
+				}
+			}
+		}) : n.variables({
+			text: a[800],
+			hover: {
+				text: a[900],
+				border: a[300]
+			},
+			dark: {
+				text: a[300],
+				hover: {
+					text: a[200],
+					border: a[800]
+				}
+			}
+		});
+	}
 };
+//#endregion
+export { e as default };

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

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

package/lib/components/modal/Modal.js

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

package/lib/components/modal/Modal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,194 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import { closeIcon as t } from "../../common/icons.js";
+import n from "../button/Button.js";
+import { onClickOutside as r, useEventListener as i } from "../../node_modules/.pnpm/@vueuse_core@11.1.0_vue@3.5.34_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import a from "../scroll/Scroll.js";
+import o from "../form/Form.js";
+import { useFocusTrap as s } from "../../composables/useFocusTrap.js";
+import { Teleport as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, normalizeStyle as _, openBlock as v, ref as y, renderSlot as b, resolveDynamicComponent as x, toDisplayString as S, unref as C, useSlots as w, watch as T, withCtx as E } from "vue";
+//#region src/components/modal/Modal.vue?vue&type=script&setup=true&lang.ts
+var D = { key: 0 }, O = /* @__PURE__ */ m({
+	name: "XModal",
+	validators: {
+		size: [
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl",
+			"full"
+		],
+		position: [
+			"top",
+			"center",
+			"bottom"
+		]
+	},
+	props: {
+		size: {
+			type: String,
+			default: "lg"
+		},
+		position: {
+			type: String,
+			default: "center"
+		},
+		modelValue: Boolean,
+		showClose: Boolean,
+		backdrop: {
+			type: Boolean,
+			default: !0
+		},
+		hasActions: {
+			type: Boolean,
+			default: !0
+		},
+		hasHeader: {
+			type: Boolean,
+			default: !0
+		},
+		title: String,
+		description: String,
+		label: String,
+		loading: Boolean,
+		loadingText: String,
+		fluid: Boolean,
+		isForm: Boolean,
+		formDisabled: Boolean,
+		formDescription: String,
+		formTitle: String,
+		formAutoValidate: {
+			type: Boolean,
+			default: !0
+		},
+		formErrors: {
+			type: [Array, Object],
+			default: () => []
+		},
+		persistent: Boolean
+	},
+	emits: ["update:modelValue", "submit"],
+	setup(m, { expose: O, emit: k }) {
+		let A = m, j = k, M = y(A.modelValue), N = y(!1), P = y(null), F = y(null), { initFocusTrap: I, clearFocusTrap: L } = s(), R;
+		T(M, (e) => {
+			R &&= (R(), void 0), e && setTimeout(() => {
+				R = r(P, U, { ignore: [".v-popper__popper"] });
+			});
+		});
+		let z;
+		T(() => A.modelValue, B, { immediate: !0 });
+		async function B() {
+			let e = A.modelValue;
+			if (e) {
+				let t = window.innerWidth - document.documentElement.clientWidth;
+				M.value = e, await h(), N.value = e, z = setTimeout(() => {
+					I(P);
+				}, 100), document.body.style.paddingRight = `${t}px`, document.body.style.overflow = "hidden";
+			} else N.value = e, M.value = e, clearTimeout(z), L(), document.body.style.paddingRight = "", document.body.style.overflow = "auto";
+		}
+		typeof window < "u" && i(document, "keydown", H);
+		let V = (e) => [".v-popper__popper", ".x-datepicker"].some((t) => typeof t == "string" ? Array.from(window.document.querySelectorAll(t)).some((t) => t === e.target || e.composedPath().includes(t)) : !1);
+		function H(e) {
+			e.key === "Escape" && !V(e) && M.value && !A.persistent && W();
+		}
+		function U() {
+			A.persistent || W();
+		}
+		function W() {
+			N.value = !1, setTimeout(() => {
+				j("update:modelValue", !1);
+			}, 150);
+		}
+		function G() {
+			j("update:modelValue", !0), N.value = !0;
+		}
+		let K = w(), q = l(() => !!(K["tertiary-action"] || K["cancel-action"])), { styles: J, classes: Y, className: X } = e("Modal", {}, A, { visible: N });
+		return O({
+			open: G,
+			close: W
+		}), (e, r) => (v(), u(c, { to: "body" }, [M.value ? (v(), f("div", {
+			key: 0,
+			ref_key: "modalWrapperRef",
+			ref: F,
+			style: _(C(J)),
+			class: g([
+				C(X),
+				C(Y).wrapper,
+				N.value ? "visible" : "invisible ease-in duration-100"
+			])
+		}, [e.backdrop ? (v(), f("div", {
+			key: 0,
+			class: g(C(Y).backdrop)
+		}, null, 2)) : d("", !0), p("div", { class: g(C(Y).modalWrapper) }, [(v(), u(x(e.isForm ? o : "div"), {
+			ref_key: "modalRef",
+			ref: P,
+			class: g(["max-h-full", C(Y).modal]),
+			disabled: e.formDisabled,
+			"auto-validate": e.formAutoValidate,
+			title: e.formTitle,
+			description: e.formDescription,
+			errors: e.formErrors,
+			"auto-focus": "",
+			"has-footer": !1,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": "modal-headline",
+			onSubmit: r[0] ||= (t) => e.$emit("submit", t)
+		}, {
+			default: E(() => [
+				b(e.$slots, "image"),
+				b(e.$slots, "header", {}, () => [e.hasHeader ? (v(), f("div", {
+					key: 0,
+					class: g(C(Y).header)
+				}, [b(e.$slots, "header-content", {}, () => [e.label ? (v(), f("div", {
+					key: 0,
+					class: g(C(Y).label)
+				}, S(e.label), 3)) : d("", !0), e.title ? (v(), f("div", {
+					key: 1,
+					class: g(C(Y).title)
+				}, S(e.title), 3)) : d("", !0)])], 2)) : d("", !0)]),
+				e.$slots.default ? (v(), u(a, {
+					key: 0,
+					scrollbar: !1,
+					class: g({ "h-full": e.size === "full" }),
+					vertical: ""
+				}, {
+					default: E(() => [p("div", { class: g(C(Y).content) }, [e.description ? (v(), f("div", {
+						key: 0,
+						class: g(C(Y).description)
+					}, S(e.description), 3)) : d("", !0), b(e.$slots, "default")], 2)]),
+					_: 3
+				}, 8, ["class"])) : d("", !0),
+				e.showClose ? (v(), u(n, {
+					key: 1,
+					ghost: "",
+					size: "sm",
+					tabindex: "-1",
+					icon: C(t),
+					class: g(C(Y).closeIcon),
+					onClick: W
+				}, null, 8, ["icon", "class"])) : d("", !0),
+				b(e.$slots, "footer", {}, () => [e.hasActions ? (v(), f("div", {
+					key: 0,
+					class: g(C(Y).actions)
+				}, [b(e.$slots, "actions", {}, () => [
+					b(e.$slots, "cancel-action"),
+					q.value ? (v(), f("div", D)) : d("", !0),
+					b(e.$slots, "tertiary-action"),
+					b(e.$slots, "secondary-action"),
+					b(e.$slots, "primary-action")
+				])], 2)) : d("", !0)])
+			]),
+			_: 3
+		}, 40, [
+			"disabled",
+			"auto-validate",
+			"title",
+			"description",
+			"errors",
+			"class"
+		]))], 2)], 6)) : d("", !0)]));
+	}
+});
+//#endregion
+export { O as default };

package/lib/components/modal/theme/Modal.base.theme.js

@@ -1,27 +1,25 @@
-const a = {
-  classes: {
-    wrapper: "fixed z-40 inset-0 overflow-y-auto transition-all",
-    backdrop: ({ data: e }) => {
-      const s = ["fixed inset-0 bg-secondary-500 dark:bg-black transition-opacity"];
-      return e.visible ? s.push("ease-out duration-200 opacity-30 dark:opacity-70") : s.push("ease-in duration-100 opacity-0"), s;
-    },
-    modalWrapper: ({ props: e }) => {
-      const s = ["flex justify-center p-4 sm:p-8 h-screen"];
-      return e.position === "top" ? s.push("items-start") : e.position === "bottom" ? s.push("items-end") : s.push("items-end sm:items-center"), s;
-    },
-    modal: ({ props: e, data: s }) => {
-      const t = ["relative flex flex-col z-10 bg-white dark:bg-secondary-900 rounded-md shadow-lg transform transition-all overflow-hidden max-h-full w-full"];
-      return s.visible ? t.push("ease-out duration-200 opacity-100 translate-y-0 sm:scale-100") : t.push("ease-in duration-200 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"), e.size === "xs" ? t.push("sm:max-w-xs") : e.size === "sm" ? t.push("sm:max-w-sm") : e.size === "md" ? t.push("sm:max-w-lg") : e.size === "lg" ? t.push("sm:max-w-3xl") : e.size === "xl" ? t.push("sm:max-w-6xl") : e.size === "full" && t.push("h-full"), t;
-    },
-    closeIcon: "!absolute top-2 z-10 right-2",
-    header: "text-lg pl-6 py-4 border-b pr-12",
-    content: "px-6 py-4",
-    actions: ({ props: e, slots: s }) => ["flex gap-4 bg-secondary-50 dark:bg-secondary-800 p-4 justify-end"],
-    label: "text-xs text-secondary-500 mb-1",
-    title: "text-xl font-semibold",
-    description: "text-sm mb-8"
-  }
-}, l = a;
-export {
-  l as default
-};
+//#region src/components/modal/theme/Modal.base.theme.ts
+var e = { classes: {
+	wrapper: "fixed z-40 inset-0 overflow-y-auto transition-all",
+	backdrop: ({ data: e }) => {
+		let t = ["fixed inset-0 bg-secondary-500 dark:bg-black transition-opacity"];
+		return e.visible ? t.push("ease-out duration-200 opacity-30 dark:opacity-70") : t.push("ease-in duration-100 opacity-0"), t;
+	},
+	modalWrapper: ({ props: e }) => {
+		let t = ["flex justify-center p-4 sm:p-8 h-screen"];
+		return e.position === "top" ? t.push("items-start") : e.position === "bottom" ? t.push("items-end") : t.push("items-end sm:items-center"), t;
+	},
+	modal: ({ props: e, data: t }) => {
+		let n = ["relative flex flex-col z-10 bg-white dark:bg-secondary-900 rounded-md shadow-lg transform transition-all overflow-hidden max-h-full w-full"];
+		return t.visible ? n.push("ease-out duration-200 opacity-100 translate-y-0 sm:scale-100") : n.push("ease-in duration-200 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"), e.size === "xs" ? n.push("sm:max-w-xs") : e.size === "sm" ? n.push("sm:max-w-sm") : e.size === "md" ? n.push("sm:max-w-lg") : e.size === "lg" ? n.push("sm:max-w-3xl") : e.size === "xl" ? n.push("sm:max-w-6xl") : e.size === "full" && n.push("h-full"), n;
+	},
+	closeIcon: "!absolute top-2 z-10 right-2",
+	header: "text-lg pl-6 py-4 border-b pr-12",
+	content: "px-6 py-4",
+	actions: ({ props: e, slots: t }) => ["flex gap-4 bg-secondary-50 dark:bg-secondary-800 p-4 justify-end"],
+	label: "text-xs text-secondary-500 mb-1",
+	title: "text-xl font-semibold",
+	description: "text-sm mb-8"
+} };
+//#endregion
+export { e as default };

package/lib/components/modal/theme/Modal.carbon.theme.js

@@ -1,29 +1,27 @@
-const a = {
-  classes: {
-    wrapper: "fixed z-40 inset-0 overflow-y-auto transition-all",
-    backdrop: ({ data: e }) => {
-      const t = ["fixed inset-0 bg-secondary-500 dark:bg-black transition-opacity"];
-      return e.visible ? t.push("ease-out duration-200 opacity-70 dark:opacity-70") : t.push("ease-in duration-100 opacity-0"), t;
-    },
-    modal: ({ props: e, data: t }) => {
-      const s = ["relative flex flex-col z-10 bg-secondary-200 dark:bg-secondary-900 shadow-lg transform transition-all overflow-hidden max-h-full w-full"];
-      return t.visible ? s.push("ease-out duration-200 opacity-100 translate-y-0 sm:scale-100") : s.push("ease-in duration-200 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"), e.size === "xs" ? s.push("sm:max-w-xs") : e.size === "sm" ? s.push("sm:max-w-sm") : e.size === "md" ? s.push("sm:max-w-lg") : e.size === "lg" ? s.push("sm:max-w-3xl") : e.size === "xl" ? s.push("sm:max-w-6xl") : e.size === "full" && s.push("h-full"), s;
-    },
-    closeIcon: "!absolute top-0 z-10 right-0",
-    header: "text-lg pl-4 pt-4 pr-12",
-    content: ({ props: e }) => {
-      const t = ["pb-8"];
-      return e.fluid || t.push("px-4"), t;
-    },
-    actions: ({ props: e, slots: t }) => {
-      const s = ["grid grid-flow-col gap-[1px]"];
-      return t["tertiary-action"] || t["cancel-action"] ? s.push("grid-cols-4") : s.push("grid-cols-2"), s;
-    },
-    label: "text-xs text-secondary-500 mb-1",
-    title: "text-xl mb-4",
-    description: "text-sm mb-4"
-  }
-}, l = a;
-export {
-  l as default
-};
+//#region src/components/modal/theme/Modal.carbon.theme.ts
+var e = { classes: {
+	wrapper: "fixed z-40 inset-0 overflow-y-auto transition-all",
+	backdrop: ({ data: e }) => {
+		let t = ["fixed inset-0 bg-secondary-500 dark:bg-black transition-opacity"];
+		return e.visible ? t.push("ease-out duration-200 opacity-70 dark:opacity-70") : t.push("ease-in duration-100 opacity-0"), t;
+	},
+	modal: ({ props: e, data: t }) => {
+		let n = ["relative flex flex-col z-10 bg-secondary-200 dark:bg-secondary-900 shadow-lg transform transition-all overflow-hidden max-h-full w-full"];
+		return t.visible ? n.push("ease-out duration-200 opacity-100 translate-y-0 sm:scale-100") : n.push("ease-in duration-200 opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"), e.size === "xs" ? n.push("sm:max-w-xs") : e.size === "sm" ? n.push("sm:max-w-sm") : e.size === "md" ? n.push("sm:max-w-lg") : e.size === "lg" ? n.push("sm:max-w-3xl") : e.size === "xl" ? n.push("sm:max-w-6xl") : e.size === "full" && n.push("h-full"), n;
+	},
+	closeIcon: "!absolute top-0 z-10 right-0",
+	header: "text-lg pl-4 pt-4 pr-12",
+	content: ({ props: e }) => {
+		let t = ["pb-8"];
+		return e.fluid || t.push("px-4"), t;
+	},
+	actions: ({ props: e, slots: t }) => {
+		let n = ["grid grid-flow-col gap-[1px]"];
+		return t["tertiary-action"] || t["cancel-action"] ? n.push("grid-cols-4") : n.push("grid-cols-2"), n;
+	},
+	label: "text-xs text-secondary-500 mb-1",
+	title: "text-xl mb-4",
+	description: "text-sm mb-4"
+} };
+//#endregion
+export { e as default };

package/lib/components/notifications/Notifications.js

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