morya-ui 0.3.7 → 0.4.0

package/dist/components/Grid/Row.vue.d.ts

@@ -0,0 +1,22 @@
+import { RowProps, RowJustify, RowAlign, GridGutter } from './rowColTypes';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: DefineComponent<RowProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<RowProps> & Readonly<{}>, {
+    component: string;
+    wrap: boolean;
+    justify: RowJustify;
+    align: RowAlign;
+    gutter: GridGutter;
+}, {}, {}, {}, 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=Row.vue.d.ts.map

package/dist/components/Grid/Row.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Row.vue"],"names":[],"mappings":";AA4DA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AA4F7C,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/Grid/index.d.ts

@@ -1,6 +1,12 @@
 export { default as MGrid } from './Grid.vue';
 export { default as MGridItem } from './GridItem.vue';
 export { default as MGi } from './GridItem.vue';
+export { default as MRow } from './Row.vue';
+export { default as MCol } from './Col.vue';
 export type { GridItemProps, GridProps, GridResponsive } from './types';
+export { GRID_BREAKPOINT_ORDER, GRID_BREAKPOINTS, useGridBreakpoint } from './useGridBreakpoint';
+export type { GridBreakpoint } from './useGridBreakpoint';
+export { M_ROW_KEY, mergeColResponsive, resolveGutter, resolveGutterValue } from './rowColTypes';
+export type { ColProps, ColResponsive, ColResponsiveConfig, GridGutter, GridGutterValue, RowAlign, RowJustify, RowProps, } from './rowColTypes';
 export { M_GRID_KEY } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAC/C,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAA;AAC7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAA;AAC3C,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAChG,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAChG,YAAY,EACV,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,GACT,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Grid/rowColTypes.d.ts

@@ -0,0 +1,64 @@
+import { ComputedRef, InjectionKey } from 'vue';
+import { RootPassThrough } from '../../shared/passThrough';
+import { GridBreakpoint } from './useGridBreakpoint';
+export type RowJustify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
+export type RowAlign = 'top' | 'middle' | 'bottom' | 'stretch';
+/** A gutter value, either fixed or per-breakpoint. */
+export type GridGutterValue = number | Partial<Record<GridBreakpoint, number>>;
+/** Horizontal gutter, or `[horizontal, vertical]`. */
+export type GridGutter = GridGutterValue | [GridGutterValue, GridGutterValue];
+export interface RowProps {
+    /** Column spacing. `[horizontal, vertical]` sets both axes. */
+    gutter?: GridGutter;
+    /** Main-axis distribution. */
+    justify?: RowJustify;
+    /** Cross-axis alignment. */
+    align?: RowAlign;
+    /** Allow columns to wrap. Default `true`. */
+    wrap?: boolean;
+    /** Root tag. Default `'div'`. */
+    component?: string;
+    pt?: RootPassThrough;
+}
+export interface ColResponsiveConfig {
+    /** Columns out of 24. */
+    span?: number;
+    /** Left margin, in columns out of 24. */
+    offset?: number;
+    /** Move right without affecting siblings, in columns out of 24. */
+    push?: number;
+    /** Move left without affecting siblings, in columns out of 24. */
+    pull?: number;
+    /** Flex order. */
+    order?: number;
+}
+/** Per-breakpoint override: a number sets `span`, an object sets several fields. */
+export type ColResponsive = number | ColResponsiveConfig;
+export interface ColProps extends ColResponsiveConfig {
+    /** `flex` shorthand value; overrides `span` when set. */
+    flex?: number | string;
+    /** `xs` — `< 576px`, and the base for larger breakpoints. */
+    xs?: ColResponsive;
+    /** `sm` — `>= 576px`. */
+    sm?: ColResponsive;
+    /** `md` — `>= 768px`. */
+    md?: ColResponsive;
+    /** `lg` — `>= 992px`. */
+    lg?: ColResponsive;
+    /** `xl` — `>= 1200px`. */
+    xl?: ColResponsive;
+    /** `xxl` — `>= 1600px`. */
+    xxl?: ColResponsive;
+    /** Root tag. Default `'div'`. */
+    component?: string;
+    pt?: RootPassThrough;
+}
+/** Resolved `[horizontal, vertical]` gutter shared by `MRow` with its `MCol` children. */
+export declare const M_ROW_KEY: InjectionKey<ComputedRef<[number, number]>>;
+/** Merge one breakpoint value into the accumulated column config. */
+export declare function mergeColResponsive(current: ColResponsiveConfig, value: ColResponsive | undefined): ColResponsiveConfig;
+/** Pick the value of a gutter for the currently satisfied breakpoints. */
+export declare function resolveGutterValue(value: GridGutterValue | undefined, breakpoints: readonly GridBreakpoint[]): number;
+/** Normalize any supported gutter form into `[horizontal, vertical]`. */
+export declare function resolveGutter(gutter: GridGutter | undefined, breakpoints: readonly GridBreakpoint[]): [number, number];
+//# sourceMappingURL=rowColTypes.d.ts.map

package/dist/components/Grid/rowColTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowColTypes.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/rowColTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAIzD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,CAAA;AACvG,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE9D,sDAAsD;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAA;AAC9E,sDAAsD;AACtD,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAE7E,MAAM,WAAW,QAAQ;IACvB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,QAAQ,CAAA;IAChB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAID,MAAM,WAAW,mBAAmB;IAClC,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kEAAkE;IAClE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,oFAAoF;AACpF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,mBAAmB,CAAA;AAExD,MAAM,WAAW,QAAS,SAAQ,mBAAmB;IACnD,yDAAyD;IACzD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,6DAA6D;IAC7D,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,yBAAyB;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,yBAAyB;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,yBAAyB;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,0BAA0B;IAC1B,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,2BAA2B;IAC3B,GAAG,CAAC,EAAE,aAAa,CAAA;IACnB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,0FAA0F;AAC1F,eAAO,MAAM,SAAS,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAmB,CAAA;AAErF,qEAAqE;AACrE,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,mBAAmB,EAC5B,KAAK,EAAE,aAAa,GAAG,SAAS,GAC/B,mBAAmB,CAIrB;AAED,0EAA0E;AAC1E,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,eAAe,GAAG,SAAS,EAClC,WAAW,EAAE,SAAS,cAAc,EAAE,GACrC,MAAM,CAUR;AAED,yEAAyE;AACzE,wBAAgB,aAAa,CAC3B,MAAM,EAAE,UAAU,GAAG,SAAS,EAC9B,WAAW,EAAE,SAAS,cAAc,EAAE,GACrC,CAAC,MAAM,EAAE,MAAM,CAAC,CAUlB"}

package/dist/components/Grid/styles.css

@@ -8,3 +8,62 @@
     box-sizing: border-box;
     min-width: 0;
 }
+
+/* —— 24-column flex grid (MRow / MCol) —— */
+.m-row {
+    box-sizing: border-box;
+    display: flex;
+    flex-flow: row wrap;
+    min-width: 0;
+}
+
+.m-row--nowrap {
+    flex-wrap: nowrap;
+}
+
+.m-row--justify-start {
+    justify-content: flex-start;
+}
+
+.m-row--justify-end {
+    justify-content: flex-end;
+}
+
+.m-row--justify-center {
+    justify-content: center;
+}
+
+.m-row--justify-space-around {
+    justify-content: space-around;
+}
+
+.m-row--justify-space-between {
+    justify-content: space-between;
+}
+
+.m-row--justify-space-evenly {
+    justify-content: space-evenly;
+}
+
+.m-row--align-top {
+    align-items: flex-start;
+}
+
+.m-row--align-middle {
+    align-items: center;
+}
+
+.m-row--align-bottom {
+    align-items: flex-end;
+}
+
+.m-row--align-stretch {
+    align-items: stretch;
+}
+
+.m-col {
+    box-sizing: border-box;
+    max-width: 100%;
+    min-height: 1px;
+    position: relative;
+}

package/dist/components/Grid/useGridBreakpoint.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from 'vue';
+/** Grid breakpoints. */
+export declare const GRID_BREAKPOINTS: {
+    readonly xs: 0;
+    readonly sm: 576;
+    readonly md: 768;
+    readonly lg: 992;
+    readonly xl: 1200;
+    readonly xxl: 1600;
+};
+export type GridBreakpoint = keyof typeof GRID_BREAKPOINTS;
+/** Ascending order used when merging responsive values. */
+export declare const GRID_BREAKPOINT_ORDER: GridBreakpoint[];
+/**
+ * Satisfied grid breakpoints in ascending order (`xs` is always present).
+ *
+ * One shared listener set is used for the whole app, so every `MRow` / `MCol`
+ * can call this without adding its own `matchMedia` subscriptions.
+ */
+export declare function useGridBreakpoint(): Ref<GridBreakpoint[]>;
+//# sourceMappingURL=useGridBreakpoint.d.ts.map

package/dist/components/Grid/useGridBreakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/useGridBreakpoint.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,wBAAwB;AACxB,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,gBAAgB,CAAA;AAE1D,2DAA2D;AAC3D,eAAO,MAAM,qBAAqB,EAAE,cAAc,EAA0C,CAAA;AA8C5F;;;;;GAKG;AACH,wBAAgB,iBAAiB,IAAI,GAAG,CAAC,cAAc,EAAE,CAAC,CAIzD"}

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

@@ -0,0 +1,13 @@
+import { ImageProps, ImageFit } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const __VLS_export: DefineComponent<ImageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "click-preview": () => any;
+}, string, PublicProps, Readonly<ImageProps> & Readonly<{
+    "onClick-preview"?: (() => any) | undefined;
+}>, {
+    preview: boolean;
+    fit: ImageFit;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Image.vue.d.ts.map

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

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

package/dist/components/Image/ImagePreviewGroup.vue.d.ts

@@ -0,0 +1,16 @@
+import { ImagePreviewGroupProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<ImagePreviewGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ImagePreviewGroupProps> & 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=ImagePreviewGroup.vue.d.ts.map

package/dist/components/Image/ImagePreviewGroup.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreviewGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Image/ImagePreviewGroup.vue"],"names":[],"mappings":";AA0IA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAkMrD,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,wTAEd,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/Image/index.d.ts

@@ -0,0 +1,4 @@
+export { default as MImage } from './Image.vue';
+export { default as MImagePreviewGroup } from './ImagePreviewGroup.vue';
+export type { ImageEmits, ImageFit, ImagePreviewGroupProps, ImageProps, } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Image/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AACvE,YAAY,EACV,UAAU,EACV,QAAQ,EACR,sBAAsB,EACtB,UAAU,GACX,MAAM,SAAS,CAAA"}

package/dist/components/Image/styles.css

@@ -0,0 +1,96 @@
+.m-image {
+    display: inline-block;
+    line-height: 0;
+    max-width: 100%;
+    position: relative;
+}
+
+.m-image__trigger {
+    background: none;
+    border: none;
+    cursor: zoom-in;
+    display: block;
+    padding: 0;
+}
+
+.m-image__trigger:focus-visible {
+    outline: 2px solid var(--m-color-focus-ring);
+    outline-offset: 2px;
+}
+
+.m-image__img {
+    display: block;
+    max-width: 100%;
+}
+
+.m-image-group {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--m-space-3);
+}
+
+.m-image-preview {
+    align-items: center;
+    background: var(--m-overlay-scrim);
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    left: 0;
+    padding: var(--m-space-8);
+    position: fixed;
+    right: 0;
+    top: 0;
+    z-index: calc(var(--m-z-overlay) + 20);
+}
+
+.m-image-preview__img {
+    max-height: min(90vh, 100%);
+    max-width: min(90vw, 100%);
+    object-fit: contain;
+}
+
+.m-image-preview__close {
+    align-items: center;
+    background: color-mix(in srgb, var(--m-color-surface) 18%, transparent);
+    border: none;
+    border-radius: var(--m-radius-full);
+    color: var(--m-color-on-emphasis);
+    cursor: pointer;
+    display: inline-flex;
+    height: 2.5rem;
+    justify-content: center;
+    position: absolute;
+    right: var(--m-space-4);
+    top: var(--m-space-4);
+    width: 2.5rem;
+}
+
+.m-image-preview__close:focus-visible,
+.m-image-preview__nav:focus-visible {
+    outline: 2px solid var(--m-color-focus-ring);
+    outline-offset: 2px;
+}
+
+.m-image-preview__nav {
+    align-items: center;
+    background: color-mix(in srgb, var(--m-color-surface) 18%, transparent);
+    border: none;
+    border-radius: var(--m-radius-full);
+    color: var(--m-color-on-emphasis);
+    cursor: pointer;
+    display: inline-flex;
+    height: 2.75rem;
+    justify-content: center;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 2.75rem;
+}
+
+.m-image-preview__nav--prev {
+    left: var(--m-space-4);
+}
+
+.m-image-preview__nav--next {
+    right: var(--m-space-4);
+}

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

@@ -0,0 +1,31 @@
+import { InjectionKey, Ref } from 'vue';
+import { RootPassThrough } from '../../shared/passThrough';
+export type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export interface ImageProps {
+    pt?: RootPassThrough;
+    src: string;
+    alt?: string;
+    width?: string | number;
+    height?: string | number;
+    /** Enable click-to-preview. Default `true`. */
+    preview?: boolean;
+    /** Preview image src; defaults to `src`. */
+    previewSrc?: string;
+    fit?: ImageFit;
+}
+export interface ImageEmits {
+    'click-preview': [];
+}
+export interface ImagePreviewGroupProps {
+    pt?: RootPassThrough;
+}
+export interface ImagePreviewGroupContext {
+    register: (src: string) => number;
+    unregister: (id: number) => void;
+    openAt: (id: number) => void;
+    previewOpen: Ref<boolean>;
+    activeIndex: Ref<number>;
+    images: Ref<string[]>;
+}
+export declare const IMAGE_PREVIEW_GROUP_KEY: InjectionKey<ImagePreviewGroupContext>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Image/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAA;AAE3E,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAA;CACf;AAED,MAAM,WAAW,UAAU;IACzB,eAAe,EAAE,EAAE,CAAA;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IACjC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5B,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;IACzB,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAA;CACtB;AAED,eAAO,MAAM,uBAAuB,EAAE,YAAY,CAAC,wBAAwB,CAC7C,CAAA"}

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

@@ -16,14 +16,14 @@ declare const __VLS_base: DefineComponent<InputProps, {
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
     clear: () => any;
-    blur: (value: FocusEvent) => any;
     change: (value: string) => any;
+    blur: (value: FocusEvent) => any;
     focus: (value: FocusEvent) => any;
 }, string, PublicProps, Readonly<InputProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onBlur?: ((value: FocusEvent) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    onBlur?: ((value: FocusEvent) => any) | undefined;
     onFocus?: ((value: FocusEvent) => any) | undefined;
 }>, {
     modelValue: string;
@@ -32,6 +32,7 @@ declare const __VLS_base: DefineComponent<InputProps, {
     invalid: boolean;
     clearable: boolean;
     fluid: boolean;
+    allowClear: boolean;
     readonly: boolean;
     showCount: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.vue"],"names":[],"mappings":";AA2KA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAuFzC,iBAAS,KAAK,SAEb;AAED,iBAAS,IAAI,SAEZ;AAED,iBAAS,MAAM,SAEd;AAwKD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,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":"Input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.vue"],"names":[],"mappings":";AAyLA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAqGzC,iBAAS,KAAK,SAEb;AAED,iBAAS,IAAI,SAEZ;AAED,iBAAS,MAAM,SAEd;AAyKD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO9C,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/Input/styles.css

@@ -17,6 +17,11 @@
     box-shadow: var(--m-focus-shadow-danger);
 }
 
+.m-input--warning:focus-visible {
+    border-color: var(--m-color-warning);
+    box-shadow: var(--m-focus-shadow-warning);
+}
+
 .m-input-field {
     display: grid;
     gap: var(--m-space-2);
@@ -30,7 +35,7 @@
     color: var(--m-color-text);
     font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
-    font-weight: 600;
+    font-weight: 500;
 }
 
 .m-input-field__help {
@@ -108,6 +113,12 @@
     border-color: var(--m-color-danger);
 }
 
+.m-input-field__control--prefixed:has(.m-input--warning),
+.m-input-field__control--suffixed:has(.m-input--warning),
+.m-input-field__control--clearable:has(.m-input--warning) {
+    border-color: var(--m-color-warning);
+}
+
 .m-input-field__control--prefixed:hover:not(:focus-within):has(
         .m-input:not(:disabled)
     ),
@@ -134,11 +145,20 @@
     box-shadow: var(--m-focus-shadow-danger);
 }
 
+.m-input-field__control--prefixed:has(.m-input--warning):focus-within,
+.m-input-field__control--suffixed:has(.m-input--warning):focus-within,
+.m-input-field__control--clearable:has(.m-input--warning):focus-within {
+    border-color: var(--m-color-warning);
+    box-shadow: var(--m-focus-shadow-warning);
+}
+
 .m-input-field__control--prefixed:has(.m-input:disabled),
 .m-input-field__control--suffixed:has(.m-input:disabled),
 .m-input-field__control--clearable:has(.m-input:disabled) {
+    background-color: var(--m-color-bg-disabled);
+    color: var(--m-color-text-disabled);
     cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
+    opacity: 1;
 }
 
 .m-input-field__control--prefixed .m-input,
@@ -274,6 +294,10 @@
     border-color: var(--m-color-danger);
 }
 
+.m-input--warning {
+    border-color: var(--m-color-warning);
+}
+
 .m-input--small,
 .m-input--sm {
     font-size: var(--m-control-font-small);

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

@@ -1,6 +1,6 @@
 import { MNativeInputProps } from '../../shared/nativeControlProps';
 import { FieldPassThrough, PassThroughPart } from '../../shared/passThrough';
-import { MInputVariant, MSizeInput } from '../../shared/types';
+import { MFieldStatus, MInputVariant, MSizeInput } from '../../shared/types';
 export type InputPassThrough = FieldPassThrough & Partial<Record<'prefix' | 'suffix' | 'help' | 'count', PassThroughPart>>;
 export interface InputProps extends MNativeInputProps {
     modelValue?: string;
@@ -8,6 +8,11 @@ export interface InputProps extends MNativeInputProps {
     helpText?: string;
     /** Marks the field invalid. */
     invalid?: boolean;
+    /**
+     * Visual validate status. `error` aligns with `invalid`; `warning` is caution chrome.
+     * Error/`invalid` wins over `warning`.
+     */
+    status?: MFieldStatus;
     /** Error copy under the field; implies invalid when set. */
     errorMessage?: string;
     id?: string;
@@ -21,6 +26,8 @@ export interface InputProps extends MNativeInputProps {
     disabled?: boolean;
     readonly?: boolean;
     clearable?: boolean;
+    /** Alias of `clearable` . `clearable` wins. */
+    allowClear?: boolean;
     /** Native maxlength. */
     maxlength?: number;
     /** Show character count (with maxlength when set). */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEnE,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAC7C,OAAO,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;AAE1E,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;IAC/D,iEAAiE;IACjE,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxC,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACvC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AACjF,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEjF,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAC7C,OAAO,CAAC,MAAM,CAAC,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;AAE1E,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;OAGG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAA;IAC/D,iEAAiE;IACjE,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzC,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxC,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACvC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB"}

package/dist/components/InputColor/styles.css

@@ -1,4 +1,4 @@
-/* —— Form: InputColor —— */
+/* --- Form: InputColor --- */
 .m-inputcolor-field {
     display: grid;
     gap: var(--m-space-2);
@@ -8,7 +8,7 @@
     color: var(--m-color-text);
     font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
-    font-weight: 600;
+    font-weight: 500;
 }
 
 .m-inputcolor {

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

@@ -15,13 +15,13 @@ declare const __VLS_base: DefineComponent<InputNumberProps, {
     select: typeof select;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: number | null) => any;
-    blur: (value: FocusEvent) => any;
     change: (value: number | null) => any;
+    blur: (value: FocusEvent) => any;
     focus: (value: FocusEvent) => any;
 }, string, PublicProps, Readonly<InputNumberProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
-    onBlur?: ((value: FocusEvent) => any) | undefined;
     onChange?: ((value: number | null) => any) | undefined;
+    onBlur?: ((value: FocusEvent) => any) | undefined;
     onFocus?: ((value: FocusEvent) => any) | undefined;
 }>, {
     modelValue: number | null;

package/dist/components/InputNumber/styles.css

@@ -1,4 +1,4 @@
-/* —— Form: InputNumber —— */
+/* --- Form: InputNumber --- */
 .m-inputnumber-field {
     display: grid;
     gap: var(--m-space-2);
@@ -12,7 +12,7 @@
     color: var(--m-color-text);
     font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
-    font-weight: 600;
+    font-weight: 500;
 }
 
 .m-inputnumber-field__help {

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

@@ -21,23 +21,24 @@ declare const __VLS_base: DefineComponent<InputPasswordProps, {
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
     clear: () => any;
-    blur: (value: FocusEvent) => any;
     change: (value: string) => any;
+    blur: (value: FocusEvent) => any;
     focus: (value: FocusEvent) => any;
 }, string, PublicProps, Readonly<InputPasswordProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onBlur?: ((value: FocusEvent) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
+    onBlur?: ((value: FocusEvent) => any) | undefined;
     onFocus?: ((value: FocusEvent) => any) | undefined;
 }>, {
     modelValue: string;
     disabled: boolean;
     invalid: boolean;
+    showIcon: IconName | Component;
     clearable: boolean;
     fluid: boolean;
+    allowClear: boolean;
     readonly: boolean;
-    showIcon: IconName | Component;
     showCount: boolean;
     feedback: boolean;
     toggleMask: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"InputPassword.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/InputPassword.vue"],"names":[],"mappings":"AA8RA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAC;AAEnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAqLjD,iBAAS,KAAK,SAEb;AAED,iBAAS,IAAI,SAEZ;AAED,iBAAS,MAAM,SAEd;AAyOD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOjD,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":"InputPassword.vue.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/InputPassword.vue"],"names":[],"mappings":"AA2SA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,KAAK,CAAC;AAEnC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAkMjD,iBAAS,KAAK,SAEb;AAED,iBAAS,IAAI,SAEZ;AAED,iBAAS,MAAM,SAEd;AA2OD,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOjD,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/InputPassword/styles.css

@@ -1,4 +1,4 @@
-/* —— Form: InputPassword —— */
+/* --- Form: InputPassword --- */
 .m-password-field {
     display: grid;
     gap: var(--m-space-2);
@@ -12,7 +12,7 @@
     color: var(--m-color-text);
     font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
-    font-weight: 600;
+    font-weight: 500;
 }
 
 .m-password {
@@ -58,6 +58,10 @@
     border-color: var(--m-color-danger);
 }
 
+.m-password--warning {
+    border-color: var(--m-color-warning);
+}
+
 .m-password:hover:not(.m-password--disabled):not(:focus-within) {
     border-color: var(--m-color-primary-hover);
 }
@@ -72,9 +76,16 @@
     box-shadow: var(--m-focus-shadow-danger);
 }
 
+.m-password--warning:focus-within {
+    border-color: var(--m-color-warning);
+    box-shadow: var(--m-focus-shadow-warning);
+}
+
 .m-password--disabled {
+    background-color: var(--m-color-bg-disabled);
+    color: var(--m-color-text-disabled);
     cursor: not-allowed;
-    opacity: var(--m-opacity-disabled);
+    opacity: 1;
 }
 
 .m-password__input {