@mtchat/vue-primevue 0.1.0

package/dist/primitives/PrimeAccordion.vue.d.ts

@@ -0,0 +1,24 @@
+import { MtAccordionProps } from '@mtchat/vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MtAccordionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | string[]) => any;
+}, string, import('vue').PublicProps, Readonly<MtAccordionProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+}>, {
+    multiple: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/primitives/PrimeAccordionPanel.vue.d.ts

@@ -0,0 +1,20 @@
+import { MtAccordionPanelProps } from '@mtchat/vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MtAccordionPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MtAccordionPanelProps> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/primitives/PrimeButton.vue.d.ts

@@ -0,0 +1,29 @@
+import { MtButtonProps } from '@mtchat/vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MtButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<MtButtonProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    variant: import('@mtchat/vue').MtButtonVariant;
+    size: import('@mtchat/vue').MtButtonSize;
+    disabled: boolean;
+    loading: boolean;
+    type: "button" | "submit" | "reset";
+    icon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/primitives/PrimeCheckbox.vue.d.ts

@@ -0,0 +1,9 @@
+import { MtCheckboxProps } from '@mtchat/vue';
+declare const _default: import('vue').DefineComponent<MtCheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<MtCheckboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/primitives/PrimeContextMenu.vue.d.ts

@@ -0,0 +1,41 @@
+import { MtContextMenuProps } from '@mtchat/vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'item-icon'?(_: {
+            item: import('primevue/menuitem').MenuItem;
+        }): any;
+    };
+    refs: {
+        menuRef: ({
+            $props: import('primevue/contextmenu').ContextMenuProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $slots: import('primevue/contextmenu').ContextMenuSlots;
+            $emit: ((e: "hide") => void) & ((e: "show") => void) & ((e: "focus", event: Event) => void) & ((e: "blur", event: Event) => void) & ((e: "before-show") => void) & ((e: "before-hide") => void);
+        } & import('primevue/contextmenu').ContextMenuMethods) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MtContextMenuProps, {
+    show: (event: MouseEvent) => void;
+    hide: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    hide: () => any;
+    select: (item: import('@mtchat/vue').MtMenuItem) => any;
+}, string, import('vue').PublicProps, Readonly<MtContextMenuProps> & Readonly<{
+    onHide?: (() => any) | undefined;
+    onSelect?: ((item: import('@mtchat/vue').MtMenuItem) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    menuRef: ({
+        $props: import('primevue/contextmenu').ContextMenuProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $slots: import('primevue/contextmenu').ContextMenuSlots;
+        $emit: ((e: "hide") => void) & ((e: "show") => void) & ((e: "focus", event: Event) => void) & ((e: "blur", event: Event) => void) & ((e: "before-show") => void) & ((e: "before-hide") => void);
+    } & import('primevue/contextmenu').ContextMenuMethods) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/primitives/PrimeDialog.vue.d.ts

@@ -0,0 +1,30 @@
+import { MtDialogProps } from '@mtchat/vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MtDialogProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:visible": (value: boolean) => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<MtDialogProps> & Readonly<{
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    draggable: boolean;
+    modal: boolean;
+    closable: boolean;
+    maxWidth: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/primitives/PrimeInput.vue.d.ts

@@ -0,0 +1,30 @@
+import { MtInputProps } from '@mtchat/vue';
+declare const _default: import('vue').DefineComponent<MtInputProps, {
+    focus: () => void;
+    select: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
+    clear: () => any;
+    keydown: (event: KeyboardEvent) => any;
+}, string, import('vue').PublicProps, Readonly<MtInputProps> & Readonly<{
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+}>, {
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    type: "text" | "password" | "email" | "url" | "search";
+    invalid: boolean;
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: {
+        $props: import('primevue/inputtext').InputTextProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $slots: import('primevue/inputtext').InputTextSlots;
+        $emit: ((e: "update:modelValue", value: string | undefined) => void) & ((e: "value-change", value: string | undefined) => void);
+    } | null;
+}, HTMLDivElement>;
+export default _default;

package/dist/primitives/PrimeMenu.vue.d.ts

@@ -0,0 +1,44 @@
+import { MtMenuProps } from '@mtchat/vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'item-icon'?(_: {
+            item: import('primevue/menuitem').MenuItem;
+        }): any;
+    };
+    refs: {
+        menuRef: ({
+            $props: import('primevue/menu').MenuProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $slots: import('primevue/menu').MenuSlots;
+            $emit: ((e: "hide") => void) & ((e: "show") => void) & ((e: "focus", event: Event) => void) & ((e: "blur", event: Event) => void);
+        } & import('primevue/menu').MenuMethods) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MtMenuProps, {
+    toggle: (event: Event) => void;
+    show: (event: Event) => void;
+    hide: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    hide: () => any;
+    select: (item: import('@mtchat/vue').MtMenuItem) => any;
+}, string, import('vue').PublicProps, Readonly<MtMenuProps> & Readonly<{
+    onHide?: (() => any) | undefined;
+    onSelect?: ((item: import('@mtchat/vue').MtMenuItem) => any) | undefined;
+}>, {
+    popup: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    menuRef: ({
+        $props: import('primevue/menu').MenuProps & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $slots: import('primevue/menu').MenuSlots;
+        $emit: ((e: "hide") => void) & ((e: "show") => void) & ((e: "focus", event: Event) => void) & ((e: "blur", event: Event) => void);
+    } & import('primevue/menu').MenuMethods) | null;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/primitives/PrimeRadioButton.vue.d.ts

@@ -0,0 +1,9 @@
+import { MtRadioButtonProps } from '@mtchat/vue';
+declare const _default: import('vue').DefineComponent<MtRadioButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: unknown) => any;
+}, string, import('vue').PublicProps, Readonly<MtRadioButtonProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/primitives/PrimeTab.vue.d.ts

@@ -0,0 +1,5 @@
+import { MtTabProps } from '@mtchat/vue';
+declare const _default: import('vue').DefineComponent<MtTabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MtTabProps> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/primitives/PrimeTabs.vue.d.ts

@@ -0,0 +1,22 @@
+import { MtTabsProps } from '@mtchat/vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<MtTabsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<MtTabsProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/primitives/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * PrimeVue UI Primitives
+ *
+ * Adapter components that wrap PrimeVue components
+ * to match the MTChat registry interface.
+ */
+export { default as PrimeButton } from './PrimeButton.vue';
+export { default as PrimeDialog } from './PrimeDialog.vue';
+export { default as PrimeMenu } from './PrimeMenu.vue';
+export { default as PrimeContextMenu } from './PrimeContextMenu.vue';
+export { default as PrimeInput } from './PrimeInput.vue';
+export { default as PrimeCheckbox } from './PrimeCheckbox.vue';
+export { default as PrimeRadioButton } from './PrimeRadioButton.vue';
+export { default as PrimeTabs } from './PrimeTabs.vue';
+export { default as PrimeTab } from './PrimeTab.vue';
+export { default as PrimeAccordion } from './PrimeAccordion.vue';
+export { default as PrimeAccordionPanel } from './PrimeAccordionPanel.vue';

package/dist/registry/primevueRegistry.d.ts

@@ -0,0 +1,5 @@
+import { ComponentRegistry } from '@mtchat/vue';
+/**
+ * PrimeVue registry with all components mapped to PrimeVue equivalents
+ */
+export declare const primevueRegistry: ComponentRegistry;

package/dist/theme/aura.css

@@ -0,0 +1,109 @@
+/**
+ * MTChat PrimeVue Aura Theme
+ *
+ * Maps PrimeVue design tokens to MTChat CSS variables.
+ * Works with any PrimeVue preset (Aura, Lara, Nora, etc.)
+ *
+ * Theme modes:
+ * - Light: default, uses --p-surface-0 as background
+ * - Dark: activated by .mtchat-prime--dark class or PrimeVue dark mode selector
+ *
+ * Customization:
+ * - Override PrimeVue tokens (--p-*) via your preset configuration
+ * - Override MTChat tokens (--mtchat-*) via CSS on .mtchat-prime class
+ */
+
+/* Base styles and layout tokens (theme-independent) */
+.mtchat-prime {
+  /* Layout tokens */
+  --mtchat-header-height: 57px;
+  --mtchat-resizer-width: 2px;
+
+  /* Spacing tokens */
+  --mtchat-spacing-xs: 4px;
+  --mtchat-spacing-sm: 8px;
+  --mtchat-spacing-md: 12px;
+  --mtchat-spacing-lg: 16px;
+
+  /* Border radius - match PrimeVue */
+  --mtchat-border-radius: var(--p-border-radius, 6px);
+  --mtchat-border-radius-lg: var(--p-border-radius-lg, 8px);
+
+  /* Font */
+  --mtchat-font-family: var(--p-font-family, inherit);
+}
+
+/*
+ * Theme overrides for PrimeVue integration.
+ *
+ * MTChat.vue has built-in .mtchat--light/dark with hardcoded fallback colors
+ * (scoped styles, specificity 0,2,0). We use .mtchat-prime .mtchat--* selectors
+ * (specificity 0,3,0) to override them with PrimeVue design tokens.
+ */
+
+/* Light theme */
+.mtchat-prime.mtchat-prime--light .mtchat--light {
+  /* Background colors */
+  --mtchat-bg: var(--p-surface-0, #ffffff);
+  --mtchat-bg-secondary: var(--p-surface-50, #fafafa);
+  --mtchat-bg-hover: var(--p-surface-100, #f4f4f5);
+
+  /* Text colors */
+  --mtchat-text: var(--p-text-color, #3f3f46);
+  --mtchat-text-secondary: var(--p-text-muted-color, #71717a);
+
+  /* Border */
+  --mtchat-border: var(--p-surface-200, #e4e4e7);
+
+  /* Semantic colors */
+  --mtchat-primary: var(--p-primary-color, #6366f1);
+  --mtchat-primary-bg: color-mix(in srgb, var(--p-primary-color, #6366f1) 10%, transparent);
+  --mtchat-danger: var(--p-red-500, #ef4444);
+  --mtchat-success: var(--p-green-500, #22c55e);
+  --mtchat-warning: var(--p-yellow-500, #eab308);
+}
+
+/* Dark theme */
+.mtchat-prime.mtchat-prime--dark .mtchat--dark {
+  /* Background colors - use darker surfaces */
+  --mtchat-bg: var(--p-surface-900, #18181b);
+  --mtchat-bg-secondary: var(--p-surface-800, #27272a);
+  --mtchat-bg-hover: var(--p-surface-700, #3f3f46);
+
+  /* Text colors - lighter for dark bg */
+  --mtchat-text: var(--p-surface-0, #fafafa);
+  --mtchat-text-secondary: var(--p-surface-400, #a1a1aa);
+
+  /* Border */
+  --mtchat-border: var(--p-surface-700, #3f3f46);
+
+  /* Semantic colors - slightly brighter for dark mode */
+  --mtchat-primary: var(--p-primary-400, #818cf8);
+  --mtchat-primary-bg: color-mix(in srgb, var(--p-primary-400, #818cf8) 15%, transparent);
+  --mtchat-danger: var(--p-red-400, #f87171);
+  --mtchat-success: var(--p-green-400, #4ade80);
+  --mtchat-warning: var(--p-yellow-400, #facc15);
+}
+
+/* Support PrimeVue dark mode selectors (when theme prop not explicitly set) */
+.dark-mode .mtchat-prime:not(.mtchat-prime--light):not(.mtchat-prime--dark) .mtchat,
+.p-dark .mtchat-prime:not(.mtchat-prime--light):not(.mtchat-prime--dark) .mtchat {
+  /* Background colors */
+  --mtchat-bg: var(--p-surface-900, #18181b);
+  --mtchat-bg-secondary: var(--p-surface-800, #27272a);
+  --mtchat-bg-hover: var(--p-surface-700, #3f3f46);
+
+  /* Text colors */
+  --mtchat-text: var(--p-surface-0, #fafafa);
+  --mtchat-text-secondary: var(--p-surface-400, #a1a1aa);
+
+  /* Border */
+  --mtchat-border: var(--p-surface-700, #3f3f46);
+
+  /* Semantic colors */
+  --mtchat-primary: var(--p-primary-400, #818cf8);
+  --mtchat-primary-bg: color-mix(in srgb, var(--p-primary-400, #818cf8) 15%, transparent);
+  --mtchat-danger: var(--p-red-400, #f87171);
+  --mtchat-success: var(--p-green-400, #4ade80);
+  --mtchat-warning: var(--p-yellow-400, #facc15);
+}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@mtchat/vue-primevue",
+  "version": "0.1.0",
+  "description": "MTChat Vue.js SDK - PrimeVue UI integration",
+  "type": "module",
+  "main": "./dist/mtchat-vue-primevue.umd.cjs",
+  "module": "./dist/mtchat-vue-primevue.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/mtchat-vue-primevue.js",
+      "require": "./dist/mtchat-vue-primevue.umd.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./theme/aura.css": "./dist/theme/aura.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vue-tsc --noEmit && vite build",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0",
+    "primevue": "^4.0.0"
+  },
+  "devDependencies": {
+    "@mtchat/vue": "file:../mtchat-vue",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "primevue": "^4.2.0",
+    "typescript": "^5.3.0",
+    "vite": "^6.0.0",
+    "vite-plugin-css-injected-by-js": "^3.5.0",
+    "vite-plugin-dts": "^4.0.0",
+    "vue": "^3.4.0",
+    "vue-tsc": "^2.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/example/mtchat-vue"
+  },
+  "keywords": [
+    "chat",
+    "vue",
+    "primevue",
+    "mtchat"
+  ],
+  "license": "MIT"
+}