@privyid/persona 0.25.0 → 0.25.2

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

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

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

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

package/dist/components/breadcrumbs/Breadcrumb.vue

@@ -46,8 +46,7 @@ export default defineComponent({
   props: {
     items: {
       type: Array,
-      default: () => {
-      }
+      default: () => []
     }
   },
   setup(_, { slots }) {

package/dist/components/breadcrumbs/Breadcrumb.vue.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
             of<T_4>(...items: T_4[]): T_4[];
             readonly [Symbol.species]: ArrayConstructor;
         };
-        default: () => void;
+        default: () => never[];
     };
 }, void, 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<{
     items: {
@@ -33,7 +33,7 @@ declare const _default: import("vue-demi").DefineComponent<{
             of<T_4>(...items: T_4[]): T_4[];
             readonly [Symbol.species]: ArrayConstructor;
         };
-        default: () => void;
+        default: () => never[];
     };
 }>>, {
     items: BreadcrumbItems[];

package/dist/components/breadcrumbs/BreadcrumbItem.vue

@@ -23,13 +23,14 @@ import {
   defineComponent,
   computed,
   inject,
-  h
+  h,
+  resolveComponent
 } from "vue-demi";
 import IconChevron from "@privyid/persona-icon/vue/chevron-right/20.vue";
 export default defineComponent({
   props: {
     href: {
-      type: String,
+      type: [String, Object],
       default: "#"
     },
     active: {
@@ -45,10 +46,7 @@ export default defineComponent({
       return result;
     });
     const tagName = computed(() => {
-      let tag = "a";
-      if (props.active)
-        tag = "span";
-      return tag;
+      return props.active ? "span" : resolveComponent("nuxt-link");
     });
     const permalink = computed(() => {
       if (props.active)

package/dist/components/breadcrumbs/BreadcrumbItem.vue.d.ts

@@ -1,8 +1,9 @@
-import type { TagVariant } from '.';
+import type { PropType } from 'vue-demi';
+import type { RouteLocationRaw } from 'vue-router';
 declare const _default: import("vue-demi").DefineComponent<{
     href: {
-        type: StringConstructor;
-        default: string;
+        type: PropType<RouteLocationRaw>;
+        default: RouteLocationRaw;
     };
     active: {
         type: BooleanConstructor;
@@ -10,22 +11,22 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     classNames: import("vue-demi").ComputedRef<string[]>;
-    tagName: import("vue-demi").ComputedRef<TagVariant>;
-    permalink: import("vue-demi").ComputedRef<string | undefined>;
+    tagName: import("vue-demi").ComputedRef<string | import("vue-demi").ConcreteComponent<{}, any, any, import("vue-demi").ComputedOptions, import("vue-demi").MethodOptions>>;
+    permalink: import("vue-demi").ComputedRef<RouteLocationRaw | undefined>;
     divider: () => import("vue-demi").VNode<import("vue-demi").RendererNode, import("vue-demi").RendererElement, {
         [key: string]: any;
     }>;
 }, 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<{
     href: {
-        type: StringConstructor;
-        default: string;
+        type: PropType<RouteLocationRaw>;
+        default: RouteLocationRaw;
     };
     active: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>>, {
-    href: string;
+    href: RouteLocationRaw;
     active: boolean;
 }, {}>;
 export default _default;

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

@@ -1,11 +1,11 @@
+import type { RouteLocationRaw } from 'vue-router';
 interface Breadcrumb {
     text: string;
-    href?: string;
+    href?: RouteLocationRaw;
     active?: boolean;
 }
 export interface BreadcrumbItems extends Breadcrumb {
     subitem?: Breadcrumb[];
 }
-export type TagVariant = 'a' | 'span';
 export declare function defineNavigation(navigation: BreadcrumbItems[]): BreadcrumbItems[];
 export {};

package/dist/components/button/Button.vue

@@ -23,6 +23,7 @@ import type {
 import {
   computed,
   inject,
+  resolveComponent,
 } from 'vue-demi'
 import type { RouteLocationRaw } from 'vue-router'
 import type {
@@ -57,7 +58,7 @@ const props = defineProps({
     default: false,
   },
   href: {
-    type   : [String, Object] as PropType<string | RouteLocationRaw>,
+    type   : [String, Object] as PropType<RouteLocationRaw>,
     default: undefined,
   },
   type: {
@@ -110,7 +111,7 @@ const classNames = computed(() => {
 
 const tagName = computed(() => {
   return props.href
-    ? 'nuxt-link'
+    ? resolveComponent('nuxt-link')
     : 'button'
 })
 

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

@@ -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/cropper/Cropper.vue.d.ts

@@ -40,7 +40,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: number;
     };
     imgClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     rounded: {
@@ -112,7 +112,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: number;
     };
     imgClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     rounded: {

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

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

package/dist/components/dropdown/Dropdown.vue

@@ -326,7 +326,7 @@ watchEffect((onCleanup) => {
           isHidden.value = middlewareData.hide.referenceHidden
         }
       })
-    })
+    }, { animationFrame: true })
 
     onCleanup(cleanup)
   }
@@ -348,6 +348,8 @@ defineExpose({
   menuBody,
   menu,
   root,
+  open,
+  close,
 })
 </script>
 

package/dist/components/dropdown/DropdownItem.vue

@@ -27,7 +27,7 @@ export default defineComponent({
       default: ""
     },
     href: {
-      type: String,
+      type: [String, Object],
       default: void 0
     },
     active: {

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

@@ -1,11 +1,13 @@
+import type { PropType } from 'vue-demi';
 import type { TagVariant } from '../button';
+import type { RouteLocationRaw } from 'vue-router';
 declare const _default: import("vue-demi").DefineComponent<{
     text: {
         type: StringConstructor;
         default: string;
     };
     href: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: undefined;
     };
     active: {
@@ -26,7 +28,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     href: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: undefined;
     };
     active: {
@@ -40,7 +42,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    href: string;
+    href: RouteLocationRaw;
     active: boolean;
     text: string;
     disabled: boolean;

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

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

@@ -28,7 +28,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     containerClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     accept: {
@@ -67,7 +67,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     containerClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     accept: {

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

@@ -72,8 +72,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    length: string | number;
     error: boolean;
+    length: string | number;
     size: SizeVariant;
     modelValue: string;
     disabled: boolean;

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

@@ -42,9 +42,9 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>> & {
     onDismissed?: ((...args: any[]) => any) | undefined;
 }, {
-    color: ColorVariant;
     variant: StyleVariant;
     size: SizeVariant;
+    color: ColorVariant;
     dismissable: boolean;
 }, {}>;
 export default _default;

package/dist/components/list-group/ListGroup.vue.d.ts

@@ -35,8 +35,8 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    flush: boolean;
     horizontal: boolean;
+    flush: boolean;
     rounded: boolean;
     borderless: boolean;
 }, {}>;

package/dist/components/meta.json

@@ -6,12 +6,12 @@
   "PBreadcrumb": "components/breadcrumbs/Breadcrumb.vue",
   "PBreadcrumbItem": "components/breadcrumbs/BreadcrumbItem.vue",
   "PBreadcrumbItemDropdown": "components/breadcrumbs/BreadcrumbItemDropdown.vue",
-  "PButton": "components/button/Button.vue",
   "PBanner": "components/banner/Banner.vue",
+  "PButton": "components/button/Button.vue",
   "PButtonGroup": "components/button-group/ButtonGroup.vue",
   "PCalendar": "components/calendar/Calendar.vue",
-  "PCaption": "components/caption/Caption.vue",
   "PCamera": "components/camera/Camera.vue",
+  "PCaption": "components/caption/Caption.vue",
   "PCard": "components/card/Card.vue",
   "PCardSection": "components/card/CardSection.vue",
   "PCarousel": "components/carousel/Carousel.vue",
@@ -22,12 +22,12 @@
   "PChartVal": "components/chart/ChartVal.vue",
   "PCheckbox": "components/checkbox/Checkbox.vue",
   "PCollapse": "components/collapse/Collapse.vue",
-  "PDatepicker": "components/datepicker/Datepicker.vue",
-  "PCropper": "components/cropper/Cropper.vue",
   "PContextualBar": "components/contextual-bar/ContextualBar.vue",
+  "PCropper": "components/cropper/Cropper.vue",
+  "PDatepicker": "components/datepicker/Datepicker.vue",
+  "PDivider": "components/divider/Divider.vue",
   "PDialog": "components/dialog/Dialog.vue",
   "PDialogFooter": "components/dialog/DialogFooter.vue",
-  "PDivider": "components/divider/Divider.vue",
   "PDot": "components/dot/Dot.vue",
   "PDropdown": "components/dropdown/Dropdown.vue",
   "PDropdownHeader": "components/dropdown/DropdownHeader.vue",
@@ -44,16 +44,11 @@
   "PInputPassword": "components/input-password/InputPassword.vue",
   "PInputPin": "components/input-pin/InputPin.vue",
   "PInputRange": "components/input-range/InputRange.vue",
+  "PLabel": "components/label/Label.vue",
   "PListGroup": "components/list-group/ListGroup.vue",
   "PListGroupItem": "components/list-group/ListGroupItem.vue",
-  "PLabel": "components/label/Label.vue",
   "PMain": "components/main/Main.vue",
   "PModal": "components/modal/Modal.vue",
-  "PNavbarNavMenu": "components/navbar-menu/NavbarNavMenu.vue",
-  "PNavbar": "components/navbar/Navbar.vue",
-  "PNavbarBrand": "components/navbar/NavbarBrand.vue",
-  "PNavbarNav": "components/navbar/NavbarNav.vue",
-  "PNavbarToggle": "components/navbar/NavbarToggle.vue",
   "PNav": "components/nav/Nav.vue",
   "PNavCollapse": "components/nav/NavCollapse.vue",
   "PNavForm": "components/nav/NavForm.vue",
@@ -61,28 +56,33 @@
   "PNavItemDropdown": "components/nav/NavItemDropdown.vue",
   "PNavSubItem": "components/nav/NavSubItem.vue",
   "PNavText": "components/nav/NavText.vue",
+  "PNavbar": "components/navbar/Navbar.vue",
+  "PNavbarBrand": "components/navbar/NavbarBrand.vue",
+  "PNavbarNav": "components/navbar/NavbarNav.vue",
+  "PNavbarToggle": "components/navbar/NavbarToggle.vue",
+  "PNavbarNavMenu": "components/navbar-menu/NavbarNavMenu.vue",
   "POverlay": "components/overlay/Overlay.vue",
-  "PPagination": "components/pagination/Pagination.vue",
   "PPage": "components/page/Page.vue",
+  "PPagination": "components/pagination/Pagination.vue",
   "PPdfHelipad": "components/pdf-helipad/PdfHelipad.vue",
   "PPdfObject": "components/pdf-object/PdfObject.vue",
   "PPdfObjectAddon": "components/pdf-object/PdfObjectAddon.vue",
   "PPdfObjectDebugger": "components/pdf-object/PdfObjectDebugger.vue",
   "PPdfObjects": "components/pdf-object/PdfObjects.vue",
   "PPdfText": "components/pdf-text/PdfText.vue",
-  "PProgress": "components/progress/Progress.vue",
-  "PProgressItem": "components/progress/ProgressItem.vue",
   "PPdfError": "components/pdf-viewer/PdfError.vue",
   "PPdfLoading": "components/pdf-viewer/PdfLoading.vue",
   "PPdfNavigation": "components/pdf-viewer/PdfNavigation.vue",
   "PPdfViewer": "components/pdf-viewer/PdfViewer.vue",
+  "PProgress": "components/progress/Progress.vue",
+  "PProgressItem": "components/progress/ProgressItem.vue",
   "PProgressIndicator": "components/progress-indicator/ProgressIndicator.vue",
   "PProgressbar": "components/progressbar/Progressbar.vue",
   "PRadio": "components/radio/Radio.vue",
+  "PRingbar": "components/ringbar/Ringbar.vue",
   "PSelect": "components/select/Select.vue",
   "PSelectInput": "components/select/SelectInput.vue",
   "PSelectTags": "components/select/SelectTags.vue",
-  "PRingbar": "components/ringbar/Ringbar.vue",
   "PSheet": "components/sheet/Sheet.vue",
   "PSidebar": "components/sidebar/Sidebar.vue",
   "PSidebarBrand": "components/sidebar/SidebarBrand.vue",
@@ -98,10 +98,10 @@
   "PSpinnerRing": "components/spinner/SpinnerRing.vue",
   "PSpinnerRinggo": "components/spinner/SpinnerRinggo.vue",
   "PSpread": "components/spread/Spread.vue",
-  "PStrengthbar": "components/strengthbar/Strengthbar.vue",
   "PStep": "components/steps/Step.vue",
   "PStepSlider": "components/steps/StepSlider.vue",
   "PSteps": "components/steps/Steps.vue",
+  "PStrengthbar": "components/strengthbar/Strengthbar.vue",
   "PSubheading": "components/subheading/Subheading.vue",
   "PTable": "components/table/Table.vue",
   "PTableFlex": "components/table-flex/TableFlex.vue",
@@ -110,17 +110,17 @@
   "PTab": "components/tabs/Tab.vue",
   "PTabContent": "components/tabs/TabContent.vue",
   "PTabs": "components/tabs/Tabs.vue",
-  "PTextarea": "components/textarea/Textarea.vue",
   "PText": "components/text/Text.vue",
+  "PTextarea": "components/textarea/Textarea.vue",
   "PToast": "components/toast/Toast.vue",
   "PToastContainer": "components/toast/ToastContainer.vue",
   "PToastRoot": "components/toast/ToastRoot.vue",
   "PToggle": "components/toggle/Toggle.vue",
+  "PTooltip": "components/tooltip/Tooltip.vue",
+  "PTooltipContainer": "components/tooltip/TooltipContainer.vue",
   "PTour": "components/tour/Tour.vue",
   "PTourDialog": "components/tour/TourDialog.vue",
   "PTourHighlight": "components/tour/TourHighlight.vue",
-  "PTooltip": "components/tooltip/Tooltip.vue",
-  "PTooltipContainer": "components/tooltip/TooltipContainer.vue",
   "PTruncate": "components/truncate/Truncate.vue",
   "PWizard": "components/wizard/Wizard.vue",
   "PWizardBody": "components/wizard/WizardBody.vue",

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

@@ -46,23 +46,23 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     headerClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     dialogClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     contentClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     bodyClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     footerClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
 }, {
@@ -116,23 +116,23 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     headerClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     dialogClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     contentClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     bodyClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     footerClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
 }>> & {

package/dist/components/nav/Nav.vue

@@ -61,7 +61,7 @@ export default defineComponent({
       default: void 0
     },
     titleActionLabel: {
-      type: String,
+      type: [String, Object],
       default: void 0
     },
     titleActionUrl: {

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

@@ -1,5 +1,6 @@
 import type { PropType } from 'vue-demi';
 import type { AlignVariant, StyleVariant } from '.';
+import type { RouteLocationRaw } from 'vue-router';
 declare const _default: import("vue-demi").DefineComponent<{
     fill: {
         type: BooleanConstructor;
@@ -26,7 +27,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     titleActionLabel: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: undefined;
     };
     titleActionUrl: {
@@ -65,7 +66,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: undefined;
     };
     titleActionLabel: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: undefined;
     };
     titleActionUrl: {
@@ -80,11 +81,11 @@ declare const _default: import("vue-demi").DefineComponent<{
     fill: boolean;
     variant: StyleVariant;
     title: string;
-    align: AlignVariant;
     vertical: boolean;
+    align: AlignVariant;
     condensed: boolean;
     justified: boolean;
-    titleActionLabel: string;
+    titleActionLabel: RouteLocationRaw;
     titleActionUrl: string;
 }, {}>;
 export default _default;

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

@@ -18,7 +18,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     linkClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     exact: {
@@ -47,7 +47,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     linkClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     exact: {

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

@@ -32,7 +32,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     menuClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     menuSize: {
@@ -75,7 +75,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     menuClass: {
-        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
         default: undefined;
     };
     menuSize: {

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

@@ -116,9 +116,9 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:height"?: ((...args: any[]) => any) | undefined;
 }, {
     y: number;
-    x: number;
     width: number;
     height: number;
+    x: number;
     autofocus: boolean;
     maxHeight: number;
     maxWidth: number;

package/dist/components/pdf-object/PdfObjectDebugger.vue

@@ -47,7 +47,7 @@ export default defineComponent({
               target.value.style.top = `${y2 || 0}px`;
             }
           });
-        });
+        }, { animationFrame: true });
         onCleanup(cleanup);
       }
     }, { flush: "post" });

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

@@ -148,17 +148,17 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: number;
     };
 }>>, {
-    color: string;
     size: number;
+    color: string;
     text: string;
     modelValue: string | File;
     label: string;
     modelModifiers: ModelModifier;
+    width: number;
+    height: number;
     font: string;
     padding: number;
     lineHeight: number;
-    width: number;
-    height: number;
     labelColor: string;
     minSize: number;
     maxSize: number;

package/dist/components/progressbar/Progressbar.vue.d.ts

@@ -54,8 +54,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     value: string | number;
-    success: boolean;
     error: boolean;
+    success: boolean;
     min: string | number;
     max: string | number;
     indeterminate: boolean;

package/dist/components/select/adapter/async-adapter.mjs

@@ -16,9 +16,10 @@ export default function defineAsyncAdapter(loadFn, deps, opts) {
         isLoading.value = true;
         loadFn(keyword.value, page.value, config.perPage, props.modelValue).then((result) => {
           if (Array.isArray(result) && result.length > 0) {
-            options.value.push(...result);
-            page.value++;
-          } else
+            options.value = [...options.value, ...result];
+            page.value = page.value + 1;
+          }
+          if (!Array.isArray(result) || result.length < config.perPage)
             isFinish.value = true;
         }).catch(console.error).finally(() => {
           isLoading.value = false;

package/dist/components/sidebar/SidebarBrand.vue

@@ -4,12 +4,12 @@
     :class="classNames"
     data-testid="sidebar-brand"
     class="sidebar__brand">
-    <a
+    <nuxt-link
       v-if="href"
       :href="href"
       data-testid="sidebar-brand-link">
       <slot />
-    </a>
+    </nuxt-link>
     <template v-else>
       <slot />
     </template>
@@ -21,7 +21,7 @@ import { defineComponent, computed } from "vue-demi";
 export default defineComponent({
   props: {
     href: {
-      type: String,
+      type: [String, Object],
       default: void 0
     },
     sticky: {

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

@@ -1,6 +1,8 @@
+import type { PropType } from 'vue-demi';
+import type { RouteLocationRaw } from 'vue-router';
 declare const _default: import("vue-demi").DefineComponent<{
     href: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: undefined;
     };
     sticky: {
@@ -15,7 +17,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     classNames: import("vue-demi").ComputedRef<string[]>;
 }, 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<{
     href: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: undefined;
     };
     sticky: {
@@ -28,7 +30,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     fixed: boolean;
-    href: string;
+    href: RouteLocationRaw;
     sticky: boolean;
 }, {}>;
 export default _default;

package/dist/components/sidebar/SidebarNav.vue

@@ -62,6 +62,7 @@
 </template>
 
 <script lang="ts" setup>
+import type { PropType } from 'vue-demi'
 import {
   inject,
   ref,
@@ -72,6 +73,7 @@ import Text from '../text/Text.vue'
 import { SIDEBAR_SETTINGS } from '.'
 import Collapse from '../collapse/Collapse.vue'
 import IconArrow from '@privyid/persona-icon/vue/chevron-down/16.vue'
+import type { RouteLocationRaw } from 'vue-router'
 
 defineOptions({
   name        : 'SidebarNav',
@@ -88,7 +90,7 @@ const props = defineProps({
     default: undefined,
   },
   titleActionUrl: {
-    type   : String,
+    type   : [String, Object] as PropType<RouteLocationRaw>,
     default: undefined,
   },
   bottom: {

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

@@ -9,6 +9,7 @@
     <template #brand>
       <slot />
     </template>
+    <slot name="prepend" />
     <SidebarNav
       v-for="(menu, id) in menus"
       :key="id"
@@ -55,6 +56,7 @@
         </template>
       </template>
     </SidebarNav>
+    <slot name="append" />
     <template
       v-if="$slots.bottom"
       #bottom>

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

@@ -2,6 +2,7 @@ import type { HTMLAttributes } from 'vue-demi';
 import type { Component } from '../global/use-singleton';
 import type { AlignVariant } from '../nav';
 import type { LiteralUnion } from 'type-fest';
+import type { RouteLocationRaw } from 'vue-router';
 type Access = LiteralUnion<'*', string>;
 interface AdditionalAttr extends HTMLAttributes {
     [key: string]: unknown;
@@ -18,7 +19,7 @@ export interface SubMenu {
     /**
      * Menu URL
      */
-    url?: string;
+    url?: RouteLocationRaw;
     /**
      * Access Role
      */
@@ -45,7 +46,7 @@ export interface MenuItem {
     /**
      * Menu URL
      */
-    url?: string;
+    url?: RouteLocationRaw;
     /**
      * Menu Icon
      */
@@ -84,7 +85,7 @@ export interface Menu {
     /**
      * Action URL
      */
-    titleActionUrl?: string;
+    titleActionUrl?: RouteLocationRaw;
     /**
      * Enable collapse
      * @default false

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

@@ -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/Steps.vue.d.ts

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

package/dist/components/tabs/Tabs.vue

@@ -22,16 +22,16 @@
           :disabled="tab.disabled"
           :active="i === active"
           :class="{
-            'nav__item--no-icon' : (!tab.slots.icon),
-            'nav__item--no-label': (!tab.title && !tab.slots.title)
+            'nav__item--no-icon' : (!tab.slots?.icon),
+            'nav__item--no-label': (!tab.title && !tab.slots?.title)
           }"
           @click="selectTab(i, tab)">
           <template #icon>
-            <template v-if="tab.slots.icon">
+            <template v-if="tab.slots?.icon">
               <component :is="tab.slots.icon" />
             </template>
           </template>
-          <template v-if="tab.slots.title">
+          <template v-if="tab.slots?.title">
             <component :is="tab.slots.title" />
           </template>
           <template v-else>

package/dist/components/text/Text.vue

@@ -12,7 +12,8 @@
 <script>
 import {
   defineComponent,
-  computed
+  computed,
+  resolveComponent
 } from "vue-demi";
 export default defineComponent({
   props: {
@@ -21,7 +22,7 @@ export default defineComponent({
       default: "body"
     },
     href: {
-      type: String,
+      type: [String, Object],
       default: void 0
     },
     weight: {
@@ -39,7 +40,7 @@ export default defineComponent({
   },
   setup(props) {
     const elementNames = computed(() => {
-      return props.href ? "a" : props.element;
+      return props.href ? resolveComponent("nuxt-link") : props.element;
     });
     const classNames = computed(() => {
       const result = [""];

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

@@ -1,13 +1,14 @@
 import type { PropType } from 'vue-demi';
 import type { StyleVariant, ElementVariant } from '.';
 import type { WeightVariant, TransformVariant } from '../heading';
+import type { RouteLocationRaw } from 'vue-router';
 declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<StyleVariant>;
         default: string;
     };
     href: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: undefined;
     };
     weight: {
@@ -24,14 +25,14 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     classNames: import("vue-demi").ComputedRef<string[]>;
-    elementNames: import("vue-demi").ComputedRef<ElementVariant>;
+    elementNames: import("vue-demi").ComputedRef<string | import("vue-demi").ComponentOptions<{}, any, any, import("vue-demi").ComputedOptions, import("vue-demi").MethodOptions, any, any, any, any> | import("vue-demi").FunctionalComponent<{}, any, any>>;
 }, 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<{
     variant: {
         type: PropType<StyleVariant>;
         default: string;
     };
     href: {
-        type: StringConstructor;
+        type: PropType<RouteLocationRaw>;
         default: undefined;
     };
     weight: {
@@ -48,7 +49,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     variant: StyleVariant;
-    href: string;
+    href: RouteLocationRaw;
     element: ElementVariant;
     weight: WeightVariant;
     transform: TransformVariant;

package/dist/components/toast/ToastContainer.vue

@@ -78,6 +78,7 @@ export default defineComponent({
 <style lang="postcss">
 .toast-container {
   --p-toast-z-index: theme(zIndex.toast);
+
   @apply z-[var(--p-toast-z-index)] fixed flex flex-col space-y-2 max-h-screen overflow-visible;
 
   &--top-right {
@@ -145,6 +146,18 @@ export default defineComponent({
       }
     }
   }
+
+  &--top-left,
+  &--top-center,
+  &--top-right {
+    @apply justify-start;
+  }
+
+  &--bottom-left,
+  &--bottom-center,
+  &--bottom-right {
+    @apply justify-end;
+  }
 }
 
 .toast {

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

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

package/dist/components/tooltip/Tooltip.vue

@@ -100,7 +100,7 @@ export default defineComponent({
               tooltipArrow.value.style.top = `${middlewareData.arrow.y}px`;
             }
           });
-        });
+        }, { animationFrame: true });
         onCleanup(cleanup);
       }
     }, { flush: "post" });

package/dist/components/tour/Tour.vue

@@ -19,7 +19,8 @@ import {
   defineComponent,
   ref,
   shallowRef,
-  watchEffect
+  watchEffect,
+  onBeforeUnmount
 } from "vue-demi";
 import TourDialog from "./TourDialog.vue";
 import TourHighlight from "./TourHighlight.vue";
@@ -61,7 +62,7 @@ export default defineComponent({
               tour.value.style.visibility = middlewareData.hide.referenceHidden ? "hidden" : "visible";
             }
           });
-        });
+        }, { animationFrame: true });
         onCleanup(cleanup);
       }
     });
@@ -80,6 +81,9 @@ export default defineComponent({
     function hide() {
       isShow.value = false;
     }
+    onBeforeUnmount(() => {
+      hide();
+    });
     return {
       isShow,
       dialog,

package/dist/components/tour/TourHighlight.vue

@@ -35,7 +35,7 @@ export default defineComponent({
           hightlight.value.style.height = `${bounding.height + padding}px`;
           hightlight.value.style.left = `${bounding.left - padding / 2}px`;
           hightlight.value.style.top = `${bounding.top - padding / 2}px`;
-        });
+        }, { animationFrame: true });
         onCleanup(cleanup);
       }
     });

package/dist/components/truncate/Truncate.vue

@@ -12,7 +12,7 @@
       <template v-if="expandable && text.length > maxLength">
         <a
           data-testid="truncate-expand"
-          href="#"
+          href="javascript:void"
           @click.stop.prevent="toggle">
           {{ expand ? showLessText : showMoreText }}
         </a>

package/dist/core/index.d.ts

@@ -13,7 +13,8 @@ export { toBase64, fromBase64, } from '../components/utils/base64';
 export { default as CaptureAdapter, } from '../components/camera/adapter/capture';
 export { default as LivenessAdapter, } from '../components/camera/adapter/liveness';
 export { default as QrCodeAdapter, } from '../components/camera/adapter/qr-code';
-export { defineAdapter, } from '../components/camera/adapter/adapter';
+export { defineAdapter as defineSelectAdapter, } from '../components/select/adapter/adapter';
+export { defineAdapter as defineCameraAdapter, } from '../components/camera/adapter/adapter';
 export { defineFilter, } from '../components/filterbar';
 export { markdown, } from '../components/markdown';
 export { useStore, initStore, createStore, setStore, setLang, getLang, useLang, type State, } from '../components/global/store';
@@ -32,3 +33,4 @@ export { default as useLoading, } from '../components/overlay/utils/use-loading'
 export { findAllChildren, toBoolean, } from '../components/utils/vnode';
 export { createSpinner, createAlias, createText, } from '../components/avatar/utils/create-image';
 export { useSelector, } from '../components/pdf-object/utils/use-selector';
+export { getDocument, } from '../components/pdf-viewer/utils/pdfjs';

package/dist/core/index.mjs

@@ -49,7 +49,10 @@ export {
   default as QrCodeAdapter
 } from "../components/camera/adapter/qr-code";
 export {
-  defineAdapter
+  defineAdapter as defineSelectAdapter
+} from "../components/select/adapter/adapter";
+export {
+  defineAdapter as defineCameraAdapter
 } from "../components/camera/adapter/adapter";
 export {
   defineFilter
@@ -113,3 +116,6 @@ export {
 export {
   useSelector
 } from "../components/pdf-object/utils/use-selector";
+export {
+  getDocument
+} from "../components/pdf-viewer/utils/pdfjs";

package/dist/module.json

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@privyid/persona",
   "description": "Persona core package",
-  "version": "0.25.0",
+  "version": "0.25.2",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/privy-open-source/design-system.git",
@@ -73,8 +73,8 @@
     "date-fns": "2.30.0",
     "defu": "6.1.3",
     "fast-equals": "^5.0.0",
-    "fuse.js": "6.6.2",
-    "interactjs": "1.10.19",
+    "fuse.js": "7.0.0",
+    "interactjs": "1.10.20",
     "lodash-es": "4.17.21",
     "marked": "5.1.2",
     "nanodelay": "2.0.2",
@@ -92,8 +92,8 @@
     "extends @privyid/browserslist-config"
   ],
   "peerDependencies": {
-    "@privyid/browserslist-config": "^0.25.0",
-    "@privyid/tailwind-preset": "^0.25.0",
+    "@privyid/browserslist-config": "^0.25.2",
+    "@privyid/tailwind-preset": "^0.25.2",
     "postcss-custom-properties": "^12.1.11 || ^13.0.0",
     "postcss-hexrgba": "^2.1.0",
     "postcss-lighten-darken": "^0.9.0",
@@ -104,8 +104,8 @@
     "@nuxt/module-builder": "^0.5.0",
     "@nuxt/schema": "3.7.4",
     "@nuxtjs/tailwindcss": "^6.2.0",
-    "@privyid/browserslist-config": "^0.25.0",
-    "@privyid/tailwind-preset": "^0.25.0",
+    "@privyid/browserslist-config": "^0.25.2",
+    "@privyid/tailwind-preset": "^0.25.2",
     "@types/sanitize-html": "^2",
     "browserslist-to-esbuild": "^1.2.0",
     "nuxt": "3.7.4",