vuetify 3.0.0-beta.9 → 3.0.1

package/lib/components/VBtn/VBtn.mjs

@@ -1,14 +1,13 @@
 import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
 // Styles
-import "./VBtn.css"; // Components
+import "./VBtn.css";
 
+// Components
 import { VBtnToggleSymbol } from "../VBtnToggle/VBtnToggle.mjs";
 import { VDefaultsProvider } from "../VDefaultsProvider/index.mjs";
 import { VIcon } from "../VIcon/index.mjs";
 import { VProgressCircular } from "../VProgressCircular/index.mjs"; // Directives
-
 import { Ripple } from "../../directives/ripple/index.mjs"; // Composables
-
 import { genOverlays, makeVariantProps, useVariant } from "../../composables/variant.mjs";
 import { IconValue } from "../../composables/icons.mjs";
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
@@ -25,17 +24,18 @@ import { makeSizeProps, useSize } from "../../composables/size.mjs";
 import { makeTagProps } from "../../composables/tag.mjs";
 import { makeThemeProps, provideTheme } from "../../composables/theme.mjs";
 import { useSelectLink } from "../../composables/selectLink.mjs"; // Utilities
-
 import { computed } from 'vue';
 import { defineComponent, useRender } from "../../util/index.mjs"; // Types
-
 export const VBtn = defineComponent({
   name: 'VBtn',
   directives: {
     Ripple
   },
   props: {
-    active: Boolean,
+    active: {
+      type: Boolean,
+      default: undefined
+    },
     symbol: {
       type: null,
       default: VBtnToggleSymbol
@@ -72,7 +72,6 @@ export const VBtn = defineComponent({
   emits: {
     'group:selected': val => true
   },
-
   setup(props, _ref) {
     let {
       attrs,
@@ -111,26 +110,31 @@ export const VBtn = defineComponent({
       roundedClasses
     } = useRounded(props);
     const {
-      sizeClasses
+      sizeClasses,
+      sizeStyles
     } = useSize(props);
     const group = useGroupItem(props, props.symbol, false);
     const link = useLink(props, attrs);
+    const isActive = computed(() => {
+      var _link$isActive;
+      return props.active !== false && (props.active || ((_link$isActive = link.isActive) == null ? void 0 : _link$isActive.value) || (group == null ? void 0 : group.isSelected.value));
+    });
     const isDisabled = computed(() => (group == null ? void 0 : group.disabled.value) || props.disabled);
     const isElevated = computed(() => {
       return props.variant === 'elevated' && !(props.disabled || props.flat || props.border);
     });
     useSelectLink(link, group == null ? void 0 : group.select);
     useRender(() => {
-      var _slots$prepend, _slots$prepend2, _slots$default, _slots$default2, _slots$append, _slots$append2, _slots$loader, _slots$loader2;
-
+      var _slots$prepend, _slots$default, _slots$append, _slots$loader;
       const Tag = link.isLink.value ? 'a' : props.tag;
       const hasColor = !group || group.isSelected.value;
       const hasPrepend = !!(props.prependIcon || slots.prepend);
       const hasAppend = !!(props.appendIcon || slots.append);
+      const hasIcon = !!(props.icon && props.icon !== true);
       return _withDirectives(_createVNode(Tag, {
         "type": Tag === 'a' ? undefined : 'button',
         "class": ['v-btn', group == null ? void 0 : group.selectedClass.value, {
-          'v-btn--active': props.active,
+          'v-btn--active': isActive.value,
           'v-btn--block': props.block,
           'v-btn--disabled': isDisabled.value,
           'v-btn--elevated': isElevated.value,
@@ -139,12 +143,11 @@ export const VBtn = defineComponent({
           'v-btn--loading': props.loading,
           'v-btn--stacked': props.stacked
         }, themeClasses.value, borderClasses.value, hasColor ? colorClasses.value : undefined, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value],
-        "style": [hasColor ? colorStyles.value : undefined, dimensionStyles.value, locationStyles.value],
+        "style": [hasColor ? colorStyles.value : undefined, dimensionStyles.value, locationStyles.value, sizeStyles.value],
         "disabled": isDisabled.value || undefined,
         "href": link.href.value,
         "onClick": e => {
           var _link$navigate;
-
           if (isDisabled.value) return;
           (_link$navigate = link.navigate) == null ? void 0 : _link$navigate.call(link, e);
           group == null ? void 0 : group.toggle();
@@ -160,7 +163,7 @@ export const VBtn = defineComponent({
         }, {
           default: () => [_createVNode("span", {
             "class": "v-btn__prepend"
-          }, [(_slots$prepend = (_slots$prepend2 = slots.prepend) == null ? void 0 : _slots$prepend2.call(slots)) != null ? _slots$prepend : _createVNode(VIcon, null, null)])]
+          }, [((_slots$prepend = slots.prepend) == null ? void 0 : _slots$prepend.call(slots)) ?? _createVNode(VIcon, null, null)])]
         }), _createVNode("span", {
           "class": "v-btn__content",
           "data-no-activator": ""
@@ -168,13 +171,13 @@ export const VBtn = defineComponent({
           "key": "content",
           "defaults": {
             VIcon: {
-              icon: typeof props.icon === 'string' ? props.icon : undefined
+              icon: hasIcon ? props.icon : undefined
             }
           }
         }, {
-          default: () => [(_slots$default = (_slots$default2 = slots.default) == null ? void 0 : _slots$default2.call(slots)) != null ? _slots$default : typeof props.icon === 'string' && _createVNode(VIcon, {
+          default: () => [((_slots$default = slots.default) == null ? void 0 : _slots$default.call(slots)) ?? (hasIcon && _createVNode(VIcon, {
             "key": "icon"
-          }, null)]
+          }, null))]
         })]), !props.icon && hasAppend && _createVNode(VDefaultsProvider, {
           "key": "append",
           "defaults": {
@@ -185,11 +188,11 @@ export const VBtn = defineComponent({
         }, {
           default: () => [_createVNode("span", {
             "class": "v-btn__append"
-          }, [(_slots$append = (_slots$append2 = slots.append) == null ? void 0 : _slots$append2.call(slots)) != null ? _slots$append : _createVNode(VIcon, null, null)])]
+          }, [((_slots$append = slots.append) == null ? void 0 : _slots$append.call(slots)) ?? _createVNode(VIcon, null, null)])]
         }), !!props.loading && _createVNode("span", {
           "key": "loader",
           "class": "v-btn__loader"
-        }, [(_slots$loader = (_slots$loader2 = slots.loader) == null ? void 0 : _slots$loader2.call(slots)) != null ? _slots$loader : _createVNode(VProgressCircular, {
+        }, [((_slots$loader = slots.loader) == null ? void 0 : _slots$loader.call(slots)) ?? _createVNode(VProgressCircular, {
           "color": typeof props.loading === 'boolean' ? undefined : props.loading,
           "indeterminate": true,
           "size": "23",
@@ -199,6 +202,5 @@ export const VBtn = defineComponent({
     });
     return {};
   }
-
 });
 //# sourceMappingURL=VBtn.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useSelectLink","computed","defineComponent","useRender","VBtn","name","directives","props","active","Boolean","symbol","type","default","flat","icon","String","Function","Object","prependIcon","appendIcon","block","stacked","ripple","tag","variant","emits","val","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","group","link","isDisabled","disabled","value","isElevated","border","select","Tag","isLink","hasColor","isSelected","hasPrepend","prepend","hasAppend","append","undefined","selectedClass","loading","href","e","navigate","toggle","loader"],"sources":["../../../src/components/VBtn/VBtn.tsx"],"sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useSelectLink } from '@/composables/selectLink'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VBtn = defineComponent({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    active: Boolean,\n    symbol: {\n      type: null,\n      default: VBtnToggleSymbol,\n    },\n    flat: Boolean,\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    prependIcon: IconValue,\n    appendIcon: IconValue,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeLoaderProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'elevated' } as const),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { loaderClasses } = useLoader(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses } = useSize(props)\n    const group = useGroupItem(props, props.symbol, false)\n    const link = useLink(props, attrs)\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'elevated' && !(props.disabled || props.flat || props.border)\n    })\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasColor = !group || group.isSelected.value\n      const hasPrepend = !!(props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendIcon || slots.append)\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': props.active,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--loading': props.loading,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            locationStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ (e: MouseEvent) => {\n            if (isDisabled.value) return\n\n            link.navigate?.(e)\n            group?.toggle()\n          } }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__prepend\">\n                { slots.prepend?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          <span class=\"v-btn__content\" data-no-activator=\"\">\n            <VDefaultsProvider\n              key=\"content\"\n              defaults={{\n                VIcon: {\n                  icon: typeof props.icon === 'string'\n                    ? props.icon\n                    : undefined,\n                },\n              }}\n            >\n              { slots.default?.() ?? (\n                typeof props.icon === 'string' && (\n                  <VIcon key=\"icon\" />\n                )\n              ) }\n            </VDefaultsProvider>\n          </span>\n\n          { !props.icon && hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__append\">\n                { slots.append?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"23\"\n                  width=\"2\"\n                />\n              ) }\n            </span>\n          ) }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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"}
+{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","Ripple","genOverlays","makeVariantProps","useVariant","IconValue","makeBorderProps","useBorder","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","useSelectLink","computed","defineComponent","useRender","VBtn","name","directives","props","active","type","Boolean","default","undefined","symbol","flat","icon","String","Function","Object","prependIcon","appendIcon","block","stacked","ripple","tag","variant","emits","val","setup","attrs","slots","themeClasses","borderClasses","colorClasses","colorStyles","variantClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","sizeStyles","group","link","isActive","value","isSelected","isDisabled","disabled","isElevated","border","select","Tag","isLink","hasColor","hasPrepend","prepend","hasAppend","append","hasIcon","selectedClass","loading","href","e","navigate","toggle","loader"],"sources":["../../../src/components/VBtn/VBtn.tsx"],"sourcesContent":["// Styles\nimport './VBtn.sass'\n\n// Components\nimport { VBtnToggleSymbol } from '@/components/VBtnToggle/VBtnToggle'\nimport { VDefaultsProvider } from '@/components/VDefaultsProvider'\nimport { VIcon } from '@/components/VIcon'\nimport { VProgressCircular } from '@/components/VProgressCircular'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Composables\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\nimport { IconValue } from '@/composables/icons'\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeDensityProps, useDensity } from '@/composables/density'\nimport { makeDimensionProps, useDimension } from '@/composables/dimensions'\nimport { makeElevationProps, useElevation } from '@/composables/elevation'\nimport { makeGroupItemProps, useGroupItem } from '@/composables/group'\nimport { makeLoaderProps, useLoader } from '@/composables/loader'\nimport { makeLocationProps, useLocation } from '@/composables/location'\nimport { makePositionProps, usePosition } from '@/composables/position'\nimport { makeRoundedProps, useRounded } from '@/composables/rounded'\nimport { makeRouterProps, useLink } from '@/composables/router'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { useSelectLink } from '@/composables/selectLink'\n\n// Utilities\nimport { computed } from 'vue'\nimport { defineComponent, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\n\nexport const VBtn = defineComponent({\n  name: 'VBtn',\n\n  directives: { Ripple },\n\n  props: {\n    active: {\n      type: Boolean,\n      default: undefined,\n    },\n    symbol: {\n      type: null,\n      default: VBtnToggleSymbol,\n    },\n    flat: Boolean,\n    icon: [Boolean, String, Function, Object] as PropType<boolean | IconValue>,\n    prependIcon: IconValue,\n    appendIcon: IconValue,\n\n    block: Boolean,\n    stacked: Boolean,\n\n    ripple: {\n      type: Boolean,\n      default: true,\n    },\n\n    ...makeBorderProps(),\n    ...makeRoundedProps(),\n    ...makeDensityProps(),\n    ...makeDimensionProps(),\n    ...makeElevationProps(),\n    ...makeGroupItemProps(),\n    ...makeLoaderProps(),\n    ...makeLocationProps(),\n    ...makePositionProps(),\n    ...makeRouterProps(),\n    ...makeSizeProps(),\n    ...makeTagProps({ tag: 'button' }),\n    ...makeThemeProps(),\n    ...makeVariantProps({ variant: 'elevated' } as const),\n  },\n\n  emits: {\n    'group:selected': (val: { value: boolean }) => true,\n  },\n\n  setup (props, { attrs, slots }) {\n    const { themeClasses } = provideTheme(props)\n    const { borderClasses } = useBorder(props)\n    const { colorClasses, colorStyles, variantClasses } = useVariant(props)\n    const { densityClasses } = useDensity(props)\n    const { dimensionStyles } = useDimension(props)\n    const { elevationClasses } = useElevation(props)\n    const { loaderClasses } = useLoader(props)\n    const { locationStyles } = useLocation(props)\n    const { positionClasses } = usePosition(props)\n    const { roundedClasses } = useRounded(props)\n    const { sizeClasses, sizeStyles } = useSize(props)\n    const group = useGroupItem(props, props.symbol, false)\n    const link = useLink(props, attrs)\n\n    const isActive = computed(() =>\n      props.active !== false &&\n      (props.active || link.isActive?.value || group?.isSelected.value)\n    )\n    const isDisabled = computed(() => group?.disabled.value || props.disabled)\n    const isElevated = computed(() => {\n      return props.variant === 'elevated' && !(props.disabled || props.flat || props.border)\n    })\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\n      const hasColor = !group || group.isSelected.value\n      const hasPrepend = !!(props.prependIcon || slots.prepend)\n      const hasAppend = !!(props.appendIcon || slots.append)\n      const hasIcon = !!(props.icon && props.icon !== true)\n\n      return (\n        <Tag\n          type={ Tag === 'a' ? undefined : 'button' }\n          class={[\n            'v-btn',\n            group?.selectedClass.value,\n            {\n              'v-btn--active': isActive.value,\n              'v-btn--block': props.block,\n              'v-btn--disabled': isDisabled.value,\n              'v-btn--elevated': isElevated.value,\n              'v-btn--flat': props.flat,\n              'v-btn--icon': !!props.icon,\n              'v-btn--loading': props.loading,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            hasColor ? colorClasses.value : undefined,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n          ]}\n          style={[\n            hasColor ? colorStyles.value : undefined,\n            dimensionStyles.value,\n            locationStyles.value,\n            sizeStyles.value,\n          ]}\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          v-ripple={[\n            !isDisabled.value && props.ripple,\n            null,\n            props.icon ? ['center'] : null,\n          ]}\n          onClick={ (e: MouseEvent) => {\n            if (isDisabled.value) return\n\n            link.navigate?.(e)\n            group?.toggle()\n          } }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <VDefaultsProvider\n              key=\"prepend\"\n              defaults={{\n                VIcon: {\n                  icon: props.prependIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__prepend\">\n                { slots.prepend?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          <span class=\"v-btn__content\" data-no-activator=\"\">\n            <VDefaultsProvider\n              key=\"content\"\n              defaults={{\n                VIcon: {\n                  icon: hasIcon ? props.icon : undefined,\n                },\n              }}\n            >\n              { slots.default?.() ?? (\n                hasIcon && (\n                  <VIcon key=\"icon\" />\n                )\n              ) }\n            </VDefaultsProvider>\n          </span>\n\n          { !props.icon && hasAppend && (\n            <VDefaultsProvider\n              key=\"append\"\n              defaults={{\n                VIcon: {\n                  icon: props.appendIcon,\n                },\n              }}\n            >\n              <span class=\"v-btn__append\">\n                { slots.append?.() ?? (<VIcon />) }\n              </span>\n            </VDefaultsProvider>\n          ) }\n\n          { !!props.loading && (\n            <span key=\"loader\" class=\"v-btn__loader\">\n              { slots.loader?.() ?? (\n                <VProgressCircular\n                  color={ typeof props.loading === 'boolean' ? undefined : props.loading }\n                  indeterminate\n                  size=\"23\"\n                  width=\"2\"\n                />\n              ) }\n            </span>\n          ) }\n        </Tag>\n      )\n    })\n\n    return {}\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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"}

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

@@ -0,0 +1,213 @@
+import * as vue from 'vue';
+import { ComponentInternalInstance, Ref, ComputedRef, 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'}`;
+
+declare 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: 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;
+    };
+}, {}, 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: 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;
+    };
+}>> & {
+    "onGroup:selected"?: ((val: {
+        value: boolean;
+    }) => any) | undefined;
+}, {
+    symbol: any;
+    replace: boolean;
+    flat: boolean;
+    exact: boolean;
+    active: boolean;
+    block: boolean;
+    loading: boolean;
+    disabled: boolean;
+    size: string | number;
+    tag: string;
+    rounded: string | number | boolean;
+    density: Density;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    stacked: boolean;
+    ripple: boolean;
+}>;
+declare type VBtn = InstanceType<typeof VBtn>;
+
+export { VBtn };

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,I"}
+{"version":3,"file":"index.mjs","names":["VBtn"],"sources":["../../../src/components/VBtn/index.ts"],"sourcesContent":["export { VBtn } from './VBtn'\n"],"mappings":"SAASA,IAAI"}

package/lib/components/VBtnGroup/VBtnGroup.css

@@ -9,7 +9,7 @@
   border-color: rgba(var(--v-border-color), var(--v-border-opacity));
   border-style: solid;
   border-width: 0;
-  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
+  box-shadow: 0px 0px 0px 0px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, 0.2)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.14)), 0px 0px 0px 0px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, 0.12));
   border-radius: 4px;
   background: transparent;
   color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));

package/lib/components/VBtnGroup/VBtnGroup.mjs

@@ -1,7 +1,8 @@
 import { createVNode as _createVNode, resolveDirective as _resolveDirective } from "vue";
 // Styles
-import "./VBtnGroup.css"; // Composables
+import "./VBtnGroup.css";
 
+// Composables
 import { makeBorderProps, useBorder } from "../../composables/border.mjs";
 import { makeDensityProps, useDensity } from "../../composables/density.mjs";
 import { makeElevationProps, useElevation } from "../../composables/elevation.mjs";
@@ -10,7 +11,6 @@ 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 { defineComponent, useRender } from "../../util/index.mjs";
 import { toRef } from 'vue';
 export const VBtnGroup = defineComponent({
@@ -25,7 +25,6 @@ export const VBtnGroup = defineComponent({
     ...makeThemeProps(),
     ...makeVariantProps()
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -62,6 +61,5 @@ export const VBtnGroup = defineComponent({
       }, slots);
     });
   }
-
 });
 //# sourceMappingURL=VBtnGroup.mjs.map

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","defineComponent","useRender","toRef","VBtnGroup","name","props","divided","Boolean","setup","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","value"],"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 { defineComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VBtnGroup = defineComponent({\n  name: 'VBtnGroup',\n\n  props: {\n    divided: Boolean,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps(),\n  },\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"],"mappings":";AAAA;AACA,yB,CAEA;;SACSA,e,EAAiBC,S;SACjBC,gB,EAAkBC,U;SAClBC,kB,EAAoBC,Y;SACpBC,gB,EAAkBC,U;SAClBC,Y;SACAC,c,EAAgBC,Y;SAChBC,gB;SACAC,e,0CAET;;SACSC,e,EAAiBC,S;AAC1B,SAASC,KAAT,QAAsB,KAAtB;AAEA,OAAO,MAAMC,SAAS,GAAGH,eAAe,CAAC;EACvCI,IAAI,EAAE,WADiC;EAGvCC,KAAK,EAAE;IACLC,OAAO,EAAEC,OADJ;IAGL,GAAGpB,eAAe,EAHb;IAIL,GAAGE,gBAAgB,EAJd;IAKL,GAAGE,kBAAkB,EALhB;IAML,GAAGE,gBAAgB,EANd;IAOL,GAAGE,YAAY,EAPV;IAQL,GAAGC,cAAc,EARZ;IASL,GAAGE,gBAAgB;EATd,CAHgC;;EAevCU,KAAK,CAAEH,KAAF,QAAoB;IAAA,IAAX;MAAEI;IAAF,CAAW;IACvB,MAAM;MAAEC;IAAF,IAAmBb,YAAY,CAACQ,KAAD,CAArC;IACA,MAAM;MAAEM;IAAF,IAAqBrB,UAAU,CAACe,KAAD,CAArC;IACA,MAAM;MAAEO;IAAF,IAAoBxB,SAAS,CAACiB,KAAD,CAAnC;IACA,MAAM;MAAEQ;IAAF,IAAuBrB,YAAY,CAACa,KAAD,CAAzC;IACA,MAAM;MAAES;IAAF,IAAqBpB,UAAU,CAACW,KAAD,CAArC;IAEAN,eAAe,CAAC;MACdgB,IAAI,EAAE;QACJC,MAAM,EAAE,MADJ;QAEJC,KAAK,EAAEf,KAAK,CAACG,KAAD,EAAQ,OAAR,CAFR;QAGJa,OAAO,EAAEhB,KAAK,CAACG,KAAD,EAAQ,SAAR,CAHV;QAIJc,IAAI,EAAE,IAJF;QAKJC,OAAO,EAAElB,KAAK,CAACG,KAAD,EAAQ,SAAR;MALV;IADQ,CAAD,CAAf;IAUAJ,SAAS,CAAC,MAAM;MACd;QAAA,SAEW,CACL,aADK,EAEL;UACE,wBAAwBI,KAAK,CAACC;QADhC,CAFK,EAKLI,YAAY,CAACW,KALR,EAMLT,aAAa,CAACS,KANT,EAOLV,cAAc,CAACU,KAPV,EAQLR,gBAAgB,CAACQ,KARZ,EASLP,cAAc,CAACO,KATV;MAFX,GAacZ,KAbd;IAgBD,CAjBQ,CAAT;EAkBD;;AAlDsC,CAAD,CAAjC"}
+{"version":3,"file":"VBtnGroup.mjs","names":["makeBorderProps","useBorder","makeDensityProps","useDensity","makeElevationProps","useElevation","makeRoundedProps","useRounded","makeTagProps","makeThemeProps","provideTheme","makeVariantProps","provideDefaults","defineComponent","useRender","toRef","VBtnGroup","name","props","divided","Boolean","setup","slots","themeClasses","densityClasses","borderClasses","elevationClasses","roundedClasses","VBtn","height","color","density","flat","variant","value"],"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 { defineComponent, useRender } from '@/util'\nimport { toRef } from 'vue'\n\nexport const VBtnGroup = defineComponent({\n  name: 'VBtnGroup',\n\n  props: {\n    divided: Boolean,\n\n    ...makeBorderProps(),\n    ...makeDensityProps(),\n    ...makeElevationProps(),\n    ...makeRoundedProps(),\n    ...makeTagProps(),\n    ...makeThemeProps(),\n    ...makeVariantProps(),\n  },\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"],"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,eAAe,EAAEC,SAAS;AACnC,SAASC,KAAK,QAAQ,KAAK;AAE3B,OAAO,MAAMC,SAAS,GAAGH,eAAe,CAAC;EACvCI,IAAI,EAAE,WAAW;EAEjBC,KAAK,EAAE;IACLC,OAAO,EAAEC,OAAO;IAEhB,GAAGpB,eAAe,EAAE;IACpB,GAAGE,gBAAgB,EAAE;IACrB,GAAGE,kBAAkB,EAAE;IACvB,GAAGE,gBAAgB,EAAE;IACrB,GAAGE,YAAY,EAAE;IACjB,GAAGC,cAAc,EAAE;IACnB,GAAGE,gBAAgB;EACrB,CAAC;EAEDU,KAAK,CAAEH,KAAK,QAAa;IAAA,IAAX;MAAEI;IAAM,CAAC;IACrB,MAAM;MAAEC;IAAa,CAAC,GAAGb,YAAY,CAACQ,KAAK,CAAC;IAC5C,MAAM;MAAEM;IAAe,CAAC,GAAGrB,UAAU,CAACe,KAAK,CAAC;IAC5C,MAAM;MAAEO;IAAc,CAAC,GAAGxB,SAAS,CAACiB,KAAK,CAAC;IAC1C,MAAM;MAAEQ;IAAiB,CAAC,GAAGrB,YAAY,CAACa,KAAK,CAAC;IAChD,MAAM;MAAES;IAAe,CAAC,GAAGpB,UAAU,CAACW,KAAK,CAAC;IAE5CN,eAAe,CAAC;MACdgB,IAAI,EAAE;QACJC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAEf,KAAK,CAACG,KAAK,EAAE,OAAO,CAAC;QAC5Ba,OAAO,EAAEhB,KAAK,CAACG,KAAK,EAAE,SAAS,CAAC;QAChCc,IAAI,EAAE,IAAI;QACVC,OAAO,EAAElB,KAAK,CAACG,KAAK,EAAE,SAAS;MACjC;IACF,CAAC,CAAC;IAEFJ,SAAS,CAAC,MAAM;MACd;QAAA,SAEW,CACL,aAAa,EACb;UACE,sBAAsB,EAAEI,KAAK,CAACC;QAChC,CAAC,EACDI,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"}

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

@@ -0,0 +1,68 @@
+import * as vue from 'vue';
+
+declare 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<vue.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;
+    rounded: string | number | boolean;
+    density: Density;
+    variant: "flat" | "text" | "elevated" | "tonal" | "outlined" | "plain";
+    divided: boolean;
+}>;
+declare type VBtnGroup = InstanceType<typeof VBtnGroup>;
+
+export { 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,S"}
+{"version":3,"file":"index.mjs","names":["VBtnGroup"],"sources":["../../../src/components/VBtnGroup/index.ts"],"sourcesContent":["export { VBtnGroup } from './VBtnGroup'\n"],"mappings":"SAASA,SAAS"}

package/lib/components/VBtnToggle/VBtnToggle.mjs

@@ -1,23 +1,18 @@
 import { createVNode as _createVNode } from "vue";
 // Styles
-import "./VBtnToggle.css"; // Components
+import "./VBtnToggle.css";
 
+// Components
 import { VBtnGroup } from "../VBtnGroup/index.mjs"; // Composables
-
 import { makeGroupProps, useGroup } from "../../composables/group.mjs"; // Utility
-
 import { genericComponent, useRender } from "../../util/index.mjs"; // Types
-
 export const VBtnToggleSymbol = Symbol.for('vuetify:v-btn-toggle');
 export const VBtnToggle = genericComponent()({
   name: 'VBtnToggle',
-  props: makeGroupProps({
-    selectedClass: 'v-btn--selected'
-  }),
+  props: makeGroupProps(),
   emits: {
     'update:modelValue': value => true
   },
-
   setup(props, _ref) {
     let {
       slots
@@ -31,7 +26,6 @@ export const VBtnToggle = genericComponent()({
     } = useGroup(props, VBtnToggleSymbol);
     useRender(() => {
       var _slots$default;
-
       return _createVNode(VBtnGroup, {
         "class": "v-btn-toggle"
       }, {
@@ -50,6 +44,5 @@ export const VBtnToggle = genericComponent()({
       select
     };
   }
-
 });
 //# sourceMappingURL=VBtnToggle.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"VBtnToggle.mjs","names":["VBtnGroup","makeGroupProps","useGroup","genericComponent","useRender","VBtnToggleSymbol","Symbol","for","VBtnToggle","name","props","selectedClass","emits","value","setup","slots","isSelected","next","prev","select","selected","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { VBtnGroup } from '@/components/VBtnGroup'\n\n// Composables\nimport { makeGroupProps, useGroup } from '@/composables/group'\n\n// Utility\nimport { genericComponent, useRender } from '@/util'\n\n// Types\nimport type { GroupProvide } from '@/composables/group'\nimport type { InjectionKey } from 'vue'\nimport type { MakeSlots } 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\nexport const VBtnToggle = genericComponent<new <T>() => {\n  $slots: MakeSlots<{\n    default: [DefaultBtnToggleSlot]\n  }>\n}>()({\n  name: 'VBtnToggle',\n\n  props: makeGroupProps({ selectedClass: 'v-btn--selected' }),\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      <VBtnGroup class=\"v-btn-toggle\">\n        { slots.default?.({\n          isSelected,\n          next,\n          prev,\n          select,\n          selected,\n        } as DefaultBtnToggleSlot) }\n      </VBtnGroup>\n    ))\n\n    return {\n      next,\n      prev,\n      select,\n    }\n  },\n})\n"],"mappings":";AAAA;AACA,0B,CAEA;;SACSA,S,kCAET;;SACSC,c,EAAgBC,Q,uCAEzB;;SACSC,gB,EAAkBC,S,gCAE3B;;AAQA,OAAO,MAAMC,gBAA4C,GAAGC,MAAM,CAACC,GAAP,CAAW,sBAAX,CAArD;AAEP,OAAO,MAAMC,UAAU,GAAGL,gBAAgB,GAIrC;EACHM,IAAI,EAAE,YADH;EAGHC,KAAK,EAAET,cAAc,CAAC;IAAEU,aAAa,EAAE;EAAjB,CAAD,CAHlB;EAKHC,KAAK,EAAE;IACL,qBAAsBC,KAAD,IAAgB;EADhC,CALJ;;EASHC,KAAK,CAAEJ,KAAF,QAAoB;IAAA,IAAX;MAAEK;IAAF,CAAW;IACvB,MAAM;MAAEC,UAAF;MAAcC,IAAd;MAAoBC,IAApB;MAA0BC,MAA1B;MAAkCC;IAAlC,IAA+ClB,QAAQ,CAACQ,KAAD,EAAQL,gBAAR,CAA7D;IAEAD,SAAS,CAAC;MAAA;;MAAA;QAAA,SACS;MADT;QAAA,kCAEJW,KAAK,CAACM,OAFF,qBAEJ,oBAAAN,KAAK,EAAW;UAChBC,UADgB;UAEhBC,IAFgB;UAGhBC,IAHgB;UAIhBC,MAJgB;UAKhBC;QALgB,CAAX,CAFD;MAAA;IAAA,CAAD,CAAT;IAYA,OAAO;MACLH,IADK;MAELC,IAFK;MAGLC;IAHK,CAAP;EAKD;;AA7BE,CAJqC,CAAnC"}
+{"version":3,"file":"VBtnToggle.mjs","names":["VBtnGroup","makeGroupProps","useGroup","genericComponent","useRender","VBtnToggleSymbol","Symbol","for","VBtnToggle","name","props","emits","value","setup","slots","isSelected","next","prev","select","selected","default"],"sources":["../../../src/components/VBtnToggle/VBtnToggle.tsx"],"sourcesContent":["// Styles\nimport './VBtnToggle.sass'\n\n// Components\nimport { VBtnGroup } from '@/components/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: makeGroupProps(),\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      <VBtnGroup class=\"v-btn-toggle\">\n        { slots.default?.({\n          isSelected,\n          next,\n          prev,\n          select,\n          selected,\n        } as DefaultBtnToggleSlot) }\n      </VBtnGroup>\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,SAAS,kCAElB;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,EAAET,cAAc,EAAE;EAEvBU,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;MAAA;MAAA;QAAA,SACS;MAAc;QAAA,kCAC3BU,KAAK,CAACM,OAAO,qBAAb,oBAAAN,KAAK,EAAW;UAChBC,UAAU;UACVC,IAAI;UACJC,IAAI;UACJC,MAAM;UACNC;QACF,CAAC,CAAyB;MAAA;IAAA,CAE7B,CAAC;IAEF,OAAO;MACLH,IAAI;MACJC,IAAI;MACJC;IACF,CAAC;EACH;AACF,CAAC,CAAC"}