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

package/lib/components/VPicker/VPicker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VPicker.mjs","names":["Colorable","Elevatable","Themeable","convertToUnit","mixins","extend","name","props","flat","Boolean","fullWidth","landscape","noTitle","transition","type","String","default","width","Number","computed","computedTitleColor","defaultTitleColor","isDark","color","methods","genTitle","$createElement","setBackgroundColor","staticClass","class","$slots","title","genBodyTransition","genBody","themeClasses","style","undefined","genActions","actions","render","h","elevationClasses"],"sources":["../../../src/components/VPicker/VPicker.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VPicker.sass'\nimport '../VCard/VCard.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n).extend({\n  name: 'v-picker',\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    landscape: Boolean,\n    noTitle: Boolean,\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  computed: {\n    computedTitleColor (): string | false {\n      const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n      return this.color || defaultTitleColor\n    },\n  },\n\n  methods: {\n    genTitle () {\n      return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n        staticClass: 'v-picker__title',\n        class: {\n          'v-picker__title--landscape': this.landscape,\n        },\n      }), this.$slots.title)\n    },\n    genBodyTransition () {\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, this.$slots.default)\n    },\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'v-picker__body',\n        class: {\n          'v-picker__body--no-title': this.noTitle,\n          ...this.themeClasses,\n        },\n        style: this.fullWidth ? undefined : {\n          width: convertToUnit(this.width),\n        },\n      }, [\n        this.genBodyTransition(),\n      ])\n    },\n    genActions () {\n      return this.$createElement('div', {\n        staticClass: 'v-picker__actions v-card__actions',\n        class: {\n          'v-picker__actions--no-title': this.noTitle,\n        },\n      }, this.$slots.actions)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-picker v-card',\n      class: {\n        'v-picker--flat': this.flat,\n        'v-picker--landscape': this.landscape,\n        'v-picker--full-width': this.fullWidth,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      },\n    }, [\n      this.$slots.title ? this.genTitle() : null,\n      this.genBody(),\n      this.$slots.actions ? this.genActions() : null,\n    ])\n  },\n})\n"],"mappings":"AAAA;;AACA;AAEA;AACA,4B,CAEA;;OACOA,S;OACAC,U;OACAC,S,oCAEP;;SACSC,a,kCAET;;OAEOC,M;AAEP;;AACA,eAAeA,MAAM,CACnBJ,SADmB,EAEnBC,UAFmB,EAGnBC,SAHmB,CAAN,CAIbG,MAJa,CAIN;EACPC,IAAI,EAAE,UADC;EAGPC,KAAK,EAAE;IACLC,IAAI,EAAEC,OADD;IAELC,SAAS,EAAED,OAFN;IAGLE,SAAS,EAAEF,OAHN;IAILG,OAAO,EAAEH,OAJJ;IAKLI,UAAU,EAAE;MACVC,IAAI,EAAEC,MADI;MAEVC,OAAO,EAAE;IAFC,CALP;IASLC,KAAK,EAAE;MACLH,IAAI,EAAE,CAACI,MAAD,EAASH,MAAT,CADD;MAELC,OAAO,EAAE;IAFJ;EATF,CAHA;EAkBPG,QAAQ,EAAE;IACRC,kBAAkB,GAAoB;MACpC,MAAMC,iBAAiB,GAAG,KAAKC,MAAL,GAAc,KAAd,GAAuB,KAAKC,KAAL,IAAc,SAA/D;MACA,OAAO,KAAKA,KAAL,IAAcF,iBAArB;IACD;;EAJO,CAlBH;EAyBPG,OAAO,EAAE;IACPC,QAAQ,GAAI;MACV,OAAO,KAAKC,cAAL,CAAoB,KAApB,EAA2B,KAAKC,kBAAL,CAAwB,KAAKP,kBAA7B,EAAiD;QACjFQ,WAAW,EAAE,iBADoE;QAEjFC,KAAK,EAAE;UACL,8BAA8B,KAAKlB;QAD9B;MAF0E,CAAjD,CAA3B,EAKH,KAAKmB,MAAL,CAAYC,KALT,CAAP;IAMD,CARM;;IASPC,iBAAiB,GAAI;MACnB,OAAO,KAAKN,cAAL,CAAoB,YAApB,EAAkC;QACvCnB,KAAK,EAAE;UACLD,IAAI,EAAE,KAAKO;QADN;MADgC,CAAlC,EAIJ,KAAKiB,MAAL,CAAYd,OAJR,CAAP;IAKD,CAfM;;IAgBPiB,OAAO,GAAI;MACT,OAAO,KAAKP,cAAL,CAAoB,KAApB,EAA2B;QAChCE,WAAW,EAAE,gBADmB;QAEhCC,KAAK,EAAE;UACL,4BAA4B,KAAKjB,OAD5B;UAEL,GAAG,KAAKsB;QAFH,CAFyB;QAMhCC,KAAK,EAAE,KAAKzB,SAAL,GAAiB0B,SAAjB,GAA6B;UAClCnB,KAAK,EAAEd,aAAa,CAAC,KAAKc,KAAN;QADc;MANJ,CAA3B,EASJ,CACD,KAAKe,iBAAL,EADC,CATI,CAAP;IAYD,CA7BM;;IA8BPK,UAAU,GAAI;MACZ,OAAO,KAAKX,cAAL,CAAoB,KAApB,EAA2B;QAChCE,WAAW,EAAE,mCADmB;QAEhCC,KAAK,EAAE;UACL,+BAA+B,KAAKjB;QAD/B;MAFyB,CAA3B,EAKJ,KAAKkB,MAAL,CAAYQ,OALR,CAAP;IAMD;;EArCM,CAzBF;;EAiEPC,MAAM,CAAEC,CAAF,EAAY;IAChB,OAAOA,CAAC,CAAC,KAAD,EAAQ;MACdZ,WAAW,EAAE,iBADC;MAEdC,KAAK,EAAE;QACL,kBAAkB,KAAKrB,IADlB;QAEL,uBAAuB,KAAKG,SAFvB;QAGL,wBAAwB,KAAKD,SAHxB;QAIL,GAAG,KAAKwB,YAJH;QAKL,GAAG,KAAKO;MALH;IAFO,CAAR,EASL,CACD,KAAKX,MAAL,CAAYC,KAAZ,GAAoB,KAAKN,QAAL,EAApB,GAAsC,IADrC,EAED,KAAKQ,OAAL,EAFC,EAGD,KAAKH,MAAL,CAAYQ,OAAZ,GAAsB,KAAKD,UAAL,EAAtB,GAA0C,IAHzC,CATK,CAAR;EAcD;;AAhFM,CAJM,CAAf"}
+{"version":3,"file":"VPicker.mjs","names":["Colorable","Elevatable","Themeable","convertToUnit","mixins","extend","name","props","flat","Boolean","fullWidth","landscape","noTitle","transition","type","String","default","width","Number","computed","computedTitleColor","defaultTitleColor","isDark","color","methods","genTitle","$createElement","setBackgroundColor","staticClass","class","$slots","title","genBodyTransition","genBody","themeClasses","style","undefined","genActions","actions","render","h","elevationClasses"],"sources":["../../../src/components/VPicker/VPicker.ts"],"sourcesContent":["// @ts-nocheck\n/* eslint-disable */\n\nimport './VPicker.sass'\nimport '../VCard/VCard.sass'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport Elevatable from '../../mixins/elevatable'\nimport Themeable from '../../mixins/themeable'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n// Types\nimport { VNode } from 'vue/types'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Elevatable,\n  Themeable\n).extend({\n  name: 'v-picker',\n\n  props: {\n    flat: Boolean,\n    fullWidth: Boolean,\n    landscape: Boolean,\n    noTitle: Boolean,\n    transition: {\n      type: String,\n      default: 'fade-transition',\n    },\n    width: {\n      type: [Number, String],\n      default: 290,\n    },\n  },\n\n  computed: {\n    computedTitleColor (): string | false {\n      const defaultTitleColor = this.isDark ? false : (this.color || 'primary')\n      return this.color || defaultTitleColor\n    },\n  },\n\n  methods: {\n    genTitle () {\n      return this.$createElement('div', this.setBackgroundColor(this.computedTitleColor, {\n        staticClass: 'v-picker__title',\n        class: {\n          'v-picker__title--landscape': this.landscape,\n        },\n      }), this.$slots.title)\n    },\n    genBodyTransition () {\n      return this.$createElement('transition', {\n        props: {\n          name: this.transition,\n        },\n      }, this.$slots.default)\n    },\n    genBody () {\n      return this.$createElement('div', {\n        staticClass: 'v-picker__body',\n        class: {\n          'v-picker__body--no-title': this.noTitle,\n          ...this.themeClasses,\n        },\n        style: this.fullWidth ? undefined : {\n          width: convertToUnit(this.width),\n        },\n      }, [\n        this.genBodyTransition(),\n      ])\n    },\n    genActions () {\n      return this.$createElement('div', {\n        staticClass: 'v-picker__actions v-card__actions',\n        class: {\n          'v-picker__actions--no-title': this.noTitle,\n        },\n      }, this.$slots.actions)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-picker v-card',\n      class: {\n        'v-picker--flat': this.flat,\n        'v-picker--landscape': this.landscape,\n        'v-picker--full-width': this.fullWidth,\n        ...this.themeClasses,\n        ...this.elevationClasses,\n      },\n    }, [\n      this.$slots.title ? this.genTitle() : null,\n      this.genBody(),\n      this.$slots.actions ? this.genActions() : null,\n    ])\n  },\n})\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["VPicker"],"sources":["../../../src/components/VPicker/index.ts"],"sourcesContent":["import VPicker from './VPicker'\n\nexport { VPicker }\nexport default VPicker\n"],"mappings":"OAAOA,O;AAEP,SAASA,OAAT;AACA,eAAeA,OAAf"}
+{"version":3,"file":"index.mjs","names":["VPicker"],"sources":["../../../src/components/VPicker/index.ts"],"sourcesContent":["import VPicker from './VPicker'\n\nexport { VPicker }\nexport default VPicker\n"],"mappings":"OAAOA,OAAO;AAEd,SAASA,OAAO;AAChB,eAAeA,OAAO"}

package/lib/components/VProgressCircular/VProgressCircular.mjs

@@ -1,17 +1,16 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VProgressCircular.css"; // Composables
+import "./VProgressCircular.css";
 
+// Composables
 import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useIntersectionObserver } from "../../composables/intersectionObserver.mjs";
 import { useResizeObserver } from "../../composables/resizeObserver.mjs";
 import { useTextColor } from "../../composables/color.mjs"; // Utilities
-
 import { computed, ref, toRef, watchEffect } from 'vue';
 import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs"; // Types
-
 export const VProgressCircular = defineComponent({
   name: 'VProgressCircular',
   props: {
@@ -36,7 +35,6 @@ export const VProgressCircular = defineComponent({
     }),
     ...makeThemeProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -126,6 +124,5 @@ export const VProgressCircular = defineComponent({
     }));
     return {};
   }
-
 });
 //# sourceMappingURL=VProgressCircular.mjs.map

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

@@ -1 +1 @@
-{"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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"}
+{"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\nexport type VProgressCircular = InstanceType<typeof VProgressCircular>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,aAAa,EAAEC,OAAO;AAAA,SACtBC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,uBAAuB;AAAA,SACvBC,iBAAiB;AAAA,SACjBC,YAAY,uCAErB;AACA,SAASC,QAAQ,EAAEC,GAAG,EAAEC,KAAK,EAAEC,WAAW,QAAQ,KAAK;AAAA,SAC9CC,aAAa,EAAEC,eAAe,EAAEC,SAAS,gCAElD;AAGA,OAAO,MAAMC,iBAAiB,GAAGF,eAAe,CAAC;EAC/CG,IAAI,EAAE,mBAAmB;EAEzBC,KAAK,EAAE;IACLC,OAAO,EAAEC,MAAM;IACfC,KAAK,EAAED,MAAM;IACbE,aAAa,EAAE,CAACC,OAAO,EAAEH,MAAM,CAAyC;IACxEI,UAAU,EAAE;MACVC,IAAI,EAAE,CAACC,MAAM,EAAEN,MAAM,CAAC;MACtBO,OAAO,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACNH,IAAI,EAAE,CAACC,MAAM,EAAEN,MAAM,CAAC;MACtBO,OAAO,EAAE;IACX,CAAC;IACDE,KAAK,EAAE;MACLJ,IAAI,EAAE,CAACC,MAAM,EAAEN,MAAM,CAAC;MACtBO,OAAO,EAAE;IACX,CAAC;IAED,GAAG1B,aAAa,EAAE;IAClB,GAAGE,YAAY,CAAC;MAAE2B,GAAG,EAAE;IAAM,CAAC,CAAC;IAC/B,GAAG1B,cAAc;EACnB,CAAC;EAED2B,KAAK,CAAEb,KAAK,QAAa;IAAA,IAAX;MAAEc;IAAM,CAAC;IACrB,MAAMC,qBAAqB,GAAG,EAAE;IAChC,MAAMC,aAAa,GAAG,CAAC,GAAGC,IAAI,CAACC,EAAE,GAAGH,qBAAqB;IAEzD,MAAMI,IAAI,GAAG3B,GAAG,EAAe;IAE/B,MAAM;MAAE4B;IAAa,CAAC,GAAGjC,YAAY,CAACa,KAAK,CAAC;IAC5C,MAAM;MAAEqB,WAAW;MAAEC;IAAW,CAAC,GAAGtC,OAAO,CAACgB,KAAK,CAAC;IAClD,MAAM;MAAEuB,gBAAgB;MAAEC;IAAgB,CAAC,GAAGlC,YAAY,CAACG,KAAK,CAACO,KAAK,EAAE,OAAO,CAAC,CAAC;IACjF,MAAM;MAAEuB,gBAAgB,EAAEE,oBAAoB;MAAED,eAAe,EAAEE;IAAoB,CAAC,GAAGpC,YAAY,CAACG,KAAK,CAACO,KAAK,EAAE,SAAS,CAAC,CAAC;IAC9H,MAAM;MAAE2B,eAAe;MAAEC;IAAe,CAAC,GAAGxC,uBAAuB,EAAE;IACrE,MAAM;MAAEyC,SAAS;MAAEC;IAAY,CAAC,GAAGzC,iBAAiB,EAAE;IAEtD,MAAM0C,eAAe,GAAGxC,QAAQ,CAAC,MAAM0B,IAAI,CAACe,GAAG,CAAC,CAAC,EAAEf,IAAI,CAACgB,GAAG,CAAC,GAAG,EAAEC,UAAU,CAAClC,KAAK,CAACM,UAAU,CAAC,CAAC,CAAC,CAAC;IAChG,MAAMK,KAAK,GAAGpB,QAAQ,CAAC,MAAMiB,MAAM,CAACR,KAAK,CAACW,KAAK,CAAC,CAAC;IACjD,MAAMwB,IAAI,GAAG5C,QAAQ,CAAC,MAAM;MAC1B;MACA,OAAO+B,UAAU,CAACc,KAAK,GACnB5B,MAAM,CAACR,KAAK,CAACmC,IAAI,CAAC,GAClBL,WAAW,CAACM,KAAK,GACfN,WAAW,CAACM,KAAK,CAACzB,KAAK,GACvBM,IAAI,CAACe,GAAG,CAACrB,KAAK,CAACyB,KAAK,EAAE,EAAE,CAAC;IACjC,CAAC,CAAC;IACF,MAAMC,QAAQ,GAAG9C,QAAQ,CAAC,MAAOwB,qBAAqB,IAAI,CAAC,GAAGJ,KAAK,CAACyB,KAAK,GAAGD,IAAI,CAACC,KAAK,CAAC,GAAI,CAAC,CAAC;IAC7F,MAAME,WAAW,GAAG/C,QAAQ,CAAC,MAAMoB,KAAK,CAACyB,KAAK,GAAGD,IAAI,CAACC,KAAK,GAAGC,QAAQ,CAACD,KAAK,CAAC;IAC7E,MAAMG,gBAAgB,GAAGhD,QAAQ,CAAC,MAAMI,aAAa,CAAE,CAAC,GAAG,GAAGoC,eAAe,CAACK,KAAK,IAAI,GAAG,GAAIpB,aAAa,CAAC,CAAC;IAE7GtB,WAAW,CAAC,MAAM;MAChBiC,eAAe,CAACS,KAAK,GAAGjB,IAAI,CAACiB,KAAK;MAClCP,SAAS,CAACO,KAAK,GAAGjB,IAAI,CAACiB,KAAK;IAC9B,CAAC,CAAC;IAEFvC,SAAS,CAAC;MAAA,OAEAsB,IAAI;MAAA,SACH,CACL,qBAAqB,EACrB;QACE,oCAAoC,EAAE,CAAC,CAACnB,KAAK,CAACI,aAAa;QAC3D,8BAA8B,EAAEwB,cAAc,CAACQ,KAAK;QACpD,qCAAqC,EAAEpC,KAAK,CAACI,aAAa,KAAK;MACjE,CAAC,EACDgB,YAAY,CAACgB,KAAK,EAClBf,WAAW,CAACe,KAAK,EACjBb,gBAAgB,CAACa,KAAK,CACvB;MAAA,SACM,CACLd,UAAU,CAACc,KAAK,EAChBZ,eAAe,CAACY,KAAK,CACtB;MAAA,QACI,aAAa;MAAA,iBACJ,GAAG;MAAA,iBACH,KAAK;MAAA,iBACHpC,KAAK,CAACI,aAAa,GAAGoC,SAAS,GAAGT,eAAe,CAACK;IAAK;MAAA;QAAA,SAG9D;UACLK,SAAS,EAAG,wBAAuBjC,MAAM,CAACR,KAAK,CAACU,MAAM,CAAE;QAC1D,CAAC;QAAA,SACK,4BAA4B;QAAA,WACvB,OAAM2B,QAAQ,CAACD,KAAM,IAAGC,QAAQ,CAACD,KAAM;MAAC;QAAA,SAG1C,CACL,+BAA+B,EAC/BX,oBAAoB,CAACW,KAAK,CAC3B;QAAA,SACOV,mBAAmB,CAACU,KAAK;QAAA,QAC5B,aAAa;QAAA,MACf,KAAK;QAAA,MACL,KAAK;QAAA,KACJrB,qBAAqB;QAAA,gBACVuB,WAAW,CAACF,KAAK;QAAA,oBACbpB,aAAa;QAAA,qBACZ;MAAC;QAAA,SAIf,8BAA8B;QAAA,QAC/B,aAAa;QAAA,MACf,KAAK;QAAA,MACL,KAAK;QAAA,KACJD,qBAAqB;QAAA,gBACVuB,WAAW,CAACF,KAAK;QAAA,oBACbpB,aAAa;QAAA,qBACZuB,gBAAgB,CAACH;MAAK,YAI5CtB,KAAK,CAACL,OAAO;QAAA,SACF;MAA8B,IACrCK,KAAK,CAACL,OAAO,CAAC;QAAE2B,KAAK,EAAEL,eAAe,CAACK;MAAM,CAAC,CAAC,EAEpD;IAAA,EAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,69 @@
+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;
+}>;
+declare type VProgressCircular = InstanceType<typeof VProgressCircular>;
+
+export { VProgressCircular };

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

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

package/lib/components/VProgressLinear/VProgressLinear.mjs

@@ -1,15 +1,15 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VProgressLinear.css"; // Composables
+import "./VProgressLinear.css";
 
+// Composables
 import { makeRoundedProps, useRounded } from "../../composables/rounded.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useBackgroundColor, useTextColor } from "../../composables/color.mjs";
 import { useIntersectionObserver } from "../../composables/intersectionObserver.mjs";
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
-import { useRtl } from "../../composables/rtl.mjs"; // Utilities
-
+import { useRtl } from "../../composables/locale.mjs"; // Utilities
 import { computed, Transition } from 'vue';
 import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
 export const VProgressLinear = defineComponent({
@@ -51,7 +51,6 @@ export const VProgressLinear = defineComponent({
   emits: {
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -91,7 +90,6 @@ export const VProgressLinear = defineComponent({
     const opacity = computed(() => {
       return props.bgOpacity == null ? props.bgOpacity : parseFloat(props.bgOpacity);
     });
-
     function handleClick(e) {
       if (!intersectionRef.value) return;
       const {
@@ -102,7 +100,6 @@ export const VProgressLinear = defineComponent({
       const value = isReversed.value ? width - e.clientX + (right - width) : e.clientX - left;
       progress.value = Math.round(value / width * max.value);
     }
-
     useRender(() => _createVNode(props.tag, {
       "ref": intersectionRef,
       "class": ['v-progress-linear', {
@@ -125,7 +122,8 @@ export const VProgressLinear = defineComponent({
       default: () => [props.stream && _createVNode("div", {
         "key": "stream",
         "class": ['v-progress-linear__stream', textColorClasses.value],
-        "style": { ...textColorStyles.value,
+        "style": {
+          ...textColorStyles.value,
           [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),
           borderTop: `${convertToUnit(height.value / 2)} dotted`,
           opacity: opacity.value,
@@ -163,6 +161,5 @@ export const VProgressLinear = defineComponent({
     }));
     return {};
   }
-
 });
 //# sourceMappingURL=VProgressLinear.mjs.map

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

@@ -1 +1 @@
-{"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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"}
+{"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/locale'\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\nexport type VProgressLinear = InstanceType<typeof VProgressLinear>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,uBAAuB;AAAA,SACvBC,eAAe;AAAA,SACfC,MAAM,wCAEf;AACA,SAASC,QAAQ,EAAEC,UAAU,QAAQ,KAAK;AAAA,SACjCC,aAAa,EAAEC,eAAe,EAAEC,SAAS;AAElD,OAAO,MAAMC,eAAe,GAAGF,eAAe,CAAC;EAC7CG,IAAI,EAAE,iBAAiB;EAEvBC,KAAK,EAAE;IACLC,MAAM,EAAE;MACNC,IAAI,EAAEC,OAAO;MACbC,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAEC,MAAM;IACfC,SAAS,EAAE,CAACC,MAAM,EAAEF,MAAM,CAAC;IAC3BG,WAAW,EAAE;MACXP,IAAI,EAAE,CAACM,MAAM,EAAEF,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX,CAAC;IACDM,SAAS,EAAEP,OAAO;IAClBQ,KAAK,EAAEL,MAAM;IACbM,MAAM,EAAE;MACNV,IAAI,EAAE,CAACM,MAAM,EAAEF,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX,CAAC;IACDS,aAAa,EAAEV,OAAO;IACtBW,GAAG,EAAE;MACHZ,IAAI,EAAE,CAACM,MAAM,EAAEF,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX,CAAC;IACDW,UAAU,EAAE;MACVb,IAAI,EAAE,CAACM,MAAM,EAAEF,MAAM,CAAC;MACtBF,OAAO,EAAE;IACX,CAAC;IACDY,OAAO,EAAEb,OAAO;IAChBc,MAAM,EAAEd,OAAO;IACfe,OAAO,EAAEf,OAAO;IAChBgB,UAAU,EAAEhB,OAAO;IAEnB,GAAGpB,gBAAgB,EAAE;IACrB,GAAGE,YAAY,EAAE;IACjB,GAAGC,cAAc;EACnB,CAAC;EAEDkC,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAa,IAAK;EAC1C,CAAC;EAEDC,KAAK,CAAEtB,KAAK,QAAa;IAAA,IAAX;MAAEuB;IAAM,CAAC;IACrB,MAAMC,QAAQ,GAAGjC,eAAe,CAACS,KAAK,EAAE,YAAY,CAAC;IACrD,MAAM;MAAEyB;IAAM,CAAC,GAAGjC,MAAM,EAAE;IAC1B,MAAM;MAAEkC;IAAa,CAAC,GAAGvC,YAAY,CAACa,KAAK,CAAC;IAC5C,MAAM;MAAE2B,gBAAgB;MAAEC;IAAgB,CAAC,GAAGvC,YAAY,CAACW,KAAK,EAAE,OAAO,CAAC;IAC1E,MAAM;MAAE6B,sBAAsB;MAAEC;IAAsB,CAAC,GAAG1C,kBAAkB,CAACK,QAAQ,CAAC,MAAMO,KAAK,CAACK,OAAO,IAAIL,KAAK,CAACW,KAAK,CAAC,CAAC;IAC1H,MAAM;MAAEkB,sBAAsB,EAAEE,eAAe;MAAED,qBAAqB,EAAEE;IAAe,CAAC,GAAG5C,kBAAkB,CAACY,KAAK,EAAE,OAAO,CAAC;IAC7H,MAAM;MAAEiC;IAAe,CAAC,GAAGjD,UAAU,CAACgB,KAAK,CAAC;IAC5C,MAAM;MAAEkC,eAAe;MAAEC;IAAe,CAAC,GAAG7C,uBAAuB,EAAE;IAErE,MAAMwB,GAAG,GAAGrB,QAAQ,CAAC,MAAM2C,QAAQ,CAACpC,KAAK,CAACc,GAAG,EAAE,EAAE,CAAC,CAAC;IACnD,MAAMF,MAAM,GAAGnB,QAAQ,CAAC,MAAM2C,QAAQ,CAACpC,KAAK,CAACY,MAAM,EAAE,EAAE,CAAC,CAAC;IACzD,MAAMyB,gBAAgB,GAAG5C,QAAQ,CAAC,MAAM6C,UAAU,CAACtC,KAAK,CAACS,WAAW,CAAC,GAAGK,GAAG,CAACO,KAAK,GAAG,GAAG,CAAC;IACxF,MAAMkB,eAAe,GAAG9C,QAAQ,CAAC,MAAM6C,UAAU,CAACd,QAAQ,CAACH,KAAK,CAAC,GAAGP,GAAG,CAACO,KAAK,GAAG,GAAG,CAAC;IACpF,MAAMmB,UAAU,GAAG/C,QAAQ,CAAC,MAAMgC,KAAK,CAACJ,KAAK,KAAKrB,KAAK,CAACgB,OAAO,CAAC;IAChE,MAAMyB,UAAU,GAAGhD,QAAQ,CAAC,MAAMO,KAAK,CAACa,aAAa,GAAG,iBAAiB,GAAG,oBAAoB,CAAC;IACjG,MAAM6B,OAAO,GAAGjD,QAAQ,CAAC,MAAM;MAC7B,OAAOO,KAAK,CAACO,SAAS,IAAI,IAAI,GAC1BP,KAAK,CAACO,SAAS,GACf+B,UAAU,CAACtC,KAAK,CAACO,SAAS,CAAC;IACjC,CAAC,CAAC;IAEF,SAASoC,WAAW,CAAEC,CAAa,EAAE;MACnC,IAAI,CAACV,eAAe,CAACb,KAAK,EAAE;MAE5B,MAAM;QAAEwB,IAAI;QAAEC,KAAK;QAAEC;MAAM,CAAC,GAAGb,eAAe,CAACb,KAAK,CAAC2B,qBAAqB,EAAE;MAC5E,MAAM3B,KAAK,GAAGmB,UAAU,CAACnB,KAAK,GAAI0B,KAAK,GAAGH,CAAC,CAACK,OAAO,IAAKH,KAAK,GAAGC,KAAK,CAAC,GAAGH,CAAC,CAACK,OAAO,GAAGJ,IAAI;MAEzFrB,QAAQ,CAACH,KAAK,GAAG6B,IAAI,CAACC,KAAK,CAAC9B,KAAK,GAAG0B,KAAK,GAAGjC,GAAG,CAACO,KAAK,CAAC;IACxD;IAEAxB,SAAS,CAAC;MAAA,OAEAqC,eAAe;MAAA,SACd,CACL,mBAAmB,EACnB;QACE,2BAA2B,EAAElC,KAAK,CAACC,MAAM,IAAIkC,cAAc,CAACd,KAAK;QACjE,4BAA4B,EAAEmB,UAAU,CAACnB,KAAK;QAC9C,4BAA4B,EAAErB,KAAK,CAACoD,OAAO;QAC3C,gCAAgC,EAAEpD,KAAK,CAACmB,UAAU;QAClD,4BAA4B,EAAEnB,KAAK,CAACkB;MACtC,CAAC,EACDe,cAAc,CAACZ,KAAK,EACpBK,YAAY,CAACL,KAAK,CACnB;MAAA,SACM;QACLT,MAAM,EAAEZ,KAAK,CAACC,MAAM,GAAGN,aAAa,CAACiB,MAAM,CAACS,KAAK,CAAC,GAAG,CAAC;QACtD,4BAA4B,EAAE1B,aAAa,CAACiB,MAAM,CAACS,KAAK;MAC1D,CAAC;MAAA,QACI,aAAa;MAAA,iBACJ,GAAG;MAAA,iBACDrB,KAAK,CAACc,GAAG;MAAA,iBACTd,KAAK,CAACa,aAAa,GAAGwC,SAAS,GAAGd,eAAe,CAAClB,KAAK;MAAA,WAC7DrB,KAAK,CAACU,SAAS,IAAIiC;IAAW;MAAA,gBAEtC3C,KAAK,CAACiB,MAAM;QAAA,OAEN,QAAQ;QAAA,SACL,CACL,2BAA2B,EAC3BU,gBAAgB,CAACN,KAAK,CACvB;QAAA,SACM;UACL,GAAGO,eAAe,CAACP,KAAK;UACxB,CAACmB,UAAU,CAACnB,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG1B,aAAa,CAAC,CAACiB,MAAM,CAACS,KAAK,CAAC;UACnEiC,SAAS,EAAG,GAAE3D,aAAa,CAACiB,MAAM,CAACS,KAAK,GAAG,CAAC,CAAE,SAAQ;UACtDqB,OAAO,EAAEA,OAAO,CAACrB,KAAK;UACtBkC,GAAG,EAAG,cAAa5D,aAAa,CAACiB,MAAM,CAACS,KAAK,GAAG,CAAC,CAAE,GAAE;UACrD0B,KAAK,EAAEpD,aAAa,CAAC,GAAG,GAAG0C,gBAAgB,CAAChB,KAAK,EAAE,GAAG,CAAC;UACvD,+BAA+B,EAAE1B,aAAa,CAACiB,MAAM,CAACS,KAAK,IAAImB,UAAU,CAACnB,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;QAC3F;MAAC,QAEJ;QAAA,SAGQ,CACL,+BAA+B,EAC/BQ,sBAAsB,CAACR,KAAK,CAC7B;QAAA,SACM,CACLS,qBAAqB,CAACT,KAAK,EAC3B;UACEqB,OAAO,EAAEA,OAAO,CAACrB,KAAK;UACtB0B,KAAK,EAAEpD,aAAa,CAAE,CAACK,KAAK,CAACiB,MAAM,GAAG,GAAG,GAAGoB,gBAAgB,CAAChB,KAAK,EAAG,GAAG;QAC1E,CAAC;MACF;QAAA,QAGgBoB,UAAU,CAACpB;MAAK;QAAA,gBAC/B,CAACrB,KAAK,CAACa,aAAa;UAAA,SAEX,CACL,gCAAgC,EAChCkB,eAAe,CAACV,KAAK,CACtB;UAAA,SACM,CACLW,cAAc,CAACX,KAAK,EACpB;YAAE0B,KAAK,EAAEpD,aAAa,CAAC4C,eAAe,CAAClB,KAAK,EAAE,GAAG;UAAE,CAAC;QACrD;UAAA,SAGQ;QAAkC,IACzC,CAAC,MAAM,EAAE,OAAO,CAAC,CAACmC,GAAG,CAACC,GAAG;UAAA,OAEjBA,GAAG;UAAA,SACF,CACL,kCAAkC,EAClCA,GAAG,EACH1B,eAAe,CAACV,KAAK,CACtB;UAAA,SACOW,cAAc,CAACX;QAAK,QAE/B,CAAC,EAEL;MAAA,IAGDE,KAAK,CAACnB,OAAO;QAAA,SACF;MAA4B,IACnCmB,KAAK,CAACnB,OAAO,CAAC;QAAEiB,KAAK,EAAEkB,eAAe,CAAClB,KAAK;QAAEqC,MAAM,EAAErB,gBAAgB,CAAChB;MAAM,CAAC,CAAC,EAEpF;IAAA,EAEJ,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,102 @@
+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;
+}>;
+declare type VProgressLinear = InstanceType<typeof VProgressLinear>;
+
+export { VProgressLinear };

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

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

package/lib/components/VRadio/VRadio.mjs

@@ -1,16 +1,15 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 // Components
 import { makeSelectionControlProps, VSelectionControl } from "../VSelectionControl/VSelectionControl.mjs"; // Utilities
-
 import { defineComponent, useRender } from "../../util/index.mjs";
 export const VRadio = defineComponent({
   name: 'VRadio',
-  props: { ...makeSelectionControlProps({
+  props: {
+    ...makeSelectionControlProps({
       falseIcon: '$radioOff',
       trueIcon: '$radioOn'
     })
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -21,6 +20,5 @@ export const VRadio = defineComponent({
     }), slots));
     return {};
   }
-
 });
 //# sourceMappingURL=VRadio.mjs.map

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

@@ -1 +1 @@
-{"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"}
+{"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;AAAA,SACSA,yBAAyB,EAAEC,iBAAiB,sDAErD;AAAA,SACSC,eAAe,EAAEC,SAAS;AAEnC,OAAO,MAAMC,MAAM,GAAGF,eAAe,CAAC;EACpCG,IAAI,EAAE,QAAQ;EAEdC,KAAK,EAAE;IACL,GAAGN,yBAAyB,CAAC;MAC3BO,SAAS,EAAE,WAAW;MACtBC,QAAQ,EAAE;IACZ,CAAC;EACH,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrBP,SAAS,CAAC,kDAEDG,KAAK;MAAA,SACJ,SAAS;MAAA,QACV;IAAO,IACFI,KAAK,CAElB,CAAC;IAEF,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

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

@@ -0,0 +1,105 @@
+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 type Density = null | 'default' | 'comfortable' | 'compact';
+
+declare const VRadio: vue.DefineComponent<{
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    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;
+    modelValue: null;
+    type: StringConstructor;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
+    density: {
+        type: vue.PropType<Density>;
+        default: string;
+        validator: (v: any) => boolean;
+    };
+    theme: StringConstructor;
+    color: StringConstructor;
+    disabled: BooleanConstructor;
+    error: BooleanConstructor;
+    id: StringConstructor;
+    inline: BooleanConstructor;
+    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;
+    modelValue: null;
+    type: StringConstructor;
+    valueComparator: {
+        type: vue.PropType<typeof deepEqual>;
+        default: typeof deepEqual;
+    };
+    label: StringConstructor;
+    trueValue: null;
+    falseValue: null;
+    value: null;
+}>>, {
+    inline: boolean;
+    error: boolean;
+    disabled: boolean;
+    multiple: boolean | null;
+    readonly: boolean;
+    density: Density;
+    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,"file":"index.mjs","names":["VRadio"],"sources":["../../../src/components/VRadio/index.ts"],"sourcesContent":["export { VRadio } from './VRadio'\n"],"mappings":"SAASA,M"}
+{"version":3,"file":"index.mjs","names":["VRadio"],"sources":["../../../src/components/VRadio/index.ts"],"sourcesContent":["export { VRadio } from './VRadio'\n"],"mappings":"SAASA,MAAM"}

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 {