morya-ui 0.3.0 → 0.3.1

package/dist/carousel/index.js

@@ -1,8 +1,8 @@
 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 { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, watch as S } from "vue";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, nextTick as ee, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, useAttrs as x, watch as S } from "vue";
 //#region src/components/Carousel/Carousel.vue?vue&type=script&setup=true&lang.ts
 var C = ["aria-label", "disabled"], w = { class: "m-carousel__main" }, T = {
 	key: 0,
@@ -39,58 +39,64 @@ var C = ["aria-label", "disabled"], w = { class: "m-carousel__main" }, T = {
 	},
 	emits: ["update:page"],
 	setup(u, { emit: k }) {
-		let A = u, j = k, M = x(), { rootAttrs: N } = e(M, () => A.pt), P = g(0), F = i(() => A.page ?? P.value), I = n(), L = null, R = i(() => Math.max(0, A.value.length - A.numVisible)), z = i(() => Array.from({ length: R.value + 1 }, (e, t) => t)), B = i(() => {
-			let e = Math.min(F.value, R.value);
-			return A.value.slice(e, e + A.numVisible).map((t, n) => ({
-				item: t,
-				index: e + n
-			}));
+		let A = u, j = k, te = x(), { rootAttrs: M } = e(te, () => A.pt), N = g(0), P = i(() => A.page ?? N.value), F = n(), I = g(!1), L = null, R = i(() => A.value.length), z = i(() => Math.max(1, A.numVisible)), B = i(() => Math.max(0, R.value - z.value)), V = i(() => Array.from({ length: B.value + 1 }, (e, t) => t)), H = i(() => {
+			let e = Math.max(R.value, 1), t = z.value;
+			return {
+				"--m-carousel-page": String(P.value),
+				"--m-carousel-count": String(e),
+				"--m-carousel-visible": String(t)
+			};
 		});
-		function V(e) {
-			let t = e;
+		function U(e) {
+			let t = P.value, n = e, r = !1;
 			if (A.circular) {
-				let n = R.value + 1;
-				t = (e % n + n) % n;
-			} else t = Math.min(R.value, Math.max(0, e));
-			P.value = t, j("update:page", t);
+				let t = B.value + 1;
+				if (t <= 0) return;
+				(e < 0 || e > B.value) && (r = !0), n = (e % t + t) % t;
+			} else n = Math.min(B.value, Math.max(0, e));
+			n !== t && (r && (I.value = !0), N.value = n, j("update:page", n), r && ee(() => {
+				requestAnimationFrame(() => {
+					I.value = !1;
+				});
+			}));
 		}
-		S(R, (e) => {
-			P.value > e && (P.value = e);
+		S(B, (e) => {
+			N.value > e && (N.value = e);
 		});
-		function H() {
-			V(F.value - 1);
-		}
-		function U() {
-			V(F.value + 1);
+		function W() {
+			U(P.value - 1);
 		}
-		function W(e) {
-			e.key === "ArrowLeft" ? (e.preventDefault(), H()) : e.key === "ArrowRight" && (e.preventDefault(), U());
+		function G() {
+			U(P.value + 1);
 		}
-		let G = null;
 		function K(e) {
-			!e.isPrimary || e.pointerType === "mouse" || (G = e.clientX);
+			e.key === "ArrowLeft" ? (e.preventDefault(), W()) : e.key === "ArrowRight" && (e.preventDefault(), G());
 		}
-		function q(e) {
-			if (G === null || !e.isPrimary) return;
-			let t = e.clientX - G;
-			G = null, !(Math.abs(t) < O) && (t > 0 ? H() : U());
-		}
-		function J() {
-			G = null;
+		let q = null;
+		function J(e) {
+			!e.isPrimary || e.pointerType === "mouse" || (q = e.clientX);
 		}
 		function Y(e) {
-			return I.value.carouselPage.replace("{index}", String(e + 1)).replace("{total}", String(z.value.length));
+			if (q === null || !e.isPrimary) return;
+			let t = e.clientX - q;
+			q = null, !(Math.abs(t) < O) && (t > 0 ? W() : G());
 		}
 		function X() {
+			q = null;
+		}
+		function Z(e) {
+			return F.value.carouselPage.replace("{index}", String(e + 1)).replace("{total}", String(V.value.length));
+		}
+		function Q() {
 			L !== null && (clearInterval(L), L = null);
 		}
-		function Z() {
-			X(), !(!A.autoplay || A.value.length <= A.numVisible) && (L = setInterval(() => {
-				if (!A.circular && F.value >= R.value) {
-					V(0);
+		function $() {
+			Q(), !(!A.autoplay || A.value.length <= A.numVisible) && (L = setInterval(() => {
+				if (!A.circular && P.value >= B.value) {
+					U(0);
 					return;
 				}
-				U();
+				G();
 			}, Math.max(400, A.interval)));
 		}
 		return S(() => [
@@ -98,52 +104,54 @@ var C = ["aria-label", "disabled"], w = { class: "m-carousel__main" }, T = {
 			A.interval,
 			A.value.length,
 			A.numVisible
-		], () => Z(), { immediate: !0 }), m(X), (e, n) => (h(), o("div", d(b(N), {
+		], () => $(), { immediate: !0 }), m(Q), (e, n) => (h(), o("div", d(b(M), {
 			class: "m-carousel",
-			onKeydown: W,
-			onMouseenter: X,
-			onMouseleave: Z,
-			onFocusin: X,
-			onFocusout: Z
+			onKeydown: K,
+			onMouseenter: Q,
+			onMouseleave: $,
+			onFocusin: Q,
+			onFocusout: $
 		}), [
 			u.showArrows ? (h(), o("button", {
 				key: 0,
 				type: "button",
 				class: "m-carousel__nav m-carousel__nav--prev",
-				"aria-label": b(I).prev,
-				disabled: !u.circular && F.value <= 0,
-				onClick: H
+				"aria-label": b(F).prev,
+				disabled: !u.circular && P.value <= 0,
+				onClick: W
 			}, [l(t, {
 				name: "chevron-left",
 				size: "sm"
 			})], 8, C)) : a("", !0),
 			s("div", w, [s("div", {
 				class: "m-carousel__viewport",
-				onPointerdown: K,
-				onPointerup: q,
-				onPointercancel: J
-			}, [(h(!0), o(r, null, _(B.value, (t) => (h(), o("div", {
-				key: t.index,
-				class: "m-carousel__item",
-				style: p({ flex: `0 0 ${100 / u.numVisible}%` })
+				onPointerdown: J,
+				onPointerup: Y,
+				onPointercancel: X
+			}, [s("div", {
+				class: f(["m-carousel__track", { "m-carousel__track--instant": I.value }]),
+				style: p(H.value)
+			}, [(h(!0), o(r, null, _(u.value, (t, n) => (h(), o("div", {
+				key: n,
+				class: "m-carousel__item"
 			}, [v(e.$slots, "item", {
-				item: t.item,
-				index: t.index
-			}, () => [c(y(t.item), 1)])], 4))), 128))], 32), u.showIndicators && z.value.length > 1 ? (h(), o("div", T, [(h(!0), o(r, null, _(z.value, (e) => (h(), o("button", {
+				item: t,
+				index: n
+			}, () => [c(y(t), 1)])]))), 128))], 6)], 32), u.showIndicators && V.value.length > 1 ? (h(), o("div", T, [(h(!0), o(r, null, _(V.value, (e) => (h(), o("button", {
 				key: e,
 				type: "button",
-				class: f(["m-carousel__indicator", { "m-carousel__indicator--active": e === F.value }]),
-				"aria-label": Y(e),
-				"aria-current": e === F.value ? "true" : void 0,
-				onClick: (t) => V(e)
+				class: f(["m-carousel__indicator", { "m-carousel__indicator--active": e === P.value }]),
+				"aria-label": Z(e),
+				"aria-current": e === P.value ? "true" : void 0,
+				onClick: (t) => U(e)
 			}, null, 10, E))), 128))])) : a("", !0)]),
 			u.showArrows ? (h(), o("button", {
 				key: 1,
 				type: "button",
 				class: "m-carousel__nav m-carousel__nav--next",
-				"aria-label": b(I).next,
-				disabled: !u.circular && F.value >= R.value,
-				onClick: U
+				"aria-label": b(F).next,
+				disabled: !u.circular && P.value >= B.value,
+				onClick: G
 			}, [l(t, {
 				name: "chevron-right",
 				size: "sm"

package/dist/carousel/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 {
@@ -1257,6 +1261,7 @@
 /* —— Media: Carousel —— */
 .m-carousel {
     --m-carousel-indicator-size: 0.45rem;
+    --m-carousel-gap: var(--m-space-2);
     align-items: center;
     display: flex;
     gap: var(--m-space-2);
@@ -1264,20 +1269,36 @@
 }
 
 .m-carousel__viewport {
-    display: flex;
-    flex: 1;
-    gap: var(--m-space-2);
-    min-width: 0;
+    margin-inline: calc(var(--m-carousel-gap) / -2);
     overflow: hidden;
     touch-action: pan-y;
+    width: 100%;
+}
+
+.m-carousel__track {
+    --m-carousel-page: 0;
+    --m-carousel-count: 1;
+    --m-carousel-visible: 1;
+    display: flex;
+    transform: translate3d(
+        calc(-100% * var(--m-carousel-page) / var(--m-carousel-count)),
+        0,
+        0
+    );
+    transition: transform var(--m-motion-normal) var(--m-motion-ease);
+    width: calc(100% * var(--m-carousel-count) / var(--m-carousel-visible));
+    will-change: transform;
+}
+
+.m-carousel__track--instant {
+    transition: none;
 }
 
 .m-carousel__item {
     box-sizing: border-box;
+    flex: 0 0 calc(100% / var(--m-carousel-count));
     min-width: 0;
-    transition:
-        opacity var(--m-motion-normal) var(--m-motion-ease),
-        transform var(--m-motion-normal) var(--m-motion-ease);
+    padding-inline: calc(var(--m-carousel-gap) / 2);
 }
 
 .m-carousel__main {
@@ -1335,12 +1356,12 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-carousel__item {
+    html:not([data-m-ignore-reduced-motion]) .m-carousel__track {
         transition: none;
     }
 }
 
-[data-m-motion="reduced"] .m-carousel__item,
-[data-m-motion="none"] .m-carousel__item {
+[data-m-motion="reduced"] .m-carousel__track,
+[data-m-motion="none"] .m-carousel__track {
     transition: none;
 }

package/dist/cascade-select/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 "../useMotionTransition-Bxnnb_9u.js";
 import { n as r, t as i } from "../overlay-oR-5MDuE.js";
 import { t as ee } from "../overlayPlacement-Cd20JTD_.js";

package/dist/cascade-select/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 {
@@ -1578,21 +1582,29 @@
 
 .m-select__filter,
 .m-treeselect__filter {
+    /* size="1" + min-width:0 keep intrinsic width from inflating width:max-content menus */
+    align-self: stretch;
     background: var(--m-color-surface);
-    border: 0;
-    border-bottom: var(--m-border-width) solid var(--m-color-border);
+    border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-sm);
     box-sizing: border-box;
     color: var(--m-color-text);
     flex: 0 0 auto;
-    font: inherit;
-    margin: calc(var(--m-space-1) * -1) calc(var(--m-space-1) * -1) 0;
-    padding: var(--m-space-2) var(--m-space-3);
-    width: calc(100% + var(--m-space-1) * 2);
+    font-family: var(--m-font-sans);
+    font-size: var(--m-control-font-small);
+    height: var(--m-control-height-small);
+    line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
+    margin: var(--m-space-2);
+    max-width: calc(100% - 2 * var(--m-space-2));
+    min-width: 0;
+    outline: none;
+    padding: 0 var(--m-control-padding-x-small);
+    width: auto;
 }
 
 .m-select__filter:focus-visible,
 .m-treeselect__filter:focus-visible {
+    border-color: var(--m-color-primary-hover);
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }

package/dist/checkbox/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/chip/index.js

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

package/dist/chip/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/command-menu/index.js

@@ -1,9 +1,9 @@
 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 "../useMotionTransition-Bxnnb_9u.js";
 import { n as r } from "../overlay-oR-5MDuE.js";
 import { t as i } from "../Scrollbar-DTeJ8P5b.js";
-import { t as ee } from "../icon-DWXkh-RM.js";
+import { t as ee } from "../icon-COrt_N8A.js";
 import { t as a } from "../useModalOverlay-Beo3CEAt.js";
 import { c as o } from "../config-CapALqt3.js";
 import { n as s } from "../locale-Bzm2nbEp.js";

package/dist/command-menu/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/components/Carousel/Carousel.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.vue"],"names":[],"mappings":";AAoMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAmR5C,QAAA,IAAI,OAAO;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK5C,QAAA,MAAM,UAAU;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.vue"],"names":[],"mappings":";AA8NA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA+S5C,QAAA,IAAI,OAAO;;;CAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK5C,QAAA,MAAM,UAAU;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Carousel/styles.css

@@ -1,6 +1,7 @@
 /* —— Media: Carousel —— */
 .m-carousel {
     --m-carousel-indicator-size: 0.45rem;
+    --m-carousel-gap: var(--m-space-2);
     align-items: center;
     display: flex;
     gap: var(--m-space-2);
@@ -8,20 +9,36 @@
 }
 
 .m-carousel__viewport {
-    display: flex;
-    flex: 1;
-    gap: var(--m-space-2);
-    min-width: 0;
+    margin-inline: calc(var(--m-carousel-gap) / -2);
     overflow: hidden;
     touch-action: pan-y;
+    width: 100%;
+}
+
+.m-carousel__track {
+    --m-carousel-page: 0;
+    --m-carousel-count: 1;
+    --m-carousel-visible: 1;
+    display: flex;
+    transform: translate3d(
+        calc(-100% * var(--m-carousel-page) / var(--m-carousel-count)),
+        0,
+        0
+    );
+    transition: transform var(--m-motion-normal) var(--m-motion-ease);
+    width: calc(100% * var(--m-carousel-count) / var(--m-carousel-visible));
+    will-change: transform;
+}
+
+.m-carousel__track--instant {
+    transition: none;
 }
 
 .m-carousel__item {
     box-sizing: border-box;
+    flex: 0 0 calc(100% / var(--m-carousel-count));
     min-width: 0;
-    transition:
-        opacity var(--m-motion-normal) var(--m-motion-ease),
-        transform var(--m-motion-normal) var(--m-motion-ease);
+    padding-inline: calc(var(--m-carousel-gap) / 2);
 }
 
 .m-carousel__main {
@@ -79,12 +96,12 @@
 }
 
 @media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-carousel__item {
+    html:not([data-m-ignore-reduced-motion]) .m-carousel__track {
         transition: none;
     }
 }
 
-[data-m-motion="reduced"] .m-carousel__item,
-[data-m-motion="none"] .m-carousel__item {
+[data-m-motion="reduced"] .m-carousel__track,
+[data-m-motion="none"] .m-carousel__track {
     transition: none;
 }

package/dist/components/DataView/DataView.vue.d.ts

@@ -1,20 +1,20 @@
 import { DataViewProps, DataViewLayout } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {}, __VLS_3: {
+declare var __VLS_1: {}, __VLS_9: {
     items: unknown[];
-}, __VLS_5: {
+}, __VLS_11: {
     items: unknown[];
-}, __VLS_7: {}, __VLS_14: {};
+}, __VLS_13: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
     header?: (props: typeof __VLS_1) => any;
 } & {
-    list?: (props: typeof __VLS_3) => any;
+    list?: (props: typeof __VLS_9) => any;
 } & {
-    grid?: (props: typeof __VLS_5) => any;
+    grid?: (props: typeof __VLS_11) => any;
 } & {
-    loading?: (props: typeof __VLS_7) => any;
+    empty?: (props: typeof __VLS_13) => any;
 } & {
-    empty?: (props: typeof __VLS_14) => any;
+    loading?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: DefineComponent<DataViewProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:page": (value: number) => any;

package/dist/components/DataView/DataView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataView/DataView.vue"],"names":[],"mappings":";AA4HA,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,SAAS,CAAA;AAqO3D,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAU,EAAE,OAAO;;CAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AACtG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataView.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataView/DataView.vue"],"names":[],"mappings":";AAyHA,OAAO,KAAK,EAAiB,aAAa,EAAE,MAAM,SAAS,CAAA;AAgO3D,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAU,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC1G,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/DataView/styles.css

@@ -43,26 +43,6 @@
     align-self: center;
 }
 
-.m-dataview__loading {
-    position: absolute;
-    inset: 0;
-    z-index: 4;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-}
-
-.m-dataview__loading-mask {
-    position: absolute;
-    inset: 0;
-    background: color-mix(in srgb, var(--m-color-surface) 72%, transparent);
-}
-
-.m-dataview__loading-body {
-    position: relative;
-    z-index: 1;
-}
-
 .m-dataview__message {
     display: flex;
     align-items: center;

package/dist/components/Dropdown/Dropdown.vue.d.ts

@@ -1,13 +1,13 @@
 import { DropdownItem, DropdownProps, DropdownTrigger } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 import { MotionPresetId } from '../..';
-declare var __VLS_1: {}, __VLS_31: {
+declare var __VLS_1: {}, __VLS_33: {
     item: DropdownItem;
 };
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_1) => any;
 } & {
-    item?: (props: typeof __VLS_31) => any;
+    item?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: DefineComponent<DropdownProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: boolean) => any;

package/dist/components/Dropdown/Dropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.vue"],"names":[],"mappings":";;AAgQA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA2X1D,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAS7C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.vue"],"names":[],"mappings":";;AAkQA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAuY1D,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAS7C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Dropdown/DropdownNodes.vue.d.ts

@@ -4,22 +4,21 @@ type __VLS_Props = {
     items: DropdownItem[];
     highlightedValue?: string;
 };
-declare var __VLS_14: {
-    item: DropdownItem;
-}, __VLS_49: {
-    item: DropdownItem;
-};
-type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_14) => any;
-} & {
-    item?: (props: typeof __VLS_49) => any;
+type __VLS_Slots = {
+    item?: (props: {
+        item: DropdownItem;
+    }) => unknown;
 };
 declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     select: (item: DropdownItem) => any;
     highlight: (value: string | undefined) => any;
+    submenuEnter: () => any;
+    submenuLeave: () => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((item: DropdownItem) => any) | undefined;
     onHighlight?: ((value: string | undefined) => any) | undefined;
+    onSubmenuEnter?: (() => any) | undefined;
+    onSubmenuLeave?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/Dropdown/DropdownNodes.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownNodes.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownNodes.vue"],"names":[],"mappings":";AAAA,OA8JO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAQ3C,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAC;AAqWF,QAAA,IAAI,QAAQ;;CAAW,EAAE,QAAQ;;CAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAG7C,QAAA,MAAM,UAAU;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DropdownNodes.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownNodes.vue"],"names":[],"mappings":";AAAA,OAuLO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAQ3C,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAC;AAgBF,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,IAAI,EAAE,YAAY,CAAA;KAAE,KAAK,OAAO,CAAA;CAClD,CAAC;AAsZF,QAAA,MAAM,UAAU;;;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}