@privyid/persona 0.25.2 → 0.26.0

package/dist/components/checkbox/index.mjs

@@ -12,21 +12,19 @@ function isChecked(modelValue, checked) {
 }
 export function useVModel(props) {
   const { emit } = getCurrentInstance();
-  const checked = props.value;
-  const unchecked = props.uncheckedValue;
-  const localValue = ref(isChecked(props.modelValue, checked) || props.checked);
+  const localValue = ref(isChecked(props.modelValue, props.value) || props.checked);
   const model = computed({
     get() {
-      return isChecked(props.modelValue, checked) || props.checked;
+      return isChecked(props.modelValue, props.value) || props.checked;
     },
     set(value) {
-      const newValue = value ? checked : unchecked;
+      const newValue = value ? props.value : props.uncheckedValue;
       if (Array.isArray(props.modelValue)) {
         if (value) {
           if (!valueIn(props.modelValue, newValue))
             emit("update:modelValue", [...props.modelValue, newValue]);
         } else
-          emit("update:modelValue", props.modelValue.filter((old) => !isEqual(old, checked)));
+          emit("update:modelValue", props.modelValue.filter((old) => !isEqual(old, props.value)));
       } else
         emit("update:modelValue", newValue);
       emit("change", value);

package/dist/components/dropdown/Dropdown.vue

@@ -197,8 +197,10 @@ defineEmits<{
 }>()
 
 const slots = defineSlots<{
-  prepend(): VNode[],
-  append(): VNode[],
+  'activator'(props: { isOpen: boolean, open: () => void, close: () => void, toggle: () => void }): VNode[],
+  'button-content'(): VNode[],
+  'prepend'(): VNode[],
+  'append'(): VNode[],
 }>()
 
 const root     = ref<HTMLDivElement>()

package/dist/components/heading/Heading.vue.d.ts

@@ -30,8 +30,8 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>>, {
-    element: ElementVariant;
     weight: WeightVariant;
+    element: ElementVariant;
     transform: TransformVariant;
 }, {}>;
 export default _default;

package/dist/components/meta.json

@@ -1,12 +1,12 @@
 {
   "PAccordion": "components/accordion/Accordion.vue",
   "PAccordionItem": "components/accordion/AccordionItem.vue",
-  "PAvatar": "components/avatar/Avatar.vue",
   "PBadge": "components/badge/Badge.vue",
+  "PAvatar": "components/avatar/Avatar.vue",
+  "PBanner": "components/banner/Banner.vue",
   "PBreadcrumb": "components/breadcrumbs/Breadcrumb.vue",
   "PBreadcrumbItem": "components/breadcrumbs/BreadcrumbItem.vue",
   "PBreadcrumbItemDropdown": "components/breadcrumbs/BreadcrumbItemDropdown.vue",
-  "PBanner": "components/banner/Banner.vue",
   "PButton": "components/button/Button.vue",
   "PButtonGroup": "components/button-group/ButtonGroup.vue",
   "PCalendar": "components/calendar/Calendar.vue",
@@ -25,23 +25,23 @@
   "PContextualBar": "components/contextual-bar/ContextualBar.vue",
   "PCropper": "components/cropper/Cropper.vue",
   "PDatepicker": "components/datepicker/Datepicker.vue",
-  "PDivider": "components/divider/Divider.vue",
   "PDialog": "components/dialog/Dialog.vue",
   "PDialogFooter": "components/dialog/DialogFooter.vue",
+  "PDivider": "components/divider/Divider.vue",
   "PDot": "components/dot/Dot.vue",
   "PDropdown": "components/dropdown/Dropdown.vue",
   "PDropdownHeader": "components/dropdown/DropdownHeader.vue",
   "PDropdownItem": "components/dropdown/DropdownItem.vue",
   "PDropdownSubitem": "components/dropdown-subitem/DropdownSubitem.vue",
   "PDropzone": "components/dropzone/Dropzone.vue",
-  "PFilterbar": "components/filterbar/Filterbar.vue",
   "PFormGroup": "components/form-group/FormGroup.vue",
+  "PFilterbar": "components/filterbar/Filterbar.vue",
   "PHeading": "components/heading/Heading.vue",
   "PInput": "components/input/Input.vue",
   "PInputFile": "components/input-file/InputFile.vue",
+  "PInputPassword": "components/input-password/InputPassword.vue",
   "PInputGroup": "components/input-group/InputGroup.vue",
   "PInputGroupAddon": "components/input-group/InputGroupAddon.vue",
-  "PInputPassword": "components/input-password/InputPassword.vue",
   "PInputPin": "components/input-pin/InputPin.vue",
   "PInputRange": "components/input-range/InputRange.vue",
   "PLabel": "components/label/Label.vue",
@@ -61,29 +61,30 @@
   "PNavbarNav": "components/navbar/NavbarNav.vue",
   "PNavbarToggle": "components/navbar/NavbarToggle.vue",
   "PNavbarNavMenu": "components/navbar-menu/NavbarNavMenu.vue",
-  "POverlay": "components/overlay/Overlay.vue",
   "PPage": "components/page/Page.vue",
-  "PPagination": "components/pagination/Pagination.vue",
+  "POverlay": "components/overlay/Overlay.vue",
   "PPdfHelipad": "components/pdf-helipad/PdfHelipad.vue",
+  "PPagination": "components/pagination/Pagination.vue",
+  "PPdfText": "components/pdf-text/PdfText.vue",
   "PPdfObject": "components/pdf-object/PdfObject.vue",
   "PPdfObjectAddon": "components/pdf-object/PdfObjectAddon.vue",
   "PPdfObjectDebugger": "components/pdf-object/PdfObjectDebugger.vue",
   "PPdfObjects": "components/pdf-object/PdfObjects.vue",
-  "PPdfText": "components/pdf-text/PdfText.vue",
+  "PPopover": "components/popover/Popover.vue",
   "PPdfError": "components/pdf-viewer/PdfError.vue",
   "PPdfLoading": "components/pdf-viewer/PdfLoading.vue",
   "PPdfNavigation": "components/pdf-viewer/PdfNavigation.vue",
   "PPdfViewer": "components/pdf-viewer/PdfViewer.vue",
-  "PProgress": "components/progress/Progress.vue",
-  "PProgressItem": "components/progress/ProgressItem.vue",
   "PProgressIndicator": "components/progress-indicator/ProgressIndicator.vue",
   "PProgressbar": "components/progressbar/Progressbar.vue",
+  "PProgress": "components/progress/Progress.vue",
+  "PProgressItem": "components/progress/ProgressItem.vue",
   "PRadio": "components/radio/Radio.vue",
+  "PSheet": "components/sheet/Sheet.vue",
   "PRingbar": "components/ringbar/Ringbar.vue",
   "PSelect": "components/select/Select.vue",
   "PSelectInput": "components/select/SelectInput.vue",
   "PSelectTags": "components/select/SelectTags.vue",
-  "PSheet": "components/sheet/Sheet.vue",
   "PSidebar": "components/sidebar/Sidebar.vue",
   "PSidebarBrand": "components/sidebar/SidebarBrand.vue",
   "PSidebarContent": "components/sidebar/SidebarContent.vue",
@@ -118,10 +119,10 @@
   "PToggle": "components/toggle/Toggle.vue",
   "PTooltip": "components/tooltip/Tooltip.vue",
   "PTooltipContainer": "components/tooltip/TooltipContainer.vue",
+  "PTruncate": "components/truncate/Truncate.vue",
   "PTour": "components/tour/Tour.vue",
   "PTourDialog": "components/tour/TourDialog.vue",
   "PTourHighlight": "components/tour/TourHighlight.vue",
-  "PTruncate": "components/truncate/Truncate.vue",
   "PWizard": "components/wizard/Wizard.vue",
   "PWizardBody": "components/wizard/WizardBody.vue",
   "PWizardHeader": "components/wizard/WizardHeader.vue",

package/dist/components/popover/Popover.vue

@@ -0,0 +1,131 @@
+<template>
+  <div
+    ref="root"
+    data-testid="popover"
+    class="popover">
+    <slot
+      name="activator"
+      :is-show="isShow"
+      :toggle="toggle"
+      :show="show"
+      :hide="hide" />
+
+    <p-tooltip
+      ref="tooltip"
+      v-model="isShow"
+      class="popover__tooltip"
+      data-testid="popover-tooltip"
+      :color="color"
+      :placement="placement"
+      :target="root"
+      @show="$emit('show')"
+      @hide="$emit('hide')">
+      <slot
+        :is-show="isShow"
+        :toggle="toggle"
+        :show="show"
+        :hide="hide" />
+    </p-tooltip>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { PropType, VNode } from 'vue-demi'
+import type { Placement } from '@floating-ui/dom'
+import type { ColorVariant } from '../tooltip'
+import {
+  ref,
+  provide,
+  computed,
+} from 'vue-demi'
+import pTooltip from '../tooltip/Tooltip.vue'
+import { useVModel } from '../input'
+import { onClickOutside } from '@vueuse/core'
+import { POPOVER_CONTEXT } from '.'
+
+const props = defineProps({
+  modelValue: {
+    type   : Boolean,
+    default: false,
+  },
+  color: {
+    type   : String as PropType<ColorVariant>,
+    default: 'white',
+  },
+  placement: {
+    type   : String as PropType<Placement>,
+    default: 'top',
+  },
+  disabled: {
+    type   : Boolean,
+    default: false,
+  },
+})
+
+const root    = ref<HTMLDivElement>()
+const tooltip = ref<InstanceType<typeof pTooltip>>()
+const isShow  = useVModel(props)
+
+const tooltipEl = computed<HTMLElement>(() => tooltip.value.$el)
+
+onClickOutside(tooltipEl, () => {
+  if (isShow.value) {
+    // Add little delay too prevent race condition with v-model changing
+    setTimeout(() => {
+      hide()
+    })
+  }
+}, { ignore: [root] })
+
+function toggle () {
+  if (!props.disabled) {
+    if (isShow.value)
+      hide()
+    else
+      show()
+  }
+}
+
+function show () {
+  if (!props.disabled)
+    isShow.value = true
+}
+
+function hide () {
+  if (!props.disabled)
+    isShow.value = false
+}
+
+defineEmits<{
+  'show': [],
+  'hide': [],
+  'update:modelValue': [boolean],
+}>()
+
+defineSlots<{
+  'activator'(props: { isShow: boolean, show: () => void, hide: () => void, toggle: () => void }): VNode[],
+  'default'(props: { isShow: boolean, show: () => void, hide: () => void, toggle: () => void }): VNode[],
+}>()
+
+defineExpose({
+  isShow,
+  show,
+  hide,
+  toggle,
+})
+
+provide(POPOVER_CONTEXT, {
+  isShow,
+  show,
+  hide,
+  toggle,
+})
+</script>
+
+<style lang="postcss">
+.popover {
+  & > &__tooltip.tooltip {
+    @apply text-base;
+  }
+}
+</style>

package/dist/components/popover/index.d.ts

@@ -0,0 +1,17 @@
+import { type InjectionKey, type Ref } from 'vue-demi';
+interface PopoverContext {
+    hide: () => void;
+    show: () => void;
+    toggle: () => void;
+    isShow: Ref<boolean>;
+}
+export declare const POPOVER_CONTEXT: InjectionKey<PopoverContext>;
+export declare function usePopoverPromise<R = any>(): {
+    start: () => Promise<R | undefined>;
+    finish: (result?: R | Error) => void;
+    bind: () => {
+        modelValue: boolean;
+        'onUpdate:modelValue'(value: boolean): void;
+    };
+};
+export {};

package/dist/components/popover/index.mjs

@@ -0,0 +1,52 @@
+import {
+  ref
+} from "vue-demi";
+export const POPOVER_CONTEXT = Symbol("POPOVER_CONTEXT");
+export function usePopoverPromise() {
+  const promise = ref();
+  const resolve = ref();
+  const reject = ref();
+  const isShow = ref(false);
+  function bind() {
+    return {
+      modelValue: isShow.value,
+      "onUpdate:modelValue"(value) {
+        if (resolve.value && !value)
+          finish();
+        isShow.value = value;
+      }
+    };
+  }
+  async function start() {
+    if (!promise.value) {
+      promise.value = new Promise((_resolve, _reject) => {
+        resolve.value = _resolve;
+        reject.value = _reject;
+      });
+    }
+    let result;
+    try {
+      isShow.value = true;
+      result = await promise.value;
+    } finally {
+      promise.value = void 0;
+      resolve.value = void 0;
+      reject.value = void 0;
+      isShow.value = false;
+    }
+    return result;
+  }
+  function finish(result) {
+    if (resolve.value && reject.value) {
+      if (result instanceof Error)
+        reject.value(result);
+      else
+        resolve.value(result);
+    }
+  }
+  return {
+    start,
+    finish,
+    bind
+  };
+}

package/dist/components/radio/index.mjs

@@ -2,15 +2,14 @@ import { computed, getCurrentInstance } from "vue-demi";
 import { isEqual } from "../utils/value.mjs";
 export function useVModel(props) {
   const { emit } = getCurrentInstance();
-  const checked = props.value;
   const model = computed({
     get() {
-      return isEqual(props.modelValue, checked) || props.checked;
+      return isEqual(props.modelValue, props.value) || props.checked;
     },
     set(value) {
       emit("change", value);
       if (value)
-        emit("update:modelValue", checked);
+        emit("update:modelValue", props.value);
     }
   });
   return model;

package/dist/components/select/Select.vue

@@ -13,57 +13,61 @@
     :no-animation="noAnimation"
     @show="onOpened"
     @hide="onClosed">
-    <template #activator>
-      <SelectInput
-        data-testid="select-activator"
-        class="select__activator"
-        :size="size"
-        :placeholder="placeholder"
-        :disabled="disabled"
-        :readonly="readonly"
-        :error="error"
-        @focus="onFocus">
-        <template #default>
-          <template v-if="hasValue">
+    <template #activator="dropdownAttrs">
+      <slot
+        name="activator"
+        v-bind="dropdownAttrs">
+        <SelectInput
+          data-testid="select-activator"
+          class="select__activator"
+          :size="size"
+          :placeholder="placeholder"
+          :disabled="disabled"
+          :readonly="readonly"
+          :error="error"
+          @focus="onFocus">
+          <template #default>
+            <template v-if="hasValue">
+              <slot
+                name="selected"
+                :item="localModel"
+                :multiple="multiple">
+                <template v-if="props.multiple && Array.isArray(localModel)">
+                  <SelectTags
+                    :items="localModel"
+                    :display-limit="displayLimit"
+                    :limit-text="limitText" />
+                </template>
+                <template v-else>
+                  {{ (localModel as SelectItem)?.text }}
+                </template>
+              </slot>
+            </template>
+            <template v-else>
+              <div data-testid="select-placeholder">
+                <slot name="placeholder">
+                  <span class="input__form__placeholder">
+                    {{ placeholder }}
+                  </span>
+                </slot>
+              </div>
+            </template>
+          </template>
+          <template
+            v-if="!noCaret"
+            #append>
             <slot
-              name="selected"
-              :item="localModel"
-              :multiple="multiple">
-              <template v-if="props.multiple && Array.isArray(localModel)">
-                <SelectTags
-                  :items="localModel"
-                  :display-limit="displayLimit"
-                  :limit-text="limitText" />
-              </template>
-              <template v-else>
-                {{ (localModel as SelectItem)?.text }}
-              </template>
+              name="caret"
+              :is-open="isOpen"
+              :toggle="toggle">
+              <IconArrow
+                class="select__caret"
+                data-testid="select-caret-icon"
+                @click="toggle" />
             </slot>
           </template>
-          <template v-else>
-            <div data-testid="select-placeholder">
-              <slot name="placeholder">
-                <span class="input__form__placeholder">
-                  {{ placeholder }}
-                </span>
-              </slot>
-            </div>
-          </template>
-        </template>
-        <template
-          v-if="!noCaret"
-          #append>
-          <slot
-            name="caret"
-            :is-open="isOpen"
-            :toggle="toggleOpen">
-            <IconArrow
-              class="select__caret"
-              data-testid="select-caret-icon"
-              @click="toggleOpen" />
-          </slot>
-        </template>
-      </SelectInput>
+        </SelectInput>
+      </slot>
     </template>
 
     <template #prepend>
@@ -333,7 +337,7 @@ const localModel = ref<SelectItem | SelectItem[]>(
     : findSelected(items.value, props.modelValue),
 )
 
-const toggleOpen = () => {
+const toggle = () => {
   if (!props.disabled && !props.readonly)
     isOpen.value = !isOpen.value
 }
@@ -447,6 +451,14 @@ onStartTyping(() => {
     inputEl.value.focus()
   }
 })
+
+defineExpose({
+  keyword,
+  isOpen,
+  isLoading,
+  menuEl,
+  toggle,
+})
 </script>
 
 <style lang="postcss">

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

@@ -103,7 +103,9 @@ export default defineComponent({
     function setColor(color) {
       if (!isBlank.value) {
         replaceColor(canvas.value, color);
-        model.value = toDataURL(canvas.value);
+        const result = toDataURL(canvas.value);
+        const value = props.modelModifiers.base64 ? result : fromBase64(result);
+        model.value = value;
       }
     }
     watch(() => props.color, setColor);

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

@@ -66,7 +66,7 @@ import {
 import Button from "../button/Button.vue";
 import { useVModel } from "../input";
 import SignatureDrawDesktop from "./SignatureDrawDesktop.vue";
-import rotateImage from "./utils/rotate-image";
+import { replaceColor, rotateImage } from "./utils/image";
 import IconEdit from "@privyid/persona-icon/vue/edit/20.vue";
 import { pAspectRatio } from "../aspect-ratio";
 import { usePreview } from "../cropper";
@@ -153,6 +153,14 @@ export default defineComponent({
       model.value = value;
       isOpen.value = false;
     }
+    watch(() => props.color, async (color) => {
+      if (!isOpen.value && preview.value) {
+        const result = await replaceColor(preview.value, color);
+        const value = props.modelModifiers.base64 ? result : fromBase64(result);
+        model.value = value;
+        isOpen.value = false;
+      }
+    });
     watch(isOpen, (value) => {
       if (value)
         document.body.style.setProperty("overflow-y", "hidden");

package/dist/components/signature-draw/utils/image.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Rotate base64 image
+ * @param url base64 url
+ * @param degrees rotate degress
+ */
+export declare function rotateImage(url: string, degrees: number): Promise<string>;
+export declare function replaceColor(url: string, color: string): Promise<string>;

package/dist/components/signature-draw/utils/{rotate-image.mjs → image.mjs}

@@ -1,5 +1,6 @@
 import loadImage from "../../avatar/utils/load-image.mjs";
-export default async function rotateImage(url, degrees) {
+import { replaceColor as canvasReplaceColor } from "./canvas.mjs";
+export async function rotateImage(url, degrees) {
   const canvas = document.createElement("canvas");
   const context = canvas.getContext("2d");
   const image = await loadImage(url);
@@ -10,3 +11,13 @@ export default async function rotateImage(url, degrees) {
   context.drawImage(image, image.width / -2, image.height / -2);
   return canvas.toDataURL();
 }
+export async function replaceColor(url, color) {
+  const canvas = document.createElement("canvas");
+  const context = canvas.getContext("2d");
+  const image = await loadImage(url);
+  canvas.width = image.width;
+  canvas.height = image.height;
+  context.drawImage(image, 0, 0);
+  canvasReplaceColor(canvas, color);
+  return canvas.toDataURL();
+}

package/dist/components/text/Text.vue.d.ts

@@ -50,8 +50,8 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     variant: StyleVariant;
     href: RouteLocationRaw;
-    element: ElementVariant;
     weight: WeightVariant;
+    element: ElementVariant;
     transform: TransformVariant;
 }, {}>;
 export default _default;

package/dist/components/tooltip/Tooltip.vue

@@ -119,7 +119,7 @@ export default defineComponent({
   @apply z-[var(--p-tooltip-z-index)] px-4 py-3 rounded text-xs inline-block absolute drop-shadow-sm;
 
   &__arrow {
-    @apply absolute after:w-4 after:h-4 after:block after:rounded-[3px] after:rotate-45 after:left-0 after:content-[''] after:z-0;
+    @apply absolute text-xs after:w-4 after:h-4 after:block after:rounded-[3px] after:rotate-45 after:left-0 after:content-[''] after:z-0;
 
     [data-popper-placement^="left"] > & {
       @apply -right-[6px];

package/dist/components/tooltip/TooltipContainer.vue

@@ -7,7 +7,9 @@
       :key="id"
       v-model="item.isShow"
       v-bind="item">
-      <span v-p-md.inline="item.text" />
+      <span
+        v-p-md.inline="item.text"
+        class="tooltip__text" />
     </Tooltip>
   </div>
 </template>

package/dist/core/index.d.ts

@@ -34,3 +34,4 @@ export { findAllChildren, toBoolean, } from '../components/utils/vnode';
 export { createSpinner, createAlias, createText, } from '../components/avatar/utils/create-image';
 export { useSelector, } from '../components/pdf-object/utils/use-selector';
 export { getDocument, } from '../components/pdf-viewer/utils/pdfjs';
+export { usePopoverPromise, } from '../components/popover';

package/dist/core/index.mjs

@@ -119,3 +119,6 @@ export {
 export {
   getDocument
 } from "../components/pdf-viewer/utils/pdfjs";
+export {
+  usePopoverPromise
+} from "../components/popover";

package/dist/module.json

@@ -4,5 +4,5 @@
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
-  "version": "0.25.2"
+  "version": "0.26.0"
 }

package/dist/types.d.mts

@@ -1,5 +1,6 @@
 
-import { ModuleOptions } from './module'
+import type { ModuleOptions } from './module'
+
 
 declare module '@nuxt/schema' {
   interface NuxtConfig { ['persona']?: Partial<ModuleOptions> }
@@ -12,4 +13,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export { ModuleOptions, default } from './module'
+export type { ModuleOptions, default } from './module'

package/dist/types.d.ts

@@ -1,5 +1,6 @@
 
-import { ModuleOptions } from './module'
+import type { ModuleOptions } from './module'
+
 
 declare module '@nuxt/schema' {
   interface NuxtConfig { ['persona']?: Partial<ModuleOptions> }
@@ -12,4 +13,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export { ModuleOptions, default } from './module'
+export type { ModuleOptions, default } from './module'

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/persona",
   "description": "Persona core package",
-  "version": "0.25.2",
+  "version": "0.26.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/privy-open-source/design-system.git",
@@ -60,7 +60,7 @@
   "dependencies": {
     "@floating-ui/dom": "1.5.3",
     "@juggle/resize-observer": "3.4.0",
-    "@nuxt/kit": "3.7.4",
+    "@nuxt/kit": "3.8.2",
     "@splidejs/splide": "4.1.4",
     "@testing-library/dom": "9.3.3",
     "@testing-library/user-event": "14.5.1",
@@ -74,7 +74,7 @@
     "defu": "6.1.3",
     "fast-equals": "^5.0.0",
     "fuse.js": "7.0.0",
-    "interactjs": "1.10.20",
+    "interactjs": "1.10.21",
     "lodash-es": "4.17.21",
     "marked": "5.1.2",
     "nanodelay": "2.0.2",
@@ -92,8 +92,8 @@
     "extends @privyid/browserslist-config"
   ],
   "peerDependencies": {
-    "@privyid/browserslist-config": "^0.25.2",
-    "@privyid/tailwind-preset": "^0.25.2",
+    "@privyid/browserslist-config": "^0.26.0",
+    "@privyid/tailwind-preset": "^0.26.0",
     "postcss-custom-properties": "^12.1.11 || ^13.0.0",
     "postcss-hexrgba": "^2.1.0",
     "postcss-lighten-darken": "^0.9.0",
@@ -102,13 +102,13 @@
   },
   "devDependencies": {
     "@nuxt/module-builder": "^0.5.0",
-    "@nuxt/schema": "3.7.4",
+    "@nuxt/schema": "3.8.2",
     "@nuxtjs/tailwindcss": "^6.2.0",
-    "@privyid/browserslist-config": "^0.25.2",
-    "@privyid/tailwind-preset": "^0.25.2",
+    "@privyid/browserslist-config": "^0.26.0",
+    "@privyid/tailwind-preset": "^0.26.0",
     "@types/sanitize-html": "^2",
     "browserslist-to-esbuild": "^1.2.0",
-    "nuxt": "3.7.4",
+    "nuxt": "3.8.2",
     "postcss-custom-properties": "^13.0.0",
     "postcss-hexrgba": "^2.1.0",
     "postcss-lighten-darken": "^0.9.0",

package/dist/components/signature-draw/utils/rotate-image.d.ts

@@ -1,6 +0,0 @@
-/**
- * Rotate base64 image
- * @param url base64 url
- * @param degrees rotate degress
- */
-export default function rotateImage(url: string, degrees: number): Promise<string>;