@privyid/persona 0.13.0 → 0.13.1

package/dist/components/progress/ProgressItem.vue.d.ts

@@ -21,5 +21,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     active: boolean;
     title: string;
-}>;
+}, {}>;
 export default _default;

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

@@ -70,12 +70,12 @@ declare const _default: import("vue-demi").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | number | boolean | unknown[] | Date | Record<string, any>;
+    value: string | number | boolean | Record<string, any> | unknown[] | Date;
     name: string;
-    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     disabled: boolean;
     readonly: boolean;
     checked: boolean;
     appearance: AppearanceType;
-}>;
+}, {}>;
 export default _default;

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

@@ -116,7 +116,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     error: boolean;
     size: SizeVariant;
-    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     disabled: boolean;
     readonly: boolean;
     adapter: Adapter;
@@ -125,5 +125,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     selected: SelectItem;
     emptyText: string;
     loadingText: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/sidebar/Sidebar.vue

@@ -3,17 +3,32 @@
     data-testid="sidebar"
     class="sidebar"
     :class="classNames">
-    <slot />
+    <slot name="brand" />
+    <div
+      ref="sidebarMenus"
+      data-testid="sidebar-menus"
+      class="sidebar__menus"
+      :style="`padding-bottom: ${height+40}px`">
+      <slot />
+
+      <div
+        v-if="$slots.bottom"
+        class="sidebar__bottom">
+        <slot name="bottom" />
+      </div>
+    </div>
   </aside>
 </template>
 
 <script>
+import { templateRef, useElementSize } from "@vueuse/core";
 import {
   defineComponent,
   computed,
   provide
 } from "vue-demi";
 import { SIDEBAR_SETTINGS } from ".";
+import { useSelector } from "../pdf-object/utils/use-selector";
 import { useVModel } from "../input";
 export default defineComponent({
   props: {
@@ -53,6 +68,11 @@ export default defineComponent({
       align: props.align,
       type: props.type
     });
+    const sidebarMenus = templateRef("sidebarMenus");
+    const sidebarBottom = useSelector(".sidebar__bottom", sidebarMenus);
+    const {
+      height
+    } = useElementSize(sidebarBottom);
     const model = useVModel(props);
     const classNames = computed(() => {
       const result = [""];
@@ -70,7 +90,7 @@ export default defineComponent({
         result.push("sidebar--show");
       return result;
     });
-    return { classNames };
+    return { classNames, height };
   }
 });
 </script>
@@ -79,10 +99,12 @@ export default defineComponent({
 .sidebar {
   --p-sidebar-size-narrow: 60px;
   --p-sidebar-size-wide: 230px;
+  --p-sidebar-bg: theme(backgroundColor.DEFAULT);
+  --p-sidebar-bg-dark: theme(backgroundColor.dark.DEFAULT);
   --p-sidebar-z-index: theme(zIndex.fixed);
 
-  @apply bg-default px-2 py-4;
-  @apply dark:bg-dark-default;
+  @apply bg-[color:var(--p-sidebar-bg)] px-2 py-4;
+  @apply dark:bg-[color:var(--p-sidebar-bg-dark)];
 
   /**
   * Default sidebar has
@@ -107,10 +129,19 @@ export default defineComponent({
   &&--fixed {
     @apply fixed z-[var(--p-sidebar-z-index)] top-0 h-full shadow-lg overflow-y-auto;
 
+    .sidebar__menus {
+      @apply relative min-h-full;
+    }
+
     &:not(.sidebar--right) {
       @apply left-0;
     }
 
+    .sidebar__bottom {
+      @apply absolute -bottom-4 pb-4 w-[calc(100%+1rem)] -left-2 bg-[color:var(--p-sidebar-bg)];
+      @apply dark:bg-[color:var(--p-sidebar-bg-dark)];
+    }
+
     /**
     * Right-align in fixed
     */

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

@@ -29,6 +29,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }, {
     classNames: import("vue-demi").ComputedRef<string[]>;
+    height: import("vue-demi").Ref<number>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     variant: {
         type: PropType<StyleVariant>;
@@ -63,5 +64,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: boolean;
     align: AlignVariant;
     toggleable: ToggleableVariant;
-}>;
+}, {}>;
 export default _default;

package/dist/components/sidebar/SidebarBrand.vue

@@ -1,20 +1,48 @@
 <template>
-  <a
-    :href="href"
+  <div
+    ref="sidebarBrand"
+    :class="classNames"
     data-testid="sidebar-brand"
     class="sidebar__brand">
-    <slot />
-  </a>
+    <a
+      v-if="href"
+      :href="href"
+      data-testid="sidebar-brand-link">
+      <slot />
+    </a>
+    <template v-else>
+      <slot />
+    </template>
+  </div>
 </template>
 
 <script>
-import { defineComponent } from "vue-demi";
+import { defineComponent, computed } from "vue-demi";
 export default defineComponent({
   props: {
     href: {
       type: String,
       default: void 0
+    },
+    sticky: {
+      type: Boolean,
+      default: false
+    },
+    fixed: {
+      type: Boolean,
+      default: false
     }
+  },
+  setup(props) {
+    const classNames = computed(() => {
+      const result = [""];
+      if (props.sticky)
+        result.push("sidebar__brand--sticky");
+      if (props.fixed)
+        result.push("sidebar__brand--fixed");
+      return result;
+    });
+    return { classNames };
   }
 });
 </script>
@@ -22,31 +50,45 @@ export default defineComponent({
 <style lang="postcss">
 .sidebar {
   &__brand {
-    @apply block text-center mx-auto font-semibold no-underline pb-4 text-default;
+    --p-sidebar-brand-sticky-top: 0;
+
+    @apply block text-center mx-auto pb-4 font-semibold text-default;
     @apply dark:text-dark-default;
 
+    a {
+      @apply no-underline;
+    }
+
     img {
       @apply max-w-full h-auto;
     }
-  }
 
-  &&--wide {
-    .sidebar__brand {
+    &--fixed {
+      @apply fixed top-0 left-0;
+
+      .sidebar--right & {
+        @apply right-0 left-auto;
+      }
+    }
+
+    &--sticky {
+      @apply sticky top-[var(--p-sidebar-brand-sticky-top)];
+    }
+
+    .sidebar--wide & {
+      @apply px-3;
+
       img {
         @apply h-7 w-auto;
       }
     }
-  }
 
-  &&--tabs,
-  &&--lines {
-    .sidebar__brand {
+    .sidebar--tabs &,
+    .sidebar--lines & {
       @apply pr-2;
     }
-  }
 
-  &&--lines {
-    .sidebar__brand {
+    .sidebar--lines & {
       @apply pl-2;
     }
   }

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

@@ -3,12 +3,32 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: undefined;
     };
-}, 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<{
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    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;
         default: undefined;
     };
+    sticky: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
+    fixed: boolean;
     href: string;
-}>;
+    sticky: boolean;
+}, {}>;
 export default _default;

package/dist/components/sidebar/SidebarNav.vue

@@ -1,15 +1,30 @@
 <template>
   <Nav
+    v-if="!bottom"
     class="sidebar__nav"
     data-testid="sidebar-nav"
     :title="title"
     vertical
     :variant="variant"
     :condensed="condensed"
-    :align="align"
-    :class="classNames">
+    :align="align">
     <slot />
   </Nav>
+  <template v-else>
+    <div class="sidebar__bottom">
+      <Nav
+        class="sidebar__nav"
+        data-testid="sidebar-nav"
+        :title="title"
+        vertical
+        :variant="variant"
+        :condensed="condensed"
+        :align="align"
+        :class="classNames">
+        <slot />
+      </Nav>
+    </div>
+  </template>
 </template>
 
 <script>
@@ -66,9 +81,9 @@ export default defineComponent({
       }
     }
 
-    &&--bottom {
+    /* &&--bottom {
       @apply absolute bottom-0;
-    }
+    } */
   }
 
   &&--narrow {

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

@@ -32,5 +32,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     title: string;
     bottom: boolean;
     condensed: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -5,7 +5,9 @@
     :fixed="fixed"
     :toggleable="toggleable"
     :align="align">
-    <slot />
+    <template #brand>
+      <slot />
+    </template>
     <SidebarNav
       v-for="(menu, id) in menus"
       :key="id"
@@ -57,6 +59,9 @@
         </NavItem>
       </template>
     </SidebarNav>
+    <template #bottom>
+      <slot name="bottom" />
+    </template>
   </Sidebar>
 </template>
 

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

@@ -51,5 +51,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     align: AlignVariant;
     toggleable: ToggleableVariant;
     menus: Menu[];
-}>;
+}, {}>;
 export default _default;

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

@@ -95,5 +95,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     resetLabel: string;
     openDrawLabel: string;
     closeDrawLabel: string;
-}>;
+}, {}>;
 export default _default;

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

@@ -79,5 +79,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     height: number;
     placeholder: string;
     resetLabel: string;
-}>;
+}, {}>;
 export default _default;

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

@@ -102,5 +102,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     resetLabel: string;
     openDrawLabel: string;
     closeDrawLabel: string;
-}>;
+}, {}>;
 export default _default;

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

@@ -93,5 +93,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     height: number;
     maxlength: string | number;
     maxwords: string | number;
-}>;
+}, {}>;
 export default _default;

package/dist/components/spinner/Spinner.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue-demi").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>;
+declare const _default: import("vue-demi").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}, {}>;
 export default _default;

package/dist/components/spinner/SpinnerRing.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue-demi").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}>;
+declare const _default: import("vue-demi").DefineComponent<{}, {}, {}, {}, {}, 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<{}>>, {}, {}>;
 export default _default;

package/dist/components/spread/Spread.vue.d.ts

@@ -10,5 +10,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     active: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -28,5 +28,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     onBeforePrev: TravelHook;
     onBeforeNext: TravelHook;
-}>;
+}, {}>;
 export default _default;

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

@@ -21,5 +21,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     active: number;
     keepAlive: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -52,5 +52,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     onBeforeNext: TravelHook;
     keepAlive: boolean;
     onFinished: FinishedHook;
-}>;
+}, {}>;
 export default _default;

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

@@ -41,5 +41,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     length: string | number;
     min: string | number;
     max: string | number;
-}>;
+}, {}>;
 export default _default;

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

@@ -42,5 +42,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     weight: WeightVariant;
     transform: TransformVariant;
     overline: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -76,5 +76,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     fields: TableField[];
     selectable: boolean;
     emptyLabel: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/tabs/Tab.vue.d.ts

@@ -19,5 +19,5 @@ declare const _default: import("vue-demi").DefineComponent<{
 }>>, {
     disabled: boolean;
     title: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/tabs/TabContent.vue.d.ts

@@ -10,5 +10,5 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/dist/components/tabs/Tabs.vue.d.ts

@@ -76,5 +76,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     vertical: boolean;
     justified: boolean;
     navWrapperClass: string;
-}>;
+}, {}>;
 export default _default;

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

@@ -43,5 +43,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     href: string;
     weight: WeightVariant;
     transform: TransformVariant;
-}>;
+}, {}>;
 export default _default;

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

@@ -100,5 +100,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     showCounter: boolean;
     rows: string | number;
     autoGrow: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -52,5 +52,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     variant: ToastStyleVariant;
     type: ToastTypeVariant;
     duration: number;
-}>;
+}, {}>;
 export default _default;

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

@@ -11,5 +11,5 @@ declare const _default: import("vue-demi").DefineComponent<{}, {
         duration?: number | undefined;
         toastClass?: string | string[] | undefined;
     }[]>;
-}, {}, {}, {}, 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<{}>>, {}>;
+}, {}, {}, {}, 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<{}>>, {}, {}>;
 export default _default;

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

@@ -90,15 +90,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    value: string | number | boolean | unknown[] | Date | Record<string, any>;
+    value: string | number | boolean | Record<string, any> | unknown[] | Date;
     variant: StyleVariant;
-    modelValue: string | number | boolean | unknown[] | Date | Record<string, any>;
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     disabled: boolean;
     readonly: boolean;
-    uncheckedValue: string | number | boolean | unknown[] | Date | Record<string, any>;
+    uncheckedValue: string | number | boolean | Record<string, any> | unknown[] | Date;
     checked: boolean;
     checkedLabel: string;
     uncheckedLabel: string;
     noLabel: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -47,5 +47,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: boolean;
     target: HTMLElement;
     placement: Placement;
-}>;
+}, {}>;
 export default _default;

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

@@ -7,5 +7,5 @@ declare const _default: import("vue-demi").DefineComponent<{}, {
     hide: (id: string) => void;
     toggle: (id: string) => void;
     remove: (id: string) => void;
-}, {}, {}, {}, 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<{}>>, {}>;
+}, {}, {}, {}, 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<{}>>, {}, {}>;
 export default _default;

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

@@ -7,5 +7,5 @@ declare const _default: import("vue-demi").DefineComponent<{}, {
     show: (targetEl: HTMLElement, options: TourDialogProps) => void;
     hide: () => void;
     config: import("vue-demi").ShallowRef<Partial<any> | undefined>;
-}, {}, {}, {}, 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<{}>>, {}>;
+}, {}, {}, {}, 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<{}>>, {}, {}>;
 export default _default;

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

@@ -104,5 +104,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     nextLabel: string;
     dismissLabel: string;
     finishLabel: string;
-}>;
+}, {}>;
 export default _default;

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

@@ -11,5 +11,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     target: HTMLElement;
-}>;
+}, {}>;
 export default _default;

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

@@ -60,5 +60,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     expandable: boolean;
     showMoreText: string;
     showLessText: string;
-}>;
+}, {}>;
 export default _default;

package/dist/components/wizard/Wizard.vue.d.ts

@@ -68,5 +68,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     onBeforeNext: TravelHook;
     keepAlive: boolean;
     onFinished: FinishedHook;
-}>;
+}, {}>;
 export default _default;

package/dist/components/wizard/WizardBody.vue.d.ts

@@ -19,5 +19,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: number;
-}>;
+}, {}>;
 export default _default;

package/dist/components/wizard/WizardHeader.vue.d.ts

@@ -12,5 +12,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>>, {
     active: number;
-}>;
+}, {}>;
 export default _default;

package/dist/components/wizard/WizardStep.vue.d.ts

@@ -30,5 +30,5 @@ declare const _default: import("vue-demi").DefineComponent<{
     title: string;
     onBeforePrev: TravelHook;
     onBeforeNext: TravelHook;
-}>;
+}, {}>;
 export default _default;

package/dist/module.json

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