morya-ui 0.2.4 → 0.2.6

package/dist/components/InputNumber/styles.css

@@ -10,6 +10,7 @@
 
 .m-inputnumber-field__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
@@ -81,16 +82,35 @@
     z-index: 1;
 }
 
+.m-inputnumber__input-wrap .m-inputnumber__clear:hover:not(:disabled) {
+    color: var(--m-color-text);
+}
+
+.m-inputnumber__input-wrap .m-inputnumber__clear:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-inputnumber__input-wrap .m-inputnumber__clear:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
 .m-inputnumber__input {
     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: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     min-height: var(--m-control-height-medium);
     min-width: 0;
     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);
 }
 
 .m-inputnumber--buttons .m-inputnumber__input {
@@ -125,12 +145,15 @@
     color: var(--m-color-text);
     cursor: pointer;
     display: inline-flex;
-    font: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     justify-content: center;
     min-height: var(--m-control-height-medium);
     min-width: var(--m-control-height-medium);
     padding: 0;
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-inputnumber__button--decrement {

package/dist/components/InputOtp/styles.css

@@ -1,10 +1,12 @@
 /* —— Form: InputOtp —— */
 .m-inputotp {
+    --m-inputotp-gap: var(--m-space-2);
     display: inline-flex;
-    gap: var(--m-space-2);
+    gap: var(--m-inputotp-gap);
 }
 
 .m-inputotp--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
     pointer-events: none;
 }
@@ -14,19 +16,20 @@
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-control);
     color: var(--m-color-text);
-    font: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     height: var(--m-control-height-medium);
     text-align: center;
+    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: var(--m-control-height-medium);
 }
 
-.m-inputotp {
-    --m-inputotp-gap: var(--m-space-2);
-    gap: var(--m-inputotp-gap);
-}
-
 .m-inputotp--small .m-inputotp__input {
+    font-size: var(--m-control-font-small);
     height: var(--m-control-height-small);
     width: var(--m-control-height-small);
 }
@@ -40,3 +43,8 @@
 .m-inputotp--invalid .m-inputotp__input {
     border-color: var(--m-color-danger);
 }
+
+.m-inputotp--invalid .m-inputotp__input:focus-visible {
+    border-color: var(--m-color-danger);
+    box-shadow: var(--m-focus-shadow-danger);
+}

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

@@ -37,10 +37,10 @@ declare const __VLS_base: DefineComponent<InputPasswordProps, {
     clearable: boolean;
     fluid: boolean;
     readonly: boolean;
+    showIcon: IconName | Component;
     showCount: boolean;
     feedback: boolean;
     toggleMask: boolean;
-    showIcon: IconName | Component;
     hideIcon: IconName | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/InputPassword/index.d.ts

@@ -1,3 +1,3 @@
 export { default as MInputPassword } from './InputPassword.vue';
-export type { InputPasswordEmits, InputPasswordProps, InputPasswordSlots, PasswordStrength, MShowPasswordOn } from './types';
+export type { InputPasswordEmits, InputPasswordProps, InputPasswordSlots, MShowPasswordOn, PasswordStrength } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/InputPassword/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/InputPassword/styles.css

@@ -10,6 +10,7 @@
 
 .m-password-field__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
@@ -31,10 +32,15 @@
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-control);
     color: var(--m-color-text);
-    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);
+    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%;
 }
 
@@ -145,12 +151,16 @@
     opacity: var(--m-opacity-disabled);
 }
 
-.m-password__input: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__feedback {
     font-size: var(--m-font-size-xs);
 }

package/dist/components/InputTags/styles.css

@@ -7,6 +7,7 @@
 
 .m-inputtags-field__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
@@ -24,10 +25,16 @@
     gap: var(--m-space-1);
     min-height: var(--m-control-height-medium);
     padding: var(--m-space-1) var(--m-space-2);
+    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-inputtags--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
 }
 
@@ -43,6 +50,11 @@
     border-color: var(--m-color-danger);
 }
 
+.m-inputtags--invalid:focus-within {
+    border-color: var(--m-color-danger);
+    box-shadow: var(--m-focus-shadow-danger);
+}
+
 .m-inputtags__chip {
     align-items: center;
     background: color-mix(
@@ -52,7 +64,9 @@
     );
     border-radius: var(--m-radius-full, 999px);
     display: inline-flex;
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
+    font-weight: 500;
     gap: var(--m-space-1);
     padding: var(--m-inputtags-chip-padding-y)
         var(--m-inputtags-chip-padding-x);
@@ -61,6 +75,7 @@
 .m-inputtags__remove {
     background: transparent;
     border: 0;
+    border-radius: var(--m-radius-sm);
     color: inherit;
     cursor: pointer;
     font: inherit;
@@ -68,6 +83,15 @@
     padding: 0;
 }
 
+.m-inputtags__remove:hover:not(:disabled) {
+    color: var(--m-color-text);
+}
+
+.m-inputtags__remove:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-inputtags__input {
     background: transparent;
     border: 0;

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.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutScrollContext.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutScrollContext.vue"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,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"}
+{"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

@@ -1,12 +1,12 @@
-import { CSSProperties, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+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?: string | CSSProperties;
+    scrollStyle?: StyleValue;
     viewClass?: ScrollbarClassValue;
-    viewStyle?: string | CSSProperties;
+    viewStyle?: StyleValue;
     hasSider?: boolean;
     siderPlacement?: LayoutSiderPlacement;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"LayoutScrollRegion.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutScrollRegion.vue"],"names":[],"mappings":"AAAA,OAgGO,KAAK,EAAE,aAAa,EAAc,MAAM,KAAK,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAqB,MAAM,oBAAoB,CAAC;AAIjF,OAAO,KAAK,EAAqB,YAAY,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIrF,KAAK,WAAW,GAAG;IACX,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,mBAAmB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,oBAAoB,CAAC;CACzC,CAAC;AAsIN,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;;;;;cAjJG,OAAO;oBACD,oBAAoB;wBANhB,MAAM;6EA2JjC,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":"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.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutSider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/LayoutSider.vue"],"names":[],"mappings":";AAoNA,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":";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,5 +1,5 @@
-import { ScrollbarInstance } from '../../Scrollbar/types';
 import { ShallowRef } from 'vue';
+import { ScrollbarInstance } from '../../Scrollbar/types';
 import { LayoutExpose, LayoutScrollEmits } from '../types';
 type LayoutScrollTarget = HTMLElement | ScrollbarInstance | null | undefined;
 export declare function useLayoutScroll(scrollEl: ShallowRef<LayoutScrollTarget>, emit: LayoutScrollEmits): LayoutExpose & {

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,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACtC,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"}
+{"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%);
@@ -28,7 +28,12 @@
 }
 
 .m-layout--fill-viewport {
+    /* Definite height so has-sider children with min-height:100% / flex stretch fill the viewport.
+       min-height alone leaves height:auto and percentage children collapse to content height. */
+    height: 100vh;
+    height: 100dvh;
     min-height: 100vh;
+    min-height: 100dvh;
 }
 
 .m-layout--absolute-positioned {
@@ -117,13 +122,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;
 }
@@ -177,8 +182,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;
@@ -216,13 +221,18 @@
     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%;
 }
 
+/* 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;
@@ -267,19 +277,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);
@@ -287,7 +311,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;
@@ -296,6 +320,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;
@@ -360,14 +389,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 {
@@ -404,3 +433,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";
@@ -23,7 +23,7 @@ export interface LayoutProps {
     contentClass?: string;
     /** Extra style on the scroll / content wrapper. */
     contentStyle?: string | CSSProperties;
-    /** Stretch the layout to at least the viewport height. */
+    /** Stretch the layout to the viewport height (`100dvh`) so sider/content fill the screen. */
     fillViewport?: boolean;
 }
 export interface LayoutHeaderProps {

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);
+}