@privyid/persona 0.17.1 → 0.19.0

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

package/dist/components/cropper/Cropper.vue

@@ -122,10 +122,10 @@ import {
 import { usePinch } from "./utils/use-pinch";
 import pButton from "../button/Button.vue";
 import pInputRange from "../input-range/InputRange.vue";
-import IconRotateLeft from "@carbon/icons-vue/lib/rotate--counterclockwise/16";
-import IconRotateRight from "@carbon/icons-vue/lib/rotate--clockwise/16";
-import IconZoomIn from "@carbon/icons-vue/lib/zoom--in/16";
-import IconZoomOut from "@carbon/icons-vue/lib/zoom--out/16";
+import IconRotateLeft from "@privyid/persona-icon/vue/rotate-left/20.vue";
+import IconRotateRight from "@privyid/persona-icon/vue/rotate-right/20.vue";
+import IconZoomIn from "@privyid/persona-icon/vue/zoom-in/20.vue";
+import IconZoomOut from "@privyid/persona-icon/vue/zoom-out/20.vue";
 import { cropImage } from "./utils/crop-image";
 import { useVModel } from "../input";
 import { fromBase64 } from "../utils/base64";

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

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

package/dist/components/datepicker/Datepicker.vue

@@ -15,6 +15,7 @@
         :placeholder="placeholder"
         :disabled="disabled"
         :error="error"
+        :size="size"
         readonly
         @focus="onFocus">
         <template #append>
@@ -51,7 +52,8 @@ import { format as formatDate, isDate } from "date-fns";
 import {
   computed,
   defineComponent,
-  ref
+  ref,
+  watch
 } from "vue-demi";
 import { useVModel } from "../input";
 import IconCalendar from "@privyid/persona-icon/vue/calendar/16.vue";
@@ -67,6 +69,10 @@ export default defineComponent({
       type: [Date, Array],
       default: void 0
     },
+    size: {
+      type: String,
+      default: "md"
+    },
     start: {
       type: Date,
       default: void 0
@@ -134,9 +140,18 @@ export default defineComponent({
     const model = useVModel(props);
     const isOpen = ref(false);
     const value = computed(() => {
-      if (props.range && Array.isArray(model.value))
-        return `${formatDate(model.value[0], props.format)} - ${formatDate(model.value[1], props.format)}`;
-      return isDate(model.value) ? formatDate(model.value, props.format) : "";
+      const dates = Array.isArray(model.value) ? model.value : [model.value];
+      return dates.map((date) => {
+        return isDate(date) ? formatDate(date, props.format) : "";
+      }).filter(Boolean).join(" - ");
+    });
+    watch(() => props.start, (start) => {
+      if (Array.isArray(model.value))
+        model.value[0] = start;
+    });
+    watch(() => props.end, (end) => {
+      if (Array.isArray(model.value))
+        model.value[1] = end;
     });
     const classNames = computed(() => {
       const result = [];

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,15 +131,15 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, {
     variant: StyleVariant;
     size: SizeVariant;
-    text: string;
-    pill: boolean;
     color: ColorVariant;
     icon: boolean;
+    divider: boolean;
+    text: string;
+    pill: boolean;
     modelValue: boolean;
     disabled: boolean;
     placement: Placement;
     noCaret: boolean;
-    divider: boolean;
     menuClass: string | Record<string, any> | unknown[];
     buttonClass: string | Record<string, any> | unknown[];
     menuSize: MenuSizeVariant;

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";