vuetify 3.5.14 → 3.5.16

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

@@ -54,15 +54,15 @@ declare const IconValue: PropType<IconValue>;
 declare const VBtn: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         symbol: any;
-        replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        exact: boolean;
-        block: boolean;
+        replace: boolean;
         style: vue.StyleValue;
-        disabled: boolean;
         size: string | number;
+        disabled: boolean;
         tag: string;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        block: boolean;
+        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -71,27 +71,27 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
-        height?: string | number | undefined;
+        class?: any;
+        text?: string | undefined;
         width?: string | number | undefined;
+        height?: string | number | undefined;
         active?: boolean | undefined;
-        border?: string | number | boolean | undefined;
+        value?: any;
+        theme?: string | undefined;
+        href?: string | undefined;
         color?: string | undefined;
+        loading?: string | boolean | undefined;
+        icon?: boolean | IconValue | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        border?: string | number | boolean | undefined;
+        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        rounded?: string | number | boolean | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
-        value?: any;
-        loading?: string | boolean | undefined;
-        text?: string | undefined;
-        class?: any;
-        icon?: boolean | IconValue | undefined;
-        href?: string | undefined;
         elevation?: string | number | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
-        theme?: string | undefined;
-        rounded?: string | number | boolean | undefined;
+        location?: Anchor | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -125,15 +125,15 @@ declare const VBtn: {
         }) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
-        replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        exact: boolean;
-        block: boolean;
+        replace: boolean;
         style: vue.StyleValue;
-        disabled: boolean;
         size: string | number;
+        disabled: boolean;
         tag: string;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        block: boolean;
+        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -142,27 +142,27 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
-        height?: string | number | undefined;
+        class?: any;
+        text?: string | undefined;
         width?: string | number | undefined;
+        height?: string | number | undefined;
         active?: boolean | undefined;
-        border?: string | number | boolean | undefined;
+        value?: any;
+        theme?: string | undefined;
+        href?: string | undefined;
         color?: string | undefined;
+        loading?: string | boolean | undefined;
+        icon?: boolean | IconValue | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        border?: string | number | boolean | undefined;
+        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        rounded?: string | number | boolean | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
-        value?: any;
-        loading?: string | boolean | undefined;
-        text?: string | undefined;
-        class?: any;
-        icon?: boolean | IconValue | undefined;
-        href?: string | undefined;
         elevation?: string | number | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
-        theme?: string | undefined;
-        rounded?: string | number | boolean | undefined;
+        location?: Anchor | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -190,17 +190,17 @@ declare const VBtn: {
         }) => any) | undefined;
     }, {
         symbol: any;
-        replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        exact: boolean;
-        block: boolean;
-        active: boolean;
+        replace: boolean;
         style: vue.StyleValue;
-        disabled: boolean;
         size: string | number;
+        active: boolean;
+        disabled: boolean;
         tag: string;
         rounded: string | number | boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        block: boolean;
+        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -230,15 +230,15 @@ declare const VBtn: {
         Defaults: {};
     }, {
         symbol: any;
-        replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        exact: boolean;
-        block: boolean;
+        replace: boolean;
         style: vue.StyleValue;
-        disabled: boolean;
         size: string | number;
+        disabled: boolean;
         tag: string;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        block: boolean;
+        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -247,27 +247,27 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        location?: Anchor | undefined;
-        height?: string | number | undefined;
+        class?: any;
+        text?: string | undefined;
         width?: string | number | undefined;
+        height?: string | number | undefined;
         active?: boolean | undefined;
-        border?: string | number | boolean | undefined;
+        value?: any;
+        theme?: string | undefined;
+        href?: string | undefined;
         color?: string | undefined;
+        loading?: string | boolean | undefined;
+        icon?: boolean | IconValue | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        border?: string | number | boolean | undefined;
+        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+        rounded?: string | number | boolean | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
-        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
-        value?: any;
-        loading?: string | boolean | undefined;
-        text?: string | undefined;
-        class?: any;
-        icon?: boolean | IconValue | undefined;
-        href?: string | undefined;
         elevation?: string | number | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
-        theme?: string | undefined;
-        rounded?: string | number | boolean | undefined;
+        location?: Anchor | undefined;
         selectedClass?: string | undefined;
         prependIcon?: IconValue | undefined;
         appendIcon?: IconValue | undefined;
@@ -297,17 +297,17 @@ declare const VBtn: {
         group: GroupItemProvide | null;
     }, {}, {}, {}, {
         symbol: any;
-        replace: boolean;
         flat: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        exact: boolean;
-        block: boolean;
-        active: boolean;
+        replace: boolean;
         style: vue.StyleValue;
-        disabled: boolean;
         size: string | number;
+        active: boolean;
+        disabled: boolean;
         tag: string;
         rounded: string | number | boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        block: boolean;
+        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -321,15 +321,15 @@ declare const VBtn: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     symbol: any;
-    replace: boolean;
     flat: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    exact: boolean;
-    block: boolean;
+    replace: boolean;
     style: vue.StyleValue;
-    disabled: boolean;
     size: string | number;
+    disabled: boolean;
     tag: string;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    block: boolean;
+    exact: boolean;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -338,27 +338,27 @@ declare const VBtn: {
         class: string;
     } | undefined;
 } & {
-    location?: Anchor | undefined;
-    height?: string | number | undefined;
+    class?: any;
+    text?: string | undefined;
     width?: string | number | undefined;
+    height?: string | number | undefined;
     active?: boolean | undefined;
-    border?: string | number | boolean | undefined;
+    value?: any;
+    theme?: string | undefined;
+    href?: string | undefined;
     color?: string | undefined;
+    loading?: string | boolean | undefined;
+    icon?: boolean | IconValue | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    border?: string | number | boolean | undefined;
+    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
+    rounded?: string | number | boolean | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
-    position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
-    value?: any;
-    loading?: string | boolean | undefined;
-    text?: string | undefined;
-    class?: any;
-    icon?: boolean | IconValue | undefined;
-    href?: string | undefined;
     elevation?: string | number | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
-    theme?: string | undefined;
-    rounded?: string | number | boolean | undefined;
+    location?: Anchor | undefined;
     selectedClass?: string | undefined;
     prependIcon?: IconValue | undefined;
     appendIcon?: IconValue | undefined;
@@ -392,17 +392,17 @@ declare const VBtn: {
     }) => true;
 }, string, {
     symbol: any;
-    replace: boolean;
     flat: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    exact: boolean;
-    block: boolean;
-    active: boolean;
+    replace: boolean;
     style: vue.StyleValue;
-    disabled: boolean;
     size: string | number;
+    active: boolean;
+    disabled: boolean;
     tag: string;
     rounded: string | number | boolean;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    block: boolean;
+    exact: boolean;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -429,7 +429,7 @@ declare const VBtn: {
         type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
@@ -437,7 +437,7 @@ declare const VBtn: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<string>;
         default: string;
     };
@@ -450,12 +450,12 @@ declare const VBtn: {
     to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor>;
@@ -483,7 +483,7 @@ declare const VBtn: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     active: {
         type: BooleanConstructor;
         default: undefined;
@@ -512,7 +512,7 @@ declare const VBtn: {
         type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
@@ -520,7 +520,7 @@ declare const VBtn: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "type" | "default"> & {
+    }, "default" | "type"> & {
         type: PropType<string>;
         default: string;
     };
@@ -533,12 +533,12 @@ declare const VBtn: {
     to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
+        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor>;
@@ -566,7 +566,7 @@ declare const VBtn: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     active: {
         type: BooleanConstructor;
         default: undefined;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"VBtnGroup.mjs","names":["makeBorderProps","useBorder","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","toRef","genericComponent","propsFactory","useRender","makeVBtnGroupProps","divided","Boolean","VBtnGroup","name","props","setup","_ref","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\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'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVBtnGroupProps = propsFactory({\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'VBtnGroup')\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            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB,yCAEzB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7CG,OAAO,EAAEC,OAAO;EAEhB,GAAGpB,eAAe,CAAC,CAAC;EACpB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,YAAY,CAAC,CAAC;EACjB,GAAGC,cAAc,CAAC,CAAC;EACnB,GAAGE,gBAAgB,CAAC;AACtB,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMQ,SAAS,GAAGN,gBAAgB,CAAC,CAAC,CAAC;EAC1CO,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEL,kBAAkB,CAAC,CAAC;EAE3BM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGf,YAAY,CAACW,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAe,CAAC,GAAGvB,UAAU,CAACkB,KAAK,CAAC;IAC5C,MAAM;MAAEM;IAAc,CAAC,GAAG5B,SAAS,CAACsB,KAAK,CAAC;IAC1C,MAAM;MAAEO;IAAiB,CAAC,GAAGvB,YAAY,CAACgB,KAAK,CAAC;IAChD,MAAM;MAAEQ;IAAe,CAAC,GAAGtB,UAAU,CAACc,KAAK,CAAC;IAE5CpB,eAAe,CAAC;MACd6B,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAEpB,KAAK,CAACS,KAAK,EAAE,OAAO,CAAC;QAC5BY,OAAO,EAAErB,KAAK,CAACS,KAAK,EAAE,SAAS,CAAC;QAChCa,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEvB,KAAK,CAACS,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFN,SAAS,CAAC,MAAM;MACd,OAAAqB,YAAA,CAAAf,KAAA,CAAAgB,GAAA;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEhB,KAAK,CAACJ;QAChC,CAAC,EACDQ,YAAY,CAACa,KAAK,EAClBX,aAAa,CAACW,KAAK,EACnBZ,cAAc,CAACY,KAAK,EACpBV,gBAAgB,CAACU,KAAK,EACtBT,cAAc,CAACS,KAAK,EACpBjB,KAAK,CAACkB,KAAK,CACZ;QAAA,SACOlB,KAAK,CAACmB;MAAK,GACThB,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBtnGroup.mjs","names":["makeBorderProps","useBorder","makeComponentProps","provideDefaults","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","toRef","genericComponent","propsFactory","useRender","makeVBtnGroupProps","divided","Boolean","VBtnGroup","name","props","setup","_ref","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","_createVNode","tag","value","class","style"],"sources":["../../../src/components/VBtnGroup/VBtnGroup.tsx"],"sourcesContent":["// Styles\nimport './VBtnGroup.sass'\n\n// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\nimport { provideDefaults } from '@/composables/defaults'\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'\n\n// Utilities\nimport { toRef } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\nexport const makeVBtnGroupProps = propsFactory({\n  divided: Boolean,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeElevationProps(),\n  ...makeRoundedProps(),\n  ...makeTagProps(),\n  ...makeThemeProps(),\n  ...makeVariantProps(),\n}, 'VBtnGroup')\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            props.class,\n          ]}\n          style={ props.style }\n          v-slots={ slots }\n        />\n      )\n    })\n  },\n})\n\nexport type VBtnGroup = InstanceType<typeof VBtnGroup>\n"],"mappings":";AAAA;AACA;;AAEA;AAAA,SACSA,eAAe,EAAEC,SAAS;AAAA,SAC1BC,kBAAkB;AAAA,SAClBC,eAAe;AAAA,SACfC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,kBAAkB,EAAEC,YAAY;AAAA,SAChCC,gBAAgB,EAAEC,UAAU;AAAA,SAC5BC,YAAY;AAAA,SACZC,cAAc,EAAEC,YAAY;AAAA,SAC5BC,gBAAgB,yCAEzB;AACA,SAASC,KAAK,QAAQ,KAAK;AAAA,SAClBC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS;AAElD,OAAO,MAAMC,kBAAkB,GAAGF,YAAY,CAAC;EAC7CG,OAAO,EAAEC,OAAO;EAEhB,GAAGpB,eAAe,CAAC,CAAC;EACpB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,kBAAkB,CAAC,CAAC;EACvB,GAAGE,gBAAgB,CAAC,CAAC;EACrB,GAAGE,YAAY,CAAC,CAAC;EACjB,GAAGC,cAAc,CAAC,CAAC;EACnB,GAAGE,gBAAgB,CAAC;AACtB,CAAC,EAAE,WAAW,CAAC;AAEf,OAAO,MAAMQ,SAAS,GAAGN,gBAAgB,CAAC,CAAC,CAAC;EAC1CO,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAEL,kBAAkB,CAAC,CAAC;EAE3BM,KAAKA,CAAED,KAAK,EAAAE,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE;IAAa,CAAC,GAAGf,YAAY,CAACW,KAAK,CAAC;IAC5C,MAAM;MAAEK;IAAe,CAAC,GAAGvB,UAAU,CAACkB,KAAK,CAAC;IAC5C,MAAM;MAAEM;IAAc,CAAC,GAAG5B,SAAS,CAACsB,KAAK,CAAC;IAC1C,MAAM;MAAEO;IAAiB,CAAC,GAAGvB,YAAY,CAACgB,KAAK,CAAC;IAChD,MAAM;MAAEQ;IAAe,CAAC,GAAGtB,UAAU,CAACc,KAAK,CAAC;IAE5CpB,eAAe,CAAC;MACd6B,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAEpB,KAAK,CAACS,KAAK,EAAE,OAAO,CAAC;QAC5BY,OAAO,EAAErB,KAAK,CAACS,KAAK,EAAE,SAAS,CAAC;QAChCa,IAAI,EAAE,IAAI;QACVC,OAAO,EAAEvB,KAAK,CAACS,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFN,SAAS,CAAC,MAAM;MACd,OAAAqB,YAAA,CAAAf,KAAA,CAAAgB,GAAA;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEhB,KAAK,CAACJ;QAChC,CAAC,EACDQ,YAAY,CAACa,KAAK,EAClBX,aAAa,CAACW,KAAK,EACnBZ,cAAc,CAACY,KAAK,EACpBV,gBAAgB,CAACU,KAAK,EACtBT,cAAc,CAACS,KAAK,EACpBjB,KAAK,CAACkB,KAAK,CACZ;QAAA,SACOlB,KAAK,CAACmB;MAAK,GACThB,KAAK;IAGrB,CAAC,CAAC;EACJ;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -9,19 +9,19 @@ type Density = null | 'default' | 'comfortable' | 'compact';
 
 declare const VBtnGroup: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
     } & {
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
         class?: any;
-        elevation?: string | number | undefined;
         theme?: string | undefined;
+        color?: string | undefined;
+        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
+        elevation?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -32,19 +32,19 @@ declare const VBtnGroup: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
     } & {
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
         class?: any;
-        elevation?: string | number | undefined;
         theme?: string | undefined;
+        color?: string | undefined;
+        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
+        elevation?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -55,10 +55,10 @@ declare const VBtnGroup: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
         rounded: string | number | boolean;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
@@ -74,19 +74,19 @@ declare const VBtnGroup: {
         M: {};
         Defaults: {};
     }, {
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
     } & {
-        border?: string | number | boolean | undefined;
-        color?: string | undefined;
         class?: any;
-        elevation?: string | number | undefined;
         theme?: string | undefined;
+        color?: string | undefined;
+        border?: string | number | boolean | undefined;
         rounded?: string | number | boolean | undefined;
+        elevation?: string | number | undefined;
     } & {
         $children?: vue.VNodeChild | {
             default?: (() => vue.VNodeChild) | undefined;
@@ -97,10 +97,10 @@ declare const VBtnGroup: {
     } & {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
-        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         style: vue.StyleValue;
         tag: string;
         rounded: string | number | boolean;
+        variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
         tile: boolean;
         density: Density;
         divided: boolean;
@@ -109,19 +109,19 @@ declare const VBtnGroup: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     style: vue.StyleValue;
     tag: string;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     tile: boolean;
     density: Density;
     divided: boolean;
 } & {
-    border?: string | number | boolean | undefined;
-    color?: string | undefined;
     class?: any;
-    elevation?: string | number | undefined;
     theme?: string | undefined;
+    color?: string | undefined;
+    border?: string | number | boolean | undefined;
     rounded?: string | number | boolean | undefined;
+    elevation?: string | number | undefined;
 } & {
     $children?: vue.VNodeChild | {
         default?: (() => vue.VNodeChild) | undefined;
@@ -132,10 +132,10 @@ declare const VBtnGroup: {
 } & {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
-    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     style: vue.StyleValue;
     tag: string;
     rounded: string | number | boolean;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
     tile: boolean;
     density: Density;
     divided: boolean;
@@ -156,7 +156,7 @@ declare const VBtnGroup: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -174,7 +174,7 @@ declare const VBtnGroup: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     divided: BooleanConstructor;
 }, vue.ExtractPropTypes<{
     color: StringConstructor;
@@ -189,7 +189,7 @@ declare const VBtnGroup: {
         default: string;
     };
     rounded: {
-        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -207,7 +207,7 @@ declare const VBtnGroup: {
         type: vue.PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
+    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
     divided: BooleanConstructor;
 }>>;
 type VBtnGroup = InstanceType<typeof VBtnGroup>;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"VBtnToggle.mjs","names":["makeVBtnGroupProps","VBtnGroup","makeGroupProps","useGroup","genericComponent","propsFactory","useRender","VBtnToggleSymbol","Symbol","for","makeVBtnToggleProps","VBtnToggle","name","props","emits","value","setup","_ref","slots","isSelected","next","prev","select","selected","btnGroupProps","filterProps","_createVNode","_mergeProps","class","style","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { makeVBtnGroupProps, VBtnGroup } from '@/components/VBtnGroup/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\nimport type { GenericProps } from '@/util'\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 makeVBtnToggleProps = propsFactory({\n  ...makeVBtnGroupProps(),\n  ...makeGroupProps(),\n}, 'VBtnToggle')\n\nexport const VBtnToggle = genericComponent<new <T>(\n  props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (value: T) => void\n  },\n  slots: VBtnToggleSlots,\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VBtnToggle',\n\n  props: makeVBtnToggleProps(),\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 = VBtnGroup.filterProps(props)\n\n      return (\n        <VBtnGroup\n          class={[\n            'v-btn-toggle',\n            props.class,\n          ]}\n          { ...btnGroupProps }\n          style={ props.style }\n        >\n          { slots.default?.({\n            isSelected,\n            next,\n            prev,\n            select,\n            selected,\n          })}\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,kBAAkB,EAAEC,SAAS,sCAEtC;AAAA,SACSC,cAAc,EAAEC,QAAQ,uCAEjC;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAQA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAM9F,OAAO,MAAMC,mBAAmB,GAAGL,YAAY,CAAC;EAC9C,GAAGL,kBAAkB,CAAC,CAAC;EACvB,GAAGE,cAAc,CAAC;AACpB,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMS,UAAU,GAAGP,gBAAgB,CAMK,CAAC,CAAC;EAC/CQ,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEH,mBAAmB,CAAC,CAAC;EAE5BI,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,UAAU;MAAEC,IAAI;MAAEC,IAAI;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGpB,QAAQ,CAACU,KAAK,EAAEN,gBAAgB,CAAC;IAEtFD,SAAS,CAAC,MAAM;MACd,MAAMkB,aAAa,GAAGvB,SAAS,CAACwB,WAAW,CAACZ,KAAK,CAAC;MAElD,OAAAa,YAAA,CAAAzB,SAAA,EAAA0B,WAAA;QAAA,SAEW,CACL,cAAc,EACdd,KAAK,CAACe,KAAK;MACZ,GACIJ,aAAa;QAAA,SACVX,KAAK,CAACgB;MAAK;QAAAC,OAAA,EAAAA,CAAA,MAEjBZ,KAAK,CAACY,OAAO,GAAG;UAChBX,UAAU;UACVC,IAAI;UACJC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,CAAC;MAAA;IAGR,CAAC,CAAC;IAEF,OAAO;MACLH,IAAI;MACJC,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"VBtnToggle.mjs","names":["makeVBtnGroupProps","VBtnGroup","makeGroupProps","useGroup","genericComponent","propsFactory","useRender","VBtnToggleSymbol","Symbol","for","makeVBtnToggleProps","VBtnToggle","name","props","emits","value","setup","_ref","slots","isSelected","next","prev","select","selected","btnGroupProps","filterProps","_createVNode","_mergeProps","class","style","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { makeVBtnGroupProps, VBtnGroup } from '@/components/VBtnGroup/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utilities\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { InjectionKey } from 'vue'\nimport type { GroupProvide } from '@/composables/group'\nimport type { GenericProps } from '@/util'\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 makeVBtnToggleProps = propsFactory({\n  ...makeVBtnGroupProps(),\n  ...makeGroupProps(),\n}, 'VBtnToggle')\n\nexport const VBtnToggle = genericComponent<new <T>(\n  props: {\n    modelValue?: T\n    'onUpdate:modelValue'?: (value: T) => void\n  },\n  slots: VBtnToggleSlots,\n) => GenericProps<typeof props, typeof slots>>()({\n  name: 'VBtnToggle',\n\n  props: makeVBtnToggleProps(),\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 = VBtnGroup.filterProps(props)\n\n      return (\n        <VBtnGroup\n          class={[\n            'v-btn-toggle',\n            props.class,\n          ]}\n          { ...btnGroupProps }\n          style={ props.style }\n        >\n          { slots.default?.({\n            isSelected,\n            next,\n            prev,\n            select,\n            selected,\n          })}\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,kBAAkB,EAAEC,SAAS,sCAEtC;AAAA,SACSC,cAAc,EAAEC,QAAQ,uCAEjC;AAAA,SACSC,gBAAgB,EAAEC,YAAY,EAAEC,SAAS,gCAElD;AAQA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAG,CAAC,sBAAsB,CAAC;AAM9F,OAAO,MAAMC,mBAAmB,GAAGL,YAAY,CAAC;EAC9C,GAAGL,kBAAkB,CAAC,CAAC;EACvB,GAAGE,cAAc,CAAC;AACpB,CAAC,EAAE,YAAY,CAAC;AAEhB,OAAO,MAAMS,UAAU,GAAGP,gBAAgB,CAMK,CAAC,CAAC;EAC/CQ,IAAI,EAAE,YAAY;EAElBC,KAAK,EAAEH,mBAAmB,CAAC,CAAC;EAE5BI,KAAK,EAAE;IACL,mBAAmB,EAAGC,KAAU,IAAK;EACvC,CAAC;EAEDC,KAAKA,CAAEH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,MAAM;MAAEE,UAAU;MAAEC,IAAI;MAAEC,IAAI;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAGpB,QAAQ,CAACU,KAAK,EAAEN,gBAAgB,CAAC;IAEtFD,SAAS,CAAC,MAAM;MACd,MAAMkB,aAAa,GAAGvB,SAAS,CAACwB,WAAW,CAACZ,KAAK,CAAC;MAElD,OAAAa,YAAA,CAAAzB,SAAA,EAAA0B,WAAA;QAAA,SAEW,CACL,cAAc,EACdd,KAAK,CAACe,KAAK;MACZ,GACIJ,aAAa;QAAA,SACVX,KAAK,CAACgB;MAAK;QAAAC,OAAA,EAAAA,CAAA,MAEjBZ,KAAK,CAACY,OAAO,GAAG;UAChBX,UAAU;UACVC,IAAI;UACJC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,CAAC;MAAA;IAGR,CAAC,CAAC;IAEF,OAAO;MACLH,IAAI;MACJC,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}