@volverjs/ui-vue 0.0.14 → 0.0.15

package/dist/props/index.d.ts

@@ -728,7 +728,7 @@ export declare const CheckboxRadioGroupProps: {
      * Input value
      */
     modelValue: {
-        type: (SymbolConstructor | ArrayConstructor | NumberConstructor | BooleanConstructor | StringConstructor)[];
+        type: (SymbolConstructor | NumberConstructor | ArrayConstructor | BooleanConstructor | StringConstructor)[];
         default: undefined;
     };
     /**

package/dist/resolvers/unplugin.es.js

@@ -1,27 +1,27 @@
 var E = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), h = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), L = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), w = /[^\p{L}\d]+/giu, u = "$1\0$2", f = "";
-function a(e) {
+function d(e) {
   let r = e.trim();
   r = r.replace(E, u).replace(h, u), r = r.replace(w, "\0");
-  let o = 0, t = r.length;
-  for (; r.charAt(o) === "\0"; ) o++;
-  if (o === t) return [];
-  for (; r.charAt(t - 1) === "\0"; ) t--;
-  return r.slice(o, t).split(/\0/g);
+  let t = 0, o = r.length;
+  for (; r.charAt(t) === "\0"; ) t++;
+  if (t === o) return [];
+  for (; r.charAt(o - 1) === "\0"; ) o--;
+  return r.slice(t, o).split(/\0/g);
 }
 function g(e) {
-  const r = a(e);
-  for (let o = 0; o < r.length; o++) {
-    const t = r[o], s = L.exec(t);
+  const r = d(e);
+  for (let t = 0; t < r.length; t++) {
+    const o = r[t], s = L.exec(o);
     if (s) {
       const n = s.index + (s[1] ?? s[2]).length;
-      r.splice(o, 1, t.slice(0, n), t.slice(n));
+      r.splice(t, 1, o.slice(0, n), o.slice(n));
     }
   }
   return r;
 }
 function x(e, r) {
-  const [o, t, s] = _(e, r);
-  return o + t.map(R(r?.locale)).join(r?.delimiter ?? " ") + s;
+  const [t, o, s] = _(e, r);
+  return t + o.map(R(r?.locale)).join(r?.delimiter ?? " ") + s;
 }
 function l(e, r) {
   return x(e, {
@@ -33,11 +33,11 @@ function R(e) {
   return e === !1 ? (r) => r.toLowerCase() : (r) => r.toLocaleLowerCase(e);
 }
 function _(e, r = {}) {
-  const o = r.split ?? (r.separateNumbers ? g : a), t = r.prefixCharacters ?? f, s = r.suffixCharacters ?? f;
+  const t = r.split ?? (r.separateNumbers ? g : d), o = r.prefixCharacters ?? f, s = r.suffixCharacters ?? f;
   let n = 0, v = e.length;
   for (; n < e.length; ) {
     const c = e.charAt(n);
-    if (!t.includes(c)) break;
+    if (!o.includes(c)) break;
     n++;
   }
   for (; v > n; ) {
@@ -47,13 +47,13 @@ function _(e, r = {}) {
   }
   return [
     e.slice(0, n),
-    o(e.slice(n, v)),
+    t(e.slice(n, v)),
     e.slice(v)
   ];
 }
-var P = ["vv-icon", "vv-action"], d = "vv", C = ["v-tooltip", "v-contextmenu"];
+var P = /* @__PURE__ */ new Set(["vv-icon", "vv-action"]), a = "vv", C = /* @__PURE__ */ new Set(["v-tooltip", "v-contextmenu"]);
 function A(e) {
-  if (!P.includes(e))
+  if (!P.has(e))
     return e === "vv-dropdown" ? [
       "vv-dropdown",
       "vv-dropdown-option",
@@ -67,20 +67,20 @@ function A(e) {
     ] : e === "vv-button-group" ? ["vv-button", "vv-button-group"] : e === "vv-accordion-group" ? ["vv-accordion", "vv-accordion-group"] : e === "vv-checkbox-group" ? ["vv-checkbox", "vv-checkbox-group"] : e === "vv-radio-group" ? ["vv-radio", "vv-radio-group"] : e === "vv-alert-group" ? ["vv-alert", "vv-alert-group"] : e === "v-tooltip" ? ["vv-tooltip"] : [e];
 }
 function i(e, r) {
-  const o = [];
-  if (!r) return o;
-  const t = A(e);
-  return t && t.forEach((s) => {
-    o.push(`@volverjs/style/${r === "scss" ? "scss/" : ""}components/${s}`);
-  }), o;
+  const t = [];
+  if (!r) return t;
+  const o = A(e);
+  return o && o.forEach((s) => {
+    t.push(`@volverjs/style/${r === "scss" ? "scss/" : ""}components/${s}`);
+  }), t;
 }
-function I({ prefix: e = d, importStyle: r, directives: o, ignore: t, cherryPick: s } = {}) {
+function I({ prefix: e = a, importStyle: r, directives: t, ignore: o, cherryPick: s } = {}) {
   return [{
     type: "component",
     resolve: (n) => {
       if (!e || !n.toLowerCase().startsWith(e.toLowerCase())) return;
-      const v = l(n).replace(`${e}-`, `${d}-`);
-      if (!(t && t.includes(v)))
+      const v = l(n).replace(`${e}-`, `${a}-`);
+      if (!o?.includes(v))
         return s ? {
           from: `@volverjs/ui-vue/${v}`,
           sideEffects: i(v, r)
@@ -93,9 +93,9 @@ function I({ prefix: e = d, importStyle: r, directives: o, ignore: t, cherryPick
   }, {
     type: "directive",
     resolve: (n) => {
-      if (!o) return;
+      if (!t) return;
       const v = `v-${l(n)}`;
-      if (C.includes(v) && !(t && t.includes(v)))
+      if (C.has(v) && !o?.includes(v))
         return s ? {
           from: `@volverjs/ui-vue/${v}`,
           sideEffects: i(v, r)

package/dist/resolvers/unplugin.umd.js

@@ -1 +1 @@
-(function(v,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(v=typeof globalThis<"u"?globalThis:v||self,c(v.components={}))})(this,function(v){Object.defineProperty(v,Symbol.toStringTag,{value:"Module"});var c=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),L=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),g=new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d","u"),w=/[^\p{L}\d]+/giu,l="$1\0$2",d="";function a(r){let e=r.trim();e=e.replace(c,l).replace(L,l),e=e.replace(w,"\0");let o=0,t=e.length;for(;e.charAt(o)==="\0";)o++;if(o===t)return[];for(;e.charAt(t-1)==="\0";)t--;return e.slice(o,t).split(/\0/g)}function R(r){const e=a(r);for(let o=0;o<e.length;o++){const t=e[o],s=g.exec(t);if(s){const n=s.index+(s[1]??s[2]).length;e.splice(o,1,t.slice(0,n),t.slice(n))}}return e}function x(r,e){const[o,t,s]=P(r,e);return o+t.map(_(e?.locale)).join(e?.delimiter??" ")+s}function p(r,e){return x(r,{delimiter:"-",...e})}function _(r){return r===!1?e=>e.toLowerCase():e=>e.toLocaleLowerCase(r)}function P(r,e={}){const o=e.split??(e.separateNumbers?R:a),t=e.prefixCharacters??d,s=e.suffixCharacters??d;let n=0,i=r.length;for(;n<r.length;){const f=r.charAt(n);if(!t.includes(f))break;n++}for(;i>n;){const f=i-1,A=r.charAt(f);if(!s.includes(A))break;i=f}return[r.slice(0,n),o(r.slice(n,i)),r.slice(i)]}var C=["vv-icon","vv-action"],E="vv",T=["v-tooltip","v-contextmenu"];function h(r){if(!C.includes(r))return r==="vv-dropdown"?["vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:r==="vv-combobox"?["vv-select","vv-dropdown-option","vv-dropdown-optgroup","vv-dropdown","vv-dropdown-action"]:r==="vv-button-group"?["vv-button","vv-button-group"]:r==="vv-accordion-group"?["vv-accordion","vv-accordion-group"]:r==="vv-checkbox-group"?["vv-checkbox","vv-checkbox-group"]:r==="vv-radio-group"?["vv-radio","vv-radio-group"]:r==="vv-alert-group"?["vv-alert","vv-alert-group"]:r==="v-tooltip"?["vv-tooltip"]:[r]}function u(r,e){const o=[];if(!e)return o;const t=h(r);return t&&t.forEach(s=>{o.push(`@volverjs/style/${e==="scss"?"scss/":""}components/${s}`)}),o}function S({prefix:r=E,importStyle:e,directives:o,ignore:t,cherryPick:s}={}){return[{type:"component",resolve:n=>{if(!r||!n.toLowerCase().startsWith(r.toLowerCase()))return;const i=p(n).replace(`${r}-`,`${E}-`);if(!(t&&t.includes(i)))return s?{from:`@volverjs/ui-vue/${i}`,sideEffects:u(i,e)}:{from:"@volverjs/ui-vue/components",sideEffects:u(i,e),name:n}}},{type:"directive",resolve:n=>{if(!o)return;const i=`v-${p(n)}`;if(T.includes(i)&&!(t&&t.includes(i)))return s?{from:`@volverjs/ui-vue/${i}`,sideEffects:u(i,e)}:{from:"@volverjs/ui-vue/directives",sideEffects:u(i,e),name:`v${n}`}}}]}v.VolverResolver=S,v.getStyleNames=h});
+(function(v,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(v=typeof globalThis<"u"?globalThis:v||self,c(v.components={}))})(this,function(v){Object.defineProperty(v,Symbol.toStringTag,{value:"Module"});var c=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),L=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),g=new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d","u"),w=/[^\p{L}\d]+/giu,l="$1\0$2",d="";function a(r){let e=r.trim();e=e.replace(c,l).replace(L,l),e=e.replace(w,"\0");let t=0,o=e.length;for(;e.charAt(t)==="\0";)t++;if(t===o)return[];for(;e.charAt(o-1)==="\0";)o--;return e.slice(t,o).split(/\0/g)}function R(r){const e=a(r);for(let t=0;t<e.length;t++){const o=e[t],s=g.exec(o);if(s){const n=s.index+(s[1]??s[2]).length;e.splice(t,1,o.slice(0,n),o.slice(n))}}return e}function x(r,e){const[t,o,s]=P(r,e);return t+o.map(_(e?.locale)).join(e?.delimiter??" ")+s}function p(r,e){return x(r,{delimiter:"-",...e})}function _(r){return r===!1?e=>e.toLowerCase():e=>e.toLocaleLowerCase(r)}function P(r,e={}){const t=e.split??(e.separateNumbers?R:a),o=e.prefixCharacters??d,s=e.suffixCharacters??d;let n=0,i=r.length;for(;n<r.length;){const f=r.charAt(n);if(!o.includes(f))break;n++}for(;i>n;){const f=i-1,A=r.charAt(f);if(!s.includes(A))break;i=f}return[r.slice(0,n),t(r.slice(n,i)),r.slice(i)]}var C=new Set(["vv-icon","vv-action"]),E="vv",S=new Set(["v-tooltip","v-contextmenu"]);function h(r){if(!C.has(r))return r==="vv-dropdown"?["vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:r==="vv-combobox"?["vv-select","vv-dropdown-option","vv-dropdown-optgroup","vv-dropdown","vv-dropdown-action"]:r==="vv-button-group"?["vv-button","vv-button-group"]:r==="vv-accordion-group"?["vv-accordion","vv-accordion-group"]:r==="vv-checkbox-group"?["vv-checkbox","vv-checkbox-group"]:r==="vv-radio-group"?["vv-radio","vv-radio-group"]:r==="vv-alert-group"?["vv-alert","vv-alert-group"]:r==="v-tooltip"?["vv-tooltip"]:[r]}function u(r,e){const t=[];if(!e)return t;const o=h(r);return o&&o.forEach(s=>{t.push(`@volverjs/style/${e==="scss"?"scss/":""}components/${s}`)}),t}function T({prefix:r=E,importStyle:e,directives:t,ignore:o,cherryPick:s}={}){return[{type:"component",resolve:n=>{if(!r||!n.toLowerCase().startsWith(r.toLowerCase()))return;const i=p(n).replace(`${r}-`,`${E}-`);if(!o?.includes(i))return s?{from:`@volverjs/ui-vue/${i}`,sideEffects:u(i,e)}:{from:"@volverjs/ui-vue/components",sideEffects:u(i,e),name:n}}},{type:"directive",resolve:n=>{if(!t)return;const i=`v-${p(n)}`;if(S.has(i)&&!o?.includes(i))return s?{from:`@volverjs/ui-vue/${i}`,sideEffects:u(i,e)}:{from:"@volverjs/ui-vue/directives",sideEffects:u(i,e),name:`v${n}`}}}]}v.VolverResolver=T,v.getStyleNames=h});

package/dist/types/alert.d.ts

@@ -1,6 +1,6 @@
 import type { VvIconProps } from '@/components/VvIcon';
 import type { AlertRole } from '@/constants';
-export type AlertModifier = 'success' | 'info' | 'warning' | 'danger' | 'brand' | 'accent' | string;
+export type AlertModifier = 'success' | 'info' | 'warning' | 'danger' | 'brand' | 'accent' | (string & {});
 export type Alert = {
     id: string | number;
     title?: string;

package/dist/types/nav.d.ts

@@ -9,7 +9,7 @@ export type NavItem = {
     disabled?: boolean;
     current?: boolean;
     class?: string | string[];
-    on?: Record<'click' | string, () => void>;
+    on?: Record<'click' | (string & {}), () => void>;
     data?: Record<string, unknown>;
 };
 export type NavItemTab = NavItem & {

package/dist/utils/ObjectUtilities.d.ts

@@ -7,12 +7,6 @@ import type { Ref } from 'vue';
  * @returns {boolean}
  */
 export declare function equals(obj1: any, obj2: any, field?: string): boolean;
-/**
- * Compare objects, primitives, array, dates, regexp
- * @param {any} a first literal
- * @param {any} b second literal
- * @returns {boolean}
- */
 export declare function deepEquals(a: any, b: any): boolean;
 /**
  * Find and return field or nested field from object (also nested dotted field)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@volverjs/ui-vue",
   "type": "module",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "@volverjs/ui-vue is a lightweight Vue 3 component library to accompany @volverjs/style.",
   "author": "8 wave S.r.l.",
   "license": "MIT",

package/src/Volver.ts

@@ -9,6 +9,8 @@ import {
 import { kebabCase } from 'change-case'
 import { DEFAULT_ICONIFY_PROVIDER, INJECTION_KEY_VOLVER } from './constants'
 
+const DEFAULT_FETCH_ICON_OPTIONS: RequestInit = { cache: 'force-cache' }
+
 export function useDefaultProps(
     component: Component,
     defaults?: Record<string, unknown>,
@@ -171,11 +173,11 @@ export interface VolverInterface {
 }
 
 export class Volver implements VolverInterface {
-    private _fetchOptions: RequestInit = {}
-    private _iconsCollections: IconifyJSON[] = []
-    private _iconsProvider = DEFAULT_ICONIFY_PROVIDER
-    private _nuxt = false
-    private _experimentalFeatures: VolverExperimentalFeatures = {}
+    private readonly _fetchOptions: RequestInit = {}
+    private readonly _iconsCollections: IconifyJSON[] = []
+    private readonly _iconsProvider: string = DEFAULT_ICONIFY_PROVIDER
+    private readonly _nuxt: boolean = false
+    private readonly _experimentalFeatures: VolverExperimentalFeatures = {}
 
     defaults: Ref<DefaultOptions> = ref({})
 
@@ -260,7 +262,7 @@ export class Volver implements VolverInterface {
 
     async fetchIcon(
         src: string,
-        options: RequestInit = { cache: 'force-cache' },
+        options: RequestInit = DEFAULT_FETCH_ICON_OPTIONS,
     ): Promise<string | undefined> {
         const response = await fetch(src, {
             ...this._fetchOptions,

package/src/components/VvAction/index.ts

@@ -1,5 +1,3 @@
-import { ActionProps } from '../../props'
-
 export const VvActionEvents = ['click', 'mouseover', 'mouseleave']
 
-export const VvActionProps = ActionProps
+export { ActionProps as VvActionProps } from '../../props'

package/src/components/VvButton/VvButton.vue

@@ -78,7 +78,7 @@ const { hasIcon } = useComponentIcon(icon)
  * @description Catch click event
  */
 const toggleValue = computed(() => {
-    return props.value !== undefined ? props.value : name.value
+    return props.value === undefined ? name.value : props.value
 })
 const hasListeners = computed(() => {
     if (!toggle.value) {

package/src/components/VvCheckboxGroup/index.ts

@@ -1,5 +1,3 @@
-import { CheckboxRadioGroupProps } from '../../props'
-
-export const VvCheckboxGroupProps = CheckboxRadioGroupProps
+export { CheckboxRadioGroupProps as VvCheckboxGroupProps } from '../../props'
 
 export const VvCheckboxGroupEvents = ['update:modelValue', 'change']

package/src/components/VvCombobox/VvCombobox.vue

@@ -398,10 +398,10 @@ function onInput(option: string | Option) {
             return item !== optionValue
         })
     } else if (!isSelected && isSelectable.value) {
-        if (!props.multiple) {
-            localModelValue.value = [optionValue]
-        } else {
+        if (props.multiple) {
             localModelValue.value = [...localModelValue.value, optionValue]
+        } else {
+            localModelValue.value = [optionValue]
         }
     }
     if (!props.multiple && !props.keepOpen) {

package/src/components/VvDropdown/VvDropdown.vue

@@ -69,14 +69,14 @@ onMounted(() => {
         floatingEl.value,
         () => {
             hasCustomPosition.value
-                = window
+                = globalThis
                     .getComputedStyle(floatingEl.value)
                     .getPropertyValue('--dropdown-custom-position')
                     ?.trim() === 'true'
         },
         {
             attributeFilter: ['style'],
-            window,
+            window: globalThis.window,
         },
     )
 })
@@ -216,13 +216,13 @@ const arrowPlacement = computed(() => {
     }[side.value]
     return {
         left:
-				middlewareData.value.arrow?.x !== undefined
-				    ? `${middlewareData.value.arrow?.x}px`
-				    : undefined,
+				middlewareData.value.arrow?.x === undefined
+				    ? undefined
+				    : `${middlewareData.value.arrow?.x}px`,
         top:
-				middlewareData.value.arrow?.y !== undefined
-				    ? `${middlewareData.value.arrow?.y}px`
-				    : undefined,
+				middlewareData.value.arrow?.y === undefined
+				    ? undefined
+				    : `${middlewareData.value.arrow?.y}px`,
         [staticSide]: `${-(arrowEl.value?.offsetWidth ?? 0) / 2}px`,
     }
 })

package/src/components/VvIcon/VvIcon.vue

@@ -59,15 +59,12 @@ const icon = computed(() => {
  * @return {SVGSVGElement | null} https://developer.mozilla.org/en-US/docs/Web/API/SVGSVGElement
  */
 function getSvgContent(svg: string): SVGSVGElement | null {
-    const domParser = typeof window !== 'undefined'
-        ? new window.DOMParser()
-        : null
-    if (!domParser) {
+    if (globalThis.window === undefined) {
         return null
     }
+    const domParser = new globalThis.DOMParser()
     const svgDomString = domParser.parseFromString(svg, 'text/html')
-    const svgEl = svgDomString.querySelector('svg')
-    return svgEl
+    return svgDomString.querySelector('svg')
 }
 
 /**

package/src/components/VvInputFile/VvInputFile.vue

@@ -176,7 +176,7 @@ function onClickDropArea() {
 }
 
 function onRemoveIndex(index: number) {
-    const toRemove = !Array.isArray(localModelValue.value) ? localModelValue.value : localModelValue.value[index]
+    const toRemove = Array.isArray(localModelValue.value) ? localModelValue.value[index] : localModelValue.value
     if (!toRemove) {
         return
     }
@@ -194,7 +194,7 @@ function onRemoveIndex(index: number) {
 }
 
 const selectedFileIndex = ref(0)
-const PREVIEW_MIME_TYPES = ['image/jpeg', 'image/png']
+const PREVIEW_MIME_TYPES = new Set(['image/jpeg', 'image/png'])
 const previewSrc = computed(() => {
     if (props.hidePreview) {
         return undefined
@@ -207,7 +207,7 @@ const previewSrc = computed(() => {
     }
     if (files.value[selectedFileIndex.value] instanceof File) {
         const currentFile = files.value[selectedFileIndex.value] as File
-        if (!PREVIEW_MIME_TYPES.includes(currentFile.type)) {
+        if (!PREVIEW_MIME_TYPES.has(currentFile.type)) {
             return undefined
         }
         return URL.createObjectURL(currentFile)
@@ -216,7 +216,7 @@ const previewSrc = computed(() => {
     if (currentFile.thumbnailUrl) {
         return currentFile.thumbnailUrl
     }
-    if (!PREVIEW_MIME_TYPES.includes(currentFile.type)) {
+    if (!PREVIEW_MIME_TYPES.has(currentFile.type)) {
         return undefined
     }
     return currentFile.url
@@ -241,7 +241,7 @@ function formatBytes(bytes?: number, decimals?: number) {
     if (bytes === 0)
         return '0 Bytes'
     const k = 1024
-    const dm = !decimals ? 2 : decimals <= 0 ? 0 : decimals
+    const dm = Math.max(0, decimals ?? 2)
     const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']
     const i = Math.floor(Math.log(bytes) / Math.log(k))
     return `${Number.parseFloat((bytes / (k ** i)).toFixed(dm))} ${sizes[i]}`
@@ -258,7 +258,7 @@ function onDownloadFile(file: File | UploadedFile) {
     link.setAttribute('download', file.name)
     document.body.appendChild(link)
     link.click()
-    document.body.removeChild(link)
+    link.remove()
     URL.revokeObjectURL(link.href)
 }
 

package/src/components/VvInputText/VvInputText.vue

@@ -20,6 +20,8 @@ import {
 } from '../VvInputText'
 import VvInputTextActionsFactory from '../VvInputText/VvInputTextActions'
 
+type SuggestionValue = string | number | Date
+
 // props, emit, slots and attrs
 const props = defineProps(VvInputTextProps)
 
@@ -117,80 +119,14 @@ const { el, mask, typed, masked, unmasked } = useIMask(
             }
             emit('update:masked', masked.value)
             if (type.value === INPUT_TYPES.NUMBER) {
-                if (MASK_NUMBER_REGEX.test(unmasked.value)) {
-                    if (
-                        localModelValue.value === null
-                        || localModelValue.value === undefined
-                    ) {
-                        return
-                    }
-                    localModelValue.value = undefined
-                    return
-                }
-                if (NEGATIVE_ZERO_REGEX.test(unmasked.value)) {
-                    localModelValue.value = 0
-                    return
-                }
-                if (typeof typed.value !== 'number') {
-                    localModelValue.value = Number(typed.value)
-                    return
-                }
-                localModelValue.value = typed.value
+                handleNumberAccept()
                 return
             }
             if (type.value === INPUT_TYPES.DATETIME_LOCAL
                 || type.value === INPUT_TYPES.DATE
                 || type.value === INPUT_TYPES.TIME
                 || type.value === INPUT_TYPES.MONTH) {
-                if (!typed.value) {
-                    if (!localModelValue.value) {
-                        return
-                    }
-                    if (modelValueDate.value) {
-                        localModelValue.value = undefined
-                        return
-                    }
-                    localModelValue.value = ''
-                    return
-                }
-                if (!(typed.value instanceof Date) && !modelValueDate.value && !modelValueDateIsoString.value) {
-                    localModelValue.value = typed.value
-                    return
-                }
-
-                let date = typed.value
-                if (!(date instanceof Date)) {
-                    date = getDateFromInputValue(typed.value, type.value)
-                }
-                if (modelValueDate.value || modelValueDateIsoString.value) {
-                    const toReturn = new Date(modelValueDate.value || modelValueDateIsoString.value as string)
-                    if (type.value === INPUT_TYPES.DATETIME_LOCAL
-                        || type.value === INPUT_TYPES.DATE
-                        || type.value === INPUT_TYPES.MONTH) {
-                        toReturn.setFullYear(date.getFullYear())
-                        toReturn.setMonth(date.getMonth())
-                    }
-                    if (type.value === INPUT_TYPES.DATETIME_LOCAL
-                        || type.value === INPUT_TYPES.DATE) {
-                        toReturn.setDate(date.getDate())
-                    }
-                    if (type.value === INPUT_TYPES.DATETIME_LOCAL
-                        || type.value === INPUT_TYPES.TIME) {
-                        toReturn.setHours(date.getHours())
-                        toReturn.setMinutes(date.getMinutes())
-                        toReturn.setSeconds(date.getSeconds())
-                    }
-                    if (modelValueDate.value instanceof Date) {
-                        if (localModelValue.value?.getTime() === toReturn.getTime()) {
-                            return
-                        }
-                        localModelValue.value = toReturn
-                        return
-                    }
-                    localModelValue.value = toReturn.toISOString()
-                    return
-                }
-                localModelValue.value = getInputValueFromDate(date, type.value, hasSeconds.value)
+                handleDateAccept()
                 return
             }
             if (!localModelValue.value && !unmasked.value) {
@@ -200,7 +136,88 @@ const { el, mask, typed, masked, unmasked } = useIMask(
         },
     },
 )
-function updateMaskValue(newValue: string | number | Date | undefined | null) {
+
+function handleNumberAccept() {
+    if (MASK_NUMBER_REGEX.test(unmasked.value)) {
+        if (
+            localModelValue.value === null
+            || localModelValue.value === undefined
+        ) {
+            return
+        }
+        localModelValue.value = undefined
+        return
+    }
+    if (NEGATIVE_ZERO_REGEX.test(unmasked.value)) {
+        localModelValue.value = 0
+        return
+    }
+    if (typeof typed.value !== 'number') {
+        localModelValue.value = Number(typed.value)
+        return
+    }
+    localModelValue.value = typed.value
+}
+
+function mergeDateIntoModelValue(date: Date) {
+    const toReturn = new Date(modelValueDate.value || modelValueDateIsoString.value as string)
+    if (type.value === INPUT_TYPES.DATETIME_LOCAL
+        || type.value === INPUT_TYPES.DATE
+        || type.value === INPUT_TYPES.MONTH) {
+        toReturn.setFullYear(date.getFullYear())
+        toReturn.setMonth(date.getMonth())
+    }
+    if (type.value === INPUT_TYPES.DATETIME_LOCAL
+        || type.value === INPUT_TYPES.DATE) {
+        toReturn.setDate(date.getDate())
+    }
+    if (type.value === INPUT_TYPES.DATETIME_LOCAL
+        || type.value === INPUT_TYPES.TIME) {
+        toReturn.setHours(date.getHours())
+        toReturn.setMinutes(date.getMinutes())
+        toReturn.setSeconds(date.getSeconds())
+    }
+    if (modelValueDate.value instanceof Date) {
+        if (localModelValue.value?.getTime() === toReturn.getTime()) {
+            return
+        }
+        localModelValue.value = toReturn
+        return
+    }
+    localModelValue.value = toReturn.toISOString()
+}
+
+function handleDateAccept() {
+    // onAccept only calls this for date-like input types
+    const dateType = type.value as 'date' | 'time' | 'month' | 'datetime-local'
+    if (!typed.value) {
+        if (!localModelValue.value) {
+            return
+        }
+        if (modelValueDate.value) {
+            localModelValue.value = undefined
+            return
+        }
+        localModelValue.value = ''
+        return
+    }
+    if (!(typed.value instanceof Date) && !modelValueDate.value && !modelValueDateIsoString.value) {
+        localModelValue.value = typed.value
+        return
+    }
+
+    let date = typed.value
+    if (!(date instanceof Date)) {
+        date = getDateFromInputValue(typed.value, dateType)
+    }
+    if (modelValueDate.value || modelValueDateIsoString.value) {
+        mergeDateIntoModelValue(date)
+        return
+    }
+    localModelValue.value = getInputValueFromDate(date, dateType, hasSeconds.value)
+}
+
+function updateMaskValue(newValue: SuggestionValue | undefined | null) {
     // Handle empty values
     if (newValue === undefined || newValue === null) {
         typed.value = ''
@@ -439,13 +456,13 @@ const isInvalid = computed(() => {
 
 // suggestions
 const storageKey = computed(() => props.storageKey ?? (volver?.experimentalFeatures.forceInputSuggestions ? props.name : undefined))
-const storageSuggestions = usePersistence<Set<string | number | Date>>(
+const storageSuggestions = usePersistence<Set<SuggestionValue>>(
     storageKey,
     storageType,
     new Set(),
 )
 const allSuggestions = computed(() => {
-    const merged = new Map<string | number | Date, { isFromStorage: boolean }>()
+    const merged = new Map<SuggestionValue, { isFromStorage: boolean }>()
 
     // Add storage suggestions
     if (storageSuggestions.value) {
@@ -483,12 +500,12 @@ const hasSuggestions = computed(
     () =>
         allSuggestions.value.size > 0,
 )
-function onSuggestionSelect(suggestion: string | number | Date) {
+function onSuggestionSelect(suggestion: SuggestionValue) {
     localModelValue.value = suggestion
     suggestionsDropdownEl.value?.hide()
     emit('suggestion:selected', suggestion)
 }
-function onSuggestionRemove(suggestion: string | number | Date) {
+function onSuggestionRemove(suggestion: SuggestionValue) {
     // Only remove from storage if it came from storage
     if (allSuggestions.value.get(suggestion)?.isFromStorage) {
         storageSuggestions.value?.delete(suggestion)
@@ -588,8 +605,8 @@ const hasAttrs = computed(() => {
             max = '9999-12-31'
         }
         toReturn.step = props.step
-        toReturn.max = max !== undefined ? String(max) : undefined
-        toReturn.min = props.min !== undefined ? String(props.min) : undefined
+        toReturn.max = max === undefined ? undefined : String(max)
+        toReturn.min = props.min === undefined ? undefined : String(props.min)
     }
 
     // Text-like types with placeholder
@@ -657,9 +674,9 @@ const hasStyle = computed(() => {
         return undefined
     }
     return {
-        width: localModelValue.value !== undefined
-            ? `${String(localModelValue.value).length + 1}ch`
-            : undefined,
+        width: localModelValue.value === undefined
+            ? undefined
+            : `${String(localModelValue.value).length + 1}ch`,
     }
 })
 

package/src/components/VvRadioGroup/index.ts

@@ -1,5 +1,3 @@
-import { CheckboxRadioGroupProps } from '../../props'
-
-export const VvRadioGroupProps = CheckboxRadioGroupProps
+export { CheckboxRadioGroupProps as VvRadioGroupProps } from '../../props'
 
 export const VvRadioGroupEvents = ['update:modelValue', 'change']

package/src/composables/useBlurhash.ts

@@ -16,7 +16,7 @@ function loadImage(src: string): Promise<CanvasImageSource> {
     return new Promise((resolve, reject) => {
         const img = new Image()
         img.onload = () => resolve(img)
-        img.onerror = (...args) => reject(args)
+        img.onerror = () => reject(new Error(`Failed to load image: ${src}`))
         img.src = src
     })
 }

package/src/composables/useDebouncedInput.ts

@@ -26,7 +26,7 @@ export function useDebouncedInput(
             }
             timeout = setTimeout(() => {
                 emit('update:modelValue', setter(value))
-            }, ms as number)
+            }, ms)
         },
     })
 }