@getcortexlabs/mavis-web 0.0.0-stage → 0.1.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Rafael Augusto
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,26 @@
-# Temporary Holding Version
+# Mavis for Vue Web
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Vue Web implementation of the ten Mavis components, version `0.1.0-alpha.1`. Experimental prerelease for testing in real apps; the API can change between alpha versions. Licensed under MIT.
+
+In an existing Vue application:
+
+```sh
+npm install @getcortexlabs/mavis-web@0.1.0-alpha.1
+```
+
+```ts
+import { createApp } from 'vue'
+import { createMavis } from '@getcortexlabs/mavis-web'
+import '@getcortexlabs/mavis-web/style.css'
+import App from './App.vue'
+
+createApp(App).use(createMavis()).mount('#app')
+```
+
+The stylesheet supplies focus indicators, box overlays, and motion. The plugin registers Screen, Row, Column, Box, Card, Text, Button, Input, Slider and Reveal; Vue also accepts their `m-*` spellings.
+
+Themes and Vue context come from `@getcortexlabs/mavis-core`. NativeScript and Jolt are not dependencies of this package. Browser motion currently uses CSS; [Jolt #236](https://github.com/rafaelaugustos/jolt/issues/236) tracks its Web backend.
+
+Use `MText.as` for HTML heading semantics. Buttons emit a payload-free `click` and retain native HTML keyboard activation. Sliders expose semantic values to accessibility APIs, including fractional steps. Theme state belongs to each app. The package is safe to import during server rendering.
+
+Tested with Vue 3.5.42, Vite 6.4.5, TypeScript 6.0.3 and vue-tsc 3.3.13. See the [Web guide](https://mavis-ui.getcortexlabs.com/guide/web) for setup and portability limits, and the [release notes](https://github.com/getcortexlabs/mavis-ui/blob/main/CHANGELOG.md) for the alpha boundary.

package/dist/components/MButton.d.ts

@@ -0,0 +1,102 @@
+export declare const MButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: import("vue").PropType<"primary" | "secondary" | "ghost">;
+        default: "primary" | "secondary" | "ghost";
+        validator: (value: "primary" | "secondary" | "ghost") => boolean;
+    };
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg">;
+        default: "sm" | "md" | "lg";
+        validator: (value: "sm" | "md" | "lg") => boolean;
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    grow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shrink: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityHidden: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    variant: {
+        type: import("vue").PropType<"primary" | "secondary" | "ghost">;
+        default: "primary" | "secondary" | "ghost";
+        validator: (value: "primary" | "secondary" | "ghost") => boolean;
+    };
+    size: {
+        type: import("vue").PropType<"sm" | "md" | "lg">;
+        default: "sm" | "md" | "lg";
+        validator: (value: "sm" | "md" | "lg") => boolean;
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingText: {
+        type: StringConstructor;
+        default: string;
+    };
+    grow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shrink: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityHidden: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    grow: number;
+    shrink: number;
+    id: string;
+    accessibilityLabel: string;
+    accessibilityHidden: boolean;
+    size: "sm" | "md" | "lg";
+    text: string;
+    disabled: boolean;
+    variant: "primary" | "secondary" | "ghost";
+    loading: boolean;
+    loadingText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MButton.d.ts.map

package/dist/components/MButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MButton.d.ts","sourceRoot":"","sources":["../../src/components/MButton.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA4DlB,CAAA"}

package/dist/components/MButton.js

@@ -0,0 +1,59 @@
+import { defineComponent, h, mergeProps } from 'vue';
+import { buttonProps, useMavisTheme, actionEmits, textContent, useDefaultShrink, viewAttrs, } from '@getcortexlabs/mavis-core/vue';
+import { nonNegative } from '@getcortexlabs/mavis-core';
+import { webAttrs } from '../style.js';
+export const MButton = defineComponent({
+    name: 'MButton',
+    inheritAttrs: false,
+    props: buttonProps,
+    emits: actionEmits,
+    setup(props, { attrs, slots, emit }) {
+        const { theme } = useMavisTheme();
+        const shrink = useDefaultShrink();
+        return () => {
+            const { colors, control, radius, motion } = theme.value;
+            const size = control[props.size];
+            const primary = props.variant === 'primary';
+            const text = props.loading
+                ? props.loadingText
+                : (props.text ?? textContent(slots.default?.()));
+            return h('button', mergeProps({
+                class: 'm-button',
+                style: {
+                    boxSizing: 'border-box',
+                    minHeight: `${size.height}px`,
+                    padding: `12px ${size.padding}px`,
+                    fontSize: `${size.fontSize}px`,
+                    fontWeight: 600,
+                    fontFamily: 'inherit',
+                    lineHeight: 1.3,
+                    backgroundColor: primary
+                        ? colors.primary
+                        : props.variant === 'secondary'
+                            ? colors.elevated
+                            : 'transparent',
+                    color: primary ? colors.onPrimary : colors.text,
+                    borderRadius: `${radius.md}px`,
+                    border: 0,
+                    margin: 0,
+                    opacity: props.disabled ? 0.45 : 1,
+                    flexGrow: nonNegative(props.grow, 'grow'),
+                    flexShrink: nonNegative(props.shrink ?? shrink, 'shrink'),
+                    minWidth: '44px',
+                    '--m-press-scale': motion.pressScale,
+                    '--m-focus': colors.primary,
+                },
+            }, webAttrs({ ...attrs, ...viewAttrs(props) }), {
+                type: 'button',
+                disabled: props.disabled,
+                'aria-disabled': props.disabled || props.loading || undefined,
+                'aria-busy': props.loading || undefined,
+                onClick: () => {
+                    if (!props.disabled && !props.loading)
+                        emit('click');
+                },
+            }), text);
+        };
+    },
+});
+//# sourceMappingURL=MButton.js.map

package/dist/components/MButton.js.map

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

package/dist/components/MCard.d.ts

@@ -0,0 +1,127 @@
+export declare const MCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    padding: {
+        default: string;
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Spacing>;
+    };
+    radius: {
+        default: string;
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Radius | number>;
+    };
+    gap: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Spacing>;
+        default: undefined;
+    };
+    interactive: BooleanConstructor;
+    disabled: BooleanConstructor;
+    paddingX: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Spacing>;
+        default: undefined;
+    };
+    paddingY: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Spacing>;
+        default: undefined;
+    };
+    width: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Dimension>;
+        default: undefined;
+    };
+    height: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Dimension>;
+        default: undefined;
+    };
+    backgroundColor: StringConstructor;
+    grow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shrink: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityHidden: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    padding: {
+        default: string;
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Spacing>;
+    };
+    radius: {
+        default: string;
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Radius | number>;
+    };
+    gap: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Spacing>;
+        default: undefined;
+    };
+    interactive: BooleanConstructor;
+    disabled: BooleanConstructor;
+    paddingX: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Spacing>;
+        default: undefined;
+    };
+    paddingY: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Spacing>;
+        default: undefined;
+    };
+    width: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Dimension>;
+        default: undefined;
+    };
+    height: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Dimension>;
+        default: undefined;
+    };
+    backgroundColor: StringConstructor;
+    grow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shrink: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityHidden: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    padding: import("@getcortexlabs/mavis-core").Spacing;
+    paddingX: import("@getcortexlabs/mavis-core").Spacing;
+    paddingY: import("@getcortexlabs/mavis-core").Spacing;
+    radius: number | import("@getcortexlabs/mavis-core").Radius;
+    width: import("@getcortexlabs/mavis-core").Dimension;
+    height: import("@getcortexlabs/mavis-core").Dimension;
+    grow: number;
+    shrink: number;
+    id: string;
+    accessibilityLabel: string;
+    accessibilityHidden: boolean;
+    gap: import("@getcortexlabs/mavis-core").Spacing;
+    interactive: boolean;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MCard.d.ts.map

package/dist/components/MCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCard.d.ts","sourceRoot":"","sources":["../../src/components/MCard.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EAmDhB,CAAA"}

package/dist/components/MCard.js

@@ -0,0 +1,51 @@
+import { defineComponent, h, mergeProps } from 'vue';
+import { cardProps, useMavisTheme, actionEmits } from '@getcortexlabs/mavis-core/vue';
+import { MColumn } from './layout.js';
+export const MCard = defineComponent({
+    name: 'MCard',
+    inheritAttrs: false,
+    props: cardProps,
+    emits: actionEmits,
+    setup(props, { attrs, slots, emit }) {
+        const { theme } = useMavisTheme();
+        const activate = () => {
+            if (props.interactive && !props.disabled)
+                emit('click');
+        };
+        return () => {
+            const { interactive, disabled, ...layout } = props;
+            return h(MColumn, mergeProps(layout, {
+                class: { 'm-card-interactive': interactive },
+                style: {
+                    backgroundColor: props.backgroundColor ?? theme.value.colors.surface,
+                    border: `1px solid ${theme.value.colors.border}`,
+                    opacity: interactive && disabled ? 0.45 : 1,
+                    '--m-press-scale': theme.value.motion.pressScale,
+                    '--m-focus': theme.value.colors.primary,
+                },
+            }, attrs, interactive
+                ? {
+                    role: 'button',
+                    tabindex: disabled ? -1 : 0,
+                    'aria-disabled': disabled || undefined,
+                    onClick: activate,
+                    onKeydown: (event) => {
+                        if (event.target !== event.currentTarget)
+                            return;
+                        if (event.key === 'Enter' || event.key === ' ')
+                            event.preventDefault();
+                        if (event.key === 'Enter' && !event.repeat)
+                            activate();
+                    },
+                    onKeyup: (event) => {
+                        if (event.target === event.currentTarget && event.key === ' ') {
+                            event.preventDefault();
+                            activate();
+                        }
+                    },
+                }
+                : {}), slots);
+        };
+    },
+});
+//# sourceMappingURL=MCard.js.map

package/dist/components/MCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MCard.js","sourceRoot":"","sources":["../../src/components/MCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AACrF,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,eAAe,CAAC;IACnC,IAAI,EAAE,OAAO;IACb,YAAY,EAAE,KAAK;IACnB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,WAAW;IAClB,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE;QACjC,MAAM,EAAE,KAAK,EAAE,GAAG,aAAa,EAAE,CAAA;QACjC,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,IAAI,KAAK,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAAE,IAAI,CAAC,OAAO,CAAC,CAAA;QACzD,CAAC,CAAA;QACD,OAAO,GAAG,EAAE;YACV,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAA;YAClD,OAAO,CAAC,CACN,OAAO,EACP,UAAU,CACR,MAAM,EACN;gBACE,KAAK,EAAE,EAAE,oBAAoB,EAAE,WAAW,EAAE;gBAC5C,KAAK,EAAE;oBACL,eAAe,EAAE,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;oBACpE,MAAM,EAAE,aAAa,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE;oBAChD,OAAO,EAAE,WAAW,IAAI,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBAC3C,iBAAiB,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU;oBAChD,WAAW,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;iBACxC;aACF,EACD,KAAK,EACL,WAAW;gBACT,CAAC,CAAC;oBACE,IAAI,EAAE,QAAQ;oBACd,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAC3B,eAAe,EAAE,QAAQ,IAAI,SAAS;oBACtC,OAAO,EAAE,QAAQ;oBACjB,SAAS,EAAE,CAAC,KAAoB,EAAE,EAAE;wBAClC,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa;4BAAE,OAAM;wBAChD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG;4BAAE,KAAK,CAAC,cAAc,EAAE,CAAA;wBACtE,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM;4BAAE,QAAQ,EAAE,CAAA;oBACxD,CAAC;oBACD,OAAO,EAAE,CAAC,KAAoB,EAAE,EAAE;wBAChC,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;4BAC9D,KAAK,CAAC,cAAc,EAAE,CAAA;4BACtB,QAAQ,EAAE,CAAA;wBACZ,CAAC;oBACH,CAAC;iBACF;gBACH,CAAC,CAAC,EAAE,CACP,EACD,KAAK,CACN,CAAA;QACH,CAAC,CAAA;IACH,CAAC;CACF,CAAC,CAAA"}

package/dist/components/MInput.d.ts

@@ -0,0 +1,175 @@
+export declare const MInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    width: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Dimension>;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<"text" | "email" | "password" | "tel" | "url" | "search">;
+        default: "text" | "email" | "password" | "tel" | "url" | "search";
+        validator: (value: "text" | "email" | "password" | "tel" | "url" | "search") => boolean;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    multiline: BooleanConstructor;
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxLength: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    autocapitalize: {
+        type: import("vue").PropType<"none" | "sentences" | "words" | "characters">;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    autocorrect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    returnKey: {
+        type: import("vue").PropType<"search" | "done" | "next" | "go" | "send">;
+        default: "search" | "done" | "next" | "go" | "send";
+        validator: (value: "search" | "done" | "next" | "go" | "send") => boolean;
+    };
+    grow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shrink: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityHidden: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: string) => boolean;
+    focus: () => boolean;
+    blur: () => boolean;
+    submit: (value: string) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    width: {
+        type: import("vue").PropType<import("@getcortexlabs/mavis-core").Dimension>;
+        default: undefined;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: import("vue").PropType<"text" | "email" | "password" | "tel" | "url" | "search">;
+        default: "text" | "email" | "password" | "tel" | "url" | "search";
+        validator: (value: "text" | "email" | "password" | "tel" | "url" | "search") => boolean;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    multiline: BooleanConstructor;
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxLength: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    autocapitalize: {
+        type: import("vue").PropType<"none" | "sentences" | "words" | "characters">;
+        default: undefined;
+        validator: (value: string) => boolean;
+    };
+    autocorrect: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    returnKey: {
+        type: import("vue").PropType<"search" | "done" | "next" | "go" | "send">;
+        default: "search" | "done" | "next" | "go" | "send";
+        validator: (value: "search" | "done" | "next" | "go" | "send") => boolean;
+    };
+    grow: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shrink: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    accessibilityHidden: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onSubmit?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    width: import("@getcortexlabs/mavis-core").Dimension;
+    grow: number;
+    shrink: number;
+    id: string;
+    accessibilityHidden: boolean;
+    type: "search" | "text" | "email" | "password" | "tel" | "url";
+    error: string;
+    disabled: boolean;
+    modelValue: string;
+    placeholder: string;
+    helperText: string;
+    readonly: boolean;
+    multiline: boolean;
+    rows: number;
+    maxLength: number;
+    autocapitalize: "none" | "sentences" | "words" | "characters";
+    autocorrect: boolean;
+    returnKey: "done" | "search" | "next" | "go" | "send";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=MInput.d.ts.map

package/dist/components/MInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MInput.d.ts","sourceRoot":"","sources":["../../src/components/MInput.ts"],"names":[],"mappings":"AAyBA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4EA+LjB,CAAA"}