morya-ui 0.2.3 → 0.2.5

package/dist/components/Knob/styles.css

@@ -1,35 +1,39 @@
 /* —— Form: Knob —— */
 .m-knob {
     align-items: center;
+    border-radius: var(--m-radius-full);
     display: inline-flex;
+    font-family: var(--m-font-sans);
     justify-content: center;
     position: relative;
     touch-action: none;
     user-select: none;
-}
-
+}
+
 .m-knob--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
     pointer-events: none;
-}
-
+}
+
 .m-knob__svg {
     cursor: pointer;
     display: block;
-}
-
+}
+
 .m-knob__track {
     stroke: color-mix(in srgb, var(--m-color-text-muted) 28%, var(--m-color-surface));
-}
-
+}
+
 .m-knob__value {
     stroke: var(--m-color-primary);
     stroke-linecap: round;
     transition: stroke-dashoffset var(--m-motion-fast) var(--m-motion-ease);
-}
-
+}
+
 .m-knob__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
     left: 50%;
@@ -37,9 +41,19 @@
     position: absolute;
     top: 50%;
     transform: translate(-50%, -50%);
-}
-
+}
+
 .m-knob:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;
-}
+}
+
+@media (prefers-reduced-motion: reduce) {
+    html:not([data-m-ignore-reduced-motion]) .m-knob__value {
+        transition: none;
+    }
+}
+
+[data-m-motion="reduced"] .m-knob__value {
+    transition: none;
+}

package/dist/components/Label/styles.css

@@ -1,8 +1,8 @@
-/* —— Form: Label —— */
 .m-label {
     color: var(--m-color-text);
     display: inline-block;
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
     line-height: 1.4;
-}
+}

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

@@ -1,8 +1,8 @@
 import { LayoutExpose, LayoutProps, LayoutPosition, LayoutSiderPlacement } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: DefineComponent<LayoutProps, LayoutExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     scroll: (eventPayload: Event) => any;
@@ -10,9 +10,9 @@ declare const __VLS_base: DefineComponent<LayoutProps, LayoutExpose, {}, {}, {},
     onScroll?: ((eventPayload: Event) => any) | undefined;
 }>, {
     position: LayoutPosition;
-    embedded: boolean;
     hasSider: boolean;
     siderPlacement: LayoutSiderPlacement;
+    embedded: boolean;
     fillViewport: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Layout.vue"],"names":[],"mappings":";AA2FA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAsHzD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;6EAKd,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":"Layout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Layout.vue"],"names":[],"mappings":";AAsGA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAiKzD,QAAA,IAAuB,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;6EAKd,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/Layout/LayoutContent.vue.d.ts

@@ -1,8 +1,8 @@
 import { LayoutContentProps, LayoutExpose, LayoutPosition } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: DefineComponent<LayoutContentProps, LayoutExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     scroll: (eventPayload: Event) => any;

package/dist/components/Layout/LayoutContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutContent.vue"],"names":[],"mappings":";AA8DA,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAsFhE,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;6EAKd,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":"LayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutContent.vue"],"names":[],"mappings":";AA+DA,OAAO,KAAK,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAiHhE,QAAA,IAAuB,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;6EAKd,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/Layout/LayoutScrollContext.vue.d.ts

@@ -0,0 +1,20 @@
+import { LayoutSiderPlacement } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = {
+    hasSider: boolean;
+    siderPlacement: LayoutSiderPlacement;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=LayoutScrollContext.vue.d.ts.map

package/dist/components/Layout/LayoutScrollContext.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutScrollContext.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutScrollContext.vue"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,oBAAoB,CAAC;CACtC,CAAC;AA4BF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAC/C,QAAA,MAAM,UAAU,kSAEd,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"}

package/dist/components/Layout/LayoutScrollRegion.vue.d.ts

@@ -0,0 +1,34 @@
+import { StyleValue, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { ScrollbarClassValue } from '../Scrollbar/types';
+import { LayoutExpose, LayoutSiderPlacement } from './types';
+type __VLS_Props = {
+    scrollbarRootClass?: string;
+    scrollClass?: ScrollbarClassValue;
+    scrollStyle?: StyleValue;
+    viewClass?: ScrollbarClassValue;
+    viewStyle?: StyleValue;
+    hasSider?: boolean;
+    siderPlacement?: LayoutSiderPlacement;
+};
+declare var __VLS_17: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: DefineComponent<__VLS_Props, LayoutExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    scroll: (eventPayload: Event) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onScroll?: ((eventPayload: Event) => any) | undefined;
+}>, {
+    hasSider: boolean;
+    siderPlacement: LayoutSiderPlacement;
+    scrollbarRootClass: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=LayoutScrollRegion.vue.d.ts.map

package/dist/components/Layout/LayoutScrollRegion.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutScrollRegion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutScrollRegion.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,KAAK,EAAE,mBAAmB,EAAqB,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,YAAY,EAAqB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AASrF,KAAK,WAAW,GAAG;IACX,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACzC,CAAC;AAwIN,QAAA,IAAuB,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;cAnJG,OAAO;oBACD,oBAAoB;wBANhB,MAAM;6EA6JjC,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/Layout/LayoutSider.vue.d.ts

@@ -1,8 +1,8 @@
 import { LayoutExpose, LayoutSiderProps, LayoutPosition, LayoutTrigger, LayoutCollapseMode } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: DefineComponent<LayoutSiderProps, LayoutExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     expand: () => any;

package/dist/components/Layout/LayoutSider.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSider.vue"],"names":[],"mappings":";AAiNA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA0Q9D,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;6EAKd,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":"LayoutSider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSider.vue"],"names":[],"mappings":";AAmNA,OAAO,KAAK,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAqS9D,QAAA,IAAuB,QAAQ,IAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;6EAKd,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/Layout/composables/useLayoutScroll.d.ts

@@ -1,6 +1,9 @@
 import { ShallowRef } from 'vue';
+import { ScrollbarInstance } from '../../Scrollbar/types';
 import { LayoutExpose, LayoutScrollEmits } from '../types';
-export declare function useLayoutScroll(scrollEl: ShallowRef<HTMLElement | null | undefined>, emit: LayoutScrollEmits): LayoutExpose & {
+type LayoutScrollTarget = HTMLElement | ScrollbarInstance | null | undefined;
+export declare function useLayoutScroll(scrollEl: ShallowRef<LayoutScrollTarget>, emit: LayoutScrollEmits): LayoutExpose & {
     onScroll: (event: Event) => void;
 };
+export {};
 //# sourceMappingURL=useLayoutScroll.d.ts.map

package/dist/components/Layout/composables/useLayoutScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayoutScroll.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/composables/useLayoutScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEhE,wBAAgB,eAAe,CAC3B,QAAQ,EAAE,UAAU,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,EACpD,IAAI,EAAE,iBAAiB,GACxB,YAAY,GAAG;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CAerD"}
+{"version":3,"file":"useLayoutScroll.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/composables/useLayoutScroll.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACtC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEhE,KAAK,kBAAkB,GAAG,WAAW,GAAG,iBAAiB,GAAG,IAAI,GAAG,SAAS,CAAC;AAQ7E,wBAAgB,eAAe,CAC3B,QAAQ,EAAE,UAAU,CAAC,kBAAkB,CAAC,EACxC,IAAI,EAAE,iBAAiB,GACxB,YAAY,GAAG;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CAerD"}

package/dist/components/Layout/styles.css

@@ -1,4 +1,4 @@
-/* —— Panel: Layout —— */
+/* —— Layout: Layout —— */
 .m-layout {
     --m-layout-height: 100%;
     height: var(--m-layout-height, 100%);
@@ -36,35 +36,50 @@
     position: absolute;
 }
 
-.m-layout__scroll {
+.m-layout__scroll,
+.m-layout__scroll-view {
     box-sizing: border-box;
     display: flex;
     flex: 1 1 auto;
     flex-direction: column;
-    height: 100%;
     min-height: 0;
     min-width: 0;
-    overflow: auto;
-    overflow-x: hidden;
     position: relative;
     width: 100%;
 }
 
-.m-layout__scroll--has-sider {
+.m-layout__scroll-view {
+    min-height: 100%;
+}
+
+.m-layout__scrollbar {
+    flex: 1 1 auto;
+    height: 100%;
+    min-height: 0;
+    min-width: 0;
+    width: 100%;
+}
+
+.m-layout__scroll--has-sider,
+.m-layout__scroll-view--has-sider {
     /* direction set inline (matches naive hasSiderStyle) */
     align-items: stretch;
     flex-wrap: nowrap;
 }
 
 .m-layout__scroll--has-sider > .m-layout-sider,
-.m-layout__scroll--has-sider > .m-layout {
+.m-layout__scroll--has-sider > .m-layout,
+.m-layout__scroll-view--has-sider > .m-layout-sider,
+.m-layout__scroll-view--has-sider > .m-layout {
     align-self: stretch;
     min-height: 100%;
 }
 
 /* Nested layout / content grow to fill remaining space */
 .m-layout__scroll > .m-layout,
-.m-layout__scroll > .m-layout-content {
+.m-layout__scroll > .m-layout-content,
+.m-layout__scroll-view > .m-layout,
+.m-layout__scroll-view > .m-layout-content {
     flex: 1 1 auto;
     min-height: 0;
     min-width: 0;
@@ -80,7 +95,8 @@
     min-width: 0;
 }
 
-.m-layout-content > .m-layout__scroll {
+.m-layout-content > .m-layout__scroll,
+.m-layout-content > .m-layout__scrollbar {
     flex: 1 1 auto;
     min-height: 0;
 }
@@ -101,13 +117,13 @@
 }
 
 .m-layout-header {
-    --m-layout-header-height: 56px;
+    --m-layout-header-height: 3.5rem;
     --m-layout-padding: 0 var(--m-space-4);
     --m-layout-radius: 0;
 }
 
 .m-layout-footer {
-    --m-layout-footer-height: 48px;
+    --m-layout-footer-height: 3rem;
     --m-layout-padding: 0 var(--m-space-4);
     --m-layout-radius: 0;
 }
@@ -161,8 +177,8 @@
 }
 
 .m-layout-sider {
-    --m-layout-sider-width: 200px;
-    --m-layout-sider-collapsed-width: 64px;
+    --m-layout-sider-width: 12.5rem;
+    --m-layout-sider-collapsed-width: 4rem;
     --m-layout-padding: var(--m-space-4);
     --m-layout-radius: 0;
     --m-layout-trigger-size: 1.5rem;
@@ -192,31 +208,38 @@
     justify-content: flex-start;
 }
 
-.m-layout-sider__scroll {
+.m-layout-sider__scroll,
+.m-layout-sider__scrollbar {
     box-sizing: border-box;
     flex: 1 1 auto;
     height: 100%;
     max-width: 100%;
     min-height: 0;
     min-width: 0;
-    opacity: 0;
     overflow: hidden;
     overflow-x: hidden;
-    transition: opacity var(--m-motion-normal) var(--m-motion-ease);
     width: 100%;
 }
 
-.m-layout-sider--collapse-transform > .m-layout-sider__scroll {
+/* Opacity only on the scrollbar root. The wrap keeps `.m-layout-sider__scroll`
+   and must stay opaque once the root fades in. */
+.m-layout-sider__scrollbar {
+    opacity: 0;
+    transition: opacity var(--m-motion-normal) var(--m-motion-ease);
+}
+
+.m-layout-sider--collapse-transform > .m-layout-sider__scroll,
+.m-layout-sider--collapse-transform > .m-layout-sider__scrollbar {
     flex-shrink: 0;
     min-width: var(--m-layout-sider-width);
 }
 
-.m-layout-sider--show-content > .m-layout-sider__scroll {
+.m-layout-sider--show-content > .m-layout-sider__scrollbar {
     opacity: 1;
-    overflow: auto;
 }
 
-.m-layout-sider--collapse-width > .m-layout-sider__scroll {
+.m-layout-sider--collapse-width > .m-layout-sider__scroll,
+.m-layout-sider--collapse-width > .m-layout-sider__scrollbar {
     flex-shrink: 1;
     min-width: 0;
 }
@@ -249,19 +272,33 @@
 .m-layout-sider__trigger {
     background: transparent;
     border: 0;
+    border-radius: var(--m-radius-sm);
     color: var(--m-color-text-muted);
     cursor: pointer;
     font: inherit;
     padding: 0;
     position: absolute;
+    transition:
+        color var(--m-motion-fast) var(--m-motion-ease),
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        border-color var(--m-motion-fast) var(--m-motion-ease);
     z-index: 2;
 }
 
+.m-layout-sider__trigger:hover:not(:disabled) {
+    color: var(--m-color-primary);
+}
+
 .m-layout-sider__trigger:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }
 
+.m-layout-sider__trigger:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
 .m-layout-sider__trigger--arrow-circle {
     align-items: center;
     background: var(--m-color-surface);
@@ -269,7 +306,7 @@
     border-radius: 50%;
     box-shadow: var(--m-shadow-sm);
     display: inline-flex;
-    font-size: 1rem;
+    font-size: var(--m-font-size-md);
     height: var(--m-layout-trigger-size);
     justify-content: center;
     right: 0;
@@ -278,6 +315,11 @@
     width: var(--m-layout-trigger-size);
 }
 
+.m-layout-sider__trigger--arrow-circle:hover:not(:disabled) {
+    border-color: var(--m-color-primary);
+    color: var(--m-color-primary);
+}
+
 .m-layout-sider--right-placement > .m-layout-sider__trigger--arrow-circle {
     left: 0;
     right: auto;
@@ -342,14 +384,14 @@
 .m-layout-sider__bar-top,
 .m-layout-sider__bar-bottom {
     background: var(--m-color-text-muted);
-    border-radius: 2px;
+    border-radius: var(--m-radius-sm);
     height: 2.375rem;
     left: 0.875rem;
     position: absolute;
     transition:
         background-color var(--m-motion-fast) var(--m-motion-ease),
         transform var(--m-motion-fast) var(--m-motion-ease);
-    width: 4px;
+    width: var(--m-space-1);
 }
 
 .m-layout-sider__bar-top {
@@ -386,3 +428,35 @@
     position: absolute;
     top: 0;
 }
+
+@media (prefers-reduced-motion: reduce) {
+    html:not([data-m-ignore-reduced-motion]) .m-layout,
+    html:not([data-m-ignore-reduced-motion]) .m-layout-header,
+    html:not([data-m-ignore-reduced-motion]) .m-layout-footer,
+    html:not([data-m-ignore-reduced-motion]) .m-layout-sider,
+    html:not([data-m-ignore-reduced-motion]) .m-layout-sider__scrollbar,
+    html:not([data-m-ignore-reduced-motion]) .m-layout-sider__arrow,
+    html:not([data-m-ignore-reduced-motion]) .m-layout-sider__bar-top,
+    html:not([data-m-ignore-reduced-motion]) .m-layout-sider__bar-bottom {
+        transition: none;
+    }
+}
+
+[data-m-motion="reduced"] .m-layout,
+[data-m-motion="reduced"] .m-layout-header,
+[data-m-motion="reduced"] .m-layout-footer,
+[data-m-motion="reduced"] .m-layout-sider,
+[data-m-motion="reduced"] .m-layout-sider__scrollbar,
+[data-m-motion="reduced"] .m-layout-sider__arrow,
+[data-m-motion="reduced"] .m-layout-sider__bar-top,
+[data-m-motion="reduced"] .m-layout-sider__bar-bottom,
+[data-m-motion="none"] .m-layout,
+[data-m-motion="none"] .m-layout-header,
+[data-m-motion="none"] .m-layout-footer,
+[data-m-motion="none"] .m-layout-sider,
+[data-m-motion="none"] .m-layout-sider__scrollbar,
+[data-m-motion="none"] .m-layout-sider__arrow,
+[data-m-motion="none"] .m-layout-sider__bar-top,
+[data-m-motion="none"] .m-layout-sider__bar-bottom {
+    transition: none;
+}

package/dist/components/Layout/types.d.ts

@@ -1,5 +1,5 @@
-import { RootPassThrough } from '../../shared/passThrough';
 import { CSSProperties } from 'vue';
+import { RootPassThrough } from '../../shared/passThrough';
 export type LayoutPosition = "static" | "absolute";
 export type LayoutSiderPlacement = "left" | "right";
 export type LayoutCollapseMode = "width" | "transform";

package/dist/components/Layout/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Listbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.vue"],"names":[],"mappings":";AAyKA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA6PxE,QAAA,IAAuB,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,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":"Listbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.vue"],"names":[],"mappings":";AA2KA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA6PxE,QAAA,IAAuB,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,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/Listbox/styles.css

@@ -7,11 +7,17 @@
     border-radius: var(--m-radius-md);
     display: inline-flex;
     flex-direction: column;
+    font-family: var(--m-font-sans);
     min-width: var(--m-listbox-min-width);
     overflow: hidden;
+    transition:
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-listbox--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
     pointer-events: none;
 }
@@ -25,6 +31,11 @@
     padding: var(--m-space-2) var(--m-space-3);
 }
 
+.m-listbox__filter:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-listbox__list {
     max-height: var(--m-listbox-list-max-height);
     min-height: 0;
@@ -43,11 +54,13 @@
     color: var(--m-color-text);
     cursor: pointer;
     display: block;
-    font: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     min-height: var(--m-control-height-medium);
     padding: 0 var(--m-control-padding-x-medium);
     text-align: start;
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
     width: 100%;
 }
 
@@ -98,3 +111,7 @@
 .m-listbox--invalid {
     border-color: var(--m-color-danger);
 }
+
+.m-listbox--invalid:focus-within {
+    box-shadow: var(--m-focus-shadow-danger);
+}

package/dist/components/Listbox/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IAC1C,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA;CACrF"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,YAAY,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,UAAU,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IAC1C,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC3C,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA;CACrF"}

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

@@ -1 +1 @@
-{"version":3,"file":"MegaMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/MegaMenu.vue"],"names":[],"mappings":";AAoTA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAga1D,QAAA,MAAM,YAAY;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"MegaMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/MegaMenu.vue"],"names":[],"mappings":";AAkTA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAga1D,QAAA,MAAM,YAAY;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/MegaMenu/styles.css

@@ -1,4 +1,4 @@
-/* —— Menu: MegaMenu —— */
+/* —— Navigation: MegaMenu —— */
 .m-megamenu {
     --m-megamenu-column-min-width: 8rem;
     --m-megamenu-panel-gap: var(--m-space-4);
@@ -22,9 +22,10 @@
     color: inherit;
     cursor: pointer;
     display: inline-flex;
-    font: inherit;
+    font-family: var(--m-font-sans);
     gap: var(--m-space-1);
     padding: var(--m-space-2) var(--m-space-3);
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-megamenu__item--open .m-megamenu__trigger,
@@ -32,6 +33,11 @@
     background: color-mix(in srgb, var(--m-color-primary) 10%, transparent);
 }
 
+.m-megamenu__trigger:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-megamenu__panel {
     background: var(--m-color-surface);
     border: var(--m-border-width) solid var(--m-color-border);
@@ -67,9 +73,10 @@
     border-radius: var(--m-radius-sm);
     color: inherit;
     cursor: pointer;
-    font: inherit;
+    font-family: var(--m-font-sans);
     padding: var(--m-space-2);
     text-align: left;
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-megamenu__link:hover:not(:disabled) {

package/dist/components/MegaMenu/types.d.ts

@@ -1,6 +1,6 @@
-import { RootPassThrough } from '../../shared/passThrough';
-import { MAppendTo } from '../../shared/overlay';
 import { MenuNodeBase } from '../../shared/menu';
+import { MAppendTo } from '../../shared/overlay';
+import { RootPassThrough } from '../../shared/passThrough';
 export interface MegaMenuItem extends Omit<MenuNodeBase, 'label' | 'items'> {
     label: string;
     /** Column groups for mega panel; each entry is a column of items. */

package/dist/components/MegaMenu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,OAAO,CAAC;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,qEAAqE;IACrE,KAAK,CAAC,EAAE,YAAY,EAAE,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MegaMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,OAAO,CAAC;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,qEAAqE;IACrE,KAAK,CAAC,EAAE,YAAY,EAAE,EAAE,CAAA;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;IACtB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.vue"],"names":[],"mappings":";AAmdA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAulBlD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ/C,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":"Menu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.vue"],"names":[],"mappings":";AAgeA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA8nBlD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ/C,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/Menu/MenuNodes.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuNodes.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuNodes.vue"],"names":[],"mappings":";AAwPA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAWvC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAgeF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"MenuNodes.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuNodes.vue"],"names":[],"mappings":";AAyPA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAUvC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,2EAA2E;IAC3E,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAgeF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}