@m3ui-vue/m3ui-vue 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Fadel
+
+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

@@ -0,0 +1,102 @@
+# @m3ui/vue
+
+Material 3 component library for Vue 3 + Tailwind CSS v4.
+
+80+ components following [Material Design 3](https://m3.material.io/) guidelines with 20 built-in color palettes, dark mode, and full TypeScript support.
+
+## Install
+
+```bash
+pnpm add @m3ui/vue
+```
+
+Add the Google Fonts link to your `index.html`:
+
+```html
+<link
+  href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"
+  rel="stylesheet"
+/>
+```
+
+Import the theme CSS in your main stylesheet (after Tailwind):
+
+```css
+@import 'tailwindcss';
+@import '@m3ui/vue/theme';
+@import '@m3ui/vue/palettes'; /* optional — 20 color palettes */
+```
+
+Tell Tailwind to scan the library's source for class names:
+
+```css
+@source '../node_modules/@m3ui/vue';
+```
+
+## Usage
+
+```vue
+<script setup>
+import { MButton, MCard, MTextField, useToast, useTheme } from '@m3ui/vue'
+
+const toast = useToast()
+</script>
+
+<template>
+  <MCard>
+    <MTextField v-model="name" label="Nombre" />
+    <MButton icon="save" @click="toast.success('Guardado')">
+      Guardar
+    </MButton>
+  </MCard>
+</template>
+```
+
+### Vue Plugin (optional)
+
+```ts
+import { createApp } from 'vue'
+import { createM3UI } from '@m3ui/vue'
+
+const app = createApp(App)
+app.use(createM3UI({ palette: 'teal' }))
+```
+
+## Components
+
+### Inputs
+MButton, MIconButton, MFab, MTextField, MSelect, MMultiSelect, MCheckbox, MSwitch, MRadio, MRadioGroup, MSlider, MRating, MDatePicker, MDateRangePicker, MTimePicker, MColorPicker
+
+### Data Display
+MCard, MChip, MBadge, MAvatar, MIcon, MTable, MDataTable, MVirtualTable, MTreeTable, MTree, MStatCard, MTimeline, MCalendar, MJsonViewer, MMarkdown
+
+### Feedback
+MAlert, MSnackbar (toast), MDialog, MConfirmDialog, MBottomSheet, MSideSheet, MProgressBar, MSpinner, MLoadingOverlay, MSkeleton, MEmptyState, MResult, MTooltip
+
+### Navigation
+MTabs, MMenu, MMenuItem, MContextMenu, MBreadcrumbs, MStepper, MPagination, MNavigationBar, MNavigationRail, MNavigationDrawer, MTopAppBar, MAppBar, MSegmentedButton
+
+### Layout
+MContainer, MGrid, MStack, MSplitter, MMasonry, MDivider
+
+### Advanced
+MRichTextEditor, MCodeEditor, MJsonEditor, MKanban, MScheduler, MChart, MTerminal, MFileUpload, MTour, MCommandPalette, MSpotlightSearch, MHotkeys, MDragDropList, MTransferList, MInfiniteScroll
+
+### Composables
+`useTheme()`, `useColorPalette()`, `useToast()`, `useFieldBg()`
+
+## Optional Dependencies
+
+Some components require additional packages. Install only what you use:
+
+| Component | Install |
+|---|---|
+| MRichTextEditor | `pnpm add @tiptap/vue-3 @tiptap/starter-kit @tiptap/extension-placeholder @tiptap/extension-underline @tiptap/extension-text-align @tiptap/extension-link @tiptap/extension-image @tiptap/extension-color @tiptap/extension-text-style @tiptap/extension-highlight` |
+| MCodeEditor, MJsonEditor | `pnpm add codemirror @codemirror/view @codemirror/state @codemirror/commands @codemirror/language @codemirror/lang-javascript @codemirror/lang-json @codemirror/lang-html @codemirror/lang-css @codemirror/lang-python @codemirror/theme-one-dark` |
+| MTerminal | `pnpm add @xterm/xterm @xterm/addon-fit` |
+| MMarkdown | `pnpm add markdown-it` |
+| MChart | `pnpm add chart.js vue-chartjs` |
+
+## License
+
+MIT

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

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    type?: 'info' | 'success' | 'warning' | 'error';
+    title?: string;
+    closeable?: boolean;
+};
+declare var __VLS_6: {}, __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    actions?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    type: "info" | "success" | "warning" | "error";
+    closeable: boolean;
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    color?: 'surface' | 'primary' | 'secondary' | 'tertiary';
+    elevated?: boolean;
+    dense?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    leading?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+} & {
+    trailing?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: "surface" | "primary" | "secondary" | "tertiary";
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    name: string;
+    size?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    count?: number;
+    dot?: boolean;
+    color?: 'primary' | 'error' | 'secondary' | 'tertiary';
+    max?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: "primary" | "error" | "secondary" | "tertiary";
+    max: number;
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    modelValue: boolean;
+    title?: string;
+    fullHeight?: boolean;
+};
+declare var __VLS_18: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_18) => any;
+} & {
+    actions?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
+}>, {
+    fullHeight: boolean;
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,19 @@
+export interface BreadcrumbItem {
+    label: string;
+    icon?: string;
+    to?: string;
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    items: BreadcrumbItem[];
+    separator?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (args_0: BreadcrumbItem, args_1: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((args_0: BreadcrumbItem, args_1: number) => any) | undefined;
+}>, {
+    separator: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    variant?: 'filled' | 'tonal' | 'outlined' | 'text' | 'elevated';
+    /**
+     * Named semantic color ('primary' | 'error') OR any CSS color string
+     * ('red', '#e91e63', 'oklch(0.6 0.2 0)', …).
+     * When a CSS color is passed, --color-primary is overridden for this button.
+     */
+    color?: string;
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+    loading?: boolean;
+    icon?: string;
+};
+declare var __VLS_11: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "filled" | "tonal" | "outlined" | "text" | "elevated";
+    type: "button" | "submit" | "reset";
+    color: string;
+    disabled: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,23 @@
+export interface CalendarEvent {
+    id: string | number;
+    title: string;
+    date: string;
+    color?: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success';
+    icon?: string;
+}
+type __VLS_Props = {
+    events?: CalendarEvent[];
+    locale?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dateClick: (args_0: string) => any;
+    eventClick: (args_0: CalendarEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onDateClick?: ((args_0: string) => any) | undefined;
+    onEventClick?: ((args_0: CalendarEvent) => any) | undefined;
+}>, {
+    events: CalendarEvent[];
+    locale: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    variant?: 'elevated' | 'filled' | 'outlined';
+    clickable?: boolean;
+    elevated?: boolean;
+    /** src URL for a full-bleed header image */
+    image?: string;
+    imageAlt?: string;
+    imageHeight?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    media?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "elevated" | "filled" | "outlined";
+    elevated: boolean;
+    clickable: boolean;
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,13 @@
+import { type ChartData, type ChartOptions } from 'chart.js';
+type ChartType = 'line' | 'bar' | 'pie' | 'doughnut' | 'radar';
+type __VLS_Props = {
+    type: ChartType;
+    data: ChartData<any>;
+    options?: ChartOptions<any>;
+    height?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    height: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    modelValue: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    label?: string;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    indeterminate: boolean;
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,33 @@
+type __VLS_Props = {
+    tone?: string;
+    selected?: boolean;
+    removable?: boolean;
+    clickable?: boolean;
+    disabled?: boolean;
+    icon?: string;
+};
+declare var __VLS_15: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onRemove?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    clickable: boolean;
+    tone: string;
+    selected: boolean;
+    removable: boolean;
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,35 @@
+type Language = 'javascript' | 'typescript' | 'json' | 'html' | 'css' | 'python' | 'plain';
+type __VLS_Props = {
+    modelValue: string;
+    language?: Language;
+    readonly?: boolean;
+    lineNumbers?: boolean;
+    theme?: 'light' | 'dark';
+    minHeight?: string;
+    maxHeight?: string;
+    placeholder?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {
+    language: Language;
+    readonly: boolean;
+    lineNumbers: boolean;
+    theme: "light" | "dark";
+    minHeight: string;
+    maxHeight: string;
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,18 @@
+type __VLS_Props = {
+    modelValue: string;
+    label?: string;
+    presets?: string[];
+    disabled?: boolean;
+    error?: string;
+    hint?: string;
+    fieldBg?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: string) => any) | undefined;
+}>, {
+    presets: string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,29 @@
+export interface CommandItem {
+    id: string;
+    label: string;
+    icon?: string;
+    shortcut?: string;
+    group?: string;
+    disabled?: boolean;
+    onSelect?: () => void;
+}
+type __VLS_Props = {
+    modelValue: boolean;
+    items: CommandItem[];
+    placeholder?: string;
+    noResultsText?: string;
+    hotkey?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (args_0: CommandItem) => any;
+    "update:modelValue": (args_0: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((args_0: CommandItem) => any) | undefined;
+    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
+}>, {
+    placeholder: string;
+    noResultsText: string;
+    hotkey: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    modelValue: boolean;
+    title: string;
+    message: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    danger?: boolean;
+    loading?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: boolean) => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: boolean) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    loading: boolean;
+    confirmLabel: string;
+    cancelLabel: string;
+    danger: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    fluid?: boolean;
+    centered?: boolean;
+    padding?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    padding: boolean;
+    maxWidth: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    fluid: boolean;
+    centered: boolean;
+}, {}, {}, {}, string, import("vue").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;
+    };
+};

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

@@ -0,0 +1,35 @@
+export interface ContextMenuItem {
+    label?: string;
+    icon?: string;
+    shortcut?: string;
+    disabled?: boolean;
+    danger?: boolean;
+    divider?: boolean;
+    children?: ContextMenuItem[];
+    onClick?: () => void;
+}
+type __VLS_Props = {
+    items: ContextMenuItem[];
+};
+declare function show(e: MouseEvent): void;
+declare function showAt(x: number, y: number): void;
+declare function hide(): void;
+declare var __VLS_1: {
+    show: typeof show;
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    show: typeof show;
+    showAt: typeof showAt;
+    hide: typeof hide;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").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;
+    };
+};