@privyid/persona 0.23.0 → 0.25.0

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

@@ -1,5 +1,5 @@
-import { PropType, StyleValue } from 'vue-demi';
-import { ModelModifier } from '../camera/adapter/adapter';
+import type { PropType, StyleValue } from 'vue-demi';
+import type { ModelModifier } from '../camera/adapter/adapter';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
@@ -24,23 +24,23 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     height: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     imgWidth: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     imgHeight: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     imgClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     rounded: {
@@ -96,23 +96,23 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     height: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     imgWidth: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     imgHeight: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     imgClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     rounded: {

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

@@ -1,3 +1,3 @@
-import { MaybeRef } from '@vueuse/core';
-import { Ref } from 'vue-demi';
+import type { MaybeRef } from '@vueuse/core';
+import type { Ref } from 'vue-demi';
 export declare function usePreview(file: MaybeRef<string | globalThis.File>, fallback?: string): Ref<string>;

package/dist/components/cropper/utils/use-pinch.d.ts

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

package/dist/components/cropper/utils/use-ratio.d.ts

@@ -1,4 +1,4 @@
-import { ComputedRef } from 'vue-demi';
+import type { ComputedRef } from 'vue-demi';
 export interface RatioProp {
     width?: number | string;
     height?: number | string;

package/dist/components/datepicker/Datepicker.vue

@@ -197,6 +197,7 @@ export default defineComponent({
   }
 
   > .dropdown__menu {
+    --p-dropdown-size: auto;
     --p-dropdown-max-height: 100%;
 
     @apply min-w-max max-h-min;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { SizeVariant } from '../button';
+import type { PropType } from 'vue-demi';
+import type { SizeVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<Date | [Date, Date]>;
@@ -148,7 +148,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     range: boolean;
     minRange: string;
     maxRange: string;
-    format: string;
     placeholder: string;
+    format: string;
 }, {}>;
 export default _default;

package/dist/components/dialog/Dialog.vue

@@ -3,13 +3,27 @@
     v-if="context"
     :key="id"
     v-model="modal"
+    class="dialog"
     :title="context.title"
     :size="context.size"
     :centered="context.centered"
     :dismissable="context.dismissable"
     :no-close-on-backdrop="context.noCloseOnBackdrop"
-    :text="context.text"
     @close="onCancel">
+    <template #header>
+      <Heading
+        v-p-md.inline="context.title"
+        class="modal__title"
+        element="h6" />
+    </template>
+    <template #default>
+      <template v-if="(typeof context.content === 'function')">
+        <component :is="context.content" />
+      </template>
+      <template v-else>
+        <span v-p-md.inline="context.text" />
+      </template>
+    </template>
     <template #footer>
       <dialog-footer
         :align="context.footerAlign"
@@ -36,9 +50,16 @@ import {
   ref
 } from "vue-demi";
 import Modal from "../modal/Modal.vue";
+import Heading from "../heading/Heading.vue";
 import DialogFooter from "./DialogFooter.vue";
+import { pMd } from "../markdown";
 export default defineComponent({
-  components: { Modal, DialogFooter },
+  components: {
+    Modal,
+    Heading,
+    DialogFooter
+  },
+  directives: { pMd },
   setup() {
     const id = ref();
     const modal = ref(false);
@@ -77,3 +98,9 @@ export default defineComponent({
   }
 });
 </script>
+
+<style lang="postcss">
+.dialog {
+  --p-modal-z-index: theme(zIndex.dialog);
+}
+</style>

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

@@ -1,4 +1,4 @@
-import { DialogContext } from '.';
+import type { DialogContext } from '.';
 declare const _default: import("vue-demi").DefineComponent<{}, {
     id: import("vue-demi").Ref<symbol | undefined>;
     modal: import("vue-demi").Ref<boolean>;

package/dist/components/dialog/DialogFooter.vue

@@ -101,13 +101,7 @@ export default defineComponent({
 
 <style lang="postcss">
 .footer {
-  @apply flex items-center;
-
-  .btn {
-    + .btn {
-      @apply ml-6;
-    }
-  }
+  @apply flex items-center space-x-3;
 
   &--align {
     &-left,

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue-demi';
+import type { PropType } from 'vue-demi';
 import type { StyleVariant as FooterButtonStyleVariant, ColorVariant as FooterButtonColorVariant } from '../button';
 export type FooterAlignVariant = 'start' | 'end';
 export type { StyleVariant as FooterButtonStyleVariant, ColorVariant as FooterButtonColorVariant, } from '../button';

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

@@ -1,5 +1,8 @@
 import type { FooterAlignVariant, FooterButtonColorVariant, FooterButtonStyleVariant } from './DialogFooter.vue';
 import type { SizeVariant } from '../modal';
+import type { SizeVariant as InputSizeVariant } from '../button';
+import type { VNode } from 'vue-demi';
+import type { AcceptVariant } from '../input';
 interface DialogButton {
     text?: string;
     visible?: boolean;
@@ -19,10 +22,24 @@ export interface DialogOptions {
     cancel?: DialogButton;
     confirm?: DialogButton;
 }
+export type DialogConfirmOption = DialogOptions;
+export type DialogAlertOption = Omit<DialogOptions, 'cancel'>;
+export interface DialogPromptOption extends DialogOptions {
+    value?: string;
+    input?: {
+        type?: string;
+        placeholder?: string;
+        size?: InputSizeVariant;
+        clearable?: boolean;
+        accept?: AcceptVariant;
+    };
+}
 export interface DialogContext extends DialogOptions {
     onConfirm: () => void;
     onCancel: () => void;
+    content?: () => VNode;
 }
-export declare function confirm(options: DialogOptions): Promise<boolean>;
-export declare function alert(options: Omit<DialogOptions, 'cancel'>): Promise<void>;
+export declare function confirm(options: DialogConfirmOption): Promise<boolean>;
+export declare function alert(options: DialogConfirmOption): Promise<void>;
+export declare function prompt(options: DialogPromptOption): Promise<string>;
 export {};

package/dist/components/dialog/index.mjs

@@ -1,5 +1,11 @@
 import { useSingleton } from "../global/use-singleton.mjs";
 import defu from "defu";
+import {
+  ref,
+  h
+} from "vue-demi";
+import pInput from "../input/Input.vue";
+import pFormGroup from "../form-group/FormGroup.vue";
 export async function confirm(options) {
   const { default: Dialog } = await import("./Dialog.vue");
   const modal = await useSingleton(Dialog);
@@ -30,3 +36,39 @@ export async function alert(options) {
     }
   ));
 }
+export async function prompt(options) {
+  const { default: Dialog } = await import("./Dialog.vue");
+  const model = ref(options.value);
+  const modal = await useSingleton(Dialog);
+  const result = await new Promise((resolve) => {
+    modal.show(defu(
+      {
+        content: () => {
+          return h(pFormGroup, { label: options.text }, () => [
+            h(pInput, {
+              "type": options.input?.type,
+              "placeholder": options.input?.placeholder,
+              "size": options.input?.size,
+              "clearable": options.input?.clearable,
+              "accept": options.input?.accept,
+              "modelValue": model.value,
+              "onUpdate:modelValue": (value) => {
+                model.value = value;
+              }
+            })
+          ]);
+        },
+        onConfirm: () => resolve(model.value),
+        onCancel: () => resolve("")
+      },
+      options,
+      {
+        title: "Question",
+        confirm: { text: "Submit" },
+        cancel: {},
+        centered: true
+      }
+    ));
+  });
+  return result;
+}

package/dist/components/dot/Dot.vue

@@ -60,8 +60,11 @@ export default defineComponent({
   * warning & danger
   */
   &&--default {
-    @apply bg-inverse;
-    @apply dark:bg-dark-inverse;
+    --p-dot-bg-default: theme(backgroundColor.inverse);
+    --p-dot-bg-dark-default: theme(backgroundColor.dark.inverse);
+
+    @apply bg-[color:var(--p-dot-bg-default)];
+    @apply dark:bg-[color:var(--p-dot-bg-dark-default)];
   }
 
   &&--primary {

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

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

package/dist/components/dropdown/Dropdown.vue

@@ -67,15 +67,17 @@
 </template>
 
 <script lang="ts" setup>
-import {
+import type {
   PropType,
+  VNode,
+} from 'vue-demi'
+import {
   provide,
   watch,
   toRef,
   watchEffect,
   computed,
   ref,
-  VNode,
 } from 'vue-demi'
 import {
   onClickOutside,
@@ -84,8 +86,8 @@ import {
 import Button from '../button/Button.vue'
 import DropdownGroup from '../dropdown-subitem/DropdownSubitem.vue'
 import { useFocus } from './utils/use-focus'
+import type { Placement } from '@floating-ui/dom'
 import {
-  Placement,
   autoUpdate,
   computePosition,
   offset,
@@ -216,15 +218,15 @@ const classNames = computed(() => {
   if (props.divider)
     result.push('dropdown--divider')
 
+  if (props.menuSize)
+    result.push(`dropdown--menu-${props.menuSize}`)
+
   return result
 })
 
 const containerSize = computed(() => {
   const result: string[] = ['']
 
-  if (props.menuSize)
-    result.push(`dropdown__menu--${props.menuSize}`)
-
   if (slots.prepend)
     result.push('dropdown__menu--has-prepend')
 
@@ -360,8 +362,24 @@ defineExpose({
 
   @apply inline-flex;
 
+  &--menu-xl {
+    --p-dropdown-size: var(--p-dropdown-size-xl);
+  }
+
+  &--menu-lg {
+    --p-dropdown-size: var(--p-dropdown-size-lg);
+  }
+
+  &--menu-md {
+    --p-dropdown-size: var(--p-dropdown-size-md);
+  }
+
+  &--menu-sm {
+    --p-dropdown-size: var(--p-dropdown-size-sm);
+  }
+
   &__menu {
-    @apply border rounded bg-default z-[var(--p-dropdown-z-index)] border-default shadow-xl absolute flex flex-col overflow-hidden;
+    @apply border rounded bg-default z-[var(--p-dropdown-z-index)] border-default shadow-xl absolute flex flex-col overflow-hidden w-[var(--p-dropdown-size)];
     @apply dark:bg-dark-default dark:border-dark-default;
 
     &__prepend,
@@ -370,7 +388,7 @@ defineExpose({
     }
 
     &__body {
-      @apply max-h-[var(--p-dropdown-max-height)] overflow-x-hidden overflow-y-auto flex-grow;
+      @apply max-h-[var(--p-dropdown-max-height)] overflow-x-hidden overflow-y-auto grow;
     }
 
     &:not(&--has-prepend) &__container {
@@ -390,22 +408,6 @@ defineExpose({
         }
       }
     }
-
-    &--xl {
-      @apply w-[var(--p-dropdown-size-xl)];
-    }
-
-    &--lg {
-      @apply w-[var(--p-dropdown-size-lg)];
-    }
-
-    &--md {
-      @apply w-[var(--p-dropdown-size-md)];
-    }
-
-    &--sm {
-      @apply w-[var(--p-dropdown-size-sm)];
-    }
   }
 
   &__activator > &__caret {

package/dist/components/dropdown/DropdownItem.vue

@@ -84,7 +84,8 @@ export default defineComponent({
     @apply dark:bg-dark-default-alpha dark:text-dark-default;
   }
 
-  &&--active {
+  &&--active,
+  &.selected {
     @apply bg-default-alpha text-default;
     @apply dark:bg-dark-default-alpha cursor-default dark:text-dark-default;
   }

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

@@ -1,4 +1,4 @@
-import { TagVariant } from '../button';
+import type { TagVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     text: {
         type: StringConstructor;

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

@@ -1,4 +1,4 @@
-import { Ref, InjectionKey } from 'vue-demi';
+import type { Ref, InjectionKey } from 'vue-demi';
 export type MenuSizeVariant = 'sm' | 'md' | 'lg' | 'xl';
 interface DropdownContext {
     close: () => void;

package/dist/components/dropdown-subitem/DropdownSubitem.vue

@@ -152,17 +152,17 @@ export default defineComponent({
     @apply flex items-center space-x-1;
 
     &--back {
-      @apply flex-shrink-0;
+      @apply shrink-0;
     }
   }
 
   &__content {
-    @apply flex-grow;
+    @apply grow;
   }
 
   &__next,
   &__back {
-    @apply flex-shrink-0;
+    @apply shrink-0;
   }
 }
 </style>

package/dist/components/dropdown-subitem/index.d.ts

@@ -1,4 +1,4 @@
-import { InjectionKey, ShallowRef, Slots } from 'vue-demi';
+import type { InjectionKey, ShallowRef, Slots } from 'vue-demi';
 export interface DropdownNode {
     _level: number;
     prev?: DropdownNode;

package/dist/components/dropzone/Dropzone.vue.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue-demi';
-import { ModelModifier, MultipleType } from '.';
+import type { PropType } from 'vue-demi';
+import type { ModelModifier, MultipleType } from '.';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<string | string[] | File | File[]>;
@@ -14,7 +14,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     accept: {
@@ -57,7 +57,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     accept: {
@@ -84,10 +84,10 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: string | string[] | File | File[];
     disabled: boolean;
     readonly: boolean;
+    accept: string;
     modelModifiers: ModelModifier;
     multiple: boolean | MultipleType;
     maxlength: string | number;
-    accept: string;
     clearOnCancel: boolean;
 }, {}>;
 export default _default;

package/dist/components/filterbar/Filterbar.vue.d.ts

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

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

@@ -1,7 +1,7 @@
-import { SelectProps } from '../select';
-import { Adapter } from '../select/adapter/adapter';
-import { CalendarMode } from '../calendar/adapter/adapter';
-import { MaybeRef } from '@vueuse/core';
+import type { SelectProps } from '../select';
+import type { Adapter } from '../select/adapter/adapter';
+import type { CalendarMode } from '../calendar/adapter/adapter';
+import type { MaybeRef } from '@vueuse/core';
 interface FilterType {
     key: string;
     label?: string;

package/dist/components/filterbar/pinned/PinnedDate.vue.d.ts

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

package/dist/components/filterbar/pinned/PinnedMultiselect.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue-demi';
-import { FilterSelect } from '..';
-import { SelectItem } from '../../select';
+import type { PropType } from 'vue-demi';
+import type { FilterSelect } from '..';
+import type { SelectItem } from '../../select';
 declare const _default: import("vue-demi").DefineComponent<{
     schema: {
         type: PropType<FilterSelect>;

package/dist/components/filterbar/pinned/PinnedSelect.vue.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue-demi';
-import { FilterSelect } from '..';
-import { SelectItem } from '../../select';
+import type { PropType } from 'vue-demi';
+import type { FilterSelect } from '..';
+import type { SelectItem } from '../../select';
 declare const _default: import("vue-demi").DefineComponent<{
     schema: {
         type: PropType<FilterSelect>;
@@ -11,7 +11,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: undefined;
     };
 }, {
@@ -30,7 +30,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: undefined;
     };
 }>> & {

package/dist/components/filterbar/pinned/PinnedToggle.vue.d.ts

@@ -1,20 +1,20 @@
-import { PropType } from 'vue-demi';
-import { FilterToggle } from '..';
+import type { PropType } from 'vue-demi';
+import type { FilterToggle } from '..';
 declare const _default: import("vue-demi").DefineComponent<{
     schema: {
         type: PropType<FilterToggle>;
         required: true;
     };
     modelValue: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     value: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     checked: {
@@ -30,15 +30,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     modelValue: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     value: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     checked: {