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

package/lib/components/VProgressCircular/VProgressCircular.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VProgressCircular/VProgressCircular.tsx"],"names":["makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useIntersectionObserver","useTextColor","useResizeObserver","computed","ref","toRef","watchEffect","convertToUnit","defineComponent","VProgressCircular","name","props","bgColor","String","color","indeterminate","Boolean","modelValue","type","Number","default","rotate","width","tag","setup","slots","MAGIC_RADIUS_CONSTANT","CIRCUMFERENCE","Math","PI","root","themeClasses","sizeClasses","sizeStyles","textColorClasses","textColorStyles","underlayColorClasses","underlayColorStyles","intersectionRef","isIntersecting","resizeRef","contentRect","normalizedValue","max","min","parseFloat","size","value","diameter","strokeWidth","strokeDashOffset","undefined","transform"],"mappings":"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","sourcesContent":["// Styles\nimport './VProgressCircular.sass'\n\n// Composables\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useTextColor } from '@/composables/color'\nimport { useResizeObserver } from '@/composables/resizeObserver'\n\n// Utilities\nimport { computed, ref, toRef, watchEffect } from 'vue'\nimport { convertToUnit, defineComponent } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VProgressCircular = defineComponent({\n  name: 'VProgressCircular',\n\n  props: {\n    bgColor: String,\n    color: String,\n    indeterminate: [Boolean, String] as PropType<boolean | 'disable-shrink'>,\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'div' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const MAGIC_RADIUS_CONSTANT = 20\n    const CIRCUMFERENCE = 2 * Math.PI * MAGIC_RADIUS_CONSTANT\n\n    const root = ref<HTMLElement>()\n\n    const { themeClasses } = provideTheme(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n    const { textColorClasses: underlayColorClasses, textColorStyles: underlayColorStyles } = useTextColor(toRef(props, 'bgColor'))\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n    const { resizeRef, contentRect } = useResizeObserver()\n\n    const normalizedValue = computed(() => Math.max(0, Math.min(100, parseFloat(props.modelValue))))\n    const width = computed(() => Number(props.width))\n    const size = computed(() => {\n      // Get size from element if size prop value is small, large etc\n      return sizeStyles.value\n        ? Number(props.size)\n        : contentRect.value\n          ? contentRect.value.width\n          : Math.max(width.value, 32)\n    })\n    const diameter = computed(() => (MAGIC_RADIUS_CONSTANT / (1 - width.value / size.value)) * 2)\n    const strokeWidth = computed(() => width.value / size.value * diameter.value)\n    const strokeDashOffset = computed(() => convertToUnit(((100 - normalizedValue.value) / 100) * CIRCUMFERENCE))\n\n    watchEffect(() => {\n      intersectionRef.value = root.value\n      resizeRef.value = root.value\n    })\n\n    return () => (\n      <props.tag\n        ref={ root }\n        class={[\n          'v-progress-circular',\n          {\n            'v-progress-circular--indeterminate': !!props.indeterminate,\n            'v-progress-circular--visible': isIntersecting.value,\n            'v-progress-circular--disable-shrink': props.indeterminate === 'disable-shrink',\n          },\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n        ]}\n        style={[\n          sizeStyles.value,\n          textColorStyles.value,\n        ]}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n      >\n        <svg\n          style={{\n            transform: `rotate(calc(-90deg + ${Number(props.rotate)}deg))`,\n          }}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox={ `0 0 ${diameter.value} ${diameter.value}` }\n        >\n          <circle\n            class={[\n              'v-progress-circular__underlay',\n              underlayColorClasses.value,\n            ]}\n            style={ underlayColorStyles.value }\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ 0 }\n          />\n\n          <circle\n            class=\"v-progress-circular__overlay\"\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ strokeDashOffset.value }\n          />\n        </svg>\n        { slots.default && (\n          <div class=\"v-progress-circular__content\">\n            { slots.default({ value: normalizedValue.value }) }\n          </div>\n        ) }\n      </props.tag>\n    )\n  },\n})\n"],"file":"VProgressCircular.mjs"}
+{"version":3,"file":"VProgressCircular.mjs","names":["makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useIntersectionObserver","useResizeObserver","useTextColor","computed","ref","toRef","watchEffect","convertToUnit","defineComponent","useRender","VProgressCircular","name","props","bgColor","String","color","indeterminate","Boolean","modelValue","type","Number","default","rotate","width","tag","setup","slots","MAGIC_RADIUS_CONSTANT","CIRCUMFERENCE","Math","PI","root","themeClasses","sizeClasses","sizeStyles","textColorClasses","textColorStyles","underlayColorClasses","underlayColorStyles","intersectionRef","isIntersecting","resizeRef","contentRect","normalizedValue","max","min","parseFloat","size","value","diameter","strokeWidth","strokeDashOffset","undefined","transform"],"sources":["../../../src/components/VProgressCircular/VProgressCircular.tsx"],"sourcesContent":["// Styles\nimport './VProgressCircular.sass'\n\n// Composables\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useResizeObserver } from '@/composables/resizeObserver'\nimport { useTextColor } from '@/composables/color'\n\n// Utilities\nimport { computed, ref, toRef, watchEffect } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VProgressCircular = defineComponent({\n  name: 'VProgressCircular',\n\n  props: {\n    bgColor: String,\n    color: String,\n    indeterminate: [Boolean, String] as PropType<boolean | 'disable-shrink'>,\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    rotate: {\n      type: [Number, String],\n      default: 0,\n    },\n    width: {\n      type: [Number, String],\n      default: 4,\n    },\n\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'div' }),\n    ...makeThemeProps(),\n  },\n\n  setup (props, { slots }) {\n    const MAGIC_RADIUS_CONSTANT = 20\n    const CIRCUMFERENCE = 2 * Math.PI * MAGIC_RADIUS_CONSTANT\n\n    const root = ref<HTMLElement>()\n\n    const { themeClasses } = provideTheme(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n    const { textColorClasses, textColorStyles } = useTextColor(toRef(props, 'color'))\n    const { textColorClasses: underlayColorClasses, textColorStyles: underlayColorStyles } = useTextColor(toRef(props, 'bgColor'))\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n    const { resizeRef, contentRect } = useResizeObserver()\n\n    const normalizedValue = computed(() => Math.max(0, Math.min(100, parseFloat(props.modelValue))))\n    const width = computed(() => Number(props.width))\n    const size = computed(() => {\n      // Get size from element if size prop value is small, large etc\n      return sizeStyles.value\n        ? Number(props.size)\n        : contentRect.value\n          ? contentRect.value.width\n          : Math.max(width.value, 32)\n    })\n    const diameter = computed(() => (MAGIC_RADIUS_CONSTANT / (1 - width.value / size.value)) * 2)\n    const strokeWidth = computed(() => width.value / size.value * diameter.value)\n    const strokeDashOffset = computed(() => convertToUnit(((100 - normalizedValue.value) / 100) * CIRCUMFERENCE))\n\n    watchEffect(() => {\n      intersectionRef.value = root.value\n      resizeRef.value = root.value\n    })\n\n    useRender(() => (\n      <props.tag\n        ref={ root }\n        class={[\n          'v-progress-circular',\n          {\n            'v-progress-circular--indeterminate': !!props.indeterminate,\n            'v-progress-circular--visible': isIntersecting.value,\n            'v-progress-circular--disable-shrink': props.indeterminate === 'disable-shrink',\n          },\n          themeClasses.value,\n          sizeClasses.value,\n          textColorClasses.value,\n        ]}\n        style={[\n          sizeStyles.value,\n          textColorStyles.value,\n        ]}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n      >\n        <svg\n          style={{\n            transform: `rotate(calc(-90deg + ${Number(props.rotate)}deg))`,\n          }}\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox={ `0 0 ${diameter.value} ${diameter.value}` }\n        >\n          <circle\n            class={[\n              'v-progress-circular__underlay',\n              underlayColorClasses.value,\n            ]}\n            style={ underlayColorStyles.value }\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ 0 }\n          />\n\n          <circle\n            class=\"v-progress-circular__overlay\"\n            fill=\"transparent\"\n            cx=\"50%\"\n            cy=\"50%\"\n            r={ MAGIC_RADIUS_CONSTANT }\n            stroke-width={ strokeWidth.value }\n            stroke-dasharray={ CIRCUMFERENCE }\n            stroke-dashoffset={ strokeDashOffset.value }\n          />\n        </svg>\n\n        { slots.default && (\n          <div class=\"v-progress-circular__content\">\n            { slots.default({ value: normalizedValue.value }) }\n          </div>\n        ) }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":"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"}

package/lib/components/VProgressCircular/VProgressCircular.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use 'sass:list'
 @use '../../styles/settings'
 @use './variables' as *

package/lib/components/VProgressCircular/_variables.scss

@@ -1,3 +1,4 @@
+// VProgressCircular
 $progress-circular-intermediate-svg-transition: all 0.2s ease-in-out !default;
 $progress-circular-overlay-transition: all 0.2s ease-in-out, stroke-width 0s !default;
 $progress-circular-rotate-animation: progress-circular-rotate 1.4s linear infinite !default;
@@ -5,6 +6,7 @@ $progress-circular-rotate-dash: progress-circular-dash 1.4s ease-in-out infinite
 $progress-circular-size: 32px !default;
 $progress-circular-underlay-color: rgba(var(--v-border-color), var(--v-border-opacity)) !default;
 
+// Lists
 $progress-circular-sizes: (
   'x-small': -2,
   'small': -1,

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

@@ -0,0 +1,68 @@
+import * as vue from 'vue';
+import { PropType } from 'vue';
+
+declare const VProgressCircular: vue.DefineComponent<{
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    bgColor: StringConstructor;
+    color: StringConstructor;
+    indeterminate: PropType<boolean | "disable-shrink">;
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rotate: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<string>;
+        default: string;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: string;
+    };
+    bgColor: StringConstructor;
+    color: StringConstructor;
+    indeterminate: PropType<boolean | "disable-shrink">;
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    rotate: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+}>>, {
+    width: string | number;
+    rotate: string | number;
+    size: string | number;
+    tag: string;
+    modelValue: string | number;
+}>;
+
+export { VProgressCircular };

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

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

package/lib/components/VProgressLinear/VProgressLinear.css

@@ -118,7 +118,7 @@
 
 .v-progress-linear--striped .v-progress-linear__determinate {
   animation: progress-linear-stripes 1s infinite linear;
-  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.25) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.25) 0, rgba(255, 255, 255, 0.25) 75%, transparent 0, transparent);
+  background-image: linear-gradient(135deg, hsla(0deg, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0deg, 0%, 100%, 0.25) 0, hsla(0deg, 0%, 100%, 0.25) 75%, transparent 0, transparent);
   background-repeat: repeat;
   background-size: var(--v-progress-linear-height);
 }

package/lib/components/VProgressLinear/VProgressLinear.mjs

@@ -10,8 +10,8 @@ import { useIntersectionObserver } from "../../composables/intersectionObserver.
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { useRtl } from "../../composables/rtl.mjs"; // Utilities
 
-import { convertToUnit, defineComponent } from "../../util/index.mjs";
 import { computed, Transition } from 'vue';
+import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
 export const VProgressLinear = defineComponent({
   name: 'VProgressLinear',
   props: {
@@ -103,7 +103,7 @@ export const VProgressLinear = defineComponent({
       progress.value = Math.round(value / width * max.value);
     }
 
-    return () => _createVNode(props.tag, {
+    useRender(() => _createVNode(props.tag, {
       "ref": intersectionRef,
       "class": ['v-progress-linear', {
         'v-progress-linear--active': props.active && isIntersecting.value,
@@ -123,6 +123,7 @@ export const VProgressLinear = defineComponent({
       "onClick": props.clickable && handleClick
     }, {
       default: () => [props.stream && _createVNode("div", {
+        "key": "stream",
         "class": ['v-progress-linear__stream', textColorClasses.value],
         "style": { ...textColorStyles.value,
           [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),
@@ -159,7 +160,8 @@ export const VProgressLinear = defineComponent({
         value: normalizedValue.value,
         buffer: normalizedBuffer.value
       })])]
-    });
+    }));
+    return {};
   }
 
 });

package/lib/components/VProgressLinear/VProgressLinear.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"names":["makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","convertToUnit","defineComponent","computed","Transition","VProgressLinear","name","props","active","type","Boolean","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","emits","value","setup","slots","progress","isRtl","themeClasses","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","rounded","undefined","borderTop","top","map","bar","buffer"],"mappings":"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","sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { convertToUnit, defineComponent } from '@/util'\nimport { computed, Transition } from 'vue'\n\nexport const VProgressLinear = defineComponent({\n  name: 'VProgressLinear',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    bgColor: String,\n    bgOpacity: [Number, String],\n    bufferValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    clickable: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    max: {\n      type: [Number, String],\n      default: 100,\n    },\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    reverse: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    roundedBar: Boolean,\n\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n    const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseInt(props.max, 10))\n    const height = computed(() => parseInt(props.height, 10))\n    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const opacity = computed(() => {\n      return props.bgOpacity == null\n        ? props.bgOpacity\n        : parseFloat(props.bgOpacity)\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    return () => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n        ]}\n        style={{\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n        }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: opacity.value,\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        ) }\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            backgroundColorClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: opacity.value,\n              width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                barColorClasses.value,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              { ['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    barColorClasses.value,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              )) }\n            </div>\n          ) }\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        ) }\n      </props.tag>\n    )\n  },\n})\n"],"file":"VProgressLinear.mjs"}
+{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","defineComponent","useRender","VProgressLinear","name","props","active","type","Boolean","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","emits","value","setup","slots","progress","isRtl","themeClasses","textColorClasses","textColorStyles","backgroundColorClasses","backgroundColorStyles","barColorClasses","barColorStyles","roundedClasses","intersectionRef","isIntersecting","parseInt","normalizedBuffer","parseFloat","normalizedValue","isReversed","transition","opacity","handleClick","e","left","right","width","getBoundingClientRect","clientX","Math","round","rounded","undefined","borderTop","top","map","bar","buffer"],"sources":["../../../src/components/VProgressLinear/VProgressLinear.tsx"],"sourcesContent":["// Styles\nimport './VProgressLinear.sass'\n\n// Composables\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useBackgroundColor, useTextColor } from '@/composables/color'\nimport { useIntersectionObserver } from '@/composables/intersectionObserver'\nimport { useProxiedModel } from '@/composables/proxiedModel'\nimport { useRtl } from '@/composables/rtl'\n\n// Utilities\nimport { computed, Transition } from 'vue'\nimport { convertToUnit, defineComponent, useRender } from '@/util'\n\nexport const VProgressLinear = defineComponent({\n  name: 'VProgressLinear',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    bgColor: String,\n    bgOpacity: [Number, String],\n    bufferValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    clickable: Boolean,\n    color: String,\n    height: {\n      type: [Number, String],\n      default: 4,\n    },\n    indeterminate: Boolean,\n    max: {\n      type: [Number, String],\n      default: 100,\n    },\n    modelValue: {\n      type: [Number, String],\n      default: 0,\n    },\n    reverse: Boolean,\n    stream: Boolean,\n    striped: Boolean,\n    roundedBar: Boolean,\n\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: number) => true,\n  },\n\n  setup (props, { slots }) {\n    const progress = useProxiedModel(props, 'modelValue')\n    const { isRtl } = useRtl()\n    const { themeClasses } = provideTheme(props)\n    const { textColorClasses, textColorStyles } = useTextColor(props, 'color')\n    const { backgroundColorClasses, backgroundColorStyles } = useBackgroundColor(computed(() => props.bgColor || props.color))\n    const { backgroundColorClasses: barColorClasses, backgroundColorStyles: barColorStyles } = useBackgroundColor(props, 'color')\n    const { roundedClasses } = useRounded(props)\n    const { intersectionRef, isIntersecting } = useIntersectionObserver()\n\n    const max = computed(() => parseInt(props.max, 10))\n    const height = computed(() => parseInt(props.height, 10))\n    const normalizedBuffer = computed(() => parseFloat(props.bufferValue) / max.value * 100)\n    const normalizedValue = computed(() => parseFloat(progress.value) / max.value * 100)\n    const isReversed = computed(() => isRtl.value !== props.reverse)\n    const transition = computed(() => props.indeterminate ? 'fade-transition' : 'slide-x-transition')\n    const opacity = computed(() => {\n      return props.bgOpacity == null\n        ? props.bgOpacity\n        : parseFloat(props.bgOpacity)\n    })\n\n    function handleClick (e: MouseEvent) {\n      if (!intersectionRef.value) return\n\n      const { left, right, width } = intersectionRef.value.getBoundingClientRect()\n      const value = isReversed.value ? (width - e.clientX) + (right - width) : e.clientX - left\n\n      progress.value = Math.round(value / width * max.value)\n    }\n\n    useRender(() => (\n      <props.tag\n        ref={ intersectionRef }\n        class={[\n          'v-progress-linear',\n          {\n            'v-progress-linear--active': props.active && isIntersecting.value,\n            'v-progress-linear--reverse': isReversed.value,\n            'v-progress-linear--rounded': props.rounded,\n            'v-progress-linear--rounded-bar': props.roundedBar,\n            'v-progress-linear--striped': props.striped,\n          },\n          roundedClasses.value,\n          themeClasses.value,\n        ]}\n        style={{\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n        }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax={ props.max }\n        aria-valuenow={ props.indeterminate ? undefined : normalizedValue.value }\n        onClick={ props.clickable && handleClick }\n      >\n        { props.stream && (\n          <div\n            key=\"stream\"\n            class={[\n              'v-progress-linear__stream',\n              textColorClasses.value,\n            ]}\n            style={{\n              ...textColorStyles.value,\n              [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),\n              borderTop: `${convertToUnit(height.value / 2)} dotted`,\n              opacity: opacity.value,\n              top: `calc(50% - ${convertToUnit(height.value / 4)})`,\n              width: convertToUnit(100 - normalizedBuffer.value, '%'),\n              '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),\n            }}\n          />\n        ) }\n\n        <div\n          class={[\n            'v-progress-linear__background',\n            backgroundColorClasses.value,\n          ]}\n          style={[\n            backgroundColorStyles.value,\n            {\n              opacity: opacity.value,\n              width: convertToUnit((!props.stream ? 100 : normalizedBuffer.value), '%'),\n            },\n          ]}\n        />\n\n        <Transition name={ transition.value }>\n          { !props.indeterminate ? (\n            <div\n              class={[\n                'v-progress-linear__determinate',\n                barColorClasses.value,\n              ]}\n              style={[\n                barColorStyles.value,\n                { width: convertToUnit(normalizedValue.value, '%') },\n              ]}\n            />\n          ) : (\n            <div class=\"v-progress-linear__indeterminate\">\n              { ['long', 'short'].map(bar => (\n                <div\n                  key={ bar }\n                  class={[\n                    'v-progress-linear__indeterminate',\n                    bar,\n                    barColorClasses.value,\n                  ]}\n                  style={ barColorStyles.value }\n                />\n              )) }\n            </div>\n          ) }\n        </Transition>\n\n        { slots.default && (\n          <div class=\"v-progress-linear__content\">\n            { slots.default({ value: normalizedValue.value, buffer: normalizedBuffer.value }) }\n          </div>\n        ) }\n      </props.tag>\n    ))\n\n    return {}\n  },\n})\n"],"mappings":"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"}

package/lib/components/VProgressLinear/VProgressLinear.sass

@@ -1,4 +1,3 @@
-@forward './variables'
 @use '../../styles/tools'
 @use './variables' as *
 

package/lib/components/VProgressLinear/_variables.scss

@@ -1,5 +1,6 @@
 @use '../../styles/settings';
 
+// VProgressLinear
 $progress-linear-background: currentColor !default;
 $progress-linear-background-background: $progress-linear-background !default;
 $progress-linear-background-opacity: var(--v-border-opacity) !default;

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

@@ -0,0 +1,101 @@
+import * as vue from 'vue';
+
+declare const VProgressLinear: vue.DefineComponent<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bgColor: StringConstructor;
+    bgOpacity: (StringConstructor | NumberConstructor)[];
+    bufferValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    clickable: BooleanConstructor;
+    color: StringConstructor;
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    indeterminate: BooleanConstructor;
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    reverse: BooleanConstructor;
+    stream: BooleanConstructor;
+    striped: BooleanConstructor;
+    roundedBar: BooleanConstructor;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'update:modelValue': (value: number) => true;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    theme: StringConstructor;
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    rounded: {
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    bgColor: StringConstructor;
+    bgOpacity: (StringConstructor | NumberConstructor)[];
+    bufferValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    clickable: BooleanConstructor;
+    color: StringConstructor;
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    indeterminate: BooleanConstructor;
+    max: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    reverse: BooleanConstructor;
+    stream: BooleanConstructor;
+    striped: BooleanConstructor;
+    roundedBar: BooleanConstructor;
+}>> & {
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}, {
+    reverse: boolean;
+    max: string | number;
+    height: string | number;
+    active: boolean;
+    tag: string;
+    indeterminate: boolean;
+    rounded: string | number | boolean;
+    modelValue: string | number;
+    bufferValue: string | number;
+    clickable: boolean;
+    stream: boolean;
+    striped: boolean;
+    roundedBar: boolean;
+}>;
+
+export { VProgressLinear };

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

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

package/lib/components/VRadio/VRadio.mjs

@@ -1,32 +1,24 @@
-import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Components
-import { VSelectionControl } from "../VSelectionControl/index.mjs"; // Utility
+import { makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Utilities
 
-import { defineComponent } from 'vue';
-import { useRender } from "../../util/index.mjs";
+import { defineComponent, useRender } from "../../util/index.mjs";
 export const VRadio = defineComponent({
   name: 'VRadio',
-  props: {
-    falseIcon: {
-      type: String,
-      default: '$radioOff'
-    },
-    trueIcon: {
-      type: String,
-      default: '$radioOn'
-    }
+  props: { ...makeSelectionControlProps({
+      falseIcon: '$radioOff',
+      trueIcon: '$radioOn'
+    })
   },
 
   setup(props, _ref) {
     let {
       slots
     } = _ref;
-    useRender(() => _createVNode(VSelectionControl, {
+    useRender(() => _createVNode(VSelectionControl, _mergeProps(props, {
       "class": "v-radio",
-      "trueIcon": props.trueIcon,
-      "falseIcon": props.falseIcon,
       "type": "radio"
-    }, slots));
+    }), slots));
     return {};
   }
 

package/lib/components/VRadio/VRadio.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRadio/VRadio.tsx"],"names":["VSelectionControl","defineComponent","useRender","VRadio","name","props","falseIcon","type","String","default","trueIcon","setup","slots"],"mappings":";AAAA;SACSA,iB,0CAET;;AACA,SAASC,eAAT,QAAgC,KAAhC;SACSC,S;AAET,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;AACpCG,EAAAA,IAAI,EAAE,QAD8B;AAGpCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,IAAI,EAAEC,MADG;AAETC,MAAAA,OAAO,EAAE;AAFA,KADN;AAKLC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,IAAI,EAAEC,MADE;AAERC,MAAAA,OAAO,EAAE;AAFD;AALL,GAH6B;;AAcpCE,EAAAA,KAAK,CAAEN,KAAF,QAAoB;AAAA,QAAX;AAAEO,MAAAA;AAAF,KAAW;AACvBV,IAAAA,SAAS,CAAC;AAAA,eAEA,SAFA;AAAA,kBAGKG,KAAK,CAACK,QAHX;AAAA,mBAIML,KAAK,CAACC,SAJZ;AAAA,cAKD;AALC,OAMIM,KANJ,CAAD,CAAT;AAUA,WAAO,EAAP;AACD;;AA1BmC,CAAD,CAA9B","sourcesContent":["// Components\nimport { VSelectionControl } from '@/components/VSelectionControl'\n\n// Utility\nimport { defineComponent } from 'vue'\nimport { useRender } from '@/util'\n\nexport const VRadio = defineComponent({\n  name: 'VRadio',\n\n  props: {\n    falseIcon: {\n      type: String,\n      default: '$radioOff',\n    },\n    trueIcon: {\n      type: String,\n      default: '$radioOn',\n    },\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VSelectionControl\n        class=\"v-radio\"\n        trueIcon={ props.trueIcon }\n        falseIcon={ props.falseIcon }\n        type=\"radio\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"file":"VRadio.mjs"}
+{"version":3,"file":"VRadio.mjs","names":["makeSelectionControlProps","VSelectionControl","defineComponent","useRender","VRadio","name","props","falseIcon","trueIcon","setup","slots"],"sources":["../../../src/components/VRadio/VRadio.tsx"],"sourcesContent":["// Components\nimport { makeSelectionControlProps, VSelectionControl } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utilities\nimport { defineComponent, useRender } from '@/util'\n\nexport const VRadio = defineComponent({\n  name: 'VRadio',\n\n  props: {\n    ...makeSelectionControlProps({\n      falseIcon: '$radioOff',\n      trueIcon: '$radioOn',\n    }),\n  },\n\n  setup (props, { slots }) {\n    useRender(() => (\n      <VSelectionControl\n        { ...props }\n        class=\"v-radio\"\n        type=\"radio\"\n        v-slots={ slots }\n      />\n    ))\n\n    return {}\n  },\n})\n\nexport type VRadio = InstanceType<typeof VRadio>\n"],"mappings":";AAAA;SACSA,yB,EAA2BC,iB,sDAEpC;;SACSC,e,EAAiBC,S;AAE1B,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAD8B;EAGpCC,KAAK,EAAE,EACL,GAAGN,yBAAyB,CAAC;MAC3BO,SAAS,EAAE,WADgB;MAE3BC,QAAQ,EAAE;IAFiB,CAAD;EADvB,CAH6B;;EAUpCC,KAAK,CAAEH,KAAF,QAAoB;IAAA,IAAX;MAAEI;IAAF,CAAW;IACvBP,SAAS,CAAC,kDAEDG,KAFC;MAAA,SAGA,SAHA;MAAA,QAID;IAJC,IAKII,KALJ,CAAD,CAAT;IASA,OAAO,EAAP;EACD;;AArBmC,CAAD,CAA9B"}

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

@@ -0,0 +1,103 @@
+import * as vue from 'vue';
+import { JSXComponent, PropType } from 'vue';
+
+declare function deepEqual(a: any, b: any): boolean;
+
+declare type IconValue = string | JSXComponent;
+declare const IconValue: PropType<IconValue>;
+
+declare const VRadio: vue.DefineComponent<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    type: StringConstructor;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    density: {
+        type: vue.PropType<"default" | "compact" | "comfortable" | null>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    label: StringConstructor;
+    falseIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    trueIcon: {
+        type: vue.PropType<(string & {}) | IconValue>;
+        default: (string & {}) | IconValue;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: vue.PropType<boolean | null>;
+        default: null;
+    };
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    trueValue: null;
+    falseValue: null;
+    modelValue: null;
+    type: StringConstructor;
+    value: null;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+}>>, {
+    inline: boolean;
+    error: boolean;
+    disabled: boolean;
+    multiple: boolean | null;
+    readonly: boolean;
+    density: "default" | "compact" | "comfortable" | null;
+    ripple: boolean;
+    falseIcon: (string & {}) | IconValue;
+    trueIcon: (string & {}) | IconValue;
+    valueComparator: typeof deepEqual;
+}>;
+declare type VRadio = InstanceType<typeof VRadio>;
+
+export { VRadio };

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

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

package/lib/components/VRadioGroup/VRadioGroup.css

@@ -1,8 +1,7 @@
-.v-radio-group {
-  grid-template-areas: "prepend label append" ". control ." "a messages b";
+.v-radio-group > .v-input__control {
+  flex-direction: column;
 }
 .v-radio-group > .v-label {
-  grid-area: label;
   margin-inline-start: 12px;
 }
 .v-radio-group > .v-label + .v-selection-control-group {

package/lib/components/VRadioGroup/VRadioGroup.mjs

@@ -2,13 +2,17 @@ import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, creat
 // Styles
 import "./VRadioGroup.css"; // Components
 
+import { filterControlProps, makeSelectionControlProps } from "../VSelectionControl/VSelectionControl.mjs";
 import { filterInputProps, makeVInputProps, VInput } from "../VInput/VInput.mjs";
 import { VLabel } from "../VLabel/index.mjs";
-import { VSelectionControlGroup } from "../VSelectionControlGroup/index.mjs";
-import { filterControlProps, makeSelectionControlProps } from "../VSelectionControl/VSelectionControl.mjs"; // Utility
+import { VSelectionControlGroup } from "../VSelectionControlGroup/index.mjs"; // Composables
 
-import { computed, defineComponent } from 'vue';
-import { filterInputAttrs, getUid, useRender } from "../../util/index.mjs";
+import { IconValue } from "../../composables/icons.mjs";
+import { provideDefaults } from "../../composables/defaults.mjs";
+import { useProxiedModel } from "../../composables/proxiedModel.mjs"; // Utilities
+
+import { computed, toRef } from 'vue';
+import { defineComponent, filterInputAttrs, getUid, useRender } from "../../util/index.mjs";
 export const VRadioGroup = defineComponent({
   name: 'VRadioGroup',
   inheritAttrs: false,
@@ -20,11 +24,11 @@ export const VRadioGroup = defineComponent({
     ...makeVInputProps(),
     ...makeSelectionControlProps(),
     trueIcon: {
-      type: String,
+      type: IconValue,
       default: '$radioOn'
     },
     falseIcon: {
-      type: String,
+      type: IconValue,
       default: '$radioOff'
     },
     type: {
@@ -32,6 +36,9 @@ export const VRadioGroup = defineComponent({
       default: 'radio'
     }
   },
+  emits: {
+    'update:modelValue': val => true
+  },
 
   setup(props, _ref) {
     let {
@@ -40,6 +47,13 @@ export const VRadioGroup = defineComponent({
     } = _ref;
     const uid = getUid();
     const id = computed(() => props.id || `radio-group-${uid}`);
+    const model = useProxiedModel(props, 'modelValue');
+    provideDefaults({
+      VRadio: {
+        color: toRef(props, 'color'),
+        density: toRef(props, 'density')
+      }
+    });
     useRender(() => {
       const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
       const [inputProps, _1] = filterInputProps(props);
@@ -52,14 +66,20 @@ export const VRadioGroup = defineComponent({
       }) : props.label;
       return _createVNode(VInput, _mergeProps({
         "class": "v-radio-group"
-      }, inputAttrs, inputProps), { ...slots,
+      }, inputAttrs, inputProps, {
+        "modelValue": model.value,
+        "onUpdate:modelValue": $event => model.value = $event,
+        "id": id.value
+      }), { ...slots,
         default: _ref2 => {
           let {
+            id,
             isDisabled,
             isReadonly
           } = _ref2;
           return _createVNode(_Fragment, null, [label && _createVNode(VLabel, {
-            "for": id.value
+            "for": id.value,
+            "clickable": true
           }, {
             default: () => [label]
           }), _createVNode(VSelectionControlGroup, _mergeProps(controlProps, {
@@ -69,7 +89,10 @@ export const VRadioGroup = defineComponent({
             "type": props.type,
             "disabled": isDisabled.value,
             "readonly": isReadonly.value
-          }, controlAttrs), slots)]);
+          }, controlAttrs, {
+            "modelValue": model.value,
+            "onUpdate:modelValue": $event => model.value = $event
+          }), slots)]);
         }
       });
     });