@lovince/ui-vue 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,84 @@
+import * as vue from 'vue';
+
+declare const MyButton: vue.DefineComponent<vue.ExtractPropTypes<{
+    variant: {
+        type: () => "primary" | "secondary";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: () => "sm" | "md" | "lg";
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "button-click"[], "button-click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    variant: {
+        type: () => "primary" | "secondary";
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: () => "sm" | "md" | "lg";
+        default: string;
+    };
+}>> & Readonly<{
+    "onButton-click"?: (...args: any[]) => any;
+}>, {
+    variant: "primary" | "secondary";
+    disabled: boolean;
+    size: "sm" | "md" | "lg";
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+declare const MyInput: vue.DefineComponent<vue.ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: () => "text" | "email" | "password";
+        default: string;
+    };
+}>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "input-change"[], "input-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: () => "text" | "email" | "password";
+        default: string;
+    };
+}>> & Readonly<{
+    "onInput-change"?: (...args: any[]) => any;
+}>, {
+    type: "text" | "email" | "password";
+    disabled: boolean;
+    value: string;
+    placeholder: string;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+
+export { MyButton, MyInput };

package/dist/index.js

@@ -0,0 +1,73 @@
+// src/MyButton.ts
+import { defineComponent, h } from "vue";
+var MyButton = defineComponent({
+  name: "MyButton",
+  props: {
+    variant: {
+      type: String,
+      default: "primary"
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md"
+    }
+  },
+  emits: ["button-click"],
+  setup(props, { emit, slots }) {
+    const handleButtonClick = (event) => {
+      emit("button-click", event.detail);
+    };
+    return () => h("my-button", {
+      variant: props.variant,
+      disabled: props.disabled,
+      size: props.size,
+      onButtonClick: handleButtonClick
+    }, slots.default?.());
+  }
+});
+
+// src/MyInput.ts
+import { defineComponent as defineComponent2, h as h2 } from "vue";
+var MyInput = defineComponent2({
+  name: "MyInput",
+  props: {
+    value: {
+      type: String,
+      default: ""
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "text"
+    }
+  },
+  emits: ["input-change"],
+  setup(props, { emit }) {
+    const handleInputChange = (event) => {
+      emit("input-change", event.detail);
+    };
+    return () => h2("my-input", {
+      value: props.value,
+      placeholder: props.placeholder,
+      disabled: props.disabled,
+      type: props.type,
+      onInputChange: handleInputChange
+    });
+  }
+});
+export {
+  MyButton,
+  MyInput
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/MyButton.ts","../src/MyInput.ts"],"sourcesContent":["import { defineComponent, h } from 'vue';\nimport { MyButtonProps } from '@lovince/ui-shared';\n\nexport const MyButton = defineComponent({\n  name: 'MyButton',\n  props: {\n    variant: {\n      type: String as () => 'primary' | 'secondary',\n      default: 'primary'\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    size: {\n      type: String as () => 'sm' | 'md' | 'lg',\n      default: 'md'\n    }\n  },\n  emits: ['button-click'],\n  setup(props, { emit, slots }) {\n    const handleButtonClick = (event: CustomEvent) => {\n      emit('button-click', event.detail);\n    };\n\n    return () => h('my-button', {\n      variant: props.variant,\n      disabled: props.disabled,\n      size: props.size,\n      onButtonClick: handleButtonClick\n    }, slots.default?.());\n  }\n});\n","import { defineComponent, h } from 'vue';\nimport { MyInputProps } from '@lovince/ui-shared';\n\nexport const MyInput = defineComponent({\n  name: 'MyInput',\n  props: {\n    value: {\n      type: String,\n      default: ''\n    },\n    placeholder: {\n      type: String,\n      default: ''\n    },\n    disabled: {\n      type: Boolean,\n      default: false\n    },\n    type: {\n      type: String as () => 'text' | 'email' | 'password',\n      default: 'text'\n    }\n  },\n  emits: ['input-change'],\n  setup(props, { emit }) {\n    const handleInputChange = (event: CustomEvent) => {\n      emit('input-change', event.detail);\n    };\n\n    return () => h('my-input', {\n      value: props.value,\n      placeholder: props.placeholder,\n      disabled: props.disabled,\n      type: props.type,\n      onInputChange: handleInputChange\n    });\n  }\n});\n"],"mappings":";AAAA,SAAS,iBAAiB,SAAS;AAG5B,IAAM,WAAW,gBAAgB;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,OAAO,CAAC,cAAc;AAAA,EACtB,MAAM,OAAO,EAAE,MAAM,MAAM,GAAG;AAC5B,UAAM,oBAAoB,CAAC,UAAuB;AAChD,WAAK,gBAAgB,MAAM,MAAM;AAAA,IACnC;AAEA,WAAO,MAAM,EAAE,aAAa;AAAA,MAC1B,SAAS,MAAM;AAAA,MACf,UAAU,MAAM;AAAA,MAChB,MAAM,MAAM;AAAA,MACZ,eAAe;AAAA,IACjB,GAAG,MAAM,UAAU,CAAC;AAAA,EACtB;AACF,CAAC;;;AChCD,SAAS,mBAAAA,kBAAiB,KAAAC,UAAS;AAG5B,IAAM,UAAUD,iBAAgB;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,OAAO,CAAC,cAAc;AAAA,EACtB,MAAM,OAAO,EAAE,KAAK,GAAG;AACrB,UAAM,oBAAoB,CAAC,UAAuB;AAChD,WAAK,gBAAgB,MAAM,MAAM;AAAA,IACnC;AAEA,WAAO,MAAMC,GAAE,YAAY;AAAA,MACzB,OAAO,MAAM;AAAA,MACb,aAAa,MAAM;AAAA,MACnB,UAAU,MAAM;AAAA,MAChB,MAAM,MAAM;AAAA,MACZ,eAAe;AAAA,IACjB,CAAC;AAAA,EACH;AACF,CAAC;","names":["defineComponent","h"]}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@lovince/ui-vue",
+  "version": "1.0.0",
+  "description": "Vue wrappers for UI components",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "peerDependencies": {
+    "@lovince/ui-core": "^1.0.0",
+    "vue": "^3.0.0"
+  },
+  "devDependencies": {
+    "@lovince/ui-shared": "^1.0.0",
+    "@vitejs/plugin-vue": "^4.0.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "vue": "^3.0.0",
+    "vue-tsc": "^1.8.0"
+  }
+}