@vuetify/nightly 3.0.0-alpha.8 → 3.0.0-beta.0

package/lib/components/VProgressLinear/VProgressLinear.sass

@@ -1,130 +1,101 @@
-@import './_variables.scss'
-
-+theme(v-progress-linear) using ($material)
-  color: map-deep-get($material, 'text', 'primary')
+@forward './variables'
+@use '../../styles/tools'
+@use './variables' as *
 
 // Block
 .v-progress-linear
   background: transparent
   overflow: hidden
   position: relative
-  transition: .2s map-get($transition, 'ease-in-out')
-  width: 100%
-
-// Element
-.v-progress-linear__buffer
-  height: inherit
-  left: 0
-  position: absolute
-  top: 0
-  transition: inherit
+  transition: $progress-linear-transition
   width: 100%
 
-.v-progress-linear--reverse
-  .v-progress-linear__buffer
-    left: auto
-    right: 0
-
+// Elements
 .v-progress-linear__background
+  background: $progress-linear-background
   bottom: 0
   left: 0
+  opacity: $progress-linear-background-opacity
   position: absolute
   top: 0
+  transition-property: width, left, right
   transition: inherit
 
-.v-progress-linear--reverse
-  .v-progress-linear__background
-    left: auto
-    right: 0
-
 .v-progress-linear__content
   align-items: center
   display: flex
   height: 100%
-  left: 0
   justify-content: center
+  left: 0
+  pointer-events: none
   position: absolute
   top: 0
   width: 100%
 
-.v-progress-linear--reverse
-  .v-progress-linear__content
-    left: auto
-    right: 0
+.v-progress-linear__determinate,
+.v-progress-linear__indeterminate
+  background: $progress-linear-background
 
 .v-progress-linear__determinate
   height: inherit
   left: 0
   position: absolute
   transition: inherit
+  transition-property: width, left, right
+
+.v-progress-linear__indeterminate
+  .long, .short
+    animation-play-state: paused
+    animation-duration: $progress-linear-indeteminate-animation-duration
+    animation-iteration-count: infinite
+    bottom: 0
+    height: inherit
+    left: 0
+    position: absolute
+    right: auto
+    top: 0
+    width: auto
+    will-change: left, right
 
-.v-progress-linear--reverse
-  .v-progress-linear__determinate
-    left: auto
-    right: 0
+  .long
+    animation-name: indeterminate-ltr
 
-.v-progress-linear
-  .v-progress-linear__indeterminate
-    .long, .short
-      animation-play-state: paused
-      background-color: inherit
-      bottom: 0
-      height: inherit
-      left: 0
-      position: absolute
-      right: auto
-      top: 0
-      width: auto
-      will-change: left, right
-
-    &--active .long
-      animation-name: indeterminate-ltr
-      animation-duration: 2.2s
-      animation-iteration-count: infinite
+  .short
+    animation-name: indeterminate-short-ltr
 
-    &--active .short
-      animation-name: indeterminate-short-ltr
-      animation-duration: 2.2s
-      animation-iteration-count: infinite
+.v-progress-linear__stream
+  animation: $progress-linear-stream-animation
+  animation-play-state: paused
+  bottom: 0
+  left: auto
+  opacity: $progress-linear-stream-opacity
+  pointer-events: none
+  position: absolute
+  transition: inherit
+  transition-property: width, left, right
 
+// Modifiers
 .v-progress-linear--reverse
+  .v-progress-linear__background,
+  .v-progress-linear__determinate,
+  .v-progress-linear__content
+    left: auto
+    right: 0
+
   .v-progress-linear__indeterminate
     .long, .short
       left: auto
       right: 0
 
-    &--active .long
+    .long
       animation-name: indeterminate-rtl
 
-    &--active .short
+    .short
       animation-name: indeterminate-short-rtl
 
-.v-progress-linear__stream
-  animation: stream-ltr .25s infinite linear
-  animation-play-state: paused
-  border-color: currentColor
-  border-top: $progress-linear-stream-border-width dotted
-  bottom: 0
-  left: auto
-  right: -8px
-  opacity: $progress-linear-stream-opacity
-  pointer-events: none
-  position: absolute
-  top: calc(50% - #{$progress-linear-stream-border-width / 2})
-  transition: inherit
-
-.v-progress-linear--reverse
   .v-progress-linear__stream
-    animation: stream-rtl .25s infinite linear
-    left: -8px
     right: auto
 
-.v-progress-linear__wrapper
-  overflow: hidden
-  position: relative
-  transition: inherit
-
-// Modifier
 .v-progress-linear--absolute,
 .v-progress-linear--fixed
   left: 0
@@ -136,46 +107,45 @@
 .v-progress-linear--fixed
   position: fixed
 
-.v-progress-linear--reactive
-  .v-progress-linear__content
-    pointer-events: none
-
 .v-progress-linear--rounded
-  border-radius: $progress-linear-border-radius
+  @include tools.rounded($progress-linear-border-radius)
+
+  &.v-progress-linear--rounded-bar
+    .v-progress-linear__determinate,
+    .v-progress-linear__indeterminate
+      border-radius: inherit
 
 .v-progress-linear--striped
   .v-progress-linear__determinate
+    animation: $progress-linear-striped-animation
     background-image: $progress-linear-stripe-gradient
-    background-size: $progress-linear-stripe-background-size
     background-repeat: repeat
+    background-size: $progress-linear-striped-size
 
-.v-progress-linear--query
-  .v-progress-linear__indeterminate--active
-    .long
-      animation-name: query-ltr
-      animation-duration: 2s
-      animation-iteration-count: infinite
-
-    .short
-      animation-name: query-short-ltr
-      animation-duration: 2s
-      animation-iteration-count: infinite
-
-  &.v-progress-linear--reverse
-    .v-progress-linear__indeterminate--active
-      .long
-        animation-name: query-rtl
-
-      .short
-        animation-name: query-short-rtl
-
-.v-progress-linear--visible
-  .v-progress-linear__indeterminate--active
+.v-progress-linear--active
+  .v-progress-linear__indeterminate
     .long, .short
       animation-play-state: running
+
   .v-progress-linear__stream
     animation-play-state: running
 
+.v-progress-linear--rounded-bar
+  .v-progress-linear__determinate,
+  .v-progress-linear__indeterminate,
+  .v-progress-linear__stream + .v-progress-linear__background
+    @include tools.rounded($progress-linear-border-radius)
+
+  .v-progress-linear__determinate
+    @include tools.ltr()
+      border-top-left-radius: 0
+      border-bottom-left-radius: 0
+
+    @include tools.rtl()
+      border-top-right-radius: 0
+      border-bottom-right-radius: 0
+
+// Keyframes
 @keyframes indeterminate-ltr
   0%
     left: -90%
@@ -220,54 +190,10 @@
     left: -8%
     right: 107%
 
-@keyframes query-ltr
-  0%
-    right: -90%
-    left: 100%
-  60%
-    right: -90%
-    left: 100%
-  100%
-    right: 100%
-    left: -35%
-
-@keyframes query-rtl
-  0%
-    right: 100%
-    left: -90%
-  60%
-    right: 100%
-    left: -90%
-  100%
-    right: -35%
-    left: 100%
-
-@keyframes query-short-ltr
-  0%
-    right: -200%
-    left: 100%
-  60%
-    right: 107%
-    left: -8%
-  100%
-    right: 107%
-    left: -8%
-
-@keyframes query-short-rtl
-  0%
-    right: 100%
-    left: -200%
-  60%
-    right: -8%
-    left: 107%
-  100%
-    right: -8%
-    left: 107%
-
-@keyframes stream-ltr
+@keyframes stream
   to
-    transform: translateX(-8px)
+    transform: translateX(var(--v-progress-linear-stream-to))
 
-@keyframes stream-rtl
-  to
-    transform: translateX(8px)
+@keyframes progress-linear-stripes
+  0%
+    background-position-x: $progress-linear-striped-size

package/lib/components/VProgressLinear/_variables.scss

@@ -1,7 +1,11 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
 
-$progress-linear-border-radius: $border-radius-root !default;
+$progress-linear-background: currentColor !default;
+$progress-linear-background-background: $progress-linear-background !default;
+$progress-linear-background-opacity: var(--v-border-opacity) !default;
+$progress-linear-border-radius: settings.$border-radius-root !default;
 $progress-linear-stream-opacity: 0.3 !default;
+$progress-linear-stripe-background-size: 40px 40px !default;
 $progress-linear-stream-border-width: 4px !default;
 $progress-linear-stripe-gradient: linear-gradient(
   135deg,
@@ -13,4 +17,8 @@ $progress-linear-stripe-gradient: linear-gradient(
   transparent 0,
   transparent
 ) !default;
-$progress-linear-stripe-background-size: 40px 40px !default;
+$progress-linear-indeteminate-animation-duration: 2.2s !default;
+$progress-linear-stream-animation: stream .25s infinite linear !default;
+$progress-linear-striped-animation: progress-linear-stripes 1s infinite linear !default;
+$progress-linear-striped-size: var(--v-progress-linear-height) !default;
+$progress-linear-transition: .2s settings.$standard-easing !default;

package/lib/components/VProgressLinear/index.mjs

@@ -1,4 +1,2 @@
-import VProgressLinear from "./VProgressLinear.mjs";
-export { VProgressLinear };
-export default VProgressLinear;
+export { VProgressLinear } from "./VProgressLinear.mjs";
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VProgressLinear/index.ts"],"names":["VProgressLinear"],"mappings":"OAAOA,e;AAEP,SAASA,eAAT;AACA,eAAeA,eAAf","sourcesContent":["import VProgressLinear from './VProgressLinear'\n\nexport { VProgressLinear }\nexport default VProgressLinear\n"],"file":"index.mjs"}
+{"version":3,"sources":["../../../src/components/VProgressLinear/index.ts"],"names":["VProgressLinear"],"mappings":"SAASA,e","sourcesContent":["export { VProgressLinear } from './VProgressLinear'\n"],"file":"index.mjs"}

package/lib/components/VRadio/VRadio.mjs

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

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

@@ -0,0 +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"}

package/lib/components/VRadio/index.mjs

@@ -0,0 +1,2 @@
+export { VRadio } from "./VRadio.mjs";
+//# sourceMappingURL=index.mjs.map

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

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

package/lib/components/VRadioGroup/VRadioGroup.css

@@ -0,0 +1,10 @@
+.v-radio-group {
+  grid-template-areas: "prepend label append" ". control ." "a messages b";
+}
+.v-radio-group > .v-label {
+  grid-area: label;
+  margin-inline-start: 12px;
+}
+.v-radio-group > .v-label + .v-selection-control-group {
+  margin-top: 16px;
+}

package/lib/components/VRadioGroup/VRadioGroup.mjs

@@ -1,83 +1,80 @@
-// @ts-nocheck
-
-/* eslint-disable */
+import { mergeProps as _mergeProps, resolveDirective as _resolveDirective, createVNode as _createVNode, Fragment as _Fragment } from "vue";
 // Styles
-import "../../styles/components/_selection-controls.sass";
-import "./VRadioGroup.sass"; // Extensions
-
-import VInput from "../VInput/index.mjs";
-import { BaseItemGroup } from "../VItemGroup/VItemGroup.mjs"; // Mixins
-
-import Comparable from "../../mixins/comparable/index.mjs"; // Types
+import "./VRadioGroup.css"; // Components
 
-import mixins from "../../util/mixins.mjs";
-const baseMixins = mixins(Comparable, BaseItemGroup, VInput);
-/* @vue/component */
-
-export default baseMixins.extend({
-  name: 'v-radio-group',
-
-  provide() {
-    return {
-      radioGroup: this
-    };
-  },
+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 { computed, defineComponent } from 'vue';
+import { filterInputAttrs, getUid, useRender } from "../../util/index.mjs";
+export const VRadioGroup = defineComponent({
+  name: 'VRadioGroup',
+  inheritAttrs: false,
   props: {
-    column: {
-      type: Boolean,
-      default: true
-    },
     height: {
       type: [Number, String],
       default: 'auto'
     },
-    name: String,
-    row: Boolean,
-    // If no value set on VRadio
-    // will match valueComparator
-    // force default to null
-    value: null
-  },
-  computed: {
-    classes() {
-      return { ...VInput.options.computed.classes.call(this),
-        'v-input--selection-controls v-input--radio-group': true,
-        'v-input--radio-group--column': this.column && !this.row,
-        'v-input--radio-group--row': this.row
-      };
-    }
-
-  },
-  methods: {
-    genDefaultSlot() {
-      return this.$createElement('div', {
-        staticClass: 'v-input--radio-group__input',
-        attrs: {
-          id: this.id,
-          role: 'radiogroup',
-          'aria-labelledby': this.computedId
-        }
-      }, VInput.options.methods.genDefaultSlot.call(this));
-    },
-
-    genInputSlot() {
-      const render = VInput.options.methods.genInputSlot.call(this);
-      delete render.data.on.click;
-      return render;
+    ...makeVInputProps(),
+    ...makeSelectionControlProps(),
+    trueIcon: {
+      type: String,
+      default: '$radioOn'
     },
-
-    genLabel() {
-      const label = VInput.options.methods.genLabel.call(this);
-      if (!label) return null;
-      label.data.attrs.id = this.computedId; // WAI considers this an orphaned label
-
-      delete label.data.attrs.for;
-      label.tag = 'legend';
-      return label;
+    falseIcon: {
+      type: String,
+      default: '$radioOff'
     },
+    type: {
+      type: String,
+      default: 'radio'
+    }
+  },
 
-    onClick: BaseItemGroup.options.methods.onClick
+  setup(props, _ref) {
+    let {
+      attrs,
+      slots
+    } = _ref;
+    const uid = getUid();
+    const id = computed(() => props.id || `radio-group-${uid}`);
+    useRender(() => {
+      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs);
+      const [inputProps, _1] = filterInputProps(props);
+      const [controlProps, _2] = filterControlProps(props);
+      const label = slots.label ? slots.label({
+        label: props.label,
+        props: {
+          for: id.value
+        }
+      }) : props.label;
+      return _createVNode(VInput, _mergeProps({
+        "class": "v-radio-group"
+      }, inputAttrs, inputProps), { ...slots,
+        default: _ref2 => {
+          let {
+            isDisabled,
+            isReadonly
+          } = _ref2;
+          return _createVNode(_Fragment, null, [label && _createVNode(VLabel, {
+            "for": id.value
+          }, {
+            default: () => [label]
+          }), _createVNode(VSelectionControlGroup, _mergeProps(controlProps, {
+            "id": id.value,
+            "trueIcon": props.trueIcon,
+            "falseIcon": props.falseIcon,
+            "type": props.type,
+            "disabled": isDisabled.value,
+            "readonly": isReadonly.value
+          }, controlAttrs), slots)]);
+        }
+      });
+    });
+    return {};
   }
+
 });
 //# sourceMappingURL=VRadioGroup.mjs.map

package/lib/components/VRadioGroup/VRadioGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/VRadioGroup/VRadioGroup.ts"],"names":["VInput","BaseItemGroup","Comparable","mixins","baseMixins","extend","name","provide","radioGroup","props","column","type","Boolean","default","height","Number","String","row","value","computed","classes","options","call","methods","genDefaultSlot","$createElement","staticClass","attrs","id","role","computedId","genInputSlot","render","data","on","click","genLabel","label","for","tag","onClick"],"mappings":"AAAA;;AACA;AAEA;AACA;AACA,4B,CAEA;;OACOA,M;SACEC,a,wCAET;;OACOC,U,2CAEP;;OACOC,M;AAGP,MAAMC,UAAU,GAAGD,MAAM,CACvBD,UADuB,EAEvBD,aAFuB,EAGvBD,MAHuB,CAAzB;AAMA;;AACA,eAAeI,UAAU,CAACC,MAAX,CAAkB;AAC/BC,EAAAA,IAAI,EAAE,eADyB;;AAG/BC,EAAAA,OAAO,GAAI;AACT,WAAO;AACLC,MAAAA,UAAU,EAAE;AADP,KAAP;AAGD,GAP8B;;AAS/BC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAEC,OADA;AAENC,MAAAA,OAAO,EAAE;AAFH,KADH;AAKLC,IAAAA,MAAM,EAAE;AACNH,MAAAA,IAAI,EAAE,CAACI,MAAD,EAASC,MAAT,CADA;AAENH,MAAAA,OAAO,EAAE;AAFH,KALH;AASLP,IAAAA,IAAI,EAAEU,MATD;AAULC,IAAAA,GAAG,EAAEL,OAVA;AAWL;AACA;AACA;AACAM,IAAAA,KAAK,EAAE;AAdF,GATwB;AA0B/BC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,GAAY;AACjB,aAAO,EACL,GAAGpB,MAAM,CAACqB,OAAP,CAAeF,QAAf,CAAwBC,OAAxB,CAAgCE,IAAhC,CAAqC,IAArC,CADE;AAEL,4DAAoD,IAF/C;AAGL,wCAAgC,KAAKZ,MAAL,IAAe,CAAC,KAAKO,GAHhD;AAIL,qCAA6B,KAAKA;AAJ7B,OAAP;AAMD;;AARO,GA1BqB;AAqC/BM,EAAAA,OAAO,EAAE;AACPC,IAAAA,cAAc,GAAI;AAChB,aAAO,KAAKC,cAAL,CAAoB,KAApB,EAA2B;AAChCC,QAAAA,WAAW,EAAE,6BADmB;AAEhCC,QAAAA,KAAK,EAAE;AACLC,UAAAA,EAAE,EAAE,KAAKA,EADJ;AAELC,UAAAA,IAAI,EAAE,YAFD;AAGL,6BAAmB,KAAKC;AAHnB;AAFyB,OAA3B,EAOJ9B,MAAM,CAACqB,OAAP,CAAeE,OAAf,CAAuBC,cAAvB,CAAsCF,IAAtC,CAA2C,IAA3C,CAPI,CAAP;AAQD,KAVM;;AAWPS,IAAAA,YAAY,GAAI;AACd,YAAMC,MAAM,GAAGhC,MAAM,CAACqB,OAAP,CAAeE,OAAf,CAAuBQ,YAAvB,CAAoCT,IAApC,CAAyC,IAAzC,CAAf;AAEA,aAAOU,MAAM,CAACC,IAAP,CAAaC,EAAb,CAAiBC,KAAxB;AAEA,aAAOH,MAAP;AACD,KAjBM;;AAkBPI,IAAAA,QAAQ,GAAI;AACV,YAAMC,KAAK,GAAGrC,MAAM,CAACqB,OAAP,CAAeE,OAAf,CAAuBa,QAAvB,CAAgCd,IAAhC,CAAqC,IAArC,CAAd;AAEA,UAAI,CAACe,KAAL,EAAY,OAAO,IAAP;AAEZA,MAAAA,KAAK,CAACJ,IAAN,CAAYN,KAAZ,CAAmBC,EAAnB,GAAwB,KAAKE,UAA7B,CALU,CAMV;;AACA,aAAOO,KAAK,CAACJ,IAAN,CAAYN,KAAZ,CAAmBW,GAA1B;AACAD,MAAAA,KAAK,CAACE,GAAN,GAAY,QAAZ;AAEA,aAAOF,KAAP;AACD,KA7BM;;AA8BPG,IAAAA,OAAO,EAAEvC,aAAa,CAACoB,OAAd,CAAsBE,OAAtB,CAA8BiB;AA9BhC;AArCsB,CAAlB,CAAf","sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\n// Styles\nimport '../../styles/components/_selection-controls.sass'\nimport './VRadioGroup.sass'\n\n// Extensions\nimport VInput from '../VInput'\nimport { BaseItemGroup } from '../VItemGroup/VItemGroup'\n\n// Mixins\nimport Comparable from '../../mixins/comparable'\n\n// Types\nimport mixins from '../../util/mixins'\nimport { PropType } from 'vue'\n\nconst baseMixins = mixins(\n  Comparable,\n  BaseItemGroup,\n  VInput\n)\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-radio-group',\n\n  provide () {\n    return {\n      radioGroup: this,\n    }\n  },\n\n  props: {\n    column: {\n      type: Boolean,\n      default: true,\n    },\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n    name: String,\n    row: Boolean,\n    // If no value set on VRadio\n    // will match valueComparator\n    // force default to null\n    value: null as unknown as PropType<any>,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls v-input--radio-group': true,\n        'v-input--radio-group--column': this.column && !this.row,\n        'v-input--radio-group--row': this.row,\n      }\n    },\n  },\n\n  methods: {\n    genDefaultSlot () {\n      return this.$createElement('div', {\n        staticClass: 'v-input--radio-group__input',\n        attrs: {\n          id: this.id,\n          role: 'radiogroup',\n          'aria-labelledby': this.computedId,\n        },\n      }, VInput.options.methods.genDefaultSlot.call(this))\n    },\n    genInputSlot () {\n      const render = VInput.options.methods.genInputSlot.call(this)\n\n      delete render.data!.on!.click\n\n      return render\n    },\n    genLabel () {\n      const label = VInput.options.methods.genLabel.call(this)\n\n      if (!label) return null\n\n      label.data!.attrs!.id = this.computedId\n      // WAI considers this an orphaned label\n      delete label.data!.attrs!.for\n      label.tag = 'legend'\n\n      return label\n    },\n    onClick: BaseItemGroup.options.methods.onClick,\n  },\n})\n"],"file":"VRadioGroup.mjs"}
+{"version":3,"sources":["../../../src/components/VRadioGroup/VRadioGroup.tsx"],"names":["filterInputProps","makeVInputProps","VInput","VLabel","VSelectionControlGroup","filterControlProps","makeSelectionControlProps","computed","defineComponent","filterInputAttrs","getUid","useRender","VRadioGroup","name","inheritAttrs","props","height","type","Number","String","default","trueIcon","falseIcon","setup","attrs","slots","uid","id","inputAttrs","controlAttrs","inputProps","_1","controlProps","_2","label","for","value","isDisabled","isReadonly"],"mappings":";AAAA;AACA,2B,CAEA;;SACSA,gB,EAAkBC,e,EAAiBC,M;SACnCC,M;SACAC,sB;SACAC,kB,EAAoBC,yB,sDAE7B;;AACA,SAASC,QAAT,EAAmBC,eAAnB,QAA0C,KAA1C;SACSC,gB,EAAkBC,M,EAAQC,S;AAEnC,OAAO,MAAMC,WAAW,GAAGJ,eAAe,CAAC;AACzCK,EAAAA,IAAI,EAAE,aADmC;AAGzCC,EAAAA,YAAY,EAAE,KAH2B;AAKzCC,EAAAA,KAAK,EAAE;AACLC,IAAAA,MAAM,EAAE;AACNC,MAAAA,IAAI,EAAE,CAACC,MAAD,EAASC,MAAT,CADA;AAENC,MAAAA,OAAO,EAAE;AAFH,KADH;AAML,OAAGnB,eAAe,EANb;AAOL,OAAGK,yBAAyB,EAPvB;AASLe,IAAAA,QAAQ,EAAE;AACRJ,MAAAA,IAAI,EAAEE,MADE;AAERC,MAAAA,OAAO,EAAE;AAFD,KATL;AAaLE,IAAAA,SAAS,EAAE;AACTL,MAAAA,IAAI,EAAEE,MADG;AAETC,MAAAA,OAAO,EAAE;AAFA,KAbN;AAiBLH,IAAAA,IAAI,EAAE;AACJA,MAAAA,IAAI,EAAEE,MADF;AAEJC,MAAAA,OAAO,EAAE;AAFL;AAjBD,GALkC;;AA4BzCG,EAAAA,KAAK,CAAER,KAAF,QAA2B;AAAA,QAAlB;AAAES,MAAAA,KAAF;AAASC,MAAAA;AAAT,KAAkB;AAC9B,UAAMC,GAAG,GAAGhB,MAAM,EAAlB;AACA,UAAMiB,EAAE,GAAGpB,QAAQ,CAAC,MAAMQ,KAAK,CAACY,EAAN,IAAa,eAAcD,GAAI,EAAtC,CAAnB;AAEAf,IAAAA,SAAS,CAAC,MAAM;AACd,YAAM,CAACiB,UAAD,EAAaC,YAAb,IAA6BpB,gBAAgB,CAACe,KAAD,CAAnD;AACA,YAAM,CAACM,UAAD,EAAaC,EAAb,IAAmB/B,gBAAgB,CAACe,KAAD,CAAzC;AACA,YAAM,CAACiB,YAAD,EAAeC,EAAf,IAAqB5B,kBAAkB,CAACU,KAAD,CAA7C;AACA,YAAMmB,KAAK,GAAGT,KAAK,CAACS,KAAN,GACVT,KAAK,CAACS,KAAN,CAAY;AACZA,QAAAA,KAAK,EAAEnB,KAAK,CAACmB,KADD;AAEZnB,QAAAA,KAAK,EAAE;AAAEoB,UAAAA,GAAG,EAAER,EAAE,CAACS;AAAV;AAFK,OAAZ,CADU,GAKVrB,KAAK,CAACmB,KALV;AAOA;AAAA,iBAEU;AAFV,SAGSN,UAHT,EAISE,UAJT,KAOM,GAAGL,KAPT;AAQML,QAAAA,OAAO,EAAE;AAAA,cAAC;AACRiB,YAAAA,UADQ;AAERC,YAAAA;AAFQ,WAAD;AAAA,gDAKHJ,KAAK;AAAA,mBACSP,EAAE,CAACS;AADZ;AAAA,4BAEDF,KAFC;AAAA,YALF,mDAYEF,YAZF;AAAA,kBAaEL,EAAE,CAACS,KAbL;AAAA,wBAcQrB,KAAK,CAACM,QAdd;AAAA,yBAeSN,KAAK,CAACO,SAff;AAAA,oBAgBIP,KAAK,CAACE,IAhBV;AAAA,wBAiBQoB,UAAU,CAACD,KAjBnB;AAAA,wBAkBQE,UAAU,CAACF;AAlBnB,aAmBEP,YAnBF,GAoBOJ,KApBP;AAAA;AARf;AAmCD,KA9CQ,CAAT;AAgDA,WAAO,EAAP;AACD;;AAjFwC,CAAD,CAAnC","sourcesContent":["// Styles\nimport './VRadioGroup.sass'\n\n// Components\nimport { filterInputProps, makeVInputProps, VInput } from '@/components/VInput/VInput'\nimport { VLabel } from '@/components/VLabel'\nimport { VSelectionControlGroup } from '@/components/VSelectionControlGroup'\nimport { filterControlProps, makeSelectionControlProps } from '@/components/VSelectionControl/VSelectionControl'\n\n// Utility\nimport { computed, defineComponent } from 'vue'\nimport { filterInputAttrs, getUid, useRender } from '@/util'\n\nexport const VRadioGroup = defineComponent({\n  name: 'VRadioGroup',\n\n  inheritAttrs: false,\n\n  props: {\n    height: {\n      type: [Number, String],\n      default: 'auto',\n    },\n\n    ...makeVInputProps(),\n    ...makeSelectionControlProps(),\n\n    trueIcon: {\n      type: String,\n      default: '$radioOn',\n    },\n    falseIcon: {\n      type: String,\n      default: '$radioOff',\n    },\n    type: {\n      type: String,\n      default: 'radio',\n    },\n  },\n\n  setup (props, { attrs, slots }) {\n    const uid = getUid()\n    const id = computed(() => props.id || `radio-group-${uid}`)\n\n    useRender(() => {\n      const [inputAttrs, controlAttrs] = filterInputAttrs(attrs)\n      const [inputProps, _1] = filterInputProps(props)\n      const [controlProps, _2] = filterControlProps(props)\n      const label = slots.label\n        ? slots.label({\n          label: props.label,\n          props: { for: id.value },\n        })\n        : props.label\n\n      return (\n        <VInput\n          class=\"v-radio-group\"\n          { ...inputAttrs }\n          { ...inputProps }\n        >\n          {{\n            ...slots,\n            default: ({\n              isDisabled,\n              isReadonly,\n            }) => (\n              <>\n                { label && (\n                  <VLabel for={ id.value }>\n                    { label }\n                  </VLabel>\n                ) }\n\n                <VSelectionControlGroup\n                  { ...controlProps }\n                  id={ id.value }\n                  trueIcon={ props.trueIcon }\n                  falseIcon={ props.falseIcon }\n                  type={ props.type }\n                  disabled={ isDisabled.value }\n                  readonly={ isReadonly.value }\n                  { ...controlAttrs }\n                  v-slots={ slots }\n                />\n              </>\n            ),\n          }}\n        </VInput>\n      )\n    })\n\n    return {}\n  },\n})\n"],"file":"VRadioGroup.mjs"}

package/lib/components/VRadioGroup/VRadioGroup.sass

@@ -1,39 +1,9 @@
-@import './_variables'
-@import '../../styles/styles.sass'
+.v-radio-group
+  grid-template-areas: "prepend label append" ". control ." "a messages b"
 
-.v-input--radio-group
-  legend.v-label
-    cursor: text
-    font-size: 14px
-    height: auto
+  > .v-label
+    grid-area: label
+    margin-inline-start: 12px
 
-  &__input
-    border: none
-    cursor: default
-    display: flex
-    width: 100%
-
-  &--column .v-input--radio-group__input > .v-label
-    padding-bottom: $radio-group-padding
-
-  &--row .v-input--radio-group__input > .v-label
-    padding-right: $radio-group-padding
-
-  &--row
-    legend
-      align-self: center
-      display: inline-block
-
-    .v-input--radio-group__input
-      flex-direction: row
-      flex-wrap: wrap
-
-  &--column
-    legend
-      padding-bottom: $radio-group-padding
-
-    .v-radio:not(:last-child):not(:only-child)
-      margin-bottom: $radio-group-padding
-
-    .v-input--radio-group__input
-      flex-direction: column
+    + .v-selection-control-group
+      margin-top: 16px

package/lib/components/VRadioGroup/_variables.scss

@@ -1,4 +1,4 @@
-@import '../../styles/styles.sass';
+@use '../../styles/settings';
+@use '../../styles/tools';
 
-$radio-margin-right: 16px !default;
-$radio-group-padding: 8px !default;
+// Defaults

package/lib/components/VRadioGroup/index.mjs

@@ -1,10 +1,2 @@
-import VRadioGroup from "./VRadioGroup.mjs";
-import VRadio from "./VRadio.mjs";
-export { VRadioGroup, VRadio };
-export default {
-  $_vuetify_subcomponents: {
-    VRadioGroup,
-    VRadio
-  }
-};
+export { VRadioGroup } from "./VRadioGroup.mjs";
 //# sourceMappingURL=index.mjs.map