@mcp-elements/vue 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Mayur Rawte
+
+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/dist/index.d.ts

@@ -0,0 +1,612 @@
+import * as vue from 'vue';
+import { SelectOption } from '@mcp-elements/core';
+
+type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link';
+type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
+declare const McpeButton: vue.DefineComponent<vue.ExtractPropTypes<{
+    variant: {
+        type: () => ButtonVariant;
+        default: string;
+    };
+    size: {
+        type: () => ButtonSize;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: () => "button" | "submit" | "reset";
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    variant: {
+        type: () => ButtonVariant;
+        default: string;
+    };
+    size: {
+        type: () => ButtonSize;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: () => "button" | "submit" | "reset";
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    type: "button" | "submit" | "reset";
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const McpeCard: vue.DefineComponent<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const McpeCardHeader: vue.DefineComponent<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const McpeCardTitle: vue.DefineComponent<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const McpeCardDescription: vue.DefineComponent<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const McpeCardContent: vue.DefineComponent<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const McpeCardFooter: vue.DefineComponent<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+type BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive';
+type BadgeSize = 'sm' | 'md';
+declare const McpeBadge: vue.DefineComponent<vue.ExtractPropTypes<{
+    variant: {
+        type: () => BadgeVariant;
+        default: string;
+    };
+    size: {
+        type: () => BadgeSize;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    variant: {
+        type: () => BadgeVariant;
+        default: string;
+    };
+    size: {
+        type: () => BadgeSize;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    variant: BadgeVariant;
+    size: BadgeSize;
+    class: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const McpeInput: vue.DefineComponent<vue.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    type: string;
+    class: string;
+    label: string;
+    error: string;
+    modelValue: string;
+    helperText: string;
+    placeholder: string;
+    id: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const McpeTextarea: vue.DefineComponent<vue.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    class: string;
+    label: string;
+    error: string;
+    modelValue: string;
+    helperText: string;
+    placeholder: string;
+    id: string;
+    rows: number;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const McpeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: () => SelectOption[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: () => SelectOption[];
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    class: string;
+    label: string;
+    error: string;
+    modelValue: string;
+    placeholder: string;
+    id: string;
+    options: SelectOption[];
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const McpeSwitch: vue.DefineComponent<vue.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    id: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    class: string;
+    label: string;
+    modelValue: boolean;
+    id: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const McpeDialog: vue.DefineComponent<vue.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modal: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    modelValue: boolean;
+    modal: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+type AlertVariant = 'default' | 'destructive' | 'success' | 'warning' | 'info' | 'error';
+declare const McpeAlert: vue.DefineComponent<vue.ExtractPropTypes<{
+    variant: {
+        type: () => AlertVariant;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    variant: {
+        type: () => AlertVariant;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    variant: AlertVariant;
+    class: string;
+    title: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+interface TabsItem {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+declare const McpeTabs: vue.DefineComponent<vue.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    tabs: {
+        type: () => TabsItem[];
+        default: () => never[];
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    tabs: {
+        type: () => TabsItem[];
+        default: () => never[];
+    };
+    class: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    class: string;
+    modelValue: string;
+    tabs: TabsItem[];
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { McpeAlert, McpeBadge, McpeButton, McpeCard, McpeCardContent, McpeCardDescription, McpeCardFooter, McpeCardHeader, McpeCardTitle, McpeDialog, McpeInput, McpeSelect, McpeSwitch, McpeTabs, McpeTextarea };

package/dist/index.js

@@ -0,0 +1,517 @@
+// src/button.ts
+import { defineComponent, computed, h } from "vue";
+import { cn } from "@mcp-elements/core";
+var McpeButton = defineComponent({
+  name: "McpeButton",
+  props: {
+    variant: { type: String, default: "primary" },
+    size: { type: String, default: "md" },
+    disabled: { type: Boolean, default: false },
+    type: { type: String, default: "button" },
+    class: { type: String, default: "" }
+  },
+  setup(props, { slots }) {
+    const classes = computed(
+      () => cn("mcpe-btn", `mcpe-btn-${props.variant}`, `mcpe-btn-${props.size}`, props.class)
+    );
+    return () => h(
+      "button",
+      {
+        class: classes.value,
+        disabled: props.disabled,
+        type: props.type
+      },
+      slots.default?.()
+    );
+  }
+});
+
+// src/card.ts
+import { defineComponent as defineComponent2, h as h2 } from "vue";
+import { cn as cn2 } from "@mcp-elements/core";
+var McpeCard = defineComponent2({
+  name: "McpeCard",
+  props: {
+    class: { type: String, default: "" }
+  },
+  setup(props, { slots }) {
+    return () => h2("div", { class: cn2("mcpe-card", props.class) }, slots.default?.());
+  }
+});
+var McpeCardHeader = defineComponent2({
+  name: "McpeCardHeader",
+  props: {
+    class: { type: String, default: "" }
+  },
+  setup(props, { slots }) {
+    return () => h2("div", { class: cn2("mcpe-card-header", props.class) }, slots.default?.());
+  }
+});
+var McpeCardTitle = defineComponent2({
+  name: "McpeCardTitle",
+  props: {
+    class: { type: String, default: "" }
+  },
+  setup(props, { slots }) {
+    return () => h2("h3", { class: cn2("mcpe-card-title", props.class) }, slots.default?.());
+  }
+});
+var McpeCardDescription = defineComponent2({
+  name: "McpeCardDescription",
+  props: {
+    class: { type: String, default: "" }
+  },
+  setup(props, { slots }) {
+    return () => h2("p", { class: cn2("mcpe-card-description", props.class) }, slots.default?.());
+  }
+});
+var McpeCardContent = defineComponent2({
+  name: "McpeCardContent",
+  props: {
+    class: { type: String, default: "" }
+  },
+  setup(props, { slots }) {
+    return () => h2("div", { class: cn2("mcpe-card-content", props.class) }, slots.default?.());
+  }
+});
+var McpeCardFooter = defineComponent2({
+  name: "McpeCardFooter",
+  props: {
+    class: { type: String, default: "" }
+  },
+  setup(props, { slots }) {
+    return () => h2("div", { class: cn2("mcpe-card-footer", props.class) }, slots.default?.());
+  }
+});
+
+// src/badge.ts
+import { defineComponent as defineComponent3, computed as computed2, h as h3 } from "vue";
+import { cn as cn3 } from "@mcp-elements/core";
+var McpeBadge = defineComponent3({
+  name: "McpeBadge",
+  props: {
+    variant: { type: String, default: "default" },
+    size: { type: String, default: "md" },
+    class: { type: String, default: "" }
+  },
+  setup(props, { slots }) {
+    const classes = computed2(
+      () => cn3("mcpe-badge", `mcpe-badge-${props.variant}`, `mcpe-badge-${props.size}`, props.class)
+    );
+    return () => h3("div", { class: classes.value }, slots.default?.());
+  }
+});
+
+// src/input.ts
+import { defineComponent as defineComponent4, computed as computed3, h as h4 } from "vue";
+import { cn as cn4 } from "@mcp-elements/core";
+var McpeInput = defineComponent4({
+  name: "McpeInput",
+  props: {
+    modelValue: { type: String, default: "" },
+    label: { type: String, default: "" },
+    error: { type: String, default: "" },
+    helperText: { type: String, default: "" },
+    disabled: { type: Boolean, default: false },
+    placeholder: { type: String, default: "" },
+    type: { type: String, default: "text" },
+    id: { type: String, default: "" },
+    class: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const inputId = computed3(() => props.id || `mcpe-input-${Math.random().toString(36).slice(2, 9)}`);
+    return () => {
+      const children = [];
+      if (props.label) {
+        children.push(
+          h4("label", { for: inputId.value, class: "mcpe-input-label" }, props.label)
+        );
+      }
+      children.push(
+        h4("input", {
+          id: inputId.value,
+          type: props.type,
+          class: cn4("mcpe-input", props.error ? "mcpe-input-error" : "", props.class),
+          value: props.modelValue,
+          disabled: props.disabled,
+          placeholder: props.placeholder,
+          onInput: (e) => emit("update:modelValue", e.target.value)
+        })
+      );
+      if (props.error) {
+        children.push(h4("p", { class: "mcpe-input-error-text" }, props.error));
+      } else if (props.helperText) {
+        children.push(h4("p", { class: "mcpe-input-helper-text" }, props.helperText));
+      }
+      return h4("div", { class: "mcpe-input-wrapper" }, children);
+    };
+  }
+});
+
+// src/textarea.ts
+import { defineComponent as defineComponent5, computed as computed4, h as h5 } from "vue";
+import { cn as cn5 } from "@mcp-elements/core";
+var McpeTextarea = defineComponent5({
+  name: "McpeTextarea",
+  props: {
+    modelValue: { type: String, default: "" },
+    label: { type: String, default: "" },
+    error: { type: String, default: "" },
+    helperText: { type: String, default: "" },
+    rows: { type: Number, default: 3 },
+    disabled: { type: Boolean, default: false },
+    placeholder: { type: String, default: "" },
+    id: { type: String, default: "" },
+    class: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const textareaId = computed4(
+      () => props.id || `mcpe-textarea-${Math.random().toString(36).slice(2, 9)}`
+    );
+    return () => {
+      const children = [];
+      if (props.label) {
+        children.push(
+          h5("label", { for: textareaId.value, class: "mcpe-textarea-label" }, props.label)
+        );
+      }
+      children.push(
+        h5("textarea", {
+          id: textareaId.value,
+          class: cn5("mcpe-textarea", props.error ? "mcpe-textarea-error" : "", props.class),
+          value: props.modelValue,
+          rows: props.rows,
+          disabled: props.disabled,
+          placeholder: props.placeholder,
+          onInput: (e) => emit("update:modelValue", e.target.value)
+        })
+      );
+      if (props.error) {
+        children.push(h5("p", { class: "mcpe-textarea-error-text" }, props.error));
+      } else if (props.helperText) {
+        children.push(h5("p", { class: "mcpe-textarea-helper-text" }, props.helperText));
+      }
+      return h5("div", { class: "mcpe-textarea-wrapper" }, children);
+    };
+  }
+});
+
+// src/select.ts
+import { defineComponent as defineComponent6, computed as computed5, h as h6 } from "vue";
+import { cn as cn6 } from "@mcp-elements/core";
+var McpeSelect = defineComponent6({
+  name: "McpeSelect",
+  props: {
+    modelValue: { type: String, default: "" },
+    options: { type: Array, default: () => [] },
+    label: { type: String, default: "" },
+    error: { type: String, default: "" },
+    disabled: { type: Boolean, default: false },
+    placeholder: { type: String, default: "Select..." },
+    id: { type: String, default: "" },
+    class: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const selectId = computed5(
+      () => props.id || `mcpe-select-${Math.random().toString(36).slice(2, 9)}`
+    );
+    return () => {
+      const children = [];
+      if (props.label) {
+        children.push(
+          h6("label", { for: selectId.value, class: "mcpe-select-label" }, props.label)
+        );
+      }
+      const optionNodes = [
+        h6("option", { value: "", disabled: true }, props.placeholder),
+        ...props.options.map(
+          (opt) => h6(
+            "option",
+            {
+              key: opt.value,
+              value: opt.value,
+              disabled: opt.disabled ?? false
+            },
+            opt.label
+          )
+        )
+      ];
+      children.push(
+        h6("select", {
+          id: selectId.value,
+          class: cn6("mcpe-select", props.error ? "mcpe-select-error" : "", props.class),
+          value: props.modelValue,
+          disabled: props.disabled,
+          onChange: (e) => emit("update:modelValue", e.target.value)
+        }, optionNodes)
+      );
+      if (props.error) {
+        children.push(h6("p", { class: "mcpe-select-error-text" }, props.error));
+      }
+      return h6("div", { class: "mcpe-select-wrapper" }, children);
+    };
+  }
+});
+
+// src/switch.ts
+import { defineComponent as defineComponent7, computed as computed6, h as h7 } from "vue";
+import { cn as cn7 } from "@mcp-elements/core";
+var McpeSwitch = defineComponent7({
+  name: "McpeSwitch",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    label: { type: String, default: "" },
+    disabled: { type: Boolean, default: false },
+    id: { type: String, default: "" },
+    class: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(props, { emit }) {
+    const switchId = computed6(
+      () => props.id || `mcpe-switch-${Math.random().toString(36).slice(2, 9)}`
+    );
+    const toggle = () => {
+      if (!props.disabled) {
+        emit("update:modelValue", !props.modelValue);
+      }
+    };
+    return () => {
+      const switchBtn = h7("button", {
+        id: switchId.value,
+        type: "button",
+        role: "switch",
+        "aria-checked": props.modelValue,
+        "aria-disabled": props.disabled || void 0,
+        disabled: props.disabled,
+        class: cn7(
+          "mcpe-switch",
+          props.modelValue ? "mcpe-switch-checked" : "",
+          props.class
+        ),
+        onClick: toggle,
+        onKeydown: (e) => {
+          if (e.key === " " || e.key === "Enter") {
+            e.preventDefault();
+            toggle();
+          }
+        }
+      }, [h7("span", { class: "mcpe-switch-thumb" })]);
+      if (props.label) {
+        return h7("label", { class: "mcpe-switch-wrapper" }, [
+          switchBtn,
+          h7("span", { class: "mcpe-switch-label" }, props.label)
+        ]);
+      }
+      return switchBtn;
+    };
+  }
+});
+
+// src/dialog.ts
+import { defineComponent as defineComponent8, h as h8, Teleport, onMounted, onUnmounted, watch } from "vue";
+import { cn as cn8 } from "@mcp-elements/core";
+var McpeDialog = defineComponent8({
+  name: "McpeDialog",
+  props: {
+    modelValue: { type: Boolean, default: false },
+    modal: { type: Boolean, default: true },
+    class: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(props, { slots, emit }) {
+    const close = () => emit("update:modelValue", false);
+    let unlockScroll = null;
+    const lockScroll = () => {
+      const prev = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = prev;
+      };
+    };
+    watch(
+      () => props.modelValue,
+      (isOpen) => {
+        if (isOpen && props.modal) {
+          unlockScroll = lockScroll();
+        } else if (!isOpen && unlockScroll) {
+          unlockScroll();
+          unlockScroll = null;
+        }
+      },
+      { immediate: true }
+    );
+    onUnmounted(() => {
+      if (unlockScroll) {
+        unlockScroll();
+      }
+    });
+    const handleKeydown = (e) => {
+      if (e.key === "Escape") {
+        close();
+      }
+    };
+    onMounted(() => {
+      document.addEventListener("keydown", handleKeydown);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("keydown", handleKeydown);
+    });
+    return () => {
+      if (!props.modelValue) return h8("span", { style: "display:none" });
+      return h8(Teleport, { to: "body" }, [
+        h8("div", {
+          class: "mcpe-dialog-overlay",
+          onClick: close
+        }),
+        h8(
+          "div",
+          {
+            class: cn8("mcpe-dialog-content", props.class),
+            role: "dialog",
+            "aria-modal": props.modal,
+            onClick: (e) => e.stopPropagation()
+          },
+          [
+            slots.default?.(),
+            h8(
+              "button",
+              {
+                class: "mcpe-dialog-close",
+                "aria-label": "Close",
+                type: "button",
+                onClick: close
+              },
+              [
+                h8(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "15",
+                    height: "15",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    "stroke-width": "2",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  },
+                  [
+                    h8("path", { d: "M18 6 6 18" }),
+                    h8("path", { d: "m6 6 12 12" })
+                  ]
+                ),
+                h8("span", { class: "sr-only" }, "Close")
+              ]
+            )
+          ]
+        )
+      ]);
+    };
+  }
+});
+
+// src/alert.ts
+import { defineComponent as defineComponent9, computed as computed7, h as h9 } from "vue";
+import { cn as cn9 } from "@mcp-elements/core";
+var McpeAlert = defineComponent9({
+  name: "McpeAlert",
+  props: {
+    variant: { type: String, default: "default" },
+    title: { type: String, default: "" },
+    class: { type: String, default: "" }
+  },
+  setup(props, { slots }) {
+    const classes = computed7(
+      () => cn9("mcpe-alert", `mcpe-alert-${props.variant}`, props.class)
+    );
+    return () => {
+      const children = [];
+      if (props.title) {
+        children.push(h9("h5", { class: "mcpe-alert-title" }, props.title));
+      }
+      if (slots.default) {
+        children.push(h9("div", { class: "mcpe-alert-description" }, slots.default()));
+      }
+      return h9("div", { role: "alert", class: classes.value }, children);
+    };
+  }
+});
+
+// src/tabs.ts
+import { defineComponent as defineComponent10, computed as computed8, h as h10 } from "vue";
+import { cn as cn10 } from "@mcp-elements/core";
+var McpeTabs = defineComponent10({
+  name: "McpeTabs",
+  props: {
+    modelValue: { type: String, default: "" },
+    tabs: { type: Array, default: () => [] },
+    class: { type: String, default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(props, { slots, emit }) {
+    const activeTab = computed8(() => props.modelValue || props.tabs[0]?.value || "");
+    const selectTab = (value) => emit("update:modelValue", value);
+    return () => {
+      const triggerNodes = props.tabs.map((tab) => {
+        const isActive = tab.value === activeTab.value;
+        return h10(
+          "button",
+          {
+            key: tab.value,
+            role: "tab",
+            "aria-selected": isActive,
+            tabindex: isActive ? 0 : -1,
+            disabled: tab.disabled ?? false,
+            class: cn10(
+              "mcpe-tabs-trigger",
+              isActive ? "mcpe-tabs-trigger-active" : ""
+            ),
+            onClick: () => {
+              if (!tab.disabled) selectTab(tab.value);
+            }
+          },
+          tab.label
+        );
+      });
+      const tabList = h10(
+        "div",
+        { role: "tablist", class: "mcpe-tabs-list" },
+        triggerNodes
+      );
+      const activeTabData = props.tabs.find((tab) => tab.value === activeTab.value);
+      const contentNodes = activeTabData ? [
+        h10(
+          "div",
+          {
+            key: activeTabData.value,
+            role: "tabpanel",
+            class: "mcpe-tabs-content"
+          },
+          slots[activeTabData.value]?.() ?? []
+        )
+      ] : [];
+      return h10("div", { class: cn10("mcpe-tabs", props.class) }, [tabList, ...contentNodes]);
+    };
+  }
+});
+export {
+  McpeAlert,
+  McpeBadge,
+  McpeButton,
+  McpeCard,
+  McpeCardContent,
+  McpeCardDescription,
+  McpeCardFooter,
+  McpeCardHeader,
+  McpeCardTitle,
+  McpeDialog,
+  McpeInput,
+  McpeSelect,
+  McpeSwitch,
+  McpeTabs,
+  McpeTextarea
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/button.ts","../src/card.ts","../src/badge.ts","../src/input.ts","../src/textarea.ts","../src/select.ts","../src/switch.ts","../src/dialog.ts","../src/alert.ts","../src/tabs.ts"],"sourcesContent":["import { defineComponent, computed, h } from 'vue'\nimport { cn } from '@mcp-elements/core'\n\ntype ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'link'\ntype ButtonSize = 'sm' | 'md' | 'lg' | 'icon'\n\nexport const McpeButton = defineComponent({\n  name: 'McpeButton',\n  props: {\n    variant: { type: String as () => ButtonVariant, default: 'primary' },\n    size: { type: String as () => ButtonSize, default: 'md' },\n    disabled: { type: Boolean, default: false },\n    type: { type: String as () => 'button' | 'submit' | 'reset', default: 'button' },\n    class: { type: String, default: '' },\n  },\n  setup(props, { slots }) {\n    const classes = computed(() =>\n      cn('mcpe-btn', `mcpe-btn-${props.variant}`, `mcpe-btn-${props.size}`, props.class)\n    )\n    return () =>\n      h(\n        'button',\n        {\n          class: classes.value,\n          disabled: props.disabled,\n          type: props.type,\n        },\n        slots.default?.()\n      )\n  },\n})\n","import { defineComponent, h } from 'vue'\nimport { cn } from '@mcp-elements/core'\n\nexport const McpeCard = defineComponent({\n  name: 'McpeCard',\n  props: {\n    class: { type: String, default: '' },\n  },\n  setup(props, { slots }) {\n    return () =>\n      h('div', { class: cn('mcpe-card', props.class) }, slots.default?.())\n  },\n})\n\nexport const McpeCardHeader = defineComponent({\n  name: 'McpeCardHeader',\n  props: {\n    class: { type: String, default: '' },\n  },\n  setup(props, { slots }) {\n    return () =>\n      h('div', { class: cn('mcpe-card-header', props.class) }, slots.default?.())\n  },\n})\n\nexport const McpeCardTitle = defineComponent({\n  name: 'McpeCardTitle',\n  props: {\n    class: { type: String, default: '' },\n  },\n  setup(props, { slots }) {\n    return () =>\n      h('h3', { class: cn('mcpe-card-title', props.class) }, slots.default?.())\n  },\n})\n\nexport const McpeCardDescription = defineComponent({\n  name: 'McpeCardDescription',\n  props: {\n    class: { type: String, default: '' },\n  },\n  setup(props, { slots }) {\n    return () =>\n      h('p', { class: cn('mcpe-card-description', props.class) }, slots.default?.())\n  },\n})\n\nexport const McpeCardContent = defineComponent({\n  name: 'McpeCardContent',\n  props: {\n    class: { type: String, default: '' },\n  },\n  setup(props, { slots }) {\n    return () =>\n      h('div', { class: cn('mcpe-card-content', props.class) }, slots.default?.())\n  },\n})\n\nexport const McpeCardFooter = defineComponent({\n  name: 'McpeCardFooter',\n  props: {\n    class: { type: String, default: '' },\n  },\n  setup(props, { slots }) {\n    return () =>\n      h('div', { class: cn('mcpe-card-footer', props.class) }, slots.default?.())\n  },\n})\n","import { defineComponent, computed, h } from 'vue'\nimport { cn } from '@mcp-elements/core'\n\ntype BadgeVariant = 'default' | 'secondary' | 'outline' | 'destructive'\ntype BadgeSize = 'sm' | 'md'\n\nexport const McpeBadge = defineComponent({\n  name: 'McpeBadge',\n  props: {\n    variant: { type: String as () => BadgeVariant, default: 'default' },\n    size: { type: String as () => BadgeSize, default: 'md' },\n    class: { type: String, default: '' },\n  },\n  setup(props, { slots }) {\n    const classes = computed(() =>\n      cn('mcpe-badge', `mcpe-badge-${props.variant}`, `mcpe-badge-${props.size}`, props.class)\n    )\n    return () =>\n      h('div', { class: classes.value }, slots.default?.())\n  },\n})\n","import { defineComponent, computed, h } from 'vue'\nimport { cn } from '@mcp-elements/core'\n\nexport const McpeInput = defineComponent({\n  name: 'McpeInput',\n  props: {\n    modelValue: { type: String, default: '' },\n    label: { type: String, default: '' },\n    error: { type: String, default: '' },\n    helperText: { type: String, default: '' },\n    disabled: { type: Boolean, default: false },\n    placeholder: { type: String, default: '' },\n    type: { type: String, default: 'text' },\n    id: { type: String, default: '' },\n    class: { type: String, default: '' },\n  },\n  emits: ['update:modelValue'],\n  setup(props, { emit }) {\n    const inputId = computed(() => props.id || `mcpe-input-${Math.random().toString(36).slice(2, 9)}`)\n\n    return () => {\n      const children = []\n\n      if (props.label) {\n        children.push(\n          h('label', { for: inputId.value, class: 'mcpe-input-label' }, props.label)\n        )\n      }\n\n      children.push(\n        h('input', {\n          id: inputId.value,\n          type: props.type,\n          class: cn('mcpe-input', props.error ? 'mcpe-input-error' : '', props.class),\n          value: props.modelValue,\n          disabled: props.disabled,\n          placeholder: props.placeholder,\n          onInput: (e: Event) => emit('update:modelValue', (e.target as HTMLInputElement).value),\n        })\n      )\n\n      if (props.error) {\n        children.push(h('p', { class: 'mcpe-input-error-text' }, props.error))\n      } else if (props.helperText) {\n        children.push(h('p', { class: 'mcpe-input-helper-text' }, props.helperText))\n      }\n\n      return h('div', { class: 'mcpe-input-wrapper' }, children)\n    }\n  },\n})\n","import { defineComponent, computed, h } from 'vue'\nimport { cn } from '@mcp-elements/core'\n\nexport const McpeTextarea = defineComponent({\n  name: 'McpeTextarea',\n  props: {\n    modelValue: { type: String, default: '' },\n    label: { type: String, default: '' },\n    error: { type: String, default: '' },\n    helperText: { type: String, default: '' },\n    rows: { type: Number, default: 3 },\n    disabled: { type: Boolean, default: false },\n    placeholder: { type: String, default: '' },\n    id: { type: String, default: '' },\n    class: { type: String, default: '' },\n  },\n  emits: ['update:modelValue'],\n  setup(props, { emit }) {\n    const textareaId = computed(\n      () => props.id || `mcpe-textarea-${Math.random().toString(36).slice(2, 9)}`\n    )\n\n    return () => {\n      const children = []\n\n      if (props.label) {\n        children.push(\n          h('label', { for: textareaId.value, class: 'mcpe-textarea-label' }, props.label)\n        )\n      }\n\n      children.push(\n        h('textarea', {\n          id: textareaId.value,\n          class: cn('mcpe-textarea', props.error ? 'mcpe-textarea-error' : '', props.class),\n          value: props.modelValue,\n          rows: props.rows,\n          disabled: props.disabled,\n          placeholder: props.placeholder,\n          onInput: (e: Event) =>\n            emit('update:modelValue', (e.target as HTMLTextAreaElement).value),\n        })\n      )\n\n      if (props.error) {\n        children.push(h('p', { class: 'mcpe-textarea-error-text' }, props.error))\n      } else if (props.helperText) {\n        children.push(h('p', { class: 'mcpe-textarea-helper-text' }, props.helperText))\n      }\n\n      return h('div', { class: 'mcpe-textarea-wrapper' }, children)\n    }\n  },\n})\n","import { defineComponent, computed, h } from 'vue'\nimport { cn } from '@mcp-elements/core'\nimport type { SelectOption } from '@mcp-elements/core'\n\nexport const McpeSelect = defineComponent({\n  name: 'McpeSelect',\n  props: {\n    modelValue: { type: String, default: '' },\n    options: { type: Array as () => SelectOption[], default: () => [] },\n    label: { type: String, default: '' },\n    error: { type: String, default: '' },\n    disabled: { type: Boolean, default: false },\n    placeholder: { type: String, default: 'Select...' },\n    id: { type: String, default: '' },\n    class: { type: String, default: '' },\n  },\n  emits: ['update:modelValue'],\n  setup(props, { emit }) {\n    const selectId = computed(\n      () => props.id || `mcpe-select-${Math.random().toString(36).slice(2, 9)}`\n    )\n\n    return () => {\n      const children = []\n\n      if (props.label) {\n        children.push(\n          h('label', { for: selectId.value, class: 'mcpe-select-label' }, props.label)\n        )\n      }\n\n      const optionNodes = [\n        h('option', { value: '', disabled: true }, props.placeholder),\n        ...props.options.map((opt) =>\n          h(\n            'option',\n            {\n              key: opt.value,\n              value: opt.value,\n              disabled: opt.disabled ?? false,\n            },\n            opt.label\n          )\n        ),\n      ]\n\n      children.push(\n        h('select', {\n          id: selectId.value,\n          class: cn('mcpe-select', props.error ? 'mcpe-select-error' : '', props.class),\n          value: props.modelValue,\n          disabled: props.disabled,\n          onChange: (e: Event) =>\n            emit('update:modelValue', (e.target as HTMLSelectElement).value),\n        }, optionNodes)\n      )\n\n      if (props.error) {\n        children.push(h('p', { class: 'mcpe-select-error-text' }, props.error))\n      }\n\n      return h('div', { class: 'mcpe-select-wrapper' }, children)\n    }\n  },\n})\n","import { defineComponent, computed, h } from 'vue'\nimport { cn } from '@mcp-elements/core'\n\nexport const McpeSwitch = defineComponent({\n  name: 'McpeSwitch',\n  props: {\n    modelValue: { type: Boolean, default: false },\n    label: { type: String, default: '' },\n    disabled: { type: Boolean, default: false },\n    id: { type: String, default: '' },\n    class: { type: String, default: '' },\n  },\n  emits: ['update:modelValue'],\n  setup(props, { emit }) {\n    const switchId = computed(\n      () => props.id || `mcpe-switch-${Math.random().toString(36).slice(2, 9)}`\n    )\n\n    const toggle = () => {\n      if (!props.disabled) {\n        emit('update:modelValue', !props.modelValue)\n      }\n    }\n\n    return () => {\n      const switchBtn = h('button', {\n        id: switchId.value,\n        type: 'button',\n        role: 'switch',\n        'aria-checked': props.modelValue,\n        'aria-disabled': props.disabled || undefined,\n        disabled: props.disabled,\n        class: cn(\n          'mcpe-switch',\n          props.modelValue ? 'mcpe-switch-checked' : '',\n          props.class\n        ),\n        onClick: toggle,\n        onKeydown: (e: KeyboardEvent) => {\n          if (e.key === ' ' || e.key === 'Enter') {\n            e.preventDefault()\n            toggle()\n          }\n        },\n      }, [h('span', { class: 'mcpe-switch-thumb' })])\n\n      if (props.label) {\n        return h('label', { class: 'mcpe-switch-wrapper' }, [\n          switchBtn,\n          h('span', { class: 'mcpe-switch-label' }, props.label),\n        ])\n      }\n\n      return switchBtn\n    }\n  },\n})\n","import { defineComponent, h, Teleport, onMounted, onUnmounted, watch } from 'vue'\nimport { cn } from '@mcp-elements/core'\n\nexport const McpeDialog = defineComponent({\n  name: 'McpeDialog',\n  props: {\n    modelValue: { type: Boolean, default: false },\n    modal: { type: Boolean, default: true },\n    class: { type: String, default: '' },\n  },\n  emits: ['update:modelValue'],\n  setup(props, { slots, emit }) {\n    const close = () => emit('update:modelValue', false)\n\n    let unlockScroll: (() => void) | null = null\n\n    const lockScroll = () => {\n      const prev = document.body.style.overflow\n      document.body.style.overflow = 'hidden'\n      return () => {\n        document.body.style.overflow = prev\n      }\n    }\n\n    watch(\n      () => props.modelValue,\n      (isOpen) => {\n        if (isOpen && props.modal) {\n          unlockScroll = lockScroll()\n        } else if (!isOpen && unlockScroll) {\n          unlockScroll()\n          unlockScroll = null\n        }\n      },\n      { immediate: true }\n    )\n\n    onUnmounted(() => {\n      if (unlockScroll) {\n        unlockScroll()\n      }\n    })\n\n    const handleKeydown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        close()\n      }\n    }\n\n    onMounted(() => {\n      document.addEventListener('keydown', handleKeydown)\n    })\n\n    onUnmounted(() => {\n      document.removeEventListener('keydown', handleKeydown)\n    })\n\n    return () => {\n      if (!props.modelValue) return h('span', { style: 'display:none' })\n\n      return h(Teleport as unknown as string, { to: 'body' }, [\n        h('div', {\n          class: 'mcpe-dialog-overlay',\n          onClick: close,\n        }),\n        h(\n          'div',\n          {\n            class: cn('mcpe-dialog-content', props.class),\n            role: 'dialog',\n            'aria-modal': props.modal,\n            onClick: (e: MouseEvent) => e.stopPropagation(),\n          },\n          [\n            slots.default?.(),\n            h(\n              'button',\n              {\n                class: 'mcpe-dialog-close',\n                'aria-label': 'Close',\n                type: 'button',\n                onClick: close,\n              },\n              [\n                h(\n                  'svg',\n                  {\n                    xmlns: 'http://www.w3.org/2000/svg',\n                    width: '15',\n                    height: '15',\n                    viewBox: '0 0 24 24',\n                    fill: 'none',\n                    stroke: 'currentColor',\n                    'stroke-width': '2',\n                    'stroke-linecap': 'round',\n                    'stroke-linejoin': 'round',\n                  },\n                  [\n                    h('path', { d: 'M18 6 6 18' }),\n                    h('path', { d: 'm6 6 12 12' }),\n                  ]\n                ),\n                h('span', { class: 'sr-only' }, 'Close'),\n              ]\n            ),\n          ]\n        ),\n      ])\n    }\n  },\n})\n","import { defineComponent, computed, h } from 'vue'\nimport { cn } from '@mcp-elements/core'\n\ntype AlertVariant = 'default' | 'destructive' | 'success' | 'warning' | 'info' | 'error'\n\nexport const McpeAlert = defineComponent({\n  name: 'McpeAlert',\n  props: {\n    variant: { type: String as () => AlertVariant, default: 'default' },\n    title: { type: String, default: '' },\n    class: { type: String, default: '' },\n  },\n  setup(props, { slots }) {\n    const classes = computed(() =>\n      cn('mcpe-alert', `mcpe-alert-${props.variant}`, props.class)\n    )\n\n    return () => {\n      const children = []\n\n      if (props.title) {\n        children.push(h('h5', { class: 'mcpe-alert-title' }, props.title))\n      }\n\n      if (slots.default) {\n        children.push(h('div', { class: 'mcpe-alert-description' }, slots.default()))\n      }\n\n      return h('div', { role: 'alert', class: classes.value }, children)\n    }\n  },\n})\n","import { defineComponent, computed, h } from 'vue'\nimport { cn } from '@mcp-elements/core'\n\nexport interface TabsItem {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport const McpeTabs = defineComponent({\n  name: 'McpeTabs',\n  props: {\n    modelValue: { type: String, default: '' },\n    tabs: { type: Array as () => TabsItem[], default: () => [] },\n    class: { type: String, default: '' },\n  },\n  emits: ['update:modelValue'],\n  setup(props, { slots, emit }) {\n    const activeTab = computed(() => props.modelValue || props.tabs[0]?.value || '')\n\n    const selectTab = (value: string) => emit('update:modelValue', value)\n\n    return () => {\n      const triggerNodes = props.tabs.map((tab) => {\n        const isActive = tab.value === activeTab.value\n        return h(\n          'button',\n          {\n            key: tab.value,\n            role: 'tab',\n            'aria-selected': isActive,\n            tabindex: isActive ? 0 : -1,\n            disabled: tab.disabled ?? false,\n            class: cn(\n              'mcpe-tabs-trigger',\n              isActive ? 'mcpe-tabs-trigger-active' : ''\n            ),\n            onClick: () => {\n              if (!tab.disabled) selectTab(tab.value)\n            },\n          },\n          tab.label\n        )\n      })\n\n      const tabList = h(\n        'div',\n        { role: 'tablist', class: 'mcpe-tabs-list' },\n        triggerNodes\n      )\n\n      const activeTabData = props.tabs.find((tab) => tab.value === activeTab.value)\n      const contentNodes = activeTabData\n        ? [\n            h(\n              'div',\n              {\n                key: activeTabData.value,\n                role: 'tabpanel',\n                class: 'mcpe-tabs-content',\n              },\n              slots[activeTabData.value]?.() ?? []\n            ),\n          ]\n        : []\n\n      return h('div', { class: cn('mcpe-tabs', props.class) }, [tabList, ...contentNodes])\n    }\n  },\n})\n"],"mappings":"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","names":["defineComponent","h","cn","defineComponent","computed","h","cn","defineComponent","computed","h","cn","defineComponent","computed","h","cn","defineComponent","computed","h","cn","defineComponent","computed","h","cn","defineComponent","h","cn","defineComponent","computed","h","cn","defineComponent","computed","h","cn"]}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@mcp-elements/vue",
+  "version": "0.1.0",
+  "private": false,
+  "description": "mcp-elements Vue 3 components",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@mcp-elements/core": "0.1.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "vue": "^3.4.0",
+    "@vue/tsconfig": "^0.7.0",
+    "tsup": "^8.3.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist"
+  }
+}