@privyid/persona 0.24.0 → 0.25.0

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

@@ -1,5 +1,5 @@
-import { InjectionKey } from 'vue-demi';
-import { StyleVariant, AlignVariant } from '../nav';
+import type { InjectionKey } from 'vue-demi';
+import type { StyleVariant, AlignVariant } from '../nav';
 export type TypeVariant = 'wide' | 'narrow';
 export interface SidebarSettings {
     variant: StyleVariant;

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

@@ -64,13 +64,13 @@
 </template>
 
 <script lang="ts" setup>
-import { PropType } from 'vue-demi'
+import type { PropType } from 'vue-demi'
 import Sidebar from '../sidebar/Sidebar.vue'
-import { TypeVariant } from '../sidebar'
+import type { TypeVariant } from '../sidebar'
 import SidebarNav from '../sidebar/SidebarNav.vue'
-import { Menu } from '.'
-import { AlignVariant } from '../nav'
-import { ToggleableVariant } from '../navbar'
+import type { Menu } from '.'
+import type { AlignVariant } from '../nav'
+import type { ToggleableVariant } from '../navbar'
 import NavCollapse from '../nav/NavCollapse.vue'
 import SidebarMenuItem from './SidebarMenuItem.vue'
 

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

@@ -51,8 +51,8 @@
 </template>
 
 <script lang="ts" setup>
-import { PropType } from 'vue-demi'
-import { Menu, MenuItem } from '.'
+import type { PropType } from 'vue-demi'
+import type { Menu, MenuItem } from '.'
 import NavItem from '../nav/NavItem.vue'
 import NavSubItem from '../nav/NavSubItem.vue'
 import SidebarNav from '../sidebar/SidebarNav.vue'

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

@@ -1,7 +1,7 @@
-import { HTMLAttributes } from 'vue-demi';
-import { Component } from '../global/use-singleton';
-import { AlignVariant } from '../nav';
-import { LiteralUnion } from 'type-fest';
+import type { HTMLAttributes } from 'vue-demi';
+import type { Component } from '../global/use-singleton';
+import type { AlignVariant } from '../nav';
+import type { LiteralUnion } from 'type-fest';
 type Access = LiteralUnion<'*', string>;
 interface AdditionalAttr extends HTMLAttributes {
     [key: string]: unknown;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { ModelModifier } from '../dropzone';
+import type { PropType } from 'vue-demi';
+import type { ModelModifier } from '../dropzone';
 import { createSpinner } from '../avatar/utils/create-image';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
@@ -90,10 +90,10 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     color: string;
     modelValue: string | File;
+    placeholder: string;
     modelModifiers: ModelModifier;
     width: number;
     height: number;
-    placeholder: string;
     resetLabel: string;
     openDrawLabel: string;
     closeDrawLabel: string;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { ModelModifier } from '../dropzone';
+import type { PropType } from 'vue-demi';
+import type { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
@@ -74,10 +74,10 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     color: string;
     modelValue: string | File;
+    placeholder: string;
     modelModifiers: ModelModifier;
     width: number;
     height: number;
-    placeholder: string;
     resetLabel: string;
 }, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { PropType, StyleValue } from 'vue-demi';
-import { ModelModifier } from '../dropzone';
+import type { PropType, StyleValue } from 'vue-demi';
+import type { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
@@ -95,10 +95,10 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     color: string;
     modelValue: string | File;
+    placeholder: string;
     modelModifiers: ModelModifier;
     width: number;
     height: number;
-    placeholder: string;
     resetLabel: string;
     openDrawLabel: string;
     closeDrawLabel: string;

package/dist/components/signature-draw/utils/smooth-line.d.ts

@@ -1,4 +1,4 @@
-import { DrawLineCoordinate } from './canvas';
+import type { DrawLineCoordinate } from './canvas';
 /**
  * Smoothing Line for Signature Draw
  *

package/dist/components/signature-draw/utils/straight-line.d.ts

@@ -1,4 +1,4 @@
-import { DrawLineCoordinate } from './canvas';
+import type { DrawLineCoordinate } from './canvas';
 export declare class StraightLine {
     protected lastX: number;
     protected lastY: number;

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

@@ -1,5 +1,5 @@
 import type { InteractEvent } from '@interactjs/types';
-import { Ref } from 'vue-demi';
+import type { Ref } from 'vue-demi';
 export interface DrawHooks {
     onstart?: (event: InteractEvent) => void;
     onmove?: (event: InteractEvent) => void;

package/dist/components/signature-text/SignatureText.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { ModelModifier } from '../dropzone';
+import type { PropType } from 'vue-demi';
+import type { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
@@ -89,9 +89,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     text: string;
     modelValue: string | File;
     modelModifiers: ModelModifier;
+    font: string;
     width: number;
     height: number;
-    font: string;
     maxlength: string | number;
     maxwords: string | number;
 }, {}>;

package/dist/components/steps/Step.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { TravelHook } from '.';
+import type { PropType } from 'vue-demi';
+import type { TravelHook } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     onBeforePrev: {
         type: PropType<TravelHook>;

package/dist/components/steps/Steps.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { TravelHook, FinishedHook, DirectionVariant, AnimationVariant } from '.';
+import type { PropType } from 'vue-demi';
+import type { TravelHook, FinishedHook, DirectionVariant, AnimationVariant } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: NumberConstructor;
@@ -73,9 +73,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: number;
-    direction: DirectionVariant;
-    loop: boolean;
     animation: AnimationVariant;
+    loop: boolean;
+    direction: DirectionVariant;
     onBeforePrev: TravelHook;
     onBeforeNext: TravelHook;
     keepAlive: boolean;

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

@@ -1,4 +1,4 @@
-import { ComputedRef, InjectionKey, Ref } from 'vue-demi';
+import type { ComputedRef, InjectionKey, Ref } from 'vue-demi';
 export type TravelHook = (to: number, from: number) => boolean | Promise<boolean>;
 export type FinishedHook = () => void | Promise<void>;
 export type DirectionVariant = 'horizontal' | 'vertical';

package/dist/components/subheading/Subheading.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue-demi';
-import { SizeVariant } from '.';
-import { WeightVariant, TransformVariant } from '../heading';
+import type { PropType } from 'vue-demi';
+import type { SizeVariant } from '.';
+import type { WeightVariant, TransformVariant } from '../heading';
 declare const _default: import("vue-demi").DefineComponent<{
     size: {
         type: PropType<SizeVariant>;

package/dist/components/table/Table.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { TableField } from '.';
+import type { PropType } from 'vue-demi';
+import type { TableField } from '.';
 type TypeVariant = 'flexible' | 'static';
 declare const _default: import("vue-demi").DefineComponent<{
     variant: {

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

@@ -1,5 +1,5 @@
-import { HTMLAttributes } from 'vue-demi';
-import { LiteralUnion } from 'type-fest';
+import type { HTMLAttributes } from 'vue-demi';
+import type { LiteralUnion } from 'type-fest';
 export type KeyType<T> = LiteralUnion<keyof T & string, string>;
 export type LabelType<T> = LiteralUnion<Capitalize<keyof T & string>, string>;
 export type ApperanceVariant = 'card' | 'table';

package/dist/components/table-flex/TableFlex.vue

@@ -108,19 +108,23 @@
 </template>
 
 <script lang="ts" setup generic="T">
-import {
-  computed,
+import type {
   HTMLAttributes,
   PropType,
   VNode,
 } from 'vue-demi'
 import {
+  computed,
+} from 'vue-demi'
+import type {
   ApperanceVariant,
   TableField,
+  KeyType,
+} from '../table'
+import {
   withKey,
   withoutKey,
   withUnit,
-  KeyType,
 } from '../table'
 import Checkbox from '../checkbox/Checkbox.vue'
 import { useVModel } from '../input'

package/dist/components/table-static/TableStatic.vue

@@ -107,19 +107,23 @@
 </template>
 
 <script lang="ts" setup generic="T">
-import {
-  computed,
+import type {
   HTMLAttributes,
   PropType,
   VNode,
 } from 'vue-demi'
 import {
+  computed,
+} from 'vue-demi'
+import type {
   ApperanceVariant,
   TableField,
+  KeyType,
+} from '../table'
+import {
   withKey,
   withoutKey,
   withUnit,
-  KeyType,
 } from '../table'
 import Checkbox from '../checkbox/Checkbox.vue'
 import TableStaticRoot from './TableStaticRoot.vue'
@@ -200,7 +204,7 @@ const rows = computed<T[]>({
 })
 
 const classNames = computed(() => {
-  const result: string[] = []
+  const result: string[] = ['table-static']
 
   if (props.apperance)
     result.push(`table-static--${props.apperance}`)
@@ -269,7 +273,27 @@ defineSlots<{
   @apply w-full;
 
   &__table {
-    @apply min-w-full table;
+    @apply table;
+  }
+
+  &:not(&--scrollable) {
+    &.table-static__table {
+      @apply max-w-full;
+    }
+
+   & .table-static__row > .table-static__cell {
+      @apply whitespace-pre-wrap;
+    }
+  }
+
+  &:where(&--scrollable) {
+    .table-static__table {
+      @apply min-w-full;
+    }
+
+    & .table-static__row > .table-static__cell {
+      @apply whitespace-pre;
+    }
   }
 
   &__headers {
@@ -291,7 +315,7 @@ defineSlots<{
   }
 
   & &__row > &__cell {
-    @apply ml-2 py-4 px-3 text-sm text-default whitespace-pre;
+    @apply ml-2 py-4 px-3 text-sm text-default;
     @apply dark:text-dark-default;
 
     &.table-static__drag {
@@ -320,6 +344,10 @@ defineSlots<{
     .table-static__headers .table-static__header {
       @apply border-0;
     }
+
+    .table-static__row .table-static__cell {
+      @apply align-top;
+    }
   }
 
   &--card {

package/dist/components/table-static/TableStaticRoot.vue

@@ -21,7 +21,7 @@
 </template>
 
 <script lang="ts" setup>
-import { HTMLAttributes, PropType } from 'vue-demi'
+import type { HTMLAttributes, PropType } from 'vue-demi'
 
 defineOptions({ inheritAttrs: false })
 

package/dist/components/tabs/TabContent.vue

@@ -3,8 +3,8 @@
 </template>
 
 <script lang="ts" setup>
+import type { VNode } from 'vue-demi'
 import {
-  VNode,
   Transition,
   h,
   ref,

package/dist/components/tabs/Tabs.vue

@@ -53,14 +53,16 @@
 </template>
 
 <script lang="ts" setup>
-import {
+import type {
   VNode,
   PropType,
-  computed,
   Slots,
 } from 'vue-demi'
-import Nav from '../nav/Nav.vue'
 import {
+  computed,
+} from 'vue-demi'
+import Nav from '../nav/Nav.vue'
+import type {
   StyleVariant as TabsStyleVariant,
   AlignVariant as TabsAlignVariant,
 } from '../nav'

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

@@ -1,6 +1,6 @@
-import { PropType } from 'vue-demi';
-import { StyleVariant, ElementVariant } from '.';
-import { WeightVariant, TransformVariant } from '../heading';
+import type { PropType } from 'vue-demi';
+import type { StyleVariant, ElementVariant } from '.';
+import type { WeightVariant, TransformVariant } from '../heading';
 declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<StyleVariant>;
@@ -49,8 +49,8 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     variant: StyleVariant;
     href: string;
+    element: ElementVariant;
     weight: WeightVariant;
     transform: TransformVariant;
-    element: ElementVariant;
 }, {}>;
 export default _default;

package/dist/components/textarea/Textarea.vue.d.ts

@@ -1,5 +1,6 @@
-import { AcceptVariant, checkOnInput } from '../input';
-import { PropType } from 'vue-demi';
+import type { AcceptVariant } from '../input';
+import { checkOnInput } from '../input';
+import type { PropType } from 'vue-demi';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: StringConstructor;
@@ -107,8 +108,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     disabled: boolean;
     readonly: boolean;
     placeholder: string;
-    maxlength: string | number;
     accept: AcceptVariant;
+    maxlength: string | number;
     showCounter: boolean;
     rows: string | number;
     autoGrow: boolean;

package/dist/components/toast/Toast.vue

@@ -2,7 +2,10 @@
   <div
     data-testid="toast"
     :class="classNames">
-    <div class="toast__icon">
+    <div
+      class="toast__icon"
+      data-testid="toast-icon"
+      :class="classIcon">
       <slot name="icon">
         <component
           :is="toastIcon"
@@ -56,7 +59,10 @@ export default defineComponent({
       type: String,
       required: true
     },
-    text: { type: String },
+    text: {
+      type: String,
+      default: ""
+    },
     type: {
       type: String,
       default: "info"
@@ -68,6 +74,10 @@ export default defineComponent({
     duration: {
       type: Number,
       default: 3e3
+    },
+    iconColor: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["dismissed"],
@@ -81,6 +91,12 @@ export default defineComponent({
         result.push(`toast--${props.variant}`);
       return result;
     });
+    const classIcon = computed(() => {
+      const result = ["default"];
+      if (props.iconColor)
+        result.push(`toast__icon--${props.iconColor}`);
+      return result;
+    });
     const toastIcon = computed(() => {
       return ToastIcons[props.type];
     });
@@ -101,6 +117,7 @@ export default defineComponent({
     return {
       classNames,
       toastIcon,
+      classIcon,
       close
     };
   }
@@ -109,6 +126,9 @@ export default defineComponent({
 
 <style lang="postcss">
 .toast {
+  --p-toast-icon-color-primary: theme(textColor.brand.accent);
+  --p-toast-icon-color-primary-dark: theme(textColor.dark.brand.accent);
+
   /**
   * global style
   * of toast
@@ -130,15 +150,15 @@ export default defineComponent({
   }
 
   .toast__body {
-    @apply py-4 pr-4 grow space-y-2 flex flex-col;
+    @apply py-4 pr-4 grow space-y-2 flex flex-col overflow-hidden;
   }
 
   .toast__title {
-    @apply text-sm font-medium leading-[1.75];
+    @apply text-sm font-medium leading-[1.75] truncate;
   }
 
   .toast__text {
-    @apply text-xs;
+    @apply text-xs truncate;
   }
 
   /**
@@ -177,6 +197,31 @@ export default defineComponent({
       .toast__icon {
         @apply bg-base text-info;
         @apply dark:bg-dark-base dark:text-dark-info;
+
+        &--default {
+          @apply text-default;
+          @apply dark:text-dark-default;
+        }
+
+        &--warning {
+          @apply text-warning;
+          @apply dark:text-dark-warning;
+        }
+
+        &--success {
+          @apply text-success;
+          @apply dark:text-dark-success;
+        }
+
+        &--primary {
+          @apply text-[color:var(--p-toast-icon-color-primary)];
+          @apply dark:text-[color:var(--p-toast-icon-color-primary-dark)];
+        }
+
+        &--danger {
+          @apply text-danger;
+          @apply dark:text-danger;
+        }
       }
       .toast__title {
         @apply text-default;
@@ -272,6 +317,31 @@ export default defineComponent({
   &&--filled {
     .toast__icon {
       @apply items-start;
+
+      &--default {
+        @apply text-on-emphasis;
+        @apply dark:text-dark-on-emphasis;
+      }
+
+      &--warning {
+        @apply text-warning;
+        @apply dark:text-dark-warning;
+      }
+
+      &--success {
+        @apply text-success;
+        @apply dark:text-dark-success;
+      }
+
+      &--primary {
+        @apply text-[color:var(--p-toast-icon-color-primary)];
+        @apply dark:text-[color:var(--p-toast-icon-color-primary-dark)];
+      }
+
+      &--danger {
+        @apply text-danger;
+        @apply dark:text-danger;
+      }
     }
 
     &:not(.toast--info) {

package/dist/components/toast/Toast.vue.d.ts

@@ -1,5 +1,6 @@
-import { PropType } from 'vue-demi';
-import { ToastStyleVariant, ToastTypeVariant } from '.';
+import type { PropType } from 'vue-demi';
+import type { ToastStyleVariant, ToastTypeVariant } from '.';
+import type { ColorVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     title: {
         type: StringConstructor;
@@ -7,6 +8,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     text: {
         type: StringConstructor;
+        default: string;
     };
     type: {
         type: PropType<ToastTypeVariant>;
@@ -20,9 +22,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    iconColor: {
+        type: PropType<ColorVariant>;
+        default: undefined;
+    };
 }, {
     classNames: import("vue-demi").ComputedRef<string[]>;
     toastIcon: import("vue-demi").ComputedRef<any>;
+    classIcon: import("vue-demi").ComputedRef<string[]>;
     close: () => void;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "dismissed"[], "dismissed", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     title: {
@@ -31,6 +38,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     text: {
         type: StringConstructor;
+        default: string;
     };
     type: {
         type: PropType<ToastTypeVariant>;
@@ -44,11 +52,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    iconColor: {
+        type: PropType<ColorVariant>;
+        default: undefined;
+    };
 }>> & {
     onDismissed?: ((...args: any[]) => any) | undefined;
 }, {
     variant: ToastStyleVariant;
     type: ToastTypeVariant;
+    text: string;
     duration: number;
+    iconColor: ColorVariant;
 }, {}>;
 export default _default;

package/dist/components/toast/ToastContainer.vue

@@ -14,6 +14,7 @@
         :type="item.type"
         :variant="item.variant"
         :duration="item.duration"
+        :icon-color="item.iconColor"
         :class="item.toastClass"
         @dismissed="remove(i)">
         <template #icon>
@@ -38,7 +39,6 @@ import {
   ref
 } from "vue-demi";
 import Toast from "./Toast.vue";
-import { startsWith } from "lodash-es";
 export default defineComponent({
   components: { Toast },
   props: {
@@ -56,17 +56,11 @@ export default defineComponent({
       return result;
     });
     function add(option) {
-      if (startsWith(option.position, "bottom")) {
-        items.value.push({
-          ...option,
-          _id: Symbol("id")
-        });
-      } else {
-        items.value.unshift({
-          ...option,
-          _id: Symbol("id")
-        });
-      }
+      const item = { ...option, _id: Symbol("id") };
+      if (props.position.startsWith("bottom"))
+        items.value.push(item);
+      else
+        items.value.unshift(item);
     }
     function remove(index) {
       items.value.splice(index, 1);