morya-ui 0.2.8 → 0.3.0

package/dist/components/InputPassword/styles.css

@@ -17,62 +17,35 @@
 
 .m-password {
     --m-password-toggle-size: var(--m-control-affix-size);
-    display: inline-flex;
-    max-width: 100%;
-    position: relative;
-}
-
-.m-password--fluid {
-    display: flex;
-    width: 100%;
-}
-
-.m-password__input {
+    align-items: center;
     background: var(--m-color-surface);
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-control);
-    color: var(--m-color-text);
-    font-family: var(--m-font-sans);
-    font-size: var(--m-control-font-medium);
+    box-sizing: border-box;
+    display: inline-flex;
+    max-width: 100%;
     min-height: var(--m-control-height-medium);
-    padding: 0 var(--m-control-padding-x-medium);
     transition:
         border-color var(--m-motion-fast) var(--m-motion-ease),
         box-shadow var(--m-motion-fast) var(--m-motion-ease),
         background-color var(--m-motion-fast) var(--m-motion-ease),
         opacity var(--m-motion-fast) var(--m-motion-ease);
-    width: 100%;
 }
 
-.m-password--toggle .m-password__input {
-    padding-right: var(--m-control-affix-gap);
+.m-password--fluid {
+    display: flex;
+    width: 100%;
 }
 
-.m-password--small .m-password__input {
+.m-password--small {
     min-height: var(--m-control-height-small);
-    font-size: var(--m-control-font-small);
-    padding: 0 var(--m-control-padding-x-small);
-}
-
-.m-password--small.m-password--toggle .m-password__input {
-    padding-right: var(--m-control-affix-gap);
 }
 
-.m-password--large .m-password__input {
+.m-password--large {
     min-height: var(--m-control-height-large);
-    font-size: var(--m-control-font-large);
-    padding: 0 var(--m-control-padding-x-large);
 }
 
-.m-password--large.m-password--toggle .m-password__input {
-    padding-right: var(--m-control-affix-gap);
-}
-
-.m-password--invalid .m-password__input {
-    border-color: var(--m-color-danger);
-}
-
-.m-password--filled .m-password__input {
+.m-password--filled {
     background: color-mix(
         in srgb,
         var(--m-color-text-muted) 12%,
@@ -81,84 +54,111 @@
     border-color: transparent;
 }
 
-.m-password__clear {
-    align-items: center;
-    background: transparent;
-    border: 0;
-    border-radius: var(--m-radius-sm);
-    color: var(--m-color-text-muted);
-    cursor: pointer;
-    display: inline-flex;
-    font-size: var(--m-font-size-lg);
-    height: var(--m-control-affix-size);
-    justify-content: center;
-    padding: 0;
-    position: absolute;
-    right: var(--m-space-1);
-    top: 50%;
-    transform: translateY(-50%);
-    width: var(--m-control-affix-size);
-    z-index: 1;
+.m-password--invalid {
+    border-color: var(--m-color-danger);
 }
 
-.m-password--toggle .m-password__clear {
-    right: calc(var(--m-control-affix-size) + var(--m-space-2));
+.m-password:hover:not(.m-password--disabled):not(:focus-within) {
+    border-color: var(--m-color-primary-hover);
 }
 
-.m-password__clear:hover:not(:disabled) {
-    color: var(--m-color-text);
+.m-password:focus-within {
+    border-color: var(--m-color-primary-hover);
+    box-shadow: var(--m-focus-shadow);
 }
 
-.m-password__clear:focus-visible {
-    box-shadow: var(--m-focus-shadow);
-    outline: none;
+.m-password--invalid:focus-within {
+    border-color: var(--m-color-danger);
+    box-shadow: var(--m-focus-shadow-danger);
 }
 
-.m-password__clear:disabled {
+.m-password--disabled {
     cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
 }
 
-.m-password--disabled .m-password__input {
-    cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
+.m-password__input {
+    background: transparent;
+    border: 0;
+    border-radius: 0;
+    box-shadow: none;
+    color: var(--m-color-text);
+    flex: 1 1 auto;
+    font-family: var(--m-font-sans);
+    font-size: var(--m-control-font-medium);
+    height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
+    line-height: calc(var(--m-control-height-medium) - 2 * var(--m-border-width));
+    min-height: 0;
+    min-width: 0;
+    padding: 0 var(--m-control-padding-x-medium);
+    width: 100%;
+}
+
+.m-password--small .m-password__input {
+    font-size: var(--m-control-font-small);
+    height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
+    line-height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
+    padding: 0 var(--m-control-padding-x-small);
+}
+
+.m-password--large .m-password__input {
+    font-size: var(--m-control-font-large);
+    height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
+    line-height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
+    padding: 0 var(--m-control-padding-x-large);
+}
+
+.m-password__input:focus,
+.m-password__input:focus-visible {
+    box-shadow: none;
+    outline: none;
 }
 
+.m-password__clear,
 .m-password__toggle {
     align-items: center;
+    align-self: center;
     background: transparent;
     border: 0;
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text-muted);
     cursor: pointer;
     display: inline-flex;
+    flex: 0 0 auto;
     justify-content: center;
+    padding: 0;
+}
+
+.m-password__clear {
+    font-size: var(--m-font-size-lg);
+    height: var(--m-control-affix-size);
+    width: var(--m-control-affix-size);
+}
+
+.m-password--toggle .m-password__clear {
+    margin-right: 0;
+}
+
+.m-password__toggle {
     min-height: var(--m-password-toggle-size);
     min-width: var(--m-password-toggle-size);
-    padding: var(--m-space-1);
-    position: absolute;
-    right: var(--m-space-1);
-    top: 50%;
-    transform: translateY(-50%);
 }
 
+.m-password__clear:hover:not(:disabled),
 .m-password__toggle:hover:not(:disabled) {
     color: var(--m-color-text);
 }
 
-.m-password__toggle:disabled {
-    cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
-}
-
+.m-password__clear:focus-visible,
 .m-password__toggle:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }
 
-.m-password--invalid .m-password__input:focus-visible {
-    border-color: var(--m-color-danger);
-    box-shadow: var(--m-focus-shadow-danger);
+.m-password__clear:disabled,
+.m-password__toggle:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
 }
 
 .m-password__feedback {

package/dist/components/InputTags/styles.css

@@ -24,7 +24,7 @@
     flex-wrap: wrap;
     gap: var(--m-space-1);
     min-height: var(--m-control-height-medium);
-    padding: var(--m-space-1) var(--m-space-2);
+    padding: var(--m-space-1) var(--m-control-padding-x-medium);
     transition:
         border-color var(--m-motion-fast) var(--m-motion-ease),
         box-shadow var(--m-motion-fast) var(--m-motion-ease),
@@ -40,10 +40,12 @@
 
 .m-inputtags--small {
     min-height: var(--m-control-height-small);
+    padding-inline: var(--m-control-padding-x-small);
 }
 
 .m-inputtags--large {
     min-height: var(--m-control-height-large);
+    padding-inline: var(--m-control-padding-x-large);
 }
 
 .m-inputtags--invalid {

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

@@ -1,14 +1,10 @@
-import { LayoutContentProps, LayoutExpose, LayoutPosition } from './types';
+import { LayoutContentProps, LayoutPosition } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_11: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: DefineComponent<LayoutContentProps, LayoutExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-    scroll: (eventPayload: Event) => any;
-}, string, PublicProps, Readonly<LayoutContentProps> & Readonly<{
-    onScroll?: ((eventPayload: Event) => any) | undefined;
-}>, {
+declare const __VLS_base: DefineComponent<LayoutContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LayoutContentProps> & Readonly<{}>, {
     position: LayoutPosition;
     embedded: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, 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":";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"}
+{"version":3,"file":"LayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutContent.vue"],"names":[],"mappings":";AAwCA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA8DlD,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;AAK/C,QAAA,MAAM,UAAU;;;6EAGd,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,20 +1,18 @@
-import { LayoutExpose, LayoutSiderProps, LayoutPosition, LayoutTrigger, LayoutCollapseMode } from './types';
+import { LayoutSiderProps, LayoutPosition, LayoutTrigger, LayoutCollapseMode } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_11: {};
+declare var __VLS_1: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
+    default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: DefineComponent<LayoutSiderProps, LayoutExpose, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_base: DefineComponent<LayoutSiderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     expand: () => any;
     collapse: () => any;
-    scroll: (eventPayload: Event) => any;
     "after-leave": () => any;
     "update:collapsed": (value: boolean) => any;
     "after-enter": () => any;
 }, string, PublicProps, Readonly<LayoutSiderProps> & Readonly<{
     onExpand?: (() => any) | undefined;
     onCollapse?: (() => any) | undefined;
-    onScroll?: ((eventPayload: Event) => any) | undefined;
     "onAfter-leave"?: (() => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
     "onAfter-enter"?: (() => any) | undefined;

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":";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"}
+{"version":3,"file":"LayoutSider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSider.vue"],"names":[],"mappings":";AAoLA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA6OhD,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;AAK/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/Layout/composables/useLayoutRegionStyle.d.ts

@@ -3,6 +3,8 @@ export interface LayoutRegionStyleInput {
     height?: number | string;
     heightFallback?: string;
     padding?: number | string;
+    /** When false, padding is only written if `padding` is set. Default true. */
+    applyDefaultPadding?: boolean;
     radius?: number | string;
 }
 export declare function useLayoutRegionStyle(input: MaybeRefOrGetter<LayoutRegionStyleInput>): ComputedRef<Record<string, string>>;

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

@@ -1 +1 @@
-{"version":3,"file":"useLayoutRegionStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/composables/useLayoutRegionStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAIzD,MAAM,WAAW,sBAAsB;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAUD,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,GAChD,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAuBrC"}
+{"version":3,"file":"useLayoutRegionStyle.d.ts","sourceRoot":"","sources":["../../../../src/components/Layout/composables/useLayoutRegionStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAIzD,MAAM,WAAW,sBAAsB;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAUD,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,gBAAgB,CAAC,sBAAsB,CAAC,GAChD,WAAW,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CA0BrC"}

package/dist/components/Layout/styles.css

@@ -91,7 +91,6 @@
 }
 
 .m-layout-content {
-    --m-layout-padding: var(--m-space-4);
     --m-layout-radius: 0;
     display: flex;
     flex: 1 1 auto;
@@ -100,12 +99,6 @@
     min-width: 0;
 }
 
-.m-layout-content > .m-layout__scroll,
-.m-layout-content > .m-layout__scrollbar {
-    flex: 1 1 auto;
-    min-height: 0;
-}
-
 .m-layout-header,
 .m-layout-footer {
     background: var(--m-color-surface);
@@ -122,13 +115,11 @@
 }
 
 .m-layout-header {
-    --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: 3rem;
     --m-layout-padding: 0 var(--m-space-4);
     --m-layout-radius: 0;
 }
@@ -182,19 +173,18 @@
 }
 
 .m-layout-sider {
-    --m-layout-sider-width: 12.5rem;
-    --m-layout-sider-collapsed-width: 4rem;
-    --m-layout-padding: var(--m-space-4);
+    --m-layout-sider-width: var(--m-nav-rail-width);
+    --m-layout-sider-collapsed-width: var(--m-nav-rail-collapsed-width);
     --m-layout-radius: 0;
-    --m-layout-trigger-size: 1.5rem;
+    --m-layout-trigger-size: var(--m-space-6);
     align-self: stretch;
     background: var(--m-color-surface);
     box-sizing: border-box;
     color: var(--m-color-text);
     display: flex;
     flex-basis: var(--m-layout-sider-width);
+    flex-direction: column;
     flex-shrink: 0;
-    justify-content: flex-end;
     min-width: 0;
     /* Do not clip the collapse trigger (it sits half outside the sider edge).
        Collapsed transform overflow is clipped by `.m-layout { overflow: hidden }`. */
@@ -203,52 +193,40 @@
     transition:
         color var(--m-motion-normal) var(--m-motion-ease),
         border-color var(--m-motion-normal) var(--m-motion-ease),
-        width var(--m-motion-normal) var(--m-motion-ease),
-        max-width var(--m-motion-normal) var(--m-motion-ease),
-        background-color var(--m-motion-normal) var(--m-motion-ease);
+        background-color var(--m-motion-normal) var(--m-motion-ease),
+        opacity var(--m-motion-normal) var(--m-motion-ease);
     z-index: 1;
 }
 
-.m-layout-sider--right-placement {
-    justify-content: flex-start;
+/* Default: clip via max-width (no size transition) + opacity — avoids layout thrashing. */
+.m-layout-sider--collapse-transform {
+    flex-shrink: 0;
 }
 
-.m-layout-sider__scroll,
-.m-layout-sider__scrollbar {
-    box-sizing: border-box;
-    flex: 1 1 auto;
-    height: 100%;
-    max-width: 100%;
-    min-height: 0;
+/*
+ * Opt-in layout animation for flex reflow. One-shot only; prefer `transform` mode.
+ * `contain: layout` limits reflow cost to the sider subtree where possible.
+ * Overflow stays visible so the collapse trigger (half outside the edge) is not clipped.
+ */
+.m-layout-sider--collapse-width {
+    contain: layout;
+    flex-shrink: 1;
     min-width: 0;
-    overflow: hidden;
-    overflow-x: hidden;
-    width: 100%;
+    transition:
+        color var(--m-motion-normal) var(--m-motion-ease),
+        border-color var(--m-motion-normal) var(--m-motion-ease),
+        width var(--m-motion-normal) var(--m-motion-ease),
+        max-width var(--m-motion-normal) var(--m-motion-ease),
+        background-color var(--m-motion-normal) var(--m-motion-ease),
+        opacity var(--m-motion-normal) var(--m-motion-ease);
 }
 
-/* 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 {
+.m-layout-sider:not(.m-layout-sider--show-content) > :not(.m-layout-sider__trigger):not(.m-layout-sider__border) {
     opacity: 0;
+    pointer-events: none;
     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__scrollbar {
-    opacity: 1;
-}
-
-.m-layout-sider--collapse-width > .m-layout-sider__scroll,
-.m-layout-sider--collapse-width > .m-layout-sider__scrollbar {
-    flex-shrink: 1;
-    min-width: 0;
-}
-
 .m-layout-sider__border {
     background: var(--m-color-border);
     bottom: 0;
@@ -390,8 +368,8 @@
 .m-layout-sider__bar-bottom {
     background: var(--m-color-text-muted);
     border-radius: var(--m-radius-sm);
-    height: 2.375rem;
-    left: 0.875rem;
+    height: calc(var(--m-space-8) + var(--m-space-2) - var(--m-space-1));
+    left: calc(var(--m-space-3) + var(--m-space-1));
     position: absolute;
     transition:
         background-color var(--m-motion-fast) var(--m-motion-ease),
@@ -404,7 +382,7 @@
 }
 
 .m-layout-sider__bar-bottom {
-    top: 2.125rem;
+    top: calc(var(--m-space-8) + var(--m-space-1));
 }
 
 .m-layout-sider__trigger--bar:hover .m-layout-sider__bar-top {
@@ -439,7 +417,6 @@
     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 {
@@ -451,7 +428,6 @@
 [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,
@@ -459,7 +435,6 @@
 [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 {

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

@@ -50,13 +50,12 @@ export interface LayoutContentProps {
     pt?: RootPassThrough;
     /** Content height. Defaults to filling the parent layout. */
     height?: number | string;
+    /** Optional padding; no default — apply only when set. */
     padding?: number | string;
     radius?: number | string;
     /** Soft background. */
     embedded?: boolean;
     position?: LayoutPosition;
-    contentClass?: string;
-    contentStyle?: string | CSSProperties;
 }
 export interface LayoutSiderProps {
     pt?: RootPassThrough;
@@ -67,6 +66,7 @@ export interface LayoutSiderProps {
     width?: number | string;
     /** Collapsed max-width. */
     collapsedWidth?: number | string;
+    /** Optional padding; no default — apply only when set. */
     padding?: number | string;
     radius?: number | string;
     /** Controlled collapsed state (`v-model:collapsed`). */
@@ -74,8 +74,10 @@ export interface LayoutSiderProps {
     /** Uncontrolled initial collapsed state. */
     defaultCollapsed?: boolean;
     /**
-     * `transform` (default): keep content width, clip with max-width.
-     * `width`: shrink content with the sider.
+     * `transform` (default): keep expanded `width`, clip with `max-width` (no size
+     * transition — avoids layout thrashing on app chrome). Content fades via opacity.
+     * `width`: animate `width`/`max-width` so flex neighbors reflow smoothly (one-shot
+     * layout work; prefer `transform` unless that reflow is required).
      */
     collapseMode?: LayoutCollapseMode;
     /** Show sider content while collapsed. */
@@ -85,8 +87,6 @@ export interface LayoutSiderProps {
     triggerStyle?: string | CSSProperties;
     collapsedTriggerClass?: string;
     collapsedTriggerStyle?: string | CSSProperties;
-    contentClass?: string;
-    contentStyle?: string | CSSProperties;
 }
 export interface LayoutSiderEmits {
     (event: "update:collapsed", value: boolean): void;
@@ -94,7 +94,6 @@ export interface LayoutSiderEmits {
     (event: "expand"): void;
     (event: "after-enter"): void;
     (event: "after-leave"): void;
-    (event: "scroll", eventPayload: Event): void;
 }
 export interface LayoutScrollEmits {
     (event: "scroll", eventPayload: Event): void;

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

@@ -1,10 +1,14 @@
 import { ListboxOption, ListboxProps, ListboxValue } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_11: {
+declare var __VLS_10: {
+    option: ListboxOption;
+}, __VLS_22: {
     option: ListboxOption;
 };
 type __VLS_Slots = {} & {
-    option?: (props: typeof __VLS_11) => any;
+    option?: (props: typeof __VLS_10) => any;
+} & {
+    option?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: DefineComponent<ListboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: ListboxValue | ListboxValue[] | undefined) => any;
@@ -15,6 +19,7 @@ declare const __VLS_base: DefineComponent<ListboxProps, {}, {}, {}, {}, Componen
     multiple: boolean;
     disabled: boolean;
     invalid: boolean;
+    virtual: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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":";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"}
+{"version":3,"file":"Listbox.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Listbox/Listbox.vue"],"names":[],"mappings":";AAiPA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAkXxE,QAAA,IAAuB,QAAQ;;CAAU,EAAuB,QAAQ;;CAAY,CAAE;AACtF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAS/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

@@ -115,3 +115,13 @@
 .m-listbox--invalid:focus-within {
     box-shadow: var(--m-focus-shadow-danger);
 }
+
+.m-listbox__list--virtual .m-virtualscroller__item {
+    display: flex;
+}
+
+.m-listbox__list--virtual .m-listbox__option {
+    height: 100%;
+    min-height: 0;
+    width: 100%;
+}

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

@@ -16,6 +16,11 @@ export interface ListboxProps {
     filter?: boolean;
     emptyMessage?: string;
     listStyle?: string | Record<string, string>;
+    /**
+     * Virtualize the option list. Default auto-enables when there are 80+ options.
+     * Pass `false` to always render the full list; `true` to always virtualize.
+     */
+    virtual?: boolean;
     /** Pass-through attrs/classes/styles for the root element. */
     pt?: RootPassThrough;
 }

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,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"}
+{"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;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,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/Loading/Loading.vue.d.ts

@@ -1,5 +1,6 @@
 import { LoadingProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { MotionPresetId } from '../..';
 declare var __VLS_1: {}, __VLS_15: {}, __VLS_34: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -9,6 +10,7 @@ type __VLS_Slots = {} & {
     indicator?: (props: typeof __VLS_34) => any;
 };
 declare const __VLS_base: DefineComponent<LoadingProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LoadingProps> & Readonly<{}>, {
+    transition: MotionPresetId | false;
     loading: boolean;
     fullscreen: boolean;
     lock: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/Loading.vue"],"names":[],"mappings":";AA8JA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAmR3C,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAMlD,QAAA,MAAM,UAAU;;;;;6EAGd,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":"Loading.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Loading/Loading.vue"],"names":[],"mappings":";;AAsKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAkS3C,QAAA,IAAI,OAAO,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAClE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC/C;IAAE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAMlD,QAAA,MAAM,UAAU;;;;;;6EAGd,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"}