designertool 0.0.1-dev

package/README.md

@@ -0,0 +1,174 @@
+<h1 align="center">Postcard Designer Tool</h1>
+
+## Links
+
+- [Repo](https://github.com/webgurus-eu/dmm-designer-web 'dmm-designer-web Repo')
+
+- [Live](<Homepage url> 'Live View')
+
+- [API](https://dev-designer.directmailmanager.com/api 'API')
+
+## User Guide
+
+To use the package in your project, before installing you need to first create an .npmrc file using the following details:
+
+```sh
+@webgurus-eu:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=${NPM_TOKEN}
+```
+
+Install the package in your application:
+
+```sh
+$ npm install @webgurus-eu/postcard-designer-tool
+```
+
+Default config:
+
+```json
+{
+  "size": {
+    "w": 9,
+    "h": 6
+  },
+  "zoom": 100,
+  "backgroundColor": "#ffffff",
+  "backgroundImage": null,
+  "border": {
+    "enabled": false,
+    "width": 6,
+    "color": "rgba(0, 0, 0, 0)"
+  },
+  "canvasOffset": {
+    "x": 0,
+    "y": 0
+  },
+  "address_box": {
+    "visible": true,
+    "width": 3.6,
+    "height": 2.2
+  },
+  "merge_variables": [
+    "company",
+    "firstname",
+    "lastname",
+    "address1",
+    "address2",
+    "city",
+    "state",
+    "zipcode"
+  ],
+  "return_address": {
+    "company": "Test",
+    "firstname": "Jeff",
+    "lastname": "Doe",
+    "address1": "425 Main St",
+    "address2": "Apt 1",
+    "city": "Miami",
+    "state": "FL",
+    "zipcode": "34689"
+  },
+  "example_data": [
+    {
+      "company": "Acme",
+      "firstname": "John",
+      "lastname": "Doe",
+      "address1": "123 Main St",
+      "address2": "Apt 1",
+      "city": "Los Angeles",
+      "state": "CA",
+      "zipcode": "12345"
+    },
+    {
+      "company": "Acme",
+      "firstname": "Jane",
+      "lastname": "Doe",
+      "address1": "23 Any street",
+      "address2": "Apt 45",
+      "city": "Anytown",
+      "state": "CA",
+      "zipcode": "23452"
+    }
+  ],
+  "api": {
+    "base_url": "https://dev-designer.directmailmanager.com/api",
+    "project_id": 1,
+    "user_id": 2
+  },
+  "user_id": "{INTERNAL_USER_ID}",
+  "google": {
+    "map_api_key": "{YOUR_GOOGLE_MAPS_API_KEY}",
+    "use_predefined_locations": false,
+    "to_addresses": ["1 Main St Apt 1, Los Angeles, CA 12345"]
+  },
+  "fonts": [
+    {
+      "name": "Arial Black",
+      "link": "https://fonts.googleapis.com/css?family=Arial+Black"
+    },
+    {
+      "name": "Courier New",
+      "link": "https://fonts.googleapis.com/css?family=Courier+New"
+    }
+  ]
+}
+```
+
+Use the component in your application:
+
+```js
+<script setup lang="ts">
+import { PostcardDesigner} from "@webgurus-eu/postcard-designer-tool";
+import "@webgurus-eu/postcard-designer-tool/dist/index.css";
+
+</script>
+
+<template>
+  <PostcardDesigner />
+</template>
+
+```
+
+Available functions to modify the default config:
+
+- Every option can be modified by calling the init() function except the fonts, which can be extended by calling the addFont() function:
+
+```js
+import { init, addFont } from '@webgurus-eu/postcard-designer-tool';
+
+init({
+  backgroundColor: '#000000',
+  return_address: {
+    company: '',
+    firstname: 'Chuck',
+    lastname: 'Norris',
+    address1: '420 Forrest St',
+    address2: '',
+    city: 'Austin',
+    state: 'TX',
+    zipcode: '34444',
+  },
+});
+
+addFont([
+  {
+    name: 'Kablammo',
+    link: 'https://fonts.googleapis.com/css?family=Kablammo',
+  },
+  {
+    name: 'Bebas Neue',
+    link: 'https://fonts.googleapis.com/css?family=Bebas+Neue',
+  },
+]);
+```
+
+## Built With
+
+- TypeScript
+- Vue 3
+- Vite
+- Tailwind
+
+## Future Updates
+
+- [ ] Conversion Tracking

package/dist/PostcardDesigner.vue.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface Window {
+        initMap: () => void;
+    }
+}
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _sfc_main;

package/dist/PostcardDesigner.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostcardDesigner.vue.d.ts","sourceRoot":"","sources":["../src/PostcardDesigner.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+GAA+G,CAAC;AACtI,cAAc,+GAA+G,CAAC;AAC9H,OAAO,6GAA6G,CAAC;AACrH,eAAe,SAAS,CAAC"}

package/dist/assets/icons/template-icons/loading-circle-icon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/Image/ImageCard.vue.d.ts

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+import { S3Image } from '../../types/api';
+declare const _sfc_main: import("vue").DefineComponent<{
+    image: {
+        type: PropType<S3Image>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("imageSelect" | "imageDelete")[], "imageSelect" | "imageDelete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    image: {
+        type: PropType<S3Image>;
+    };
+}>> & {
+    onImageSelect?: ((...args: any[]) => any) | undefined;
+    onImageDelete?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/components/Image/ImageLibrary.vue.d.ts

@@ -0,0 +1,26 @@
+import { PropType } from 'vue';
+import { S3Image } from '../../types/api';
+declare const _sfc_main: import("vue").DefineComponent<{
+    images: {
+        type: PropType<S3Image[]>;
+        default: () => never[];
+    };
+    contentHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "imageSelect"[], "imageSelect", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    images: {
+        type: PropType<S3Image[]>;
+        default: () => never[];
+    };
+    contentHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
+    onImageSelect?: ((...args: any[]) => any) | undefined;
+}, {
+    images: S3Image[];
+}, {}>;
+export default _sfc_main;

package/dist/components/Image/ImageLoadingCard.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/Image/ImageUpload.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "uploadFile"[], "uploadFile", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onUploadFile?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/components/Image/ImageUploadUrl.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    action: {
+        type: StringConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "uploadFile"[], "uploadFile", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    action: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & {
+    onUploadFile?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/components/Image/UnsplashPhoto.vue.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { Photo } from '../../types/unsplash';
+declare const _sfc_main: import("vue").DefineComponent<{
+    photo: {
+        type: PropType<Photo>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "imageClick"[], "imageClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    photo: {
+        type: PropType<Photo>;
+    };
+}>> & {
+    onImageClick?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/components/Image/UnsplashPhotoList.vue.d.ts

@@ -0,0 +1,28 @@
+import { PropType } from 'vue';
+import { Photo } from '../../types/unsplash';
+declare const _sfc_main: import("vue").DefineComponent<{
+    images: {
+        type: PropType<Photo[]>;
+    };
+    search: {
+        type: StringConstructor;
+    };
+    contentHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "imageSelect"[], "imageSelect", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    images: {
+        type: PropType<Photo[]>;
+    };
+    search: {
+        type: StringConstructor;
+    };
+    contentHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
+    onImageSelect?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/components/Template/TemplateList.vue.d.ts

@@ -0,0 +1,19 @@
+import { PropType } from 'vue';
+import { Template } from '../../types/api';
+declare const _sfc_main: import("vue").DefineComponent<{
+    templates: {
+        type: PropType<Template[]>;
+        default: () => never[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clearTemplate" | "setTemplate")[], "clearTemplate" | "setTemplate", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    templates: {
+        type: PropType<Template[]>;
+        default: () => never[];
+    };
+}>> & {
+    onClearTemplate?: ((...args: any[]) => any) | undefined;
+    onSetTemplate?: ((...args: any[]) => any) | undefined;
+}, {
+    templates: Template[];
+}, {}>;
+export default _sfc_main;

package/dist/components/TextEditor/Selects/AlignSelector.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: string;
+}, {}>;
+export default _sfc_main;

package/dist/components/TextEditor/Selects/AlignToPageSelector.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+            r: number;
+        };
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: {
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+            r: number;
+        };
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    modelValue: Record<string, any>;
+}, {}>;
+export default _sfc_main;

package/dist/components/TextEditor/Selects/OrderSelector.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "setOrder"[], "setOrder", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    onSetOrder?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/components/TextEditor/TextFormatter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _sfc_main: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/display-elements/Item.vue.d.ts

@@ -0,0 +1,14 @@
+import { Item } from '../../types/items';
+import { PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    item: {
+        type: PropType<Item>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<Item>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/display-elements/ItemWrapper.vue.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { Item } from '../../types/items';
+declare const _sfc_main: import("vue").DefineComponent<{
+    item: {
+        type: PropType<Item>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    item: {
+        type: PropType<Item>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/display-elements/displayables/Code.vue.d.ts

@@ -0,0 +1,32 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    lineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    code: {
+        type: StringConstructor;
+        default: string;
+    };
+    lineNumbers: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    code: string;
+    enabled: boolean;
+    lineNumbers: boolean;
+}, {}>;
+export default _sfc_main;

package/dist/components/display-elements/displayables/Image.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/display-elements/displayables/Map.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/display-elements/displayables/QrCode.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/display-elements/displayables/Shape.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/display-elements/displayables/Text.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/display-elements/displayables/Tracking.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/pages/Canvas.vue.d.ts

@@ -0,0 +1,16 @@
+import { PropType } from 'vue';
+import { Item as ItemType } from '../../types/items';
+declare const _sfc_main: import("vue").DefineComponent<{
+    items: {
+        type: PropType<ItemType[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "elementMoved"[], "elementMoved", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    items: {
+        type: PropType<ItemType[]>;
+        required: true;
+    };
+}>> & {
+    onElementMoved?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _sfc_main;

package/dist/components/pages/EditPage.vue.d.ts

@@ -0,0 +1,13 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    isGuidelines: {
+        type: __PropType<boolean>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isGuidelines: {
+        type: __PropType<boolean>;
+        required: true;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

package/dist/components/pages/PreviewPage.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    selectedIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selectedIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    selectedIndex: number;
+}, {}>;
+export default _sfc_main;

package/dist/components/share/BaseSelect.vue.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    modelValue: string;
+    options: string[];
+}, {}>;
+export default _sfc_main;

package/dist/components/share/Border.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _sfc_main: import("vue").DefineComponent<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: {
+            color: number;
+            weight: number;
+            radius: number;
+        };
+    };
+    radius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: ObjectConstructor;
+        default: {
+            color: number;
+            weight: number;
+            radius: number;
+        };
+    };
+    radius: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    radius: boolean;
+    modelValue: Record<string, any>;
+}, {}>;
+export default _sfc_main;