@privyid/persona 0.9.0 → 0.11.0

package/dist/components/cropper/Cropper.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier } from '../camera/adapter/adapter';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -14,22 +14,22 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     src: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
-        default: any;
+        default: undefined;
     };
     ratio: {
         type: NumberConstructor;
-        default: any;
+        default: undefined;
     };
     width: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
     height: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
     imgWidth: {
         type: (NumberConstructor | StringConstructor)[];
@@ -40,8 +40,8 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: number;
     };
     imgClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: any;
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: undefined;
     };
     rounded: {
         type: BooleanConstructor;
@@ -75,7 +75,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("load" | "change" | "update:modelValue" | "result")[], "load" | "change" | "update:modelValue" | "result", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -86,22 +86,22 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     src: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
-        default: any;
+        default: undefined;
     };
     ratio: {
         type: NumberConstructor;
-        default: any;
+        default: undefined;
     };
     width: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
     height: {
         type: (NumberConstructor | StringConstructor)[];
-        default: any;
+        default: undefined;
     };
     imgWidth: {
         type: (NumberConstructor | StringConstructor)[];
@@ -112,8 +112,8 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: number;
     };
     imgClass: {
-        type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
-        default: any;
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: undefined;
     };
     rounded: {
         type: BooleanConstructor;
@@ -128,10 +128,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onResult?: (...args: any[]) => any;
-    onLoad?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onResult?: ((...args: any[]) => any) | undefined;
+    onLoad?: ((...args: any[]) => any) | undefined;
 }, {
     src: string | File;
     imgClass: string | unknown[] | Record<string, any>;

package/dist/components/cropper/utils/use-pinch.mjs

@@ -9,8 +9,16 @@ export function usePinch(target, hooks) {
   onMounted(async () => {
     if (target.value) {
       const { default: Interact } = await import("interactjs");
-      const onmove = throttle(hooks.onmove, 1e3 / 120);
-      const onpinch = throttle(hooks.onpinch, 1e3 / 120);
+      const onmove = throttle(
+        hooks.onmove,
+        1e3 / 120
+        /* limit 120fps */
+      );
+      const onpinch = throttle(
+        hooks.onpinch,
+        1e3 / 120
+        /* limit 120fps */
+      );
       instance.value = Interact(target.value).styleCursor(true).gesturable({
         inertia: true,
         onstart: hooks.onstart,

package/dist/components/datepicker/Datepicker.vue

@@ -143,6 +143,7 @@ export default defineComponent({
 
   &__icon {
     @apply absolute right-3 top-0 bottom-0 my-auto transition-transform duration-150 text-muted pointer-events-none;
+    @apply dark:text-dark-muted;
   }
 
   > .dropdown__menu {

package/dist/components/datepicker/Datepicker.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
@@ -14,23 +14,23 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     disabled: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     readonly: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     error: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     max: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     min: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     mode: {
         type: PropType<"date" | "month" | "year">;
@@ -39,14 +39,14 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     isOpen: import("vue-demi").Ref<boolean>;
     classNames: import("vue-demi").ComputedRef<string[]>;
-    model: import("vue-demi").Ref<Date>;
+    model: import("vue-demi").Ref<Date | undefined>;
     value: import("vue-demi").ComputedRef<string>;
     onFocus: () => void;
     onSelected: (event: Event) => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     placeholder: {
         type: StringConstructor;
@@ -58,37 +58,37 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     disabled: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     readonly: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     error: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
     max: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     min: {
         type: DateConstructor;
-        default: any;
+        default: undefined;
     };
     mode: {
         type: PropType<"date" | "month" | "year">;
         default: string;
     };
 }>> & {
-    onChange?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     error: boolean;
-    disabled: boolean;
     min: Date;
     max: Date;
     modelValue: Date;
+    disabled: boolean;
     readonly: boolean;
     mode: "date" | "month" | "year";
     format: string;

package/dist/components/dialog/Dialog.vue.d.ts

@@ -1,8 +1,8 @@
 import { DialogContext } from '.';
 declare const _default: import("vue-demi").DefineComponent<{}, {
-    id: import("vue-demi").Ref<symbol>;
+    id: import("vue-demi").Ref<symbol | undefined>;
     modal: import("vue-demi").Ref<boolean>;
-    context: import("vue-demi").Ref<DialogContext>;
+    context: import("vue-demi").Ref<DialogContext | undefined>;
     show: (options: DialogContext) => void;
     hide: () => void;
     onConfirm: () => void;

package/dist/components/dialog/DialogFooter.vue

@@ -45,7 +45,7 @@ export default defineComponent({
     },
     cancelColor: {
       type: String,
-      default: "secondary"
+      default: "default"
     },
     cancelVariant: {
       type: String,
@@ -65,7 +65,7 @@ export default defineComponent({
     },
     confirmColor: {
       type: String,
-      default: "primary"
+      default: "info"
     },
     confirmVariant: {
       type: String,

package/dist/components/dialog/DialogFooter.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import type { StyleVariant as FooterButtonStyleVariant, ColorVariant as FooterButtonColorVariant } from '../button';
-export declare type FooterAlignVariant = 'start' | 'end';
+export type FooterAlignVariant = 'start' | 'end';
 export type { StyleVariant as FooterButtonStyleVariant, ColorVariant as FooterButtonColorVariant, } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     align: {
@@ -9,7 +9,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     cancelClass: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     cancelVisible: {
         type: BooleanConstructor;
@@ -29,7 +29,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     confirmClass: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     confirmVisible: {
         type: BooleanConstructor;
@@ -58,7 +58,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     cancelClass: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     cancelVisible: {
         type: BooleanConstructor;
@@ -78,7 +78,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     confirmClass: {
         type: StringConstructor;
-        default: any;
+        default: undefined;
     };
     confirmVisible: {
         type: BooleanConstructor;
@@ -97,8 +97,8 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    onConfirm?: (...args: any[]) => any;
-    onCancel?: (...args: any[]) => any;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+    onCancel?: ((...args: any[]) => any) | undefined;
 }, {
     align: FooterAlignVariant;
     cancelClass: string;

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

@@ -1,27 +1,21 @@
 import type { FooterAlignVariant, FooterButtonColorVariant, FooterButtonStyleVariant } from './DialogFooter.vue';
 import type { SizeVariant } from '../modal/Modal.vue';
+interface DialogButton {
+    text?: string;
+    visible?: boolean;
+    className?: string;
+    closeModal?: boolean;
+    color?: FooterButtonColorVariant;
+    variant?: FooterButtonStyleVariant;
+}
 export interface DialogOptions {
     title: string;
     text?: string;
     size?: SizeVariant;
     centered?: boolean;
     footerAlign?: FooterAlignVariant;
-    cancel?: {
-        text?: string;
-        visible?: boolean;
-        className?: string;
-        closeModal?: boolean;
-        color?: FooterButtonColorVariant;
-        variant?: FooterButtonStyleVariant;
-    };
-    confirm?: {
-        text?: string;
-        visible?: boolean;
-        className?: string;
-        closeModal?: boolean;
-        color?: FooterButtonColorVariant;
-        variant?: FooterButtonStyleVariant;
-    };
+    cancel?: DialogButton;
+    confirm?: DialogButton;
 }
 export interface DialogContext extends DialogOptions {
     onConfirm: () => void;
@@ -29,3 +23,4 @@ export interface DialogContext extends DialogOptions {
 }
 export declare function confirm(options: DialogOptions): Promise<boolean>;
 export declare function alert(options: Omit<DialogOptions, 'cancel'>): Promise<void>;
+export {};

package/dist/components/divider/Divider.vue

@@ -30,27 +30,37 @@ export default defineComponent({
 
 <style lang="postcss">
 .divider {
-  @apply bg-subtle-alpha my-2 w-[1px];
+  @apply bg-subtle-alpha;
+  @apply dark:bg-dark-subtle-alpha my-2;
+
+  &&--horizontal {
+    @apply w-full h-[1px];
+  }
 
   &&--vertical,
   .input-group > & {
     @apply flex items-center my-0 py-3 border-subtle bg-transparent z-1;
+    @apply dark:border-dark-subtle dark:bg-transparent;
 
     &::before {
       @apply content-[''] bg-subtle-alpha w-[1px] h-full;
+      @apply dark:bg-dark-subtle-alpha;
     }
   }
 
   .state--error & {
     @apply border-danger-emphasis;
+    @apply dark:border-dark-danger-emphasis;
 
     &::before {
       @apply bg-danger-emphasis;
+      @apply dark:bg-dark-danger-emphasis;
     }
   }
 
   .state--disabled & {
-    @apply bg-muted border-muted pointer-events-none text-muted;
+    @apply bg-subtle border-subtle pointer-events-none text-muted;
+    @apply dark:bg-dark-subtle dark:border-dark-subtle dark:text-dark-muted;
   }
 }
 </style>

package/dist/components/dot/Dot.vue

@@ -60,23 +60,33 @@ export default defineComponent({
   * warning & danger
   */
   &&--default {
-    @apply bg-emphasis-subtle;
+    @apply bg-inverse;
+    @apply dark:bg-dark-inverse;
   }
 
   &&--primary {
-    @apply bg-accent-emphasis;
+    @apply bg-brand-accent;
+    @apply dark:bg-dark-brand-accent;
+  }
+
+  &&--info {
+    @apply bg-info-emphasis;
+    @apply dark:bg-dark-info-emphasis;
   }
 
   &&--success {
     @apply bg-success-emphasis;
+    @apply dark:bg-dark-success-emphasis;
   }
 
   &&--warning {
     @apply bg-warning-emphasis;
+    @apply dark:bg-dark-warning-emphasis;
   }
 
   &&--danger {
     @apply bg-danger-emphasis;
+    @apply dark:bg-dark-danger-emphasis;
   }
 
   /**

package/dist/components/dot/Dot.vue.d.ts

@@ -1,5 +1,6 @@
 import { PropType } from 'vue-demi';
-import { ColorVariant, StyleVariant } from '.';
+import { StyleVariant } from '.';
+import { ColorVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     color: {
         type: PropType<ColorVariant>;

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

@@ -1,2 +1 @@
-export declare type ColorVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger';
-export declare type StyleVariant = 'default' | 'pills';
+export type StyleVariant = 'default' | 'pills';

package/dist/components/dropdown/Dropdown.vue

@@ -38,7 +38,7 @@
         class="dropdown__menu">
         <DropdownGroup
           ref="wizard"
-          class="dropdown__menu-container">
+          class="dropdown__menu__container">
           <slot />
         </DropdownGroup>
       </div>
@@ -250,8 +250,9 @@ export default defineComponent({
 
   &__menu {
     @apply max-h-64 border rounded w-full min-w-[15rem] bg-default z-10 border-default shadow-xl overflow-x-hidden overflow-y-auto absolute;
+    @apply dark:bg-dark-default dark:border-dark-default;
 
-    &-container {
+    &__container {
       > .dropdown__item {
         &:first-child,
         .dropdown__subitem:first-child & {
@@ -273,8 +274,9 @@ export default defineComponent({
   &&--divider {
     .dropdown {
       &__menu {
-        :where(.checkbox, .radio) {
+        :where(.checkbox, .radio, .dropdown__item) {
           @apply border-b border-solid border-b-subtle-alpha last:border-b-0;
+          @apply dark:border-b-dark-subtle-alpha;
         }
       }
     }

package/dist/components/dropdown/Dropdown.vue.d.ts

@@ -52,7 +52,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     toggle: () => void;
     open: () => void;
     close: () => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "show" | "hide")[], "show" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("show" | "update:modelValue" | "hide")[], "show" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -98,20 +98,20 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    onShow?: (...args: any[]) => any;
-    onHide?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
 }, {
-    icon: boolean;
     variant: StyleVariant;
     size: SizeVariant;
+    icon: boolean;
+    text: string;
     color: ColorVariant;
     pill: boolean;
-    disabled: boolean;
     modelValue: boolean;
-    text: string;
-    divider: boolean;
+    disabled: boolean;
     placement: Placement;
     noCaret: boolean;
+    divider: boolean;
 }>;
 export default _default;

package/dist/components/dropdown/DropdownItem.vue

@@ -1,22 +1,37 @@
 <template>
-  <button
+  <component
+    :is="tagName"
     data-testid="dropdown-item"
     class="dropdown__item"
+    :class="classNames"
+    :href="href"
     @click="handleOnClick">
     <slot>
       {{ text }}
     </slot>
-  </button>
+  </component>
 </template>
 
 <script>
-import { defineComponent, inject } from "vue-demi";
+import {
+  defineComponent,
+  inject,
+  computed
+} from "vue-demi";
 import { DROPDOWN_CONTEXT } from ".";
 export default defineComponent({
   props: {
     text: {
       type: String,
       default: ""
+    },
+    href: {
+      type: String,
+      default: void 0
+    },
+    active: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["click"],
@@ -24,21 +39,49 @@ export default defineComponent({
     const context = inject(DROPDOWN_CONTEXT, void 0, true);
     function handleOnClick(event) {
       emit("click", event);
-      if (context?.close && !event.defaultPrevented)
+      if (context?.close && !event.defaultPrevented || event.defaultPrevented && props.href)
         context.close();
     }
-    return { handleOnClick };
+    const classNames = computed(() => {
+      const result = [""];
+      if (props.active)
+        result.push("dropdown__item--active");
+      return result;
+    });
+    const tagName = computed(() => {
+      let tag = "button";
+      if (props.href)
+        tag = "a";
+      return tag;
+    });
+    return {
+      handleOnClick,
+      classNames,
+      tagName
+    };
   }
 });
 </script>
 
 <style lang="postcss">
 .dropdown__item {
-  @apply px-3 py-2 cursor-pointer text-default w-full select-none text-left;
+  @apply px-4 py-2 block cursor-pointer text-default w-full select-none text-left;
+  @apply dark:text-dark-default;
+
+  &:is(a) {
+    @apply hover:text-default;
+    @apply hover:dark:text-dark-default;
+  }
 
   &:hover,
   &:focus-visible {
     @apply bg-default-alpha;
+    @apply dark:bg-dark-default-alpha;
+  }
+
+  &&--active {
+    @apply bg-default-alpha;
+    @apply dark:bg-dark-default-alpha cursor-default;
   }
 }
 </style>

package/dist/components/dropdown/DropdownItem.vue.d.ts

@@ -1,18 +1,39 @@
+import { TagVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     text: {
         type: StringConstructor;
         default: string;
     };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     handleOnClick: (event: Event) => void;
+    classNames: import("vue-demi").ComputedRef<string[]>;
+    tagName: import("vue-demi").ComputedRef<TagVariant>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "click"[], "click", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     text: {
         type: StringConstructor;
         default: string;
     };
+    href: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
-    onClick?: (...args: any[]) => any;
+    onClick?: ((...args: any[]) => any) | undefined;
 }, {
+    href: string;
+    active: boolean;
     text: string;
 }>;
 export default _default;