@privyid/persona 0.19.0 → 0.20.0

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

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

package/dist/components/breadcrumbs/BreadcrumbItem.vue

@@ -5,7 +5,8 @@
     :class="classNames">
     <component
       :is="tagName"
-      :href="permalink">
+      :href="permalink"
+      :class="{ 'breadcrumbs__item__link' : permalink }">
       <slot />
     </component>
     <div
@@ -82,7 +83,7 @@ export default defineComponent({
       }
     }
 
-    & > a {
+    & > .breadcrumbs__item__link {
       @apply text-subtle cursor-pointer underline decoration-solid hover:no-underline;
       @apply dark:text-dark-subtle;
     }

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

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

package/dist/components/caption/Caption.vue

@@ -44,8 +44,12 @@ export default defineComponent({
 
 <style lang="postcss">
 .caption {
-  @apply block text-muted text-xs tracking-wide;
-  @apply dark:text-dark-muted;
+  @apply block text-xs tracking-wide;
+
+  &:not([class^='text-'], [class*='text-']) {
+    @apply text-muted;
+    @apply dark:text-dark-muted;
+  }
 
   /**
   * Caption in tiny size
@@ -57,10 +61,26 @@ export default defineComponent({
   /**
   * Weight of caption
   */
+  &--thin {
+    @apply font-thin;
+  }
+
+  &--extralight {
+    @apply font-extralight;
+  }
+
+  &--light {
+    @apply font-light;
+  }
+
   &--normal {
     @apply font-normal;
   }
 
+  &--semibold {
+    @apply font-semibold;
+  }
+
   &--medium {
     @apply font-medium;
   }
@@ -69,6 +89,14 @@ export default defineComponent({
     @apply font-bold;
   }
 
+  &--extrabold {
+    @apply font-extrabold;
+  }
+
+  &--black {
+    @apply font-black;
+  }
+
   /**
   * Text transform
   * of caption

package/dist/components/card/Card.vue

@@ -139,9 +139,17 @@ export default defineComponent({
   --p-card-color: theme(textColor.default);
   --p-card-color-dark: theme(textColor.dark.default);
 
-  @apply border bg-[color:var(--p-card-bg)] border-[color:var(--p-card-border)] text-[color:var(--p-card-color)] rounded;
+  @apply border bg-[color:var(--p-card-bg)] border-[color:var(--p-card-border)] text-[color:var(--p-card-color)] rounded-md;
   @apply dark:bg-[color:var(--p-card-bg-dark)] dark:border-[color:var(--p-card-border-dark)] dark:text-[color:var(--p-card-color-dark)];
 
+  /**
+  * Card inside card
+  * has 8px rounded
+  */
+  .card {
+    @apply rounded;
+  }
+
   /*
   * Card Body & Card Header
   * by default have 24px (1.5rem) padding

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: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         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: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     value: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         default: boolean;
     };
     uncheckedValue: {
-        type: (NumberConstructor | StringConstructor | ArrayConstructor | ObjectConstructor | BooleanConstructor | DateConstructor)[];
+        type: (NumberConstructor | StringConstructor | BooleanConstructor | ObjectConstructor | DateConstructor | ArrayConstructor)[];
         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, ("show" | "close" | "update:modelValue" | "hide")[], "show" | "close" | "update:modelValue" | "hide", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     variant: {
         type: PropType<StyleVariant>;
         default: string;
@@ -67,8 +67,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
 }, {
     variant: StyleVariant;

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

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

package/dist/components/dropdown/Dropdown.vue

@@ -284,6 +284,7 @@ export default defineComponent({
 <style lang="postcss">
 .dropdown {
   --p-dropdown-z-index: theme(zIndex.dropdown);
+  --p-dropdown-size-xl: 36rem; /* 576px */
   --p-dropdown-size-lg: 30rem; /* 480px */
   --p-dropdown-size-md: 20rem; /* 320px */
   --p-dropdown-size-sm: 15rem; /* 240px */
@@ -309,6 +310,10 @@ export default defineComponent({
       }
     }
 
+    &--xl {
+      @apply w-[var(--p-dropdown-size-xl)];
+    }
+
     &--lg {
       @apply w-[var(--p-dropdown-size-lg)];
     }

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

@@ -48,11 +48,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     menuClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     buttonClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     menuSize: {
@@ -113,11 +113,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     menuClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     buttonClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     menuSize: {
@@ -130,12 +130,12 @@ declare const _default: import("vue-demi").DefineComponent<{
     onHide?: ((...args: any[]) => any) | undefined;
 }, {
     variant: StyleVariant;
-    size: SizeVariant;
-    color: ColorVariant;
     icon: boolean;
+    size: SizeVariant;
     divider: boolean;
     text: string;
     pill: boolean;
+    color: ColorVariant;
     modelValue: boolean;
     disabled: boolean;
     placement: Placement;

package/dist/components/dropdown/DropdownItem.vue

@@ -74,7 +74,7 @@ export default defineComponent({
   @apply dark:text-dark-default;
 
   &:is(a) {
-    @apply hover:text-default;
+    @apply no-underline hover:no-underline hover:text-default;
     @apply hover:dark:text-dark-default;
   }
 

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

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

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

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

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

package/dist/components/heading/Heading.vue

@@ -2,6 +2,7 @@
   <component
     :is="elementNames"
     data-testid="heading"
+    class="heading"
     :class="classNames">
     <slot />
   </component>
@@ -73,16 +74,31 @@ export default defineComponent({
     * Weight variant
     * of heading
     */
-
-    :where(&--normal, &--medium, &--bold) {
+    &:not([class^='text-'], [class*='text-']) {
       @apply text-default;
       @apply dark:text-dark-default;
     }
 
+    &--thin {
+      @apply font-thin;
+    }
+
+    &--extralight {
+      @apply font-extralight;
+    }
+
+    &--light {
+      @apply font-light;
+    }
+
     &--normal {
       @apply font-normal;
     }
 
+    &--semibold {
+      @apply font-semibold;
+    }
+
     &--medium {
       @apply font-medium;
     }
@@ -91,6 +107,14 @@ export default defineComponent({
       @apply font-bold;
     }
 
+    &--extrabold {
+      @apply font-extrabold;
+    }
+
+    &--black {
+      @apply font-black;
+    }
+
     /**
     * Text transform
     * of heading

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

@@ -1,3 +1,3 @@
 export type ElementVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export type WeightVariant = 'normal' | 'medium' | 'bold';
+export type WeightVariant = 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
 export type TransformVariant = 'normalcase' | 'lowercase' | 'capitalize' | 'uppercase';

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

@@ -27,7 +27,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     containerClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     accept: {
@@ -65,7 +65,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     containerClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         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;
 }, {
-    error: boolean;
     length: string | number;
+    error: boolean;
     size: SizeVariant;
     modelValue: string;
     disabled: boolean;

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

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

package/dist/components/list-group/ListGroupItem.vue

@@ -76,7 +76,7 @@ export default defineComponent({
     }
 
     a& {
-      @apply cursor-pointer text-default hover:bg-default-alpha;
+      @apply no-underline hover:no-underline cursor-pointer text-default hover:bg-default-alpha;
       @apply dark:text-dark-default dark:hover:bg-dark-default-alpha;
     }
 

package/dist/components/main/Main.vue

@@ -5,56 +5,59 @@
 </template>
 
 <style lang="postcss">
-:root {
+.main {
   --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 {
+    &:not(.navbar__brand, .sidebar__brand, .dropdown__item, .list-group__item, .btn, .nav__link, .breadcrumbs__item__link) {
+      --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

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

package/dist/components/nav/Nav.vue

@@ -3,10 +3,12 @@
     data-testid="nav"
     :class="classNames">
     <li
-      v-if="title"
       class="nav__title">
-      <span class="nav__title__item">
+      <span
+        class="nav__title__item"
+        :class="[ (!title && titleActionLabel) ? 'justify-end' : 'justify-between' ]">
         <Caption
+          v-if="title"
           weight="bold"
           transform="capitalize">
           {{ title }}
@@ -84,7 +86,7 @@ export default defineComponent({
         result.push(`nav--align-${props.align}`);
       if (props.vertical)
         result.push("nav--vertical");
-      if (props.title)
+      if (props.title || props.titleActionLabel)
         result.push("nav--has-title");
       if (props.condensed)
         result.push("nav--condensed");
@@ -385,7 +387,7 @@ export default defineComponent({
     @apply absolute left-5 top-0 text-base w-[calc(100%-1.75rem)]; /* 1.25rem + 0.75rem (padding) */
 
     &__item {
-      @apply flex items-center w-full justify-between space-x-2;
+      @apply flex items-center w-full space-x-2;
     }
 
     .caption {

package/dist/components/nav/NavItem.vue

@@ -118,7 +118,7 @@ export default defineComponent({
   }
 
   &__link {
-    @apply block relative py-[10px] px-3 -mb-[1px] border border-transparent rounded-t text-base font-normal cursor-pointer hover:no-underline text-subtle hover:text-default;
+    @apply block relative py-[10px] px-3 -mb-[1px] border border-transparent rounded-t text-base font-normal cursor-pointer no-underline hover:no-underline text-subtle hover:text-default;
     @apply dark:text-dark-subtle hover:dark:text-dark-default;
 
     &&--active {

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

@@ -18,7 +18,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     linkClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     exact: {
@@ -47,7 +47,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     linkClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         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 | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     menuSize: {
@@ -75,7 +75,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
     menuClass: {
-        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
         default: undefined;
     };
     menuSize: {
@@ -90,8 +90,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     variant: StyleVariant;
-    size: SizeVariant;
     icon: boolean;
+    size: SizeVariant;
     divider: boolean;
     text: string;
     modelValue: boolean;