vuetify 3.1.4 → 3.1.6

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

@@ -1,69 +1,52 @@
 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;
+} & {
+    color?: string | undefined;
+    indeterminate?: boolean | "disable-shrink" | undefined;
+    theme?: string | undefined;
+    bgColor?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    width: string | number;
+    rotate: string | number;
+    size: string | number;
+    tag: string;
+    modelValue: string | number;
+} & {
+    color?: string | undefined;
+    indeterminate?: boolean | "disable-shrink" | undefined;
+    theme?: string | undefined;
+    bgColor?: string | undefined;
+} & {
+    $children?: vue.VNodeChild | (() => vue.VNodeChild) | {
+        default?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+}, {
     width: string | number;
     rotate: string | number;
     size: string | number;
     tag: string;
     modelValue: string | number;
 }>;
-declare type VProgressCircular = InstanceType<typeof VProgressCircular>;
+type VProgressCircular = InstanceType<typeof VProgressCircular>;
 
 export { VProgressCircular };

package/lib/components/VProgressLinear/VProgressLinear.mjs

@@ -12,8 +12,8 @@ import { useIntersectionObserver } from "../../composables/intersectionObserver.
 import { useProxiedModel } from "../../composables/proxiedModel.mjs";
 import { useRtl } from "../../composables/locale.mjs"; // Utilities
 import { computed, Transition } from 'vue';
-import { convertToUnit, defineComponent, useRender } from "../../util/index.mjs";
-export const VProgressLinear = defineComponent({
+import { convertToUnit, genericComponent, useRender } from "../../util/index.mjs";
+export const VProgressLinear = genericComponent()({
   name: 'VProgressLinear',
   props: {
     absolute: Boolean,

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

@@ -1 +1 @@
-{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeLocationProps","useLocation","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","defineComponent","useRender","VProgressLinear","name","props","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","location","emits","value","setup","slots","progress","isRtl","themeClasses","locationStyles","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","bottom","undefined","top","borderTop","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 { makeLocationProps, useLocation } from '@/composables/location'\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    absolute: Boolean,\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    ...makeLocationProps({ location: 'top' } as const),\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 { locationStyles } = useLocation(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--absolute': props.absolute,\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          bottom: props.location === 'bottom' ? 0 : undefined,\n          top: props.location === 'top' ? 0 : undefined,\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n          ...locationStyles.value,\n        }}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\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":"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"}
+{"version":3,"file":"VProgressLinear.mjs","names":["makeRoundedProps","useRounded","makeTagProps","makeLocationProps","useLocation","makeThemeProps","provideTheme","useBackgroundColor","useTextColor","useIntersectionObserver","useProxiedModel","useRtl","computed","Transition","convertToUnit","genericComponent","useRender","VProgressLinear","name","props","absolute","Boolean","active","type","default","bgColor","String","bgOpacity","Number","bufferValue","clickable","color","height","indeterminate","max","modelValue","reverse","stream","striped","roundedBar","location","emits","value","setup","slots","progress","isRtl","themeClasses","locationStyles","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","bottom","undefined","top","borderTop","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 { makeLocationProps, useLocation } from '@/composables/location'\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, genericComponent, useRender } from '@/util'\n\ntype VProgressLinearSlots = {\n  default: [{ value: number, buffer: number }]\n}\n\nexport const VProgressLinear = genericComponent<VProgressLinearSlots>()({\n  name: 'VProgressLinear',\n\n  props: {\n    absolute: Boolean,\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    ...makeLocationProps({ location: 'top' } as const),\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 { locationStyles } = useLocation(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--absolute': props.absolute,\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          bottom: props.location === 'bottom' ? 0 : undefined,\n          top: props.location === 'top' ? 0 : undefined,\n          height: props.active ? convertToUnit(height.value) : 0,\n          '--v-progress-linear-height': convertToUnit(height.value),\n          ...locationStyles.value,\n        }}\n        role=\"progressbar\"\n        aria-hidden={ props.active ? 'false' : 'true' }\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":"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"}

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

@@ -2,119 +2,115 @@ import * as vue from 'vue';
 
 declare const block: readonly ["top", "bottom"];
 declare const inline: readonly ["start", "end", "left", "right"];
-declare type Tblock = typeof block[number];
-declare type Tinline = typeof inline[number];
-declare type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
+type Tblock = typeof block[number];
+type Tinline = typeof inline[number];
+type Anchor = Tblock | Tinline | 'center' | 'center center' | `${Tblock} ${Tinline | 'center'}` | `${Tinline} ${Tblock | 'center'}`;
 
 declare const VProgressLinear: vue.DefineComponent<{
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    location: {
-        type: vue.PropType<Anchor | (Anchor & {})>;
-        default: Anchor | (Anchor & {});
-    };
-    absolute: BooleanConstructor;
-    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;
+    reverse: boolean;
+    max: string | number;
+    absolute: boolean;
+    location: NonNullable<Anchor>;
+    height: string | number;
+    active: boolean;
+    tag: string;
+    indeterminate: boolean;
+    modelValue: string | number;
+    clickable: boolean;
+    stream: boolean;
+    striped: boolean;
+    roundedBar: boolean;
+    bufferValue: string | number;
+} & {
+    color?: string | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    bgColor?: string | undefined;
+    bgOpacity?: string | number | undefined;
+} & {
+    $children?: vue.VNodeChild | ((args_0: {
+        value: number;
+        buffer: number;
+    }) => vue.VNodeChild) | {
+        default?: ((args_0: {
+            value: number;
+            buffer: number;
+        }) => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | ((args_0: {
+            value: number;
+            buffer: number;
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: {
+        value: number;
+        buffer: number;
+    }) => vue.VNodeChild) | undefined;
 }, {}, 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;
-    };
-    location: {
-        type: vue.PropType<Anchor | (Anchor & {})>;
-        default: Anchor | (Anchor & {});
-    };
-    absolute: BooleanConstructor;
-    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;
-}>> & {
+    'update:modelValue': (value: number) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    reverse: boolean;
+    max: string | number;
+    absolute: boolean;
+    location: NonNullable<Anchor>;
+    height: string | number;
+    active: boolean;
+    tag: string;
+    indeterminate: boolean;
+    modelValue: string | number;
+    clickable: boolean;
+    stream: boolean;
+    striped: boolean;
+    roundedBar: boolean;
+    bufferValue: string | number;
+} & {
+    color?: string | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    bgColor?: string | undefined;
+    bgOpacity?: string | number | undefined;
+} & {
+    $children?: vue.VNodeChild | ((args_0: {
+        value: number;
+        buffer: number;
+    }) => vue.VNodeChild) | {
+        default?: ((args_0: {
+            value: number;
+            buffer: number;
+        }) => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | ((args_0: {
+            value: number;
+            buffer: number;
+        }) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | ((args_0: {
+        value: number;
+        buffer: number;
+    }) => vue.VNodeChild) | undefined;
+} & {
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {
     reverse: boolean;
     max: string | number;
     absolute: boolean;
-    location: Anchor | (Anchor & {});
+    location: NonNullable<Anchor>;
     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;
+    bufferValue: string | number;
 }>;
-declare type VProgressLinear = InstanceType<typeof VProgressLinear>;
+type VProgressLinear = InstanceType<typeof VProgressLinear>;
 
 export { VProgressLinear };

package/lib/components/VRadio/VRadio.mjs

@@ -1,8 +1,8 @@
 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({
+import { genericComponent, useRender } from "../../util/index.mjs"; // Types
+export const VRadio = genericComponent()({
   name: 'VRadio',
   props: {
     ...makeSelectionControlProps({

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;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"}
+{"version":3,"file":"VRadio.mjs","names":["makeSelectionControlProps","VSelectionControl","genericComponent","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 { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { VSelectionControlSlots } from '@/components/VSelectionControl/VSelectionControl'\n\nexport const VRadio = genericComponent<VSelectionControlSlots>()({\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,gBAAgB,EAAEC,SAAS,gCAEpC;AAGA,OAAO,MAAMC,MAAM,GAAGF,gBAAgB,EAA0B,CAAC;EAC/DG,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

@@ -1,94 +1,117 @@
 import * as vue from 'vue';
-import { JSXComponent, PropType } from 'vue';
+import { JSXComponent, PropType, WritableComputedRef, Ref, CSSProperties } from 'vue';
 
-declare function deepEqual(a: any, b: any): boolean;
+type Density = null | 'default' | 'comfortable' | 'compact';
 
-declare type IconValue = string | JSXComponent;
+type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
+declare function deepEqual(a: any, b: any): boolean;
 
-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;
+type SelectionControlSlot = {
+    model: WritableComputedRef<any>;
+    textColorClasses: Ref<string[]>;
+    textColorStyles: Ref<CSSProperties>;
+    props: {
+        onBlur: (e: Event) => void;
+        onFocus: (e: FocusEvent) => void;
+        id: string;
     };
-    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;
+};
+
+declare const VRadio: vue.DefineComponent<{
+    inline: boolean;
+    error: boolean;
+    disabled: boolean;
+    multiple: boolean | null;
+    readonly: boolean;
+    density: Density;
+    ripple: boolean;
+    falseIcon: NonNullable<IconValue>;
+    trueIcon: NonNullable<IconValue>;
+    valueComparator: typeof deepEqual;
+} & {
+    type?: string | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    color?: string | undefined;
+    value?: any;
+    label?: string | undefined;
+    theme?: string | undefined;
+    modelValue?: any;
+    trueValue?: any;
+    falseValue?: any;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        label?: ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
     };
-    name: StringConstructor;
-    readonly: BooleanConstructor;
-    modelValue: null;
-    type: StringConstructor;
-    valueComparator: {
-        type: vue.PropType<typeof deepEqual>;
-        default: typeof deepEqual;
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        label?: false | ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:label"?: false | ((args_0: {
+        label: string | undefined;
+        props: Record<string, unknown>;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    inline: boolean;
+    error: boolean;
+    disabled: boolean;
+    multiple: boolean | null;
+    readonly: boolean;
+    density: Density;
+    ripple: boolean;
+    falseIcon: NonNullable<IconValue>;
+    trueIcon: NonNullable<IconValue>;
+    valueComparator: typeof deepEqual;
+} & {
+    type?: string | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    color?: string | undefined;
+    value?: any;
+    label?: string | undefined;
+    theme?: string | undefined;
+    modelValue?: any;
+    trueValue?: any;
+    falseValue?: any;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        label?: ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
     };
-    label: StringConstructor;
-    trueValue: null;
-    falseValue: null;
-    value: null;
-}>>, {
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        label?: false | ((args_0: {
+            label: string | undefined;
+            props: Record<string, unknown>;
+        }) => vue.VNodeChild) | undefined;
+        input?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:label"?: false | ((args_0: {
+        label: string | undefined;
+        props: Record<string, unknown>;
+    }) => vue.VNodeChild) | undefined;
+    "v-slot:input"?: false | ((args_0: SelectionControlSlot) => vue.VNodeChild) | undefined;
+}, {
     inline: boolean;
     error: boolean;
     disabled: boolean;
@@ -96,10 +119,10 @@ declare const VRadio: vue.DefineComponent<{
     readonly: boolean;
     density: Density;
     ripple: boolean;
-    falseIcon: (string & {}) | IconValue;
-    trueIcon: (string & {}) | IconValue;
+    falseIcon: NonNullable<IconValue>;
+    trueIcon: NonNullable<IconValue>;
     valueComparator: typeof deepEqual;
 }>;
-declare type VRadio = InstanceType<typeof VRadio>;
+type VRadio = InstanceType<typeof VRadio>;
 
 export { VRadio };