@mythpe/quasar-ui-qui 0.5.8 → 0.5.10

package/dist/components/MBtn/MBtn.d.ts

@@ -1,4 +1,4 @@
-import { MBtnProps } from './MBtn';
+import { MBtnProps } from '../..';
 import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
 interface Props {
     label?: MBtnProps['label'];

package/dist/components/grid/MColumn/MColumn.d.ts

@@ -1,23 +1,11 @@
-import { MColumnProps } from './MColumn';
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption<MColumnProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<MColumnProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<Required<T>[K]>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+import { ComponentPublicInstance, VNode } from 'vue';
+import { MGridProps } from '../MGrid';
+export interface MColumnProps {
+    size?: MGridProps['size'];
+    type?: MGridProps['type'];
+}
+export interface MColumnSlots {
+    default?: () => VNode[];
+}
+export interface MColumn extends ComponentPublicInstance<MColumnProps> {
+}

package/dist/components/grid/MContainer/MContainer.d.ts

@@ -1,23 +1,32 @@
-import { MContainerProps } from './MContainer';
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+import { ComponentPublicInstance, VNode } from 'vue';
+import { MGridProps } from '../MGrid';
+export type MContainerProps = {
+    /**
+     * Defines the spacing size (gutter) between rows and columns.
+     * Matches the design system global theme sizes.
+     * @default 'md'
+     */
+    size?: MGridProps['size'];
+    /**
+     * Determines the Quasar gutter implementation behavior.
+     * - 'col': Uses 'q-col-gutter' (adds negative margins, ideal for layout grids).
+     * - 'gutter': Uses 'q-gutter' (adds standard margins between direct children).
+     * @default 'gutter'
+     */
+    type?: MGridProps['type'];
+    /**
+     * Reduces the inner padding or vertical spacing of the container for a more compact layout.
+     * @default false
+     */
+    dense?: boolean | undefined;
+    /**
+     * If true, the container spans the full width of the viewport, removing maximum width constraints.
+     * @default false
+     */
+    fluid?: boolean | undefined;
 };
-declare const __VLS_base: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption<MContainerProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<MContainerProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<Required<T>[K]>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+export type MContainerSlots = {
+    default?: () => VNode[];
 };
+export interface MContainer extends ComponentPublicInstance<MContainerProps> {
+}

package/dist/components/grid/MGrid.d.ts

@@ -1,23 +1,12 @@
-import { MGridProps } from './MGrid';
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption<MGridProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<MGridProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: PropType<Required<T>[K]>;
-    } : {
-        type: PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+import { ComponentPublicInstance, VNode } from 'vue';
+import { GridGutterSize, GridGutterType, GridType } from '../../types/config';
+export interface MGridProps {
+    gridType: GridType;
+    size?: GridGutterSize;
+    type?: GridGutterType;
+}
+export interface MGridSlots {
+    default?: () => VNode[];
+}
+export interface MGrid extends ComponentPublicInstance<MGridProps> {
+}

package/dist/components/grid/MRow/MRow.d.ts

@@ -1,11 +1,23 @@
-import { ComponentPublicInstance, VNode } from 'vue';
-import { MGridProps } from '../MGrid';
-export interface MRowProps {
-    size?: MGridProps['size'];
-    type?: MGridProps['type'];
-}
-export interface MRowSlots {
-    default?: () => VNode[];
-}
-export interface MRow extends ComponentPublicInstance<MRowProps> {
-}
+import { MRowProps } from './MRow';
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption<MRowProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<MRowProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<Required<T>[K]>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/composables/useMyth.d.ts

@@ -1,8 +1,7 @@
-import { GridGutterType, SpinnerType, LoadingOptions, ThemeInput, ComponentConfig } from '../types/config';
+import { GridGutterType, SpinnerType, LoadingOptions, ClassValueNoArray, ThemeInput, ComponentConfig } from '..';
 import { NamedColor, QBtnProps } from 'quasar';
 import { Globals } from 'csstype';
 import { Ref, ComputedRef } from 'vue';
-import { ClassValueNoArray } from '..';
 export declare function useMyth(): {
     config: {
         readonly version: string;
@@ -23,10 +22,10 @@ export declare function useMyth(): {
                 readonly padding?: string | undefined | undefined;
                 readonly color?: NamedColor | undefined;
                 readonly textColor?: NamedColor | undefined;
+                readonly noCaps?: boolean | undefined | undefined;
                 readonly dense?: boolean | undefined | undefined;
                 readonly ripple?: boolean | any | undefined;
                 readonly round?: boolean | undefined | undefined;
-                readonly noCaps?: boolean | undefined | undefined;
             };
             readonly input: {
                 readonly rounded?: boolean | undefined | undefined;
@@ -3366,44 +3365,44 @@ export declare function useMyth(): {
                 readonly disable?: boolean | undefined | undefined;
                 readonly percentage?: number | undefined | undefined;
                 readonly darkPercentage?: boolean | undefined | undefined;
-                readonly noStyle?: boolean | undefined;
-                readonly nativeLabel?: boolean | undefined | undefined;
                 readonly spinner?: SpinnerType | undefined;
+                readonly nativeLabel?: boolean | undefined | undefined;
+                readonly noStyle?: boolean | undefined;
             } | undefined;
             readonly input?: {
+                readonly label?: string | number | undefined | null | undefined;
                 readonly size?: string | undefined | undefined;
-                readonly outline?: boolean | undefined | undefined;
-                readonly flat?: boolean | undefined | undefined;
-                readonly unelevated?: boolean | undefined | undefined;
-                readonly push?: boolean | undefined | undefined;
-                readonly glossy?: boolean | undefined | undefined;
-                readonly padding?: string | undefined | undefined;
-                readonly textColor?: NamedColor | undefined;
-                readonly ripple?: boolean | any | undefined;
-                readonly round?: boolean | undefined | undefined;
-                readonly noCaps?: boolean | undefined | undefined;
                 readonly type?: string | undefined | undefined;
                 readonly to?: string | any | undefined;
                 readonly replace?: boolean | undefined | undefined;
                 readonly href?: string | undefined | undefined;
                 readonly target?: string | undefined | undefined;
-                readonly label?: string | number | undefined | null | undefined;
                 readonly icon?: string | undefined | undefined;
                 readonly iconRight?: string | undefined | undefined;
+                readonly outline?: boolean | undefined | undefined;
+                readonly flat?: boolean | undefined | undefined;
+                readonly unelevated?: boolean | undefined | undefined;
+                readonly push?: boolean | undefined | undefined;
+                readonly glossy?: boolean | undefined | undefined;
                 readonly fab?: boolean | undefined | undefined;
                 readonly fabMini?: boolean | undefined | undefined;
+                readonly padding?: string | undefined | undefined;
+                readonly textColor?: NamedColor | undefined;
+                readonly noCaps?: boolean | undefined | undefined;
                 readonly noWrap?: boolean | undefined | undefined;
+                readonly ripple?: boolean | any | undefined;
                 readonly tabindex?: number | string | undefined | undefined;
                 readonly align?: "left" | "right" | "center" | "around" | "between" | "evenly" | undefined | undefined;
                 readonly stack?: boolean | undefined | undefined;
                 readonly stretch?: boolean | undefined | undefined;
                 readonly loading?: boolean | null | undefined | undefined;
                 readonly disable?: boolean | undefined | undefined;
+                readonly round?: boolean | undefined | undefined;
                 readonly percentage?: number | undefined | undefined;
                 readonly darkPercentage?: boolean | undefined | undefined;
-                readonly noStyle?: boolean | undefined;
-                readonly nativeLabel?: boolean | undefined | undefined;
                 readonly spinner?: SpinnerType | undefined;
+                readonly nativeLabel?: boolean | undefined | undefined;
+                readonly noStyle?: boolean | undefined;
             } | undefined;
         };
         readonly loadingOptions?: {
@@ -3433,10 +3432,10 @@ export declare function useMyth(): {
             padding?: string | undefined | undefined;
             color?: NamedColor | undefined;
             textColor?: NamedColor | undefined;
+            noCaps?: boolean | undefined | undefined;
             dense?: boolean | undefined | undefined;
             ripple?: boolean | any | undefined;
             round?: boolean | undefined | undefined;
-            noCaps?: boolean | undefined | undefined;
         };
         input: {
             rounded?: boolean | undefined | undefined;
@@ -6756,7 +6755,7 @@ export declare function useMyth(): {
             } | null | undefined)[] | null | undefined;
         };
     };
-    btnStyle: ComputedRef<Partial<Pick< QBtnProps, "size" | "outline" | "flat" | "unelevated" | "rounded" | "push" | "square" | "glossy" | "padding" | "color" | "textColor" | "dense" | "ripple" | "round" | "noCaps">>>;
+    btnStyle: ComputedRef<Partial<Pick< QBtnProps, "size" | "outline" | "flat" | "unelevated" | "rounded" | "push" | "square" | "glossy" | "padding" | "color" | "textColor" | "noCaps" | "dense" | "ripple" | "round">>>;
     inputStyle: ComputedRef<ThemeInput>;
     componentProps: ComputedRef<ComponentConfig>;
     __: (key: any, ...rest: any[]) => string;

package/dist/config/config.d.ts

@@ -1,7 +1,7 @@
 import { InjectionKey } from 'vue';
-import { MythConfig, GridGutterType, SpinnerType } from '../types/config';
+import { MythConfig } from '../types/config';
+import { GridGutterType, ClassValueNoArray, SpinnerType } from '..';
 import { NamedColor } from 'quasar';
-import { ClassValueNoArray } from '..';
 import { Globals } from 'csstype';
 export declare const mythConfig: {
     readonly version: string;
@@ -22,10 +22,10 @@ export declare const mythConfig: {
             padding?: string | undefined | undefined;
             color?: NamedColor | undefined;
             textColor?: NamedColor | undefined;
+            noCaps?: boolean | undefined | undefined;
             dense?: boolean | undefined | undefined;
             ripple?: boolean | any | undefined;
             round?: boolean | undefined | undefined;
-            noCaps?: boolean | undefined | undefined;
         };
         input: {
             rounded?: boolean | undefined | undefined;
@@ -3361,44 +3361,44 @@ export declare const mythConfig: {
             disable?: boolean | undefined | undefined;
             percentage?: number | undefined | undefined;
             darkPercentage?: boolean | undefined | undefined;
-            noStyle?: boolean | undefined;
-            nativeLabel?: boolean | undefined | undefined;
             spinner?: SpinnerType | undefined;
+            nativeLabel?: boolean | undefined | undefined;
+            noStyle?: boolean | undefined;
         } | undefined;
         input?: {
+            label?: string | number | undefined | null | undefined;
             size?: string | undefined | undefined;
-            outline?: boolean | undefined | undefined;
-            flat?: boolean | undefined | undefined;
-            unelevated?: boolean | undefined | undefined;
-            push?: boolean | undefined | undefined;
-            glossy?: boolean | undefined | undefined;
-            padding?: string | undefined | undefined;
-            textColor?: NamedColor | undefined;
-            ripple?: boolean | any | undefined;
-            round?: boolean | undefined | undefined;
-            noCaps?: boolean | undefined | undefined;
             type?: string | undefined | undefined;
             to?: string | any | undefined;
             replace?: boolean | undefined | undefined;
             href?: string | undefined | undefined;
             target?: string | undefined | undefined;
-            label?: string | number | undefined | null | undefined;
             icon?: string | undefined | undefined;
             iconRight?: string | undefined | undefined;
+            outline?: boolean | undefined | undefined;
+            flat?: boolean | undefined | undefined;
+            unelevated?: boolean | undefined | undefined;
+            push?: boolean | undefined | undefined;
+            glossy?: boolean | undefined | undefined;
             fab?: boolean | undefined | undefined;
             fabMini?: boolean | undefined | undefined;
+            padding?: string | undefined | undefined;
+            textColor?: NamedColor | undefined;
+            noCaps?: boolean | undefined | undefined;
             noWrap?: boolean | undefined | undefined;
+            ripple?: boolean | any | undefined;
             tabindex?: number | string | undefined | undefined;
             align?: "left" | "right" | "center" | "around" | "between" | "evenly" | undefined | undefined;
             stack?: boolean | undefined | undefined;
             stretch?: boolean | undefined | undefined;
             loading?: boolean | null | undefined | undefined;
             disable?: boolean | undefined | undefined;
+            round?: boolean | undefined | undefined;
             percentage?: number | undefined | undefined;
             darkPercentage?: boolean | undefined | undefined;
-            noStyle?: boolean | undefined;
-            nativeLabel?: boolean | undefined | undefined;
             spinner?: SpinnerType | undefined;
+            nativeLabel?: boolean | undefined | undefined;
+            noStyle?: boolean | undefined;
         } | undefined;
     };
     loadingOptions?: {