@mframework/ui 0.0.1 → 0.0.4

package/dist/runtime/design/tokens.d.ts

@@ -0,0 +1,22 @@
+export declare const tokens: {
+    colors: {
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        error: string;
+        surface: string;
+        background: string;
+    };
+    radius: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+};

package/dist/runtime/design/tokens.js

@@ -0,0 +1,22 @@
+export const tokens = {
+    colors: {
+        primary: '#4f46e5',
+        secondary: '#64748b',
+        success: '#22c55e',
+        warning: '#f59e0b',
+        error: '#ef4444',
+        surface: '#ffffff',
+        background: '#f8fafc'
+    },
+    radius: {
+        sm: '4px',
+        md: '8px',
+        lg: '12px'
+    },
+    spacing: {
+        xs: '4px',
+        sm: '8px',
+        md: '16px',
+        lg: '24px'
+    }
+};

package/dist/runtime/plugins/icon-switcher.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (nuxtApp: any) => void;
+export default _default;

package/dist/runtime/plugins/icon-switcher.js

@@ -0,0 +1,18 @@
+import { vuetify } from './vuetify';
+export default (nuxtApp) => {
+    const stored = typeof localStorage !== 'undefined' ? localStorage.getItem('mframework-icon-set') : null;
+    const initial = stored || 'mdi';
+    vuetify.framework = vuetify.framework || {};
+    vuetify.framework.icons = vuetify.framework.icons || {};
+    vuetify.framework.icons.defaultSet = initial;
+    const setIconSet = (name) => {
+        ;
+        vuetify.framework.icons.defaultSet = name;
+        if (typeof localStorage !== 'undefined')
+            localStorage.setItem('mframework-icon-set', name);
+    };
+    nuxtApp.provide('mIcons', {
+        setIconSet,
+        current: () => vuetify.framework.icons.defaultSet,
+    });
+};

package/dist/runtime/plugins/icons.d.ts

@@ -0,0 +1,4 @@
+import '@fortawesome/fontawesome-free/css/all.css';
+import '@mdi/font/css/materialdesignicons.css';
+declare const _default: any;
+export default _default;

package/dist/runtime/plugins/icons.js

@@ -0,0 +1,13 @@
+// @mframework/ui/runtime/plugins/icons.ts
+import { defineNuxtPlugin } from '#imports';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { fas } from '@fortawesome/free-solid-svg-icons';
+import '@fortawesome/fontawesome-free/css/all.css';
+import '@mdi/font/css/materialdesignicons.css';
+export default defineNuxtPlugin((nuxtApp) => {
+    // Add all solid icons (you can be more selective if you want)
+    library.add(fas);
+    // Register global FA component
+    nuxtApp.vueApp.component('FaIcon', FontAwesomeIcon);
+});

package/dist/runtime/plugins/theme.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (nuxtApp: any) => void;
+export default _default;

package/dist/runtime/plugins/theme.js

@@ -0,0 +1,28 @@
+import { useTheme } from 'vuetify';
+export default (nuxtApp) => {
+    const theme = useTheme();
+    // Attempt to read runtime config from nuxtApp (fallbacks to undefined)
+    const config = (nuxtApp && nuxtApp.$config && nuxtApp.$config.public && nuxtApp.$config.public.mframeworkUi) || {};
+    // 1. Load persisted theme
+    const stored = typeof localStorage !== 'undefined' ? localStorage.getItem('mframework-theme') : null;
+    const initial = stored || config?.theme?.default || 'light';
+    theme.global.name.value = initial;
+    // 2. Expose a global toggle
+    const toggleTheme = () => {
+        const newTheme = theme.global.current.value.dark ? 'light' : 'dark';
+        theme.global.name.value = newTheme;
+        if (typeof localStorage !== 'undefined')
+            localStorage.setItem('mframework-theme', newTheme);
+    };
+    // 3. Expose to app
+    nuxtApp.provide('mTheme', {
+        theme,
+        toggleTheme,
+        setTheme: (name) => {
+            ;
+            theme.global.name.value = name;
+            if (typeof localStorage !== 'undefined')
+                localStorage.setItem('mframework-theme', name);
+        }
+    });
+};

package/dist/runtime/plugins/vuetify.d.ts

@@ -0,0 +1,88 @@
+import '@mdi/font/css/materialdesignicons.css';
+import 'vuetify/styles';
+export declare const vuetify: {
+    install: (app: import("vue").App<any>) => void;
+    unmount: () => void;
+    defaults: import("vue").Ref<import("vuetify").DefaultsInstance, import("vuetify").DefaultsInstance>;
+    display: import("vuetify").DisplayInstance;
+    theme: import("vuetify").ThemeInstance & {
+        install: (app: import("vue").App<any>) => void;
+    };
+    icons: {
+        defaultSet: string;
+        aliases: Partial<import("vuetify").IconAliases>;
+        sets: Record<string, import("vuetify").IconSet>;
+    };
+    locale: {
+        name: string;
+        decimalSeparator: import("vue").ShallowRef<string>;
+        messages: import("vue").Ref<import("vuetify").LocaleMessages, import("vuetify").LocaleMessages>;
+        current: import("vue").Ref<string, string>;
+        fallback: import("vue").Ref<string, string>;
+        t: (key: string, ...params: unknown[]) => string;
+        n: (value: number) => string;
+        provide: (props: import("vuetify").LocaleOptions) => import("vuetify").LocaleInstance;
+        isRtl: import("vue").Ref<boolean, boolean>;
+        rtl: import("vue").Ref<Record<string, boolean>, Record<string, boolean>>;
+        rtlClasses: import("vue").Ref<string, string>;
+    };
+    date: {
+        options: {
+            adapter: (new (options: {
+                locale: any;
+                formats?: any;
+            }) => import("vuetify").DateInstance) | import("vuetify").DateInstance;
+            formats?: Record<string, any>;
+            locale: Record<string, any>;
+        };
+        instance: {
+            date: (value?: any) => unknown;
+            format: (date: unknown, formatString: string) => string;
+            toJsDate: (value: unknown) => Date;
+            parseISO: (date: string) => unknown;
+            toISO: (date: unknown) => string;
+            startOfDay: (date: unknown) => unknown;
+            endOfDay: (date: unknown) => unknown;
+            startOfWeek: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown;
+            endOfWeek: (date: unknown) => unknown;
+            startOfMonth: (date: unknown) => unknown;
+            endOfMonth: (date: unknown) => unknown;
+            startOfYear: (date: unknown) => unknown;
+            endOfYear: (date: unknown) => unknown;
+            isAfter: (date: unknown, comparing: unknown) => boolean;
+            isAfterDay: (date: unknown, comparing: unknown) => boolean;
+            isSameDay: (date: unknown, comparing: unknown) => boolean;
+            isSameMonth: (date: unknown, comparing: unknown) => boolean;
+            isSameYear: (date: unknown, comparing: unknown) => boolean;
+            isBefore: (date: unknown, comparing: unknown) => boolean;
+            isEqual: (date: unknown, comparing: unknown) => boolean;
+            isValid: (date: any) => boolean;
+            isWithinRange: (date: unknown, range: [unknown, unknown]) => boolean;
+            addMinutes: (date: unknown, amount: number) => unknown;
+            addHours: (date: unknown, amount: number) => unknown;
+            addDays: (date: unknown, amount: number) => unknown;
+            addWeeks: (date: unknown, amount: number) => unknown;
+            addMonths: (date: unknown, amount: number) => unknown;
+            getYear: (date: unknown) => number;
+            setYear: (date: unknown, year: number) => unknown;
+            getDiff: (date: unknown, comparing: unknown, unit?: string | undefined) => number;
+            getWeekArray: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown[][];
+            getWeekdays: (firstDayOfWeek?: string | number | undefined, weekdayFormat?: "long" | "narrow" | "short" | undefined) => string[];
+            getWeek: (date: unknown, firstDayOfWeek?: string | number | undefined, firstDayOfYear?: string | number | undefined) => number;
+            getMonth: (date: unknown) => number;
+            setMonth: (date: unknown, month: number) => unknown;
+            getDate: (date: unknown) => number;
+            setDate: (date: unknown, day: number) => unknown;
+            getNextMonth: (date: unknown) => unknown;
+            getPreviousMonth: (date: unknown) => unknown;
+            getHours: (date: unknown) => number;
+            setHours: (date: unknown, hours: number) => unknown;
+            getMinutes: (date: unknown) => number;
+            setMinutes: (date: unknown, minutes: number) => unknown;
+            locale?: any;
+        };
+    };
+    goTo: import("vuetify").GoToInstance;
+};
+declare const _default: (nuxtApp: any) => void;
+export default _default;

package/dist/runtime/plugins/vuetify.js

@@ -0,0 +1,60 @@
+// plugins/vuetify.ts
+import '@mdi/font/css/materialdesignicons.css';
+import 'vuetify/styles';
+import { createVuetify } from 'vuetify';
+import { aliases, fa } from 'vuetify/iconsets/fa-svg';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import { fas } from '@fortawesome/free-solid-svg-icons';
+import * as components from 'vuetify/components';
+import * as labsComponents from 'vuetify/labs/components';
+import * as directives from 'vuetify/directives';
+import { mdi } from 'vuetify/iconsets/mdi';
+// Register fontawesome icons at module scope
+library.add(fas);
+// Create Vuetify instance at module scope so other runtime plugins can import it
+export const vuetify = createVuetify({
+    ssr: true,
+    directives,
+    icons: {
+        defaultSet: 'fa',
+        aliases,
+        sets: {
+            fa,
+            mdi,
+        },
+    },
+    components: {
+        ...components,
+        ...labsComponents,
+    },
+    theme: {
+        defaultTheme: 'light',
+        themes: {
+            light: {
+                dark: false,
+                variables: {}, // required to avoid Vuetify crash
+                colors: {
+                    primary: '#6200EE',
+                    'primary-darken-1': '#3700B3',
+                    secondary: '#03DAC6',
+                    'secondary-darken-1': '#018786',
+                    error: '#B00020',
+                    info: '#2196F3',
+                    success: '#4CAF50',
+                    warning: '#FB8C00',
+                },
+            },
+            dark: {
+                dark: true,
+                variables: {},
+                colors: {},
+            },
+        },
+    },
+});
+export default (nuxtApp) => {
+    // Register FontAwesome component on the actual Vue app instance
+    nuxtApp.vueApp.component('font-awesome-icon', FontAwesomeIcon);
+    nuxtApp.vueApp.use(vuetify);
+};

package/dist/runtime/search/client.d.ts

@@ -0,0 +1,2 @@
+import type { SearchClient } from 'instantsearch.js';
+export declare function getSearchClient(): SearchClient | null;

package/dist/runtime/search/client.js

@@ -0,0 +1,21 @@
+export function getSearchClient() {
+    let mod;
+    try {
+        mod = require('@searchkit/instantsearch-client');
+    }
+    catch {
+        console.warn('[mframework-ui] Searchkit client missing');
+        return null;
+    }
+    const candidate = mod?.default?.default ||
+        mod?.default?.createClient ||
+        mod?.default ||
+        mod?.createClient ||
+        mod;
+    if (typeof candidate !== 'function')
+        return null;
+    const host = process.env.NUXT_PUBLIC_SEARCHKIT_HOST;
+    if (!host)
+        return null;
+    return candidate({ host });
+}

package/dist/runtime/search/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/search/plugin.js

@@ -0,0 +1,8 @@
+import { defineNuxtPlugin } from '#app';
+import { getSearchClient } from './client';
+export default defineNuxtPlugin((nuxtApp) => {
+    const client = getSearchClient();
+    const indexName = process.env.NUXT_PUBLIC_SEARCH_INDEX || 'default';
+    nuxtApp.provide('mSearchClient', client);
+    nuxtApp.provide('mSearchIndex', indexName);
+});

package/dist/types/ui/api/global-search.d.ts

@@ -0,0 +1,8 @@
+export interface GlobalSearchResult {
+    id?: string;
+    title?: string;
+    type?: string;
+    description?: string;
+    image?: string;
+    url?: string;
+}

package/dist/types/ui/blocks/block-button-group.d.ts

@@ -0,0 +1,6 @@
+import type { BlockButton } from './block-button';
+export interface BlockButtonGroup {
+    id: string;
+    buttons: (string | BlockButton)[] | null;
+    alignment: 'left' | 'center' | null;
+}

package/dist/types/ui/blocks/block-button.d.ts

@@ -0,0 +1,13 @@
+import type { Post, Page } from '../content';
+export interface BlockButton {
+    id: string;
+    sort: number | null;
+    type: ('pages' | 'posts' | 'external') | null;
+    label: string | null;
+    color: 'primary' | 'white' | 'gray' | 'white' | 'black';
+    variant: 'solid' | 'outline' | 'ghost' | 'link' | 'soft';
+    page: string | Page | null;
+    post: string | Post | null;
+    external_url: string | null;
+    icon: string | null;
+}

package/dist/types/ui/blocks/block-column.d.ts

@@ -0,0 +1,18 @@
+import type { File } from '../system';
+import type { BlockButtonGroup } from '.';
+export interface BlockColumn {
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    rows?: (number | BlockColumnRow)[];
+}
+export interface BlockColumnRow {
+    block_columns?: (string | BlockColumn) | null;
+    content?: string | null;
+    headline?: string | null;
+    id?: string;
+    image?: (string | File) | null;
+    image_position?: string | null;
+    title?: string | null;
+    button_group?: (string | BlockButtonGroup) | null;
+}

package/dist/types/ui/blocks/block-cta.d.ts

@@ -0,0 +1,11 @@
+import type { BlockButtonGroup } from '.';
+export interface BlockCta {
+    buttons?: {
+        [key: string]: any;
+    } | null;
+    content?: string | null;
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    button_group?: (string | BlockButtonGroup) | null;
+}

package/dist/types/ui/blocks/block-divider.d.ts

@@ -0,0 +1,4 @@
+export interface BlockDivider {
+    id?: string;
+    title?: string | null;
+}

package/dist/types/ui/blocks/block-faq.d.ts

@@ -0,0 +1,11 @@
+export interface BlockFaq {
+    faqs?: BlockFaqQuestion[] | null;
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    alignment?: 'left' | 'center' | null;
+}
+export interface BlockFaqQuestion {
+    title: string | null;
+    answer: string | null;
+}

package/dist/types/ui/blocks/block-form.d.ts

@@ -0,0 +1,7 @@
+import type { Form } from '../content';
+export interface BlockForm {
+    form?: (string | Form) | null;
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+}

package/dist/types/ui/blocks/block-gallery.d.ts

@@ -0,0 +1,13 @@
+import type { File } from '../system';
+export interface BlockGallery {
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    gallery_items?: BlockGalleryFile[] | null;
+}
+export interface BlockGalleryFile {
+    block_gallery?: (string | BlockGallery) | null;
+    directus_files_id?: (string | File) | null;
+    id?: number;
+    sort?: number | null;
+}

package/dist/types/ui/blocks/block-hero.d.ts

@@ -0,0 +1,11 @@
+import type { File } from '../system';
+import type { BlockButtonGroup } from '.';
+export interface BlockHero {
+    id?: string;
+    title?: string | null;
+    headline?: string | null;
+    content?: string | null;
+    image?: (string | File) | null;
+    image_position?: 'left' | 'right' | null;
+    button_group?: (string | BlockButtonGroup) | null;
+}

package/dist/types/ui/blocks/block-html.d.ts

@@ -0,0 +1,4 @@
+export interface BlockHtml {
+    id?: string;
+    raw_html?: string | null;
+}

package/dist/types/ui/blocks/block-logocloud.d.ts

@@ -0,0 +1,13 @@
+import type { File } from '../system';
+export interface BlockLogocloud {
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    logos?: (string | BlockLogocloudFile)[];
+}
+export interface BlockLogocloudFile {
+    id?: string;
+    sort?: number | null;
+    block_logocloud_id?: (string | BlockLogocloud) | null;
+    directus_files_id?: (string | File) | null;
+}

package/dist/types/ui/blocks/block-quote.d.ts

@@ -0,0 +1,10 @@
+import type { File } from '../system';
+export interface BlockQuote {
+    background_color?: string | null;
+    content?: string | null;
+    headline?: string | null;
+    id?: string;
+    image?: (string | File) | null;
+    subtitle?: string | null;
+    title?: string | null;
+}

package/dist/types/ui/blocks/block-richtext.d.ts

@@ -0,0 +1,7 @@
+export interface BlockRichtext {
+    content?: string | null;
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    alignment?: 'left' | 'center' | null;
+}

package/dist/types/ui/blocks/block-steps.d.ts

@@ -0,0 +1,21 @@
+import type { File } from '../system';
+import type { BlockButtonGroup } from '.';
+export interface BlockStep {
+    id?: string;
+    title?: string | null;
+    headline?: string | null;
+    /** If enabled, image position is mframeworkd between left and right. */
+    mframework_image_position?: boolean;
+    /** Show the step numbers on the website. For example: (Step 1, Step 2, etc) */
+    show_step_numbers?: boolean | null;
+    steps?: (number | BlockStepItem)[];
+}
+export interface BlockStepItem {
+    id?: string;
+    title?: string | null;
+    content?: string | null;
+    image?: (string | File) | null;
+    sort?: number | null;
+    block_steps?: (string | BlockStep) | null;
+    button_group?: (string | BlockButtonGroup) | null;
+}

package/dist/types/ui/blocks/block-team.d.ts

@@ -0,0 +1,6 @@
+export interface BlockTeam {
+    content?: string | null;
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+}

package/dist/types/ui/blocks/block-testimonial.d.ts

@@ -0,0 +1,13 @@
+import type { Testimonial } from '../content';
+export interface BlockTestimonial {
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    testimonials?: (string | BlockTestimonialItem)[];
+}
+export interface BlockTestimonialItem {
+    block_testimonials_slider_id?: (string | BlockTestimonial) | null;
+    id?: string;
+    sort?: number | null;
+    testimonials_id?: (string | Testimonial) | null;
+}

package/dist/types/ui/blocks/block-video.d.ts

@@ -0,0 +1,9 @@
+import type { File } from '../system';
+export interface BlockVideo {
+    headline?: string | null;
+    id?: string;
+    title?: string | null;
+    type?: string | null;
+    video_file?: (string | File) | null;
+    video_url?: string | null;
+}

package/dist/types/ui/blocks/block.d.ts

@@ -0,0 +1,17 @@
+import type { BlockColumn } from './block-column';
+import type { BlockCta } from './block-cta';
+import type { BlockFaq } from './block-faq';
+import type { BlockForm } from './block-form';
+import type { BlockGallery } from './block-gallery';
+import type { BlockHero } from './block-hero';
+import type { BlockHtml } from './block-html';
+import type { BlockLogocloud } from './block-logocloud';
+import type { BlockQuote } from './block-quote';
+import type { BlockRichtext } from './block-richtext';
+import type { BlockStep } from './block-steps';
+import type { BlockTeam } from './block-team';
+import type { BlockTestimonial } from './block-testimonial';
+import type { BlockVideo } from './block-video';
+import type { BlockDivider } from './block-divider';
+export type BlockType = 'block_columns' | 'block_cta' | 'block_faqs' | 'block_form' | 'block_gallery' | 'block_hero' | 'block_html' | 'block_logocloud' | 'block_quote' | 'block_richtext' | 'block_steps' | 'block_team' | 'block_testimonials' | 'block_video' | 'block_divider';
+export type Block = BlockColumn | BlockCta | BlockFaq | BlockForm | BlockGallery | BlockHero | BlockHtml | BlockLogocloud | BlockQuote | BlockRichtext | BlockStep | BlockTeam | BlockTestimonial | BlockVideo | BlockDivider;

package/dist/types/ui/component.d.ts

@@ -0,0 +1,6 @@
+export interface ComponentSize {
+    size?: 'sm' | 'md' | 'lg';
+}
+export interface ComponentVariant {
+    variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+}

package/dist/types/ui/content/category.d.ts

@@ -0,0 +1,10 @@
+import type { SEO } from '../meta';
+export interface Category {
+    color?: string | null;
+    content?: string | null;
+    id?: string;
+    seo?: (string | SEO) | null;
+    slug?: string | null;
+    sort?: number | null;
+    title?: string | null;
+}

package/dist/types/ui/content/form.d.ts

@@ -0,0 +1,21 @@
+import type { User } from '../system';
+export interface Form {
+    date_created?: string | null;
+    date_updated?: string | null;
+    id?: string;
+    key?: string | null;
+    on_success?: string | null;
+    redirect_url?: string | null;
+    /** The fields for the form. */
+    schema?: {
+        [key: string]: any;
+    }[] | null;
+    sort?: number | null;
+    status?: string;
+    /** The text for the submit button label. */
+    submit_label?: string | null;
+    success_message?: string | null;
+    title?: string | null;
+    user_created?: string | User | null;
+    user_updated?: string | User | null;
+}

package/dist/types/ui/content/page.d.ts

@@ -0,0 +1,38 @@
+import type { SEO } from '../meta';
+import type { User } from '../system';
+import type { Post } from '.';
+import type { BlockColumn, BlockCta, BlockFaq, BlockForm, BlockGallery, BlockHero, BlockHtml, BlockLogocloud, BlockQuote, BlockRichtext, BlockStep, BlockTeam, BlockTestimonial, BlockVideo, BlockType } from '../blocks';
+export interface Page {
+    id?: string;
+    permalink: string;
+    date_created?: string | null;
+    date_updated?: string | null;
+    seo?: (string | SEO) | null;
+    sort?: number | null;
+    status?: string;
+    title?: string | null;
+    user_created?: (string | User) | null;
+    user_updated?: (string | User) | null;
+    blocks?: (string | PageBlock)[];
+}
+export interface PageBlock {
+    collection?: BlockType | null;
+    id?: string;
+    item?: (string | BlockColumn | BlockCta | BlockFaq | BlockForm | BlockGallery | BlockHero | BlockHtml | BlockLogocloud | BlockQuote | BlockRichtext | BlockStep | BlockTeam | BlockTestimonial | BlockVideo)[] | null;
+    pages_id?: (string | Page) | null;
+    sort?: number | null;
+    hide_block?: boolean | null;
+}
+export interface PagesProjects {
+    id?: string;
+    title?: string | null;
+    headline?: string | null | undefined;
+    seo: (string | SEO) | null;
+}
+export interface PagesBlog {
+    id?: string;
+    title?: string | null;
+    headline?: string | null;
+    featured_post?: (string | Post) | null;
+    seo: (string | SEO) | null;
+}