morya-ui 0.3.7 → 0.4.0

package/dist/config-provider/index.js

@@ -1,9 +1,640 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { n as t, r as n, t as r } from "../config-De8ueCY-.js";
+import { n as t, r as n, t as r } from "../config-COgrsSV2.js";
 import "./style.js";
-import { computed as i, createElementBlock as a, defineComponent as o, inject as s, mergeProps as c, onBeforeUnmount as l, openBlock as u, ref as d, renderSlot as f, toValue as p, unref as m, useAttrs as h, watch as g } from "vue";
+import { computed as i, createElementBlock as a, defineComponent as o, inject as s, mergeProps as c, onBeforeUnmount as l, openBlock as u, ref as d, renderSlot as f, toValue as ee, unref as te, useAttrs as ne, watch as p } from "vue";
+//#region src/theme/color.ts
+var m = /^#([\da-f])([\da-f])([\da-f])$/i, h = /^#([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})?$/i;
+function g(e) {
+	let t = e.trim(), n = t.match(m);
+	if (n) {
+		let [, e = "0", t = "0", r = "0"] = n;
+		return {
+			r: Number.parseInt(e + e, 16),
+			g: Number.parseInt(t + t, 16),
+			b: Number.parseInt(r + r, 16)
+		};
+	}
+	let r = t.match(h);
+	if (r) {
+		let [, e = "00", t = "00", n = "00"] = r;
+		return {
+			r: Number.parseInt(e, 16),
+			g: Number.parseInt(t, 16),
+			b: Number.parseInt(n, 16)
+		};
+	}
+	return {
+		r: 0,
+		g: 0,
+		b: 0
+	};
+}
+function _(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function v(e) {
+	return _(Math.round(e), 0, 255).toString(16).padStart(2, "0");
+}
+function y({ r: e, g: t, b: n }) {
+	return `#${v(e)}${v(t)}${v(n)}`;
+}
+function b({ r: e, g: t, b: n }, r) {
+	let i = Number(r.toFixed(3));
+	return `rgba(${Math.round(e)}, ${Math.round(t)}, ${Math.round(n)}, ${i})`;
+}
+function x({ r: e, g: t, b: n }) {
+	let r = e / 255, i = t / 255, a = n / 255, o = Math.max(r, i, a), s = o - Math.min(r, i, a), c = 0;
+	s !== 0 && (c = o === r ? (i - a) / s % 6 : o === i ? (a - r) / s + 2 : (r - i) / s + 4, c *= 60, c < 0 && (c += 360));
+	let l = o === 0 ? 0 : s / o;
+	return {
+		h: c,
+		s: l,
+		v: o
+	};
+}
+function S({ h: e, s: t, v: n }) {
+	let r = (e % 360 + 360) % 360, i = n * t, a = i * (1 - Math.abs(r / 60 % 2 - 1)), o = n - i, s = 0, c = 0, l = 0;
+	return r < 60 ? [s, c, l] = [
+		i,
+		a,
+		0
+	] : r < 120 ? [s, c, l] = [
+		a,
+		i,
+		0
+	] : r < 180 ? [s, c, l] = [
+		0,
+		i,
+		a
+	] : r < 240 ? [s, c, l] = [
+		0,
+		a,
+		i
+	] : r < 300 ? [s, c, l] = [
+		a,
+		0,
+		i
+	] : [s, c, l] = [
+		i,
+		0,
+		a
+	], {
+		r: (s + o) * 255,
+		g: (c + o) * 255,
+		b: (l + o) * 255
+	};
+}
+var C = 2, w = .16, T = .05, E = .05, D = .15, O = 5, k = 4, A = [
+	{
+		index: 7,
+		amount: 15
+	},
+	{
+		index: 6,
+		amount: 25
+	},
+	{
+		index: 5,
+		amount: 30
+	},
+	{
+		index: 5,
+		amount: 45
+	},
+	{
+		index: 5,
+		amount: 65
+	},
+	{
+		index: 5,
+		amount: 85
+	},
+	{
+		index: 4,
+		amount: 90
+	},
+	{
+		index: 3,
+		amount: 95
+	},
+	{
+		index: 2,
+		amount: 97
+	},
+	{
+		index: 1,
+		amount: 98
+	}
+], j = "#141414";
+function M(e) {
+	return Math.round(e * 100) / 100;
+}
+function N(e, t, n) {
+	let r = Math.round(e.h), i = r >= 60 && r <= 240 ? n ? r - C * t : r + C * t : n ? r + C * t : r - C * t;
+	return i < 0 ? i += 360 : i >= 360 && (i -= 360), i;
+}
+function P(e, t, n) {
+	if (e.h === 0 && e.s === 0) return e.s;
+	let r;
+	return r = n ? e.s - w * t : t === k ? e.s + w : e.s + T * t, r > 1 && (r = 1), n && t === O && r > .1 && (r = .1), r < .06 && (r = .06), M(r);
+}
+function F(e, t, n) {
+	let r = n ? e.v + E * t : e.v - D * t;
+	return M(Math.max(0, Math.min(1, r)));
+}
+function I(e, t = {}) {
+	let n = g(e), r = x(n), i = [];
+	for (let e = O; e > 0; --e) i.push(S({
+		h: N(r, e, !0),
+		s: P(r, e, !0),
+		v: F(r, e, !0)
+	}));
+	i.push(n);
+	for (let e = 1; e <= k; e += 1) i.push(S({
+		h: N(r, e, !1),
+		s: P(r, e, !1),
+		v: F(r, e, !1)
+	}));
+	if (t.dark) {
+		let e = g(t.backgroundColor ?? j);
+		return A.map(({ index: t, amount: r }) => L(e, i[t] ?? n, r / 100)).map(y);
+	}
+	return i.map(y);
+}
+function L(e, t, n) {
+	let r = _(n, 0, 1);
+	return {
+		r: e.r + (t.r - e.r) * r,
+		g: e.g + (t.g - e.g) * r,
+		b: e.b + (t.b - e.b) * r
+	};
+}
+function re(e, t, n) {
+	let r = g(e), i = g(t), a = _(n, 0, 1);
+	return y({
+		r: r.r + (i.r - r.r) * a,
+		g: r.g + (i.g - r.g) * a,
+		b: r.b + (i.b - r.b) * a
+	});
+}
+function ie(e) {
+	let { r: t, g: n, b: r } = g(e);
+	return (t * 299 + n * 587 + r * 114) / 1e3 < 128;
+}
+function ae({ r: e, g: t, b: n }) {
+	let r = e / 255, i = t / 255, a = n / 255, o = Math.max(r, i, a), s = Math.min(r, i, a), c = o - s, l = 0;
+	c !== 0 && (l = o === r ? (i - a) / c % 6 : o === i ? (a - r) / c + 2 : (r - i) / c + 4, l *= 60, l < 0 && (l += 360));
+	let u = (o + s) / 2, d = c === 0 ? 0 : c / (1 - Math.abs(2 * u - 1));
+	return {
+		h: l,
+		s: d,
+		l: u
+	};
+}
+function oe({ h: e, s: t, l: n }) {
+	let r = (e % 360 + 360) % 360, i = (1 - Math.abs(2 * n - 1)) * t, a = i * (1 - Math.abs(r / 60 % 2 - 1)), o = n - i / 2, s = 0, c = 0, l = 0;
+	return r < 60 ? [s, c, l] = [
+		i,
+		a,
+		0
+	] : r < 120 ? [s, c, l] = [
+		a,
+		i,
+		0
+	] : r < 180 ? [s, c, l] = [
+		0,
+		i,
+		a
+	] : r < 240 ? [s, c, l] = [
+		0,
+		a,
+		i
+	] : r < 300 ? [s, c, l] = [
+		a,
+		0,
+		i
+	] : [s, c, l] = [
+		i,
+		0,
+		a
+	], {
+		r: (s + o) * 255,
+		g: (c + o) * 255,
+		b: (l + o) * 255
+	};
+}
+function R(e, t) {
+	let n = ae(g(e)), r = t / 100, i = n.l < .5 ? n.l + r * (1 - n.l) : n.l - r;
+	return y(oe({
+		...n,
+		l: _(i, 0, 1)
+	}));
+}
+function z(e, t) {
+	return b(g(e), _(t, 0, 1));
+}
+//#endregion
+//#region src/theme/derive.ts
+var se = [
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8,
+	9,
+	10
+], ce = [
+	"primary",
+	"success",
+	"warning",
+	"error",
+	"info",
+	"link"
+];
+function B(e, t) {
+	let n = e[t];
+	if (n === void 0) throw Error(`[morya-ui] Missing derived token "${t}". This is a bug in the token engine.`);
+	return n;
+}
+function le(e, t) {
+	let n = I(e, { dark: t }), r = t ? [
+		0,
+		1,
+		2,
+		3,
+		6,
+		5,
+		4,
+		6,
+		5,
+		4
+	] : [
+		0,
+		1,
+		2,
+		3,
+		4,
+		5,
+		6,
+		4,
+		5,
+		6
+	], i = (t) => {
+		let i = r[t];
+		return i === void 0 ? e : n[i] ?? e;
+	};
+	return {
+		1: i(0),
+		2: i(1),
+		3: i(2),
+		4: i(3),
+		5: i(4),
+		6: i(5),
+		7: i(6),
+		8: i(7),
+		9: i(8),
+		10: i(9)
+	};
+}
+function V(e) {
+	return e.replace(/([a-z\d])([A-Z])/g, "$1-$2").toLowerCase();
+}
+function ue(e, t) {
+	let n = {}, r = {
+		primary: e.colorPrimary,
+		success: e.colorSuccess,
+		warning: e.colorWarning,
+		error: e.colorError,
+		info: e.colorInfo,
+		link: e.colorLink || e.colorPrimary
+	}, i = {};
+	for (let e of ce) {
+		let a = le(r[e], t);
+		i[e] = a;
+		let o = `${e.charAt(0).toUpperCase()}${e.slice(1)}`;
+		for (let e of se) n[`color${o}${e}`] = a[e];
+		n[`color${o}Bg`] = a[1], n[`color${o}BgHover`] = a[2], n[`color${o}Border`] = a[3], n[`color${o}BorderHover`] = a[4], n[`color${o}Hover`] = a[5], n[`color${o}`] = a[6], n[`color${o}Active`] = a[7], n[`color${o}TextHover`] = a[8], n[`color${o}Text`] = a[9], n[`color${o}TextActive`] = a[10];
+	}
+	return n.colorSuccessHover = i.success[4], n.colorWarningHover = i.warning[4], n.colorInfoHover = i.info[4], n.colorErrorBgActive = i.error[3], n.colorErrorBgFilledHover = re(i.error[1], i.error[3], .5), t && (n.colorPrimaryBg = i.primary[3], n.colorPrimaryBgHover = i.primary[4], n.colorErrorBg = i.error[3], n.colorWarningBg = i.warning[3], n.colorSuccessBg = i.success[3], n.colorInfoBg = i.info[3]), n;
+}
+function de(e, t) {
+	let n = e.colorTextBase || (t ? "#ffffff" : "#000000"), r = e.colorBgBase || (t ? "#000000" : "#ffffff");
+	return t ? {
+		colorBgBase: r,
+		colorTextBase: n,
+		colorText: z(n, .85),
+		colorTextSecondary: z(n, .65),
+		colorTextTertiary: z(n, .45),
+		colorTextQuaternary: z(n, .25),
+		colorFill: z(n, .18),
+		colorFillSecondary: z(n, .12),
+		colorFillTertiary: z(n, .08),
+		colorFillQuaternary: z(n, .04),
+		colorBgSolid: z(n, .95),
+		colorBgSolidHover: z(n, 1),
+		colorBgSolidActive: z(n, .9),
+		colorBgLayout: R(r, 0),
+		colorBgContainer: R(r, 8),
+		colorBgElevated: R(r, 12),
+		colorBgSpotlight: R(r, 26),
+		colorBgBlur: z(n, .04),
+		colorBorder: R(r, 26),
+		colorBorderDisabled: R(r, 26),
+		colorBorderSecondary: R(r, 19)
+	} : {
+		colorBgBase: r,
+		colorTextBase: n,
+		colorText: z(n, .88),
+		colorTextSecondary: z(n, .65),
+		colorTextTertiary: z(n, .45),
+		colorTextQuaternary: z(n, .25),
+		colorFill: z(n, .15),
+		colorFillSecondary: z(n, .06),
+		colorFillTertiary: z(n, .04),
+		colorFillQuaternary: z(n, .02),
+		colorBgSolid: z(n, 1),
+		colorBgSolidHover: z(n, .75),
+		colorBgSolidActive: z(n, .95),
+		colorBgLayout: R(r, 4),
+		colorBgContainer: R(r, 0),
+		colorBgElevated: R(r, 0),
+		colorBgSpotlight: z(n, .85),
+		colorBgBlur: "transparent",
+		colorBorder: R(r, 15),
+		colorBorderDisabled: R(r, 15),
+		colorBorderSecondary: R(r, 6)
+	};
+}
+function fe(e, t, n) {
+	let r = e.colorTextBase || (t ? "#ffffff" : "#000000");
+	return {
+		colorTextPlaceholder: B(n, "colorTextQuaternary"),
+		colorTextDisabled: z(r, t ? .3 : .25),
+		colorTextHeading: B(n, "colorText"),
+		colorTextLabel: B(n, "colorTextSecondary"),
+		colorTextDescription: B(n, "colorTextTertiary"),
+		colorTextLightSolid: "#ffffff",
+		colorIcon: B(n, "colorTextTertiary"),
+		colorIconHover: B(n, "colorText"),
+		colorHighlight: B(n, "colorError"),
+		colorBgDisabled: z(r, t ? .08 : .04),
+		colorBgMask: z("#000000", .45),
+		colorWhite: "#ffffff",
+		colorSplit: B(n, "colorBorderSecondary"),
+		controlOutline: B(n, "colorPrimaryBg"),
+		controlOutlineWidth: "2px",
+		controlItemBgHover: B(n, "colorFillTertiary"),
+		controlItemBgActive: B(n, "colorPrimaryBg"),
+		controlItemBgActiveHover: B(n, "colorPrimaryBgHover"),
+		controlItemBgActiveDisabled: B(n, "colorFill"),
+		controlInteractiveSize: `${e.controlHeight}px`
+	};
+}
+function H(e) {
+	let t = e.sizeUnit * e.sizeStep, { sizeStep: n } = e;
+	return {
+		sizeXXL: `${t + n * 8}px`,
+		sizeXL: `${t + n * 4}px`,
+		sizeLG: `${t + n * 2}px`,
+		sizeMD: `${t + n}px`,
+		sizeMS: `${t + n / 2}px`,
+		size: `${t}px`,
+		sizeSM: `${t - n}px`,
+		sizeXS: `${t - n * 2}px`,
+		sizeXXS: `${t - n * 3}px`
+	};
+}
+function pe(e) {
+	let { controlHeight: t } = e;
+	return {
+		controlHeightXS: `${t * .5}px`,
+		controlHeightSM: `${t * .75}px`,
+		controlHeight: `${t}px`,
+		controlHeightLG: `${t * 1.25}px`,
+		controlPaddingHorizontal: "12px",
+		controlPaddingHorizontalSM: "8px"
+	};
+}
+function me(e) {
+	let { fontSize: t } = e, n = t - 2, r = t, i = t + 2, a = t + 6, o = t + 10, s = t + 14, c = t + 24, l = 1.6667, u = 1.5714, d = 1.5, f = (e) => Number(e.toFixed(4));
+	return {
+		fontSizeSM: `${n}px`,
+		fontSize: `${r}px`,
+		fontSizeLG: `${i}px`,
+		fontSizeXL: `${a}px`,
+		fontSizeHeading1: `${c}px`,
+		fontSizeHeading2: `${s}px`,
+		fontSizeHeading3: `${o}px`,
+		fontSizeHeading4: `${a}px`,
+		fontSizeHeading5: `${i}px`,
+		lineHeight: String(f(u)),
+		lineHeightSM: String(f(l)),
+		lineHeightLG: String(f(d)),
+		lineHeightHeading1: String(f(1.2105)),
+		lineHeightHeading2: String(f(1.2857)),
+		lineHeightHeading3: String(f(1.3333)),
+		lineHeightHeading4: String(f(1.4)),
+		lineHeightHeading5: String(f(d)),
+		fontHeight: `${Math.round(u * r)}px`,
+		fontHeightSM: `${Math.round(l * n)}px`,
+		fontHeightLG: `${Math.round(d * i)}px`,
+		fontSizeIcon: "12px",
+		fontWeightStrong: "600"
+	};
+}
+function he(e) {
+	let { borderRadius: t } = e;
+	return {
+		borderRadiusXS: `${Math.max(t - 4, 2)}px`,
+		borderRadiusSM: `${Math.max(t - 2, 2)}px`,
+		borderRadius: `${t}px`,
+		borderRadiusLG: `${t + 2}px`,
+		borderRadiusOuter: `${t + 4}px`
+	};
+}
+function ge(e) {
+	let t = e.motionBase + e.motionUnit, n = e.motionBase + e.motionUnit * 2, r = e.motionBase + e.motionUnit * 3;
+	return {
+		lineWidth: `${e.lineWidth}px`,
+		lineWidthBold: `${e.lineWidth + 1}px`,
+		lineWidthFocus: `${e.lineWidth * 3}px`,
+		motionDurationFast: `${t.toFixed(1)}s`,
+		motionDurationMid: `${n.toFixed(1)}s`,
+		motionDurationSlow: `${r.toFixed(1)}s`,
+		motionEaseOut: e.motionEaseOut,
+		motionEaseInOut: e.motionEaseInOut,
+		motionEaseOutBack: e.motionEaseOutBack,
+		motionEaseInBack: e.motionEaseInBack,
+		motionEaseOutCirc: e.motionEaseOutCirc,
+		motionEaseInOutCirc: e.motionEaseInOutCirc,
+		fontFamily: e.fontFamily,
+		fontFamilyCode: e.fontFamilyCode
+	};
+}
+function U(e, t = {}) {
+	let n = t.dark ?? ie(e.colorBgBase), r = ue(e, n), i = {
+		...de(e, n),
+		...r
+	};
+	return {
+		...i,
+		...fe(e, n, i),
+		...H(e),
+		...pe(e),
+		...me(e),
+		...he(e),
+		...ge(e)
+	};
+}
+function _e(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) ve.has(n) || (t[`--m-${V(n)}`] = r);
+	return t;
+}
+var ve = /* @__PURE__ */ new Set(["fontSizeSM", "fontSizeLG"]);
+function ye(e, t) {
+	let n = H(e), r = (t) => `${Math.round((e.motionBase + e.motionUnit * t) * 1e3)}ms`;
+	return {
+		"--m-color-surface": B(t, "colorBgContainer"),
+		"--m-color-split": B(t, "colorSplit"),
+		"--m-color-text-muted": B(t, "colorTextTertiary"),
+		"--m-color-text-disabled": B(t, "colorTextDisabled"),
+		"--m-color-bg-disabled": B(t, "colorBgDisabled"),
+		"--m-color-danger": B(t, "colorError"),
+		"--m-color-warn": B(t, "colorWarning"),
+		"--m-color-info": B(t, "colorInfo"),
+		"--m-color-focus-ring": B(t, "colorPrimary"),
+		"--m-color-primary-active": B(t, "colorPrimaryActive"),
+		"--m-color-on-emphasis": B(t, "colorTextLightSolid"),
+		"--m-color-on-primary": B(t, "colorTextLightSolid"),
+		"--m-radius-control": B(t, "borderRadius"),
+		"--m-radius-sm": B(t, "borderRadiusSM"),
+		"--m-radius-md": B(t, "borderRadiusLG"),
+		"--m-radius-lg": B(t, "borderRadiusLG"),
+		"--m-radius-pill": "9999px",
+		"--m-line-height-md": B(t, "lineHeight"),
+		"--m-border-width": B(t, "lineWidth"),
+		"--m-font-sans": B(t, "fontFamily"),
+		"--m-font-size-md": B(t, "fontSize"),
+		"--m-control-height-small": B(t, "controlHeightSM"),
+		"--m-control-height-medium": B(t, "controlHeight"),
+		"--m-control-height-large": B(t, "controlHeightLG"),
+		"--m-space-1": B(n, "sizeXXS"),
+		"--m-space-2": B(n, "sizeXS"),
+		"--m-space-3": B(n, "sizeSM"),
+		"--m-space-4": B(t, "size"),
+		"--m-space-5": B(t, "sizeMD"),
+		"--m-space-6": B(t, "sizeLG"),
+		"--m-space-8": B(t, "sizeXL"),
+		"--m-motion-fast": r(1.5),
+		"--m-motion-normal": r(2.5),
+		"--m-motion-enter": r(2),
+		"--m-motion-exit": r(1.5),
+		"--m-motion-ease": B(t, "motionEaseOut"),
+		"--m-z-sticky": "10"
+	};
+}
+function be(e, t = {}) {
+	let n = U(e, t);
+	return {
+		..._e(n),
+		...ye(e, n)
+	};
+}
+var W = {
+	colorPrimary: "#1677ff",
+	colorSuccess: "#52c41a",
+	colorWarning: "#faad14",
+	colorError: "#ff4d4f",
+	colorInfo: "#1677ff",
+	colorLink: "",
+	colorTextBase: "#000000",
+	colorBgBase: "#ffffff",
+	fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
+	fontFamilyCode: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
+	fontSize: 14,
+	lineWidth: 1,
+	borderRadius: 6,
+	sizeUnit: 4,
+	sizeStep: 4,
+	controlHeight: 32,
+	motionUnit: .1,
+	motionBase: 0,
+	motionEaseOut: "cubic-bezier(0.215, 0.61, 0.355, 1)",
+	motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
+	motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
+	motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
+	motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
+	motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
+	zIndexBase: 1e3,
+	zIndexPopupBase: 1e3
+};
+({ ...W }), { ...W };
+//#endregion
+//#region src/theme/createTheme.ts
+var G = "m-theme-vars", xe = {
+	default: {},
+	dark: {
+		colorTextBase: "#ffffff",
+		colorBgBase: "#000000"
+	},
+	compact: {
+		controlHeight: 28,
+		sizeStep: 2
+	}
+};
+function Se(e) {
+	return `.m-${V(e.replace(/^M(?=[A-Z])/, ""))}`;
+}
+function Ce(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) {
+		let e = n.startsWith("--") ? n : `--m-${V(n)}`;
+		t[e] = String(r);
+	}
+	return t;
+}
+function we(e) {
+	return e.reduce((e, t) => ({
+		...e,
+		...xe[t]
+	}), W);
+}
+function Te(e = {}) {
+	let t = e.algorithm === void 0 ? [] : Array.isArray(e.algorithm) ? e.algorithm : [e.algorithm], n = t.includes("dark"), r = {
+		...t.length > 0 ? we(t) : W,
+		...e.seed
+	}, i = U(r, { dark: n }), a = be(r, { dark: n }), o = Object.entries(a).map(([e, t]) => `  ${e}: ${t};`).join("\n"), s = Object.entries(e.components ?? {}).map(([t, n]) => `${e.selector?.(t) ?? Se(t)} {\n${Object.entries(Ce(n)).map(([e, t]) => `  ${e}: ${t};`).join("\n")}\n}`).join("\n\n"), c = [`:root {\n${o}\n}`, s].filter(Boolean).join("\n\n");
+	return {
+		seed: r,
+		tokens: i,
+		cssVars: a,
+		cssText: c,
+		getToken: (e) => i[e],
+		apply: (e) => {
+			let t = e ?? (typeof document < "u" ? document.documentElement : void 0);
+			if (t) for (let [e, n] of Object.entries(a)) t.style.setProperty(e, n);
+		},
+		remove: (e) => {
+			let t = e ?? (typeof document < "u" ? document.documentElement : void 0);
+			if (t) for (let e of Object.keys(a)) t.style.removeProperty(e);
+		},
+		inject: (e) => {
+			let t = e ?? (typeof document < "u" ? document : void 0);
+			if (!t) return () => {};
+			let n = t.getElementById(G);
+			return n || (n = t.createElement("style"), n.id = G, n.setAttribute("data-m-theme", ""), t.head.appendChild(n)), n.textContent = c, () => {
+				n?.remove();
+			};
+		}
+	};
+}
+//#endregion
 //#region src/theme/storage.ts
-function _(e, t = []) {
+function K(e, t = []) {
 	if (typeof localStorage > "u") return null;
 	let n = [e, ...t];
 	for (let e of n) {
@@ -12,7 +643,7 @@ function _(e, t = []) {
 	}
 	return null;
 }
-function v(e, t, n = []) {
+function q(e, t, n = []) {
 	if (!(typeof localStorage > "u")) {
 		localStorage.setItem(e, t);
 		for (let t of n) t !== e && localStorage.removeItem(t);
@@ -20,59 +651,63 @@ function v(e, t, n = []) {
 }
 //#endregion
 //#region src/theme/useDensity.ts
-var y = "morya-ui-density", b = ["wex-design-density"], x = [
+var J = "morya-ui-density", Y = ["wex-design-density"], Ee = [
 	"compact",
 	"comfortable",
 	"spacious"
-], S = d(w());
-function C(e, t) {
+], De = d(Oe());
+function X(e, t) {
 	let n = t ?? (typeof document < "u" ? document.documentElement : void 0);
 	n && (n.dataset.mDensity = e);
 }
-function w() {
-	let e = _(y, b);
-	return e && x.includes(e) ? e : "comfortable";
+function Oe() {
+	let e = K(J, Y);
+	return e && Ee.includes(e) ? e : "comfortable";
 }
-typeof window < "u" && g(S, (e) => {
-	C(e), v(y, e, b);
+typeof window < "u" && p(De, (e) => {
+	X(e), q(J, e, Y);
 }, { immediate: !0 });
 //#endregion
 //#region src/theme/useMotion.ts
-var T = "morya-ui-motion", E = ["wex-design-motion"], D = [
+var Z = "morya-ui-motion", Q = ["wex-design-motion"], ke = [
 	"full",
 	"reduced",
 	"none"
-], O = d(M());
-function k(e, t) {
+], Ae = d(Pe());
+function je(e, t) {
 	let n = t ?? (typeof document < "u" ? document.documentElement : void 0);
 	n && (n.dataset.mMotion = e);
 }
-function A(e, t) {
+function Me(e, t) {
 	let n = t ?? (typeof document < "u" ? document.documentElement : void 0);
 	n && (e === !1 ? n.dataset.mIgnoreReducedMotion = "true" : delete n.dataset.mIgnoreReducedMotion);
 }
-function j() {
+function Ne() {
 	return "full";
 }
-function M() {
-	let e = _(T, E);
-	return e && D.includes(e) ? e : j();
+function Pe() {
+	let e = K(Z, Q);
+	return e && ke.includes(e) ? e : Ne();
 }
-typeof window < "u" && g(O, (e) => {
-	k(e), v(T, e, E);
+typeof window < "u" && p(Ae, (e) => {
+	je(e), q(Z, e, Q);
 }, { immediate: !0 });
 //#endregion
 //#region src/theme/index.ts
-function N() {
+function $() {
 	return typeof window < "u" && window.matchMedia?.("(prefers-color-scheme: dark)").matches ? "dark" : "light";
 }
-function P(e, t) {
+function Fe(e, t) {
 	let n = t ?? (typeof document < "u" ? document.documentElement : void 0);
 	n && (n.dataset.theme = e);
 }
 //#endregion
 //#region src/components/ConfigProvider/ConfigProvider.vue?vue&type=script&setup=true&lang.ts
-var F = ["data-m-density", "data-theme"], I = /* @__PURE__ */ o({
+var Ie = [
+	"data-m-density",
+	"data-theme",
+	"dir"
+], Le = /* @__PURE__ */ o({
 	inheritAttrs: !1,
 	__name: "ConfigProvider",
 	props: {
@@ -85,70 +720,99 @@ var F = ["data-m-density", "data-theme"], I = /* @__PURE__ */ o({
 		theme: {},
 		locale: {},
 		componentDefaults: {},
+		direction: {},
+		disabled: { type: Boolean },
+		themeConfig: {},
 		motion: {},
 		respectReducedMotion: { type: Boolean },
 		globalDensity: { type: Boolean },
 		pt: {}
 	},
 	setup(o) {
-		let d = o, _ = h(), { rootAttrs: v } = e(_, () => d.pt), y = s(r, null), b = i(() => ({
-			...d.config ?? {},
-			...d.appendTo === void 0 ? {} : { appendTo: d.appendTo },
-			...d.size === void 0 ? {} : { size: d.size },
-			...d.inputVariant === void 0 ? {} : { inputVariant: d.inputVariant },
-			...d.zIndex === void 0 ? {} : { zIndex: d.zIndex },
-			...d.density === void 0 ? {} : { density: d.density },
-			...d.theme === void 0 ? {} : { theme: d.theme },
-			...d.locale === void 0 ? {} : { locale: d.locale },
-			...d.componentDefaults === void 0 ? {} : { componentDefaults: d.componentDefaults },
-			...d.motion === void 0 ? {} : { motion: d.motion },
-			...d.respectReducedMotion === void 0 ? {} : { respectReducedMotion: d.respectReducedMotion }
-		})), x = i(() => {
-			let e = y ? p(y) : {};
-			return t(e, b.value);
+		let m = o, h = ne(), { rootAttrs: g } = e(h, () => m.pt), _ = s(r, null), v = i(() => ({
+			...m.config ?? {},
+			...m.appendTo === void 0 ? {} : { appendTo: m.appendTo },
+			...m.size === void 0 ? {} : { size: m.size },
+			...m.inputVariant === void 0 ? {} : { inputVariant: m.inputVariant },
+			...m.zIndex === void 0 ? {} : { zIndex: m.zIndex },
+			...m.density === void 0 ? {} : { density: m.density },
+			...m.theme === void 0 ? {} : { theme: m.theme },
+			...m.locale === void 0 ? {} : { locale: m.locale },
+			...m.componentDefaults === void 0 ? {} : { componentDefaults: m.componentDefaults },
+			...m.direction === void 0 ? {} : { direction: m.direction },
+			...m.disabled === void 0 ? {} : { disabled: m.disabled },
+			...m.themeConfig === void 0 ? {} : { themeConfig: m.themeConfig },
+			...m.motion === void 0 ? {} : { motion: m.motion },
+			...m.respectReducedMotion === void 0 ? {} : { respectReducedMotion: m.respectReducedMotion }
+		})), y = i(() => {
+			let e = _ ? ee(_) : {};
+			return t(e, v.value);
 		});
-		n(x);
-		let S = i(() => x.value.density ?? "comfortable"), w = i(() => {
-			let e = x.value.theme;
-			if (e !== void 0) return e === "system" ? N() : e;
-		}), T = i(() => d.globalDensity !== !1), E = i(() => {
-			let e = x.value.zIndex;
+		n(y);
+		let b = i(() => y.value.density ?? "comfortable"), x = i(() => {
+			let e = y.value.theme;
+			if (e !== void 0) return e === "system" ? $() : e;
+		}), S = i(() => m.globalDensity !== !1), C = i(() => {
+			let e = y.value.zIndex;
 			if (e != null) return { "--m-z-base": String(e) };
-		}), D, O, k, j, M = null;
-		function I() {
-			M?.removeEventListener("change", L), M = null;
+		}), w = i(() => y.value.direction ?? "ltr"), T = d(null), E = null;
+		function D() {
+			E?.(), E = null;
 		}
-		function L() {
-			x.value.theme === "system" && P(N());
+		function O() {
+			D();
+			let e = y.value.themeConfig;
+			if (!e) return;
+			let t = Te(e);
+			if (S.value) {
+				E = t.inject();
+				return;
+			}
+			T.value && t.apply(T.value);
 		}
-		function R() {
-			typeof document > "u" || (j = document.documentElement.dataset.mIgnoreReducedMotion, A(x.value.respectReducedMotion));
+		p(() => [y.value.themeConfig, S.value], O, {
+			immediate: !0,
+			deep: !0
+		}), l(D);
+		let k, A, j, M, N = null;
+		function P() {
+			N?.removeEventListener("change", F), N = null;
 		}
-		function z() {
-			if (!T.value || typeof document > "u") return;
-			let { density: e, zIndex: t, theme: n } = x.value;
-			e && (D = document.documentElement.dataset.mDensity, C(e)), t != null && (O = document.documentElement.style.getPropertyValue("--m-z-base"), document.documentElement.style.setProperty("--m-z-base", String(t))), n !== void 0 && (k = document.documentElement.dataset.theme, P(n === "system" ? N() : n)), n === "system" && typeof window < "u" ? (I(), M = window.matchMedia("(prefers-color-scheme: dark)"), M.addEventListener("change", L)) : I();
+		function F() {
+			y.value.theme === "system" && Fe($());
+		}
+		function I() {
+			typeof document > "u" || (M = document.documentElement.dataset.mIgnoreReducedMotion, Me(y.value.respectReducedMotion));
+		}
+		function L() {
+			if (!S.value || typeof document > "u") return;
+			let { density: e, zIndex: t, theme: n } = y.value;
+			e && (k = document.documentElement.dataset.mDensity, X(e)), t != null && (A = document.documentElement.style.getPropertyValue("--m-z-base"), document.documentElement.style.setProperty("--m-z-base", String(t))), n !== void 0 && (j = document.documentElement.dataset.theme, Fe(n === "system" ? $() : n)), n === "system" && typeof window < "u" ? (P(), N = window.matchMedia("(prefers-color-scheme: dark)"), N.addEventListener("change", F)) : P();
 		}
-		return g(() => x.value.respectReducedMotion, R, { immediate: !0 }), g(() => [
-			T.value,
-			x.value.density,
-			x.value.zIndex,
-			x.value.theme
-		], z, { immediate: !0 }), l(() => {
+		return p(() => y.value.respectReducedMotion, I, { immediate: !0 }), p(() => [
+			S.value,
+			y.value.density,
+			y.value.zIndex,
+			y.value.theme
+		], L, { immediate: !0 }), l(() => {
 			if (!(typeof document > "u")) {
-				if (j !== void 0 && (j ? document.documentElement.dataset.mIgnoreReducedMotion = j : delete document.documentElement.dataset.mIgnoreReducedMotion), !T.value) {
-					I();
+				if (M !== void 0 && (M ? document.documentElement.dataset.mIgnoreReducedMotion = M : delete document.documentElement.dataset.mIgnoreReducedMotion), !S.value) {
+					P();
 					return;
 				}
-				D !== void 0 && (D ? document.documentElement.dataset.mDensity = D : delete document.documentElement.dataset.mDensity), O !== void 0 && (O ? document.documentElement.style.setProperty("--m-z-base", O) : document.documentElement.style.removeProperty("--m-z-base")), k !== void 0 && (k ? document.documentElement.dataset.theme = k : delete document.documentElement.dataset.theme), I();
+				k !== void 0 && (k ? document.documentElement.dataset.mDensity = k : delete document.documentElement.dataset.mDensity), A !== void 0 && (A ? document.documentElement.style.setProperty("--m-z-base", A) : document.documentElement.style.removeProperty("--m-z-base")), j !== void 0 && (j ? document.documentElement.dataset.theme = j : delete document.documentElement.dataset.theme), P();
 			}
-		}), (e, t) => (u(), a("div", c(m(v), {
+		}), (e, t) => (u(), a("div", c({
+			ref_key: "rootEl",
+			ref: T
+		}, te(g), {
 			class: "m-config-provider",
-			"data-m-density": S.value,
-			"data-theme": w.value,
-			style: E.value
-		}), [f(e.$slots, "default")], 16, F));
+			"data-m-density": b.value,
+			"data-theme": x.value,
+			dir: w.value,
+			style: C.value
+		}), [f(e.$slots, "default")], 16, Ie));
 	}
 });
 //#endregion
-export { I as MConfigProvider };
+export { Le as MConfigProvider };