morya-ui 0.3.8 → 0.4.1

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

@@ -1,16 +1,36 @@
 import { RootPassThrough } from '../../shared/passThrough';
 import { MSizeInput } from '../../shared/types';
+import { NamePath } from './paths';
+import { FormInstance } from './useForm';
+export type { NamePath, NamePathKey } from './paths';
 export type FormLabelPosition = 'top' | 'left';
 export type FormLabelAlign = 'left' | 'center' | 'right';
 export type FormValidateTrigger = 'submit' | 'blur' | 'change' | 'input';
 export type FormFieldValidator = (trigger?: FormValidateTrigger | 'all') => boolean | string | undefined | void | Promise<boolean | string | undefined | void>;
 export type FormModel = Record<string, unknown>;
+/** Value kinds recognised by the built-in `type` rule. */
+export type FormRuleType = 'string' | 'number' | 'boolean' | 'array' | 'object' | 'email' | 'url' | 'integer' | 'date';
 export interface FormItemRule {
     required?: boolean;
     message?: string;
     min?: number;
     max?: number;
+    /** Exact length (string / array) or exact value (number). */
+    len?: number;
     pattern?: RegExp;
+    /** Built-in value type check. */
+    type?: FormRuleType;
+    /** Reject strings that are only whitespace (defaults to `true` for `required`). */
+    whitespace?: boolean;
+    /** Allowed values. */
+    enum?: unknown[];
+    /** Transform the value before the rule is evaluated. */
+    transform?: (value: unknown) => unknown;
+    /**
+     * Report a warning instead of an error.
+     * Warnings are surfaced but do not make the form invalid.
+     */
+    warningOnly?: boolean;
     /**
      * When this rule runs. Omit to inherit Form `validateOn`.
      * Programmatic `validate()` / submit always runs every rule.
@@ -26,17 +46,22 @@ export type FormRules = Record<string, FormItemRule | FormItemRule[]>;
 export interface FormValidateResult {
     valid: boolean;
     errors: Record<string, string>;
+    /** Messages produced by `warningOnly` rules. */
+    warnings: Record<string, string>;
 }
-export interface FormInstance {
-    validate: (name?: string) => Promise<FormValidateResult>;
-    clearValidate: (name?: string) => void;
-    reset: () => void;
-    resetFields: (names?: string | string[]) => void;
-    errors: Record<string, string>;
-}
+export type FormScrollToFieldOptions = ScrollIntoViewOptions & {
+    /** Focus the first focusable control inside the field after scrolling. */
+    focus?: boolean;
+};
+/** The instance returned by `useForm()` and exposed by `MForm`. */
+export type { FormInstance };
 export interface FormProps {
-    /** Bound values used by declarative `rules`. */
+    /** Bound values used by declarative `rules`. Omit to use an internal model. */
     model?: FormModel;
+    /** Controlled instance from `useForm()`. */
+    form?: FormInstance;
+    /** Initial values applied to the model once, on mount. */
+    initialValues?: FormModel;
     /** Declarative rules keyed by FormItem `name`. */
     rules?: FormRules;
     /** Label placement for FormItem children. */
@@ -51,15 +76,25 @@ export interface FormProps {
     inline?: boolean;
     /** Show required mark on FormItem with `required` or a required rule. */
     requireMark?: boolean;
+    /** Alias of `requireMark` . `requireMark` wins. */
+    requiredMark?: boolean;
     /** Disable all nested fields (informational; FormItem forwards via CSS). */
     disabled?: boolean;
-    /** Default control size for nested fields. */
+    /**
+     * Default control size inherited by nested fields that omit their own `size`
+     * (Input / Textarea / InputPassword / Select, etc.).
+     */
     size?: MSizeInput;
     /**
      * When to run field validation.
      * Also the default `trigger` for rules that omit one.
      */
     validateOn?: FormValidateTrigger | FormValidateTrigger[];
+    /**
+     * After a failed `validate()` / submit validation, scroll to the first error field.
+     * Pass `true` for default `scrollIntoView`, or ScrollIntoView options.
+     */
+    scrollToFirstError?: boolean | FormScrollToFieldOptions;
     /** Pass-through attrs/classes/styles for the root `<form>` element. */
     pt?: RootPassThrough;
 }
@@ -67,8 +102,16 @@ export interface FormItemProps {
     label?: string;
     /** Associates label with a control id. */
     for?: string;
-    /** Field name used for Form.validate / rules lookup. */
-    name?: string;
+    /**
+     * Field name used for validation / rules lookup.
+     * Supports nested paths: `'user.name'`, `'items[0].title'`, or `['items', index, 'title']`.
+     */
+    name?: NamePath;
+    /**
+     * Name paths this field depends on.
+     * The field re-validates when any of them changes.
+     */
+    dependencies?: NamePath[];
     required?: boolean;
     /** Explicit invalid state (also implied by non-empty `error`). */
     invalid?: boolean;

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

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

package/dist/components/Form/useForm.d.ts

@@ -0,0 +1,58 @@
+import { NamePath } from './paths';
+import { FormScrollToFieldOptions, FormValidateResult } from './types';
+/** Imperative surface exposed by a bound form. */
+export interface FormInstance {
+    /** Read a single field value by name path. */
+    getFieldValue: (name: NamePath) => unknown;
+    /** Snapshot of all field values. */
+    getFieldsValue: () => Record<string, unknown>;
+    /** Write a single field value by name path. */
+    setFieldValue: (name: NamePath, value: unknown) => void;
+    /**
+     * Write several values at once. Keys are name paths, so nested writes work:
+     * `setFieldsValue({ 'user.name': 'Ada', 'items[0].done': true })`.
+     */
+    setFieldsValue: (values: Record<string, unknown>) => void;
+    /** Validate every field, or only the given name paths. */
+    validate: (nameList?: NamePath | NamePath[]) => Promise<FormValidateResult>;
+    /** Alias of `validate`. */
+    validateFields: (nameList?: NamePath | NamePath[]) => Promise<FormValidateResult>;
+    /** Clear validation state (all fields, or the given name paths). */
+    clearValidate: (nameList?: NamePath | NamePath[]) => void;
+    /** Restore the initial snapshot (all fields, or the given name paths). */
+    resetFields: (nameList?: NamePath | NamePath[]) => void;
+    /** Reset every field and clear validation state. */
+    reset: () => void;
+    /** Scroll a field into view (requires the item to have a `name`). */
+    scrollToField: (name: NamePath, options?: FormScrollToFieldOptions) => void;
+    /** Scroll to the first field that currently has an error. */
+    scrollToFirstError: (options?: FormScrollToFieldOptions) => void;
+    /** Current errors, keyed by name path. */
+    readonly errors: Record<string, string>;
+    /** Current warning-only messages, keyed by name path. */
+    readonly warnings: Record<string, string>;
+}
+/**
+ * The form-side implementation. `MForm` builds this and hands it to the
+ * instance created by `useForm`.
+ */
+export interface FormInstanceApi {
+    getFieldValue: (name: NamePath) => unknown;
+    getFieldsValue: () => Record<string, unknown>;
+    setFieldValue: (name: NamePath, value: unknown) => void;
+    validate: (nameList?: NamePath | NamePath[]) => Promise<FormValidateResult>;
+    clearValidate: (nameList?: NamePath | NamePath[]) => void;
+    resetFields: (nameList?: NamePath | NamePath[]) => void;
+    reset: () => void;
+    scrollToField: (name: NamePath, options?: FormScrollToFieldOptions) => void;
+    scrollToFirstError: (options?: FormScrollToFieldOptions) => void;
+    getErrors: () => Record<string, string>;
+    getWarnings: () => Record<string, string>;
+}
+/** Connect a `useForm()` instance to a mounted form. Returns an unbind function. */
+export declare function bindFormInstance(instance: FormInstance, api: FormInstanceApi): () => void;
+/** Create a controlled form instance. */
+export declare function useForm(): FormInstance;
+/** True when the value looks like a `useForm()` handle. */
+export declare function isFormInstance(value: unknown): value is FormInstance;
+//# sourceMappingURL=useForm.d.ts.map

package/dist/components/Form/useForm.d.ts.map

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

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

@@ -0,0 +1,22 @@
+import { ColProps } 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<ColProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ColProps> & Readonly<{}>, {
+    push: number;
+    span: number;
+    component: string;
+    offset: number;
+    pull: number;
+}, {}, {}, {}, 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=Col.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Col.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/Col.vue"],"names":[],"mappings":";AA2FA,OAAO,KAAK,EAAE,QAAQ,EAAuB,MAAM,eAAe,CAAA;AA2HlE,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/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/IconField/styles.css

@@ -210,7 +210,7 @@
     ):focus-within,
 .m-icon-field--anchored
     .m-textarea-field__control:not(.m-textarea-field__control--clearable):focus-within {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
 }
 

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>;