vuetify 3.6.0-alpha.2 → 3.6.0

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

@@ -24,6 +24,7 @@ declare const VBanner: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         style: vue.StyleValue;
         tag: string;
+        mobile: boolean;
         sticky: boolean;
         tile: boolean;
         density: Density;
@@ -70,6 +71,7 @@ declare const VBanner: {
     }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         tag: string;
+        mobile: boolean;
         sticky: boolean;
         tile: boolean;
         density: Density;
@@ -116,6 +118,7 @@ declare const VBanner: {
     }, {
         style: vue.StyleValue;
         tag: string;
+        mobile: boolean;
         sticky: boolean;
         rounded: string | number | boolean;
         tile: boolean;
@@ -144,6 +147,7 @@ declare const VBanner: {
     }, {
         style: vue.StyleValue;
         tag: string;
+        mobile: boolean;
         sticky: boolean;
         tile: boolean;
         density: Density;
@@ -190,6 +194,7 @@ declare const VBanner: {
     }, {}, {}, {}, {}, {
         style: vue.StyleValue;
         tag: string;
+        mobile: boolean;
         sticky: boolean;
         rounded: string | number | boolean;
         tile: boolean;
@@ -202,6 +207,7 @@ declare const VBanner: {
 } & vue.ComponentOptionsBase<{
     style: vue.StyleValue;
     tag: string;
+    mobile: boolean;
     sticky: boolean;
     tile: boolean;
     density: Density;
@@ -248,6 +254,7 @@ declare const VBanner: {
 }, void, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     style: vue.StyleValue;
     tag: string;
+    mobile: boolean;
     sticky: boolean;
     rounded: string | number | boolean;
     tile: boolean;
@@ -286,6 +293,10 @@ declare const VBanner: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];
@@ -332,6 +343,10 @@ declare const VBanner: {
         type: (StringConstructor | NumberConstructor)[];
         validator(v: any): boolean;
     };
+    mobile: {
+        type: BooleanConstructor;
+        default: null;
+    };
     mobileBreakpoint: PropType<number | DisplayBreakpoint>;
     height: (StringConstructor | NumberConstructor)[];
     maxHeight: (StringConstructor | NumberConstructor)[];

package/lib/components/VBottomNavigation/VBottomNavigation.sass

@@ -1,57 +1,58 @@
 @use '../../styles/tools'
 @use './variables' as *
 
-.v-bottom-navigation
-  display: flex
-  max-width: 100%
-  overflow: hidden
-  position: absolute
-  transition: $bottom-navigation-transition
-
-  @include tools.border($bottom-navigation-border...)
-  @include tools.rounded($bottom-navigation-border-radius)
-  @include tools.theme($bottom-navigation-theme...)
-
-  &--active
-    @include tools.elevation($bottom-navigation-elevation)
-
-.v-bottom-navigation__content
-  display: flex
-  flex: none
-  font-size: $bottom-navigation-content-font-size
-  justify-content: center
-  transition: inherit
-  width: 100%
-
-  .v-bottom-navigation &
-    > .v-btn
-      font-size: inherit
-      height: $bottom-navigation-height
-      max-width: $bottom-navigation-max-width
-      min-width: $bottom-navigation-min-width
-      text-transform: $bottom-navigation-text-transform
-      transition: inherit
-      width: auto
-
-      @include tools.rounded(0)
-
-      .v-btn__content,
-      .v-btn__icon
+@include tools.layer('components')
+  .v-bottom-navigation
+    display: flex
+    max-width: 100%
+    overflow: hidden
+    position: absolute
+    transition: $bottom-navigation-transition
+
+    @include tools.border($bottom-navigation-border...)
+    @include tools.rounded($bottom-navigation-border-radius)
+    @include tools.theme($bottom-navigation-theme...)
+
+    &--active
+      @include tools.elevation($bottom-navigation-elevation)
+
+  .v-bottom-navigation__content
+    display: flex
+    flex: none
+    font-size: $bottom-navigation-content-font-size
+    justify-content: center
+    transition: inherit
+    width: 100%
+
+    .v-bottom-navigation &
+      > .v-btn
+        font-size: inherit
+        height: $bottom-navigation-height
+        max-width: $bottom-navigation-max-width
+        min-width: $bottom-navigation-min-width
+        text-transform: $bottom-navigation-text-transform
         transition: inherit
+        width: auto
 
-      .v-btn__icon
-        font-size: $bottom-navigation-icon-font-size
+        @include tools.rounded(0)
 
-  .v-bottom-navigation--grow &
-    > .v-btn
-      flex-grow: 1
-
-  .v-bottom-navigation--shift &
-    .v-btn
-      &:not(.v-btn--selected)
-        .v-btn__content > span
+        .v-btn__content,
+        .v-btn__icon
           transition: inherit
-          opacity: 0
 
-        .v-btn__content
-          transform: $bottom-navigation-shift-icon-transform
+        .v-btn__icon
+          font-size: $bottom-navigation-icon-font-size
+
+    .v-bottom-navigation--grow &
+      > .v-btn
+        flex-grow: 1
+
+    .v-bottom-navigation--shift &
+      .v-btn
+        &:not(.v-btn--selected)
+          .v-btn__content > span
+            transition: inherit
+            opacity: 0
+
+          .v-btn__content
+            transform: $bottom-navigation-shift-icon-transform

package/lib/components/VBottomSheet/VBottomSheet.sass

@@ -3,36 +3,38 @@
 @use './variables' as *
 
 // Transition
-.bottom-sheet-transition
-  &-enter-from
-    transform: translateY(100%)
+@include tools.layer('transitions')
+  .bottom-sheet-transition
+    &-enter-from
+      transform: translateY(100%)
 
-  &-leave-to
-    transform: translateY(100%)
+    &-leave-to
+      transform: translateY(100%)
 
 // Block
-.v-bottom-sheet
-  > .v-bottom-sheet__content.v-overlay__content
-    align-self: flex-end
-    border-radius: 0
-    flex: 0 1 auto
-    left: 0
-    right: 0
-    margin-inline: 0
-    margin-bottom: 0
-    transition-duration: $bottom-sheet-transition-duration
-    width: 100%
-    max-width: 100%
-    overflow: visible
+@include tools.layer('components')
+  .v-bottom-sheet
+    > .v-bottom-sheet__content.v-overlay__content
+      align-self: flex-end
+      border-radius: 0
+      flex: 0 1 auto
+      left: 0
+      right: 0
+      margin-inline: 0
+      margin-bottom: 0
+      transition-duration: $bottom-sheet-transition-duration
+      width: 100%
+      max-width: 100%
+      overflow: visible
 
-    @include tools.elevation($bottom-sheet-elevation)
+      @include tools.elevation($bottom-sheet-elevation)
 
-    > .v-card,
-    > .v-sheet
-      border-radius: $bottom-sheet-border-radius
+      > .v-card,
+      > .v-sheet
+        border-radius: $bottom-sheet-border-radius
 
-  &.v-bottom-sheet--inset
-    max-width: none
+    &.v-bottom-sheet--inset
+      max-width: none
 
-    @media #{map-get(settings.$display-breakpoints, 'sm-and-up')}
-      max-width: $bottom-sheet-inset-width
+      @media #{map-get(settings.$display-breakpoints, 'sm-and-up')}
+        max-width: $bottom-sheet-inset-width

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

@@ -143,6 +143,7 @@ declare const VBottomSheet: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -154,6 +155,7 @@ declare const VBottomSheet: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -163,6 +165,7 @@ declare const VBottomSheet: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -226,6 +229,7 @@ declare const VBottomSheet: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -237,6 +241,7 @@ declare const VBottomSheet: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -246,6 +251,7 @@ declare const VBottomSheet: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -290,6 +296,7 @@ declare const VBottomSheet: {
         activator: (arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
         }>[];
@@ -358,6 +365,7 @@ declare const VBottomSheet: {
             activator?: ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | ((arg: {
             isActive: vue.Ref<boolean>;
@@ -369,6 +377,7 @@ declare const VBottomSheet: {
             activator?: false | ((arg: {
                 isActive: boolean;
                 props: Record<string, any>;
+                targetRef: vue.Ref<any>;
             }) => vue.VNodeChild) | undefined;
         } | undefined;
     } & {
@@ -378,6 +387,7 @@ declare const VBottomSheet: {
         "v-slot:activator"?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -475,6 +485,7 @@ declare const VBottomSheet: {
         activator?: ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } | ((arg: {
         isActive: vue.Ref<boolean>;
@@ -486,6 +497,7 @@ declare const VBottomSheet: {
         activator?: false | ((arg: {
             isActive: boolean;
             props: Record<string, any>;
+            targetRef: vue.Ref<any>;
         }) => vue.VNodeChild) | undefined;
     } | undefined;
 } & {
@@ -495,6 +507,7 @@ declare const VBottomSheet: {
     "v-slot:activator"?: false | ((arg: {
         isActive: boolean;
         props: Record<string, any>;
+        targetRef: vue.Ref<any>;
     }) => vue.VNodeChild) | undefined;
 } & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
@@ -541,6 +554,7 @@ declare const VBottomSheet: {
     activator: (arg: {
         isActive: boolean;
         props: Record<string, any>;
+        targetRef: vue.Ref<any>;
     }) => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
     }>[];

package/lib/components/VBreadcrumbs/VBreadcrumbs.css

@@ -1,7 +1,7 @@
 .v-breadcrumbs {
   display: flex;
   align-items: center;
-  line-height: 1.375rem;
+  line-height: 1.6;
   padding: 16px 12px;
 }
 .v-breadcrumbs--rounded {

package/lib/components/VBreadcrumbs/VBreadcrumbs.sass

@@ -1,48 +1,49 @@
 @use '../../styles/tools'
 @use './variables' as *
 
-.v-breadcrumbs
-  display: flex
-  align-items: center
-  line-height: $breadcrumbs-line-height
-  padding: $breadcrumbs-padding-y $breadcrumbs-padding-x
-
-  &--rounded
-    @include tools.rounded($breadcrumbs-rounded-border-radius)
-
-  @at-root
-    @include tools.density('v-breadcrumbs', $breadcrumbs-density) using ($modifier)
-      padding-top: #{$breadcrumbs-padding-y + $modifier}
-      padding-bottom: #{$breadcrumbs-padding-y + $modifier}
-
-.v-breadcrumbs__prepend
-  align-items: center
-  display: inline-flex
-
-.v-breadcrumbs-item
-  align-items: center
-  color: inherit
-  display: inline-flex
-  padding: $breadcrumbs-item-padding
-  text-decoration: none
-  vertical-align: $breadcrumbs-vertical-align
-
-  &--disabled
-    opacity: $breadcrumbs-item-disabled-opacity
-    pointer-events: none
-
-  &--link
+@include tools.layer('components')
+  .v-breadcrumbs
+    display: flex
+    align-items: center
+    line-height: $breadcrumbs-line-height
+    padding: $breadcrumbs-padding-y $breadcrumbs-padding-x
+
+    &--rounded
+      @include tools.rounded($breadcrumbs-rounded-border-radius)
+
+    @at-root
+      @include tools.density('v-breadcrumbs', $breadcrumbs-density) using ($modifier)
+        padding-top: #{$breadcrumbs-padding-y + $modifier}
+        padding-bottom: #{$breadcrumbs-padding-y + $modifier}
+
+  .v-breadcrumbs__prepend
+    align-items: center
+    display: inline-flex
+
+  .v-breadcrumbs-item
+    align-items: center
     color: inherit
+    display: inline-flex
+    padding: $breadcrumbs-item-padding
     text-decoration: none
+    vertical-align: $breadcrumbs-vertical-align
 
-  &--link:hover
-    text-decoration: $breadcrumbs-item-link-text-decoration
+    &--disabled
+      opacity: $breadcrumbs-item-disabled-opacity
+      pointer-events: none
 
-  .v-icon
-    font-size: $breadcrumbs-item-icon-font-size
-    margin-inline: $breadcrumbs-item-icon-margin-inline-start $breadcrumbs-item-icon-margin-inline-end
+    &--link
+      color: inherit
+      text-decoration: none
 
-.v-breadcrumbs-divider
-  display: inline-block
-  padding: $breadcrumbs-divider-padding
-  vertical-align: $breadcrumbs-vertical-align
+    &--link:hover
+      text-decoration: $breadcrumbs-item-link-text-decoration
+
+    .v-icon
+      font-size: $breadcrumbs-item-icon-font-size
+      margin-inline: $breadcrumbs-item-icon-margin-inline-start $breadcrumbs-item-icon-margin-inline-end
+
+  .v-breadcrumbs-divider
+    display: inline-block
+    padding: $breadcrumbs-divider-padding
+    vertical-align: $breadcrumbs-vertical-align

package/lib/components/VBtn/VBtn.css

@@ -308,6 +308,9 @@
 .v-btn--slim {
   padding: 0 8px;
 }
+.v-btn--readonly {
+  pointer-events: none;
+}
 .v-btn--rounded {
   border-radius: 24px;
 }

package/lib/components/VBtn/VBtn.mjs

@@ -42,6 +42,7 @@ export const makeVBtnProps = propsFactory({
   prependIcon: IconValue,
   appendIcon: IconValue,
   block: Boolean,
+  readonly: Boolean,
   slim: Boolean,
   stacked: Boolean,
   ripple: {
@@ -163,6 +164,7 @@ export const VBtn = genericComponent()({
           'v-btn--flat': props.flat,
           'v-btn--icon': !!props.icon,
           'v-btn--loading': props.loading,
+          'v-btn--readonly': props.readonly,
           'v-btn--slim': props.slim,
           'v-btn--stacked': props.stacked
         }, themeClasses.value, borderClasses.value, colorClasses.value, densityClasses.value, elevationClasses.value, loaderClasses.value, positionClasses.value, roundedClasses.value, sizeClasses.value, variantClasses.value, props.class],
@@ -170,7 +172,7 @@ export const VBtn = genericComponent()({
         "aria-busy": props.loading ? true : undefined,
         "disabled": isDisabled.value || undefined,
         "href": link.href.value,
-        "tabindex": props.loading ? -1 : undefined,
+        "tabindex": props.loading || props.readonly ? -1 : undefined,
         "onClick": onClick,
         "value": valueAttr.value
       }, {

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

@@ -1 +1 @@
-{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","makeBorderProps","useBorder","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","IconValue","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","useSelectLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","Ripple","computed","withDirectives","genericComponent","propsFactory","useRender","makeVBtnProps","active","type","Boolean","default","undefined","baseColor","String","symbol","flat","icon","Function","Object","prependIcon","appendIcon","block","slim","stacked","ripple","text","tag","variant","VBtn","name","props","emits","val","setup","_ref","attrs","slots","themeClasses","borderClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","sizeStyles","group","link","isActive","isLink","value","isSelected","variantProps","showColor","color","colorClasses","colorStyles","variantClasses","isDisabled","disabled","isElevated","border","valueAttr","JSON","stringify","onClick","e","metaKey","ctrlKey","shiftKey","button","target","navigate","toggle","select","Tag","hasPrepend","prepend","hasAppend","append","hasIcon","_createVNode","selectedClass","loading","class","style","href","loader","center"],"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// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\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 { IconValue } from '@/composables/icons'\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 { useSelectLink } from '@/composables/selectLink'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { computed, withDirectives } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { RippleDirectiveBinding } from '@/directives/ripple'\n\nexport type VBtnSlots = {\n  default: never\n  prepend: never\n  append: never\n  loader: never\n}\n\nexport const makeVBtnProps = propsFactory({\n  active: {\n    type: Boolean,\n    default: undefined,\n  },\n  baseColor: String,\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  slim: Boolean,\n  stacked: Boolean,\n\n  ripple: {\n    type: [Boolean, Object] as PropType<RippleDirectiveBinding['value']>,\n    default: true,\n  },\n\n  text: String,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeGroupItemProps(),\n  ...makeLoaderProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeRouterProps(),\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'button' }),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'elevated' } as const),\n}, 'VBtn')\n\nexport const VBtn = genericComponent<VBtnSlots>()({\n  name: 'VBtn',\n\n  props: makeVBtnProps(),\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 { 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      if (props.active !== undefined) {\n        return props.active\n      }\n\n      if (link.isLink.value) {\n        return link.isActive?.value\n      }\n\n      return group?.isSelected.value\n    })\n\n    const variantProps = computed(() => {\n      const showColor = (\n        (group?.isSelected.value && (!link.isLink.value || link.isActive?.value)) ||\n        (!group || link.isActive?.value)\n      )\n      return ({\n        color: showColor ? props.color ?? props.baseColor : props.baseColor,\n        variant: props.variant,\n      })\n    })\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\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    const valueAttr = computed(() => {\n      if (props.value === undefined || typeof props.value === 'symbol') return undefined\n\n      return Object(props.value) === props.value\n        ? JSON.stringify(props.value, null, 0)\n        : props.value\n    })\n\n    function onClick (e: MouseEvent) {\n      if (\n        isDisabled.value ||\n        (link.isLink.value && (\n          e.metaKey ||\n          e.ctrlKey ||\n          e.shiftKey ||\n          (e.button !== 0) ||\n          attrs.target === '_blank'\n        ))\n      ) return\n\n      link.navigate?.(e)\n      group?.toggle()\n    }\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\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 withDirectives(\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--slim': props.slim,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n            props.class,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n            sizeStyles.value,\n            props.style,\n          ]}\n          aria-busy={ props.loading ? true : undefined }\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          tabindex={ props.loading ? -1 : undefined }\n          onClick={ onClick }\n          value={ valueAttr.value }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <span key=\"prepend\" class=\"v-btn__prepend\">\n              { !slots.prepend ? (\n                <VIcon\n                  key=\"prepend-icon\"\n                  icon={ props.prependIcon }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !props.prependIcon }\n                  defaults={{\n                    VIcon: {\n                      icon: props.prependIcon,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </span>\n          )}\n\n          <span class=\"v-btn__content\" data-no-activator=\"\">\n            { (!slots.default && hasIcon) ? (\n              <VIcon\n                key=\"content-icon\"\n                icon={ props.icon }\n              />\n            ) : (\n              <VDefaultsProvider\n                key=\"content-defaults\"\n                disabled={ !hasIcon }\n                defaults={{\n                  VIcon: {\n                    icon: props.icon,\n                  },\n                }}\n              >\n                { slots.default?.() ?? props.text }\n              </VDefaultsProvider>\n            )}\n          </span>\n\n          { !props.icon && hasAppend && (\n            <span key=\"append\" class=\"v-btn__append\">\n              { !slots.append ? (\n                <VIcon\n                  key=\"append-icon\"\n                  icon={ props.appendIcon }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"append-defaults\"\n                  disabled={ !props.appendIcon }\n                  defaults={{\n                    VIcon: {\n                      icon: props.appendIcon,\n                    },\n                  }}\n                  v-slots:default={ slots.append }\n                />\n              )}\n            </span>\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                  width=\"2\"\n                />\n              )}\n            </span>\n          )}\n        </Tag>,\n        [[\n          Ripple,\n          !isDisabled.value && !!props.ripple,\n          '',\n          { center: !!props.icon },\n        ]]\n      )\n    })\n\n    return { group }\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"VBtn.mjs","names":["VBtnToggleSymbol","VDefaultsProvider","VIcon","VProgressCircular","makeBorderProps","useBorder","makeComponentProps","makeDensityProps","useDensity","makeDimensionProps","useDimension","makeElevationProps","useElevation","makeGroupItemProps","useGroupItem","IconValue","makeLoaderProps","useLoader","makeLocationProps","useLocation","makePositionProps","usePosition","makeRoundedProps","useRounded","makeRouterProps","useLink","useSelectLink","makeSizeProps","useSize","makeTagProps","makeThemeProps","provideTheme","genOverlays","makeVariantProps","useVariant","Ripple","computed","withDirectives","genericComponent","propsFactory","useRender","makeVBtnProps","active","type","Boolean","default","undefined","baseColor","String","symbol","flat","icon","Function","Object","prependIcon","appendIcon","block","readonly","slim","stacked","ripple","text","tag","variant","VBtn","name","props","emits","val","setup","_ref","attrs","slots","themeClasses","borderClasses","densityClasses","dimensionStyles","elevationClasses","loaderClasses","locationStyles","positionClasses","roundedClasses","sizeClasses","sizeStyles","group","link","isActive","isLink","value","isSelected","variantProps","showColor","color","colorClasses","colorStyles","variantClasses","isDisabled","disabled","isElevated","border","valueAttr","JSON","stringify","onClick","e","metaKey","ctrlKey","shiftKey","button","target","navigate","toggle","select","Tag","hasPrepend","prepend","hasAppend","append","hasIcon","_createVNode","selectedClass","loading","class","style","href","loader","center"],"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// Composables\nimport { makeBorderProps, useBorder } from '@/composables/border'\nimport { makeComponentProps } from '@/composables/component'\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 { IconValue } from '@/composables/icons'\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 { useSelectLink } from '@/composables/selectLink'\nimport { makeSizeProps, useSize } from '@/composables/size'\nimport { makeTagProps } from '@/composables/tag'\nimport { makeThemeProps, provideTheme } from '@/composables/theme'\nimport { genOverlays, makeVariantProps, useVariant } from '@/composables/variant'\n\n// Directives\nimport { Ripple } from '@/directives/ripple'\n\n// Utilities\nimport { computed, withDirectives } from 'vue'\nimport { genericComponent, propsFactory, useRender } from '@/util'\n\n// Types\nimport type { PropType } from 'vue'\nimport type { RippleDirectiveBinding } from '@/directives/ripple'\n\nexport type VBtnSlots = {\n  default: never\n  prepend: never\n  append: never\n  loader: never\n}\n\nexport const makeVBtnProps = propsFactory({\n  active: {\n    type: Boolean,\n    default: undefined,\n  },\n  baseColor: String,\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  readonly: Boolean,\n  slim: Boolean,\n  stacked: Boolean,\n\n  ripple: {\n    type: [Boolean, Object] as PropType<RippleDirectiveBinding['value']>,\n    default: true,\n  },\n\n  text: String,\n\n  ...makeBorderProps(),\n  ...makeComponentProps(),\n  ...makeDensityProps(),\n  ...makeDimensionProps(),\n  ...makeElevationProps(),\n  ...makeGroupItemProps(),\n  ...makeLoaderProps(),\n  ...makeLocationProps(),\n  ...makePositionProps(),\n  ...makeRoundedProps(),\n  ...makeRouterProps(),\n  ...makeSizeProps(),\n  ...makeTagProps({ tag: 'button' }),\n  ...makeThemeProps(),\n  ...makeVariantProps({ variant: 'elevated' } as const),\n}, 'VBtn')\n\nexport const VBtn = genericComponent<VBtnSlots>()({\n  name: 'VBtn',\n\n  props: makeVBtnProps(),\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 { 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      if (props.active !== undefined) {\n        return props.active\n      }\n\n      if (link.isLink.value) {\n        return link.isActive?.value\n      }\n\n      return group?.isSelected.value\n    })\n\n    const variantProps = computed(() => {\n      const showColor = (\n        (group?.isSelected.value && (!link.isLink.value || link.isActive?.value)) ||\n        (!group || link.isActive?.value)\n      )\n      return ({\n        color: showColor ? props.color ?? props.baseColor : props.baseColor,\n        variant: props.variant,\n      })\n    })\n    const { colorClasses, colorStyles, variantClasses } = useVariant(variantProps)\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    const valueAttr = computed(() => {\n      if (props.value === undefined || typeof props.value === 'symbol') return undefined\n\n      return Object(props.value) === props.value\n        ? JSON.stringify(props.value, null, 0)\n        : props.value\n    })\n\n    function onClick (e: MouseEvent) {\n      if (\n        isDisabled.value ||\n        (link.isLink.value && (\n          e.metaKey ||\n          e.ctrlKey ||\n          e.shiftKey ||\n          (e.button !== 0) ||\n          attrs.target === '_blank'\n        ))\n      ) return\n\n      link.navigate?.(e)\n      group?.toggle()\n    }\n\n    useSelectLink(link, group?.select)\n\n    useRender(() => {\n      const Tag = (link.isLink.value) ? 'a' : props.tag\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 withDirectives(\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--readonly': props.readonly,\n              'v-btn--slim': props.slim,\n              'v-btn--stacked': props.stacked,\n            },\n            themeClasses.value,\n            borderClasses.value,\n            colorClasses.value,\n            densityClasses.value,\n            elevationClasses.value,\n            loaderClasses.value,\n            positionClasses.value,\n            roundedClasses.value,\n            sizeClasses.value,\n            variantClasses.value,\n            props.class,\n          ]}\n          style={[\n            colorStyles.value,\n            dimensionStyles.value,\n            locationStyles.value,\n            sizeStyles.value,\n            props.style,\n          ]}\n          aria-busy={ props.loading ? true : undefined }\n          disabled={ isDisabled.value || undefined }\n          href={ link.href.value }\n          tabindex={ props.loading || props.readonly ? -1 : undefined }\n          onClick={ onClick }\n          value={ valueAttr.value }\n        >\n          { genOverlays(true, 'v-btn') }\n\n          { !props.icon && hasPrepend && (\n            <span key=\"prepend\" class=\"v-btn__prepend\">\n              { !slots.prepend ? (\n                <VIcon\n                  key=\"prepend-icon\"\n                  icon={ props.prependIcon }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"prepend-defaults\"\n                  disabled={ !props.prependIcon }\n                  defaults={{\n                    VIcon: {\n                      icon: props.prependIcon,\n                    },\n                  }}\n                  v-slots:default={ slots.prepend }\n                />\n              )}\n            </span>\n          )}\n\n          <span class=\"v-btn__content\" data-no-activator=\"\">\n            { (!slots.default && hasIcon) ? (\n              <VIcon\n                key=\"content-icon\"\n                icon={ props.icon }\n              />\n            ) : (\n              <VDefaultsProvider\n                key=\"content-defaults\"\n                disabled={ !hasIcon }\n                defaults={{\n                  VIcon: {\n                    icon: props.icon,\n                  },\n                }}\n              >\n                { slots.default?.() ?? props.text }\n              </VDefaultsProvider>\n            )}\n          </span>\n\n          { !props.icon && hasAppend && (\n            <span key=\"append\" class=\"v-btn__append\">\n              { !slots.append ? (\n                <VIcon\n                  key=\"append-icon\"\n                  icon={ props.appendIcon }\n                />\n              ) : (\n                <VDefaultsProvider\n                  key=\"append-defaults\"\n                  disabled={ !props.appendIcon }\n                  defaults={{\n                    VIcon: {\n                      icon: props.appendIcon,\n                    },\n                  }}\n                  v-slots:default={ slots.append }\n                />\n              )}\n            </span>\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                  width=\"2\"\n                />\n              )}\n            </span>\n          )}\n        </Tag>,\n        [[\n          Ripple,\n          !isDisabled.value && !!props.ripple,\n          '',\n          { center: !!props.icon },\n        ]]\n      )\n    })\n\n    return { group }\n  },\n})\n\nexport type VBtn = InstanceType<typeof VBtn>\n"],"mappings":"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","ignoreList":[]}