vuetify 3.1.4 → 3.1.5

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

@@ -1,193 +1,132 @@
 import * as vue from 'vue';
-import { ComponentInternalInstance, Ref, ComputedRef, JSXComponent, PropType } from 'vue';
+import { JSXComponent, PropType } from 'vue';
 // @ts-ignore
 import * as vue_router from 'vue-router';
 
-interface GroupItem {
-    id: number;
-    value: Ref<unknown>;
-    disabled: Ref<boolean | undefined>;
-}
-interface GroupProvide {
-    register: (item: GroupItem, cmp: ComponentInternalInstance) => void;
-    unregister: (id: number) => void;
-    select: (id: number, value: boolean) => void;
-    selected: Ref<Readonly<number[]>>;
-    isSelected: (id: number) => boolean;
-    prev: () => void;
-    next: () => void;
-    selectedClass: Ref<string | undefined>;
-    items: ComputedRef<{
-        id: number;
-        value: unknown;
-        disabled: boolean | undefined;
-    }[]>;
-    disabled: Ref<boolean | undefined>;
-    getItemIndex: (value: unknown) => number;
-}
-
-declare type Density = null | 'default' | 'comfortable' | 'compact';
-
 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'}`;
+
+type Density = null | 'default' | 'comfortable' | 'compact';
 
-declare type IconValue = string | JSXComponent;
+type IconValue = string | JSXComponent;
 declare const IconValue: PropType<IconValue>;
 
 declare const VBtn: vue.DefineComponent<{
-    color: StringConstructor;
-    variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-    };
-    theme: StringConstructor;
-    tag: Omit<{
-        type: StringConstructor;
-        default: string;
-    }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
-    };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    href: StringConstructor;
-    replace: BooleanConstructor;
-    to: PropType<vue_router.RouteLocationRaw>;
-    exact: BooleanConstructor;
-    position: {
-        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    location: PropType<Anchor>;
-    loading: (StringConstructor | BooleanConstructor)[];
-    value: null;
-    disabled: BooleanConstructor;
-    selectedClass: StringConstructor;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    density: {
-        type: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    symbol: {
-        type: null;
-        default: vue.InjectionKey<GroupProvide>;
-    };
-    flat: BooleanConstructor;
-    icon: PropType<boolean | IconValue>;
-    prependIcon: PropType<IconValue>;
-    appendIcon: PropType<IconValue>;
-    block: BooleanConstructor;
-    stacked: BooleanConstructor;
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    block: boolean;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    density: Density;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    stacked: boolean;
+    ripple: boolean;
+} & {
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    active?: boolean | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    value?: any;
+    loading?: string | boolean | undefined;
+    icon?: boolean | IconValue | undefined;
+    href?: string | undefined;
+    elevation?: string | number | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    selectedClass?: string | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        append?: (() => vue.VNodeChild) | undefined;
+        loader?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        append?: false | (() => vue.VNodeChild) | undefined;
+        loader?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
     'group:selected': (val: {
         value: boolean;
-    }) => true;
-}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    color: StringConstructor;
-    variant: Omit<{
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    }, "type" | "default"> & {
-        type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
-    };
-    theme: StringConstructor;
-    tag: Omit<{
-        type: StringConstructor;
-        default: string;
-    }, "type" | "default"> & {
-        type: PropType<string>;
-        default: string;
-    };
-    size: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: string;
-    };
-    href: StringConstructor;
-    replace: BooleanConstructor;
-    to: PropType<vue_router.RouteLocationRaw>;
-    exact: BooleanConstructor;
-    position: {
-        type: PropType<"fixed" | "absolute" | "static" | "relative" | "sticky">;
-        validator: (v: any) => boolean;
-    };
-    location: PropType<Anchor>;
-    loading: (StringConstructor | BooleanConstructor)[];
-    value: null;
-    disabled: BooleanConstructor;
-    selectedClass: StringConstructor;
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    height: (StringConstructor | NumberConstructor)[];
-    maxHeight: (StringConstructor | NumberConstructor)[];
-    maxWidth: (StringConstructor | NumberConstructor)[];
-    minHeight: (StringConstructor | NumberConstructor)[];
-    minWidth: (StringConstructor | NumberConstructor)[];
-    width: (StringConstructor | NumberConstructor)[];
-    density: {
-        type: PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    active: {
-        type: BooleanConstructor;
-        default: undefined;
-    };
-    symbol: {
-        type: null;
-        default: vue.InjectionKey<GroupProvide>;
-    };
-    flat: BooleanConstructor;
-    icon: PropType<boolean | IconValue>;
-    prependIcon: PropType<IconValue>;
-    appendIcon: PropType<IconValue>;
-    block: BooleanConstructor;
-    stacked: BooleanConstructor;
-    ripple: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
+    }) => boolean;
+}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    block: boolean;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    density: Density;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    stacked: boolean;
+    ripple: boolean;
+} & {
+    location?: Anchor | undefined;
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+    active?: boolean | undefined;
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    maxHeight?: string | number | undefined;
+    maxWidth?: string | number | undefined;
+    minHeight?: string | number | undefined;
+    minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "relative" | "sticky" | undefined;
+    value?: any;
+    loading?: string | boolean | undefined;
+    icon?: boolean | IconValue | undefined;
+    href?: string | undefined;
+    elevation?: string | number | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
+    selectedClass?: string | undefined;
+    prependIcon?: IconValue | undefined;
+    appendIcon?: IconValue | undefined;
+} & {
+    $children?: {} | vue.VNodeChild | {
+        default?: (() => vue.VNodeChild) | undefined;
+        prepend?: (() => vue.VNodeChild) | undefined;
+        append?: (() => vue.VNodeChild) | undefined;
+        loader?: (() => vue.VNodeChild) | undefined;
+    };
+    'v-slots'?: {
+        default?: false | (() => vue.VNodeChild) | undefined;
+        prepend?: false | (() => vue.VNodeChild) | undefined;
+        append?: false | (() => vue.VNodeChild) | undefined;
+        loader?: false | (() => vue.VNodeChild) | undefined;
+    } | undefined;
+} & {
+    "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:prepend"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:append"?: false | (() => vue.VNodeChild) | undefined;
+    "v-slot:loader"?: false | (() => vue.VNodeChild) | undefined;
+} & {
     "onGroup:selected"?: ((val: {
         value: boolean;
     }) => any) | undefined;
@@ -203,10 +142,10 @@ declare const VBtn: vue.DefineComponent<{
     tag: string;
     rounded: string | number | boolean;
     density: Density;
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     stacked: boolean;
     ripple: boolean;
 }>;
-declare type VBtn = InstanceType<typeof VBtn>;
+type VBtn = InstanceType<typeof VBtn>;
 
 export { VBtn };

package/lib/components/VBtnGroup/VBtnGroup.mjs

@@ -11,8 +11,11 @@ import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { makeVariantProps } from "../../composables/variant.mjs";
 import { provideDefaults } from "../../composables/defaults.mjs"; // Utility
+import { genericComponent, pick, propsFactory, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue';
-import { defineComponent, pick, propsFactory, useRender } from "../../util/index.mjs"; // Types
+
+// Types
+
 export const makeVBtnGroupProps = propsFactory({
   divided: Boolean,
   ...makeBorderProps(),
@@ -23,7 +26,7 @@ export const makeVBtnGroupProps = propsFactory({
   ...makeThemeProps(),
   ...makeVariantProps()
 }, 'v-btn-group');
-export const VBtnGroup = defineComponent({
+export const VBtnGroup = genericComponent()({
   name: 'VBtnGroup',
   props: makeVBtnGroupProps(),
   setup(props, _ref) {

package/lib/components/VBtnGroup/VBtnGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBtnGroup.mjs","names":["makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","toRef","defineComponent","pick","propsFactory","useRender","makeVBtnGroupProps","divided","Boolean","VBtnGroup","name","props","setup","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","value","filterVBtnGroupProps","Object","keys"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { toRef } from 'vue'\nimport { defineComponent, pick, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { ExtractPropTypes } from 'vue'\n\nexport const makeVBtnGroupProps = propsFactory({\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'v-btn-group')\n\nexport const VBtnGroup = defineComponent({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: 'auto',\n        color: toRef(props, 'color'),\n        density: toRef(props, 'density'),\n        flat: true,\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n          ]}\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n\nexport function filterVBtnGroupProps (props: Partial<ExtractPropTypes<ReturnType<typeof makeVBtnGroupProps>>>) {\n  return pick(props, Object.keys(VBtnGroup.props) as any)\n}\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB;AAAA,SAChBC,eAAe,0CAExB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,eAAe,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS,gCAEvD;AAGA,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7CG,OAAO,EAAEC,OAAO;EAEhB,GAAGpB,eAAe,EAAE;EACpB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,kBAAkB,EAAE;EACvB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,YAAY,EAAE;EACjB,GAAGC,cAAc,EAAE;EACnB,GAAGE,gBAAgB;AACrB,CAAC,EAAE,aAAa,CAAC;AAEjB,OAAO,MAAMU,SAAS,GAAGP,eAAe,CAAC;EACvCQ,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEL,kBAAkB,EAAE;EAE3BM,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGhB,YAAY,CAACa,KAAK,CAAC;IAC5C,MAAM;MAAEI;IAAe,CAAC,GAAGxB,UAAU,CAACoB,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAc,CAAC,GAAG3B,SAAS,CAACsB,KAAK,CAAC;IAC1C,MAAM;MAAEM;IAAiB,CAAC,GAAGxB,YAAY,CAACkB,KAAK,CAAC;IAChD,MAAM;MAAEO;IAAe,CAAC,GAAGvB,UAAU,CAACgB,KAAK,CAAC;IAE5CX,eAAe,CAAC;MACdmB,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAEpB,KAAK,CAACU,KAAK,EAAE,OAAO,CAAC;QAC5BW,OAAO,EAAErB,KAAK,CAACU,KAAK,EAAE,SAAS,CAAC;QAChCY,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEvB,KAAK,CAACU,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFN,SAAS,CAAC,MAAM;MACd;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEM,KAAK,CAACJ;QAChC,CAAC,EACDO,YAAY,CAACW,KAAK,EAClBT,aAAa,CAACS,KAAK,EACnBV,cAAc,CAACU,KAAK,EACpBR,gBAAgB,CAACQ,KAAK,EACtBP,cAAc,CAACO,KAAK;MACrB,GACSZ,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC;AAIF,OAAO,SAASa,oBAAoB,CAAEf,KAAuE,EAAE;EAC7G,OAAOR,IAAI,CAACQ,KAAK,EAAEgB,MAAM,CAACC,IAAI,CAACnB,SAAS,CAACE,KAAK,CAAC,CAAQ;AACzD"}
+{"version":3,"file":"VBtnGroup.mjs","names":["makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","genericComponent","pick","propsFactory","useRender","toRef","makeVBtnGroupProps","divided","Boolean","VBtnGroup","name","props","setup","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","value","filterVBtnGroupProps","Object","keys"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { makeVariantProps } from '@/composables/variant'\nimport { provideDefaults } from '@/composables/defaults'\n\n// Utility\nimport { genericComponent, pick, propsFactory, useRender } from '@/util'\nimport { toRef } from 'vue'\n\n// Types\nimport type { ExtractPropTypes } from 'vue'\n\nexport const makeVBtnGroupProps = propsFactory({\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'v-btn-group')\n\nexport const VBtnGroup = genericComponent()({\n  name: 'VBtnGroup',\n\n  props: makeVBtnGroupProps(),\n\n  setup (props, { slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { densityClasses } = useDensity(props)\n    const { borderClasses } = useBorder(props)\n    const { elevationClasses } = useElevation(props)\n    const { roundedClasses } = useRounded(props)\n\n    provideDefaults({\n      VBtn: {\n        height: 'auto',\n        color: toRef(props, 'color'),\n        density: toRef(props, 'density'),\n        flat: true,\n        variant: toRef(props, 'variant'),\n      },\n    })\n\n    useRender(() => {\n      return (\n        <props.tag\n          class={[\n            'v-btn-group',\n            {\n              'v-btn-group--divided': props.divided,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            roundedClasses.value,\n          ]}\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n\nexport function filterVBtnGroupProps (props: Partial<ExtractPropTypes<ReturnType<typeof makeVBtnGroupProps>>>) {\n  return pick(props, Object.keys(VBtnGroup.props) as any)\n}\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB;AAAA,SAChBC,eAAe,0CAExB;AAAA,SACSC,gBAAgB,EAAEC,IAAI,EAAEC,YAAY,EAAEC,SAAS;AACxD,SAASC,KAAK,QAAQ,KAAK;;AAE3B;;AAGA,OAAO,MAAMC,kBAAkB,GAAGH,YAAY,CAAC;EAC7CI,OAAO,EAAEC,OAAO;EAEhB,GAAGpB,eAAe,EAAE;EACpB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,kBAAkB,EAAE;EACvB,GAAGE,gBAAgB,EAAE;EACrB,GAAGE,YAAY,EAAE;EACjB,GAAGC,cAAc,EAAE;EACnB,GAAGE,gBAAgB;AACrB,CAAC,EAAE,aAAa,CAAC;AAEjB,OAAO,MAAMU,SAAS,GAAGR,gBAAgB,EAAE,CAAC;EAC1CS,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEL,kBAAkB,EAAE;EAE3BM,KAAK,CAAED,KAAK,QAAa;IAAA,IAAX;MAAEE;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGhB,YAAY,CAACa,KAAK,CAAC;IAC5C,MAAM;MAAEI;IAAe,CAAC,GAAGxB,UAAU,CAACoB,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAc,CAAC,GAAG3B,SAAS,CAACsB,KAAK,CAAC;IAC1C,MAAM;MAAEM;IAAiB,CAAC,GAAGxB,YAAY,CAACkB,KAAK,CAAC;IAChD,MAAM;MAAEO;IAAe,CAAC,GAAGvB,UAAU,CAACgB,KAAK,CAAC;IAE5CX,eAAe,CAAC;MACdmB,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAEhB,KAAK,CAACM,KAAK,EAAE,OAAO,CAAC;QAC5BW,OAAO,EAAEjB,KAAK,CAACM,KAAK,EAAE,SAAS,CAAC;QAChCY,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEnB,KAAK,CAACM,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFP,SAAS,CAAC,MAAM;MACd;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEO,KAAK,CAACJ;QAChC,CAAC,EACDO,YAAY,CAACW,KAAK,EAClBT,aAAa,CAACS,KAAK,EACnBV,cAAc,CAACU,KAAK,EACpBR,gBAAgB,CAACQ,KAAK,EACtBP,cAAc,CAACO,KAAK;MACrB,GACSZ,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC;AAIF,OAAO,SAASa,oBAAoB,CAAEf,KAAuE,EAAE;EAC7G,OAAOT,IAAI,CAACS,KAAK,EAAEgB,MAAM,CAACC,IAAI,CAACnB,SAAS,CAACE,KAAK,CAAC,CAAQ;AACzD"}

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

@@ -1,69 +1,54 @@
 import * as vue from 'vue';
-import { ExtractPropTypes } from 'vue';
 
-declare type Density = null | 'default' | 'comfortable' | 'compact';
+type Density = null | 'default' | 'comfortable' | 'compact';
 
 declare const VBtnGroup: vue.DefineComponent<{
-    color: StringConstructor;
-    variant: {
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    density: {
-        type: vue.PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    divided: BooleanConstructor;
-}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<ExtractPropTypes<{
-    color: StringConstructor;
-    variant: {
-        type: vue.PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    theme: StringConstructor;
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-        default: undefined;
-    };
-    elevation: {
-        type: (StringConstructor | NumberConstructor)[];
-        validator(v: any): boolean;
-    };
-    density: {
-        type: vue.PropType<Density>;
-        default: string;
-        validator: (v: any) => boolean;
-    };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
-    divided: BooleanConstructor;
-}>>, {
+    tag: string;
+    density: Density;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    divided: boolean;
+} & {
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | 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;
+}, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, {
+    tag: string;
+    density: Density;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    divided: boolean;
+} & {
+    border?: string | number | boolean | undefined;
+    color?: string | undefined;
+    elevation?: string | number | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | 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;
+}, {
     tag: string;
     rounded: string | number | boolean;
     density: Density;
     variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     divided: boolean;
 }>;
-declare type VBtnGroup = InstanceType<typeof VBtnGroup>;
+type VBtnGroup = InstanceType<typeof VBtnGroup>;
 
 export { VBtnGroup };

package/lib/components/VBtnToggle/VBtnToggle.mjs

@@ -28,12 +28,11 @@ export const VBtnToggle = genericComponent()({
       selected
     } = useGroup(props, VBtnToggleSymbol);
     useRender(() => {
-      var _slots$default;
       const [btnGroupProps] = filterVBtnGroupProps(props);
       return _createVNode(VBtnGroup, _mergeProps({
         "class": "v-btn-toggle"
       }, btnGroupProps), {
-        default: () => [(_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots, {
+        default: () => [slots.default?.({
           isSelected,
           next,
           prev,

package/lib/components/VBtnToggle/VBtnToggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"VBtnToggle.mjs","names":["filterVBtnGroupProps","makeVBtnGroupProps","VBtnGroup","makeGroupProps","useGroup","genericComponent","useRender","VBtnToggleSymbol","Symbol","for","VBtnToggle","name","props","emits","value","setup","slots","isSelected","next","prev","select","selected","btnGroupProps","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { filterVBtnGroupProps, makeVBtnGroupProps, VBtnGroup } from '@/components/VBtnGroup/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey } from 'vue'\nimport type { SlotsToProps } from '@/util'\nimport type { GroupProvide } from '@/composables/group'\n\nexport type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' | 'prev'\nexport interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotProps> {}\n\nexport const VBtnToggleSymbol: InjectionKey<GroupProvide> = Symbol.for('vuetify:v-btn-toggle')\n\nexport const VBtnToggle = genericComponent<new <T>() => {\n  $props: SlotsToProps<{\n    default: [DefaultBtnToggleSlot]\n  }>\n}>()({\n  name: 'VBtnToggle',\n\n  props: {\n    ...makeVBtnGroupProps(),\n    ...makeGroupProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, next, prev, select, selected } = useGroup(props, VBtnToggleSymbol)\n\n    useRender(() => {\n      const [btnGroupProps] = filterVBtnGroupProps(props)\n\n      return (\n        <VBtnGroup\n          class=\"v-btn-toggle\"\n          { ...btnGroupProps }\n        >\n          { slots.default?.({\n            isSelected,\n            next,\n            prev,\n            select,\n            selected,\n          } as DefaultBtnToggleSlot) }\n        </VBtnGroup>\n      )\n    })\n\n    return {\n      next,\n      prev,\n      select,\n    }\n  },\n})\n\nexport type VBtnToggle = InstanceType<typeof VBtnToggle>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,oBAAoB,EAAEC,kBAAkB,EAAEC,SAAS,sCAE5D;AAAA,SACSC,cAAc,EAAEC,QAAQ,uCAEjC;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAQA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAE9F,OAAO,MAAMC,UAAU,GAAGL,gBAAgB,EAItC,CAAC;EACHM,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACL,GAAGX,kBAAkB,EAAE;IACvB,GAAGE,cAAc;EACnB,CAAC;EAEDU,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC,UAAU;MAAEC,IAAI;MAAEC,IAAI;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGjB,QAAQ,CAACQ,KAAK,EAAEL,gBAAgB,CAAC;IAEtFD,SAAS,CAAC,MAAM;MAAA;MACd,MAAM,CAACgB,aAAa,CAAC,GAAGtB,oBAAoB,CAACY,KAAK,CAAC;MAEnD;QAAA,SAEU;MAAc,GACfU,aAAa;QAAA,kCAEhBN,KAAK,CAACO,OAAO,qBAAb,oBAAAP,KAAK,EAAW;UAChBC,UAAU;UACVC,IAAI;UACJC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,CAAyB;MAAA;IAGhC,CAAC,CAAC;IAEF,OAAO;MACLH,IAAI;MACJC,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBtnToggle.mjs","names":["filterVBtnGroupProps","makeVBtnGroupProps","VBtnGroup","makeGroupProps","useGroup","genericComponent","useRender","VBtnToggleSymbol","Symbol","for","VBtnToggle","name","props","emits","value","setup","slots","isSelected","next","prev","select","selected","btnGroupProps","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { filterVBtnGroupProps, makeVBtnGroupProps, VBtnGroup } from '@/components/VBtnGroup/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\n\nexport type BtnToggleSlotProps = 'isSelected' | 'select' | 'selected' | 'next' | 'prev'\nexport interface DefaultBtnToggleSlot extends Pick<GroupProvide, BtnToggleSlotProps> {}\n\nexport const VBtnToggleSymbol: InjectionKey<GroupProvide> = Symbol.for('vuetify:v-btn-toggle')\n\ntype VBtnToggleSlots = {\n  default: [DefaultBtnToggleSlot]\n}\n\nexport const VBtnToggle = genericComponent<VBtnToggleSlots>()({\n  name: 'VBtnToggle',\n\n  props: {\n    ...makeVBtnGroupProps(),\n    ...makeGroupProps(),\n  },\n\n  emits: {\n    'update:modelValue': (value: any) => true,\n  },\n\n  setup (props, { slots }) {\n    const { isSelected, next, prev, select, selected } = useGroup(props, VBtnToggleSymbol)\n\n    useRender(() => {\n      const [btnGroupProps] = filterVBtnGroupProps(props)\n\n      return (\n        <VBtnGroup\n          class=\"v-btn-toggle\"\n          { ...btnGroupProps }\n        >\n          { slots.default?.({\n            isSelected,\n            next,\n            prev,\n            select,\n            selected,\n          } as DefaultBtnToggleSlot) }\n        </VBtnGroup>\n      )\n    })\n\n    return {\n      next,\n      prev,\n      select,\n    }\n  },\n})\n\nexport type VBtnToggle = InstanceType<typeof VBtnToggle>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,oBAAoB,EAAEC,kBAAkB,EAAEC,SAAS,sCAE5D;AAAA,SACSC,cAAc,EAAEC,QAAQ,uCAEjC;AAAA,SACSC,gBAAgB,EAAEC,SAAS,gCAEpC;AAOA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAM9F,OAAO,MAAMC,UAAU,GAAGL,gBAAgB,EAAmB,CAAC;EAC5DM,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAE;IACL,GAAGX,kBAAkB,EAAE;IACvB,GAAGE,cAAc;EACnB,CAAC;EAEDU,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC,UAAU;MAAEC,IAAI;MAAEC,IAAI;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGjB,QAAQ,CAACQ,KAAK,EAAEL,gBAAgB,CAAC;IAEtFD,SAAS,CAAC,MAAM;MACd,MAAM,CAACgB,aAAa,CAAC,GAAGtB,oBAAoB,CAACY,KAAK,CAAC;MAEnD;QAAA,SAEU;MAAc,GACfU,aAAa;QAAA,gBAEhBN,KAAK,CAACO,OAAO,GAAG;UAChBN,UAAU;UACVC,IAAI;UACJC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,CAAyB;MAAA;IAGhC,CAAC,CAAC;IAEF,OAAO;MACLH,IAAI;MACJC,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}