@privyid/persona 0.17.1 → 0.18.0

package/dist/components/datepicker/Datepicker.vue.d.ts

@@ -1,9 +1,14 @@
 import { PropType } from 'vue-demi';
+import { SizeVariant } from '../button';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: PropType<Date | [Date, Date]>;
         default: undefined;
     };
+    size: {
+        type: PropType<SizeVariant>;
+        default: string;
+    };
     start: {
         type: DateConstructor;
         default: undefined;
@@ -68,6 +73,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: PropType<Date | [Date, Date]>;
         default: undefined;
     };
+    size: {
+        type: PropType<SizeVariant>;
+        default: string;
+    };
     start: {
         type: DateConstructor;
         default: undefined;
@@ -127,6 +136,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     "onUpdate:end"?: ((...args: any[]) => any) | undefined;
 }, {
     error: boolean;
+    size: SizeVariant;
     start: Date;
     end: Date;
     min: Date;

package/dist/components/dropdown/Dropdown.vue

@@ -75,7 +75,7 @@ import {
   hide
 } from "@floating-ui/dom";
 import { useVModel } from "../input";
-import IconArrow from "@carbon/icons-vue/lib/chevron--down/16";
+import IconArrow from "@privyid/persona-icon/vue/chevron-down/16.vue";
 import { DROPDOWN_CONTEXT } from ".";
 export default defineComponent({
   components: {

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

@@ -67,7 +67,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     toggle: () => void;
     open: () => void;
     close: () => void;
-}, 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<{
+}, 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<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -131,10 +131,10 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     variant: StyleVariant;
     size: SizeVariant;
-    text: string;
-    pill: boolean;
-    color: ColorVariant;
     icon: boolean;
+    color: ColorVariant;
+    pill: boolean;
+    text: string;
     modelValue: boolean;
     disabled: boolean;
     placement: Placement;

package/dist/components/dropdown/DropdownItem.vue

@@ -5,6 +5,7 @@
     class="dropdown__item"
     :class="classNames"
     :href="href"
+    :disabled="disabled"
     @click="handleOnClick">
     <slot>
       {{ text }}
@@ -32,6 +33,10 @@ export default defineComponent({
     active: {
       type: Boolean,
       default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["click"],
@@ -83,5 +88,10 @@ export default defineComponent({
     @apply bg-default-alpha;
     @apply dark:bg-dark-default-alpha cursor-default;
   }
+
+  &:disabled {
+    @apply bg-subtle border-subtle pointer-events-none text-muted;
+    @apply dark:bg-dark-subtle dark:border-dark-subtle  dark:text-dark-muted;
+  }
 }
 </style>

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

@@ -12,6 +12,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     handleOnClick: (event: Event) => void;
     classNames: import("vue-demi").ComputedRef<string[]>;
@@ -29,11 +33,16 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     href: string;
     active: boolean;
     text: string;
+    disabled: boolean;
 }, {}>;
 export default _default;

package/dist/components/dropdown/utils/use-focus.d.ts

@@ -1,5 +1,5 @@
 import type { Ref } from 'vue-demi';
-export declare function useFocus(target: Ref<HTMLElement>, repeat?: boolean): {
+export declare function useFocus(target: Ref<HTMLElement>, loop?: boolean): {
     next: () => void;
     prev: () => void;
 };

package/dist/components/dropdown/utils/use-focus.mjs

@@ -1,10 +1,10 @@
 import { clamp } from "lodash-es";
 import { focusable } from "tabbable";
-export function useFocus(target, repeat = true) {
+export function useFocus(target, loop = true) {
   function travel(step) {
     const elements = focusable(target.value);
     const index = elements.indexOf(document.activeElement);
-    const nextIndex = repeat ? (index + step) % elements.length : clamp(index + step, 0, elements.length - 1);
+    const nextIndex = loop ? (index + step) % elements.length : clamp(index + step, 0, elements.length - 1);
     const targetFocus = elements.at(nextIndex);
     if (targetFocus !== void 0)
       targetFocus.focus();

package/dist/components/dropdown-subitem/DropdownSubitem.vue

@@ -50,8 +50,8 @@
 
 <script>
 import DropdownItem from "../dropdown/DropdownItem.vue";
-import IconNext from "@carbon/icons-vue/lib/chevron--right/16";
-import IconBack from "@carbon/icons-vue/lib/arrow--left/16";
+import IconNext from "@privyid/persona-icon/vue/chevron-right/16.vue";
+import IconBack from "@privyid/persona-icon/vue/arrow-left/16.vue";
 import {
   defineComponent,
   inject,

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

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

package/dist/components/filterbar/pinned/PinnedDate.vue

@@ -9,12 +9,9 @@
     <template #button-content>
       {{ value ? value : schema.label }}
     </template>
-    <Subheading
-      class="px-4 pt-4 pb-1"
-      weight="medium"
-      overline>
+    <DropdownHeader>
       {{ schema.label }}
-    </Subheading>
+    </DropdownHeader>
 
     <Calendar
       v-model="model"
@@ -31,15 +28,15 @@ import {
   defineComponent,
   ref
 } from "vue-demi";
-import Subheading from "../../subheading/Subheading.vue";
 import Calendar from "../../calendar/Calendar.vue";
 import Dropdown from "../../dropdown/Dropdown.vue";
+import DropdownHeader from "../../dropdown/DropdownHeader.vue";
 import { useVModel } from "../../input";
 import { isDate, format as formatDate } from "date-fns";
 export default defineComponent({
   components: {
-    Subheading,
     Dropdown,
+    DropdownHeader,
     Calendar
   },
   props: {

package/dist/components/filterbar/pinned/PinnedMultiselect.vue

@@ -22,12 +22,9 @@
       </template>
     </template>
 
-    <Subheading
-      class="px-4 pt-4 pb-1"
-      weight="medium"
-      overline>
+    <DropdownHeader>
       {{ schema.label }}
-    </Subheading>
+    </DropdownHeader>
     <template
       v-for="(item, i) in items"
       :key="i">
@@ -48,8 +45,8 @@ import {
   ref
 } from "vue-demi";
 import Badge from "../../badge/Badge.vue";
-import Subheading from "../../subheading/Subheading.vue";
 import Dropdown from "../../dropdown/Dropdown.vue";
+import DropdownHeader from "../../dropdown/DropdownHeader.vue";
 import Checkbox from "../../checkbox/Checkbox.vue";
 import { useOptionsProp } from "../../select/adapter/adapter";
 import { useVModel } from "../../input";
@@ -57,8 +54,8 @@ import { isEqual } from "../../utils/value";
 export default defineComponent({
   components: {
     Badge,
-    Subheading,
     Dropdown,
+    DropdownHeader,
     Checkbox
   },
   props: {

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

@@ -10,12 +10,10 @@
     <template #button-content>
       {{ selected ? selected.text : schema.label }}
     </template>
-    <Subheading
-      class="px-4 pt-4 pb-1"
-      weight="medium"
-      overline>
+    <DropdownHeader>
       {{ schema.label }}
-    </Subheading>
+    </DropdownHeader>
+
     <template
       v-for="(item, i) in items"
       :key="i">
@@ -36,16 +34,16 @@ import {
   defineComponent,
   ref
 } from "vue-demi";
-import Subheading from "../../subheading/Subheading.vue";
 import Dropdown from "../../dropdown/Dropdown.vue";
+import DropdownHeader from "../../dropdown/DropdownHeader.vue";
 import Radio from "../../radio/Radio.vue";
 import { useOptionsProp } from "../../select/adapter/adapter";
 import { useVModel } from "../../input";
 import { isEqual } from "../../utils/value";
 export default defineComponent({
   components: {
-    Subheading,
     Dropdown,
+    DropdownHeader,
     Radio
   },
   props: {

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

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

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

@@ -42,7 +42,7 @@
 </template>
 
 <script>
-import IconInfo from "@carbon/icons-vue/lib/information--filled/16";
+import IconInfo from "@privyid/persona-icon/vue/information-circle-solid/20.vue";
 import pCaption from "../caption/Caption.vue";
 import { pTooltip } from "../tooltip";
 import { computed, defineComponent } from "vue-demi";

package/dist/components/global/router.d.ts

@@ -1,3 +1,4 @@
+import type { RouteLocationRaw } from 'vue-router';
 /**
  * Universal router which compatible in many enviroment
  */
@@ -5,7 +6,7 @@ interface RouterCompat {
     /**
      * redirect to URL
      */
-    toURL: (url: string) => unknown | Promise<unknown>;
+    toURL: (url: RouteLocationRaw) => unknown | Promise<unknown>;
     /**
       * Get current URL
       */

package/dist/components/input/Input.vue

@@ -1,6 +1,7 @@
 <template>
   <div
     class="input"
+    :class="containerClass"
     data-testid="input-container">
     <span
       v-if="$slots.prepend"
@@ -14,7 +15,8 @@
       :disabled="disabled"
       :readonly="readonly"
       :class="classNames"
-      v-bind="$attrs">
+      v-bind="$attrs"
+      @beforeinput="checkOnInput(accept, $event)">
     <IconClear
       v-show="(clearable && model)"
       class="input__clear"
@@ -35,8 +37,11 @@ import {
   inject
 } from "vue-demi";
 import { useVModel } from ".";
-import IconClear from "@carbon/icons-vue/lib/close--filled/16";
+import IconClear from "@privyid/persona-icon/vue/close-circle-solid/20.vue";
 import { INPUTGROUP_SETTING } from "../input-group";
+import {
+  checkOnInput
+} from "./utils/accept";
 export default defineComponent({
   components: { IconClear },
   inheritAttrs: false,
@@ -64,6 +69,18 @@ export default defineComponent({
     clearable: {
       type: Boolean,
       default: false
+    },
+    containerClass: {
+      type: [
+        String,
+        Array,
+        Object
+      ],
+      default: void 0
+    },
+    accept: {
+      type: String,
+      default: void 0
     }
   },
   models: {
@@ -102,7 +119,8 @@ export default defineComponent({
     return {
       classNames,
       model,
-      clear
+      clear,
+      checkOnInput
     };
   }
 });
@@ -155,7 +173,7 @@ export default defineComponent({
   }
 
   .input__clear {
-    @apply text-default/30 cursor-pointer hover:text-danger z-1;
+    @apply text-default/30 cursor-pointer hover:text-danger z-[2];
     @apply dark:text-dark-default/30 hover:dark:text-dark-danger;
   }
 

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

@@ -1,8 +1,9 @@
 import { PropType } from 'vue-demi';
 import { SizeVariant } from '../button';
+import { AcceptVariant, checkOnInput } from './utils/accept';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     size: {
@@ -25,13 +26,22 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    containerClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    accept: {
+        type: PropType<AcceptVariant>;
+        default: undefined;
+    };
 }, {
     classNames: import("vue-demi").ComputedRef<string[]>;
     model: import("vue-demi").Ref<string | number | undefined>;
     clear: (event: MouseEvent) => void;
+    checkOnInput: typeof checkOnInput;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "clear")[], "update:modelValue" | "clear", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     size: {
@@ -54,6 +64,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    containerClass: {
+        type: (StringConstructor | ArrayConstructor | ObjectConstructor)[];
+        default: undefined;
+    };
+    accept: {
+        type: PropType<AcceptVariant>;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
@@ -63,6 +81,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     modelValue: string | number;
     disabled: boolean;
     readonly: boolean;
+    accept: AcceptVariant;
     clearable: boolean;
+    containerClass: string | Record<string, any> | unknown[];
 }, {}>;
 export default _default;

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

@@ -3,3 +3,4 @@ export interface InputProps<V = string> {
     modelValue: V;
 }
 export declare function useVModel<V>(props: InputProps<V>): Ref<V>;
+export { type AcceptVariant, isAccepted, removeUnaccepted, checkOnInput, } from './utils/accept';

package/dist/components/input/index.mjs

@@ -18,3 +18,8 @@ export function useVModel(props) {
   syncRef(localValue, model, { immediate: false });
   return localValue;
 }
+export {
+  isAccepted,
+  removeUnaccepted,
+  checkOnInput
+} from "./utils/accept.mjs";

package/dist/components/input/utils/accept.d.ts

@@ -0,0 +1,26 @@
+import { LiteralUnion } from 'type-fest';
+export declare const AcceptPresets: {
+    readonly num: string;
+    readonly numeric: string;
+    readonly digit: string;
+    readonly alpha: string;
+    readonly 'alpha-num': string;
+    readonly 'alpha-num-space': string;
+    readonly 'alpha-num-space-symbol': string;
+    readonly 'alpha-numeric': string;
+    readonly 'alpha-numeric-space': string;
+    readonly 'alpha-numeric-space-symbol': string;
+    readonly 'alpha-space': string;
+    readonly 'alpha-space-symbol': string;
+    readonly 'num-space': string;
+    readonly 'num-space-symbol': string;
+    readonly 'numeric-space': string;
+    readonly 'numeric-space-symbol': string;
+    readonly 'non-numeric': string;
+    readonly 'non-alpha': string;
+    readonly text: string;
+};
+export type AcceptVariant = LiteralUnion<keyof typeof AcceptPresets, string>;
+export declare function isAccepted(accept: AcceptVariant | undefined, text: string): boolean;
+export declare function removeUnaccepted(accept: AcceptVariant | undefined, text: string): string;
+export declare function checkOnInput(accept: AcceptVariant | undefined, event: Event): void;

package/dist/components/input/utils/accept.mjs

@@ -0,0 +1,81 @@
+const ALPHA = "A-Za-z";
+const NUMERIC = "\\d";
+const SPACE = "\\s";
+const SYMBOL = "!\"#$%&'()*+,./:;<=>?@[\\\\\\]^_`{|}~-";
+const REGEX_ALPHA = `${ALPHA}`;
+const REGEX_NUMERIC = `${NUMERIC}`;
+const REGEX_ALPHA_NUMERIC = `${ALPHA}${NUMERIC}`;
+const REGEX_ALPHA_NUMERIC_SPACE = `${ALPHA}${NUMERIC}${SPACE}`;
+const REGEX_ALPHA_NUMERIC_SPACE_SYMBOL = `${ALPHA}${NUMERIC}${SPACE}${SYMBOL}`;
+const REGEX_ALPHA_SPACE = `${ALPHA}${SPACE}`;
+const REGEX_ALPHA_SPACE_SYMBOL = `${ALPHA}${SPACE}${SYMBOL}`;
+const REGEX_NUMERIC_SPACE = `${NUMERIC}${SPACE}`;
+const REGEX_NUMERIC_SPACE_SYMBOL = `${NUMERIC}${SPACE}${SYMBOL}`;
+export const AcceptPresets = {
+  "num": REGEX_NUMERIC,
+  "numeric": REGEX_NUMERIC,
+  "digit": REGEX_NUMERIC,
+  "alpha": REGEX_ALPHA,
+  "alpha-num": REGEX_ALPHA_NUMERIC,
+  "alpha-num-space": REGEX_ALPHA_NUMERIC_SPACE,
+  "alpha-num-space-symbol": REGEX_ALPHA_NUMERIC_SPACE_SYMBOL,
+  "alpha-numeric": REGEX_ALPHA_NUMERIC,
+  "alpha-numeric-space": REGEX_ALPHA_NUMERIC_SPACE,
+  "alpha-numeric-space-symbol": REGEX_ALPHA_NUMERIC_SPACE_SYMBOL,
+  "alpha-space": REGEX_ALPHA_SPACE,
+  "alpha-space-symbol": REGEX_ALPHA_SPACE_SYMBOL,
+  "num-space": REGEX_NUMERIC_SPACE,
+  "num-space-symbol": REGEX_NUMERIC_SPACE_SYMBOL,
+  "numeric-space": REGEX_NUMERIC_SPACE,
+  "numeric-space-symbol": REGEX_NUMERIC_SPACE_SYMBOL,
+  "non-numeric": REGEX_ALPHA_SPACE_SYMBOL,
+  "non-alpha": REGEX_NUMERIC_SPACE_SYMBOL,
+  "text": REGEX_ALPHA_NUMERIC_SPACE_SYMBOL
+};
+export function isAccepted(accept, text) {
+  if (!accept)
+    return true;
+  try {
+    const regexStr = AcceptPresets[accept.toLowerCase()] ?? accept;
+    const regex = new RegExp(`^[${regexStr}]+$`);
+    return regex.test(text);
+  } catch (error) {
+    if (import.meta.env.DEV)
+      console.error(error);
+    return true;
+  }
+}
+export function removeUnaccepted(accept, text) {
+  if (!accept)
+    return text;
+  try {
+    const regexStr = AcceptPresets[accept.toLowerCase()] ?? accept;
+    const regex = new RegExp(`[^${regexStr}]+`, "g");
+    return text.replaceAll(regex, "");
+  } catch (error) {
+    if (import.meta.env.DEV)
+      console.error(error);
+    return text;
+  }
+}
+export function checkOnInput(accept, event) {
+  if (event.data && !isAccepted(accept, event.data)) {
+    event.preventDefault();
+    if (event.inputType === "insertFromPaste") {
+      const target = event.target;
+      const oldValue = target.value;
+      const value = removeUnaccepted(accept, event.data);
+      const ss = target.selectionStart;
+      const se = target.selectionEnd;
+      const nextValue = `${oldValue.slice(0, ss)}${value}${oldValue.slice(se)}`;
+      try {
+        target.value = nextValue;
+        target.dispatchEvent(new InputEvent("input"));
+        target.setSelectionRange(value.length + ss, value.length + ss);
+      } catch (error) {
+        if (import.meta.env.DEV)
+          console.error(error);
+      }
+    }
+  }
+}

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

@@ -15,7 +15,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     accept: {
@@ -73,7 +73,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: boolean;
     };
     maxlength: {
-        type: (StringConstructor | NumberConstructor)[];
+        type: (NumberConstructor | StringConstructor)[];
         default: undefined;
     };
     accept: {
@@ -124,8 +124,8 @@ declare const _default: import("vue-demi").DefineComponent<{
     disabled: boolean;
     readonly: boolean;
     modelModifiers: ModelModifier;
-    multiple: boolean | MultipleType;
     placeholder: string;
+    multiple: boolean | MultipleType;
     maxlength: string | number;
     accept: string;
     clearOnCancel: boolean;

package/dist/components/input-password/InputPassword.vue

@@ -19,7 +19,10 @@
 import pInput from "../input/Input.vue";
 import IconShow from "@privyid/persona-icon/vue/view/20.vue";
 import IconHide from "@privyid/persona-icon/vue/view-off/20.vue";
-import { defineComponent, ref } from "vue-demi";
+import {
+  ref,
+  defineComponent
+} from "vue-demi";
 export default defineComponent({
   components: {
     pInput,