@privyid/persona 0.17.0 → 0.17.1

package/dist/components/button/Button.vue.d.ts

@@ -56,9 +56,9 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     variant: StyleVariant;
     size: SizeVariant;
-    icon: boolean;
-    color: ColorVariant;
-    pill: boolean;
     href: string;
+    pill: boolean;
+    color: ColorVariant;
+    icon: boolean;
 }, {}>;
 export default _default;

package/dist/components/card/Card.vue.d.ts

@@ -66,9 +66,9 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     onDismissed?: ((...args: any[]) => any) | undefined;
 }, {
-    dismissable: boolean;
     disabled: boolean;
     title: string;
+    dismissable: boolean;
     element: ElementVariant;
     sectioned: boolean;
     callout: boolean;

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

@@ -17,11 +17,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     loop: {
@@ -33,7 +33,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     autoplayInterval: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     splideOptions: {
@@ -66,11 +66,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
     loop: {
@@ -82,7 +82,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     autoplayInterval: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     splideOptions: {

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

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

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

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

package/dist/components/checkbox/Checkbox.vue.d.ts

@@ -4,15 +4,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {
@@ -41,15 +41,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {

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, ("close" | "update:modelValue" | "show" | "hide")[], "close" | "update:modelValue" | "show" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     variant: {
         type: PropType<StyleVariant>;
         default: string;
@@ -72,9 +72,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     onHide?: ((...args: any[]) => any) | undefined;
 }, {
     variant: StyleVariant;
-    dismissable: boolean;
     modelValue: boolean;
     title: string;
+    dismissable: boolean;
     message: string;
     align: AlignVariant;
     backgroundUrl: string;

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

@@ -24,19 +24,19 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     imgWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     imgHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     imgClass: {
@@ -96,19 +96,19 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     width: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     height: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     imgWidth: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     imgHeight: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     imgClass: {

package/dist/components/dropdown/Dropdown.vue

@@ -33,7 +33,7 @@
 
     <Transition name="fade">
       <div
-        v-show="isOpen"
+        v-show="isOpen && !isHidden"
         ref="menu"
         data-testid="dropdown-menu"
         class="dropdown__menu"
@@ -55,7 +55,8 @@ import {
   watch,
   toRef,
   watchEffect,
-  computed
+  computed,
+  ref
 } from "vue-demi";
 import {
   templateRef,
@@ -70,7 +71,8 @@ import {
   computePosition,
   offset,
   flip,
-  shift
+  shift,
+  hide
 } from "@floating-ui/dom";
 import { useVModel } from "../input";
 import IconArrow from "@carbon/icons-vue/lib/chevron--down/16";
@@ -162,6 +164,7 @@ export default defineComponent({
     const wizard = templateRef("wizard");
     const placement = toRef(props, "placement");
     const isOpen = useVModel(props);
+    const isHidden = ref(false);
     const { next: nextFocus, prev: prevFocus } = useFocus(menu);
     const classNames = computed(() => {
       const result = [""];
@@ -240,13 +243,15 @@ export default defineComponent({
             middleware: [
               flip(),
               shift(),
-              offset(8)
+              offset(8),
+              hide()
             ]
-          }).then(({ x, y, placement: placement2 }) => {
+          }).then(({ x, y, placement: placement2, middlewareData }) => {
             if (menu.value) {
               menu.value.dataset.popperPlacement = placement2;
               menu.value.style.left = `${x || 0}px`;
               menu.value.style.top = `${y || 0}px`;
+              isHidden.value = middlewareData.hide.referenceHidden;
             }
           });
         });
@@ -265,6 +270,7 @@ export default defineComponent({
     });
     return {
       isOpen,
+      isHidden,
       classNames,
       containerSize,
       toggle,
@@ -283,7 +289,7 @@ export default defineComponent({
   --p-dropdown-size-sm: 15rem; /* 240px */
   --p-dropdown-max-height: theme(spacing.64);
 
-  @apply relative inline-flex;
+  @apply inline-flex;
 
   &__menu {
     @apply max-h-[var(--p-dropdown-max-height)] border rounded bg-default z-[var(--p-dropdown-z-index)] border-default shadow-xl overflow-x-hidden overflow-y-auto absolute;

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

@@ -61,12 +61,13 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     isOpen: import("vue-demi").Ref<boolean>;
+    isHidden: import("vue-demi").Ref<boolean>;
     classNames: import("vue-demi").ComputedRef<string[]>;
     containerSize: import("vue-demi").ComputedRef<string[]>;
     toggle: () => void;
     open: () => void;
     close: () => void;
-}, 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<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "show" | "hide")[], "update:modelValue" | "show" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -130,10 +131,10 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     variant: StyleVariant;
     size: SizeVariant;
-    icon: boolean;
-    color: ColorVariant;
-    pill: boolean;
     text: string;
+    pill: boolean;
+    color: ColorVariant;
+    icon: boolean;
     modelValue: boolean;
     disabled: boolean;
     placement: Placement;

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

@@ -14,7 +14,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     accept: {
@@ -57,7 +57,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         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: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: undefined;
     };
 }, {
@@ -30,7 +30,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => never[];
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         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: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {
@@ -30,15 +30,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         required: true;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {

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

@@ -2,7 +2,7 @@ import { PropType } from 'vue-demi';
 import { SizeVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     size: {
@@ -31,7 +31,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     clear: (event: MouseEvent) => void;
 }, 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: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     size: {

package/dist/components/input-file/InputFile.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     accept: {
@@ -73,7 +73,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     accept: {

package/dist/components/input-pin/InputPin.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     disabled: {
@@ -36,7 +36,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     disabled: {

package/dist/components/input-range/InputRange.vue.d.ts

@@ -13,15 +13,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     step: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     multiple: {
@@ -61,15 +61,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     step: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     multiple: {

package/dist/components/label/Label.vue.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     variant: StyleVariant;
     size: SizeVariant;
-    dismissable: boolean;
     color: ColorVariant;
+    dismissable: boolean;
 }, {}>;
 export default _default;

package/dist/components/main/Main.vue

@@ -5,56 +5,56 @@
 </template>
 
 <style lang="postcss">
-.main {
+:root {
   --p-spacer: 1rem;
+}
 
-  /**
-  * Heading
-  */
-  h1, h2, h3, h4, h5, h6 {
-    --p-heading-margin-bottom: calc(var(--p-spacer) * .5);
-    @apply mb-[var(--p-heading-margin-bottom)];
-  }
+/**
+* Heading
+*/
+h1, h2, h3, h4, h5, h6 {
+  --p-heading-margin-bottom: calc(var(--p-spacer) * .5);
+  @apply mb-[var(--p-heading-margin-bottom)];
+}
 
-  /**
-  * Permalink
-  */
-  a {
-    --p-color-link-hover: darken(theme(textColor.link), 5%);
-    --p-color-dark-link-hover: darken(theme(textColor.link), 5%);
-    @apply underline text-link hover:text-[color:var(--p-color-link-hover)];
-    @apply dark:text-dark-link hover:dark:text-[color:var(--p-color-dark-link-hover)];
-  }
+/**
+* Permalink
+*/
+a {
+  --p-color-link-hover: darken(theme(textColor.link), 5%);
+  --p-color-dark-link-hover: darken(theme(textColor.link), 5%);
+  @apply underline text-link hover:text-[color:var(--p-color-link-hover)];
+  @apply dark:text-dark-link hover:dark:text-[color:var(--p-color-dark-link-hover)];
+}
 
-  /**
-  * Paragraph
-  */
-  p {
-    --p-paragraph-margin-bottom: var(--p-spacer);
-    @apply mt-0 mb-[var(--p-paragraph-margin-bottom)] text-base text-default;
-    @apply dark:text-dark-default;
-  }
+/**
+* Paragraph
+*/
+p {
+  --p-paragraph-margin-bottom: var(--p-spacer);
+  @apply mt-0 mb-[var(--p-paragraph-margin-bottom)] text-base text-default;
+  @apply dark:text-dark-default;
+}
 
-  /**
-  * Small
-  */
-  small {
-    @apply text-tn;
-  }
+/**
+* Small
+*/
+small {
+  @apply text-tn;
+}
 
-  /**
-  * Strong
-  */
-  strong {
-    @apply font-bold;
-  }
+/**
+* Strong
+*/
+strong {
+  @apply font-bold;
+}
 
-  /**
-  * Caption
-  */
-  caption {
-    @apply text-xs text-muted;
-    @apply dark:text-dark-muted;
-  }
+/**
+* Caption
+*/
+caption {
+  @apply text-xs text-muted;
+  @apply dark:text-dark-muted;
 }
 </style>

package/dist/components/modal/Modal.vue.d.ts

@@ -92,11 +92,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
     size: SizeVariant;
-    dismissable: boolean;
-    banner: boolean;
     text: string;
     modelValue: boolean;
     title: string;
+    dismissable: boolean;
+    banner: boolean;
     centered: boolean;
     noCloseOnEsc: boolean;
     noCloseOnBackdrop: boolean;

package/dist/components/nav/NavItemDropdown.vue.d.ts

@@ -91,8 +91,8 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     variant: StyleVariant;
     size: SizeVariant;
-    icon: boolean;
     text: string;
+    icon: boolean;
     modelValue: boolean;
     placement: Placement;
     noCaret: boolean;

package/dist/components/navbar/Navbar.vue.d.ts

@@ -48,8 +48,8 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    fixed: boolean;
     variant: StyleVariant;
+    fixed: boolean;
     toggleable: ToggleableVariant | undefined;
     condensed: boolean;
     sticky: boolean;

package/dist/components/pdf-object/PdfObject.vue.d.ts

@@ -55,7 +55,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     move: (event: KeyboardEvent, dx: number, dy: number) => void;
     focus: import("lodash").DebouncedFunc<typeof import("../tour/utils/focus").focus>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:page" | "update:x" | "update:y" | "update:width" | "update:height")[], "update:page" | "update:x" | "update:y" | "update:width" | "update:height", 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, ("update:x" | "update:y" | "update:page" | "update:width" | "update:height")[], "update:x" | "update:y" | "update:page" | "update:width" | "update:height", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     x: {
         type: NumberConstructor;
         default: undefined;
@@ -109,9 +109,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>> & {
-    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     "onUpdate:x"?: ((...args: any[]) => any) | undefined;
     "onUpdate:y"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     "onUpdate:width"?: ((...args: any[]) => any) | undefined;
     "onUpdate:height"?: ((...args: any[]) => any) | undefined;
 }, {

package/dist/components/pdf-text/PdfText.vue.d.ts

@@ -148,8 +148,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     size: number;
-    color: string;
     text: string;
+    color: string;
     modelValue: string | File;
     label: string;
     modelModifiers: ModelModifier;

package/dist/components/pdf-viewer/PdfViewer.vue.d.ts

@@ -22,11 +22,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     ratio: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     offsetTop: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }, {
@@ -41,7 +41,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     idle: import("vue-demi").Ref<boolean>;
     loading: import("vue-demi").WritableComputedRef<boolean>;
     error: import("vue-demi").ShallowRef<Error | undefined>;
-}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("error" | "ready" | "loaded" | "error-password" | "update:page" | "update:scale")[], "error" | "ready" | "loaded" | "error-password" | "update:page" | "update:scale", 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, ("error" | "ready" | "update:page" | "loaded" | "error-password" | "update:scale")[], "error" | "ready" | "update:page" | "loaded" | "error-password" | "update:scale", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     src: {
         type: StringConstructor;
         default: string;
@@ -63,19 +63,19 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     ratio: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     offsetTop: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }>> & {
     onLoaded?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
+    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     onReady?: ((...args: any[]) => any) | undefined;
     "onError-password"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:page"?: ((...args: any[]) => any) | undefined;
     "onUpdate:scale"?: ((...args: any[]) => any) | undefined;
 }, {
     src: string;

package/dist/components/progress-indicator/ProgressIndicator.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }, {
@@ -28,7 +28,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }>> & {

package/dist/components/radio/Radio.vue.d.ts

@@ -10,11 +10,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {
@@ -43,11 +43,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {

package/dist/components/select/Select.vue

@@ -7,7 +7,7 @@
     :disabled="disabled"
     :class="classNames">
     <template #activator>
-      <Input
+      <p-input
         v-model="search"
         data-testid="select-search"
         class="select__search"
@@ -15,8 +15,11 @@
         :placeholder="placeholder"
         :disabled="disabled"
         :readonly="readonly"
-        @focus="onFocus" />
-      <IconArrow class="select__caret" />
+        @focus="onFocus">
+        <template #append>
+          <IconArrow class="select__caret" />
+        </template>
+      </p-input>
     </template>
 
     <template v-if="!isLoading && items.length === 0">
@@ -69,7 +72,7 @@
 <script>
 import Dropdown from "../dropdown/Dropdown.vue";
 import DropdownItem from "../dropdown/DropdownItem.vue";
-import Input from "../input/Input.vue";
+import pInput from "../input/Input.vue";
 import IconArrow from "@carbon/icons-vue/lib/chevron--down/16";
 import IconCheck from "@carbon/icons-vue/lib/checkmark--filled/16";
 import IconLoading from "../spinner/SpinnerRing.vue";
@@ -89,7 +92,7 @@ export default defineComponent({
   components: {
     Dropdown,
     DropdownItem,
-    Input,
+    pInput,
     IconArrow,
     IconCheck,
     IconLoading
@@ -262,7 +265,7 @@ export default defineComponent({
   }
 
   &__caret {
-    @apply absolute right-3 top-0 bottom-0 my-auto transition-transform duration-150 text-subtle pointer-events-none;
+    @apply transition-transform duration-150 text-subtle pointer-events-none;
     @apply dark:text-dark-subtle;
   }
 

package/dist/components/select/Select.vue.d.ts

@@ -4,7 +4,7 @@ import { Adapter } from './adapter/adapter';
 import { SizeVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: string;
     };
     selected: {
@@ -62,7 +62,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     isSelected: (item: SelectItem) => boolean;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "update:modelValue" | "update:selected" | "userInput")[], "change" | "update:modelValue" | "update:selected" | "userInput", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: string;
     };
     selected: {

package/dist/components/sidebar/Sidebar.vue.d.ts

@@ -69,9 +69,9 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    fixed: boolean;
     variant: StyleVariant;
     type: TypeVariant;
+    fixed: boolean;
     modelValue: boolean;
     align: AlignVariant;
     toggleable: ToggleableVariant;

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

@@ -29,7 +29,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     showMoreText: {
@@ -69,7 +69,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
     showMoreText: {
@@ -81,9 +81,9 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>>, {
-    fixed: boolean;
     length: string | number;
     type: TypeVariant;
+    fixed: boolean;
     align: AlignVariant;
     toggleable: ToggleableVariant;
     sticky: boolean;

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

@@ -25,11 +25,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     maxwords: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     font: {
@@ -68,11 +68,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     maxwords: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     font: {
@@ -84,8 +84,8 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>>, {
-    color: string;
     text: string;
+    color: string;
     modelValue: string | File;
     modelModifiers: ModelModifier;
     width: number;

package/dist/components/strengthbar/Strengthbar.vue.d.ts

@@ -1,18 +1,18 @@
 declare const _default: import("vue-demi").DefineComponent<{
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     value: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }, {
@@ -21,24 +21,24 @@ declare const _default: import("vue-demi").DefineComponent<{
     status: import("vue-demi").ComputedRef<"high" | "mid" | "low">;
 }, 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<{
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     value: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     min: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     max: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
 }>>, {
-    value: string | number;
     length: string | number;
+    value: string | number;
     min: string | number;
     max: string | number;
 }, {}>;

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

@@ -32,11 +32,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     rows: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
 }, {
@@ -79,11 +79,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     rows: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: undefined;
     };
 }>> & {

package/dist/components/toggle/Toggle.vue.d.ts

@@ -6,15 +6,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {
@@ -51,15 +51,15 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     modelValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor | NumberConstructor)[];
         default: boolean;
     };
     checked: {

package/dist/components/tooltip/Tooltip.vue.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     isShow: import("vue-demi").Ref<boolean>;
     classNames: import("vue-demi").ComputedRef<string[]>;
-}, 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<{
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "show" | "hide")[], "update:modelValue" | "show" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;

package/dist/components/tour/TourDialog.vue.d.ts

@@ -94,9 +94,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     onPrev?: ((...args: any[]) => any) | undefined;
 }, {
     image: string;
-    dismissable: boolean;
     text: string;
     title: string;
+    dismissable: boolean;
     step: number;
     highlight: boolean;
     totalStep: number;

package/dist/components/truncate/Truncate.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     omission: {
@@ -34,7 +34,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     length: {
-        type: (NumberConstructor | StringConstructor)[];
+        type: (StringConstructor | NumberConstructor)[];
         default: number;
     };
     omission: {

package/dist/module.json

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

package/dist/module.mjs

@@ -10,7 +10,7 @@ const module = defineNuxtModule({
   async setup(options, nuxt) {
     const { resolve } = createResolver(import.meta.url);
     nuxt.options.alias["@carbon/icons-vue/lib"] = "@carbon/icons-vue/es";
-    nuxt.options.alias["date-fns"] = "date-fns/esm";
+    nuxt.options.alias["date-fns/locale"] = "date-fns/esm/locale";
     if (options.font) {
       nuxt.options.app.head.link?.push(
         { rel: "preconnect", href: "https://fonts.googleapis.com" },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/persona",
   "description": "Persona core package",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/privy-open-source/design-system.git",
@@ -91,7 +91,7 @@
     "extends @privyid/browserslist-config"
   ],
   "peerDependencies": {
-    "@privyid/tailwind-preset": "^0.17.0",
+    "@privyid/tailwind-preset": "^0.17.1",
     "postcss-custom-properties": "^12.1.11",
     "postcss-hexrgba": "^2.1.0",
     "postcss-lighten-darken": "^0.9.0",
@@ -102,8 +102,8 @@
     "@nuxt/module-builder": "^0.4.0",
     "@nuxt/schema": "3.3.3",
     "@nuxtjs/tailwindcss": "^6.2.0",
-    "@privyid/browserslist-config": "^0.17.0",
-    "@privyid/tailwind-preset": "^0.17.0",
+    "@privyid/browserslist-config": "^0.17.1",
+    "@privyid/tailwind-preset": "^0.17.1",
     "@types/sanitize-html": "^2",
     "browserslist-to-esbuild": "^1.2.0",
     "nuxt": "3.3.3",