@codemonster-ru/vueforge 0.92.0 → 0.94.0

package/dist/package/components/form-field.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     disabled: boolean;
     error: string;
     size: Size;
-    required: boolean;
     id: string;
+    required: boolean;
     hint: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -68,9 +68,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
 }>, {
     disabled: boolean;
     submit: FormSubmitHandler;
+    modelValue: FormValues;
     id: string;
     ariaLabel: string;
-    modelValue: FormValues;
     ariaLabelledby: string;
     initialValues: FormValues;
     validate: FormValidateHandler;

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

@@ -0,0 +1,60 @@
+type ChangeSource = 'button' | 'thumbnail' | 'indicator' | 'keyboard' | 'autoplay';
+export interface GalleriaItem {
+    src: string;
+    thumbnailSrc?: string;
+    alt?: string;
+    caption?: string;
+    disabled?: boolean;
+    key?: string | number;
+}
+interface Props {
+    modelValue?: number;
+    items?: Array<GalleriaItem>;
+    showThumbnails?: boolean;
+    showIndicators?: boolean;
+    showCaption?: boolean;
+    circular?: boolean;
+    autoPlay?: boolean;
+    autoPlayInterval?: number;
+    pauseOnHover?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (payload: {
+        index: number;
+        previousIndex: number;
+        source: ChangeSource;
+    }) => any;
+    "update:modelValue": (value: number) => any;
+    itemClick: (payload: {
+        item: GalleriaItem;
+        index: number;
+        event: MouseEvent;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: ((payload: {
+        index: number;
+        previousIndex: number;
+        source: ChangeSource;
+    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onItemClick?: ((payload: {
+        item: GalleriaItem;
+        index: number;
+        event: MouseEvent;
+    }) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: number;
+    ariaLabel: string;
+    items: Array<GalleriaItem>;
+    circular: boolean;
+    pauseOnHover: boolean;
+    showIndicators: boolean;
+    showThumbnails: boolean;
+    showCaption: boolean;
+    autoPlay: boolean;
+    autoPlayInterval: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -0,0 +1,22 @@
+import { PassThroughOptions } from '../config/pass-through';
+interface Props {
+    icon?: string;
+    size?: string | number;
+    color?: string;
+    spin?: boolean;
+    decorative?: boolean;
+    ariaLabel?: string;
+    pt?: PassThroughOptions;
+    unstyled?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: string | number;
+    ariaLabel: string;
+    icon: string;
+    spin: boolean;
+    color: string;
+    pt: PassThroughOptions;
+    unstyled: boolean;
+    decorative: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

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

@@ -1,6 +1,11 @@
 import { PassThroughOptions } from '../config/pass-through';
 type ObjectFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
 type CloseReason = 'overlay' | 'esc' | 'button';
+interface PreviewItem {
+    src: string;
+    alt?: string;
+    downloadName?: string;
+}
 interface Props {
     src?: string;
     alt?: string;
@@ -14,6 +19,20 @@ interface Props {
     disabled?: boolean;
     closeOnOverlay?: boolean;
     closeOnEscape?: boolean;
+    previewGroup?: PreviewItem[];
+    previewStartIndex?: number;
+    loopPreview?: boolean;
+    zoomStep?: number;
+    minZoom?: number;
+    maxZoom?: number;
+    showDownload?: boolean;
+    downloadLabel?: string;
+    downloadFileName?: string;
+    prevLabel?: string;
+    nextLabel?: string;
+    zoomInLabel?: string;
+    zoomOutLabel?: string;
+    zoomResetLabel?: string;
     previewAriaLabel?: string;
     dialogAriaLabel?: string;
     closeLabel?: string;
@@ -30,16 +49,32 @@ declare const _default: import('vue').DefineComponent<Props, {
     load: (payload: Event) => any;
     "update:modelValue": (value: boolean) => any;
     open: () => any;
+    previewChange: (payload: {
+        index: number;
+        src: string;
+    }) => any;
+    zoomChange: (payload: {
+        zoom: number;
+    }) => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClose?: ((reason: CloseReason) => any) | undefined;
     onError?: ((payload: Event) => any) | undefined;
     onLoad?: ((payload: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;
+    onPreviewChange?: ((payload: {
+        index: number;
+        src: string;
+    }) => any) | undefined;
+    onZoomChange?: ((payload: {
+        zoom: number;
+    }) => any) | undefined;
 }>, {
     disabled: boolean;
     modelValue: boolean;
     loading: "eager" | "lazy";
+    closeOnEscape: boolean;
+    closeLabel: string;
     src: string;
     alt: string;
     fallbackSrc: string;
@@ -48,10 +83,22 @@ declare const _default: import('vue').DefineComponent<Props, {
     height: string | number;
     preview: boolean;
     closeOnOverlay: boolean;
-    closeOnEscape: boolean;
+    previewGroup: PreviewItem[];
+    previewStartIndex: number;
+    loopPreview: boolean;
+    zoomStep: number;
+    minZoom: number;
+    maxZoom: number;
+    showDownload: boolean;
+    downloadLabel: string;
+    downloadFileName: string;
+    prevLabel: string;
+    nextLabel: string;
+    zoomInLabel: string;
+    zoomOutLabel: string;
+    zoomResetLabel: string;
     previewAriaLabel: string;
     dialogAriaLabel: string;
-    closeLabel: string;
     teleport: boolean;
     pt: PassThroughOptions;
     unstyled: boolean;

package/dist/package/components/infinite-scroll.vue.d.ts

@@ -0,0 +1,72 @@
+export type InfiniteScrollLoadTrigger = 'intersection' | 'scroll' | 'retry' | 'manual';
+export type InfiniteScrollLoadPayload = {
+    trigger: InfiniteScrollLoadTrigger;
+};
+interface Props {
+    loading?: boolean;
+    error?: boolean;
+    hasMore?: boolean;
+    disabled?: boolean;
+    root?: HTMLElement | null;
+    scrollTarget?: Window | HTMLElement | null;
+    rootMargin?: string;
+    threshold?: number;
+    fallbackOffset?: number;
+    debounceMs?: number;
+    observeOnMount?: boolean;
+    loadingText?: string;
+    endText?: string;
+    retryLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        error?(_: {
+            retry: () => void;
+        }): any;
+        loading?(_: {}): any;
+        end?(_: {}): any;
+        sentinel?(_: {}): any;
+    };
+    refs: {
+        sentinel: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    loadMore: () => void;
+    refresh: () => void;
+    retry: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    load: (payload: InfiniteScrollLoadPayload) => any;
+    retry: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onLoad?: ((payload: InfiniteScrollLoadPayload) => any) | undefined;
+    onRetry?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    error: boolean;
+    loading: boolean;
+    root: HTMLElement | null;
+    loadingText: string;
+    rootMargin: string;
+    threshold: number;
+    hasMore: boolean;
+    scrollTarget: Window | HTMLElement | null;
+    fallbackOffset: number;
+    debounceMs: number;
+    observeOnMount: boolean;
+    endText: string;
+    retryLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    sentinel: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/components/inline-edit.vue.d.ts

@@ -19,22 +19,22 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     blur: (...args: any[]) => void;
     cancel: (...args: any[]) => void;
     focus: (...args: any[]) => void;
-    start: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    start: (...args: any[]) => void;
     save: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onEnd?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
-    onStart?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onStart?: ((...args: any[]) => any) | undefined;
     onSave?: ((...args: any[]) => any) | undefined;
 }>, {
     type: InlineEditType;
     disabled: boolean;
-    size: Size;
     modelValue: InlineEditValue;
+    size: Size;
     variant: Variant;
     placeholder: string;
     readonly: boolean;

package/dist/package/components/inline-message.vue.d.ts

@@ -0,0 +1,40 @@
+type InlineMessageSeverity = 'neutral' | 'info' | 'success' | 'warn' | 'danger';
+type InlineMessageSize = 'small' | 'normal' | 'large';
+type InlineMessageRole = 'auto' | 'status' | 'alert' | 'none';
+type InlineMessageAriaLive = 'auto' | 'off' | 'polite' | 'assertive';
+interface Props {
+    title?: string;
+    message?: string;
+    severity?: InlineMessageSeverity;
+    icon?: string;
+    size?: InlineMessageSize;
+    role?: InlineMessageRole;
+    ariaLive?: InlineMessageAriaLive;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    title: string;
+    size: InlineMessageSize;
+    role: InlineMessageRole;
+    icon: string;
+    severity: InlineMessageSeverity;
+    message: string;
+    ariaLive: InlineMessageAriaLive;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -19,10 +19,10 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     as: string;
+    wrap: Wrap;
     gap: string;
     align: Align;
     justify: Justify;
-    wrap: Wrap;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -0,0 +1,64 @@
+interface Props {
+    modelValue?: boolean;
+    disabled?: boolean;
+    closeOnEscape?: boolean;
+    closeOnOutsideClick?: boolean;
+    contentText?: string;
+    editLabel?: string;
+    closeLabel?: string;
+    ariaLabel?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        display?: () => unknown;
+        content?: () => unknown;
+        actions?: (props: {
+            close: () => void;
+        }) => unknown;
+        default?: () => unknown;
+    }> & {
+        display?: () => unknown;
+        content?: () => unknown;
+        actions?: (props: {
+            close: () => void;
+        }) => unknown;
+        default?: () => unknown;
+    };
+    refs: {
+        rootRef: HTMLElement;
+        contentRef: HTMLDivElement;
+    };
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    close: () => any;
+    toggle: (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
+    open: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onToggle?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: boolean;
+    ariaLabel: string;
+    editLabel: string;
+    closeOnEscape: boolean;
+    closeOnOutsideClick: boolean;
+    contentText: string;
+    closeLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rootRef: HTMLElement;
+    contentRef: HTMLDivElement;
+}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/package/components/input-group.vue.d.ts

@@ -19,8 +19,8 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     disabled: boolean;
     size: Size;
-    ariaLabel: string;
     variant: Variant;
+    ariaLabel: string;
     ariaLabelledby: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -46,12 +46,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     type: string;
     disabled: boolean;
     name: string;
+    modelValue: string | number;
     size: Size;
-    required: boolean;
+    variant: Variant;
     id: string;
     ariaLabel: string;
-    modelValue: string | number;
-    variant: Variant;
+    required: boolean;
     placeholder: string;
     readonly: boolean;
     autocomplete: string;

package/dist/package/components/json-viewer.vue.d.ts

@@ -0,0 +1,57 @@
+interface Props {
+    value?: unknown;
+    expandedDepth?: number;
+    sortKeys?: boolean;
+    showRoot?: boolean;
+    copyable?: boolean;
+    showToolbar?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+    emptyText?: string;
+    expandLabel?: string;
+    collapseLabel?: string;
+    expandAllLabel?: string;
+    collapseAllLabel?: string;
+    copyPathLabel?: string;
+    copyJsonLabel?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    copy: (payload: {
+        text: string;
+    }) => any;
+    toggle: (payload: {
+        path: string;
+        expanded: boolean;
+    }) => any;
+    copyPath: (payload: {
+        path: string;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onCopy?: ((payload: {
+        text: string;
+    }) => any) | undefined;
+    onToggle?: ((payload: {
+        path: string;
+        expanded: boolean;
+    }) => any) | undefined;
+    onCopyPath?: ((payload: {
+        path: string;
+    }) => any) | undefined;
+}>, {
+    disabled: boolean;
+    expandLabel: string;
+    collapseLabel: string;
+    ariaLabel: string;
+    value: undefined;
+    emptyText: string;
+    showToolbar: boolean;
+    expandedDepth: number;
+    sortKeys: boolean;
+    showRoot: boolean;
+    copyable: boolean;
+    expandAllLabel: string;
+    collapseAllLabel: string;
+    copyPathLabel: string;
+    copyJsonLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+export default _default;

package/dist/package/components/kanban-board.vue.d.ts

@@ -76,9 +76,9 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     "onUpdate:items"?: ((...args: any[]) => any) | undefined;
     onMove?: ((...args: any[]) => any) | undefined;
 }>, {
+    ariaLabel: string;
     columns: Array<KanbanColumn>;
     items: Array<KanbanBoardItem>;
-    ariaLabel: string;
     emptyColumnText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -0,0 +1,39 @@
+interface Props {
+    modelValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: number;
+    strokeWidth?: number;
+    showValue?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    ariaLabel?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (...args: any[]) => void;
+    change: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    input: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    modelValue: number;
+    size: number;
+    ariaLabel: string;
+    step: number;
+    readonly: boolean;
+    min: number;
+    max: number;
+    showValue: boolean;
+    strokeWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    controlRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/package/components/kpi-stat-card.vue.d.ts

@@ -0,0 +1,46 @@
+type TrendDirection = 'up' | 'down' | 'neutral' | 'auto';
+type DeltaFormat = 'number' | 'percent';
+interface Props {
+    title?: string;
+    subtitle?: string;
+    value?: string | number;
+    caption?: string;
+    trend?: TrendDirection;
+    trendLabel?: string;
+    delta?: number | null;
+    deltaFormat?: DeltaFormat;
+    showDelta?: boolean;
+    ariaLabel?: string;
+    locale?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        sparkline?(_: {}): any;
+        value?(_: {}): any;
+        caption?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    caption: string;
+    title: string;
+    subtitle: string;
+    ariaLabel: string;
+    value: string | number;
+    locale: string;
+    trend: TrendDirection;
+    trendLabel: string;
+    delta: number | null;
+    deltaFormat: DeltaFormat;
+    showDelta: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,5 @@
 import { RouteLocationAsRelativeGeneric, RouteLocationAsPathGeneric } from 'vue-router';
-interface Props {
+export interface Props {
     to?: string | RouteLocationAsRelativeGeneric | RouteLocationAsPathGeneric;
     href?: string;
     url?: string;

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

@@ -62,11 +62,11 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean;
+    modelValue: ListboxValue | ListboxValue[];
     size: Size;
+    variant: Variant;
     ariaLabel: string;
-    modelValue: ListboxValue | ListboxValue[];
     multiple: boolean;
-    variant: Variant;
     emptyText: string;
     options: ListboxOptions;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/dist/package/components/masked-input.vue.d.ts

@@ -52,12 +52,12 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     disabled: boolean;
     name: string;
     mask: string | MaskTransformer;
+    modelValue: string;
     size: Size;
-    required: boolean;
+    variant: Variant;
     id: string;
     ariaLabel: string;
-    modelValue: string;
-    variant: Variant;
+    required: boolean;
     placeholder: string;
     readonly: boolean;
     autocomplete: string;