@vuetify/nightly 3.0.0-beta.13 → 3.0.0-beta.15

package/lib/components/VImg/VImg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VImg.mjs","names":["VResponsive","intersect","makeTransitionProps","MaybeTransition","computed","nextTick","onBeforeMount","ref","vShow","watch","withDirectives","convertToUnit","defineComponent","SUPPORTS_INTERSECTION","useRender","VImg","name","directives","props","aspectRatio","String","Number","alt","cover","Boolean","eager","gradient","lazySrc","options","type","Object","default","root","undefined","rootMargin","threshold","sizes","src","srcset","width","emits","setup","emit","slots","currentSrc","image","state","naturalWidth","naturalHeight","normalisedSrc","aspect","value","init","isIntersecting","lazyImg","Image","pollForSize","complete","onError","onLoad","getSrc","img","timeout","poll","imgHeight","imgWidth","setTimeout","endsWith","startsWith","containClasses","__image","sources","transition","__preloadImage","__placeholder","placeholder","error","__error","__gradient","backgroundImage","isBooted","stop","val","requestAnimationFrame","additional","handler"],"sources":["../../../src/components/VImg/VImg.tsx"],"sourcesContent":["import './VImg.sass'\n\n// Components\nimport { VResponsive } from '@/components/VResponsive'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport {\n  computed,\n  nextTick,\n  onBeforeMount,\n  ref,\n  vShow,\n  watch,\n  withDirectives,\n} from 'vue'\nimport {\n  convertToUnit,\n  defineComponent,\n  SUPPORTS_INTERSECTION,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\n// not intended for public use, this is passed in by vuetify-loader\nexport interface srcObject {\n  src?: string\n  srcset?: string\n  lazySrc?: string\n  aspect: number\n}\n\nexport const VImg = defineComponent({\n  name: 'VImg',\n\n  directives: { intersect },\n\n  props: {\n    aspectRatio: [String, Number],\n    alt: String,\n    cover: Boolean,\n    eager: Boolean,\n    gradient: String,\n    lazySrc: String,\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    },\n    sizes: String,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    srcset: String,\n    width: [String, Number],\n\n    ...makeTransitionProps(),\n  },\n\n  emits: ['loadstart', 'load', 'error'],\n\n  setup (props, { emit, slots }) {\n    const currentSrc = ref('') // Set from srcset\n    const image = ref<HTMLImageElement>()\n    const state = ref<'idle' | 'loading' | 'loaded' | 'error'>(props.eager ? 'loading' : 'idle')\n    const naturalWidth = ref<number>()\n    const naturalHeight = ref<number>()\n\n    const normalisedSrc = computed<srcObject>(() => {\n      return props.src && typeof props.src === 'object'\n        ? {\n          src: props.src.src,\n          srcset: props.srcset || props.src.srcset,\n          lazySrc: props.lazySrc || props.src.lazySrc,\n          aspect: Number(props.aspectRatio || props.src.aspect),\n        } : {\n          src: props.src,\n          srcset: props.srcset,\n          lazySrc: props.lazySrc,\n          aspect: Number(props.aspectRatio || 0),\n        }\n    })\n    const aspectRatio = computed(() => {\n      return normalisedSrc.value.aspect || naturalWidth.value! / naturalHeight.value! || 0\n    })\n\n    watch(() => props.src, () => {\n      init(state.value !== 'idle')\n    })\n    // TODO: getSrc when window width changes\n\n    onBeforeMount(() => init())\n\n    function init (isIntersecting?: boolean) {\n      if (props.eager && isIntersecting) return\n      if (\n        SUPPORTS_INTERSECTION &&\n        !isIntersecting &&\n        !props.eager\n      ) return\n\n      state.value = 'loading'\n\n      if (normalisedSrc.value.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = normalisedSrc.value.lazySrc\n        pollForSize(lazyImg, null)\n      }\n\n      if (!normalisedSrc.value.src) return\n\n      nextTick(() => {\n        emit('loadstart', image.value?.currentSrc || normalisedSrc.value.src)\n\n        if (image.value?.complete) {\n          if (!image.value.naturalWidth) {\n            onError()\n          }\n\n          if (state.value === 'error') return\n\n          if (!aspectRatio.value) pollForSize(image.value, null)\n          onLoad()\n        } else {\n          if (!aspectRatio.value) pollForSize(image.value!)\n          getSrc()\n        }\n      })\n    }\n\n    function onLoad () {\n      getSrc()\n      state.value = 'loaded'\n      emit('load', image.value?.currentSrc || normalisedSrc.value.src)\n    }\n\n    function onError () {\n      state.value = 'error'\n      emit('error', image.value?.currentSrc || normalisedSrc.value.src)\n    }\n\n    function getSrc () {\n      const img = image.value\n      if (img) currentSrc.value = img.currentSrc || img.src\n    }\n\n    function pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\n        const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img\n\n        if (imgHeight || imgWidth) {\n          naturalWidth.value = imgWidth\n          naturalHeight.value = imgHeight\n        } else if (!img.complete && state.value === 'loading' && timeout != null) {\n          setTimeout(poll, timeout)\n        } else if (img.currentSrc.endsWith('.svg') || img.currentSrc.startsWith('data:image/svg+xml')) {\n          naturalWidth.value = 1\n          naturalHeight.value = 1\n        }\n      }\n\n      poll()\n    }\n\n    const containClasses = computed(() => ({\n      'v-img__img--cover': props.cover,\n      'v-img__img--contain': !props.cover,\n    }))\n\n    const __image = () => {\n      if (!normalisedSrc.value.src || state.value === 'idle') return null\n\n      const img = (\n        <img\n          class={['v-img__img', containClasses.value]}\n          src={ normalisedSrc.value.src }\n          srcset={ normalisedSrc.value.srcset }\n          alt=\"\"\n          sizes={ props.sizes }\n          ref={ image }\n          onLoad={ onLoad }\n          onError={ onError }\n        />\n      )\n\n      const sources = slots.sources?.()\n\n      return (\n        <MaybeTransition transition={ props.transition } appear>\n          {\n            withDirectives(\n              sources\n                ? <picture class=\"v-img__picture\">{ sources }{ img }</picture>\n                : img,\n              [[vShow, state.value === 'loaded']]\n            )\n          }\n        </MaybeTransition>\n      )\n    }\n\n    const __preloadImage = () => (\n      <MaybeTransition transition={ props.transition }>\n        { normalisedSrc.value.lazySrc && state.value !== 'loaded' && (\n          <img\n            class={['v-img__img', 'v-img__img--preload', containClasses.value]}\n            src={ normalisedSrc.value.lazySrc }\n            alt=\"\"\n          />\n        )}\n      </MaybeTransition>\n    )\n\n    const __placeholder = () => {\n      if (!slots.placeholder) return null\n\n      return (\n        <MaybeTransition transition={ props.transition } appear>\n          { (state.value === 'loading' || (state.value === 'error' && !slots.error)) &&\n          <div class=\"v-img__placeholder\">{ slots.placeholder() }</div>\n          }\n        </MaybeTransition>\n      )\n    }\n\n    const __error = () => {\n      if (!slots.error) return null\n\n      return (\n        <MaybeTransition transition={ props.transition } appear>\n          { state.value === 'error' &&\n            <div class=\"v-img__error\">{ slots.error() }</div>\n          }\n        </MaybeTransition>\n      )\n    }\n\n    const __gradient = () => {\n      if (!props.gradient) return null\n\n      return <div class=\"v-img__gradient\" style={{ backgroundImage: `linear-gradient(${props.gradient})` }} />\n    }\n\n    const isBooted = ref(false)\n    {\n      const stop = watch(aspectRatio, val => {\n        if (val) {\n          // Doesn't work with nextTick, idk why\n          requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n              isBooted.value = true\n            })\n          })\n          stop()\n        }\n      })\n    }\n\n    useRender(() => (\n      <VResponsive\n        class={[\n          'v-img',\n          { 'v-img--booting': !isBooted.value },\n        ]}\n        style={{ width: convertToUnit(props.width === 'auto' ? naturalWidth.value : props.width) }}\n        aspectRatio={ aspectRatio.value }\n        aria-label={ props.alt }\n        role={ props.alt ? 'img' : undefined }\n        v-intersect={[{\n          handler: init,\n          options: props.options,\n        }, null, ['once']]}\n      >{{\n        additional: () => (\n          <>\n            <__image />\n            <__preloadImage />\n            <__gradient />\n            <__placeholder />\n            <__error />\n          </>\n        ),\n        default: slots.default,\n      }}</VResponsive>\n    ))\n\n    return {\n      currentSrc,\n      image,\n      state,\n      naturalWidth,\n      naturalHeight,\n    }\n  },\n})\n\nexport type VImg = InstanceType<typeof VImg>\n"],"mappings":"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"}
+{"version":3,"file":"VImg.mjs","names":["VResponsive","intersect","makeTransitionProps","MaybeTransition","computed","nextTick","onBeforeMount","ref","vShow","watch","withDirectives","convertToUnit","defineComponent","SUPPORTS_INTERSECTION","useRender","VImg","name","directives","props","aspectRatio","String","Number","alt","cover","Boolean","eager","gradient","lazySrc","options","type","Object","default","root","undefined","rootMargin","threshold","sizes","src","srcset","width","emits","loadstart","event","load","error","setup","emit","slots","currentSrc","image","state","naturalWidth","naturalHeight","normalisedSrc","aspect","value","init","isIntersecting","lazyImg","Image","pollForSize","complete","onError","onLoad","getSrc","img","timeout","poll","imgHeight","imgWidth","setTimeout","endsWith","startsWith","containClasses","__image","sources","transition","__preloadImage","__placeholder","placeholder","__error","__gradient","backgroundImage","isBooted","stop","val","requestAnimationFrame","additional","handler"],"sources":["../../../src/components/VImg/VImg.tsx"],"sourcesContent":["import './VImg.sass'\n\n// Components\nimport { VResponsive } from '@/components/VResponsive'\n\n// Directives\nimport intersect from '@/directives/intersect'\n\n// Composables\nimport { makeTransitionProps, MaybeTransition } from '@/composables/transition'\n\n// Utilities\nimport {\n  computed,\n  nextTick,\n  onBeforeMount,\n  ref,\n  vShow,\n  watch,\n  withDirectives,\n} from 'vue'\nimport {\n  convertToUnit,\n  defineComponent,\n  SUPPORTS_INTERSECTION,\n  useRender,\n} from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\n// not intended for public use, this is passed in by vuetify-loader\nexport interface srcObject {\n  src?: string\n  srcset?: string\n  lazySrc?: string\n  aspect: number\n}\n\nexport const VImg = defineComponent({\n  name: 'VImg',\n\n  directives: { intersect },\n\n  props: {\n    aspectRatio: [String, Number],\n    alt: String,\n    cover: Boolean,\n    eager: Boolean,\n    gradient: String,\n    lazySrc: String,\n    options: {\n      type: Object as PropType<IntersectionObserverInit>,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    },\n    sizes: String,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    srcset: String,\n    width: [String, Number],\n\n    ...makeTransitionProps(),\n  },\n\n  emits: {\n    loadstart: (event: string | undefined) => true,\n    load: (event: string | undefined) => true,\n    error: (event: string | undefined) => true,\n  },\n\n  setup (props, { emit, slots }) {\n    const currentSrc = ref('') // Set from srcset\n    const image = ref<HTMLImageElement>()\n    const state = ref<'idle' | 'loading' | 'loaded' | 'error'>(props.eager ? 'loading' : 'idle')\n    const naturalWidth = ref<number>()\n    const naturalHeight = ref<number>()\n\n    const normalisedSrc = computed<srcObject>(() => {\n      return props.src && typeof props.src === 'object'\n        ? {\n          src: props.src.src,\n          srcset: props.srcset || props.src.srcset,\n          lazySrc: props.lazySrc || props.src.lazySrc,\n          aspect: Number(props.aspectRatio || props.src.aspect),\n        } : {\n          src: props.src,\n          srcset: props.srcset,\n          lazySrc: props.lazySrc,\n          aspect: Number(props.aspectRatio || 0),\n        }\n    })\n    const aspectRatio = computed(() => {\n      return normalisedSrc.value.aspect || naturalWidth.value! / naturalHeight.value! || 0\n    })\n\n    watch(() => props.src, () => {\n      init(state.value !== 'idle')\n    })\n    // TODO: getSrc when window width changes\n\n    onBeforeMount(() => init())\n\n    function init (isIntersecting?: boolean) {\n      if (props.eager && isIntersecting) return\n      if (\n        SUPPORTS_INTERSECTION &&\n        !isIntersecting &&\n        !props.eager\n      ) return\n\n      state.value = 'loading'\n\n      if (normalisedSrc.value.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = normalisedSrc.value.lazySrc\n        pollForSize(lazyImg, null)\n      }\n\n      if (!normalisedSrc.value.src) return\n\n      nextTick(() => {\n        emit('loadstart', image.value?.currentSrc || normalisedSrc.value.src)\n\n        if (image.value?.complete) {\n          if (!image.value.naturalWidth) {\n            onError()\n          }\n\n          if (state.value === 'error') return\n\n          if (!aspectRatio.value) pollForSize(image.value, null)\n          onLoad()\n        } else {\n          if (!aspectRatio.value) pollForSize(image.value!)\n          getSrc()\n        }\n      })\n    }\n\n    function onLoad () {\n      getSrc()\n      state.value = 'loaded'\n      emit('load', image.value?.currentSrc || normalisedSrc.value.src)\n    }\n\n    function onError () {\n      state.value = 'error'\n      emit('error', image.value?.currentSrc || normalisedSrc.value.src)\n    }\n\n    function getSrc () {\n      const img = image.value\n      if (img) currentSrc.value = img.currentSrc || img.src\n    }\n\n    function pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\n        const { naturalHeight: imgHeight, naturalWidth: imgWidth } = img\n\n        if (imgHeight || imgWidth) {\n          naturalWidth.value = imgWidth\n          naturalHeight.value = imgHeight\n        } else if (!img.complete && state.value === 'loading' && timeout != null) {\n          setTimeout(poll, timeout)\n        } else if (img.currentSrc.endsWith('.svg') || img.currentSrc.startsWith('data:image/svg+xml')) {\n          naturalWidth.value = 1\n          naturalHeight.value = 1\n        }\n      }\n\n      poll()\n    }\n\n    const containClasses = computed(() => ({\n      'v-img__img--cover': props.cover,\n      'v-img__img--contain': !props.cover,\n    }))\n\n    const __image = () => {\n      if (!normalisedSrc.value.src || state.value === 'idle') return null\n\n      const img = (\n        <img\n          class={['v-img__img', containClasses.value]}\n          src={ normalisedSrc.value.src }\n          srcset={ normalisedSrc.value.srcset }\n          alt=\"\"\n          sizes={ props.sizes }\n          ref={ image }\n          onLoad={ onLoad }\n          onError={ onError }\n        />\n      )\n\n      const sources = slots.sources?.()\n\n      return (\n        <MaybeTransition transition={ props.transition } appear>\n          {\n            withDirectives(\n              sources\n                ? <picture class=\"v-img__picture\">{ sources }{ img }</picture>\n                : img,\n              [[vShow, state.value === 'loaded']]\n            )\n          }\n        </MaybeTransition>\n      )\n    }\n\n    const __preloadImage = () => (\n      <MaybeTransition transition={ props.transition }>\n        { normalisedSrc.value.lazySrc && state.value !== 'loaded' && (\n          <img\n            class={['v-img__img', 'v-img__img--preload', containClasses.value]}\n            src={ normalisedSrc.value.lazySrc }\n            alt=\"\"\n          />\n        )}\n      </MaybeTransition>\n    )\n\n    const __placeholder = () => {\n      if (!slots.placeholder) return null\n\n      return (\n        <MaybeTransition transition={ props.transition } appear>\n          { (state.value === 'loading' || (state.value === 'error' && !slots.error)) &&\n          <div class=\"v-img__placeholder\">{ slots.placeholder() }</div>\n          }\n        </MaybeTransition>\n      )\n    }\n\n    const __error = () => {\n      if (!slots.error) return null\n\n      return (\n        <MaybeTransition transition={ props.transition } appear>\n          { state.value === 'error' &&\n            <div class=\"v-img__error\">{ slots.error() }</div>\n          }\n        </MaybeTransition>\n      )\n    }\n\n    const __gradient = () => {\n      if (!props.gradient) return null\n\n      return <div class=\"v-img__gradient\" style={{ backgroundImage: `linear-gradient(${props.gradient})` }} />\n    }\n\n    const isBooted = ref(false)\n    {\n      const stop = watch(aspectRatio, val => {\n        if (val) {\n          // Doesn't work with nextTick, idk why\n          requestAnimationFrame(() => {\n            requestAnimationFrame(() => {\n              isBooted.value = true\n            })\n          })\n          stop()\n        }\n      })\n    }\n\n    useRender(() => (\n      <VResponsive\n        class={[\n          'v-img',\n          { 'v-img--booting': !isBooted.value },\n        ]}\n        style={{ width: convertToUnit(props.width === 'auto' ? naturalWidth.value : props.width) }}\n        aspectRatio={ aspectRatio.value }\n        aria-label={ props.alt }\n        role={ props.alt ? 'img' : undefined }\n        v-intersect={[{\n          handler: init,\n          options: props.options,\n        }, null, ['once']]}\n      >{{\n        additional: () => (\n          <>\n            <__image />\n            <__preloadImage />\n            <__gradient />\n            <__placeholder />\n            <__error />\n          </>\n        ),\n        default: slots.default,\n      }}</VResponsive>\n    ))\n\n    return {\n      currentSrc,\n      image,\n      state,\n      naturalWidth,\n      naturalHeight,\n    }\n  },\n})\n\nexport type VImg = InstanceType<typeof VImg>\n"],"mappings":"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"}

package/lib/components/VImg/index.d.ts

@@ -42,7 +42,11 @@ declare const VImg: vue.DefineComponent<{
     state: vue.Ref<"error" | "loaded" | "idle" | "loading">;
     naturalWidth: vue.Ref<number | undefined>;
     naturalHeight: vue.Ref<number | undefined>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "load" | "loadstart")[], "error" | "load" | "loadstart", vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    loadstart: (event: string | undefined) => true;
+    load: (event: string | undefined) => true;
+    error: (event: string | undefined) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
     transition: {
         type: PropType<string | boolean | (vue.TransitionProps & {
             component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;
@@ -72,9 +76,9 @@ declare const VImg: vue.DefineComponent<{
     srcset: StringConstructor;
     width: (StringConstructor | NumberConstructor)[];
 }>> & {
-    onError?: ((...args: any[]) => any) | undefined;
-    onLoad?: ((...args: any[]) => any) | undefined;
-    onLoadstart?: ((...args: any[]) => any) | undefined;
+    onError?: ((event: string | undefined) => any) | undefined;
+    onLoad?: ((event: string | undefined) => any) | undefined;
+    onLoadstart?: ((event: string | undefined) => any) | undefined;
 }, {
     transition: string | boolean | (vue.TransitionProps & {
         component?: vue.Component<any, any, any, vue.ComputedOptions, vue.MethodOptions> | undefined;

package/lib/components/VImg/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VImg"],"sources":["../../../src/components/VImg/index.ts"],"sourcesContent":["export { VImg } from './VImg'\n"],"mappings":"SAASA,I"}
+{"version":3,"file":"index.mjs","names":["VImg"],"sources":["../../../src/components/VImg/index.ts"],"sourcesContent":["export { VImg } from './VImg'\n"],"mappings":"SAASA,IAAI"}

package/lib/components/VInput/InputIcon.mjs

@@ -5,7 +5,6 @@ export function useInputIcon(props) {
   const {
     t
   } = useLocale();
-
   function InputIcon(_ref) {
     let {
       name
@@ -25,7 +24,6 @@ export function useInputIcon(props) {
       "onClick": listener
     }, null);
   }
-
   return {
     InputIcon
   };

package/lib/components/VInput/InputIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputIcon.mjs","names":["VIcon","useLocale","useInputIcon","props","t","InputIcon","name","localeKey","prepend","prependInner","append","appendInner","clear","listener","label","undefined"],"sources":["../../../src/components/VInput/InputIcon.tsx"],"sourcesContent":["import { VIcon } from '@/components/VIcon'\nimport { useLocale } from '@/composables/locale'\nimport type { IconValue } from '@/composables/icons'\n\ntype names = 'clear' | 'prepend' | 'append' | 'appendInner' | 'prependInner'\n\ntype EventProp<T = (...args: any[]) => any> = T | T[]\ntype InputIconProps<T extends names> = {\n  label: string | undefined\n} & {\n  [K in `${T}Icon`]: IconValue | undefined\n} & {\n  [K in `onClick:${T}`]: EventProp | undefined\n}\n\ntype Listeners<T extends {}, U = keyof T> = U extends `onClick:${infer V extends names}` ? V : never\n\nexport function useInputIcon<T extends {}, K extends names = Listeners<T>> (props: T & InputIconProps<K>) {\n  const { t } = useLocale()\n\n  function InputIcon ({ name }: { name: Extract<names, K> }) {\n    const localeKey = {\n      prepend: 'prependAction',\n      prependInner: 'prependAction',\n      append: 'appendAction',\n      appendInner: 'appendAction',\n      clear: 'clear',\n    }[name]\n    const listener = props[`onClick:${name}`]\n    const label = listener && localeKey\n      ? t(`$vuetify.input.${localeKey}`, props.label ?? '')\n      : undefined\n\n    return (\n      <VIcon\n        icon={ props[`${name}Icon`] }\n        aria-label={ label }\n        onClick={ listener }\n      />\n    )\n  }\n\n  return { InputIcon }\n}\n"],"mappings":";SAASA,K;SACAC,S;AAgBT,OAAO,SAASC,YAAT,CAAqEC,KAArE,EAAmG;EACxG,MAAM;IAAEC;EAAF,IAAQH,SAAS,EAAvB;;EAEA,SAASI,SAAT,OAA2D;IAAA,IAAvC;MAAEC;IAAF,CAAuC;IACzD,MAAMC,SAAS,GAAG;MAChBC,OAAO,EAAE,eADO;MAEhBC,YAAY,EAAE,eAFE;MAGhBC,MAAM,EAAE,cAHQ;MAIhBC,WAAW,EAAE,cAJG;MAKhBC,KAAK,EAAE;IALS,EAMhBN,IANgB,CAAlB;IAOA,MAAMO,QAAQ,GAAGV,KAAK,CAAE,WAAUG,IAAK,EAAjB,CAAtB;IACA,MAAMQ,KAAK,GAAGD,QAAQ,IAAIN,SAAZ,GACVH,CAAC,CAAE,kBAAiBG,SAAU,EAA7B,EAAgCJ,KAAK,CAACW,KAAN,IAAe,EAA/C,CADS,GAEVC,SAFJ;IAIA;MAAA,QAEWZ,KAAK,CAAE,GAAEG,IAAK,MAAT,CAFhB;MAAA,cAGiBQ,KAHjB;MAAA,WAIcD;IAJd;EAOD;;EAED,OAAO;IAAER;EAAF,CAAP;AACD"}
+{"version":3,"file":"InputIcon.mjs","names":["VIcon","useLocale","useInputIcon","props","t","InputIcon","name","localeKey","prepend","prependInner","append","appendInner","clear","listener","label","undefined"],"sources":["../../../src/components/VInput/InputIcon.tsx"],"sourcesContent":["import { VIcon } from '@/components/VIcon'\nimport { useLocale } from '@/composables/locale'\nimport type { IconValue } from '@/composables/icons'\n\ntype names = 'clear' | 'prepend' | 'append' | 'appendInner' | 'prependInner'\n\ntype EventProp<T = (...args: any[]) => any> = T | T[]\ntype InputIconProps<T extends names> = {\n  label: string | undefined\n} & {\n  [K in `${T}Icon`]: IconValue | undefined\n} & {\n  [K in `onClick:${T}`]: EventProp | undefined\n}\n\ntype Listeners<T extends {}, U = keyof T> = U extends `onClick:${infer V extends names}` ? V : never\n\nexport function useInputIcon<T extends {}, K extends names = Listeners<T>> (props: T & InputIconProps<K>) {\n  const { t } = useLocale()\n\n  function InputIcon ({ name }: { name: Extract<names, K> }) {\n    const localeKey = {\n      prepend: 'prependAction',\n      prependInner: 'prependAction',\n      append: 'appendAction',\n      appendInner: 'appendAction',\n      clear: 'clear',\n    }[name]\n    const listener = props[`onClick:${name}`]\n    const label = listener && localeKey\n      ? t(`$vuetify.input.${localeKey}`, props.label ?? '')\n      : undefined\n\n    return (\n      <VIcon\n        icon={ props[`${name}Icon`] }\n        aria-label={ label }\n        onClick={ listener }\n      />\n    )\n  }\n\n  return { InputIcon }\n}\n"],"mappings":";SAASA,KAAK;AAAA,SACLC,SAAS;AAgBlB,OAAO,SAASC,YAAY,CAAgDC,KAA4B,EAAE;EACxG,MAAM;IAAEC;EAAE,CAAC,GAAGH,SAAS,EAAE;EAEzB,SAASI,SAAS,OAAyC;IAAA,IAAvC;MAAEC;IAAkC,CAAC;IACvD,MAAMC,SAAS,GAAG;MAChBC,OAAO,EAAE,eAAe;MACxBC,YAAY,EAAE,eAAe;MAC7BC,MAAM,EAAE,cAAc;MACtBC,WAAW,EAAE,cAAc;MAC3BC,KAAK,EAAE;IACT,CAAC,CAACN,IAAI,CAAC;IACP,MAAMO,QAAQ,GAAGV,KAAK,CAAE,WAAUG,IAAK,EAAC,CAAC;IACzC,MAAMQ,KAAK,GAAGD,QAAQ,IAAIN,SAAS,GAC/BH,CAAC,CAAE,kBAAiBG,SAAU,EAAC,EAAEJ,KAAK,CAACW,KAAK,IAAI,EAAE,CAAC,GACnDC,SAAS;IAEb;MAAA,QAEWZ,KAAK,CAAE,GAAEG,IAAK,MAAK,CAAC;MAAA,cACdQ,KAAK;MAAA,WACRD;IAAQ;EAGxB;EAEA,OAAO;IAAER;EAAU,CAAC;AACtB"}

package/lib/components/VInput/VInput.mjs

@@ -1,16 +1,14 @@
 import { resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Styles
-import "./VInput.css"; // Components
+import "./VInput.css";
 
+// Components
 import { VMessages } from "../VMessages/index.mjs"; // Composables
-
 import { IconValue } from "../../composables/icons.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeValidationProps, useValidation } from "../../composables/validation.mjs"; // Utilities
-
 import { computed } from 'vue';
 import { EventProp, genericComponent, getUid, isOn, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
-
 import { useInputIcon } from "./InputIcon.mjs";
 export const makeVInputProps = propsFactory({
   id: String,
@@ -30,15 +28,15 @@ export const makeVInputProps = propsFactory({
   'onClick:append': EventProp,
   ...makeDensityProps(),
   ...makeValidationProps()
-});
+}, 'VInput');
 export const VInput = genericComponent()({
   name: 'VInput',
-  props: { ...makeVInputProps()
+  props: {
+    ...makeVInputProps()
   },
   emits: {
     'update:modelValue': val => true
   },
-
   setup(props, _ref) {
     let {
       attrs,
@@ -80,7 +78,6 @@ export const VInput = genericComponent()({
     }));
     useRender(() => {
       var _props$messages, _slots$prepend, _slots$default, _slots$append, _slots$details;
-
       const hasPrepend = !!(slots.prepend || props.prependIcon);
       const hasAppend = !!(slots.append || props.appendIcon);
       const hasMessages = !!((_props$messages = props.messages) != null && _props$messages.length || errorMessages.value.length);
@@ -116,7 +113,6 @@ export const VInput = genericComponent()({
       validate
     };
   }
-
 });
 export function filterInputProps(props) {
   const keys = Object.keys(VInput.props).filter(k => !isOn(k));

package/lib/components/VInput/VInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VInput.mjs","names":["VMessages","IconValue","makeDensityProps","useDensity","makeValidationProps","useValidation","computed","EventProp","genericComponent","getUid","isOn","pick","propsFactory","useRender","useInputIcon","makeVInputProps","id","String","appendIcon","prependIcon","hideDetails","Boolean","messages","type","Array","default","direction","validator","v","includes","VInput","name","props","emits","val","setup","attrs","slots","emit","densityClasses","InputIcon","uid","errorMessages","isDirty","isDisabled","isReadonly","isPristine","isValid","isValidating","reset","resetValidation","validate","validationClasses","slotProps","hasPrepend","prepend","hasAppend","append","hasMessages","length","value","hasDetails","details","message","filterInputProps","keys","Object","filter","k"],"sources":["../../../src/components/VInput/VInput.tsx"],"sourcesContent":["// Styles\nimport './VInput.sass'\n\n// Components\nimport { VMessages } from '@/components/VMessages'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeValidationProps, useValidation } from '@/composables/validation'\n\n// Utilities\nimport { computed } from 'vue'\nimport { EventProp, genericComponent, getUid, isOn, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { MakeSlots } from '@/util'\nimport { useInputIcon } from '@/components/VInput/InputIcon'\n\nexport interface VInputSlot {\n  id: ComputedRef<string>\n  isDirty: ComputedRef<boolean>\n  isDisabled: ComputedRef<boolean>\n  isReadonly: ComputedRef<boolean>\n  isPristine: Ref<boolean>\n  isValid: ComputedRef<boolean | null>\n  isValidating: Ref<boolean>\n  reset: () => void\n  resetValidation: () => void\n  validate: () => void\n}\n\nexport const makeVInputProps = propsFactory({\n  id: String,\n  appendIcon: IconValue,\n  prependIcon: IconValue,\n  hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n  messages: {\n    type: [Array, String] as PropType<string | string[]>,\n    default: () => ([]),\n  },\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n    validator: (v: any) => ['horizontal', 'vertical'].includes(v),\n  },\n\n  'onClick:prepend': EventProp,\n  'onClick:append': EventProp,\n\n  ...makeDensityProps(),\n  ...makeValidationProps(),\n})\n\nexport type VInputSlots = MakeSlots<{\n  default: [VInputSlot]\n  prepend: [VInputSlot]\n  append: [VInputSlot]\n  details: [VInputSlot]\n}>\n\nexport const VInput = genericComponent<new <T>() => {\n  $slots: VInputSlots\n}>()({\n  name: 'VInput',\n\n  props: {\n    ...makeVInputProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots, emit }) {\n    const { densityClasses } = useDensity(props)\n    const { InputIcon } = useInputIcon(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n\n    const {\n      errorMessages,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n      validationClasses,\n    } = useValidation(props, 'v-input', id)\n\n    const slotProps = computed<VInputSlot>(() => ({\n      id,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n    }))\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.prependIcon)\n      const hasAppend = !!(slots.append || props.appendIcon)\n      const hasMessages = !!(\n        props.messages?.length ||\n        errorMessages.value.length\n      )\n      const hasDetails = !props.hideDetails || (\n        props.hideDetails === 'auto' &&\n        (hasMessages || !!slots.details)\n      )\n\n      return (\n        <div class={[\n          'v-input',\n          `v-input--${props.direction}`,\n          densityClasses.value,\n          validationClasses.value,\n        ]}\n        >\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-input__prepend\">\n              { slots.prepend?.(slotProps.value) }\n\n              { props.prependIcon && (\n                <InputIcon\n                  key=\"prepend-icon\"\n                  name=\"prepend\"\n                />\n              ) }\n            </div>\n          ) }\n\n          { slots.default && (\n            <div class=\"v-input__control\">\n              { slots.default?.(slotProps.value) }\n            </div>\n          ) }\n\n          { hasAppend && (\n            <div key=\"append\" class=\"v-input__append\">\n              { props.appendIcon && (\n                <InputIcon\n                  key=\"append-icon\"\n                  name=\"append\"\n                />\n              ) }\n\n              { slots.append?.(slotProps.value) }\n            </div>\n          ) }\n\n          { hasDetails && (\n            <div class=\"v-input__details\">\n              <VMessages\n                active={ hasMessages }\n                messages={ errorMessages.value.length > 0\n                  ? errorMessages.value\n                  : props.messages\n                }\n                v-slots={{ message: slots.message }}\n              />\n\n              { slots.details?.(slotProps.value) }\n            </div>\n          ) }\n        </div>\n      )\n    })\n\n    return {\n      reset,\n      resetValidation,\n      validate,\n    }\n  },\n})\n\nexport type VInput = InstanceType<typeof VInput>\n\nexport function filterInputProps (props: Record<string, unknown>) {\n  const keys = Object.keys(VInput.props).filter(k => !isOn(k))\n  return pick(props, keys)\n}\n"],"mappings":"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"}
+{"version":3,"file":"VInput.mjs","names":["VMessages","IconValue","makeDensityProps","useDensity","makeValidationProps","useValidation","computed","EventProp","genericComponent","getUid","isOn","pick","propsFactory","useRender","useInputIcon","makeVInputProps","id","String","appendIcon","prependIcon","hideDetails","Boolean","messages","type","Array","default","direction","validator","v","includes","VInput","name","props","emits","val","setup","attrs","slots","emit","densityClasses","InputIcon","uid","errorMessages","isDirty","isDisabled","isReadonly","isPristine","isValid","isValidating","reset","resetValidation","validate","validationClasses","slotProps","hasPrepend","prepend","hasAppend","append","hasMessages","length","value","hasDetails","details","message","filterInputProps","keys","Object","filter","k"],"sources":["../../../src/components/VInput/VInput.tsx"],"sourcesContent":["// Styles\nimport './VInput.sass'\n\n// Components\nimport { VMessages } from '@/components/VMessages'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeValidationProps, useValidation } from '@/composables/validation'\n\n// Utilities\nimport { computed } from 'vue'\nimport { EventProp, genericComponent, getUid, isOn, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { MakeSlots, SlotsToProps } from '@/util'\nimport { useInputIcon } from '@/components/VInput/InputIcon'\n\nexport interface VInputSlot {\n  id: ComputedRef<string>\n  isDirty: ComputedRef<boolean>\n  isDisabled: ComputedRef<boolean>\n  isReadonly: ComputedRef<boolean>\n  isPristine: Ref<boolean>\n  isValid: ComputedRef<boolean | null>\n  isValidating: Ref<boolean>\n  reset: () => void\n  resetValidation: () => void\n  validate: () => void\n}\n\nexport const makeVInputProps = propsFactory({\n  id: String,\n  appendIcon: IconValue,\n  prependIcon: IconValue,\n  hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n  messages: {\n    type: [Array, String] as PropType<string | string[]>,\n    default: () => ([]),\n  },\n  direction: {\n    type: String as PropType<'horizontal' | 'vertical'>,\n    default: 'horizontal',\n    validator: (v: any) => ['horizontal', 'vertical'].includes(v),\n  },\n\n  'onClick:prepend': EventProp,\n  'onClick:append': EventProp,\n\n  ...makeDensityProps(),\n  ...makeValidationProps(),\n}, 'VInput')\n\nexport type VInputSlots = MakeSlots<{\n  default: [VInputSlot]\n  prepend: [VInputSlot]\n  append: [VInputSlot]\n  details: [VInputSlot]\n}>\n\nexport const VInput = genericComponent<new () => {\n  $props: SlotsToProps<VInputSlots>\n}>()({\n  name: 'VInput',\n\n  props: {\n    ...makeVInputProps(),\n  },\n\n  emits: {\n    'update:modelValue': (val: any) => true,\n  },\n\n  setup (props, { attrs, slots, emit }) {\n    const { densityClasses } = useDensity(props)\n    const { InputIcon } = useInputIcon(props)\n\n    const uid = getUid()\n    const id = computed(() => props.id || `input-${uid}`)\n\n    const {\n      errorMessages,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n      validationClasses,\n    } = useValidation(props, 'v-input', id)\n\n    const slotProps = computed<VInputSlot>(() => ({\n      id,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n    }))\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.prependIcon)\n      const hasAppend = !!(slots.append || props.appendIcon)\n      const hasMessages = !!(\n        props.messages?.length ||\n        errorMessages.value.length\n      )\n      const hasDetails = !props.hideDetails || (\n        props.hideDetails === 'auto' &&\n        (hasMessages || !!slots.details)\n      )\n\n      return (\n        <div class={[\n          'v-input',\n          `v-input--${props.direction}`,\n          densityClasses.value,\n          validationClasses.value,\n        ]}\n        >\n          { hasPrepend && (\n            <div key=\"prepend\" class=\"v-input__prepend\">\n              { slots.prepend?.(slotProps.value) }\n\n              { props.prependIcon && (\n                <InputIcon\n                  key=\"prepend-icon\"\n                  name=\"prepend\"\n                />\n              ) }\n            </div>\n          ) }\n\n          { slots.default && (\n            <div class=\"v-input__control\">\n              { slots.default?.(slotProps.value) }\n            </div>\n          ) }\n\n          { hasAppend && (\n            <div key=\"append\" class=\"v-input__append\">\n              { props.appendIcon && (\n                <InputIcon\n                  key=\"append-icon\"\n                  name=\"append\"\n                />\n              ) }\n\n              { slots.append?.(slotProps.value) }\n            </div>\n          ) }\n\n          { hasDetails && (\n            <div class=\"v-input__details\">\n              <VMessages\n                active={ hasMessages }\n                messages={ errorMessages.value.length > 0\n                  ? errorMessages.value\n                  : props.messages\n                }\n                v-slots={{ message: slots.message }}\n              />\n\n              { slots.details?.(slotProps.value) }\n            </div>\n          ) }\n        </div>\n      )\n    })\n\n    return {\n      reset,\n      resetValidation,\n      validate,\n    }\n  },\n})\n\nexport type VInput = InstanceType<typeof VInput>\n\nexport function filterInputProps (props: Record<string, unknown>) {\n  const keys = Object.keys(VInput.props).filter(k => !isOn(k))\n  return pick(props, keys)\n}\n"],"mappings":"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"}

package/lib/components/VInput/index.d.ts

@@ -1,14 +1,18 @@
 import * as vue from 'vue';
 import { VNodeChild, PropType, JSXComponent, ComputedRef, Ref } from 'vue';
 
-declare type SlotsToProps<T extends Record<string, Slot>> = {
-    $children: () => (T['default'] | VNodeChild | {
+declare type Density = null | 'default' | 'comfortable' | 'compact';
+
+declare type SlotsToProps<T extends Record<string, any>> = T extends Record<string, Slot> ? ({
+    $children?: (VNodeChild | (keyof T extends 'default' ? T['default'] : {}) | {
         [K in keyof T]?: T[K];
     });
-    'v-slots': new () => {
+    'v-slots'?: {
         [K in keyof T]?: T[K] | false;
     };
-};
+} & {
+    [K in keyof T as `v-slot:${K & string}`]?: T[K] | false;
+}) : T extends Record<string, any[]> ? SlotsToProps<MakeSlots<T>> : never;
 declare type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
 declare type MakeSlots<T extends Record<string, any[]>> = {
     [K in keyof T]?: Slot<T[K]>;
@@ -51,11 +55,11 @@ declare const VInput: {
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
-            density: "default" | "compact" | "comfortable" | null;
+            density: Density;
             errorMessages: string | string[];
             maxErrors: string | number;
             rules: ValidationRule[];
-        }> & Omit<Readonly<vue.ExtractPropTypes<{
+        }> & Omit<Readonly<vue.ExtractPropTypes<Omit<{
             disabled: BooleanConstructor;
             error: BooleanConstructor;
             errorMessages: {
@@ -76,7 +80,7 @@ declare const VInput: {
             modelValue: null;
             validationValue: null;
             density: {
-                type: PropType<"default" | "compact" | "comfortable" | null>;
+                type: PropType<Density>;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -95,12 +99,7 @@ declare const VInput: {
             };
             'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
             'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-        } & SlotsToProps<MakeSlots<{
-            default: [VInputSlot];
-            prepend: [VInputSlot];
-            append: [VInputSlot];
-            details: [VInputSlot];
-        }>>>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "error" | "direction" | "disabled" | "readonly" | "messages" | "density" | "errorMessages" | "maxErrors" | "rules">;
         $attrs: {
@@ -116,7 +115,7 @@ declare const VInput: {
         $parent: vue.ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, vue.ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
         $emit: (event: "update:modelValue", val: any) => void;
         $el: any;
-        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+        $options: vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
             disabled: BooleanConstructor;
             error: BooleanConstructor;
             errorMessages: {
@@ -137,7 +136,7 @@ declare const VInput: {
             modelValue: null;
             validationValue: null;
             density: {
-                type: PropType<"default" | "compact" | "comfortable" | null>;
+                type: PropType<Density>;
                 default: string;
                 validator: (v: any) => boolean;
             };
@@ -156,26 +155,21 @@ declare const VInput: {
             };
             'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
             'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-        } & SlotsToProps<MakeSlots<{
-            default: [VInputSlot];
-            prepend: [VInputSlot];
-            append: [VInputSlot];
-            details: [VInputSlot];
-        }>>>> & {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         }, {
             reset: () => void;
             resetValidation: () => void;
             validate: () => Promise<string[]>;
-        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
             'update:modelValue': (val: any) => boolean;
-        }, string, {
+        }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">, string, {
             error: boolean;
             direction: "horizontal" | "vertical";
             disabled: boolean;
             readonly: boolean;
             messages: string | string[];
-            density: "default" | "compact" | "comfortable" | null;
+            density: Density;
             errorMessages: string | string[];
             maxErrors: string | number;
             rules: ValidationRule[];
@@ -199,7 +193,7 @@ declare const VInput: {
         $forceUpdate: () => void;
         $nextTick: typeof vue.nextTick;
         $watch(source: string | Function, cb: Function, options?: vue.WatchOptions<boolean> | undefined): vue.WatchStopHandle;
-    } & Readonly<vue.ExtractPropTypes<{
+    } & Readonly<vue.ExtractPropTypes<Omit<{
         disabled: BooleanConstructor;
         error: BooleanConstructor;
         errorMessages: {
@@ -220,7 +214,7 @@ declare const VInput: {
         modelValue: null;
         validationValue: null;
         density: {
-            type: PropType<"default" | "compact" | "comfortable" | null>;
+            type: PropType<Density>;
             default: string;
             validator: (v: any) => boolean;
         };
@@ -239,12 +233,7 @@ declare const VInput: {
         };
         'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
         'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-    } & SlotsToProps<MakeSlots<{
-        default: [VInputSlot];
-        prepend: [VInputSlot];
-        append: [VInputSlot];
-        details: [VInputSlot];
-    }>>>> & {
+    }, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
         reset: () => void;
@@ -254,7 +243,7 @@ declare const VInput: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<{
+} & vue.ComponentOptionsBase<Readonly<vue.ExtractPropTypes<Omit<{
     disabled: BooleanConstructor;
     error: BooleanConstructor;
     errorMessages: {
@@ -275,7 +264,7 @@ declare const VInput: {
     modelValue: null;
     validationValue: null;
     density: {
-        type: PropType<"default" | "compact" | "comfortable" | null>;
+        type: PropType<Density>;
         default: string;
         validator: (v: any) => boolean;
     };
@@ -294,31 +283,26 @@ declare const VInput: {
     };
     'onClick:prepend': PropType<EventProp<(...args: any[]) => any>>;
     'onClick:append': PropType<EventProp<(...args: any[]) => any>>;
-} & SlotsToProps<MakeSlots<{
-    default: [VInputSlot];
-    prepend: [VInputSlot];
-    append: [VInputSlot];
-    details: [VInputSlot];
-}>>>> & {
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">>> & {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 }, {
     reset: () => void;
     resetValidation: () => void;
     validate: () => Promise<string[]>;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<{
     'update:modelValue': (val: any) => boolean;
-}, string, {
+}, "$children" | "v-slots" | "v-slot:default" | "v-slot:prepend" | "v-slot:append" | "v-slot:details">, string, {
     error: boolean;
     direction: "horizontal" | "vertical";
     disabled: boolean;
     readonly: boolean;
     messages: string | string[];
-    density: "default" | "compact" | "comfortable" | null;
+    density: Density;
     errorMessages: string | string[];
     maxErrors: string | number;
     rules: ValidationRule[];
-}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new <T>() => {
-    $slots: VInputSlots;
+}> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+    $props: SlotsToProps<VInputSlots>;
 });
 declare type VInput = InstanceType<typeof VInput>;
 

package/lib/components/VInput/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VInput"],"sources":["../../../src/components/VInput/index.ts"],"sourcesContent":["export { VInput } from './VInput'\n"],"mappings":"SAASA,M"}
+{"version":3,"file":"index.mjs","names":["VInput"],"sources":["../../../src/components/VInput/index.ts"],"sourcesContent":["export { VInput } from './VInput'\n"],"mappings":"SAASA,MAAM"}

package/lib/components/VItemGroup/VItem.mjs

@@ -1,16 +1,13 @@
 // Composables
 import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
 import { VItemGroupSymbol } from "./VItemGroup.mjs"; // Utilities
-
 import { genericComponent } from "../../util/index.mjs"; // Types
-
 export const VItem = genericComponent()({
   name: 'VItem',
   props: makeGroupItemProps(),
   emits: {
     'group:selected': val => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -25,7 +22,6 @@ export const VItem = genericComponent()({
     } = useGroupItem(props, VItemGroupSymbol);
     return () => {
       var _slots$default;
-
       return (_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
         isSelected: isSelected.value,
         selectedClass: selectedClass.value,
@@ -36,6 +32,5 @@ export const VItem = genericComponent()({
       });
     };
   }
-
 });
 //# sourceMappingURL=VItem.mjs.map

package/lib/components/VItemGroup/VItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VItem.mjs","names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","genericComponent","VItem","name","props","emits","val","setup","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"sources":["../../../src/components/VItemGroup/VItem.tsx"],"sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { MakeSlots } from '@/util'\nimport type { GroupItemProvide } from '@/composables/group'\n\nexport const VItem = genericComponent<new () => {\n  $slots: MakeSlots<{\n    default: [GroupItemProvide]\n  }>\n}>()({\n  name: 'VItem',\n\n  props: makeGroupItemProps(),\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, select, toggle, selectedClass, value, disabled } = useGroupItem(props, VItemGroupSymbol)\n    return () => slots.default?.({\n      isSelected: isSelected.value,\n      selectedClass: selectedClass.value,\n      select,\n      toggle,\n      value: value.value,\n      disabled: disabled.value,\n    })\n  },\n})\n\nexport type VItem = InstanceType<typeof VItem>\n"],"mappings":"AAAA;SACSA,kB,EAAoBC,Y;SACpBC,gB,4BAET;;SACSC,gB,gCAET;;AAIA,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,GAIhC;EACHE,IAAI,EAAE,OADH;EAGHC,KAAK,EAAEN,kBAAkB,EAHtB;EAKHO,KAAK,EAAE;IACL,kBAAmBC,GAAD,IAA6B;EAD1C,CALJ;;EASHC,KAAK,CAAEH,KAAF,QAAoB;IAAA,IAAX;MAAEI;IAAF,CAAW;IACvB,MAAM;MAAEC,UAAF;MAAcC,MAAd;MAAsBC,MAAtB;MAA8BC,aAA9B;MAA6CC,KAA7C;MAAoDC;IAApD,IAAiEf,YAAY,CAACK,KAAD,EAAQJ,gBAAR,CAAnF;IACA,OAAO;MAAA;;MAAA,yBAAMQ,KAAK,CAACO,OAAZ,qBAAM,oBAAAP,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACI,KADI;QAE3BD,aAAa,EAAEA,aAAa,CAACC,KAFF;QAG3BH,MAH2B;QAI3BC,MAJ2B;QAK3BE,KAAK,EAAEA,KAAK,CAACA,KALc;QAM3BC,QAAQ,EAAEA,QAAQ,CAACD;MANQ,CAAX,CAAX;IAAA,CAAP;EAQD;;AAnBE,CAJgC,CAA9B"}
+{"version":3,"file":"VItem.mjs","names":["makeGroupItemProps","useGroupItem","VItemGroupSymbol","genericComponent","VItem","name","props","emits","val","setup","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"sources":["../../../src/components/VItemGroup/VItem.tsx"],"sourcesContent":["// Composables\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { VItemGroupSymbol } from './VItemGroup'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\n// Types\nimport type { SlotsToProps } from '@/util'\nimport type { GroupItemProvide } from '@/composables/group'\n\nexport const VItem = genericComponent<new () => {\n  $props: SlotsToProps<{\n    default: [GroupItemProvide]\n  }>\n}>()({\n  name: 'VItem',\n\n  props: makeGroupItemProps(),\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, select, toggle, selectedClass, value, disabled } = useGroupItem(props, VItemGroupSymbol)\n    return () => slots.default?.({\n      isSelected: isSelected.value,\n      selectedClass: selectedClass.value,\n      select,\n      toggle,\n      value: value.value,\n      disabled: disabled.value,\n    })\n  },\n})\n\nexport type VItem = InstanceType<typeof VItem>\n"],"mappings":"AAAA;AAAA,SACSA,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,4BAEzB;AAAA,SACSC,gBAAgB,gCAEzB;AAIA,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,EAIjC,CAAC;EACHE,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEN,kBAAkB,EAAE;EAE3BO,KAAK,EAAE;IACL,gBAAgB,EAAGC,GAAuB,IAAK;EACjD,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC,UAAU;MAAEC,MAAM;MAAEC,MAAM;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAS,CAAC,GAAGf,YAAY,CAACK,KAAK,EAAEJ,gBAAgB,CAAC;IAC5G,OAAO;MAAA;MAAA,yBAAMQ,KAAK,CAACO,OAAO,qBAAb,oBAAAP,KAAK,EAAW;QAC3BC,UAAU,EAAEA,UAAU,CAACI,KAAK;QAC5BD,aAAa,EAAEA,aAAa,CAACC,KAAK;QAClCH,MAAM;QACNC,MAAM;QACNE,KAAK,EAAEA,KAAK,CAACA,KAAK;QAClBC,QAAQ,EAAEA,QAAQ,CAACD;MACrB,CAAC,CAAC;IAAA;EACJ;AACF,CAAC,CAAC"}

package/lib/components/VItemGroup/VItemGroup.mjs

@@ -1,16 +1,17 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VItemGroup.css"; // Composables
+import "./VItemGroup.css";
 
+// Composables
 import { makeGroupProps, useGroup } from "../../composables/group.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs"; // Utilities
-
 import { defineComponent } from "../../util/index.mjs";
 export const VItemGroupSymbol = Symbol.for('vuetify:v-item-group');
 export const VItemGroup = defineComponent({
   name: 'VItemGroup',
-  props: { ...makeGroupProps({
+  props: {
+    ...makeGroupProps({
       selectedClass: 'v-item--selected'
     }),
     ...makeTagProps(),
@@ -19,7 +20,6 @@ export const VItemGroup = defineComponent({
   emits: {
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -36,7 +36,6 @@ export const VItemGroup = defineComponent({
     } = useGroup(props, VItemGroupSymbol);
     return () => {
       var _slots$default;
-
       return _createVNode(props.tag, {
         "class": ['v-item-group', themeClasses.value]
       }, {
@@ -50,6 +49,5 @@ export const VItemGroup = defineComponent({
       });
     };
   }
-
 });
 //# sourceMappingURL=VItemGroup.mjs.map

package/lib/components/VItemGroup/VItemGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VItemGroup.mjs","names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","defineComponent","VItemGroupSymbol","Symbol","for","VItemGroup","name","props","selectedClass","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","default"],"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const VItemGroup = defineComponent({\n  name: 'VItemGroup',\n\n  props: {\n    ...makeGroupProps({\n      selectedClass: 'v-item--selected',\n    }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VItemGroupSymbol)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-item-group',\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VItemGroup = InstanceType<typeof VItemGroup>\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,c,EAAgBC,Q;SAChBC,Y;SACAC,c,EAAgBC,Y,uCAEzB;;SACSC,e;AAET,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAAzB;AAEP,OAAO,MAAMC,UAAU,GAAGJ,eAAe,CAAC;EACxCK,IAAI,EAAE,YADkC;EAGxCC,KAAK,EAAE,EACL,GAAGX,cAAc,CAAC;MAChBY,aAAa,EAAE;IADC,CAAD,CADZ;IAIL,GAAGV,YAAY,EAJV;IAKL,GAAGC,cAAc;EALZ,CAHiC;EAWxCU,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB;EADhC,CAXiC;;EAexCC,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAmBb,YAAY,CAACO,KAAD,CAArC;IACA,MAAM;MAAEO,UAAF;MAAcC,MAAd;MAAsBC,IAAtB;MAA4BC,IAA5B;MAAkCC;IAAlC,IAA+CrB,QAAQ,CAACU,KAAD,EAAQL,gBAAR,CAA7D;IAEA,OAAO;MAAA;;MAAA;QAAA,SAEI,CACL,cADK,EAELW,YAAY,CAACH,KAFR;MAFJ;QAAA,kCAODE,KAAK,CAACO,OAPL,qBAOD,oBAAAP,KAAK,EAAW;UAChBE,UADgB;UAEhBC,MAFgB;UAGhBC,IAHgB;UAIhBC,IAJgB;UAKhBC,QAAQ,EAAEA,QAAQ,CAACR;QALH,CAAX,CAPJ;MAAA;IAAA,CAAP;EAgBD;;AAnCuC,CAAD,CAAlC"}
+{"version":3,"file":"VItemGroup.mjs","names":["makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","defineComponent","VItemGroupSymbol","Symbol","for","VItemGroup","name","props","selectedClass","emits","value","setup","slots","themeClasses","isSelected","select","next","prev","selected","default"],"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { defineComponent } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const VItemGroup = defineComponent({\n  name: 'VItemGroup',\n\n  props: {\n    ...makeGroupProps({\n      selectedClass: 'v-item--selected',\n    }),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { isSelected, select, next, prev, selected } = useGroup(props, VItemGroupSymbol)\n\n    return () => (\n      <props.tag\n        class={[\n          'v-item-group',\n          themeClasses.value,\n        ]}\n      >\n        { slots.default?.({\n          isSelected,\n          select,\n          next,\n          prev,\n          selected: selected.value,\n        }) }\n      </props.tag>\n    )\n  },\n})\n\nexport type VItemGroup = InstanceType<typeof VItemGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,eAAe;AAExB,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAElE,OAAO,MAAMC,UAAU,GAAGJ,eAAe,CAAC;EACxCK,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACL,GAAGX,cAAc,CAAC;MAChBY,aAAa,EAAE;IACjB,CAAC,CAAC;IACF,GAAGV,YAAY,EAAE;IACjB,GAAGC,cAAc;EACnB,CAAC;EAEDU,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAK,CAAEJ,KAAK,QAAa;IAAA,IAAX;MAAEK;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGb,YAAY,CAACO,KAAK,CAAC;IAC5C,MAAM;MAAEO,UAAU;MAAEC,MAAM;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGrB,QAAQ,CAACU,KAAK,EAAEL,gBAAgB,CAAC;IAEtF,OAAO;MAAA;MAAA;QAAA,SAEI,CACL,cAAc,EACdW,YAAY,CAACH,KAAK;MACnB;QAAA,kCAECE,KAAK,CAACO,OAAO,qBAAb,oBAAAP,KAAK,EAAW;UAChBE,UAAU;UACVC,MAAM;UACNC,IAAI;UACJC,IAAI;UACJC,QAAQ,EAAEA,QAAQ,CAACR;QACrB,CAAC,CAAC;MAAA;IAAA,CAEL;EACH;AACF,CAAC,CAAC"}