@privyid/persona 0.23.0 → 0.24.0

package/dist/components/avatar/Avatar.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     imgClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
 }, {
@@ -51,7 +51,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     imgClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
 }>> & {

package/dist/components/badge/Badge.vue.d.ts

@@ -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/banner/Banner.vue

@@ -127,12 +127,12 @@ export default defineComponent({
   }
 
   &__body {
-    @apply flex-grow text-sm;
+    @apply grow text-sm;
   }
 
   &__icon,
   &__close {
-    @apply flex-shrink-0;
+    @apply shrink-0;
   }
 
   &__close {

package/dist/components/calendar/Calendar.vue

@@ -327,14 +327,18 @@ export default defineComponent({
 
 <style lang="postcss">
 .calendar {
-  @apply flex flex-col space-y-2 text-sm shadow-xl border-transparent;
-  @apply dark:border-transparent;
+  @apply flex flex-col space-y-2 text-sm shadow-xl;
+
+  &.card {
+    @apply border-transparent;
+    @apply dark:border-transparent;
+  }
 
   &__nav {
     @apply flex justify-between space-x-2 mb-2;
 
     &-title {
-      @apply flex-grow;
+      @apply grow;
     }
   }
 

package/dist/components/camera/Camera.vue

@@ -332,7 +332,7 @@ export default defineComponent({
   @apply dark:bg-dark-inverse;
 
   &__video {
-    @apply flex-grow min-h-full max-w-full h-auto object-cover;
+    @apply grow min-h-full max-w-full h-auto object-cover;
   }
 
   &--mirror {
@@ -375,7 +375,7 @@ export default defineComponent({
   }
 
   &__controls {
-    @apply py-3 flex w-full flex-shrink-0 justify-center items-center absolute bottom-0 space-x-3;
+    @apply py-3 flex w-full shrink-0 justify-center items-center absolute bottom-0 space-x-3;
   }
 
   &__toast {

package/dist/components/carousel/Carousel.vue

@@ -167,7 +167,7 @@ export default defineComponent({
   @apply flex items-center justify-center w-full;
 
   &__progress {
-    @apply flex-shrink-0;
+    @apply shrink-0;
   }
 
   &--horizontal {

package/dist/components/carousel/Carousel.vue.d.ts

@@ -17,11 +17,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     height: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     loop: {
@@ -33,7 +33,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     autoplayInterval: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     splideOptions: {
@@ -66,11 +66,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     width: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     height: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: string;
     };
     loop: {
@@ -82,7 +82,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     autoplayInterval: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     splideOptions: {
@@ -98,11 +98,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: number;
+    direction: DirectionVariant;
     align: AlignmentVariant;
     width: string | number;
-    loop: boolean;
     height: string | number;
-    direction: DirectionVariant;
+    loop: boolean;
     autoplay: boolean;
     autoplayInterval: string | number;
     splideOptions: Options;

package/dist/components/chart/ChartSet.vue.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue-demi").DefineComponent<{
     name: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
 }, 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<{
     name: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
 }>>, {}, {}>;

package/dist/components/chart/ChartVal.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: import("vue-demi").DefineComponent<{
     name: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
     value: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
     color: {
@@ -13,11 +13,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, 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<{
     name: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
     value: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
     color: {

package/dist/components/checkbox/Checkbox.vue

@@ -23,7 +23,7 @@
 
 <script lang="ts" setup>
 import { useVModel } from '.'
-import { computed } from 'vue-demi'
+import { PropType, computed } from 'vue-demi'
 import IconCheckbox from './icon/IconCheckbox.vue'
 import IconInderteminate from './icon/IconInderteminate.vue'
 
@@ -40,36 +40,15 @@ const props = defineProps({
     default: undefined,
   },
   modelValue: {
-    type: [
-      String,
-      Number,
-      Boolean,
-      Array,
-      Object,
-      Date,
-    ],
+    type   : undefined as PropType<any>,
     default: false,
   },
   value: {
-    type: [
-      String,
-      Number,
-      Boolean,
-      Array,
-      Object,
-      Date,
-    ],
+    type   : undefined as PropType<any>,
     default: true,
   },
   uncheckedValue: {
-    type: [
-      String,
-      Number,
-      Boolean,
-      Array,
-      Object,
-      Date,
-    ],
+    type   : undefined as PropType<any>,
     default: false,
   },
   checked: {
@@ -138,7 +117,7 @@ function toggle () {
   * with custom icon
   */
   &__icon {
-    @apply w-5 h-5 inline-flex flex-shrink-0 border rounded-tn border-subtle items-center justify-center bg-default;
+    @apply w-5 h-5 inline-flex shrink-0 border rounded-tn border-subtle items-center justify-center bg-default;
     @apply dark:border-dark-subtle dark:bg-dark-default;
 
     > svg {

package/dist/components/contextual-bar/ContextualBar.vue

@@ -256,7 +256,7 @@ export default defineComponent({
     }
 
     .contextual-bar__content {
-      @apply flex-grow-0;
+      @apply grow-0;
     }
   }
 
@@ -265,7 +265,7 @@ export default defineComponent({
   * content
   */
   &__content {
-    @apply flex-grow;
+    @apply grow;
 
     &__message {
       .caption {
@@ -280,11 +280,11 @@ export default defineComponent({
   }
 
   &__action {
-    @apply flex flex-shrink-0 ml-auto space-gap-3;
+    @apply flex shrink-0 ml-auto space-gap-3;
   }
 
   &__icon {
-    @apply relative mr-4 flex-shrink;
+    @apply relative mr-4 shrink;
 
     img {
       @apply max-w-[20px] w-auto;

package/dist/components/contextual-bar/ContextualBar.vue.d.ts

@@ -36,7 +36,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     close: (event: Event) => void;
     onEnter: (target: HTMLDivElement) => void;
     onLeave: (target: HTMLDivElement) => void;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("close" | "show" | "update:modelValue" | "hide")[], "close" | "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" | "close" | "update:modelValue" | "hide")[], "show" | "close" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     state: {
         type: PropType<StyleVariant>;
         default: string;
@@ -67,8 +67,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
 }, {
     dismissable: boolean;

package/dist/components/cropper/Cropper.vue

@@ -87,7 +87,7 @@
 
       <p-button
         data-testid="cropper-reset"
-        class="flex-shrink-0"
+        class="cropper__control__reset"
         size="xs"
         variant="link"
         @click="reset()">
@@ -389,12 +389,16 @@ export default defineComponent({
     @apply p-2 space-x-2 flex justify-between max-w-full overflow-hidden;
 
     &-bar {
-      @apply flex flex-grow max-w-md space-x-2;
+      @apply flex grow max-w-md space-x-2;
+    }
+
+    &__reset {
+      @apply shrink-0;
     }
   }
 
   &__slider {
-    @apply flex-grow w-full;
+    @apply grow w-full;
   }
 
   &--rounded {

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

@@ -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/dialog/Dialog.vue

@@ -3,13 +3,22 @@
     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>
+      <span v-p-md.inline="context.text" />
+    </template>
     <template #footer>
       <dialog-footer
         :align="context.footerAlign"
@@ -36,9 +45,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,
+    DialogFooter,
+    Heading
+  },
+  directives: { pMd },
   setup() {
     const id = ref();
     const modal = ref(false);
@@ -77,3 +93,9 @@ export default defineComponent({
   }
 });
 </script>
+
+<style lang="postcss">
+.dialog {
+  --p-modal-z-index: theme(zIndex.dialog);
+}
+</style>

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/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

@@ -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

@@ -370,7 +370,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 {

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/dropzone/Dropzone.vue.d.ts

@@ -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: {

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

@@ -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

@@ -6,15 +6,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: {
@@ -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: {

package/dist/components/form-group/FormGroup.vue

@@ -139,7 +139,7 @@ const classNames = computed(() => {
     }
 
     & > .form-group__inputs {
-      @apply flex-grow;
+      @apply grow;
     }
   }
 }

package/dist/components/input/Input.vue.d.ts

@@ -3,7 +3,7 @@ import { SizeVariant } from '../button';
 import { AcceptVariant, checkOnInput } from './utils/accept';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     size: {
@@ -27,7 +27,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     containerClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     accept: {
@@ -42,7 +42,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     checkOnInput: typeof checkOnInput;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     size: {
@@ -66,7 +66,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     containerClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     accept: {