@mframework/ui 0.0.1

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@mframework/ui",
+  "version": "0.0.1",
+  "description": "Official opinionated UI module for the M Framework.",
+  "keywords": [
+    "ui",
+    "vuetify",
+    "fontawesome",
+    "m-framework",
+    "meeovi"
+  ],
+  "license": "MIT",
+  "author": "M Framework",
+  "type": "module",
+  "main": "index.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "@formkit/nuxt": "^1.7.2",
+    "@fortawesome/fontawesome-free": "^7.1.0",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/vue-fontawesome": "^3.1.2",
+    "@grapesjs/studio-sdk": "^1.0.57",
+    "@mdi/font": "^7.4.47",
+    "@nuxt/image": "^2.0.0",
+    "@vueuse/motion": "^3.0.3",
+    "izitoast": "^1.4.0",
+    "lg-thumbnail": "^1.2.1",
+    "lg-video": "^1.4.0",
+    "lg-zoom": "^1.3.0",
+    "lightgallery": "^2.9.0",
+    "tailwindcss": "^4.1.18",
+    "vue-component-type-helpers": "^3.2.4",
+    "vuetify-nuxt-module": "^0.18.8"
+  },
+  "devDependencies": {
+    "sass": "^1.94.2",
+    "sass-embedded": "^1.93.3"
+  }
+}

package/src/types/ui/api/global-search.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/api/global-search.ts

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

package/src/types/ui/blocks/block-button-group.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-button-group.ts

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

package/src/types/ui/blocks/block-button.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-button.ts

@@ -0,0 +1,14 @@
+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/src/types/ui/blocks/block-column.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-column.ts

@@ -0,0 +1,20 @@
+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/src/types/ui/blocks/block-cta.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-cta.ts

@@ -0,0 +1,10 @@
+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/src/types/ui/blocks/block-divider.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-divider.ts

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

package/src/types/ui/blocks/block-faq.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-faq.ts

@@ -0,0 +1,12 @@
+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/src/types/ui/blocks/block-form.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-form.ts

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

package/src/types/ui/blocks/block-gallery.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-gallery.ts

@@ -0,0 +1,14 @@
+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/src/types/ui/blocks/block-hero.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-hero.ts

@@ -0,0 +1,12 @@
+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/src/types/ui/blocks/block-html.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-html.ts

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

package/src/types/ui/blocks/block-logocloud.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-logocloud.ts

@@ -0,0 +1,14 @@
+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/src/types/ui/blocks/block-quote.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-quote.ts

@@ -0,0 +1,11 @@
+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/src/types/ui/blocks/block-richtext.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-richtext.ts

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

package/src/types/ui/blocks/block-steps.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-steps.ts

@@ -0,0 +1,22 @@
+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/src/types/ui/blocks/block-team.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-team.ts

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

package/src/types/ui/blocks/block-testimonial.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-testimonial.ts

@@ -0,0 +1,14 @@
+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/src/types/ui/blocks/block-video.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block-video.ts

@@ -0,0 +1,10 @@
+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/src/types/ui/blocks/block.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/block.ts

@@ -0,0 +1,49 @@
+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/src/types/ui/blocks/index.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/blocks/index.ts

@@ -0,0 +1,18 @@
+export type * from './block-column';
+export type * from './block-cta';
+export type * from './block-faq';
+export type * from './block-form';
+export type * from './block-gallery';
+export type * from './block-hero';
+export type * from './block-html';
+export type * from './block-logocloud';
+export type * from './block-quote';
+export type * from './block-richtext';
+export type * from './block-steps';
+export type * from './block-team';
+export type * from './block-testimonial';
+export type * from './block-video';
+export type * from './block-button-group';
+export type * from './block-button';
+export type * from './block-divider';
+export type * from './block';

package/src/types/ui/component.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/component.ts

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

package/src/types/ui/content/category.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/content/category.ts

@@ -0,0 +1,11 @@
+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/src/types/ui/content/form.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/content/form.ts

@@ -0,0 +1,20 @@
+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/src/types/ui/content/index.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/content/index.ts

@@ -0,0 +1,6 @@
+export type * from './page';
+export type * from './team';
+export type * from './testimonial';
+export type * from './category';
+export type * from './post';
+export type * from './form';

package/src/types/ui/content/page.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/content/page.ts

@@ -0,0 +1,76 @@
+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;
+}

package/src/types/ui/content/post.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/content/post.ts

@@ -0,0 +1,39 @@
+import type { User, File } from '../system';
+import type { SEO } from '../meta';
+import type { Category, Team } from '.';
+
+export interface Post {
+	author?: (string | Team) | null;
+	category?: (string | Category) | null;
+	content?: string | null;
+	date_created?: string | null;
+	date_published?: string | null;
+	date_updated?: string | null;
+	id?: string;
+	image?: (string | File) | null;
+	seo?: (string | SEO) | null;
+	slug?: string | null;
+	sort?: number | null;
+	status?: 'draft' | 'published' | 'scheduled' | 'in_review' | 'archived';
+	summary?: string | null;
+	title?: string | null;
+	user_created?: string | null;
+	user_updated?: string | null;
+	links?: string;
+	type?: PostType;
+	details?: string;
+	gallery?: (number | ProjectFile)[];
+	built_with?: { [key: string]: any } | null;
+	client?: string | null;
+	cost?: string | null;
+	video_url?: string | null;
+}
+
+export type PostType = 'blog' | 'video' | 'project';
+
+export interface ProjectFile {
+	directus_files_id?: (string | File) | null;
+	id?: number;
+	project?: (string | File) | null;
+	sort?: number | null;
+}

package/src/types/ui/content/team.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/content/team.ts

@@ -0,0 +1,16 @@
+import type { User, File } from '../system';
+
+export interface Team {
+	bio?: string | null;
+	date_created?: string | null;
+	date_updated?: string | null;
+	id?: string;
+	image?: (string | File) | null;
+	job_title?: string | null;
+	name?: string | null;
+	social_media?: { [key: string]: any } | null;
+	sort?: number | null;
+	status?: string;
+	user_created?: string | User | null;
+	user_updated?: string | User | null;
+}

package/src/types/ui/content/testimonial.js

@@ -0,0 +1 @@
+export {};

package/src/types/ui/content/testimonial.ts

@@ -0,0 +1,19 @@
+import type { User } from '../system';
+
+export interface Testimonial {
+	company?: string | null;
+	company_logo?: (string | File) | null;
+	content?: string | null;
+	date_created?: string | null;
+	date_updated?: string | null;
+	id?: string;
+	image?: (string | File) | null;
+	link?: string | null;
+	sort?: number | null;
+	status?: string;
+	subtitle?: string | null;
+	title?: string | null;
+	user_created?: string | User | null;
+	user_updated?: string | User | null;
+	company_info?: string;
+}

package/src/types/ui/env.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="vite/client" />
+interface ImportMetaEnv {
+    readonly API_URL: string;
+}
+  
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}

package/src/types/ui/form.js

@@ -0,0 +1 @@
+export {};