@vuetify/nightly 3.11.8-dev.2026-02-17 → 3.11.8-dev.2026-02-18

package/lib/components/VOtpInput/VOtpInput.d.ts

@@ -33,6 +33,7 @@ export declare const makeVOtpInputProps: <Defaults extends {
     focusAll?: unknown;
     label?: unknown;
     length?: unknown;
+    masked?: unknown;
     modelValue?: unknown;
     placeholder?: unknown;
     type?: unknown;
@@ -189,6 +190,10 @@ export declare const makeVOtpInputProps: <Defaults extends {
         type: PropType<unknown extends Defaults["length"] ? string | number : string | number | Defaults["length"]>;
         default: unknown extends Defaults["length"] ? string | number : Defaults["length"] | NonNullable<string | number>;
     };
+    masked: unknown extends Defaults["masked"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["masked"] ? boolean : boolean | Defaults["masked"]>;
+        default: unknown extends Defaults["masked"] ? boolean : boolean | Defaults["masked"];
+    };
     modelValue: unknown extends Defaults["modelValue"] ? {
         type: (NumberConstructor | StringConstructor)[];
         default: undefined;
@@ -226,6 +231,7 @@ export declare const VOtpInput: {
         focusAll: boolean;
         label: string;
         length: string | number;
+        masked: boolean;
         type: "number" | "password" | "text";
     } & {
         theme?: string | undefined;
@@ -286,6 +292,7 @@ export declare const VOtpInput: {
         focusAll: boolean;
         label: string;
         length: string | number;
+        masked: boolean;
         modelValue: string | number;
         type: "number" | "password" | "text";
     }, true, {}, import("vue").SlotsType<Partial<{
@@ -313,6 +320,7 @@ export declare const VOtpInput: {
         focusAll: boolean;
         label: string;
         length: string | number;
+        masked: boolean;
         type: "number" | "password" | "text";
     } & {
         theme?: string | undefined;
@@ -369,6 +377,7 @@ export declare const VOtpInput: {
         focusAll: boolean;
         label: string;
         length: string | number;
+        masked: boolean;
         modelValue: string | number;
         type: "number" | "password" | "text";
     }>;
@@ -386,6 +395,7 @@ export declare const VOtpInput: {
     focusAll: boolean;
     label: string;
     length: string | number;
+    masked: boolean;
     type: "number" | "password" | "text";
 } & {
     theme?: string | undefined;
@@ -446,6 +456,7 @@ export declare const VOtpInput: {
     focusAll: boolean;
     label: string;
     length: string | number;
+    masked: boolean;
     modelValue: string | number;
     type: "number" | "password" | "text";
 }, {}, string, import("vue").SlotsType<Partial<{
@@ -507,6 +518,7 @@ export declare const VOtpInput: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    masked: BooleanConstructor;
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: undefined;
@@ -568,6 +580,7 @@ export declare const VOtpInput: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    masked: BooleanConstructor;
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: undefined;

package/lib/components/VOtpInput/VOtpInput.js

@@ -29,6 +29,7 @@ export const makeVOtpInputProps = propsFactory({
     type: [Number, String],
     default: 6
   },
+  masked: Boolean,
   modelValue: {
     type: [Number, String],
     default: undefined
@@ -229,7 +230,7 @@ export const VOtpInput = genericComponent()({
             "min": props.type === 'number' ? 0 : undefined,
             "maxlength": i === 0 ? length.value : '1',
             "placeholder": props.placeholder,
-            "type": props.type === 'number' ? 'text' : props.type,
+            "type": props.masked ? 'password' : props.type === 'number' ? 'text' : props.type,
             "value": model.value[i],
             "onInput": onInput,
             "onFocus": e => onFocus(e, i),

package/lib/components/VOtpInput/VOtpInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"VOtpInput.js","names":["makeVFieldProps","VField","VOverlay","VProgressCircular","provideDefaults","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeFocusProps","useFocus","useIntersectionObserver","useLocale","useProxiedModel","useToggleScope","computed","effectScope","nextTick","ref","toRef","watch","watchEffect","filterInputAttrs","focusChild","genericComponent","pick","propsFactory","useRender","makeVOtpInputProps","autofocus","Boolean","divider","String","focusAll","label","type","default","length","Number","modelValue","undefined","placeholder","variant","VOtpInput","name","props","emits","finish","val","setup","_ref","attrs","emit","slots","densityClasses","dimensionStyles","isFocused","focus","blur","model","split","join","t","fields","Array","value","fill","focusIndex","contentRef","inputRef","current","_isComposing","intersectScope","run","intersectionRef","isIntersecting","v","stop","onInput","isValidNumber","array","slice","target","onCompositionend","onKeydown","e","index","includes","key","preventDefault","requestAnimationFrame","select","onPaste","stopPropagation","clipboardText","clipboardData","getData","trim","finalIndex","reset","onFocus","onBlur","test","color","bgColor","baseColor","disabled","error","rounded","scoped","deep","rootAttrs","inputAttrs","_createElementVNode","_mergeProps","class","style","_normalizeStyle","map","_","i","_Fragment","_createVNode","loader","_normalizeClass","onCompositionstart","event","loading","some","input"],"sources":["../../../src/components/VOtpInput/VOtpInput.tsx"],"sourcesContent":["// Styles\nimport './VOtpInput.sass'\n\n// Components\nimport { makeVFieldProps, VField } from '@/components/VField/VField'\nimport { VOverlay } from '@/components/VOverlay/VOverlay'\nimport { VProgressCircular } from '@/components/VProgressCircular/VProgressCircular'\n\n// Composables\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Utilities\nimport { computed, effectScope, nextTick, ref, toRef, watch, watchEffect } from 'vue'\nimport { filterInputAttrs, focusChild, genericComponent, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\n// Types\nexport type VOtpInputSlots = {\n  default: never\n  loader: never\n}\n\nexport const makeVOtpInputProps = propsFactory({\n  autofocus: Boolean,\n  divider: String,\n  focusAll: Boolean,\n  label: {\n    type: String,\n    default: '$vuetify.input.otp',\n  },\n  length: {\n    type: [Number, String],\n    default: 6,\n  },\n  modelValue: {\n    type: [Number, String],\n    default: undefined,\n  },\n  placeholder: String,\n  type: {\n    type: String as PropType<'text' | 'password' | 'number'>,\n    default: 'number',\n  },\n\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeFocusProps(),\n  ...pick(makeVFieldProps({\n    variant: 'outlined' as const,\n  }), [\n    'baseColor',\n    'bgColor',\n    'class',\n    'color',\n    'disabled',\n    'error',\n    'loading',\n    'rounded',\n    'style',\n    'theme',\n    'variant',\n  ]),\n}, 'VOtpInput')\n\nexport const VOtpInput = genericComponent<VOtpInputSlots>()({\n  name: 'VOtpInput',\n\n  props: makeVOtpInputProps(),\n\n  emits: {\n    finish: (val: string) => true,\n    'update:focused': (val: boolean) => true,\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { isFocused, focus, blur } = useFocus(props)\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      '',\n      val => val == null ? [] : String(val).split(''),\n      val => val.join('')\n    )\n    const { t } = useLocale()\n\n    const length = computed(() => Number(props.length))\n    const fields = computed(() => Array(length.value).fill(0))\n    const focusIndex = ref(-1)\n    const contentRef = ref<HTMLElement>()\n    const inputRef = ref<HTMLInputElement[]>([])\n    const current = computed(() => inputRef.value[focusIndex.value])\n    let _isComposing = false\n\n    useToggleScope(() => props.autofocus, () => {\n      const intersectScope = effectScope()\n      intersectScope.run(() => {\n        const { intersectionRef, isIntersecting } = useIntersectionObserver()\n        watchEffect(() => {\n          intersectionRef.value = inputRef.value[0]\n        })\n        watch(isIntersecting, v => {\n          if (!v) return\n          intersectionRef.value?.focus()\n          intersectScope.stop()\n        })\n      })\n    })\n\n    function onInput () {\n      // The maxlength attribute doesn't work for the number type input, so the text type is used.\n      // The following logic simulates the behavior of a number input.\n      if (isValidNumber(current.value.value)) {\n        current.value.value = ''\n        return\n      }\n\n      if (_isComposing) return\n\n      const array = model.value.slice()\n      const value = current.value.value\n\n      array[focusIndex.value] = value\n\n      let target: any = null\n\n      if (focusIndex.value > model.value.length) {\n        target = model.value.length + 1\n      } else if (focusIndex.value + 1 !== length.value) {\n        target = 'next'\n      }\n\n      model.value = array\n\n      if (target) focusChild(contentRef.value!, target)\n    }\n\n    function onCompositionend () {\n      _isComposing = false\n      onInput()\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      const array = model.value.slice()\n      const index = focusIndex.value\n      let target: 'next' | 'prev' | 'first' | 'last' | number | null = null\n\n      if (![\n        'ArrowLeft',\n        'ArrowRight',\n        'Backspace',\n        'Delete',\n      ].includes(e.key)) return\n\n      e.preventDefault()\n\n      if (e.key === 'ArrowLeft') {\n        target = 'prev'\n      } else if (e.key === 'ArrowRight') {\n        target = 'next'\n      } else if (['Backspace', 'Delete'].includes(e.key)) {\n        array[focusIndex.value] = ''\n\n        model.value = array\n\n        if (focusIndex.value > 0 && e.key === 'Backspace') {\n          target = 'prev'\n        } else {\n          requestAnimationFrame(() => {\n            inputRef.value[index]?.select()\n          })\n        }\n      }\n\n      requestAnimationFrame(() => {\n        if (target != null) {\n          focusChild(contentRef.value!, target)\n        }\n      })\n    }\n\n    function onPaste (index: number, e: ClipboardEvent) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      const clipboardText = e?.clipboardData?.getData('Text').trim().slice(0, length.value) ?? ''\n      const finalIndex = clipboardText.length - 1 === -1 ? index : clipboardText.length - 1\n\n      if (isValidNumber(clipboardText)) return\n\n      model.value = clipboardText.split('')\n\n      focusIndex.value = finalIndex\n    }\n\n    function reset () {\n      model.value = []\n    }\n\n    function onFocus (e: FocusEvent, index: number) {\n      focus()\n\n      focusIndex.value = index\n    }\n\n    function onBlur () {\n      blur()\n\n      focusIndex.value = -1\n    }\n\n    function isValidNumber (value: string) {\n      return props.type === 'number' && /[^0-9]/g.test(value)\n    }\n\n    provideDefaults({\n      VField: {\n        color: toRef(() => props.color),\n        bgColor: toRef(() => props.color),\n        baseColor: toRef(() => props.baseColor),\n        disabled: toRef(() => props.disabled),\n        error: toRef(() => props.error),\n        variant: toRef(() => props.variant),\n        rounded: toRef(() => props.rounded),\n      },\n    }, { scoped: true })\n\n    watch(model, val => {\n      if (val.length === length.value) {\n        emit('finish', val.join(''))\n      }\n    }, { deep: true })\n\n    watch(focusIndex, val => {\n      if (val < 0) return\n\n      nextTick(() => {\n        inputRef.value[val]?.select()\n      })\n    })\n\n    useRender(() => {\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n\n      return (\n        <div\n          class={[\n            'v-otp-input',\n            {\n              'v-otp-input--divided': !!props.divider,\n            },\n            densityClasses.value,\n            props.class,\n          ]}\n          style={[\n            props.style,\n          ]}\n          { ...rootAttrs }\n        >\n          <div\n            ref={ contentRef }\n            class=\"v-otp-input__content\"\n            style={[\n              dimensionStyles.value,\n            ]}\n          >\n            { fields.value.map((_, i) => (\n              <>\n                { props.divider && i !== 0 && (\n                  <span class=\"v-otp-input__divider\">{ props.divider }</span>\n                )}\n\n                <VField\n                  focused={ (isFocused.value && props.focusAll) || focusIndex.value === i }\n                  key={ i }\n                >\n                  {{\n                    ...slots,\n                    loader: undefined,\n                    default: () => {\n                      return (\n                        <input\n                          ref={ val => inputRef.value[i] = val as HTMLInputElement }\n                          aria-label={ t(props.label, i + 1) }\n                          autofocus={ i === 0 && props.autofocus }\n                          autocomplete=\"one-time-code\"\n                          class={[\n                            'v-otp-input__field',\n                          ]}\n                          disabled={ props.disabled }\n                          inputmode={ props.type === 'number' ? 'numeric' : 'text' }\n                          min={ props.type === 'number' ? 0 : undefined }\n                          maxlength={ i === 0 ? length.value : '1' }\n                          placeholder={ props.placeholder }\n                          type={ props.type === 'number' ? 'text' : props.type }\n                          value={ model.value[i] }\n                          onInput={ onInput }\n                          onFocus={ e => onFocus(e, i) }\n                          onBlur={ onBlur }\n                          onKeydown={ onKeydown }\n                          onCompositionstart={ () => _isComposing = true }\n                          onCompositionend={ onCompositionend }\n                          onPaste={ event => onPaste(i, event) }\n                        />\n                      )\n                    },\n                  }}\n                </VField>\n              </>\n            ))}\n\n            <input\n              class=\"v-otp-input-input\"\n              type=\"hidden\"\n              { ...inputAttrs }\n              value={ model.value.join('') }\n            />\n\n            <VOverlay\n              contained\n              contentClass=\"v-otp-input__loader\"\n              modelValue={ !!props.loading }\n              persistent\n            >\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"24\"\n                  width=\"2\"\n                />\n              )}\n            </VOverlay>\n\n            { slots.default?.() }\n          </div>\n        </div>\n      )\n    })\n\n    return {\n      blur: () => {\n        inputRef.value?.some(input => input.blur())\n      },\n      focus: () => {\n        inputRef.value?.[0].focus()\n      },\n      reset,\n      isFocused,\n    }\n  },\n})\n\nexport type VOtpInput = InstanceType<typeof VOtpInput>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VOtpInput.js","names":["makeVFieldProps","VField","VOverlay","VProgressCircular","provideDefaults","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeFocusProps","useFocus","useIntersectionObserver","useLocale","useProxiedModel","useToggleScope","computed","effectScope","nextTick","ref","toRef","watch","watchEffect","filterInputAttrs","focusChild","genericComponent","pick","propsFactory","useRender","makeVOtpInputProps","autofocus","Boolean","divider","String","focusAll","label","type","default","length","Number","masked","modelValue","undefined","placeholder","variant","VOtpInput","name","props","emits","finish","val","setup","_ref","attrs","emit","slots","densityClasses","dimensionStyles","isFocused","focus","blur","model","split","join","t","fields","Array","value","fill","focusIndex","contentRef","inputRef","current","_isComposing","intersectScope","run","intersectionRef","isIntersecting","v","stop","onInput","isValidNumber","array","slice","target","onCompositionend","onKeydown","e","index","includes","key","preventDefault","requestAnimationFrame","select","onPaste","stopPropagation","clipboardText","clipboardData","getData","trim","finalIndex","reset","onFocus","onBlur","test","color","bgColor","baseColor","disabled","error","rounded","scoped","deep","rootAttrs","inputAttrs","_createElementVNode","_mergeProps","class","style","_normalizeStyle","map","_","i","_Fragment","_createVNode","loader","_normalizeClass","onCompositionstart","event","loading","some","input"],"sources":["../../../src/components/VOtpInput/VOtpInput.tsx"],"sourcesContent":["// Styles\nimport './VOtpInput.sass'\n\n// Components\nimport { makeVFieldProps, VField } from '@/components/VField/VField'\nimport { VOverlay } from '@/components/VOverlay/VOverlay'\nimport { VProgressCircular } from '@/components/VProgressCircular/VProgressCircular'\n\n// Composables\nimport { provideDefaults } from '@/composables/defaults'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeFocusProps, useFocus } from '@/composables/focus'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useLocale } from '@/composables/locale'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useToggleScope } from '@/composables/toggleScope'\n\n// Utilities\nimport { computed, effectScope, nextTick, ref, toRef, watch, watchEffect } from 'vue'\nimport { filterInputAttrs, focusChild, genericComponent, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\n// Types\nexport type VOtpInputSlots = {\n  default: never\n  loader: never\n}\n\nexport const makeVOtpInputProps = propsFactory({\n  autofocus: Boolean,\n  divider: String,\n  focusAll: Boolean,\n  label: {\n    type: String,\n    default: '$vuetify.input.otp',\n  },\n  length: {\n    type: [Number, String],\n    default: 6,\n  },\n  masked: Boolean,\n  modelValue: {\n    type: [Number, String],\n    default: undefined,\n  },\n  placeholder: String,\n  type: {\n    type: String as PropType<'text' | 'password' | 'number'>,\n    default: 'number',\n  },\n\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeFocusProps(),\n  ...pick(makeVFieldProps({\n    variant: 'outlined' as const,\n  }), [\n    'baseColor',\n    'bgColor',\n    'class',\n    'color',\n    'disabled',\n    'error',\n    'loading',\n    'rounded',\n    'style',\n    'theme',\n    'variant',\n  ]),\n}, 'VOtpInput')\n\nexport const VOtpInput = genericComponent<VOtpInputSlots>()({\n  name: 'VOtpInput',\n\n  props: makeVOtpInputProps(),\n\n  emits: {\n    finish: (val: string) => true,\n    'update:focused': (val: boolean) => true,\n    'update:modelValue': (val: string) => true,\n  },\n\n  setup (props, { attrs, emit, slots }) {\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { isFocused, focus, blur } = useFocus(props)\n    const model = useProxiedModel(\n      props,\n      'modelValue',\n      '',\n      val => val == null ? [] : String(val).split(''),\n      val => val.join('')\n    )\n    const { t } = useLocale()\n\n    const length = computed(() => Number(props.length))\n    const fields = computed(() => Array(length.value).fill(0))\n    const focusIndex = ref(-1)\n    const contentRef = ref<HTMLElement>()\n    const inputRef = ref<HTMLInputElement[]>([])\n    const current = computed(() => inputRef.value[focusIndex.value])\n    let _isComposing = false\n\n    useToggleScope(() => props.autofocus, () => {\n      const intersectScope = effectScope()\n      intersectScope.run(() => {\n        const { intersectionRef, isIntersecting } = useIntersectionObserver()\n        watchEffect(() => {\n          intersectionRef.value = inputRef.value[0]\n        })\n        watch(isIntersecting, v => {\n          if (!v) return\n          intersectionRef.value?.focus()\n          intersectScope.stop()\n        })\n      })\n    })\n\n    function onInput () {\n      // The maxlength attribute doesn't work for the number type input, so the text type is used.\n      // The following logic simulates the behavior of a number input.\n      if (isValidNumber(current.value.value)) {\n        current.value.value = ''\n        return\n      }\n\n      if (_isComposing) return\n\n      const array = model.value.slice()\n      const value = current.value.value\n\n      array[focusIndex.value] = value\n\n      let target: any = null\n\n      if (focusIndex.value > model.value.length) {\n        target = model.value.length + 1\n      } else if (focusIndex.value + 1 !== length.value) {\n        target = 'next'\n      }\n\n      model.value = array\n\n      if (target) focusChild(contentRef.value!, target)\n    }\n\n    function onCompositionend () {\n      _isComposing = false\n      onInput()\n    }\n\n    function onKeydown (e: KeyboardEvent) {\n      const array = model.value.slice()\n      const index = focusIndex.value\n      let target: 'next' | 'prev' | 'first' | 'last' | number | null = null\n\n      if (![\n        'ArrowLeft',\n        'ArrowRight',\n        'Backspace',\n        'Delete',\n      ].includes(e.key)) return\n\n      e.preventDefault()\n\n      if (e.key === 'ArrowLeft') {\n        target = 'prev'\n      } else if (e.key === 'ArrowRight') {\n        target = 'next'\n      } else if (['Backspace', 'Delete'].includes(e.key)) {\n        array[focusIndex.value] = ''\n\n        model.value = array\n\n        if (focusIndex.value > 0 && e.key === 'Backspace') {\n          target = 'prev'\n        } else {\n          requestAnimationFrame(() => {\n            inputRef.value[index]?.select()\n          })\n        }\n      }\n\n      requestAnimationFrame(() => {\n        if (target != null) {\n          focusChild(contentRef.value!, target)\n        }\n      })\n    }\n\n    function onPaste (index: number, e: ClipboardEvent) {\n      e.preventDefault()\n      e.stopPropagation()\n\n      const clipboardText = e?.clipboardData?.getData('Text').trim().slice(0, length.value) ?? ''\n      const finalIndex = clipboardText.length - 1 === -1 ? index : clipboardText.length - 1\n\n      if (isValidNumber(clipboardText)) return\n\n      model.value = clipboardText.split('')\n\n      focusIndex.value = finalIndex\n    }\n\n    function reset () {\n      model.value = []\n    }\n\n    function onFocus (e: FocusEvent, index: number) {\n      focus()\n\n      focusIndex.value = index\n    }\n\n    function onBlur () {\n      blur()\n\n      focusIndex.value = -1\n    }\n\n    function isValidNumber (value: string) {\n      return props.type === 'number' && /[^0-9]/g.test(value)\n    }\n\n    provideDefaults({\n      VField: {\n        color: toRef(() => props.color),\n        bgColor: toRef(() => props.color),\n        baseColor: toRef(() => props.baseColor),\n        disabled: toRef(() => props.disabled),\n        error: toRef(() => props.error),\n        variant: toRef(() => props.variant),\n        rounded: toRef(() => props.rounded),\n      },\n    }, { scoped: true })\n\n    watch(model, val => {\n      if (val.length === length.value) {\n        emit('finish', val.join(''))\n      }\n    }, { deep: true })\n\n    watch(focusIndex, val => {\n      if (val < 0) return\n\n      nextTick(() => {\n        inputRef.value[val]?.select()\n      })\n    })\n\n    useRender(() => {\n      const [rootAttrs, inputAttrs] = filterInputAttrs(attrs)\n\n      return (\n        <div\n          class={[\n            'v-otp-input',\n            {\n              'v-otp-input--divided': !!props.divider,\n            },\n            densityClasses.value,\n            props.class,\n          ]}\n          style={[\n            props.style,\n          ]}\n          { ...rootAttrs }\n        >\n          <div\n            ref={ contentRef }\n            class=\"v-otp-input__content\"\n            style={[\n              dimensionStyles.value,\n            ]}\n          >\n            { fields.value.map((_, i) => (\n              <>\n                { props.divider && i !== 0 && (\n                  <span class=\"v-otp-input__divider\">{ props.divider }</span>\n                )}\n\n                <VField\n                  focused={ (isFocused.value && props.focusAll) || focusIndex.value === i }\n                  key={ i }\n                >\n                  {{\n                    ...slots,\n                    loader: undefined,\n                    default: () => {\n                      return (\n                        <input\n                          ref={ val => inputRef.value[i] = val as HTMLInputElement }\n                          aria-label={ t(props.label, i + 1) }\n                          autofocus={ i === 0 && props.autofocus }\n                          autocomplete=\"one-time-code\"\n                          class={[\n                            'v-otp-input__field',\n                          ]}\n                          disabled={ props.disabled }\n                          inputmode={ props.type === 'number' ? 'numeric' : 'text' }\n                          min={ props.type === 'number' ? 0 : undefined }\n                          maxlength={ i === 0 ? length.value : '1' }\n                          placeholder={ props.placeholder }\n                          type={ props.masked ? 'password' : props.type === 'number' ? 'text' : props.type }\n                          value={ model.value[i] }\n                          onInput={ onInput }\n                          onFocus={ e => onFocus(e, i) }\n                          onBlur={ onBlur }\n                          onKeydown={ onKeydown }\n                          onCompositionstart={ () => _isComposing = true }\n                          onCompositionend={ onCompositionend }\n                          onPaste={ event => onPaste(i, event) }\n                        />\n                      )\n                    },\n                  }}\n                </VField>\n              </>\n            ))}\n\n            <input\n              class=\"v-otp-input-input\"\n              type=\"hidden\"\n              { ...inputAttrs }\n              value={ model.value.join('') }\n            />\n\n            <VOverlay\n              contained\n              contentClass=\"v-otp-input__loader\"\n              modelValue={ !!props.loading }\n              persistent\n            >\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"24\"\n                  width=\"2\"\n                />\n              )}\n            </VOverlay>\n\n            { slots.default?.() }\n          </div>\n        </div>\n      )\n    })\n\n    return {\n      blur: () => {\n        inputRef.value?.some(input => input.blur())\n      },\n      focus: () => {\n        inputRef.value?.[0].focus()\n      },\n      reset,\n      isFocused,\n    }\n  },\n})\n\nexport type VOtpInput = InstanceType<typeof VOtpInput>\n"],"mappings":"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","ignoreList":[]}

package/lib/composables/color.js

@@ -38,8 +38,14 @@ export function useBackgroundColor(color) {
     backgroundColorStyles
   };
 }
+function normalizeColors(colors) {
+  return {
+    text: typeof colors.text === 'string' ? colors.text.replace(/^text-/, '') : colors.text,
+    background: typeof colors.background === 'string' ? colors.background.replace(/^bg-/, '') : colors.background
+  };
+}
 export function computeColor(colors) {
-  const _colors = toValue(colors);
+  const _colors = normalizeColors(toValue(colors));
   const classes = [];
   const styles = {};
   if (_colors.background) {

package/lib/composables/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","names":["toValue","destructComputed","getForeground","isCssColor","isParsableColor","parseColor","useColor","colors","class","colorClasses","style","colorStyles","computeColor","useTextColor","color","textColorClasses","textColorStyles","text","useBackgroundColor","backgroundColorClasses","backgroundColorStyles","background","_colors","classes","styles","backgroundColor","a","textColor","caretColor","push"],"sources":["../../src/composables/color.ts"],"sourcesContent":["// Utilities\nimport { toValue } from 'vue'\nimport { destructComputed, getForeground, isCssColor, isParsableColor, parseColor } from '@/util'\n\n// Types\nimport type { CSSProperties, MaybeRefOrGetter, Ref } from 'vue'\n\nexport type ColorValue = string | false | null | undefined\n\nexport interface TextColorData {\n  textColorClasses: Ref<string[]>\n  textColorStyles: Ref<CSSProperties>\n}\n\nexport interface BackgroundColorData {\n  backgroundColorClasses: Ref<string[]>\n  backgroundColorStyles: Ref<CSSProperties>\n}\n\n// Composables\nexport function useColor (colors: MaybeRefOrGetter<{ background?: ColorValue, text?: ColorValue }>) {\n  return destructComputed(() => {\n    const {\n      class: colorClasses,\n      style: colorStyles,\n    } = computeColor(colors)\n\n    return { colorClasses, colorStyles }\n  })\n}\n\nexport function useTextColor (color: MaybeRefOrGetter<ColorValue>): TextColorData {\n  const {\n    colorClasses: textColorClasses,\n    colorStyles: textColorStyles,\n  } = useColor(() => ({\n    text: toValue(color),\n  }))\n\n  return { textColorClasses, textColorStyles }\n}\n\nexport function useBackgroundColor (color: MaybeRefOrGetter<ColorValue>): BackgroundColorData {\n  const {\n    colorClasses: backgroundColorClasses,\n    colorStyles: backgroundColorStyles,\n  } = useColor(() => ({\n    background: toValue(color),\n  }))\n\n  return { backgroundColorClasses, backgroundColorStyles }\n}\n\nexport function computeColor (colors: MaybeRefOrGetter<{ background?: ColorValue, text?: ColorValue }>) {\n  const _colors = toValue(colors)\n  const classes: string[] = []\n  const styles: CSSProperties = {}\n\n  if (_colors.background) {\n    if (isCssColor(_colors.background)) {\n      styles.backgroundColor = _colors.background\n\n      if (!_colors.text && isParsableColor(_colors.background)) {\n        const backgroundColor = parseColor(_colors.background)\n        if (backgroundColor.a == null || backgroundColor.a === 1) {\n          const textColor = getForeground(backgroundColor)\n\n          styles.color = textColor\n          styles.caretColor = textColor\n        }\n      }\n    } else {\n      classes.push(`bg-${_colors.background}`)\n    }\n  }\n\n  if (_colors.text) {\n    if (isCssColor(_colors.text)) {\n      styles.color = _colors.text\n      styles.caretColor = _colors.text\n    } else {\n      classes.push(`text-${_colors.text}`)\n    }\n  }\n\n  return { class: classes, style: styles }\n}\n"],"mappings":"AAAA;AACA,SAASA,OAAO,QAAQ,KAAK;AAAA,SACpBC,gBAAgB,EAAEC,aAAa,EAAEC,UAAU,EAAEC,eAAe,EAAEC,UAAU,4BAEjF;AAeA;AACA,OAAO,SAASC,QAAQA,CAAEC,MAAwE,EAAE;EAClG,OAAON,gBAAgB,CAAC,MAAM;IAC5B,MAAM;MACJO,KAAK,EAAEC,YAAY;MACnBC,KAAK,EAAEC;IACT,CAAC,GAAGC,YAAY,CAACL,MAAM,CAAC;IAExB,OAAO;MAAEE,YAAY;MAAEE;IAAY,CAAC;EACtC,CAAC,CAAC;AACJ;AAEA,OAAO,SAASE,YAAYA,CAAEC,KAAmC,EAAiB;EAChF,MAAM;IACJL,YAAY,EAAEM,gBAAgB;IAC9BJ,WAAW,EAAEK;EACf,CAAC,GAAGV,QAAQ,CAAC,OAAO;IAClBW,IAAI,EAAEjB,OAAO,CAACc,KAAK;EACrB,CAAC,CAAC,CAAC;EAEH,OAAO;IAAEC,gBAAgB;IAAEC;EAAgB,CAAC;AAC9C;AAEA,OAAO,SAASE,kBAAkBA,CAAEJ,KAAmC,EAAuB;EAC5F,MAAM;IACJL,YAAY,EAAEU,sBAAsB;IACpCR,WAAW,EAAES;EACf,CAAC,GAAGd,QAAQ,CAAC,OAAO;IAClBe,UAAU,EAAErB,OAAO,CAACc,KAAK;EAC3B,CAAC,CAAC,CAAC;EAEH,OAAO;IAAEK,sBAAsB;IAAEC;EAAsB,CAAC;AAC1D;AAEA,OAAO,SAASR,YAAYA,CAAEL,MAAwE,EAAE;EACtG,MAAMe,OAAO,GAAGtB,OAAO,CAACO,MAAM,CAAC;EAC/B,MAAMgB,OAAiB,GAAG,EAAE;EAC5B,MAAMC,MAAqB,GAAG,CAAC,CAAC;EAEhC,IAAIF,OAAO,CAACD,UAAU,EAAE;IACtB,IAAIlB,UAAU,CAACmB,OAAO,CAACD,UAAU,CAAC,EAAE;MAClCG,MAAM,CAACC,eAAe,GAAGH,OAAO,CAACD,UAAU;MAE3C,IAAI,CAACC,OAAO,CAACL,IAAI,IAAIb,eAAe,CAACkB,OAAO,CAACD,UAAU,CAAC,EAAE;QACxD,MAAMI,eAAe,GAAGpB,UAAU,CAACiB,OAAO,CAACD,UAAU,CAAC;QACtD,IAAII,eAAe,CAACC,CAAC,IAAI,IAAI,IAAID,eAAe,CAACC,CAAC,KAAK,CAAC,EAAE;UACxD,MAAMC,SAAS,GAAGzB,aAAa,CAACuB,eAAe,CAAC;UAEhDD,MAAM,CAACV,KAAK,GAAGa,SAAS;UACxBH,MAAM,CAACI,UAAU,GAAGD,SAAS;QAC/B;MACF;IACF,CAAC,MAAM;MACLJ,OAAO,CAACM,IAAI,CAAC,MAAMP,OAAO,CAACD,UAAU,EAAE,CAAC;IAC1C;EACF;EAEA,IAAIC,OAAO,CAACL,IAAI,EAAE;IAChB,IAAId,UAAU,CAACmB,OAAO,CAACL,IAAI,CAAC,EAAE;MAC5BO,MAAM,CAACV,KAAK,GAAGQ,OAAO,CAACL,IAAI;MAC3BO,MAAM,CAACI,UAAU,GAAGN,OAAO,CAACL,IAAI;IAClC,CAAC,MAAM;MACLM,OAAO,CAACM,IAAI,CAAC,QAAQP,OAAO,CAACL,IAAI,EAAE,CAAC;IACtC;EACF;EAEA,OAAO;IAAET,KAAK,EAAEe,OAAO;IAAEb,KAAK,EAAEc;EAAO,CAAC;AAC1C","ignoreList":[]}
+{"version":3,"file":"color.js","names":["toValue","destructComputed","getForeground","isCssColor","isParsableColor","parseColor","useColor","colors","class","colorClasses","style","colorStyles","computeColor","useTextColor","color","textColorClasses","textColorStyles","text","useBackgroundColor","backgroundColorClasses","backgroundColorStyles","background","normalizeColors","replace","_colors","classes","styles","backgroundColor","a","textColor","caretColor","push"],"sources":["../../src/composables/color.ts"],"sourcesContent":["// Utilities\nimport { toValue } from 'vue'\nimport { destructComputed, getForeground, isCssColor, isParsableColor, parseColor } from '@/util'\n\n// Types\nimport type { CSSProperties, MaybeRefOrGetter, Ref } from 'vue'\n\nexport type ColorValue = string | false | null | undefined\n\nexport interface TextColorData {\n  textColorClasses: Ref<string[]>\n  textColorStyles: Ref<CSSProperties>\n}\n\nexport interface BackgroundColorData {\n  backgroundColorClasses: Ref<string[]>\n  backgroundColorStyles: Ref<CSSProperties>\n}\n\n// Composables\nexport function useColor (colors: MaybeRefOrGetter<{ background?: ColorValue, text?: ColorValue }>) {\n  return destructComputed(() => {\n    const {\n      class: colorClasses,\n      style: colorStyles,\n    } = computeColor(colors)\n\n    return { colorClasses, colorStyles }\n  })\n}\n\nexport function useTextColor (color: MaybeRefOrGetter<ColorValue>): TextColorData {\n  const {\n    colorClasses: textColorClasses,\n    colorStyles: textColorStyles,\n  } = useColor(() => ({\n    text: toValue(color),\n  }))\n\n  return { textColorClasses, textColorStyles }\n}\n\nexport function useBackgroundColor (color: MaybeRefOrGetter<ColorValue>): BackgroundColorData {\n  const {\n    colorClasses: backgroundColorClasses,\n    colorStyles: backgroundColorStyles,\n  } = useColor(() => ({\n    background: toValue(color),\n  }))\n\n  return { backgroundColorClasses, backgroundColorStyles }\n}\n\nfunction normalizeColors (colors: { background?: ColorValue, text?: ColorValue }) {\n  return {\n    text: typeof colors.text === 'string'\n      ? colors.text.replace(/^text-/, '')\n      : colors.text,\n    background: typeof colors.background === 'string'\n      ? colors.background.replace(/^bg-/, '')\n      : colors.background,\n  }\n}\n\nexport function computeColor (colors: MaybeRefOrGetter<{ background?: ColorValue, text?: ColorValue }>) {\n  const _colors = normalizeColors(toValue(colors))\n\n  const classes: string[] = []\n  const styles: CSSProperties = {}\n\n  if (_colors.background) {\n    if (isCssColor(_colors.background)) {\n      styles.backgroundColor = _colors.background\n\n      if (!_colors.text && isParsableColor(_colors.background)) {\n        const backgroundColor = parseColor(_colors.background)\n        if (backgroundColor.a == null || backgroundColor.a === 1) {\n          const textColor = getForeground(backgroundColor)\n\n          styles.color = textColor\n          styles.caretColor = textColor\n        }\n      }\n    } else {\n      classes.push(`bg-${_colors.background}`)\n    }\n  }\n\n  if (_colors.text) {\n    if (isCssColor(_colors.text)) {\n      styles.color = _colors.text\n      styles.caretColor = _colors.text\n    } else {\n      classes.push(`text-${_colors.text}`)\n    }\n  }\n\n  return { class: classes, style: styles }\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/entry-bundler.js

@@ -16,7 +16,7 @@ export const createVuetify = function () {
     ...options
   });
 };
-export const version = "3.11.8-dev.2026-02-17";
+export const version = "3.11.8-dev.2026-02-18";
 createVuetify.version = version;
 export { blueprints, components, directives };
 export * from "./composables/index.js";

package/lib/framework.d.ts

@@ -2779,7 +2779,7 @@ declare module 'vue' {
     $children?: VNodeChild
   }
   export interface GlobalComponents {
-    VApp: typeof import('vuetify/components')['VApp']
+    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
     VAlert: typeof import('vuetify/components')['VAlert']
     VAlertTitle: typeof import('vuetify/components')['VAlertTitle']
     VAppBar: typeof import('vuetify/components')['VAppBar']
@@ -2787,33 +2787,31 @@ declare module 'vue' {
     VAppBarTitle: typeof import('vuetify/components')['VAppBarTitle']
     VAutocomplete: typeof import('vuetify/components')['VAutocomplete']
     VBadge: typeof import('vuetify/components')['VBadge']
-    VAvatar: typeof import('vuetify/components')['VAvatar']
-    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
-    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VBreadcrumbs: typeof import('vuetify/components')['VBreadcrumbs']
     VBreadcrumbsItem: typeof import('vuetify/components')['VBreadcrumbsItem']
     VBreadcrumbsDivider: typeof import('vuetify/components')['VBreadcrumbsDivider']
-    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
-    VBtn: typeof import('vuetify/components')['VBtn']
-    VChip: typeof import('vuetify/components')['VChip']
-    VCarousel: typeof import('vuetify/components')['VCarousel']
-    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
-    VCalendar: typeof import('vuetify/components')['VCalendar']
-    VBanner: typeof import('vuetify/components')['VBanner']
-    VBannerActions: typeof import('vuetify/components')['VBannerActions']
-    VBannerText: typeof import('vuetify/components')['VBannerText']
-    VCounter: typeof import('vuetify/components')['VCounter']
-    VCheckbox: typeof import('vuetify/components')['VCheckbox']
-    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
+    VAvatar: typeof import('vuetify/components')['VAvatar']
+    VApp: typeof import('vuetify/components')['VApp']
+    VBtnGroup: typeof import('vuetify/components')['VBtnGroup']
     VCard: typeof import('vuetify/components')['VCard']
     VCardActions: typeof import('vuetify/components')['VCardActions']
     VCardItem: typeof import('vuetify/components')['VCardItem']
     VCardSubtitle: typeof import('vuetify/components')['VCardSubtitle']
     VCardText: typeof import('vuetify/components')['VCardText']
     VCardTitle: typeof import('vuetify/components')['VCardTitle']
-    VColorPicker: typeof import('vuetify/components')['VColorPicker']
+    VCalendar: typeof import('vuetify/components')['VCalendar']
+    VCarousel: typeof import('vuetify/components')['VCarousel']
+    VCarouselItem: typeof import('vuetify/components')['VCarouselItem']
+    VBtn: typeof import('vuetify/components')['VBtn']
+    VBottomSheet: typeof import('vuetify/components')['VBottomSheet']
+    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VBanner: typeof import('vuetify/components')['VBanner']
+    VBannerActions: typeof import('vuetify/components')['VBannerActions']
+    VBannerText: typeof import('vuetify/components')['VBannerText']
+    VBtnToggle: typeof import('vuetify/components')['VBtnToggle']
     VCode: typeof import('vuetify/components')['VCode']
-    VBottomNavigation: typeof import('vuetify/components')['VBottomNavigation']
+    VColorPicker: typeof import('vuetify/components')['VColorPicker']
     VDataTable: typeof import('vuetify/components')['VDataTable']
     VDataTableHeaders: typeof import('vuetify/components')['VDataTableHeaders']
     VDataTableFooter: typeof import('vuetify/components')['VDataTableFooter']
@@ -2821,40 +2819,40 @@ declare module 'vue' {
     VDataTableRow: typeof import('vuetify/components')['VDataTableRow']
     VDataTableVirtual: typeof import('vuetify/components')['VDataTableVirtual']
     VDataTableServer: typeof import('vuetify/components')['VDataTableServer']
-    VChipGroup: typeof import('vuetify/components')['VChipGroup']
+    VChip: typeof import('vuetify/components')['VChip']
+    VCounter: typeof import('vuetify/components')['VCounter']
     VDivider: typeof import('vuetify/components')['VDivider']
-    VEmptyState: typeof import('vuetify/components')['VEmptyState']
     VDatePicker: typeof import('vuetify/components')['VDatePicker']
     VDatePickerControls: typeof import('vuetify/components')['VDatePickerControls']
     VDatePickerHeader: typeof import('vuetify/components')['VDatePickerHeader']
     VDatePickerMonth: typeof import('vuetify/components')['VDatePickerMonth']
     VDatePickerMonths: typeof import('vuetify/components')['VDatePickerMonths']
     VDatePickerYears: typeof import('vuetify/components')['VDatePickerYears']
-    VCombobox: typeof import('vuetify/components')['VCombobox']
+    VDialog: typeof import('vuetify/components')['VDialog']
+    VEmptyState: typeof import('vuetify/components')['VEmptyState']
+    VFab: typeof import('vuetify/components')['VFab']
+    VFooter: typeof import('vuetify/components')['VFooter']
     VExpansionPanels: typeof import('vuetify/components')['VExpansionPanels']
     VExpansionPanel: typeof import('vuetify/components')['VExpansionPanel']
     VExpansionPanelText: typeof import('vuetify/components')['VExpansionPanelText']
     VExpansionPanelTitle: typeof import('vuetify/components')['VExpansionPanelTitle']
-    VFooter: typeof import('vuetify/components')['VFooter']
-    VHotkey: typeof import('vuetify/components')['VHotkey']
-    VDialog: typeof import('vuetify/components')['VDialog']
     VFileInput: typeof import('vuetify/components')['VFileInput']
-    VFab: typeof import('vuetify/components')['VFab']
     VField: typeof import('vuetify/components')['VField']
     VFieldLabel: typeof import('vuetify/components')['VFieldLabel']
-    VImg: typeof import('vuetify/components')['VImg']
-    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VCheckbox: typeof import('vuetify/components')['VCheckbox']
+    VCheckboxBtn: typeof import('vuetify/components')['VCheckboxBtn']
     VItemGroup: typeof import('vuetify/components')['VItemGroup']
     VItem: typeof import('vuetify/components')['VItem']
     VInput: typeof import('vuetify/components')['VInput']
-    VKbd: typeof import('vuetify/components')['VKbd']
-    VMenu: typeof import('vuetify/components')['VMenu']
+    VImg: typeof import('vuetify/components')['VImg']
     VIcon: typeof import('vuetify/components')['VIcon']
     VComponentIcon: typeof import('vuetify/components')['VComponentIcon']
     VSvgIcon: typeof import('vuetify/components')['VSvgIcon']
     VLigatureIcon: typeof import('vuetify/components')['VLigatureIcon']
     VClassIcon: typeof import('vuetify/components')['VClassIcon']
-    VMain: typeof import('vuetify/components')['VMain']
+    VInfiniteScroll: typeof import('vuetify/components')['VInfiniteScroll']
+    VKbd: typeof import('vuetify/components')['VKbd']
+    VMessages: typeof import('vuetify/components')['VMessages']
     VList: typeof import('vuetify/components')['VList']
     VListGroup: typeof import('vuetify/components')['VListGroup']
     VListImg: typeof import('vuetify/components')['VListImg']
@@ -2864,57 +2862,59 @@ declare module 'vue' {
     VListItemSubtitle: typeof import('vuetify/components')['VListItemSubtitle']
     VListItemTitle: typeof import('vuetify/components')['VListItemTitle']
     VListSubheader: typeof import('vuetify/components')['VListSubheader']
+    VHotkey: typeof import('vuetify/components')['VHotkey']
     VLabel: typeof import('vuetify/components')['VLabel']
+    VMain: typeof import('vuetify/components')['VMain']
     VNavigationDrawer: typeof import('vuetify/components')['VNavigationDrawer']
-    VNumberInput: typeof import('vuetify/components')['VNumberInput']
+    VMenu: typeof import('vuetify/components')['VMenu']
     VOtpInput: typeof import('vuetify/components')['VOtpInput']
-    VMessages: typeof import('vuetify/components')['VMessages']
-    VPagination: typeof import('vuetify/components')['VPagination']
+    VNumberInput: typeof import('vuetify/components')['VNumberInput']
+    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
     VOverlay: typeof import('vuetify/components')['VOverlay']
+    VPagination: typeof import('vuetify/components')['VPagination']
     VRadioGroup: typeof import('vuetify/components')['VRadioGroup']
-    VProgressCircular: typeof import('vuetify/components')['VProgressCircular']
-    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
-    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
-    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
+    VSelect: typeof import('vuetify/components')['VSelect']
     VRating: typeof import('vuetify/components')['VRating']
+    VProgressLinear: typeof import('vuetify/components')['VProgressLinear']
     VSlider: typeof import('vuetify/components')['VSlider']
-    VSelect: typeof import('vuetify/components')['VSelect']
     VSkeletonLoader: typeof import('vuetify/components')['VSkeletonLoader']
-    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
-    VSystemBar: typeof import('vuetify/components')['VSystemBar']
-    VSnackbar: typeof import('vuetify/components')['VSnackbar']
     VSelectionControl: typeof import('vuetify/components')['VSelectionControl']
+    VSnackbar: typeof import('vuetify/components')['VSnackbar']
+    VSheet: typeof import('vuetify/components')['VSheet']
+    VSlideGroup: typeof import('vuetify/components')['VSlideGroup']
+    VSlideGroupItem: typeof import('vuetify/components')['VSlideGroupItem']
+    VSelectionControlGroup: typeof import('vuetify/components')['VSelectionControlGroup']
     VStepper: typeof import('vuetify/components')['VStepper']
     VStepperActions: typeof import('vuetify/components')['VStepperActions']
     VStepperHeader: typeof import('vuetify/components')['VStepperHeader']
     VStepperItem: typeof import('vuetify/components')['VStepperItem']
     VStepperWindow: typeof import('vuetify/components')['VStepperWindow']
     VStepperWindowItem: typeof import('vuetify/components')['VStepperWindowItem']
-    VSheet: typeof import('vuetify/components')['VSheet']
-    VTextarea: typeof import('vuetify/components')['VTextarea']
+    VSystemBar: typeof import('vuetify/components')['VSystemBar']
     VTab: typeof import('vuetify/components')['VTab']
     VTabs: typeof import('vuetify/components')['VTabs']
     VTabsWindow: typeof import('vuetify/components')['VTabsWindow']
     VTabsWindowItem: typeof import('vuetify/components')['VTabsWindowItem']
-    VSwitch: typeof import('vuetify/components')['VSwitch']
-    VTooltip: typeof import('vuetify/components')['VTooltip']
-    VTextField: typeof import('vuetify/components')['VTextField']
     VTable: typeof import('vuetify/components')['VTable']
+    VTextField: typeof import('vuetify/components')['VTextField']
+    VSwitch: typeof import('vuetify/components')['VSwitch']
+    VTimePicker: typeof import('vuetify/components')['VTimePicker']
+    VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
+    VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
+    VTimeline: typeof import('vuetify/components')['VTimeline']
+    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
     VTreeview: typeof import('vuetify/components')['VTreeview']
     VTreeviewItem: typeof import('vuetify/components')['VTreeviewItem']
     VTreeviewGroup: typeof import('vuetify/components')['VTreeviewGroup']
     VToolbar: typeof import('vuetify/components')['VToolbar']
     VToolbarTitle: typeof import('vuetify/components')['VToolbarTitle']
     VToolbarItems: typeof import('vuetify/components')['VToolbarItems']
-    VTimeline: typeof import('vuetify/components')['VTimeline']
-    VTimelineItem: typeof import('vuetify/components')['VTimelineItem']
-    VTimePicker: typeof import('vuetify/components')['VTimePicker']
-    VTimePickerClock: typeof import('vuetify/components')['VTimePickerClock']
-    VTimePickerControls: typeof import('vuetify/components')['VTimePickerControls']
     VWindow: typeof import('vuetify/components')['VWindow']
     VWindowItem: typeof import('vuetify/components')['VWindowItem']
-    VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
+    VTooltip: typeof import('vuetify/components')['VTooltip']
+    VTextarea: typeof import('vuetify/components')['VTextarea']
     VDataIterator: typeof import('vuetify/components')['VDataIterator']
+    VConfirmEdit: typeof import('vuetify/components')['VConfirmEdit']
     VDefaultsProvider: typeof import('vuetify/components')['VDefaultsProvider']
     VForm: typeof import('vuetify/components')['VForm']
     VHover: typeof import('vuetify/components')['VHover']
@@ -2922,21 +2922,21 @@ declare module 'vue' {
     VCol: typeof import('vuetify/components')['VCol']
     VRow: typeof import('vuetify/components')['VRow']
     VSpacer: typeof import('vuetify/components')['VSpacer']
+    VLazy: typeof import('vuetify/components')['VLazy']
     VLayout: typeof import('vuetify/components')['VLayout']
     VLayoutItem: typeof import('vuetify/components')['VLayoutItem']
-    VLazy: typeof import('vuetify/components')['VLazy']
+    VNoSsr: typeof import('vuetify/components')['VNoSsr']
     VLocaleProvider: typeof import('vuetify/components')['VLocaleProvider']
     VParallax: typeof import('vuetify/components')['VParallax']
-    VRadio: typeof import('vuetify/components')['VRadio']
-    VResponsive: typeof import('vuetify/components')['VResponsive']
     VRangeSlider: typeof import('vuetify/components')['VRangeSlider']
-    VNoSsr: typeof import('vuetify/components')['VNoSsr']
-    VSparkline: typeof import('vuetify/components')['VSparkline']
+    VResponsive: typeof import('vuetify/components')['VResponsive']
+    VRadio: typeof import('vuetify/components')['VRadio']
     VSnackbarQueue: typeof import('vuetify/components')['VSnackbarQueue']
-    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
+    VSparkline: typeof import('vuetify/components')['VSparkline']
     VSpeedDial: typeof import('vuetify/components')['VSpeedDial']
     VValidation: typeof import('vuetify/components')['VValidation']
     VVirtualScroll: typeof import('vuetify/components')['VVirtualScroll']
+    VThemeProvider: typeof import('vuetify/components')['VThemeProvider']
     VFabTransition: typeof import('vuetify/components')['VFabTransition']
     VDialogBottomTransition: typeof import('vuetify/components')['VDialogBottomTransition']
     VDialogTopTransition: typeof import('vuetify/components')['VDialogTopTransition']
@@ -2955,23 +2955,23 @@ declare module 'vue' {
     VExpandBothTransition: typeof import('vuetify/components')['VExpandBothTransition']
     VDialogTransition: typeof import('vuetify/components')['VDialogTransition']
     VAvatarGroup: typeof import('vuetify/labs/components')['VAvatarGroup']
-    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
+    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
+    VPicker: typeof import('vuetify/labs/components')['VPicker']
+    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VFileUpload: typeof import('vuetify/labs/components')['VFileUpload']
     VFileUploadItem: typeof import('vuetify/labs/components')['VFileUploadItem']
-    VCommandPalette: typeof import('vuetify/labs/components')['VCommandPalette']
-    VCommandPaletteItemComponent: typeof import('vuetify/labs/components')['VCommandPaletteItemComponent']
+    VColorInput: typeof import('vuetify/labs/components')['VColorInput']
     VStepperVertical: typeof import('vuetify/labs/components')['VStepperVertical']
     VStepperVerticalItem: typeof import('vuetify/labs/components')['VStepperVerticalItem']
     VStepperVerticalActions: typeof import('vuetify/labs/components')['VStepperVerticalActions']
+    VCommandPalette: typeof import('vuetify/labs/components')['VCommandPalette']
+    VCommandPaletteItemComponent: typeof import('vuetify/labs/components')['VCommandPaletteItemComponent']
     VPie: typeof import('vuetify/labs/components')['VPie']
     VPieSegment: typeof import('vuetify/labs/components')['VPieSegment']
     VPieTooltip: typeof import('vuetify/labs/components')['VPieTooltip']
-    VIconBtn: typeof import('vuetify/labs/components')['VIconBtn']
     VVideo: typeof import('vuetify/labs/components')['VVideo']
     VVideoControls: typeof import('vuetify/labs/components')['VVideoControls']
     VVideoVolume: typeof import('vuetify/labs/components')['VVideoVolume']
-    VPicker: typeof import('vuetify/labs/components')['VPicker']
-    VPickerTitle: typeof import('vuetify/labs/components')['VPickerTitle']
     VDateInput: typeof import('vuetify/labs/components')['VDateInput']
     VMaskInput: typeof import('vuetify/labs/components')['VMaskInput']
     VPullToRefresh: typeof import('vuetify/labs/components')['VPullToRefresh']

package/lib/framework.js

@@ -110,7 +110,7 @@ export function createVuetify() {
     };
   });
 }
-export const version = "3.11.8-dev.2026-02-17";
+export const version = "3.11.8-dev.2026-02-18";
 createVuetify.version = version;
 
 // Vue's inject() can only be used in setup

package/lib/iconsets/mdi-unocss.d.ts

@@ -0,0 +1,5 @@
+// Types
+import type { IconAliases, IconSet } from '../composables/icons.js';
+declare const aliases: IconAliases;
+declare const mdi: IconSet;
+export { aliases, mdi };

package/lib/iconsets/mdi-unocss.js

@@ -0,0 +1,83 @@
+// @unocss-include
+// Composables
+import { VClassIcon } from "../composables/icons.js"; // Utilities
+import { h } from 'vue';
+
+// Types
+
+const aliases = {
+  collapse: 'i-mdi:chevron-up',
+  complete: 'i-mdi:check',
+  cancel: 'i-mdi:close-circle',
+  close: 'i-mdi:close',
+  // delete (e.g. v-chip close)
+  delete: 'i-mdi:close-circle',
+  clear: 'i-mdi:close-circle',
+  success: 'i-mdi:check-circle',
+  info: 'i-mdi:information',
+  warning: 'i-mdi:alert-circle',
+  error: 'i-mdi:close-circle',
+  prev: 'i-mdi:chevron-left',
+  next: 'i-mdi:chevron-right',
+  checkboxOn: 'i-mdi:checkbox-marked',
+  checkboxOff: 'i-mdi:checkbox-blank-outline',
+  checkboxIndeterminate: 'i-mdi:minus-box',
+  delimiter: 'i-mdi:circle',
+  // for carousel
+  sortAsc: 'i-mdi:arrow-up',
+  sortDesc: 'i-mdi:arrow-down',
+  expand: 'i-mdi:chevron-down',
+  menu: 'i-mdi:menu',
+  subgroup: 'i-mdi:menu-down',
+  dropdown: 'i-mdi:menu-down',
+  radioOn: 'i-mdi:radiobox-marked',
+  radioOff: 'i-mdi:radiobox-blank',
+  edit: 'i-mdi:pencil',
+  ratingEmpty: 'i-mdi:star-outline',
+  ratingFull: 'i-mdi:star',
+  ratingHalf: 'i-mdi:star-half-full',
+  loading: 'i-mdi:cached',
+  first: 'i-mdi:page-first',
+  last: 'i-mdi:page-last',
+  unfold: 'i-mdi:unfold-more-horizontal',
+  file: 'i-mdi:paperclip',
+  plus: 'i-mdi:plus',
+  minus: 'i-mdi:minus',
+  calendar: 'i-mdi:calendar',
+  treeviewCollapse: 'i-mdi:menu-down',
+  treeviewExpand: 'i-mdi:menu-right',
+  tableGroupCollapse: 'i-mdi:chevron-down',
+  tableGroupExpand: 'i-mdi:chevron-right',
+  eyeDropper: 'i-mdi:eyedropper',
+  upload: 'i-mdi:cloud-upload',
+  color: 'i-mdi:palette',
+  command: 'i-mdi:apple-keyboard-command',
+  ctrl: 'i-mdi:apple-keyboard-control',
+  space: 'i-mdi:keyboard-space',
+  shift: 'i-mdi:apple-keyboard-shift',
+  alt: 'i-mdi:apple-keyboard-option',
+  enter: 'i-mdi:keyboard-return',
+  arrowup: 'i-mdi:arrow-up',
+  arrowdown: 'i-mdi:arrow-down',
+  arrowleft: 'i-mdi:arrow-left',
+  arrowright: 'i-mdi:arrow-right',
+  backspace: 'i-mdi:backspace',
+  play: 'i-mdi:play',
+  pause: 'i-mdi:pause',
+  fullscreen: 'i-mdi:fullscreen',
+  fullscreenExit: 'i-mdi:fullscreen-exit',
+  volumeHigh: 'i-mdi:volume-high',
+  volumeMedium: 'i-mdi:volume-medium',
+  volumeLow: 'i-mdi:volume-low',
+  volumeOff: 'i-mdi:volume-variant-off',
+  search: 'i-mdi:magnify'
+};
+const mdi = {
+  // Not using mergeProps here, functional components merge props by default (?)
+  component: props => h(VClassIcon, {
+    ...props,
+    class: 'mdi'
+  })
+};
+export { aliases, mdi };
+//# sourceMappingURL=mdi-unocss.js.map