@mythpe/quasar-ui-qui 0.5.9 → 0.5.11

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

@@ -1,32 +1,35 @@
-import { MBtnProps } from './MBtn';
-import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, PropType } from 'vue';
-interface Props {
-    label?: MBtnProps['label'];
-    spinner?: MBtnProps['spinner'];
-    loading?: boolean;
-    nativeLabel?: boolean;
+import { QBtnProps } from 'quasar';
+import { ComponentPublicInstance, VNode } from 'vue';
+import { SpinnerType } from '../../types';
+export interface MBtnProps extends Omit<QBtnProps, 'label'> {
+    /**
+     * The text that will be shown on the button
+     */
+    label?: string | number | undefined | null;
+    /**
+     * Removes the default button styles
+     */
     noStyle?: boolean;
+    nativeLabel?: boolean | undefined;
+    /**
+     * Type of loading indicator
+     */
+    spinner?: SpinnerType;
+}
+export interface MBtnSlots {
+    /**
+     * Use for custom content, instead of relying on 'icon' and 'label' props
+     */
+    default: () => VNode[];
+    /**
+     * Override the default QSpinner when in 'loading' state
+     */
+    loading: () => VNode[];
+}
+export interface MBtn extends ComponentPublicInstance<MBtnProps> {
+    /**
+     * Emulate click on MBtn
+     * @param evt JS event object
+     */
+    click: (evt?: Event) => void;
 }
-declare var __VLS_9: {}, __VLS_18: {};
-type __VLS_Slots = {} & {
-    loading?: (props: typeof __VLS_9) => any;
-} & {
-    default?: (props: typeof __VLS_18) => any;
-};
-declare const __VLS_base: DefineComponent<ExtractPropTypes<__VLS_TypePropsToOption<Props>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<Props>>> & 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/components/MBtn/index.d.ts

@@ -0,0 +1,4 @@
+import { default as MBtn } from './MBtn';
+export * from './MBtn';
+export { MBtn };
+export default MBtn;

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

@@ -1,11 +1,23 @@
-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> {
-}
+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;
+    };
+};

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

@@ -0,0 +1,4 @@
+import { default as MColumn } from './MColumn';
+export * from './MColumn';
+export { MColumn };
+export default MColumn;

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

@@ -1,32 +1,23 @@
-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;
+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;
 };
-export type MContainerSlots = {
-    default?: () => VNode[];
+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 interface MContainer extends ComponentPublicInstance<MContainerProps> {
-}

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

@@ -0,0 +1,4 @@
+import { default as MContainer } from './MContainer';
+export * from './MContainer';
+export { MContainer };
+export default MContainer;

package/dist/components/grid/{MGrid.d.ts → MGrid/MGrid.d.ts}

@@ -1,5 +1,5 @@
 import { ComponentPublicInstance, VNode } from 'vue';
-import { GridGutterSize, GridGutterType, GridType } from '../../types/config';
+import { GridGutterSize, GridGutterType, GridType } from '../../../types';
 export interface MGridProps {
     gridType: GridType;
     size?: GridGutterSize;

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

@@ -0,0 +1,4 @@
+import { default as MGrid } from './MGrid';
+export * from './MGrid';
+export { MGrid };
+export default MGrid;

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

@@ -0,0 +1,4 @@
+import { default as MRow } from './MRow';
+export * from './MRow';
+export { MRow };
+export default MRow;

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

@@ -0,0 +1,4 @@
+export * from './MColumn';
+export * from './MContainer';
+export * from './MGrid';
+export * from './MRow';

package/dist/components/index.d.ts

@@ -1,31 +1,18 @@
-import { default as MBtn, MBtnProps, MBtnSlots } from './MBtn/MBtn';
-import { default as MContainer, MContainerProps, MContainerSlots } from './grid/MContainer/MContainer';
-import { default as MGrid, MGridProps, MGridSlots } from './grid/MGrid';
-import { default as MColumn, MColumnProps, MColumnSlots } from './grid/MColumn/MColumn';
-import { default as MRow, MRowProps, MRowSlots } from './grid/MRow/MRow';
+import { default as MBtn } from './MBtn/MBtn';
+import { default as MContainer } from './grid/MContainer/MContainer';
+import { default as MGrid } from './grid/MGrid/MGrid';
+import { default as MColumn } from './grid/MColumn/MColumn';
+import { default as MRow } from './grid/MRow/MRow';
 import { GlobalComponentConstructor } from 'quasar';
-export * from './grid/MGrid';
-export * from './grid/MColumn/MColumn';
-export * from './grid/MContainer/MContainer';
-export * from './grid/MRow/MRow';
-export * from './MBtn/MBtn';
+import { MContainerProps, MContainerSlots, MGridProps, MGridSlots, MColumnProps, MColumnSlots, MRowProps, MRowSlots } from './grid';
+import { MBtnProps, MBtnSlots } from './MBtn';
+export * from './grid';
+export * from './MBtn';
 export { MBtn, MContainer, MGrid, MColumn, MRow };
 export interface MythGlobalComponents {
+    MColumn: GlobalComponentConstructor<MColumnProps, MColumnSlots>;
     MContainer: GlobalComponentConstructor<MContainerProps, MContainerSlots>;
     MGrid: GlobalComponentConstructor<MGridProps, MGridSlots>;
-    MColumn: GlobalComponentConstructor<MColumnProps, MColumnSlots>;
     MRow: GlobalComponentConstructor<MRowProps, MRowSlots>;
     MBtn: GlobalComponentConstructor<MBtnProps, MBtnSlots>;
 }
-declare module 'vue' {
-    interface GlobalComponents extends MythGlobalComponents {
-    }
-}
-declare module '@vue/runtime-dom' {
-    interface GlobalComponents extends MythGlobalComponents {
-    }
-}
-declare module '@vue/runtime-core' {
-    interface GlobalComponents extends MythGlobalComponents {
-    }
-}

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';
+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?: {

package/dist/config/grid.d.ts

@@ -1,6 +1,6 @@
 import { InjectionKey } from 'vue';
-import { MContainerProps } from '../components/grid/MContainer/MContainer';
-import { GridGutterSize, GridGutterType } from '../types/config';
+import { MContainerProps } from '../components';
+import { GridGutterSize, GridGutterType } from '../types';
 export declare const MContainerInjectionKey: InjectionKey<MContainerProps>;
 export declare const DEFAULT_GRID_SIZE: GridGutterSize;
 export declare const DEFAULT_GRID_TYPE: GridGutterType;