@privyid/persona 0.3.0

package/dist/components/sidebar/SidebarBrand.vue

@@ -0,0 +1,53 @@
+<template>
+  <a
+    :href="href"
+    data-testid="sidebar-brand"
+    class="sidebar__brand">
+    <slot />
+  </a>
+</template>
+
+<script>
+import { defineComponent } from "vue-demi";
+export default defineComponent({
+  props: {
+    href: {
+      type: String,
+      default: void 0
+    }
+  }
+});
+</script>
+
+<style lang="postcss">
+.sidebar {
+  &__brand {
+    @apply block text-center mx-auto font-semibold hover:no-underline pb-4;
+
+    img {
+      @apply max-w-full h-auto;
+    }
+  }
+
+  &&--wide {
+    .sidebar__brand {
+      img {
+        @apply h-7 w-auto;
+      }
+    }
+  }
+
+  &&--tabs,
+  &&--lines {
+    .sidebar__brand {
+      @apply pr-2;
+    }
+  }
+
+  &&--lines {
+    .sidebar__brand {
+      @apply pl-2;
+    }
+  }
+}
+</style>

package/dist/components/sidebar/SidebarBrand.vue.d.ts

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

package/dist/components/sidebar/SidebarNav.vue

@@ -0,0 +1,151 @@
+<template>
+  <Nav
+    data-testid="sidebar-nav"
+    :title="title"
+    vertical
+    :variant="variant"
+    :condensed="condensed"
+    :align="align"
+    :class="classNames">
+    <slot />
+  </Nav>
+</template>
+
+<script>
+import {
+  computed,
+  defineComponent,
+  inject
+} from "vue-demi";
+import Nav from "../nav/Nav.vue";
+import { SIDEBAR_SETTINGS } from "./Sidebar.vue";
+export default defineComponent({
+  components: { Nav },
+  props: {
+    title: {
+      type: String,
+      default: void 0
+    },
+    bottom: {
+      type: Boolean,
+      default: false
+    },
+    condensed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const settings = inject(SIDEBAR_SETTINGS, void 0, true);
+    const variant = settings?.variant;
+    const align = settings?.align;
+    const classNames = computed(() => {
+      const result = ["sidebar__nav"];
+      if (props.bottom)
+        result.push("sidebar__nav--bottom");
+      return result;
+    });
+    return {
+      variant,
+      align,
+      classNames
+    };
+  }
+});
+</script>
+
+<style lang="postcss">
+.sidebar {
+  &__nav {
+    &.nav--pills.nav--vertical {
+      @apply pl-0 pr-0;
+    }
+
+    &&--bottom {
+      @apply absolute bottom-0;
+    }
+  }
+
+  &&--narrow {
+    .nav__link {
+      @apply flex-col justify-center text-center text-xxs;
+
+      &__label {
+        @apply ml-0 mt-3 justify-center break-all;
+      }
+    }
+
+    .nav--pills {
+      .nav__link {
+        /* .nav__link__icon {
+          @apply
+        } */
+
+        &:is(.nav__link--icon) {
+          @apply p-0;
+
+          .nav__link__icon {
+            @apply rounded p-3 inline-block;
+          }
+
+          .nav__link__label {
+            @apply mt-0 px-1 pb-3;
+          }
+
+          &.nav__link--active {
+            @apply bg-transparent text-body-100;
+
+            .nav__link__icon {
+              @apply bg-secondary-5;
+            }
+          }
+        }
+
+        &:not(.nav__link--icon) {
+          .nav__link__icon {
+            @apply hidden;
+          }
+
+          .nav__link__label {
+            @apply mt-0;
+          }
+        }
+
+        /* &__icon {
+          @apply rounded p-3 inline-block;
+        }
+
+        &--active {
+          @apply bg-transparent text-body-100;
+
+          .nav__link__icon {
+            @apply bg-secondary-5;
+          }
+        }
+
+        &__label {
+          @apply mt-0 px-1 pb-3;
+        } */
+      }
+    }
+
+    .nav--tabs {
+      .nav__link {
+        @apply px-0;
+
+        &--active {
+          @apply bg-white;
+        }
+
+        &__label {
+          @apply px-2;
+        }
+      }
+    }
+
+    .nav__title {
+      @apply hidden;
+    }
+  }
+}
+</style>

package/dist/components/sidebar/SidebarNav.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    bottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    variant: any;
+    align: any;
+    classNames: import("vue-demi").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    bottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    condensed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    title: string;
+    bottom: boolean;
+    condensed: boolean;
+}>;
+export default _default;

package/dist/components/sidebar/assets/images/icon-flag.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" fill="none" viewBox="0 0 20 20"><rect width="20" height="20" fill="url(#pattern0)"/><defs><pattern id="pattern0" width="1" height="1" patternContentUnits="objectBoundingBox"><use transform="scale(0.015625)" xlink:href="#image0_3620_29912"/></pattern><image id="image0_3620_29912" width="64" height="64" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAHM0lEQVR4Xu2bbWxTVRjHn9NuEOxmV96iTOaGgSnJBPxiDB+EKCaE4cqIBDFmW+QlI9FtMbKaELaiiR3GsBrDMpSsxGQoyuhkyAc07IPEGBM3XIJMkNXhIMqkrVtF3Npjzm3v7e3dfTvn3tsM2U32ZT1v/9/5n5d7znMRWPyEw+FiAFgDACvx6K2Hby5dX4wBFQAA+b/4CSHAkXnnO0P25Y9cAIB+8udyuUJWNhFZUrj71BpA4N7y1MKKwztLBaHx4Rtw83G3apULfgyCvehBIU1j59VQ+1c3eiGROArBjb1mt9c8AO6TBWCbVQeA6wGA9DBsW70QDr2yTGgzC4DdRy5D5/nfU2WgEEDcC4ncXgiuN8UZxgHICOcVmw8gWXKBIyfimG0PjIxO+o2CMAZg8+k6wLiZ73GpPa0CkK4n5Yiu5wOsQ4MNgPtMMdjjHYC5yU3xsR4AXzUKQcK2lsUN1AAOfH6pbk/nFcVeF9PIHgCu1kjLi0u8jS8sb6VxAxWAaDR6EGNc7+seBvKn9WQTgKeiCMhfzHekudD3ulerbYJ39CaMRqMdGONqPr0eCNkCwIsf930I476PAAEOlMLPNXq06XLAtdfe6s/f/+oKaYFaELIBQCqeb2Ne3cv9D/n3rtKCoAlgEJZ1YEDVeZ7tkOfZMaU8NQhWA1AU79kBpL0IoYDT6VR1giqAEc97TWO+w2TC4x5aCFYC0BIvjHGEWp1OZ4OSExQBkNl+57MPtJIxRcYWCwSrAOgVz7e5/evrDY2b5VcHeQBknbfF+zwVRQWkMlYIVgCgFZ8aohFI2FfJ7RPkAVSeHgLA3EtMukJ6J5gNgFF80ggIeuFE+VrpUJgKoPKLagBbhzghKwQzARgSnxbTAF3lGRulTACc9RPn+N43CmF49B9T3gaL5s/mnMiv8+n5KDnbUyzPEUhMlEBwU0R2I1S4/ezBkVt3yOus7EPrhIFrMShb7BDKYnkd5sswQXyqHdgLXRuFlS3tAPeZ4oJ81BeJTXLv8mZBEJfDAoDkN08815oMF6QByIx9syGwAIi1fQJjbx4ULcPUtpeRkXaBCEB65ldzAP8b7XAg+VgARHfvh9udp7lqyU6UcswrSYlAV7mL/JgEQM7wbOicHuHiNLQQjAAwUXxSQgKvJWeMSQCbTgUAoSpaACQ9DQRWAPaiRWb1fFoixn44ubGeA7Dr0A9DY7cnpcfUunnUriuEsiIHxNo+hcmBQSHffbVbIbfM2KHoxMBlyC1bOqUtA8MxaDs7oruN0oSTcRw6vufJEkTO7RFCQ8wlUWRkcQBF8dRJMcYcADdC6CR1boYM0xBADQHQjBBqYtBDnWUaAvCjm998H7Tdn1dBrYYhAwFwq7xWNefcnraMmyGGanRnQbNzu9EglPZhgJW6c/2/EvajS1BKJkDmFeAu5xEiAPBdLsJQ82cAzDhgZgjc45PgPb8Mjg5eCaI7E/fkRijx13g32Qq3IoTqDK0lOjNPw62wlwCoRghlHIPr1EOdbBoC2DTzOky6ccuB74Zy7Ih5O8wfiEgtIT3MYHEAKePvtmNC0Tlly8BRuxWMHojkz8kJte9+ooQ/EmsFxnmAPxKTiidH2USw89A+4ScWACSz0t2kVnyC+hhFAejaUGPKoaiceNLoOds2mALAEggZh6KkhsqesFK4mxxJtZ4n4sljJgBzIaAQdG0oIWWK7gVONQPoOxnSI54Unv9OAzde+Yd1CIg7wJzhkKiBVGyh6GqMhLrmkrMBXVdjSrbn/y93jm8GAKNOKHDkRiJjCSFWIPN2uFLdBXp7nhdv5uXoVODy8QpaE2Oha5Z/5MhzwgWw5Hpc2QW04klDzL4eNw5hakSpTIBED6GTvo0U3f7otT3fC1YESBiDkB77fDnyITKbe87xccAsPc9HkZoJgDRYuS16hkN65hdD1BUkRdvzfHqzARiAQBkkBQAtJy7W73pmUcZQSM7AyXBU6WwvN/lYAYAFQvvZ6w1KQdSqgZLSV2Ua8aShVgGggeDwbPcu9r0hhMRI3awZKhsOhwMIoSpa8VYD0AMBAzr6GFwSArzldrSaAEim3+re7hv3fyzcHvHrvNaaa6UDeDFKE+PYvg8uLH5/r+aNly4ApLKf4NEAAlylV3w2HKAEAWN81OVyqfa8+jIo5xUAuOZ5tznfs6NJq+etXAUUmiYskRhjv8vlUgz1o54DpBlaPrtY33jsKrlOV31nyKYDUm20/pMZAYZKRKkYWDbmAK4+Egcct9dk5aOpDEdwsYX2JrnQ2iw5gIS8eqXxv0rDhHkVUC3Qfaa4cJ69PvZvokoaZWqhAyIA2A+JyVZx3C+NcKZJUAsE2CbWiB1hAQDThJsPQEwn+fF09a51hU+3bFti6OPpnYcHQ8e//aMbMASn98fTCvZIfT5PNiQr4xd/WfHn6peKcXIFkfl8HiILLn8ZQvPn/pr6fL7X6s/n/wOVxg422hEw+QAAAABJRU5ErkJggg=="/></defs></svg>

package/dist/components/sidebar/assets/images/logo-privy-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="204" height="131" version="1.1" viewBox="0 0 204 131"><title>Logo / Official / Icon</title><desc>Created with Sketch.</desc><defs><linearGradient id="linearGradient-1" x1="38.772%" x2="99.746%" y1="36.946%" y2="100%"><stop offset="0%" stop-color="#000" stop-opacity="0"/><stop offset="10.271%" stop-color="#000" stop-opacity=".054"/><stop offset="19.657%" stop-color="#000" stop-opacity=".106"/><stop offset="30.31%" stop-color="#000" stop-opacity=".192"/><stop offset="38.65%" stop-color="#000" stop-opacity=".245"/><stop offset="100%" stop-color="#000"/></linearGradient></defs><g id="Logo-/-Official-/-Icon" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><path id="Path" fill="#E42E2C" d="M20.1359203,112.815313 C31.9636339,124.668638 48.3036075,132 66.352117,132 C84.4004497,132 100.740247,124.668638 112.567783,112.815313 L205,20.1846867 C193.172286,8.33136183 176.832313,1 158.78398,1 C140.735471,1 124.395674,8.33136183 112.568137,20.1845095 L112.56796,20.1846867 C100.740247,8.33136183 84.4004497,1 66.3522937,1 C27.5673268,1 3.02528496,30.2248333 1,67.4713328 C1.25682833,85.1728482 8.52049215,101.17473 20.1359203,112.815313 Z"/><path id="Path" fill="url(#linearGradient-1)" d="M113,20.2653956 C101.126484,8.36220448 84.7234126,1 66.6053663,1 C27.6702071,1 3.03312774,30.3477806 1,67.7509741 C1.25782288,85.5269588 8.54961478,101.59616 20.2100229,113.285714 L113,20.2653956 Z"/></g></svg>

package/dist/components/sidebar/assets/images/logo-privy.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="405" height="99" fill="none" viewBox="0 0 405 99"><path fill="#E42E2C" fill-rule="evenodd" d="M15.1019 84.3962C23.9727 93.2636 36.2277 98.7481 49.7641 98.7481C63.3003 98.7481 75.5552 93.2636 84.4258 84.3962L153.75 15.1C144.879 6.23264 132.624 0.748108 119.088 0.748108C105.552 0.748108 93.2967 6.23264 84.4261 15.0999L84.426 15.1C75.5552 6.23264 63.3003 0.748108 49.7642 0.748108C20.6755 0.748108 2.26896 22.611 0.75 50.4748C0.942621 63.7171 6.39037 75.688 15.1019 84.3962Z" clip-rule="evenodd"/><path fill="url(#paint0_linear)" fill-rule="evenodd" d="M84.75 15.1604C75.8449 6.25571 63.5426 0.748108 49.954 0.748108C20.7527 0.748108 2.27485 22.7029 0.75 50.684C0.943367 63.982 6.41221 76.0033 15.1575 84.7481L84.75 15.1604Z" clip-rule="evenodd"/><path fill="#E42E2C" fill-rule="evenodd" d="M272.231 14.0806C275.009 14.0806 277.262 11.824 277.262 9.0403C277.262 6.25662 275.009 4 272.231 4C269.452 4 267.2 6.25662 267.2 9.0403C267.2 11.824 269.452 14.0806 272.231 14.0806ZM268.189 20.9622H276.179V77.1149H268.189V20.9622ZM224.948 48.7478H224.946V48.7487V48.9962V49.0004V49.0049V49.0093V49.0135V49.018V49.0224V49.0267V49.0311V49.0345V49.0379V49.0411V49.0445V49.0478V49.0512V49.0546V49.058V49.0612V49.0646V49.068V49.0713V49.0747V49.0779V49.0813V49.0847V77.1151H232.936V68.6666V48.7478H232.938C233.089 37.7888 242.003 28.9514 252.978 28.9514C254.77 28.9514 256.507 29.1871 258.16 29.6294L260.198 22.011C257.878 21.3871 255.44 21.0543 252.924 21.0543C237.584 21.0543 225.128 33.4222 224.948 48.7478ZM161.001 49.0307H161V49.0309V49.0849V93.9822H168.99V68.696C174.069 73.8907 181.147 77.1153 188.978 77.1153C204.43 77.1153 216.956 64.5657 216.956 49.0849C216.956 33.6041 204.43 21.0545 188.978 21.0545C173.544 21.0545 161.03 33.5749 161.001 49.0307ZM209.073 49.0307C209.073 37.9415 200.1 28.9516 189.032 28.9516C177.963 28.9516 168.99 37.9415 168.99 49.0307C168.99 60.1199 177.963 69.1097 189.032 69.1097C200.1 69.1097 209.073 60.1199 209.073 49.0307ZM316.659 68.1272L340.125 21.049L340.168 20.9622H331.236L331.193 21.0488L312.184 59.185L293.102 21.0488L293.058 20.9622H284.127L284.17 21.0488L307.727 68.1272L312.201 77.0696L316.659 68.1272ZM358.785 93.982L371.673 68.1272L348.116 21.0488L348.072 20.9622H357.004L357.048 21.0488L376.13 59.185L395.139 21.0488L395.182 20.9622H404.114L404.071 21.049L380.605 68.1272L376.147 77.0696L367.717 93.982H358.785Z" clip-rule="evenodd"/><defs><linearGradient id="paint0_linear" x1="6.787" x2="58.267" y1="57.522" y2="110.488" gradientUnits="userSpaceOnUse"><stop stop-opacity=".01"/><stop offset=".103" stop-opacity=".054"/><stop offset=".197" stop-opacity=".106"/><stop offset=".303" stop-opacity=".192"/><stop offset=".387" stop-opacity=".245"/><stop offset="1"/></linearGradient></defs></svg>

package/dist/components/sidebar-menu/SidebarMenu.vue

@@ -0,0 +1,94 @@
+<template>
+  <Sidebar
+    data-testid="sidebar-menu"
+    :type="type"
+    :fixed="fixed"
+    :align="align">
+    <slot />
+    <SidebarNav
+      v-for="(menu, id) in menus"
+      :key="id"
+      :title="menu.title"
+      :bottom="menu.bottom"
+      :condensed="menu.condensed">
+      <template
+        v-for="(item, i) in menu.items"
+        :key="i">
+        <NavSubItem
+          v-if="item.submenu"
+          :text="item.label"
+          :collapsible="item.collapsible">
+          <template #icon>
+            <template v-if="item.icon && typeof item.icon === 'string'">
+              <img
+                :src="item.icon"
+                alt="icon-menu">
+            </template>
+            <template v-else-if="item.icon">
+              <component :is="item.icon" />
+            </template>
+          </template>
+          <SidebarNav :condensed="menu.condensed">
+            <NavItem
+              v-for="(submenu, x) in item.submenu"
+              :key="x"
+              :href="submenu.url">
+              {{ submenu.label }}
+            </NavItem>
+          </SidebarNav>
+        </NavSubItem>
+        <NavItem
+          v-else
+          :href="item.url"
+          :class="{ 'nav__item--no-label' : !item.label }">
+          <template
+            #icon>
+            <template v-if="item.icon && typeof item.icon === 'string'">
+              <img
+                :src="item.icon"
+                alt="icon-menu">
+            </template>
+            <template v-else-if="item.icon">
+              <component :is="item.icon" />
+            </template>
+          </template>
+          {{ item.label }}
+        </NavItem>
+      </template>
+    </SidebarNav>
+  </Sidebar>
+</template>
+
+<script>
+import { defineComponent } from "vue-demi";
+import Sidebar from "../sidebar/Sidebar.vue";
+import SidebarNav from "../sidebar/SidebarNav.vue";
+import NavItem from "../nav/NavItem.vue";
+import NavSubItem from "../nav/NavSubItem.vue";
+export default defineComponent({
+  components: {
+    Sidebar,
+    SidebarNav,
+    NavItem,
+    NavSubItem
+  },
+  props: {
+    menus: {
+      type: Array,
+      default: () => []
+    },
+    fixed: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "wide"
+    },
+    align: {
+      type: String,
+      default: "left"
+    }
+  }
+});
+</script>

package/dist/components/sidebar-menu/SidebarMenu.vue.d.ts

@@ -0,0 +1,43 @@
+import { PropType } from 'vue-demi';
+import { Menu } from './use-sidebar-menu';
+declare const _default: import("vue-demi").DefineComponent<{
+    menus: {
+        type: PropType<Menu[]>;
+        default: () => any[];
+    };
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<TypeVariant>;
+        default: string;
+    };
+    align: {
+        type: PropType<AlignVariant>;
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    menus: {
+        type: PropType<Menu[]>;
+        default: () => any[];
+    };
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: PropType<TypeVariant>;
+        default: string;
+    };
+    align: {
+        type: PropType<AlignVariant>;
+        default: string;
+    };
+}>>, {
+    fixed: boolean;
+    type: TypeVariant;
+    align: AlignVariant;
+    menus: Menu[];
+}>;
+export default _default;

package/dist/components/sidebar-menu/assets/images/img-flag.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" fill="none" viewBox="0 0 20 20"><rect width="20" height="20" fill="url(#pattern0)"/><defs><pattern id="pattern0" width="1" height="1" patternContentUnits="objectBoundingBox"><use transform="scale(0.015625)" xlink:href="#image0_3620_29912"/></pattern><image id="image0_3620_29912" width="64" height="64" xlink:href="data:image/png;base64,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"/></defs></svg>

package/dist/components/sidebar-menu/use-sidebar-menu.d.ts

@@ -0,0 +1,21 @@
+import { Component } from '../global/use-singleton';
+export interface SubMenu {
+    name: string;
+    label: string;
+    url: string;
+}
+export interface MenuItem {
+    name: string;
+    label?: string;
+    url: string;
+    icon?: string | Component;
+    collapsible?: boolean;
+    submenu?: SubMenu[];
+}
+export interface Menu {
+    title?: string;
+    bottom?: boolean;
+    condensed?: boolean;
+    items?: MenuItem[];
+}
+export declare function defineMenu(menus: Menu[]): Menu[];

package/dist/components/sidebar-menu/use-sidebar-menu.mjs

@@ -0,0 +1,3 @@
+export function defineMenu(menus) {
+  return menus;
+}

package/dist/components/signature-draw/SignatureDraw.vue

@@ -0,0 +1,69 @@
+<template>
+  <component
+    :is="view"
+    v-model="model"
+    :width="width"
+    :height="height"
+    :color="color"
+    :placeholder="placeholder"
+    :reset-label="resetLabel"
+    :open-draw-label="openDrawLabel"
+    :close-draw-label="closeDrawLabel" />
+</template>
+
+<script>
+import { useMediaQuery } from "@vueuse/core";
+import { computed, defineComponent } from "vue-demi";
+import { useVModel } from "../input/use-input";
+import SignatureDrawMobile from "./SignatureDrawMobile.vue";
+import SignatureDrawDesktop from "./SignatureDrawDesktop.vue";
+export default defineComponent({
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: Number,
+      default: 430
+    },
+    height: {
+      type: Number,
+      default: 230
+    },
+    color: {
+      type: String,
+      default: "#000000"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    resetLabel: {
+      type: String,
+      default: "Reset"
+    },
+    openDrawLabel: {
+      type: String,
+      default: "Click to Draw"
+    },
+    closeDrawLabel: {
+      type: String,
+      default: "Save"
+    }
+  },
+  models: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const model = useVModel(props);
+    const isDesktop = useMediaQuery("(min-width: 768px)");
+    const view = computed(() => {
+      return isDesktop.value ? SignatureDrawDesktop : SignatureDrawMobile;
+    });
+    return { view, model };
+  }
+});
+</script>

package/dist/components/signature-draw/SignatureDraw.vue.d.ts

@@ -0,0 +1,82 @@
+declare const _default: import("vue-demi").DefineComponent<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    openDrawLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    closeDrawLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    view: import("vue-demi").ComputedRef<any>;
+    model: import("vue-demi").Ref<string>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    resetLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    openDrawLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    closeDrawLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {
+    color: string;
+    modelValue: string;
+    width: number;
+    height: number;
+    placeholder: string;
+    resetLabel: string;
+    openDrawLabel: string;
+    closeDrawLabel: string;
+}>;
+export default _default;