morya-ui 0.3.0 → 0.3.1

package/dist/message/index.js

@@ -1,6 +1,6 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../types-DGuu4Eg4.js";
-import { t as n } from "../Icon-lcN1rS87.js";
+import { t as n } from "../Icon-od9Ob-Ay.js";
 import { t as r } from "../useMotionTransition-Bxnnb_9u.js";
 import { n as i } from "../overlay-oR-5MDuE.js";
 import { r as a, t as o } from "../content-h8POj44-.js";

package/dist/message/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/meter-group/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/order-list/index.js

@@ -1,5 +1,5 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { t as n } from "../useMenuKeyboard-BedmYE4W.js";
 import { t as r } from "../ScrollBody-5hUnHj_M.js";
 import { n as i } from "../locale-Bzm2nbEp.js";

package/dist/order-list/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/page/index.js

@@ -1,5 +1,5 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { t as n } from "../Card-Dsmnzong.js";
 import { r } from "../responsive-DA5bxylA.js";
 import "./style.js";

package/dist/page/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/pagination/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../Pagination-CVrH8Ypi.js";
+import { t as e } from "../Pagination-DrXmzcEy.js";
 import "./style.js";
 export { e as MPagination };

package/dist/pagination/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/panel/index.js

@@ -1,7 +1,7 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../useControllable-elmWaz23.js";
 import { i as n } from "../types-DGuu4Eg4.js";
-import { t as r } from "../Icon-lcN1rS87.js";
+import { t as r } from "../Icon-od9Ob-Ay.js";
 import { t as i } from "../useMId-BXFYayPP.js";
 import { n as a } from "../locale-Bzm2nbEp.js";
 import "./style.js";

package/dist/panel/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/pick-list/index.js

@@ -1,5 +1,5 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { t as n } from "../ScrollBody-5hUnHj_M.js";
 import { n as r } from "../locale-Bzm2nbEp.js";
 import "./style.js";

package/dist/pick-list/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/popover/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/progress-bar/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/progress-spinner/index.js

@@ -1,3 +1,106 @@
-import { t as e } from "../ProgressSpinner-BeWVF6Jv.js";
+import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
+import { i as t } from "../types-DGuu4Eg4.js";
+import { t as n } from "../usePauseOffscreen-BIikV_gj.js";
+import { n as r } from "../locale-Bzm2nbEp.js";
 import "./style.js";
-export { e as MProgressSpinner };
+import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, useSlots as y, watch as b } from "vue";
+//#region src/components/ProgressSpinner/ProgressSpinner.vue?vue&type=script&setup=true&lang.ts
+var x = ["aria-busy"], S = ["inert"], C = {
+	key: 0,
+	class: "m-progress-spinner-wrap__overlay"
+}, w = ["aria-label"], T = ["stroke-width"], E = {
+	key: 0,
+	class: "m-progress-spinner__description"
+}, D = ["aria-label"], O = ["stroke-width"], k = /* @__PURE__ */ c({
+	inheritAttrs: !1,
+	__name: "ProgressSpinner",
+	props: {
+		pt: {},
+		strokeWidth: { default: "2" },
+		animationDuration: { default: "1s" },
+		ariaLabel: {},
+		show: {
+			type: Boolean,
+			default: !0
+		},
+		delay: { default: 0 },
+		size: {},
+		description: {}
+	},
+	setup(c) {
+		let k = c, A = v(), { rootAttrs: j } = e(A, () => k.pt), M = y(), N = r(), P = i(() => k.ariaLabel ?? N.value.loading), F = i(() => !!M.default), I = i(() => t(k.size)), L = m(k.show && k.delay <= 0), R = m(null), { pauseAttrs: z } = n(R, () => L.value), B = null;
+		function V() {
+			B !== null && (clearTimeout(B), B = null);
+		}
+		b(() => [
+			k.show,
+			k.delay,
+			F.value
+		], ([e, t]) => {
+			if (V(), !e) {
+				L.value = !1;
+				return;
+			}
+			if (!t) {
+				L.value = !0;
+				return;
+			}
+			L.value = !1, B = setTimeout(() => {
+				L.value = !0, B = null;
+			}, t);
+		}, { immediate: !0 }), f(V);
+		let H = i(() => ({ animationDuration: k.animationDuration })), U = i(() => ({
+			"m-progress-spinner--small": I.value === "small",
+			"m-progress-spinner--large": I.value === "large"
+		}));
+		return (e, t) => F.value ? (p(), o("div", l({
+			key: 0,
+			ref_key: "rootRef",
+			ref: R
+		}, {
+			..._(j),
+			..._(z)
+		}, {
+			class: ["m-progress-spinner-wrap", { "m-progress-spinner-wrap--active": L.value }],
+			"aria-busy": L.value || void 0
+		}), [s("div", {
+			class: "m-progress-spinner-wrap__content",
+			inert: L.value || void 0
+		}, [h(e.$slots, "default")], 8, S), L.value ? (p(), o("div", C, [(p(), o("svg", {
+			class: u(["m-progress-spinner", U.value]),
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": P.value,
+			style: d(H.value)
+		}, [s("circle", {
+			class: "m-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": c.strokeWidth
+		}, null, 8, T)], 14, w)), c.description ? (p(), o("p", E, g(c.description), 1)) : a("", !0)])) : a("", !0)], 16, x)) : (p(), o("svg", l({
+			key: 1,
+			ref_key: "rootRef",
+			ref: R
+		}, {
+			..._(j),
+			..._(z)
+		}, {
+			class: ["m-progress-spinner", U.value],
+			viewBox: "0 0 50 50",
+			role: "status",
+			"aria-label": P.value,
+			style: H.value
+		}), [s("circle", {
+			class: "m-progress-spinner__circle",
+			cx: "25",
+			cy: "25",
+			r: "20",
+			fill: "none",
+			"stroke-width": c.strokeWidth
+		}, null, 8, O)], 16, D));
+	}
+});
+//#endregion
+export { k as MProgressSpinner };

package/dist/progress-spinner/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/radio/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/rating/index.js

@@ -1,5 +1,5 @@
 import { i as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { t as n } from "../useMId-BXFYayPP.js";
 import { t as r } from "../useFieldFeedback-C5qIqYMK.js";
 import { o as i } from "../config-CapALqt3.js";

package/dist/rating/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/result/index.js

@@ -1,5 +1,5 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { n } from "../locale-Bzm2nbEp.js";
 import "./style.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, defineComponent as c, mergeProps as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useAttrs as m, useSlots as h } from "vue";

package/dist/result/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/scroll-top/index.js

@@ -1,5 +1,5 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { n, t as r } from "../overlay-oR-5MDuE.js";
 import { c as i } from "../config-CapALqt3.js";
 import { n as a } from "../locale-Bzm2nbEp.js";

package/dist/scroll-top/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {

package/dist/scrollbar/style.css

@@ -529,9 +529,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {