@volverjs/ui-vue 0.0.10-beta.20 → 0.0.10-beta.22

package/dist/index.es.js

@@ -8,17 +8,13 @@ import { addCollection, addIcon, addAPIProvider } from "@iconify/vue";
 import { ref } from "vue";
 const SPLIT_LOWER_UPPER_RE = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu");
 const SPLIT_UPPER_UPPER_RE = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu");
-const SPLIT_NUMBER_LOWER_RE = new RegExp("(\\d)(\\p{Ll})", "gu");
-const SPLIT_LETTER_NUMBER_RE = new RegExp("(\\p{L})(\\d)", "gu");
+const SPLIT_SEPARATE_NUMBER_RE = new RegExp("(?<=\\d)(\\p{Ll})|(?<=\\p{L})(\\d)", "u");
 const DEFAULT_STRIP_REGEXP = /[^\p{L}\d]+/giu;
 const SPLIT_REPLACE_VALUE = "$1\0$2";
 const DEFAULT_PREFIX_SUFFIX_CHARACTERS = "";
-function split(value, options) {
+function split(value) {
   let result = value.trim();
   result = result.replace(SPLIT_LOWER_UPPER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_UPPER_UPPER_RE, SPLIT_REPLACE_VALUE);
-  if (options == null ? void 0 : options.separateNumbers) {
-    result = result.replace(SPLIT_NUMBER_LOWER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_LETTER_NUMBER_RE, SPLIT_REPLACE_VALUE);
-  }
   result = result.replace(DEFAULT_STRIP_REGEXP, "\0");
   let start = 0;
   let end = result.length;
@@ -30,9 +26,20 @@ function split(value, options) {
     end--;
   return result.slice(start, end).split(/\0/g);
 }
+function splitSeparateNumbers(value) {
+  const words = split(value);
+  for (let i = 0; i < words.length; i++) {
+    const word = words[i];
+    const match = SPLIT_SEPARATE_NUMBER_RE.exec(word);
+    if (match) {
+      words.splice(i, 1, word.slice(0, match.index), word.slice(match.index));
+    }
+  }
+  return words;
+}
 function noCase(input, options) {
-  const [prefix, value, suffix] = splitPrefixSuffix(input, options);
-  return prefix + split(value, options).map(lowerFactory(options == null ? void 0 : options.locale)).join((options == null ? void 0 : options.delimiter) ?? " ") + suffix;
+  const [prefix, words, suffix] = splitPrefixSuffix(input, options);
+  return prefix + words.map(lowerFactory(options == null ? void 0 : options.locale)).join((options == null ? void 0 : options.delimiter) ?? " ") + suffix;
 }
 function kebabCase(input, options) {
   return noCase(input, { delimiter: "-", ...options });
@@ -40,9 +47,10 @@ function kebabCase(input, options) {
 function lowerFactory(locale) {
   return locale === false ? (input) => input.toLowerCase() : (input) => input.toLocaleLowerCase(locale);
 }
-function splitPrefixSuffix(input, options) {
-  const prefixCharacters = (options == null ? void 0 : options.prefixCharacters) ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
-  const suffixCharacters = (options == null ? void 0 : options.suffixCharacters) ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+function splitPrefixSuffix(input, options = {}) {
+  const splitFn = options.split ?? (options.separateNumbers ? splitSeparateNumbers : split);
+  const prefixCharacters = options.prefixCharacters ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+  const suffixCharacters = options.suffixCharacters ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
   let prefixIndex = 0;
   let suffixIndex = input.length;
   while (prefixIndex < input.length) {
@@ -60,7 +68,7 @@ function splitPrefixSuffix(input, options) {
   }
   return [
     input.slice(0, prefixIndex),
-    input.slice(prefixIndex, suffixIndex),
+    splitFn(input.slice(prefixIndex, suffixIndex)),
     input.slice(suffixIndex)
   ];
 }

package/dist/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,n){"use strict";var i=Object.defineProperty,o=(e,t,n)=>(((e,t,n)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n);const r=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),s=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),c=new RegExp("(\\d)(\\p{Ll})","gu"),l=new RegExp("(\\p{L})(\\d)","gu"),u=/[^\p{L}\d]+/giu,a="$1\0$2",d="";function f(e,t){const[n,i,o]=function(e,t){const n=(null==t?void 0:t.prefixCharacters)??d,i=(null==t?void 0:t.suffixCharacters)??d;let o=0,r=e.length;for(;o<e.length;){const t=e.charAt(o);if(!n.includes(t))break;o++}for(;r>o;){const t=r-1,n=e.charAt(t);if(!i.includes(n))break;r=t}return[e.slice(0,o),e.slice(o,r),e.slice(r)]}(e,t);return n+function(e,t){let n=e.trim();n=n.replace(r,a).replace(s,a),(null==t?void 0:t.separateNumbers)&&(n=n.replace(c,a).replace(l,a)),n=n.replace(u,"\0");let i=0,o=n.length;for(;"\0"===n.charAt(i);)i++;if(i===o)return[];for(;"\0"===n.charAt(o-1);)o--;return n.slice(i,o).split(/\0/g)}(i,t).map((f=null==t?void 0:t.locale,!1===f?e=>e.toLowerCase():e=>e.toLocaleLowerCase(f))).join((null==t?void 0:t.delimiter)??" ")+o;var f}const h=Symbol.for("volver");function p(e,t,n){const i=n||e.name;if(!i)return e;const o=null==t?void 0:t[i],r=e.props;return o&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in o))return e[t]=r[t],e;const n=o[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:n},e):(e[t]={...r[t],default:n},e)}),{})}:{...e,name:i}}class v{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){o(this,"_fetchOptions",{}),o(this,"_iconsCollections",[]),o(this,"_iconsProvider","vv"),o(this,"_nuxt",!1),o(this,"defaults",n.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,n=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,n)}addIcon(e,n){return t.addIcon(e,n)}addIconsAPIProvider(e,n){return t.addAPIProvider(e,n)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((n,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>n(e)))}))}}const g={install(e,t={}){const n=new v(t);e.config.globalProperties.$vv=n,t.components&&Object.entries(t.components).forEach((([n,i])=>{e.component(n,p(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([n,i])=>{e.component(n,p(i,t.defaults,n))})),t.directives&&Object.entries(t.directives).forEach((([t,n])=>{const i=function(e,t){return f(e,{delimiter:"-",...t})}(t);i.startsWith("v-")&&(t=i.substring(2).toLocaleLowerCase()),e.directive(t,n)})),e.provide(h,n)}};e.VolverPlugin=g,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,n){"use strict";var i=Object.defineProperty,o=(e,t,n)=>(((e,t,n)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(e,"symbol"!=typeof t?t+"":t,n),n);const r=new RegExp("([\\p{Ll}\\d])(\\p{Lu})","gu"),s=new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])","gu"),c=new RegExp("(?<=\\d)(\\p{Ll})|(?<=\\p{L})(\\d)","u"),l=/[^\p{L}\d]+/giu,u="$1\0$2",a="";function d(e){let t=e.trim();t=t.replace(r,u).replace(s,u),t=t.replace(l,"\0");let n=0,i=t.length;for(;"\0"===t.charAt(n);)n++;if(n===i)return[];for(;"\0"===t.charAt(i-1);)i--;return t.slice(n,i).split(/\0/g)}function f(e){const t=d(e);for(let n=0;n<t.length;n++){const e=t[n],i=c.exec(e);i&&t.splice(n,1,e.slice(0,i.index),e.slice(i.index))}return t}function h(e,t){const[n,i,o]=function(e,t={}){const n=t.split??(t.separateNumbers?f:d),i=t.prefixCharacters??a,o=t.suffixCharacters??a;let r=0,s=e.length;for(;r<e.length;){const t=e.charAt(r);if(!i.includes(t))break;r++}for(;s>r;){const t=s-1,n=e.charAt(t);if(!o.includes(n))break;s=t}return[e.slice(0,r),n(e.slice(r,s)),e.slice(s)]}(e,t);return n+i.map((r=null==t?void 0:t.locale,!1===r?e=>e.toLowerCase():e=>e.toLocaleLowerCase(r))).join((null==t?void 0:t.delimiter)??" ")+o;var r}const p=Symbol.for("volver");function v(e,t,n){const i=n||e.name;if(!i)return e;const o=null==t?void 0:t[i],r=e.props;return o&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in o))return e[t]=r[t],e;const n=o[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:n},e):(e[t]={...r[t],default:n},e)}),{})}:{...e,name:i}}class g{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){o(this,"_fetchOptions",{}),o(this,"_iconsCollections",[]),o(this,"_iconsProvider","vv"),o(this,"_nuxt",!1),o(this,"defaults",n.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,n=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,n)}addIcon(e,n){return t.addIcon(e,n)}addIconsAPIProvider(e,n){return t.addAPIProvider(e,n)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((n,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>n(e)))}))}}const b={install(e,t={}){const n=new g(t);e.config.globalProperties.$vv=n,t.components&&Object.entries(t.components).forEach((([n,i])=>{e.component(n,v(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([n,i])=>{e.component(n,v(i,t.defaults,n))})),t.directives&&Object.entries(t.directives).forEach((([t,n])=>{const i=function(e,t){return h(e,{delimiter:"-",...t})}(t);i.startsWith("v-")&&(t=i.substring(2).toLocaleLowerCase()),e.directive(t,n)})),e.provide(p,n)}};e.VolverPlugin=b,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/dist/props/index.d.ts

@@ -304,11 +304,11 @@ export declare const DropdownProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -316,7 +316,7 @@ export declare const DropdownProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             limiter?: {
-                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/core").Coords;
+                fn: (state: import("@floating-ui/core").MiddlewareState) => import("@floating-ui/utils").Coords;
                 options?: any;
             } | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
@@ -336,11 +336,11 @@ export declare const DropdownProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -348,7 +348,7 @@ export declare const DropdownProps: {
             crossAxis?: boolean | undefined;
             mainAxis?: boolean | undefined;
             fallbackPlacements?: import("@floating-ui/utils").Placement[] | undefined;
-            fallbackStrategy?: "initialPlacement" | "bestFit" | undefined;
+            fallbackStrategy?: "bestFit" | "initialPlacement" | undefined;
             fallbackAxisSideDirection?: "start" | "end" | "none" | undefined;
             flipAlignment?: boolean | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
@@ -378,12 +378,9 @@ export declare const DropdownProps: {
                 elements: import("@floating-ui/dom").Elements;
             } & {
                 availableWidth: number;
-                /**
-                 * Milliseconds to wait before emitting the input event
-                 */
                 availableHeight: number;
             }) => void | Promise<void>) | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;
@@ -401,9 +398,6 @@ export declare const DropdownProps: {
                 elements: import("@floating-ui/dom").Elements;
             } & {
                 availableWidth: number;
-                /**
-                 * Milliseconds to wait before emitting the input event
-                 */
                 availableHeight: number;
             }) => void | Promise<void>) | undefined;
         }> | undefined>;
@@ -426,7 +420,7 @@ export declare const DropdownProps: {
             autoAlignment?: boolean | undefined;
             allowedPlacements?: import("@floating-ui/utils").Placement[] | undefined;
             boundary?: import("@floating-ui/dom").Boundary | undefined;
-        } | import("@floating-ui/dom").Derivable<{
+        } | import("@floating-ui/core").Derivable<{
             rootBoundary?: import("@floating-ui/core").RootBoundary | undefined;
             elementContext?: import("@floating-ui/core").ElementContext | undefined;
             altBoundary?: boolean | undefined;

package/dist/resolvers/unplugin.es.js

@@ -1,16 +1,12 @@
 const SPLIT_LOWER_UPPER_RE = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu");
 const SPLIT_UPPER_UPPER_RE = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu");
-const SPLIT_NUMBER_LOWER_RE = new RegExp("(\\d)(\\p{Ll})", "gu");
-const SPLIT_LETTER_NUMBER_RE = new RegExp("(\\p{L})(\\d)", "gu");
+const SPLIT_SEPARATE_NUMBER_RE = new RegExp("(?<=\\d)(\\p{Ll})|(?<=\\p{L})(\\d)", "u");
 const DEFAULT_STRIP_REGEXP = /[^\p{L}\d]+/giu;
 const SPLIT_REPLACE_VALUE = "$1\0$2";
 const DEFAULT_PREFIX_SUFFIX_CHARACTERS = "";
-function split(value, options) {
+function split(value) {
   let result = value.trim();
   result = result.replace(SPLIT_LOWER_UPPER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_UPPER_UPPER_RE, SPLIT_REPLACE_VALUE);
-  if (options == null ? void 0 : options.separateNumbers) {
-    result = result.replace(SPLIT_NUMBER_LOWER_RE, SPLIT_REPLACE_VALUE).replace(SPLIT_LETTER_NUMBER_RE, SPLIT_REPLACE_VALUE);
-  }
   result = result.replace(DEFAULT_STRIP_REGEXP, "\0");
   let start = 0;
   let end = result.length;
@@ -22,9 +18,20 @@ function split(value, options) {
     end--;
   return result.slice(start, end).split(/\0/g);
 }
+function splitSeparateNumbers(value) {
+  const words = split(value);
+  for (let i = 0; i < words.length; i++) {
+    const word = words[i];
+    const match = SPLIT_SEPARATE_NUMBER_RE.exec(word);
+    if (match) {
+      words.splice(i, 1, word.slice(0, match.index), word.slice(match.index));
+    }
+  }
+  return words;
+}
 function noCase(input, options) {
-  const [prefix, value, suffix] = splitPrefixSuffix(input, options);
-  return prefix + split(value, options).map(lowerFactory(options == null ? void 0 : options.locale)).join((options == null ? void 0 : options.delimiter) ?? " ") + suffix;
+  const [prefix, words, suffix] = splitPrefixSuffix(input, options);
+  return prefix + words.map(lowerFactory(options == null ? void 0 : options.locale)).join((options == null ? void 0 : options.delimiter) ?? " ") + suffix;
 }
 function kebabCase(input, options) {
   return noCase(input, { delimiter: "-", ...options });
@@ -32,9 +39,10 @@ function kebabCase(input, options) {
 function lowerFactory(locale) {
   return locale === false ? (input) => input.toLowerCase() : (input) => input.toLocaleLowerCase(locale);
 }
-function splitPrefixSuffix(input, options) {
-  const prefixCharacters = (options == null ? void 0 : options.prefixCharacters) ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
-  const suffixCharacters = (options == null ? void 0 : options.suffixCharacters) ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+function splitPrefixSuffix(input, options = {}) {
+  const splitFn = options.split ?? (options.separateNumbers ? splitSeparateNumbers : split);
+  const prefixCharacters = options.prefixCharacters ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
+  const suffixCharacters = options.suffixCharacters ?? DEFAULT_PREFIX_SUFFIX_CHARACTERS;
   let prefixIndex = 0;
   let suffixIndex = input.length;
   while (prefixIndex < input.length) {
@@ -52,7 +60,7 @@ function splitPrefixSuffix(input, options) {
   }
   return [
     input.slice(0, prefixIndex),
-    input.slice(prefixIndex, suffixIndex),
+    splitFn(input.slice(prefixIndex, suffixIndex)),
     input.slice(suffixIndex)
   ];
 }

package/dist/resolvers/unplugin.umd.js

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

package/dist/stories/InputFile/InputFile.stories.d.ts

@@ -9,5 +9,4 @@ export declare const Valid: Story;
 export declare const Invalid: Story;
 export declare const Hint: Story;
 export declare const Loading: Story;
-export declare const IconLeft: Story;
-export declare const IconRight: Story;
+export declare const Progress: Story;

package/dist/stories/InputFile/{InputFileModifiers.stories.d.ts → InputFileDropArea.stories.d.ts}

@@ -3,7 +3,7 @@ import VvInputFile from '@/components/VvInputFile/VvInputFile.vue';
 declare const meta: Meta<typeof VvInputFile>;
 export default meta;
 type Story = StoryObj<typeof VvInputFile>;
-export declare const DropArea: Story;
-export declare const DropAreaHidden: Story;
-export declare const DropAreaSquare: Story;
-export declare const DropAreaCircle: Story;
+export declare const Default: Story;
+export declare const InputHidden: Story;
+export declare const Square: Story;
+export declare const Circle: Story;

package/dist/stories/InputFile/InputFileIconPosition.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import VvInputFile from '@/components/VvInputFile/VvInputFile.vue';
+declare const meta: Meta<typeof VvInputFile>;
+export default meta;
+type Story = StoryObj<typeof VvInputFile>;
+export declare const DefaultPosition: Story;
+export declare const After: Story;
+export declare const Src: Story;

package/dist/stories/InputFile/InputFileSlots.stories.d.ts

@@ -4,3 +4,4 @@ declare const meta: Meta<typeof VvInputFile>;
 export default meta;
 type Story = StoryObj<typeof VvInputFile>;
 export declare const DropArea: Story;
+export declare const Hint: Story;

package/dist/types/input-file.d.ts

@@ -3,12 +3,14 @@ export type UploadedFile<Source = undefined> = Source extends undefined ? {
     size: number;
     type: string;
     url: string;
+    thumbnailUrl?: string;
     lastModified?: number;
 } : {
     name: string;
     size: number;
     type: string;
     url: string;
+    thumbnailUrl?: string;
     lastModified?: number;
     source: Source;
 };

package/package.json

@@ -19,7 +19,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/ui-vue/issues"
   },
-  "version": "0.0.10-beta.20",
+  "version": "0.0.10-beta.22",
   "packageManager": "pnpm@8.7.0",
   "type": "module",
   "main": "./dist/Volver.umd.js",
@@ -35,98 +35,98 @@
     "*.d.ts"
   ],
   "dependencies": {
-    "@floating-ui/vue": "^1.0.2",
-    "@iconify/tools": "^3.0.7",
+    "@floating-ui/vue": "^1.0.3",
+    "@iconify/tools": "^4.0.0",
     "@iconify/vue": "^4.1.1",
-    "@vueuse/core": "^10.7.0",
+    "@vueuse/core": "^10.7.1",
     "blurhash": "^2.0.5",
     "comlink": "^4.4.1",
-    "jsdom": "^23.0.1",
+    "jsdom": "^23.2.0",
     "mitt": "^3.0.1",
     "pica": "^9.0.1",
     "ts-dot-prop": "^2.1.3",
     "uid": "^2.0.2",
-    "vue": "^3.3.10",
-    "vue-imask": "^7.1.3"
+    "vue": "^3.4.7",
+    "vue-imask": "^7.3.0"
   },
   "peerDependencies": {
     "@volverjs/style": "0.*"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.5",
-    "@babel/preset-env": "^7.23.5",
+    "@babel/core": "^7.23.7",
+    "@babel/preset-env": "^7.23.8",
     "@babel/preset-typescript": "^7.23.3",
     "@iconify/types": "^2.0.0",
-    "@iconify/utils": "^2.1.12",
+    "@iconify/utils": "^2.1.14",
     "@mdx-js/react": "^3.0.0",
-    "@rushstack/eslint-patch": "^1.6.0",
-    "@storybook/addon-a11y": "^7.6.5",
-    "@storybook/addon-actions": "^7.6.5",
-    "@storybook/addon-docs": "^7.6.5",
-    "@storybook/addon-essentials": "^7.6.5",
-    "@storybook/addon-interactions": "^7.6.5",
-    "@storybook/addon-links": "^7.6.5",
-    "@storybook/channel-postmessage": "^7.6.5",
-    "@storybook/channel-websocket": "^7.6.5",
-    "@storybook/cli": "^7.6.5",
-    "@storybook/client-api": "^7.6.5",
-    "@storybook/client-logger": "^7.6.5",
-    "@storybook/core-common": "^7.6.5",
+    "@rushstack/eslint-patch": "^1.6.1",
+    "@storybook/addon-a11y": "^7.6.7",
+    "@storybook/addon-actions": "^7.6.7",
+    "@storybook/addon-docs": "^7.6.7",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
+    "@storybook/channel-postmessage": "^7.6.7",
+    "@storybook/channel-websocket": "^7.6.7",
+    "@storybook/cli": "^7.6.7",
+    "@storybook/client-api": "^7.6.7",
+    "@storybook/client-logger": "^7.6.7",
+    "@storybook/core-common": "^7.6.7",
     "@storybook/jest": "^0.2.3",
-    "@storybook/preview-api": "^7.6.5",
-    "@storybook/preview-web": "^7.6.5",
+    "@storybook/preview-api": "^7.6.7",
+    "@storybook/preview-web": "^7.6.7",
     "@storybook/test-runner": "^0.16.0",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/vue3": "^7.6.5",
-    "@storybook/vue3-vite": "^7.6.5",
+    "@storybook/vue3": "^7.6.7",
+    "@storybook/vue3-vite": "^7.6.7",
     "@tsconfig/node18": "^18.2.2",
     "@types/jest-axe": "^3.5.9",
     "@types/jsdom": "^21.1.6",
-    "@types/node": "^20.10.3",
+    "@types/node": "^20.10.7",
     "@types/pica": "^9.0.4",
-    "@types/react": "^18.2.42",
+    "@types/react": "^18.2.47",
     "@types/yargs": "^17.0.32",
-    "@vitejs/plugin-vue": "^4.5.1",
-    "@volverjs/style": "0.1.12-beta.11",
-    "@vue/compiler-sfc": "^3.3.10",
-    "@vue/eslint-config-prettier": "^8.0.0",
+    "@vitejs/plugin-vue": "^5.0.2",
+    "@volverjs/style": "0.1.12-beta.15",
+    "@vue/compiler-sfc": "^3.4.7",
+    "@vue/eslint-config-prettier": "^9.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.3",
-    "@vue/tsconfig": "^0.4.0",
-    "change-case": "^5.3.0",
+    "@vue/tsconfig": "^0.5.1",
+    "change-case": "^5.4.0",
     "chokidar": "^3.5.3",
-    "eslint": "^8.55.0",
+    "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-mdx": "^2.2.0",
-    "eslint-plugin-mdx": "^2.2.0",
-    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-mdx": "^3.1.1",
+    "eslint-plugin-mdx": "^3.1.1",
+    "eslint-plugin-prettier": "^5.1.2",
     "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-vue": "^9.19.2",
     "glob": "7.2.3",
     "jest-axe": "^8.0.0",
     "jest-diff": "^29.7.0",
     "jest-get-type": "^29.6.3",
-    "jsdom": "^23.0.1",
+    "jsdom": "^23.2.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.1.0",
+    "prettier": "^3.1.1",
     "pretty-format": "^29.7.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "remark": "^15.0.1",
-    "sass": "^1.69.5",
-    "storybook": "^7.6.5",
+    "sass": "^1.69.7",
+    "storybook": "^7.6.7",
     "storybook-addon-markdown-docs": "^2.0.0",
     "storybook-dark-mode": "^3.0.3",
     "storybook-version": "^0.1.1",
-    "terser": "^5.25.0",
-    "ts-node": "^10.9.1",
-    "typescript": "~5.3.2",
-    "unplugin-auto-import": "^0.17.2",
+    "terser": "^5.26.0",
+    "ts-node": "^10.9.2",
+    "typescript": "~5.3.3",
+    "unplugin-auto-import": "^0.17.3",
     "unplugin-vue-components": "^0.26.0",
-    "vite": "^5.0.6",
+    "vite": "^5.0.11",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-externalize-deps": "^0.8.0",
-    "vue-tsc": "^1.8.25",
+    "vue-tsc": "^1.8.27",
     "yargs": "^17.7.2"
   },
   "typesVersions": {