@vuetify/nightly 3.3.0 → 3.3.1-master.2023-05-24

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

@@ -62,12 +62,6 @@ declare const VImg: {
             "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                placeholder?: (() => vue.VNodeChild) | undefined;
-                error?: (() => vue.VNodeChild) | undefined;
-                sources?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -174,13 +168,6 @@ declare const VImg: {
             "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
             "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: (() => vue.VNodeChild) | undefined;
-                placeholder?: (() => vue.VNodeChild) | undefined;
-                error?: (() => vue.VNodeChild) | undefined;
-                sources?: (() => vue.VNodeChild) | undefined;
-            } | undefined;
         } & {
             onError?: ((value: string | undefined) => any) | undefined;
             onLoad?: ((value: string | undefined) => any) | undefined;
@@ -281,13 +268,6 @@ declare const VImg: {
         "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
         "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: (() => vue.VNodeChild) | undefined;
-            placeholder?: (() => vue.VNodeChild) | undefined;
-            error?: (() => vue.VNodeChild) | undefined;
-            sources?: (() => vue.VNodeChild) | undefined;
-        } | undefined;
     } & {
         onError?: ((value: string | undefined) => any) | undefined;
         onLoad?: ((value: string | undefined) => any) | undefined;
@@ -345,13 +325,6 @@ declare const VImg: {
     "v-slot:placeholder"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:error"?: false | (() => vue.VNodeChild) | undefined;
     "v-slot:sources"?: false | (() => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: (() => vue.VNodeChild) | undefined;
-        placeholder?: (() => vue.VNodeChild) | undefined;
-        error?: (() => vue.VNodeChild) | undefined;
-        sources?: (() => vue.VNodeChild) | undefined;
-    } | undefined;
 } & {
     onError?: ((value: string | undefined) => any) | undefined;
     onLoad?: ((value: string | undefined) => any) | undefined;

package/lib/components/VInput/InputIcon.mjs

@@ -1,6 +1,7 @@
 import { createVNode as _createVNode } from "vue";
-import { VIcon } from "../VIcon/index.mjs";
-import { useLocale } from "../../composables/locale.mjs";
+// Components
+import { VIcon } from "../VIcon/index.mjs"; // Composables
+import { useLocale } from "../../composables/locale.mjs"; // Types
 export function useInputIcon(props) {
   const {
     t

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

@@ -1 +1 @@
-{"version":3,"file":"InputIcon.mjs","names":["VIcon","useLocale","useInputIcon","props","t","InputIcon","_ref","name","localeKey","prepend","prependInner","append","appendInner","clear","listener","label","undefined","_createVNode"],"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,YAAYA,CAAgDC,KAA4B,EAAE;EACxG,MAAM;IAAEC;EAAE,CAAC,GAAGH,SAAS,EAAE;EAEzB,SAASI,SAASA,CAAAC,IAAA,EAAyC;IAAA,IAAvC;MAAEC;IAAkC,CAAC,GAAAD,IAAA;IACvD,MAAME,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,GAAGX,KAAK,CAAE,WAAUI,IAAK,EAAC,CAAC;IACzC,MAAMQ,KAAK,GAAGD,QAAQ,IAAIN,SAAS,GAC/BJ,CAAC,CAAE,kBAAiBI,SAAU,EAAC,EAAEL,KAAK,CAACY,KAAK,IAAI,EAAE,CAAC,GACnDC,SAAS;IAEb,OAAAC,YAAA,CAAAjB,KAAA;MAAA,QAEWG,KAAK,CAAE,GAAEI,IAAK,MAAK,CAAC;MAAA,cACdQ,KAAK;MAAA,WACRD;IAAQ;EAGxB;EAEA,OAAO;IAAET;EAAU,CAAC;AACtB"}
+{"version":3,"file":"InputIcon.mjs","names":["VIcon","useLocale","useInputIcon","props","t","InputIcon","_ref","name","localeKey","prepend","prependInner","append","appendInner","clear","listener","label","undefined","_createVNode"],"sources":["../../../src/components/VInput/InputIcon.tsx"],"sourcesContent":["// Components\nimport { VIcon } from '@/components/VIcon'\n\n// Composables\nimport { useLocale } from '@/composables/locale'\n\n// Types\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":";AAAA;AAAA,SACSA,KAAK,8BAEd;AAAA,SACSC,SAAS,wCAElB;AAgBA,OAAO,SAASC,YAAYA,CAAgDC,KAA4B,EAAE;EACxG,MAAM;IAAEC;EAAE,CAAC,GAAGH,SAAS,EAAE;EAEzB,SAASI,SAASA,CAAAC,IAAA,EAAyC;IAAA,IAAvC;MAAEC;IAAkC,CAAC,GAAAD,IAAA;IACvD,MAAME,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,GAAGX,KAAK,CAAE,WAAUI,IAAK,EAAC,CAAC;IACzC,MAAMQ,KAAK,GAAGD,QAAQ,IAAIN,SAAS,GAC/BJ,CAAC,CAAE,kBAAiBI,SAAU,EAAC,EAAEL,KAAK,CAACY,KAAK,IAAI,EAAE,CAAC,GACnDC,SAAS;IAEb,OAAAC,YAAA,CAAAjB,KAAA;MAAA,QAEWG,KAAK,CAAE,GAAEI,IAAK,MAAK,CAAC;MAAA,cACdQ,KAAK;MAAA,WACRD;IAAQ;EAGxB;EAEA,OAAO;IAAET;EAAU,CAAC;AACtB"}

package/lib/components/VInput/VInput.mjs

@@ -3,14 +3,14 @@ import { resolveDirective as _resolveDirective, createVNode as _createVNode } fr
 import "./VInput.css";
 
 // Components
+import { useInputIcon } from "./InputIcon.mjs";
 import { VMessages } from "../VMessages/VMessages.mjs"; // Composables
-import { IconValue } from "../../composables/icons.mjs";
 import { makeComponentProps } from "../../composables/component.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
+import { IconValue } from "../../composables/icons.mjs";
 import { makeValidationProps, useValidation } from "../../composables/validation.mjs"; // Utilities
 import { computed } from 'vue';
 import { EventProp, genericComponent, getUid, propsFactory, useRender } from "../../util/index.mjs"; // Types
-import { useInputIcon } from "./InputIcon.mjs";
 export const makeVInputProps = propsFactory({
   id: String,
   appendIcon: IconValue,
@@ -87,7 +87,7 @@ export const VInput = genericComponent()({
       validate
     }));
     const messages = computed(() => {
-      if (!isPristine.value && errorMessages.value.length > 0) {
+      if (props.errorMessages?.length || !isPristine.value && errorMessages.value.length) {
         return errorMessages.value;
       } else if (props.hint && (props.persistentHint || props.focused)) {
         return props.hint;

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

@@ -1 +1 @@
-{"version":3,"file":"VInput.mjs","names":["VMessages","IconValue","makeComponentProps","makeDensityProps","useDensity","makeValidationProps","useValidation","computed","EventProp","genericComponent","getUid","propsFactory","useRender","useInputIcon","makeVInputProps","id","String","appendIcon","centerAffix","type","Boolean","default","prependIcon","hideDetails","hint","persistentHint","messages","Array","direction","validator","v","includes","VInput","name","props","emits","val","setup","_ref","attrs","slots","emit","densityClasses","InputIcon","uid","messagesId","value","errorMessages","isDirty","isDisabled","isReadonly","isPristine","isValid","isValidating","reset","resetValidation","validate","validationClasses","slotProps","length","focused","hasPrepend","prepend","hasAppend","append","hasMessages","hasDetails","details","_createVNode","class","style","message"],"sources":["../../../src/components/VInput/VInput.tsx"],"sourcesContent":["// Styles\nimport './VInput.sass'\n\n// Components\nimport { VMessages, type VMessageSlot } from '@/components/VMessages/VMessages'\n\n// Composables\nimport { IconValue } from '@/composables/icons'\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeValidationProps, useValidation } from '@/composables/validation'\n\n// Utilities\nimport { computed } from 'vue'\nimport { EventProp, genericComponent, getUid, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport { useInputIcon } from '@/components/VInput/InputIcon'\n\nexport interface VInputSlot {\n  id: ComputedRef<string>\n  messagesId: 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  centerAffix: {\n    type: Boolean,\n    default: true,\n  },\n  prependIcon: IconValue,\n  hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n  hint: String,\n  persistentHint: Boolean,\n  messages: {\n    type: [Array, String] as PropType<string | readonly 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<[MouseEvent]>(),\n  'onClick:append': EventProp<[MouseEvent]>(),\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeValidationProps(),\n}, 'v-input')\n\nexport type VInputSlots = {\n  default: [VInputSlot]\n  prepend: [VInputSlot]\n  append: [VInputSlot]\n  details: [VInputSlot]\n  message: [VMessageSlot]\n}\n\nexport const VInput = genericComponent<VInputSlots>()({\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    const messagesId = computed(() => `${id.value}-messages`)\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      messagesId,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n    }))\n\n    const messages = computed(() => {\n      if (!isPristine.value && errorMessages.value.length > 0) {\n        return errorMessages.value\n      } else if (props.hint && (props.persistentHint || props.focused)) {\n        return props.hint\n      } else {\n        return props.messages\n      }\n    })\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.prependIcon)\n      const hasAppend = !!(slots.append || props.appendIcon)\n      const hasMessages = messages.value.length > 0\n      const hasDetails = !props.hideDetails || (\n        props.hideDetails === 'auto' &&\n        (hasMessages || !!slots.details)\n      )\n\n      return (\n        <div\n          class={[\n            'v-input',\n            `v-input--${props.direction}`,\n            {\n              'v-input--center-affix': props.centerAffix,\n            },\n            densityClasses.value,\n            validationClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\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                id={ messagesId.value }\n                active={ hasMessages }\n                messages={ messages.value }\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"],"mappings":"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"}
+{"version":3,"file":"VInput.mjs","names":["useInputIcon","VMessages","makeComponentProps","makeDensityProps","useDensity","IconValue","makeValidationProps","useValidation","computed","EventProp","genericComponent","getUid","propsFactory","useRender","makeVInputProps","id","String","appendIcon","centerAffix","type","Boolean","default","prependIcon","hideDetails","hint","persistentHint","messages","Array","direction","validator","v","includes","VInput","name","props","emits","val","setup","_ref","attrs","slots","emit","densityClasses","InputIcon","uid","messagesId","value","errorMessages","isDirty","isDisabled","isReadonly","isPristine","isValid","isValidating","reset","resetValidation","validate","validationClasses","slotProps","length","focused","hasPrepend","prepend","hasAppend","append","hasMessages","hasDetails","details","_createVNode","class","style","message"],"sources":["../../../src/components/VInput/VInput.tsx"],"sourcesContent":["// Styles\nimport './VInput.sass'\n\n// Components\nimport { useInputIcon } from '@/components/VInput/InputIcon'\nimport { VMessages } from '@/components/VMessages/VMessages'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { IconValue } from '@/composables/icons'\nimport { makeValidationProps, useValidation } from '@/composables/validation'\n\n// Utilities\nimport { computed } from 'vue'\nimport { EventProp, genericComponent, getUid, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ComputedRef, PropType, Ref } from 'vue'\nimport type { VMessageSlot } from '@/components/VMessages/VMessages'\n\nexport interface VInputSlot {\n  id: ComputedRef<string>\n  messagesId: 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  centerAffix: {\n    type: Boolean,\n    default: true,\n  },\n  prependIcon: IconValue,\n  hideDetails: [Boolean, String] as PropType<boolean | 'auto'>,\n  hint: String,\n  persistentHint: Boolean,\n  messages: {\n    type: [Array, String] as PropType<string | readonly 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<[MouseEvent]>(),\n  'onClick:append': EventProp<[MouseEvent]>(),\n\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeValidationProps(),\n}, 'v-input')\n\nexport type VInputSlots = {\n  default: VInputSlot\n  prepend: VInputSlot\n  append: VInputSlot\n  details: VInputSlot\n  message: VMessageSlot\n}\n\nexport const VInput = genericComponent<VInputSlots>()({\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    const messagesId = computed(() => `${id.value}-messages`)\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      messagesId,\n      isDirty,\n      isDisabled,\n      isReadonly,\n      isPristine,\n      isValid,\n      isValidating,\n      reset,\n      resetValidation,\n      validate,\n    }))\n\n    const messages = computed(() => {\n      if (props.errorMessages?.length || (!isPristine.value && errorMessages.value.length)) {\n        return errorMessages.value\n      } else if (props.hint && (props.persistentHint || props.focused)) {\n        return props.hint\n      } else {\n        return props.messages\n      }\n    })\n\n    useRender(() => {\n      const hasPrepend = !!(slots.prepend || props.prependIcon)\n      const hasAppend = !!(slots.append || props.appendIcon)\n      const hasMessages = messages.value.length > 0\n      const hasDetails = !props.hideDetails || (\n        props.hideDetails === 'auto' &&\n        (hasMessages || !!slots.details)\n      )\n\n      return (\n        <div\n          class={[\n            'v-input',\n            `v-input--${props.direction}`,\n            {\n              'v-input--center-affix': props.centerAffix,\n            },\n            densityClasses.value,\n            validationClasses.value,\n            props.class,\n          ]}\n          style={ props.style }\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                id={ messagesId.value }\n                active={ hasMessages }\n                messages={ messages.value }\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"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,YAAY;AAAA,SACZC,SAAS,sCAElB;AAAA,SACSC,kBAAkB;AAAA,SAClBC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,SAAS;AAAA,SACTC,mBAAmB,EAAEC,aAAa,4CAE3C;AACA,SAASC,QAAQ,QAAQ,KAAK;AAAA,SACrBC,SAAS,EAAEC,gBAAgB,EAAEC,MAAM,EAAEC,YAAY,EAAEC,SAAS,gCAErE;AAkBA,OAAO,MAAMC,eAAe,GAAGF,YAAY,CAAC;EAC1CG,EAAE,EAAEC,MAAM;EACVC,UAAU,EAAEZ,SAAS;EACrBa,WAAW,EAAE;IACXC,IAAI,EAAEC,OAAO;IACbC,OAAO,EAAE;EACX,CAAC;EACDC,WAAW,EAAEjB,SAAS;EACtBkB,WAAW,EAAE,CAACH,OAAO,EAAEJ,MAAM,CAA+B;EAC5DQ,IAAI,EAAER,MAAM;EACZS,cAAc,EAAEL,OAAO;EACvBM,QAAQ,EAAE;IACRP,IAAI,EAAE,CAACQ,KAAK,EAAEX,MAAM,CAAyC;IAC7DK,OAAO,EAAEA,CAAA,KAAO;EAClB,CAAC;EACDO,SAAS,EAAE;IACTT,IAAI,EAAEH,MAA6C;IACnDK,OAAO,EAAE,YAAY;IACrBQ,SAAS,EAAGC,CAAM,IAAK,CAAC,YAAY,EAAE,UAAU,CAAC,CAACC,QAAQ,CAACD,CAAC;EAC9D,CAAC;EAED,iBAAiB,EAAErB,SAAS,EAAgB;EAC5C,gBAAgB,EAAEA,SAAS,EAAgB;EAE3C,GAAGP,kBAAkB,EAAE;EACvB,GAAGC,gBAAgB,EAAE;EACrB,GAAGG,mBAAmB;AACxB,CAAC,EAAE,SAAS,CAAC;AAUb,OAAO,MAAM0B,MAAM,GAAGtB,gBAAgB,EAAe,CAAC;EACpDuB,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACL,GAAGpB,eAAe;EACpB,CAAC;EAEDqB,KAAK,EAAE;IACL,mBAAmB,EAAGC,GAAQ,IAAK;EACrC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAA0B;IAAA,IAAxB;MAAEC,KAAK;MAAEC,KAAK;MAAEC;IAAK,CAAC,GAAAH,IAAA;IAClC,MAAM;MAAEI;IAAe,CAAC,GAAGtC,UAAU,CAAC8B,KAAK,CAAC;IAC5C,MAAM;MAAES;IAAU,CAAC,GAAG3C,YAAY,CAACkC,KAAK,CAAC;IAEzC,MAAMU,GAAG,GAAGjC,MAAM,EAAE;IACpB,MAAMI,EAAE,GAAGP,QAAQ,CAAC,MAAM0B,KAAK,CAACnB,EAAE,IAAK,SAAQ6B,GAAI,EAAC,CAAC;IACrD,MAAMC,UAAU,GAAGrC,QAAQ,CAAC,MAAO,GAAEO,EAAE,CAAC+B,KAAM,WAAU,CAAC;IAEzD,MAAM;MACJC,aAAa;MACbC,OAAO;MACPC,UAAU;MACVC,UAAU;MACVC,UAAU;MACVC,OAAO;MACPC,YAAY;MACZC,KAAK;MACLC,eAAe;MACfC,QAAQ;MACRC;IACF,CAAC,GAAGlD,aAAa,CAAC2B,KAAK,EAAE,SAAS,EAAEnB,EAAE,CAAC;IAEvC,MAAM2C,SAAS,GAAGlD,QAAQ,CAAa,OAAO;MAC5CO,EAAE;MACF8B,UAAU;MACVG,OAAO;MACPC,UAAU;MACVC,UAAU;MACVC,UAAU;MACVC,OAAO;MACPC,YAAY;MACZC,KAAK;MACLC,eAAe;MACfC;IACF,CAAC,CAAC,CAAC;IAEH,MAAM9B,QAAQ,GAAGlB,QAAQ,CAAC,MAAM;MAC9B,IAAI0B,KAAK,CAACa,aAAa,EAAEY,MAAM,IAAK,CAACR,UAAU,CAACL,KAAK,IAAIC,aAAa,CAACD,KAAK,CAACa,MAAO,EAAE;QACpF,OAAOZ,aAAa,CAACD,KAAK;MAC5B,CAAC,MAAM,IAAIZ,KAAK,CAACV,IAAI,KAAKU,KAAK,CAACT,cAAc,IAAIS,KAAK,CAAC0B,OAAO,CAAC,EAAE;QAChE,OAAO1B,KAAK,CAACV,IAAI;MACnB,CAAC,MAAM;QACL,OAAOU,KAAK,CAACR,QAAQ;MACvB;IACF,CAAC,CAAC;IAEFb,SAAS,CAAC,MAAM;MACd,MAAMgD,UAAU,GAAG,CAAC,EAAErB,KAAK,CAACsB,OAAO,IAAI5B,KAAK,CAACZ,WAAW,CAAC;MACzD,MAAMyC,SAAS,GAAG,CAAC,EAAEvB,KAAK,CAACwB,MAAM,IAAI9B,KAAK,CAACjB,UAAU,CAAC;MACtD,MAAMgD,WAAW,GAAGvC,QAAQ,CAACoB,KAAK,CAACa,MAAM,GAAG,CAAC;MAC7C,MAAMO,UAAU,GAAG,CAAChC,KAAK,CAACX,WAAW,IACnCW,KAAK,CAACX,WAAW,KAAK,MAAM,KAC3B0C,WAAW,IAAI,CAAC,CAACzB,KAAK,CAAC2B,OAAO,CAChC;MAED,OAAAC,YAAA;QAAA,SAEW,CACL,SAAS,EACR,YAAWlC,KAAK,CAACN,SAAU,EAAC,EAC7B;UACE,uBAAuB,EAAEM,KAAK,CAAChB;QACjC,CAAC,EACDwB,cAAc,CAACI,KAAK,EACpBW,iBAAiB,CAACX,KAAK,EACvBZ,KAAK,CAACmC,KAAK,CACZ;QAAA,SACOnC,KAAK,CAACoC;MAAK,IAEjBT,UAAU,IAAAO,YAAA;QAAA,OACD,SAAS;QAAA,SAAO;MAAkB,IACvC5B,KAAK,CAACsB,OAAO,GAAGJ,SAAS,CAACZ,KAAK,CAAC,EAEhCZ,KAAK,CAACZ,WAAW,IAAA8C,YAAA,CAAAzB,SAAA;QAAA,OAEX,cAAc;QAAA,QACb;MAAS,QAEjB,EAEJ,EAECH,KAAK,CAACnB,OAAO,IAAA+C,YAAA;QAAA,SACF;MAAkB,IACzB5B,KAAK,CAACnB,OAAO,GAAGqC,SAAS,CAACZ,KAAK,CAAC,EAErC,EAECiB,SAAS,IAAAK,YAAA;QAAA,OACA,QAAQ;QAAA,SAAO;MAAiB,IACrClC,KAAK,CAACjB,UAAU,IAAAmD,YAAA,CAAAzB,SAAA;QAAA,OAEV,aAAa;QAAA,QACZ;MAAQ,QAEhB,EAECH,KAAK,CAACwB,MAAM,GAAGN,SAAS,CAACZ,KAAK,CAAC,EAEpC,EAECoB,UAAU,IAAAE,YAAA;QAAA,SACC;MAAkB,IAAAA,YAAA,CAAAnE,SAAA;QAAA,MAEpB4C,UAAU,CAACC,KAAK;QAAA,UACZmB,WAAW;QAAA,YACTvC,QAAQ,CAACoB;MAAK,GAChB;QAAEyB,OAAO,EAAE/B,KAAK,CAAC+B;MAAQ,CAAC,GAGnC/B,KAAK,CAAC2B,OAAO,GAAGT,SAAS,CAACZ,KAAK,CAAC,EAErC;IAGP,CAAC,CAAC;IAEF,OAAO;MACLQ,KAAK;MACLC,eAAe;MACfC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}

package/lib/components/VInput/_variables.scss

@@ -7,7 +7,7 @@ $input-density: ('default': 0, 'comfortable': -2, 'compact': -4) !default;
 $input-control-height: 56px !default;
 $input-font-size: tools.map-deep-get(settings.$typography, 'body-1', 'size') !default;
 $input-font-weight: tools.map-deep-get(settings.$typography, 'body-1', 'weight') !default;
-$input-line-height: 1.625;
+$input-line-height: 1.625 !default;
 
 // DETAILS
 $input-details-font-size: .75rem !default;

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

@@ -13,13 +13,13 @@ type Density = null | 'default' | 'comfortable' | 'compact';
 type ValidationResult = string | boolean;
 type ValidationRule = ValidationResult | PromiseLike<ValidationResult> | ((value: any) => ValidationResult) | ((value: any) => PromiseLike<ValidationResult>);
 
+type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
 type VMessageSlot = {
     message: string;
 };
 
-type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
-declare const IconValue: PropType<IconValue>;
-
 interface VInputSlot {
     id: ComputedRef<string>;
     messagesId: ComputedRef<string>;
@@ -46,10 +46,10 @@ declare const VInput: {
             messages?: string | readonly string[] | undefined;
             density?: Density | undefined;
             focused?: boolean | undefined;
-            centerAffix?: boolean | undefined;
             errorMessages?: string | readonly string[] | undefined;
             maxErrors?: string | number | undefined;
             rules?: readonly ValidationRule[] | undefined;
+            centerAffix?: boolean | undefined;
             persistentHint?: boolean | undefined;
             key?: string | number | symbol | undefined;
             id?: string | undefined;
@@ -57,29 +57,22 @@ declare const VInput: {
             label?: string | undefined;
             class?: any;
             $children?: vue.VNodeChild | {
-                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-            } | ((args_0: VInputSlot) => vue.VNodeChild);
+                default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            } | ((arg: VInputSlot) => vue.VNodeChild);
             ref?: vue.VNodeRef | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
-            "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             'v-slots'?: {
-                default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
-            $slots?: {
-                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             } | undefined;
             onVnodeBeforeMount?: ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
@@ -119,21 +112,21 @@ declare const VInput: {
             }>) => void) | ((vnode: vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
-            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
             modelValue?: any;
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
             prependIcon?: IconValue | undefined;
             appendIcon?: IconValue | undefined;
             'onClick:append'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
             'onClick:prepend'?: EventProp<[MouseEvent], (args_0: MouseEvent) => any> | undefined;
+            "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             'onUpdate:focused'?: EventProp<[boolean], (args_0: boolean) => any> | undefined;
-            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
             validateOn?: "lazy" | ("input" | "blur" | "submit") | "input lazy" | "blur lazy" | "submit lazy" | "lazy input" | "lazy blur" | "lazy submit" | undefined;
             validationValue?: any;
             hint?: string | undefined;
             hideDetails?: boolean | "auto" | undefined;
-            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
         };
         $attrs: {
             [x: string]: unknown;
@@ -142,19 +135,19 @@ declare const VInput: {
             [x: string]: unknown;
         };
         $slots: Readonly<{
-            default?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prepend?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            append?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            details?: ((arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
-            message?: ((args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            message?: ((arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[]) | undefined;
         }>;
@@ -171,10 +164,10 @@ declare const VInput: {
             messages: string | readonly string[];
             density: Density;
             focused: boolean;
-            centerAffix: boolean;
             errorMessages: string | readonly string[];
             maxErrors: string | number;
             rules: readonly ValidationRule[];
+            centerAffix: boolean;
             persistentHint: boolean;
         } & {
             id?: string | undefined;
@@ -193,33 +186,25 @@ declare const VInput: {
             hideDetails?: boolean | "auto" | undefined;
         } & {
             $children?: vue.VNodeChild | {
-                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-            } | ((args_0: VInputSlot) => vue.VNodeChild);
+                default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+            } | ((arg: VInputSlot) => vue.VNodeChild);
             'v-slots'?: {
-                default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+                default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+                message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
             } | undefined;
         } & {
-            "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-        } & {
-            $slots?: {
-                default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-                message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-            } | undefined;
+            "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         } & {
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
         }, {
@@ -237,25 +222,25 @@ declare const VInput: {
             messages: string | readonly string[];
             density: Density;
             focused: boolean;
-            centerAffix: boolean;
             errorMessages: string | readonly string[];
             maxErrors: string | number;
             rules: readonly ValidationRule[];
+            centerAffix: boolean;
             persistentHint: boolean;
         }, {}, string, vue.SlotsType<Partial<{
-            default: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
-            message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+            message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
                 [key: string]: any;
             }>[];
         }>>> & {
@@ -287,10 +272,10 @@ declare const VInput: {
         messages: string | readonly string[];
         density: Density;
         focused: boolean;
-        centerAffix: boolean;
         errorMessages: string | readonly string[];
         maxErrors: string | number;
         rules: readonly ValidationRule[];
+        centerAffix: boolean;
         persistentHint: boolean;
     } & {
         id?: string | undefined;
@@ -309,33 +294,25 @@ declare const VInput: {
         hideDetails?: boolean | "auto" | undefined;
     } & {
         $children?: vue.VNodeChild | {
-            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-        } | ((args_0: VInputSlot) => vue.VNodeChild);
+            default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+        } | ((arg: VInputSlot) => vue.VNodeChild);
         'v-slots'?: {
-            default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+            default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+            message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
-        "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-    } & {
-        $slots?: {
-            default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-            message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-        } | undefined;
+        "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((val: any) => any) | undefined;
     } & vue.ShallowUnwrapRef<{
@@ -355,10 +332,10 @@ declare const VInput: {
     messages: string | readonly string[];
     density: Density;
     focused: boolean;
-    centerAffix: boolean;
     errorMessages: string | readonly string[];
     maxErrors: string | number;
     rules: readonly ValidationRule[];
+    centerAffix: boolean;
     persistentHint: boolean;
 } & {
     id?: string | undefined;
@@ -377,33 +354,25 @@ declare const VInput: {
     hideDetails?: boolean | "auto" | undefined;
 } & {
     $children?: vue.VNodeChild | {
-        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-    } | ((args_0: VInputSlot) => vue.VNodeChild);
+        default?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
+    } | ((arg: VInputSlot) => vue.VNodeChild);
     'v-slots'?: {
-        default?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        prepend?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        message?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
+        default?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        prepend?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        append?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        details?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+        message?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
-    "v-slot:default"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:prepend"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:append"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:details"?: false | ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-    "v-slot:message"?: false | ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-} & {
-    $slots?: {
-        default?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        prepend?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        append?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        details?: ((args_0: VInputSlot) => vue.VNodeChild) | undefined;
-        message?: ((args_0: VMessageSlot) => vue.VNodeChild) | undefined;
-    } | undefined;
+    "v-slot:default"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:details"?: false | ((arg: VInputSlot) => vue.VNodeChild) | undefined;
+    "v-slot:message"?: false | ((arg: VMessageSlot) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((val: any) => any) | undefined;
 }, {
@@ -421,25 +390,25 @@ declare const VInput: {
     messages: string | readonly string[];
     density: Density;
     focused: boolean;
-    centerAffix: boolean;
     errorMessages: string | readonly string[];
     maxErrors: string | number;
     rules: readonly ValidationRule[];
+    centerAffix: boolean;
     persistentHint: boolean;
 }, {}, string, vue.SlotsType<Partial<{
-    default: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    default: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    prepend: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    prepend: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    append: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    append: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    details: (args_0: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    details: (arg: VInputSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
-    message: (args_0: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+    message: (arg: VMessageSlot) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];
 }>>> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & FilterPropsOptions<{

package/lib/components/VItemGroup/VItem.mjs

@@ -1,6 +1,6 @@
 // Composables
-import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs";
-import { VItemGroupSymbol } from "./VItemGroup.mjs"; // Utilities
+import { VItemGroupSymbol } from "./VItemGroup.mjs";
+import { makeGroupItemProps, useGroupItem } from "../../composables/group.mjs"; // Utilities
 import { genericComponent } from "../../util/index.mjs";
 export const VItem = genericComponent()({
   name: 'VItem',

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","_ref","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\ntype VItemSlots = {\n  default: [{\n    isSelected: boolean | undefined\n    selectedClass: boolean | (string | undefined)[] | undefined\n    select: ((value: boolean) => void) | undefined\n    toggle: (() => void) | undefined\n    value: unknown\n    disabled: boolean | undefined\n  }]\n}\n\nexport const VItem = genericComponent<VItemSlots>()({\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;AAazB,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,EAAc,CAAC;EAClDE,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEN,kBAAkB,EAAE;EAE3BO,KAAK,EAAE;IACL,gBAAgB,EAAGC,GAAuB,IAAK;EACjD,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,UAAU;MAAEC,MAAM;MAAEC,MAAM;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAS,CAAC,GAAGhB,YAAY,CAACK,KAAK,EAAEJ,gBAAgB,CAAC;IAC5G,OAAO,MAAMS,KAAK,CAACO,OAAO,GAAG;MAC3BN,UAAU,EAAEA,UAAU,CAACI,KAAK;MAC5BD,aAAa,EAAEA,aAAa,CAACC,KAAK;MAClCH,MAAM;MACNC,MAAM;MACNE,KAAK,EAAEA,KAAK,CAACA,KAAK;MAClBC,QAAQ,EAAEA,QAAQ,CAACD;IACrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"VItem.mjs","names":["VItemGroupSymbol","makeGroupItemProps","useGroupItem","genericComponent","VItem","name","props","emits","val","setup","_ref","slots","isSelected","select","toggle","selectedClass","value","disabled","default"],"sources":["../../../src/components/VItemGroup/VItem.tsx"],"sourcesContent":["// Composables\nimport { VItemGroupSymbol } from './VItemGroup'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\n\n// Utilities\nimport { genericComponent } from '@/util'\n\ntype VItemSlots = {\n  default: {\n    isSelected: boolean | undefined\n    selectedClass: boolean | (string | undefined)[] | undefined\n    select: ((value: boolean) => void) | undefined\n    toggle: (() => void) | undefined\n    value: unknown\n    disabled: boolean | undefined\n  }\n}\n\nexport const VItem = genericComponent<VItemSlots>()({\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,gBAAgB;AAAA,SAChBC,kBAAkB,EAAEC,YAAY,uCAEzC;AAAA,SACSC,gBAAgB;AAazB,OAAO,MAAMC,KAAK,GAAGD,gBAAgB,EAAc,CAAC;EAClDE,IAAI,EAAE,OAAO;EAEbC,KAAK,EAAEL,kBAAkB,EAAE;EAE3BM,KAAK,EAAE;IACL,gBAAgB,EAAGC,GAAuB,IAAK;EACjD,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,UAAU;MAAEC,MAAM;MAAEC,MAAM;MAAEC,aAAa;MAAEC,KAAK;MAAEC;IAAS,CAAC,GAAGf,YAAY,CAACI,KAAK,EAAEN,gBAAgB,CAAC;IAC5G,OAAO,MAAMW,KAAK,CAACO,OAAO,GAAG;MAC3BN,UAAU,EAAEA,UAAU,CAACI,KAAK;MAC5BD,aAAa,EAAEA,aAAa,CAACC,KAAK;MAClCH,MAAM;MACNC,MAAM;MACNE,KAAK,EAAEA,KAAK,CAACA,KAAK;MAClBC,QAAQ,EAAEA,QAAQ,CAACD;IACrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"VItemGroup.mjs","names":["makeComponentProps","makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","genericComponent","propsFactory","VItemGroupSymbol","Symbol","for","makeVItemGroupProps","selectedClass","VItemGroup","name","props","emits","value","setup","_ref","slots","themeClasses","isSelected","select","next","prev","selected","_createVNode","tag","class","style","default"],"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { genericComponent, propsFactory } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const makeVItemGroupProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeGroupProps({\n    selectedClass: 'v-item--selected',\n  }),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'v-item-group')\n\ntype VItemGroupSlots = {\n  default: [{\n    isSelected: (id: number) => boolean\n    select: (id: number, value: boolean) => void\n    next: () => void\n    prev: () => void\n    selected: readonly number[]\n  }]\n}\n\nexport const VItemGroup = genericComponent<VItemGroupSlots>()({\n  name: 'VItemGroup',\n\n  props: makeVItemGroupProps(),\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          props.class,\n        ]}\n        style={ props.style }\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,kBAAkB;AAAA,SAClBC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,gBAAgB,EAAEC,YAAY;AAEvC,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAElE,OAAO,MAAMC,mBAAmB,GAAGJ,YAAY,CAAC;EAC9C,GAAGP,kBAAkB,EAAE;EACvB,GAAGC,cAAc,CAAC;IAChBW,aAAa,EAAE;EACjB,CAAC,CAAC;EACF,GAAGT,YAAY,EAAE;EACjB,GAAGC,cAAc;AACnB,CAAC,EAAE,cAAc,CAAC;AAYlB,OAAO,MAAMS,UAAU,GAAGP,gBAAgB,EAAmB,CAAC;EAC5DQ,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEJ,mBAAmB,EAAE;EAE5BK,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGhB,YAAY,CAACU,KAAK,CAAC;IAC5C,MAAM;MAAEO,UAAU;MAAEC,MAAM;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGxB,QAAQ,CAACa,KAAK,EAAEP,gBAAgB,CAAC;IAEtF,OAAO,MAAAmB,YAAA,CAAAZ,KAAA,CAAAa,GAAA;MAAA,SAEI,CACL,cAAc,EACdP,YAAY,CAACJ,KAAK,EAClBF,KAAK,CAACc,KAAK,CACZ;MAAA,SACOd,KAAK,CAACe;IAAK;MAAAC,OAAA,EAAAA,CAAA,MAEjBX,KAAK,CAACW,OAAO,GAAG;QAChBT,UAAU;QACVC,MAAM;QACNC,IAAI;QACJC,IAAI;QACJC,QAAQ,EAAEA,QAAQ,CAACT;MACrB,CAAC,CAAC;IAAA,EAEL;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VItemGroup.mjs","names":["makeComponentProps","makeGroupProps","useGroup","makeTagProps","makeThemeProps","provideTheme","genericComponent","propsFactory","VItemGroupSymbol","Symbol","for","makeVItemGroupProps","selectedClass","VItemGroup","name","props","emits","value","setup","_ref","slots","themeClasses","isSelected","select","next","prev","selected","_createVNode","tag","class","style","default"],"sources":["../../../src/components/VItemGroup/VItemGroup.tsx"],"sourcesContent":["// Styles\nimport './VItemGroup.sass'\n\n// Composables\nimport { makeComponentProps } from '@/composables/component'\nimport { makeGroupProps, useGroup } from '@/composables/group'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\n\n// Utilities\nimport { genericComponent, propsFactory } from '@/util'\n\nexport const VItemGroupSymbol = Symbol.for('vuetify:v-item-group')\n\nexport const makeVItemGroupProps = propsFactory({\n  ...makeComponentProps(),\n  ...makeGroupProps({\n    selectedClass: 'v-item--selected',\n  }),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n}, 'v-item-group')\n\ntype VItemGroupSlots = {\n  default: {\n    isSelected: (id: number) => boolean\n    select: (id: number, value: boolean) => void\n    next: () => void\n    prev: () => void\n    selected: readonly number[]\n  }\n}\n\nexport const VItemGroup = genericComponent<VItemGroupSlots>()({\n  name: 'VItemGroup',\n\n  props: makeVItemGroupProps(),\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          props.class,\n        ]}\n        style={ props.style }\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,kBAAkB;AAAA,SAClBC,cAAc,EAAEC,QAAQ;AAAA,SACxBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY,uCAErC;AAAA,SACSC,gBAAgB,EAAEC,YAAY;AAEvC,OAAO,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAElE,OAAO,MAAMC,mBAAmB,GAAGJ,YAAY,CAAC;EAC9C,GAAGP,kBAAkB,EAAE;EACvB,GAAGC,cAAc,CAAC;IAChBW,aAAa,EAAE;EACjB,CAAC,CAAC;EACF,GAAGT,YAAY,EAAE;EACjB,GAAGC,cAAc;AACnB,CAAC,EAAE,cAAc,CAAC;AAYlB,OAAO,MAAMS,UAAU,GAAGP,gBAAgB,EAAmB,CAAC;EAC5DQ,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEJ,mBAAmB,EAAE;EAE5BK,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGhB,YAAY,CAACU,KAAK,CAAC;IAC5C,MAAM;MAAEO,UAAU;MAAEC,MAAM;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGxB,QAAQ,CAACa,KAAK,EAAEP,gBAAgB,CAAC;IAEtF,OAAO,MAAAmB,YAAA,CAAAZ,KAAA,CAAAa,GAAA;MAAA,SAEI,CACL,cAAc,EACdP,YAAY,CAACJ,KAAK,EAClBF,KAAK,CAACc,KAAK,CACZ;MAAA,SACOd,KAAK,CAACe;IAAK;MAAAC,OAAA,EAAAA,CAAA,MAEjBX,KAAK,CAACW,OAAO,GAAG;QAChBT,UAAU;QACVC,MAAM;QACNC,IAAI;QACJC,IAAI;QACJC,QAAQ,EAAEA,QAAQ,CAACT;MACrB,CAAC,CAAC;IAAA,EAEL;EACH;AACF,CAAC,CAAC"}